:root {
    --primary-color: #fff;
}

html, body {
    font-family: 'Museo Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #000;
    overflow-x: hidden;
}

li {
    list-style: none;
}

a {
    color: black;
    text-decoration: none;
}

button {
    font-family: 'Museo Sans', sans-serif;
    border: none;
    cursor: pointer;
    background: none;
}

.container {
    max-width: 1048px;
    margin: 0 auto;
    padding: 0 15px;
}

.dflex {
    display: flex;
}

.jc-sb {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.mg-0 {
    margin: 0;
}

/*header*/

.is-sticky-opening {
    position: fixed;
    top: 0;
    z-index: 99;
    background: rgba(13, 17, 37, .93);
    width: 100%;
    padding: 14px 0;
    transition: background .4s ease, padding-top .4s ease, padding-bottom .4s ease;
}

.is-sticky-opening .header-main {
    padding-top: 0;
}

.header-main .logo img, .footer-logo img {
    width: 50px;
}

#header {
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    padding-top: 12px;
    transition: all .25s linear;
}

.change-bg{
    background: #D1575B !important;
    position: fixed !important; 
    width: 100%; 
    z-index: 9999;
    height: 100vh;
    padding-top: 0;
    /*top: 0;*/
}

.header-top a,
.header-top li button {
    color: #fff;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 300;
    margin-left: 31px;
    transition: all .3s ease-in-out;
}

.header-top a:hover,
.header-top li button:hover {
    opacity: .7;
}

.header-top ul {
    padding: 0;
    margin-top: 0;
    justify-content: end;
}

.header-top {
    border-bottom: 1px solid rgba(238, 238, 238, 0.2);
}

.header-main {
    padding-top: 24px;
}

.logo {
    display: block;
    position: relative;
    z-index: 101;
    font-size: 0;
    line-height: 0;
}

.menu-main {
    margin: 0 50px 0 0;
    padding: 0;
}

.menu-main >li {
    margin: 0 19px;
    position: relative;
    transition: color 0.2s linear, background 0.2s linear, opacity 0.2s linear,  border-color 0.2s linear;
}

.menu-item {
    color: #fff;
    transition: all .3s ease;
}

.btn-action a, .btn-get a {
    display: inline-block;
    vertical-align: middle;
    padding: 14px 25px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    color: #fff;
    border: 1px solid #FFAC30;
    background: #FFAC30;
    transition: all .2s linear;
}

.btn-action a:hover, .btn-start:hover, .btn-get a:hover {
    background: transparent;
}

.btn-start:hover {
    color: #ffac30;
}

.has-submenu {
    display: block;
    position: relative;
}

.has-submenu i {
    margin-left: 5px;
}

.has-submenu img{
    width: 10px;
    transition: all .3s ease-in-out;
}

.menu-main .menu-dropdown:hover .has-submenu img {
    transform: rotate(180deg);
}

.drop-box {
    position: absolute;
    z-index: 11;
    background-color: #fff;
    border-radius: 4px;
    padding: 13px 0;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    width: 481px;
    left: -210px;
    top: 0;
    margin-top: 50px;
    display: none;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.menu-main .menu-dropdown:hover .drop-box {
    display: block;
}

.drop-box:after, .drop-box:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.drop-box:after {
    border-style: solid;
    border-width: 0 14px 18px 14px;
    border-color: transparent transparent #fff transparent;
}

.drop-box:before {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 32px;
    background-image: url(../images/transparent-03.png);
}

.drop-box li a {
    align-items: center;
    min-height: 72px;
    padding: 8px 20px 8px 40px;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 400;
    color: #A4ABB5;
    position: relative;
}

.drop-box li a .icon-box-link img {
    width: 32px;
}

.drop-box li:hover a {
    background-color: rgba(240, 94, 99, 0.1);
}

.drop-box li:hover a:after {
    content: '';
    position: absolute;
    border: 1px solid #F05E63;
    background: #F05E63;
    height: 100%;
    left: 0;
    width: 2px;
    top: 0;
}

.box-link-info {
    display: flex;
    flex-direction: column;
    margin-left: 23px;
}

.box-link:hover .box-link-info-title, .drop-box li:hover .hover-color {
    color: #F05E63 !important;
}

.drop-box li:hover .box-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #FA5C64;
    transition: inherit;
    opacity: 0;
}

.box-link-info-title {
    font-size: 16px;
    font-weight: 600;
    color: #2A4054;
    margin-bottom: 0.2em;
}

.menu-main li:nth-child(5) .drop-box li a {
    display: block;
    position: relative;
    padding: 10px 34px;
    color: #2A4054;
    min-height: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.mb {
    display: none;
}

.menu-main li:nth-child(5) .drop-box {
    width: 242px;
    left: -84px;
}

.menu-hover .menu-item,
.menu-hover .menu-item i {
    opacity: .6;
}

.menu-hover .menu-main li:hover .menu-item,
.menu-hover .menu-main li:hover .menu-item i {
    opacity: 1;
}

.menu-hover:after {
    opacity: 1;
    visibility: visible;
}

/*section_1*/
.bg-red {
    padding-top: 50px;
    overflow: hidden;
    padding-bottom: 260px;
    position: relative;
    z-index: 2;
    background: #CC3F5F;
    background: -moz-linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    background: -webkit-linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}

.prime-banner-content {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    margin-bottom: 9px;
}

.section_1 .col:first-child {
    width: 100%;
    margin-bottom: 40px;
}
.section_1 .col.pricing-estimate .wrap-form {
    margin-top: 0;
}

.section_1 .btn-banner {
    justify-content: center;
}

.prime-banner-form {
    width: 94.2%;
}

.prime-banner {
    text-align: center;
}

.prime-banner-text h1 {
    font-size: 38px;
    line-height: 1.23;
    margin-bottom: 15px;
    color: var(--primary-color);
    margin-top: 36px;
}

.prime-banner-text h1 {
    font-size: 38px;
    line-height: 1.23;
}

.prime-banner-text p {
    color: #fbd1d7;
    line-height: 1.6;
    padding-right: 40px;
    margin-bottom: 21px;
    font-weight: 400;
}

.btn {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border: 1px solid var(--primary-color);
    background-color: transparent;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    width: 267px;
    transition: all .3s ease-in-out;
}

.btn {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border: 1px soild var(--primary-color);
    background-color: transparent;
    display: inline-block;
    padding: 10px 20px;

}

.btn-start {
    color: var(--primary-color);
    background: #ffac30;
    border: 1px solid #ffac30;
    margin-right: 17px;
    transition: all .3s ease-in-out;
    width: 216px;
}

.btn-call.modal-date {
    width: 216px;
}

.btn-call {
border:  1px solid #FFAC30;
background: transparent;
}
.btn-call:hover {
    background: #ffac30;
    border: 1px solid #ffac30;
}

.prime-banner-review {
    border: 1px solid #fba2aa;
    border-radius: 5px;
    margin: 23px 0 18px 25px;
    position: relative;
}

.prime-banner-review .review-img img {
    border-radius: 50%;
    -webkit-box-flex: 0;
    top: 24%;
    position: absolute;
    left: -25px;
}

.prime-banner-review blockquote {
    margin: 14px 20px 10px 57px;
    color: #fbd1d7;
    font-size: 15px;
    line-height: 1.466 !important;
    letter-spacing: 0.3px;
}

.prime-banner-review blockquote p {
    font-weight: 400;
}

.prime-banner-review blockquote cite {
    color: #fca3a8;
    display: block;
    margin-top: 4px;
    letter-spacing: 0.46px;
    font: italic 500 16px / 1.625 "Museo Sans", sans-serif;
}

.banner-form {
    background: #f4f6f9;
    border-radius: 5px;
    padding: 27px 55px 44px 49px;
    box-sizing: border-box;
    max-width: 512px;
}

.banner-form h2 {
    font: 700 27px / 1.15 "Museo Sans", sans-serif;
    margin-bottom: 18px;
    color: #58545d;
}

.box-select {
    margin-bottom: 15px;
}

.form-banner .box-select label {
    color: #9ba0a7;
    font-weight: 400;
}

.btn-next {
    justify-content: end;
}

.btn-next a {
    color: #eb9745;
    border: 1px solid #eb9745;
    background: transparent;
    border-radius: 5px;
    width: auto;
    margin-top: 10px;
    padding: 9px 28px;
    transition: all .3s ease-in-out;
    font: 500 15px / 1.2 "Museo Sans", sans-serif;
}

.btn-next a:hover {
    background: #eb9745;
    color: #fff;
}

.text-secure {
    color: #fec7c6;
    font-size: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 12px;
}

.text-secure img {
    width: 19px;
    height: 21px;
    margin-right: 17px;
}

.section-featured {
    text-align: center;
    padding-right: 24px;
}

.section-featured h2 {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #FBD1D7;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
    opacity: 0.5;
}

.section-featured h2:before, .section-featured h2:after {
    content: "";
    top: 6px;
    bottom: 0;
    left: 138%;
    width: 400%;
    height: 1px;
    position: absolute;
    background-color: #FBD1D7;
}

.section-featured h2:after {
    left: -443%;
}

.section-featured .featured-items {
    opacity: .5;
    justify-content: space-between;
}

.triangle-bg {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 192px 101vw;
    border-color: transparent transparent #f4f6f9 transparent;
    position: absolute;
    bottom: -1px;
    left: -2px;
    z-index: 5;
}

/*section2*/
.section_2 {
    background: #f8f8f7;
    position: relative;
    padding-bottom: 25px;
}

.testimonials-items {
    position: relative;
    top: -259px;
    z-index: 2;
}

.testimonials-item {
    width: calc(100%/3 - 30px);
    background: var(--primary-color);
    text-align: center;
    box-shadow: 0px 14px 38px rgb(0 0 0 / 10%);
    padding: 34px 33px 30px 30px;
    margin-right: 30px;
    max-width: 257px;
    border-radius: 5px;
}

.section_2 .skills-list {
    margin-top: 80px;
}

.skills-col .skills_items img, .pricing-skill .skills-list .dflex img {
    width: 18px;
    height: 14px;
    margin-right: 20px;
}

.skills-col .skills_items p {
    margin: 0 0 33px;
    color: #2A4054;
    font-size: 15px;
    font-weight: 400;
}

.skills-list .skills-col {
    margin: 0 15px;
    padding: 0 0 52px;
    column-count: 3;
}

.testimonials-text blockquote {
    margin-top: 17px;
    color: #a4abb5;
    font-size: 15px;
    line-height: 1.5;
}

.section_2 .testimonials-text blockquote p {
    min-height: 90px;
}

.testimonials-text blockquote cite {
    display: flex;
    flex-direction: column;
    font-style: normal;
}

.testimonials-text blockquote cite span {
    color: #64676c;
    display: block;
    font-style: normal;
    font-size: 17px;
    font-weight: 500;
}

.skills-list ul {
    column-count: 3;
    margin: -11% 0 0;
    position: absolute;
    padding: 0 0 45px 0;
    width: 54%;
}

.section_2 .skills-list ul p {
    color: #2A4054;
    font-weight: 400;
    font-size: 15px;
}

.skills-list ul p {
    margin: 15px 0;
}

/*section3*/

.section_info {
    padding: 100px 0;
}

.section_3 {
    background-color: #01002a;
    color: #bcbccb;
}

.section_3 .info_sec3, .section_4 .info_sec4, .section_5 .info_sec5, .section_6 .info_sec6{
    max-width: 350px;
}

.admin-title {
    font-size: 29px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 22px;
}

.container_section {
    margin: auto;
    width: max-content;
}

.section_3 .admin-title, .section_4 .admin-title {
    color: #ffbf6f;
}

.section_3 .info_sec3 p, .section_4 .info_sec4 p, .section_5 .info_sec5 p, .section_6 .info_sec6 p {
    margin-bottom: 22px;
    font-size: 17px;
    line-height: 26px;
    font-weight: 300;
}

.section_5 .info_sec5 p a:hover {
    text-decoration: underline;
}

.section_4, .section_6 {
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}

.section_4 {
    background: #c9eafd;
}

.section_4 .img_sec4 {
    width: 456px;
    display: flex;
    align-items: center;
    padding-left: 78px;
}

.section_4 .info_sec4,
.section_6 .info_sec6 {
    margin-left: 40px ;
}

.section_5 {
    background: #66cc99;
    color: #202b2e;
}

.section_5 .row {
    justify-content: space-between;
}

.wrap-img-rps {
    width: 60%;
}

.wrap-img-rps img {
    width: 100%;
    border-radius: 15px;
}

.section_5 .admin-title {
    color: #eaf9f2;
}

.section_5 .info_sec5 a {
    color: #fff;
}

.section_6 {
    background: url(https://heyreliable.com/wp-content/themes/reliable/images/bg-tennis.svg) 50% -1px;
    color: #c0cce4;
    background-size: 2859px auto;
}

.section_6 .admin-title {
    color: #ff6f8a;
}

/*.section_6 .info_sec6 {
    padding: 159px 35px 121px;
}*/


.expand .accordion-content p a {
    color: #e14fa1;
}

/*slider*/
.section_8 {
    background: #493153;
    padding: 40px 0 40px;
}

.slick-list {
    padding: 45px 35px 37px 35px !important;
}

.item-slider {
    text-align: center;
    top: -50% !important;
    transform: translate(10%, 50%);
}

.slides-box {
    max-width: 80%;
    min-height: 450px;
}

.wrap-slides-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.slick-list .quote {
    color: #a081a0;
    font-size: 72px;
    line-height: 74px;
    height: 35px;
    margin: 0 0 43px;
    font-family: Georgia;
    display: block;
    font-weight: 700;
}

.slick-list p {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 15px;
}

.slick-list span {
    font: 300 21px/1.2 "Museo Sans", Arial, Helvetica, sans-serif;
    color: #a081a0;
    display: block;
    margin-bottom: 80px;
}

.section_8 .slick-dots li {
    margin: 0 3px !important;
    width: 10px !important;
    height: 10px !important;
}

.slick-dots li button:before {
    font-size: 10px !important;
    color: #875c72 !important;
}

.slick-prev:before, .slick-next:before {
    font-size: 30px !important;
}

/*section9*/

.decor-triangles {
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    left: -5%;
    transform: translateX(-5%);
}

.container-triangle {
    max-width: 1048px;
    margin: 0 auto;
    padding: 0 15px;
}

.decor-triangles .triangle {
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #ff9b6f;
    display: inline-block;
    vertical-align: top;
    padding-top: 28%;
    width: 55%;
    position: relative;
    z-index: 10;
    margin: 0 -27.7%;
}

.decor-triangles:after, .decor-triangles:before {
    content: "";
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #ffbf6f;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-top: 25%;
}

.triangle-service {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #ff766f;
    display: inline-block;
    vertical-align: top;
    padding-top: 28%;
    width: 55%;
    position: relative;
    z-index: 9;
    margin: 0 -3.7%;
}

.decor-triangles:after {
    background: #FFAC30;
    position: absolute;
    left: 71%;
}

.section_9 {
    padding-bottom: 85px;
}

.section_9 .row {
    position: relative;
}

.section_9 .entry h3 {
    margin: 25px 0 10px;
    font-size: 22px;
    font-weight: 600;
    color: #202b2e;
}

.section_9 .icon-service {
    width: 48px;
    height: 48px;
}

.section_9 .icon-service img {
    width: 100%;
    height: 100%;
}
.section_9 .row .decor-bird {
    width: 263px;
    height: 259px;
    position: absolute;
    bottom: 5%;
    right: -28%;
    z-index: 1;
}

.section_9 .wrapper-service {
    flex-wrap: wrap;
}

.section_9 .slider-service {
    width: calc(50% - 54px);
    padding: 0 20px;
}

.section_9 .col {
    display: inline-block;
    padding: 50px 45px;
    text-align: left;
}

.section_9 .entry {
    padding-top: 50px;
}

.section_9 .entry p {
    margin-bottom: 24px;
    margin-top: 8px;
    /*max-width: 82%;*/
}

.section_9 .entry ul {
    padding: 0;
}

.section_9 .entry ul li.dflex img {
    width: 14px;
    height: 14px;
}

.section_9 .entry ul li.dflex p {
    margin: 0;
    padding-left: 10px;
}

.section_9 .learn-more a {
    text-decoration: revert;
}

.section_9 .learn-more a:hover {
    text-decoration: none;
}

.home-area {
    padding: 100px 0 !important;
    border: unset !important;
}
.section_10 .btn-started:hover {
    background-color: #fff;
    color: #df405e;
}

/*section11*/
.section_11 .accordion-content {
    font-weight: 300;
    padding-top: 27px;
}

.section_11 .accordion-content p {
    margin: 0;
}
.active_faq {
    display: block !important;
}

.section_11 {
    background: #F8F8F8;
    padding: 100px 0;
}

.section_11 .accordion-info {
    padding: 0;
    box-shadow: 0 13px 38px rgb(0 0 0 / 10%);
    background: #fff;
}

.section_11 .accordion-info li {
    padding: 25px 50px 25px 76px;
}

.section_11 .accordion-info >li:nth-child(even){
    background: #F8F8F8 !important;
}

.section_11 .accordion-info li h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.bg-gray {
    background: #F8F8F8;
}

.active, .step-active {
    opacity: 1;
}

.step-active .wrap-bottom {
    position: absolute;
    width: 100%;
    bottom: 34px;
}

.section_11 .expand {
    margin-top: 0;
}
/*footer*/
#footer {
    background-color: #07101f;
    padding: 76px 0 0;
}

.footer-logo {
    width: 41%;
    display: flex;
    flex-direction: column;
}

.footer-logo a {
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    display: inline-block;
    font-weight: 300;
    padding-top: 40px;
    text-decoration: underline solid #EF5D62 2px;
    text-underline-position: under;
}

.footer-nav {
    width: calc(100% - 47%);
}

.footer-nav strong {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #50617E;
}

.footer-nav ul {
    padding: 0;
    margin: 0;
}

.footer-media .media, .footer-media .policy {
    margin: 0;
    padding: 31px 0;
}

.footer-nav ul li a,
.footer-nav ul li button {
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    position: relative;
    text-decoration: none;
    padding: 0;
}

.footer-nav ul li a:after,
.section-sitemap li a:after {
    position: absolute;
    content: '';
    background: #fff;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    opacity: 0;
    transition: all 0.4s;
}

.footer-nav ul li a:hover:after,
.section-sitemap li a:hover:after,
  {
    opacity: 1;
    width: 100%;
}

.footer-nav ul li {
    padding: 12px 0;
}

#footer .footer-content {
    padding-bottom: 70px;
}

.footer-media {
    position: relative;
    border-top: 1px solid rgba(80, 97, 126, .25);
}

.footer-media .media li a {
    padding-right: 19px;
    transition: all .3s;
}

.footer-media .media li a i:hover {
    color: #a9bbd8 !important;
}

