@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; min-height: 100%; position: relative; overflow: visible !important;}
body { margin: 0; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 18px; color: #1b1b1b; line-height:1.7; letter-spacing: 0px; overflow-x: hidden; } 
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:"";clear: both;height: 0;}
.container {max-width: 1230px; width: 100%; padding: 0 15px; margin: 0 auto; position: relative; z-index: 11;}
img {max-width: 100%; height: auto;}
.container.small {max-width: 750px;}

.button {display: inline-block; background: #d32525; border-radius: 30px; font-weight:700; font-size: 16px; text-transform: uppercase; line-height: 19px; text-decoration: none; color: #fff; padding: 20px 30px; transition: all 0.5s;}
.button:hover {background: #fff; color: #1b1b1b; box-shadow: 0 20px 40px rgba(3, 15, 39,0.1);}

input[type="email"], input[type="text"], input[type="tel"], textarea, select {width: 100%; font-size: 15px; font-family: inherit; line-height: 20px; border: 0; padding: 19px 0; height: 58px; color: #898989; background: transparent; border-bottom: 2px solid #d7d7d7;;}
input[type="email"]:focus, input[type="text"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {outline: 0; border: 0; border-bottom: 2px solid #3c3c3c;}
textarea {height:100px; resize: none;}

.wpcf7-not-valid-tip {text-align: left; padding-top: 8px; font-size: 0.8em;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #f00;    background: #f00; color: #fff;}
.wpcf7-submit {display: inline-block; background: #d32525; border-radius: 30px; font-weight:700; font-size: 16px; font-family: inherit; text-transform: uppercase; line-height: 19px; text-decoration: none; color: #fff; padding: 20px 30px; transition: all 0.5s; border: 0; cursor: pointer; width: auto!important;}
.wpcf7-submit:hover {background: #1b1b1b; color:#fff;}
.input-field.submit-btn {position: relative;}
.cta-section .wpcf7-spinner {position: absolute; top: 17px; margin: 0; background-color: #2c3a8f; left: -50px;}
.cta-section .wpcf7-spinner::before {background-color: #002e5b;}

.no-bg {background:transparent!important;}

ol, ul {list-style-type: none; padding-left: 0; margin: 0 0 30px;}
ol li, ul li {position: relative; padding-left: 30px; margin: 4px 0;}
ol li:before, ul li:before {content: ''; position: absolute; width: 18px; height: 18px; border: 1px solid #d32525; border-radius: 50%; top: 4px; left: 0;}
ul li:after {content: ''; position: absolute; top: 7px; left: 6px; height: 9px; width: 6px; border-bottom: 1px solid #d32525; border-right: 1px solid #d32525; transform: rotate(45deg);}

.no-padding {padding:0!important;}
.section-padding {padding: 50px 0;}

p {font-family: 'Jost', sans-serif; font-weight:400; font-size:18px; line-height: 1.7; margin:0 0 30px; color:#1b1b1b}

h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6  {font-family: 'Jost', sans-serif; color: #1b1b1b; font-weight:600; line-height: 1.2; letter-spacing: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; line-height: normal;}

h1, .h1 {font-size:75px; line-height: 85px; margin: 0 0 15px;}
h2, .h2 { font-size:40px; line-height: 50px; margin: 0 0 15px;}
h3, .h3 { font-size:30px; line-height: 40px; margin: 0 0 20px;}
h4, .h4 { font-size:24px; line-height: 34px; margin: 0 0 15px;}
h5, .h5 { font-size:20px; line-height: 30px; margin: 0 0 12px;}
h6, .h6 { font-size:18px; line-height: 24px; margin: 0 0 10px;}

.bg-cover {background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%;}
.bg-cover img {width: 100%; display: block; opacity: 0;}

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.justify-content-center {justify-content: center;}
.space-between {justify-content: space-between;}
.flex-direction-column {flex-direction: column;}
.flex-direction-row {flex-direction: row;}
.flex-direction-row-reverse {flex-direction: row-reverse;}
.flex-direction-column-reverse {flex-direction: column-reverse;}
.no-wrap {flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap;}

.slick-dots {display: flex; flex-wrap:wrap; justify-content: center; margin: -20px 0 0;}
.slick-dots li:before, .slick-dots li:after {display: none;}
.slick-dots li {max-width: 40px; height: 40px; width: 100%; padding: 0 7px; }
.slick-dots li button {background-color:#e2e2e2; border-radius: 50%; border: 0; width: 24px; height: 24px; font-size: 0; cursor: pointer;}
.slick-dots li.slick-active button {background-color:#d32525;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.one-full {max-width: 100%; width: 100%; padding: 0 15px;}
.one-half {max-width: calc(50% - 15px); width: 100%; padding: 0 15px;}
.one-three {max-width: calc(33.3333% - 15px); width: 100%; padding: 0 15px;}
.one-four {max-width: calc(25% - 15px); width: 100%; padding: 0 15px;}

.two-half{max-width: calc(70% - 15px); width: 100%; padding: 0 15px;}

a.readmore { text-decoration: none; color: #767676; font-size: 14px; font-weight: 600;}
a.readmore:hover {color: #002e5b; }

#page {overflow-x:hidden;}

header {padding: 0px 0; position: relative; z-index: 99;}
header ul li:before, header ul li:after {display: none;}

.section-heading span {display: block; padding-left: 15px; color: #d32525; font-size: 14px; letter-spacing: 3px; line-height: 2; position: relative;}
.section-heading span:before {content: ''; position: absolute; left: 0; top: 7px; border-left: 3px solid #d32525; height: 13px;}

.logo {max-width: 180px;}

.main-navigation {margin: 0 0 0 auto;}
.menu-toggle {display: none;}
.menu {display: flex; flex-wrap: wrap; list-style-type: none; padding-left: 0;}
.menu > li {margin: 0; padding: 0 20px; position: relative;}
.menu > li a {color: #fff; font-size: 17px; text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.5s; display: block; padding:15px 0;}
.menu > li a:hover {border-bottom: 2px solid #fff;}
.menu li .sub-menu {margin-bottom: 0; list-style-type: none; position: absolute; padding: 0; min-width: 240px; z-index: 1; top: 60px; left: 0; opacity: 0; display: none; visibility: hidden; transition: all 0.5s;}
.menu > li:hover .sub-menu {opacity: 1; visibility: visible; display: block;}
.menu li .sub-menu li:first-child {padding-top: 12px;}
.menu li .sub-menu li:last-child {padding-bottom: 12px;}
.menu li .sub-menu li {background-color: #1e1e1e; padding: 1px 11px; margin: 0;}
.menu li .sub-menu li a {display: block; padding: 6px 30px 6px 12px; position: relative; color: #bebebe; border-bottom:none;}
.menu li .sub-menu li a:hover {color: #fff;}

.main-banner {position: relative; height: 800px; overflow:hidden; margin-top: -137px;}
.main-banner__image, .main-banner__image img {width: 100%; height: 100%;}
.main-banner__image img {object-fit: cover;}
.main-banner__image:before, .inner-banner__image:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.main-banner .container {position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.main-banner__content h1, .main-banner__content p, .inner-banner p{color: #fff;}
.main-banner__content h1 {position: relative; display: inline-block;}
.main-banner__content h1 span {display:block; font-weight: 300;}
.main-banner__content h1:after {content:''; position: absolute; width: 190px; height: 30px; background: #d32525; right: -35px; bottom: 0; z-index: -1;}

.solutions h2 {margin-bottom: 40px;}
.solutions__inner {position: relative;}
.solutions__inner:before {content: ''; position: absolute; right: -200px; top: -120px; width: 450px; height: 250px; background: #efefef; z-index: -1;}
.solutions__item {position: relative; overflow: hidden; max-width: 33.3333%; width: 100%;}
.solutions__item .solutions__image {line-height: 0; position: relative;}
.solutions__item .solutions__image:before {content:''; opacity: 0.6; position:absolute; background:rgba(0,0,0,0.5); width: 100%; height: 100%; transition: all 0.5s;}
.solutions__item:hover .solutions__image:before {opacity: 1;}
.solutions__item .solutions__content {position: absolute; bottom: -30px; left: 0; right: 0; padding: 0 20px; transition:bottom 250ms ease-out;}
.solutions__item .solutions__content h5 {color:#fff; position: relative; display: inline-block; padding-bottom: 15px;}
.solutions__item .solutions__content h5:after {content:''; position: absolute; left:0; bottom:0; width:100%; border-bottom:1px solid #d32525;}
.solutions__item .solutions__content p {max-height: 0; color: #fff; margin-bottom: 30px; margin-top: 20px; transition:max-height 550ms ease-out;}
.solutions__item:hover .solutions__content {bottom: 0;}
.solutions__item:hover .solutions__content p {max-height:250px;}

.half-image-half-content {margin-bottom: 100px;}
.half-image-half-content__inner {justify-content: flex-end;}
.half-image-half-content__image {/*width: 50vw;*/  margin-left: -50vw; height: 500px; overflow: hidden;}
.half-image-half-content__image img {height:100%; object-fit: cover;}
.half-image-half-content__image image {width: 100%;}
.half-image-half-content__content {max-width: 600px; width: 100%; padding:0 0 0 70px;}

.half-content-over-image {overflow: hidden; position: relative; padding: 100px 0;}
.half-content-over-image__inner:before {content:''; position: absolute; background: url('images/bg-service50.jpg') 0 0 no-repeat; width: 90%; top:20px; bottom: 0; left: -16.5%;}
.half-content-over-image__inner:after {content:''; position: absolute; background:#d32525; width: 500px; height:500px; top: -20px; left: 10%; z-index: -1;}
.half-content-over-image__content {max-width: 600px; width: 100%; padding: 80px 70px 80px 0; position: relative;}
.half-content-over-image__image {max-width: 600px; width: 100%; position: relative;}
.half-content-over-image__content h2, .half-content-over-image__content p {color: #fff;}

.industries {padding: 100px 0; position: relative;}
.industries:after {content:''; position: absolute; background: #f3f3f3; top: 0; bottom: 0; right: 5%; width: 50%;}
.industries__slider {margin-top: 50px;}
.industries__slider .slick-list {padding-bottom: 100px; margin:0 -20px;}
.industries__item {position: relative; margin: 0 20px;}
.industries__name {background: #fff; padding:30px; box-shadow: 0px 20px 30px rgba(0, 0, 0,0.06); position: absolute; left: 0; bottom: -50px; width: 85%;}
.industries__name h4 {margin-bottom: 0;}

.cta-section {text-align: center;}


.footer {padding: 50px 0 0; background: #000; max-width: 100%; width: 100%;}
.footer .foo-box {max-width: 25%; width: 100%; padding: 0 20px;}
.footer .foo-box h3 {position: relative; padding-bottom: 10px; color: #fff;}
.footer .foo-box h3:after {content:''; position: absolute; border-bottom: 2px solid #fff; width: 85%; bottom: 0; left: 0;}
.footer .foo-box:last-child {max-width: 50%;}
.footer .foo-box:last-child ul {display: flex; flex-wrap: wrap;}
.footer .foo-box:last-child ul li {max-width: 50%; width: 100%;}
.footer .foo-logo {max-width: 200px; margin-bottom: 20px; }
.footer ul, .footer ol {list-style-type: none; padding-left: 0;}
.footer .contact-info span {background: #fff; width: 29px; height: 29px; border-radius: 50%; display: inline-block; text-align: center; padding-top: 2px;}
.footer .contact-info li {padding:5px 0;}
.footer .foo-box ul li {padding-left: 0;}
.footer .foo-box ul li a {text-decoration: none; color: #fff; margin-left: 10px;}
.footer .foo-box ul li a:hover {color: #d32525; text-shadow: 0px 0px black;}
.footer .copyright {background: #1d1d1d; padding: 20px 0; margin-top: 30px; text-align: center;}
.footer .copyright p {margin-bottom: 0; color: #fff; font-size: 15px;}
.footer ul li:before, .footer ul li:after {display: none;}


.inner-banner {position: relative; height: 600px; overflow:hidden; margin-top: -151px;}

.inner-banner-thank{position: relative; overflow:hidden; margin-top: -151px;}

.inner-banner-thank .container {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.inner-banner__image, .inner-banner__image img {width: 100%; height: 100%; min-height: 900px;}
.inner-banner__image img {object-fit: cover; display: block;}
.inner-banner .container {position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.inner-banner h1 {position: relative; display: block; color: #fff;}
.inner-banner h1 span {display:block; font-weight: 300; font-size: 46px;}
.inner-banner h1:after {content:''; position: absolute; width: 190px; height: 30px; background: #d32525; left: 18%; bottom:0px; z-index: -1;}

.image-content {position: relative; margin-bottom:40px;}
.image-content:before {content:''; position:absolute; left: 0; top: 50px; bottom: 50px; width: 5%; background: #d32525;}
.image-content:after {content:''; position:absolute; right: 0; top: 0; bottom: 0; width: 40%; background: #f7f7f7;}

.reverse.image-content {position: relative;}
.reverse.image-content:before {content:''; position:absolute; right: 0; left: auto; top: 50px; bottom: 50px; width: 5%; background: #d32525;}
.reverse.image-content:after {content:''; position:absolute; left: 0; top: 0; bottom: 0; width: 40%; background: #f7f7f7;}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip + * { display: none;}

.cta-section__inner {background: url('images/cta.jpg') 0 0 no-repeat; background-size: cover; text-align: center;    overflow: hidden;
    position: relative;}

.cta-section__inner:before{content: ''; position: absolute; top: 0; left: 0;right: 0; bottom: 0;background: rgba(0,0,0,0.5);}
.cta-section__inner h3, .cta-section__inner p {color: #fff;}

.contact-form {text-align: center;}

.padding-thankyou{padding: 2em 0 5em;}

.padding-thankyou h2, .padding-thankyou p{color: #fff;}

.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 50px;z-index: 995;background: #000;
width: 40px;height: 40px;border-radius: 4px;transition: all .4s;display: flex;align-items: center;
}

.scroll-top.active {visibility: visible;opacity: 1;
}

.scroll-top i {
    background: url(images/scrollup-arrow.png) 0 0 no-repeat;width: 10px;height: 10px;display: block;
}

.page-template-tp-policy .header {
    background: #434343;
    margin-bottom: 20px;
}
.gt_switcher_wrapper {
    bottom: 50px!important;
    right: 5%!important
}

.gt_switcher_wrapper .gt_switcher .gt_selected a {
    padding: 7px 5px!important
}

@media (max-width: 1200px) {
	.half-content-over-image__content {max-width: 55%;}
	.half-content-over-image__image {max-width: 45%;}
	.half-image-half-content__content {max-width: 50%;}

	.image-content:before, .reverse.image-content:before {width: 2%;}
}

@media (max-width: 991px) {
	h1, .h1 { font-size: 55px; line-height: 65px;}
	h2, .h2 { font-size: 30px; line-height: 40px;}
	h3, .h3 { font-size: 26px; line-height: 36px;}

	.solutions__inner:before {right: -150px;}
	.solutions__item {max-width: 50%;}

	.half-content-over-image__inner:before {width: 100%;left: -6%;}
	.half-image-half-content__content {padding: 0 0 0 30px;}
	.half-content-over-image__content {max-width: 100%; margin-bottom: 0px; padding-bottom: 20px;}
	.half-content-over-image__image { max-width: 100%; }

	.footer .foo-box:first-child {max-width:30%;}
	.footer .foo-box:nth-child(2) {max-width:20%;}
	.footer .foo-box h3 {font-size: 18px;}
	.footer .foo-box h3:after {width: 130px;}
	.footer .foo-box li a {font-size: 16px;}
  .footer .foo-box ul li {display: inherit;}
  .half-image-half-content__content{max-width:100%;}
	
}

@media (max-width: 767px) {

	h1, .h1 { font-size: 35px; line-height: 45px; }
	.inner-banner h1 span {font-size: 25px;}


	.menu-toggle {display: block;position: absolute;width: 32px;height: 40px;top: 10px;right: 20px;transition-duration: 0.5s;cursor: pointer;z-index: 1;}
    .menu-toggle .icon-left {transition-duration: 0.5s;position: absolute;height: 5px;width: 16px;top: 20px;background-color: #fff;left: 0px;}
    .menu-toggle .icon-left:before {transition-duration: 0.5s;position: absolute;width: 16px;height: 5px;background-color: #fff;content: "";top: -12px;}
    .menu-toggle .icon-left:after {transition-duration: 0.5s;position: absolute;width: 20px;height: 5px;background-color: #fff;content: "";top: 12px;}
    .menu-toggle .icon-right {transition-duration: 0.5s;position: absolute;height: 5px;width: 16px;top: 20px;background-color: #fff;left: 16px;}
    .menu-toggle .icon-right:before {transition-duration: 0.5s;position: absolute;width: 16px;height: 5px;background-color: #fff;content: "";top: -12px;}
    .menu-toggle .icon-right:after {transition-duration: 0.5s;position: absolute;width: 16px;height: 5px;background-color: #fff;content: "";top: 12px;}



    .menu-toggle.open .icon-left {transition-duration: 0.5s; background: transparent;}
    .menu-toggle.open .icon-left:before {transform: rotateZ(45deg) scaleX(1.4) translate(3px, 2px);}
    .menu-toggle.open .icon-left:after {transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px);}



    .menu-toggle.open .icon-right {transition-duration: 0.5s; background: transparent;}
    .menu-toggle.open .icon-right:before {transform: rotateZ(-45deg) scaleX(1.4) translate(-1px, 3px);}
    .menu-toggle.open .icon-right:after {transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -4px);}

	.menu-menu-1-container {position: fixed; left: 0; top: 0; padding-top: 90px; width: 100%; height: 100%; background: #000; opacity: 0;  visibility: hidden; transition: all 0.5s;}
    .menu-open .menu-menu-1-container {opacity: 1; visibility: visible;}
    .menu {flex-direction: column;}
    .menu > li {border-bottom: 1px solid #393939; padding: 0;}
	.menu > li span {position: absolute; top: 9px; right: 10px; width: 30px; height: 30px; text-align: center; background: #b9b9b9;}
	.menu > li span:after {content: ''; border: solid #898989; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.menu > li.submenu-open span:after {content: ''; border: solid #898989; border-width: 0 2px 2px 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 12px; position: absolute; left: 10px;}
    .menu > li a {padding: 10px 20px; border:0; color: #898989;}
    .menu > li a:hover {border:0; background: #d32525; color: #fff;}

    .menu li .sub-menu, .menu li .sub-menu:hover {opacity: 0!important; display: none!important; visibility: hidden!important; position: relative; top: 0;}
    .menu li .sub-menu li { background-color: #000; padding: 0; margin: 0;}
    .menu li .sub-menu li:first-child { padding-top: 0px;}
    .menu li .sub-menu li a {color:#898989; padding:3px 30px 3px 50px;}
    .menu li.submenu-open .sub-menu {opacity: 1!important; display: block!important; visibility: visible!important;}

	.solutions__item {max-width: 100%; margin: 10px 0;}

	.half-image-half-content { margin-bottom: 50px;}
	.half-image-half-content__image {width: 100%; margin-left:0; height: auto;}
	.half-image-half-content__content {max-width: 100%; padding-left: 0;}

	.half-content-over-image  {padding: 50px 0;}

	.industries { padding: 50px 0;}
	.industries__slider { margin-top: 30px; }

	.image-content:after {width: 80%;}
	.image-content__content, .image-content__image {max-width: 100%; }
	.image-content .image-content__image {order: 1;}
	.image-content .image-content__content {order: 2;}

	.input-field.one-half {max-width:100%;}

	.footer .foo-box {max-width: 100%!important; text-align: center; margin-bottom: 20px;}
	.footer .foo-logo {margin: 0 auto 20px;}
	.footer .foo-box .contact-info {display: inline-block;}
	.footer .foo-box .contact-info li {text-align:left;}

	.footer .foo-box h3:after {margin: 0 auto; left: 0; right: 0;}
	.footer .foo-box  {margin: 0 auto 30px;}

	.footer .foo-box:last-child ul {flex-direction: column; align-items: center;}


	.two-half{max-width:100%;}

	.main-banner__image, .main-banner__image img{height: 100%;}

	.main-banner{height: 100vh;}

	.inner-banner-thank{height: 600px;}
    .inner-banner h1{    padding-top: 128px;}
    .inner-banner h1:after{bottom:0px;height: 22px;}
    .logo {    max-width: 140px;}
    .main-banner__content{padding-top:80px;}
  
    .half-image-half-content__image img {height:auto; object-fit:contain;}
    .footer .foo-box ul li {display: block;}
    .footer .foo-box:last-child ul li{max-width: 100%;}
  
}