/*--- Font-Family ---*/
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.eot');
    src: url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff'),
        url('fonts/Poppins-Bold.ttf') format('truetype'),
        url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*--- Common Css ---*/
*,
*:after,
*:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    vertical-align: top;
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

body,
html {
    background: #fff none repeat scroll 0 0;
    color: #666;
    font-family: 'Poppins';
    font-size: 22px;
    line-height: 27px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

figure {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

img {
    max-width: 100%;
    max-height: 100%;
    outline: none;
    border: none;
    height: auto;
    width: auto;
}

svg {
    max-width: 100%;
    height: auto;
}

.absolute-img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.picture > img {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.object-fit {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

input, textarea, button, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
}

ul, ul li, ol, ol li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Poppins';
    font-weight: bold;
    color: #1A1A1A;
    padding: 0px;
    margin: 0px;
}

h1, .h1, h2, .h2 {font-size: 60px; line-height: 72px; text-transform: uppercase;}
h3, .h3 {font-size: 40px; line-height: 48px; }
h4, .h4 {font-size: 36px; line-height: 48px; }
h5, .h5 {font-size: 30px; line-height: 36px; }
h6, .h6 {font-size: 22px; line-height: 27px; font-weight: 600;}


.color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white p, .color-white a:not(.btn) {
    color: #fff;
}

.normal {font-weight: normal !important; }
.medium {font-weight: 500 !important; }
.semi-bold {font-weight: 600 !important; }
.bold {font-weight: bold !important; }

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}

a {
    color: #0F5B78;
}

a:hover {
    color: #6699AB;
}

:hover, :visited, :active, :focus {
    outline: none !important;
}

:last-child:not(img), :only-child:not(img) {
    margin-bottom: 0px !important;
}

p {
    color: #666;
    margin: 0px 0px 38px;
}

p:empty {
    display: none;
}

label {
    margin-bottom: 0px;
}

small, .small {
    font-size: 22px;
    line-height: 27px;
    display: inline-block;
}

blockquote {font-size: 23px; line-height: 27px; margin: 36px 0px 25px; }
blockquote::before {content: '“';}
blockquote::after {content: '”';}

::-webkit-input-placeholder {color: #1A1A1A !important; opacity: 1; }
::-moz-placeholder {color: #1A1A1A !important; opacity: 1; }
:-ms-input-placeholder {color: #1A1A1A !important; opacity: 1; }
:-moz-placeholder {color: #1A1A1A !important; opacity: 1; }

::-moz-selection {color: #fff; background: #0F5B78; }
::selection {color: #fff; background: #0F5B78; }

.transition, a, img, ::before, ::after, .main-form .btn-send, header {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.rounded-circle, .box figure {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.shadow, header.sticky-header {
    -webkit-box-shadow: 0px 0px 60px 0px rgba(15, 91, 120, 0.15);
    -moz-box-shadow: 0px 0px 60px 0px rgba(15, 91, 120, 0.15);
    box-shadow: 0px 0px 60px 0px rgba(15, 91, 120, 0.15)
}

.link {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    /*color: #CFDEE4;*/
    color : #6699AB;
    position: relative;
    display: inline-block;
    padding-bottom: 17px;
}
.link::after {
    content: "";
    height: 2px;
    left: 0px;
    width: 100%;
    /*background-color: #CFDEE4;*/
    background-color: #6699AB;
    display: inline-block;
    position: absolute;
    bottom: 0px;
}
.link:hover {
    color: #CFDEE4;
}

.link:hover::after {
	/*background-color: #6699AB;*/
    background-color: #CFDEE4;
}

.bg-light {background-color: #e6eef1 !important;}
.bg-grey {background-color: #f5f5f5 !important;}

.text-primary {color: #0F5B78 !important;}

section {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}

section > figure {
    z-index: -1;
}

.padding-80 {padding: 80px 0px;}
.padding-t80 {padding-top: 80px;}
.padding-b80 {padding-bottom: 80px;}

.padding-t66 {padding-top: 67px;}

/*--- Text Editor ---*/
.text-editor :first-child {margin-top: 0px;}
.text-editor :last-child {margin-bottom: 0px;}

.text-editor h1 {margin-bottom: 31px;}
.text-editor h2 {margin-bottom: 31px;}
.text-editor h3, .text-editor h4 {margin-bottom: 15px;}
.text-editor h5 {margin-bottom: 13px;}
.text-editor h6 {margin-bottom: 13px;}

.text-editor a:not(.button) {color: #0F5B78;}
.text-editor a:not(.button):hover {color: #6699AB;}

.text-editor ul, .text-editor ol {margin-bottom: 40px;}

.text-editor ul li, .text-editor ol li {padding-left: 55px; position: relative; margin-bottom: 14px;}
.text-editor ul li::before, .swipe-data ul li::before, .text-data ul li::before {content: ""; width: 30px; height: 22px; display: inline-block; background: transparent url("images/icon-check.svg") no-repeat scroll left top 0px; position: absolute; top: 2px; left: 0px; }

.text-editor ol {counter-reset: ol; }
.text-editor ol li::before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0px; top: 0px; color: #0F5B78; }

.text-editor iframe {width: 100%; height: 380px;}
.text-editor img {height: auto; width: 100%; }


/*--- Header ---*/
header {padding: 25px 0px; position: fixed; top: 0px; left: 0px; width: 100%; background-color: #fff; z-index: 11;}
header.sticky-header {padding: 15px 0px;}

header nav ul li:not(:last-child) {margin-right: 37px;}
header nav ul li a {color: #666666; font-size: 17px; text-transform: uppercase; font-weight:500;}
header nav ul li.current-menu-item a {color: #0c5b77;}

.lang-item:not(:last-child), .lang-item:not(:last-child) a {margin-right: 5px;} 
.lang-item:not(:last-child)::after {content: "/"; font-size: 17px; position: relative; color: #B7B7B7;}
.lang-item:not(.current-lang) a {color: #B7B7B7; margin-right: 5px;}
.lang-item.current-lang::after {color: #666666;}

main {padding-top: 154px;}

/*--- Nav Toggle ---*/
.nav-toggle {display: none; width: 30px; height: 30px; position: relative; cursor: pointer;}

.bar {left: 0px; background: #0F5B78; display: inline-block; position: absolute; height: 2px; width: 30px; margin: 4px auto; }

.bar:nth-of-type(1) {top: 0px; -webkit-transition: top 0.3s ease 0.3s, -webkit-transform 0.3s ease-out 0.1s; -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }
.bar:nth-of-type(2) {top: 10px; -moz-transition: ease 0.3s 0.3s; -o-transition: ease 0.3s 0.3s; -webkit-transition: ease 0.3s; -webkit-transition-delay: 0.3s; transition: ease 0.3s 0.3s;}
.bar:nth-of-type(3) {top: 20px; -webkit-transition: top 0.3s ease 0.3s, -webkit-transform 0.3s ease-out 0.1s; -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }

.nav-toggle.open .bar:nth-of-type(1) {top: 10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 0.3s ease 0.1s, -webkit-transform 0.3s ease-out 0.5s; -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s; -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s; transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s; }
.nav-toggle.open .bar:nth-of-type(2) {opacity: 0; }
.nav-toggle.open .bar:nth-of-type(3) {top: 10px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.3s ease 0.1s, -webkit-transform 0.3s ease-out 0.5s; -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s; -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s; transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s; }

/*--- Banner Section ---*/
.banner-section {min-height: 600px; padding-top: 42px; padding-bottom: 42px;}

.banner-content {max-width: 70%;}
.banner-content h1 {margin-bottom: 30px; text-transform: uppercase;}
.banner-content p{max-width: 80%;}

.banner-small {min-height: 450px; padding: 50px 0px;}

/*--- Service Section ---*/
.service-section {padding-top: 44px;}
.service-section h2 {margin-bottom: 45px;}

.col-service {padding-bottom: 80px;}
.col-service:nth-child(2n) .service-box {margin-left: auto;}

.service-box {background: #fff; height: 100%; padding: 40px; min-height: 265px; max-width: 560px;}
.service-box figure {-ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; }

.service-data {padding-left: 40px;}
.service-data h5 {margin-bottom: 29px;}

/*--- Swipe Section ---*/
.text-section .picture {padding-top: 100%;}

.text-data {padding: 50px 0px 50px 80px; }
.text-data h2 {margin-bottom: 17px;}
.text-data p {padding-top: 4px;}
.text-data ul {display: inline-block; width: 100%; margin-top: 40px;}
.text-data ul li {font-weight: 500; font-size: 30px; line-height: 36px; margin-bottom: 2px; padding-left: 55px; position: relative;}
.text-data ul li::before {top: 9px;}

/*--- Download Section ---*/
.download-section h2 {margin-bottom: 65px;}
.download-section ul {margin: 0px -40px;}
.download-section ul li {padding: 0px 40px;}

/*--- Swipe Section ---*/
.swipe-section {padding-top: 87px;}
.swipe-section h2 {padding-bottom: 65px;}

.swipe-row figure {padding-top: 40px;}
.swipe-row:nth-child(2n - 1) {background-color: #f5f5f5;}
.swipe-row:nth-child(2n) .row {-ms-flex-direction: row-reverse; flex-direction: row-reverse;} 
.swipe-row:nth-child(2n) .swipe-data {padding-left: 80px;}

.swipe-data {padding: 50px 0px;}
.swipe-data h3 {margin-bottom: 30px;}
.swipe-data ul li {padding-left: 55px; position: relative; font-weight: 500; margin-bottom: 6px;}

/*--- Box Section ---*/
.box {padding: 40px 0px 14px;}
.box h5 {margin-bottom: 49px; text-transform: uppercase;}
.box figure {width: 160px; height: 160px; background-color: #095A76; line-height: 160px; margin-bottom: 32px;}
.box small {display: inline-block; width: 100%; margin-top: 5px;}
.box {padding-left: 10px; padding-right: 10px;}

/*--- Team Section ---*/
.team-section h2 {margin-bottom: 35px;}
.team-section .box h5 {margin-bottom: 29px;}

/*--- Testimonial Section ---*/
.testimonial-section {padding: 40px 0px 34px;}
.testimonial-section label, .testimonial-section span {font-size: 23px; line-height: 27px; display: inline-block; width: 100%;}

/*--- Image Section ---*/
.image-section figure {-ms-flex: 0 0 57.668%; flex: 0 0 56.668%; max-width: 57.668%; padding-top: 50%; }

.image-data {-ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; }
.image-data h1 {margin-bottom: 25px;}

/*--- Work Section ---*/
.icon-list {padding: 0px 50px;}
.icon-list figure {-ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px;}
.icon-list li:not(:last-child) {margin-bottom: 50px; }

.icon-title {padding-left: 50px; position: relative; padding-bottom: 25px;width: 100%;}
.icon-title::before {content: ""; position: absolute; display: inline-block; bottom: 0px; height: 2px; left: 50px; right: 25px; background-color: #b2b2b2;}
.icon-title h4 {color: #B2B2B2; margin-bottom: 8px;}

.work-data h2 {margin-bottom: 21px;}
.work-data p {max-width: 87%;}
.work-data h5 {margin-bottom: 34px; margin-bottom: 34px; display: inline-block; width: 100%; margin-top: 49px;}

.work-data ul {padding-top: 40px; padding-right: 40px; border-top: 2px solid #b2b2b2; border-right: 2px solid #b2b2b2; display: inline-block; position: relative;}
.work-data ul::before, .work-data ul::after {width: 0; height: 0; border-left: 21px solid transparent; border-right: 21px solid transparent; border-bottom: 21px solid #b2b2b2; position: absolute; top: -21px; left: 55px; content: ""; display: inline-block; }
.work-data ul::after {border-bottom: 18px solid #fff; top: -18px; border-left: 18px solid transparent; border-right: 18px solid transparent; left: 58px; }
.work-data ul li {max-width: 200px; display: inline-block; float: left;}
.work-data ul li:not(:last-child) {margin-right: 65px;}

/*--- Contact Page ---*/
.contact-section .contact-data {padding-top: 87px;}
.contact-section .main-form ul li:nth-last-child(2) {margin-bottom: 27px; margin-top: -23px;}

.contact-data h1 {margin-bottom: 24px;}
.contact-data p {margin-bottom: 30px;}
.contact-data address {margin-bottom: 0;}

.contact-box {padding: 40px; background-color: #F2F2F2; display: inline-block; margin-top: -170px; margin-left: 40px;}

/*--- Form Section ---*/
.form-section {padding: 36px 0px;}
.form-section h3 {margin-bottom: 30px;}

/*--- Form ---*/
.main-form ul li {width: 100%; margin-bottom: 38px;}
.main-form ul li .input-grp {width: 100%; border: 0; height: 52px; padding: 0 13px; font-size: 18px; color: #1A1A1A; font-family: 'Poppins';}
.main-form ul li textarea.input-grp {height: 150px; resize: none; padding: 12px; line-height: 27px;}

.main-form .submit-area {text-align: center;}
.main-form .btn-send {width:50%;background-color: #0F5B78; border: 0; color: #fff; font-size: 18px; text-transform: capitalize; padding: 0px 12px; min-width: 91px; text-align: center; line-height: 33px; cursor: pointer; }
.main-form .btn-send:hover {background-color: #6699AB;}

.main-form .wpcf7-list-item {display: inline-block; margin: 0; }

.main-form [class*="checkbox-"] label {position: relative; padding-left: 45px; font-size: 15px; line-height: 20px; cursor: pointer;}
.main-form [class*="checkbox-"] label input {width: 26px; height: 26px; background-color: #fff; position: absolute; top: 0px; left: 0px; bottom: 0px; margin: auto; }
.main-form [class*="checkbox-"] label input::before {content: ""; width: 14px; height: 8px; position: absolute; left: 6px; top: 8px; opacity: 0; border-left: 2px solid #0F5B78; border-bottom: 2px solid #0F5B78; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); transform: rotate(-50deg);}
.main-form [class*="checkbox-"] label input:checked::before {opacity: 1;}

.main-form .wpcf7-not-valid-tip {font-size: 18px; margin-top: 4px; color: #db2b38;}
.main-form .wpcf7-validation-errors, .main-form .wpcf7-acceptance-missing {color: #fff; padding: 13px 20px; clear: both; width: 100%; text-align: left; font-weight: 400; background-color: #db2b38; font-size: 18px; line-height: 27px; border: none; margin: 36px 0px;}

/*--- Icon Section ---*/
.icon-section h2 {margin-bottom: 87px; }
.icon-row figure {margin-bottom: 53px; height: 126px;}

/*--- Footer ---*/
footer {display: inline-block; width: 100%; position: fixed; left: 0px; bottom: 0px; z-index: -1; }

.footer-top {background-color: #f5f5f5; padding: 35px 0px;}
.footer-top .widget {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.footer-top a, .footer-top address, .footer-top label, .footer-top span {color: #1A1A1A; margin-bottom: 0px;}
.footer-top span {display: inline-block; width: 100%;}

.footer-bottom {background-color: #0F5B78; padding: 11px 0px;}
.footer-bottom p {font-size: 16px;}
.footer-bottom p a {display: inline-block; margin-right: 21px; position: relative; }
.footer-bottom p a::after {content: ""; display: inline-block; width: 3px; height: 3px; background: #fff; position: absolute; top: 0px; bottom: 0px; margin: auto; right: -12px; }
.footer-top ul:nont(.social-link ) li,.footer-top label {width: 100%;}

.widgettitle {font-size: 22px; line-height: 27px; font-weight: normal; text-transform: none; margin-bottom: 10px;}
.social-link li {margin-right: 20px;}

/*faq section */




.faq-section {
   /* margin-top: 92px;*/
    padding: 0 0 50px 0;
}
.faq-section h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
.faq-accordion li {
    margin-bottom: 15px;
}
.faq-accordion li:last-child {
    margin-bottom: 0;
}

.faq-section ul .inner {
  font-size: 16px;
  font-weight: 300;
  padding-left: 15px;
  padding-top: 15px;
  overflow: hidden;
  display: none;
}
/* ul .inner.show {
  display: block;
} */
.faq-section ul li .faq-toggle {
 font-size:16px;
  width: 100%;
  display: block;
  /*background-color: #045a76;*/
  background-color: #0F5B78;
  color: #fefefe;
  padding: 12px 42px 12px 12px;
  position: relative
 
}
.faq-section ul li .faq-toggle::after {
    position: absolute;
    content: "";
    background-image: url('images/faq-arrow-right.svg');
    background-repeat: no-repeat;
    right: 15px;
    top: 14.5px;
    height: 20px;
    width: 12px;
}
.faq-section ul li .faq-toggle.faq-open::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 14.5px;
}
.faq-page .main-navigation .menu {display: none;}

.assitive-text { height: 1px; width: 1 px; position: absolute; overflow: hidden; 
top: -10px; } 

.custom-popup .btn-custom {
font-weight: 400;
padding: 9px 6px;
font-size: 16px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}

.custom-popup .btn-white {
background-color: #fff;
color: #0f5b78;
}

.custom-popup .btn-wrapper {
margin-bottom: 15px;
}

.custom-popup strong {
text-align: left;
display: inline-block;
margin-right: 6px;
font-size: 29px;
}
.spu-content {
padding: 40px;
}

a.btn.btn-block.btn-lg.btn-success.btn-flat.btn-custom {
    background-color: #6699ab;
    border-color: #6699ab;
}
.spu-content .input-group {
display: inline-block;
width: 100%;
height: 40px;
border: 0;
border-radius: 4px;
font-size: 15px;
padding: 0 20px;
color: #000;
-webkit-appearance: auto;
appearance:auto;
outline: auto;
}
.spu-content ._button-wrapper {
margin-top: 30px;
}

.spu-content ._form-label {
display: inline-block;
width: 100%;
font-size: 16px;
margin: 5px 0;
}

.spu-content ._form-content p {
width: 100%;
font-size: 22px;
color: #fff;
margin: 10px 0;
display: block;
}
.spu-content ._submit {
display: inline-block;
padding: 10px 20px;
border-radius: 4px;
color: #0f5b78;
font-size: 16px;
border: 0;
background-color: #fff;
color: #000;
background-color: #add8e6;
min-width: 200px;
}
.spu-content {
padding: 40px 20px;
width: 100%;
display: inline-block;
}

._form-content input{display: inline-block;width: 100%;height: 40px;border: 0;border-radius: 4px;font-size: 15px;padding: 0 20px;color: #000;-webkit-appearance: auto;appearance:auto;}
.spu-content ._button-wrapper {margin-top: 30px;text-align: center;}
.spu-content ._form-label {display: inline-block;width: 100%;font-size: 16px;margin: 5px 0;}
.spu-content ._form-content p {width: 100%;font-size: 16px;color: #fff;margin: 10px 0;display: block;}
.spu-content ._submit {display: inline-block;padding: 10px 20px;border-radius: 4px;font-size: 16px;border: 0;}
._form_element._x17251381._full_width._clear {margin-top: 17px;}
._form_element._field3._full_width {margin-top: 13px;}
._form_element._field7._full_width {margin-top: 13px;}

.contact-box-new.main-form.home-page-form {width: 700px;}
.contact-box-new ._form-content {width: 100%;}
.contact-box-new ._form_15 {width: 100%;display: flex;flex-wrap: wrap;}
.contact-box-new form {width: 100%;}
.contact-box-new ._button-wrapper._full_width{text-align:center;}

.contact-data-new ._submit {color: #fff;background-color: #rgb(15, 91, 120);border-color: rgb(15, 91, 120);display: inline-block;font-weight: 400;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;box-shadow .15s ease-in-out !important;}

.contact-box-new ._form_element{margin-bottom: 20px;}

.spu-content select {
display: inline-block;
width: 100%;
height: 40px;
border: 0;
border-radius: 4px;
font-size: 15px;
padding: 0 20px;
color: #000;
background: url(images/down.svg) right 15px center;
background-repeat: no-repeat;
background-color: #fff;
background-size: 10px;
}

.spu-content ._html-code i {
    font-size: 15px!important;
}

@media only screen and (max-width:767px){
.spu-content {padding: 20px;}
.contact-box-new.main-form.home-page-form {width: 100%;}
}

@media only screen and (max-width: 479px){
.spu-content {padding: 0;}
.work-section,.download-section{overflow: hidden;}
.contact-data-new ._submit {padding: 6px 35px;font-size: 1.5em;width: auto!important;}
}