* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}
html {font-size: 16px;}
body {min-width: 320px; font-family: 'Nunito', sans-serif; font-size: 17px; line-height: 25px; font-weight: 200; color: #42302e; background-color: #fff;}
img {max-width: 100%; height: auto; display: inline-block; vertical-align: bottom;}
::placeholder {color: #42302e; opacity: 1;}
:-ms-input-placeholder {color: #42302e;}
::-ms-input-placeholder {color: #42302e;}
.section {position: relative; display: block;}
.wrap {position: relative; display: block; width: 1300px; max-width: 100%; padding: 0 15px; margin: 0 auto;}
.wrap-wide {width: 1640px;}
.wrap-full {width: 100%;}
.container {display: flex; padding-left: 130px;}
.left {padding-right: 30px;}
.right {padding-left: 30px;}
.col-4 {flex: 1 0 360px; max-width: 360px;}
.col-8 {flex: 1 0 calc(100% - 360px); max-width: calc(100% - 360px);}
.title {position: relative; font-family: 'Abril Fatface', cursive; font-size: 60px; line-height: 70px; color: #42302e; font-weight: 400; margin-bottom: 30px;}
.subtitle {position: relative; font-size: 32px; line-height: 40px; font-weight: 200; color: #42302e; margin-bottom: 30px;}
.btn {position: relative; display: inline-block; white-space: nowrap; background-color: #b3f27d; border-radius: 30px; padding: 20px 60px; font-size: 20px; line-height: 1; color: #42302e; text-decoration: none;}
.btn:before {content: ""; display: block; width: 100px; height: 100px; border: 1px solid #ababab; border-radius: 50%; position: absolute;  right: 0; top: 50%; transform: translate(20%,-60%); transition: .4s; z-index: -1;}
.btn:after {content: ""; display: block; width: 22px; height: 17px; background: url(../images/index/ar_right.svg) 0 0 no-repeat; position: absolute; right: 0; top: 50%; transform: translate(-25px,-50%); transition: .4s;}
.btn:hover:before {transform: translate(15%,-50%);}
.btn:hover:after {transform: translate(-15px,-50%);}

@media (max-width: 1440px) {
  body {font-size: 15px; line-height: 23px;}
  .wrap {width: 970px;}
  .wrap-wide {padding: 0 60px;}
  .container {padding-left: 90px;}
  .title {font-size: 45px; line-height: 50px; margin-bottom: 20px;}
  .subtitle {font-size: 28px; line-height: 36px;}
}

@media (max-width: 992px) {
  .wrap {padding: 0 10px;}
  .title {font-size: 40px; line-height: 1.1;}
  .subtitle {font-size: 20px; line-height: 1.3;}
  .btn {padding: 10px 60px;}
  .btn:before {width: 77px; height: 77px;}
  .container {display: block; padding: 0;}
  .left {padding: 0;}
  .right {padding: 0;}
  .col-4 {max-width: 100%;}
  .col-8 {max-width: 100%;}
}

@media (max-width: 768px) {
  .title {font-size: 28px; line-height: 1.2;}
}


/* OWL CAROUSEL
---------------------------------*/
/* OWL NAV */
.owl-carousel .owl-item img {width: auto; display: inline-block;}
/* OWL Button */
.owl-carousel .owl-nav button {outline: none; background: none; position: absolute; left: 60px;top: 50%; transform: translateY(-50%); display: inline-block;}
.owl-carousel .owl-nav button.owl-next {left: auto; right: 60px;}
@media (max-width: 1440px) {
  .owl-carousel .owl-nav button {left: 24px;}
  .owl-carousel .owl-nav button.owl-next {left: auto; right: 24px;}
}
/* OWL Arrow */
.arrow-owl {position: relative; display: inline-block; background-color: #b3f27d; border-radius: 50%; width: 40px; height: 40px;}
.arrow-owl:before {content: ""; display: block; width: 54px; height: 54px; border: 1px solid #ababab; border-radius: 50%; position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-30%,-70%); transition: .4s;}
.arrow-owl:after {content: ""; display: block; width: 22px; height: 17px; background: url(../images/index/ar_right.svg) 0 0 no-repeat; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); transition: .4s;}
/* OWL Arrow Left */
.arrow-owl.arrow-left:before {left: 50%; right: auto; transform: translate(-70%,-70%);}
.arrow-owl.arrow-left:after {left: auto; right: 0; transform: translate(0,-50%); background-image: url(../images/index/ar_left.svg);}
/* OWL Arrow Hover */
.arrow-owl:hover:before {left: 50%; right: auto; transform: translate(-50%,-50%);}
.arrow-owl:hover:after {left: 50%; right: auto; transform: translate(-50%,-50%);}
/* DOTS */
.owl-dots {position: relative; width: 100%; display: flex; justify-content: center; padding-top: 25px;}
.owl-carousel button.owl-dot {position: relative; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 1px solid #afafaf; outline: none; margin: 0 15px; transition: .4s;}
.owl-carousel button.owl-dot.active {background-color: #b3f27d; border-color: #b3f27d;}
@media (max-width: 768px) {
  .owl-carousel button.owl-dot {margin: 0 7.5px;}
}


/* SITE HEADER
---------------------------------*/
.site-header {position: fixed; top: 0; width: 100%; z-index: 10; transition: .4s; padding-top: 35px;}
.site-header .logo {position: relative; z-index: 3; display: block; max-width: 100%; padding-bottom: 50px; transition: .4s;}
.site-header .logo img {width: 215px;}
.site-header.scrolled {background: rgba(255,255,255,.9); padding-top: 10px;}
.site-header.scrolled .logo {padding-bottom: 10px;}

@media (max-width: 1440px) {
  .site-header .logo {padding-bottom: 25px;}
}

@media (max-width: 992px) {
  .site-header {padding: 0; background: #fff; border-bottom: 2px solid #42302e;}
  .site-header .wrap {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 10px 40px;}
  .site-header.scrolled {background: #fff;}
  .site-header .logo {padding-bottom: 0;}
  .site-header.scrolled .logo {padding-bottom: 0;}
}

@media (max-width: 560px) {
  .site-header .logo img {width: 180px;}
}

/* main menu */
.main-menu {position: relative;display: flex; list-style-type: none; justify-content: flex-start;}
.main-menu:after {content: ""; display: block; width: 100%; height: 2px; background: #42302e; position: absolute; bottom: 0; left: 0;}
.main-menu:before {content: ""; display: block; width: 300%; height: 1px; background: #dddddd; position: absolute; bottom: 0; left: -1000px;}
.main-menu li {position: relative;z-index: 2; margin-right: 25px;}
.main-menu li:last-child {margin-right: 0;}
.main-menu a {position: relative; display: inline-block; color: #42302e; font-size: 17px; line-height: 1; font-weight: 200; text-decoration: none; padding: 10px 0; transition: .4s;}
.main-menu a:hover {}
.main-menu a:before {content: ""; display: block; width: 0; height: 4px; background: #b3f27d; position: absolute; bottom: -2px; left: 0; z-index: 2;}
.main-menu .mPS2id-highlight-last {}
.main-menu .mPS2id-highlight-last:before {width: 100%;}

@media (max-width: 1440px) {
  .main-menu li {margin-right: 15px;}
  .main-menu a {font-size: 15px;}
}

@media (max-width: 992px) {
  .site-header .main-menu {display: none;}
  .main-menu:after {display: none;}
  .main-menu:before {display: none;}
}


/* mob menu btn */
.hbr-btn {display: none; position: relative; z-index: 3; width: 40px; height: 40px; padding: 13px 10px; background: #b3f27d; border-radius: 50%; transition: .5s ease-in-out; cursor: pointer; border: none; outline: none;}
.hbr-btn:before {content: ""; display: block; width: 46px; height: 46px; border: 1px solid #ababab; border-radius: 50%; position: absolute;  left: 0; top: 0; transform: translate(0,0); transition: .4s; z-index: -1;}
.header_active .hbr-btn:before {left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hbr-btn .lines {position: absolute; height: 1px; width: 20px; background: #422f2d; left: 10px; transform: rotate(0deg); transform-origin: 50% 50%; transition: .25s ease-in-out; will-change: transform;}
.hbr-btn .lines:nth-child(1) {top: 14px; transform-origin: left center;}
.hbr-btn .lines:nth-child(2) {top: 20px; transform-origin: left center;}
.hbr-btn .lines:nth-child(3) {top: 26px; transform-origin: left center;}
.header_active .hbr-btn .lines:nth-child(1) {transform: rotate(45deg);top: 12px; left: 13px;}
.header_active .hbr-btn .lines:nth-child(2) {width: 0; opacity: 0;}
.header_active .hbr-btn .lines:nth-child(3) {transform: rotate(-45deg); top: 26px; left: 13px;}
/* mob menu */
.mob-menu {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #b3f27d; z-index: 100;}
.mob-menu.active {display: block;}
.mob-menu .main-menu {display: block; padding: 100px 0;}
.mob-menu .main-menu li {display: block;  padding: 0 0 0 100px; margin-right: 0; margin-bottom: 20px;}
.mob-menu .main-menu li.active:before {content: ""; display: block; width: 100%; height: 2px; background: #42302e; position: absolute; bottom: 0; left: 100px; z-index: 2;}
.mob-menu .main-menu li.active:after {content: ""; display: block; width: 300%; height: 1px; background: #fff; position: absolute; bottom: 0; left: -1000px; z-index: 1;}
.mob-menu .main-menu a {font-size: 17px;}
.mob-menu .main-menu a:before {background-color: #fff;}
.close-mob-menu {display: block; position: absolute; right: 30px; top: 20px; width: 20px; height: 20px; background: url(../images/index/icon-close.png) 50% 50% no-repeat;}

@media (max-width: 992px) {
  .hbr-btn {display: block;}
}


/* SECTION INTRO
---------------------------------*/
.section-intro {padding: 200px 0 0;}
.intro-content {max-width: 566px;}
.intro-title {font-size: 90px; line-height: 80px; margin-bottom: 70px;}
.intro-content {position: relative; z-index: 2;}
.intro-content .btn-wrap {text-align: right; margin-bottom: 20px;}
.pic-intro-mob {display: none;}
.pic-intro {position: absolute; right: 0; top: 0; max-width: 40%; height: 100%;}
.pic-intro img {width: 100%; height: 100%; object-fit: cover;}
.pic-intro:before {content:""; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: -30px; top: 0;}
.pic-intro:after {content:""; display: block; width: calc(100% + 130px); height: 1px; background-color: #ddd; position: absolute; left: -130px; bottom: 90px;}
.line-1 {display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: 100px; top: 0;}
.line-2 {display: none; width: 1px; height: 100%; background-color: #ddd; position: absolute; right: 20px; bottom: 20px;}
.line-3 {display: none; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0px; bottom: 36px;}

@media (max-width: 1440px) {
  .intro-content {max-width: 435px;}
  .intro-title {font-size: 68px; line-height: 60px; margin-bottom: 40px;}
  .line-1 {left: 55px;}
}

@media (max-width: 992px) {
  .section-intro {padding: 120px 0 0;}
  .section-intro .wrap {padding-left: 40px;}
  .intro-content {max-width: 356px;}
  .intro-title {font-size: 50px; line-height: 50px;}
  .line-1 {display: none;}
}
@media (max-width: 768px) {
  .section-intro {padding: 90px 0 0;}
  .intro-content {max-width: 256px; padding-left: 0; margin: 0 auto;}
  .intro-title {font-size: 40px; line-height: 40px;}
  .intro-content .btn-wrap {margin-bottom: 30px;}
  .pic-intro {display: none;}
  .pic-intro-mob {display: block; margin: 0 0 0 auto; width: 70%; min-width: 335px;}
  .line-2 {display: block;}
  .line-3 {display: block;}
}

@media (max-width: 375px) {
  .intro-content {margin: 0;}
  .pic-intro-mob {display: block; position: relative; margin-left: auto; right: 0;}
}


/* SECTION WHO
---------------------------------*/
.section-who {padding: 75px 0;}
.who-content p {margin-bottom: 7px;}
.who-content p:last-child {margin-bottom: 0;}
.section-who .left {padding-right: 50px; border-right: 1px solid #dddddd;}
.section-who .right {align-self: flex-end; text-align: right;}

@media (max-width: 992px) {
  .section-who .wrap {padding-left: 40px;}
  .section-who .container {padding-left: 40px;}
  .section-who .left {padding-right: 20px; border: none;}
  .section-who .btn-wrap {text-align: right; padding-right: 30px; padding-top: 80px;}
}

@media (max-width: 768px) {
  .section-who {padding: 75px 0 0;}
}


/* SECTION MISSION
---------------------------------*/
.section-mission {padding: 70px 0;}
.section-mission .left {padding-right: 50px; border-right: 1px solid #dddddd;}
.mission-content {padding-left: 130px; margin-bottom: 70px;}
.mission-content p {margin-bottom: 7px;}
.mission-content p:last-child {margin-bottom: 0;}
.list-mission {list-style-type: none; display: flex; align-items: center; justify-content: space-between; height: 165px; margin-bottom: 24px;}
.mission-img {transition: .4s;}
.mission-img_large {width: 0;}
.mission-img_small {width: 54px;}
.active .mission-img_large {width: 182px;}
.active .mission-img_small {width: 0;}
.item-mis_title {font-weight: 200; font-size: 17px; margin-bottom: 10px;}
.owl-mission {max-width: 400px; margin: 0 auto;}

@media (max-width: 1440px) {
  .mission-content {padding-left: 90px;}
  .section-mission .container {padding-left: 0;}
  .section-mission .left {padding-left: 90px; padding-right: 30px;}
  .owl-mission {max-width: 330px;}
}

@media (max-width: 992px) {
  .section-mission {padding: 75px 0 60px;}
  .section-mission .wrap {padding-left: 40px;}
  .mission-content {padding-left: 40px; margin-bottom: 50px;}
  .section-mission .container{padding-left: 40px;}
  .section-mission .left {padding: 0;border: none;}
  .mission-content .subtitle {}
  .owl-mission {}
}

@media (max-width: 560px) {
  .list-mission {justify-content: flex-start;}
  .mission-img_small {display: none;}
}


/* SECTION GREEN
---------------------------------*/
.section-green {}
.section-green .green-content {background-color: #b3f27d; padding: 70px 100px;}

@media (max-width: 1440px) {
  .section-green .green-content {padding: 50px 60px;}
}

@media (max-width: 1440px) {
  .section-green .green-content {padding: 30px 40px;}
}


/* SECTION HIGHLIGHTS
---------------------------------*/
.section-highlights {z-index: 1;padding: 120px 0 0;}
.section-highlights .left {position: relative; padding-right: 29px; border-right: none;}
.section-highlights .right {padding-left: 0;}
.hl-content {position: relative;}
.section-highlights .subtitle {font-size: 30px; padding-top: 70px;}
.pic-highlights {position: absolute; max-width: 550px; bottom: -40px; right: 70px;}
.pic-highlights-mob {display: none;}
.list-hl {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; padding-left: 110px; border-left: 1px solid #ddd;}
.item-hl {flex: 1 0 calc(50% - 40px); max-width: calc(50% - 40px); margin-bottom: 30px;}
.item-hl_icon {display: block; margin-bottom: 15px;}
.item-hl_icon img {height: 54px;}
.item-hl .item-hl_content {}
.item-hl .item-hl_content {}
.item-hl .item-hl_title {margin-bottom: 12px;}
.item-hl p {margin-bottom: 7px;}
.item-hl p:last-child {margin-bottom: 0;}

@media (max-width: 1440px) {
  .section-highlights {padding: 70px 0 0;}
  .section-highlights .container {padding-left: 0;}
  .section-highlights .left {padding-left: 90px;}
  .section-highlights .right {padding-left: 0;}
  .item-hl {flex: 1 0 calc(50% - 30px); max-width: calc(50% - 30px);}
  .pic-highlights {position: absolute; max-width: 414px; right: 45px;}
}

@media (max-width: 992px) {
  .section-highlights {padding: 50px 0 160px;}
  .section-highlights .left {padding-left: 70px; border: none;}
  .section-highlights .subtitle {padding-top: 0; font-size: 20px; line-height: 1.3;}
  .section-highlights .right {padding-left: 70px;}
  .list-hl {padding-left: 0; margin-bottom: 0; border: none;}
  .pic-highlights {display: none;}
  .pic-highlights-mob {display: block;position: absolute; bottom: -60px; left: 0px;}
}

@media (max-width: 768px) {
  .section-highlights {padding: 50px 0 200px;}
  .section-highlights .right {padding-left: 0px;}
  .section-highlights .owl-hl {padding: 0 80px;}
  .item-hl {flex: 1 0 100%; max-width: 100%; margin-bottom: 0;}
}


/* SECTION TOOLS
---------------------------------*/
.section-tools {background: #ffa699; padding: 145px 0 0;}
.tools-content {padding-left: 130px; margin-bottom: 90px;}
.section-tools .left {padding-right: 50px; border-right: 1px solid #fff;}
.section-tools .right {padding-left: 100px; padding-bottom: 100px;}
.section-tools .right p {margin-bottom: 7px;}
.section-tools .right p:last-child {margin-bottom: 0;}

@media (max-width: 1440px) {
  .tools-content {padding-left: 90px; margin-bottom: 60px;}
  .section-tools .container {padding-left: 0;}
  .section-tools .right {padding-left: 80px;}
}

@media (max-width: 992px) {
  .section-tools {padding-top: 100px;}
  .section-tools .wrap {padding-left: 40px;}
  .tools-content {padding-left: 40px; margin-bottom: 7px;}
  .section-tools .container {padding-left: 40px;}
  .section-tools .left {padding-right: 0; border-right: none;}
  .section-tools .right {padding-left: 0;}
}

/* SECTION APPS
---------------------------------*/
.section-apps {padding: 100px 0 70px;}
.section-apps .wrap {position: relative;}
.section-apps .wrap:before {content: ""; display: block; width: 1px; height: 60px; background: #ddd; position: absolute; left: 505px; top: -100px;}
.section-apps .owl-apps {margin-top: -30px; padding: 0 130px;}
.section-apps .owl-carousel .owl-stage-outer {padding: 70px 0;}
.section-apps .owl-carousel .owl-stage {display: flex; align-items: stretch;}
.section-apps .owl-carousel .owl-item {float: none;}
.section-apps .owl-carousel .item-app {position: relative; height: 100%; padding: 30px; text-align: center; background: #fff; border: 1px solid #fff;}
.section-apps .owl-carousel .item-app:before {content: ""; display: block; width: calc(100% - 2px); height: 100%; border: 1px solid #b3f27d; background: transparent; position: absolute; left: 1px; top: 0; transition: .4s;}
.section-apps .owl-carousel .item-app:hover:before {border-color: #dfdfdf; border-radius: 50%; width: 170%; height: 150%; left: 50%; top: 50%; transform: translate(-34%,-50%);}
.item-app_icon {display: flex; height: 160px; }
.item-app_icon img {margin: auto;}

@media (max-width: 1440px) {
  .section-apps .wrap:before {left: 375px; top: -100px;}
  .section-apps .owl-apps {margin-top: 0;padding: 0 90px;}
}

@media (max-width: 992px) {
  .section-apps {padding: 75px 0 0;}
  .section-apps .title {padding-left: 30px;}
  .section-apps .wrap:before {display: none;}
  .section-apps .owl-carousel .owl-stage-outer {padding: 10px 0;}
  .section-apps .owl-carousel .item-app:hover:before {width: calc(100% - 2px); height: 100%; transform: translate(-50%,-50%);}
}

@media (max-width: 768px) {}


/* SECTIO CONTACT US
---------------------------------*/
.section-contact {position: relative; padding: 70px 0 100px;}
.section-contact .left {padding-right: 50px; padding-top: 75px; border-right: 1px solid #ddd;}
.section-contact .right {padding-left: 110px;}
.text-required {margin-bottom: 45px;}
.form-row {display: flex; align-items: flex-start; justify-content: space-between;}
.form-row .field-box {flex: 1 0 calc(50% - 16px); max-width: calc(50% - 16px);}
.field-box {margin-bottom: 30px;}
.contact-form .label {display: none; font-size: 1.125rem; margin-bottom: 5px; color: #28233e;}
.contact-form .input-text {width: 100%; font: inherit; color: #42302e; border: none; border: 1px solid #d8d8d8; background: transparent; height: 50px; line-height: 48px; padding: 0; padding-left: 46px; outline: none; box-shadow: none; background: url(../images/index/icon-name.png) 15px 50% no-repeat #fff;}
.contact-form .input-text[name="email"] {background-image: url(../images/index/icon-mail.png)}
.contact-form .textarea {width: 100%; font: inherit; color: #42302e; border: none; border: 1px solid #d8d8d8; background: transparent; height: 100px; padding: 0; padding-left: 46px; padding-top: 12px; outline: none; box-shadow: none; resize: none; background: url(../images/index/icon-message.png) 15px 15px no-repeat #fff;}
.contact-form .btn {cursor: pointer;}
.contact-form .has-error .input-text,
.contact-form .has-error .textarea {border-color: #ff7a66; background-color: #fff5f3;}
.contact-form .has-error .error {position: relative;}
.contact-form .has-error .error-text,
.contact-form .container-captcha .error-text {color: #ff7a66; font-size: 17px; position: absolute; padding-top: 0; top: -2px}
.contact-form .final-field-box {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.contact-form .container-btn {display: flex; flex-direction: column; justify-content: center;}
.contact-form .form-note {margin-bottom: 5px; font-size: 1rem; color: #fff; text-align: center;}

@media (max-width: 1440px) {
  .section-contact .container {padding-left: 0;}
  .section-contact .left {padding-left: 90px; padding-right: 60px;}
  .section-contact .right {padding-left: 80px;}
  .text-required {margin-bottom: 35px;}
}

@media (max-width: 992px) {
  .section-contact {padding: 75px 0; margin-top: 0;}
  .section-contact .wrap {padding-left: 40px;}
  .section-contact .container {padding-left: 40px;}
  .section-contact .left {padding: 0; border: none; margin-bottom: 30px;}
  .section-contact .right {padding: 0;}
}

@media (max-width: 768px) {
  .contact-form .final-field-box {flex-direction: column; justify-content: center;}
  .container-captcha {margin-bottom: 60px;}
}

@media (max-width: 600px) {
  .form-row {flex-direction: column;}
  .form-row .field-box {flex: 1 0 100%; max-width: 100%; width: 100%;}
}


/* FOOTER
---------------------------------*/
.footer {position: relative; padding: 0;}
.footer .row {display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ddd; padding: 30px 0;}
.footer.copy {}
.footer-menu {list-style-type: none; display: flex; align-items: center; justify-content: flex-start;}
.footer-menu .item {margin-right: 35px;}
.footer-menu .item:last-child {margin-right: 0;}
.footer-menu a {color: #333434; text-decoration: none;}

@media (max-width: 768px) {
  .footer {padding: 0;}
  .footer .row {flex-direction: column; align-items: center; padding: 20px 0;}
  .footer .copy {order: 2;}
  .footer-menu {order: 1; margin-bottom: 10px;}
}

/* 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;}
.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; text-align: center; font-family: 'Abril Fatface', cursive;  font-size: 50px;  line-height: 70px;  color: #42302e;  font-weight: 400; margin-bottom: 20px;}
.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 {}
.modal-thanks .btn-holder {position: relative; z-index: 1;margin-top: 42px;}
.modal-thanks .btn {text-transform: uppercase;}
.modal-backdrop {background: rgba(16,15,27,.5);}

@media (max-width: 767px) {
  .modal-dialog {width: 430px; max-width: 90%;}
  .modal-content {padding: 40px 15px 30px;}
  .modal-thanks .heading {font-size: 40px;}
  .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: 40px;}
}
@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;}
}

/* cookie popup */
.cookie-popup {display: block;position: fixed;bottom: -100%;right: 0;left: 0;background-color: #b3f27d;-webkit-box-shadow: 2px 2px 0px #090b0c;box-shadow: 2px 2px 5px #000;color: #42302e;width: 100%;z-index: 1002;-webkit-transition: bottom .8s;transition: bottom .8s;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.cookie-popup .close {display: block;width: 22px;height: 22px;position: absolute;top: 12px;right: 12px;cursor: pointer;z-index: 10;}
.cookie-popup .close:before, .cookie-popup .close:after {display: block;content: '';height: 100%;width: 1px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);position: absolute;top: 0;left: 50%;border-left: 1px solid #d7cdea;}
.cookie-popup .close:after {-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.cookie-popup.show {bottom: 0;}
.cookie-popup .popup-inner {padding: 20px;margin: 0 auto;max-width: 1200px;text-align: center;z-index: 1;font-size: 18px;}
.popup-content {display: flex;align-items: center;}
.popup-content a {color: #42302e;}
.cookie-popup .link {padding-top: 5px;color: #22c1d2;white-space: nowrap;}
.cookie-popup .title {margin-bottom: 10px;}
.cookie-popup .btns-wrapper {min-width: 250px}
.cookie-popup .button {width: 100%;max-width: 250px;padding: 15px;margin: auto; margin-top: 20px; display: block; color: #fff; font-size: 20px}
.cookie-popup .btn {background-color: #fff; color: #42302e;}
.cookie-popup .btn:before,  
.cookie-popup .btn:after {display: none;} 
.cookie-popup .btn:first-child {margin-top: 0;}
@media (min-width:577px) {
  .popup-content .info {flex-grow: 1;padding-right: 40px;text-align: left;font-size: 16px;}
}
@media (max-width:576px) {
  .cookie-popup .popup-inner {padding: 38px 15px;}
  .popup-content {display: block;}
  .cookie-popup .btn {width: 100%;padding: 6px;margin-top: 15px;}
}

/* TERMS
---------------------------------*/
.page-terms {background-color: #fff;}
.section-terms {background-color: #fff; padding: 180px 0 100px;}
.terms-content {}
.terms-title {margin-bottom: 100px;}
.terms-content h2 {position: relative; font-family: 'Abril Fatface', cursive; font-size: 40px; line-height: 50px; color: #42302e; font-weight: 400; margin-bottom: 30px;}
.terms-content h3 {font-size: 1.5rem;}
.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: #2a243c;}

@media (max-width: 1440px) {
  .terms-content h2 {font-size: 36px; line-height: 40px; margin-bottom: 20px;}
}

@media (max-width: 992px) {
  .section-terms {padding: 120px 0 100px;}
  .terms-content h2 {font-size: 30px; line-height: 1.1;}
}

@media (max-width: 768px) {
  .section-terms {padding: 90px 0 80px;}
  .terms-content h2 {font-size: 24px; line-height: 1.2;}
}