*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: "Averta";
}

body{
    background-color: #f2f2f2;
    /* height: 200vh; */
}
header{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
}
#about {
    padding: 350px 0 50px;
    background-color: #fafafa;
    position: relative;
}
#about::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 64%);
    z-index: 1;
}
.about-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    object-fit: cover;
}
.right-side {
    position: relative;
    z-index: 2;
}
.right-side p {
    color: white;
    margin-bottom: 0;
}
#about .slider-link {
    z-index: 1;
    margin-top: 0;
    margin-left: 0;
    overflow: inherit;
    height: 63px;
    line-height: 63px;
    padding: 0 90px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    background-image: linear-gradient(to top, #56ad6b 0%, #56ad6b 100%), linear-gradient(36deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 47%, rgba(255, 255, 255, 0.17) 50%, rgba(255, 255, 255, 0) 100%);
    border-radius: 31px 31px 31px 31px;
    transition: .5s all ease !important;
    border-bottom: 4px solid #387246;
    position: relative;
    overflow: hidden;
    color: white;
}
.slider-link:hover {
    box-shadow: 0 15px 57px 0 #56ad6bb3;
    color: white;
    text-decoration:none;
}
.skolioz-academy ul li{
    background-image: url(/image/tick.png?=1.1);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 17px;
    margin-bottom: 4px;
}
.skolioz-academy img{
    height: 500px;
    object-fit: cover;
    width: 50%;
    border: 3px solid #56ad6b;
    border-radius: 5px;
}
.skolioz-academy ul{
    padding-left: 40px;
}
.topbar{
    height: 30px;
    line-height: 30px;
    background: #01ac6a; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.topbar span{
 color: #f1f3f4;
 font-size: 12px;
}
.topbar span{
    margin-left: 10px;
    line-height: 30px;
    text-decoration: underlin
}
.topbar span:hover{
    color: #f1f3f4ad;
}


