/* =============================================
Therapy Home
============================================= */




.therapy-site .inpage-slider-therapy .owl-buttons div { height: 40px; width: 40px; line-height: 45px; opacity: 1; background: none; padding:0;  }
.therapy-site .inpage-slider-therapy .owl-buttons div img { width: 100%; line-height: 55px; position: relative; opacity: 1; }
.therapy-site .inpage-slider-therapy .owl-buttons .owl-prev {}
.therapy-site .inpage-slider-therapy .owl-buttons .owl-next {}

.therapy-site .inpage-slider-therapy .owl-buttons div:hover img { opacity: 0.5; }


/* Three Col Services */
.therapy-three-col-links { padding-bottom:40px; padding-top: 20px; }
.three-col-links a { float: left; width: 100%; border-radius: 8px; border: 1px solid #e5e5e5; overflow: hidden; }
.three-col-links a .button-title { float: left; width: 100%; font-size: 20px; padding:20px; color: #FFF; }
.three-col-links a .button-title  img { width: 10px; float: right; margin-right:20px; }
.three-col-links a p { float: left; width:100%; padding: 20px; }
.three-col-links a .button { margin-left: 15px; float: left; margin-bottom: 15px;  }
.three-col-links a:hover .button { color: #FFF; /*background: #854FA2;*/ background:#2c85c6; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px;
    background-position: 7%; }

.three-col-links a:hover img { opacity: 0.5; }

.three-col-links:nth-child(1) a .button-title { background-image: url("../images/green-background.jpg"); background-size:cover; }
.three-col-links .col:nth-child(2) a .button-title { background-image: url("../images/red-background.jpg"); background-size:cover; }
.three-col-links .col:nth-child(3) a .button-title { background-image: url("../images/orange-background.jpg"); background-size:cover; }



/* 2 Col Slider */
.specialist-solutions  { background: #f0f0f0; padding:40px 0; }
.specialist-solutions .inpage-slider-therapy { float: left; width: 100%; margin:30px 0; }
.specialist-solutions .inpage-slider-therapy .slide { padding:10px; float: left; }
.specialist-solutions .inpage-slider-therapy .slide .slide-wrap { background-image: url("../images/purple-background.jpg"); background-size: cover; float: left; width: 100%; }
.specialist-solutions .inpage-slider-therapy a { float: left; width: 100%; padding:20px; color: #FFF; font-size: 17px; }
.specialist-solutions .inpage-slider-therapy a img { width: 10px; float: right; }

.specialist-solutions .inpage-slider-therapy a:hover { background: #2c85c6; }


#main-banner { background-size: cover; background: url(../images/therapy-internal-banner-background.jpg); padding:0; background-size: cover;  }

.banner-content {
    max-width: 900px;
    margin: 0 auto;
    /*text-align: center;*/
    padding: 46% 20px 8% 20px;}

.banner-content .banner-title {font-size: 24px; line-height: 27px; font-family: din_next; color: #fff; float: none;}


.banner-content .button { background:#fff; width:100%; background-image: url("../images/purple-arrow-right.png"); background-repeat: no-repeat; background-size: 10px; background-position: 7%; color: #8f7aa3;}
.banner-content .button:hover { background: #3685C8; color:#FFF; background-image: url("../images/white-arrow-right.png"); background-repeat: no-repeat; background-size: 10px; background-position: 7%; }
.button-wrap {
    width: 100%;
    margin: 10px auto 0 ;
    clear: both;
    overflow: hidden;
}



#main-banner  .owl-theme .owl-controls {display: none!important;}






/* =======================================
 @ 550
======================================= */
@media only screen and (min-width: 550px) {

    .banner-content .banner-title {font-size: 32px; line-height: 45px; font-family: din_next; color: #fff; float: none;}


.banner-content .button { width:180px;     float: none;
    display: inline-block }

.banner-content {
 
    padding: 36% 20px 8% 20px;}

}


@media only screen and (min-width: 620px) {


.banner-content {
 
    padding: 21% 20px 8% 20px;}

}



/* =======================================
 @ 700
======================================= */
@media only screen and (min-width: 700px) {


.button-wrap {
    width: 410px;
    margin: 10px auto 0 ;
    clear: both;
    overflow: hidden;
}


.banner-content {
    max-width: 900px;
    margin: 0 auto;
    /*text-align: center;*/
    padding: 14% 20px 8% 20px;
}

}


/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {


.banner-content .banner-title {font-size: 44px; line-height: 47px; font-family: din_next; color: #fff; float: none;}
/*.banner-content {padding:0;}



*/


}




/* =======================================
 @ 1150
======================================= */
@media only screen and (min-width: 1150px) {
/*

.banner-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding-top: 14%;  padding-bottom: 8%;}*/
}

/* =======================================
 @ 1300
======================================= */
@media only screen and (min-width: 1300px) {


.therapy-site .inpage-slider-therapy .owl-buttons div { position: absolute; }
.therapy-site .inpage-slider-therapy .owl-buttons .owl-prev { left: -100px; top: 45%; }
.therapy-site .inpage-slider-therapy .owl-buttons .owl-next { right: -100px; top: 45%; }

}