@import url(../plugins/revolution/css/settings.css);
@import url(../plugins/revolution/css/layers.css);
@import url(../plugins/revolution/css/navigation.css);
/*** 
=====================================================
    Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    z-index: 10;
    border-top: 3px solid #241f40;
}
.main-slider .tp-caption {
    z-index: 5;
}
.main-slider .tp-dottedoverlay {
    background: none !important;
}
.main-slider .slide-content {
    position: relative;
    display: block;
}
.main-slider .slide-content .big-title {
    position: relative;
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.2em;
    font-family: 'Poppins', sans-serif;
}
.main-slider .slide-content .text {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.6em;
    font-family: 'Rubik', sans-serif;
}
.main-slider .slide-content .btn-box {}
.main-slider .slide-content .btn-box a {}

.main-slider #rev_slider_two_wrapper .slide-content .big-title {
    color: #ffffff;
    line-height: 1.1em;
}

/*** 
=============================================
    Main Slider style2      
=============================================
***/
.main-slider.style2 {
    border-top: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) { 
    .main-slider .slide-content.left-slide { 
        margin-left: 100px; 
    }
}

@media only screen and (max-width: 1199px) {
    .main-slider .slide-content.left-slide { 
        margin-left: 100px; 
    }    
    .main-slider .slide-content .big-title {
        font-size: 55px;
    }
    .main-slider .slide-content .text {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1039px) {
    .main-slider .slide-content.left-slide { 
        margin-left: 50px; 
    }  
    .main-slider .slide-content .big-title {
        font-size: 45px;
    }
    .main-slider .slide-content .text {
        font-size: 18px;
    }       
    .main-slider .slide-content .btn-box a {
        padding: 20px 30px 20px;
    }
}

@media only screen and (max-width: 777px) {
    .tparrows {
        display: block;
    }     
    .main-slider .slide-content .big-title {
        font-size: 35px;
    }
    .main-slider .slide-content .text {
        font-size: 16px;
    }       
    .main-slider .slide-content .btn-box a {
        padding: 17px 30px 17px;
    }
}

@media only screen and (max-width: 599px) {
    .main-slider {
        position: relative;
        margin-top: 0;
    }
    .tparrows {
        display: block;
    } 
    .main-slider .slide-content.left-slide {
        margin-left: 0px;
    }    
    .main-slider .slide-content .big-title {
        font-size: 25px;
    }      
    .main-slider .slide-content .btn-box a {
        padding: 17px 20px 17px;
    }
}

@media only screen and (max-width: 479px) {    
    .main-slider .slide-content .big-title {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.4em;
    }  
    .main-slider .slide-content .big-title br {
        display: none;
    }    
    .main-slider .slide-content .text {
        font-size: 16px;
    }  
    .main-slider .slide-content .text span {
        display: none;
    }       
    .main-slider .slide-content .btn-box a {
        padding: 11px 20px 11px;
    }
}



.btn-one {
    position: relative;
    display: inline-block;
    background: #004b85;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    padding: 6px 19px 6px;
    text-transform: capitalize;
    border-radius: 5px;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
    border-radius: 3px;
}
.btn-one span:before {
    position: relative;
    top: 1px;
    font-weight: 400;
    font-size: 17px;
    line-height: 10px;
    display: inline-block;
    padding-left: 14px;
}
.btn-one:hover{
    color: #f5f5f5;
    background: #00a8ec;
}
.btn-two{
    color: #00a8ec;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    transition: all 500ms ease;
}
.btn-two span:before {
    position: relative;
    top: 2px;
    font-weight: 400;
    font-size: 17px;
    line-height: 10px;
    display: inline-block;
    padding-left: 10px;
}
.btn-two:hover{
    color: #d14302;
}


/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.main-slider .slide-content .btn-box a.sb1{
    transition: all 0.5s ease 0s !important;
}
.main-slider .slide-content .btn-box a.sb1:hover{
    background: #ff612a;
    color: #ffffff;
}
.tparrows {
    cursor: pointer;
    background: #224d82a3 !important;
    width: 50px !important;
    height: 110px !important;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0%;
    font-size: 30px;
    left: 0px !important;
    transition: all 500ms ease;
}
.tp-rightarrow{
    left: 100% !important; 
    margin-right: 0px;
}
.tparrows:before {
    width: 50px !important;
    height: 110px !important;
    font-size: 25px !important;
    color: #00a8ec !important;
    display: block !important;
    line-height: 110px !important;
    text-align: center;
}
.tparrows:hover{
    background: #00a8ec82 !important;  
    color: #224d82 !important;
}
.tparrows:hover:before {
    color: #224d82 !important;
}