.lang{
        /*-webkit-transition: background-color 0.24s;*/
    background-color: RGBA(45, 49, 55, 0.08);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 4px 8px;
    width: 100%;
    float: right;
    max-width: 180px;
}
.lang img{
        width: 32px;
}
.lang-drop-menu {
    padding: 7px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 5px;
    width: 100%;
    top: 100%;
    z-index: 9999999999;
    left: 0;
    transition: 500ms all ease;
    display: none;
    overflow: hidden;
}
.lang-drop-menu img{
    margin-right:12px;
}
.langtext {
    display: inline-block;
    margin-left: 7px;
}
.langtext p:first-child {
    color: #969696;
    font-size: 12px;
    margin-bottom: 0;
}
.langtext p:last-child {
    color: #2d3137;
    margin-top: -6px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.lang:hover .lang-drop-menu, .lang:hover .lang-drop-menu-arrow {
    display: block;
}
.lang-drop-menu a {
    color: #292f37;
    display: flex;
    align-items: center;
    padding: 7px 0;
}
.language-style {
    border-radius: 0 0 5px 5px !important;
}
.language-style a:hover {
    background: #e6e6e6;
    color:#292f37;
    text-decoration:none;
}
.navbar{
    /*height: 65px;*/
    background-color: #fff;
    padding:3px 1rem !important;
}
.navbar-nav .nav-link{
    padding:0 !important;
    margin: 0 5px;
    white-space:nowrap;
}
.navbar-toggler{
        height:47px;
        width: 30px;
        /*height: 100%;*/
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        cursor: pointer;
        padding: 5px 0;
        border: none;
        background-color: transparent;
        margin-right:16px;
}
.navbar-toggler .line{
        background-color: #333 ;
        border-radius: 1px;
        width: 100%;
        height: 2px;
        display: block; 
        transition: 0.3s;
        transform-origin: center;
}
/*.navbar-nav{*/
/*    padding-left: 4rem !important;*/
/*}*/
.navbar-brand{
    height:80px;
    /*margin-left:16px;*/
}
.brand-title{
    display:flex;
    flex-direction:column;
}
.brand-title span{
    padding-left:5px;
}
.brand-title span:first-child{
    font-size: 18px;
    font-weight: 900;
}
.brand-title span:nth-child(2){
    font-size: 11px;
    padding-left: 5px;
    position:relative;
    color:#b0b2b1;
}
.brand-title span:nth-child(2)::after{
    position:absolute;
    content:"";
    width:70px;
    height:1px;
    right:0; 
    bottom:7px;
    background-color:#b0b2b1;
    transform:scaleX(1);
      transform-origin:left;
    transition:.4s;
}
.navbar-brand:hover .brand-title span:nth-child(2)::after{
    transform:scaleX(.7);
  
}
.navbar-brand img{
    
    height: 100%;
}
.navbar-collapse{
    background-color: #fff;
}
.mobile-menu{
    background: #fff;
    position: fixed;
    right: 0;
    width: 60%;
    height: 100%;
    display:none;
}
.mobile-nav{
    padding: 0 40px;
}
.mobile-nav a{
    color:#000;
    padding: 15px 0px;
}
.transform_1{
 transform: rotate(45deg) translate(11px , 9px);
}
.transform_2{
 transform: rotate(-45deg) translate(0px , 1px);
}
#slider{
    position: relative;
    margin-top: 95px;
}
.carousel-control-prev-icon svg,
.carousel-control-next-icon svg{
    width: 24px;
    height: 24px;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon{
    background-color: rgba(255, 255, 255);
}
.carousel-item img{
    width: 100%;
    height: 560px;
    object-fit: cover;
}
.carousel-item{
    position: relative;
}
.first-carousel-item::after{
    background-color: rgba(0,0,0,.6);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.carousel-btn{
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    padding: 0 16px;
    background-color: #ff5a2c;
    color: #fff;
    border-radius: 8px;
    
}
.carousel-btn:hover{
    background-color: #ec5328;
    color: #fff;
    text-decoration: none;
}
.carousel-title{
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 12px;
}
.carousel-item p{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20% !important;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

/* BENEFIT */
.benefit{
    border-bottom: 1px solid #F0F0F0;
    padding:74px 0;
    
}

h2{
    color: #313131;
    font-size: 20px;
    font-weight: 500;
}
.b-item{
    display: block;
    /* height: 112px; */
}
.b-icon{
    width: 50px;
    /*height: 33px;*/
    margin-bottom: 30px;
    display: inline-block;
    transition: .3s;
}
.b-icon img{
    width: 100%;
    height: 100%;
}
.b-item h3{
    margin-bottom: 10px;
    color: #000;
    font-size:20px;
}
.b-item p{
    color: #737373;
    font-size: 13px;
    line-height: 1.5;
}
.b-item:hover{
    text-decoration: none;
}
.b-item:hover > .b-icon{
    transform: translateY(-10px);
}


/*  SERVICES   */
.service{
    background-color:#fff;
}
.service-item{
    /*width: 388px;*/
    height: 400px;
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
}

.service-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .3s linear ;
}
.service-detail{
    position:absolute;
    top:0;
     left: 0;
    /*font-size: 30px;*/
    color: #fff;
    z-index: 2;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding: 55px;
}
.service-detail p{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.service-detail h5{
    text-align: left;
    margin: 19px 0 17px;
    font-size: 24px;
    font-weight: 700;
}
.service-detail span{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
}
.service-item::after{
      content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.75) 78%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.05) 45%,rgba(0,0,0,0.75) 78%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0.75) 78%,rgba(0,0,0,0.75) 100%);
    opacity: 0.6;
}
.service-item::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #303e45;
    opacity: 0;
    transition: 0.4s ease;
    z-index: 1;
}
.service-item:hover::before{
        opacity: 0.6;
} 
.service-item:hover img{
    transform: scale(1.05);
}
.service-carousel{
    /* padding: 0px 360px; */
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.item {
 padding:10px;
    width:33%
}
.service .owl-prev, .service .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #ff5a2c;
    color: #fff;
    z-index: 3;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: background-color .3s linear;
}
.service .owl-prev{
    left: 2%;
}
.service .owl-next{
    right: 2%;
}
.service .owl-dots{
    position: absolute;
    bottom: -35px;
    color: #fff;
    left: 50%;
    display: flex;
    justify-content: center;
    transition: width .5s;

}
.service .owl-dot{
    background-color: #ff5a2c;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    border: none;
    margin: 3px;
    transition: width .5s;
    color: #fff;

}
.service .owl-dot.active{
    width:40px;
}
.service .owl-prev:hover,.service .owl-next:hover{
    background-color: #e3e4e6;
}

