/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------*/
/* Template Name: PROJECT */
/* Version: 1.0 Initial Release*/
/* Build Date: */
/* Author:  */
/* Website: */
/* Copyright: (C) */
/*------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
    /*
    1. TEXT SETTINGS
    2. GLOBAL SETTINGS
    3. GLOBAL CLASS
    4. CUSTOM PADDINGS/MARGINS
    5. SWIPER
   */
/*-------------------------------------------------------*/
/* TEXT SETTINGS */
/*-------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Poppins:300,400,500,600,700');
/*-------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* GLOBAL CLASS */
/*-------------------------------------------------------*/
.s-back-switch {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.s-back-sibling-switch {
    position: relative;
    .s-sibling-switch {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}
.enable_overlay, .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);   
}
.vertical-align {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.no-scroll {
    overflow-y: hidden !important;
}
/*-------------------------------------------------------*/
/* CUSTOM PADDINGS/MARGINS */
/*-------------------------------------------------------*/
.no-padd {
    padding-left: 0;
    padding-right: 0;
}
.padd-only-xs {
    padding-right: 0;
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .padd-only-xs {
        padding-right: 15px;
        padding-left: 15px;
    }
}
$step: 5;
$count: 40;
@for $i from 0 through $count {
    .margin-lg-t#{$step*$i} {
        margin-top: 0px+$step*$i;
    }
}
@for $i from 0 through $count {
    .margin-lg-b#{$step*$i} {
        margin-bottom: 0px+$step*$i;
    }
}
@for $i from 0 through $count {
    .padding-lg-t#{$step*$i} {
        padding-top: 0px+$step*$i;
    }
}
@for $i from 0 through $count {
    .padding-lg-b#{$step*$i} {
        padding-bottom: 0px+$step*$i;
    }
}
@media screen and (max-width: 1199px) {
    @for $i from 0 through $count {
        .margin-md-t#{$step*$i} {
            margin-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .margin-md-b#{$step*$i} {
            margin-bottom: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-md-t#{$step*$i} {
            padding-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-md-b#{$step*$i} {
            padding-bottom: 0px+$step*$i;
        }
    }    
}
@media screen and (max-width: 991px) {
    @for $i from 0 through $count {
        .margin-sm-t#{$step*$i} {
            margin-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .margin-sm-b#{$step*$i} {
            margin-bottom: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-sm-t#{$step*$i}t {
            padding-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-sm-b#{$step*$i} {
            padding-bottom: 0px+$step*$i;
        }
    }    
}
@media screen and (max-width: 767px) {
    @for $i from 0 through $count {
        .margin-xs-t#{$step*$i} {
            margin-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .margin-xs-b#{$step*$i} {
            margin-bottom: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-xs-t#{$step*$i} {
            padding-top: 0px+$step*$i;
        }
    }
    @for $i from 0 through $count {
        .padding-xs-b#{$step*$i} {
            padding-bottom: 0px+$step*$i;
        }
    } 
}
/*-------------------------------------------------------*/
/* SWIPER */
/*-------------------------------------------------------*/
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        overflow: hidden;
    }
}
.swiper-container-vertical {
    width: 100%;
    height: 100%;
}