/* A WORK IN PROGRESS */

body {font-size: 15px; color: #e8e9eb; background-color: rgb(234, 235, 236);}

#headerimage {position: relative; background: #762930; background: linear-gradient(180deg,rgba(118, 41, 48, 1) 0%, rgba(184, 41, 48, 1) 100%);}
#headerbg {max-width: 1180px; width: 100%; height: 100%; padding: 0 35px; margin: 0 auto; background: url(../images/coaching/coaching_header_bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0; -webkit-transition: opacity 1.0s; transition: opacity 1.0s;}
#headerone {background-image: url(../images/coaching/header_1.png);}
#headertwo {background-image: url(../images/coaching/header_2.png); opacity: 0; -webkit-transition: opacity 3.0s; transition: opacity 3.0s;}
#headerthree {background-image: url(../images/coaching/header_3.png); opacity: 0; -webkit-transition: opacity 2.0s; transition: opacity 2.0s;}
#headerfour {background-image: url(../images/coaching/header_4.png);}
#headerfive {background-image: url(../images/coaching/header_5.png);}
#noise {width: 100%; height: 100%; background: url(../images/oli/noise2.png);}


#intro_gallery {background: #202930 /*#181e26*/; padding: 0px 0 70px 0;}
#intro_text {font-size:16px; background-color: #202930; padding: 100px 30px 60px 30px;}


#slider {padding: 0; max-width: 1024px; padding-bottom:20px /*REMOVE AFTER TOUR EXPERIENCE*/;}
.lSSlideOuter .lSPager.lSpg {line-height: 6px; padding-top: 40px;} /* DOT ROW BACKGROUND */

/* NAVIGATION */
.lSAction > a {position: absolute; top: 50%; display: block; width: 60px; height: 60px; margin-top: -30px; background-image: url(../images/arrows.svg); cursor: pointer; z-index: 4; opacity: 1.0;  -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.lSAction > a:hover {opacity: 0.5;}
.lSAction > .lSPrev {left: 40px; background-position: -1px -40px;}
.lSAction > .lSNext {right: 40px; background-position: -62px -40px;}

#olilightSlider img {cursor: pointer;}

#ethos {position:relative; font-size:16px; background: #961f1f; padding: 100px 30px;}
.ethos_quote {width:420px;}
.titleblock {display: block; width: 100px; height: 10px; margin: 39px auto; margin-bottom: 40px; background: #313742;}
.down_arrow {display:block; position:absolute; margin:0 auto; top:0; left:0; right:0; width:80px;}
.o_target {display:block; margin-top:37px; margin-bottom:17px;}
.graph {display:block; margin-top:49px; margin-bottom:29px;}

#reviews {font-family: "Roboto Condensed", sans-serif; font-size:36px; font-weight:900; color:#313742; background-color: rgb(234, 235, 236); padding: 100px 30px; font-style: italic; border-left:40px solid #961f1f; border-right:40px solid #961f1f;}
#reviews p {padding-top:20px; line-height:48px !important;}
#reviews .stars {display:block; font-size:36px; font-style:normal !important; color:#961f1f; padding-top:20px;}
.reviews_speech {position:absolute; top:0; left:0; right:0; width:40px; margin-bottom:29px;}
#reviews {background-image: url(../images/coaching/review_quotemarks.png); background-position:center center; background-repeat: no-repeat; background-size:auto;}

#skillest {position:relative; font-size:16px; padding: 100px 30px 0px 30px; background: #961F1F; background-image: url(../images/coaching/skillest_bg.png), linear-gradient(180deg,rgba(150, 31, 31, 1) 0%, rgba(227, 41, 38, 1) 100%); background-position: bottom center; background-repeat: no-repeat;}
.skillest_logo {width:220px; margin-bottom:29px;}
#skillest .titleblock {display: block; width: 100px; height: 10px; margin: 39px auto; margin-bottom: 40px; background-color:rgb(32, 30, 30);}
#skillest .book {vertical-align:middle; display:inline-block; font-size:16px; font-weight:900; letter-spacing:0.02em; line-height:60px; letter-spacing:0.01em; color:rgb(234, 235, 236); /*rgb(205, 28, 26)*/; padding:0px 30px; margin:40px 0px 0px 0px; background-color:rgba(32, 30, 30, 1.0) /*rgb(232, 233, 234)*/; border-radius:4px; -webkit-transition:color 0.5s, background-color 0.5s; transition:color 0.5s, background-color 0.5s;}
#skillest .book:hover {color: rgb(232, 233, 234); background-color: rgb(227, 41, 38);}
.skillest_device {max-width:397px; margin-top: 60px;}
.skillest_device_arrow {position:absolute; bottom:0; left:0; right:0; height:40px; background-image: url(../images/coaching/down_arrow_reverse.svg); background-position:bottom center; background-repeat: no-repeat; background-size:auto;}

#tour_studio {background: #202930; background:linear-gradient(0deg,rgba(32, 41, 48, 1) 0%, rgba(49, 55, 66, 1) 100%); padding: 60px 30px 100px 30px; font-size:16px;}
.tour_studio_logo {width:220px; margin-bottom:29px;}
#tour_studio .titleblock {display: block; width: 100px; height: 10px; margin: 39px auto; margin-bottom: 40px; background-color:rgb(150, 31, 31);}
.plus {display:block; width:60px; margin-top:49px; margin-bottom:29px;}
#tour_studio .book {vertical-align:middle; display:inline-block; font-size:16px; font-weight:900; letter-spacing:0.02em; line-height:60px; letter-spacing:0.01em; color:rgb(234, 235, 236); /*rgb(205, 28, 26)*/; padding:0px 30px; margin:40px 20px 0px 0px; background-color:rgba(150, 31, 31, 1.0) /*rgb(232, 233, 234)*/; border-radius:4px; -webkit-transition:color 0.5s, background-color 0.5s; transition:color 0.5s, background-color 0.5s;}
#tour_studio .book:hover {color: rgb(232, 233, 234); background-color: rgb(32, 30, 30);}
#tour_studio .tracker {vertical-align:middle; display:inline-block; font-size:16px; font-weight:900; letter-spacing:0.02em; line-height:60px; letter-spacing:0.01em; color:rgb(234, 235, 236); /*rgb(205, 28, 26)*/; padding:0px 30px; margin:40px 0px 0px 20px; background-color:rgba(150, 31, 31, 1.0) /*rgb(232, 233, 234)*/; border-radius:4px; -webkit-transition:color 0.5s, background-color 0.5s; transition:color 0.5s, background-color 0.5s;}
#tour_studio .tracker:hover {color: rgb(232, 233, 234); background-color: rgb(32, 30, 30);}


#events {position: relative; background: #141313; background: linear-gradient(0deg,rgba(20, 19, 19, 1) 0%, rgba(32, 30, 30, 1) 100%); padding: 100px 30px 100px 30px; font-size:16px;}
.events {width:330px;  margin-bottom:29px;}
#events .titleblock {display: block; width: 100px; height: 10px; margin: 39px auto; margin-bottom: 40px; background-color:rgb(150, 31, 31);}
#events .book {vertical-align:middle; display:inline-block; font-size:16px; font-weight:900; letter-spacing:0.02em; line-height:60px; letter-spacing:0.01em; color:rgb(234, 235, 236); /*rgb(205, 28, 26)*/; padding:0px 30px; margin:40px 0px 0px 0px; background-color:rgba(150, 31, 31, 1.0) /*rgb(232, 233, 234)*/; border-radius:4px; -webkit-transition:color 0.5s, background-color 0.5s; transition:color 0.5s, background-color 0.5s;}
#events .book:hover {color: rgb(232, 233, 234); background-color: rgb(32, 30, 30);}

#tour_studio_image {position:relative; display:none;}

/**/footer {padding: 40px 0 50px 0;}
.swing {display:block; padding:0 60px 10px 60px;}
.swing_mobile {display:none; padding:0 50px 10px 50px;}

@media only screen and (max-width: 1024px){
#intro_text {padding: 60px 0px;}
/*#intro_gallery {padding: 0px;}*/
#intro_gallery {padding: 0px 0 20px 0;} /*REMOVE AFTER TOUR EXPERIENCE & ENABLE THE ABOVE!*/
#slider {padding-bottom:0px /*REMOVE AFTER TOUR EXPERIENCE*/;}
#ethos, #reviews, #events {padding: 80px 0px;}
#reviews {padding: 50px 0px; background-image: url(../images/coaching/review_quotemark.png); background-size:auto; font-size:32px;}
#ethos .down_arrow {display:none;}
#skillest {padding: 80px 0px 0px 0px; background-size:contain;}
#tour_studio {padding: 40px 0px 80px 0px;}
.plus {margin-top:39px;}
.swing {display:block; padding:0 60px 20px 60px;}
}


@media only screen and (max-width: 768px){
#headerbg {padding: 0px;}
#intro_text {padding-top: 70px;}
#ethos {padding: 60px 0px;}
#reviews {padding: 40px 0px; font-size:28px;}
#reviews p {line-height:36px !important; padding-top:10px;}
#reviews .stars {font-size:30px; padding-top:13px;}
#skillest {padding: 70px 0px 0px 0px;}
#tour_studio {padding: 40px 0px 60px 0px;}
#events {padding: 70px 0px 60px 0px;}
}

@media only screen and (max-width: 740px){
#intro_text {padding: 50px 0px;}
.ethos_quote {width:320px;}
.skillest_logo {width:190px;}
.events {width:260px;}
}

@media only screen and (max-width: 670px){
.swing {padding:0 40px 10px 40px;}
footer {padding: 20px 0;}
}

@media only screen and (max-width: 600px){
#intro_text {padding: 40px 0px;}
.ethos_quote {width:280px;}
.titleblock, #skillest .titleblock, #tour_studio .titleblock, #events .titleblock {height: 10px; margin: 30px auto;}
.o_target {margin-top:27px; margin-bottom:17px;}
.graph {margin-top:35px; margin-bottom:29px;}
#reviews {border-left:20px solid #961f1f; border-right:20px solid #961f1f;}
.events {width:220px;}
#tour_studio .book {display:block; margin:40px 0px 0px 0px; }
#tour_studio .tracker {display:block; margin:30px 0px 0px 0px;}

}

@media only screen and (max-width: 500px){
#headerone {background-image: url(../images/coaching/header_1_mobile.png);}
#headertwo {background-image: url(../images/coaching/header_2_mobile.png);}
#headerthree {background-image: url(../images/coaching/header_3_mobile.png);}
#headerfour {background-image: url(../images/coaching/header_4_mobile.png);}
#headerfive {background-image: url(../images/coaching/header_5_mobile.png);}
#ethos {padding: 50px 0px 50px 0px;}
.graph {margin-bottom:25px;}
#reviews {padding: 50px 0px 55px 0px; border-left:0px solid #961f1f; border-right:0px solid #961f1f;}
.skillest_logo {width:170px;}
.skillest_device {max-width:100%;}
#tour_studio {padding: 30px 0px 60px 0px;}
.tour_studio_logo {width:200px; margin-bottom:30px;}
.plus {width:50px; margin-top:27px; margin-bottom:27px;}
}

@media only screen and (max-width: 400px){
.tour_studio_logo {width:190px;}
.swing {padding:0 30px;}
#tour_studio_image {display:block;}
#events {padding: 50px 0px 60px 0px;}
#events .down_arrow {display:none;}
}