.gallery-item{
    display: block;

    transition: display 2s linear;   
}
.g-img{
    position: relative;    
    border-radius: 8px;
    transition: all 2s linear;
    height:300px;
        width: 300px;
}

.g-img img{
    width: 100%;
    height: 100%;    
    border-radius: 8px;
    object-fit:cover;
}
.overlay{
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    border-radius: 8px;
    opacity: 0;
    transition: .3s;
    color: #fff;
}

.gallery-item:hover .overlay{
opacity: 1;
}
.gallery .owl-prev, .gallery .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: #000;
    z-index: 5;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: background-color .3s linear;
    box-shadow: 0 1px 2px rgb(0 0 0 / 12%), 0 2px 8px rgb(0 0 0 / 8%);
}
.gallery .owl-prev{
    left: -20px;
}
.gallery .owl-next{
    right: -20px;
}
.gallery .owl-next:hover, .gallery .owl-prev:hover{
transform: translateY(-53%);
box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 2px 8px rgb(0 0 0 / 8%);
}
.gallery-item,.gallery-item:hover {
    color: #000;
    text-decoration: none !important;
}

.gallery-carousel{
    position: relative;
}


/* Information */

#info{
    background-color: #01ac6a;
    /*margin-top: 50px;*/
}
#info h2{
    color: #fff;
}
.info-card{
     border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display:inline-block;
    border-radius: 10px;
    box-shadow: 0px 10px 25px rgb(66 42 131 / 10%);
    width:100%;
    cursor:pointer;
}
.info-img{
    height:190px;
}
.info-card img{
    width:100%;
    height:100%;
       border-top-left-radius: 10px;
           border-top-right-radius: 10px;
           object-fit:cover
}
.info-body{
    background-color: #fff;
    padding: 13px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height:170px;
}
a.info-card .info-body span{
    line-height: 27px;
    font-size: 18px;
    font-weight: 600;
    color: #ff5a2c;
    position: relative;
    background-image: linear-gradient(to right, transparent, transparent);
    background-size: 0 .1em;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
}

.info-card:hover{
    text-decoration:none;
}
.info-head{
   color:#000;
}
.info-card:hover .info-head{
   color:#000;
}
a.info-card:hover  .info-body span{
    color:#ff5a2c;
    text-decoration:none;
    background-size:  100% .1em;
    background-image: linear-gradient(to right, #ff5a2c, #ff5a2c);
 
}
.see-more{
    text-align: center;
    display: block;
    color:#8ecaaf;
}
.see-more:hover{

color:#8ecaaf;

}
/*.info-img{*/
/*    width: 100%;*/
/*    border-top-left-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*}*/
/*.info-img a img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border-top-left-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*}*/
/*.info-img a{*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
/* Gallery */

.info-img .img{
    height:150px;
    margin-bottom: 8px;
    border-radius: 8px;

}
.info-img .img img{
    height: 100%;
    border-radius: 8px;

}
/* FOOTER  */

.call-to-action{
    /*height: 164px;*/
    position: relative;
    box-shadow: 0px -1px 20px 0 rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding: 0 44px;
    overflow: hidden;
    background-color:#ffc436;
}
.call-to-action img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.call-btns a{
    width: 250px;
    padding: 10px 0;
    background-color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #000;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    transition: .3s;
}
.call-btns a:hover{
    text-decoration: none;
    color:#000;
  
}
.call-btns i{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%,-50%);
  transition: .3s;
font-size:20px;
}

.call-btns a:hover i{
    transform: translate(150%, -50%);

}
.call-img{
    transform: translateY(30px);
    transition: .3s;
}
.call-to-action:hover .call-img{
    transform: translateY(3px);
}

/* FOOTER */
footer{
    margin-top: 100px;
}
.footer{
    background-color: #01ac6a;
    /*height: 220px;*/
    /*margin-top: 50px;*/
    padding:20px 0;
}

