@import "bootstrap.min.css";
@import "bootstrap.min.css";
@import "fontawesome-all.min.css";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html { overflow-x: hidden; }
body { color: #525252; font-size: 15px; line-height:1.3; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
* { border: none; margin: 0; outline: none !important; padding: 0; vertical-align: baseline; }
label { display: block; font-size: 15px; font-weight: 300 }
label.auto { display: inline-block; margin: 0 20px 5px 0 }
label.auto:last-child { margin-right: 0 }
ul, ol { list-style: none }
a { color: #23cdfe }
a:hover, a:focus { color: #3F48CC; text-decoration: none }
img { display: block; height: auto; max-width: 100%; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Open Sans; margin: 0; font-weight: bold; color: #434343 }
/******Input******/
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="file"], input[type="url"], input[type="number"], input[type="date"], select, textarea { background-color: #fff; border: 1px solid #e2e2e2; border-radius: 5px; color: #525252; display: block; font-size: 14px; font-weight: normal; line-height: 20px!important; padding: 13px 15px; position: relative; width: 100%; height: 48px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, select:focus, textarea:focus, input[type="url"]:focus { border-color: #060606; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
textarea { height: 144px; resize: none; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; }
select option { font-size: 15px; font-weight: 300; }
.input-group-btn:last-child>.btn:hover, .input-group-btn:last-child>.btn-group:hover { color: #525252 }
input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 5px; vertical-align: top; }
::-webkit-input-placeholder {
color:#525252;
font-weight:300;
opacity:1.0;
}
::-moz-placeholder {
color:#525252;
font-weight:300;
opacity:1.0;
}
:-ms-input-placeholder {
color:#525252;
font-weight:300;
opacity:1.0;
}
:-moz-placeholder {
color:#525252;
font-weight:300;
opacity:1.0;
}
.fsp .fileContainer { border-radius: 0px; padding: 0; display: block; margin: 0; text-align: right; border: 1px solid #e2e2e2; }
.fsp .fileContainer .chooseFileButton { border-radius: 0; padding: 11px 28px 13px 33px; margin: 0; }
/******Browser Compatibility******/
input::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] { -moz-appearance: none; -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[type=number] { -moz-appearance: textfield !important; }
/******Input Ends******/

/******Transition******/
a, input[type="button"], input[type="submit"], input[type="reset"], .line-btn:before, .line-btn:after, .stillness-box .more, .stillness-box a:before, .btn:after, .explore-box .overlay, .videoFrame .mfp-close { -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }


/****FadeInDown****/
@-webkit-keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translateY(-400px);
}
 50% {
 opacity:0.3;
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
}
}
@keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translateY(-400px);
}
 50% {
 opacity:0.3;
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
}
}
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0);
}
75% {
transform:translate3d(0, -10px, 0);
}
90% {
transform:translate3d(0, 5px, 0);
}
to { transform: none; }
}
@keyframes bounceInDown { from, 60%, 75%, 90%, to {
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
transform:translate3d(0, -3000px, 0);
}
60% {
opacity:1;
transform:translate3d(0, 25px, 0);
}
75% {
transform:translate3d(0, -10px, 0);
}
90% {
transform:translate3d(0, 5px, 0);
}
to { transform: none; }
}
/***** slideUp *******/
@-webkit-keyframes slideUp { 0% {
 opacity:0;
 -webkit-transform:translateY(200px);
}
 50% {
 opacity:0.3;
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
}
}
@keyframes slideUp { 0% {
 opacity:0;
 -webkit-transform:translateY(200px);
}
 50% {
 opacity:0.3;
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
}
}
.shine { position: relative; overflow: hidden }
.shine:after, .lazy-image:after { position: absolute; height: 100%; width: 100%; left: 0; top: 0; -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.shine:hover:after, .lazy-image:hover:after { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg) }
/****Transition End******/


/******Hundred%******/

