/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.new-slider .banner  {
    background-color: #ffffff!important;
}
.lg-x5 {
    width: 100%!important;
    left: 0;
    padding-left: 15px;
}
.new-slide-title, .new-slide-title-1 {
    font-family: "Cormorant", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 0.9;
    width: 598px;
    max-width: 100%;
}
.new-slide-txt p {
    font-size: 16px;
    font-weight: 400;
    width: 500px;
    max-width: 100%;
}
.new-slide-title {
    margin-bottom: 30px;    
}
.new-slide-title-1, .new-slide-txt p {
    margin-bottom: 50px;    
}
.new-slide-but {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 295px!important;
    height: 50px!important;
    background-color: #7ab4d5!important;	
    line-height: normal;
    border: none;
    border-radius: 40px;	
}
.new-slide-but:hover {
        background-color: #305d77!important;
}
.new-slide-but span {
    font-size: 14px!important;
    font-weight: 600;
    color: #fff;
    text-shadow: none!important;
    line-height: normal;
    letter-spacing: normal!important;
    word-spacing: normal!important;
}
.new-slider .flickity-page-dots {
    margin-bottom: 14px;
}
.flickity-page-dots .dot {
    width: 5px;
    height: 5px;
    background-color: #d2d2d2!important;
    border: none;
    margin-left: 2.5px;
    margin-right: 2.5px;
    opacity: 1!important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.flickity-page-dots .dot.is-selected {
    width: 20px;
    border-radius: 30px;
}
.flickity-page-dots .dot.is-selected, .flickity-page-dots .dot:hover {
    background-color: #7ab4d5!important;
    border: none;
    opacity: 1!important;
}
.section-title-main {
    margin: 50px 0;
}
.ferstg-new {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.ferstg-new .gallery-col {
    max-width: 100%;
}
.ferstg-new .gallery-box {
    width: 300px;
}
.spoiler-but .accordion-title {
    display: flex;
    align-items: center;
    width: 256px;
    height: 56px;
    background-color: #ffffff;
    border: 1px solid #7ab4d5!important;
    border-radius: 40px;
    margin: 0 auto;
    color: #7AB4D5;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 50px;
}
.spoiler-but .accordion-title:hover {
    background-color: #7ab4d5;
    color: #ffffff;
}
.spoiler-but .accordion-title {
    border: none;
}
.spoiler-but .toggle i {
    display: none;
}
.ferstg-new .image-cover {
    width: 300px!important;
    max-width: 100%;
}
.ferstg-new .image-cover img {
    width: 300px!important;
    height: 280px!important;
    border-radius: 20px!important;
}
.ferstg-new a:hover img {
    opacity: .6;
}
.ferstg-new .box-text {
    position: absolute;
    width: 100%;
    top: 38%;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #333333;
}
.ferstg-new .box-text p {
    padding: 0 15px;
}
.ferstg-new .box-text .price {
    position: absolute;
    top: -132px;
    right: -30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 37px;
    font-size: 14px;
    font-weight: 400;
    background-color: #f8fBfB;
    border-radius: 40px;
}
.ferstg-new .box-text .sale {
    width: 255px;
    background-color: #7ab4d5;
    color: #ffffff;
    font-weight: 600;
}
.ferstg-new .box-text .sale span {
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 10px;
}
.adv-row {
    justify-content: space-between;
    align-items: center;
    margin: -30px auto 0;
}
/* .adv-block-1 {
    flex-basis: 707px;
    max-width: 100%;
}
.adv-block-2 {
    flex-basis: 697px;
    max-width: 100%;
} */
.adv-but {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 264px!important;
    height: 56px!important;
    background-color: #7ab4d5!important;
    line-height: normal;
    border: none;
    border-radius: 40px;
}
.adv-but:hover {
    background-color: #305d77!important;
}
.adv-but span {
    font-size: 16px!important;
    font-weight: 600;
    color: #fff;
    text-shadow: none!important;
    line-height: normal;
    letter-spacing: normal!important;
    word-spacing: normal!important;
}
.adv-block-1 .adv-title, .spec-title {
    color: #333333;
    font-family: "Cormorant", sans-serif;
    font-size: 36px;
    font-weight: 600;
}
.adv-block-1 .adv-title {
    margin-bottom: 40px;
}
.adv-block-2 .adv-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
}
.adv-block-1 p, .adv-block-2 p {
    font-size: 16px;
    font-weight: 400;
}
.adv-block-1 p {
    margin-bottom: 40px;
}
.adv-col-img {
    max-width: 70px;
    flex-basis: 70px;
    padding: 0;
}
.adv-col-img .img-inner {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8fbfb;
    border-radius: 35px;
}
.adv-col-txt {
    width: 567px;
    flex-basis: 567px;
    max-width: 100%;
    padding-left: 25px;
    padding-bottom: 15px;
}
.adv-block-2 .row {
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.adv-block-2 .img {
    width: 100%!important;
}
.adv-block-2 img {
    width: 35px;
    height: 35px;
}
.section.new-slider-spec {
    padding-bottom: 50px !important;
}
.spec-slide-h3 {
    position: relative;
    margin-bottom: -51px;
    z-index: 1;
}
.slider-spec .slider {
    padding-bottom: 25px;
}
.spec-slide-h3 {
    font-family: "Cormorant", sans-serif;
    font-size: 36px;
    font-weight: 600;
}
.slider-spec .row {
    background-image: url(../../uploads/2022/11/bg.png);
    background-repeat: no-repeat;
    background-size: 1410px 280px;
    background-position: 50% 100%;
    max-width: 1410px;
}
.slider-spec .col {
    padding: 0 15px 0;
}
.slider-spec .flickity-page-dots {
    bottom: -10px;
}
.spec-slide-txt, .spec-slide-txt-1 {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 114px 25px 40px;
    box-shadow: 0px 4px 20px rgba(122, 180, 213, 0.1);
    width: 550px;
    margin-left: 80px;
}
.spec-slide-txt {
    margin-top: 100px;
}
.spec-slide-txt-1 {
    margin-top: 102px;
}
.spec-slide-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
}
.spec-slide-p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
}
.slider-spec blockquote {
    background: url(../../uploads/2022/11/blockquote.png) no-repeat;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 21px;
    border: none;
    padding-left: 60px;
    margin-top: 100px;
    padding-right: 19px;
}
.spec-slide-txt-2 blockquote {
    margin-top: 115px;
}
.slider-spec img {
    width: 263px;
    max-width: 100%;
    margin-left: 25px;
}
.carousel-dip h3, .section-examples h3 {
    margin-bottom: 54px;
}
.carousel-dip img {
    border: 1px solid #ededed;
}
.carousel-dip .diploma img {
    border: none;
}
.carousel-dip .carousel-slider .owl-dots .owl-dot {
    margin-right: 0;
}
.carousel-dip .carousel-slider .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    background-color: #d2d2d2;
    margin-left: 2.5px;
    margin-right: 2.5px;
}
.carousel-dip .carousel-slider .owl-dots .owl-dot.active span {
    width: 20px;
}
.carousel-dip .carousel-slider .owl-dots .owl-dot.active span, .carousel-dip .carousel-slider .owl-dots .owl-dot:hover span {
    background-color: #7ab4d5;
}
.carousel-dip .carousel-slider button {
    min-height: 1em;
}
.example {
    display: flex;
    justify-content: center;
}
.example img {
   border-radius: 20px 20px 0 0;
}
.section-examples p {
   font-size: 16px;
   font-weight: 600;
   line-height: 27px;
   margin-top: 30px;
}
.example .twentytwenty-handle {
   width: 40px;
   height: 40px;
   background-color: #ffffff;
   border: none;
}
.example .twentytwenty-left-arrow {
   border-right: 9px solid #7AB4D5;
}
.example .twentytwenty-right-arrow {
   border-left: 9px solid #7AB4D5;
}
.example img {
    opacity: 0.3;
}
.twentytwenty-overlay:hover {
    background: none;
}
.example:hover img {
    opacity: 1;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    background: rgb(122 180 213 / 40%);
}
.rev-block {
    background: none!important;
}
.rev-block .text-box {
    padding-left: 0;
}
.rev-block-title {
    font-family: "Cormorant", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 42px;
}
.rev-block img {
    height: 53px;
    width: auto;
}
.rev-block p, .rev-block span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}
.rev-block-txt {
    width: 566px;
    max-width: 100%;
    margin-bottom: 78px!important;
}
.rev-block-txt-1 {
    display: flex;
    flex-wrap: wrap;
}
.rev-block iframe {
    margin-right: 56.45px;
    margin-bottom: 20px;
}
.rev-block a {
   color: #7ab4d5;
   font-weight: 700;
}
.rev-block a:hover {
   color: #7ab4d5;
   text-decoration: underline;
}
.slider-rev .slider {
    width: 739px;
    max-width: 100%;
    float: right;
}
.slider-rev .flickity-viewport {
    border-radius: 20px;
}
.section-slider-rev .row {
    align-items: center;
}
.slider-rev .banner  {
    background: none!important;
}
.slider-rev .text-box {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 4px 30px rgba(122, 180, 213, 0.15);
    padding: 45px 12px 112px 40px;
    width: 739px!important;
    max-width: 100%;
}
#slider-rev-txt {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px!important;
    margin-top: 15px!important;
    margin-bottom: 62px;
}
.slider-rev .test_name {
    color: #333333!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.slider-rev-link {
    position: absolute;
    top: 0px;
    right: 0;
}
.slider-rev-link p a {
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    line-height: 17px;
    color: #909090;
    text-decoration: underline;
}
.slider-rev-link p a:hover {
    color: #909090;
    text-decoration: none;
}
.slider-rev-link span {
    margin-left: 6px;
}
.slider-rev .star-rating {
    margin-top: 38px;
}
.slider-rev .pt-half {
    position: absolute;
    top: 0;
    padding-top: 0;
}
.slider-rev .star-rating:before, .slider-rev .star-rating span {
    font-size: 11px;
    letter-spacing: 5px;
}
.slider-rev .flickity-page-dots {
    bottom: 40px;
    left: 0;
    text-align: left;
    margin-left: 38px;
}
.section-about .row {
    padding: 100px 0;
}
.section-about .row {
    align-items: center;
}
.about-title {
    font-family: "Cormorant", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 25px;
}
.section-about p {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}
.section-about blockquote {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 23px;
    padding-left: 23px;
    border: none;
    background-image: url(../../uploads/2022/11/30.png);
    background-repeat: repeat-y;
}
.section-about blockquote span {
    border-left: 5px solid #7ab4d5;
}
.section-about img {
    width: 615px;
    border-radius: 20px 20px 0 0;
}
.section-about .flickity-page-dots {
    left: 10%;
    bottom: -43px;
}
.section-examples .section-content {
    padding-bottom: 0px;
}
.examples-slider .flickity-page-dots {
    bottom: 0;
}