.footer_left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /*height: 220px;*/
}
.footer_right{
    /*height: 220px;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.part_one {
    display: flex;
    align-items: center;
}

.footer_link{
    cursor: pointer;
    display: inline-block; 
    margin-right: 10px; 
}
.footer_contact_us{
    color: #dedede;
    margin-right: 25px;
    border-bottom:none;
    
}
    
.part_two a, .part_two, .footer_left a, .foote_left{
    color: #dedede;
    
}
.footer_left a{
        padding-right: 10px;
        white-space:nowrap;
}
.part_two a:hover, .footer_left a:hover{
    color: #dedede;
    text-decoration:none;
    opacity:.6;
}
/*.part_two{*/
/*    color: #dedede;*/
/*    font-size: 16px;*/
/*}*/
/*.part_two a{*/
/*    color:#dedede;*/
/*}*/
/*.part_two:a:hover{*/
/*      text-decoration:none;*/
/*    opacity:.6;*/
/*    color:#dedede;*/
/*}*/
.icon{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e3e4e6;
    transition: background-color .6s;
}
.icon i{
    transition: color .6s;
}
.icon:hover{
   text-decoration: none;
}
.icon:nth-child(2):hover {
    background-color:#4267B2;
}
.icon:nth-child(3):hover {
    background-color:#4AC959;
}
.icon:nth-child(4):hover {
    background-color:#E1306C;
}
.icon:nth-child(5):hover {
    background-color:#1DA1F2;
}
.icon:hover i{
    color: #fff;
 }


.icon i{
    color: #333;

}

.media-iframe{
    margin:40px 0;
    text-align:center;
}
.media-iframe iframe{
    width:600px;
    height:400px;
}
.gallery-page .static-content .container, .osteopatiya-page .static-content .container .quote{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    
}
.gallery-page .highslide, .osteopatiya-page .highslide{
    width:33%;
    height:400px;
    padding:20px;
}
.dlepl--borderRadius,.gallery-page iframe{
    width:33% !important;
    box-shadow:none;
    height:400px;
    padding:20px;
}
.dlepl--borderRadius .plyr,.plyr__video-embed, .plyr__video-wrapper--fixed-ratio{
    height:100%;
}
.dlepl--borderRadius .plyr video{
    height: 100%;
    object-fit: cover;
}
.gallery-page .highslide img,  .osteopatiya-page .highslide img{
    height:100%;
    width:100%;
    object-fit:cover;
}


.about-page h5{
    color:#038661;
    font-size:30px;
}


/*ABOUT PAGE*/

 .head{
      /*margin-top:18px;*/
  height: 270px;
    margin-top: 116px;
    background-image: url(/image/Structural-Osteopathy.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 70%;
    position:relative;
}
.static-overlay{
    background-color: #000000b8;;
    z-index: 0;
    position: absolute;
    width: 100%;


    height: 100%;
}
.head .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 30px 15px;*/
    height:100%;
}
/*.full-page .head{*/
/*    padding-top:95px;*/
/*}*/
.bread-crumb{
    display:flex;
}

.bread-crumb a, .service-title{
    color:#fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
transition:color .3s;
}
.bread-crumb a:hover span{
    color:#fff;
}
.bread-crumb a:hover{
     color: rgba(255,255,255,.6);
    text-decoration:none;
 
}
.service-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    
}
.static-title {
    margin-bottom:23px;
    line-height: 1.14;
    font-size: 40px;
    font-weight: 700;
    color:#fff;
}
.about-page .static-content  div >p{
    font-size:20px;
    font-weight:900;
     color:#01ac6a;
}
.about-page p{
    margin-bottom:0 !important;
}
.about-page ul{

    margin-left:20px;
}
.about-page .static-content ul li{
    list-style:disc;
}
.about-page  .static-content ul li::marker{
    color:#01ac6a;
    font-weight:bold;
}

.about-page  .quote:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
   
}

.about-page  .highslide {
    /*height: 290px;*/
    /*width: 230px;*/
    width:25%;
    display: block;
    margin-bottom: 30px;
padding:10px;
    /*border: 3px solid #dcdcdcbd;*/
    position:relative;

}
/*.about-page .highslide:after{*/
/*    position:absolute;*/
/*    content:"";*/
/*    background-image:url('/image/frame.png');*/
/*    background-position:center;*/
/*    background-size:cover;*/
/*    background-repeat:no-repeat;*/
/*    width:100%;*/
/*    height:100%;*/
/*    z-index:22;*/
/*    top:0;*/
/*    left:0;*/
/*}*/
.about-page  .highslide img {
    display: block !important;
    border-radius: unset;
    height: 100%;
    width: 100% ;
    object-fit: contain;
    margin:0;
}