.hundred, section, header, footer { float: left; width: 100%; position: relative; }
.btn { background: #04D2C8; position: relative; font-family: 'Open Sans', sans-serif; border: none; border-radius: 25px; font-size: 14px; font-weight: bold;
 color: #ffffff; line-height: 20px;     padding: 10px 20px; text-transform: uppercase; text-decoration: none !important; overflow: hidden; }
.btn.focus, .btn:focus, .btn:hover { color: #fff; background-color: #04D2C8 }
.blue-btn { background-color: #04D2C8; }
.blue-btn:hover { background-color: #000000; }
.md-btn { padding-top: 8px !important; padding-bottom: 8px !important; }
.sm-btn { font-size: 13px !important; padding: 6px 20px !important; }
.input-btn { color: #fff !important }
.input-btn input { position: relative; width: 100%; background: none !important; color: inherit; padding: 20px 40px; text-transform: uppercase; }
.header-register {
    float: right;  padding: 0px;}
.header-register ul li {float: left;  display: inline; margin: 0px; padding: 0px; padding:0px 10px;}
.header-register ul li a {
    font-weight: 600; color: #ffffff;  margin: 0px;}
.header-register ul li a i { margin: 0px 5px 0px 0px;}


 @media (min-width:992px) {
a[href^="tel:"] { pointer-events: none; text-decoration: none !important }
.small-screen-icon { display: none; }
.small-screen-box { display: block !important; height: auto !important }
.aside-left { width: 255px; padding-right: 0 }
.aside-left.pull-right { padding-right: 15px; padding-left: 0 }
.aside-left.pull-right +.aside-right { padding-left: 15px; padding-right: 20px }
.aside-right { padding-left: 20px; width: 100%; width: -moz-calc(100% - 255px); width: -webkit-calc(100% - 255px); width: -o-calc(100% - 255px); width: calc(100% - 255px); }
}
@media only screen and (min-width:1230px) {
.container { width: 1230px; }
}
/******Form Style******/
.form-max-width { max-width: 600px }
.form-field { text-align: left }
.form-field .row, .row.form-field { margin-left: -15px; margin-right: -15px }
.form-field .row .row, .row.form-field .row { margin-left: -7px; margin-right: -7px; margin-top: -15px }
.form-field [class^="col-"], .form-field [class*="col-"] { padding-right: 15px; padding-left: 15px; padding-top: 15px; }
.form-field [class^="col-"] [class^="col-"], .form-field [class*="col-"] [class*="col-"] { padding-left: 7px; padding-right: 7px; }
.form-field p { padding: 10px 0 0 0; margin: 0 }
.form-field [class^="col-"] p, .form-field [class*="col-"] p { position: relative; padding: 0; margin: 0 }
.form-field i { position: absolute; font-size: 14px; right: 0; color: #22c3ff; top: 15px; z-index: 2; padding: 0; background: #fff; width: 30px; font-weight: 300; }
.form-field i.fa-globe-asia { font-weight: normal }
.form-field i+ input, .form-field i + textarea { padding-right: 40px }
.form-field .btn { min-width: 130px; margin-top: 20px }
.form-field .btn i { display: inline-block; padding: 0; background: none; position: static; font-size: 100%; color: #fff; font-weight: normal; margin: 0 5px; vertical-align: baseline; }
.block { width: 100% }
.form-field .gray-btn i { color: #787878 }
.form-field .gray-btn:hover i, .form-field .gray-btn:focus i { color: #fff }
.sm-field input[type="text"], .sm-field input[type="email"], .sm-field input[type="password"], .sm-field input[type="search"], .sm-field input[type="tel"], .sm-field input[type="file"], .sm-field input[type="url"], .sm-field input[type="number"], .sm-field input[type="date"], .sm-field select, .sm-field textarea { padding: 9px 20px; font-size: 13px; height: auto }
.sm-field textarea { height: 90px }
.sm-field .selectric .label { height: 38px; line-height: 38px; font-size: 13px; }
.sm-field .selectric-items li { font-size: 13px !important }
.label-right label { text-align: right; margin-top: 8px; }
.has-radio, .has-checkbox { padding-top: 10px; padding-bottom: 10px }
.has-radio label, .has-checkbox label { margin-top: 0; margin-bottom: 0 }
div.wpcf7 .ajax-loader { position: absolute; top: 50% }
div.wpcf7-response-output { margin: 1em 0.5em !important; clear: both; }
span.wpcf7-not-valid-tip { font-size: 0.8em; }
/******Custom Select******/
.selectric-wrapper { position: relative; cursor: pointer; }
.selectric-responsive { width: 100%; }
.selectric-open { z-index: 9999; }
.selectric-open .selectric-items { display: block; }
.selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; }
.selectric-hide-select select { position: absolute; left: -100%; height: 0; width: 0; }
.selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; }
.selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; }
.selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important;
background: none !important; }
.selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; }
/***Front label***/
.selectric { border: 1px solid #e2e2e2; background-color: #fff; position: relative; border-radius: 5px; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 40px 0 15px; font-size: 14px; font-weight: normal; line-height: 46px; color: #525252; height: 46px; padding: 0; text-align: left }
.selectric .button { display: block; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; width: 40px; height: 30px; color: #909090; font-size: 0; text-align: center; }
.selectric .button:after { content: "\f107"; font-family: Font Awesome\ 5 Pro; font-size: 18px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #909090; line-height: 30px; font-weight: normal }
/***Front label End***/
/****Select Drop Down***/
.selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 1px solid #060606; z-index: -1; margin: 0; }
.selectric-items .selectric-scroll { height: 100%; overflow: auto; }
.selectric-above .selectric-items { top: auto; bottom: 100%; }
.selectric-items ul { padding: 0!important; background: #fff; margin: 0 !important }
.selectric-items li { font-size: 14px !important; min-height: 20px; margin-bottom: 1px; display: block; padding: 6px 15px !important; color: #434343!important; line-height: normal !important; font-weight: normal !important; }
.selectric-items li:last-child { margin-bottom: 0 }
.selectric-items li:before, .selectric-items li:after { display: none !important }
.selectric-focus .selectric, .selectric-hover .selectric, .selectric-open .selectric { border-color: #434343!important; }
.selectric-items li.selected, .selectric-items li.highlighted, .selectric-items li:hover { background-color: #0091ec; color: #fff !important }
.selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectric-items .selectric-group .selectric-group-label { font-weight: normal; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #060606; }
.selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; }
.selectric-items .selectric-group li.selectric-group-label { padding-left: 12px !important; }
.selectric-items .selectric-group li { padding-left: 25px !important; }
/*****Custom Checkbox & Radio *****/
.csHiddenFile { width: 1px; height: 0; visibility: hidden; display: none; }
.csOpaque { opacity: 0; filter: alpha(opacity=0); }
.csFileInput { display: none!important; }
/**Checkbox**/
.csRadio input[type=radio], .csCheckbox input[type=checkbox] { position: absolute; color: white; width: 20px; height: 20px; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 0; }
.csRadio, .csCheckbox { display: inline-block; position: relative; margin: -2px 5px 0 0; vertical-align: middle; height: 20px; width: 20px; }
.radio .csRadio, .checkbox .csCheckbox { margin-left: -14px }
.csRadioElem { border-radius: 20px; }
.csRadioElem, .csCheckboxElem { display: inline-block; background: #fff; height: 20px; width: 20px; cursor: pointer; position: absolute; top: 0; left: 0; border: 1px solid #e2e2e2 }
.csCheckedR, .csChecked { border-color: #434343 }
.csCheckedR:after { content: ""; background: #292929; padding: 5px; border-radius: 10px; width: 10px; line-height: 10px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.csChecked:after { content: "\f00c"; font-size: 12px; font-family: Font Awesome\ 5 Pro; font-weight: bold; color: #292929; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.social-icon { display: inline-block; vertical-align: middle; margin: 0 }
.social-icon li { float: left; margin-right: 10px; vertical-align: top; padding: 0 !important }
.social-icon li:before { display: none }
.social-icon li:last-child { margin-right: 0 !important }
.social-icon a { float: left; vertical-align: top; color: #fff; font-size: 14px; text-align: center }
.social-icon a:before { display: block; width: 30px; background: #787878; border-radius: 50%; line-height: 30px; color: #fff !important }
.social-icon a:hover:before { background: #060606; color: #fff !important }
/******Form Style End******/

/******Spiner******/
.fa-spinner:before, .lazy-image:before, #on-load:before, .main-banner:before { border: 0.05rem solid #ccc; border-top-color: #3F48CC; border-bottom-color: #3F48CC; border-radius: 50%; content: ""; left: 50%; top: 50%; margin: -12px 0 0 -12px; position: absolute; width: 24px; height: 24px; animation: fa-spinners .9s infinite linear; -o-animation: fa-spinners .9s infinite linear; -ms-animation: fa-spinners .9s infinite linear; -webkit-animation: fa-spinners .9s infinite linear; -moz-animation: fa-spinners .9s infinite linear; }
@keyframes fa-spinners { 0% {
transform:rotateZ(0)
}
100% {
transform:rotateZ(360deg)
}
}
@-o-keyframes fa-spinners { 0% {
-o-transform:rotateZ(0)
}
100% {
-o-transform:rotateZ(360deg)
}
}
@-ms-keyframes fa-spinners { 0% {
-ms-transform:rotateZ(0)
}
100% {
-ms-transform:rotateZ(360deg)
}
}
@-webkit-keyframes fa-spinners { 0% {
-webkit-transform:rotateZ(0)
}
100% {
-webkit-transform:rotateZ(360deg)
}
}
@-moz-keyframes fa-spinners { 0% {
-moz-transform:rotateZ(0)
}
100% {
-moz-transform:rotateZ(360deg)
}
}
/******Spiner End******/

/******Header******/
header { background: #fff; position: fixed; top: 0!important; left: 0; right: 0; padding: 0; z-index: 999; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }

header .topbarheader{background:#D2D1DF;}
header .head-table-top{ display: table; width: 100%; padding: 10px 0; }
header .head-cell-top{ display: table-cell; vertical-align: middle; text-align: right; }
header .head-cell-top:first-child {text-align: left; }
header .head-cell-top:first-child{font-weight:500; font-size:14px;}
header .head-cell-top:first-child span{display: inline-block; position:relative; padding-left: 20px; margin-right:28px;}
header .topbarheader ul.social-icon li a i.fa-tumblr:before {
    content: '';
    background: url(../images/layer-icon.png) top center no-repeat;
    width: 16px!important;
    height: 15px!important;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 7px!important;
    left: 7px!important;
}

header .head-cell-top:first-child span a{ font-weight:500;   color: #000000;}
header .head-cell-top:first-child span i{ position: absolute; left: 0px; top: 4px;}
header .head-cell-top:first-child span i.fa-phone {transform: rotate(93deg);}
header .head-cell-top:first-child span.loc-box i{top: 0px;}
header .head-cell-top:first-child span.loc-box i{top: 0px;}

header .container { clear: both; position: relative; }
header .head-table { display: table; width: 100%; padding: 15px 0; }
header .head-cell { display: table-cell; vertical-align: middle; }
header .logo {position: relative;float: left;width: 100%;text-align: center;margin: 0;min-width: 294px;width: 294px;z-index: 999}
header .btn { float: right }
.head-fix header { box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.head-fix header { box-shadow: 0 0 5px rgba(0,0,0,0.2) }

.mid-bar{ border-bottom:1px solid rgb(0 0 0 / 13%);}

header .head-cell:nth-child(2) {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

	.search-middle{display: inline-block;}

/****Search Wrap****/
.search-triger {display: none;}
.search-wrap { min-width: 390px;     display: block!important; }
.search-wrap .search-close { cursor: pointer; float: right; position: absolute; right: 15px; top: 50%; margin-top: -13px; z-index: 4 }
.search-field { position: relative; max-width: 550px; margin: 0 auto; padding-left: 35px; }
.search-field input[type="text"], .search-field input[type="search"] {border-radius: 25px; color: #000000; font-size: 13px; font-weight: 400; 
padding: 10px 45px 10px 15px; border-color: #8583AC; }
.search-field .fa-search {    font-family: "Font Awesome 5 Pro";
    font-weight: 900; font-style: normal;  position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; line-height: 47px; width: 40px; text-align: center; color: #8583AC; }
.search-field .fa-search input[type="submit"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 22px 20px; font-size: 0; background-color: transparent; border: none; z-index: 3 }
.search-field .fa-search:hover { color: #000000 }
.search-field ::-webkit-input-placeholder {color:#000000; font-size: 13px; font-weight:400;}
.search-field ::-moz-placeholder {color:#000000; font-size: 13px; font-weight:300;}
.search-field :-ms-input-placeholder {color:#000000; font-size: 13px; font-weight:400;}
.search-field :-moz-placeholder {color:#000000; font-size: 13px; font-weight:400;}
.nav-wrap2{position:relative;     display: inline-block;}
.collapse2-box{display: none; position: absolute; background:#273044;     z-index: 10000000; width: 300px;  left: 0px;  top: 47px; text-align: left;}
ul.collapse2-box li a{ display:block; color:#ffffff; line-height:20px; font-size:15px;    font-weight: 700;
    padding: 12px 15px;
    line-height: 20px;}
	
	.fa-search:before {      font-family: "Font Awesome 5 Pro";
    font-style: normal;
    content: "\f002";
}

.collapse2-btn{background: #000000;
    color: #fff; cursor: pointer; font-size:16px;
    padding: 12px 15px;
    font-weight: 500;}

/****Nav Start****/
.nav-trigger { display: none }
.nav-wrap { position: relative;
    float: left;
    width: 100%; position: relative; float: left; margin: 4px 0px 4px 0; z-index: 99999; }
.nav_trigger, nav #menu-button { display: none }

.nav-wrap nav, .nav-wrap nav ul, .nav-wrap nav ul li, .nav-wrap nav ul li a, .nav-wrap nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99 }
.nav-wrap nav #menu-button, .nav-wrap nav ul li:before { display: none; }
.nav-wrap nav { float: left; display: block; position: static; padding: 0; margin: 0; text-align: center;     width: 100%; }
.nav-wrap nav ul.nav > li { float: left; margin: 0 18px; padding: 0; overflow: visible; position: relative; }
.nav-wrap nav ul.nav > li:nth-child(4), .nav-wrap nav ul.nav > li:nth-child(5){float: right;}

/*.nav-wrap nav ul.nav > li.has-sub { padding-right: 15px; }
.nav-wrap nav ul.nav > li.has-sub:after { color: #fff; font-family: Font Awesome\ 5 Pro; font-style: normal; font-size: 100%; content: "\f107"; font-weight: 400; position: absolute; right: 0; top: 50%; margin-top: -7px; line-height: 1 }*/


.nav-wrap nav ul.nav > li > a { display: block; padding: 5px 0; margin: 0; font-size: 15px; font-weight: normal; line-height: 26px; color: #060606; white-space: nowrap; text-decoration: none; text-transform: uppercase; border-top: 2px solid rgba(0,0,0,0); border-bottom: 2px solid rgba(0,0,0,0) }
.nav-wrap nav ul.nav > li.fa-home a { font-size: 0; line-height: 10px; }
.nav-wrap nav ul.nav > li.fa-home a:after { font-family: Font Awesome\ 5 Pro; font-style: normal; font-size: 18px; content: "\f015"; line-height: 26px; }
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent }
.nav-wrap nav ul.nav ul { position: absolute; border-radius: 0; padding: 10px 0; visibility: hidden; text-align: left; left: 0; opacity: 0; top: 0; background-color: #fff; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: all 0.3s linear 0s; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
.nav-wrap nav ul.nav li ul { top: 100%; max-height: 0; overflow: hidden; }
.nav-wrap nav > ul.nav li:hover ul { top: 100%; max-height: 500px; overflow: visible; }
@media only screen and (min-width:1025px) {
.nav-wrap nav ul.nav li ul { -moz-transition: all 0.3s linear 0s!important; -webkit-transition: all 0.3s linear 0s!important; -ms-transition: all 0.3s linear 0s!important; transition: all 0.3s linear 0s!important; }
.nav-wrap nav ul.nav li ul { margin-top: 22px }
.nav-wrap nav ul.nav li ul:before { content: ""; padding: 12px 0; position: absolute; bottom: 100%; left: 0; right: 0; }
}
.nav-wrap nav ul.nav ul ul { left: 100%; padding-top: 0 }
.nav-wrap nav ul.nav ul ul:before { top: 0 }
.nav-wrap nav ul.nav li:hover > ul { display: block; visibility: visible; left: 0; top: 100%; opacity: 1; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: top 0.3s ease-in, opacity 0.3s ease-in; }
/****Menu Diff*****/
.nav-wrap nav ul.nav ul > li:hover > ul { left: 100%; top: 0; }
.nav-wrap nav ul.nav .reverse-menu ul > li:hover > ul { right: 100%; left: auto }
.nav-wrap nav ul.nav .align-left-menu:hover > ul { right: 0; left: auto }
.nav-wrap nav ul.nav ul .align-left-menu:hover ul, .nav-wrap nav ul.nav ul .align-left-menu li:hover ul { right: 100%; left: auto; }
.nav-wrap nav ul.nav ul .align-right-menu:hover ul, .nav-wrap nav ul.nav ul .align-right-menu li:hover ul { left: 100% !important; right: auto !important; }
.nav-wrap nav .z-h { z-index: 99999 !important }
.nav-wrap nav ul.nav .align-left-menu .has-sub:after, .nav-wrap nav ul.nav .align-left-menu:after { right: 100% !important; left: auto !important }
.nav-wrap nav ul.nav .align-right-menu .has-sub:after, .nav-wrap nav ul.nav .align-right-menu:after { left: 100% !important; right: auto !important; }
.nav-wrap nav ul.nav ul li.has-sub:after { content: ""; display: none !important; position: absolute; left: auto; left: 100%; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0) }
.nav-wrap nav ul.nav .reverse-menu ul li.has-sub:after { right: 100%; left: auto }
/****Menu Diff End*****/
.nav-wrap nav ul.nav > li > a.current-menu-item { color: #787878 }
.nav-wrap nav ul.nav ul li {/* position: static;*/ float: left; width: 100%; min-width: 240px; padding: 8px 20px; margin: 0; vertical-align: top; overflow: visible; }
.nav-wrap nav ul.nav ul li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li a { font-weight: normal; width: auto; white-space: nowrap; text-transform: capitalize; font-size: 15px; line-height: normal; color: #060606; padding: 0; text-decoration: none;/* transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none;*/ }
.nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #3F48CC; border-bottom-color: #3F48CC }
.nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #3F48CC; }
/****Space Control Top Bottom*****/
.m-0 { margin: 0!important }
.m-1 { margin: 10px 0!important }
.m-2 { margin: 20px 0!important }
.m-3 { margin: 30px 0!important }
.m-4 { margin: 40px 0!important }
.m-5 { margin: 50px 0!important }
.m-6 { margin: 60px 0!important }
.m-7 { margin: 70px 0!important }
.p-0 { padding: 0!important }
.p-1 { padding: 10px 0!important }
.p-2 { padding: 20px 0!important }
.p-3 { padding: 30px 0!important }
.p-4 { padding: 40px 0!important }
.p-5 { padding: 50px 0!important }
.p-6 { padding: 60px 0!important }
.p-7 { padding: 70px 0!important }
.m-t0 { margin-top: 0!important }
.m-t2 { margin-top: 20px!important }
.m-t3 { margin-top: 30px!important }
.m-t4 { margin-top: 40px!important }
.m-t5 { margin-top: 50px!important }
.m-t6 { margin-top: 60px!important }
.m-t7 { margin-top: 70px!important }
.m-b0 { margin-bottom: 0!important }
.m-b2 { margin-bottom: 20px!important }
.m-b3 { margin-bottom: 30px!important }
.m-b4 { margin-bottom: 40px!important }
.m-b5 { margin-bottom: 50px!important }
.m-b6 { margin-bottom: 60px!important }
.m-b7 { margin-bottom: 70px!important }
.p-t0 { padding-top: 0!important }
.p-t2 { padding-top: 20px!important }
.p-t3 { padding-top: 30px!important }
.p-t4 { padding-top: 40px!important }
.p-t5 { padding-top: 50px!important }
.p-t6 { padding-top: 60px!important }
.p-t7 { padding-top: 70px!important }
.p-b0 { padding-bottom: 0!important }
.p-b2 { padding-bottom: 20px!important }
.p-b3 { padding-bottom: 30px!important }
.p-b4 { padding-bottom: 40px!important }
.p-b5 { padding-bottom: 50px!important }
.p-b6 { padding-bottom: 60px!important }
.p-b7 { padding-bottom: 70px!important }
/****Space Control Top Bottom End*****/

/***********common content***********/
.common-content { padding: 40px 0; }
.common-content .btn { white-space: normal; }
.common-content h1, .common-content .h1, .common-content h2, .common-content .h2 { font-size: 36px; margin-bottom: 15px; }
.common-content h3, .common-content .h3, .common-content h4, .common-content .h4 { font-size: 28px; margin-bottom: 15px; }
.common-content h4, .common-content .h4, .common-content h5, .common-content .h5, .common-content h6, .common-content .h6 { font-size: 22px; margin-bottom: 10px; }
.common-content h1 small, .common-content h2 small, .common-content h3 small, .common-content h4 small, .common-content h5 small, .common-content h6 small { color: #22c3ff; display: block; font-size: 22px; margin: 0 0 10px; }
/*

.common-content p + h1, .common-content p + h2, .common-content p + h3, .common-content p + h4 { padding-top: 15px }*/


.common-content p.pn + h1, .common-content p.pn + h2, .common-content p.pn + h3, .common-content p.pn + h4 { padding-top: 0 }
.aligncenter { display: block; margin: 5px auto; border-radius: 5px; }
.alignright { float: right; margin: 5px 0 15px 40px; border-radius: 5px; }
.alignleft { float: left; margin: 5px 40px 15px 0; border-radius: 5px; }
.alignnone { margin: 10px 0 }
.alignblock { margin: 10px 0; float: none; width: 100%; display: block }
.common-content p { margin: 0 0 26px; }
.common-content ol li, .common-content ul li, .common-content p { line-height: 1.765; font-size: 17px; }
.common-content ul { margin: 0 0 26px }
.common-content ul li { position: relative; padding: 0 0 13px 26px; overflow: hidden; }
.common-content ul li:before { display: inline-block; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-size: 14px; color: #ff633a; content: "\f061"; position: absolute; left: 0; top: 0.11em; }
.common-content ol { padding-left: 25px; margin: 0 0 26px; text-align: left; overflow: hidden }
.common-content ol li { list-style: decimal; padding-bottom: 13px; padding-left: 0 }
.common-content ol li ul > li { padding-left: 20px; list-style: none }
.common-content ol li ul > li:before { display: block; left: 1px }
.common-content ul ol li { overflow: visible }
.common-content ul ol li:before { display: none; overflow: visible }
.common-content ol ol li { list-style: lower-alpha }
.common-content ol ol ol li { list-style: lower-roman }
.common-content ol ol, .common-content ol ul, .common-content ul ol, .common-content ul ul { margin-top: 18px; margin-bottom: 5px }
.common-content ul li:last-child, .common-content ol li:last-child { padding-bottom: 0 }
.common-content p.pn { padding: 0; margin: 0 }
.text-center ul li { padding-left: 0 }
.text-center ul li:before { position: static; margin-right: 10px; vertical-align: middle; }
.common-content .list-none li { padding-left: 0 }
.common-content .list-none li:before { display: none; }
.common-content p:last-child, .common-content ol:last-child, .common-content ol ul:last-child, .common-content h1:last-child, .common-content .h1:last-child, .common-content h2:last-child, .common-content .h2:last-child, .common-content h3:last-child, .common-content .h3:last-child, .common-content h4:last-child, .common-content .h4:last-child, .common-content h5:last-child, .common-content .h5:last-child, .common-content h6:last-child, .common-content .h6:last-child { margin-bottom: 0 }
.common-content .column-2 { overflow: hidden }
.common-content .column-2 li { float: left; width: 50%; padding-right: 5px; }
.common-content .column-2 li:nth-child(odd) { clear: left }
/************two col starts************/
.two-aside { display: table; width: 100%; margin: 0 }
.two-aside .big-col { display: table-cell; width: 79%; vertical-align: top; padding-left: 20px }
.two-aside .aside { display: table-cell; width: 21%; vertical-align: top; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; padding: 25px 20px }
/************two col End************/

/***********Table***********/
.table-responsive { border: none; margin: 8px 0; overflow: auto; }
table { width: 100%; }
table tr td, table tr th { font-size: 17px; border: 1px solid #dddddd; padding: 10px 16px; vertical-align: top; text-align: left; background: #fff; }
table tr th { font-weight: 600; background-color: rgba(0,0,0,.05) }
table img { display: inline-block; }
/***********Table End***********/

/************Breadcrumbs************/
div.breadcrumbs, section.breadcrumbs { position: relative; display: block; background: #f2f2f2; padding: 20px 0 30px; margin: 0; overflow: hidden; clear: both; text-align: left; z-index: 11; }
ul.breadcrumbs { padding: 0; clear: both; margin: 0 }
ul.breadcrumbs li { position: relative; display: inline-block; line-height: normal; vertical-align: top; padding: 0 13px 0 0; margin-right: 3px; color: #060606; font-style: normal; font-weight: 300; }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a { position: relative; display: inline-block; color: #668d3c; vertical-align: top; }
ul.breadcrumbs li:after { content: "/"; position: absolute; font-size: 14px; right: 0; top: 3px; line-height: 1; color: #6f6f6f; font-style: normal }
ul.breadcrumbs li:last-child { padding: 0; margin: 0 }
ul.breadcrumbs li:last-child:after { display: none }
ul.breadcrumbs li:before { display: none }
ul.breadcrumbs li a:hover { text-decoration: underline }
/***********Breadcrumbs End***********/

/*******Vertically Middle*******/
.lazy-image { position: relative; background: #f5f5f5; width: 100%; padding-top: 66.33%; overflow: hidden; z-index: 2; }
.lazy-image img { position: absolute; background-color: #ffffff; bottom: 0; left: 0; right: 0; top: 0; margin: auto !important; max-width: 100%; max-height: 100%; width: auto !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .5s ease-in, -webkit-transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in; transition: opacity .5s ease-in, transform .5s ease-in, -webkit-transform .5s ease-in; }
.google-map { position: relative; padding-top: 59%; }
.iframe-video { position: relative; display: inline-block; width: 100%; padding-top: 54%; margin: 10px 0; }
.google-map iframe, .google-map img, .iframe-video iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; }
img.lazyFade { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
/******Content End*********/
.margin-top { margin-top: 95px !important }
.flexslider { position: relative; margin: 0; padding: 0; overflow: hidden }
.flexslider:before { margin: -20px 0 0 -20px; width: 40px; height: 40px; border-width: 0.2rem; }
.flexslider .slides { margin: 0; padding: 0 !important; float: left; width: 100% }
.flexslider li { padding: 0 !important; }
.flexslider li:before { display: none !important }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.flexslider .flex-control-paging-wrap { position: absolute; left: 0; right: 0; top: 10px; text-align: right; padding-right: 10px; z-index: 99; }
.flexslider .flex-control-paging { position: absolute; right: 0; left: 0; bottom: 10px; margin: 0; display: inline-block; z-index: 98; height: auto; text-align: center }
.flexslider .flex-control-paging li { position: static; display: inline-block; width: auto; margin: 2px 4px; height: auto }
.flexslider .flex-control-paging li a { border: none; width: 11px; height: 11px; line-height: 10px; font-size: 0; color: #fff; text-align: center; display: block; position: relative; cursor: pointer; background-color: #dddddd; border-radius: 34px; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; }
.flexslider .flex-control-paging li .flex-active, .flexslider .flex-control-paging li a:hover { background-color: #295cab }
.flexslider .flex-control-paging li .flex-active:after, .flexslider .flex-control-paging li a:hover:after { display: none }
.flexslider .flex-direction-nav li { position: static }
.flexslider .flex-direction-nav a { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next { background: #f2f2f2; position: absolute; left: -40px; top: 50%; margin-top: -20px; width: 40px; height: 40px; z-index: 98; border-radius: 0; display: inline-block; font-size: 0; }
.flexslider .flex-direction-nav { overflow: hidden; width: 100%; margin: 0 }
.flexslider .flex-direction-nav .flex-next { left: auto; right: -40px }
.flexslider .flex-direction-nav .flex-prev:before, .flexslider .flex-direction-nav .flex-next:before { content: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 30px; font-weight: 300; line-height: 1; color: #060606; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.flexslider .flex-direction-nav .flex-next:before { content: '\f105'; left: auto; right: 50%; -moz-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.flexslider:hover .flex-direction-nav .flex-prev { left: 0 }
.flexslider:hover .flex-direction-nav .flex-next { right: 0 }
.flexslider .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-next:hover { background: #060606; }
.flexslider .flex-direction-nav .flex-prev:hover:before, .flexslider .flex-direction-nav .flex-next:hover:before { color: #fff; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1.0 }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1.0 }
.flexslider .flex-disabled { display: none !important }
.main-banner.flexslider .flex-direction-nav .flex-prev, .main-banner.flexslider .flex-direction-nav .flex-next { background-color: #ffffff; border: 2px solid rgba(255,255,255,0.5); width: 50px; height: 48px; border-radius: 50%; left: 20px; }
.main-banner.flexslider .flex-direction-nav .flex-prev:before, .main-banner.flexslider .flex-direction-nav .flex-next:before { color: #000000; font-weight: 300; font-size: 30px; }
.main-banner.flexslider .flex-direction-nav .flex-next { left: auto; right: 20px; }
.main-banner.flexslider .flex-direction-nav .flex-prev:hover, .main-banner.flexslider .flex-direction-nav .flex-next:hover { border-color: rgb(0 0 0 / 22%) }
.main-banner.flexslider .flex-direction-nav .flex-prev:hover:before, .main-banner.flexslider .flex-direction-nav .flex-next:hover:before { color: #000 }
.main-banner { background: #f6f6f6; }
.main-banner img { width: 100%; margin: 0 }
.main-banner .caption { position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.main-banner .heading { font-size: 48px; color: #ffffff; padding: 0; line-height: normal; font-family: Open Sans; font-weight: bold; }
.main-banner .heading strong { color: #3F48CC }
.main-banner p { font-size: 18px; color: #fff; line-height: 1.8; padding: 7px 0 0; font-style: italic; margin: 0; }
.main-banner .heading, .main-banner p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.main-banner .box { float: left; max-width: 490px }
.main-banner .btn-row { display: block; width: 100%; padding: 30px 0 0; }
.main-banner .line-btn { color: #fff }
.main-banner.flexslider .flex-control-paging { display: none }
.main-banner.type-2:before { display: none }
.main-banner.type-2 .box { float: right; width: 76% }
.main-banner.type-2 p { padding: 20px 0 0; }
/*****Inner Banner********/
.inner-banner { position: relative; }
.bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg img { display: none }
.inner-banner img { width: 100% }
.inner-banner .caption { position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9 }
.inner-banner .caption * { color: #fff }
.inner-banner .heading { font-size: 52px; color: #060606; padding: 0; line-height: normal; font-family: Open Sans; font-weight: bold; overflow: hidden; }
.inner-banner p { font-size: 18px; line-height: 1.8; padding: 15px 0 0; margin: 0; }
.inner-banner.type-2-banner { padding: 38px 0; background: #181818 }
.inner-banner.type-3-banner { padding: 38px 0; background: #181818 url(../images/foot-bg.png) right center no-repeat; }
.inner-banner.type-2-banner:before, .inner-banner.type-3-banner:before { display: none }
/***fadeInDown , bounceInDown , slideUp *****/
.main-banner .flex-active-slide .small-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.main-banner .flex-active-slide .heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.main-banner .flex-active-slide .sub-heading { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.main-banner .flex-active-slide p { -webkit-animation-name: slideUp; animation-name: slideUp; }


.few_info_below_banner {
    position: relative;
    margin-top: -44px;
    /* bottom: -44px; */
    left: 0;
    right: 0;
    z-index: 10;
}
.few_info_below_banner .card_light_box a {
    display: inline-flex;
    background: #ffffff;
    height: 90px;
    border-radius: 2px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 15%);
    align-items: center;
    justify-content: space-between;
    padding: 25px 35px;
    width: 100%;
}

.few_info_below_banner .card_light_box a span.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #404040;
    display: inline-block;
    width: 65%;
    text-align: left;
    text-transform: uppercase;
}






.accordion-tab-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
}

.banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100px;
  background: #003852;
}

.accordion {
  width: 96%;
  overflow: hidden;
  background: #fafafa;
  border-radius: 10px;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3);
}
@media (min-width: 600px) {
  .accordion {
    width: 100%;
    max-width: 600px;
  }
  
  .accordion-item h4{display: none;}
}
.accordion-tabs {
  display: none;
}
.accordion-tabs :focus {
  outline: none;
}
.accordion-item {
  border-bottom: 1px solid #c1d7e2;
}
.accordion-item:last-child {
  border: none;
}
.accordion-item__label {
  position: relative;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  transition: padding 0.2s ease;
}
.accordion-item__label::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.1s ease;
  border-radius: 2px;
  border: 5px solid transparent;
  border-color: transparent #003852 #003852 transparent;
}
.accordion-item__label:hover {
  background: #c1d7e2;
}
.accordion-item__container {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0;
  transition: padding 0.2s ease, opacity 0.5s 0.15s ease;
}
.accordion-active {

}
.accordion-active .accordion-item__label {
  padding-bottom: 0;
  color: #003852;
  cursor: inherit;
}
.accordion-active .accordion-item__label:hover {
  background: none;
}
.accordion-active .accordion-item__label::after {
  opacity: 0;
}
.accordion-active .accordion-item__container {
  height: auto;
  padding: 20px;
  opacity: 1;
}
.accordion-active .accordion-item__container p,
.accordion-active .accordion-item__container h1,
.accordion-active .accordion-item__container h2,
.accordion-active .accordion-item__container h3,
.accordion-active .accordion-item__container h4,
.accordion-active .accordion-item__container h5,
.accordion-active .accordion-item__container h6 {
  color: #7baac1;
}
.accordion-active .accordion-item__container p:first-child,
.accordion-active .accordion-item__container h1:first-child,
.accordion-active .accordion-item__container h2:first-child,
.accordion-active .accordion-item__container h3:first-child,
.accordion-active .accordion-item__container h4:first-child,
.accordion-active .accordion-item__container h5:first-child,
.accordion-active .accordion-item__container h6:first-child {
  margin-top: 0;
}
.accordion-active .accordion-item__container p:last-child,
.accordion-active .accordion-item__container h1:last-child,
.accordion-active .accordion-item__container h2:last-child,
.accordion-active .accordion-item__container h3:last-child,
.accordion-active .accordion-item__container h4:last-child,
.accordion-active .accordion-item__container h5:last-child,
.accordion-active .accordion-item__container h6:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .accordion-tabs {
  display: inline-block;
    text-align: center;
   
  }
  .accordion-tabs .accordion-tab { background: transparent;
    flex: 1;
    padding: 10px 20px;
    font: inherit;
    border: none;
	   border-radius: 25px;
    cursor: pointer;
    color: #003852;
  
    transition: background 0.1s ease;
  }
  .accordion-tabs .accordion-tab:hover {
  color: #ffffff;
    background: #00BEE6;
  }
  .accordion-tabs .accordion-tab:last-child {
    border-right: 0;
  }
  .accordion-tabs .accordion-tab.accordion-active {
    color: #ffffff;
    background: #00BEE6;
  }

  .accordion-item {
    display: none;
    min-height: 260px;
    padding: 30px;
    border: none;

  }
  .accordion-item__label, .accordion-item__container {
    padding: 0;
    transition: inherit;
  }
  .accordion-item__label {
    margin-bottom: 20px;
  }
  .accordion-item.accordion-active {
    display: block;
  }
  .accordion-item.accordion-active .accordion-item__container {
    padding: 0;
  }
}






#mega-line-container h2 {
  margin: 5px 0 0;
}
#mega-line-container p {
  margin: 5px 0 0;
}
#mega-line-container .mega-line-top span {
  display: inline-block;
}
#mega-line-container .mega-line-center span {
  display: inline-table;
}
#mega-line-container .mega-line-bottom span {
  display: inline-block;
}
#mega-line-icon .line-icon {
  width: 230px;
  display: inline-block;
  border-top: 2px solid #ccc;
  padding-right: 15px;
}
#mega-line-icon .line-icon i {
  position: absolute;
  font-size: 16px;
  margin-top: -9px;
  margin-left: -7px;
  background: #fff;
  padding: 0 7px;
}
#mega-line-icon .line-icon img {
  width: 60px;
  position: absolute;
  font-size: 16px;
  margin-top: -30px;
  margin-left: -15px;
  background: #fff;
  padding: 0 7px;
}
#mega-line-img .line-img {
  width: 230px;
  display: inline-block;
  border-top: 2px solid #ccc;
}
#mega-line-img .line-img img {
  width: 48px;
  position: absolute;
  font-size: 16px;
  margin-top: -25px;
  margin-left: -30px;
  background: #fff;
  padding: 0 7px;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-timeline-content .cd-read-more {
  color: #acb7c0;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
}
.mega-timeline-title {
  text-align: center;
  margin-bottom: 0;
}
.mega-timeline-title span {
  padding: 2px 8px;
  border-radius: 5px;
}
.cd-container {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
#cd-timeline .timeline-line {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1024px) {
  #cd-timeline {
    margin-top: 0;
    margin-bottom: 3em;
  }
  #cd-timeline .timeline-line {
    left: 50%;
    margin-left: -2px;
  }
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08),
    0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-dot {
  top: 16px !important;
  left: 14px;
  width: 12px !important;
  height: 12px !important;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1024px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    line-height: 58px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cd-timeline-dot {
    width: 12px !important;
    height: 12px !important;
    margin-left: -6px !important;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #fff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 2px 0 #ddd;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: 0.8em 1em;
  background: #b11f1a;
  color: #fff;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #b11f1a;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: 0.8em 0;
  opacity: 0.7;
}
.cd-timeline-content .timeline-arrow {
  content: "";
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #fff;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    
  }
  .cd-timeline-content .cd-read-more,
  .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 0;
    width: 45%;
  }
  .cd-timeline-content .timeline-arrow {
    top: 24px;
    left: 100%;
    border-color: transparent;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: -2px;
    font-size: 16px;
  
    opacity: 1;
    font-weight: 700;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content .timeline-arrow {
    border-right-color: transparent !important;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .timeline-arrow {
    border-left-color: transparent !important;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .timeline-arrow {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}
@media only screen and (min-width: 1024px) {
  .cssanimations
    .cd-timeline-block:nth-child(even)
    .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1024px) {
  .cd-timeline-block .cd-timeline-img {
    line-height: 40px !important;
  }
  .cd-timeline-block .cd-timeline-img i {
    font-size: 18px !important;
  }
  .cd-timeline-content .timeline-arrow {
    border-left-color: transparent !important;
  }
}










/******Service*****/
.learningPaths-wrap { text-align: center; padding: 60px 0; }
.learningPaths-wrap h2 {position: relative; font-size: 36px; margin: 0 0 30px; text-transform: uppercase;}
.learningPaths-wrap h2:after {
    content: '';
    background: #1E1F62;
    width: 80px!important;
    height: 6px!important;
    
 
    position: absolute;
    bottom: -15px!important;
    left: 50%;
	margin-left:-40px;
}

.learningPaths-wrap p { font-size: 15px; line-height: 30px;  margin: 0 auto }
.servicebox { display: block; border-radius: 6px; background-color: #fff; text-align:center; box-shadow: 0 0 12px rgba(30,30,30,0.1); padding: 0px 0px 20px; margin: 0px 0 20px; overflow: hidden }
.servicebox .icon-image {position: relative;   background-color: #8965E1;  width: auto;  margin: 0 0 10px; height:70px; }
.servicebox .icon-image img { width: auto!important;  position: absolute; margin: auto !important;  bottom: -35px; left: 0; right: 0;}
.descriptiopn{text-align:center;}
.servicebox h3{text-align:center;  margin-bottom: 15px  color: #000000; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.4; text-align: center;
    }
	
.servicebox .icon-image1 { background-color: #D853AE!important;}
.servicebox .icon-image2 {  background-color: #FF7C81!important;}
.servicebox .icon-image3 {   background-color: #009CC5!important;}
.servicebox .icon-image4 {   background-color: #D5AF06!important;}

.servicebox .icon-image5 {   background-color: #8965E1!important;}
.servicebox .icon-image6 {   background-color: #D853AE!important;}
.servicebox .icon-image7 {   background-color: #FF7C81!important;}
.servicebox .icon-image8 {   background-color: #009CC5!important;}
.servicebox .icon-image9 {   background-color: #D5AF06!important;}
.learningpaths-slider.owl-carousel { width: 92%; margin: 32px auto 0; }
.learningPaths-wrap .owl-carousel .owl-nav .owl-prev, .learningPaths-wrap .owl-carousel .owl-nav .owl-next {left: -40px;}
.learningPaths-wrap .owl-carousel .owl-nav .owl-next { left: auto; right: -40px;}
.add-wrap { text-align: center; padding: 60px 0; }
.add-wrap .allbox { margin: 40px 0 -3% -3%; overflow: hidden; clear: both }
.add-wrap .box { float: left; width: 22%; margin: 0 0 3% 3% }
.add-wrap .box .custom-icon { position:relative; display: inline-block; display: flex; align-items: center;     margin: 0 auto; justify-content: center;  text-align: center; margin-bottom: 25px;}


.add-wrap .box h3 {color:#000; font-weight: 700; font-size: 19px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 15px 0 10px }




/******Trending-wrap*****/
.Trending-wrap { text-align: center; padding: 60px 0; }
.Trending-wrap h2 {position: relative; font-size: 36px; margin: 0 0 30px; text-transform: uppercase;}
.Trending-wrap h2:after {
    content: '';
    background: #1E1F62;
    width: 80px!important;
    height: 6px!important;
    
 
    position: absolute;
    bottom: -15px!important;
    left: 50%;
	margin-left:-40px;
}

.trendingbox {display: block; border-radius: 6px; background-color: #fff; text-align:center; box-shadow: 0 0 12px rgba(30,30,30,0.1); padding: 0px 0px 20px; margin: 0px 0 20px; overflow: hidden; min-height: 200px; }
.trendingbox .icon-image {position: relative;   background-color: #8965E1;  width: auto;  margin: 0 0 10px;  }
.trendingbox .icon-image img { width: 100%!important; }
.trendingbox .descriptiopn{text-align:center;     padding: 0px 8px;}
.trendingbox h6{text-align:center;  margin-bottom: 15px;  color: #000000!important; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.4; text-align: center;
    }
	.trendingbox h3 a{color: #000000;}
	.TrendingCourses-slider.owl-carousel { width: 92%; margin: 32px auto 0; }
.Trending-wrap .owl-carousel .owl-nav .owl-prev, .Trending-wrap .owl-carousel .owl-nav .owl-next {left: -40px;}
.Trending-wrap .owl-carousel .owl-nav .owl-next { left: auto; right: -40px;}

/******about****/
.about-wrap { background: #f7f7f7; padding: 80px 0 }
.about-wrap .box{ width: 40%; float: left;}
.about-wrap .box:nth-child(2){ width: 60%; float: left;}
.about-wrap h2 { font-size: 36px; margin: 0 0 15px; }
.about-wrap h2 small { display: block; font-size: 34px; color: #22c3ff; margin: 0 0 10px }
.about-wrap p { font-size: 18px; line-height: 30px; margin: 0 0 30px; }
.about-wrap .btn-row { margin: 0 }


.servicebox .descriptiopn{ padding:50px 6px 0px;}
.dt-sc-course-meta {
    float: left;
    width: 100%;
    margin: 10px 0px 0px;
    padding: 0px;
}

 .dt-sc-course-meta p {
    color: #808080;
	font-size:15px;
    padding: 0px 10px 0px 0px;
    margin: 0px 10px 0px 0px!important;
    border-right: 1px solid #808080;
    display: inline;
}
 .dt-sc-course-meta p a {
    color: #808080;
}
.dt-sc-course-meta p:last-child {
    border: none;
    margin-right: 0px;
    padding-right: 0px;
}
 .dt-sc-course-data {
    float: left;
    width: 100%;
    clear: both;
    margin: 20px 0px 0px;
    padding: 20px 0px 0px;
    border-top: 2px solid #201c1d;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

 .dt-sc-course-duration i {
    border: 2px solid #201c1d;
    width: 36px; display: inline-block;
    
    height: 36px;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #2c2c2c;
    line-height: 33px;
    border-radius: 3px;
}


 .dt-sc-course-duration span {
    font-size: 20px;
    line-height: 40px;
    color: #2c2c2c;
    margin: 0px 0px 0px 15px;
}

 .dt-sc-course-data .post-ratings {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 55%;
    font-weight: 300;
    line-height: 20px;
    font-size: 12px;
    text-align: right;
}

 .dt-sc-course-duration {
    float: left;
    margin: 0px;
    padding: 0px;
}

 .dt-sc-course-data .post-ratings img {
    margin: -1px 3px; white-space: pre; width: 10px!important;     display: inline-block!important;}

.post-ratings{ position: relative; display: inline-block;}
.service-slider.owl-carousel .owl-nav .owl-prev, .service-slider.owl-carousel .owl-nav .owl-next {
     top: 0%; margin-top: -37px;}
	
   .service-slider.owl-carousel .owl-nav .owl-prev{ left: 89%;}
  
   .service-slider.owl-carousel .owl-nav .owl-next {
    left: auto; right: 13px;}
  

.professionals { padding: 0; background-color: #f7f7f7 }
.professionals .allbox { display: table; width: 100% }
.professionals .allbox .box:first-child { padding: 20px 0 }
.professionals .allbox .box { width: 50%; display: table-cell; vertical-align: middle }
.out-team { padding: 50px 0 }
.out-team i { font-size: 50px; color: #22c3ff; }
.out-team .allbox { margin: 40px 0 -3% -3%; overflow: hidden; clear: both }
.out-team .box { float: left; width: 22%; margin: 0 0 3% 3% }
.out-team h2 { font-size: 36px; text-align: center }
.out-team h3 { font-size: 19px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; margin: 15px 0 10px }
.out-team p { margin: 0 0 5px }
/****Tour***/
.tour { padding: 55px 0 }
.tour img { float: left; margin: 0 30px 10px 0 }
.tour h2 { font-size: 36px; margin: 2% 0 20px; }
.tour p { font-size: 18px; line-height: 30px; margin: 0 0 30px; }
.tour .btn-row { margin: 0 }



.testimonials-wrap{background: #F2F2F2; padding: 50px 0 50px;  text-align:center;}
.testimonials-wrap h2 {position: relative; font-size: 36px; margin: 0 0 30px; text-transform: uppercase;}
.testimonials-wrap h2:after {
    content: '';
    background: #1E1F62;
    width: 80px!important;
    height: 6px!important;
    
 
    position: absolute;
    bottom: -15px!important;
    left: 50%;
	margin-left:-40px;
}


.tesbox{ display: block; margin: 0px auto; text-align: center; max-width: 500px; overflow: hidden; }

.tesbox .descrip-wrap{max-width:500px;  padding:25px 25px 25px;      position: relative;}
.tesbox .descrip-wrap p{margin: 0 0 0px; color:#000;}
.tesbox .heading-wrap{margin-top:40px; text-align:center;  }
.tesbox .heading-wrap h3 { color: #1E1F62!important;  font-size: 16px; font-weight:900; padding-right:0px;}
.tesbox .heading-wrap h3 strong{font-size: 15px!important; font-weight:500; display:block; margin-top:15px;}
.heading-wrap img{    width: 80px!important; border:4px solid #fff;}
.tes-slider.owl-carousel { width: auto; margin: 32px -12px 0; }

.tesbox .descrip-wrap:after {background-size: 100%; position: absolute;
    left: 16px;
	top:0px;
    content: "";
    width: 50px;
    height: 33px;
   background: url(../images/quteshan.png) top center no-repeat;
}




ul.tabs{
            margin: 0px;
            padding: 0px;
            list-style: none;
            border-bottom: 2px solid #e44e4e;
        }
        ul.tabs li{
            color: #222;
            display: inline-block;
            padding: 10px 15px;
            cursor: pointer;
        }

        ul.tabs li.current{
            background-color: #e44e4e;
            color: #fff;
        }

      
      

        .tab-content{
            display: none;
            background: #fff;
            padding: 15px;
        }


/***appointment****/
.minus-right img, .minus-left img { width: 100% }
.appointment { padding: 0 0 60px }
.appointment .form-wrap { position: relative; box-shadow: 0 0 12px rgba(30,30,30,0.1); padding: 60px 35px }
.appointment h3 { font-size: 36px; }
.appointment .allbox { display: table; width: 100% }
.appointment .allbox .box { width: 50%; display: table-cell; vertical-align: middle }
.appointment .btn { min-width: 170px; }
/***Focus Label*****/
.focus-label { position: relative; }
.focus-label input, .focus-label textarea { padding-top: 18px; padding-bottom: 13px; height: 53px; }
.focus-label label { color: #525252; position: absolute; font-size: 14px; top: 18px; left: 10px; padding: 0; margin: 0; z-index: -1; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
.focus-label input:focus ~ label, .focus-label input.non-empty ~ label, .focus-label textarea:focus ~ label, .focus-label textarea.non-empty ~ label { color: #3F48CC; top: 0; font-size: 70%; z-index: 3 }
.focus-label input, .focus-label textarea { border: none; border-bottom: 2px solid #efeeee; background-color: transparent; padding-left: 10px; padding-right: 10px; border-radius: 0 }
.focus-label textarea { height:110px; }
.focus-label i { top: 21px }
/***Focus Label End*****/

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget { list-style: none; }
.bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; }
@media (min-width:768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em }
}
@media (min-width:992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em }
}
@media (min-width:1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); top: -7px; left: 7px }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px }
.bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0,0,0,0.2); bottom: -7px; left: 6px }
.bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px }
.bootstrap-datetimepicker-widget .list-unstyled { margin: 0 }
.bootstrap-datetimepicker-widget a[data-action] { padding: 0 !important; color: #000 !important; background: none !important }
.bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 40px; font-weight: bold; font-size: 1.2em; margin: 0; }
.bootstrap-datetimepicker-widget button[data-action] { padding: 0; font-size: 14px; background: none !important; box-shadow: none !important; color: #000 !important }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours" }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes" }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours" }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes" }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours" }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes" }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM" }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker" }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today" }
.bootstrap-datetimepicker-widget .picker-switch { text-align: center }
.bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens" }
.bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit }
.bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100% }
.bootstrap-datetimepicker-widget table { width: 100%; margin: 0 }
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { font-size: 14px; text-align: center; border-radius: 0px; padding: 0; border: none }
.bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px }
.bootstrap-datetimepicker-widget table th.picker-switch { width: 145px }
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777; cursor: not-allowed }
.bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month" }
.bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month" }
.bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eee }
.bootstrap-datetimepicker-widget table td { height: 40px; line-height: 40px; width: 40px }
.bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777 }
.bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eee; cursor: pointer }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777 }
.bootstrap-datetimepicker-widget table td.today { position: relative }
.bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0,0,0,0.2); position: absolute; bottom: 4px; right: 4px }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #3F48CC; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) }
.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff }
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777; cursor: not-allowed }
.bootstrap-datetimepicker-widget table td span { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px }
.bootstrap-datetimepicker-widget table td span:hover { background: #3F48CC; color: #fff }
.bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) }
.bootstrap-datetimepicker-widget table td span.old { color: #777 }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777; cursor: not-allowed }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px }
.bootstrap-datetimepicker-widget.wider { width: 21em }
.bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important }
.input-group.date .input-group-addon { cursor: pointer }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.bootstrap-datetimepicker-widget ul li { padding: 0 !important }
.bootstrap-datetimepicker-widget ul li:before { display: none !important }
.bootstrap-datetimepicker-widget .btn { min-width: inherit; margin: 0 !important; border-radius: 0 }
.bootstrap-datetimepicker-widget .btn:before { display: none }
/**********Owl Carousel**********/
.owl-carousel.has-shadow { margin: -10px; width: auto }
.owl-carousel.has-shadow .owl-item { padding: 10px }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; width: 100%; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #0b0b0b }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-carousel .owl-dots { clear: both; overflow: hidden; padding-top: 40px; text-align: center }
.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-dot { position: relative; display: inline-block; width: 11px; height: 11px; margin: 2px 3px; background: #dddddd; font-size: 0; line-height: 0; cursor: pointer; border-radius: 50%; }
.owl-carousel .owl-dot span { display: none }
.owl-carousel .owl-dot.active, .owl-carousel .owl-dot:hover { background-color: #295cab }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {    box-shadow: 0 0 12px rgb(30 30 30 / 10%); background-color: #ffffff; cursor: pointer; position: absolute; left: 0; right: 0; top: 50%; margin-top: -17px; width: 40px; height: 40px; border-radius: 50%; display: inline-block; font-size: 0; z-index: 98; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.owl-carousel .owl-nav .owl-next { left: auto; right: 0; }
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 1; cursor: not-allowed }
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before { content: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 16px; font-weight: normal; line-height: 30px; color: #000; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.owl-carousel .owl-nav .owl-next:before { content: '\f105'; left: auto; right: 50%; -moz-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #23cdfe; border-color: #23cdfe; }
.owl-carousel .owl-nav .owl-prev:hover:before, .owl-carousel .owl-nav .owl-next:hover:before { color: #fff }
.owl-carousel.top-nav { margin-top: 40px }
.owl-carousel.top-nav .owl-nav { position: absolute; right: 0; bottom: 100%; width: 65px; padding: 15px 0; margin-bottom: 38px; }
/*****Owl Carousel End*******/


/*****Social Icons*****/
ul.social-icon { display: inline-block; padding: 0; margin: 0 0 0px; vertical-align: middle }
ul.social-icon li { display: inline-block; width: auto; margin: 3px 4px 3px 0; background: none; padding: 0; vertical-align: middle; color: #060606; }
ul.social-icon li:before { display: none }
ul.social-icon li a { display: inline-block; padding: 0; width: auto; }
ul.social-icon li a:before { display: none!important }
ul.social-icon li i { text-align: center; display: inline-block; border: 0; border-radius: 100%; vertical-align: top; 
font-size: 15px; line-height: 26px; width: 26px; height: 26px; color: #ffffff;  }
ul.social-icon li a:hover i { color: #fff; }
ul.social-icon.xl li { margin: 0 20px 10px 0 }
ul.social-icon.xl li i { font-size: 30px; line-height: 70px; width: 70px; height: 70px; }
ul.social-icon li a:hover .fa-facebook-f, ul.social-icon li a:hover .fa-facebook { background-color: #3b5999; }
ul.social-icon li a:hover .fa-twitter { background-color: #0eb1f2; }
ul.social-icon li a:hover .fa-google-plus-g { background-color: #de4b39; }
ul.social-icon li a:hover .fa-linkedin-in { background-color: #007bb6; }
ul.social-icon li a:hover .fa-instagram { background-color: #d82370; }
ul.social-icon li a:hover .fa-pinterest-p { background-color: #cb2027; }
ul.social-icon li a:hover .fa-tumblr { background-color: #395976; }
ul.social-icon li a:hover .fa-youtube { background-color: #ff0000; }
ul.social-icon li a:hover .fa-rss { background-color: #ea7819; }
ul.social-icon li a:hover .fa-whatsapp { background-color: #25d366; }
ul.social-icon li a:hover .fa-skype { background-color: #00aff0; }
ul.social-icon li a:hover .fa-blogger-b { background-color: #ff5722 }
ul.social-icon li a:hover .fa-video { background-color: #ff0000; }
/*****Social Icons End*****/

/******Footer*****/
footer { padding: 60px 0 0; background: #1a1a1a; }
footer h3 { position: relative; color: #ffffff; font-size: 16px; font-family: 'Open Sans', sans-serif; padding: 0 0 18px; }
footer a, footer p { color: rgba(255, 255, 255, 0.5); font-size: 15px; margin: 0; }

footer .col-md-3 {width: 13%;}
footer .col-md-3:nth-child(2) {width: 13%;}
footer .col-md-3:nth-child(3) {width: 17%;}
footer .col-md-3:nth-child(4) {width: 16%;}
footer .col-md-3:nth-child(5) {width: 18%;}
footer .col-md-3:nth-child(6) {width: 22%;}
footer .row ul { margin-top: 5px; }
footer .row ul li { position: relative; padding: 0 0 10px 0; }
footer ul.col-2 li { float: left; width: 50%; padding-right: 5px; }
footer ul.col-2 li:nth-child(odd) { clear: left }
footer p { line-height: 1.8 }
footer address { margin: 0 }
footer address p, footer .time { position: relative; padding-left: 26px; margin-bottom: 6px; }
footer address p i, footer .time i { position: absolute; font-size: 15px; left: 0; top: 7px; color: #22c3ff; font-size: 15px; }
footer .time i { font-weight: 300; }
footer .time strong { color: #525252; display: block }
footer .social-icon { margin: 0;     float: left; }
footer .social-icon li { margin: 0 5px }
footer .social-icon a { font-size: 20px }
footer .copyright { background: #000000; border-top: 0px solid #e7e7e7; padding: 10px 0; margin: 40px 0 0; overflow: hidden; clear: both; text-align: center }
footer .copyright p { float: left; font-size: 14px; vertical-align: middle; margin: 0 10px; color: #525252 }
footer .copyright a { color: #525252; font-size: 14px; }
footer .copyright p:last-child {width:100%; }
footer .copyright .middle-nav { float: none; display: inline-block; }
footer a:hover, footer a:focus, footer .current-menu-item a, footer .copyright a:hover, footer .copyright a:focus, footer .copyright .current-menu-item a { color: #3F48CC; }
footer .copyright .current-menu-item a, footer .copyright a:hover { text-decoration: underline }
footer .social-icon a:hover { color: #ababab }
/***Scroll top***/
.scrollup { display: none; position: fixed; background-color: #060606; text-align: center; color: #fff !important; font-size: 14px; right: 5px; bottom: 5px; width: 25px; line-height: 25px; opacity: 0.5; z-index: 99; }
.scrollup:after { content: '\f106'; font-family: Font Awesome\ 5 Pro; font-weight: normal; font-size: 14px; line-height: 1; }
.scrollup:hover { opacity: 1.0 }



@media only screen and (min-width:992px) {
footer .foot_company {
    width: 14%; margin-left: 2%;
}
footer .foot-socials {padding-left: 0;}
footer .col-md-3:nth-child(1){ width: 10%;}
footer .col-md-3:nth-child(2){ width: 11%;}

footer .col-md-3:nth-child(3){ width: 15%;}
footer .col-md-3:nth-child(4){ width: 17%;}
footer .col-md-3:nth-child(5){ width: 16%;}

footer .col-md-3:nth-child(6){ width: 20%;}

}


 @media only screen and (max-width:1309px) {
}

 @media only screen and (max-width:1199px) {
}
@media only screen and (max-width:1099px) {
	
.searchIcon { top: 53px;right: 50px;}
.searchIcon a { width: 38px;  height: 38px;  background-color: #fff; border-radius: 2px; box-shadow: 0 0 0 1px #ddd;}
.Popupsearch .js-modal-close{position:absolute;top:0;right:0;width:62px;height:46px;background:#000 url(../images/Popupsearch-close.png) no-repeat center center;opacity:1;cursor:pointer;z-index:150}
.search-field { position: relative;  max-width: 96%;}
.Popupsearch{width:100%;position:fixed;top:174px;left:0!important;display:none}

.Popupsearch .js-modal-close:hover{background-color:#033277;}
.modal-overlay{position:fixed;z-index:55;background:#000;top:0;left:0;right:0;bottom:0;}
.search-triger{display: block; padding:22.50px 11px; line-height: 0px; background: #033277; color: #ffffff;}
 a:focus.search-triger, a:hover.search-triger{color:#ffffff; background: #000000;}

.search-wrap{ display:none;}

.search-field input[type="text"], .search-field input[type="search"]{    border-radius: 0px;}
.search-field { padding-left: 0px;}
}
 @media only screen and (max-width:1024px) {
.blak-overlay { position: fixed; z-index: 150; background: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0 }
.nav-trigger { position: absolute;
    right: 177px;
    top: -69px; float: right; padding: 15px; display: inline-block; position: relative; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 5px 0 0 15px; overflow: visible; }
.nav-trigger:hover { opacity: .8 }
.nav-trigger span { display: block; top: 50%; margin-top: -2px; right: 0; }
.nav-trigger span, .nav-trigger span::after, .nav-trigger span::before { width: 30px; height: 2px; background-color: #060606; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease; }
.nav-trigger span::after, .nav-trigger span::before { content: ""; display: block }
.nav-trigger span::before { top: -10px }
.nav-trigger span::after { bottom: -10px }
.nav-trigger.closemenu span { top: auto; bottom: 5px; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) }
.nav-trigger.closemenu span::after { top: -20px; transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear }
.nav-trigger.closemenu span::before { transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19) }
.nav-trigger.closemenu span { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) }
.nav-trigger.closemenu span::after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear }
.nav-trigger.closemenu span::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1) }
#push_sidebar { right: -280px; top: 0 !important; bottom: 0; position: fixed; width: 280px; overflow-x: hidden; overflow-y: auto; margin: 0 !important; padding: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2); background: #fff; }
html, header { transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.3s linear 0s; }
.sidebar_active { overflow: hidden; margin-left: -280px; margin-right: 280px }
.sidebar_active #push_sidebar { right: 0; z-index: 999999; }
.sidebar_active header, .sidebar_active.head-fix .second-menu { left: -280px; right: 280px }
.nav-wrap nav ul.nav > li.has-sub:hover > a:before { display: none }
.nav-wrap nav ul, nav ul ul, .nav-wrap nav ul ul ul, .nav-wrap nav ul.nav, nav.align-center > ul, .nav-wrap nav ul.nav > li > ul, .nav-wrap nav ul.nav > li:hover > ul, .nav-wrap nav ul ul li:hover > ul, .nav-wrap nav ul ul ul li:hover > ul { position: relative; left: 0; right: auto; top: 100%; width: 100%; display: none; padding: 0; opacity: 1; text-align: left; }
.nav-wrap nav ul.nav { padding: 0; margin: 0; }
.nav-wrap nav ul.nav > li { width: 100%; margin: 0 !important; padding: 0; border-bottom: 1px solid rgba(0,0,0,0.1) !important }
.nav-wrap nav ul.nav > li:after, .nav-wrap nav ul.nav > li:first-child:before { display: none }
.nav-wrap nav ul.nav > li:last-child { border-bottom: none }
.nav-wrap nav ul.nav ul li { border: none; opacity: 1.0 }
.nav-wrap nav ul.nav > li > a { padding: 10px 20px!important; margin: 0 !important; white-space: inherit; border-radius: 0; border-top: none; border-bottom: none }
.nav-wrap nav ul.nav > li > a:before { display: none }
.nav-wrap nav ul.nav > li.fa-home a { font-size: 15px; }
.nav-wrap nav ul.nav > li.fa-home a:after { margin-left: 10px }
.nav-wrap nav ul.nav > li.has-sub > a { padding-right: 50px !important; }
.nav-wrap nav ul.nav ul { position: static !important; opacity: 1.0; visibility: visible; padding: 0; border-radius: 0; background: none; max-height: 100% !important; overflow: visible !important; border-bottom: none }
.nav-wrap nav ul.nav ul:before, .nav-wrap nav ul.nav ul:after { display: none }
.nav-wrap nav ul.nav > li > ul > li { padding: 0 !important; margin: 0; float: left; width: 100% !important; background-color: transparent; border-bottom: none }
.nav-wrap nav ul.nav > li > ul li a { padding: 10px 16px; white-space: inherit; border-top: 1px solid rgba(0,0,0,0.1) !important }
.nav-wrap nav ul.nav li ul li a { padding-left: 30px }
.nav-wrap nav ul.nav li ul ul li a { padding-left: 35px }
.nav-wrap nav ul.nav li ul ul ul li a { padding-left: 40px }
.nav-wrap nav ul.nav li ul ul ul ul li a { padding-left: 45px }
.nav-wrap nav ul.nav li ul li a:before { left: 20px }
.nav-wrap nav ul.nav li ul ul li a:before { left: 25px }
.nav-wrap nav ul.nav li ul ul ul li a:before { left: 30px }
.nav-wrap nav ul.nav li ul ul ul ul li a:before { left: 35px }
.nav-wrap nav .submenu-button { position: absolute; right: 0; display: block !important; width: 46px; height: 48px; cursor: pointer; z-index: 111; }
.nav-wrap nav ul ul .submenu-button { height: 50px }
.nav-wrap nav .submenu-button:before { content: "\f067"; font-family: Font Awesome\ 5 Pro; position: absolute; color: rgba(0,0,0,0.4); left: 0; text-align: center; top: 50%; margin-top: -14px; font-size: 14px; line-height: 26px; width: 46px; font-weight: normal; border-radius: 0; }
.nav-wrap nav .submenu-button.submenu-opened:before { content: '\f068'; }
.nav-wrap nav ul.nav { visibility: visible !important; display: block !important; top: 0 }
.nav-wrap nav ul.nav li:hover > a, .nav-wrap nav ul.nav li > a:hover, .nav-wrap nav ul.nav li.current-menu-item > a, .nav-wrap nav ul.nav li.current-menu-ancestor > a { color: #a70a4d; }
.nav-wrap nav ul.nav ul li:hover > a, .nav-wrap nav ul.nav ul li > a:hover, .nav-wrap nav ul.nav ul li.current-menu-item > a, .nav-wrap nav ul.nav ul li.current-menu-ancestor > a { color: #a70a4d; }
.nav-wrap nav > ul.nav > li > ul { margin-left: 0; }
.nav-wrap nav ul.nav ul li.has-sub:after, .nav-wrap nav ul.nav ul ul, .nav-wrap nav ul.nav > li.has-sub > a:after { display: none !important }
.nav-wrap nav ul.nav ul ul.open { display: block !important }
.nav-wrap nav ul.nav > li.has-sub { padding-right: 0; }
}





 @media only screen and (max-width:1000px) {
footer .col-md-3 {
    width: 33.333%;     float: left;
}

footer .col-md-3:nth-child(2), footer .col-md-3:nth-child(3), footer .col-md-3:nth-child(4), footer .col-md-3:nth-child(5) {
    width: 33.333%;
}

 footer .col-md-3:nth-child(6) {
    width: 50%;
}
 }

 @media only screen and (max-width:991px) {
.alignleft, .alignright { max-width: 300px }
.header-register ul li { margin: 0px; padding: 0px 1px;}
.header-register ul li a { margin: 0px; font-size: 0px; padding: 3px 12.76px;}
.header-register ul li a i { line-height: 30px;
    height: 30px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    padding-right: 0px;
}

.few_info_below_banner {
    position: relative;
margin-top: 50px;    }

.few_info_below_banner .card_light_box a {
    display: block;
text-align: center;  height: auto;}

.few_info_below_banner .card_light_box a span.text {
 
    display: block;
    width: 100%;
text-align: center;}


}



@media only screen and (max-width:850px) {
	
	.add-wrap .allbox {
    margin: 40px 1% 0% 1%;
    overflow: hidden;
    clear: both;
}
.add-wrap .box {
    float: none;
    width: 100%;
    margin: 0 0 3% 0%;
}


footer .col-md-3 {
    width: 50%; float: left;
}

footer .col-md-3:nth-child(2), footer .col-md-3:nth-child(3), footer .col-md-3:nth-child(4), footer .col-md-3:nth-child(5) {
    width: 50%;
}

 footer .col-md-3:nth-child(6) {
    width: 50%;
}

.tesbox .descrip-wrap:after {top: -6px;}


}
 @media only screen and (max-width:767px) {
	 .few_info_below_banner .col-xs-6 {
    width: 100%;
    margin-bottom: 30px;
}
}
@media only screen and (max-width:639px) {
.alignleft, .alignright { max-width: 220px }


footer .col-md-3 {
    width: 100%; float: left;
}

footer .col-md-3:nth-child(1){ margin-bottom:30px}

footer .col-md-3:nth-child(2), footer .col-md-3:nth-child(3), footer .col-md-3:nth-child(4), footer .col-md-3:nth-child(5) {
    width: 100%;  margin-bottom:30px
}

 footer .col-md-3:nth-child(6) {
    width: 100%;
}

}
@media only screen and (max-width:520px) {
div.alignleft, div.alignright, .alignleft, .alignright { float: none; display: block; max-width: 100%; margin: 10px 4px 20px }
}
@media only screen and (max-width:479px) {
#push_sidebar { width: 250px; right: -250px }
.sidebar_active { margin-left: -250px; margin-right: 250px; }
.sidebar_active header { left: -250px; right: 250px }
}
@media only screen and (max-width:420px) {
}
@media only screen and (max-width:359px) {
}