.footer-media .media li a:hover svg path {
    fill: #a9bbd8;
}

.footer-media .policy li a {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 14px;
    color: #50617E;
    text-decoration: none;
    padding-right: 21px;
    transition: all .3s;
}

.footer-media .policy li a:hover {
    color: #a9bbd8;
}

.footer-nav .footer-nav-wrap:last-child {
    display: none;
}

.hiddens {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.bg_get_red {
    background: red;
    position: fixed;
}

/*------------------------------PRICING*---------------------*/
.pricing-banner {
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    position: relative;
}

.pricing-banner h1 {
    padding-top: 64px;
    font-size: 40px;
    line-height: 1.275;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
}

.pricing-banner p {
    font-size: 17px;
    line-height: 1.45;
    text-align: center;
    color: #FBD1D7;
    max-width: 487px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    padding-bottom: 88px;
    margin-top: 5px;
}

.pricing-banner a {
    color: #FFAC30;
}

.pricing-banner a:hover {
    text-decoration: underline;
}

.pricing-estimate {
    position: relative;
}

.pricing-estimate .wrap-form {
    width: 100%;
    margin: 0 auto 124px;
    box-shadow: 0px 13px 38px rgb(0 0 0 / 10%);
    border-radius: 6px;
    background: #fff;
    max-width: 850px;
    margin-top: -65px;
}

.pricing-estimate .estimate-title h3 {
    padding: 43px 15px 28px;
    text-align: center;
    color: #2b2e38;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
}

.pricing-estimate .estimate-form {
    padding: 10px 88px;
}

.pricing-estimate .checkbox:not(:last-child) {
    margin-right: 35px;
}
 
.pricing-estimate .box-radio:not(:last-child) {
    margin-right: 41px;
}

.check-box-radio, .check-box-project {
    position: relative;
}

.check-box-radio input, .check-box-project input {
    width: 18px;
    height: 18px;
    margin: 0;
    border: 0;
    position: relative;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

/* .check-box-home .check-radio {
    border: 5px solid #e25261 !important;
    box-sizing: border-box;
} */
.box-radio input:checked+.check-radio {
    border: 5px solid #e25261 !important;
    box-sizing: border-box;
}

.check-box-radio .check-radio, .check-box-project .check-radio {
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #bbbfc3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
}

.pricing-skill .skills-list {
    margin-top: -4.5%;
}

.pricing-skill .skills-list .skills-col {
    padding: 0;
}

.pricing-skill .skills-list .skills-col:first-child {
    margin-left: 15px;
}

.pricing-estimate .estimate-form .field-row:not(:last-child) {
    align-items: center;
    padding: 29px 0;
    margin: 0 auto;
    border-bottom: 2px solid #f0f2f2;
}

.pricing-estimate .estimate-form .name {
    color: #2a4054;
    font-size: 17px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.pricing-estimate .num-less, .num-more {
    color: #9ba0a7;
    width: 18px;
    height: 20px;
}

.qty {
    width: 20px;
    padding: 0 10px 0 15px;
}

.qty, .add, .minus {
    border: none;
    background-color: unset;
    font-size: 18px;
    line-height: 25px;
    cursor: pointer;
}

.minus, .add {
    color: #9ba0a7;
}

.pricing-estimate .popup-open {
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -34px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: #eee;
    border-radius: 50%;
    padding: 3px 2px 2px;
    color: #f37963;
    font: 300 14px/1 "museo-sans", Arial, Helvetica, sans-serif;
    display: flex;
    cursor: pointer;
}

.num-wrap {
    display: flex;
    justify-content: flex-end;
}

.active_popup {
    display: block;
}

.pricing-estimate .popup-content {
    display: none;
    transform: translateX(-50%);
    width: 190px;
    padding: 14px 17px;
    margin-bottom: 18px;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 7%) 0px 14px 30px;
    border: 1px solid rgb(240, 240, 240);
    font: 300 14px / 1.28 museo-sans, Arial, Helvetica, sans-serif;
    text-align: left;
    color: rgb(99, 123, 140);
    position: absolute;
    z-index: 9999;
    bottom: 100%;
    left: 120%;
}

.btn-estimate, 
.btn-get-started,
.btn_clear {
    display: flex;
    padding: 28px 0 32px;
    justify-content: center;
    cursor: pointer;
}

.btn_clear a{
    font-size: 16px;
}

.btn-estimate a:hover,
.btn-get-started a:hover,
.btn_clear a:hover {
    opacity: .8;
    background: #FFAC30;
}

.box-btn-pricing {
    justify-content: center;
}

.btn_clear, .approximate-estimatesss {
    display: none;
}

.active-pricing {
    display: block;
}

.approximate-estimate {
    padding: 30px 30px 8px;
    text-align: center;
    max-width: 520px;
    background: #f9f9f9;
    font-weight: 300;
    color: #637b8c;
    margin: 0 auto 35px;
}

.btn-get-started {
    padding: 10px 0 30px;
}

.btn-get-started a {
    font-weight: 400;
    width: 186px;
    padding: 17px 25px;
}

.approximate-estimate p {
    font-size: 20px;
}

.pricing-solution {
    padding: 92px 0 149px;
}

.divider-main::before, .divider-main::after {
    content: " ";
    display: block;
    flex: 1 1 auto;
    height: 1px;
    background-color: #ddd;
    margin: 14px;
}

.solution-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-top: 27px;
}

.solution-inner .info-card {
    border-radius: 4px;
    background-color: rgba(239, 93, 98, 0.05);
    padding: 40px 37px;
}

.solution-inner .info-card p {
    color: #2a4054;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.45;
    margin-bottom: 20px;
}

.solution-inner .info-card p:last-child {
    margin-bottom: 0;
}

.solution-inner .info-card p a {
    color: #ef5d62;
    text-decoration: underline;
    text-decoration-color: #fbd1d7;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    font-weight: 300;
}

.solution-inner .info-card p a:hover {
    text-decoration-color: #ef5d62;
}

.solution-inner .wrap-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 14px 38px rgb(0 0 0 / 10%);
    border-radius: 50%;
    background-color: #fff;
    padding: 14px;
}

.icon-multiborder {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 28px 33px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-multiborder::before, .icon-multiborder::after {
    content: " ";
    position: absolute;
    border-radius: 50%;
}

.icon-multiborder::before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0.15;
    border: 0.5px solid #ef5d62;
}

.icon-multiborder::after {
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0.07;
    border: 0.5px solid #ef5d62;
}

.solution-inner h3 {
    color: #2b2e38;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-top: 10px;
}

.solution-inner .info-card:nth-child(1) h3,
.solution-inner .info-card:nth-child(2) h3 {
    max-width: 80%;
}

.pricing-client {
    padding: 30px 0 85px;
    background: linear-gradient(180deg, #f8f8f7 -2.91%, rgba(248, 248, 247, 0) 156.67%);
}

.pricing-client .testimonials-text blockquote cite span {
    font-size: 14px;
    font-weight: bold;
    color: #2a4054;
}

.pricing-client .testimonials-text blockquote p {
    min-height: 120px;
}

.pricing-client .testimonials-items {
    justify-content: space-evenly;
    top: 0;
    flex-wrap: wrap;
}

.pricing-client .testimonials-item {
    padding: 29px 28px 19px 23px;
    margin-right: 0;
}

.pricing-client .testimonials-img img {
    width: 53px;
    height: 53px;
}

.pricing-client .testimonials-text blockquote cite {
    margin-top: 20px;
}

.pricing-client .testimonials-text blockquote {
    margin-top: 13px;
    color: #2a4054;
    font-size: 16px;
}

.solution-title, .pricing-client .admin-title {
    display: flex;
    justify-content: center;
}

.solution-title h2, 
.pricing-client .admin-title h2 {
    text-align: center;
    max-width: 705px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 40px;
}

.checkbox label, .box-radio label {
    color: #2a4054;
    font-weight: 500;
}

.pricing-estimate .checkbox .checkmark {
    width: 13px;
    height: 13px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #bbbfc4;
    position: absolute;
    left: 0;
    top: 3px;
}

.pricing-estimate .checkbox .input-check {
    opacity: 0;
    z-index: 2;
    position: relative;
    cursor: pointer;
}

.estimate-form .inputs-row .checkbox {
    position: relative;
}

.pricing-estimate .checkbox input:checked + .checkmark {
    background: #e25261;
    border-color: #e25261;
}

/*---------------------------------PAGE ABOUT-----------------------*/
.container_xl {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
}

.slider-about .slick-next{
    right: 30px;
    z-index: 2;
}

.slider-about .slick-prev {
    left: 30px;
    z-index: 2;
}

.img-company img{
    width: 100%;
    object-fit: cover;
}

.img-slider img {
    width: 100%;
    margin: auto;
    object-fit: cover;
}

.about-rating-section .list-rating {
    margin-top: -26px;
}

.section_2 .container_xl {
    position: relative;
    z-index: 2;
    margin-top: -200px;
}

.bg-light-gray {
    background: #f8f8f7;
}

.about-banner-section {
    padding-bottom: 32px;
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}

.about-page {
    margin: 0;
}

.about-page .the-header {
    box-sizing: border-box;
    position: relative;
    background: #3da7ae;
}

.about-page #header {
    background: none;
}

.hero-about-pre-t {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 17.4px;
    letter-spacing: 0.115em;
    color: #FEAC30;
    padding-top: 50px;
}

.hero-about-pre-t span:nth-child(2):before {
    content: "·";
    display: inline-block;
    padding: 0 4px;
}

.about-banner-title h1 {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    max-width: 700px;
    margin: 20px auto 8px auto;
}
    
.about-banner-text p {
    margin: 0;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 42px;
}

.list-rating {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 33px;
    z-index: 1;
    position: relative;
}

.rating-item .star img {
    width: 27px;
    height: 26px;
}

.rating-item {
    border-radius: 4px;
    padding: 24px 20px 20px;
    box-shadow: 0 14px 30px rgb(78 46 47 / 8%);
    text-align: center;
    min-height: 131px;
    background: #fff;
    box-sizing: content-box;
}

.rating-elem-logo img {
    width: 140px;
    height: 70px;
    object-fit: contain;
}

.rating-item .rating-elem-stars {
    justify-content: center;
    gap: 8px;
    margin: 20px 0 15px 0;
}

.rating-item .rating-elem-rate p {
    margin: 0;
    font-size: 14px;
    line-height: 16.8px;
}

.about-website-section {
    padding-top: 80px;
}

.about-website-section .col_image, .about-website-section .col_content {
    width: 50%;
}

.about-website-section .col_content {
    padding-left: 27px;
}

.col_image .mosaic_img {
    position: relative;
    width: 100%;
}

.col_image .mosaic_img .mosaic_first {
    padding-left: 106px;
}

.col_image .mosaic_img .mosaic_second {
    position: absolute;
    top: 67%;
    left: 0;
}

.headtitle {
    line-height: 1.16;
    font-weight: 600;
    color: #000000;
    font-size: 35px;
    margin: 0 0 18px;
}

.desc_admin {
    box-sizing: content-box;
    font-size: 18px;
    line-height: 25.2px;
    margin: 0 0 30px;
}

.desc_admin a {
    text-decoration: underline;
    font-weight: 600;
    color: #EF5D62;
}

.desc_admin a:hover {
    text-decoration: none;
}

.technology-list {
    padding: 0;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
    height: 50%;
    width: 50%;
}

.technology-list li {
    height: max-content;
}

.technology-list .btn-more {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    transition: all .35s ease;
    box-shadow: 0 14px 38px rgb(0 0 0 / 10%);
    border-radius: 25px;
    background: #EF5D62;
    display: flex;
    align-items: center;
    width: 65px;
    height: 63px;
    text-align: center;
}

.about-fact-section {
    padding: 65px 0;
}

.about-fact-section .facts {
    grid-gap: 30px;
    display: grid;
    background: rgba(252, 238, 238, 0.75);
    border-radius: 4px;
    padding: 45px 20px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
}

.about-fact-section .facts .facts-item {
    text-align: center;
}

.about-fact-section .facts .facts-item .facts-amount {
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
    color: #EF5D62;
    margin-bottom: 15px;
}

.about-fact-section .facts .facts-item .facts-desc {
    font-size: 14px;
    line-height: 1.2;
    color: #161613;
    width: 50%;
    margin: auto;
}

.btn-primary {
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    background: #EF5D62;
    display: inline-block;
    padding: 13px 34px;
    color: #fff;
    transition: all 0.35s ease;
}

.btn-primary:hover {
    opacity: 0.8
}

.about-team-section .row {
    gap: 100px;
    justify-content: center;
}

.img_map img {
    border-radius: 50%;
    width: 470px;
    height: 470px;
    object-fit: cover;
}

.hr_brand {
    text-align: center;
    margin: 16px 0 45px;
    position: relative;
}

.hr_brand::before {
    right: -50px !important;
}

.hr_brand::after {
    left: -50px;
}

.hr_brand::before, .hr_brand::after {
    content: "";
    display: block;
    top: 50%;
    width: 50%;
    height: 1px;
    background: #ddd;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}

.about-team-section {
    padding-bottom: 50px;
}

.about-value-section {
    padding: 100px 0;
    background: #8BC34A;
}

.about-value-section .headtitle {
    text-align: center;
    margin-bottom: 30px;
}

.about-value-section .values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    gap: 30px 50px;
    color: white;
}

.about-value-section .values .values-img img {
    width: 70px;
}

.about-value-section .values h3 {
    font-size: 23px;
    line-height: 28px;
    font-weight: 500;
    margin: 14px 0 9px;
}

.about-value-section .values h5 {
    margin: 0;
    font-size: 15px;
    min-height: 19px;
}

.about-value-section .values p {
    font-size: 17px;
    line-height: 24.65px;
    margin-top: 8px;
    text-align: justify;
}

.about-faq {
    padding: 50px 0 95px;
    border-top: 1px solid #ddd;
}

.about-faq .headtitle, .about-faq .text-head {
    text-align: center;
}

.about-faq .text-head a:hover,
.privacy-label .policy-get-started a:hover,
.section-whales .box-text a:hover {
    text-decoration: none;
}

.about-faq .box-faq {
    padding: 0;
    max-width: 856px;
    margin: 0 auto 0 auto;
    box-shadow: 0 13px 38px rgb(0 0 0 / 10%);
    background: #fff;
    border-radius: 6px;
}

.about-faq .box-faq .faq-item, .list-items li {
    padding: 49px 50px 48px 76px;
}

li.faq-item.ar-show.bg-gray {
    background: #f6f6f6;
}

.expand {
    margin-top: 15px;
}

.about-faq .box-faq .expand-faq {
    position: relative;
    cursor: pointer;
}

.about-faq .box-faq .expand-faq h3 {
    margin: 0;
    font-size: 17px;
}

