/* =================================


Button


===================================*/


.main-btn {


    padding: 8px 30px;


    display: inline-block;


    text-transform: uppercase;


    position: relative;


    font-weight: 600;


    -webkit-transition: all 0.4s;


    transition: all 0.4s;


    border-width: 2px;


    border-style: solid;


    border-color: #fff;


    color: #fff;


    overflow: hidden;


    background: rgba(255,255,255,0.2);


    z-index: 2;


}


.main-btn:hover,


.main-btn:active,


.main-btn:focus{


    z-index: 3;


    background: #ffffff;


    border-width: 2px;


    border-style: solid;


    cursor: pointer;


}


.main-btn:after {


    content: '';


    position: absolute;


    z-index: -1;


    -webkit-transition: all 0.4s;


    transition: all 0.4s;


    width: 100%;


    height: 0;


    top: 50%;


    left: 50%;


    background: #fff;


    opacity: 0;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";


    -webkit-transform: translateX(-50%) translateY(-50%);


    transform: translateX(-50%) translateY(-50%);


}


.main-btn:hover:after, 


.main-btn:focus:after,


.main-btn:active:after {


    height: 100%;


    opacity: 1;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";


}





/* =================================


Button Another Style


===================================*/


.main-btn.main-btn2 {


    border-width: 2px;


    border-style: solid;


    position: relative;


    color: #ffffff;


}


.main-btn.main-btn2:hover, 


.main-btn.main-btn2:active, 


.main-btn.main-btn2:focus {


    background: #ffffff;


}





/* =================================


Small Button


===================================*/


.main-btn-small{


    padding: 8px 16px !important;


    letter-spacing: 0px;


    font-weight: 400;


    font-size: 15px;


}


.read-more {


    border-width: 1px;


    border-style: solid;


    padding: 5px 15px;


    display: inline-block;


    border-radius: 6px;


    border-color: #dddddd;


}


.read-more:hover {


    color: #ffffff;


}





/* =================================


Preloader Style


===================================*/


.spinner-section{


    width: 100%;


    height: 100vh;


    min-height: 100vh;


    background: #000;


    position: fixed;


    z-index: 999999;


}


.spin-cell {


    height: 100%;


    width: 100%;


    -webkit-transform: translateY(50%);


            transform: translateY(50%);


    margin-top: -40px;


}


.spinner {


    width: 80px;


    height: 80px;


    position: relative;


    margin: 0 auto;


}


.double-bounce1, .double-bounce2 {


    width: 100%;


    height: 100%;


    border-radius: 50%;


    background-color: #fff;


    opacity: 0.9;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";


    position: absolute;


    top: 0;


    left: 0;


    border: 1px solid #fff;


    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;


    animation: sk-bounce 2.0s infinite ease-in-out;


}


.double-bounce2 {


    -webkit-animation-delay: -1.0s;


    animation-delay: -1.0s;


    border: 1px solid #333;


    opacity: 0.8;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";


}





@-webkit-keyframes sk-bounce {


    0%, 100% { -webkit-transform: scale(0.0) }


    50% { -webkit-transform: scale(1.0) }


}


@keyframes sk-bounce {


    0%, 100% { 


    transform: scale(0.0);


    -webkit-transform: scale(0.0);


    } 50% { 


    transform: scale(1.0);


    -webkit-transform: scale(1.0);


    }


}





/* =================================


Owl Carousel Dots Style


===================================*/


.owl-dots {


    text-align: center;


    padding-top: 15px;


}


.owl-dots .owl-dot {


    display: inline-block;


}


.owl-dots .owl-dot span {


    border-width: 2px;


    border-style: solid;


    border-radius: 30px;


    display: block;


    height: 15px;


    margin: 5px;


    width: 15px;


    filter: Alpha(Opacity=500);/*IE7 fix*/


    opacity: 0.75;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";


    -webkit-transition: all 0.3s;


    transition: all 0.3s;


}


.owl-dots .owl-dot.active span, 


.owl-dots .owl-dot:hover span {


    filter: Alpha(Opacity=100);/*IE7 fix*/


    opacity: 1;


    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";


}





/* =================================


Owl Carousel Navigation Style


===================================*/


.owl-prev, 


.owl-next {


    position: absolute;


    left: 0;


    right: auto;


    height: 100%;


    width: 60px;


    display: inline-block;


    top: 50%;


    -webkit-transform: translateY(-50%);


            transform: translateY(-50%);


    border-radius: 10px 0px 0px 10px;


}


.owl-next {


    right: 0;


    left: auto;


    border-radius: 0px 10px 10px 0px;


}


.owl-nav button span {


  font-size: 80px;


  line-height: 40px;


    color: #ffffff;


    -webkit-transition: all 0.3s ease-in-out;


    transition: all 0.3s ease-in-out;


}


.owl-nav button:hover span{


    color: #444444;


}