/* =============================================
Internal Slider
============================================= */

.inpage-slider { margin-top: 40px; position: relative; float: left; width: 100%; background-image: url("../images/blue-background.jpg"); border-radius:8px; margin-bottom: 20px; background-size:cover;}

.inpage-slider .owl-controls { margin:0; }
.inpage-slider .owl-controls .owl-buttons div { position: absolute; height: 55px; width: 55px; line-height: 45px; opacity: 1; background: #FFF; padding:0; border-radius: 0; margin: 0;  }

.inpage-slider .owl-controls .owl-buttons img {max-width: 30px; padding-top: 12px; float: none; margin: 0 auto; display: block; max-width: 30px;}
body .inpage-slider .owl-buttons .owl-prev { left: 0px; top: 32%; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
body .inpage-slider .owl-buttons .owl-next { right: 0px; top: 32%; border-bottom-left-radius: 10px;  border-top-left-radius: 10px; }

.inpage-slider .owl-wrapper { float: left; width: 100%; }
.inpage-slider .owl-wrapper .owl-item { width: 100%; }
.inpage-slider .slide { float: left; width: 100%; }
.inpage-slider .slide a { float: left; width: 100%; padding:20px; font-size: 20px; color: #FFF;  }
.inpage-slider .slide a .fa-angle-right { float: right; }
.inpage-slider .slide a .fa-map-marker { padding-right: 10px; }

.inpage-slider .slide p { float: left; width: 100%; padding:20px; font-size: 20px; color: #FFF;  }
.inpage-slider .slide p .fa-angle-right { float: right; }
.inpage-slider .slide p .fa-map-marker { padding-right: 10px; }

.inpage-slider img {border-top-right-radius: 10px;border-top-left-radius: 10px;}

.arrow-right {float: right; max-width:12px; width: 12px;}


/* =============================================
Internal Banner
============================================= */


#internal-banner { margin-top:5%;  }
.internal-banner-content {position: relative;}
/*.internal-banner-content img {position: absolute; top: 0; left: 0;}
*/

.internal-page-banner {margin-top: 190px; padding:0; }

.internal-page-banner .wrap {position: relative; overflow: visible; max-width: 1100px;}
.internal-page-banner .wrap img { border-radius: 10px; }

.banner-image {border-radius: 10px;}

.banner-arrow { position: relative; top:-10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  background: #55b9c0; width:100%; overflow: hidden; padding: 10px 10px 20px 10px;}


.banner-arrow p {color: #fff; width:auto; clear: both;}
.banner-arrow:before { display: none; content: ''; background: url(../images/arrow-tail.jpg); position: absolute; left: -39px; width: 39px; height: 150px; background-size: cover;}

.banner-arrow:after { display: none; content: ''; background: url(../images/arrow-point.png); position: absolute; right: -41px; width: 41px; height: 115px; background-size: cover;}


.banner-title { font-size: 30px; font-family: din_next; margin:0; padding: 0;  font-weight: bold;  }
.banner-sub-title { font-size: 16px; font-family: din_next; margin: 0; padding: 0;  }




/* =============================================
Workbridge
============================================= */

.workbridge-site .internal-page-banner {margin-top: 160px; padding:0; }



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


.banner-arrow { border-radius:0px; background: #55b9c0; margin-bottom: 0; padding: 0; min-width: 220px; margin-bottom: 20px; width:auto; position: absolute; left: 15px;    top: 120px; height:115px; overflow: visible;}
.banner-title {  margin-bottom: 0; padding-bottom: 0; margin-top: 20px; }


.banner-arrow:before, .banner-arrow:after {display: block;}

.internal-page-banner {padding:20px;}

body .inpage-slider .owl-buttons .owl-prev, 
body .inpage-slider .owl-buttons .owl-next { top:45%; }





}






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

    .internal-page-banner .wrap {max-width: 1200px;}
    .banner-arrow {left: 0;}

}



/*JH -- Controlling background image to show for BlockWidgetImageSlider.ss*/
.st-image-slider{
	background-image: none;
}



.st-image-slider .bg-image{
	background-image: url("../images/blue-background.jpg");
	background-size: cover;
}