:root {
    --thm-font: 'Inter', sans-serif;
    --thm-font-2: 'Inter', sans-serif;
    --thm-gray: #757575;
    --thm-black: #1e1e2a;
    --thm-black-rgb: 30, 30, 42;
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

html, body {
    height: 100%;
}

body {
    color: var(--thm-gray);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--thm-font);
}

button:focus {
    outline: none;
}

button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--thm-black);
    font-weight: 700;
    line-height: 1.25em;
    font-family: var(--thm-font-2);
    margin: 0;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
a:hover {
    color: var(--thm-base);
}

.sp {
    padding: 150px 0;
}

.parallax-scene {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.fancybox-image, .fancybox-spaceball {
    border-radius: 10px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
}

img {
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
    padding: 5px 10px 5px;
}

.map-data a {
    color: #0b59d9;
    display: block;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}

i {
    font-style: normal;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol, li {
    margin: 0;
    padding: 0;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.btn-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-left: 45px;
    padding-right: 45px;
    background-color: var(--thm-base);
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: var(--thm-font-2);
    z-index: 2;
}

.btn-one:before {
    position: absolute;
    top: 115px;
    left: -50px;
    right: -50px;
    height: 170px;
    content: "";
    background: var(--thm-base-blue);
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px);
    border-radius: 50%;
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: 1;
}

.btn-one:hover:before {
    top: 0%;
    left: -70px;
    right: -70px;
}

.btn-one:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border: 2px solid var(--thm-base);
    border-radius: 10px;
    background-color: transparent;
    opacity: 1;
    transform: scaleX(1.0);
    webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: -1;
}

.btn-one:hover:after {
    transform: scaleX(0);
    webkit-transition-duration: 1500ms;
    transition-duration: 1500ms;
}

.btn-one.style2 {
    color: var(--thm-black);
}

.btn-one.style2:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.btn-one.style2:hover:after {
    transform: scaleX(0);
    webkit-transition-duration: 1500ms;
    transition-duration: 1500ms;
}

.btn-one.style2:before {
    background-color: var(--thm-black);
}

.btn-one .txt {
    position: relative;
    z-index: 1;
}

.btn-one:hover, .btn-one:focus {
}

.btn-two {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.btn-two:before {
    font-family: Fontawesome;
    content: "\f107";
    position: absolute;
    top: -2px;
    left: 0;
    font-weight: 400;
    font-size: 22px;
    transform: rotate(-135deg);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.btn-two:hover:before {
    transform: rotate(-90deg);
    top: 0;
}

.btn-two:hover {
    color: var(--thm-base);
}

.checked-box1 {
    position: relative;
    display: block;
    min-height: 40px;
}

.checked-box1 label {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    margin-right: 0px;
    margin-bottom: 0;
    color: #585858;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer;
    min-height: 40px;
    font-family: var(--thm-font);
}

.checked-box1 input[type="checkbox"] {
    display: none;
}

.checked-box1 input[type="checkbox"] + label span {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #dae5ec;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box1 label span:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    content: "";
    width: 30px;
    height: 30px;
    background: var(--thm-primary);
    border-radius: 50%;
    margin: 4px;
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box1 input[type="checkbox"]:checked + label span {
    border-color: #dae5ec;
}

.checked-box1 input[type="checkbox"]:checked + label span:before {
    transform: scale(1.0);
}

.checked-box2 {
    position: relative;
    display: block;
    min-height: 30px;
}

.checked-box2 label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0px;
    margin-bottom: 0;
    color: #757575;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    cursor: pointer;
    min-height: 30px;
    font-family: var(--thm-font);
}

.checked-box2 input[type="checkbox"] {
    display: none;
}

.checked-box2 input[type="checkbox"] + label span {
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box2 label span:before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    margin: 0px;
    color: var(--thm-base);
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checked-box2 input[type="checkbox"]:checked + label span {
    border-color: #dedede;
}

.checked-box2 input[type="checkbox"]:checked + label span:before {
    opacity: 1;
}

.thm-social-link1 {
    position: relative;
    display: block;
}

.thm-social-link1 ul {
    position: relative;
}

.thm-social-link1 ul li {
    position: relative;
    float: left;
    margin-right: 10px;
}

.thm-social-link1 ul li:last-child {
    margin-right: 0;
}

.thm-social-link1 ul li a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: var(--thm-base);
    border-radius: 50%;
    border: 2px solid var(--thm-base);
    color: #ffffff;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    z-index: 1;
    transition: all 500ms ease;
}

.thm-social-link1 ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--thm-black);
    content: "";
    border-radius: 50%;
    z-index: -1;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.thm-social-link1 ul li a:hover:before {
    transform: scaleX(1.0);
}

.thm-social-link1 ul li a:hover {
    color: #ffffff;
}

.thm-social-link2 {
    position: relative;
    display: block;
}

.thm-social-link2 ul {
    position: relative;
    overflow: hidden;
}

.thm-social-link2 ul li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.thm-social-link2 ul li:last-child {
    margin-right: 0;
}

.thm-social-link2 ul li a {
    position: relative;
    display: block;
    color: #909090;
    font-size: 16px;
    line-height: 30px;
    transition: all 500ms ease;
}

.thm-social-link2 ul li a:hover {
    color: var(--thm-primary);
}

.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.parallax-bg-one::before {
    background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.owl-theme .owl-prev span, .owl-theme .owl-next span {
}

.owl-nav-style-one {
}

.owl-nav-style-one .owl-controls {
}

.owl-nav-style-one.owl-theme .owl-stage-outer {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.owl-nav-style-one.owl-theme .owl-nav {
    position: relative;
    display: block;
    line-height: 0;
    z-index: 10;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 0%;
    margin: 0 0 0 0px;
    padding: 0;
    transition: all 700ms ease 0s;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
    content: "\f149";
    font-family: flaticon !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #ffffff;
    color: var(--thm-base);
    font-size: 18px;
    line-height: 56px;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {
    border-color: var(--thm-base);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] span {
    display: none;
}

.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
    transform: rotate(-270deg);
    margin-right: 10px;
}

.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
    transform: rotate(270deg);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: var(--thm-base);
}

.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {
    color: #ffffff
}

.owl-carousel.owl-dot-style1 .owl-dots {
    position: relative;
    text-align: center;
    line-height: 0;
    margin-top: 50px !important;
    display: block;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid #e0e0e0;
    margin: 0px 5px;
    padding: 0px;
    border-radius: 50%;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active {
    border-color: var(--thm-base);
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span {
}

.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active span {
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .1), 0 0 0 20px rgba(238, 238, 238, 0.3000);
    }
}

@keyframes pulse2 {
    50% {
        box-shadow: 0 0 0 5px rgba(255, 231, 1, .1), 0 0 0 20px rgba(255, 231, 1, 0.3000);
    }
}

.rating-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.rating-box ul {
    overflow: hidden;
}

.rating-box ul li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.rating-box ul li:last-child {
    margin-right: 0;
}

.rating-box ul li a {
    font-size: 20px;
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.boxed_wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden !important;
    background: #ffffff none repeat scroll 0 0;
    width: 100%;
    min-width: 320px;
}

.styled-pagination {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.styled-pagination.pdtop0 {
    padding-top: 0;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    margin-right: 6px;
}

.styled-pagination li:last-child {
    margin-right: 0;
}

.styled-pagination li.prev a {
    transform: rotate(0deg);
}

.styled-pagination li a span:before {
    font-size: 25px;
}

.styled-pagination li.prev a span.left {
    position: relative;
    top: 1px;
}

.styled-pagination li.next a span.right {
    position: relative;
    top: 2px;
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 0%;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: var(--thm-black);
    font-size: 18px;
    line-height: 53px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease;
    font-family: var(--thm-font-2);
    z-index: 1;
}

.styled-pagination li:hover a, .styled-pagination li.active a {
    color: #ffffff;
    border-color: var(--thm-base);
    background: var(--thm-base);
}

.styled-pagination li.prev a, .styled-pagination li.next a {
    color: var(--thm-base);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.styled-pagination li.prev a:hover, .styled-pagination li.next a:hover {
    color: #ffffff;
}

.serach-button-style1 {
    position: relative;
    display: block;
}

.serach-button-style1 .search-toggler {
    position: relative;
    display: block;
    width: 25px;
    height: 24px;
    background: transparent;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 500ms ease;
}

.serach-button-style1 .search-toggler:hover {
    color: var(--thm-black);
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}

.search-popup .overlay-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
}

.search-popup .close-search {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    transition: all 500ms ease;
}

.search-popup .search-form {
    position: relative;
    padding: 0px 15px 0px;
    max-width: 1024px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 100px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    z-index: 10;
}

.search-popup.popup-visible .search-form {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: all 500ms ease 500ms;
    -moz-transition: all 900ms ease 500ms;
    -webkit-transition: all 900ms ease 500ms;
    -ms-transition: all 900ms ease 500ms;
    -o-transition: all 900ms ease 500ms;
}

.search-popup .search-form .form-group {
    margin-bottom: 30px;
}

.search-popup .search-form fieldset {
    position: relative;
    border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"] {
    position: relative;
    height: 70px;
    padding: 20px 250px 20px 30px;
    background: #ffffff;
    line-height: 30px;
    font-size: 24px;
    color: #233145;
    border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    text-align: center;
    width: 220px;
    height: 70px;
    padding: 20px 10px 20px 10px;
    color: #ffffff !important;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0px 7px 7px 0px;
    background: var(--thm-base);
}

.search-popup .search-form fieldset input[type="submit"]:hover {
    transform: translateY(0px);
}

.search-popup h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-align: center;
}

.search-popup .recent-searches {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.search-popup .recent-searches li {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
    display: block;
    line-height: 24px;
    border: 1px solid #ffffff;
    padding: 7px 15px;
    color: #ffffff;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-popup .recent-searches li a:hover {
    border-color: var(--thm-primary);
    background-color: var(--thm-primary);
}

.switcher {
    position: fixed;
    top: 320px;
    z-index: 99;
}

.switcher .switch_btn {
    position: absolute;
    top: 0px;
    right: -50px;
    z-index: -1;
}

.switcher .switch_btn button {
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 50px;
    cursor: pointer;
    border-radius: 0;
    margin-left: 0;
    transition: all 500ms ease;
    background: rgba(0, 0, 0, 0.90);
}

.switcher .switch_menu {
    position: absolute;
    width: 220px;
    height: 30px;
    background: transparent;
    display: none;
    top: 0px;
    left: 60px;
    bottom: 0;
    margin: 10px 0;
}

.switcher #styleOptions li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 3px;
}

.switcher #styleOptions li:last-child {
    margin-right: 0;
}

.switcher #styleOptions li a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
}

.switcher #styleOptions li a.blue-color {
    background: #1266e3;
}

.switcher #styleOptions li a.pink-color {
    background: #e70887;
}

.switcher #styleOptions li a.violet-color {
    background: #6936d8;
}

.switcher #styleOptions li a.crimson-color {
    background: #ba0913;
}

.switcher #styleOptions li a.orange-color {
    background: #FFA500;
}

.switcher #styleOptions li a.green-color {
    background: #95c41f;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/preloader.svg);
}

.preloader-close {
    position: fixed;
    z-index: 999999;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    right: 0;
    bottom: 0;
    font-weight: 600;
    background-color: var(--thm-black);
}

.loader-wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.loader-wrap .layer-one {
    position: absolute;
    left: 0%;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden;
}

.loader-wrap .layer-two {
    position: absolute;
    left: 33.3333%;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden;
}

.loader-wrap .layer-three {
    position: absolute;
    left: 66.6666%;
    top: 0;
    width: 33.3333%;
    height: 100%;
    overflow: hidden;
}

.loader-wrap .layer .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--thm-base);
}

.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: var(--thm-base);
    border-radius: 0%;
    font-size: 20px;
    line-height: 56px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 999999999;
}

.scroll-top span {
}

.scroll-top:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    z-index: -1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
    color: #ffffff;
    background-color: var(--thm-black);
    border-color: var(--thm-black);
}

.scroll-top.style2 {
    position: absolute;
    left: 0;
    top: -20px;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #0098ff;
    border: none;
    text-align: center;
    animation: auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}

input:focus, textarea:focus, select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error {
    border-color: red;
}

#contact-form input[type="email"].error {
    border-color: red;
}

#contact-form select.error {
    border-color: red;
}

#contact-form textarea.error {
    border-color: red;
}

.overlay-style-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(218, 60, 34, 0.80);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 1;
}

.overlay-style-one .box {
    display: table;
    height: 100%;
    width: 100%;
}

.overlay-style-one .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.overlay-style-one .box .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.overlay-style-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}

.overlay-style-two:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background-color: rgba(18, 18, 18, 0.90);
}

.overlay-style-two:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 0.5s;
    background-color: rgba(18, 18, 18, 0.90);
}

.review-box {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
}

.review-box > ul {
    display: block;
    overflow: hidden;
}

.review-box > ul > li {
    display: inline-block;
    float: left;
    margin-right: 4px;
}

.review-box > ul > li:last-child {
    margin-right: 0px;
}

.review-box > ul > li > i {
    position: relative;
    display: inline-block;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.review-box > ul > li:hover > i {
    color: var(--thm-base);
}

@keyframes menu_sticky {
    0% {
        margin-top: -90px;
    }
    50% {
        margin-top: -74px;
    }
    100% {
        margin-top: 0;
    }
}

.nav-outer .mobile-nav-toggler {
    position: relative;
    display: none;
    float: right;
    cursor: pointer;
    padding: 30px 0;
}

.nav-outer.style1 .mobile-nav-toggler {
    padding: 20px 0 20px;
}

.nav-outer.style2 .mobile-nav-toggler {
    padding: 16px 0;
}

.nav-outer.style3 .mobile-nav-toggler {
    padding: 45px 0;
}

.nav-outer .mobile-nav-toggler .inner {
    position: relative;
    display: block;
    padding: 3px 5px;
    background: var(--thm-base);
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    padding-right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 16, 32, 0.90);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: 1;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.70;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.mobile-menu .navbar-collapse {
    display: block !important;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left;
}

.mobile-menu .nav-logo a {
    position: relative;
    display: inline-block;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #000000;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
    color: var(--thm-base);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

.mobile-menu .navigation li {
    width: 100%;
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li > ul > li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li > a, .mobile-menu .navigation li > span {
    position: relative;
    display: block;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li > a:before, .mobile-menu .navigation li > span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-left: 5px solid var(--thm-primary);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li.current > a:before {
    height: 100%;
}

.mobile-menu .navigation li.current > a, .mobile-menu .navigation li > a:hover, .mobile-menu .navigation li > span:hover {
    color: var(--thm-base);
}

.mobile-menu .navigation li ul li > a {
    font-size: 15px;
    font-weight: 400;
    margin-left: 20px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul, .mobile-menu .navigation > li.dropdown > .megamenu {
    display: none;
}

.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 50px 15px;
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 1px 10px;
}

.mobile-menu .social-links li a {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 50%;
    background: var(--thm-base);
    color: #ffffff;
    font-size: 16px;
    line-height: 41px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover {
    color: var(--thm-base);
    background-color: #ffffff;
}

.xs-sidebar-group .xs-overlay {
    left: 0%;
    top: 0;
    position: fixed;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    cursor: url(../images/icon/cross-out.png), pointer;
    z-index: 99999999;
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: .8;
    visibility: visible;
    transition-delay: 0.3s;
    right: 100%;
    background-color: #000000;
}

.xs-sidebar-widget {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 365px;
    background-color: var(--thm-base-blue);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 700ms ease 100ms;
    visibility: hidden;
    opacity: 1;
    z-index: 999999999;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    left: 0;
    transition: all 500ms ease 800ms;
}

.sidebar-textwidget {
    padding: 70px 30px;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 300ms ease 100ms;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 700ms ease 1500ms;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 0;
    background-color: #000000;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}

.xs-sidebar-group .widget-heading a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.xs-sidebar-group .widget-heading a:hover {
    color: var(--thm-base);
    border-color: var(--thn-base);
}

.xs-sidebar-group .content-inner .logo {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.xs-sidebar-group .content-inner .logo a {
    position: relative;
    display: inline-block;
}

.xs-sidebar-group .content-inner span.title {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

.xs-sidebar-group .content-inner span.title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--thm-base);
}

.xs-sidebar-group .content-inner .content-box {
    margin-bottom: 30px;
    padding-right: 15px;
}

.xs-sidebar-group .content-inner .content-box .inner-text {
    position: relative;
    display: block;
    padding-top: 2px;
}

.xs-sidebar-group .content-inner .content-box p {
    color: #b0b0bd;
    margin: 0;
}

.xs-sidebar-group .content-inner .form-inner .form-group {
    position: relative;
    margin-bottom: 20px;
}

.xs-sidebar-group .content-inner .form-inner .form-group:last-child {
    margin-bottom: 0px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'], .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'], .xs-sidebar-group .content-inner .form-inner .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    padding: 10px 20px;
    color: #848484;
    transition: all 500ms ease;
}

.xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one {
}

.xs-sidebar-group .content-inner .form-inner .form-group .theme-btn-one:hover {
}

.xs-sidebar-group .content-inner .form-inner .form-group textarea {
    resize: none;
    height: 120px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus, .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
    border-color: #00224f;
}

.sidebar-contact-info {
    position: relative;
    display: block;
    padding-top: 43px;
}

.sidebar-contact-info h3 {
}

.sidebar-contact-info ul {
    position: relative;
    display: block;
    padding-bottom: 22px;
}

.sidebar-contact-info ul li {
    position: relative;
    display: block;
    color: #b0b0bd;
    line-height: 30px;
}

.sidebar-contact-info ul li span {
    position: relative;
    display: inline-block;
    width: 25px;
}

.sidebar-contact-info ul li span:before {
    position: relative;
    display: inline-block;
    color: var(--thm-base);
}

.sidebar-contact-info ul li a {
    color: #b0b0bd;
}

.xs-sidebar-group .content-inner .thm-social-link1 {
    overflow: hidden;
}

.sec-title {
    position: relative;
    display: block;
    margin-top: -3px;
    padding-bottom: 50px;
}

.sec-title.center .sub-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-title .sub-title {
    position: relative;
    display: block;
    padding-bottom: 13px;
}

.sec-title .sub-title h6, .sec-title .sub-title h2 {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--thm-base);
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-family: var(--thm-font-2);
}

.sec-title .sub-title .border-left {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    background: var(--thm-base);
    margin-right: 10px;
    border-left: none !important;
}

.sec-title .sub-title .border-right {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    background: var(--thm-base);
    margin-left: 10px;
    border-right: none !important;
}

.sec-title h2 {
    font-size: 48px;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: none;
}

.video-holder-box1 {
    position: absolute;
    bottom: 70px;
    left: -175px;
    width: 250px;
    height: 290px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 20px 40px 0px rgba(86, 20, 19, 0.05);
}

.video-holder-box1 .icon {
    position: relative;
    display: block;
}

.video-holder-box1 .icon a {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    background: #ffffff;
    border-radius: 50%;
    border: 15px solid var(--thm-primary);
    border-radius: 50%;
}

.video-holder-box1 .icon a:before {
    position: absolute;
    content: '';
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border-radius: 50%;
    background: rgba(54, 124, 232, 0.0);
    z-index: -1;
    -webkit-animation: ripple2 1s infinite;
    animation: ripple2 3s infinite;
}

.video-holder-box1 .icon a span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #172746;
    font-size: 25px;
    line-height: 90px;
    text-align: center;
}

.video-holder-box1 .title {
    position: relative;
    display: block;
    padding-top: 25px;
}

.video-holder-box1 .title h4 {
    color: #252628;
    font-size: 20px;
    line-height: 26px;
}

.features-style1-area {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 100px 0;
    z-index: 1;
}

.features-style1-area .pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--thm-base-blue);
    background-repeat: repeat;
    z-index: -1;
}

.features-style1-area .features-box .row {
    margin-left: 0px;
    margin-right: 0px;
    counter-reset: count;
}

.features-style1-area .features-box .row [class*=col-] {
    padding-left: 0px;
    padding-right: 0px;
}

.single-features-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--thm-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.single-features-style1 {
    border-left: 1px solid rgba(28, 28, 39, 0.10);;
}

.single-features-style1.first-child {
    border-left: none;
}

.single-features-style1__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    opacity: 0;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
}

.single-features-style1__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--thm-base-blue);
    opacity: 0.92;
}

.single-features-style1:hover .single-features-style1__bg {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.single-features-style1 .counting-box {
    position: relative;
    display: block;
    height: 75px;
    z-index: 2;
}

.single-features-style1 .counting-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    border-top: 75px solid rgba(28, 28, 39, 0.10);
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    z-index: -1;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: all;
}

.single-features-style1:hover .counting-box:before {
    border-top-color: var(--thm-base);
}

.single-features-style1 .counting-box:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    counter-increment: count;
    content: "0" counter(count);
    transition: all 100ms linear;
    transition-delay: 0.1s;
    font-family: var(--thm-font-2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-features-style1 .inner {
    position: relative;
    display: block;
    padding: 50px 0px 42px;
}

.single-features-style1 .inner .static-content {
    position: relative;
    display: block;
    transition: all 500ms ease;
    transform: translateY(0%);
}

.single-features-style1:hover .inner .static-content {
    opacity: 0;
    transform: translateY(-100px);
    transition-delay: 500ms;
}

.single-features-style1 .inner .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 33px 30px 40px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 500ms ease;
}

.single-features-style1:hover .inner .overlay-content {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.single-features-style1 .inner .icon {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.single-features-style1 .inner .icon span:before {
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
}

.single-features-style1 .inner h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.single-features-style1 .inner p {
    color: #afafbc;
    margin: 14px 0 0;
}

.single-features-style1 .button-box {
    position: relative;
    display: block;
    height: 75px;
    padding-top: 20px;
    z-index: 1;
}

.single-features-style1 .button-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 75px solid rgba(28, 28, 39, 0.10);
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    z-index: -1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-features-style1:hover .button-box::before {
    border-bottom-color: var(--thm-base);
}

.single-features-style1 .button-box a {
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
}

.single-features-style1 .button-box a span::before {
    position: relative;
    display: inline-block;
    top: -4px;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    padding-right: 10px;
    transform: rotate(-45deg);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-features-style1:hover .button-box a span::before {
    transform: rotate(0deg);
    top: 1px;
}

.project-style1-area {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    background: #ffffff;
}

.project-style1-area.pdb120 {
    padding-bottom: 120px;
}

.project-top-title {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 49px;
}

.project-style1-area .sec-title {
    padding-bottom: 0;
}

.project-style1__button {
    position: relative;
    display: block;
    line-height: 0;
    padding-bottom: 11px;
}

.project-style1-area .auto-container {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.project-menu-box {
    position: relative;
    display: block;
    padding-bottom: 11px;
}

.project-filter {
    position: relative;
    display: block;
    z-index: 1;
}

.project-filter li {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 8px;
}

.project-filter li .filter-text {
    position: relative;
    display: block;
    padding: 10px 20px 10px;
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    background: #fff;
    cursor: pointer;
    transition: all .4s ease;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    font-family: var(--thm-font-2);
    z-index: 1;
}

.project-filter li .filter-text:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    background: var(--thm-base);
    border-radius: 0px;
    transform: scaleX(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.project-filter li:hover .filter-text:before, .project-filter li.active .filter-text:before {
    transform: scaleX(1.0);
}

.project-filter li:hover .filter-text, .project-filter li.active .filter-text {
    color: #ffffff;
}

.project-filter li .count {
    position: absolute;
    display: block;
    width: 25px;
    height: 12px;
    text-align: center;
    top: -12px;
    left: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--thm-font-2);
    transform: perspective(400px) rotateX(90deg) scaleY(0.1);
    transform-origin: bottom;
    transition-delay: .2s;
    transition-timing-function: ease-in-out;
    transition-duration: .6s;
    transition-property: all;
    opacity: 1;
    z-index: 1;
}

.project-filter li:hover .count, .project-filter li.active .count {
    opacity: 1.0;
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.project-filter li .count::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--thm-base);
    content: "";
    z-index: -1;
}

.project-filter li .count::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -10px;
    z-index: -1;
    border-bottom: 12px solid rgba(var(--thm-base-rgb), .80);
    border-right: 10px solid transparent;
}

.single-project-item {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.single-project-item.style2 .overlay-content {
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
}

.single-project-item .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-project-item .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 2;
}

.single-project-item .img-holder img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: 35%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease;
}

.single-project-item:hover .img-holder img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05) rotate(1deg);
    width: 110%;
}

.single-project-item .overlay-content {
    position: absolute;
    top: 40px;
    left: 40px;
    bottom: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    background: rgba(var(--thm-base-blue-rgb), .94);
    padding: 0 35px;
    overflow: hidden;
    z-index: 5;
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}

.single-project-item:hover .overlay-content {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.single-project-item .overlay-content p {
    color: var(--thm-base);
    line-height: 28px;
    margin: 0;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 700ms ease;
}

.single-project-item:hover .overlay-content p {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 700ms;
}

.single-project-item .overlay-content span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 8px 0 0;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 700ms ease;
}

.single-project-item:hover .overlay-content span {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.single-project-item .overlay-content span a {
    color: #ffffff;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-item .overlay-content span a:hover {
    color: var(--thm-base);
}

.single-project-item .overlay-content .border-box {
    position: relative;
    display: block;
    max-width: 290px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    margin-top: 23px;
    transform: scaleX(0);
    transition: all 700ms ease;
}

.single-project-item:hover .overlay-content .border-box {
    transform: scaleX(1.0);
    transition-delay: 700ms;
}

.single-project-item .overlay-content ul {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 40px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 700ms ease;
}

.single-project-item:hover .overlay-content ul {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 900ms;
}

.single-project-item .overlay-content ul li {
    position: relative;
    display: inline-block;
    margin: 0 3.5px;
}

.single-project-item .overlay-content ul li a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-item .overlay-content ul li a:hover {
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.project-style2-btn-box {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 30px;
    text-align: center;
}

.project-style2-area {
    position: relative;
    display: block;
    padding: 80px 0px 90px;
    z-index: 10;
}

.project-style2-area .auto-container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.single-project-item-style2 {
    position: relative;
    display: block;
    margin-bottom: 30px;
    z-index: 5;
}

.single-project-item-style2 .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-project-item-style2 .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.single-project-item-style2 .img-holder img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 1500ms ease;
}

.single-project-item-style2:hover .img-holder img {
    transform: scale(1.2) rotate(1deg);
}

.single-project-item-style2 .overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    background: rgba(var(--thm-black-rgb), .90);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 5;
}

