/*
Theme Name: Premier Sports Performance 1471
Theme URI: http://www.e-rehab.com/
Version: 1.0
Description: Designed by John Mason
Author: John B Mason
Author URI: http://www.e-rehab.com
Template: xwp
*/
@import url(superfish.css);

html {
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
    height: auto !important;
    /*background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);*/
    /*background-size: 20px 20px;*/
    background: #888 url('/files/images/sliver.jpg') repeat-y top center;
}

body,td,.bottom,.mceContentBody,.normal {
    color: #666;
}

body {
    height: auto !important;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: .03em;
    font-weight: normal;
    font-style: normal;
    font-family: 'Lato', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: lighter;
}

.base,.gmaptopper {
    background-color: #133785 !important;
    border-color: #982506 !important;
}

.gmaptopper {
    height: 28px !important;
    position: relative;
}

.base_sprite,.base_numbers li:before {
    background-image: url(images/shortcodes/sprites/custom_sprite_092334.png) !important;
}

div#head-buttons{color:#444444;}
h1,h2,h3,h4,h5,h6,.bodytext{color: #19348B !important}
.testimonial{ color: #23438d }
.colorlist { color: #23438d }
.altcolor { color: #8a1e04 }
a:link { color: #0b50ef }
a:visited { color: #23438d }
a:hover,a:active { color: #8a1e04; text-decoration: none }
.main {padding:15px;}
.box{border:2px solid #222;background-color:#23438d;padding:12px;}
.box1{border:2px solid #222;background-color:#8a1e04;padding:12px;}
.brd {border:solid 2px #23438d;}
.brd1 {border:solid 2px #8a1e04;}
.dbrd {border:solid 2px #23438d;background-color:#8a1e04;padding:3px;}
.dbrd1 {border:solid 2px #8a1e04;background-color:#23438d;padding:3px;}

.underline {text-decoration: underline;}
.faq-page .question {font-size: 1.1em;}
.faq-page .video {margin-bottom: 20px;}
/*-----Header--------*/
header {
    height: 200px;
    width: 990px;
    margin: 0px auto;
    background: #fff;
    /* border-top: 16px solid #0C5297; */
    position: relative;
}

.logo {
    display: block;
    width: 400px;
    height: 87px;
    position: relative;
    top: 10px;
    left: 10px;
}

.socialmedia {
    width: 339px;
    height: 50px;
    position: absolute;
    top: 98px;
    right: 11px;
    text-align: right;
    line-height: 29px;
}

#topaddr {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    position: absolute;
        top: 12px;
    right: 10px;
    text-align: right;
    letter-spacing: .02em;
    /* width: 100px; */
    z-index: 999999 !important;
    margin: 0px auto;
    letter-spacing: 3px;
}


#topaddr * {
    color: #173B8F;
    text-shadow: 0px 0px 2px #fff;
    text-decoration:none;
}

#topaddr span {
    color: #8F1C00;
    text-shadow: 0px 0px 2px #fff;
    letter-spacing: .1em;
    display: block;
    font-size: 20px;
    margin-top: 10px;
}

#topaddr a:hover {
    color: #838892;
    text-shadow:none;
}

#topaddr a:hover span {
    color: #0E5397;
    text-shadow:none;
    /* font-size:14px; */
}

#hero {
    width: 990px;
    height: 334px;
    margin: 0px auto;
    border-bottom: 5px solid #333333;
}

/*-------Main Area/Content-------*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

.main {
    padding:0;
    width:990px;
    margin:0 auto;
    text-align:left;
    overflow: hidden;
    line-height: 22px;
    background: #fff;
    clear: both;
}

#maincol {
    margin: 0;
    padding: 20px 40px;
}

.home .main{background: #efefef}

#wrap {
    padding: 0 8px;
}

/*MENUS*/

#horimenu {
    background: #F4F4F4;
    width:990px;
    margin:0 auto;
    position:relative;
    z-index:100;
    height: 41px;
    top: 24px;
    border-bottom: 5px solid #0C5297;
}

.current_page_item a {
    color: #81200F !important;
}

.sf-menu a {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .03em;
    padding: 13px 14px;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
}

.sf-menu a, .sf-menu a:visited {/* visited pseudo selector so IE6 applies text colour*/
 color: #0C5297;/*Match color above*/
}

.sf-menu {
    float: left;
}

.sf-menu li li a {
    border-right: none;
}

.sf-menu li li {
    background: #999999;
}

.sf-menu li li li {
    background: #999999;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #000;
    outline: 0;
}

/*****************************  #FOOTER  **************************/
#footer {
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    width: 990px;
    text-align: left;
    margin: 0 auto;
    padding: 10px 0;
    left: 0;
    right: 0;
    font-family: 'Titillium Web', sans-serif;
    border-top-style: solid;
}

#footer a:link,#footer a:visited {
    color: white;
}

#footer p {
    padding: 0 8px;
    margin: 0;
}


#footer p a:hover {color: #982506;}

/********* HEADER BUTTONS ********/
#head-buttons {
    position: relative;
    left: 10px;
    top: 20px;
    width: 625px;
}

#head-buttons i {
    color: #fff;
    padding: 6px 0 0 0;
    font-size: 1.8em;
}

.btn{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:inline-block;overflow:hidden;height:53px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;line-height:30px;font-size:16px;font-weight:bold;text-shadow:0px 1px 1px #888;}
.btn span.icon,.btn span.title{display:block;position:relative;line-height:50px;padding:0 30px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.btn span.left{float:left;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;}
.btn span.right{float:right;border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0;}
.btn span.arrow-left,.btn span.arrow-right{position:absolute;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;-webkit-transition:all .15s;-transition:all .15s;-webkit-transition-property:left,right;transition-property:left,right;}
.btn.left span.arrow-left{right:0;-webkit-box-shadow: 10px 0 0 0 #DA210E,10px 3px 0 0 #DA210E;box-shadow: 10px 0 0 0 #DA210E,10px 3px 0 0 #DA210E;border-right: 10px solid #DA210E;}
.btn.right span.arrow-left{right:0;-webkit-box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;box-shadow:10px 0 0 0 #00967f,10px 3px 0 0 #007261;border-right:10px solid #00967f;}
.btn.left span.arrow-right{left:0;-webkit-box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;box-shadow:-10px 0 0 0 #00967f,-10px 3px 0 0 #007261;border-left:10px solid #00967f;}
.btn.right span.arrow-right{left:0;-webkit-box-shadow: -10px 0 0 0 #0C5297,-10px 3px 0 0 #0C5297;box-shadow: -10px 0 0 0 #0C5297,-10px 3px 0 0 #0C5297;border-left: 10px solid #0C5297;}
.btn:active,.btn.active{height:51px;}
.btn:hover{}
.btn:hover span.arrow-left{right:10px;}
.btn:hover span.arrow-right{left:10px;}

#btn1.btn span.icon{font-size:23px;background-color: #133785;-webkit-box-shadow: 0 3px 0 0 #0C5297;box-shadow: 0 3px 0 0 #16318A;text-shadow:0px 1px 1px #888;}
#btn1.btn span.title{-webkit-box-shadow:0 3px 0 0 #00ae94;box-shadow: 0 3px 0 0 #0C5297;background-color: #0C5297;color: #fff;}

#btn2.btn span.icon{font-size:23px;background-color: #982506;-webkit-box-shadow: 0 3px 0 0 #8F1D00;box-shadow: 0 3px 0 0 #DA210E;text-shadow:0px 1px 1px #888;}
#btn2.btn span.title{-webkit-box-shadow: 0 3px 0 0 #DA210E;box-shadow: 0 3px 0 0 #DA210E;background-color: #DA210E;color: #fff;}


/********* FRONT PAGE TWO BOXES ********/
#twoboxes{
    padding: 20px;
    width: 936px;
    margin: 0 auto;
    height: 398px;
    /* overflow: hidden; */
}
#twoboxes .card {
    width: 400px;
    float: left;
    margin: 10px 30px;
    height: 370px;
    position: relative;
}
#twoboxes .card a {
    display: block;
}
#twoboxes .card a .card-content {
    padding: 0px;
}
#twoboxes .card a .card-content h2 {
    text-align: center;
    color: #fff !important;
    padding: 10px;
    margin-bottom: 0;
}

#twoboxes .card:first-child {border: 4px solid #982506;}
#twoboxes .card:last-child {border: 4px solid #133785;}

#twoboxes .card:first-child:hover, #twoboxes .card:last-child:hover {border: 4px solid #aaa;}

#twoboxes .card:first-child:hover a .card-content h2, #twoboxes .card:last-child:hover a .card-content h2 {background: #aaa;}
 
#twoboxes .card:hover a .photos {opacity: .6}
#twoboxes .card:hover .card-content p {color: #aaa}

#twoboxes .card:first-child a .card-content h2 {background: #982506;}
#twoboxes .card:last-child a .card-content h2 {background: #133785;}

#twoboxes .card a .card-content p {padding: 20px 20px 2px;color: #666;height: inherit;}
#twoboxes .card a .photos {
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    /*width: 332px;*/
    height: 133px;
    margin: 0 auto;
    display: block;
}

#twoboxes .card:first-child a .photos .pic1 {
       width: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url('/files/2016/04/yogo.jpg');
    height: 100%;
    background-size: 215px auto;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px 0px;
}

