/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
p {font-size: 1.3em !important;}

.rev_slider_wrapper1{
    z-index: 1000 !important;
    position: relative !important;
}

.fade-carousel1 {
    position: relative;
    height: 100vh;
}
.fade-carousel1 .carousel-inner .item {
    height: 100vh;
}
.fade-carousel1 .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero1 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.hero1 h1 {
    font-size: 6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: -1;
    position:relative;
}

.fade-carousel1 .carousel-inner .item .hero1 {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}
.fade-carousel1 .carousel-inner .item.active .hero1 {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #2EABC8;
    border-color: #2EABC8;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel1 .slides .slide-1,
.fade-carousel1 .slides .slide-2,
.fade-carousel1 .slides .slide-3 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.hero1 a{
    z-index: 1 !important;
    position: relative !important;
}

.sliderD{
    top: 90px;
    position: relative;
}


.sliderD h1{ font-size: 5em !important; }

.sliderD h3{ font-size: 3em !important; }
.sliderD h4 {color: white !important; font-size: 2em !important;}

.thm-btn:hover {
    color: #2EABC8 !important;
    border-color: #2EABC8 !important;
}

.about-content-section .about-content-text p{
    margin-bottom: auto;
    color: black;
}

.about-content-section .about-content-text ul li{
    line-height: normal;
}

.mergB{ margin-bottom: 20px !important; }
.mergT{  margin-top: 20px !important; }
.mergTX{ margin-top: 40px !important;}
.yinonActions h3{ color: #F06E49 !important;}
.yinonActions a p {color: #333 !important; }
.plan p {font-size: 1.2em;}
.plan h2{color: #2EABC8}
.plan{ border: dashed 1px #F06E49; }
.hero h3{ color: #F06E49 !important; font-size: 2.2em !important;}
.hero span{font-size: 2.5em; color: #F06E49;}

.header .mainmenu-holder .nav-header {
    text-align: center !important;
}

.footerLogo{position: relative; top: -60px;}
.footerCon p , .footerCon a {color: #2EABC8; font-size: 20px;}
.footerCon i {color: #F06E49;}
.social{ position: relative; left: 33px; }
.social i {color: #F06E49; font-size: 12px;}
.fitnessGalerry{ position: relative; margin-top: -160px; }
.question { color: #F06E49; font-size: 1.4em }
.trxSection h2{ color: #F06E49;}
th {color: #F06E49;}
.baImg{
    -webkit-box-shadow: 2px 1px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 1px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 1px 15px 0px rgba(0,0,0,0.75);
}

.title span{color: #F06E49!important; font-size: 1.4em!important;}
.list-box li{color: black!important;}
.list-box i {color: green!important;}
.cosPics{ margin-bottom: 10px; }
.cosPics img {border: 1px solid black;}
.cosPic:hover{height: auto;}

.contactbtn{
    color: #FF3C00!important;
    border-color: #FF3C00!important;

}

/********************************/
/*          Media Queries       */
/*******************************/



@media screen and (min-width: 980px){
    .hero1 { width: 980px; }
    .sliderT{ left: -80px !important; }
    .hero1 h1 { font-size: 4em; }
    .yinonActions .text-box{ text-align: center !important; }
}

@media screen and (max-width: 640px){
    .hero1 h1 { font-size: 1.7em; }
    .sliderT{  left: -60px !important; }
    .sliderT h3{ font-size: 1.2em }
    .sliderT a{ font-size: 13px; }
    .sliderD{width: 640px;}
    .sliderD h1{ font-size: 2em !important; }
    .sliderD h3{ font-size: 1.4em !important; }
    .sliderD h4 {display: none;}
    .yinonActions .text-box { text-align: center !important; }
    .form-grp {position: relative; left: 19px;}
    .aboutC h3 , .aboutC p { text-align: center !important; }

}

@media screen and (max-width: 568px){



}

@media screen and (max-width: 732px){



}