.single-project-item-style2:hover .overlay-content {
    opacity: 1;
}

.single-project-item-style2 .overlay-content a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 20px;
    opacity: 0;
    transform: translateY(100px) rotate(90deg);
    transition: all 0.1s ease-in-out 0.4s;
}

.single-project-item-style2:hover .overlay-content a {
    opacity: 1;
    transform: translateY(0px) rotate(0deg);
    transition: all 0.5s ease-in-out 0.5s;
}

.single-project-item-style2 .overlay-content a:hover {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
    transition: all 0.1s ease-in-out 0.1s;
}

.single-project-item-style2 .text-holder {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 23px 40px 23px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.single-project-item-style2 .text-holder .pattern-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0px;
    background-color: #ffffff;
    background-repeat: repeat;
    z-index: -1;
}

.single-project-item-style2 .text-holder .left {
    position: relative;
    display: block;
}

.single-project-item-style2 .text-holder .left p {
    color: var(--thm-base);
    line-height: 20px;
    margin: 0;
    transition: all 700ms ease;
}

.single-project-item-style2 .text-holder .left h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 11px 0 0;
    transition: all 700ms ease;
}

.single-project-item-style2 .text-holder .left h3 a {
    color: var(--thm-black);
}

.single-project-item-style2 .text-holder .right {
    position: relative;
    display: block;
}

.single-project-item-style2 .text-holder .right a {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid var(--thm-base);
    color: var(--thm-base);
    font-size: 20px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-project-item-style2 .text-holder .right a:hover {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.project-page-one {
    position: relative;
    display: block;
    padding: 132px 0px 120px;
    background: #ffffff;
}

.project-page-one .project-menu-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 60px;
}

.project-page-two {
    position: relative;
    display: block;
    padding: 100px 0px 90px;
    background: #ffffff;
}

.project-page-two .project-menu-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 60px;
}

.project-page-two .single-project-item {
    padding-bottom: 10px;
}

.single-project-item .img-holder .static-content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    background: #ffffff;
    padding-top: 20px;
    transform: translate3d(0px, 0%, 0px);
    transition: all 300ms linear;
    transition-delay: 0.1s;
    z-index: 10;
}

.single-project-item:hover .img-holder .static-content {
    transform: translate3d(0px, 100%, 0px);
    transition: all 700ms linear;
}

.single-project-item .img-holder .static-content p {
    color: #757575;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 4px;
}

.single-project-item .img-holder .static-content h3 {
    position: relative;
    display: inline-block;
    bottom: -6px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.single-project-item .img-holder .static-content h3 a {
    color: var(--thm-black);
}

.project-page-two .project-style2-btn-box {
    padding-top: 10px;
}

.project-page-four {
    position: relative;
    display: block;
    padding: 132px 0px 120px;
    background: #ffffff;
}

.project-page-four .project-menu-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 60px;
}

.project-page-four .auto-container {
    max-width: 100%;
    padding: 0 60px;
}

.video-gallery-style1-area {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.video-gallery-style1-area__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
}

.video-gallery-style1-area .pattern-bg {
    position: absolute;
    display: block;
    top: 0;
    left: -1000000px;
    bottom: 0;
    right: 50%;
    background-repeat: repeat;
    background-color: var(--thm-base);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    transform: skew(0deg, 0deg);
}

.video-gallery-style1-area .pattern-bg-2 {
    position: absolute;
    top: 60px;
    left: 0px;
    bottom: 0;
    right: 47%;
    background-repeat: repeat;
    background-color: var(--thm-base);
    z-index: -1;
    transform: skew(0deg, 0deg);
}

.video-gallery-style1-area .pattern-bg-3 {
    position: absolute;
    top: 140px;
    right: 0px;
    bottom: 0;
    width: 22%;
    background-repeat: repeat;
    background-color: var(--thm-base);
    z-index: -1;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.video-gallery-style1_content {
    position: relative;
    display: block;
    padding-top: 120px;
    padding-bottom: 110px;
    z-index: 2;
}

.video-gallery-style1_content .inner-box {
    position: relative;
    display: block;
    max-width: 520px;
    width: 100%;
}

.video-gallery-style1_content .inner-box .sec-title {
    padding-bottom: 21px;
}

.video-gallery-style1_content .inner-box .sec-title .sub-title h6 {
    color: #ffffff;
}

.video-gallery-style1_content .inner-box .sec-title .sub-title .border-left {
    background: #ffffff;
}

.video-gallery-style1_content .inner-box .sec-title h2 {
    color: #ffffff;
}

.video-gallery-style1_content .inner-box .text {
    position: relative;
    display: block;
    padding-bottom: 5px;
}

.video-gallery-style1_content .inner-box .text p {
    color: #ffffff;
}

.video-gallery-style1_content .inner-box ul {
}

.video-gallery-style1_content .inner-box ul li {
    position: relative;
    display: block;
    padding-left: 30px;
    color: #ffffff;
    line-height: 36px;
}

.video-gallery-style1_content .inner-box ul li:before {
    content: "\f11b";
    font-family: flaticon !important;
    position: absolute;
    left: 0;
}

.video-gallery-style1__video-holder {
    position: absolute;
    top: 0;
    right: 100px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.video-gallery-style1__video-holder .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 2px solid #ffffff;
}

.video-gallery-style1__video-holder .icon:before {
    position: absolute;
    content: '';
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    background: rgba(0, 0, 0, 0.05);
    z-index: -1;
    display: none;
}

.video-gallery-style1__video-holder .icon:before {
    -webkit-box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);
    box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);
    -webkit-animation: ripple 1s infinite;
    animation: ripple 3s infinite
}

.video-gallery-style1__video-holder .icon .video-popup {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 25px;
    line-height: 76px;
    text-align: center;
}

.video-gallery-style1__video-holder .icon .video-popup span::before {
}

.video-gallery-style1__video-holder h4 {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 26px 0 0;
}

.working-process-area {
    position: relative;
    display: block;
    padding: 100px 0 100px;
    z-index: 1;
}

.working-process-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    counter-reset: count;
}

.single-working-process {
    position: relative;
    display: block;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 100%;
    text-align: center;
    padding: 0px 50px 0px;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.single-working-process:last-child {
    border-right: none;
}

.single-working-process .img-holder {
    position: relative;
    display: block;
    width: 230px;
    height: 230px;
    margin: 0 auto;
    border: 2px solid var(--thm-base);
    border-radius: 50%;
    padding: 13px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.single-working-process .img-holder .inner {
    position: relative;
    display: block;
    border-radius: 50%;
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.single-working-process:hover .img-holder .inner {
    border-color: rgba(var(--thm-black-rgb), .10);
}

.single-working-process .img-holder .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: var(--thm-base);
    opacity: 0;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    z-index: 2;
}

.single-working-process:hover .img-holder .inner:before {
    opacity: 0.70;
}

.single-working-process .img-holder .inner img {
    width: 100%;
    border-radius: 50%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.single-working-process:hover .img-holder .inner img {
    transform: scale(1.0) rotate(5deg);
}

.single-working-process .counting-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-working-process .counting-box .count {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
}

.single-working-process:hover .counting-box .count {
    transform: perspective(400px) scale(0);
}

.single-working-process .counting-box .count:before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: var(--thm-base-3);
    -webkit-text-stroke: 1px #ffffff;
    font-size: 90px;
    line-height: 1em;
    font-weight: 700;
    counter-increment: count;
    content: "0" counter(count);
    transition: all 100ms linear;
    transition-delay: 0.1s;
    font-family: var(--thm-font-2);
}

.single-working-process .text-holder {
    position: relative;
    display: block;
    padding-top: 26px;
}

.single-working-process .text-holder span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.single-working-process .text-holder p {
    margin: 0;
}

.single-working-process .text-holder .btn-box {
    position: relative;
    display: block;
    padding-top: 15px;
}

.single-working-process .arrow-icon {
    position: absolute;
    top: 100px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: var(--thm-base);
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    z-index: 2;
}

.contact-info-style1-area {
    position: relative;
    display: block;
    padding: 100px 0 100px;
    z-index: 1;
}

.contact-info-area__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
}

.contact-info__box {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
    background: var(--thm-base-blue);
    padding: 60px 50px 60px;
    text-align: center;
}

.contact-info__box .sec-title {
    padding-bottom: 16px;
}

.contact-info__box .contact-info__box-phone {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    margin: 0 0 14px;
}

.contact-info__box .contact-info__box-phone a {
    color: #ffffff;
}

.contact-info__box p {
    color: #afafbc;
    margin: 0;
}

.contact-info__box .btn-box {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 34px;
}

.contact-info__box .btn-box .btn-one {
    color: var(--thm-black);
}

.contact-info__box .btn-box .btn-one:hover {
    color: #ffffff;
}

.contact-info__box .btn-box .btn-one:after {
    background: #ffffff;
    border: 2px solid #ffffff
}

.contact-info__box .btn-box .btn-one:before {
    background: var(--thm-base);
}

.choose-style1-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.choose-style1-area-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: -1;
}

.choose-style1-area .pattern-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    width: 70%;
    background-repeat: repeat;
    background-position: center;
    background-color: var(--thm-base);
    z-index: -1;
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);
}

.choose-style1__content {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 970px;
    width: 100%;
    float: right;
    background: rgba(var(--thm-black-rgb), 1.0);
    padding: 80px 60px 80px;
    z-index: 1;
}

.choose-style1__content-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    opacity: 0.04;
    z-index: -1;
}

.choose-style1__content .border-left-box {
    position: absolute;
    top: 80px;
    left: 0;
    bottom: 80px;
    width: 5px;
    background: var(--thm-base);
}

.choose-style1__content .sec-title {
    padding-bottom: 21px;
}

.choose-style1__content .sec-title h2 {
    color: #ffffff;
}

.choose-style1__content .inner-content {
    position: relative;
    display: block;
}

.choose-style1__content .inner-content .text {
    position: relative;
    display: block;
    padding-bottom: 44px;
}

.choose-style1__content .inner-content .text p {
    color: #b4bdc5;
    margin: 0;
}

.choose-style1__content .inner-content ul {
    position: relative;
    display: block;
    width: 100%;
}

.choose-style1__content .inner-content ul li {
    position: relative;
    display: block;
    float: left;
    width: 25%;
}

.choose-style1__content .inner-content ul li + li {
    padding-left: 30px;
}

.choose-style1__content .inner-content ul li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #ffffff;
    opacity: 0.10;
}

.choose-style1__content .inner-content ul li:last-child:before {
    display: none;
}

.choose-style1__content .inner-content ul li .icon {
    position: relative;
    display: block;
    padding-bottom: 22px;
}

.choose-style1__content .inner-content ul li .icon span {
    position: relative;
    display: block;
    line-height: 0px;
}

.choose-style1__content .inner-content ul li .icon span:before {
    color: var(--thm-base);
    font-size: 50px;
    line-height: 50px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.choose-style1__content .inner-content ul li:hover .icon span:before {
}

.choose-style1__content .inner-content ul li .inner-title {
    position: relative;
    display: block;
}

.choose-style1__content .inner-content ul li .inner-title h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 8px;
}

.choose-style1__content .inner-content ul li .inner-title p {
    color: #b4bdc5;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
}

.choose-style2-area {
    position: relative;
    display: block;
    padding-bottom: 120px;
    z-index: 1;
}

.choose-style2-area.pd120-0-90 {
    padding: 120px 0 90px;
}

.choose-style2-area-bg {
    position: absolute;
    top: -420px;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    filter: grayscale(100%);
    z-index: -1;
}

.choose-style2-area-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #f5f5f5;
    opacity: 0.90;
    z-index: -1;
}

.single-choose-box {
    position: relative;
    display: block;
    padding-top: 20px;
    padding-left: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.single-choose-box.mar-b-30 {
    margin-bottom: 30px;
}

.single-choose-box:hover {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.single-choose-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 20px;
    border: 1px solid var(--thm-base);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.single-choose-box:hover:before {
    top: 20px;
    left: 20px;
    bottom: 0px;
    right: 0px;
}

.single-choose-box .inner {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 40px 30px 32px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}

.single-choose-box .inner .icon {
    position: absolute;
    top: 30px;
    right: 30px;
}

.single-choose-box .inner .icon span:before {
    color: transparent;
    font-size: 80px;
    line-height: 80px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(221 221 221 / 1.0);
    transition: all 300ms ease 100ms;
}

.single-choose-box:hover .inner .icon span:before {
    -webkit-text-stroke-color: rgba(var(--thm-base-rgb), 1.0);
}

.single-choose-box .inner .counting-box {
    position: relative;
    display: block;
    width: 110px;
    height: 50px;
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    font-family: var(--thm-font-2);
    z-index: 1;
}

.single-choose-box .inner .counting-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    right: 20px;
    background: var(--thm-base);
    -moz-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    -o-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);
    transition: all 900ms ease 100ms;
    z-index: -1;
}

.single-choose-box:hover .inner .counting-box::after {
    -moz-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    -o-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
}

.single-choose-box .inner .text {
    position: relative;
    display: block;
    padding-top: 28px;
}

.single-choose-box .inner .text h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 9px;
}

.single-choose-box .inner .text p {
    margin: 0;
}

.single-choose-box .inner .text .btn-box {
    position: relative;
    display: block;
    margin-top: 19px;
}

.choose-carousel.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    top: -120px;
    right: 0;
}

.choose-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: var(--thm-base);
}

.choose-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover:before {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.pricing-plan-area {
    position: relative;
    display: block;
    padding: 120px 0 80px;
    z-index: 1;
}

.single-price-box {
    position: relative;
    display: block;
    transform: translate3d(0px, 0px, 0px);
    transition: all 500ms ease;
    transition-delay: 0.5s;
    max-width: 270px;
    width: 100%;
    margin: 0 auto 40px;
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.single-price-box:hover {
    box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.2);
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out 0.1s;
}

.single-price-box .table-header {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 20px 0;
    margin-bottom: 10px;
}

.single-price-box .table-header .dot-left {
    position: absolute;
    top: 31px;
    left: 30px;
    width: 7px;
    height: 7px;
    background: var(--thm-base);
}

.single-price-box .table-header .dot-right {
    position: absolute;
    top: 31px;
    right: 30px;
    width: 7px;
    height: 7px;
    background: var(--thm-base);
}

.single-price-box .table-header h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 400ms linear;
    transition-delay: 0.1s;
}

.single-price-box .table-content {
    position: relative;
    display: block;
    padding-bottom: 40px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.single-price-box .package {
    position: relative;
    display: block;
    height: 190px;
    padding-top: 31px;
    z-index: 1;
}

.single-price-box .package .package-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -28px;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.single-price-box .package:before {
    content: "";
    position: absolute;
    top: 110px;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: 80px solid #ffffff;
    border-left: 135px solid transparent;
    border-right: 135px solid transparent;
    z-index: -1;
}

.single-price-box .package:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 110px;
    background: #ffffff;
    z-index: -1;
}

.single-price-box .package h2 {
    color: var(--thm-base);
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    margin: 0 0 5px;
    transition: all 400ms linear;
    transition-delay: 0.1s;
}

.single-price-box .package span {
    font-weight: 400;
}

.single-price-box .price-list {
    position: relative;
    display: block;
    padding: 0 40px;
    margin-top: 27px;
}

.single-price-box .price-list ul {
    position: relative;
    display: block;
}

.single-price-box .price-list ul li {
    color: #757575;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 11px;
    transition: all 400ms linear;
    transition-delay: 0.1s;
}

.single-price-box .price-list ul li:last-child {
    margin-bottom: 0;
}

.single-price-box .price-list ul li span {
    font-weight: 600;
}

.single-price-box .price-list ul li.gray {
    color: #b0afaf;
}

.single-price-box .table-footer {
    position: relative;
    display: block;
    line-height: 0;
    padding: 0 40px;
    margin-top: 29px;
}

.single-price-box .table-footer .btn-one {
    display: block;
}

.single-price-box.style2 .package:after {
    background: var(--thm-black);
}

.single-price-box.style2 .package:before {
    border-top: 80px solid var(--thm-black);
}

.single-price-box.style2 .package span {
    color: #b4bdc5;
}

.single-price-box.style3 .package:after {
    background: var(--thm-base);
}

.single-price-box.style3 .package:before {
    border-top: 80px solid var(--thm-base);
}

.single-price-box.style3 .package h2 {
    color: #ffffff;
}

.single-price-box.style3 .package span {
    color: #ffffff;
}

.contact-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
    z-index: 1;
}

.contact-style1-area:before {
    content: "";
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
    z-index: -1;
}

.contact-style1-area .auto-container {
    max-width: 1320px;
}

.contact-style1_inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
    z-index: 1;
}

.contact-style1_inner-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
}

.contact-style1_inner-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 18%;
    background-color: rgba(var(--thm-black-rgb), .90);
    -webkit-clip-path: polygon(0 0, 46% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 46% 0, 100% 100%, 0% 100%);
}

.contact-style1_inner .base-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    width: 70%;
    background-color: var(--thm-base);
    opacity: 0.90;
    z-index: -1;
    -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);
    clip-path: polygon(11% 0, 100% 0, 100% 100%, 73% 100%);
}

.contact-style1_inner .people1 {
    position: absolute;
    right: 300px;
    bottom: 0;
}

.contact-style1_inner .people2 {
    position: absolute;
    right: 60px;
    bottom: 0;
}

.contact-form-box1 {
    position: relative;
    display: block;
}

.contact-form-box1 .sec-title {
    padding-bottom: 30px;
}

.contact-form-box1 .sec-title h2 {
    color: #fff;
}

.contact-form-box1 form {
    position: relative;
    display: block;
}

.contact-form-box1 form .input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.contact-form-box1 form input[type="text"], .contact-form-box1 form input[type="email"], .contact-form-box1 form textarea {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #ffffff;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}

.contact-form-box1 form input[type="text"]:focus {
    color: #171717;
    border-color: #fff;
}

.contact-form-box1 form input[type="text"]::-webkit-input-placeholder {
    color: #757575;
}

.contact-form-box1 form input[type="text"]:-moz-placeholder {
    color: #757575;
}

.contact-form-box1 form input[type="text"]::-moz-placeholder {
    color: #757575;
}

.contact-form-box1 form input[type="text"]:-ms-input-placeholder {
    color: #757575;
}

.contact-form-box1 form .select-box {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
}

.nice-select {
    height: 60px;
    line-height: 58px;
    background: #f3f3f3;
    border: 1px solid !important;
    font-family: var(--thm-font);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    padding-left: 20px;
    padding-right: 40px;
}

.nice-select:after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #757575;
    border-right: 2px solid #757575;
    right: 5px;
    margin-top: 0px;
    top: 23px;
    z-index: 10;
}

.contact-form-box1 form .button-box {
    position: relative;
    display: block;
}

.highlights-area {
    position: relative;
    display: block;
}

.highlights__content {
    position: relative;
    display: block;
    background: #f5f5f5;
    border: 4px solid #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    margin-top: -45px;
    z-index: 10;
}

.highlights__content ul {
    position: relative;
    display: flex;
    align-items: center;
    counter-reset: count;
}

.single-highlights-box {
    position: relative;
    max-width: 33.333333%;
    width: 100%;
    padding: 18px 30px 18px;
    z-index: 1;
}

.single-highlights-box:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0px;
    background: var(--thm-black);
    transform: scaleY(0.0);
    transform-origin: bottom;
    transform-style: preserve-3d;
    transition: all 100ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.single-highlights-box:hover:after {
    transform: scale(1.0);
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}

.single-highlights-box:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 20px;
    width: 1px;
    background: #dddddd;
}

.single-highlights-box:last-child:before {
    display: none;
}

.single-highlights-box .inner {
    position: relative;
    display: flex;
    align-items: center;
}

.single-highlights-box .icon {
    width: 45px;
    line-height: 0;
}

.single-highlights-box .icon span:before {
    color: var(--thm-base);
    font-size: 45px;
    line-height: 45px;
}

.single-highlights-box .text {
    position: relative;
    display: block;
    padding-left: 20px;
}

.single-highlights-box .text h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 7px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-highlights-box:hover .text h3 {
    color: #fff;
}

.single-highlights-box .text p {
    line-height: 20px;
    margin: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-highlights-box:hover .text p {
    color: #fff;
}

.single-highlights-box .counting-box {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 55px;
    height: 40px;
    transform: translateY(-50%);
}

.single-highlights-box .counting-box:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: transparent;
    font-size: 48px;
    line-height: 30px;
    font-weight: 600;
    text-align: right;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(221 221 221 / 1.0);
    counter-increment: count;
    content: "0" counter(count);
    font-family: var(--thm-font);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.single-highlights-box:hover .counting-box:before {
    -webkit-text-stroke-color: rgb(62 70 82 / 1.0);
}

.certificates-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
}

.single-certificates-box {
    position: relative;
    display: block;
    border: 5px solid #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
    z-index: 1;
}

.single-certificates-box .pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f5f5f5;
    background-repeat: repeat;
    z-index: -1;
}

.single-certificates-box .pattern-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--thm-base);
    transform: perspective(400px) scaleX(0);
    transform-origin: center;
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.single-certificates-box:hover .pattern-bg:before {
    transform: perspective(400px) scaleX(1.0);
}

.single-certificates-box .img-box {
    position: relative;
    display: block;
    padding: 5px;
}

.single-certificates-box .img-box .inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-certificates-box .img-box .inner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.70);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 5;
}

.single-certificates-box:hover .img-box .inner:before {
    opacity: 1;
}

.single-certificates-box .img-box img {
    width: 100%;
}

.single-certificates-box .text-holder {
    position: relative;
    display: block;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 17px;
}

.single-certificates-box .text-holder h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.single-certificates-box .text-holder h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-certificates-box:hover .text-holder h3 a {
    color: #ffffff;
}

.certificates-carousel_1.owl-carousel.owl-dot-style1 .owl-dots {
    display: none;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    transition: all 300ms ease 100ms;
}

.certificates-carousel_1.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
}

.statements-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.statements-area .row {
    margin-left: 0px;
    margin-right: 0px;
}

.statements-area .row [class*=col-] {
    padding-left: 0px;
    padding-right: 0px;
}

.statements-area-bg {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
    filter: grayscale(0%);
    z-index: -1;
}

.video-holder-box-style2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 670px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin-right: -53px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.video-holder-box-style2:hover {
    transform: translateX(-10px);
    transition-duration: .5s;
}

.video-holder-box-style2:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(var(--thm-black-rgb), .90);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: -1;
}

.video-holder-box-style2:hover:before {
    opacity: 1;
}

.video-holder-box-style2 .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #ffffff;
}

.video-holder-box-style2 .icon:before {
    position: absolute;
    content: '';
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    background: rgba(0, 0, 0, 0.05);
    z-index: -1;
}

.video-holder-box-style2 .icon:before {
    -webkit-box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);
    box-shadow: 0 0 0 0 rgba(54, 124, 232, .09);
    -webkit-animation: ripple 1s infinite;
    animation: ripple 3s infinite
}

.video-holder-box-style2 .icon .video-popup {
    position: relative;
    display: block;
    color: var(--thm-base);
    font-size: 25px;
    line-height: 78px;
    text-align: center;
}

.video-holder-box-style2 .icon .video-popup span::before {
}

.statements__content-box {
    position: relative;
    display: block;
    background: rgba(255, 255, 255, .96);
    padding: 60px 60px 60px;
    margin-left: 53px;
}

.statements__content-box .sec-title {
    padding-bottom: 31px;
}

.statements__content-box .inner-content {
    position: relative;
    display: block;
}

.statements__content-box .inner-content .top-text {
    position: relative;
    display: block;
    margin-bottom: 27px;
}

.statements__content-box .inner-content .top-text p {
    margin: 0;
}

.statements-main-content {
    position: relative;
    display: block;
}

.statements-main-content .single-box {
    position: relative;
    display: block;
    padding-left: 50px;
}

.statements-main-content .single-box .icon-box {
    position: absolute;
    top: 7px;
    left: 0;
    color: var(--thm-base);
    font-size: 50px;
}

.statements-main-content .single-box .icon-box span::before {
}

.statements-main-content .single-box .text-box {
    position: relative;
    display: block;
    padding-left: 20px;
}

.statements-main-content .single-box .text-box h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 9px;
}

.statements-main-content .single-box .text-box p {
    margin: 0;
}

.statements-main-content .single-box .text-box ul {
    position: relative;
    display: block;
    margin-top: 16px;
}

.statements-main-content .single-box .text-box ul li {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.statements-main-content .single-box .text-box ul li:last-child {
    margin-bottom: 0;
}

.statements-main-content .single-box .text-box ul li span::before {
    position: relative;
    display: inline-block;
    top: 0px;
    color: var(--thm-base);
    font-size: 15px;
    transform: rotate(180deg);
    padding-left: 11px;
}

.statements-carousel.owl-nav-style-one.owl-theme .owl-nav {
    margin-top: 31px;
    margin-left: 73px;
}

.statements-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
    border: 2px solid var(--thm-base);
}

.our-history {
    position: relative;
    display: block;
    padding-top: 120px;
    padding-bottom: 70px;
    z-index: 1;
}

.our-history-area-bg {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    filter: grayscale(100%);
    z-index: -1;
}

.our-history-area-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #f5f5f5;
    opacity: 0.90;
    z-index: -1;
}

.history-tabs-carousel {
    position: relative;
    z-index: 100;
}

.history-tabs-carousel.owl-carousel .owl-stage-outer {
    margin-right: -375px;
    padding-bottom: 50px;
}

.history-tabs-carousel:before {
    position: absolute;
    content: "";
    top: 39px;
    left: 0;
    right: -100000px;
    z-index: 0;
    border-bottom: 1px solid #d5d5d5;
}

.single-history-box {
    position: relative;
    display: block;
}

.single-history-box .date-box {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    color: var(--thm-black);
    font-size: 18px;
    line-height: 78px;
    font-weight: 600;
    text-align: center;
    font-family: var(--thm-font-2);
    transition: all 500ms ease;
}

.single-history-box:hover .date-box {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.single-history-box .text-holder {
    position: relative;
    display: block;
    padding-top: 57px;
}

.single-history-box .text-holder .inner {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 36px 40px 34px;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 7%);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-history-box:hover .text-holder .inner {
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 0%);
}

.single-history-box .text-holder .inner:before {
    content: "";
    position: absolute;
    top: -23px;
    left: 17px;
    border-bottom: 23px solid #ffffff;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
}

.single-history-box .text-holder .inner h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 11px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-history-box:hover .text-holder .inner h3 {
    color: var(--thm-base);
}

