@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.woff2') format('woff2'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Medium.woff2') format('woff2'),
       url('../fonts/Montserrat-Medium.woff') format('woff'),
       url('../fonts/Montserrat-Medium.ttf') format('truetype'),
       url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
       url('../fonts/Montserrat-SemiBold.woff') format('woff'),
       url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
       url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html, body{ -webkit-overflow-scrolling: touch;}
body { font-family: 'Montserrat'; font-size: 16px; line-height: 28px; color: #515151; background:#fff; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

*:focus,
a, a:focus,
.btn:focus, .btn:active:focus, .btn.active:focus,
input, input:focus,
button, button:focus{ outline:none;}
a{ color: #31a3e0;}
a:hover{ color: #2996d1; text-decoration: none;}
img{ max-width:100%;}
a:hover { -webkit-transition: all ease .10s; transition: all ease .10s; text-decoration:none;}
a:focus, a:active { text-decoration: none;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{ font-weight: 600; margin-bottom: 24px; color: #003874;}
h1, .h1{ font-size: 75px; line-height: normal; margin-bottom: 30px;}
h2, .h2{ font-size: 50px; line-height: normal; margin-bottom: 16px;}
h3, .h3{ font-size: 40px; line-height: normal;}
h4, .h4{ font-size: 30px; line-height: 40px;}
h5, .h5{ font-size: 24px; line-height: 34px;}
h6, .h6{ font-size: 20px; line-height: 26px;}
p{ margin-bottom: 24px;}
ul, ol { margin: 0; padding: 0; list-style:none;}
.text-blue{ color: #003874;}
.text-dark-3{ color: #333;}
.text-m{ font-weight: 500;}
.text-s{ font-weight: 600;}
.text-18{ font-size: 18px;}
.text-14{ font-size: 14px;}
.text-13{ font-size: 13px; line-height: 1.5;}
.lh-32{ line-height: 32px;}
.lh-26{ line-height: 26px;}
.lh-26{ line-height: 22px;}
.bg-fa{ background-color: #fafafa;}
.link-14{ font-size: 14px; line-height: 22px; font-weight: 500; background: none; border: none; padding: 0; color: #31a3e0;}
.link-14:hover{ color: #2996d1; text-decoration: none;}

/*=== Start Header CSS ===*/
.header{ padding: 30px 50px; float: left; width: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.header-top{ display: flex; width: 100%;}
.header-left{ }
.logo{ display: inline-block;}
.header-right{ margin-left: auto; display: flex; align-items: center;}
.lan-link{ display: inline-block; padding: 0 70px 4px 0;}
.lan-link a{ font-size: 16px; color: #6f6f6f; font-weight: 600; text-transform: uppercase;}
.lan-link a:hover{ color: #0052a0;}

.menu-wrap{ position: fixed; top: 30px; right: 50px; z-index: 99;}
.side-menu{ position: fixed; right: -440px; top: 0; bottom: 0; padding: 80px 40px 0; width: 400px; max-width: 100%; background: #f9fbff; box-shadow: 0 0 20px rgba(0,0,0,0.20); overflow-y: auto; transition: all 0.5s ease;}
.side-menu.active{ right: 0;}
.side-menu li a{ font-size: 16px; font-weight: 600; color: #333; line-height: 24px; display: inline-block; padding: 10px 20px; width: 100%;}
.side-menu li a:hover,
.side-menu li a.active{ color: #0052a0;}
.menu-icon{ width: 50px; height: 50px; padding: 17px 12px 17px 13px; display: inline-block; position: relative; z-index: 1; cursor: pointer; border-radius: 50%; transition:all 0s ease;}
.menu-icon .menu-toggler{ width: 25px; height: 16px; display: inline-block; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25px' height='16px' viewBox='0 0 25 16'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M1,1h23 M1,8h23 M1,15h23'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; vertical-align: top;}
.menu-icon.active .menu-toggler{ width: 25px; height: 16px; display: inline-block; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25px' height='16px' viewBox='0 0 25 16'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M5.429,0.929l14.143,14.143 M19.571,0.928L5.429,15.071'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; vertical-align: top;}
/*=== End Header CSS ===*/

/*=== Start Container CSS ===*/
.main-container{ float: left; width: 100%;}
.grd,
.items-nb li:nth-child(2n+1):before{ background: #0052a0; background: -moz-linear-gradient(-45deg,  #0052a0 0%, #002d60 100%); background: -webkit-linear-gradient(-45deg,  #0052a0 0%,#002d60 100%); background: linear-gradient(135deg,  #0052a0 0%,#002d60 100%);}

.section{ padding: 120px 0;}
.section.section-next{ padding-bottom: 0; position: relative;}
.section-border{ padding-top: 0;}
.section-border .border-top{ padding-bottom: 120px; border-top-color: #d8d8d8;}
.section-title{ padding-bottom: 46px;}
.section-title p{ font-size: 18px; line-height: 28px;}

.section-bottom{ text-align: center; width: 100%; display: inline-block; padding: 60px 24px 120px;}
.section-bottom .section-down{ display: inline-block; font-size: 14px; font-weight: 600; color: #333; padding-bottom: 24px; background-image:url(../images/down-dark.png); background-position: center bottom 6px; background-repeat: no-repeat; cursor: pointer;}
.section-bottom.white .section-down{ color: #fff; background-image: url(../images/down-light.png);}
.section-bottom .section-down:hover{ color: #333; background-position: center bottom 0px;}
.section-bottom.white .section-down:hover{ color: #fff;}

.section-1{ background:url(../images/bg-globe.png) right center no-repeat; background-size: auto 100%; position: relative;}
.section-1 .caption-h1{ min-height: 100vh; padding: 100px 0; display: flex; flex-flow: column; justify-content: center;}
.section-1 .caption-h1 h1 .f{ background: url(../images/f.svg) left top no-repeat; background-size: contain; height: 86px; padding-left: 68px; margin-top: 18px; display: inline-block; vertical-align: top;}
.section-1 .caption-h1 p{ font-size: 28px; line-height: 1.5;}
.section-1 .section-bottom{ position: absolute; left: 0; bottom: 0; padding-bottom: 30px;}

.section-2{ background-color: #f9fbff;}

.aalogos { margin: 0 auto;}

.soci-wrap{ border: 5px solid #d1dfe6; background: #ecf3f9; position: relative; overflow: hidden; border-radius: 35px; box-shadow: 0 0 30px rgba(2,60,125,0.05);}
/*.soci-wrap .soci-controls{ width: 70px; height: 70px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #31a3e0; background-repeat: no-repeat; background-position: center; border: none; border-radius: 50%; z-index: 2; transition: all 0.2s ease;}
.soci-wrap .soci-pp{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 18 18'%3e%3cpath fill='%23ffffff' d='M15.5,9l-13,8.5v-17L15.5,9z'/%3e%3c/svg%3e");}
.soci-wrap .soci-pp.active{ opacity: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 18 18'%3e%3cpath fill='%23ffffff' d='M6.5,17.5h-4v-17h4V17.5z M15.5,0.5h-4v17h4V0.5z'/%3e%3c/svg%3e");}
.soci-wrap:hover .soci-pp.active{ opacity: 1;}*/
.soci-slider .slick-arrow{ width: 35px; height: 70px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; border: none; z-index: 2; transition: all 0.2s ease; overflow: hidden;}
.soci-slider .slick-arrow.slick-disabled{ opacity: 0.5; pointer-events: none;}
.soci-slider .slick-arrow:before{ content: ""; width: 70px; height: 70px; display: inline-block; position: absolute; top: 0; background-color: #31a3e0; background-repeat: no-repeat; background-size: 20px 20px; border: none; opacity: 1; border-radius: 50%; z-index: 2; transition: all 0.2s ease;}
.soci-slider .slick-prev{ left: 0;}
.soci-slider .slick-next{ right: 0;}
.soci-slider .slick-prev:before{ right: 0; background-position: right 12px center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M14.5,19l-9-9l9-9'/%3e%3c/svg%3e");}
.soci-slider .slick-next:before{ left: 0; background-position: 12px center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M5.5,1l9,9l-9,9'/%3e%3c/svg%3e");}

.items-grey-box{ padding: 40px; background: #fafafa; border-radius: 20px; height: 100%;}
.item-check-list{ margin: 0; padding: 0; list-style: none;}
.item-check-list li{ font-size: 14px; line-height: 22px; padding-left: 30px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='12px' viewBox='0 0 15 12'%3e%3cpath fill='none' stroke='%23515151' stroke-width='2.1' d='M14.208,0.817l-9.775,9.665L0.792,6.874'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left 6px;}
.item-check-list li + li{ margin-top: 16px;}

.section-5 h2{ color: #fff;}
.divider-line:after{ content: ""; width: 2px; height: 155px; background: rgba(255,255,255,0.2); position: absolute; right: 0; top: 50%; margin-top: -90px;}
.items-lce{ background: #31a3e0; padding: 78px 75px 78px; border-radius: 20px;}
.items-lce h3{ color: #fff;}
.items-lce .item-label{ font-size: 20px; line-height: 28px; font-weight: 600; color: #fff; text-transform: uppercase; width: 72px; padding: 4px 0;}
.items-lce .item-wrap{ margin-left: 36px; padding-left: 62px; border-left: 1px solid #fff; text-align: left;}
.items-lce .item-wrap .item-list{ padding: 18px 54px 18px 30px; font-size: 18px; font-weight: normal; line-height: normal; color: #002d60; position: relative; border-radius: 10px; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='12px' viewBox='0 0 15 12'%3e%3cpath fill='none' stroke='%23002d60' stroke-width='2.5' d='M14.208,0.817l-9.775,9.665L0.792,6.874'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 28px center; background-size: 23px auto;}
.items-lce .item-wrap .item-list + .item-list{ margin-top: 20px;}
.items-lce .item-wrap .item-list span{ font-weight: 600;}
.items-lce .item-wrap .item-list:before{ content: ""; width: 62px; height: 1px; background: #fff; position: absolute; left: -62px; top: 50%;}

.items-nb{ border-left: 3px solid #d8d8d8; margin: 0 0 0 38px; padding: 0; list-style: none;}
.items-nb li{ padding-left: 104px; margin-top: 66px; min-height: 80px; position: relative; display: none; width: 100%;}
.items-nb li:before{ content: attr(data-number); font-size: 30px; line-height: 1; font-weight: 600; position: absolute; left: -41px; top: 0; width: 80px; height: 80px; background: #e11b22; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.items-nb .item-name{ font-size: 22px; line-height: normal;}
.items-nb .item-date{ font-size: 14px; line-height: normal; color: #31a3e0; font-weight: 600; text-transform: uppercase; display: inline-block; position: relative; text-decoration: none; padding-bottom: 5px; vertical-align: top;}
.items-nb .item-date:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #31a3e0; transition: all 0.2s ease;}
.item-view-link{ font-size: 14px; line-height: normal; font-weight: 600; color: #333; padding-right: 26px; background: url(../images/arrow-right.png) right 6px center no-repeat;}
.item-view-link:hover{ color: #333; background-position: right center;}

.section-7{ position: relative;}
.section-7:before{ content: ""; background: #fafafa; width: 33%; height: 506px; position: absolute; left: 0; top: 0;}
.section-7 .container{ position: relative;}
.items-max{ display: inline-block; width: 100%; vertical-align: top; padding: 30px; background: #fff; color: #515151; border: 1px solid #ddd; height: 100%; border-radius: 10px;}
.items-max:hover{ background: #fafafa; color: #515151; box-shadow: 0 7px 20px rgba(0,0,0,0.05);}
.items-max .item-head-wrap{ position: relative; padding-left: 138px; min-height: 112px; margin-bottom: 24px; display: flex; align-items: center;}
.items-max .item-icon{ position: absolute; left: 0; top: 0;}

/* Slick Dots */
.slick-dots li{ width: auto; height: auto; margin: 0 10px 0 0;}
.slick-dots li button{ width: 12px; height: 12px; border: 1px solid #003874; background: transparent; border-radius: 50%;}
.slick-dots li.slick-active button{ background: #003874;}
.slick-dots li button:before{ display: none;}

.items-contact{ background: #fff; padding: 70px; border-radius: 20px;}
.link-add{ padding-left: 40px; background: url(../images/icon-add.svg) left center no-repeat; font-size: 16px; font-weight: normal; color: #515151; line-height: 24px;}

/* Btn Style and Color */
.btn{ padding: 12px 20px; font-size: 16px; line-height: 24px; font-weight: 500; text-transform: uppercase; border-radius: 0; transition: all 0.2s ease;}
.w-185{ width: 185px; max-width: 100%;}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{ color: #fff; background-color: #31a3e0; border-color: #31a3e0;}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{ color: #fff; background-color: #2a98d3; border-color: #2a98d3;}
.btn-primary.disabled,
.btn-primary:disabled{ color: #fff; background-color: #31a3e0; border-color: #31a3e0; pointer-events: none;}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus{ box-shadow: none;}

/* Form */
.form-control,
.custom-select{ display: inline-block; width: 100%; height: 50px; padding: 12px 15px; background-color: #f4f4f4; border: 1px solid #f4f4f4; font-size: 14px; line-height: 24px; color: #515151; font-weight: 500; border-radius: 0; box-shadow: none; vertical-align: top;}
select.form-control,
select.form-control.is-invalid,
select.form-control.is-invalid:focus,
.custom-select{ padding-right: 42px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='none' stroke='%230044b8' stroke-width='2.5' stroke-linecap='round' d='M1.448,2.21l7.38,7.379l7.724-7.379'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 18px 12px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer;}
textarea.form-control{ resize: none; height: auto;}
.form-control:focus,
.custom-select:focus,
.form-group-label input.form-control:not(:placeholder-shown),
.form-group-label select.custom-select{ color: #515151; background-color: #f4f4f4; border-color: #003874; outline: 0; box-shadow: none;}
.form-text{ font-size: 12px;}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus{ padding-right: 24px; background-image: none; border-color: #DD3034; box-shadow: none;}
.custom-select.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid:focus{ padding-right: 42px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='none' stroke='%230044b8' stroke-width='2.5' stroke-linecap='round' d='M1.448,2.21l7.38,7.379l7.724-7.379'/%3E%3C/svg%3E"); background-position: right 15px center; background-size: 18px 12px; border-color: #DD3034; box-shadow: none;}
div.is-invalid{ color: #DD3034; font-size: 12px; line-height: 20px; font-weight: normal; margin-top: 4px;}

.form-control::-webkit-input-placeholder { color: #bababa; opacity: 1;}
.form-control::-moz-placeholder { color: #bababa; opacity: 1;}
.form-control:-ms-input-placeholder { color: #bababa; opacity: 1;}
.form-control::-ms-input-placeholder { color: #bababa; opacity: 1;}
.form-control::placeholder { color: #bababa; opacity: 1;}

/* Form Checkbox, Radio */
.checkbox,
.radio{ position: relative; vertical-align: top; display: block;}
.checkbox-inline,
.radio-inline{ padding-right: 18px; display: inline-block;}
label.checkbox,
label.radio,
.checkbox label,
.radio label{ margin-bottom: 0;}
.checkbox input[type="checkbox"],
.radio input[type="radio"]{ opacity: 0; position: absolute; left: 0; top: 0; margin: 0;}
.checkbox label.is-invalid ~ .invalid-feedback,
.radio label.is-invalid ~ .invalid-feedback{ padding-left: 40px;}
.checkbox .checkbox-label{ cursor: pointer; padding-left: 40px; display: inline-block; min-height: 20px; font-size:16px; line-height:24px; color: #515151; font-weight: normal; vertical-align: top;}
.checkbox.disable .checkbox-label{ cursor: default; opacity: 0.6;}
.checkbox .checkbox-label:before{ content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: 0; border: 1px solid #003874; border-radius: 0;}
.checkbox .checkbox-label:after{ content: ""; position: absolute; width: 20px; height: 20px; top: 2px; left: 0; border-radius: 0; background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06,12.996 l3.547,3.641l7.484-7.576' fill='none' stroke='%23fff'  stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") no-repeat center center; background-size: 22px 22px; opacity: 0;}
.checkbox input[type="checkbox"]:checked + .checkbox-label:before{ background: #003874; border-color: #003874;}
.checkbox input[type="checkbox"]:checked + .checkbox-label:after{ opacity: 1;}
.checkbox input[disabled="disabled"] + .checkbox-label:before,
.checkbox.disable .checkbox-label:before{ opacity: 0.9;}
.checkbox.disable input[type="checkbox"]:checked + .checkbox-label:after{ opacity: 0.9;}

.radio .radio-label{ cursor: pointer; padding-left: 40px; display: inline-block; min-height: 20px; font-size:16px; line-height:24px; vertical-align: top; color: #515151; font-weight: normal;}
.radio.no-label{ display: inline-block;}
.radio.no-label .radio-label{ display: inline-block; padding-left: 20px;}
.radio .radio-label:before{ content: ""; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border: 1px solid #003874; border-radius: 50%;}
.radio input[type="radio"]:checked + .radio-label:before{ border-color: #003874;}
.radio input[type="radio"]:checked + .radio-label:after{ content: ""; width: 6px; height: 6px; background-color: #003874; position: absolute; left: 7px; top: 7px; border-radius: 50%;}
.radio.disable .radio-label,
.radio input[disabled="disabled"] + .radio-label:before,
.radio.disable .radio-label:before{ opacity: 0.6; pointer-events: none;}

.section-ic-info{ background: #333; color: #fff;}
.items-ic{ background: #2a2a2a; padding: 48px 35px 48px 170px; position: relative; height: 100%; border-radius: 20px;}
.items-ic .item-icon{ position: absolute; left: 50px; top: 50px;}

/*=== Start Footer CSS ===*/
.footer{ background: #1c1c1c; padding: 0; font-weight: normal; font-size: 14px; color: #868686;}
.footer-top{ padding: 80px 0;}
.footer-bottom{ padding: 40px 0; line-height: 20px; font-weight: normal; color: #868686; border-top: 1px solid #2f2f2f; text-align: center;}
.footer ul li{ padding-bottom: 6px;}
.footer ul li a{ font-size: 14px; display: inline-block; line-height: 22px;}
.footer a{ color: #868686;}
.footer a:hover,
.footer .icon-group:hover a{ color: #bbb;}
.newsletter .input-email{ background: transparent; border: none; border-bottom: 1px solid #434343; width: 100%; padding: 12px 0; line-height: 22px; color: #fff; font-size: 14px; font-weight: normal;}
.newsletter .input-email.is-invalid{ border-color: #DD3034;}
.newsletter .input-email + .is-invalid{ border-color: #DD3034;}
.newsletter .link-14{ margin-top: 10px;}
.social-icons{ display: flex;}
.social-icons a{ position: relative; overflow: hidden; width: 36px; height: 36px; border: 1px solid #979797; margin-right: 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.social-icons a svg{ width: 22px; height: 22px;}
.social-icons a iframe{ position: absolute; left: 0; top: 0; width: 36px; height: 36px; padding: 3px 0; opacity: 0;}
.social-icons .icon-group{ width: 36px; height: 36px; overflow: hidden; display: inline-block; position: relative; border-radius: 50%;}
.social-icons .icon-group .twitter-share-button{ position: absolute !important; left: 0; top: 4px; width: 100% !important; cursor: pointer; opacity: 0; z-index: 1;}
/*=== End Footer CSS ===*/

.scrollTop{ position: fixed; bottom: 100px; right: -100px; width: 50px; height: 50px; background: #3f92be url(../images/up-arrow.png) center center no-repeat; padding-top: 18px; cursor: pointer; text-align: center; z-index: 99; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.modal-content{ border-color: #96aabe; border-radius: 0; box-shadow: 0 5px 10px rgba(150, 170, 190, 0.2);}
.modal-header{ border-bottom-color: #96aabe; background: #f2f2f2; position: relative;}
.modal-title{ font-weight: 600; color: #2a5779;}
.modal-header .close{ font-size: 32px; line-height: 26px; margin-top: 0; position: absolute; right: 0; top: 0; width: 60px; height: 100%; text-align: center; z-index: 2;}
.modal-content p{ font-size: 15px;}

/*Loader Style*/
.loader{ display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); z-index: 4; border-radius: 0 0 40px 40px;}

.loader-ripple{ height: 48px; width: 48px; border-radius: 50%; position: absolute; display: inline-block; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.loader-ripple:after,
.loader-ripple:before{ content: ''; height: 0; width: 0; border: inherit; border: 3px solid; border-radius: inherit; position: absolute; left: 40%; top: 40%; animation: circle-ripple  1.4s linear infinite; color: #59ba1f; box-sizing: content-box;}
.loader-ripple:before{ animation-delay: -0.7s; color: #3fb4f4;}
@keyframes circle-ripple {
  0% {
    height: 0;
    width: 0;
    border-width: 2px;
    left: 22px;
    top: 22px;
  }
  100% {
    height: 48px;
    width: 48px;
    border-width: 8px;
    left: -8px;
    top: -8px;
    opacity: 0;
  }
}

@media(max-width:1199px){
  h1, .h1{ font-size: 50px;}
  h2, .h2{ font-size: 40px;}
  h3, .h3{ font-size: 36px;}
  h4, .h4{ font-size: 24px; line-height: 34px;}
  h5, .h5{ font-size: 20px; line-height: 28px;}
  h6, .h6{ font-size: 18px; line-height: 24px;}

  .section{ padding: 60px 0;}
  .section-border{ padding-top: 0;}
  .section-border .border-top{ padding-bottom: 60px;}
  .section-title{ padding-bottom: 30px;}
  .section-title p{ font-size: 17px; line-height: 28px;}

  .section-bottom{ padding: 40px 24px 60px;}

  .section-1 .caption-h1 h1 .f{  height: 60px; padding-left: 50px; margin-top: 15px;}
  .section-1 .caption-h1 p{ font-size: 24px;}
  .items-lce{ padding: 50px;}
  .section-7:before{ width: 28%;}

  .items-ic{ padding: 30px 25px 30px 110px; font-size: 14px; line-height: normal;}
  .items-ic .item-icon{ left: 30px; top: 30px; width: 60px;}
  .items-ic .row + .row{ padding-top: 8px;}

  .footer-top{ padding: 50px 0;}
}

@media(max-width:991px){
  html, body{ width: 100%; overflow-x: hidden;}
  .section-7:before{ width: 48%;}
  .items-lce{ padding: 30px;}
  .items-contact{ padding: 40px;}

  .footer-top{ padding: 35px 0;}
  .footer-bottom{ padding: 30px 0;}
}

@media(max-width:767px){
  h1, .h1{ font-size: 32px;}
  h2, .h2{ font-size: 30px;}
  h3, .h3{ font-size: 28px;}
  h4, .h4{ font-size: 22px; line-height: 30px;}
  h5, .h5{ font-size: 18px; line-height: 26px;}
  h6, .h6{ font-size: 16px; line-height: 24px;}
  .container{ padding: 0 20px;}

  .header{ padding: 14px 16px;}
  .logo{ width: 92px;}
  .lan-link{ padding: 0 65px 0 0;}
  .menu-wrap{ right: 10px; top: 10px;}
  .side-menu{ padding: 64px 20px 0;}
  .scrollTop{ position: fixed; bottom: 10px;}

  .section{ padding: 35px 0;}
  .section-border{ padding-top: 0;}
  .section-border .border-top{ padding-bottom: 35px;}
  .section-title{ padding-bottom: 10px;}
  .section-title p{ font-size: 16px; line-height: 24px;}

  .section-bottom{ padding: 30px 24px 35px;}

  .section-1 .caption-h1 h1 .f{  height: 36px; padding-left: 30px; margin-top: 8px;}
  .section-1 .caption-h1 p{ font-size: 18px;}
  .items-grey-box{ padding: 24px;}
  .items-lce{ padding: 24px;}
  .items-lce .item-label{ font-size: 15px; width: 60px; text-align: left;}
  .items-lce .item-wrap{ padding-left: 20px; margin-left: 2px;}
  .items-lce .item-wrap .item-list{ padding: 14px 32px 18px 16px; font-size: 15px; background-position: right 10px center; background-size: 16px auto;}
  .items-lce .item-wrap .item-list:before{ width: 20px; left: -20px;}
  .items-max{ padding: 24px;}
  .items-contact{ padding: 24px;}
  .items-ic{ padding: 80px 24px 24px 24px;}
  .items-ic .item-icon{ left: 24px; top: 20px; width: 40px;}
  .items-nb{ border-left: 2px solid #d8d8d8; margin: 0 0 0 19px;}
  .items-nb li{ padding-left: 34px; margin-top: 30px; min-height: 40px;}
  .items-nb li:before{ font-size: 16px; left: -21px; width: 40px; height: 40px;}
  .items-nb .item-name{ font-size: 18px;}
  .items-max .item-head-wrap{ padding-left: 110px; min-height: 80px; margin-bottom: 20px;}
  .items-max .item-icon img{ height: 80px;}

  .footer-top{ padding: 30px 0;}
  .footer-bottom{ padding: 20px 0;}
}

@media (max-width:575px){
  .items-ic{ font-size: 11px;}
}

@media (min-width:576px){
  .border-sm-left{ border-left: 1px solid #d6d6d6;}
}
@media (min-width:768px){
  .border-md-left{ border-left: 1px solid #d6d6d6;}
  .row-20{ margin-left: -20px; margin-right: -20px;}
  .row-20 > [class*=col-]{ padding-left: 20px; padding-right: 20px;}
  .items-max .item-title{ font-size: 30px;}
}
@media (min-width:992px){
  .border-lg-left{ border-left: 1px solid #d6d6d6;}
}
@media (min-width:1200px){
  .items-max .item-title{ font-size: 35px;}
}
@media (min-width:1280px){
  .container{ max-width:1220px;}
  .row-25{ margin-left: -25px; margin-right: -25px;}
  .row-25 > [class*=col-]{ padding-left: 25px; padding-right: 25px;}
}
@media (min-width:1440px){
  .container{ max-width:1310px;}
}