/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(icon.css);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@400;500;700);

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:22px/1.7 'Roboto Slab', Arial, Helvetica, sans-serif; color:#505061; padding-left: 120px; background: #F2F2EC; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); transition:background-color 550ms cubic-bezier(0.77,0,0.175,1), color 550ms cubic-bezier(0.77,0,0.175,1); }
.allanim, #mainmenu li a:after  { -webkit-transition:all 550ms cubic-bezier(0.77,0,0.175,1); transition:all 550ms cubic-bezier(0.77,0,0.175,1); }
a { color:#e03973; text-decoration:none;}
a:hover { text-decoration:none; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:300;  }
h1,h2 { font-size:40px;  }
h2 { font-size:34px;  }
h3 { font-size:28px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:16px; }
 ul { margin: 0; padding: 0; list-style: none;}
ul li { line-height:24px; }
figure { margin: 0;}
.cf:after,.wrap:after { content:""; display:table; clear: both; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none;}
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { *zoom:1; margin-left:-30px; margin-right:-30px; clear:both; }
.cols:after {content:""; display:table; clear:both; }
.cols .col { float:left; min-height:1px; padding-left:30px; padding-right:30px; }
.cols1 .col { width:100%; }
.cols2 .col { width:50%; }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#e03973; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:#f34834; }
input.has-error { border-bottom:solid 1px #f34834 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #e03973; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
#wrapper {  }
.wrap { max-width:1340px; width:100%; margin:0 auto; padding:0 30px;}

#primary { float:left; width:700px; }
#sidebar { float:right; width:200px; }
.one-column { width:auto !important; float:none !important; }


/* =Common-Page (common classes for all pages)
========================================================================================*/
#logo { float:left; width:222px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }

.nav-main { position: absolute; left: 100%; top: 0; bottom: 0; }
/* .nav-logo .open-logo { display: none;} */
/* .nav-open .nav-logo .open-logo { display: block;} */
/* .nav-open .nav-logo .close-logo { display: none;} */
#mainmenu { margin: 20px 0 0 0; background: #fff; height: 100vh; margin: 0; padding: 20px;	min-width: 120px; -webkit-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);	-o-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1); transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
.btn-trigger.open + #mainmenu { transform: translateX(120px);}
.nav-data { display: flex; justify-content: center; align-items: center; height: 100%; -webkit-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1); transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu li { line-height:30px; text-align: center; margin-bottom: 10px; }
#mainmenu li:last-child { margin-bottom: 0;}
#mainmenu > ul > li { margin:0 0 0 35px; font-weight:bold; text-transform:uppercase; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#172946; position:relative; }
#mainmenu li a:after { content:''; position:absolute; width:0; height:2px; background:#e03973; top:100%; left:0; right:0; margin:0 auto; }
#mainmenu li a:hover:after, #mainmenu li.active a a:after { width:100%; }


#header { position: fixed; left: 0; top: 0; bottom: 0; width: 120px; background: #fff; -webkit-box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.1);  z-index: 1000; display: flex; transition: 200ms all ease-out; overflow: hidden; }
/* .menu-block { position: fixed; left: 0; top: 0; bottom: 0; width: 120px; background: #fff; -webkit-box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.1);  z-index: 1000;padding: 20px; } */
#header.nav-open { width: 292px; }
.menu-block { height: 100%; padding: 20px; position: relative; }
.nav-row { display: flex; height:100%; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; padding: 100px 0; justify-content: center; }
.nav-logo { position: absolute; left: 0; top: 0; }
.nav-logo a { display: block; z-index: 11; position: relative; }
.nav-logo a figure.close-logo { width: 84px; }
.nav-logo a figure.open-logo { width: 150px; display: none; }

.nav-logo a figure { position: absolute; left: 0; top: 0; }
.nav-logo a img { display: block; width: 100%; }
.menu-icon { margin-left: 24px; }
.nav-social { margin-left: 30px; position: absolute; left: 0; bottom: 0; }
.nav-social i { color: #04398C;}
.transition-all { display: inline-block; width: 24px; height: 2px; background: #04398C; position: relative; float: left; margin: 9px 0 9px auto; -moz-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity: 1; }
.transition-all::before, .transition-all::after { display: inline-block; width: 34px; height: 2px; background: #04398C; position: absolute; right: 0; content: ''; -moz-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition: all 200ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center;  transform-origin: 0.28571rem center; }

.transition-all::before { top: 7px; }
.transition-all::after { top: -7px; }
.btn-trigger { display: flex; flex-direction: column; cursor: pointer; }
.btn-trigger em { font-size: 12px; font-family: 'Roboto', Arial; font-style: normal;  display: block; line-height: normal;  color: #1e3863; margin-top: 8px;  letter-spacing: 1px;  text-transform: uppercase; }

.btn-trigger.open .transition-all { background: none; }
.btn-trigger.open .transition-all::before { -webkit-transform: rotate3d(0, 0, 1, 50deg); transform: rotate3d(0, 0, 1, 50deg); top: -12px; }
.btn-trigger.open .transition-all::after { -webkit-transform: rotate3d(0, 0, 1, -50deg); transform: rotate3d(0, 0, 1, -50deg); top: 7px; }


#footer { background:#172946; padding:78px 0 66px; font-size:14px; font-family: 'Roboto', Arial; color: #fff; }
.footer-data { display: flex;  justify-content: space-between; }
.fmenu { margin:0; padding:0; list-style:none; }
.fmenu li { line-height: normal; margin-bottom: 5px;}
.fmenu li a { color:#fff; }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#e03973; }
.copyright { float:right; margin:0; }
.footer-info { font-size: 16px; }
.footer-info address { max-width: 320px; font-style: normal;}
.footer-info p { margin: 0;}
.footer-info p a { color: #fff; }
.footer-info p a:hover { color: #e03973; }
.footer-menu {  text-align: right;display: flex; flex-direction: column; justify-content: space-between; }
.footer-menu p { margin-bottom: 0; font-size: 16px;}
.footer-menu p a { color: #fff; margin-left: 5px;}
.footer-menu p a:hover { color: #e03973; }
/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.svg);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:transparent; padding:4px 0; height:58px; line-height:1.55; border:0; border-bottom:solid 3px #fff; color:#fff; width:100%; font-family:'roboto', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 30px;  font-size: 24px;font-family:'Roboto', Arial, Helvetica, sans-serif;  background: #fff; color: #000;	border-radius: 8px;}
select { height:auto; padding:12px 42px 12px 0; font-size:18px;color: #C6C6C6; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:transparent; }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:0; border-bottom:solid 3px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button {background: #fff; color: #04398C; border: 0; cursor: pointer; width: auto;	overflow: visible;	padding: 10px 20px;	vertical-align: middle; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 1.25; font-family: 'roboto', Arial, Helvetica, sans-serif; font-weight: 500;letter-spacing: 2px;  text-align: left;	border-radius: 8px;}
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#d71802; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }
.form-btn .submit:hover {  background: #04398C;}
::-webkit-input-placeholder { opacity:0.6; color: #C6C6C6; }
::-moz-placeholder { opacity:0.6; color: #C6C6C6;}
:-ms-input-placeholder { opacity:0.6; color: #C6C6C6; }
:-moz-placeholder { opacity:0.6; color: #C6C6C6; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; font-size: 16px;  font-family: 'Roboto', Arial;	color: #172946; }
 .form-group .checkbox label,  .form-group .radio label { padding: 0; padding-left: 36px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: -4px; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
/* .checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #fff; } */
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #e03973; }
.checkbox input { width: 25px; height: 25px; margin: 0; }
/* .checkbox input:checked + .input-helper:before { background-color: #e03973; }
.checkbox input:checked + .input-helper:before { background-color: #e03973; } */
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; color: #e03973; }
.checkbox .input-helper:before { top: -4px; width: 25px; height: 25px; border-radius:10px; background: #fff; border: 1px solid #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 5px; top:1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 25px; height: 25px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: -4px; width: 25px; height: 25px; border-radius: 50%; }
.radio .input-helper:after { width: 15px; height: 15px; background: #e03973; border-radius: 50%; top: 1px; left: 5px; transform: scale(0); }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#999; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#505061; text-decoration:none; }
.breadcrumbs li a:hover { color:#e03973; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
 .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-color:#E03973; text-transform:uppercase; font-size:18px; border-radius: 8px; letter-spacing: 0.2em; color:#fff; font-family: 'Roboto', sans-serif; display:inline-block; line-height:1.1; padding:10px 20px; vertical-align:bottom; font-weight:500;  position: relative; padding-right: 40px; text-align: left; min-width: 230px;  z-index: 1; transition: 550ms all; overflow: hidden;}

.button::after{ content: '\e902'; font-family: 'icomoon' !important; position: absolute; font-size: 12px; top: 50%; right: 17px;     transform: translateY(-50%); }
.button::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: rgb(43,79,139); transition: 550ms all; border-radius: 8px;  z-index: -1; }
.button:hover:before {color:#fff; background-color: rgb(43,79,139); width: 100%;}
.button.btn-white {  background: #fff;  color: #E03973; }
.button.btn-white:hover { color: #fff;  }
.button.btn-white:hover:before { background-color: #E03973;}
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:10px 35px; font-size:18px; }
.button.btn-lg::after {top: 20px;}
.button.btn-lg.btn-secondary::after {top: 20px;}
.button.btn-lg.btn-outline::after {top: 20px;}
.button.btn-outline::after {top: 22px;}
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { font-size:14px; }
.button.btn-sm::after {top:18px;}
.button.btn-secondary.btn-sm::after {top: 18px;}
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-xs::after {top: 15px;}
.button.btn-secondary.btn-xs::after {top: 15px;}
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#555; color:#fff; }
.button.btn-secondary:after { top:18px; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#333; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 2px #e03973; color:#e03973;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#e03973; color:#fff; }
.button.btn-outline.btn-sm:after { top:16px; }
.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:10px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }
.button.btn-outline.btn-xs:after { top:12px; }
.button.btn-outline:hover:before { background-color: #E03973;}
.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: left; width: 160px; padding-left:20px !important; padding-right:20px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#fff; line-height:1.25; background:rgb(43,79,139); margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#e03973; }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgb(255, 255, 255); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px rgb(224,57,15); border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #fff; }
.accordion-databox .accordion-row h5.open:before { background: rgb(224, 57, 115);}
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:25px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }


/* =banner section
========================================================================================*/
.banner-section { display: flex;  background: rgb(43,79,139); position: relative;  z-index: 9; height: 100vh; background-repeat: no-repeat;  background-size: cover;  background-position: center center; }   
.banner-section::before {  content: ''; background: rgb(43,79,139);   background: -moz-linear-gradient(180deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%);   background: -webkit-linear-gradient(180deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%);   background: linear-gradient(180deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%);
top: 0; left: 0; bottom: 0; right: 0; display: inline-block; position: absolute;  z-index: -1;  opacity: 0.7; }
.banner-text { padding: 20px 60px;display: flex;flex-direction: column; justify-content: center; width: 100%;}
.home-slider .banner-text  { width: 50%; }
.banner-text > span { color: #C6C6C6; font-size: 22px; font-family: 'Roboto', Arial; margin-bottom: 8px; letter-spacing: 0.2em; }

.banner-text h1 {color: #fff; margin-bottom: 40px; max-width: 740px;}
.home-slider .banner-text h1  {  max-width: 690px; }
.banner-text h1 i { border-bottom: 3px solid #E03973; font-style: normal; }
.banner-text .button { max-width: 230px; }

.banner-slider { width: 50%; position: relative;}
.img-section { position: relative;	}
.img-section figure { margin: 0; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center center;   }
.slider-data { background: #E03973; border-radius: 8px; color: #fff;display: flex;padding: 20px 85px 20px 25px; position: absolute; left: 20px; right: 20px;	bottom: 20px; font-family: 'Roboto', Arial;}
.slider-data p { margin-bottom: 0; font-size: 26px; line-height: 1.3;}
.slider-data a { font-size: 28px; color: #172946; margin-left: 15px; line-height: 1.3;}
	
/* .slick-prev:before { content: "\e908"; font-family: 'icomoon' !important; position: absolute;font-size: 20px; right: 60px;} */
/* .slick-next::before { content: "\e900";	font-family: 'icomoon' !important;	position: absolute;	font-size: 20px; right: 0; opacity: 1;	color:#172946; } */
.img-slider .slick-prev, .img-slider .slick-next {font-size: 0;	position: absolute;	top: auto;	bottom: 50px; right: 40px; left: auto; transform: none;z-index: 1;	padding: 0; width: 22px; height: 22px; background: transparent;}
.img-slider .slick-prev  { right: 70px; }

.img-slider .slick-prev::before, .img-slider .slick-next::before { content: "\e908"; font-family: 'icomoon' !important;	position: absolute;	font-size: 20px; right: 0;	opacity: 1;	color: #172946;	top: 0; }
.img-slider .slick-next::before {content: "\e900"; 	font-family: 'icomoon' !important; }
.section-title { text-align: center; }
.section-title h2 {	font-family: 'Roboto', Arial; color: #172946; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; border-bottom: 3px solid #E03973; margin-bottom: 50px; display: inline-block; }
.section-title h3 {	font-family: 'Roboto', Arial; color: #172946; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; border-bottom: 3px solid #E03973; margin-bottom: 10px; display: inline-block; }
.about-section { padding: 140px 0; position: relative; overflow: hidden; }
.info-box { max-width: 636px;	margin: 0 auto;	}
.about-btn  { text-align: center;}

.strength-box { padding: 70px 0; border-radius: 8px; color: #fff; background: rgb(43,79,139); background: -moz-linear-gradient(230deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%); background: -webkit-linear-gradient(230deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%); background: linear-gradient(230deg, rgba(43,79,139,1) 0%, rgba(26,49,86,1) 100%); }
.strength-section .section-title h2 { color: #fff; font-size: 28px;}
.strength-detail h3 { font-family: 'Roboto', Arial; color:#E03973; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 700;}
.strength-data {  text-align: center; }
.strength-detail  { max-width: 374px; margin: 0 auto; }
.strength-detail p { font-size: 18px; line-height: 1.4; }
.icon-img { width: 180px;  height: 180px; border: 2px solid #fff; border-radius: 50%;  margin: 0 auto;  display: flex; align-items: center;  justify-content: center; margin-bottom: 40px; box-shadow: 0 0 0 #fff inset; -webkit-transition: all 550ms cubic-bezier(0.77,0,0.175,1);	transition: all 550ms cubic-bezier(0.77,0,0.175,1);}
.strength-data:hover .icon-img { box-shadow: 0 0 180px #fff inset; 	}
.icon-img i { color: #E03973; font-size: 90px;}
.our-service-section { padding: 160px 0; position: relative; overflow: hidden;}
.our-service-section .section-title h2 { margin-bottom: 30px;}
.our-service-data {  max-width: 540px; }
.our-service-data h3 { font-size: 35px;  color: #E03973; margin-bottom: 20px; }
.our-service-data h3 span {color: #04398C;  }

.service-links ul { margin: 0;	padding: 0;	list-style: none; counter-reset: item; }
.service-links ul li { font-size: 28px; position: relative; }
.service-links ul li:before { counter-increment: item; content: counter(item, decimal-leading-zero); position: absolute; top: 50%;	color: #C6C6C6;	font-family: 'Roboto', Arial; font-size: 28px; transform: translateY(-50%);}
.service-links ul li a { color: #172946; padding: 20px 40px 20px 50px; border-bottom: 3px solid #fff; display: block; position: relative; line-height: 1.3; }
.service-links ul li a:hover { color: #e03973; }
.service-links ul li a::after { content: '\e902'; font-family: 'icomoon' !important; position: absolute;  right:15px; font-size: 24px; top: 50%; transform: translateY(-50%); color: #E03973; }
.news-section .section-title { text-align: left;}
.news-data-box  .section-title h2 { margin-bottom: 30px; }
.news-data-box .cols { margin: 0; }
.news-data-box .cols .col { padding: 0; }
.news-section { overflow: hidden; }
.news-main { min-width: 50vw; overflow: hidden; }
.news-slider { max-width: 408px; padding-bottom: 52px; }
.news-slider .slick-list { overflow: visible; margin: 0 -12px; }
.news-slider .item { border-radius: 12px; padding: 0 12px; }
.news-slider .slick-prev, .news-slider .slick-next { font-size: 0; position: absolute; top: auto; bottom: 0; left: 0; transform: none; z-index: 1; background: transparent;  padding: 0; width: 22px; height: 22px; }
.news-slider .slick-prev::before, .news-slider .slick-next::before { content: "\e905"; font-family: 'icomoon' !important; position: absolute; font-size: 18px; left: 0px; opacity: 1; color: #172946; top: 0; }
.news-slider .slick-next { left: 36px; }
.news-slider .slick-next::before {  content: "\e902"; font-family: 'icomoon' !important; }
.news-box {  background: #fff; padding: 10px; border-radius: 12px; }
.news-img a { overflow: hidden; border-radius: 12px; display: block;}
.news-img a img {  width: 100%; overflow:hidden; transition:550ms all; }
.news-img a:hover img { transform: scale(1.1); }
.news-data { padding: 20px 20px; }
.news-data h5 { font-size: 20px; text-transform: uppercase;  font-family: 'Roboto', Arial; font-weight: 500; }
.news-data h5 a { display: block;}
.news-data h5 a:hover  { color: #000;}
.news-data p  {font-size: 16px; line-height:1.5; margin-bottom: 0;}
.news-info p { max-width: 515px;}
 .slick-dots li button { width: 18px; height: 18px; background: #fff; border-radius: 50%; padding: 0; }
.slick-dots li button::before {  font-size: 72px; line-height: 20px;  top: -1px; left: -3px; opacity: 0; }
.mid-wrap { max-width: 1375px;	margin: 0 auto; }
.checkbox span a {  color: #172946;}
.checkbox span a:hover { color: #fff; }
.contact-info-box { background: #E03973; padding: 50px; border-radius: 8px;}
.contact-section .section-title h2 { font-size: 42px; color: #fff; font-family: 'Roboto Slab', Arial; text-transform: none; letter-spacing: normal;}
.contact-section .section-title { max-width: 672px;   margin: 0 auto;}
.contact-form .form-group.check-box {   margin-top: 10px; }
.form-btn {  margin-top: 20px; }
.form-btn .submit { min-width: 143px; position: relative; z-index: 1;}
.form-btn .submit::after { content: '\e906';  font-family: 'icomoon' !important; font-size: 16px; position: absolute; top: 10px; right: 20px;}
.form-btn .submit::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: rgb(43,79,139); transition: 550ms all;  border-radius: 8px;    z-index: -1;}
.form-btn .submit:hover:before { }
.contact-box textarea { height: 390px; }


/*bg scroll css*/
.marquee-group h3 { font-size: 318px; top: -5rem; color: transparent; -webkit-text-stroke: 1px #C6C6C6; position: relative; font-weight: 700; display: flex; white-space: nowrap; font-family: 'Roboto', Arial; letter-spacing: 50px; }
.marquee-group { overflow: hidden; pointer-events: none; text-transform: uppercase; -webkit-user-select: none; position: relative;	position: absolute;	top: 80px;	z-index: -1; }
.marqueee:before, .marqueee:after { box-sizing: inherit;  }

/*service page*/
.scroll-down { padding: revert; position: absolute;  bottom: 20px;  left: 0; right: 0; margin: 0 auto; text-align: center; display: flex; justify-content: center; }
.service-data p { margin-bottom: 30px; }
.bg-gray { background: #E5E3DC; }
.section-row { padding: 120px 0;}

p { margin-bottom: 40px;}

.service-section { position: relative; padding: 120px 0 20px; overflow: hidden;}
.section-title.txt-left { text-align: left;  }
.service-info .section-title h2 { margin-bottom: 30px;  }
.service-desc {  border-bottom: 3px solid #fff; padding-bottom: 10px;  padding-top: 10px;  margin-bottom: 10px; }
.service-desc:last-child { border: 0; }
.service-desc h3 { color: #172946; }
.service-desc ul li { margin-bottom: 12px; padding-left: 30px; line-height: 1.3; position: relative;  color: #172946; }
.service-desc ul li::before { content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 3px; background: #172946; transform: translateY(50%);  }
.service-desc p { margin-bottom: 20px;  }
.service-contact-section { padding-top: 0;}
.scroll-down a { color: #fff; font-family: 'Roboto', Arial; display: flex; flex-direction: column; }


/*about us*/


 .about-page .strength-box { border-radius: 0; }
.owner-img-box figure { width: 300px; height: 300px; border-radius: 50%; overflow: hidden; }
.owner-title { margin-bottom: 22px; }
.owner-title .section-title p { color:#172946; }
.owner-info p:last-child { margin-bottom: 0;}

/*contact page*/
.map-box-section { padding: 60px 0; }

.map-data address { font-style: normal; color: #172946;}
.map-data p { margin: 0; color: #172946; }
.map-data p a { color: #172946; }
.map-data p a:hover {  color: #e03973; }
.map-location iframe { border: 0; width: 100%; height: 458px; filter: grayscale(100%); }
.map-box .col:first-child { width: 40%; }
.map-box .col:last-child { width: 60%; }

/*news page*/
.news-section .cols { margin: 0 -12px; display: flex;  flex-wrap: wrap; }
.news-section .col { padding: 0 12px; margin-bottom: 24px;  display: flex;}
.pagination { max-width: 318px; margin: 50px auto 0;  display: flex; justify-content: space-between; }
.pagination a { font-family: 'Roboto', Arial; text-align: center; color: #172946; transition: 550ms all; width: 32px; }
.pagination a i { font-size: 15px; transition: 550ms all;}
.pagination a.active, .pagination a:hover{ border-bottom: 3px solid #e03973; }
.prev a:hover, .next a:hover { border: 0; }
.prev a:hover i, .next a:hover i { color: #e03973; }

/*news detail*/
.news-detail-block { max-width: 870px; margin: 0 auto; padding: 70px 15px; }
.news-detail-title .date { color: #C6C6C6; margin-bottom: 10px; display: block;}
.news-detail-title h2 { text-transform: uppercase;  font-family: 'Roboto', Arial; letter-spacing: 0.2em; margin-bottom: 20px;}
.news-detail-img { margin-bottom: 30px;  }
.news-detail-section a { font-size: 28px; line-height: 1.3; margin-bottom: 30px; display: inline-block;}
.news-detail-tags ul li a { color: #2B2E34;  padding: 0 10px; border-radius: 16px; transition: 550ms all; }
.news-detail-tags ul li a:hover, .news-detail-tags ul li a.active { background:#2B2E34; color: #fff; }
.news-detail-tags ul li {  font-size: 20px;  display: inline-block;  font-family: 'Roboto', Arial;  }
.news-detail-tags { margin-bottom: 20px; }
.news-detail-tags h5, .news-detail-social h5 { font-family: 'Roboto', Arial; text-transform: uppercase; color: #2B2E34; font-size: 20px; font-weight: bold; margin-bottom: 0;}
.news-detail-tags, .news-detail-social { display: flex; align-items: center;  }
.news-detail-social ul { margin-left: 5px; }
.news-detail-social ul li { display: inline-block; line-height: normal; padding: 0 2px; }
.news-detail-info { padding-top: 30px; border-top: 1px solid #919191; margin-top: 20px; }
.news-detail-slider .item { border-radius: 12px; padding: 0 12px; }
.news-detail-slider-section h3 { text-align: center; margin-bottom: 40px; }
.news-detail-tags ul { display: flex; flex-wrap: wrap;  justify-content: center; }
.slick-dots { text-align: center; margin-top: 35px;}
.slick-dots li { display: inline-block; padding: 0 5px;}
.slick-dots li button { font-size: 0;}
.slick-dots li.slick-active button { background:#04398C;}

.sitemap-page .banner-text h1 {text-align: center;width: 100%; max-width: 100%; }
/*text animation*/
.splitting .char { transition: transform 0.6s cubic-bezier(0.3, 0, 0.3, 1), opacity 0.6s linear; transition-delay: calc( 25ms * var(--char-index) );  }
.splitting[data-scroll="out"] .char { opacity: 0;transform: translateY(0.25em); }
[data-scroll] {
	opacity: 0;
	will-change: transform, scale, opacity;
	transform: translateY(6rem) scale(0.93);
	transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  [data-scroll=in] {
	opacity: 1;
	transform: translateY(0) scale(1);
  }
  [data-scroll=in] .char:after {
	opacity: 1;
	transform: translateY(0);
  }


  .wpcf7-response-output {
    border-color: #03388c !important;
    color: #03388c;
}

span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 15px;
}

/*hover effect*/
.img-slider .slick-prev::before, .img-slider .slick-next::before { transition: 550ms all; }
.img-slider .slick-prev:hover::before, .img-slider .slick-next:hover::before { color: #fff; }
.slider-data a { transition: 550ms all; }
.slider-data a:hover { color: #fff; }
.nav-social i { transition: 550ms all; }
.nav-social a:hover i { color: #e03973; }
.news-slider .slick-prev::before, .news-slider .slick-next::before { transition: 550ms all; }
.news-slider .slick-prev:hover::before, .news-slider .slick-next:hover::before { color: #e03973; }
#mainmenu li a::after { display: none; }
#mainmenu li a:hover { color: #e03973; }
.scroll-down a { transition: 550ms all; }
.scroll-down a:hover { color: #e03973; }
.pagination { justify-content: center; }
.pagination a { margin: 0 10px;	display: inline-block;	border-bottom: 3px solid transparent; }
.prev a, .next a { border-bottom: 0; }
.prev a:hover, .next a:hover {  border-bottom: 0; }
.news-detail-tags ul li { margin: 0 5px; }
.news-detail-section a:hover { color: #04398c; }
.slick-dots li button:hover { background: #04398C; }
.slick-dots li button { transition: 550ms all;}
input[type="submit"]:hover { background: #04398C; color: #fff; }
  
.btn-submit::after {
    content: '\e906';
    font-family: 'icomoon' !important;
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
}
.btn-submit {
position: relative;
padding: 0;
}
.btn-submit .wpcf7-spinner {
    position: absolute;
    top: 10px;
    left: 100%;
}
.wpcf7-response-output {
    border-color: #04be5b !important;
    background-color: #edfff6;
    border: solid 1px #04be5b;
    color: #04be5b;
    font-size: 18px;
    text-align: center;
	padding:10px 20px !important;
    
}

.invalid .wpcf7-response-output {
    border-color: #db524c !important;
    background-color: #fff0f4;
    border: solid 1px #db524c;
    color: #db524c;
   
}

.next.page-numbers:hover i {
    color: #e03973;
}


.next.page-numbers:hover {
    border-bottom: 0;
}

.page-numbers {
    width: 32px;
    text-align: center;
	margin:0 10px;
}
.pagination .page-numbers:hover, .page-numbers.current { border-bottom: 3px solid #e03973; }
.pagination .next.page-numbers:hover {
    border-bottom: 1px solid transparent;
}
.news-detail-section a { margin-bottom:0 ; }

.menu-block { padding: 0;}
.menu-icon { margin-left: 0; flex: 1; display: flex; align-items: center; margin: 0; padding: 40px; width: 120px; justify-content: center; background: #fff; cursor: pointer; }
.nav-row { display: flex; height: 100%; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; padding: 100px 0; justify-content: center; }
.nav-logo { position: absolute; left: 20px; top: 20px; }
.nav-social { margin-left: 0; position: absolute; left: 0; bottom: 30px; right: 0; text-align: center; }
.menu-icon.open .transition-all::after { -webkit-transform: rotate3d(0, 0, 1, -50deg); transform: rotate3d(0, 0, 1, -50deg); top: 7px; }
.menu-icon.open .transition-all::before { -webkit-transform: rotate3d(0, 0, 1, 50deg); transform: rotate3d(0, 0, 1, 50deg);  top: -12px; }
.menu-icon.open .transition-all { background: none; }