.single-history-box .text-holder .inner h3 span:before {
    position: relative;
    display: inline-block;
    font-size: 22px;
    padding-right: 10px;
}

.single-history-box .text-holder .inner p {
    margin: 0;
}

.our-history .owl-theme .owl-nav {
    position: absolute;
    top: -121px;
    right: 0;
    margin: 0;
    z-index: -1;
}

.our-history .owl-theme .owl-nav .owl-prev {
}

.our-history .owl-theme .owl-nav .owl-next {
}

.our-history .owl-theme .owl-nav [class*='owl-'] {
    background: transparent;
}

.our-history .owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:before {
    border: 2px solid var(--thm-base);
}

.our-history .bx-wrapper {
    position: relative;
    max-width: 1550px !important;
    width: 100%;
    margin-left: auto;
}

.our-history .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0;
    background: #fff;
    transform: translatez(0);
}

.our-history .single-box {
}

.our-history .single-box .img-holder {
}

.our-history .single-box .img-holder img {
}

.our-history .single-box .text-holder {
    display: block;
    padding: 25px 30px 22px;
    border: 1px solid #f2f2f2;
}

.our-history .single-box .text-holder p {
    margin: 0;
}

.our-history .single-box .text-holder p span {
    color: #0f1341;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.our-history .nav-link {
    display: block;
    padding: 0;
    max-width: 735px;
    margin: 0 auto;
}

.our-history .nav-link li#slider-prev {
    position: absolute;
    top: 50%;
    margin-top: -35px;
}

.our-history .nav-link li#slider-prev a i {
    width: 42px;
    height: 42px;
    background: #fff;
    color: #46c3e8;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #ededed;
    transition: all 500ms ease;
}

.our-history .nav-link li#slider-prev a:hover i {
    background: #46c3e8;
    color: #ffffff;
}

.our-history .nav-link li#slider-next {
    position: absolute;
    right: 232px;
    top: 50%;
    margin-top: -35px;
}

.our-history .nav-link li#slider-next a i {
    width: 42px;
    height: 42px;
    background: #fff;
    color: #46c3e8;
    font-size: 25px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #ededed;
    transition: all 500ms ease;
}

.our-history .nav-link li#slider-next a:hover i {
    background: #46c3e8;
    color: #ffffff;
}

.single-sidebar-box {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.single-sidebar-box.last-box {
    margin-bottom: 0;
}

.sidebar-search-box {
    position: relative;
    display: block;
}

.sidebar-search-box form.search-form {
    position: relative;
    display: block;
    width: 100%;
}

.sidebar-search-box .search-form input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 60px;
    font-family: var(--thm-font-2);
    transition: all 500ms ease 0s;
}

.sidebar-search-box .search-form button {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    background: var(--thm-base);
    display: block;
    text-align: center;
    border: 0px solid #e7e7e8;
    transition: all 500ms ease 0s;
}

.sidebar-search-box .search-form button i {
    position: relative;
    top: -2px;
    color: #ffffff;
}

.sidebar-search-box .search-form input[type="text"]:focus {
    color: #000;
}

.sidebar-search-box .search-form input::-webkit-input-placeholder {
    color: #757575;
}

.sidebar-search-box .search-form input:-moz-placeholder {
    color: #757575;
}

.sidebar-search-box .search-form input::-moz-placeholder {
    color: #757575;
}

.sidebar-search-box .search-form input:-ms-input-placeholder {
    color: #757575;
}

.sidebar-categories-box {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 24px 29px 26px;
    border: 1px solid #e5e5e5;
}

.sidebar-categories-box li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.sidebar-categories-box li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar-categories-box li a {
    position: relative;
    display: block;
    overflow: hidden;
    color: #757575;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-transform: capitalize;
    font-family: var(--thm-font);
    letter-spacing: 0.0em;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.sidebar-categories-box li:hover a {
    color: var(--thm-base);
    letter-spacing: 0.01em;
}

.sidebar-categories-box li a:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    font-size: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-categories-box li:hover a:before {
    transform: translateX(10px);
}

.sidebar-categories-box li a:after {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    color: var(--thm-base);
    font-size: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    transform: translateX(15px);
}

.sidebar-categories-box li:hover a:after {
    transform: translateX(0px);
}

.sidebar-blog-post {
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    padding: 29px 29px 29px;
}

.sidebar-blog-post ul {
    position: relative;
    display: block;
}

.sidebar-blog-post ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.sidebar-blog-post ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px solid #dfe5e5;
}

.sidebar-blog-post ul li .inner {
    position: relative;
    display: block;
    padding-left: 70px;
    min-height: 70px;
}

.sidebar-blog-post ul li .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.sidebar-blog-post ul li .img-box img {
    width: 100%;
}

.sidebar-blog-post ul li .img-box .overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(var(--thm-base-rgb), .80);
    border-radius: 0%;
    opacity: 0;
    transform: perspective(0px) scale(0);
    transform-origin: center;
    transition: all 0.5s ease-in-out 0s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.sidebar-blog-post ul li:hover .img-box .overlay-content {
    opacity: 1;
    transform: perspective(400px) scale(1.0);
    transition: all 0.3s ease-in-out 0.3s;
}

.sidebar-blog-post ul li .img-box .overlay-content a {
    color: #ffffff;
    font-size: 14px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-blog-post ul li .title-box {
    position: relative;
    display: block;
    padding-left: 20px;
    min-height: 70px;
}

.sidebar-blog-post ul li .title-box .date {
    color: var(--thm-gray);
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.sidebar-blog-post ul li .title-box h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 6px 0 0;
}

.sidebar-blog-post ul li .title-box h4 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-blog-post ul li .title-box h4 a:hover {
    color: var(--thm-base);
}

.instagram-feed-box {
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    padding: 29px 29px 9px;
}

.instagram-feed-box .instagram-items {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}

.instagram-feed-box .instagram-items li {
    position: relative;
    display: block;
    float: left;
    margin: 0 10px 20px;
    width: 90px;
    height: 90px;
}

.instagram-feed-box .instagram-items li .inner {
    position: relative;
    display: block;
}

.instagram-feed-box .instagram-items li .inner .img-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.instagram-feed-box .instagram-items li .inner .img-box img {
    width: 100%;
    transition: all 500ms ease 100ms;
}

.instagram-feed-box .instagram-items li:hover .inner .img-box img {
    transform: scale(1.2);
}

.instagram-feed-box .instagram-items li .overlay-content {
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    opacity: 0;
    background-color: rgba(var(--thm-base-rgb), 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: skew(0deg, 50deg) scale(1.2, 1.2);
    transition: all 500ms ease 100ms;
}

.instagram-feed-box .instagram-items li:hover .overlay-content {
    opacity: 1;
    transform: skew(0deg, 0deg) scale(1.0, 1.0);
}

.instagram-feed-box .instagram-items li .overlay-content a {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    transform: scale(0);
    transition: all 500ms ease 100ms;
}

.instagram-feed-box .instagram-items li:hover .overlay-content a {
    transform: scale(1.0);
    transition: all 700ms ease 600ms;
}

.popular-tag-box {
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    padding: 29px 29px 19px;
}

.single-sidebar-box .popular-tag {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

.single-sidebar-box .popular-tag li {
    position: relative;
    display: block;
    float: left;
    margin: 0 5px 10px;
}

.single-sidebar-box .popular-tag li a {
    position: relative;
    display: block;
    padding: 0px 15px 2px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #757575;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}

.single-sidebar-box .popular-tag li:hover a {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.sidebar-subscribe-content-box {
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    padding: 21px 29px 29px;
}

.sidebar-subscribe-content-box .inner-content {
    position: relative;
    display: block;
}

.sidebar-subscribe-content-box .inner-content p {
    margin: 0;
}

.sidebar-subscribe-content-box .sidebar-subscribe-form {
    position: relative;
    display: block;
    padding-top: 24px;
}

.sidebar-subscribe-content-box .sidebar-subscribe-form input[type="email"] {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    color: var(--thm-gray);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}

.sidebar-subscribe-content-box .sidebar-subscribe-form .btn-one {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.single-sidebar-box .title {
    position: relative;
    display: block;
    margin-top: -2px;
    padding-bottom: 27px;
}

.single-sidebar-box .title h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.sidebar-categories-box-style2 {
    position: relative;
    display: block;
}

.sidebar-categories-box-style2 li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.sidebar-categories-box-style2 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar-categories-box-style2 li a {
    position: relative;
    display: block;
    padding-left: 25px;
    color: #757575;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-categories-box-style2 li a:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 18px;
}

.sidebar-categories-box-style2 li a:hover {
    color: var(--thm-base);
}

.price-ranger {
    margin-top: 12px;
    margin-bottom: 0px;
}

.price-ranger .ui-widget-content {
    background: #e5e5e5;
    border: none;
    height: 4px;
    border-radius: 0px;
}

.price-ranger .ui-slider-handle {
    position: absolute;
    top: -2px;
    width: 8px !important;
    height: 8px;
    border: none;
    background: var(--thm-base);
    border-radius: 0%;
    margin-left: -5px;
    outline: medium none;
    cursor: pointer;
    z-index: 2;
}

.price-ranger .ui-widget-header {
    border: 0px solid #e0dfdf;
    background: var(--thm-base);
}

.price-ranger #slider-range {
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 0;
}

.price-ranger .ranger-min-max-block {
    position: relative;
    overflow: hidden;
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.price-ranger .ranger-min-max-block .left {
    position: relative;
    display: block;
}

.price-ranger .ranger-min-max-block span {
    position: relative;
    float: left;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    font-family: var(--thm-font);
}

.price-ranger .ranger-min-max-block input {
    display: inline-block;
}

.price-ranger .ranger-min-max-block input[type="text"] {
    position: relative;
    float: left;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 40px;
    line-height: 35px;
    border: none;
    padding: 0;
    font-family: var(--thm-font);
}

.price-ranger .ranger-min-max-block input[type='text'].max {
}

.price-ranger .ranger-min-max-block .right {
    position: relative;
    display: none;
}

.price-ranger .ranger-min-max-block input[type="submit"] {
    position: relative;
    display: inline-block;
    background: var(--thm-primary);
    margin-right: 0px;
    padding: 6px 0 3px;
    text-align: center;
    width: 90px;
    border: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
    border-radius: 27px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: var(--thm-font-2);
}

.price-ranger .ranger-min-max-block input[type="submit"]:hover {
}

.sidebar-product-items {
    position: relative;
    display: block;
    padding-top: 10px;
}

.sidebar-product-items ul {
    position: relative;
    display: block;
}

.sidebar-product-items ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.sidebar-product-items ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px solid #dfe5e5;
}

.sidebar-product-items ul li .inner {
    position: relative;
    display: block;
    padding-left: 70px;
    min-height: 70px;
}

.sidebar-product-items ul li .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.sidebar-product-items ul li .img-box img {
    width: 100%;
}

.sidebar-product-items ul li .img-box .overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(var(--thm-base-rgb), .80);
    border-radius: 0%;
    opacity: 0;
    transform: perspective(0px) scale(0);
    transform-origin: center;
    transition: all 0.5s ease-in-out 0s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.sidebar-product-items ul li:hover .img-box .overlay-content {
    opacity: 1;
    transform: perspective(400px) scale(1.0);
    transition: all 0.3s ease-in-out 0.3s;
}

.sidebar-product-items ul li .img-box .overlay-content a {
    color: #ffffff;
    font-size: 14px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-product-items ul li .title-box {
    position: relative;
    display: block;
    padding-left: 20px;
    min-height: 70px;
}

.sidebar-product-items ul li .title-box h4 {
    position: relative;
    top: -2px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    margin: 0 0 11px;
}

.sidebar-product-items ul li .title-box h4 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-product-items ul li .title-box h4 a:hover {
    color: var(--thm-base);
}

.sidebar-product-items ul li .title-box .review-box {
}

.sidebar-product-items ul li .title-box .review-box i {
    position: relative;
    display: inline-block;
    color: #c1c1c1;
    font-size: 16px;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-product-items ul li .title-box .review-box i:hover {
    color: var(--thm-base);
}

.sidebar-product-items ul li .title-box .value {
    position: relative;
    display: block;
    margin-top: 10px;
    color: var(--thm-base);
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    font-family: var(--thm-font-2);
}

.sidebar-search-box.style2 .search-form input[type="text"] {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

.sidebar-search-box.style2 .search-form button {
    color: var(--thm-base);
    background: #ffffff;
}

.sidebar-search-box.style2 .search-form button i {
    color: var(--thm-base);
}

.error-page-area {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.error-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-content .shape1 {
    position: relative;
    display: inline-block;
    margin-bottom: -69px;
}

.error-content .big-title {
    position: relative;
    display: block;
    padding-top: 43px;
    z-index: 1;
}

.error-content .big-title h2 {
    color: var(--thm-base);
    font-size: 72px;
    line-height: 60px;
    font-weight: 700;
}

.error-content .big-title .inner-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.error-content .title {
    position: relative;
    display: block;
    padding-top: 27px;
    padding-bottom: 10px;
}

.error-content .title h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
}

.error-content .text {
    position: relative;
    display: block;
    padding-bottom: 34px;
}

.error-content .text p {
    margin: 0;
}

.error-page-search-box {
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
}

.error-page-search-box form.search-form {
    position: relative;
    display: block;
    width: 100%;
}

.error-page-search-box .search-form input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .1em;
    padding-left: 30px;
    padding-right: 60px;
    transition: all 500ms ease 0s;
    font-family: var(--thm-font);
}

.error-page-search-box .search-form button {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: var(--thm-base);
    color: #ffffff;
    font-size: 16px;
    line-height: 10px;
    display: block;
    text-align: center;
    border: 0px solid #e1e1e1;
    transition: all 500ms ease 0s;
}

.error-page-search-box .search-form button i {
    font-size: 16px
}

.error-page-search-box .search-form input[type="text"]:focus {
    color: var(--thm-black);
    border-color: var(--thm-base);
}

.error-page-search-box .search-form input[type="text"]:focus + button, .error-page-search-box .search-form button:hover {
    color: #fff;
}

.error-page-search-box .search-form input::-webkit-input-placeholder {
    color: #757575;
}

.error-page-search-box .search-form input:-moz-placeholder {
    color: #757575;
}

.error-page-search-box .search-form input::-moz-placeholder {
    color: #757575;
}

.error-page-search-box .search-form input:-ms-input-placeholder {
    color: #757575;
}

.error-content .btns-box {
    line-height: 0;
    padding-top: 40px;
}

.error-content .btns-box a {
    padding-left: 40px;
    padding-right: 40px;
}

.coming-soon-area {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 120px 0 120px;
}

.coming-soon-area .grass-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 42px;
    background-position: bottom center;
    background-repeat: repeat-x;
}

.coming-soon-area .image-box1 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.coming-soon-area .image-box2 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.coming-soon__content {
    position: relative;
    display: block;
    z-index: 3;
}

.coming-soon__content .logo-box {
    position: relative;
    display: block;
    padding-bottom: 71px;
}

.coming-soon__content .logo-box a {
    position: relative;
    display: inline-block;
}

.coming-soon__content h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 23px;
}

.coming-soon__content .big-title {
    color: var(--thm-black);
    font-size: 120px;
    line-height: 110px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
}

.coming-soon__content .text {
    position: relative;
    display: block;
    padding-top: 21px;
    padding-bottom: 42px;
}

.coming-soon__content .text p {
    margin: 0;
}

.countdown-timer {
}

.countdown-timer .default-coundown {
}

.countdown-timer .default-coundown .box {
    overflow: hidden;
}

.countdown-timer li {
    position: relative;
    display: inline-block;
    float: none;
    padding: 0;
    text-align: center;
    margin: 0 18px;
}

.countdown-timer li:before {
    content: "";
    position: absolute;
    top: 28px;
    right: -25px;
    width: 12px;
    height: 12px;
    background: var(--thm-base);
}

.countdown-timer li:last-child:before {
    display: none;
}

.countdown-timer li:after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: 65px;
    width: 12px;
    height: 12px;
    background: var(--thm-base);
}

.countdown-timer li:last-child:after {
    display: none;
}

.countdown-timer li:first-child {
    margin-left: 0;
}

.countdown-timer li:last-child {
    margin-right: 0;
}

.countdown-timer li span.days, .countdown-timer li span.hours, .countdown-timer li span.minutes, .countdown-timer li span.seconds {
    position: relative;
    display: block;
    background: transparent;
    width: 150px;
    height: 100px;
    color: var(--thm-black);
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
    text-align: center;
    font-family: var(--thm-font-2)
}

.countdown-timer li span.hours {
}

.countdown-timer li span.minutes {
}

.countdown-timer li span.seconds {
}

.countdown-timer li span.timeRef {
    position: relative;
    display: block;
    margin-top: 13px;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--thm-font-2)
}

.countdown-timer li span.timeRef.clr-1 {
}

.countdown-timer li span.timeRef.clr-2 {
}

.countdown-timer li span.timeRef.clr-3 {
}

.coming-soon__content .btns-box {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 40px;
}

.coming-soon__content .btns-box a {
    padding: 0 60px;
}

.subscribe-area {
    position: relative;
    display: block;
    background-color: var(--thm-base);
    padding: 40px 0px 41px;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.subscribe-title {
    position: relative;
    display: block;
}

.subscribe-title h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 3px;
}

.subscribe-title p {
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
}

.subscribe-area .subscribe-box {
    position: relative;
    display: block;
    padding: 4px 0px 5px;
}

.subscribe-area .subscribe-form {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}

.subscribe-area .subscribe-form input[type="email"] {
    position: relative;
    display: block;
    max-width: 390px;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: var(--thm-gray);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    transition: all 500ms ease;
}

.subscribe-area .subscribe-form input::-webkit-input-placeholder {
    color: var(--thm-gray);
}

.subscribe-area .subscribe-form input:-moz-placeholder {
    color: var(--thm-gray);
}

.subscribe-area .subscribe-form input::-moz-placeholder {
    color: var(--thm-gray);
}

.subscribe-area .subscribe-form input:-ms-input-placeholder {
    color: var(--thm-gray);
}

.subscribe-area .subscribe-form button {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 170px;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    transition: all 300ms ease 100ms;
}

.subscribe-area .subscribe-form button.btn-one:before {
    background: var(--thm-black);
}

.subscribe-area .subscribe-form input[type="email"]:focus {
    color: #222222;
}

.subscribe-area .subscribe-form input[type="email"]:focus + button, .subscribe-area .subscribe-form button:hover {
}

.shop-page-one {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 120px;
    padding-bottom: 120px;
}

.shop-page-top-info_inner {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.shop-page-top-info_inner .left-box {
    position: relative;
    display: block;
}

.shop-page-top-info_inner .left-box p {
    color: var(--thm-gray);
    margin: 0;
}

.shop-page-top-info_inner .right-box {
    position: relative;
    display: flex;
    align-items: center;
    background: #f5f5f5;
}

.shop-page-top-info_inner .right-box .text {
    position: relative;
    display: block;
    width: 75px;
    text-align: right;
}

.shop-page-top-info_inner .right-box .text p {
    color: var(--thm-base-blue);
    margin: 0;
}

.shop-page-top-info_inner .right-box .select-box {
    width: 195px;
}

.shop-page-top-info_inner .right-box .nice-select {
    position: relative;
    display: block;
    height: 55px;
    line-height: 55px;
    background: transparent;
    border: 0px solid transparent !important;
    font-family: var(--thm-font);
    border-radius: 0px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 0px;
}

.shop-page-top-info_inner .right-box .nice-select:after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #757575;
    border-right: 2px solid #757575;
    right: 20px;
    margin-top: 0px;
    top: 22px;
    z-index: 10;
}

.single-shop-item {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 5px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    margin-bottom: 30px;
}

.single-shop-item:hover {
    box-shadow: none;
    background: #f5f5f5;
}

.single-shop-item_inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-shop-item .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-shop-item .img-holder:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(var(--thm-black-rgb), .90);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 1;
}

.single-shop-item:hover .img-holder:before {
    opacity: 1.0;
}

.single-shop-item .img-holder img {
    width: 100%;
    filter: grayscale(0%);
    transition: all 500ms ease;
}

.single-shop-item:hover .img-holder img {
    transform: scale(1.05);
    filter: grayscale(20%);
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
}

.single-shop-item .img-holder .overlay span:before {
    position: relative;
    display: inline-block;
    color: var(--thm-primary);
    font-size: 18px;
    transform: rotate(-90deg);
    left: -3px;
    bottom: -3px;
}

.single-shop-item .img-holder .overlay a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--thm-font-2);
}

.single-shop-item .img-holder .overlay {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    transform: rotate(90deg) translateY(-100px);
    transform-origin: bottom;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.single-shop-item:hover .img-holder .overlay {
    transform: rotate(0deg) translateY(0px);
}

.single-shop-item .img-holder .overlay ul {
    position: relative;
    display: block;
}

.single-shop-item .img-holder .overlay ul li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
}

.single-shop-item .img-holder .overlay ul li a {
    position: relative;
    display: block;
    width: 46px;
    height: 46px;
    color: #ffffff;
    font-size: 16px;
    line-height: 46px;
    background: var(--thm-base);
    border-radius: 50%;
    text-align: center;
    transform: scale(1.0);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-shop-item .img-holder .overlay ul li a:hover {
    color: var(--thm-base);
    background: #ffffff;
}

.single-shop-item .title-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 26px 0 21px;
}

.single-shop-item .title-holder h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 9px;
}

.single-shop-item .title-holder h3 a {
    color: var(--thm-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-shop-item .title-holder h3 a:hover {
    color: var(--thm-base);
}

.single-shop-item .title-holder h6 {
    color: var(--thm-base);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 9px 0 0;
}

.product-details-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 80px 0 80px;
}

.product-details-image-box {
    position: relative;
    display: block;
    max-width: 540px;
    width: 100%;
}

.product-details-image-box .bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
}

.product-details-image-box .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0px solid #fff;
    left: 0px;
    background: #fff;
    transform: translatez(0);
}

.product-details-main-image {
    position: relative;
    display: block;
    border-radius: 0px;
}

.product-details-main-image .single-box {
    position: relative;
    display: block;
}

.product-details-main-image .single-box .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}

.product-details-main-image .single-box .img-holder img {
    width: 100%;
}

.product-details-image-box .slider-pager {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
}

.product-details-image-box .slider-pager .thumb-box {
    position: relative;
    display: block;
    margin-left: -5px;
    margin-right: -5px;
}

.product-details-image-box .slider-pager .thumb-box li {
    position: relative;
    display: block;
    float: left;
    padding: 0 5px;
    max-width: 110px;
}