.about-page p:first-child img{
    margin-left: 40px;
    width: 400px!important;
    max-width:100%;
    object-fit: cover;
    /*height: 300px;*/
    /*border-radius: 100%;*/
    float:right;
}
.comment-page .quote{
    display: grid;
    grid-template-columns:repeat(3,33%);
  
    justify-content: space-between;
    margin-top: 30px;
   
}
.comment-page .quote img{
    width: 98%;
    height: 334px;
    /*padding: 15px;*/
    object-fit: contain;
    /*margin:7px;*/
    border:2px solid #e8e8e8;
    border-radius:8px;
    background-color:#fff;
    transition:.3s;
    
}
.comment-page .quote img:hover{
    border-color: #01ac6a;
}

.full-content  img{
    margin:20px auto;
    max-width:100%;
    /*height: 400px;*/
    border-radius:10px;
   object-fit:cover;
}

.full-content .row, .static-content .row{
    background: #fefefe;
    padding: 30px;
    margin: 30px 0 0 0;
    border-radius: 10px;
    box-shadow:0px -1px 20px 0 rgb(0 0 0 / 12%);
}

.highslide-controls {
width: 195px;
height: 40px;
background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 10px;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
}
.highslide-controls a {
background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
}
/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;

}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}

#map{
    height:500px;
}
/*Pagination*/
.pagination{
    justify-content:center;
}
.pagination span {
    padding: 8px 0;
    color: #02ac6a;
    font-size: 13px;
    border: 1px solid #02ac6a;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 5px;
    width: 35px;
    height: 35px;
}
.pagination a:link, .pagination a:visited, .pagination a:active {
    margin: 1px;
    color: #FFFFFF;
    padding: 8px 0;
    font-size: 13px;
    background-color: #02ac6a;
    border-radius: 5px;
    -webkit-border-radius: 50%;
    text-decoration: none;
    margin-right: 5px;
    width: 35px;
    height: 35px;
}
.academy{
    margin-right:20px;
}
.academy-link{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   transition:.3s ;
}

.academy-link span{
    border-bottom:1px solid rgb(205, 218, 218);
    font-size:13px;
    color:#ee5735;
    margin-left:auto;
}
.academy-link span:first-child{
    font-weight:900;
    line-height:24px;
    border:none;
       color:#ee5735;
       font-size:23px;
}
.academy-link:hover{
    text-decoration:none;
    color:inherit;
}

.about-body{
    display:flex;
    justify-content:space-between;
}

.about-img{
    width:40%;
    /*height:554px;*/
}
.about-img a{
    width:100% !important;
    height:100% !important;
}
.about-content{
    width:50%;
}

/* Responsiveness*/
@media screen and (min-width:1200px) {
    .service-container{
        max-width:1200px;
        /* background-color: red; */
        margin: auto;
    }
}
@media screen and (max-width:1199.98px){
    .call-to-action{
        padding:10px 44px;
    }
}
@media screen and (max-width:1024px){
    .about-img{
        height:468px;
    }
    .lang img{
        width:30px;
    }
    .langtext p{
        white-space:nowrap;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size:12px;
        white-space:nowrap;
    }
    
    .navbar-brand img{
        height:90%;
    }
    .brand-title span:first-child{
        font-size:17px;
    }
    .academy-link span:first-child{
        font-size:20px;
    }
      .academy-link span:last-child{
        font-size:12px;
    }
}
@media screen and (min-width:992px){
    .nav-link{
        position: relative;
    }
    .nav-link::after{
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        bottom:0;
        left: 0;
        transform: scaleX(0);
    }
    
}
@media screen and (max-width:1024px){
        .about-img{
            height:468px;
        }
    
       .nav-link:hover::after{
        transition: .3s ease-out;
         transform: scaleX(1);
    }
     .gallery-page .highslide{
        width:50%;
    }
    .dlepl--borderRadius,.gallery-page iframe{
        width: 50% !important;
    }
}