#twoboxes .card:first-child a .photos .pic2 {
       width: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url('/files/2016/04/barbell.jpg');
    height: 100%;
    background-size: 215px auto;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px 0px;
}

#twoboxes .card:last-child a .photos .pic3 {
    width: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url('/files/images/football.jpg');
    height: 100%;
    background-size: 215px 206px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px -46px; 
}

 #twoboxes .card:last-child a .photos .pic4 {
    width: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-image: url('/files/2016/04/kettlebell.jpg');
    height: 100%;
    background-size:215px auto;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: 0px 0px;
}

/**************** SUCCESS STORIES SLIDESHOW ****************/
#success-ss {
    clear: both;
    text-align: center;
    background: hsla(226,70%,32%,.5);
    height: 280px;
    /* margin-bottom: 45px; */
    padding-top: 20px;
    margin-top: 20px;
}

#success-ss .slideshow {
    width: 600px;
    margin: 0 auto;
    text-align: left;
    color: #E6E6E6;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.5em;
    height: 200px !important;
}

#success-ss .slideshow span {
    color: #004080;
    text-align: right;
    display: block;
}

#success-ss h1 {
    margin-bottom: 16px;
    font-size: 1.55em;
    letter-spacing: .1em;
    color: #19348B !important;
}

#testimonialrow {
    background: hsla(221,75%,30%,.7) none repeat scroll 0 0;
    border-bottom: 4px solid #982506;
    /* border-top: 4px solid #982506; */
    color: #ffffff;
    height: 260px;
    padding: 30px 0;
}