.product-details-image-box .slider-pager .thumb-box li a {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product-details-image-box .slider-pager .thumb-box li a.active {
    border-color: var(--thm-base);
}

.product-details-content-box {
    position: relative;
    display: block;
    margin-left: 0px;
}

.product-details-content-box .top {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 28px;
}

.product-details-content-box .top .review-box {
    position: relative;
    display: block;
    padding-bottom: 11px;
}

.product-details-content-box .product-title {
    position: relative;
    display: block;
    padding-bottom: 9px;
}

.product-details-content-box .product-title h2 {
    font-size: 30px;
    font-weight: 600;
}

.product-details-content-box .rate-box {
    position: relative;
    display: block;
}

.product-details-content-box .rate-box span {
    color: var(--thm-base);
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.product-details-content-box .product-description {
    position: relative;
    display: block;
    padding-bottom: 26px;
}

.product-details-content-box .product-description p {
    margin: 0;
}

.product-details-content-box .product-info {
    position: relative;
    display: block;
    padding-bottom: 34px;
    border-bottom: 1px solid #e5e5e5;
}

.product-details-content-box .product-info ul {
    position: relative;
    display: block;
    overflow: hidden;
}

.product-details-content-box .product-info ul li {
    position: relative;
    display: block;
    margin-bottom: 11px;
}

.product-details-content-box .product-info ul li:last-child {
    margin-bottom: 0;
}

.product-details-content-box .product-info ul li .inner {
    position: relative;
    display: block;
    padding-left: 150px;
}

.product-details-content-box .product-info ul li .inner .title {
    position: absolute;
    left: 0;
    width: 150px;
}

.product-details-content-box .product-info ul li .inner .title h5 {
    position: relative;
    display: inline-block;
    color: var(--thm-base-blue);
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.product-details-content-box .product-info ul li .inner .title span {
    position: relative;
    display: inline-block;
    float: right;
}

.product-details-content-box .product-info ul li .inner .text {
    position: relative;
    display: block;
    padding-left: 25px;
}

.product-details-content-box .product-info ul li .inner .text p {
    margin: 0;
}

.product-quantity-box-outer {
    position: relative;
    display: block;
    padding-top: 36px;
}

.product-quantity-box-outer .top-title {
    position: relative;
    display: block;
    padding-bottom: 13px;
}

.product-quantity-box-outer .top-title h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.product-quantity-box {
    position: relative;
    display: flex;
    align-items: center;
}

.product-quantity-box .input-group.bootstrap-touchspin {
    position: relative;
    width: 116px;
    height: 60px;
}

.product-quantity-box input.quantity-spinner.form-control {
    position: relative;
    padding: 0;
    width: 50px;
    flex: none;
    height: 60px;
    color: var(--thm-base-blue);
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #e5e5e5;
    outline: none;
    margin: 0 auto;
    text-align: center;
    font-family: var(--thm-font-2);
    background: #f5f5f5;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn {
    position: relative;
    display: block;
    margin-left: 0px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: var(--thm-black);
    cursor: pointer;
    height: 60px;
    width: 30px;
    margin: 0;
    padding: 0;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    float: right;
    margin-left: 3px;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    float: left;
    margin-right: 3px;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    content: "\f067";
    color: var(--thm-black);
    font-size: 12px;
    padding: 0;
    line-height: 58px;
}

.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    content: "\f068";
    color: var(--thm-black);
    font-size: 12px;
    padding: 0;
    line-height: 58px;
}

.product-quantity-box .right {
    position: relative;
    display: flex;
    align-content: center;
    padding-left: 20px;
}

.product-quantity-box .right .cart-box {
    position: relative;
    display: block;
}

.product-quantity-box .right .button {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.product-quantity-box .right .button a {
    position: relative;
    display: block;
    background: #f5f5f5;
    width: 60px;
    height: 60px;
    color: var(--thm-black);
    font-size: 18px;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    transition: all 300ms ease 100ms;
}

.product-quantity-box .right .button a:hover {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.product-details-social-share {
    position: relative;
    display: block;
    padding-top: 40px;
}

.product-details-social-share .title {
    position: relative;
    display: block;
    padding-bottom: 16px;
}

.product-details-social-share .title h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.product-details-social-share .social-link {
    position: relative;
    display: block;
}

.product-details-social-share .social-link ul {
    overflow: hidden;
}

.product-details-social-share .social-link ul li {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
}

.product-details-social-share .social-link ul li:last-child {
    margin-right: 0;
}

.product-details-social-share .social-link ul li a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    color: var(--thm-black);
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product-details-social-share .social-link ul li a:hover {
    color: #ffffff;
    border-color: var(--thm-base);
    background-color: var(--thm-base);
}

.product-tab-box {
    position: relative;
    display: block;
    margin-top: 120px;
}

.product-tab-box .tab-btns {
    position: relative;
    display: block;
    margin-bottom: 60px;
    z-index: 1;
}

.product-tab-box .tab-btns:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e5e5e5;
    z-index: -1;
}

.product-tab-box .tab-btns .tab-btn {
    position: relative;
    display: inline-block;
    margin: 0 8.5px;
}

.product-tab-box .tab-btns .tab-btn span {
    position: relative;
    display: block;
    background: #ffffff;
    width: 150px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 16px 0px 16px;
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    transition: all 500ms ease;
    font-family: var(--thm-font-2);
    z-index: 1;
}

.product-tab-box .tab-btns .tab-btn.active-btn span, .product-tab-box .tab-btns .tab-btn:hover span {
    color: #ffffff;
    background-color: var(--thm-base);
    border-color: var(--thm-base);
}

.product-tab-box .tab-btns .tab-btn span:before {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    height: 0;
    content: "";
    opacity: 1;
    background: rgba(var(--thm-base-rgb), .90);
    transition: all 500ms ease;
    transition-delay: .3s;
    z-index: -1;
}

.product-tab-box .tab-btns .tab-btn.active-btn span:before, .product-tab-box .tab-btns .tab-btn:hover span:before {
    height: 100%;
}

.product-tab-box .tabs-content {
    position: relative;
    display: block;
}

.product-tab-box .tabs-content .tab {
    position: relative;
    display: none;
}

.product-tab-box .tabs-content .tab.active-tab {
    display: block;
}

.product-details-tab-content {
    position: relative;
    display: block;
}

.product-description-content {
    position: relative;
    display: block;
    margin-top: -8px;
}

.product-description-content .text {
    position: relative;
    display: block;
}

.product-description-content .text p {
    margin: 0;
}

.product-description-content .text p + p {
    margin-top: 16px;
}

.review-box-outer {
    position: relative;
    display: block;
}

.single-review-box-outer {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 38px 30px 34px;
}

.single-review-box {
    position: relative;
    display: block;
    padding-left: 70px;
    min-height: 70px;
}

.single-review-box .img-box {
    position: absolute;
    top: 2px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.single-review-box .img-box img {
    width: 100%;
    border-radius: 50%;
}

.single-review-box .text-box {
    position: relative;
    display: block;
    padding-left: 25px;
}

.single-review-box .text-box .review-box {
    padding: 0 0 10px;
}

.single-review-box .text-box h3 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 6px;
}

.single-review-box .text-box h5 span {
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--thm-font-2);
}

.single-review-box .text-box p {
    margin: 0;
}

.review-form {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 53px 60px 60px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
    margin-top: 60px;
}

.review-form .title-box {
    position: relative;
    display: block;
    padding-bottom: 24px;
}

.review-form .title-box h2 {
    font-size: 30px;
    font-weight: 600;
}

.review-form .row {
    margin-bottom: 15px;
}

.review-form .add-rating-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.review-form .add-rating-box .add-rating-title {
    position: relative;
    float: left;
}

.review-form .add-rating-box .add-rating-title p {
    line-height: 20px;
    margin: 0;
}

.review-form .add-rating-box .review-box {
    position: relative;
    float: left;
    padding-left: 20px;
}

.review-form .add-rating-box .review-box ul li {
    position: relative;
    display: inline-block;
    float: left;
    line-height: 20px;
    margin-right: 5px;
}

.review-form .add-rating-box .review-box ul li:last-child {
    margin-right: 0px;
}

.review-form .add-rating-box .review-box ul li i {
    font-size: 14px;
    line-height: 20px;
    transition: all 500ms ease 0s;
}

.product-tab-box .review-form .input-box {
    position: relative;
    display: block;
}

.product-tab-box .review-form .input-box .field-label {
    position: relative;
    display: block;
    padding-bottom: 9px;
    color: #757575;
}

.product-tab-box .review-form form input[type="text"], .product-tab-box .review-form form input[type="email"], .product-tab-box .review-form form textarea {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    color: #757575;
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 22px;
    border-radius: 0px;
    transition: all 500ms ease;
}

.product-tab-box .review-form form textarea {
    height: 120px;
    padding: 10px 20px;
}

.product-tab-box .review-form form input[type="text"]:focus {
    border-color: #e1dddd;
}

.product-tab-box .review-form form input[type="email"]:focus {
    border-color: #e1dddd;
}

.product-tab-box .review-form form textarea:focus {
    border-color: #e1dddd;
}

.product-tab-box .review-form .button-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 35px;
}

.product-tab-box .review-form .button-box .left {
    position: relative;
    display: block;
}

.product-tab-box .review-form .button-box .right {
    position: relative;
    display: block;
    padding-left: 20px;
}

.related-product-box {
    position: relative;
    display: block;
    padding-top: 100px;
}

.shop-page-title {
    position: relative;
    display: block;
    margin-top: -7px;
    padding-bottom: 32px;
}

.shop-page-title h2 {
    font-size: 30px;
    font-weight: 600;
}

.cart-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 112px;
    padding-bottom: 110px;
}

.cart-table-box {
    position: relative;
    display: block;
}

.cart-info {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 14px;
}

.cart-info .left {
    color: var(--thm-gray);
}

.cart-info .right {
    color: var(--thm-base-blue);
}

.cart-info .right span {
    color: var(--thm-base);
}

.cart-table-box .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-right: none;
    border-radius: 0px;
}

.cart-table-box .cart-table {
    min-width: 1024px;
    width: 100%;
}

.cart-table-box .cart-table .cart-header {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
}

.cart-table-box .cart-table tbody {
    position: relative;
}

.cart-table-box .cart-table thead tr {
}

.cart-table-box .cart-table thead tr th {
    color: var(--thm-base-blue);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
    min-width: 160px;
    padding: 22px 40px;
    font-family: var(--thm-font-2);
    border-right: 1px solid #e5e5e5;
}

.cart-table-box .cart-table thead tr th.hide-me {
    display: table-column;
}

.cart-table-box .cart-table tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.cart-table-box .cart-table tbody tr td {
    min-width: 160px;
    padding: 35px 40px;
    border-right: 1px solid #e5e5e5;
}