@media screen and (max-width:991.98px){
    #about {
        padding: 150px 0 100px;
    }
    #about .slider-link {
        height: 40px;
        line-height: 37px;
        padding: 0 45px;
        margin-top: 15px;
    }
    .skolioz-academy img{
        width:100%;
        height:400px;
    }
    .about-page p:first-child img{
        float:none;
        margin:auto;
    }
    .lang{
        margin-left: auto;
       margin-right: 20px;
     }
    
    .mobile-menu{
        display:block;
       transform: translateX(100%);
       transition:.4s;
    }
    .mobile-menu.open{
         transform: translateX(0%)
    }
    .navbar-collapse{
        display:none;
    }
    .toggle{
        visibility: visible;
    } 
    .navbar .nav-link{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ececec;
    margin-left: 30px;
    }
    .navbar-nav{
        padding-top: 20px;
    }
    
    .footer_right{
        justify-content:center;
    }
     .footer_left{
         align-items:center;
     }
    .part_two{
        text-align:center;
    }
   .item{
       width:50%;
   }
   .service-carousel .row{
       justify-content:center;
   }
}
@media screen and (max-width:768px) {
  
   .comment-page .quote{
    grid-template-columns:repeat(2,50%);
}

 .carousel-item p{
        font-size:22px;
        line-height:24px;
    }
    .carousel-item h1{
        font-size:45px;
        line-height:45px;
    }
  .about-page  .highslide {
    
    width: 33%;
    /*margin:30px 14px;*/
    
}


.about-page .highslide img {
width:100%;
} 
}
@media screen and (max-width:767.98px){  
     .item{
       width:100%;
   }
     
     .gallery-page .highslide{
        width:100%;
    }
    .dlepl--borderRadius,.gallery-page iframe{
        width:100% !important;
    }
     .lang i{
        font-size:12px;
    }
    .lang{
            max-width: 160px;
    }
    .lang img {
    width: 25px;
}
.langtext p:first-child {
    font-size: 10px;
}

.langtext p:last-child {
    font-size: 12px;
    
}
     .footer_right, .footer_left{
        justify-content:center;
        align-items:center;
        margin:10px 0;
    }
    .part_two{
        text-align:center;
    }
      h1.static-title{
       font-size:30px;
   }
   .footer_left .part_one {
    flex-direction: column;
 }
 .full-page .active{
     display:none;
 }
.academy{
    width:50%;
    margin-right:0;
}
.navbar-brand{
    width:44%;
    margin-left:0;
}
.navbar-toggler{margin-right:0;}
.lang{
    margin-left:0;
}
.head{
    margin-top:164px;
}

.navbar-brand img{
    
    height: 70%;
}
.call-img{
    transform:translateY(60px);
}
.call-to-action:hover .call-img{
      transform:translateY(43px)
}
 }
@media screen and (max-width:600px){
    .navbar{
        justify-content:center !important;
    }
    .lang{
        margin:0;
        margin-right:auto;
    }
    .item{
        width:100%;
    }
    .gallery .owl-next{
        right:-10px;
    }
     .gallery .owl-prev{
        left:-10px;
    }
    .gallery .owl-prev, .gallery .owl-next {
  
    width: 30px;
    height: 30px;
        font-size:12px;
    }
    .carousel-item p{
        font-size:18px;
        line-height:18px;
    }
    .carousel-item h1{
        font-size:35px;
        line-height:35px;
    }
  .bread-crumb a, .service-title{
     font-size:14px;
 }
 h1.static-title{
     font-size:20px;
 }
   .mobile-menu{
       width:70%;
   }
   .call-img{
    transform: translateY(70px);
    
}
.call-to-action:hover .call-img{
    transform: translateY(50px);
}

}
@media screen and (max-width:575.98px){
    .info-cat #dle-content {
        text-align:center;
    }
    .info-card{
        width:100%;
    }
    .info-body{
        height:140px;
    }
    .call-btns{
        text-align:center;
    }
    .call-btns a{
        width:100%;
    }
      .about-page  .highslide {
    
    width: 50%;
 
    
}
}
@media screen and (max-width:425px){
       .comment-page .quote{
    grid-template-columns:repeat(1,100%);
}

    .brand-title span:first-child{
        font-size:14px;
    }
    .brand-title span:last-child{
        font-size:9px;
    }
    .academy-link span{
        font-size:10px;
    }
    .academy-link span:first-child{
        font-size:17px;
    }
    .topbar span {
      font-size:8px;
        
    }
   
     .about-page  .highslide {
    
    width: 100%;
  
    
}
}