.about-faq .box-faq .expand-faq .drop,
.list-items .faq-item .drop,
.section_11 .accordion-info .drop {
    position: absolute;
    width: 13px;
    height: 13px;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.about-faq .box-faq .expand-faq .drop:before, 
.about-faq .box-faq .expand-faq .drop:after, 
.list-items .faq-item .drop:before, 
.list-items .faq-item .drop:after,
.section_11 .accordion-info .drop:before,
.section_11 .accordion-info .drop:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    height: 3px;
    background: linear-gradient(0deg, #CC3F5F 0%, #EF5D62 100%);
    transform: translate(-50%, -50%);
}

.about-faq .box-faq .expand-faq .drop:after, 
.list-items .faq-item .drop:after,
.section_11 .accordion-info .drop:after {
    background: linear-gradient(90deg, #CC3F5F 0%, #EF5D62 100%);
    left: 50%;
    top: 50%;
    height: 100%;
    width: 3px;
}

.about-faq .box-faq .content-faq p {
    font-size: 17px;
    line-height: 25.5px;
    margin: 25px 0 0 0;
}

.about-faq .active_faq .drop:after,
.list-items .active_faq .faq-items .drop:after,
.section_11 .accordion-info li.active_faq .drop:after  {
    display: none;
}

@media (max-width:568px) {
    .about-fact-section .facts, .about-value-section .values {
        grid-template-columns: repeat(1, 1fr) !important;
    }

}

/*---------------------REVIEW PAGE------------------*/
.review-block:nth-child(even) .review-content,
.review-block:nth-child(even) .review-holder .container.dflex {
    flex-direction: row-reverse;
}

.review-block:nth-child(even) .review-holder .container.dflex {
    justify-content: start;
}

.prime-review {
    padding: 50px 0 33px;
}

.col-lg {
    width: 52%;
}

.col-sm {
    width: 45%;
}

.video-mark{
    display: none;
}

.title-review, .title-careers {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    padding: 8px 0;
    margin: 0;
}

.title-review {
    text-align: center;
    margin-bottom: 30px;
}

.review-banner .col-sm p, .careers-banner p {
    color: #FBD1D7;
    font-size: 18px;
    line-height: 24.65px;
    max-width: 397px;
    margin: 0;
}

.review-banner .col-sm p {
    font-size: 17px;
}

.review-banner .col-sm p a {
    color: #facb27;
    transition: all .3s ease-in-out;
}

.blockquote-area .blockquote .desc-blockquote {
    max-width: 670px;
}

.review-banner .col-sm p a:hover {
    text-decoration: underline;
}

.review-banner .review-block span {
    color: #fff;
    text-transform: uppercase;
    max-width: 115px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 500;
}

.review-banner .review-block ul {
    justify-content: space-evenly;
    padding-left: 12px;
    width: 100%;
}

.review-banner {
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    padding-bottom: 26px;
}

.video-box_item {
    max-width: 100%;
}

.vd-review-mb {
	display:none;
}

.blockquote-review blockquote, 
.blockquote-area .blockquote {
    margin: 0;
    padding: 90px 163px 90px 163px;
    text-align: center;
}

.blockquote-review blockquote span, 
.description .blockquote span, .blockquote-area .blockquote span {
    color: #66ccbc;
    font-size: 72px;
    line-height: 74px;
    height: 35px;
    margin: -8px 0 30px;
    font-family: Georgia;
    display: block;
    font-weight: bold;
}

.green-quote {
    color: #66cc99 !important;
}

.blockquote-review blockquote p, .blockquote-area .blockquote p {
    color: #4e504f;
    font-size: 24px;
    line-height: 28.56px;
    font-weight: 500;
    margin-bottom: 16px;
}

.blockquote-area .blockquote p {
    max-width: 480px;
    margin: 0 auto 16px;
}

.blockquote-review blockquote cite, .blockquote-area .blockquote cite {
    color: #66ccbc;
    display: block;
    font-size: 21px;
    line-height: 25.2px;
    font-style: normal;
}

.review-purple {
    background: #5a4872;
}

.review-pink {
    background: #a55875;
}

.image-mobile {
    display: none;
}

.review-content .image-review img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.review-holder {
    background: #2e2044;
    overflow: hidden;
}

.description,
.review-content .image-review {
    width: 50%;
}

.description .blockquote blockquote {
    padding: 72px 94px;
    margin: 0;
}

.description .blockquote span {
    color: #9b8bb0;
    margin-bottom: 25px;
    font-size: 59px;
}

.description .blockquote p {
    font-size: 26px;
    line-height: 31px;
    font-weight: 500;
    color: #fff;
}

.review-area .review-block:nth-child(odd) .image-info p{
	width: 50%;
    float: right;
    display: inline-block;
    margin: 0;
    padding: 20px 0;
}

.review-purple .image-info p,
.review-yellow .image-info p{
    background: #f8a767;
}

.image-info {
    height: 58px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.6px;
    position: relative;
}

.review-bottom {
    overflow: hidden;
    margin-top: -60px;
}

.review-bottom .read p, .blockquote-area .read p {
    color: #9b8bb0;
    padding: 0 30px;
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
    margin-left: 72px;
}

.review-bottom .read p:before, 
.blockquote-area .read-full p:before {
    content: "+";
    position: absolute;
    top: -5px;
    left: 0;
    font-weight: 700;
    font-size: 23px;
}

.review-bottom .active p:before,
.blockquote-area .read-full .read.active p:before{
    content: '-';
}

.review-frame {
    display: none;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #a1a1a1;
}

.mw-80 {
    max-width: 80%;
}

.author-mb {
    display: none;
}

.img_frame_Lawrence {
    bottom: 67px;
    height: 89px;
}

.img_frame_Pryor,
.img_frame_Antony,
.img_frame_Danny {
    height: 41px;
    bottom: 118px;
}

.img_frame_Bridle {
    bottom: 177px;
    height: 5px;
}

.img_frame_Monahan {
    bottom: 149px;
    height: 10px;
}

.img_frame {
    text-align: right;
    position: relative;
}

.img_frame img{
    width: 139px;
    height: auto;
}

.review-frame:after {
    content: '';
    position: absolute;
    left: 0;
    background: #c3c3c3;
    width: 100%;
    height: 1px;
    display: block;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.review-frame .entry {
    padding: 45px 166px 45px 70px;
    font-size: 17px;
    line-height: 28px;
}

.review-pink .image-info {
    background: #f37958;
}

.review-pink .review-holder, .review-pink .image-info:before, .review-pink .image-info:after {
    background: #4c2936;
}

.review-pink .read p {
    color: #c96e90;
}

.review-pink .description .blockquote span {
    color: #e49eb9;
}

.review-yellow {
    background: #baa548;
}

.review-yellow .description .blockquote span {
    color: #eedd93;
}

.review-yellow .review-holder, .review-yellow .image-info:before, .review-yellow .image-info:after {
    background: #574d20;
}

.review-yellow .read p {
    color: #b2a052;
}

.review-green {
    background: #93a050;
}

.review-green .review-holder, .review-green .image-info:before, .review-green .image-info:after {
    background: #5d6532;
}

.review-green .read p {
    color: #a5af6d;
}

.review-green .image-info {
    background: #e9c94a;
}

.review-green .description .blockquote span {
    color: #e0eca3;
}

.review-block:nth-child(even) .image-info:before {
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    top: 2px;
    left: -10px;
}

.review-block:nth-child(even) .image-info:after {
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    top: -8px;
    right: -15px;
}

.blockquote-area .read-full {
    background: #f6f6f6;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ececec;
    padding: 20px;
    text-align: center;
}

.blockquote-area .read-full p {
    color: #545353;
    margin: 0;
    width: auto;
}

.review-darkgreen {
    background: #528b81;
}

.review-darkgreen .review-holder, .review-darkgreen .image-info:before, .review-darkgreen .image-info:after {
    background: #345751;
}

.review-darkgreen .image-info p {
    background: #a7b059;
}

.review-darkgreen .description .blockquote span {
    color: #94d7c7;
}

.review-darkgreen .read p {
    color: #7cbdb2;
}

.review-blue {
    background: #527188;
}

.review-blue .image-info,
.review-green .image-info,
.review-pink .image-info,
.review-red .image-info,
.review-darkpurple .image-info {
    width: 50%;
    margin-left: 0;
}

.review-blue .image-info {
    background: #85a45c;
}

.review-blue .review-holder, .review-blue .image-info:before, .review-blue .image-info:after {
    background: #2d4150;
}

.review-blue .description .blockquote span {
    color: #a2c1d9;
}

.review-blue .read p {
    color: #79a3c2;
}

.review-orange {
    background: #c2814b;
}

.review-orange .review-holder, .review-orange .image-info:before, .review-orange .image-info:after {
    background: #904b38;
}

.review-orange .image-info p{
    background: #e8a448;
}

.review-orange .description .blockquote span {
    color: #f9c79e;
}

.review-orange .read p {
    color: #e8a997;
}

.review-red {
    background: #ba6549;
}

.review-red .image-info {
    background: #df804d;
}

.review-red .review-holder, .review-red .image-info:before, .review-red .image-info:after {
    background: #85422f;
}

.review-red .description .blockquote span {
    color: #f7b59f;
}

.review-red .read p {
    color: #ec9880;
}

.review-violet {
    background: #7f4c56;
}

.review-violet .review-holder, .review-violet .image-info:before, .review-violet .image-info:after {
    background: #582f37;
}

.review-violet .image-info p{
    background: #f7bd4e;
}

.review-violet .description .blockquote span {
    color: #dfa1ad;
}

.review-violet .read p {
    color: #bd8590;
}

.review-darkpurple {
    background: #4d3c4f;
}

.review-darkpurple .review-holder, .review-darkpurple .image-info:before, .review-darkpurple .image-info:after {
    background: #312632;
}

.review-darkpurple .image-info, .review-darkyellow .image-info {
    background: #f7a54e;
}

.review-darkpurple .description .blockquote span {
    color: #ac8db0;
}

.review-darkpurple .read p {
    color: #997a9c;
}

.review-lightgreen {
    background: #708f4f;
}

.review-lightgreen .review-holder, .review-lightgreen .image-info:before, .review-lightgreen .image-info:after {
    background: #496932;
}

.review-lightgreen .image-info p {
    background: #bac353;
}

.review-lightgreen .description .blockquote span {
    color: #b0c896;
}

.review-lightgreen .read p {
    color: #9bbf82;
}

.review-normalgreen {
    background: #528b5c;
}

.review-normalgreen .review-holder, .review-normalgreen .image-info:before, .review-normalgreen .image-info:after {
    background: #2e5740;
}

.review-normalgreen .image-info:before, .review-normalgreen .image-info:after {
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
}

.review-normalgreen .image-info:after {
    top: -8px;
    right: -12px;
}

.review-normalgreen .image-info:before {
    top: 1px;
    left: -10px;
}

.review-normalgreen .image-info {
    background: #a5bc57;
    margin-left: 270px;
}

.review-normalgreen .description .blockquote span {
    color: #85c890;
}

.review-normalgreen .read p {
    color: #68aa85;
}

.review-darkyellow {
    background: #b5904b;
}

.review-darkyellow .review-holder, .review-darkyellow .image-info:before, .review-darkyellow .image-info:after {
    background: #7b582b;
}

.review-darkyellow .image-info:before, .review-darkyellow .image-info:after {
    transform: rotate(25deg) !important;
    -webkit-transform: rotate(25deg) !important;
}

.review-darkyellow .image-info:before {
    top: -9px !important;
    left: -13px !important;
}

.review-darkyellow .image-info:after {
    top: 4px !important;
}

.review-darkyellow .description .blockquote span {
    color: #f7d18b;
}

.review-darkyellow .read p {
    color: #d3a263;
}

.icon-frame {
    width: 76px;
    height: 79px;
}

.icon-frame img {
    width: 100%;
    height: 100%;
}

.section-get-now {
    padding: 108px 0 107px;
    text-align: center;
}

.section-get-now h2 {
    color: #9e638c;
    font-weight: 500;
    font-size: 23px;
    margin: 0 0 15px;
}

.btn-get-now a {
    min-width: 510px;
    background: #9e638c;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    font-weight: 500;
    font-size: 30px;
    transition: all .3s ease-in-out;
    line-height: 88px;
    padding: 28px 58px;
}

.btn-get-now a:hover {
    background: #f0857a;
}

.items-area {
    padding: 70px 0 100px !important;
    text-align: center;
    border: solid #c3c3c3 !important;
    border-width: 1px 0 0 !important;
    position: relative;
}

.item-frame {
    justify-content: space-evenly;
}

.item-frame .item-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 175px;
    margin: 0 auto;
}

.item-box h2 {
    margin: 25px 0 11px;
    font-weight: 500;
    font-size: 21px;
}

.review-items-area {
    padding: 102px 0 141px;
}

.item-box p {
    color: #878787;
    margin: 0;
}

.text-pink {
    color: #f0909e;
}

.text-purple {
    color: #c0869c;
}

.text-blue {
    color: #6287b1;
}

@media (max-width:556px) {

    .btn-get-now a {
        font-size: 18px;
        line-height: 60px;
        padding: 15px;
    }

    .col-lg {
        width: 100%;
    }

}

/*--------------------------------CAREERS PAGE------------------*/
.careers-banner .container, .careers-section .container {
    max-width: 797px;
}

.careers-banner {
    padding: 114px 0 162px;
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}

.careers-banner p, .title-careers {
    margin: 0;
}

.careers-list {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: -96px 0 66px 0;
    position: relative;
    z-index: 3;
    background: #fff;
}

.careers-list .careers-items:nth-child(even) {
    background: #F8F8F8;
}

.careers-item {
    padding: 33px 50px;
}

.careers-item .expand-careers {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.careers-item .expand-careers h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin: 0;
}

.careers-section .careers-list .active_faq .drop {
    background: #FA5C64;
    color: #fff;
}

.careers-item .expand-careers .drop {
    padding: 15px 20px;
    font-weight: 700;
    border: 2px solid #FA5C64;
    border-radius: 57px;
    transition: background .3s ease, color .3s ease;
}

.careers-item .expand-careers .drop:hover {
    color: #fff;
    background: #FA5C64;
}

.careers-item-content {
    padding-top: 25px;
}

.careers-item-content p {
    margin: 0 0 20px 0;
    line-height: 23.2px;
}

.careers-item-content ul {
    padding: 0;
}

.careers-item-content ul li:not(:last-child) {
    padding-bottom: 5px;
}

.careers-item-content p a {
    font-size: 18px;
    line-height: 25.2px;
    color: #FA5C64;
    font-weight: 700;
}

.careers-item-content p a:hover {
    opacity: 0.75;
}

.careers-item-content p a:after {
    content: '';
    display: inline-block;
    background: url('https://heyreliable.com/wp-content/themes/reliable/images/careers/arrow-orange-right.svg');
    background-size: cover;
    width: 16px;
    height: 10.4px;
    margin-left: 9px;
}

/*-------------------------------------------------FRONT END PAGE--------------------------------*/
.front-end-banner span {
    color: #fff;
}

.title-mb {
    display: none;
}
.bg-promo .the-header {
    background-color: #7d7baa;
}

.bg-promo #header, .bg-promo-blue #header {
    background: unset;
}

.front-end-banner {
    text-align: center;
    padding: 68px 0 121px;
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}

.front-end-banner p {
    font-size: 18px;
    line-height: 25.92px;
    color: #fff;
    margin: 8px 0 43px;
}

.front-end-banner a {
    color: #fff;
    transition: all 0.3s;
    font-weight: 500;
    border-radius: 4px;
    font-size: 15px;
    padding: 13px 25px;
    background: #ffac30;
    border: 1px solid #ffac30;
}

.front-end-banner a:hover {
    background: transparent;
}

.services-bar {
    padding: 14px 0;
    background-color: #f8f8f7;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    color: #9ba0a7;
}

.front_end_services .services-bar-list {
    padding: 0 14px;
}

.services-bar .container {
    justify-content: center;
}

.services-bar-list li {
    margin: 0 20px 0;
}

.services-bar-list .icon_box, .card-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 18px;
    box-shadow: 0 13px 38px rgba(0, 0, 0, 0.15);
}

.front_end_blockquote blockquote {
    padding: 100px 166px 101px 165px;
}

.bg_white {
    background-color: #fff;
}

.bg_purple {
    background-color: #2e001e;
}

.bg_pink {
    background-color: #ff427a;
}

.bg_black {
    background-color: #001e36;
}

.front-end-info .col {
    padding: 50px 45px;
    width: calc(100%/3);
}

.front-end-info .entry h2 {
    margin: 0 0 15px;
    font-weight: 500;
    line-height: 28.8px;
    font-size: 24px;
}

.front-end-info .col:nth-child(1)  .entry h2{
     color: #77b09c;
}

.front-end-info .col:nth-child(2)  .entry h2 {
    color: #4f9c98;
}

.front-end-info .col:nth-child(3) .entry h2 {
    color: #388b92;
}

.front-end-info .entry p {
    margin: 0;
    line-height: 28px;
}

.section-info {
    position: relative;
    font-size: 17px;
    line-height: 26px;
    overflow: hidden;
}

.section-info .img {
    width: 47%;
    margin-left: 81px;
}

.section-info .wrap_content {
    padding: 73px 0;
}

.section-info .description-info .box-text {
    max-width: 380px;
    margin-top: 23px;
}

.section-info h2 {
    margin: 0 0 22px;
    font-weight: 500;
    font-size: 29px;
    line-height: 34.8px;
}

.woocommerce-banner p {
    max-width: 584px;
    margin: 8px auto 43px;
}

.woocommerce-lighthouse h2 {
    max-width: 100% !important;
}

.section-devices.devices-woocommerce {
    padding-bottom: 85px;
}

.section-devices.devices-woocommerce .description-info{
    padding-top: 62px;
    margin-left: 35px;
}

.section-devices.devices-woocommerce .img {
    padding-top: 20px;
}

.section-lighthouse {
    background: #2184a4;
    color: #b5e8f4;
}

.section-lighthouse.lighthouse-front-end .description-info{
    position: relative;
    left: -4%;
}

.section-lighthouse h2 {
    color: #ffdd3d;
}

.section-grassland {
    padding: 60px 0;
    background: #91c27a;
}

.section-grassland .wrap_content {
    padding: 66px 45px;
}

.section-grassland h2 {
    color: #fff;
    max-width: 70%;
}

.section-grassland .img {
    width: 38%;
    position: absolute;
    left: 42%;
    top: 22%;
}

.section-skymoon.skymoon-woocommerce h2 {
    color: #eaf9f2;
}

.section-skymoon.skymoon-woocommerce .box-text {
    top: 40%;
    position: relative;
    transform: translateY(-60%);
}

.section-skymoon {
    color: #b3d0e5;
    background: #1d4566;
}

.section-skymoon .img {
    width: 34%;
}

.section-skymoon .wrap_content {
    padding-bottom: 0;
    padding-top: 44px;
    justify-content: space-around;
}

.skymoon-front-end.section-skymoon h2 {
    color: #eaf9f2;
}

.section-skymoon .description-info {
    padding-top: 45px;
}

.section-devices {
    color: #202b2e;
    background: #66cc99;
    font-weight: 300;
    min-height: 650px;
}

.section-devices .description-info {
    margin-left: 50px;
}

.devices-front-end img {
    width: 100%;
}

.section-devices h2 {
    color: #eaf9f2;
    max-width: 85%;
}

.section-devices .img {
    position: absolute;
    left: 43%;
    width: 36%;
    margin-top: 29px;
}

.info-services {
    border-top: 1px solid #DDDDDD;
    padding: 73px 0 0;
}

.services-list, .card-service-list {
    padding: 0;
    flex-wrap: wrap;
}

.services-list .services-list_item {
    flex: 0 1 calc(33.3333% - 34px);
    display: flex;
    margin-bottom: 88px;
    padding-right: 34px;
}

.card-service {
    width: 100%;
    height: 100%;
    color: #2A4054;
    font-size: 17px;
    line-height: 1.45;
}

.card-service .card-service-title {
    margin: 25px 0 10px;
    font-size: 23px;
    line-height: 28px;
    color: #2B2E38;
    font-weight: 700;
}

.card-service p {
    margin: 0 0 11px;
}

.card-service ul li a {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: underline;
    padding-left: 27px;
    margin-bottom: 5px;
}

.card-service ul li a:before {
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 9px;
    background-image: url('../images/ico-arrow-service.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s;
}

.card-service ul li a:hover:before {
    transform: translateX(3px);
}

.front_end_area, .items-area-woocommerce {
    padding: 97px 0 112px;
}

.woocommerce-banner {
    padding: 52px 0 105px;
}

.woocommerce-lighthouse .img {
    margin-left: 13%;
}

.btn_free {
    display: block;
    font-size: 29px;
    font-weight: 500;
    line-height: 88px;
    color: #fff;
    background: #e95171;
    width: 72%;
    border-radius: 5px;
    margin-top: 108px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    transition: background 0.25s ease-in-out;
}

.btn_free:hover {
    background: #6287b1;
}

@media (max-width:567px) {
    .services-list .services-list_item {
        flex-basis: 100% !important;
        margin-bottom: 35px!important;
    }

}

/*------------------------FAQ PAGE---------------------*/
.faq-banner {
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}
.wrap_banner {
    max-width: 757px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 104px 0 97px;
}

.search-form fieldset {
    margin-bottom: 18px;
}

.faq-banner .title-PC {
    font-size: 45px;
}

.section-order-form {
    margin-top: -15px;
}

.search-form fieldset, #tabs-nav, .section-order-form fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
    position: relative;
    margin-bottom: 54px;
}

.tabs-mobile {
    display: none;
}

.tabs_faq {
    width: 30%;
}

.tabs_faq .active_tab a {
    color: rgb(238, 89, 101) !important;
}

.tabs_faq li.active_tab,
.tabs_faq li {
    background: unset !important;
}

#tabs-nav li {
    padding: 9px 0;
}

.tabs_faq li a {
    font-weight: 500 !important;
    font-size: 17px;
    line-height: 20.4px;
    color: rgb(42, 64, 84) !important;
}

.tabs-PC-faq.tabs_faq li a:hover {
    font-weight: 700 !important;
    color:#EE6559 !important;
}
.search-form input[type="search"] {
    font-size: 16px;
}

.search-form input {
    width: 100%;
    background: #fff;
    border-radius: 66px;
    border: none;
    padding: 24px 149px 21px 29px;
    color: #2B2E38;
    line-height: 1;
    font-weight: 500;
    margin-top: 50px;
}