.cart-table-box .cart-table thead tr th.prod-column {
    position: relative;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 70px;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a {
    position: relative;
    display: block;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb a img {
    width: 100%;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .prod-thumb, .cart-table-box .cart-table tbody tr .prod-column .column-box .title {
    display: table-cell;
    vertical-align: middle;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .title {
    padding-left: 30px;
}

.cart-table-box .cart-table tbody tr .prod-column .column-box .title h3 {
    color: var(--thm-black);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.cart-table-box .cart-table tbody tr .qty {
}

.cart-table-box .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    position: relative;
    width: 90px;
    height: 50px;
    margin: 0;
}

.cart-table-box .cart-table tbody tr .qty input.quantity-spinner.form-control {
    position: relative;
    display: block;
    padding: 0;
    width: 90px;
    height: 50px;
    flex: none;
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    outline: none;
    margin: 0 auto;
    text-align: center;
    font-family: var(--thm-font-2);
    box-shadow: none;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    display: none;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn {
    position: relative;
    display: block;
    margin-left: 0px;
    background: #ffffff;
    border: 1px solid #ededed;
    color: #1b1b1b;
    cursor: pointer;
    height: 50px;
    width: 30px;
    margin: 0;
    padding: 0;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    float: right;
    border-left: none;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    float: left;
    border-right: none;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    content: "\f067";
    color: #848484;
    font-size: 12px;
    padding: 0;
    line-height: 50px;
}

.cart-table-box .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: FontAwesome;
    content: "\f068";
    color: #848484;
    font-size: 12px;
    padding: 0;
    line-height: 50px;
}

.cart-table-box .cart-table tbody tr td.price {
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 600;
    font-family: var(--thm-font-2);
}

.cart-table-box .cart-table tbody tr .sub-total {
    color: var(--thm-base);
    font-size: 18px;
    font-weight: 600;
    font-family: var(--thm-font-2);
}

.cart-table-box .cart-table tbody tr td .remove {
    position: relative;
    display: block;
}

.cart-table-box .cart-table tbody tr td .remove span {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0%;
    color: var(--thm-gray);
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.cart-table-box .cart-table tbody tr td .remove:hover span {
    color: #ffffff;
}

.cart-table-box .cart-table tbody tr td .remove span::after {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    border-radius: 0%;
    z-index: -1;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    background: var(--thm-base);
}

.cart-table-box .cart-table tbody tr td .remove:hover span::after {
    transform: scaleX(1.0);
}

.cart-button-box {
    position: relative;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cart-button-box .apply-coupon {
    position: relative;
    display: block;
}

.cart-button-box .apply-coupon .inner {
    position: relative;
    display: block;
    padding-left: 270px;
}

.cart-button-box .apply-coupon input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 60px;
    border: 1px solid #e5e5e5;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    border-radius: 0px;
    font-family: var(--thm-font);
}

.cart-button-box .apply-coupon input[type="text"]:focus {
    border: 1px solid #222222
}

.cart-button-box .apply-coupon .apply-coupon-button button {
    padding: 0 50px;
    margin-left: 20px;
}

.update-cart-button {
    margin-right: 16px;
}

.update-cart-button:after {
}

.checkout-area {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0px 100px;
}

.checkout_inner-box {
    position: relative;
    display: block;
}

.checkout-form {
    position: relative;
    display: block;
    padding: 60px 60px 50px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

.checkout-form-box1 {
    position: relative;
    display: block;
    padding-bottom: 50px;
}

.checkout-form-box1 .shop-page-title {
    padding-bottom: 32px;
}

.checkout-form .field-input {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.checkout-form .field-input input[type="text"], .checkout-form .field-input input[type="email"], .checkout-form .field-input input[type="tel"] {
    position: relative;
    display: block;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    width: 100%;
    height: 60px;
    border-radius: 0px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}

.checkout-form .field-input input[type="text"]:focus {
    border-color: var(--thm-black);
}

.checkout-form .field-input input[type="email"]:focus {
    border-color: var(--thm-black);
}

.checkout-form .field-input input[type="tel"]:focus {
    border-color: var(--thm-black);
}

.checkout-form .field-input .nice-select {
    position: relative;
    display: block;
    background: #f5f5f5;
    width: 100%;
    height: 60px;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
    font-family: var(--thm-font);
    padding-left: 20px;
    padding-right: 30px;
}

.checkout-form .field-input .nice-select:after {
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #747373;
    border-right: 2px solid #747373;
    right: 28px;
    margin-top: 0px;
    top: 24px;
    z-index: 10;
}

.order-summary-box {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 35px 30px 40px;
    border: 1px solid #e5e5e5;
}

.order-summary-box ul {
    position: relative;
    display: block;
    margin-bottom: 23px;
}

.order-summary-box ul li {
    position: relative;
    display: block;
    padding-bottom: 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
}

.order-summary-box ul li:last-child {
    margin-bottom: 0;
}

.order-summary-box ul li h4 {
    font-size: 16px;
    font-weight: 600;
}

.order-summary-box ul li .value {
    position: relative;
    display: block;
    padding-top: 3px;
}

.order-summary-box ul li .value .left {
    color: var(--thm-base);
    font-size: 16px;
    font-weight: 600;
}

.sub-total-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sub-total-box .left {
    position: relative;
    display: block;
}

.sub-total-box .left h4 {
    font-size: 16px;
    font-weight: 400;
}

.sub-total-box .right {
    position: relative;
    display: block;
}

.sub-total-box .right p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.shipping {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 7px 0 7px;
}

.shipping .left {
    position: relative;
    display: block;
}

.shipping .left h4 {
    font-size: 16px;
    font-weight: 400;
}

.shipping .right {
    position: relative;
    display: block;
}

.shipping .right p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.tax-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tax-box .left {
    position: relative;
    display: block;
}

.tax-box .left h4 {
    font-size: 16px;
    font-weight: 400;
}

.tax-box .right {
    position: relative;
    display: block;
}

.tax-box .right p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.total-order {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 23px 0 23px;
    margin: 23px 0 30px;
}

.total-order .left {
    position: relative;
    display: block;
}

.total-order .left h4 {
    font-size: 16px;
    font-weight: 600;
}

.total-order .right {
    position: relative;
    display: block;
}

.total-order .right p {
    color: var(--thm-base);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.payment-info {
    position: relative;
    display: block;
    padding-top: 100px;
}

.payment-info .accordion-box .block {
    background: #f5f5f5;
    box-shadow: none;
    margin-bottom: 20px;
}

.payment-info .accordion-box .block .acc-btn {
    background: #f5f5f5;
    padding: 21px 70px 21px 30px;
}

.payment-info .accordion-box .block .acc-btn h3 {
    color: var(--thm-black);
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

.payment-info .accordion-box .block .acc-btn.active h3 {
    color: var(--thm-base);
}

.payment-info .accordion-box .block .acc-content {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.payment-input-box {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 30px 30px 10px;
}

.payment-input-box .row {
    margin-left: -10px;
    margin-right: -10px;
}

.payment-input-box .row [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
}

.payment-input-box .input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.payment-input-box .input-box input[type="text"], .payment-input-box .input-box input[type="email"], .payment-input-box .input-box input[type="tel"] {
    position: relative;
    display: block;
    background: #ffffff;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 0 20px;
    transition: all 500ms ease;
    font-family: var(--thm-font);
}

.payment-input-box .input-box input[type="text"]:focus {
    border-color: var(--thm-black);
}

.payment-input-box .input-box input[type="email"]:focus {
    border-color: var(--thm-black);
}

.payment-input-box .input-box input[type="tel"]:focus {
    border-color: var(--thm-black);
}

.payment-input-box .button-box {
    position: relative;
    display: block;
}

.payment-input-box .button-box button {
    width: 100%;
    line-height: 60px;
    z-index: 1;
}

.payment-input-box .button-box button {
    color: #ffffff;
}

.payment-input-box .button-box button:after {
    border: 2px solid var(--thm-base);
    background-color: var(--thm-base);
}

.login-register-area {
    position: relative;
    display: block;
    padding-top: 111px;
    padding-bottom: 109px;
}

.login-register-area .form .inner-title {
    padding-bottom: 31px;
}

.login-register-area .form .inner-title h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.login-register-area .form form {
    width: 100%;
}

.login-register-area .form .input-field {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.login-register-area .form .input-field input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    border: 1px solid #e5e5e5;
    color: #757575;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 700ms ease 0s;
}

.login-register-area .form .input-field .icon-holder {
    position: absolute;
    top: 20px;
    right: 20px;
}

.login-register-area .form .input-field .icon-holder i {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
}

.login-register-area .form button {
}

.login-register-area .form button:hover {
}

.login-register-area .form .remember-text {
    margin-top: 19px;
}

.login-register-area .form .social-icon {
    position: relative;
    float: right;
    margin-right: 0;
}

.login-register-area .form .social-icon .login-with {
    position: absolute;
    left: -110px;
    top: 11px;
    margin: 0;
}

.login-register-area .form .social-icon li {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
}

.login-register-area .form .social-icon li:last-child {
    margin-right: 0;
}

.login-register-area .form .social-icon li a i {
    position: relative;
    display: block;
    background: #ffffff;
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    color: var(--thm-base-blue);
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    transition: all 700ms ease 0s;
}

.login-register-area .form .social-icon li a:hover i {
    color: #ffffff;
    border-color: var(--thm-base);
    background: var(--thm-base);
}

.login-register-area .form .right-button {
    align-items: center;
}

.login-register-area .form .right {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: right;
}

.login-register-area .form .right h6 {
    color: var(--thm-gray);
    font-size: 16px;
    font-weight: 400;
    font-family: var(--thm-font);
}

.login-register-area .form .input-field input[type="text"]:focus {
    border: 1px solid #1d1d1d;
}

.about-style1-area.one-page-scrool {
    padding-bottom: 0;
}

.rtlops {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 20px;

    margin-bottom: 50px;
}
@media only screen and (max-width: 5000px) {.boxed_wrapper_box_page {overflow-x: hidden;}}@media only screen and (min-width: 1200px) {}@media only screen and (max-width: 1199px) {.header-top{display: none;}.header .outer-box {justify-content: flex-end;}.header-style-one__inner {padding-left: 230px;padding-top: 25px;padding-bottom: 25px;padding-right: 15px;}.header-top .outer-box {justify-content: flex-end;}.header-top__right .header-contact-info, .header-top__left {display: none;}.about-style1__content {padding-top: 60px;}.single-features-style1 {margin-bottom: 30px;}.single-features-style1.bordernone {border-left: 0px solid;}.fact-counter-box {padding-top: 90px;}.single-project-item.min_height300 {min-height: 300px;}.single-project-item.min_height300 .img-holder img {width: 100%;min-height: 300px;}.video-gallery-style1_content .inner-box {max-width: 400px;width: 100%;}.single-blog-style1 .text-holder .blog-title {font-size: 20px;}.footer-top {padding: 50px 0;}.footer-top__content {flex-direction: column;justify-content: center;align-items: center;}.footer-top__content .right-box {padding-top: 30px;}.single-footer-widget.marbtm50 {margin-bottom: 50px;}.footer .pt-5{padding-top:0!important;}.header-contact-info-style2 ul li {padding-right: 20px;margin-right: 20px;}.header-contact-info-style2 ul li .inner .text h4 {font-size: 18px;}.quote-button-box {padding-left: 15px;}.about-style2__content {padding-bottom: 60px;margin-bottom: 120px;}.project-top-title.style2 {flex-direction: column;justify-content: center;align-items: center;padding-bottom: 60px;}.project-top-title.style2 .sec-title {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: 31px;}.project-top-title.style2 .sec-title .sub-title .border-left {display: none;}.project-top-title.style2 .project-menu-box {padding-bottom: 0;}.header-top-style3 {display: none;}.main-logo-box-three {width: 250px;}.main-logo-box-three:before {right: -80px;border-bottom: 130px solid var(--thm-base);border-right: 80px solid transparent;}.header-contact-info3 {width: 250px;}.header-contact-info3:before {left: -80px;border-bottom: 130px solid var(--thm-base);border-left: 80px solid transparent;}.header-contact-info3 .text h3 {font-size: 16px;}.single-highlights-box {padding: 18px 15px 18px;}.single-highlights-box .counting-box {right: 15px;}.single-service-style2 .inner-box .title-holder .inner-text {padding: 22px 16px 20px;}.single-service-style2 .inner-box .title-holder .inner-text h3 {font-size: 18px;margin: 0 0 5px;}.about-style3-area {padding: 120px 0 80px;}.about-style3__content {padding-top: 60px;}.about-style3__single-box {margin-bottom: 30px;}.single-project-item-style2 .text-holder {padding: 23px 20px 23px;}.testimonials-style3__carousel.owl-carousel {max-width: 50%;}.video-holder-box-style2 {min-height: 570px;margin-left: 0px;margin-right: 0;}.video-holder-box-style2:hover {transform: translateY(-10px);}.statements__content-box {padding: 60px 40px 60px;margin-left: 0px;}.single-history-box .text-holder .inner {padding: 36px 50px 34px;}.faq-form-box--style2 {margin-top: 60px;}.coming-soon-area .image-box1 img {opacity: .30;}.coming-soon-area .image-box2 img {opacity: .30;}.service-details-text-box3 .inner-content ul {display: block;}.service-details-text-box3 .inner-content ul li {max-width: 100%;margin-bottom: 20px;}.service-details-text-box3 .inner-content ul li:before {display: none;}.single-blog-style1--blog-list .text-holder {border: 0px solid #e5e5e5;padding: 30px 30px 0;margin-left: 0px;}.single-blog-style1--blog-list .text-holder:before {top: 0;left: 0;bottom: 0;right: 0px;border: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}.single-blog-style1--blog-list .text-holder .bottom-box .pattern-bg {top: 0px;left: -30px;bottom: 0;right: -30px;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}.single-blog-style1--blog-large.blog-details .text-holder .bottom-box {flex-direction: column;justify-content: center;}.single-blog-style1 .text-holder .bottom-box .right {margin-top: 8px;}.blog-prev-next-option {flex-direction: column;justify-content: center;align-content: center;padding: 40px 25px 40px;}.blog-prev-next-option:before {display: none;}.blog-prev-next-option .single-box {width: 100%;float: none;}.blog-prev-next-option .single-box.left {text-align: left;display: flex;align-items: center;justify-content: center;}.blog-prev-next-option .single-box.right {text-align: right;display: flex;align-items: center;justify-content: center;margin-top: 30px;border-top: 1px solid #e5e5e5;padding-top: 30px;}.product-details-content-box {padding-top: 60px;}.order-summary-box {margin-top: 60px;}.payment-input-box {padding: 30px 30px 30px;}.login-register-area .form.register {margin-top: 80px;}.single-contact-info-box {max-width: 500px;width: 100%;margin: 0 auto 30px;}}@media only screen and (min-width: 768px) and (max-width: 991px) {.header-top .outer-box {justify-content: flex-end;}.header-top__right .header-contact-info, .header-top__left {display: none;}.header-right .shopping-cart-box {display: none;}.header-right .space-box1 {display: none;}.header-right .serach-button-style2 {display: none;}.about-style1__content {padding-top: 60px;}.single-features-style1 {margin-bottom: 30px;}.single-features-style1.bordernone {border-left: 0px solid;}.fact-counter-box {padding-top: 90px;}.project-top-title {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 60px;}.project-top-title .sec-title .sub-title h6 {justify-content: center;}.project-top-title .sec-title .sub-title .border-left {display: none;}.project-style1__button {padding-top: 29px;padding-bottom: 0;}.video-gallery-style1-area .pattern-bg {right: 40%;}.video-gallery-style1-area .pattern-bg-2 {right: 38%;}.video-gallery-style1-area .pattern-bg-3 {display: none;}.video-gallery-style1_content .inner-box {max-width: 400px;width: 100%;}.video-gallery-style1__video-holder {right: 20px;}.working-process-area {padding: 120px 0 72px;}.single-working-process {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;padding: 0px 50px 0px;border-right: 0px solid;margin-bottom: 40px;}.single-working-process .arrow-icon {display: none;}.team-style1-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;}.team-carousel.owl-nav-style-one.owl-theme .owl-nav {top: -120px;left: 0;right: 0;text-align: center;}.blog-top-title {align-items: center;justify-content: center;flex-direction: column;padding-bottom: 60px;}.blog-style1-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;}.blog-style1-area .sec-title .sub-title .border-left {display: none;}.blog-style1__button {padding-top: 29px;padding-bottom: 0px;}.footer-top {padding: 50px 0;}.footer-top__content {flex-direction: column;justify-content: center;align-items: center;}.footer-top__content .right-box {padding-top: 30px;}.single-footer-widget.marbtm50 {margin-bottom: 50px;}.header-top-style2__middle {display: none;}.header-contact-info-style2 {display: none;}.quote-button-box {padding-left: 15px;}.about-style2__content {padding-bottom: 60px;margin-bottom: 120px;}.about-style2__image-box .big-title {top: -10px;right: -70px;}.service-style2__top-title {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 60px;}.service-style2__top-title .sec-title .sub-title h6 {justify-content: center;}.service-style2__top-title .sec-title .sub-title .border-left {display: none;}.service-style2__top-title .btn-box {padding-top: 29px;padding-bottom: 0;}.choose-style1__content {padding: 80px 60px 40px;}.choose-style1__content .inner-content ul li {width: 50%;margin-bottom: 40px;}.choose-style1__content .inner-content ul li+li {padding-left: 0px;}.choose-style1__content .inner-content ul li:before {display: none;}.project-top-title.style2 {flex-direction: column;justify-content: center;align-items: center;padding-bottom: 60px;}.project-top-title.style2 .sec-title {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: 31px;}.project-top-title.style2 .sec-title .sub-title .border-left {display: none;}.project-top-title.style2 .project-menu-box {padding-bottom: 0;}.header-top-style3 {display: none;}.main-logo-box-three {width: 250px;}.main-logo-box-three:before {right: -80px;border-bottom: 130px solid var(--thm-base);border-right: 80px solid transparent;}.header-contact-info3 {width: 250px;}.header-contact-info3:before {left: -80px;border-bottom: 130px solid var(--thm-base);border-left: 80px solid transparent;}.header-contact-info3 .text h3 {font-size: 16px;}.highlights__content {max-width: 370px;margin: -45px auto 0;}.highlights__content ul {flex-direction: column;align-items: center;justify-content: center;}.single-highlights-box {max-width: 100%;padding: 30px 15px 27px;}.single-highlights-box:before {display: none;}.single-highlights-box .inner {align-items: center;justify-content: center;flex-direction: column;text-align: center;}.single-highlights-box .text {margin-top: 18px;padding-left: 0px;}.single-highlights-box .counting-box {right: 15px;}.service-style2-area {padding: 120px 0 80px;}.single-service-style2 {margin: 0 auto 40px;}.about-style3-area {padding: 120px 0 80px;}.about-style3__content {padding-top: 60px;}.about-style3__single-box {margin-bottom: 30px;}.choose-style2-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding-bottom: 150px;}.choose-carousel.owl-nav-style-one.owl-theme .owl-nav {top: -120px;left: 0;right: 0;text-align: center;}.faq-style1-area .faq-style1-bg {display: none;}.faq-form-box {max-width: 100%;padding: 52px 56px 52px;}.faq-style1-content {position: relative;display: block;padding-top: 70px;}.testimonials-style3__carousel.owl-carousel {max-width: 70%;}.single-footer-widget--style3 .our-company-info {max-width: 100%;width: 100%;}.single-footer-widget--style3 .footer-widget-contact-info--style2 ul li p br {display: none;}.video-holder-box-style2 {min-height: 570px;margin-left: 0px;margin-right: 0;}.video-holder-box-style2:hover {transform: translateY(-10px);}.statements__content-box {padding: 60px 40px 60px;margin-left: 0px;}.our-history .sec-title {padding-bottom: 150px;}.history-tabs-carousel.owl-carousel .owl-stage-outer {margin-right: 0px;padding-bottom: 50px;}.single-history-box .text-holder .inner {padding: 36px 50px 34px;}.our-history .owl-theme .owl-nav {position: absolute;top: -121px;left: 0;right: auto;}.choose-style2-area.about-page {position: relative;}.choose-style2-area.about-page .sec-title {padding-bottom: 49px;}.team-style1__top-title-box {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 49px;}.team-style1-area.about-page .sec-title {padding-bottom: 39px;}.team-style1-area.about-page .sec-title .sub-title .border-left {display: none;}.faq-form-box--style2 {margin-top: 60px;}.coming-soon-area .image-box1 {position: absolute;left: 0;bottom: 0;}.coming-soon-area .image-box1 img {opacity: .30;}.coming-soon-area .image-box2 {display: none;}.coming-soon__content .big-title {font-size: 70px;line-height: 70px;}.countdown-timer li {margin: 0 5px;}.subscribe-area {padding: 52px 0px 60px;}.subscribe-title {text-align: center;margin-bottom: 24px;}.subscribe-area .subscribe-box {padding: 0px;max-width: 520px;margin: 0 auto;}.subscribe-area .subscribe-form button {width: 120px;padding: 0;}.subscribe-area .subscribe-form input[type="email"] {padding: 0 20px;padding-right: 125px;}.countdown-timer li:before {right: -15px;}.countdown-timer li:after {right: -15px;}.service-details-text-box3 .inner-content ul {display: block;}.service-details-text-box3 .inner-content ul li {max-width: 100%;margin-bottom: 20px;}.service-details-text-box3 .inner-content ul li:before {display: none;}.thm-sidebar-box {margin-top: 60px;}.single-blog-style1--blog-list .text-holder {border: 0px solid #e5e5e5;padding: 30px 30px 0;margin-left: 0px;}.single-blog-style1--blog-list .text-holder:before {top: 0;left: 0;bottom: 0;right: 0px;border: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}.single-blog-style1--blog-list .text-holder .bottom-box .pattern-bg {top: 0px;left: -30px;bottom: 0;right: -30px;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}.product-details-content-box {padding-top: 60px;}.cart-button-box {flex-direction: column;justify-content: center;align-items: center;}.cart-button-box .apply-coupon {padding-bottom: 20px;}.order-summary-box {margin-top: 60px;}.payment-input-box {padding: 30px 30px 30px;}.login-register-area .form.register {margin-top: 80px;}.login-register-area .form .social-icon {float: left;margin-right: 0;margin-top: 20px;}.login-register-area .form .social-icon .login-with {position: static;left: 0;top: 0;margin: 0;margin-right: 10px;padding: 12px 0;}.single-contact-info-box {max-width: 500px;width: 100%;margin: 0 auto 30px;}}@media only screen and (max-width: 767px) {.sec-title {padding-bottom: 41px;}.sec-title .sub-title {padding-bottom: 15px;}.sec-title h2 {font-size: 38px;}.sec-title h2 br {display: none;}.main-logo-box {width: 300px;padding-left: 15px;}.main-logo-box:after {top: -10px;right: 48px;display: none;}.header-top {display: none;}.header-right .shopping-cart-box {display: none;}.header-right .space-box1 {display: none;}.header-right .serach-button-style2 {display: none;}.header-right .header-right_buttom {display: none;}.side-content-button {display: none;}.single-service-style1 .title-holder .inner-text {bottom: 110px;}.single-service-style1 .title-holder .button-box {display: flex;align-items: center;min-height: 110px;padding-top: 0;padding-left: 30px;}.about-style1__image1 {max-width: 400px;}.about-style1__image1 .overlay-box {top: 5%;right: 9%;width: 240px;}.about-style1__image1 .overlay-box .left h2 {font-size: 50px;}.about-style1__image1 .overlay-box .right h2 {top: 0px;font-size: 20px;line-height: 24px;}.about-style1__image1 .overlay-box .right h2::before {top: -20px;left: -15px;bottom: -20px;right: -10px;}.about-style1__image1 .round-box {top: 120px;left: 30px;height: 80px;width: 80px;}.about-style1__content {padding-top: 60px;}.single-features-style1 {margin-bottom: 30px;}.single-features-style1.bordernone {border-left: 0px solid;}.project-style1-area .auto-container {padding-left: 10px;padding-right: 10px;}.project-top-title {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 60px;}.project-top-title .sec-title .sub-title h6 {justify-content: center;}.project-top-title .sec-title .sub-title .border-left {display: none;}.project-style1__button {padding-top: 29px;padding-bottom: 0;}.single-project-item.min_height300 {min-height: 300px;}.single-project-item.min_height300 .img-holder img {width: 100%;min-height: 300px;}.single-project-item .overlay-content {top: 20px;left: 20px;bottom: 20px;right: 20px;padding: 0 15px;}.video-gallery-style1_content {padding-top: 120px;padding-bottom: 115px;}.video-gallery-style1-area .pattern-bg {bottom: 0;right: 6%;}.video-gallery-style1-area .pattern-bg-2 {right: 4%;}.video-gallery-style1-area .pattern-bg-3 {display: none;}.video-gallery-style1__video-holder {position: relative;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;text-align: center;margin-top: 50px;}.working-process-area {padding: 120px 0 72px;}.single-working-process {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;padding: 0px 30px 0px;border-right: 0px solid;margin-bottom: 40px;}.single-working-process .arrow-icon {display: none;}.team-style1-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 40px;}.team-carousel.owl-nav-style-one.owl-theme .owl-nav {top: -120px;left: 0;right: 0;text-align: center;}.single-testimonials-style1 {padding-left: 0px;min-height: 250px;max-width: 570px;width: 100%;margin: 0 auto;}.single-testimonials-style1 .img-holder {position: relative;top: 0;left: 0;right: 0;width: 200px;min-height: 250px;padding-top: 30px;margin: 0 auto;}.single-testimonials-style1 .img-holder .img-box {position: relative;display: block;width: 150px;border-radius: 50%;overflow: hidden;margin: 0 auto;}.single-testimonials-style1 .text-holder {min-height: 250px;padding-top: 38px;padding-left: 40px;padding-right: 40px;padding-bottom: 40px;text-align: center;}.single-testimonials-style1 .text-holder .top {align-items: center;flex-direction: column;}.single-testimonials-style1 .text-holder .top .name {margin-top: 15px;padding-left: 0px;}.contact-info__box {padding: 60px 20px 60px;}.contact-info__box .contact-info__box-phone{font-size: 1.625rem;}.blog-top-title {align-items: center;justify-content: center;flex-direction: column;padding-bottom: 60px;}.blog-style1-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}.blog-style1-area .sec-title .sub-title .border-left {display: none;}.blog-style1__button {padding-top: 31px;padding-bottom: 0px;}.footer-top {padding: 50px 0;}.footer-top__content {flex-direction: column;justify-content: center;align-items: center;}.footer-top__content .left-box {align-items: center;flex-direction: column;justify-content: center;}.footer-top__content .left-box .footer-logo {width: 250px;margin: 0 auto;padding-bottom: 32px;text-align: center;}.footer-top__content .left-box .footer-logo::before {display: none;}.footer-top__content .left-box .title {padding-left: 0;text-align: center;}.footer-top__content .right-box {padding-top: 34px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.footer-top__content .right-box a.two {margin-top: 10px;}.footer-top__content .right-box a+a {margin-left: 0;}.single-footer-widget.marbtm50 {margin-bottom: 50px;}.single-footer-widget.pdtop50 {padding-top: 50px;}.footer-bottom {padding: 23px 0px 24px;}.footer-bottom .bottom-inner {flex-direction: column;justify-content: center;align-items: center;text-align: center;}.footer-bottom .bottom-inner .copyright {padding-bottom: 11px;}.footer-menu .footer-nav li {float: none;margin-right: 0;margin: 0 10px;min-height: 48px;}.footer-menu .footer-nav li:first-child {margin-left: 0;}.header-top-style2 {display: none;}.header-contact-info-style2 {display: none;}.quote-button-box {padding-left: 0px;}.header-style2__left:before {left: -100000px;right: -40px;}.header-style2__left:after {right: -40px;width: 155px;border-bottom: 120px solid rgba(var(--thm-base-rgb), .90);border-left: 70px solid transparent;border-right: 70px solid transparent;}.header-bottom .outer-box {padding-left: 20px;}.header-bottom__right .shopping-cart-box {display: none;}.about-style2__content {padding-bottom: 60px;margin-bottom: 120px;}.about-style2__image-box {padding-top: 200px;min-height: 830px;max-width: 100%;}.about-style2__image-box .img-box1 {position: relative;}.about-style2__image-box .img-box2 {bottom: 0px;right: 0;}.about-style2__image-box .big-title {display: none;}.service-style2__top-title {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 60px;}.service-style2__top-title .sec-title .sub-title h6 {justify-content: center;}.service-style2__top-title .sec-title .sub-title .border-left {display: none;}.service-style2__top-title .btn-box {padding-top: 29px;padding-bottom: 0;}.choose-style1__content {padding: 80px 30px 40px;}.choose-style1__content .inner-content ul li {width: 100%;margin-bottom: 40px;}.choose-style1__content .inner-content ul li+li {padding-left: 0px;}.choose-style1__content .inner-content ul li:before {display: none;}.project-top-title.style2 {flex-direction: column;justify-content: center;align-items: center;padding-bottom: 45px;}.project-top-title.style2 .sec-title {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: 31px;}.project-top-title.style2 .sec-title .sub-title .border-left {display: none;}.project-top-title.style2 .project-menu-box {padding-bottom: 0;}.project-top-title.style2 .project-menu-box .project-filter li {margin: 0 8px 15px;}.contact-style1_inner {padding-top: 120px;padding-bottom: 120px;}.contact-style1_inner .people1 {display: none;}.contact-style1_inner .people2 {display: none;}.footer--style2 {padding-bottom: 90px;}.header-style-three__inner {padding-left: 240px;padding-right: 0;}.header-top-style3 {display: none;}.main-logo-box-three {width: 250px;justify-content: flex-start;padding-left: 15px;}.main-logo-box-three:before {right: -25px;border-bottom: 130px solid var(--thm-base);border-right: 50px solid transparent;}.header-contact-info3 {display: none;}.header-style3 .outer-box {justify-content: flex-end;align-items: center;}.highlights__content {max-width: 370px;margin: -45px auto 0;}.highlights__content ul {flex-direction: column;align-items: center;justify-content: center;}.single-highlights-box {max-width: 100%;padding: 30px 15px 27px;}.single-highlights-box:before {display: none;}.single-highlights-box .inner {align-items: center;justify-content: center;flex-direction: column;text-align: center;}.single-highlights-box .text {margin-top: 18px;padding-left: 0px;}.single-highlights-box .counting-box {right: 15px;}.service-style2-area {padding: 120px 0 80px;}.single-service-style2 {margin: 0 auto 40px;}.about-style3-area {padding: 120px 0 80px;}.about-style3__content {padding-top: 60px;}.about-style3__single-box {margin-bottom: 30px;}.choose-style2-area .sec-title {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding-bottom: 150px;}.choose-carousel.owl-nav-style-one.owl-theme .owl-nav {top: -120px;left: 0;right: 0;text-align: center;}.faq-style1-area .faq-style1-bg {display: none;}.faq-form-box {max-width: 100%;padding: 52px 26px 52px;}.faq-style1-content {position: relative;display: block;padding-top: 70px;}.accordion-box .block .acc-content {padding-left: 20px;padding-right: 20px;}.single-testimonials-style3-box {padding: 120px 30px 114px;}.testimonials-style3__carousel.owl-carousel {max-width: 100%;}.testimonials-style3__outer-box .client-info {flex-direction: column;align-items: flex-start;justify-content: flex-start;}.testimonials-style3__outer-box .client-info .name {padding-top: 20px;padding-left: 0px;}.single-testimonials-style3 {padding-left: 80px;}#subscribe-form {position: relative;display: block;}.subscribe-form-box1 .left-box {max-width: 100%;}.subscribe-form-box1 form .input-box {margin-bottom: 20px;}.subscribe-form-box1 .right-box {max-width: 190px;margin-left: auto;margin-right: auto;}.single-footer-widget--style3 .our-company-info {max-width: 100%;width: 100%;}.single-footer-widget--style3 .footer-widget-contact-info--style2 ul li p br {display: none;}.footer-bottom-style3__content {background: var(--thm-base);padding: 20px 20px 20px;}.footer-bottom-style3__content:before {display: none;}.video-holder-box-style2 {min-height: 570px;margin-left: 0px;margin-right: 0;}.video-holder-box-style2:hover {transform: translateY(-10px);}.statements__content-box {padding: 60px 20px 60px;margin-left: 0px;}.our-history .sec-title {padding-bottom: 150px;}.history-tabs-carousel.owl-carousel .owl-stage-outer {margin-right: 0px;padding-bottom: 50px;}.our-history .owl-theme .owl-nav {position: absolute;top: -121px;left: 0;right: auto;}.choose-style2-area.about-page {position: relative;}.choose-style2-area.about-page .sec-title {padding-bottom: 41px;}.team-style1__top-title-box {flex-direction: column;justify-content: center;align-items: center;text-align: center;padding-bottom: 49px;}.team-style1-area.about-page .sec-title {padding-bottom: 39px;}.team-style1-area.about-page .sec-title .sub-title .border-left {display: none;}.project-page-one .project-menu-box {padding-bottom: 50px;}.project-filter li {margin: 0 8px 15px;}.faq-form-box--style2 {margin-top: 60px;}.coming-soon-area .image-box1 {position: absolute;left: 0;bottom: 0;}.coming-soon-area .image-box1 img {opacity: .30;}.coming-soon-area .image-box2 {display: none;}.coming-soon__content .big-title {font-size: 70px;line-height: 70px;}.countdown-timer li {margin: 0 5px;}.subscribe-area {padding: 52px 0px 60px;}.subscribe-title {text-align: center;margin-bottom: 24px;}.subscribe-area .subscribe-form button {width: 120px;padding: 0;}.subscribe-area .subscribe-form input[type="email"] {padding: 0 20px;padding-right: 125px;}.subscribe-area .subscribe-box {padding: 0px;}.countdown-timer li:before {right: -15px;}.countdown-timer li:after {right: -15px;}.error-content .shape1 {margin-bottom: 0px;}.service-details-text-box3 .inner-content ul:before {display: none;}.service-details-text-box3 .inner-content ul {display: block;}.service-details-text-box3 .inner-content ul li {max-width: 100%;width: 100%;margin-bottom: 30px;}.service-details-text-box3 .inner-content ul li:before {display: none;}.additional-services-box {padding-top: 22px;}.thm-sidebar-box {margin-top: 100px;}.sidebar-title {padding: 19px 15px 19px;}.view-all-service .service-pages {padding: 29px 15px 29px;}.info-ownload-box ul {padding: 29px 15px 29px;}.sidebar-contact-info-box .img-box .overlay-title .border-left-box {display: none;}.sidebar-contact-info-box .img-box .overlay-title:after {display: none;}.single-blog-style1--blog-list .text-holder {border: 0px solid #e5e5e5;padding: 30px 30px 0;margin-left: 0px;}.single-blog-style1--blog-list .text-holder:before {top: 0;left: 0;bottom: 0;right: 0px;border: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;}.single-blog-style1--blog-list .text-holder .bottom-box .pattern-bg {top: 0px;left: -30px;bottom: 0;right: -30px;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}.single-blog-style1--blog-list .categories-date-box .categories-box {padding: 17px 15px 15px;margin-left: 5px;}.sidebar-categories-box {padding: 24px 15px 26px;}.sidebar-blog-post {padding: 29px 15px 29px;}.sidebar-blog-post ul li .title-box h4 {font-size: 14px;}.instagram-feed-box {padding: 29px 15px 9px;}.popular-tag-box {padding: 29px 15px 19px;}.sidebar-subscribe-content-box {padding: 21px 15px 29px;}.blog-details-quote-box .inner-content {padding-left: 0px;}.blog-details-quote-box .inner-content .icon {position: relative;top: 0;left: 0;margin-bottom: 13px;}.blog-details-quote-box .inner-content .inner-text {padding-left: 0px;}.blog-details-quote-box .inner-content .inner-text:before {display: none;}.single-blog-style1--blog-large.blog-details .text-holder .bottom-box {flex-direction: column;justify-content: center;}.single-blog-style1 .text-holder .bottom-box .right {margin-top: 8px;}.blog-prev-next-option {flex-direction: column;justify-content: center;align-content: center;padding: 40px 15px 40px;}.blog-prev-next-option .single-box h3 {font-size: 15px;}.blog-prev-next-option:before {display: none;}.blog-prev-next-option .single-box {width: 100%;float: none;}.blog-prev-next-option .single-box.left {text-align: left;display: flex;align-items: center;justify-content: center;}.blog-prev-next-option .single-box.right {text-align: right;display: flex;align-items: center;justify-content: center;margin-top: 30px;border-top: 1px solid #e5e5e5;padding-top: 30px;}.blog-details-author .inner-box .img-box, .blog-details-author .inner-box .text {display: block;}.blog-details-author .inner-box .text {padding-top: 25px;padding-left: 0px;}.comment-box .single-comment .inner {padding: 40px 20px 36px;}.comment-box .single-comment.marginleft30 {margin-left: 0px;}.add-comment-box {padding: 56px 30px 60px;}.shop-page-top-info_inner {flex-direction: column;justify-content: center;align-items: center;padding-bottom: 40px;}.shop-page-top-info_inner .left-box {padding-bottom: 14px;}.product-details-content-box {padding-top: 60px;}.product-details-content-box .product-info ul li .inner {padding-left: 120px;}.product-details-content-box .product-info ul li .inner .title {width: 120px;}.product-quantity-box {display: block;}.product-quantity-box .right {margin-top: 10px;padding-left: 0px;}.review-form {padding: 53px 30px 60px;}.product-tab-box .review-form .button-box {display: block;}.product-tab-box .review-form .button-box .right {margin-top: 20px;padding-left: 0px;}.single-review-box-outer {padding: 38px 20px 34px;}.single-review-box .text-box {position: relative;display: block;padding-left: 15px;}.cart-button-box {display: block;}.cart-button-box .apply-coupon {padding-bottom: 20px;}.cart-button-box .apply-coupon .inner {padding-left: 0px;}.cart-button-box .apply-coupon input[type="text"] {position: relative;display: block;width: 100%;}.cart-button-box .apply-coupon .apply-coupon-button button {padding: 0 60px;margin-top: 10px;margin-left: 0px;}.update-cart button {margin-bottom: 10px;}.checkout-form {padding: 60px 30px 50px;}.order-summary-box {margin-top: 60px;}.payment-input-box {padding: 20px 20px 20px;}.payment-input-box .button-box button {padding: 0;}.login-register-area .form.register {margin-top: 80px;}.login-register-area .form .social-icon {float: left;margin-right: 0;margin-top: 20px;}.login-register-area .form .social-icon .login-with {position: static;left: 0;top: 0;margin: 0;margin-right: 10px;padding: 12px 0;}.login-register-area .form .right {text-align: left;margin-top: 20px;}}@media only screen and (min-width: 768px) {.main-menu .navigation>li>ul, .main-menu .navigation>li>ul>li>ul, .main-menu .navigation>li .megamenu {display: block !important;visibility: hidden;opacity: 0;}}@media only screen and (max-width: 1199px) {.main-logo-box:before{right:0}.main-header .main-menu {position: relative;display: block;width: 100%;float: none;}.main-header .nav-outer .main-menu, .sticky-header {display: none !important;}.nav-outer .mobile-nav-toggler {display: block;}.mobile-nav-toggler .icon-bar {position: relative;display: block;background: #ffffff;height: 2px;width: 30px;margin: 7px 5px;}}@media only screen and (max-width: 767px) {.main-logo-box:before{right: 25px;}}@media only screen and (min-width: 1200px) and (max-width: 1570px) {.header-top .outer-box {justify-content: flex-end;}.main-menu.style1 .navigation>li {margin-right: 25px;}.header-right .serach-button-style2 {display: none;}.header-right .shopping-cart-box {display: none;}.header-right .space-box1 {display: none;}}@media only screen and (min-width: 1200px) and (max-width: 1450px) {.single-project-item .overlay-content {top: 10px;left: 10px;bottom: 10px;right: 10px;padding: 0 15px;}.single-project-item .overlay-content ul {padding-top: 30px;}}@media only screen and (min-width: 1650px) and (max-width: 1900px) {.header-top-style3 .outer-box {padding: 0 60px;}.header-top-style3:before {top: 0;left: 30px;right: 30px;}}@media only screen and (min-width: 1200px) and (max-width: 1649px) {.header-top-style3 {padding: 14px 0;}.header-top-style3:before {top: 0;left: 0px;bottom: 0;right: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;}.header-top-style3 .outer-box {flex-direction: row;justify-content: center;align-items: center;padding: 0 10px;}.header-top-style3__right {display: none;}.main-menu.style3 .navigation>li {margin-right: 20px;}.main-logo-box-three {width: 250px;}.main-logo-box-three:before {right: -80px;border-bottom: 130px solid var(--thm-base);border-right: 80px solid transparent;}.header-contact-info3 {width: 250px;}.header-contact-info3:before {left: -80px;border-bottom: 130px solid var(--thm-base);border-left: 80px solid transparent;}.header-contact-info3 .text h3 {font-size: 16px;}}@media only screen and (min-width: 1200px) and (max-width: 1420px) {.main-slider .auto-container {padding: 0px 120px;}.main-slider.style2 .active .content:before {right: 150px;}}@media only screen and (min-width: 992px) and (max-width: 1199px) {.main-slider .auto-container {padding: 0px 120px;}.main-slider.style2 .active .content:before {right: -50px;}.main-slider.style2 .content .big-title h2 {font-size: 52px;}}@media only screen and (min-width: 768px) and (max-width: 991px) {.main-slider .auto-container {padding: 0px 120px;}.main-slider .content .big-title {margin-bottom: 32px;}.main-slider .content .big-title h2 {font-size: 40px;}.main-slider .content .text p br {display: none;}.main-slider.style2 .active .content:before {right: -250px;}.main-slider.style2 .content .big-title h2 {font-size: 42px;}}@media only screen and (min-width: 500px) and (max-width: 767px) {.main-slider.style2 {margin-top: 156px;}.main-slider .owl-theme .owl-nav {display: none;}.main-slider .auto-container {padding: 0px 50px;padding-right: 50px;}.main-slider .content .big-title {margin-bottom: 32px;}.main-slider .content .big-title h2 {font-size: 40px;}.main-slider .content .text p br {display: none;}.main-slider.style2 .active .content:before {right: -10000px;}.main-slider.style2 .content .big-title h2 {font-size: 42px;}.main-slider.style3 .auto-container {padding: 0px 20px;padding-right: 20px;}}@media only screen and (max-width: 499px) {.main-slider .owl-theme .owl-nav {display: none;}.main-slider .auto-container {padding: 0px 20px;padding-right: 20px;}.main-slider .content .big-title {margin-bottom: 32px;}.main-slider .content .big-title h2 {font-size: 40px;}.main-slider .content .big-title h2 br {display: none;}.main-slider .content .text p br {display: none;}.main-slider.style2 {margin-top: 156px;}.main-slider.style2 .active .content:before {right: -10000px;}.main-slider.style2 .content .big-title h2 {font-size: 42px;}.main-slider.style3 .auto-container {padding: 0px 20px;padding-right: 20px;}}@media only screen and (max-width: 1199px) {.order-2 {-ms-flex-order: 2;order: 2;}.order-1 {-ms-flex-order: 1;order: 1;}}@media only screen and (min-width: 768px) and (max-width: 991px) {.order-box-2 {-ms-flex-order: 2;order: 2;}.order-box-1 {-ms-flex-order: 1;order: 1;}}@media only screen and (min-width: 300px) and (max-width: 767px) {.order-box-2 {-ms-flex-order: 2;order: 2;}.order-box-1 {-ms-flex-order: 1;order: 1;}}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
 .bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;}.bx-wrapper img {max-width: 100%;display: block;}.bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border: 5px solid #fff;left: -5px;background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/icon/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}.bx-wrapper .bx-prev {left: 10px;background: url(../img/bx-slider/controls.png) no-repeat 0 -32px;}.bx-wrapper .bx-next {right: 10px;background: url(../img/bx-slider/controls.png) no-repeat -43px -32px;}.bx-wrapper .bx-prev:hover {background-position: 0 0;}.bx-wrapper .bx-next:hover {background-position: -43px 0;}.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}.bx-wrapper .bx-controls-direction a.disabled {display: none;}.bx-wrapper .bx-controls-auto {text-align: center;}.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../img/bx-slider/controls.png) -86px -11px no-repeat;margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../img/bx-slider/controls.png) -86px -44px no-repeat;margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
.SmartCaptcha-Shield {
    display: none !important;
}
.btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 140%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 46px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: .875rem
}

.btn:disabled {
    cursor: default
}

.btn svg {
    position: relative;
    z-index: 2;
    margin-left: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    height: 100%
}

.btn svg path {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.btn span {
    position: relative;
    z-index: 2;
    text-align: center
}

.btn_white {
    background: #fff;
    color: #282828
}

.btn_white::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
    background: -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
    background: linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%)
}

@media (any-hover: hover) {
    .btn_white:not(.btn:disabled):hover {
        color: #fff
    }

    .btn_white:not(.btn:disabled):hover::after {
        opacity: 1
    }

    .btn_white:not(.btn:disabled):active {
        color: #fff
    }

    .btn_white:not(.btn:disabled):active::after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%);
        opacity: 1
    }
}

.btn_transparent-white {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

@media (any-hover: hover) {
    .btn_transparent-white:not(.btn:disabled):hover {
        background-color: #fff;
        color: #fff
    }

    .btn_transparent-white:not(.btn:disabled):active {
        background-color: #fff;
        color: #fff
    }
}

.btn_transparent {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.btn_transparent::after {
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
    background: -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
    background: linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%)
}

@media (any-hover: hover) {
    .btn_transparent:not(.btn:disabled):hover {
        color: #fff
    }

    .btn_transparent:not(.btn:disabled):hover::after {
        opacity: 1
    }

    .btn_transparent:not(.btn:disabled):active {
        color: #fff
    }

    .btn_transparent:not(.btn:disabled):active::after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%);
        opacity: 1
    }
}

.btn_green {
    background: #ffa500;
    background: #ffa500;
    background: #ffa500;
    color: #fff
}

.btn_green::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%)
}

@media (any-hover: hover) {
    .btn_green:not(.btn:disabled):hover::after {
        opacity: 1
    }

    .btn_green:not(.btn:disabled):active::after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%);
        opacity: 1
    }
}

.btn_gray {
    background: #dbe0d9;
    color: #282828
}

.btn_gray::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    background: -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
    background: -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
    background: linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%)
}