@media screen and (max-width: 549px) {
     .section-examples .section-content {
        padding-bottom: 0;
     }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .ferstg-new {
       grid-template-columns: repeat(3, 1fr);
       gap: 0;
    }
}
@media screen and (min-width: 661px) and (max-width: 1200px) {
    .ferstg-new {
       grid-template-columns: repeat(2, 1fr);
       gap: 0;
    }
}
@media screen and (max-width: 700px) {
    .adv-but {
       margin: 0 auto;
    }
}
@media screen and (max-width: 660px) {
    .ferstg-new {
       grid-template-columns: repeat(1, 1fr);
       gap: 0;
    }
}
@media screen and (max-width: 1403px) {
    .adv-row {
       justify-content: center;
    }
    .adv-block-2 .row {
       justify-content: flex-start;
    }
}
@media screen and (max-width: 359px) {
    .adv-block-2 .row {
       flex-wrap: wrap;
    }
}
@media screen and (max-width: 1100px) {
    .section-about .row {
       padding: 20px 0;
    }
    .section-about .row .col {
       flex-basis: 100%;
       max-width: 100%;
    }
    .about-title {
       margin-top: 45px;
    }
    .section-about .slider {
       text-align: center;
    }
    .section-about .flickity-page-dots {
       left: 20%;
       bottom: -43px;
    }  
}
@media screen and (max-width: 980px) {
    .slider-spec .col {
       padding-bottom: 30px;
    }
    .spec-slide-h3 {
       margin-bottom: 20px;
       text-align: center!important;
    }
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 98%;
       padding: 25px 40px;
       margin: 30px auto 0;
    }
    .slider-spec blockquote, .spec-slide-txt-2 blockquote {
       margin-top: 0;
    }  
    .slider-spec .row {
       background-size: auto 100%!important;
    }
    .slider-spec .row {
       flex-wrap: wrap;
    }
    .slider-spec .row .col {
       max-width: 100%;
       flex-basis: 100%;
    }
    .slider-spec .img-inner {
       text-align: center;
    }
}
@media screen and (min-width: 1240px) and (max-width: 1369px) {
    .spec-slide-txt-2 blockquote {
       line-height: 19px;
    }
}
@media screen and (min-width: 1223px) and (max-width: 1239px) {
    .spec-slide-txt-2 blockquote {
       line-height: 18px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1222px) {
    .spec-slide-txt-2 blockquote {
       line-height: 17px;
    }
}
@media screen and (min-width: 1131px) and (max-width: 1200px) {
    .spec-slide-txt-2 blockquote {
       line-height: 16px;
    }
}
@media screen and (min-width: 1092px) and (max-width: 1130px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 90px;
       line-height: 16px;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1091px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 90px;
       line-height: 15px;
    }
}
@media screen and (min-width: 1054px) and (max-width: 1080px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 70px;
       line-height: 15px;
    }
}
@media screen and (min-width: 1017px) and (max-width: 1080px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 70px;
       line-height: 14px;
    }
}
@media screen and (min-width: 1009px) and (max-width: 1016px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 70px;
       line-height: 14px;
       font-size: 13.5px;
    }
}
@media screen and (min-width: 981px) and (max-width: 1008px) {
    .spec-slide-txt-2 blockquote {
       margin-top: 50px;
       line-height: 14px;
       font-size: 13.5px;
    }
}
@media screen and (min-width: 1110px) and (max-width: 1217px) {
    .spec-slide-txt-3 blockquote {
       margin-top: 50px;
    }
}
@media screen and (min-width: 1043px) and (max-width: 1109px) {
    .spec-slide-txt-3 blockquote {
       margin-top: 30px;
    }
}
@media screen and (min-width: 1011px) and (max-width: 1042px) {
    .spec-slide-txt-3 blockquote {
       margin-top: 10px;
    }
}
@media screen and (min-width: 981px) and (max-width: 1010px) {
    .spec-slide-txt-3 blockquote {
       margin-top: 13px;
       line-height: 19px;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1350px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 520px;
       margin-left: 74px;
    }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 520px;
       margin-left: 54px;
    }
}
@media screen and (min-width: 1251px) and (max-width: 1280px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       margin-left: 24px;
    }
}
@media screen and (min-width: 1151px) and (max-width: 1250px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 520px;
       margin-left: 24px;
       padding-right: 110px;
    }
}
@media screen and (min-width: 1121px) and (max-width: 1150px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 500px;
       margin-left: 24px;
       padding-right: 100px;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1120px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 490px;
       margin-left: 24px;
       padding-right: 110px;
    }
}
@media screen and (min-width: 1051px) and (max-width: 1080px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 480px;
       margin-left: 24px;
       padding-right: 110px;
    }
}
@media screen and (min-width: 981px) and (max-width: 1050px) {
    .spec-slide-txt, .spec-slide-txt-1 {
       width: 440px;
       margin-left: 24px;
       padding-right: 100px;
    }
}
@media screen and (max-width: 1100px) {
    .rev-block-txt  {
       width: 100%;
    }
    .section-slider-rev .row {
       flex-wrap: wrap;
    }
    .section-slider-rev .row .col {
       max-width: 100%;
       flex-basis: 100%;
    }
    .slider-rev .slider {
       float: none;
       margin: 0 auto;
    }
}
@media screen and (max-width: 450px) {
    .slider-rev-link {
       position: static;
    }
}
@media screen and (min-width: 467px) and (max-width: 568px) {
    .slider-rev .text-box {
       padding: 25px 25px 112px 25px;
    }
    .slider-rev .flickity-page-dots {
       margin-left: 23px;
    }
}
@media screen and (min-width: 451px) and (max-width: 466px) {
    .slider-rev .text-box {
       padding: 20px 20px 112px 20px;
    }
    .slider-rev .flickity-page-dots {
       bottom: 30px;
       margin-left: 17px;
    }
}
@media screen and (min-width: 336px) and (max-width: 450px) {
    .slider-rev .text-box {
       padding: 20px 20px 112px 20px;
    }
    #slider-rev-txt {
       font-size: 13px;
       line-height: 16px!important;
       margin-top: 0!important;
    }
    .slider-rev .flickity-page-dots {
       bottom: 20px;
       margin-left: 17px;
    }
}
@media screen and (max-width: 335px) {
    .slider-rev .text-box {
       padding: 20px 20px 112px 20px;
    }
    #slider-rev-txt {
       font-size: 13px;
       line-height: 16px!important;
       margin-top: 0!important;
    }
    .slider-rev .flickity-page-dots {
       bottom: -30px;
       margin-left: 17px;
    }
}
    
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}

@media screen and (max-width:500px) {
    h1 {
        font-size: 30px !important;
        text-align: center !important;
    }
}

.s201_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	max-width: 100% !important;
}

.iksweb {border-radius: 50px !important;}