* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}
html {font-size: 16px;}
body {min-width: 320px; font-family: 'Inter', sans-serif; font-size: 18px; line-height: 1.5; font-weight: 400; color: #2b2b2b; background-color: #ffcf01;}
img {max-width: 100%; height: auto; display: inline-block; vertical-align: bottom;}

@media (max-width: 768px) {
  body {font-size: 16px;}
}


/* BASE
---------------------------------*/
.container {position: relative; display: block; max-width: 100%; overflow: hidden;}
.section {position: relative; display: block;}
.wrap {position: relative; display: block; width: 1180px; max-width: 100%; padding: 0 30px; margin: 0 auto;}
.wrap-full {max-width: 100%;}
.row {display: flex; justify-content: space-between;}
.col-6 {flex: 1 0 50%; max-width: 50%;}
.title {position: relative; font-size: 44px; line-height: 1.2; margin-bottom: 35px; text-align: center;}
.btn {display: inline-block; min-width: 200px; max-width: 100%; padding: 25px 50px; font-size: 16px; line-height: 1; color: #fff; text-decoration: none; font-weight: 500; text-align: center; text-transform: uppercase; border: none; outline: none; border-radius: 40px; background: #f74343; cursor: pointer; transition: .4s;}
.btn:hover {background: linear-gradient(135deg,#fff55a, #ff9305);}

@media (max-width: 768px) {
  .title {font-size: 32px; margin-bottom: 25px;}
}

@media (max-width: 560px) {
  .wrap {padding: 0 15px;}
}


/* SITE HEADER
---------------------------------*/
.site-header {position: fixed; top: 0; width: 100%; z-index: 10; transition: .4s; background-color: rgba(255,255,255,1); padding: 25px 0;}
.site-header .wrap {display: flex; justify-content: space-between; align-items: center; width: 1400px; padding: 0 30px;}
.site-header .logo {max-width: 100%; transition: .4s; flex: 0 0 223px;}
.site-header.scrolled {padding: 10px 0;}
.site-header.scrolled .wrap {}
.site-header.scrolled .logo {/*max-width: 125px;*/}

.main-menu {display: flex; list-style-type: none;}
.main-menu .item {margin-right: 25px;}
.main-menu .item:last-child {margin-right: 0;}
.main-menu .link {position: relative; padding: 5px 10px; color: #1e2433; font-size: 14px; line-height: 1.5; font-weight: 500; text-decoration: none; transition: .4s;}

.main-menu .link:after {content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 3px; background: linear-gradient(to right, #ffeb51, #ff9b0c); transition: .4s;}
.main-menu .link:hover:after {width: 100%;}
.main-menu .link.mPS2id-highlight-first {font-weight: 800;}
.main-menu .link.mPS2id-highlight-first:after {width: 100%;}

.hbr-btn {display: none; position: relative; width: 32px; height: 32px; transition: .5s ease-in-out; cursor: pointer; border: none; background: none; outline: none;}
.hbr-btn .lines {position: absolute; height: 2px; width: 23px; background: #1e2433; left: 5px; transform: rotate(0deg); transition: .25s ease-in-out; will-change: transform;}
.hbr-btn .lines:nth-child(1) {top: 10px; transform-origin: left center;}
.hbr-btn .lines:nth-child(2) {top: 16px; transform-origin: left center;}
.hbr-btn .lines:nth-child(3) {top: 22px; transform-origin: left center;}
.header_active .hbr-btn .lines:nth-child(1) {transform: rotate(45deg); top: 8px; left: 8px;}
.header_active .hbr-btn .lines:nth-child(2) {width: 0; opacity: 0;}
.header_active .hbr-btn .lines:nth-child(3) {transform: rotate(-45deg); top: 24px; left: 8px;}

@media (max-width: 1300px) {
  .main-menu .item {margin-right: 10px;}
  .main-menu .item:last-child {margin-right: 0;}
  .main-menu .link {font-size: 13px;}
}

@media (max-width: 1200px) {
  .site-header .wrap {padding: 0 20px;}
  .site-header .logo {max-width: 160px;}
}

@media (max-width: 1068px) {
  .site-header {padding: 10px 0;}
  .site-header .logo {max-width: 100%;}
  .main-menu {position: absolute; left: 0; top: 60px; z-index: -1; width: 100%; height: 0; opacity: 0; visibility: hidden; display: block; padding: 12px 15px 30px; background:rgba(255,255,255,1); box-sizing: border-box; transition: opacity 0.3s ease, height 0.3s ease;}
  .header_active .main-menu {z-index: 2; opacity: 1; height: auto; visibility: visible}
  .main-menu .item {display: block; text-align: center; padding: 15px 0; margin-right: 0;}
  .main-menu .link {font-size: 16px;}
  .hbr-btn {display: block;}
}

@media (max-width: 768px) {
  .site-header .wrap {padding: 0 15px;}
  .site-header .logo {max-width: 160px;}
  .main-menu {top: 45px;}
}


/* SECTION INTRO
---------------------------------*/
.section-intro {padding: 310px 0 190px; background-image: url(../images/pic-intro.png), url(../images/bg-intro.jpg); background-position: right 15% center, 50% 0; background-repeat: no-repeat, no-repeat; background-size: 41%, 100%;}
.title-intro {font-size: 48px; text-align: left;}
.subtitle-intro {font-size: 25px; margin-bottom: 40px;}

@media (max-width: 1200px) {
  .title-intro {font-size: 52px;}
}

@media (max-width: 992px) {
  .section-intro {padding: 180px 0 120px; background-image: url(../images/bg-intro.jpg); background-position: 50% 0; background-repeat: no-repeat; background-size: 100%;}
}

@media (max-width: 768px) {
  .section-intro {background-size: cover;}
  .title-intro {font-size: 44px;}
  .subtitle-intro {font-size: 24px;}
}

@media (max-width: 560px) {
  .section-intro {padding: 160px 0 80px;}
  .title-intro {font-size: 32px;}
  .subtitle-intro {font-size: 20px; margin-bottom: 35px;}
}


/* SECTION ABOUT
---------------------------------*/
.section-about {}
.section-about .wrap {width: 1300px; padding: 70px 90px; background: #fff; border-radius: 60px;}
.pic-about {flex: 0 1 calc(50% - 50px); max-width: calc(50% - 50px);}
.content-about {flex: 0 1 calc(50% - 50px); max-width: calc(50% - 50px);}
.content-about p {margin-bottom: 35px;}
.content-about p:last-child {margin-bottom: 0;}


@media (max-width: 1360px) {
  .section-about {padding: 0 30px}
  .section-about .row {align-items: center;}
  .pic-about {flex: 0 1 calc(40% - 40px); max-width: calc(40% - 40px);}
  .content-about {flex: 0 1 calc(60% - 40px); max-width: calc(60% - 40px);}
}

@media (max-width: 992px) {
  .section-about .row {flex-direction: column}
  .pic-about {flex: 0 1 100%; max-width: 100%; width: 100%; text-align: center; margin-bottom: 30px;}
  .pic-about img {width: 60%;}
  .content-about {flex: 0 1 100%; max-width: 100%;}
}

@media (max-width: 768px) {
  .section-about .wrap {padding: 40px 30px; border-radius: 30px;}
  .content-about p {margin-bottom: 15px;}
  .content-about p:last-child {margin-bottom: 0;}
}

@media (max-width: 560px) {

}

/* SECTION BENEFITS
---------------------------------*/
.section-benefits {padding: 105px 0; z-index: 2;}
.item-benefits {flex: 0 1 calc((100% - 160px)/3); max-width: calc((100% - 160px)/3); text-align: center;}
.pic-benefits {height: 200px; margin-bottom: 25px;}
.title-item-benefits {font-size: 31px; line-height:  1.2; font-weight: 600; margin-bottom: 15px;}
.text-benefits {}

@media (max-width: 992px) {
  .item-benefits {flex: 0 1 calc((100% - 80px)/3); max-width: calc((100% - 80px)/3);}
  .title-item-benefits {font-size: 28px;}
  .title-item-benefits br {display: none;}
}

@media (max-width: 768px) {
  .title-item-benefits {font-size: 24px;}
  .pic-benefits {height: 160px;}
}

@media (max-width: 700px) {
  .section-benefits .row {flex-wrap: wrap;}
  .item-benefits {flex: 0 1 100%; max-width: 100%; width: 100%; margin-bottom: 40px;}
  .item-benefits:last-child {margin-bottom: 0;}
  .pic-benefits {height: auto;}
}

@media (max-width: 560px) {
  .section-benefits {padding: 60px 0}
}


/* SECTION Software for projects
---------------------------------*/
.section-sfprojects { background-image: linear-gradient(to bottom, #ffcf01 50%, #fff 50%); background-position: 0 0; background-repeat: no-repeat; background-size: contain; }
.section-sfprojects:before {content: ""; display: block; width: 582px; height: 1030px; background: url(../images/bg-sfp-3.svg) 100% 0 no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.section-sfprojects:after {content: ""; display: block; width: 957px; height: 1106px; background: url(../images/bg-sfp-1.svg) 100% 0 no-repeat; position: absolute; right: 0; top: 70px; z-index: 1;}
.section-sfprojects .wrap {position: relative; z-index: 3;width: 1400px; padding: 105px 140px 70px; border-radius: 0 60px 60px 0; background: url(../images/bg-sfp-2.svg) right 0 bottom -80px no-repeat  #2b2b2b; color: #fff;}
.section-sfprojects .wrap:before {content: ""; display: block; width: 100%; height: 100%; background-color: #2b2b2b; position: absolute; left: 0; top: 0; transform: translateX(-100%); z-index: 1;}
.section-sfprojects .col-6 {flex-basis: calc(50% - 50px); max-width: calc(50% - 50px);}
.sfprojects-title {margin-bottom: 40px;}
.item-sfprojects {margin-bottom: 35px;}
.title-item-sfprojects {position: relative; font-size: 31px; line-height: 1.2; font-weight: 600; margin-bottom: 12px; padding-left: 42px;}
.title-item-sfprojects:before {content: ""; display: inline-block; width: 25px; height: 28px; background: url(../images/icon-arrow-right.svg) 50% 50% no-repeat; background-size: contain; position: absolute; left: 0; top: 4px;}
.text-sfprojects {}

@media (max-width: 992px) {
  .section-sfprojects .wrap {padding: 105px 80px 70px}
  .title-item-sfprojects {font-size: 26px; padding-left: 30px;}
  .title-item-sfprojects:before {width: 20px; top: 0;}
}

@media (max-width: 768px) {
  .section-sfprojects:before {display: none;}
  .section-sfprojects .wrap {padding: 105px 40px 70px}
  .section-sfprojects .row {flex-wrap: wrap;}
  .section-sfprojects .col-6 {flex: 1 0 100%; max-width: 100%;}
  .title-item-sfprojects {font-size: 24px;}
}

@media (max-width: 560px) {
  .section-sfprojects .wrap {padding: 60px 30px 30px}
}


/* SECTION How we make a difference?
---------------------------------*/
.section-hmdifference {position: relative; z-index: 5;
  margin-bottom: -240px;}
.section-hmdifference .wrap {position: relative; z-index: 2; width: 1400px; padding: 105px 85px 115px 140px; background: #2b2b2b url(../images/bg-sfp-1.svg) 100% 0 no-repeat; border-radius: 0 60px 60px 0;}
.section-hmdifference .wrap:before {content: ""; display: block; width: 100%; height: 100%; background-color: #2b2b2b; position: absolute; left: 0; top: 0; transform: translateX(-99%); z-index: 1;}
.section-hmdifference .wrap .row {
  align-items: center;
}
.section-hmdifference:before {content: ""; display: block; width: 582px; height: 1030px; background: url(../images/bg-sfp-3.svg) 100% 0 no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.section-hmdifference:after {content: ""; display: block; width: 957px; height: 1106px; background: url(../images/bg-sfp-22.png) 100% 0 no-repeat; position: absolute; right: 0; top: 78px; z-index: 2;}

.section-hmdifference .col-6 {flex-basis: calc(50% - 50px); max-width: calc(50% - 50px);}
.section-hmdifference .col-8 {flex-basis: calc(60% - 25px); max-width: calc(60% - 25px);}
.section-hmdifference .col-4 {flex-basis: calc(40% - 25px); max-width: calc(40% - 25px);
  margin-right: -60px;}
.hmdifference-title {margin-bottom: 30px;color:#fff;}
.item-hmdifference {margin-bottom: 35px;}
.title-item-hmdifference {color:#fff;position: relative; font-size: 31px; line-height: 1.2; font-weight: 600; margin-bottom: 12px; padding-left: 42px;}
.title-item-hmdifference:before {content: ""; display: inline-block; width: 25px; height: 28px; background: url(../images/icon-arrow-right.svg) 50% 50% no-repeat; background-size: contain; position: absolute; left: 0; top: 4px;}
.text-hmdifference {color:#fff;}
.text-hmdifference + .text-hmdifference {
  margin-top: 25px;
}

@media (max-width: 992px) {
  .section-hmdifference .wrap {padding: 105px 80px 70px}
  .title-item-hmdifference {font-size: 26px;}
  .section-hmdifference:before {display: none;}
  .section-hmdifference:after {display: none;}
  .section-hmdifference {
    margin-bottom: -30px;
  }
  .section-hmdifference .col-8 {flex-basis: 100%; max-width: 100%;}
  .section-hmdifference .col-4 {
    display: none;
  }
}

@media (max-width: 768px) {
  .section-hmdifference .wrap {padding: 105px 40px 70px}
  .section-hmdifference .row {flex-wrap: wrap;}
  .section-hmdifference .col-6 {flex: 1 0 100%; max-width: 100%;}
  .title-item-hmdifference {font-size: 24px; padding-left: 30px;}
  .title-item-hmdifference:before {width: 20px; top: 0;}
}

@media (max-width: 560px) {
  .section-hmdifference .wrap {padding: 60px 30px 30px}
}


/* SECTION Software for publishers
---------------------------------*/
.section-sfpublishers {}
.section-sfpublishers .wrap {position: relative; z-index: 2; width: 1400px; padding: 350px 140px 70px; background: #fff; border-radius: 60px 0 0 60px;}
.section-sfpublishers .wrap:before {content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; transform: translateX(100%); z-index: 1;}

/*.section-sfpublishers:before {content: ""; display: block; width: 582px; height: 1030px; background: url(../images/bg-sfp-3.svg) 100% 0 no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}*/
/*.section-sfpublishers:after {content: ""; display: block; width: 957px; height: 1106px; background: url(../images/bg-sfp-1.svg) 100% 0 no-repeat; position: absolute; right: 0; top: -470px; z-index: 1;}*/

.section-sfpublishers .col-6 {flex-basis: calc(50% - 50px); max-width: calc(50% - 50px);}
.sfpublishers-title {margin-bottom: 40px;}
.item-sfpublishers {margin-bottom: 35px;}
.title-item-sfpublishers {position: relative; font-size: 31px; line-height: 1.2; font-weight: 600; margin-bottom: 12px; padding-left: 42px;}
.title-item-sfpublishers:before {content: ""; display: inline-block; width: 25px; height: 28px; background: url(../images/icon-arrow-right.svg) 50% 50% no-repeat; background-size: contain; position: absolute; left: 0; top: 4px;}
.text-sfpublishers {}

@media (max-width: 992px) {
  .section-sfpublishers .wrap {padding: 105px 80px 70px}
  .title-item-sfpublishers {font-size: 26px;}
}

@media (max-width: 768px) {
  .section-sfpublishers:before {display: none;}
  .section-sfpublishers .wrap {padding: 105px 40px 70px}
  .section-sfpublishers .row {flex-wrap: wrap;}
  .section-sfpublishers .col-6 {flex: 1 0 100%; max-width: 100%;}
  .title-item-sfpublishers {font-size: 24px; padding-left: 30px;}
  .title-item-sfpublishers:before {width: 20px; top: 0;}
}

@media (max-width: 560px) {
  .section-sfpublishers .wrap {padding: 60px 30px 30px}
}


/* SECTION Flagship implementation
---------------------------------*/
.section-flagship {padding: 105px 0; z-index: 2;}
.title-flagship {}
.description-flagship {margin-bottom: 45px;}
.item-flagship {flex: 0 1 calc((100% - 160px)/2); max-width: calc((100% - 160px)/2);}
.title-item-flagship {font-size: 24px; line-height: 1.2; font-weight: 600; margin-bottom: 22px;}
.text-item-flagship {font-size: 20px; line-height: 1.2; font-weight: 600; margin-bottom: 14px;  padding-left: 40px;}
.list-item-flagship {position: relative; list-style-type: none; padding-left: 40px;}
.list-item-flagship li {position: relative; position: relative; margin-bottom: 12px; padding-left: 34px;}
.list-item-flagship li:before {content: ""; display: inline-block; width: 20px; height: 28px; background: url(../images/icon-arrow-dark-right.svg) 50% 50% no-repeat; background-size: contain; position: absolute; left: 0; top: -1px;}

@media (max-width: 992px) {
  .item-flagship {flex: 0 1 calc((100% - 80px)/3); max-width: calc((100% - 80px)/3);}
}

@media (max-width: 768px) {
  .title-item-flagship {font-size: 24px;}
  .section-flagship .row {flex-wrap: wrap;}
  .item-flagship {flex: 0 1 100%; max-width: 100%; width: 100%; margin-bottom: 40px;}
}

@media (max-width: 560px) {
  .section-flagship {padding: 60px 0}
  .description-flagship {margin-bottom: 30px;}
  .item-flagship {margin-bottom: 25px;}
  .list-item-flagship li:before {width: 16px;}
}


/* SECTION Applications of Fundozer
---------------------------------*/
.section-app {z-index: 1; padding-bottom: 105px;}
.section-app:before {content: ""; display: block; width: 710px; height: 1104px; background: url(../images/bg-app-1.svg) 100% 0 no-repeat; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.section-app:after {content: ""; display: block; width: 240px; height: 1300px; background: url(../images/bg-app-2.svg) 100% 0 no-repeat; background-size: contain; position: absolute; right: 0; top: -203px; z-index: 1;}
.section-app .wrap { z-index: 3; width: 1340px; padding: 70px 110px; background: #fff; border-radius: 60px;}
.title-app {}
.description-app {margin-bottom: 50px;}
.owl-app {margin-bottom: 35px;}
.slide {position: relative;}
.owl-carousel .owl-item img {max-width: 100%;margin: 0 auto;width: auto;}
.slide-overlay {display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding: 20px 15px; transition: .4s; opacity: 0;}
.slide:hover .slide-overlay {opacity: 1;}
.slide-overlay:before {content: ""; display: block; width: 100%; position: absolute; height: 100%; top: 0;left: 0; background: linear-gradient(135deg,#fff55a, #ff9305); opacity:.95;}
.slide-title {position: relative; z-index: 2;font-size: 18px; font-weight: 700;margin-bottom: 10px;}
.slide-text {position: relative; z-index: 2; font-size: 16px; font-weight: 400;}
.section-app .btn-wrap {text-align: center;}
.owl-carousel .owl-nav button {outline: none; background: none; position: absolute;left: -45px;top: 50%; transform: translateY(-50%); width: 17px; height: 31px;}
.owl-carousel .owl-nav button.owl-next {left: auto; right: -45px;}
.arrow-owl {display: block; width: 17px; height: 31px; outline: none; background: url(../images/arrow-right.svg) 50% 50% no-repeat; background-size: contain;}
.arrow-owl.arrow-left {transform: rotate(180deg);}
.owl-dots {position: relative; width: 100%; display: flex; justify-content: center; padding-top: 25px;}
.owl-carousel button.owl-dot {position: relative; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #e2e2e2; outline: none; border: none; margin: 0 7.5px; transition: .4s;}
.owl-carousel button.owl-dot.active {background-color: #ffcf01;}

@media (max-width: 1360px) {
  .section-app {padding: 0 30px 105px;}
  .slide-text {font-size: 14px;}
}

@media (max-width: 992px) {
  .section-app .wrap {padding: 70px 90px}
}

@media (max-width: 768px) {
  .section-app {padding-bottom: 60px;}
  .section-app:after {display: none;}
  .section-app .wrap {padding: 40px 30px; border-radius: 30px;}
  .description-app {margin-bottom: 30px;}
  .owl-carousel .owl-nav button.owl-prev {left: -25px;}
  .owl-carousel .owl-nav button.owl-next {right: -25px;}
}

@media (max-width: 560px) {
  .owl-carousel button.owl-dot {width: 10px; height: 10px; margin: 0 7px;}
  .slide-title {font-size: 16px; line-height: 1.2; margin-bottom: 0px;}
  .slide-text {font-size: 12px; line-height: 1.2;}
}


/* SECTION COMPANY
---------------------------------*/
.section-company {padding: 105px 0; z-index: 1;}
.title-company {margin-bottom: 50px;}

@media (max-width: 768px) {
  .title-company {margin-bottom: 25px;}
}

@media (max-width: 560px) {
  .section-company {padding: 60px 0;}
}


/* SECTION DIFFERENCE
---------------------------------*/
.section-difference {padding: 105px 0; background: #fff;}
.section-difference .wrap {z-index: 1;}
.section-difference .row {align-items: center;}
.text-difference {flex: 0 1 auto;}
.text-difference p {margin-bottom: 35px;}
.text-difference p:last-child {margin-bottom: 0;}
.pic-difference {flex: 0 0 400px; width: 400px; margin-left: 80px;}

@media (max-width: 992px) {
  .pic-difference {flex: 0 0 300px; width: 300px; margin-left: 40px;}
}

@media (max-width: 768px) {
  .section-difference .row {flex-wrap: wrap}
  .text-difference {order: 2;}
  .pic-difference {order: 1; margin: 0 0 40px; flex: 1 0 100%; width: 100%; text-align: center;}
}

@media (max-width: 560px) {
  .section-difference {padding: 60px 0;}
}


/* SECTION Our business scale
---------------------------------*/
.section-scale {padding: 105px 0;}
.title-scale {margin-bottom: 50px;}
.section-scale .row {align-items: center; justify-content: center;}
.item-scale {flex: 0 1 275px; margin: 0 35px; display: flex; align-items: center; justify-content: flex-start;}
.num-scale {font-size: 55px; line-height: 1; font-weight: 700; margin-right: 20px;}
.text-scale {}

@media (max-width: 992px) {
  .item-scale {flex: 0 1 calc(100%/3 - 30px); max-width: calc(100%/3 - 30px);}
  .num-scale {font-size: 40px;}
  .text-scale br {display: none;}
}

@media (max-width: 768px) {
  .section-scale .row {flex-wrap: wrap}
  .item-scale {flex: 0 1 100%; max-width: 100%; text-align: center; display: block; margin-bottom: 30px;}
  .item-scale:last-child {margin-bottom: 0;}
  .num-scale {margin: 0 0 10px;}
}

@media (max-width: 560px) {
  .section-scale {padding: 60px 0;}
}


/* SECTION CONTACT
---------------------------------*/
.section-contact {padding: 105px 0; background: #2b2b2b; color: #fff;}
.contact-form {width: 762px; max-width: 100%; margin: 0 auto;}
.contact-form .row {display: flex; margin-bottom: 30px;}
.contact-form .row-textarea {margin-bottom: 30px;}
.contact-form .col {width: 100%;}
.contact-form .col-6 {flex: 0 0 calc((100% - 35px)/2);}
.contact-form .label {display: block; margin-bottom: 5px; font-weight: 500; text-transform: uppercase;}
.contact-form .input-text {width: 100%; font: inherit; border: 2px solid #9c9c9c; border-radius: 30px; background-color: transparent; color: #fff; height: 60px; padding: 0 25px; outline: none;}
.contact-form .textarea {width: 100%; font: inherit; border: 2px solid #9c9c9c; border-radius: 30px; background-color: transparent; color: #fff; height: 100px; padding: 15px 25px; outline: none;}
.contact-form .has-error .input-text,
.contact-form .has-error .textarea {border-color: #c93900;}
.contact-form .has-error .error {position: relative;}
.contact-form .has-error .error-text {color: #c93900; font-size: 16px; position: absolute; padding-top: 2px;}
.contact-form .row-captcha {margin-bottom: 0;}
.contact-form .final-field-box {display: flex; justify-content: space-between; width: 100%;}
.contact-form .container-btn {display: flex; justify-content: flex-end;}
.contact-form .form-note {margin-right: 10px; font-size: 16px;}

.contact-form .container-captcha {display: none;} /* HIDE CAPTCHA*/


@media (max-width: 768px) {
  .contact-form .row-textarea {margin-bottom: 24px;}
  .contact-form .final-field-box {flex-wrap: wrap; align-items: center; flex-direction: column}
  .contact-form .container-captcha {margin-bottom: 24px; }
}

@media (max-width: 600px) {
  .contact-form .row {flex-wrap: wrap; margin-bottom: 0;}
  .contact-form .col-6 {flex: 1 0 100%; max-width: 100%; margin-bottom: 24px;}
  .contact-form .col {margin-bottom: 24px;}
  .contact-form .row-textarea {}
  .contact-form .input-text {}
}

@media (max-width: 560px) {
  .section-contact {padding: 60px 0;}
}


/* FOOTER
---------------------------------*/
.footer {padding: 40px 0; font-size: 16px; background: #191919; color: #aeaeae;}
.footer .wrap {display: flex; align-items: center; justify-content: space-between;}
.footer-menu {display: flex; align-items: center; justify-content: flex-start;}
.footer-menu li {list-style-type: none; margin-right: 35px;}
.footer-menu li:last-child {margin-right: 0;}
.footer-menu a {color: #aeaeae; text-decoration: none;}
.footer .btn-small {padding: 5px 10px; font-size: 14px; text-transform: none; background-color: #2b2b2b;}
.copyright {}

@media (max-width: 1120px) {
  .footer .wrap {flex-direction: column; align-items: center; justify-content: start;}
  .footer-menu {margin-bottom: 25px;}
  .footer .btn-small {margin-bottom: 25px;}
}

@media (max-width: 560px) {
  .footer-menu {flex-direction: column; align-items: center; justify-content: start;}
  .footer-menu li {margin: 0 0 15px;}
  .footer-menu li:last-child {margin-bottom: 0;}
}

/* MODAL
---------------------------------*/
.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; padding: 0; text-align: center; color: #2b2b2b;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; max-width: 100%; width: 566px; margin: 0 auto; background-color: #fff; vertical-align: middle; box-shadow: 0 15px 35px rgba(0,0,0,.15);}
.modal-content {padding: 70px 15px 50px; border: none;}
.modal-thanks .main-info {width: 100%; max-width: 460px; margin: 0 auto; padding-bottom: 29px; border-bottom: 1px solid #d1d2d2;}
.modal-thanks .heading {position: relative; padding-left: 97px; font-size: 3.75rem; text-align: left;}
.modal-thanks .heading .icon-holder {position: absolute; content: ''; display: block; width: 73px; height: 73px; background-repeat: repeat; left: 0; top: 5px; display: flex; align-items: center; justify-content: center;}
.modal-thanks .heading .icon-check {position: relative; z-index: 2;} 
.modal-thanks .text {margin-top: 6px; font-size: 1.25rem;}
.modal-thanks .btn-holder {margin-top: 42px;}
.modal-thanks .btn {text-transform: uppercase;}
.modal-backdrop {background: rgba(16,15,27,.5);}

@media (max-width: 768px) {
  .modal-dialog {width: 430px;}
  .modal-content {padding: 40px 15px 30px;}
  .modal-thanks .heading {padding-left: 70px; font-size: 3.125rem;}
  .modal-thanks .heading .icon-holder {width: 53px; height: 53px;}
  .modal-thanks .heading .icon-check {width: 35px; height: auto;}
  .modal-thanks .main-info {max-width: 360px; padding-bottom: 20px;}
  .modal-thanks .text {font-size: 1.125rem;}
  .modal-thanks .btn-holder {margin-top: 30px;}
}
@media (max-width: 400px) {
  .modal-thanks .heading {font-size: 2.5rem;}
  .modal-thanks .heading .icon-holder {top: 2px; width: 48px; height: 48px;}
  .modal-thanks .heading .icon-check {width: 30px;}
}


/* TERMS
---------------------------------*/
.terms-content {padding: 200px 0 100px;}
.terms-title {margin-bottom: 100px;}
.terms-content p,
.terms-content ul,
.terms-content ol {margin-bottom: 20px; word-wrap: break-word;}
.terms-content ul,
.terms-content ol {padding-left: 40px;}
.terms-content a {color: #2b2b2b; text-decoration: underline;}
.terms-content table {border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.terms-content table p:last-child {margin-bottom: 0;}
.terms-content td {border: 1px solid #2b2b2b; padding: 10px 15px}

.form-holder {width: 100%;}
.contact_form--ccpa {width: 100%;}
.contact_form--ccpa .input-text {color: #2b2b2b;}
.contact_form--ccpa .btn-holder {text-align: center;}
.contact_form--ccpa .required-message {text-align: center; margin-top: 15px;}

@media (max-width: 768px) {
  .terms-content {padding: 120px 0 60px;}
  .terms-title {margin-bottom: 40px;}
}