@media (any-hover: hover) {
    .btn_gray:not(.btn:disabled):hover {
        color: #fff
    }

    .btn_gray:not(.btn:disabled):hover::after {
        opacity: 1
    }

    .btn_gray:not(.btn:disabled):active {
        color: #fff
    }

    .btn_gray:not(.btn:disabled):active::after {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), -webkit-gradient(linear, left top, right top, color-stop(14.51%, var(--thm-base)), color-stop(113%, #868686));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), -o-linear-gradient(left, var(--thm-base) 14.51%, #868686 113%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(90deg, var(--thm-base) 14.51%, #868686 113%);
        opacity: 1
    }
}

.partnership__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.partnership__button .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 110%;
    -webkit-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    -o-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 23px;
    padding: 4px 12px;
    font-weight: 500;
    font-size: .875rem
}

.calculator {
    padding-bottom: 50px;
    padding-top: 50px;
    background: #f3f3f3
}

@media (max-width: 1200px) {
    .calculator {
        padding-bottom: 80px
    }
}

@media (max-width: 1200px) {
    .calculator {
        padding-top: 80px
    }
}

.calculator__header:not(:last-child) {
    margin-bottom: 20px
}

.calculator__title {
    font-size: 3rem;
    text-align: center;
}

.calculator__title:not(:last-child) {
    margin-bottom: 10px
}

.calculator__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative
}

@media (max-width: 61.99875em) {
    .calculator__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.calculator__top:before {
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e3dfdf
}

@media (min-width: 61.99875em) {
    .calculator__properties {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 194px;
        flex: 0 0 194px
    }
}

@media (max-width: 61.99875em) {
    .calculator__properties {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width: 61.99875em) {
    .calculator__properties-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px;
        margin-bottom: 10px
    }

    .calculator__properties-wrapper > * {
        padding: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (max-width: 47.99875em) {
    .calculator__properties-wrapper > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 21.25em) {
    .calculator__properties-wrapper > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 61.99875em) {
    .calculator__types {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 194px;
        flex: 0 0 194px
    }
}

@media (max-width: 61.99875em) {
    .calculator__types {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 10px
    }
}

.calculator__types-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 15px
}

@media (max-width: 47.99875em) {
    .calculator__types-title {
        font-weight: 600
    }
}

.calculator__types-title span {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: var(--thm-base);
    color: #fff;
    font-weight: 500;
    font-size: .8125rem
}

@media (max-width: 61.99875em) {
    .calculator__types-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 61.99875em) {
    .calculator__types-title span {
        display: none
    }
}

.calculator__types-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 61.99875em) {
    .calculator__types-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 61.99875em) {
    .calculator__types-items {
        margin: -2.5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 61.99875em) {
    .calculator__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (max-width: 61.99875em) {
    .calculator__content {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media (min-width: 61.99875em) {
    .calculator__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 61.99875em) {
    .calculator__bottom-left {
        margin-bottom: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 47.99875em) {
    .calculator__bottom-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px
    }

    .calculator__bottom-left > * {
        padding: 10px
    }
}

@media (max-width: 47.99875em) {
    .calculator__bottom-left > *:not(:last-child) {
        margin-bottom: 10px
    }
}

.calculator__installment-plan-wrapper {
    display: inline-block;
    cursor: pointer;
    font-size: 1.125rem;
    line-height: 120%;
    color: #8a8f9c;
    position: relative;
    padding-bottom: 4px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.calculator__installment-plan-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #8a8f9c;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (any-hover: hover) {
    .calculator__installment-plan-wrapper:hover {
        color: #000
    }

    .calculator__installment-plan-wrapper:hover:before {
        background: #000
    }
}

.calculator__bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: -10px
}

@media (max-width: 1200px) {
    .calculator__bottom-right {
        margin: calc(-7.5px + -2.5 * ((100vw - 320px) / 880))
    }
}

.calculator__bottom-right > * {
    padding: 10px
}

@media (max-width: 1200px) {
    .calculator__bottom-right > * {
        padding: calc(7.5px + 2.5 * ((100vw - 320px) / 880))
    }
}

.calculator__amount {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 150px;
    flex: 0 1 150px;
    min-width: 101px
}

@media (max-width: 47.99875em) {
    .calculator__button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (min-width: 47.99875em) {
    .calculator__button .btn {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 61.99875em) {
    .properties-calculator:not(:last-child) {
        margin-bottom: 20px
    }
}

.properties-calculator__title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 120%;
    margin-bottom: 15px
}

.properties-calculator__title span {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: var(--thm-base);
    color: #fff;
    font-weight: 500;
    font-size: .8125rem
}

@media (max-width: 61.99875em) {
    .properties-calculator__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 61.99875em) {
    .properties-calculator__title span {
        display: none
    }
}

.properties-calculator__item {
    position: relative
}

.properties-calculator__item:not(:last-child) {
    margin-bottom: 10px
}

.properties-calculator__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.properties-calculator__input:checked + label::after {
    opacity: 1
}

.properties-calculator__label-radio {
    font-size: .875rem;
    line-height: 110%;
    color: #8a8f9c;
    padding-left: 28px;
    cursor: pointer
}

.properties-calculator__label-radio::before {
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid #8a8f9c;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 6px
}

.properties-calculator__label-radio::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: var(--thm-base);
    position: absolute;
    left: 3px;
    top: 9px;
    opacity: 0;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    border-radius: 50%
}

.properties-calculator__label-checkbox {
    font-size: .875rem;
    line-height: 110%;
    color: #8a8f9c;
    padding-left: 28px;
    cursor: pointer
}

.properties-calculator__label-checkbox::before {
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid #8a8f9c;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 6px
}

.properties-calculator__label-checkbox::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: var(--thm-base);
    position: absolute;
    left: 3px;
    top: 9px;
    opacity: 0;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    border-radius: 2px
}

@media (min-width: 61.99875em) {
    .type-calculator:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width: 61.99875em) {
    .type-calculator {
        padding: 2.5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (max-width: 47.99875em) {
    .type-calculator {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 21.25em) {
    .type-calculator {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.type-calculator__wrapper {
    position: relative
}

@media (max-width: 61.99875em) {
    .type-calculator__wrapper {
        width: 100%;
        height: 100%;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px
    }
}

.type-calculator__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.type-calculator__input:checked + .type-calculator__label p {
    color: #2a2a30;
    text-decoration: underline
}

.type-calculator__label {
    font-size: .875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (max-width: 61.99875em) {
    .type-calculator__label {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.type-calculator__label img {
    width: auto;
    height: auto;
    max-width: 100%
}

@media (min-width: 61.99875em) {
    .type-calculator__label img {
        margin-bottom: 5px
    }
}

@media (max-width: 61.99875em) {
    .type-calculator__label img {
        margin-top: 8px
    }
}

.type-calculator__label p {
    font-size: .875rem;
    color: #8a8f9c;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (any-hover: hover) {
    .type-calculator__label:hover p {
        text-decoration: underline
    }
}

@media (min-width: 61.99875em) {
    .content-calculator {
        padding: 0 102px
    }
}

@media (min-width: 61.99875em)and (max-width: 75.75em) {
    .content-calculator {
        padding: 0 30px
    }
}

.content-calculator__top {
    margin-bottom: 60px;
    margin-right: 66px
}

@media (max-width: 1200px) {
    .content-calculator__top {
        margin-right: calc(50px + 16 * ((100vw - 320px) / 880))
    }
}

.content-calculator__window {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-calculator__controls {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 47.99875em) {
    .content-calculator__controls {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.content-calculator__control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 5px
}

@media (min-width: 47.99875em) {
    .content-calculator__control {
        max-width: 230px
    }
}

.calculator-window {
    position: relative;
    padding: 20px
}

.calculator-window__background {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 380px
}

.calculator-window__elems {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 47.99875em) {
    .calculator-window__elems {
        width: calc(100% - 102px);
        height: calc(100% - 94px);
        left: 51px;
        top: 47px
    }
}

@media (max-width: 47.99875em) {
    .calculator-window__elems {
        width: calc(100% - 100px);
        height: calc(100% - 34px);
        left: 40px;
        top: 34px
    }
}

.calculator-window__elems_single-elem {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left: 20px;
    top: 20px
}

.calculator-window__elem {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.calculator-window__elem:not(:last-child) {
    margin-right: 10px
}

.calculator-window__elem-wrapper {
    width: 100%;
    height: 100%
}

.calculator-window__elem-wrapper img {
    width: 100%;
    height: 100%
}

.calculator-runner {
    position: absolute
}

.calculator-runner_height {
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 68.4%
}

.calculator-runner_height .calculator-runner__input {
    top: calc(100% + 15px);
    left: 0
}

@media (max-width: 47.99875em) {
    .calculator-runner_height {
        top: 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.calculator-runner_width {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50.7%
}

.calculator-runner_width .calculator-runner__input {
    top: 50%;
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 47.99875em) {
    .calculator-runner_width {
        left: 20px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.calculator-runner__input {
    position: absolute
}

.calculator-runner__input input {
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 66px;
    padding: 8px;
    height: 30px;
    background: #fff;
    border: 1px solid #8a8f9c;
    border-radius: 10px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 100%;
    color: #8a8f9c
}

@media (max-width: 1200px) {
    .calculator-runner__input input {
        width: calc(50px + 16 * ((100vw - 320px) / 880))
    }
}

.price-calculator__text {
    color: rgba(42, 42, 48, .8);
    margin-bottom: 5px
}

.price-calculator__value {
    font-weight: 500;
    font-size: 1.25rem
}

.price-calculator__value span {
    color: var(--thm-base);
    font-weight: 600;
    font-size: 3rem;
    color: var(--thm-base)
}

.amount-calculator__title {
    font-weight: 500;
    font-size: .875rem;
    color: #8a8f9c;
    margin-bottom: 5px
}

.amount-calculator__item {
    height: 46px;
    position: relative;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px
}

.amount-calculator__item span {
    cursor: pointer;
    height: 100%;
    width: 44px;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

@media (max-width: 1200px) {
    .amount-calculator__item span {
        width: calc(35px + 9 * ((100vw - 320px) / 880))
    }
}

.amount-calculator__item span::before {
    content: "";
    width: 14px;
    height: 1px;
    background: #2a2a30;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

@media (max-width: 1200px) {
    .amount-calculator__item span::before {
        width: calc(10px + 4 * ((100vw - 320px) / 880))
    }
}

@media (any-hover: hover) {
    .amount-calculator__item span:hover {
        background-color: rgba(0, 0, 0, .1)
    }
}

.amount-calculator__less {
    left: 0
}

.amount-calculator__more {
    right: 0
}

.amount-calculator__more::after {
    content: "";
    width: 14px;
    height: 1px;
    background: #2a2a30;
    position: absolute;
    top: 50%;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

@media (max-width: 1200px) {
    .amount-calculator__more::after {
        width: calc(10px + 4 * ((100vw - 320px) / 880))
    }
}

.amount-calculator__input {
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: .875rem;
    line-height: 100%;
    color: var(--thm-base)
}

.content-calculator__control .nice-select:after {
    right: 20px;
    top: 25px
}

.calculator-runner .ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.calculator-runner .ranger-min-max-block {
    padding: 5px 0
}

.calculator-runner .ranger-min-max-block input {
    background-color: #f3f3f3;
}

.calculator-runner .ui-slider-vertical {
    min-height: 250px;
    height: auto;
}

.calculator-runner .ui-slider-horizontal {
    min-width: 250px;
    width: auto;
}

.price-table {
    margin-bottom: 80px
}

@media (max-width: 1200px) {
    .price-table {
        margin-bottom: 80px
    }
}

.price-table__header:not(:last-child) {
    margin-bottom: 20px
}

.price-table__title:not(:last-child) {
    margin-bottom: 15px
}

.price-table__controls:not(:last-child) {
    margin-bottom: 25px
}

.price-table__controls-wrapper {
    overflow-y: auto;
    margin: -12.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 75.75em) {
    .price-table__controls-wrapper {
        margin: -5px
    }
}

.price-table__controls-wrapper::-webkit-scrollbar {
    height: 10px
}

@media (max-width: 61.99875em) {
    .price-table__controls-wrapper::-webkit-scrollbar {
        height: 5px
    }
}

.price-table__controls-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--thm-base-2);
    cursor: pointer
}

.price-table__controls-wrapper::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #d9d9d9
}

.price-table__control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 212px;
    padding: 12.5px
}

@media (max-width: 75.75em) {
    .price-table__control {
        padding: 5px
    }
}

.price-table__control._active .btn {
    background: var(--thm-base);
    border: 1px solid var(--thm-base);
    color: #fff
}

@media (any-hover: hover) {
    .price-table__control._active .btn:not(.btn:disabled):hover {
        background: var(--thm-base-2)
    }
}

.price-table__control:not(.price-table__control._active) .btn {
    background: transparent;
    color: #2a2a30;
    border: 1px solid var(--thm-base)
}

@media (any-hover: hover) {
    .price-table__control:not(.price-table__control._active) .btn:not(.btn:disabled):hover {
        color: #fff;
        background: var(--thm-base-2)
    }
}

.table__btn {
    color: var(--thm-base);
    cursor: pointer
}

@media (any-hover: hover) {
    .table__btn:hover {
        text-decoration: underline;
        margin-top: 3px
    }
}

.calculator-runner__range.noUi-horizontal {
    height: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.calculator-runner__range .noUi-handle {
    height: 10px;
    width: 10px;
    top: -3.5px;
    right: -3.5px;
    border-radius: 50%;
    background-color: var(--thm-base);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.calculator-runner__range .noUi-handle::before, .calculator-runner__range .noUi-handle:after {
    display: none
}

.calculator-runner__range.noUi-horizontal .noUi-tooltip {
    border: none;
    padding: 0;
    top: calc(100% + 2.5px);
    font-size: .875rem;
    color: #000;
    background: transparent
}

.calculator-runner__range.noUi-vertical {
    height: 100%;
    width: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.calculator-runner__range.noUi-vertical .noUi-handle {
    top: auto;
    bottom: -3.5px
}

.calculator-runner__range.noUi-vertical .noUi-tooltip {
    border: none;
    padding: 0;
    left: calc(100% + 2.5px);
    font-size: .875rem;
    color: #000;
    background: transparent
}

.calculator-runner__range .noUi-connects {
    background: var(--thm-base-3)
}

.calculator-runner__range .noUi-connect {
    background: var(--thm-base)
}

.load {
    position: relative
}

.price-spollers {
    padding: 50px 0
}

@media (max-width: 1200px) {
    .price-spollers {
        padding: 80px 0
    }
}

.price-spollers__header:not(:last-child) {
    margin-bottom: 25px
}

.price-spollers__title {
    font-size: 3rem;
}

.price-spollers__title:not(:last-child) {
    margin-bottom: 15px
}

.price-spollers__controls {
    display: none
}

@media (min-width: 47.99875em) {
    .price-spollers__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -10px;
        margin-bottom: 5px
    }
}

@media (min-width: 47.99875em)and (max-width: 61.99875em) {
    .price-spollers__controls {
        margin: -5px;
        margin-bottom: 10px
    }
}

@media (min-width: 47.99875em) {
    .price-spollers__select {
        display: none
    }
}

@media (max-width: 47.99875em) {
    .price-spollers__select {
        margin-bottom: 15px
    }
}

.price-spollers__control {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (max-width: 61.99875em) {
    .price-spollers__control {
        padding: 5px
    }
}

.price-spollers__control .btn {
    font-weight: 500;
    font-size: 14px
}

.price-spollers__control._active .btn {
    background-color: var(--thm-base) !important;
    color: #fff !important;
    border: 1px solid var(--thm-base);
    cursor: default !important
}

.price-spollers__control:not(.price-spollers__control._active) .btn {
    background: transparent;
    color: #2a2a30;
    border: 1px solid var(--thm-base)
}

@media (any-hover: hover) {
    .price-spollers__control:not(.price-spollers__control._active) .btn:not(.btn:disabled):hover {
        color: #fff;
        background: var(--thm-base-2)
    }
}

.table__title {
    position: relative;
    cursor: pointer
}

.table__title th {
    background: #edf9ff !important;
    color: #2a2a30 !important;
    text-align: center !important;
    padding-right: 70px;
    padding-left: 70px
}

.table__title span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 35px
}

.table__title span path {
    stroke: #2a2a30
}

.table__title._active svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.table__hidden > td {
    padding: 0;
    height: auto !important
}

.price-spollers table th {
    color: #202020;
}

.price-spollers .table td, .price-spollers .table th {
    text-align: center
}

.table-wrapper p {
    margin-bottom: 0px;
    font-weight: 700
}

.price-spollers .nice-select:after {
    right: 20px;
    top: 25px
}

.fancybox-slide {
    /*height: auto;*/
}

@media (min-width: 34.99875em) {
    .fancybox-slide {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media (min-width: 47.99875em) {
    .modal__wide {
        max-width: 807px !important
    }
}

.modal {
    width: 100%
}

@media (min-width: 47.99875em) {
    .modal {
        padding: 35px 65px 45px 65px !important;
        max-width: 430px;
        height: auto;
    }
}

@media (max-width: 47.99875em)and (min-width: 34.99875em) {
    .modal {
        padding: 30px !important;
        max-width: 380px
    }
}

@media (min-width: 34.99875em) {
    .modal {
        border-radius: 5px
    }
}

@media (max-width: 34.99875em) {
    .modal {
        width: 100vw;
        height: 100vh;
        padding: 50px 20px !important;
        margin: 0;
    }
}

@media (min-width: 47.99875em) {
    .modal__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }

    .modal__wrapper > * {
        padding: 0 10px
    }
}

@media (min-width: 47.99875em) {
    .modal__aside {
        padding-top: -35px;
        max-width: 430px
    }
}

@media (max-width: 47.99875em) {
    .modal__aside {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .modal__aside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 333px);
        flex: 0 0 calc(100% - 333px)
    }
}

.modal__image {
    position: relative;
    height: 100%;
    width: 100%
}

.modal__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.modal__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.modal__header {
    text-align: center
}

.modal__header:not(:last-child) {
    margin-bottom: 20px
}

.modal__title {
    font-weight: 500;
    line-height: 110%;
    color: #222
}

@media (min-width: 47.99875em) {
    .modal__title {
        font-size: 2.125rem
    }
}

@media (max-width: 61.99875em)and (min-width: 47.99875em) {
    .modal__title {
        font-size: 2rem
    }
}

@media (max-width: 47.99875em)and (min-width: 34.99875em) {
    .modal__title {
        font-size: 1.875rem
    }
}

@media (max-width: 34.99875em) {
    .modal__title {
        font-size: 1.75rem
    }
}

.modal__title:not(:last-child) {
    margin-bottom: 10px
}

.modal__button:not(:last-child) {
    margin-bottom: 15px
}

.modal__items > *:not(:last-child) {
    margin-bottom: 10px
}

.modal__items:not(:last-child) {
    margin-bottom: 10px
}

.modal__text {
    margin-top: 1rem;
    text-align: center;
    font-size: .8125rem;
    line-height: 150%;
    color: rgba(102, 102, 102, .6)
}

.modal__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.radio-modal {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.radio-modal input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.radio-modal input:checked ~ label {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08);
    border: 1px solid #e9e9e9
}

.radio-modal label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 100%;
    text-align: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 6px transparent;
    box-shadow: 0px 0px 6px transparent;
    border-radius: 10px;
    padding: 10px 5px
}

@media (any-hover: hover) {
    .radio-modal label:hover {
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .02);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .02);
        border: 1px solid rgba(233, 233, 233, .4)
    }
}

.radio-modal__icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px
}

.radio-modal__icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.popup-succes__comment-text {
    text-align: center;
    padding-top: 10px;
    line-height: 140%;
    font-size: 12px;
    color: rgba(81, 81, 81, .6);
}

.contacts__map {
    height: 470px;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 1200px) {
    .contacts__map {
        height: calc(220px + 250 * ((100vw - 320px) / 880))
    }
}

.quiz {
    cursor: default !important;
    overflow: hidden !important;
    width: 100%;
    padding: 0 !important
}

@media (min-width: 47.99875em) {
    .quiz {
        border: 1px solid #efefef;
        max-width: 1050px;
        height: 550px;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        border-radius: 10px
    }
}

@media (max-width: 47.99875em) {
    .quiz {
        height: 100%
    }
}

.quiz__wrapper {
    width: 100%;
    min-height: 100%;
    height: 100%
}

.quiz__form {
    width: 100%;
    min-height: 100%;
    height: 100%
}

.quiz__form > :not(:first-child) {
    display: none
}

@media (max-width: 47.99875em) {
    .quiz__form > * {
        padding: 30px 15px !important
    }
}

@media (min-width: 34.99875em) {
    .quiz .fancybox-close-small {
        padding: 17.5px;
        width: auto;
        height: auto
    }

    .quiz .fancybox-close-small svg {
        height: 30px;
        width: 30px
    }
}

@media (min-width: 34.99875em)and (max-width: 47.99875em) {
    .quiz .fancybox-close-small {
        padding: 7.5px
    }
}

.quiz .fancybox-close-small svg path {
    stroke-width: 2px
}

.starting-quiz {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thm-base) rgba(0, 172, 236, .3)
}

.starting-quiz::-webkit-scrollbar {
    width: 3px !important
}

.starting-quiz::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--thm-base);
    cursor: pointer;
    width: 3px !important
}

.starting-quiz::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0, 172, 236, .3);
    width: 3px !important
}

.starting-quiz__container {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.starting-quiz__title {
    line-height: 120%;
    font-weight: 700
}

.starting-quiz__title:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    .starting-quiz__title:not(:last-child) {
        margin-bottom: calc(10px + 5 * ((100vw - 320px) / 880))
    }
}

@media (min-width: 61.99875em) {
    .starting-quiz__title {
        font-size: 1.875rem
    }
}

@media (max-width: 61.99875em)and (min-width: 34.99875em) {
    .starting-quiz__title {
        font-size: 1.75rem
    }
}

@media (max-width: 34.99875em) {
    .starting-quiz__title {
        font-size: 1.625rem
    }
}

.starting-quiz__subtitle {
    line-height: 140%;
    color: #818181
}

@media (min-width: 47.99875em) {
    .starting-quiz__subtitle {
        font-size: 1.125rem
    }
}

@media (max-width: 47.99875em) {
    .starting-quiz__subtitle {
        font-size: 1rem
    }
}

.starting-quiz__header:not(:last-child) {
    margin-bottom: 20px
}

.starting-quiz__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width: 47.99875em) {
    .starting-quiz__wrapper {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px 60px
    }
}

@media (min-width: 47.99875em) {
    .starting-quiz__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 410px;
        flex: 0 1 410px;
        padding: 35px;
        background: #fff;
        border: 1px solid #efefef;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        border-radius: 10px
    }
}

@media (max-width: 47.99875em) {
    .starting-quiz__content {
        max-width: 600px;
        margin: 0 auto
    }
}

.starting-quiz__img {
    height: 100%
}

@media (min-width: 47.99875em) {
    .starting-quiz__img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0
    }
}

.starting-quiz__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 47.99875em) {
    .starting-quiz__img {
        position: relative;
        margin: -30px -15px 20px -15px;
        padding-top: 65%
    }
}

.starting-quiz__btn:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 1200px) {
    .starting-quiz__btn:not(:last-child) {
        margin-bottom: calc(25px + 5 * ((100vw - 320px) / 880))
    }
}

.bonuses-quiz__title {
    font-weight: 500;
    line-height: 130%;
    font-size: 1rem
}

.bonuses-quiz__title:not(:last-child) {
    margin-bottom: 12px
}

.item-bonus__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    background: -o-linear-gradient(355.14deg, #076082 4.61%, #0284b5 114.84%);
    background: linear-gradient(94.86deg, #076082 4.61%, #0284b5 114.84%);
    border-radius: 5px
}

.item-bonus__img {
    width: auto;
    height: auto;
    max-height: 50px;
    position: relative
}

.item-bonus__img:not(:last-child) {
    margin-right: 13px
}

.item-bonus__text {
    font-size: .875rem;
    line-height: 130%;
    font-weight: 500;
    color: #fff
}

.callback-quiz {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thm-base) rgba(0, 172, 236, .3)
}

.callback-quiz .legal-link {
    color: #ffa500;
}

.callback-quiz .legal-link:hover {
    color: #d59217;
}

.callback-quiz::-webkit-scrollbar {
    width: 3px !important
}

.callback-quiz::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--thm-base);
    cursor: pointer;
    width: 3px !important
}

.callback-quiz::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0, 172, 236, .3);
    width: 3px !important
}

.callback-quiz__container {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.callback-quiz__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width: 47.99875em) {
    .callback-quiz__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 47.99875em)and (min-width: 61.99875em) {
    .callback-quiz__wrapper {
        padding: 30px 60px 0 60px
    }
}

@media (min-width: 47.99875em)and (max-width: 61.99875em) {
    .callback-quiz__wrapper {
        padding: 60px 40px
    }
}

@media (max-width: 47.99875em) {
    .callback-quiz__wrapper {
        max-width: 600px;
        margin: 0 auto
    }
}

@media (min-width: 47.99875em) {
    .callback-quiz__form {
        max-height: 485px;
        webkit-box-flex: 0;
        -ms-flex: 0 0 auto; /*flex:0 0 auto*/
    }
}

@media (min-width: 61.99875em) {
    .callback-quiz__content {
        margin-right: 60px
    }
}

@media (max-width: 61.99875em)and (min-width: 47.99875em) {
    .callback-quiz__content {
        margin-right: 20px
    }
}

@media (max-width: 47.99875em) {
    .callback-quiz__content {
        margin-bottom: 20px
    }
}

.callback-quiz__title {
    line-height: 120%;
    font-weight: 700
}

.callback-quiz__title:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    .callback-quiz__title:not(:last-child) {
        margin-bottom: calc(10px + 5 * ((100vw - 320px) / 880))
    }
}

@media (min-width: 61.99875em) {
    .callback-quiz__title {
        font-size: 1.875rem
    }
}

@media (max-width: 61.99875em)and (min-width: 34.99875em) {
    .callback-quiz__title {
        font-size: 1.75rem
    }
}