.search-form button {
    position: absolute;
    background: linear-gradient(90deg, #CC3F5F 0%, #EF5D62 100%);
    bottom: 4px;
    right: 6px;
    color: #fff;
    border-radius: 66px;
    height: 52px;
    border: navajowhite;
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    width: 120px;
}

.slick-list {
    padding: 0 !important;
}

.faq-items {
    width: 620px;
}

.faq-items .active .drop:after {
    display: none;
}

.tabs {
    padding: 71px 0 109px;
}

.list-items {
    box-shadow: 0px 7px 23px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    border-radius: 6px;
    padding: 0;
    max-width: 797px;
    margin: 0 auto;
}

.list-items >li:nth-child(even), .about-faq .box-faq .faq-item:nth-child(even) {
    background: #F8F8F8;
}

.list-items li h3 {
    margin: 0;
    font-size: 17px;
}

.list-items .faq-item .expand {
    position: relative;
    cursor: pointer;
    color: #2A4054;
}

.active_tab {
    display: block;
}

.faq-results {
    margin-bottom: 22px;
    justify-content: space-between;
    align-items: center;
}

.faq-results span {
    color: #8793A0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.faq-results a {
    font-size: 15px;
    color: #8793A0;
    background: #F0F0F0;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 9px 18px;
    font-weight: 500;
    cursor: pointer;
}

.faq-results a:hover {
    color: #535b63;
    border-color: #c7c7c7;
}

.changes-words-slider .slick-slide a, 
.faq-examples .example {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    min-width: 100px;
}

.changes-words-slider .slick-slide a {
    font-weight: 500;
}

.changes-words-slider1 {
    width: 28%;
}

.changes-words-slider3,
.changes-words-slider2 {
    width: 15%;
}

.changes-words-slider4 {
    width: 12%;
}

.changes-words-slider .slick-slide {
    background: rgba(255, 255, 255, .3);
    padding: 7px 15px;
    border-radius: 3px;
}

.faq-examples {
    gap: 10px;
    align-items: center;
}

.title-mb {
    display: none;
}

.list-items .active_faq .faq-item-content ul {
    padding: 0;
}

.list-items .active_faq .faq-item-content ul li {
    padding: 5px 0;
    list-style: disc;
}

.list-items .active_faq .faq-item-content p {
    font-size: 17px;
    line-height: 25.5px;
}

.list-items .active_faq .faq-item-content p:last-child {
    margin-bottom: 0;
}

.text-red {
    color: #FA5C64;
}


button.text-red {
    padding: 0;
    font-size: 17px;
    font-weight: 300;
}

.text-red:hover {
    opacity: 0.75;
}

/*-----------------------------WORDPRESS---------------------*/
.bg-promo-blue .the-header {
    background: url('../images/bg-promo-inner-wp.svg') no-repeat 50% 0;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
}

.bg-promo-blue .front-end-banner a {
    font-size: 20px;
    padding: 17px 51px;
}

.bg-promo-blue .title-careers {
    padding: 22px 0 0;
}
.bg-promo-blue .promo-box span {
    color: #fff;
}

.promo-box .circle-list {
    padding: 0;
    justify-content: center;
    margin: 17px 0 42px 0;
}

.promo-box .circle-list li {
    padding: 4px 7px;
}

.bg-promo-blue .front-end-banner {
    padding-bottom: 220px;
}

.promo-box .front-end-banner a {
    width: 275px;
    display: block;
    padding: 13px 0;
    margin: 0 auto;
}

.bg-promo-blue .front-end-banner p {
    margin-bottom: 42px;
    color: #def5ed;
    font-size: 21px;
}

.box-video {
    text-align: center;
    margin-top: -50px;
    position: relative;
}

.box-video iframe {
    width: 818px;
    height: 464px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0; 
}
.video-holder {
    width: max-content;
    position: relative;
    margin: auto;
}

.video-holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(58, 94, 115, 0.88);
}

.video .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-indent: -9999px;
    background: url(../images/ico-btn-play.svg) no-repeat 50% 50%;
    background-size: 89px 89px;
    cursor: pointer;
}

.front-end-info.wordpress-info .col {
    padding: 43px 45px 51px;
}

.blockquote-wordpress blockquote cite {
    margin-top: 20px;
}

.section-lighthouse.lighthouse-wordpress .box-text {
    margin-top: 55px;
}

.section-grassland.grassland-wordpress .wrap_content {
    padding: 100px 45px 114px;
}

.section-grassland.grassland-wordpress .img {
    width: 64%;
    left: 36%;
    top: 17%;
}
.section-skymoon.skymoon-wordpress .box-text {
    margin-top: 34px;
}

.skymoon-wordpress h2 {
    color: #eaf9f2;
}
.section-devices.devices-wordpress .wrap_content {
    padding: 100px 50px;
}

.section-devices.devices-wordpress .description-info {
    margin-left: 0;
}

.section-devices.devices-wordpress .img {
    left: 42.5%;
    margin-top: 0;
}

.devices-wordpress .description-info .box-text {
    max-width: 390px;
    margin-top: 43px;
}

.section-devices.devices-wordpress h2 {
    max-width: 100%;
}

.section-plane {
    background: #69b1ae;
    color: #202b2e;
}

.section-plane .img {
    position: relative;
    width: 867px;
    margin-left: -27%;
}

.section-plane .description-info {
    align-items: center;
    display: flex;
}

.section-plane .description-info .box-text {
    position: relative;
    left: -38px;
}

.section-plane h2 {
    color: #fff;
}

.section-whales {
    color: #9cdaf6;
    background: #0171a1;
}

.section-info.whales-wordpress .wrap_content{
    padding: 77px 0 54px;
}

.section-whales .img {
    position: absolute;
    left: 33%;
    width: 63%;
}

.section-whales .box-text a {
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
}

.section-whales .description-info .box-text {
    padding-top: 65px;
    max-width: 350px;
    padding-left: 36px;
}

.section-whales h2 {
    color: #eaf9f2;
}

.blockquote-wordpress blockquote p {
    max-width: 450px;
    margin: auto;
}

.items-area-wordpress {
    padding: 103px 0 112px;
}

/*-------------------------------GET A QUOTE PAGE--------------------------*/
.started-banner {
    padding: 34px 0 158px;
    text-align: center;
}

.started-banner .about-banner-text p{
    font-size: 21px;
    font-weight: 400;
    opacity: .8;
}

.header-get-started .about-banner-title h1 {
    font-size: 42px;
}

.testimonials-get_started .testimonials-items {
    top: -102px;
}

.testimonials-get_started .testimonials-items .testimonials-text p {
    min-height: 90px;
    font-weight: 400;
}

.section-order-form .form-holder {
    width: 85%;
    margin: 0 auto;
}

.row-frame .tabs #tabs-nav li {
    padding: 0;
}

.text-small.danger-error {
   border: 1px solid #ffb168;
}

.form-start .row-input-project .danger-error,
.form-start .row-area.danger-error {
    border: 1px solid #f87953;
}

.form-start .row-area {
    margin-top: 20px;
}

.form-start .block-yellow .text {
    width: 50%;
}

.form-start .block .text-small,
.form-start .block .text {
    padding: 4px;
    cursor: pointer;
    position: relative;
}

.text.danger-error .alert-error{
    display: block !important;
}

.block-yellow .text.danger-error .alert-error {
    background: #ffb168 !important;
}

.block-orange .text.danger-error .alert-error {
    background: #f87953 !important;
}

.section-order-form .form-start {
    width: 67%;
    float: left;
}

.head-block h2 {
    font-size: 25px;
    font-weight: 500;
    color: #12162f;
    line-height: 30px;
    margin: 0;
}

.block-red .tabs .text {
    position: relative;
}

.aside-contact {
    position: relative;
    margin-top: 57px;
    margin-left: 12px;
}

.aside-contact .box-contact {
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
}

.contact-content {
    padding: 1px 13px;
    width: 210px;
}

.contact-content ul li a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.contact-content ul {
    padding: 0;
}

/*.block .row-frame {
    padding-left: 47px;
    padding-bottom: 41px;
}*/

.text input {
    padding: 16px;
    border: 1px solid #dbdbdb;
    background: #f2f2f2;
    line-height: 20.8px;
    width: calc(100% - 33px);
}

.text input[type="text"] {
    font-size: 16px;
    color: #7e7e7e;
}

.row-holder textarea {
    width: calc(100% - 33px);
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f2f2f2;
    border: 1px solid #dbdbdb;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    padding: 16px;
}

.form-start label.error {
    display: none !important;
    position: unset !important;
}

.form-start .alert-error {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    margin: -15px 0 0;
    right: 21px;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
}

.form-start .toolltip-holder {
    padding: 15px 10px;
    border-radius: 3px;
    background: #f87953;
}

.form-start .toolltip-holder p {
    margin: 0;
}

.form-start .toolltip {
    position: absolute;
    right: -69px;
    display: none;
    top: -55px;
    padding: 0 0 7px;
    font: 500 13px/1.2 "museo-sans", Arial, Helvetica, sans-serif;
    color: #fff;
    z-index: 1000;
    background: url(../images/ico-tooltip-orange.png);
    background-repeat: no-repeat;
}

.form-start input.error,
.form-start textarea.error {
    display: block;
    position: unset;
}


.block .head-block .head:before {
    width: 31px;
    height: 43px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.block.block-yellow .head-block .head:before {
    background: url('../images/book.svg');
    background-size: 100% 100%;
}

.block.block-orange .head-block .head:before {
    background: url('../images/pencil.svg');
    background-size: 100% 100%;
}

.block.block-red .head-block .head:before {
    background: url('../images/file.svg');
    background-size: 100% 100%;
}

.block .head-block {
    padding: 9px 0 9px 47px;
    margin: 0 0 8px;
    position: relative;
}

.privacy-label .policy-get-started, .privacy-label .policy-get-started a {
    font-size: 14px;
    font-weight: 300;
    color: #7e7e7e;
}

.block-yellow {
    padding-bottom: 55px;
}

.block-orange {
    padding-bottom: 40px;
}

.block .row-frame {
    padding-left: 47px;
}

.block-red .row-frame p {
    margin: 0;
}

.row_send {
    text-align: center;
    padding-top: 56px;
    width: calc(100% - -35px);
}

.row_send .btn-send {
    line-height: 52px;
    font-size: 28px;
    font-weight: 500;
    background: #5a4872;
    border-radius: 3px;
    padding: 8px 67px;
    color: #fff;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.row_send .btn-send:hover {
    background: #2d213d;
}

.row_send .secure {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row_send .secure img {
    width: 27px;
    height: 30px;
    margin-top: 26px;
    margin-bottom: 15px;
}

.row_send span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 300;
    color: #797878;
}

.block-red .head-block {
    display: flex;
    align-items: center;
}

.block-red .head-block h2 {
    margin: 0;
}

.block-red .tabs {
    padding: 0;
}

.block-red #tabs-nav {
    width: 99%;
    display: flex;
    margin-top: 24px;
    margin-bottom: 18px;
}

.block-red #tabs-nav li:nth-child(2) {
    padding: 0 10px;
}

.block-red {
    margin-top: 12px;
}

.block-red #tabs-nav li {
    width: 100%;
}

.block-red #tabs-nav li a {
    display: block;
    border: 1px solid #e0e0e0;
    background: #f2f2f2;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #7e7e7e;
}

.block-red #tabs-nav .active_tab a {
    background: #fff;
}

.privacy-label {
    padding-left: 47px;
    max-width: 490px;
    margin-top: 15px;
}

.text .btn-browse a:hover {
    background: #f2f2f2;
}

.text .btn-browse a, .fileinput-button span {
    color: #6e6d6d;
    border: 1px solid #c9c9c9;
    background: #fff;
    width: 99%;
    display: inline-block;
    text-align: center;
    padding: 16px 0;
    transition: all .3s ease-in-out;
}

.fileinput-button input {
    background: none;
    cursor: pointer;
    border: none;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.location, .block-orange .row-frame .row-holder:nth-child(3) {
    margin-top: 10px;
}

.btn-bottom {
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    cursor: pointer;
    height: max-content;
    display: inline-block;
}

@keyframes bounce {
    50% {
        transform: translateY(-15px);
    }

}

.checker-get span {
    border: 1px solid #dbdbdb;
    background: #f2f2f2;
    display: inline-block;
    width: 29px;
    height: 29px;
}

.check label {
    color: #7e7e7e;
    font-size: 14px;
    margin-left: 10px;
}

.check:not(:first-child) {
    margin-left: 36px;
}

.open-checker {
    background: url('../images/checked.svg') !important;
    background-repeat: no-repeat;
}

.checker-get input {
    margin: 0;
    border: none;
    background: 0 0;
    opacity: 0;
    display: inline-block;
    zoom: 1;
    width: 31px;
    cursor: pointer;
    height: 31px;
}

.box-contact.fixed {
    position: fixed;
    top: 76px;
    left: inherit;
    width: auto;
}

.box-contact {
    border-radius: 4px;
}

.box-contact.yellow {
    background: #ffb168;
}

.box-contact.orange {
    background: #f87953;
}

.box-contact.red {
    background: #c23d66;
}

@keyframes slidein {
    from {
        margin-top: 0;
    }

    50% {
        margin-top: 20px;
    }

    to {
        margin-top: 40px;
    }

}

/* Page wrapper */
.wrapper {
    width: 90%;
    max-width: 800px;
    margin: 4em auto;
    text-align: center;
}

/* Icons */
.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentcolor;
}

.modal, .modal-thanks {
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible, .modals.is-visible,
.modal-thanks.is-visible {
    visibility: visible !important;
    display: flex;
    align-items: center;
}

.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay, 
.modals.is-visible .modal-overlay,
.modal-thanks.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modal-wrapper,
.modal-wrapper-thanks {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 51%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.modal.is-visible .modal-transition {
    border-radius: 6px;
}

.modal-header {
    padding: 62px 75px 18px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
}

.modal-content {
    padding: 20px 76px 45px;
}

.modal-close,
.modal-close-thanks {
    background: none;
    cursor: pointer;
    border: 0;
}

.modal-heading {
    color: #EF5D62;
    font-size: 24px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

.form-message .rows:first-child {
    padding-top: 0;
}

.error-email {
    background: #e95551 !important;
    border-radius: 20px;
    width: max-content !important;
    color: #fff !important;
    text-align: center;
}

.bg-gray-email {
    background: #afc2d0 !important;
    border-radius: 20px;
    width: max-content !important;
    color: #fff !important;
    text-align: center;
}

.modal .rows {
    border-bottom: 2px solid #f0f2f2;
    padding: 20px 0 7px;
    display: flex;
    position: relative;
}

.modal .rows input, .modal .rows textarea {
    font-size: 18px !important;
    width: 40% !important;
    padding: 0 !important;
    color: #2A4054;
    margin: 0;
    border: none;
    outline: none;
    border-radius: 0;
}

.modal .rows textarea {
    resize: none;
}

.modal .gfield_required,
.modal .gform_validation_errors {
    display: none !important;
}

.modal .gfield_label {
    margin-bottom: 0 !important;
    min-width: 12%;
    color: #2B2E38;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.modal .ginput_container {
    width: 100%;
}

.modal .policy-message-modal label {
    color: #9BA0A7;
    font-weight: 500;
    font-size: 18px;
}

.modal .gform_footer .button {
    padding: 14px 23px;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    border-radius: 4px;
    width: 140px;
    color: #fff;
    overflow: hidden;
    border: 1px solid #FFAC30;
    background: #FFAC30;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.modal .gform_footer {
    float: right;
}

.modal .gform_footer .button:hover {
    background: transparent;
    color: #FFAC30;
}

.modal .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none !important;
}

.modal .gfield_error.rows {
    border-bottom: 2px solid #e95551 !important;
    padding: 35px 0 7px !important;
} 

.modal #validation_message_1_1 {
    display: none;
}

.modal .validation_message {
    border: 0 !important;
    background: 0 !important;
    text-transform: uppercase;
    color: #e13d40 !important;
    line-height: 13px !important;
    font-weight: 500;
    font-size: 11px !important;
    letter-spacing: 0.7px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    left: 12%;
    width: max-content !important;
}

/*BTN MAIL PREVIEW*/
.btn-mail-preview {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 99;
    border-radius: 50%;
    box-shadow: 0 3px 10px 0 rgba(239, 104, 91, 0.4);
    cursor: pointer;
}

/*FADEIN UP*/
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hiddens {
    opacity: 0;
}

.visible {
    opacity: 1;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

}

/*MODAL HOME*/
#modal {
    position: absolute;
    background: -webkit-linear-gradient(-45deg, #f87575 0%, #f87575 24%, #f9965d 100%);
    color: black;
    width: 100%;
    height: 100vh;
    cursor: pointer;/*    animation-name: modalAnimation;*/
    animation-duration: .4s;
}

.close_btn {
    color: #ffcd20;
    font-size: 50px;
    font-weight: bolder;
    text-align: right;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 3;
    cursor: pointer;
}

#modal-container {
    display: block;
    position: fixed;
    overflow: hidden;
    height: 200vh;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    transition: all 1.3s cubic-bezier(0.45, -0.04, 0.51, 1.11);
    right: 0;
    transform: translateY(-200vh);
    /*-webkit-animation: expand 5.5s;*/
}

.active_modal #theForm {
    opacity: 1;
}

.shape-wrap {
    position: relative;
    z-index: 10;
    margin: -5px 0 0 0;
}
.shape {
    height: 100vh;
    width: 100%;
    display: block;
    fill: #f87575;
}

#modal-date {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

#wrap-modal-date {
    position: absolute;
    width: 80%;
    animation-duration: .4s;
    cursor: pointer;
    background: #fff;
}

#modal-date .modal-wrapper {
    background-color: #fafafa;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 82%;
    max-width: 85%;
    position: fixed;
    border-radius: 6px;
}

#modal-date .modal-header {
    justify-content: end;
    position: absolute;
    right: 0;
    border-radius: 6px;
    z-index: 99999;
}

.questions {
    padding: 0;
}

.questions li {
    display: none;
}

.questions li.active {
    display: block;
}

.simform-inner .questions .title_form {
    color: #fff;
    font-size: 38px;
    letter-spacing: 0.2px;
    font-weight: 700;
    line-height: 45.6px;
}

.simform-inner .progress, [data-progress] {
    width: 0%;
    height: 6px;
    background: #da232f;
    border-radius: 3px;
}

.simform-inner .progress:before {
    position: absolute;
    top: auto;
    width: 100%;
    height: inherit;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    border-radius: 0 0 3px 3px;
}

.questions .row-input {
    margin-top: 30px;
    position: relative;
}

.questions .row-input input, .questions .row-input textarea {
    box-sizing: border-box;
    border: none;
    display: block;
    font-size: 18px;
    width: 100%;
    padding: 25px 70px 25px 30px;
    color: #bc9da2;
    border-radius: 3px;
}

.tabs-nav-file {
    justify-content: space-between;
    padding: 0;
    margin-top: 30px;
}