#testimonialrow h1,h2,h3 {color: #FFFFFF !important;text-align: center;/* padding-top: 20px; */}

#testimonialrow p {
    text-align: center;
}

#testimonialrow .testimonialblurb {
    font-size: 1.1em;
    line-height: 1.8em;
    width: 90%;
    margin: 0 auto;
}

.testimonialblurb::before {
    content: "\" ";
}

.testimonialblurb::after {
    content: " \"";
}

.testimonialblurb::before, .testimonialblurb::after {
    color: #E3E3E8 !important;
    font-family: serif;
    font-size: 2em;
    /*text-shadow: 1px 1px 1px #fff;*/
    vertical-align: bottom;
}

#testimonialrow .testimonial {
    color: rgba(238, 238, 238, 0.69) !important;
    font-style: normal;
    text-align: center;
    font-size: 1.3em;
    font-style: italic;
    font-weight: normal;
    margin-top: 20px;
    font-family: 'Titillium Web', sans-serif;
}

.owl-wrapper-outer {height: 300px;}
.owl-page.active {background: none;}
.owl-page.active span {
background: #982506 !important;
}

/********************* COSTS ********************/
#costs {
    background: hsla(0,0%,27%,.1);
    height: 260px;
    padding: 10px 0;
    width: 990px;
    margin:  0 auto;
}
#costs h1 {text-align: center;color: #19348B !important;font-size: 1.8em;padding-top: 20px;}
#costs .left, #costs .center, #costs .right {
    margin: 8px;
    color: #111;
    font-size: 1.2em;
}
#costs .left p, #costs .center p, #costs .right p {}
#costs .left {
    text-align: right;
}
#costs .center {
    text-align: center;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    height: 124px;
}
#costs .right {}

.welcome {text-align: center;}

.healthwellnesspic { width: 427px;
    margin-left: 33px;
    }

.healthwellnesspic2 {width: 445px;
    margin-right: 51px;
    margin-bottom: 40px;}

.sports {color:#19348B !important;}

.sportsperformancepic {width: 283px;float:left;margin:10px;}



.aboutphotos img {    width: 434px;
    float: left;
    margin: 0px 10px 20px;}

.staffbox {height: 245px;}

.staffphoto {float:left;width:150px;padding-right: 18px;}

.staffphoto img {width:125px;}

.owl-item {padding: 0 35px !important;}

.programbenefits {width: 400px;}