@media (max-width: 34.99875em) {
    .callback-quiz__title {
        font-size: 1.625rem
    }
}

.callback-quiz__subtitle {
    line-height: 140%;
    color: #818181
}

@media (min-width: 47.99875em) {
    .callback-quiz__subtitle {
        font-size: 1.125rem
    }
}

@media (max-width: 47.99875em) {
    .callback-quiz__subtitle {
        font-size: 1rem
    }
}

.callback-quiz__header:not(:last-child) {
    margin-bottom: 40px
}

@media (max-width: 1200px) {
    .callback-quiz__header:not(:last-child) {
        margin-bottom: calc(20px + 20 * ((100vw - 320px) / 880))
    }
}

.callback-form {
    height: 100%
}

.callback-form__wrapper {
    height: 100%
}

@media (min-width: 47.99875em) {
    .callback-form__wrapper {
        background-color: var(--thm-base);
        border: 1px solid #d9d9d9;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08);
        border-radius: 15px
    }
}

@media (min-width: 47.99875em)and (min-width: 61.99875em) {
    .callback-form__wrapper {
        padding: 40px 46px 55px 46px;
    }
}

@media (min-width: 47.99875em)and (max-width: 61.99875em) {
    .callback-form__wrapper {
        padding: 35px 30px 50px 30px;
        max-width: 340px
    }
}

.callback-form__header:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    .callback-form__header:not(:last-child) {
        margin-bottom: calc(10px + 5 * ((100vw - 320px) / 880))
    }
}

.callback-form__title {
    font-weight: 700;
    line-height: 120%
}

.callback-form__title:not(:last-child) {
    margin-bottom: 10px
}

@media (min-width: 47.99875em) {
    .callback-form__title {
        color: #fff
    }
}

@media (min-width: 34.99875em) {
    .callback-form__title {
        text-align: center
    }
}

@media (min-width: 61.99875em) {
    .callback-form__title {
        font-size: 1.75rem
    }
}

@media (max-width: 61.99875em)and (min-width: 47.99875em) {
    .callback-form__title {
        font-size: 1.5rem
    }
}

@media (max-width: 47.99875em)and (min-width: 34.99875em) {
    .callback-form__title {
        font-size: 1.375rem
    }
}

@media (max-width: 34.99875em) {
    .callback-form__title {
        font-size: 1.25rem
    }
}

.callback-form__elems:not(:last-child) {
    margin-bottom: 10px
}

.callback-form__radio-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.callback-form__radio {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.callback-form__radio > input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.callback-form__radio > input[type=radio]:checked ~ label {
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .08)
}

@media (any-hover: hover)and (min-width: 47.99875em) {
    .callback-form__radio > input[type=radio]:checked ~ label:hover {
        border-color: #efefef
    }
}

@media (any-hover: hover)and (max-width: 47.99875em) {
    .callback-form__radio > input[type=radio]:checked ~ label:hover {
        border-color: transparent
    }
}

@media (min-width: 47.99875em) {
    .callback-form__radio > input[type=radio]:checked ~ label {
        border-color: #efefef;
        background: #fff;
        color: #666
    }
}

@media (max-width: 47.99875em) {
    .callback-form__radio > input[type=radio]:checked ~ label {
        border-color: transparent;
        background: rgba(0, 172, 236, .3)
    }
}

.callback-form__radio > input[type=radio] ~ label {
    line-height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 6px transparent;
    box-shadow: 0px 0px 6px transparent;
    border-radius: 10px;
    padding: 10px 2px;
    -webkit-transition: border-color .3s ease 0s, color .3s ease 0s, background .3s ease 0s, -webkit-box-shadow .3s ease 0s;
    transition: border-color .3s ease 0s, color .3s ease 0s, background .3s ease 0s, -webkit-box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s, border-color .3s ease 0s, color .3s ease 0s, background .3s ease 0s;
    transition: box-shadow .3s ease 0s, border-color .3s ease 0s, color .3s ease 0s, background .3s ease 0s;
    transition: box-shadow .3s ease 0s, border-color .3s ease 0s, color .3s ease 0s, background .3s ease 0s, -webkit-box-shadow .3s ease 0s
}

@media (min-width: 34.99875em) {
    .callback-form__radio > input[type=radio] ~ label {
        font-size: .875rem
    }
}

@media (max-width: 34.99875em) {
    .callback-form__radio > input[type=radio] ~ label {
        font-size: .8125rem
    }
}

@media (min-width: 47.99875em) {
    .callback-form__radio > input[type=radio] ~ label {
        color: #fff
    }
}

@media (any-hover: hover) {
    .callback-form__radio > input[type=radio] ~ label {
        cursor: pointer
    }

    .callback-form__radio > input[type=radio] ~ label:hover {
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .02);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, .02), 0px 2px 4px rgba(0, 0, 0, .02)
    }
}

@media (any-hover: hover)and (min-width: 47.99875em) {
    .callback-form__radio > input[type=radio] ~ label:hover {
        border-color: rgba(233, 233, 233, .3)
    }
}

@media (any-hover: hover)and (max-width: 47.99875em) {
    .callback-form__radio > input[type=radio] ~ label:hover {
        border-color: rgba(0, 172, 236, .3)
    }
}

.callback-form__radio > input[type=radio] ~ label svg {
    max-width: 40px;
    max-height: 40px;
    width: auto;
    height: auto;
    border-radius: 50%;
    margin-bottom: 5px
}

.callback-form__inputs:not(:last-child) {
    margin-bottom: 10px
}

.callback-form__input {
    position: relative
}

.callback-form__input:not(:last-child) {
    margin-bottom: 10px
}

.callback-form__input._active > input[type=tel] ~ label, .callback-form__input._active > input[type=text] ~ label, .callback-form__input._active > input[type=email] ~ label {
    font-size: .5625rem;
    top: 17%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.callback-form__input._active > input[type=tel]::-webkit-input-placeholder, .callback-form__input._active > input[type=text]::-webkit-input-placeholder, .callback-form__input._active > input[type=email]::-webkit-input-placeholder {
    opacity: 1
}

.callback-form__input._active > input[type=tel]::-moz-placeholder, .callback-form__input._active > input[type=text]::-moz-placeholder, .callback-form__input._active > input[type=email]::-moz-placeholder {
    opacity: 1
}

.callback-form__input._active > input[type=tel]:-ms-input-placeholder, .callback-form__input._active > input[type=text]:-ms-input-placeholder, .callback-form__input._active > input[type=email]:-ms-input-placeholder {
    opacity: 1
}

.callback-form__input._active > input[type=tel]::-ms-input-placeholder, .callback-form__input._active > input[type=text]::-ms-input-placeholder, .callback-form__input._active > input[type=email]::-ms-input-placeholder {
    opacity: 1
}

.callback-form__input._active > input[type=tel]::placeholder, .callback-form__input._active > input[type=text]::placeholder, .callback-form__input._active > input[type=email]::placeholder {
    opacity: 1
}

.callback-form__input > input[type=tel], .callback-form__input > input[type=text], .callback-form__input > input[type=email] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color .3s ease 0s, color .3s ease 0s;
    -o-transition: border-color .3s ease 0s, color .3s ease 0s;
    transition: border-color .3s ease 0s, color .3s ease 0s;
    border-radius: 3px;
    background: #fff;
    width: 100%;
    height: 40px;
    color: #202020;
    padding-top: 2.7%;
    padding-bottom: 2.773%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .875rem
}

@media (max-width: 47.99875em) {
    .callback-form__input > input[type=tel], .callback-form__input > input[type=text], .callback-form__input > input[type=email] {
        border: 1px solid #d9d9d9
    }
}

.callback-form__input > input[type=tel]:focus, .callback-form__input > input[type=text]:focus, .callback-form__input > input[type=email]:focus {
    border-color: var(--thm-base-2);
    color: #202020 !important
}

.callback-form__input > input[type=tel]:focus::-webkit-input-placeholder, .callback-form__input > input[type=text]:focus::-webkit-input-placeholder, .callback-form__input > input[type=email]:focus::-webkit-input-placeholder {
    color: #818181 !important
}

.callback-form__input > input[type=tel]:focus::-moz-placeholder, .callback-form__input > input[type=text]:focus::-moz-placeholder, .callback-form__input > input[type=email]:focus::-moz-placeholder {
    color: #818181 !important
}

.callback-form__input > input[type=tel]:focus:-ms-input-placeholder, .callback-form__input > input[type=text]:focus:-ms-input-placeholder, .callback-form__input > input[type=email]:focus:-ms-input-placeholder {
    color: #818181 !important
}

.callback-form__input > input[type=tel]:focus::-ms-input-placeholder, .callback-form__input > input[type=text]:focus::-ms-input-placeholder, .callback-form__input > input[type=email]:focus::-ms-input-placeholder {
    color: #818181 !important
}

.callback-form__input > input[type=tel]:focus::placeholder, .callback-form__input > input[type=text]:focus::placeholder, .callback-form__input > input[type=email]:focus::placeholder {
    color: #818181 !important
}

.callback-form__input > input[type=tel]::-webkit-input-placeholder, .callback-form__input > input[type=text]::-webkit-input-placeholder, .callback-form__input > input[type=email]::-webkit-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -webkit-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
}

.callback-form__input > input[type=tel]::-moz-placeholder, .callback-form__input > input[type=text]::-moz-placeholder, .callback-form__input > input[type=email]::-moz-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -moz-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
}

.callback-form__input > input[type=tel]:-ms-input-placeholder, .callback-form__input > input[type=text]:-ms-input-placeholder, .callback-form__input > input[type=email]:-ms-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -ms-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
}

.callback-form__input > input[type=tel]::-ms-input-placeholder, .callback-form__input > input[type=text]::-ms-input-placeholder, .callback-form__input > input[type=email]::-ms-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -ms-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
}

.callback-form__input > input[type=tel]::placeholder, .callback-form__input > input[type=text]::placeholder, .callback-form__input > input[type=email]::placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -webkit-transition: opacity .3s ease 0s, color .3s ease 0s;
    -o-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
}

.callback-form__input > input[type=tel]._invalid, .callback-form__input > input[type=text]._invalid, .callback-form__input > input[type=email]._invalid {
    border: 1px solid #e10000;
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid::-webkit-input-placeholder, .callback-form__input > input[type=text]._invalid::-webkit-input-placeholder, .callback-form__input > input[type=email]._invalid::-webkit-input-placeholder {
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid::-moz-placeholder, .callback-form__input > input[type=text]._invalid::-moz-placeholder, .callback-form__input > input[type=email]._invalid::-moz-placeholder {
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid:-ms-input-placeholder, .callback-form__input > input[type=text]._invalid:-ms-input-placeholder, .callback-form__input > input[type=email]._invalid:-ms-input-placeholder {
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid::-ms-input-placeholder, .callback-form__input > input[type=text]._invalid::-ms-input-placeholder, .callback-form__input > input[type=email]._invalid::-ms-input-placeholder {
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid::placeholder, .callback-form__input > input[type=text]._invalid::placeholder, .callback-form__input > input[type=email]._invalid::placeholder {
    color: #e10000
}

.callback-form__input > input[type=tel]._invalid ~ label, .callback-form__input > input[type=text]._invalid ~ label, .callback-form__input > input[type=email]._invalid ~ label {
    color: #e10000
}

.callback-form__input > input[type=tel] ~ label, .callback-form__input > input[type=text] ~ label, .callback-form__input > input[type=email] ~ label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: font-size .3s ease 0s, top .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    -o-transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    line-height: 100%;
    color: #818181;
    left: 15px;
    font-size: .875rem
}

.content-quiz {
    height: 100%
}

@media (max-width: 47.99875em) {
    .content-quiz {
        position: relative;
        padding-bottom: 130px !important
    }
}

.content-quiz__container {
    height: 100%
}

@media (min-width: 47.99875em) {
    .content-quiz__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 47.99875em) {
    .content-quiz__container {
        max-width: 600px;
        margin: 0 auto;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--thm-base) rgba(0, 172, 236, .3)
    }

    .content-quiz__container::-webkit-scrollbar {
        width: 3px !important
    }

    .content-quiz__container::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--thm-base);
        cursor: pointer;
        width: 3px !important
    }

    .content-quiz__container::-webkit-scrollbar-track {
        border-radius: 5px;
        background: rgba(0, 172, 236, .3);
        width: 3px !important
    }
}

@media (min-width: 61.99875em) {
    .content-quiz__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px
    }
}

@media (max-width: 61.99875em)and (min-width: 47.99875em) {
    .content-quiz__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
        flex: 0 0 230px
    }
}

@media (max-width: 47.99875em) {
    .content-quiz__sidebar {
        margin-top: 40px;
        padding-bottom: 20px
    }
}

@media (min-width: 61.99875em) {
    .content-quiz__wrapper {
        width: calc(100% - 260px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 260px);
        flex: 0 0 calc(100% - 260px);
        padding: 40px 30px 40px 60px
    }
}

@media (max-width: 61.99875em)and (min-width: 47.99875em) {
    .content-quiz__wrapper {
        width: calc(100% - 230px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 230px);
        flex: 0 0 calc(100% - 230px);
        padding: 40px 30px
    }
}

@media (min-width: 47.99875em) {
    .content-quiz__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 47.99875em) {
    .content-quiz__top {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        overflow-y: auto;
        margin-bottom: 25px
    }
}

@media (min-width: 47.99875em)and (max-width: 1200px) {
    .content-quiz__top {
        margin-bottom: calc(20px + 5 * ((100vw - 320px) / 880))
    }
}

.content-quiz__items {
    height: 100%
}

.content-quiz__bottom {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 47.99875em) {
    .content-quiz__bottom {
        position: absolute;
        bottom: 30px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        max-width: 100%;
        padding: 0 15px;
        width: 630px;
        z-index: 10
    }
}

@media (min-width: 47.99875em) {
    .content-quiz__bottom-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }
}

@media (min-width: 47.99875em) {
    .content-quiz__process {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (max-width: 47.99875em) {
    .content-quiz__process {
        margin-bottom: 15px
    }
}

.content-quiz__buttons {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -7.5px
}

@media (min-width: 47.99875em) {
    .content-quiz__buttons {
        margin-left: 60px
    }
}

@media (min-width: 47.99875em)and (max-width: 1200px) {
    .content-quiz__buttons {
        margin-left: calc(0px + 60 * ((100vw - 320px) / 880))
    }
}

.content-quiz__buttons > * {
    padding: 0 7.5px
}

@media (max-width: 47.99875em) {
    .content-quiz__buttons > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.process-quiz__text {
    font-size: .875rem;
    color: #818181;
    margin-bottom: 10px
}

.process-quiz__text span {
    color: #202020;
    display: inline-block;
    margin-left: 5px;
    font-weight: 500
}

.process-quiz__line {
    background-color: rgba(0, 172, 236, .2);
    position: relative;
    height: 3px;
    border-radius: 5px
}

.process-quiz__line-before {
    position: absolute;
    height: 100%;
    width: 0%;
    border-radius: 5px;
    top: 0;
    left: 0;
    background-color: var(--thm-base);
    -webkit-transition: width .3s linear 0s;
    -o-transition: width .3s linear 0s;
    transition: width .3s linear 0s
}

@media (min-width: 47.99875em) {
    .sidebar-quiz {
        height: 100%
    }
}

@media (max-width: 47.99875em) {
    .sidebar-quiz {
        -webkit-transition: opacity .3s linear 0s;
        -o-transition: opacity .3s linear 0s;
        transition: opacity .3s linear 0s
    }

    .sidebar-quiz._opacity {
        opacity: 0
    }
}

@media (min-width: 47.99875em) {
    .sidebar-quiz__wrapper {
        height: 100%;
        background: #f7f7f7;
        border-radius: 0px 10px 10px 0px;
        padding: 55px 15px 40px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 47.99875em) {
    .sidebar-quiz__top:not(:last-child) {
        margin-bottom: 40px
    }
}

@media (min-width: 47.99875em)and (max-width: 1200px) {
    .sidebar-quiz__top:not(:last-child) {
        margin-bottom: calc(30px + 10 * ((100vw - 320px) / 880))
    }
}

@media (max-width: 47.99875em) {
    .sidebar-quiz__bottom {
        display: none
    }
}

@media (min-width: 47.99875em) {
    .sidebar-quiz__discount:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (min-width: 47.99875em)and (max-width: 1200px) {
    .sidebar-quiz__discount:not(:last-child) {
        margin-bottom: calc(20px + 10 * ((100vw - 320px) / 880))
    }
}

@media (max-width: 47.99875em) {
    .sidebar-quiz__discount {
        display: none
    }
}

.discount-quiz__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ffcc18;
    border-radius: 5px;
    padding: 16px 12px;
    font-weight: 500;
    font-size: .875rem;
    line-height: 130%;
    color: #202020
}

.discount-quiz__text:not(:last-child) {
    margin-right: 10px
}

.manager-quiz__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.manager-quiz__person:not(:last-child) {
    margin-bottom: 17px
}

.manager-quiz__image {
    position: relative;
    border-radius: 50%
}

@media (min-width: 61.99875em) {
    .manager-quiz__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
        width: 60px;
        height: 60px
    }
}

@media (max-width: 61.99875em) {
    .manager-quiz__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        width: 45px;
        height: 45px
    }
}

.manager-quiz__image:not(:last-child) {
    margin-right: 12px
}

.manager-quiz__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.manager-quiz__name {
    font-size: .875rem;
    line-height: 110%
}

.manager-quiz__name:not(:last-child) {
    margin-bottom: 5px
}

.manager-quiz__post {
    font-size: .8125rem;
    line-height: 110%;
    color: #818181
}

.manager-quiz__message-wrapper {
    position: relative;
    background: #d9d9d9;
    border-radius: 5px;
    padding: 12px 12px 15px 12px;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 140%
}

.manager-quiz__message-wrapper:before {
    content: "";
    position: absolute;
    left: 15px;
    top: -7px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 8px;
    border-left-width: 8px;
    border-bottom: 8px solid #d9d9d9
}

.manager-quiz__bonuses {
    position: relative
}

.manager-quiz__bonuses svg {
    position: absolute;
    right: 9px;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.range-quiz {
    width: 100%
}

.range-quiz__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -7.5px
}

.range-quiz__top:not(:last-child) {
    margin-bottom: 20px
}

.range-quiz__top > * {
    padding: 7.5px
}

.range-quiz__text {
    color: #818181
}

.range-quiz__range {
    padding: 0 6px 0 10px
}

.range-quiz__input {
    display: inline-block
}

.range-quiz__input > input[type=text] {
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 46px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
    width: 100px;
    color: #202020;
    padding-top: 3%;
    padding-bottom: 2%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .875rem
}

.range-quiz__values {
    margin-top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.range-quiz__value-start, .range-quiz__value-end {
    font-size: .875rem;
    line-height: 130%;
    opacity: .5
}

.item-quiz {
    height: 100%
}

.item-quiz:not(:first-child) {
    display: none
}

.item-quiz__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.item-quiz__header {
    margin-bottom: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 1200px) {
    .item-quiz__header {
        margin-bottom: calc(20px + 5 * ((100vw - 320px) / 880))
    }
}

.item-quiz__title {
    font-weight: 500;
    line-height: 120%
}

@media (min-width: 61.99875em) {
    .item-quiz__title {
        font-size: 1.875rem
    }
}

@media (max-width: 61.99875em)and (min-width: 34.99875em) {
    .item-quiz__title {
        font-size: 1.75rem
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__title {
        font-size: 1.5rem
    }
}

@media (min-width: 47.99875em) {
    .item-quiz__body {
        padding-right: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--thm-base) rgba(0, 172, 236, .3)
    }

    .item-quiz__body::-webkit-scrollbar {
        width: 3px !important
    }

    .item-quiz__body::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: var(--thm-base);
        cursor: pointer;
        width: 3px !important
    }

    .item-quiz__body::-webkit-scrollbar-track {
        border-radius: 5px;
        background: rgba(0, 172, 236, .3);
        width: 3px !important
    }
}

@media (min-width: 34.99875em) {
    .item-quiz__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px -15px
    }

    .item-quiz__content > * {
        padding: 10px 15px
    }
}

.item-quiz__radio {
    width: 100%
}

@media (min-width: 34.99875em) {
    .item-quiz__radio {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__radio:not(:last-child) {
        margin-bottom: 15px
    }
}

.item-quiz__radio > input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.item-quiz__radio > input[type=radio]:checked ~ label {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))
}

.item-quiz__radio > input[type=radio]:checked ~ label:before {
    background-color: var(--thm-base)
}

.item-quiz__radio > input[type=radio] ~ label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 130%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 14px 15px 14px 43px;
    -webkit-transition: -webkit-filter .3s ease 0s;
    transition: -webkit-filter .3s ease 0s;
    -o-transition: filter .3s ease 0s;
    transition: filter .3s ease 0s;
    transition: filter .3s ease 0s, -webkit-filter .3s ease 0s;
    display: block;
    position: relative
}

.item-quiz__radio > input[type=radio] ~ label::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #d9d9d9;
    border: 2px solid #d9d9d9;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.item-quiz__checkbox {
    width: 100%
}

@media (min-width: 34.99875em) {
    .item-quiz__checkbox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__checkbox:not(:last-child) {
        margin-bottom: 15px
    }
}

.item-quiz__checkbox > input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.item-quiz__checkbox > input[type=checkbox]:checked ~ label {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))
}

.item-quiz__checkbox > input[type=checkbox]:checked ~ label:after {
    opacity: 1
}

.item-quiz__checkbox > input[type=checkbox] ~ label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 130%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 14px 15px 14px 43px;
    -webkit-transition: -webkit-filter .3s ease 0s;
    transition: -webkit-filter .3s ease 0s;
    -o-transition: filter .3s ease 0s;
    transition: filter .3s ease 0s;
    transition: filter .3s ease 0s, -webkit-filter .3s ease 0s;
    display: block;
    position: relative
}

.item-quiz__checkbox > input[type=checkbox] ~ label::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.item-quiz__checkbox > input[type=checkbox] ~ label:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.1889 0.289095C11.1467 0.303158 11.067 0.347689 11.0084 0.389876C10.9451 0.432064 9.49201 2.07503 7.53263 4.318C4.33341 7.97659 4.16232 8.16878 4.12716 8.12425C4.10607 8.10081 3.39591 7.34144 2.54982 6.43675C0.841224 4.61566 0.927943 4.69534 0.627943 4.69534C0.161537 4.69534 -0.140807 5.19222 0.0748182 5.60472C0.105287 5.66331 0.897474 6.52581 1.96154 7.65784C3.93497 9.76253 3.87872 9.70863 4.13888 9.72972C4.31935 9.74378 4.47638 9.68284 4.62872 9.53753C4.83497 9.343 11.8826 1.26878 11.9319 1.17503C12.1311 0.783627 11.8498 0.300814 11.4068 0.275032C11.3272 0.270345 11.2287 0.277376 11.1889 0.289095Z' fill='%2300acec'/%3e%3c/svg%3e ");
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 18px;
    height: 18px;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
    margin-top: 1px;
    opacity: 0
}

.item-quiz__input {
    position: relative;
    width: 100%
}

.item-quiz__input:not(:last-child) {
    margin-bottom: 15px
}

.item-quiz__input._active > input[type=text] ~ label {
    font-size: .5625rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 34.99875em) {
    .item-quiz__input._active > input[type=text] ~ label {
        top: 27%
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__input._active > input[type=text] ~ label {
        top: 17%
    }
}

.item-quiz__input._active > input[type=text]::-webkit-input-placeholder {
    opacity: 1
}

.item-quiz__input._active > input[type=text]::-moz-placeholder {
    opacity: 1
}

.item-quiz__input._active > input[type=text]:-ms-input-placeholder {
    opacity: 1
}

.item-quiz__input._active > input[type=text]::-ms-input-placeholder {
    opacity: 1
}

.item-quiz__input._active > input[type=text]::placeholder {
    opacity: 1
}

.item-quiz__input > input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 46px;
    -webkit-transition: border-color .3s ease 0s, color .3s ease 0s;
    -o-transition: border-color .3s ease 0s, color .3s ease 0s;
    transition: border-color .3s ease 0s, color .3s ease 0s;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    color: #202020;
    padding-top: 3%;
    padding-bottom: 2%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .875rem
}

.item-quiz__input > input[type=text]:focus {
    border-color: var(--thm-base-2);
    color: #202020 !important
}

.item-quiz__input > input[type=text]:focus::-webkit-input-placeholder {
    color: #818181 !important
}

.item-quiz__input > input[type=text]:focus::-moz-placeholder {
    color: #818181 !important
}

.item-quiz__input > input[type=text]:focus:-ms-input-placeholder {
    color: #818181 !important
}

.item-quiz__input > input[type=text]:focus::-ms-input-placeholder {
    color: #818181 !important
}

.item-quiz__input > input[type=text]:focus::placeholder {
    color: #818181 !important
}

.item-quiz__input > input[type=text]::-webkit-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -webkit-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
    opacity: 0
}

.item-quiz__input > input[type=text]::-moz-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -moz-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
    opacity: 0
}

.item-quiz__input > input[type=text]:-ms-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -ms-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
    opacity: 0
}

.item-quiz__input > input[type=text]::-ms-input-placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -ms-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
    opacity: 0
}

.item-quiz__input > input[type=text]::placeholder {
    font-size: inherit;
    color: #818181;
    line-height: 100%;
    -webkit-transition: opacity .3s ease 0s, color .3s ease 0s;
    -o-transition: opacity .3s ease 0s, color .3s ease 0s;
    transition: opacity .3s ease 0s, color .3s ease 0s;
    opacity: 0
}