.tabs-nav-file label {
    font-size: 18px;
    color: #fcd7dd;
    margin-left: 5px;
}

.tabs-nav-file .checkbox span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.tabs-nav-file .checkbox input {
    width: 25px;
    height: 25px;
    margin: 0;
    opacity: 0;
    position: relative;
    z-index: 2;
}

.tabs-nav-file .active_tab  .checkbox .checked:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
}

.tabs-files .uploader-block, .tabs-files .file-uploader-dropbox {
    background: #fff;
    padding: 27px 90px 30px 36px;
}

.tabs-files .uploader-block .file-upload {
    border: 2px dashed #d2cece;
}

.tabs-files .uploader-block .file-upload input {
    position: relative;
    opacity: 0;
    padding: 17px 10px;
    z-index: 2;
}

.tabs-files .uploader-block .file-upload span, .tabs-files .file-uploader-dropbox a {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #bc9da2;
}

.tabs-files .file-uploader-dropbox a {
    padding: 20px 0px;
    width: 100%;
    text-align: center;
    position: unset;
    border: 2px dashed #d2cece;
    display: inline-block;
    transform: unset;
}

.questions .row-input textarea {
    height: 215px;
}

#theForm {
    width: 50%;
    max-width: 640px;
    margin: auto;
    position: relative;
    font-size: 18px;
    color: #fcd7dd;
    opacity: 0;
    transition: all 1s ease;
}

.message-modal a {
    text-decoration: underline;
    color: inherit;
}

.message-modal {
    padding-bottom: 60px;
    margin: 0;
}

#next-show {
    border: none;
    padding: 0;
    background: unset;
    position: relative;
    width: 100%;
    display: none;
}

#next-show img {
    position: absolute;
    top: -63px;
    right: 11px;
    cursor: pointer;
}

.questions .wrap-bottom .wrap-back {
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
    left: 0;
    position: absolute;
}

.questions .wrap-bottom button {
    cursor: pointer;
    transition: all 0.3s;
    z-index: 2;
    font-weight: 500;
    font-size: 17px;
    padding: 0;
    color: #ffcdb7;
}

.content__inner {
     position: relative; 
     height: 100vh; 
     display: flex; 
     align-items: center; 
    left: 0;
    /* margin: auto; */
    right: 0;
    z-index: 2;
    background: linear-gradient(135deg, #f87575 0%, #f87575 24%, #f9965d 100%); 
    padding: 20px;
    transition: all .3s ease-in-out;
}

.row-checkbox .checkbox-quote {
    margin-bottom: 15px;
}

.row-checkbox {
    padding-top: 30px;
}

.it-check-box input {
    opacity: 0;
    z-index: 2;
    margin: 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.it-check-box .checkmark {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    cursor: pointer;
    border: unset;
    position: absolute;
    background: #fff;
    margin-right: 24px;
}

.check-box-home .it-check-box .checkmark, .check-box-home .checkmark-input span, .tabs-nav-file .active_tab .checkbox span {
    background: #ffcd20;
}

.it-check-box input:checked + .checkmark:before,
 .check-box-home .checkmark-input span:before, .pricing-estimate .checkbox input:checked + .checkmark:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -6px;
    border: 3px solid rgba(255, 255, 255, 1);
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
}

.check-box-home, .active_quoted {
    display: block !important;
}

li.messege-error.error.active_quoted p, li.messege-error.emailError.active_quoted p {
    display: inline-block;
    transform: translateY(29px);
    margin: 0;
}

.it-check-box p {
    margin: 0 0 0 20px;
    cursor: pointer;
}

@keyframes modalAnimation {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 50%;
        opacity: 1;
    }

}

.messege-error p, .field-has-error, .error {
    display: none;
    font-size: 15px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
}

label.error {
    position: absolute;
    bottom: -65px;
}

.form-message label.error {
    position: absolute;
    top: 10px;
    bottom: 0;
    height: max-content;
    color: #e13d40;
    font-size: 11px;
    letter-spacing: 0.7px;
    line-height: 13px;
    font-weight: 500;
}

.final-message {
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 38px;
    line-height: 1.2;
    font-weight: bold;
    display: none;
}

.errorSelect {
    border-color: red !important;
}

.simform-inner .loading-title {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrap-select select option[value=""][disabled] {
    display: none;
}

.form-control {
    border: 1px solid #ddd;
    /*padding: 0 0 0 23px;*/
    height: auto;
    font-size: 15px;
    line-height: 49px;
    color: #b9c1cb; 
}

.form-select .select {
    cursor: pointer;
    position: relative;
    height: 40px;
    border: 0;
}

.form-select select {
    position: absolute;
    border: 0;
    z-index: -1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    
.form-select .select-display.form-control {
    width: calc(100% - 23px);
    padding-left: 23px;
    border-radius: 5px;
    background-color: white;
    margin-top: 6px;
}

.form-select .select-display.form-control:after {
    position: absolute;
    top: 21px;
    right: 12px;
    content: '';
    background-image: url("../images/icon-down.svg");
    width: 14px;
    height: 7px;
    background-size: cover;
}

.form-select .options {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 117%;
    left: 0;
    z-index: 1;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    border-radius: 0px 0px 5px 5px;
    margin: 0;
}

.form-select .options li {
    padding: 0 23px;
    transition: all 0.3s;
    margin-bottom: 15px;
    color: #9ba0a7;
    font-weight: 400;
}

.form-select .options li:first-child {
    border-top: 0;
}

.form-select .options li::before {
    display: none;
}

.form-select .options li.active, .form-select .options li:hover {
    color: #6a727c;
    background: transparent;
}

.selectFirst.active {
    border-bottom: none;
}

.box-select:not(:first-child) {
    margin-top: 25px;
}

/*IMG COMPARE*/

.section_3 .img-comp-container,
.section_5 .img-comp-container {
    margin-left: 60px;
}

.img-comp-container {
    position: relative;
    width: 874px;
/*    left: 45%;
    transform: translateX(-50%);*/
    height: 633px;
}

.img-comp-responsive {
    height: 100%;
    width: 874px;
    position: absolute;
}

.img-comp-img {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
    height: 100%;
    width: 874px;
}

.img-comp-overlay {
    width: 50%;
}

.img-comp-slider {
    position: absolute;
    z-index: 9;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border: 3px solid white;
	justify-content: space-around;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.icon-arrow img {
    width: 12px;
    height: 12px;
}

.twentytwenty-left-arrow img {
    transform: rotate(180deg);
}

.twentytwenty-right-arrow {
    right: 2px;
}

.img-comp-slider:before,
.img-comp-slider:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    width: 3px;
    height: 294px;
    left: 50%;
    margin-left: -1.5px;
    z-index: 30;
}

.img-comp-slider:before {
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    bottom: 50%;
    margin-bottom: 22px;
}

.img-comp-slider:after {
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    top: 50%;
    margin-top: 22px;
}

.wrap-bg-overlay:hover{
    opacity: 1;
}

.background-overlay{
    z-index: 7;
    position: absolute;
    height: 633px;
    top: 0;
    transition: .3s all ease-in-out;
    width: 874px;
}

.wrap-bg-overlay {
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.compare-mb {
    display: none !important;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    content: attr(data-content);
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    line-height: 38px;
    padding: 0 20px;
    border-radius: 2px;
    color: white;
    font-size: 13px;
    letter-spacing: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.twentytwenty-after-label:before {
    right: 0;
}

.section_9 .slick-list p {
    color: #464343;
    font-size: 16px;
    line-height: 28px;
}

.section_8 .slick-prev {
    left: 0 !important;
}

.section_8 .slick-prev:before,
.section_8 .slick-next:before,
.slider-about .slick-prev:before,
.slider-about .slick-next:before {
    content: '';
    width: 21px;
    background-repeat: no-repeat;
    height: 36px;
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
}

.section_8 .slick-prev:before{
    background-image: url('../images/icon-prev.svg');
}

.slider-about .slick-prev:before {
    background-image: url('../images/back.png');
}

.slider-about .slick-next:before {
    background-image: url('../images/next.png');
}

.section_8 .slick-next:before {
    background-image: url('../images/icon-next.svg');
}

.section_8 .slick-next {
    right: 17px !important;
}

.section_8 .slick-prev, 
.section_8 .slick-next {
    opacity: 0;
    transition: all .3s ease-in-out;
}

.section_8 .slick-list:hover .slick-prev,
.section_8 .slick-list:hover .slick-next {
    opacity: 1;
    z-index: 2;
}

@media (max-width: 500px) {
        .img-comp-container,
        .img-comp-container, .background-overlay, .img-comp-responsive{
        height: 540px;
    }

    .img-comp-slider:before,
    .img-comp-slider:after {
        height: 248px !important;
    }
}

#tab-service{
    padding: 60px 0 30px 0;
    margin: 0;
}

#tab-service li a {
    font-size: 22px;
}

#tab-service img {
    display: none;
}


.dot-pulse {
  position: relative;
  left: -9999px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  color: #fff;
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse::before, .dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  color: #fff;
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
  margin: 0 70px;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
  margin: 0 100px;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

/*--------------------Privacy-policy Page-----------------------------*/
.privacy-banner {
    padding-bottom: 80px;
    padding-top: 0px;
}

.header-privacy .pricing-banner,
.header-privacy #header {
    background: unset;
}

.header-privacy .pricing-banner h1 {
    padding-bottom: 149px;
    padding-top: 83px;
}

.devices-woocommerce  {
    padding-bottom: 100px;
}

.entry-policy {
    padding: 68px 35px;
    color: #464343;
    line-height: 28px;
    font-size: 15px;
}

.entry-policy p {
    margin: 0 0 30px;
}

.entry-policy h3 {
    margin: 0 0 15px;
    font-size: 20px;
}

.entry-policy h5 {
    margin: 0;
    font-size: 18px;
}

/*---------------------TERMS CONDITIONS PAGE---------------*/
.entry-terms ol {
    margin: auto;
    padding: 82px 0 45px 35px;
    font-size: 15px;
    color: #464343;
    max-width: 920px;
}

.entry-terms p {
    margin: 0 0 20px;
    text-align: justify;
    line-height: 28px;
    margin: 0;
}

.entry-terms h3 {
    margin: 15px 0;
    line-height: 22.5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}

.entry-terms ul {
    padding-left: 40px;
}

.entry-terms ul li {
    line-height: 26px;
    padding-bottom: 6px;
}

.header-privacy .terms-banner h1 {
    max-width: 65%;
    margin: auto;
    padding-bottom: 100px;
}

/*----------------MODAL VIDEO REVIEW PAGE*----------------*/
.trigger-review {
    text-align: center;
    background: #3e3e3e;
    color: #fff;
    outline: none;
    border: none;
}

.modal-review {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content-review {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 91%;
}

.close-button {
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 25px;
}

.close-button:hover {
    background-color: darkgray;
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.video-mb {
    width: 100%;
    object-fit: contain;
}

/*-------------------MODAL THANKS CONTACT--------------------------------*/

.thanks-icon img{
    width: 50px;
    height: 48px;
}

.thanks-text .thanks-block-title {
    font-size: 50px;
    line-height: 1.27;
    font-weight: 600;
    margin-bottom: 12px;
}

.thanks-text p {
    font-size: 18px;
    line-height: 26px;
}

.modal-header-thanks {
    text-align: right;
}

.modal-close-thanks span {
    color: #fff;
    font-size: 27px;
    line-height: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 30px;
}

#message {
    text-align: center;
}

.modal-thank {
    background: #121925;
    color: #fff;
}

.icon-blocks {
    width: 10px;
    height: 10px;
}

.modal-wrapper-thanks {
    background: #121925 !important;
    color: #fff;
    border-radius: 10px;
    padding: 75px 75px 90px;
}

.modal-content-thanks {
    text-align: center;
}

.divider-oval {
    display: none;
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    background: #fff;
}

.divider-oval span {
    position: relative;
    display: block;
    margin: 0 0 0 10px;
}

.divider-oval span:before, .divider-oval span:after, .divider-oval span {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff664a;
    display: block;
}

.divider-oval span:before, .divider-oval span:after {
    position: absolute;
    top: 0;
}

.divider-oval span:before {
    left: 8px;
}

.divider-oval span:after {
    left: 17px;
}

/*----------------SITEMAP-------------------------*/

.section-sitemap {
    padding: 50px 0;
}

.title-sitemap {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    padding: 8px 0;
    margin: 0;
    text-align: center;
}

.sitemap-banner {
    padding: 100px 0;
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
}

.section-sitemap h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.section-sitemap li {
    list-style: disc;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
}

.section-sitemap li a {
    position: relative;
}

.section-sitemap li a:after {
    background: #000;
}

/*------------------BLOG-----------------------*/
.section-commerce {
    background: #325865;
    color: #cbd9df;
}

.section-commerce h2 {
    color: #ede383;
}

.item-frame-full.dflex {
    flex-wrap: wrap;
}

.items-area-full h2 {
    color: #b9c66d;
    margin: 35px 0 75px;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 500;
}

.items-area-full .item-frames h3 {
    font-weight: 500;
    font-size: 21px;
    line-height: 1.2;
    margin: 0 0 11px;
}

.item-frame-full .item-frames {
    width: calc(100%/3);
    display: inline-block;
    vertical-align: top;
    padding: 33px;
    color: #878787;
    box-sizing: border-box;
}

.items-area-full .btn_free {
    margin-top: 50px;
}

.ico img {
    display: block;
    margin: 0 auto 15px;
    width: 75px;
    height: 75px;
    min-height: 90px;
    position: relative;
}

.item-frame-full .items-box {
    max-width: 175px;
    margin: 0 auto;
}

.item-frame-full .light-green h3 {
    color: #8bb189;
}

.item-frame-full .green h3 {
    color: #6ba68e;
}

.item-frame-full .dark-green h3 {
    color: #51ac98;
}

.item-frame-full .light-blue h3 {
    color: #29b7b5;
}

.item-frame-full .turquoise h3 {
    color: #2da7c1;
}

.item-frame-full .dark-turquoise h3 {
    color: #3791c4;
}

.item-frame-full .navy-blue h3 {
    color: #3780c4;
}

.item-frame-full .dark-blue h3 {
    color: #37627b;
}

.item-frame-full .blue2 h3 {
    color: #57598b;
}

.skymoon-figmaHtml p a {
    text-decoration: underline;
    color: #34a5d9;
}

.skymoon-figmaHtml p a:hover {
    text-decoration: none;
}

.img-screen {
    width: 100%;
}
 
.devices-figmaHtml .img,
.devices-psdHtml .img,
.sketchHtml .img  { 
    left: 48%;
    width: 30%;
    margin-top: 0;
}

/*------------EXAMPLES-------------------*/
.filter-product {
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 11px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 5px 6px;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0;
}

.filter-product select {
    border: 1px solid #cfd8dc;
    border-radius: 5px;
    padding: 11px 10px;
    display: block;
    appearance: none;
    cursor: pointer;
    width: 280px;
}

.filter-product a{
    background: linear-gradient(to left,#ffa40d ,#ff5701);
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 335px;
    font-weight: 500;
    padding: 15px 25px;
    margin: 0 0 0 20px;
    border-radius: 5px;
}

.filter-product a:hover {
    opacity: .7;
}

.filter-product span {
    margin: 0 8px 0 56px;
    font-size: 16px;
    color: #133951;
}

.product-list {
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.product-list .item-product {
    width: calc(100%/3 - 60px);
    padding: 20px;
    background: #fff;
    box-shadow: 1px 1px 11px rgb(0 0 0 / 20%);
    margin-top: 30px;
}

.product-list .item-product img {
    width: 100%;
    height: 370px;
    object-fit: contain;
}

.product-list .preview a {
    color: #52c201;
    border: 1px solid #52c201;
    border-radius: 3px;
    padding: 4px 18px 4px 19px;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
}

.product-list .preview a:hover {
    background: #52c201;
    color: #fff;
}

.product-list .title-product a {
    font-size: 14px;
    text-transform: uppercase;
    color: #282828;
    font-weight: 500;
}

.item-product .item-img {
    position: relative;
}

.item-product span {
    background: #70b919 none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    position: absolute;
    right: -44px;
    top: -35px;
    width: 50px;
    z-index: 1;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 50%;
}

.item-product span.icon-new {
    background: #e11212;
}

/*--------------Single-------------------------------*/
.container-tab, .container-mb {
    margin: 0 auto;
    padding: 0 15px;
}

.container-tab {
    max-width: 783px;
}

.container-mb {
    max-width: 444px;
}

.tabs-iframe img {
    width: 30px;
}

.tabs-iframe {
    flex-wrap: wrap;
    border-radius: 10px;
    width: 60%;
}

.tabs-iframe li {
    width: calc(100%/3 - 2px);
    border: 1px solid #ffa40d !important;
    background: #ffa40d !important;
    transition: all .3s ease;
}

.tabs-iframe li.active_tab {
    background: #ff5701 !important;
}

.tabs-iframe li a {
    align-items: center;
    justify-content: center;
    color: #fff;
}

.tabs-iframe li a span {
    margin-left: 10px;
}

.tabs-iframe li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tabs-iframe li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} 

.content-iframe .btn-action a:hover {
    color: #FFAC30;
}

.content-iframe {
    margin-top: 30px;
}
/* #tab iframe{
    margin-left: calc((100vw - 767px) / 2);
}
#mobile iframe{
    margin-left: calc((100vw - 414px) / 2);
} */

#gform_confirmation_message_1 {
    text-align: center;
}

#gform_confirmation_message_1 img {
    width: 50px;
    height: 48px;
}

.thanks-block-title {
    font-size: 50px;
    line-height: 1.27;
    font-weight: 600;
    margin-bottom: 12px;
}

.thanks-block-text {
    font-size: 18px;
    line-height: 26px;
}

.page-error {
    background: linear-gradient(95.94deg, #CC3F5F 0%, #EF5D62 101.32%);
    color: #fff;
    text-align: center;
    padding: 150px 0;
}

.page-error h1 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    margin: 20px auto 8px auto;
}

.page-error p {
    font-size: 21px;
    font-weight: 400;
    opacity: .8;
}


/*RESPONSIVE*/
@media (max-width: 1600px) {
    .section_3 .img-comp-container,
    .section_5 .img-comp-container {
        margin-left: 30px;
        width: 100%;
    }

    .section_3 .info_sec3,
    .section_5 .info_sec5,
    .section_6 .info_sec6{
        width: 50%;
    }

    .section_4 .info_sec4 {
        width: 40%;
        margin-left: 0;
    }

    .img-comp-container {
        margin-right: 40px;
    }

    .container_section  {
        width: 90% !important;
    }
}

@media (max-width:1400px) {
    .img-comp-container, .img-comp-responsive,
    .background-overlay {
        width: 100%;
    }

    #modal-date .modal-header {
        padding: 15px;
    }

    .section_2 .skills-list ul {
        margin: -15% 0 0;
    }

    .section_2 .skills-list .dflex img {
        margin-right: 7px;
    }

    .section_9 {
        position: relative;
    }

    .section_9 .row {
        position: unset;
    }

    .section_9 .slick-dots {
        bottom: -34px;
    }

    .section_9 .slick-list {
        margin-bottom: 90px;
    }

}

