@import url('https://fonts.googleapis.com/css?family=Karla:400,700');
@import url('https://fonts.googleapis.com/css?family=Abel');

html, body{width: 100%;height:100%;}
body {font-family: 'Karla', sans-serif;font-size: 14px;font-weight: 400;line-height: 1.2;background: #fff;color: #5d7381;background: #fff;}

*{padding:0; margin:0;outline: none;}

a {color: #17425f;;transition: color 0.1s ease-in-out;}
a:hover {text-decoration:none;color: #17425f;outline: none;}
a:focus {outline: none;text-decoration:none;color: #17425f;}
img{ max-width:100%;}

/* Page Heading */
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:22px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
h1,h2,h3,h4,h5,h6{font-family: 'Karla', sans-serif;margin: 0 0 0.75em;font-weight: 400;line-height: 1.4;color: #17425f ;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-size: inherit;color: inherit;}
p{ font-size: 14px;line-height: 1.6;font-weight: 400;margin: 0 0 15px;}

input {font-size: 15px;font-family: 'Karla', sans-serif;font-weight: 400;width: 100%;height: 52px;padding: 0 15px;color: #1085d2;background: #fff;border: 1px solid #cad3db;border-radius: 6px;}
input::-webkit-input-placeholder {color: inherit;}
input::-moz-placeholder, input:-moz-placeholder {color: inherit;opacity: 1;}
select {font-size: 15px;font-family: 'Karla', sans-serif;font-weight: 400;width: 100%;height: 52px;line-height: 52px;padding: 0 30px 0 15px;color: #1085d2;border: 1px solid #cad3db;border-radius: 6px;background: #fff url('../img/select-arrow.png') no-repeat center right 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
textarea {font-family: 'Karla', sans-serif;font-weight: 400;font-size: 14px;width: 100%;min-height: 198px;height: 198px;color: #17425f;border: 1px solid #d6d6d6;padding: 15px;border-radius: 6px;}
textarea::-webkit-input-placeholder {color: #17425f;}
textarea::-moz-placeholder, textarea:-moz-placeholder {color: #17425f;}
label {margin: 0;font-weight: 400;}

.btn {font-family: 'Karla', sans-serif;font-size: 15px;font-weight: 400;color: #fff;background: #1085d2;height: 50px;line-height: 50px;padding: 0 28px;transition: background 0.1s ease-in-out;border-radius: 6px;border: none;text-transform: uppercase;cursor: pointer;}
.btn:hover, .btn:focus {background: #1085d2;color: #fff;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;box-shadow: none;}

.w-left {width: 100%;float: left;}
.w-i-block {width: 100%;display: inline-block;}
.f-left {float: left;}
.f-right {float: right;}

b, strong {font-weight: 700;}
ul, ol {list-style: none;padding: 0;margin: 0;}
ul li {display: inline-block;line-height: 1.6;}
table {width: 100%;}

.p-60 {padding: 60px 0;}
.pt-60 {padding-top: 60px;}
.i-min-height {min-height: 60vh;}

.font-ab {font-family: 'Abel', sans-serif;}

.title-txt {width: 100%;float: left;margin-bottom: 30px;}
.title-txt h4 {font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.title-txt p {font-size: 16px;margin-bottom: 0;}

.input-div input, .input-div select, .input-div textarea {box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.07);margin-bottom: 20px;}
.input-div label {font-size: 15px;color: #17425f;margin-bottom: 6px;}

/* header */
.header {width: 100%;float: left;background: #fff;border-bottom: 1px solid #dce7ea;}
.header .header-top {padding: 10px 0;background: #1085d2;}
.header-top .top-txt {font-size: 14px;line-height: 22px;float: left;color: #fff;text-transform: uppercase;margin: 6px 0 0;}
.header .cust_detail {float: right;} 
.cust_detail li {display: flex;align-items: center;float: left;padding-left: 25px;}
.cust_detail li .c-img {float: left;margin-top: -1px;margin-right: 15px;}
.cust_detail li p {font-size: 14px;line-height: 1.2;font-weight: bold;color: #fff;text-transform: uppercase;margin: 0;}
.cust_detail li p span {font-size: 11px;font-weight: 400;display: block;margin-top: 3px;}
.header .header-logo {padding: 15px 0;border-bottom: 1px solid #dce7ea;position: relative;}
.header .header-logo .container {position: relative;}
.header-logo .logo-lnk img {max-height: 110px;}
.nav-menu .nav-links {width: 100%;display: flex;justify-content: center;}
.nav-menu .nav-links > li {float: left;text-align: center;}
.nav-menu .nav-links > li > a {font-size: 18px;color: #17425f;display: block;padding: 22px 22px;height: 100%;display: flex;align-items: center;text-transform: uppercase;border-left: 1px solid #dce7ea;}
.nav-menu .nav-links > li:last-child > a {border-right: 1px solid #dce7ea;}

/* homepage banner */
.main-banner {width: 100%;float: left;background: no-repeat center;background-size: cover;}
.main-banner .banner-cap {float: left;padding: 20px;background: rgba(61, 77, 91, 0.8);margin: 160px 0;}
.main-banner .banner-cap .banner-bord {border: 3px solid #fff;padding: 65px 35px;}
.main-banner .banner-cap h2 {font-family: 'Abel', sans-serif;font-size: 40px;margin: 0;letter-spacing: -1.2px;color: #fff;}
.banner-cap h2 span {position: relative;display: inline-block;color: #ffb400;border-bottom: 7px solid;}

/* index section */
.page-title {font-weight: bold;margin-bottom: 60px;text-align: center;}

.services-sec {border-bottom: 1px solid #e4e4e4;}
.services-sec .row {margin: 0 -10px;}
.serv-i-txt {width: calc(25% - 20px);float: left;margin: 0 10px;padding: 20px;background: #f1f5f7;text-align: center;box-shadow: 0 0 3px rgba(211, 211, 211, 0.3);border: 1px solid #e4e4e4;}
.serv-i-txt .serv-img {width: 70px;height: 70px;display: block;margin: 0 auto 20px;padding: 17px;background: #1085d2;border-radius: 100%;position: relative;}
.serv-i-txt .serv-img:before {content: '';position: absolute;top: -4px;left: -4px;width: 78px;height: 78px;border: 5px solid rgba(16, 133, 210, 0.3);border-radius: 100%;}
.serv-i-txt .serv-img img {max-height: 100%;display: block;margin: auto;}
.serv-i-txt h6 {color: #1085d2;}
.serv-i-txt p {color: #4b4b4b;margin: 0;}

.about-section .ab-content {width: 100%;float: left;margin-bottom: 30px;}
.about-section .ab-content p {font-size: 15px;line-height: 26px;color: #17425f;}

.our-services {padding: 45px 0;background: #f6f8fb;}
.our-services .title-txt {margin-bottom: 25px;}
.service-detail h6 {font-size: 18px;background: #9e4b4c;color: #fff;font-weight: bold;display: inline-block;padding: 5px 15px 4px 20px;margin-bottom: 30px;border-radius: 0px 20px 20px 0px;}
.service-detail .o-hidden {opacity: 0;visibility: hidden;}
.service-detail ul {width: 100%;display: block;}
.service-detail ul li {font-size: 14px;line-height: 24px;color: #4b4b4b;position: relative;padding-left: 15px;display: block;}
.service-detail ul li:before {content: '';position: absolute;top: 8px;left: 0;width: 6px;height: 6px;background: #9e4b4c;}
.service-detail .numb-box {border: 3px solid #9e4b4c;text-align: center;padding: 7px 27px;display: inline-block;margin-top: 20px;}
.service-detail .numb-box p {color: #040404;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 4px;}
.service-detail .numb-box span {font-size: 22px;font-weight: bold;color: #4b4b4b;display: block;letter-spacing: 3px;}

.social_links {width: 100%;display: inline-block;}
.social_links li {float: left;margin-right: 6px;}
.social_links li a {width: 34px;height: 34px;border: 1px solid #3799e4;border-radius: 100%;fill: #3799e4;display: flex;justify-content: center;align-items: center;}
.social_links li a svg {fill: inherit;vertical-align: top;}
/*.social_links li a:hover {border-color: #000;fill: #000;}*/

.our-doc-sec .doc-col {width: 100%;float: left;height: 100%;background: #f1f5f7;}
.our-doc-sec .doc-col .doc-image {width: 50%;float: left;}
.doc-col .doc-image img {width: 100%;}
.our-doc-sec .doc-col .doc-detail {width: 50%;float: left;font-size: 13px;line-height: 18px;color: #78858d;padding: 30px 20px;}
.our-doc-sec .doc-col h6 {font-size: 16px;font-weight: bold;color: #27333b;text-transform: uppercase;}
.our-doc-sec .doc-col p {font-size: 14px;line-height: 1.2;}
.our-doc-sec .doc-col .bord-txt {display: block;border-top: 1px solid #d5dbdf;padding: 15px 0;}
.our-doc-sec .doc-col .doc-txt {border-top: 1px solid #d5dbdf;padding-top: 25px;margin-bottom: 30px;}
.doc-col .doc-txt h6 {font-size: 13px;font-weight: bold;color: #27333b;text-transform: uppercase;margin: 0 0 5px;}
.doc-col .sq-list li {position: relative;padding-left: 10px;}
.doc-col .sq-list li:before {content: '';position: absolute;top: 7px;left: 0;width: 3px;height: 3px;background: #3799e4;}

.appoinment-form {width: 100%;float: left;background: no-repeat center;background-size: cover;padding: 50px 0;}
.appoinment-form .title-txt h4, .appoinment-form .title-txt p {color: #fff;}
.appoinment-form .sub-txt {width: 100%;display: inline-block;font-size: 15px;line-height: 26px;color: #cedee2;border-top: 1px solid #afc4c7;padding: 25px 0 30px;}
.appoinment-form .apmnt-form {max-width: 544px;width: 100%;float: left;background: #fff;padding: 37px 37px 40px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.07);border-radius: 6px;margin-bottom: 20px;}
.appoinment-form .apmnt-form .btn {width: 100%;margin: 8px 0 3px;padding: 0 10px;}
.input-i {position: relative;}
.input-i .inp-icon {position: absolute;top: 10px;right: 10px;pointer-events: none;}

.banner-end img {width: 100%;margin: 15px 0;}

.location-map {width: 100%;float: left;padding: 80px 0;background: no-repeat center;background-size: cover;}
.location-map .loc-detail {max-width: calc(50% - 30px);width: 100%;float: left;background: #fff;padding: 60px;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.07);border-radius: 6px;position: relative;
display: flex;flex-direction: column;align-items: flex-start;margin: 0 15px;}
/*.location-map .loc-detail:before {content: '';position: absolute;top: 26%;left: 100%;border: solid transparent;border-width: 30px 44px;border-left-color: #fff;}*/
.location-map .loc-detail h5 {color: #366261;font-weight: bold;}
.location-map .loc-detail p {font-size: 20px;line-height: 28px;color: #6f7f7e;}
.loc-detail h4 {font-size: 17px;font-weight: bold;color: #27333b;text-transform: uppercase;}
.location-map .loc-detail a.btn {width: auto;margin-top: auto;}
.location-map .opd-det {width: 100%;display: inline-block;margin-bottom: 22px;}
.location-map .opd-det li {width: 100%;display: inline-block;font-size: 16px;line-height: 28px;color: #6f7f7e;}
.location-map .opd-det li span {max-width: 105px;float: left;}
.location-map .opd-det li div {display: block;padding-left: 120px;}
.location-map .cust_detail {margin-top: 10px;}
.location-map .cust_detail li {width: 100%;margin-top: 15px;padding-left: 0;}
.location-map .cust_detail li .c-img {min-width: 30px;}
.location-map .cust_detail li p {font-size: 17px;line-height: 1.2;font-weight: bold;color: #4b4b4b;text-transform: none;word-break: break-all;word-break: break-word;
	min-height: 38px;vertical-align: middle;display: flex;justify-content: center;flex-direction: column;
}
.location-map .cust_detail li p span {font-size: 13px;color: #5d7381;text-transform: uppercase;}

/* footer */
.footer {width: 100%;display: inline-block;padding: 40px 0;background: #fff;}
.footer p {color: #6f7f7e;text-align: center;margin-bottom: 35px;}
.footer .social_links {display: flex;justify-content: center;margin-bottom: 12px;}
.footer .social_links li a {width: 54px;height: 54px;border: 2px solid #a5a49b;fill: #a5a49b;}
.footer .social_links li a svg {width: 100%;height: 19px;}
.footer .social_links li a:hover {border-color: #3799e4;fill: #3799e4;}

/* faq page */
.faq-page {width: 100%;float: left;}
.faq-section > ul > li {width: 100%;display: inline-block;margin-bottom: 15px;}
.faq-section li > h6 {font-size: 20px;margin-bottom: 10px;cursor: pointer;border-bottom: 1px dotted;padding-bottom: 10px;}
.faq-section li > div {font-size: 16px;line-height: 26px;display: none;}
.faq-section li > div p {font-size: 16px;line-height: 26px;}
.faq-section ul li ul {list-style: disc;padding-left: 17px;}
.faq-section ul li ul li {display: list-item;margin-bottom: 10px;}

/* language popup */
.language-select {height: 52px;float: right;margin: -10px 0;position: relative;margin-left: 20px;}
.language-select .lng-sc-bx {min-width: 90px;font-size: 15px;line-height: 20px;font-weight: bold;color: #fff;text-transform: uppercase;padding: 16px 15px;cursor: pointer;background: #17425f;}
.language-select .lng-sc-bx svg {width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 2px;fill: currentColor;}
.language-select .lng-sc-bx:after {content: '';width: 8px;height: 8px;border: 4px solid transparent;border-top-color: #ffffff;display: inline-block;vertical-align: middle;margin-left: 2px;}
.language-select .language-list {display: none;position: absolute;top: 100%;left: 0;background: #fff;width: 100%;padding: 0px 0;box-shadow: 0 0 1px rgba(0,0,0,0.3);z-index: 99;}
.language-select .language-list li {display: block;}
.language-select .language-list li a {font-size: 15px;line-height: 20px;display: block;padding: 8px 15px;color: #000;cursor: pointer;}
.language-select .language-list li.active a {background: rgba(23, 66, 95, 0.3);color: #fff;}

.language-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;padding: 20px;background: rgba(255, 255, 255, 0.7);overflow: auto;opacity: 0;visibility: hidden;z-index: 999;}
.language-popup .popup-bx {max-width: 420px;width: 100%;padding: 10px;background: #1085d2;margin: auto;padding: 30px 30px 36px;border-radius: 6px;text-align: center;position: relative;}
.language-popup .close-popup {position: absolute;top: 0;right: 0;width: 40px;height: 40px;padding: 12px;color: #fff;}
.language-popup .close-popup svg {width: 100%;height: 100%;display: block;fill: currentColor;}
.language-popup .popup-bx h2 {font-size: 24px;line-height: 1.2;margin-bottom: 25px;color: #fff;}
.language-opt {max-width: 320px;width: 100%;display: flex;margin: auto;border-radius: 30px;background: rgba(255, 255, 255, 0.7);}
.language-opt li {width: 50%;float: left;position: relative;}
.language-opt li a {display: block;font-size: 15px;line-height: 20px;padding: 15px 20px;color: #000;text-align: center;position: relative;z-index: 1;border-radius: 30px;text-transform: uppercase;}
.language-opt li.active a {background: #fff;color: #000;font-weight: bold;}
.lng-pop-open {overflow: hidden;}
.lng-pop-open .language-popup {opacity: 1;visibility: visible;transition: all 0.3s ease;}