.item-quiz__input > input[type=text]._invalid {
    border: 1px solid #e10000;
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid::-webkit-input-placeholder {
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid::-moz-placeholder {
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid:-ms-input-placeholder {
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid::-ms-input-placeholder {
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid::placeholder {
    color: #e10000
}

.item-quiz__input > input[type=text]._invalid ~ label {
    color: #e10000
}

.item-quiz__input > input[type=text] ~ label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: font-size .3s ease 0s, top .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    -o-transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s;
    transition: font-size .3s ease 0s, top .3s ease 0s, transform .3s ease 0s, color .3s ease 0s, -webkit-transform .3s ease 0s;
    line-height: 100%;
    color: #818181;
    font-size: .875rem
}

@media (min-width: 34.99875em) {
    .item-quiz__input > input[type=text] ~ label {
        left: 30px
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__input > input[type=text] ~ label {
        left: 15px
    }
}

.item-quiz__slider {
    position: relative
}

.item-quiz__slide > input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0
}

.item-quiz__slide > input[type=radio]:checked ~ label .item-quiz__slide-img {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))
}

.item-quiz__slide > input[type=radio]:checked ~ label .item-quiz__slide-img:before {
    background-color: var(--thm-base)
}

.item-quiz__slide > input[type=radio] ~ label {
    cursor: pointer;
    font-size: .875rem;
    line-height: 130%;
    display: block
}

.item-quiz__slide-img {
    position: relative;
    pointer-events: none;
    padding-top: 125.2%;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    -webkit-transition: -webkit-filter .15s ease 0s;
    transition: -webkit-filter .15s ease 0s;
    -o-transition: filter .15s ease 0s;
    transition: filter .15s ease 0s;
    transition: filter .15s ease 0s, -webkit-filter .15s ease 0s
}

.item-quiz__slide-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.item-quiz__slide-img::before {
    content: "";
    position: absolute;
    bottom: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s;
    z-index: 3
}

.item-quiz__slider-controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    pointer-events: none
}

@media (min-width: 34.99875em) {
    .item-quiz__slider-controls {
        left: 15px;
        width: calc(100% - 30px)
    }
}

@media (max-width: 34.99875em) {
    .item-quiz__slider-controls {
        left: 0;
        width: 100%
    }
}

.quiz-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 140%;
    -webkit-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    -o-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
    border-radius: 5px;
    height: 40px;
    padding: 5px 37px;
    font-weight: 500;
    font-size: .875rem
}

.quiz-btn:disabled {
    pointer-events: none;
    cursor: default;
    color: #d9d9d9;
    background: #fff;
    border: 1px solid #d9d9d9
}

.quiz-btn svg {
    margin-right: 10px;
    height: auto;
    width: auto;
    max-height: 16px
}

.quiz-btn_primary {
    color: #fff;
    background: var(--thm-base)
}

@media (any-hover: hover) {
    .quiz-btn_primary:hover {
        background: var(--thm-base-2)
    }
}

.quiz-btn_yellow {
    background: #ffcc18
}

@media (any-hover: hover) {
    .quiz-btn_yellow:hover {
        background: rgba(255, 204, 24, .8)
    }
}

.quiz-btn_primary-border {
    color: var(--thm-base);
    background: transparent;
    border: 1px solid var(--thm-base)
}

@media (any-hover: hover) {
    .quiz-btn_primary-border:hover {
        color: #fff;
        background: var(--thm-base-2);
        border-color: var(--thm-base-2)
    }
}

.quiz-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

@media (min-width: 47.99875em) {
    .quiz-controls {
        height: 40px
    }
}

@media (max-width: 47.99875em) {
    .quiz-controls {
        height: 40px
    }
}

.quiz-controls__arrow {
    pointer-events: auto;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .3s ease 0s, background-color .3s ease 0s;
    -o-transition: opacity .3s ease 0s, background-color .3s ease 0s;
    transition: opacity .3s ease 0s, background-color .3s ease 0s;
    background-color: var(--thm-base)
}

@media (min-width: 47.99875em) {
    .quiz-controls__arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        height: 40px
    }
}

@media (max-width: 47.99875em) {
    .quiz-controls__arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        height: 30px
    }
}

.quiz-controls__arrow svg {
    width: auto;
    height: 15px
}

.quiz-controls__arrow path {
    stroke: #fff
}

.quiz-controls__arrow_next svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (any-hover: hover) {
    .quiz-controls__arrow:not(.quiz-controls__arrow.swiper-button-disabled):hover {
        background-color: var(--thm-base-2)
    }
}

.quiz-controls__arrow.swiper-button-disabled {
    pointer-events: none;
    background-color: rgba(0, 172, 236, .2)
}

.quiz-controls__arrow.swiper-button-lock {
    opacity: 0;
    pointer-events: none
}

.quiz-succes {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--thm-base) rgba(0, 172, 236, .3)
}

.quiz-succes::-webkit-scrollbar {
    width: 3px !important
}

.quiz-succes::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--thm-base);
    cursor: pointer;
    width: 3px !important
}

.quiz-succes::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0, 172, 236, .3);
    width: 3px !important
}

@media (max-width: 47.99875em) {
    .quiz-succes {
        padding: 40px 15px !important
    }
}

.quiz-succes__container {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.quiz-succes__title {
    text-align: center;
    line-height: 120%;
    font-weight: 700
}

.quiz-succes__title:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    .quiz-succes__title:not(:last-child) {
        margin-bottom: calc(10px + 5 * ((100vw - 320px) / 880))
    }
}

@media (min-width: 61.99875em) {
    .quiz-succes__title {
        font-size: 1.875rem
    }
}

@media (max-width: 61.99875em)and (min-width: 34.99875em) {
    .quiz-succes__title {
        font-size: 1.75rem
    }
}

@media (max-width: 34.99875em) {
    .quiz-succes__title {
        font-size: 1.625rem
    }
}

.quiz-succes__subtitle {
    text-align: center;
    line-height: 140%;
    color: #818181
}

@media (min-width: 47.99875em) {
    .quiz-succes__subtitle {
        font-size: 1.125rem
    }
}

@media (max-width: 47.99875em) {
    .quiz-succes__subtitle {
        font-size: 1rem
    }
}

.quiz-succes__header:not(:last-child) {
    margin-bottom: 20px
}

.quiz-succes__wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width: 47.99875em) {
    .quiz-succes__wrapper {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 40px 60px
    }
}

@media (min-width: 47.99875em) {
    .quiz-succes__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 500px;
        flex: 0 1 500px;
        padding: 30px 40px 64px 40px;
        background: #fff;
        border: 1px solid #efefef;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        border-radius: 10px
    }
}

@media (max-width: 47.99875em) {
    .quiz-succes__content {
        max-width: 600px;
        margin: 0 auto
    }
}

@media (min-width: 47.99875em) {
    .quiz-succes__img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%
    }

    .quiz-succes__img img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width: 47.99875em) {
    .quiz-succes__img {
        display: none
    }
}

.quiz-succes__btn {
    margin: 0 auto
}

@media (min-width: 47.99875em) {
    .quiz-succes__btn {
        max-width: 280px
    }
}

@media (max-width: 47.99875em) {
    .quiz-succes__btn {
        max-width: 350px
    }
}

.quiz-succes__btn:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 1200px) {
    .quiz-succes__btn:not(:last-child) {
        margin-bottom: calc(25px + 5 * ((100vw - 320px) / 880))
    }
}

.quiz-succes__bonuses {
    margin: 0 auto
}

@media (min-width: 47.99875em) {
    .quiz-succes__bonuses {
        max-width: 280px
    }
}

@media (max-width: 47.99875em) {
    .quiz-succes__bonuses {
        max-width: 350px
    }
}

.quiz-succes__bonuses .bonuses-quiz__title {
    text-align: center
}

.callback-quiz .nrobot-checkbox {
    color: #fff;
}

.callback-quiz .input__error {
    color: #fff;
}

.legal-link {
    color: #3F58AF;
}

.legal-link:hover {
    color: #2c3c74;
}

.popup-callback__text {
    color: #fff;
}

@media (max-width: 47.99875em) {
    .popup-callback__text {
        color: #818181;
    }

    .callback-quiz .input__error {
        color: #818181;
    }
}

.single-testimonials-style1 .text-holder .text:not(.single-testimonials-style1 .text-holder .text._more) {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-gallery-style1_content .inner-box .text:not(.video-gallery-style1_content .inner-box .text._more) {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.slide-gas-holder-slider__characteristics {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.slide-gas-holder-slider__characteristic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    margin-right: 30px;
}

.slide-gas-holder-slider__characteristic:not(:last-child) {
    margin-bottom: 8px
}

.slide-gas-holder-slider__text {
    color: #676767;
    margin-right: 10px;
    line-height: 130%
}

.slide-gas-holder-slider__value {
    text-align: right;
    line-height: 130%
}

.slide-gas-holder-slider__price {
    font-size: .875rem;
    line-height: 140%;
    color: var(--thm-base)
}

.slide-gas-holder-slider__price:not(:last-child) {
    margin-bottom: 15px
}

.subtitle, .subtitle * {
    line-height: 140%
}

.subtitle > b {
    display: block
}

.subtitle b {
    font-size: 1.375rem;
    letter-spacing: .01em;
    color: #2a2a30
}

.subtitle ul li {
    position: relative !important;
    padding-left: 16px !important;
    line-height: 150% !important
}

.subtitle ul li:not(:last-child) {
    margin-bottom: 7px !important
}

.subtitle ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10.5px;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    width: 6px !important;
    height: 6px !important;
    background-color: var(--thm-base) !important;
    border-radius: 50% !important;
    top: 10px !important
}

.subtitle ol {
    counter-reset: num;
    list-style: none
}

.subtitle ol li {
    counter-increment: num;
    position: relative;
    padding-left: 16px;
    line-height: 150%
}

.subtitle ol li:not(:last-child) {
    margin-bottom: 2px
}

.subtitle ol li::before {
    content: counter(num) ".";
    position: absolute;
    left: 0;
    color: #676767
}

@media (min-width: 75.75em) {
    .subtitle p, .subtitle ul, .subtitle ol {
        max-width: 91%
    }
}

.subtitle > *:not(:last-child) {
    margin-bottom: 10px
}

.subtitle a {
    color: var(--thm-base)
}

.subtitle img {
    width: 100%;
    height: auto !important;
    border-radius: 20px
}

.subtitle iframe, .subtitle video {
    width: 100% !important
}

.subtitle video {
    height: auto !important
}

.form-group {
    resize: none;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 7px 10px;
    background: #F5F4F4;
}

.form-group textarea {
    resize: none;
    width: 100%;
    background: #F5F4F4;
}

.form-group input {
    width: 100%;
    background: #F5F4F4;
}
.nrobot-checkbox{
    margin: 10px 0;
}
.form-main__text{
    display: inline;
}

.popup-succes__content {
    background: #fff
}

@media (min-width: 29.99875em) {
    .popup-succes__content {
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        padding: 35px 55px !important;
        border-radius: 5px;
        max-width: 470px;
        background: #fff
    }
}

@media (max-width: 29.99875em) {
    .popup-succes__content {
        width: 100vw;
        height: 100vh;
        padding: 30px 20px
    }
}

.popup-succes__header {
    text-align: center
}

.popup-succes__header:not(:last-child) {
    margin-bottom: 25px
}

.popup-succes__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 120%
}

.popup-succes__title:not(:last-child) {
    margin-bottom: 10px
}

@media (max-width: 47.99875em) {
    .popup-succes__title {
        font-size: 1.625rem
    }
}

.popup-succes__btn {
    margin-top: 25px
}

.popup-succes__btn:not(:last-child) {
    margin-bottom: 10px
}

.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: auto;
    margin-right: 8px
}

@media (max-width: 47.99875em) {
    .logo svg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        width: 30px;
        height: auto
    }
}

.logo__right {
    margin-left: 10px
}

.logo__title {
    line-height: 100%;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: .015em;
    color: #ffffff;
}

@media (max-width: 47.99875em) {
    .logo__title {
        font-size: 1rem
    }
}

@media (max-width: 29.99875em) {
    .logo__title {
        font-size: .875rem
    }
}

.logo__text {
    font-weight: 400;
    font-size: .625rem;
    color: #676767;
    line-height: 100%
}

.text-block__title {
    font-size: 3rem;
    text-align: center
}

.text-block__title:not(:last-child) {
    margin-bottom: 15px
}

.text-block__body {
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-block__body > * {
    padding: 0 15px
}

.text-block__content {
    z-index: 1;
}

@media (min-width: 61.99875em) {
    .text-block__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (max-width: 61.99875em) {
    .text-block__content:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (min-width: 61.99875em) {
    .text-block__aside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.text-block__image {
    width: 100%
}

.text-block__image img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

section.text-block {
    padding-bottom: 50px;
    padding-top: 50px;
}

section._background {
    position: relative
}

@media (max-width: 1200px) {
    section.text-block {
        padding-bottom: calc(34px + 32 * ((100vw - 320px) / 880))
    }
}

@media (max-width: 1200px) {
    section.text-block {
        padding-top: calc(34px + 32 * ((100vw - 320px) / 880))
    }
}

section._background > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

section._background + section._background {
    margin-top: -100px
}

@media (max-width: 1200px) {
    section._background + section._background {
        margin-top: calc(-34px + -32 * ((100vw - 320px) / 880))
    }
}

.main__popups {
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

.main__popups > :first-child {
    border-radius: 5px 0 0 0
}

.main__popups > :last-child {
    border-radius: 0 0 0 5px
}

.main__popup {
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    right: -162px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 20px;
    background-color: var(--thm-base)
}

@media (any-hover: hover) {
    .main__popup:hover {
        right: 0
    }

    .main__popup:hover span {
        opacity: 1
    }
}

@media (any-hover: none) {
    .main__popup span {
        display: none
    }
}

@media (max-width: 61.99875em) {
    .main__popup {
        padding: 10px 15px;
        width: 212px
    }
}

.main__popup svg {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

@media (max-width: 61.99875em) {
    .main__popup svg {
        width: 20px;
        height: 20px
    }
}

.main__popup span {
    line-height: 140%;
    font-size: .875rem;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    max-width: 145px
}

.service-style1-area, .features-style1-area, .calculator, .about-style1-area, .price-spollers, .working-process-area, .video-gallery-style1_content, .project-page-two, .team-style1-area, .testimonials-style1-area, .contact-info-style1-area, .faq-page-one, .project-page-four, .project-page-one, .contact-info-area, .choose-style2-area.about-page {
    padding-bottom: 50px;
    padding-top: 50px;
}

.main-contact-form-area {
    padding-bottom: 50px;
}

@media (max-width: 1200px) {
    .service-style1-area, .features-style1-area, .calculator, .about-style1-area, .price-spollers, .working-process-area, .video-gallery-style1_content, .project-page-two, .team-style1-area, .testimonials-style1-area, .contact-info-style1-area, .faq-page-one, .project-page-four, .project-page-one, .contact-info-area, .choose-style2-area.about-page {
        padding-bottom: calc(34px + 32 * ((100vw - 320px) / 880));
        padding-top: calc(34px + 32 * ((100vw - 320px) / 880));
    }

    .main-contact-form-area {
        padding-bottom: calc(34px + 32 * ((100vw - 320px) / 880));
    }
}

.text-list {
    padding: 40px 0
}

@media (max-width: 1200px) {
    .text-list {
        margin-bottom: calc(68px + 32 * ((100vw - 320px) / 880))
    }
}

.text-list._background {
    background: #e2e2e2;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 1200px) {
    .text-list._background {
        padding-top: calc(68px + 32 * ((100vw - 320px) / 880))
    }
}

@media (max-width: 1200px) {
    .text-list._background {
        padding-bottom: calc(68px + 32 * ((100vw - 320px) / 880))
    }
}
.text-list__container{
    position: relative;
}
.text-list__header:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 1200px) {
    .text-list__header:not(:last-child) {
        margin-bottom: calc(15px + 5 * ((100vw - 320px) / 880))
    }
}

.text-list__title:not(:last-child) {
    margin-bottom: 15px
}

@media (max-width: 1200px) {
    .text-list__title:not(:last-child) {
        margin-bottom: calc(10px + 5 * ((100vw - 320px) / 880))
    }
}

.text-list__subtitle {
    line-height: 130%;
    color: #666;
}

@media(max-width: 47.99875em) {
    .text-list__subtitle {
        font-size: 1rem;
    }
}

.text-list__subtitle b {
    font-weight: 500;
    display: block;
    font-size: 1rem;
    line-height: 100%;
    color: #000;
}

.text-list__subtitle>b {
    margin-top: 25px;
}

.text-list__subtitle>:not(:last-child) {
    margin-bottom: 10px;
}

.text-list__subtitle ul li {
    position: relative;
    padding-left: 24px;
}

.text-list__subtitle ul li:not(:last-child) {
    margin-bottom: 10px;
}

.text-list__subtitle ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background-color: #728455;
    border-radius: 50%;
}

.text-list__subtitle ol {
    counter-reset: num;
    list-style: none;
}

.text-list__subtitle ol:not(:last-child) {
    margin-bottom: 15px;
}

.text-list__subtitle ul:not(:last-child) {
    margin-bottom: 15px;
}

.text-list__subtitle ol li {
    counter-increment: num;
    position: relative;
    /*padding-left: 25px;*/
}

.text-list__subtitle ol li:not(:last-child) {
    margin-bottom: 10px;
}

.text-list__subtitle ol li::before {
    content: counter(num) ".";
    padding-right: 10px;
    color: #666;
}

.text-list__legal p,.text-list__legal h2 {
    margin: 0 0 10px;
    color: #666666;
    font-size: 16px;
}

.counters ol {
    padding-left: 0px;
    list-style-type: none;
    counter-reset: section;
}

ol.counters li {
    counter-increment: section;
    position: initial;
    margin-bottom: 5px;
    padding-left: 15px;
}

ol.counters li::before {
    content: counters(section,".")".";
    text-align: center;
    /*display: contents;*/
    position: absolute;
    left: 0;
}

.list-item-strong::before {
    font-weight: bold;
}

.counters ol li:not(:last-child) {
}

.list-counter-title {
    display: inline-block;
    padding-bottom: 1em;
}

.list-align-left ol, .list-align-left ul {
    padding-left: 0;
}

.list-item-pb-1 li:not(:last-child) {
    padding-bottom: 1em;
}


.text-list__legal p, .text-list__legal h2 {
    margin: 0 0 10px;
    color: #666666;
    font-size: 16px;
    padding-left: 15px;
}

.text-list__sitemap {
    padding: 20px, 40px;
    width: 100%;
    columns: 210px auto;
    text-align: left;
    column-gap: 50px;
}

ul.text-list__sitemap li {
    overflow: auto;
    display: list-item;
    width: 100%;
    padding: 5px 10px 5px 20px;
    position: relative;
}

ul.text-list__sitemap li::before {
    top: 14px
}

.text-list__category {
    font-size: 26px;
    color: #2a2a30
}

.text-list__sitemap a {
    color: var(--thm-base-2);
}

@media (any-hover: hover) {
    .text-list__sitemap a:hover {
        text-decoration: underline;
    }
}

.text-list__sitemap a:visited {
    color: var(--thm-base);
}

.legal-information {
    padding: 40px 0;
}

.legal-information__header, .legal-information__header * {
    text-align: center
}

.legal-information__header:not(:last-child) {
    margin-bottom: 25px
}

.legal-information__title:not(:last-child) {
    margin-bottom: 15px
}

@media (min-width: 61.99875em) {
    .legal-information__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 61.99875em) {
    .legal-information__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 15px
    }

    .legal-information__column .legal-information__item:first-child .item-legal-information__wrapper {
        padding-top: 0
    }

    .legal-information__column .legal-information__item:last-child .item-legal-information {
        border-bottom: none
    }

    .legal-information__column .legal-information__item:last-child .item-legal-information__wrapper {
        padding-bottom: 0
    }
}

@media (max-width: 61.99875em) {
    .legal-information__column:first-child .legal-information__item:first-child .item-legal-information__wrapper {
        padding-top: 0
    }

    .legal-information__column:last-child .legal-information__item:last-child .item-legal-information {
        border-bottom: none
    }

    .legal-information__column:last-child .legal-information__item:last-child .item-legal-information__wrapper {
        padding-bottom: 0
    }
}

.item-legal-information {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.item-legal-information__wrapper {
    padding: 15px 0
}

@media (min-width: 23.56125em) {
    .item-legal-information__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 47.99875em) {
    .item-legal-information__wrapper {
        margin: 0 -15px
    }

    .item-legal-information__wrapper > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 15px
    }
}

@media (max-width: 47.99875em)and (min-width: 23.56125em) {
    .item-legal-information__wrapper {
        margin: 0 -10px
    }

    .item-legal-information__wrapper > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 10px
    }
}

.item-legal-information__text {
    line-height: 140%
}

@media (min-width: 23.56125em) {
    .item-legal-information__text {
        color: #666;
        font-size: .875rem
    }
}

@media (max-width: 23.56125em) {
    .item-legal-information__text {
        font-weight: 500
    }

    .item-legal-information__text:not(:last-child) {
        margin-bottom: 10px
    }
}

.item-legal-information__value {
    font-size: .875rem;
    line-height: 140%;
    color: #666
}

.list-counter-title {
    display: inline-block;
    padding-bottom: 1em
}

.list-align-left ol, .list-align-left ul {
    padding-left: 0;
}

.list-item-pb-1 li:not(:last-child) {
    padding-bottom: 1em;
}

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

.block-wrapper {
    width: 100%;
    margin: 0 auto
}

.header-bottom__button:not(:last-child) {
    margin-bottom: 35px;
}

@media (min-width: 61.99875em) {
    .header-bottom__button {
        display: none;
    }
}

@media (max-width: 61.99875em) {
    .main-slider .content .big-title h1, .breadcrumb-area .title h1 {
        font-size: 3rem;
    }

    .sec-title h2, .calculator__title, .price-spollers__title, .text-block__title, .text-list__title, .text-list__category {
        font-size: 2.5rem;
    }

    .contact-style1_form .top-title h2 {
        font-size: 2rem;
    }
}

@media (max-width: 47.99875em) {
    .main-slider .content .big-title h1, .breadcrumb-area .title h1 {
        font-size: 2.125rem;
    }

    .breadcrumb-area .title h1, .sec-title h2, .calculator__title, .price-spollers__title, .text-block__title, .contact-style1_form .top-title h2, .text-list__title, .text-list__category {
        font-size: 2rem;
    }
}

@media (max-width: 29.99875em) {
    .main-slider .content .big-title h1, .breadcrumb-area .title h1, .sec-title h2, .calculator__title, .price-spollers__title, .text-block__title, .contact-style1_form .top-title h2, .text-list__title {
        font-size: 1.825rem;
    }

    .text-list__category {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .video-gallery-style1-area .col-xl-12 {
        padding-right: 25px;
        padding-left: 40px;
    }

    .video-gallery-style1-area .pattern-bg-2 {
        right: 4%;
        left: 4%;
        top: 0%;
    }

    .video-gallery-style1-area .pattern-bg {
        bottom: 0;
        right: 6%;
        left: 6%;
    }
}

@media (max-width: 1024px) {
    .footer-widget-links ul li a, .footer-widget-links a, .footer-menu .footer-nav li a, .footer-bottom__developed li {
        min-height: 48px;
        min-width: 48px;
        font-size: 1.125em;
    }

    .footer-widget-contact-info ul li {
        line-height: 200%;
    }

    .footer-widget-contact-info ul li p {
        font-size: 1.125em;
    }

    .owl-carousel.owl-dot-style1 .owl-dots .owl-dot {
        width: 24px;
        height: 24px;
        margin: 4px 10px;
    }
}

.callback-quiz__form .legal-popup, .callback-quiz__form .legal-link {
    color: #ffd100
}

.popup-callback__text {
    line-height: 140%;
}

span.legal-popup, a.legal-link {
    color: #587cda;
    text-decoration: underline;
    cursor: pointer;
}

.quiz-legal span.legal-popup, .quiz-legal a.legal-link {
    color: #3a4144
}

.form__text {
    line-height: 160%;
}

.form__title {
    color: var(--thm-black);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25em;
    font-family: var(--thm-font-2);
    margin: 0 0 20px;
}

.popup-agreement__title {
    line-height: 120%;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
}

@media (min-width: 29.99875em) {
    .popup-agreement {
        border: 1px solid #efefef;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .04), 0px 0px 2px rgba(0, 0, 0, .06), 0px 0px 1px rgba(0, 0, 0, .04);
        border-radius: 5px;
        padding: 35px 55px 0 45px !important;
        max-width: 1100px;
        width: 100%
    }
}

@media (max-width: 47.99875em)and (min-width: 29.99875em) {
    .popup-agreement {
        padding: 35px 35px 0 35px !important
    }
}

@media (max-width: 29.99875em) {
    .popup-agreement {
        height: 100%;
        width: 100%;
        padding: 30px 20px
    }
}

.popup-agreement__wrapper {
    margin: 0 -10px
}

.popup-agreement__img {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 10px
}

@media (max-width: 47.99875em) {
    .popup-agreement__img {
        display: none
    }
}

.popup-agreement__img-wrapper {
    position: relative;
    height: 100%;
    width: 100%
}

.popup-agreement__img-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.popup-agreement__body {
    padding: 0 10px 35px 10px
}

@media (min-width: 47.99875em) {
    .popup-agreement__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 333px;
        flex: 0 0 333px
    }
}

@media (max-width: 47.99875em) {
    .popup-agreement__body {
        width: 100%
    }
}

.popup-agreement__text {
    padding: 5px;
    line-height: 1.32;
}
.popup-agreement__text ol > li {
    list-style: decimal !important;
    margin-bottom: 10px !important;
}
.popup-agreement__text ul li{
    list-style: inside !important;
}

.SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom {
    bottom: 2% !important;
}

.smart-captcha {
    display: none;
}

.footer-top__ur-part{
    color: #b0b0bd;
}

/* Cookie widget */

.cookieWidget--wrapper {
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 10;
}

@media (max-width: 766px) {
    .cookieWidget--wrapper {
        bottom: 100px;
        left: 0;
        right: 0;
    }
}

.cookieWidget {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 5px;
    background: var(--thm-base);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px 0 0 15px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    align-items: center;
}

@media (max-width: 766px) {
    .cookieWidget {
        border-radius: 0;
        font-size: 10px;
    }
}

.cookieWidget__text {
    width: 423px;
    height: 34px;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    font: inherit;
}

@media (max-width: 766px) {
    .cookieWidget__text {
        width: 90%;
        height: fit-content;
    }
}

.cookieWidget__text--link {
    text-decoration-line: underline;
    cursor: pointer;
    flex: none;
    order: 0;
    flex-grow: 0;
    color: #fff;
}

.cookieWidget__closeButton {
    padding: 10px 10px;
    gap: 10px;
    width: 30px;
    height: 30px;
    background: rgba(244, 244, 244, 0.5);
    border-radius: 9999px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.closeButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(244, 244, 244, 0.5);
    border-radius: 9999px;
    cursor: pointer;
}

.closeButton:hover {
    background: rgba(244, 244, 244, 0.7);
}

.closeButton__input {
    display: none;
}

.closeButton__input:checked ~ div {
    display: none;
}

.closeButton__span {
    font: inherit;
    color: #000000;
}
/*end cookie widget*/