@media (max-width:1200px) {
    /*------------TERMS CONDITION---------*/
    .entry-terms ol {
        padding: 60px 5px 45px;
    }

    .header-privacy .pricing-banner h1 {
        padding: 50px 0;
    }

    .header-privacy .terms-banner h1 {
        font-size: 40px;
    }

    .container_section {
        width: unset;
        padding: 20px;
    }

    .started-block {
        max-width: 100%;
        height: 384px;
        background-size: 768px 384px;
    }

    .section_2 .skills-list ul {
        position: unset;
        width: 100%;
        margin-top: -22%;
    }

    .section_2  .testimonials-item {
        padding: 34px 28px 30px 25px;
        margin: 0 15px;
    }

    .section_2 .testimonials-items .testimonials-text p{
        min-height: 112px;
    }

    /*----------------ABOUT-----------------*/
    .rating-item {
        width: 87%;
    }

    .about-website-section .row {
        justify-content: space-between;
    }

    .col_image .mosaic_img .mosaic_first {
        max-width: 80%;
        padding-left: 70px;
    }

    .col_image .mosaic_img .mosaic_second {
        width: 57%;
    }

    .info_team {
        width: 45%;
        padding-bottom: 15px;
    }

    .img_map {
        width: 55%;
    }

    .img_map img {
        max-width: 100%;
    }

}

@media (max-width:1100px) {
    html, body {
        overflow-x: hidden;
    }

    .section_4 .img_sec4,
    .section_9 .col,
    .footer-nav, .section_9 .entry {
        width: 100% !important;
        max-width: 100%;
        padding-left: 0;
    }

    .footer-nav {
        justify-content: space-around;
    }

    .section_10 .circle-work ul li img {
        width: 80px;
        height: 76px;
    }

    .section_9 .column {
        flex-wrap: wrap;
    }

    .section_9 .col {
        width: calc(100%/2 - 40px);
        padding: 20px;
    }

    .section-featured .featured-items {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .featured-item {
        width: 230px;
        margin-top: 20px;
    }
}

@media (max-width:1072px) {
    /*----------------REVIEW-------------*/

    .prime-review .video-box {
        margin-top: 30px;
    }

    .description .blockquote blockquote {
        padding: 55px 20px 100px;
        max-width: 48%;
    }

    .review-bottom .review-holder .container {
        padding: 0;
    }

    .blockquote-area .read-full {
        display: flex;
        align-items: center;
    }
    .modal-wrapper {
        width: 93%;
    }
}

@media (max-width: 1024px) {

    /*------------EXAMPLES-------------------------*/
    .product-list.dflex {
        justify-content: space-around;
    }

    .tabs-iframe li {
        width: calc(100%/3 - 56px);
    }

    .tabs-iframe li a span {
        color: #fff;
    }

    .section-commerce .img {
        margin-left: 0;
    }

    .section-devices .img {
        width: 60%;
    }
    /*-----------HOME---------------------*/
    .section_9 .row .decor-bird {
        position: unset;
        margin: auto;
        padding-top: 40px;
    }

    .front-end-info .entry p,
    .section-info .description-info p,
    .entry-terms h3,
    .entry-terms p {
        font-size: 18px;
    }

    .promo-section h1 {
        font-weight: 600;
    }

    .header-top ul {
        padding-right: 0;
    }

    .section-devices .description-info {
        margin-left: 20px;
        padding-top: 0 !important;
    }

    .section-featured h2:after {
        left: -412%;
        width: 366%;
    }

    .header-main .menu {
        justify-content: end;
        width: 100%;
    }

    .section-info .description-info .box-text {
        max-width: 340px;
    }

    .section-devices.devices-wordpress .img {
        width: 63%;
        left: 35%;
    }

    .whales-wordpress .img {
        left: 23%;
        width: 100%;
    }

    .grassland-woocommerce .img {
        width: 66%;
        left: 35%;
        top: 19%;
    }

    .prime-banner-form {
        width: 100%;
    }

    .section_3 .info_sec3 p, 
    .section_4 .info_sec4 p, 
    .section_5 .info_sec5 p, 
    .section_6 .info_sec6 p {
        font-size: 18px;
    }
    /*-----------------GET A QUOTE------------*/
    .section-order-form .form-holder {
        margin: auto;
    }
    .block-red #tabs-nav li {
        background: unset;
    }

    .aside-contact {
        margin-left: 19px;
    }

    .aside-contact .contact-content {
        width: 212px;
    }

    .testimonials-get_started .get-testimonials .testimonials-item {
        margin: 0 15px;
    }

    .text .btn-browse a,
    .fileinput-button span {
        width: 98%;
    }
    /*-------------------------FAQ------------------*/
       .changes-words-slider2 {
        width: 20%;
    }

    .faq-banner .wrap_banner {
        padding-top: 90px;
    }

    .tabs-PC {
        display: none;
    }

    .faq-items, .tabs-mobile {
        width: 100%;
    }

    .jcf-select-text {
        position: relative;
        border: 1px solid #dbdbdb;
        padding: 16px 50px 16px 20px;
        display: block;
        color: #7e7e7e;
        background: #f2f2f2;
    }

    .jcf-select-text:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 0;
        height: 0;
        transform: translate(0, -50%);
        margin: 0 17px;
        border-style: solid;
        border-width: 10px 8px 0 8px;
        border-color: #f77363 transparent transparent transparent;
    }

    #tabs-nav li {
        background: #f2f2f2;
        padding: 10px 20px 10px 20px;
    }

    #tabs-nav li a {
        color: #7e7e7e;
        font-weight: 300;
    }

    #tabs-nav .active_tab {
        background: #f77363;
    }

    .tabs-mobile .faq-links .active_tab a {
        color: #fff !important;
    }


    /*----------------------ABOUT----------------*/

    .rating-elem-logo img {
        max-width: 100%;
    }

    .about-value-section .values {
        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    }
    .hero-about-pre-t {
        padding-top: 0;
    }

    /*-------------FRONT END PAGE-----------------*/
    .devices-front-end .img {
        width: 62%;
        left: 34%;
    }

    .lighthouse-front-end .img {
        margin-left: 0;
    }

    .grassland-front-end .img {
        width: 66%;
    }

    .devices-front-end.section-devices .wrap_content {
        padding: 40px 0;
    }

    /*--------------------WOOCOMMERCE-----------------*/
    .section-devices.devices-woocommerce .img {
        width: 54%;
    }

    .section-devices.devices-woocommerce {
        padding-bottom: 0;
    }

    /*---------------REVIEW-------------------*/
    .review-banner .review-block ul {
        justify-content: space-between;
        padding-left: 38px;
    }

    .col.col-lg {
        width: 55%;
    }

    .image-info:after {
        right: -14px;
    }

    .image-info:before {
        top: -8px;
        left: -14px;
    }

    .review-lightgreen .image-info {
        margin-left: 256px;
    }

    .review-green .image-info,
    .review-blue .image-info,
    .review-red .image-info,
    .review-pink .image-info,
    .review-normalgreen .image-info {
        margin-left: 15px !important;
        width: 48.5%;
    }

    .review-block:nth-child(even) .image-info:before {
        left: -12px;
    }

    .review-block:nth-child(even) .image-info:after {
        top: -8px;
        right: -15px;
    }

    .review-frame .entry {
        padding: 45px 0;
        max-width: 820px;
        margin: auto;
    }

    /*--------------PRIVACY POLICY----------------*/
    .entry-policy {
        padding: 68px 20px 45px;
    }

    .entry-policy,
    .entry-policy h3 {
        font-size: 18px;
    }
    /*----------------WORDPRESS-------------------*/
    .lighthouse-wordpress.section-lighthouse .position-ab {
        left: 64%;
    }

    .section-plane.plane-wordpress .img {
        margin-left: -32%;
    }
    .section-skymoon.skymoon-wordpress .description-info,
    .section-skymoon.skymoon-wordpress .box-text,
    .devices-wordpress .description-info .box-text{
        padding-top: 0;
        margin-top: 0;
    }

    .whales-wordpress.section-whales .description-info .box-text {
        max-width: 370px;
    }

    .lighthouse-wordpress.section-lighthouse .img {
        width: 50%;
        left: -12% !important;
    }

    .devices-figmaHtml .img,
    .devices-psdHtml .img,
    .sketchHtml .img {
        left: 34%;
        width: 57%;
    }

    .section-devices {
        min-height: unset;
    }
}

@media (max-width:991px) {
	.review-area .review-block:nth-child(odd) .image-info p {
		width: 100%;
	}
    /*-------------HEADER----------------------------*/
    .menu-main .menu-dropdown:hover .drop-box {
        display: none;
    }

    .active_mb .drop-box {
        display: block !important;
    }

    .menu-hover .menu-item, .menu-hover .menu-item i {
        opacity: unset;
    }

    .header-main .logo {
        padding: 15px 0;
        display: flex;
    }
    
    .active_mb {
        display: block;
    }

    #header {
        padding-top: 0;
    }

    .header-main {
        padding-top: 0;
        flex-direction: column;
        align-items: unset;
    }

    .header-main .menu {
        flex-direction: column;
        height: 0;
    }

    .change-bg .header-main .menu {
        height: unset;
    }

    .menu-main {
        margin: 0;
        background: #fff;
        width: 100%;
        flex-direction: column;
        align-items: unset;
    }

    .menu-item {
        color: #2A4054;
        font-size: 15px;
        font-weight: 500;
    }

    .menu-main >li {
        padding: 15px 0;
        margin: 0;
    }

    .drop-box li a .icon-box-link img,
    .drop-box li a .box-link-info-desc,
    .header-top,
    .menu .btn-action{
        display: none;
    }

    .open-menu {
        padding-top: 20px;
        display: block !important;
        z-index: 99;
    }

    .open_menu {
        display: flex !important;
        top: 0 !important;
    }

    .change-bg .container {
        background: #fff;
    }

    .change-bg .wrap-menu {
        top: 0;
    }

    .change-bg .mb {
        display: block;
    }

    .menu-opener {
        align-items: center;
        position: relative;
        z-index: 101;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        outline: none;
    }

    .menu-opener-burger {
        display: block;
        width: 19px;
        height: 10px;
        margin-left: 10px;
        position: relative;
        transition: all .5s ease-in-out;
    }

    .menu-opener-burger:before, .menu-opener-burger:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: "";
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.2s linear;
    }

    .menu-opener-burger:after {
        top: 8px;
    }

    .exit .menu-opener {
        color: #EE6559 !important;
        position: absolute;
        right: 25px;
    }    

    .exit .menu-opener-burger:before,
    .exit .menu-opener-burger:after {
        background: #EE6559 !important;
    }

    .drop-box {
        width: 100% !important;
        left: 0 !important;
        position: relative;
        margin-top: 0;
        display: none;
    }

    .active_mb.drop-box {
        display: block !important;
    }
 
    .drop-box li a {
        padding: 10px 34px;
        min-height: unset;
        display: block;
    }

    .header-top a, .header-top li button {
        color: #2A4054;
    }

    .mb .btn-get a {
        width: 85%;
        margin-top: 25px;
    }
    .mb .btn-get a:hover {
        color: #FFAC30;
    }

    .mb .menu-sub {
        justify-content: space-around;
        padding: 0;
        margin: 26px 0 42px 0;
    }

    .mb li button, .mb li a {
        font-size: 14px;
        font-weight: 400;
        border: unset;
        background: unset;
        color: #161616;
    }

    .mb .btn-get {
        text-align: center;
    }

    .box-link-info-title {
        color: #2A4054;
        font-size: 15px;
        font-weight: 500;
    }

    .wrap-menu {
        flex-direction: column;
        top: -100vh;
        position: relative;
        transition: all .5s ease;
    }
    /*------------EXAMPLES-------------------------*/
    .filter-product span {
        margin: 0;
    }

    .img-slider img {
        object-fit: contain;
    }
    /*---------------popup index-------------------*/
    #theForm {
        width: 80%;
    }
    .section-info .img {
        margin-left: 0;
    }

    .review-content .image-review img {
        height: 650px;
    }

    /*---------------Sketch Html------------------*/
    .whales-sketchHtml .description-info .box-text {
        padding: 0;
    }

    .whales-sketchHtml .img {
        left: 40%;
        width: 100%;
    }
    /*----------------REVIEW----------------------*/
    .prime-review, 
    .review-banner .review-block{
        flex-direction: column;
    }

    .review-banner .col-sm p,
    .col-sm,
    .review-banner .review-block span {
         width: 100%; 
         text-align: center; 
         max-width: 100%; 
    }

    .prime-review {
        padding: 35px 0 33px;
    }
    /*--------------------ABOUT-----------------*/

    .list-rating,
    .about-fact-section .facts {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-logo {
        width: 100%;
        align-items: center;
        padding-bottom: 45px;
    }
    .mw-80 {
        max-width: 78%;
    }
    .section-info h2 {
        font-size: 27px;
    }
    /*-------------PRIVACY-POLICY PAGE------------------*/
    .entry-policy {
        padding: 70px 25px 45px;
        font-size: 18px;
    }

    .the-header.header-privacy h1 {
        padding: 20px 0 50px;
        font-size: 32px;
    }

    .section-info.skymoon-front-end .wrap_content,
    .skymoon-front-end.section-skymoon .description-info {
        padding: 0;
    }

    /*---------------TERMS PAGE----------------*/
    .entry-terms ol {
        padding: 70px 35px 70px 50px;
        font-size: 18px;
    }

    .entry-terms h3,
    .front-end-info .entry p,
    .description-info p {
        font-size: 18px;
    }
    /*-----------------WORDPRESS--------------*/
    .lighthouse-wordpress.section-lighthouse h2 {
        max-width: 100%;
    }

     .devices-wordpress .description-info .box-text {
        padding-top: 25px;
     }

    .section-devices.devices-wordpress .img {
        width: 84%;
        left: 48%;
        margin-top: 68px;
    }

    .lighthouse-wordpress.section-lighthouse .position-ab {
        left: 55%;
    }
    .bg-promo-blue .front-end-banner {
        padding-top: 50px;
        padding-bottom: 320px;
    }

    .front-end-info.wordpress-info .col {
        padding: 0;
    }

    .blockquote-wordpress blockquote {
        padding: 65px 150px 75px 150px;
    }

    .video {
        width: 93%;
        margin: auto;
    }

    .video iframe {
        width: 100%; 
    }

    .section-grassland.grassland-wordpress .img {
        width: 100%;
        left: 50%;
    }

    .lighthouse-wordpress.section-lighthouse .img {
     position: relative; 
    left: -14% !important;
    width: 58%;
    }

    .items-area-wordpress {
        padding: 70px 0 45px;
    }

    .plane-wordpress .wrap_content {
        padding: 30px 0;
    }

    .plane-wordpress .img img {
        width: 857px;
        height: 526px;
    }

   .section-plane.plane-wordpress .img {
        left: -70%;
        width: 40%;
        margin-left: 0;
    }

    .lighthouse-wordpress .box-text,
    .section-info .description-info {
        max-width: 320px !important;
    }

    .section-grassland.grassland-wordpress .wrap_content {
        padding: 30px 45px 50px;
    }

    .section-grassland.grassland-wordpress h2 {
        max-width: 83%;
    }

    .section-skymoon.skymoon-wordpress .img {
        width: 48%;
        left: -8%;
        position: relative;
    }

    .section-skymoon.skymoon-wordpress .description-info {
        padding-top: 0;
    }

    .section-info.whales-wordpress .wrap_content {
        padding: 40px 0;
    }

    .section-devices.devices-wordpress .wrap_content {
        padding: 15px 0 20px;
    }

    .section-whales.whales-wordpress .description-info .box-text {
        margin: 0;
        padding: 0;
    }

    .whales-wordpress.section-whales .img {
        width: 1176px;
        left: 38%;
    }

    /*-----------------HOME----------*/
    .about-value-section,
    .home-area,
    .section_11 {
        padding: 50px 0 !important;
    }

    .wrap-img-rps img {
        margin-left: 33px;
        width: 100%;
    }

    .wrap-img-rps {
        width: 72%;
        align-items: center;
        display: flex;
    }

    .compare-mb {
        display: block !important;
        width: 375px !important;
		height: unset !important;
    }

    .compare-pc {
        display: none !important;
    }

    .section_7 .info_sec7 {
        padding: 74px 0 83px 10px;
    }

    .video-holder, .video-holder img {
        width: 100%;
    }

    .section_1 .btn-call {
        width: 216px;
    }

    .section_2 .testimonials-items .testimonials-text p {
        min-height: 180px;
        font-weight: 400;
    }

    .admin-title {
        font-size: 27px;
    }

    .slick-list p {
        font-size: 23px;
    }
    .section_7 {
        background: unset;
    }
    .section_9 .wrapper-service {
        flex-wrap: wrap;
    }

    .section_9 .slider-service {
       padding: 0 27px;
    }

    .section_9 .slick-list p,
    .section_9 .learn-more {
        font-size: 18px;
    }
    .prime-banner-review {
        margin-bottom: 48px;
    }

    .section_4 .info_sec4{
        margin-left: 20px;
    }

    .bg-red {
        padding-top: 0;
    }

    .pricing-client .testimonials-item {
        width: calc(100%/2 - 83px);
        max-width: unset;
        margin: 15px;
        border: 1px solid #dddddd;
    }

    .section_4 .row.dflex {
        justify-content: space-between;
    }

    .pricing-client .testimonials-items{
        justify-content: space-between;
    }

    .section_info {
        padding: 50px 0;
    }

    .prime-banner-review blockquote {
        margin-right: 50px;
    }

    .img-comp-container {
        width: 60% !important;
    }

    .section_11 .accordion-info {
        padding: 0;
    }

    .section_11 .accordion-content p {
        font-size: 17px;
    }

    .footer-nav strong {
        font-size: 15px;
    }

    /*----------------FRONT END-------------*/

    .front-end-info {
        border-bottom: 1px solid #c3c3c3;
    }
    .grassland-front-end h2{
        max-width: 78%;
    }
    .devices-front-end.section-devices .description-info {
        margin-left: 10px;
    }

    .front_end_blockquote blockquote {
        padding: 65px 140px 75px 140px;
    }

    .front-end-info .col-content {
        flex-direction: column;
        padding-bottom: 30px;
    }

    .front-end-info .col,
    .devices-front-end  h2 {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    .grassland-front-end.section-grassland {
        background-position: 50% 1px !important;
    }

    .front-end-info .col .entry {
        padding: 50px 45px;
    }

    .front-end-info .container {
        padding: 0;
    }

    .front-end-info .entry h2 {
        padding-top: 35px;
    }

    .front-end-info .col:not(:last-child) {
        border-bottom: 1px solid #d5d5d5;
    }

    .card-service p {
        max-width: 93%;
    }

    .services-list .services-list_item {
        flex-basis: 50%;
        padding: 0;
        margin-bottom: 60px;
    }

    .section-info .wrap_content {
        align-items: center;
    }

    .devices-front-end .wrap_content {
        padding: 15px 0;
    }

    .section-grassland .img {
    width: 100%;
    left: 50%;
    top: 20%;
    }

    .section-devices .img {
        left: 50%;
        width: 68%;
    }

    .btn_free {
        font-size: 20px;
        padding: 25px;
        margin-top: 95px;
        line-height: 24px;
        margin-bottom: 30px;
        width: 75%;
        font-size: 26px;
    }

    .section-grassland,
    .section-grassland .wrap_content,
    .front-end-info,
    .devices-front-end .wrap-content {
        padding: 0;
    }

    .lighthouse-front-end .img {
        position: relative;
        left: -20%;
        width: 65%;
    }

    .lighthouse-front-end .section-info .description-info .box-text,
    .skymoon-front-end .box-text,
    .devices-front-end .box-text,
    .grassland-front-end .box-text {
        max-width: 320px !important;
    }

    .grassland-front-end .box-text {
        padding-left: 30px;
        margin: 40px 0 !important;
    }

    .skymoon-front-end {
        padding-bottom: 18px;
    }

    .skymoon-front-end .img {
        width: 48%;
        left: -7%;
        position: relative;
        padding-top: 44px;
    } 
    .skymoon-front-end .wrap_content,
    .skymoon-front-end .box-text,
    .skymoon-front-end.section-skymoon .description-info,
    .devices-front-end ..wrap_content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .front_end_area {
        padding: 70px 0 45px;
    }

    .front_end_area .item-frame .item {
        width: calc(100%/3);
    }

    .info-services {
        padding: 54px 0 0;
    }

    /*------------------GET STARTED----------------*/

    .header-get-started .started-banner {
        padding: 75px 0 195px
    }

    .header-get-started .started-banner h1 {
        font-size: 42px !important;
    }

    .testimonials-get_started .testimonials-items .testimonials-text p {
        min-height: 180px;
    }

    .row_send {
        width: unset;
    }

    .testimonials-get_started .get-testimonials .testimonials-item {
        margin: 0 8px;
    }

    .aside-contact .contact-content {
        width: 192px;
    }

    /*----------------PRICING----------*/

    .pricing-estimate .estimate-form {
        padding: 10px 40px 22px;
    }
    .solution-inner .info-card {
        padding: 25px 20px;
    }

    .pricing-solution {
    padding-bottom: 100px;
    }

    .btn-estimate {
        padding: 20px 0;
    }

    .btn-estimate a {
        width: 80%;
    }

    .pricing-skill .skills-list {
        margin-top: -6.5%;
    }

    .pricing-solution .solution-title h2 {
        font-size: 34px;
    }

    .pricing-client .testimonials-text blockquote p {
        min-height: 96px;
    }

    /*-------------ABOUT-------------------*/
    .about-website-section .headtitle,
    .about-faq .headtitle,
    .about-value-section .headtitle,
    .about-team-section .headtitle {
        font-size: 25px;
    }

    .about-faq .box-faq .faq-item {
        padding: 30px 30px 30px 76px;
    }

    .about-banner-section .about-banner-title h1 {
        font-size: 32px;
    }

    .about-banner-text p {
        padding-bottom: 20px;
    }

    .info_team {
        padding-bottom: 20px;
    }

    .img_map img {
        width: 350px;
        height: 350px;
    }

    /*-------------------REVIEW------------*/

    .image-info {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .review-content .image-review {
        width: 100%;
    }

    .read {
        justify-content: flex-start;
        display: flex;
        width: 100%;
    }

    .col.col-lg {
        width: 75%;
    }

    .review-purple .review-content,.review-yellow .review-content,.review-darkgreen .review-content,
    .review-orange .review-content,.review-violet .review-content,
    .review-purple .review-holder .container,.review-yellow .review-holder .container,
    .review-darkgreen .review-holder .container,.review-orange .review-holder .container,
    .review-violet .review-holder .container, .review-lightgreen .review-content,
    .review-lightgreen .review-holder .container,
    .review-block:nth-child(even) .review-content, 
    .review-block:nth-child(even) .review-holder .container.dflex {
        flex-direction: column-reverse;
    }

    .review-green .review-content,.review-blue .review-content,
    .review-red .review-content,.review-pink .review-holder .container,.review-green .review-holder .container,
    .review-blue .review-holder .container,.review-red .review-holder .container,
    .review-red .review-content .container, .review-darkpurple .review-holder .container,
    .review-darkpurple .review-content{
        flex-direction: column;
    }

    .review-green .image-info, .review-blue .image-info, .review-red .image-info, .review-pink .image-info, .review-normalgreen .image-info {
        margin-left: 0 !important;
    }

    .review-area .review-block .container{
        padding: 0;
    }

    .review-bottom .read p:before {
        right: 160px;
        font-size: 18px;
    }

    .review-bottom .read p:before, 
    .blockquote-area .read-full p:before {
        top: -1px;
    }

    .review-bottom .read.ar-show-read {
        text-align: center;
    }
    .blockquote-review.review-block blockquote {
        padding: 100px 55px 95px 55px;
    }

    .blockquote-area.blockquote_review .blockquote {
        padding: 65px 0;
    }

    .blockquote-area.blockquote_review .blockquote p {
        max-width: 85%;
    }

    .review-frame .entry {
        padding: 45px 25px 45px 25px;
    }

    .review-banner .review-block .review-list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .review-banner .review-block .review-list li {
        padding: 10px 16px;
    }

    .blockquote-area.blockquote-review .blockquote p {
        max-width: 85%;
    }

    .review-content .description {
        width: 37%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .description .blockquote blockquote {
        display: flex;
        padding: 35px 20px 93px;
        max-width: 100%;
    }

     .description .blockquote blockquote p {
        margin: 0;  
     }

     .description .blockquote span {
        margin-right: 20px;
     }

     .review-get-now .btn-get-now a {
        min-width: inherit;
        width: 97%;
        display: inline-block;
        line-height: 0;
        padding: 44px 0;
    }

    .items-area.review-items-area {
        padding: 70px 0;
    }

    /*-------------CAREERS-----------------------*/
    .careers-banner {
        padding: 68px 0 122px;
    }

    .careers-banner .title-careers {
        padding-bottom: 17px;   
    }
    /*-----------WOOCOMMERCE----------------*/
    .woocommerce-banner {
        padding: 100px 0 91px;
    }
    .grassland-woocommerce .description-info {
        padding: 40px 30px;
    }

    .grassland-woocommerce.section-grassland h2 {
        max-width: 85%;
    }

    .woocommerce-lighthouse .img{
        width: 67%;
        margin-left: -22%;
    }

    .grassland-woocommerce .description-info {
        padding: 40px 0 71px 30px;
    }

    .skymoon-woocommerce .img {
        width: 48%;
        left: -7%;
        position: relative;
    }

    .section-devices.devices-woocommerce .description-info{
        margin-left: 10px;
        padding-top: 62px;
    }

    .devices-woocommerce h2 {
        max-width: 100%;
    }

   .section-lighthouse.woocommerce-lighthouse .wrap_content {
        padding: 40px 0 23px;
    }

    .section-skymoon.skymoon-woocommerce .description-info,
    .section-lighthouse.woocommerce-lighthouse .wrap_content .box-text  {
        padding-top: 0;
        margin-top: 0;
    }

    .section-skymoon.skymoon-woocommerce .box-text {
        transform: unset;
        position: unset;
        margin-top: 0;
    }

    .items-area-woocommerce {
        padding-bottom: 70px !important;  
    }

    .items-area-woocommerce .btn_free {
        margin: 104px 0 0;
    }

    .section-devices.devices-woocommerce .img {
        width: 83%;
        padding-top: 86px;
    }

    /*---------------FAQ------------*/
    .faq-banner .wrap_banner {
        padding-top: 45px;
    }

    .tabs_faq {
        width: 51%;
    }

    .list-items li {
        padding: 30px 30px 30px 70px;
    }
    .tabs.wrap-tabs-faq {
        padding: 71px 0 70px;
    }

    .tabs_faq li a {
        font-size: 16px;
    }

    .list-items li .faq-items h3 {
        font-size: 17px;
    }

    .search-form fieldset {
        margin-bottom: 23px;
    }
    /*----------MODAL--------------*/
    .modal-wrapper {
        width: 94%;
    }

    .section-order-form .form-holder {
        width: unset;
    }

    .modal-content {
        padding: 20px 20px 30px;
    }

    .modal-header {
        padding: 15px 25px;
    }
    .form-message .row-privacy-policy .privacy-label-contact span {
        font-size: 16px;
    }
    /*-----------EXAMPLES---------------*/
    .product-list .item-product {
        width: calc(100%/2 - 60px);
    }
}

@media (max-width:900px) {
    .btn-call.modal-date,
    .btn-start {
        width: 174px;
    }

    .section_1 .prime-banner-content {
        flex-direction: column;
        display: block;
        padding: 0 7px;
    }

    .section_1 .col, .prime-banner, .banner-form, .prime-banner-form {
        width: 100%;
        max-width: 100%;
    }

    .exit .menu-opener-burger::before, .exit .menu-opener-burger::after {
        transform: rotate(45deg);
        top: 50%;
        margin-top: -2px;
    }

    .exit .menu-opener-burger::after {
        transform: rotate(-45deg);
    }

    .section_7 .img_flower {
        width: 100%;
        left: 53%;
        padding-top: 70px;
        width: 80%;
    }

    .section_8 {
        padding-top: 62px;
    }

    .slick-dots li {
        margin: 0 7px !important;
        width: 0 !important;
        height: 0 !important;
    }

    .section_10 .circle-work {
        padding-bottom: 410px;
    }

    .started-block::before {
        padding-top: 388px;
    }

    #footer .footer-content {
        flex-direction: column;
        padding-bottom: 0;
    }

    .footer-nav.dflex {
        justify-content: space-around;
        padding-bottom: 91px;
    }

    /*---------XD WORDPRESS-----------------*/
    .item-frame-full.dflex {
        justify-content: center;
    }

    .item-frame-full .item-frames {
        width: calc(100%/2);
    }
}

@media (max-width:767px) {
	.decor-triangles .triangle,
	.triangle-service {
		width: 50%;
	}
	
	.content-iframe .logo {
		position: unset !important;
		text-align: center;
		margin-bottom: 15px;
	}
	
    .items-area-full h2 {
        margin: 0 0 30px;
    }
    /*------------EXAMPLES-------------------------*/
    .filter-product {
        justify-content: center;
    }

    .filter-product a{
        margin: 0;
    }

    .slider-about .slick-prev:before,
    .slider-about .slick-next:before,
    .filter-product span,
    .filter-product select  {
        display: none;
    }

    .img-slider img {
        width: 100%;
    }

    .content-iframe .container.dflex {
        flex-direction: column;
    }

    .tabs-iframe {
        width: 100%;
        margin-bottom: 20px !important;
    }

    /*---------TERMS PAGE-----------------*/
    .entry-terms ol {
        padding: 35px 5px;
    }

    .section_2 .testimonials-item {
        margin: 0;
        max-width: 277px;
    }

     .section-info .description-info {
        max-width: 100% !important;
     }
    /*--------------COMPARE IMAGE HOME----------------*/
    .img-comp-container {
        left: 0;
        transform: translateY(0);
        width: 100% !important;
    }

    .img-comp-slider:before,
    .img-comp-slider:after {
        height: 328px;
    }
    .section_3 .img-comp-container,
    .section_5 .img-comp-container {
        margin-left: 0;
    }

    .section_3 .info_sec3,
    .section_4 .info_sec4,
    .section_5 .info_sec5,
    .section_6 .info_sec6
     {
        width: 100%;
        max-width: 100%;
    }

    .section_9 .entry p {
        font-size: 17px;
        line-height: 28px;
    }

    .section_9 .slider-service {
        width: 100%;
        padding: 38px 5px;
        position: relative;
    }

    .section_9 .entry h3 {
        min-height: unset;
    }

    .section_9 .slider-service:not(:last-child):after {
        content: "";
        position: absolute;
        background: #c3c3c3;
        height: 1px;
        bottom: 0px;
        width: 500px;
        left: -20px;
    }

    .section_9 .entry {
        padding-top: 0;
    }

    .section_8 .slick-prev, 
    .section_8 .slick-next{
        display: none !important;
    }
    /*---------------POLICY-----------*/
    .entry-policy {
        padding: 35px 5px 45px;
        font-size: 17px;
    }

    .entry-policy h3,
    .entry-terms h3,
    .front-end-info .entry p {
        font-size: 17px;
    }

    #theForm {
        width: 100%;
    }

    .simform-inner .questions .title_form {
        font-size: 24px;
    }

    .content__inner {
        padding: 0 10px;
    }

    .tabs-files .uploader-block, .tabs-files .file-uploader-dropbox {
        padding: 27px 50px 30px 36px;
    }

    /*--------------MODAL------------*/
    .modal.is-visible .modal-transition {
        width: 90%;
    }

    .modal-header, .modal-content {
        padding: 20px 20px;
    }

    .btn-mail-preview {
        width: 66px;
        height: 66px;
    }
    /*--------------GET A QUOTE-------------*/
     .text input,
    .row-holder textarea {
        width: calc(100% - 34px);
    }

    .section-order-form {
        padding-top: 45px;
    }

    .form-start .block-yellow .text {
        width: 100%;
    }
    .testimonials-get_started .testimonials-item p {
        min-height: 180px;
    }

    .started-banner {
        padding: 34px 0 140px;
    }

    .fileinput-button span {
        width: 98%;
    }

    .block .row-frame, .privacy-label {
        padding-left: 0;
    }

    .block-yellow .row-holder {
        display: flex;
        flex-direction: column;
    }

    .section-order-form .form-start,
    .section-order-form .form-holder,
    .block-red #tabs-nav {
        width: 100%;
    }

    .block-yellow .text-small:nth-child(2), .block-orange .row-holder:nth-child(3) .check:not(:first-child) {
        margin-top: 15px;
        margin-left: 0;
    }

    .head-block {
        align-items: center;
    }

    .block-orange .row-holder:nth-child(3) {
        flex-direction: column;
    }

    .testimonials-get_started, .down, .aside-contact {
        display: none;
    }

    .header-get-started .started-banner {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .privacy-label {
        max-width: 77%;
    }

    .form-start .toolltip {
        right: 0;
    }
    /*-------------------FAQ----------------*/
    .faq-banner .wrap_banner {
        padding-top: 0;
        padding-bottom: 70px;
    }
      .changes-words-slider4 {
        width: 30%;
    }

    .jcf-select-text.active {
        border-bottom: none;
    }

    .faq-links {
        border-left: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important;
        border-bottom: 1px solid #dbdbdb !important;
    }

    .wrap-tabs-faq {
        flex-direction: column;
    }

   .title-mb, .tabs-mobile {
        display: block;
    }

    .search-form button {
        width: 85px;
        height: 35px;
        bottom: 6px;    
    }

    .search-form input[type="search"] {
        font-size: 16px;
        font-weight: 500;
        padding: 15px 105px 14px 15px;
        margin-top: 20px;
        color: #2B2E38;
    }

    .faq-links, .title-PC, .tabs_faq,
    .faq-examples .changes-words-slider:not(:last-child) 
    {
        display: none;
    }

    .faq-examples {
        display: none;
    }

    .faq-banner .title-mb {
        padding: 25px 0 1px;
        font-size: 38px;
    }

    .search-form fieldset {
        margin-bottom: 20px;
    }

    .tabs.wrap-tabs-faq {
        padding: 30px 0 30px;
    }

    .faq-results span {
        font-size: 17px;
    }

    .list-items .faq-item .expand {
        margin: 0;
    }

    .wrap-tabs-faq #tabs-nav{
        margin-bottom: 30px;
    }
    /*---------------WORDPRESS---------------*/
    .box-video iframe {
        height: 250px;
    }
       .item-frame .item-box {
        max-width: 100%;
    }

    .banner-wordpress .title-careers {
        font-size: 30px;
        padding: 48px 0 0px;
    }

    .banner-wordpress {
        margin-bottom: 17px;
    }

    .banner-wordpress .circle-list {
        margin: 17px 0 7px 0;
    }

    .banner-wordpress a {
        padding: 17px 8px !important;
        z-index: 2;
        position: relative;
        font-size: 16px !important;
    }

    .bg-promo-blue .front-end-banner {
        padding-bottom: 100px;
        padding-top: 0;
    }

    .bg-promo-blue .banner-wordpress p {
        font-size: 19px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .box-video iframe {
        width: 100%;
    }

    .front-end-info {
        padding-top: 0;
    }

    .blockquote-wordpress blockquote {
        padding: 45px 0;
    }

    .box-video {
        margin-top: -60px;
    }

    .section-plane .img,
    .video {
        margin-left: 0;
        width: 100%;
    }

    .section-plane .description-info .box-text,
    .section-devices.devices-wordpress .img {
        left: 0;
    }

    .section-devices.devices-wordpress .img  {
        margin-top: 0;
    }

    .section-whales .img {
        position: relative;
        width: 100%;
        left: 50%;
    }

    .section-whales .description-info .box-text {
        padding: 20px 0 0;
    }

    .front-end-info .col .entry {
        padding: 50px 20px;
    }

    .front-end-info .col-content {
        padding-bottom: 0;
    }

    .front-end-info .entry p {
        font-size: 17px;
    }

    .front-end-info .entry h2 {
        padding-top: 0;
    }

    .section-devices.devices-wordpress .wrap_content,
    .section-grassland.grassland-wordpress .wrap_content {
        padding: 40px 0 54px;
    }

    .items-area.items-area-wordpress {
        padding: 45px 0;
    }

    .section-plane.plane-wordpress .img,
    .whales-wordpress.section-whales .img {
        width: 100%;
    }
    /*---------------HOME-------------*/
    .wrap-slides-box {
        position: unset;
        transform: unset;
    }

    .slides-box {
        min-height: unset;
        max-width: 100%;
    }

    .slick-current.slick-active {
        display: block !important;
        left: 0 !important;
    }

    .item-slider {
        transform: unset;
        display: none !important;
    }

/*    .compare-mb {
        width: 370px !important;
    }*/
    .section_1 .btn-call {
        margin-top: 10px;
    }
    .section_7 {
        background: linear-gradient(
            to bottom,
            rgba(247, 251, 252, 0) 0%,
            rgba(247, 251, 252, 1) 20%,
            rgba(247, 251, 252, 1) 100%
        );
    }

    .skills-list {
        flex-direction: column;
        padding-bottom: 20px;
    }

    .skills-list .skills-col {
        width: 100%;
        padding: 0;
        margin-left: 0 !important;
        column-count: 1;
    }

    .prime-banner-review blockquote cite,
    .section_7 .info_sec7 p,
    .prime-banner-text p {
        font-size: 18px;
    }

    .section_2 {
        padding-bottom: 0;
    }

    .video-holder img {
        height: 50%;
    }

    .section_11 .accordion-content p,
    .prime-banner-review blockquote p{
        font-size: 17px;
    }

    .section_7 .admin-title {
        font-size: 27px;
    }

    .slick-list p {
        font-size: 23px;
    }

    .section-featured h2 {
        letter-spacing: 4px;
        margin-top: 28px;
        margin-bottom: 20px;
    }

    .section-featured h2:after {
        left: -96% !important;
        width: 87% !important;
    }

    .section-featured h2:before,
    .section-featured h2:after {
        left: 109%;
        width: 104%;
        top: 7px;
    }

    .section_2 .skills-list ul p {
        font-size: 15px;
    }

    .form-select .options {
        top: 86%;
    }
    .form-select .select-display.form-control {
        display: flex;
        align-items: center;
        height: 36px;
    }

    .form-control {
        height: 36px;
    }

    .form-select .select-display.form-control:after {
        top: 16px;
    }

    .box-select:not(:first-child) {
        margin-top: 0;
    }

    .section-featured .featured-items .featured-item:nth-child(even),
    .section-featured .featured-items .featured-item:nth-child(5)  {
        display: none;
    }

    .section-featured .featured-items .featured-item:nth-child(1) img {
        width: 61%;
    }

    .section-featured .featured-items .featured-item:nth-child(3) img {
        width: 75%;
    }

    .section_info {
        padding: 25px 0 3px; 
    }

    .prime-banner-review {
        margin-bottom: 30px;
    }

    .prime-banner-review .review-img img {
        position: relative;
        left: unset;
    }

    .prime-banner-text h1 {
        font-size: 28px;
    }

    .banner-form h2 {
        font-size: 22px;
    }

    .prime-banner .review-img {
        text-align: center;
        padding-top: 10px;
    }

    .section_2 .testimonials-items .testimonials-text p {
        min-height: unset;
    }

    /*section3*/

    .section_5, .section_6 {
        padding-bottom: 0;
    }

    .item-slider,
    .section_7 .info_sec7 {
        max-width: 100%;
    }

    .section_3 .row, .section_5 .row, .section_7 .row {
        flex-direction: column-reverse;
    }

    .prime-banner-review blockquote {
        margin: 15px;
    }

    .banner-form {
        padding: 14px 20px 20px 20px;
    }

    .prime-banner-review,
    .section_4 .info_sec4,
    .section_6 .info_sec6{
        margin-left: 0;
    }

    .section_4 .row, .section_6 .row, .section_9 .row .column, .prime-banner-review {
        flex-direction: column;
    }

    .section_4 .info_sec4, .section_9 .col,
    .footer-nav strong,
    .section_10 .row {
        padding: 0;
    }

    .wrap-img-rps {
        width: 100%;
    }

    .wrap-img-rps img {
        margin-left: 0;
     left: 50%; 
     position: relative; 
    transform: translateX(-50%);
    }

    .section_7 .info_sec7 {
        padding: 20px 0 53px;
    }

    .section_7 .img_flower {
        position: relative;
        left: 0;
        width: 674px;
        height: auto;
        padding-top: 20px;
    }
    
    .section_8 {
        padding: 62px 0 37px;
    }

    .section_8 .slick-list span {
        margin-bottom: 50px;
    }

    .section_9 .row .decor-bird {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 185px;
    }

    .section_9 {
        padding-bottom: 45px;
    }

    .section_9 .slick-list {
        margin-bottom: 45px;
    }

    .section_10 .circle-work {
        padding-top: 60px;
    }

    .section_10 .btn-started {
        padding: 10px;
        bottom: 20%;
        top: auto;
        font-size: 23px;
        text-align: center;
    }

    .section_10 .circle-work ul li img {
        width: 68px;
        height: 68px;
    }

    .started-block::before {
        clip-path: polygon(50% 35%, -28% 100%, 130% 100%);
        padding-top: 570px;
    }

    .circle-list {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    .circle-list li {
        padding: 4px 8px;
    }

    .section_11 .accordion-info li h3 {
        position: unset;
        align-items: center;
        display: flex;
    }

    .section_11 .accordion-info li {
        padding: 40px 20px 40px 61px;
    }

    .section_11 .expand {
        position: relative;
    }

    .section_11 .accordion-info li .accordion-content p:last-child {
        margin-bottom: 0;
    }

    .section_9 .row {
        padding: 0;
    }

    /*footer*/
    .footer-nav .footer-nav-wrap:last-child {
        display: block;
    }

    .footer-nav .footer-nav-wrap {
        width: calc(100%/2 - 40px);
        padding: 44px 20px 0;
    }

    .footer-nav {
        flex-wrap: wrap;
    }

    .footer-media {
        flex-direction: row-reverse;
    }

    .footer-media .policy li:not(:first-child) {
        display: none;
    }

    .footer-logo {
        padding-bottom: 44px;
        border-bottom: 1px solid rgba(80, 97, 126, .25);
    }

    #footer .container {
        padding: 0;
    }

    .footer-media:before {
        display: none;
    }

    .policy {
        padding: 0 20px;
    }

    #footer {
        padding-top: 40px;
    }

    .footer-logo a {
        padding-top: 15px;
    }

    .footer-media .policy li a {
        padding: 0 0 0 20px;
    }

    /*-----------------------PRICING-------------------*/

    .pricing-banner h1 {
        font-size: 34px;
    }

    .approximate-estimate p {
        font-size: 18px;
        margin: 0;
    }

    .estimate-content .btn-estimate {
        width: 100%;
    }

    .pricing-client {
        padding-bottom: 75px;
    }

    .pricing-solution .solution-title h2 {
        font-size: 30px;
    }

    .pricing-skill .skills-list {
        margin-top: 2% !important;
    }

    .btn-get-pricing {
        padding: 22px 0 0;
    }

    .btn-get-pricing a {
        width: 100%;
        padding: 16px 25px;
     }

     .approximate-estimate {
        padding: 20px;
     }

    .btn-estimate a {
        width: 85%;
    }

    .pricing-solution {
        padding: 36px 0 80px;
    }

    .pricing-skill .skills-list {
        margin-top: 0;
    }

    .pricing-skill .skills-list .skills-col,
    .pricing-skill .skills-list .skills-col:first-child{
        margin-left: 0;
    }

    .pricing-skill .skills-list {
        padding-top: 0;
    }

    .solution-inner .info-card {
        padding: 25px 20px;
    }

    .dflex_label {
        display: flex;
    }
    
    .estimate-form .inputs-row, .estimate-form .field-input {
        flex-direction: column;
    }

    .estimate-form .field-input, .estimate-form .field-name {
        width: 44%;
    }

    .num-wrap {
        justify-content: flex-start;
    }

    .pricing-estimate .checkbox:not(:last-child), .pricing-estimate .box-radio:not(:last-child) {
        margin-right: 0;
    }

    .pricing-estimate .estimate-form {
        padding: 10px 15px;
    }

    .solution-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .pricing-client .testimonials-items {
        flex-wrap: wrap;
    }

    .pricing-client .testimonials-item:not(:first-child) {
        display: block;
        margin-top: 30px;
    }

    .pricing-client .testimonials-text blockquote p {
        min-height: auto;
    }

    .pricing-client .testimonials-item {
        padding: 29px 28px 10px 23px;
        width: 100%;
        margin: 0 27px;
    }

    .pricing-client .testimonials-img img {
        width: 53px;
        height: 53px;
    }

    .pricing-estimate .wrap-form {
        margin-bottom: 75px;
    }

    .solution-title h2, .pricing-client .admin-title h2 {
        font-size: 30px;
    }

    .pricing-solution .solution-title h2 {
        margin-bottom: 15px;
    }

    .pricing-client .admin-title h2 {
        margin-top: 13px;
    }

    .pricing-client .testimonials-item {
        border: 1px solid #dddddd;
        padding: 24px 21px 25px 21px;
    }
    
    .pricing-estimate .estimate-title h3 {
        padding: 25px 15px 15px;
    }

    .checkbox label, .box-radio label {
        font-size: 14px;
    }

    /*--------------ABOUT------------------*/
    .review-content .image-review img {
        height: 430px;
    }

    .about-team-section .row {
        gap: 50px;
    }

    .hr_brand svg {
        width: 19px;
        height: 22px;
    }

    .about-faq .box-faq .expand-faq h3 {
        font-size: 17px;
    }

    .title-review {
        font-size: 32px !important;
    }

    .headtitle {
        font-size: 25px;
        line-height: 29px;
    }

    .about-website-section .row {
        flex-direction: column;
    }

    .about-website-section .col_image, 
    .about-website-section .col_content, 
    .info_team, .img_map,
    .technology-list {
        width: 100%;
    }

    .about-website-section .col_content {
        margin-top: 50px;    
        padding: 0;
    }

    .col_image .mosaic_img,
    .about-team-section .img_map {
        text-align: center;
    }

    .technology-list {
        justify-content: center;
    }

    .about-team-section .img_map img {
        width: 320px;
        height: 320px;
    }

    .about-team-section .row {
        flex-direction: column-reverse;
    }

    .about-faq .box-faq .faq-item {
        padding: 30px 30px 30px 40px;
    }

    .about-faq .box-faq .expand-faq .drop:before,
    .about-faq .box-faq .expand-faq .drop:after {
        left: 25px;
    }

    /*---------------------REVIEW---------------------*/
    .review-banner .col-sm p {
        font-size: 16px;
        max-width: 88%;
        margin: 0 auto;
    }

    .blockquote-review blockquote cite, .blockquote-area .blockquote cite {
        font-size: 18px;
    }

    .blockquote-review blockquote p, .blockquote-area .blockquote p {
        font-size: 22px;
    }

    .video-mark p {
        font-size: 50px;
        color: red;
        font-weight: 700;
        letter-spacing: 5px;
    }

    .item-frame {
        flex-wrap: wrap;
    }

    .item-frame .item {
        width: 100% !important;
        padding: 30px 0;
    }

    .btn-get-now a {
        min-width: inherit;
    }

    .blockquote-review.review-block blockquote {
        padding: 45px 5px;
    }

    .review-banner .review-block ul {
        flex-wrap: wrap;
        padding: 0;
    }

    .review-banner .review-block ul li {
        padding: 15px;
    }

    .review-content .description{
        width: 65%;
        justify-content: center;
        display: flex;
    }

    .description .blockquote blockquote {
        display: flex;
        padding-bottom: 100px;
    }

    .description .blockquote p {
        font-size: 24px;
        padding: 0;
    }

    .review-bottom .review-frame .entry {
        padding: 45px 20px; 
    }

    .review-frame .entry {
        font-size: 18px;
        padding: 45px 5px;
    }

    .blockquote-area.blockquote_review .blockquote p {
        max-width: 90%;
    }

    .blockquote-area.blockquote_review .blockquote blockquote{
        margin: 0;
    }

    .items-area.review-items-area{
        padding: 45px 0 45px;
    }

    .review-get-now h2 {
        width: 80%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }

    .review-get-now .btn-get-now a {
        padding: 30px 0;
    }

    .video-mark {
        width: 100%;
        height: 165px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 5px;
    }

    .video-box_item {
        display: none;
    }
	
	.prime-review .video-box {
		position: relative;
	}

    .video-box_play {
        border-radius: 50%;
        background-color: #ffac30;
        width: 61px;
        height: 61px;
        position: absolute;
    }
	
    .video-box_play:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 14px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .prime-review .col.col-lg {
        width: 100%;
    }

    .review-bottom .read p {
        margin-left: 0;
        font-size: 16px;
    }

    .image-info {
        font-size: 16px;
    }

    .author-mb {
        display: block;
        margin-top: 55px;
    }

    .author-pc {
        display: none;
    }

    .img_frame_Lawrence {
        bottom: 7px;
    }

    .mw-50 {
        max-width: 50%;
    }

    .img_frame_Pryor {
        height: 0px;
        bottom: 200px;
    }

    .author-mg-0 {
        margin: 0;
    }

    .mw-80 {
        max-width: 62%;
    }

    .img_frame_Monahan {
        bottom: 234px;
        height: 10px;
    }

    .img_frame_Danny {
        height: 41px;
        bottom: 70px;
    }

    .img_frame_Bridle {
        bottom: 293px;
        height: 5px;
    }

    /*----------------FRONT END------------------*/
    .container {
        padding: 0 20px;
    }

    .section_1 .container {
        padding: 0 15px !important;
    }

    .grassland-front-end.section-grassland,
    .section-grassland,
    .section-skymoon {
        background-position: 0 !important;
        width: 100%;
    }
    .title-pc {
        display: none;
    }

    .title-mb {
        display: block;
    }
    .front_end_area .icon-frame {
        width: 83px;
        height: 72px;
    }

    .btn_free {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 20px;
        padding: 20px 0;
        width: 100%;
    }
        .front-end-banner {
        padding-bottom: 75px;
        padding-top: 50px;
    }

    .front-end-banner a {
        width: 70%;
        display: inline-block;
    }

    .section-lighthouse .position-ab {
        position: unset !important;
    }

    .front_end_blockquote blockquote {
        padding: 45px 0;
    }

    .skymoon-wordpress .wrap_content,
    .skymoon-woocommerce .wrap_content {
        padding-top: 55px !important;
    }

    .plane-wordpress .img img {
        width: unset;
        height: unset;
    }

    .section-info.whales-wordpress .wrap_content {
        padding-bottom: 54px;
    }

    .section-info .wrap_content,
    .skymoon-front-end {
        flex-direction: column;
        padding: 40px 0 54px;
    }

    .services-bar .services-bar-lis,
    .section-skymoon .description-info,
    .grassland-front-end .box-text,
    .blockquote-second, .blockquote-front-end blockquote  {
        padding: 0;
    }

    .services-bar-list li {
        margin: 0 10px 0;
    }

    .services-bar .container {
        flex-direction: column;
    }

    .section-grassland .wrap_content, 
    .section-devices .wrap_content, 
    .section-whales .wrap_content {
        flex-direction: column-reverse;
    }

    .section-info .description-info .box-text, .section-grassland h2, 
    .section-devices h2,
     .section-skymoon h2
    /*.bg-promo .section-lighthouse h2*/ {
        max-width: 100% !important;
    }

    .section-skymoon h2 {
        color: #eaf9f2;
    }

    .info-services {
        padding-top: 40px;
    }

    .section-grassland .img, .section-devices .img {
        position: relative;
    }

    .section-devices .description-info {
        margin-left: 0;
    }

    .section-skymoon .img {
        display: none;
    }

    .section-info .img,
    .lighthouse-wordpress.section-lighthouse .img {
        width: 100%;
        position: relative;
        left: 0 !important;
        margin-top: 0;
    }

    .section-info .description-info .box-text {
        margin-top: 0;
    }

    .blockquote-front-end,
    .blockquote-woocommerce blockquote {
        padding: 45px 0 !important;
    }

    .blockquote-review.blockquote-second blockquote,
    .section-devices.devices-woocommerce .description-info {
        padding: 0;
    }

    .front-end-banner p {
        margin: 8px 0 30px;
    }
    /*--------WOOCOMMERCE---------------*/
    .woocommerce-lighthouse .img {
        margin-left: 0;
    }

    .woocommerce-banner p {
        margin-bottom: 30px;
    }

    .woocommerce-banner {
        padding-bottom: 46px;
    }

    .section-lighthouse.woocommerce-lighthouse .wrap_content {
        padding: 40px 0 54px;
    }

    .section-devices.devices-woocommerce .img {
        padding-top: 0;
        width: 100%;
    }

    .section-devices.devices-woocommerce {
        padding-bottom: 0;
    }

    .items-area-woocommerce .btn_free {
        margin: 30px 0 0;
    }

    .grassland-woocommerce .description-info {
        padding: 0;
    }

    .items-area{
        padding: 45px 0;
    }

    /*-----------CAREERS PAGE------------------*/

    .careers-banner p {
        font-size: 16px;
    }

    .careers-item .expand-careers h3 {
        font-size: 20px;
    }

    .careers-list {
        margin-bottom: 30px;
    }

    /*-----------------GET STARTED--------------*/
    .check label {
        font-size: 15px;
    }

    .text .btn-browse a {
        width: 99%;
    }
    /*----------MODAL THANKS CONTACT--------------*/
    .divider-oval {
        display: block;
    }

    .form-message .rows input, .form-message .rows textarea {
        width: 70%;
    }

    .thanks-block-title {
        font-size: 34px;
    }

    .thanks-text p {
        font-size: 15px;
    }

    .modal-wrapper-thanks {
        padding: 60px 25px;
        width: 80%;
    }

    /*--------------------XD WORDPRESS-----------------------*/
    .item-frame-full .item-frames {
        width: 100%;
        padding: 26px 13px;
    }

    /*-----------------EXAMPLES--------------------------*/
    .product-list {
        justify-content: center;
    }
    
    .product-list .item-product {
        width: calc(100% - 60px);
    }

    /*-------------CONTACT---------------------------*/
    .modal .gfield_label {
        min-width: 30%;
    }

    .modal .rows input, .modal .rows textarea {
        width: 100% !important;
    }
}

@media (max-width:667px) {
	.modal .policy-message-modal label {
    font-size: 13px;
}
    .testimonials-item:not(:first-child) {
        display: none;
    }

    .testimonials-items {
        justify-content: center;
    }

    .testimonials-item {
        width: 100%;
        margin-right: 0;
    }

    .skills-list ul {
        column-count: 1;
        margin-top: -61% !important;
        width: 100%;
    }

    /*--------------------ABOUT-------------------*/
    .list-rating {
        max-width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }

    .rating-item {
        max-width: 100%;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }

    /*------------------CAREER---------------*/
    .careers-banner {
        padding-top: 60px;
    }

    .careers-item .expand-careers .drop {
        padding: 7px 15px;
        font-size: 0;
        line-height: 0;
    }

    .careers-item {
        padding: 30px;
    }
}

@media (max-width:430px) {
    .btn-banner {
        flex-direction: column;
    }
	
	.btn-start {
		width: calc(100% - 40px);
		margin-right: 0;
	}
	
	.section_1 .btn-call {
		width: 100%;
	}
	
	.section_11 .accordion-info li {
		padding: 40px 20px 40px 30px;
	}

    .btn-call.modal-date {
        margin-top: 20px;
    }

}