/* Template CSS Document */
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css); /* Change this to mach your website */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /* Change this to mach your website */

/* This template uses the Bootstrap css grid. You can keep this one in as the template is based on it or delete it if your website uses the same grid.
If you wish to use another grid, just remember to replace the classes in the .aspx files */

/* For convenience you copul use this grid only for the templates, the only bit that needs adjusting is the container size to mach your website's.  */


/* ========== CLEARFIX ========== */
.clearfix:before, .clearfix:after, main:before, main:after, .container:before, .container:after, .row:before, .row:after {content: " "; display: table;}
.clearfix:after, main:after, .container:after, .row:after {clear: both;}
.clearfix, main {*zoom: 1;}

/* ========== GRID ========== */
.container *, .container *:before, .container *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.container {padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; max-width:1500px;}
.container.fluid {max-width:100%;}
.row {margin-left: -15px; margin-right: -15px; display: block; clear: both;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-lg-5th {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5th {float: left} .col-xs-12 {width: 100%} .col-xs-11 {width: 91.66666667%} .col-xs-10 {width: 83.33333333%} .col-xs-9 {width: 75%} .col-xs-8 {width: 66.66666667%} .col-xs-7 {width: 58.33333333%} .col-xs-6 {width: 50%} .col-xs-5 {width: 41.66666667%} .col-xs-4 {width: 33.33333333%} .col-xs-3 {width: 25%} .col-xs-2 {width: 16.66666667%} .col-xs-1 {width: 8.33333333%}
.col-xs-5th {width: 20%} .col-xs-pull-12 {right: 100%} .col-xs-pull-11 {right: 91.66666667%} .col-xs-pull-10 {right: 83.33333333%} .col-xs-pull-9 {right: 75%} .col-xs-pull-8 {right: 66.66666667%} .col-xs-pull-7 {right: 58.33333333%} .col-xs-pull-6 {right: 50%} .col-xs-pull-5 {right: 41.66666667%} .col-xs-pull-4 {right: 33.33333333%} .col-xs-pull-3 {right: 25%} .col-xs-pull-2 {right: 16.66666667%} .col-xs-pull-1 {right: 8.33333333%} .col-xs-pull-0 {right: auto} .col-xs-push-12 {left: 100%} .col-xs-push-11 {left: 91.66666667%} .col-xs-push-10 {left: 83.33333333%} .col-xs-push-9 {left: 75%} .col-xs-push-8 {left: 66.66666667%} .col-xs-push-7 {left: 58.33333333%} .col-xs-push-6 {left: 50%} .col-xs-push-5 {left: 41.66666667%} .col-xs-push-4 {left: 33.33333333%} .col-xs-push-3 {left: 25%} .col-xs-push-2 {left: 16.66666667%} .col-xs-push-1 {left: 8.33333333%} .col-xs-push-0 {left: auto} .col-xs-offset-12 {margin-left: 100%} .col-xs-offset-11 {margin-left: 91.66666667%} .col-xs-offset-10 {margin-left: 83.33333333%} .col-xs-offset-9 {margin-left: 75%} .col-xs-offset-8 {margin-left: 66.66666667%} .col-xs-offset-7 {margin-left: 58.33333333%} .col-xs-offset-6 {margin-left: 50%} .col-xs-offset-5 {margin-left: 41.66666667%} .col-xs-offset-4 {margin-left: 33.33333333%} .col-xs-offset-3 {margin-left: 25%} .col-xs-offset-2 {margin-left: 16.66666667%} .col-xs-offset-1 {margin-left: 8.33333333%} .col-xs-offset-0 {margin-left: 0}

.row .col-xs-no-gutters {padding-left: 0; padding-right: 0;}
.row .col-xs-bottom-gutter, .row .col-sm-bottom-gutter, .row .col-md-bottom-gutter, .row .col-lg-bottom-gutter {padding-bottom: 15px;}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-5th {float: left} .col-sm-12 {width: 100%} .col-sm-11 {width: 91.66666667%} .col-sm-10 {width: 83.33333333%} .col-sm-9 {width: 75%} .col-sm-8 {width: 66.66666667%} .col-sm-7 {width: 58.33333333%} .col-sm-6 {width: 50%} .col-sm-5 {width: 41.66666667%} .col-sm-4 {width: 33.33333333%} .col-sm-3 {width: 25%} .col-sm-2 {width: 16.66666667%} .col-sm-1 {width: 8.33333333%} .col-sm-5th {width: 20%} .col-sm-pull-12 {right: 100%} .col-sm-pull-11 {right: 91.66666667%} .col-sm-pull-10 {right: 83.33333333%} .col-sm-pull-9 {right: 75%} .col-sm-pull-8 {right: 66.66666667%} .col-sm-pull-7 {right: 58.33333333%} .col-sm-pull-6 {right: 50%} .col-sm-pull-5 {right: 41.66666667%} .col-sm-pull-4 {right: 33.33333333%} .col-sm-pull-3 {right: 25%} .col-sm-pull-2 {right: 16.66666667%} .col-sm-pull-1 {right: 8.33333333%} .col-sm-pull-0 {right: auto} .col-sm-push-12 {left: 100%} .col-sm-push-11 {left: 91.66666667%} .col-sm-push-10 {left: 83.33333333%} .col-sm-push-9 {left: 75%} .col-sm-push-8 {left: 66.66666667%} .col-sm-push-7 {left: 58.33333333%} .col-sm-push-6 {left: 50%} .col-sm-push-5 {left: 41.66666667%} .col-sm-push-4 {left: 33.33333333%} .col-sm-push-3 {left: 25%} .col-sm-push-2 {left: 16.66666667%} .col-sm-push-1 {left: 8.33333333%} .col-sm-push-0 {left: auto} .col-sm-offset-12 {margin-left: 100%} .col-sm-offset-11 {margin-left: 91.66666667%} .col-sm-offset-10 {margin-left: 83.33333333%} .col-sm-offset-9 {margin-left: 75%} .col-sm-offset-8 {margin-left: 66.66666667%} .col-sm-offset-7 {margin-left: 58.33333333%} .col-sm-offset-6 {margin-left: 50%} .col-sm-offset-5 {margin-left: 41.66666667%} .col-sm-offset-4 {margin-left: 33.33333333%} .col-sm-offset-3 {margin-left: 25%} .col-sm-offset-2 {margin-left: 16.66666667%} .col-sm-offset-1 {margin-left: 8.33333333%} .col-sm-offset-0 {margin-left: 0}

.row .col-xs-no-gutters  {padding-left: 15px; padding-right: 15px;}
.row .col-xs-bottom-gutter {padding-bottom:0;}
.row .col-sm-bottom-gutter, .row .col-md-bottom-gutter, .row .col-lg-bottom-gutter {padding-bottom: 30px;}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-5th {float: left} .col-md-12 {width: 100%} .col-md-11 {width: 91.66666667%} .col-md-10 {width: 83.33333333%} .col-md-9 {width: 75%} .col-md-8 {width: 66.66666667%} .col-md-7 {width: 58.33333333%} .col-md-6 {width: 50%} .col-md-5 {width: 41.66666667%} .col-md-4 {width: 33.33333333%} .col-md-3 {width: 25%} .col-md-2 {width: 16.66666667%} .col-md-1 {width: 8.33333333%} .col-md-5th {width: 20%} .col-md-pull-12 {right: 100%} .col-md-pull-11 {right: 91.66666667%} .col-md-pull-10 {right: 83.33333333%} .col-md-pull-9 {right: 75%} .col-md-pull-8 {right: 66.66666667%} .col-md-pull-7 {right: 58.33333333%} .col-md-pull-6 {right: 50%} .col-md-pull-5 {right: 41.66666667%} .col-md-pull-4 {right: 33.33333333%} .col-md-pull-3 {right: 25%} .col-md-pull-2 {right: 16.66666667%} .col-md-pull-1 {right: 8.33333333%} .col-md-pull-0 {right: auto} .col-md-push-12 {left: 100%} .col-md-push-11 {left: 91.66666667%} .col-md-push-10 {left: 83.33333333%} .col-md-push-9 {left: 75%} .col-md-push-8 {left: 66.66666667%} .col-md-push-7 {left: 58.33333333%} .col-md-push-6 {left: 50%} .col-md-push-5 {left: 41.66666667%} .col-md-push-4 {left: 33.33333333%} .col-md-push-3 {left: 25%} .col-md-push-2 {left: 16.66666667%} .col-md-push-1 {left: 8.33333333%} .col-md-push-0 {left: auto} .col-md-offset-12 {margin-left: 100%} .col-md-offset-11 {margin-left: 91.66666667%} .col-md-offset-10 {margin-left: 83.33333333%} .col-md-offset-9 {margin-left: 75%} .col-md-offset-8 {margin-left: 66.66666667%} .col-md-offset-7 {margin-left: 58.33333333%} .col-md-offset-6 {margin-left: 50%} .col-md-offset-5 {margin-left: 41.66666667%} .col-md-offset-4 {margin-left: 33.33333333%} .col-md-offset-3 {margin-left: 25%} .col-md-offset-2 {margin-left: 16.66666667%} .col-md-offset-1 {margin-left: 8.33333333%} .col-md-offset-0 {margin-left: 0}

.row .col-sm-bottom-gutter {padding-bottom:0;}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-5th {float: left} .col-lg-12 {width: 100%} .col-lg-11 {width: 91.66666667%} .col-lg-10 {width: 83.33333333%} .col-lg-9 {width: 75%} .col-lg-8 {width: 66.66666667%} .col-lg-7 {width: 58.33333333%} .col-lg-6 {width: 50%} .col-lg-5 {width: 41.66666667%} .col-lg-4 {width: 33.33333333%} .col-lg-3 {width: 25%} .col-lg-2 {width: 16.66666667%} .col-lg-1 {width: 8.33333333%} .col-lg-5th {width: 20%} .col-lg-pull-12 {right: 100%} .col-lg-pull-11 {right: 91.66666667%} .col-lg-pull-10 {right: 83.33333333%} .col-lg-pull-9 {right: 75%} .col-lg-pull-8 {right: 66.66666667%} .col-lg-pull-7 {right: 58.33333333%} .col-lg-pull-6 {right: 50%} .col-lg-pull-5 {right: 41.66666667%} .col-lg-pull-4 {right: 33.33333333%} .col-lg-pull-3 {right: 25%} .col-lg-pull-2 {right: 16.66666667%} .col-lg-pull-1 {right: 8.33333333%} .col-lg-pull-0 {right: auto} .col-lg-push-12 {left: 100%} .col-lg-push-11 {left: 91.66666667%} .col-lg-push-10 {left: 83.33333333%} .col-lg-push-9 {left: 75%} .col-lg-push-8 {left: 66.66666667%} .col-lg-push-7 {left: 58.33333333%} .col-lg-push-6 {left: 50%} .col-lg-push-5 {left: 41.66666667%} .col-lg-push-4 {left: 33.33333333%} .col-lg-push-3 {left: 25%} .col-lg-push-2 {left: 16.66666667%} .col-lg-push-1 {left: 8.33333333%} .col-lg-push-0 {left: auto} .col-lg-offset-12 {margin-left: 100%} .col-lg-offset-11 {margin-left: 91.66666667%} .col-lg-offset-10 {margin-left: 83.33333333%} .col-lg-offset-9 {margin-left: 75%} .col-lg-offset-8 {margin-left: 66.66666667%} .col-lg-offset-7 {margin-left: 58.33333333%} .col-lg-offset-6 {margin-left: 50%} .col-lg-offset-5 {margin-left: 41.66666667%} .col-lg-offset-4 {margin-left: 33.33333333%} .col-lg-offset-3 {margin-left: 25%} .col-lg-offset-2 {margin-left: 16.66666667%} .col-lg-offset-1 {margin-left: 8.33333333%} .col-lg-offset-0 {margin-left: 0}

.row .col-md-bottom-gutter {padding-bottom:0;}
}


/*=========== Templates Specific CSS =============*/


/* Replace with Your website's font */
h1,h2,h3,h4,h5,h6,p,span,q,blockquote {font-family:'Open Sans',sans-serif !important;}

body {background:inherit;} /* Change this to mach your website */
.template h1 {margin:0;}
.template {margin:0; padding:0;}
.template .full-img img {width:100%;}
.template .section { padding:30px 0;} /* Change this to mach your website */
.template .grey {background:#f3f3f3;} /* Change this to mach your website */
.template .tint {background:#333; color:#fff;} /* Change this to mach your website */
.template img {max-width:100%; height: auto;}

/* Floats */
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}

/* Padding */
.no-pad {padding: 0;}

/* Template Main Slider */
.template #slider {margin:0;}
.template #slider ul.slides li a {color:#fff;}
.template #slider ul.slides li .slider-text  {position:relative; background:rgba(0,0,0,0.9); color:#fff;} /* Change this to mach your website */

/* Tempate Sticky CTA Section */
.template #cta-section .btn {width: 100%;display: block !important; float: none; height: auto; line-height: inherit; white-space: pre-wrap; padding: 15px 10px;} /* Change this to mach your website */
.template #cta-section.stuck {position: fixed; top:0; left: 0; right:0; z-index: 10000; width: 100%; display:block !important; border-bottom: 3px solid #ddd; background:#f3f3f3;} /* Change this to mach your website */


/* Template Pannels*/
.template .panel {margin-bottom: 20px; background-color: #fff; border: 0 solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);  -ms-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);} /* Change this to mach your website */
.template .panel .panel-content .description p, .template .panel .panel-content .description h4 {color: #333;} /* Change this to mach your website */
.template .panel .panel-content .description {padding:15px; color:inherit;}
.template .panel .panel-content .description a {cursor: pointer;}
/*.template .panel .panel-content .description a:after  {  content: "\f101"; font-family: FontAwesome;  font-style: normal; font-weight: normal;  text-decoration: inherit;  font-size: 14px;  padding-left: 0.5em;  }*/


/* Template Special Bulleted List*/
.template .special-list ul {padding:0;}
.template .special-list ul li {list-style-type: none; padding:0 0 15px 0;}
.template .special-list ul li:before {  content: "\f0da"; font-family: FontAwesome;  font-style: normal; font-weight: normal;  text-decoration: inherit;  font-size: 14px;  padding-right: 0.5em;  } /* Change this to mach your website */


/* Template CTA */
.template-cta {background:#343434; color:#fff;} /* Change this to mach your website */
.template-cta h2 {margin-top:0;}

/* Template Responsive Video */
.Video-Placeholder {display:block; min-height:1px; width:100%; padding:0 15px; float:none;}


/* Template Tables */
.template table {width:100% !important; margin-bottom:20px;}

/* CMS SPECIFIC STYLES */
.is-cms .template #offers-carousel .panel {width:25%; float:left;}
.is-cms .template iframe {width:100%; height:300px;}


@media screen and (max-width: 1459px) {
	.template .carousel .owl-prev, .template .carousel .owl-next {  display: inherit !important;}
}

@media screen and (max-width: 768px) {
	.template #cta-section .btn {margin-bottom:5px;}
	.template #slider ul.slides li .slider-text {text-align: center; padding:30px 0;}
	
}

@media screen and (min-width: 768px) {
.template #slider ul.slides li .slider-text {position:absolute; top:15%; right:0; left:0; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); background-color: transparent;}
.template #slider ul.slides li.flex-active-slide .slider-text {transition-delay: 0.3s; transition-duration: 0.7s; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.is-cms .template #slider ul.slides li .slider-text {opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); color:#fff;}
.template #slider ul.slides li .slider-text h2 {font-size:50px; line-height: 54px; font-weight:600; margin-bottom:10px; color:#fff;}
.template #slider ul.slides li .slider-text p {font-size:20px; font-weight:400; margin-bottom:10px; color:#fff;}	
}

@media screen and (max-width: 550px) {
	.template .carousel .owl-prev {		width: 28px;   height: 28px;    background: url(/img/slider/controls-sprite-used.png) left top no-repeat;    position: absolute;    top: 50%;    margin-top: -14px;    cursor: pointer;    z-index: 100;
    text-indent: -9999px;    opacity: .6;}	
	.template .carousel .owl-next {        width: 28px;    height: 28px;    background: url(/img/slider/controls-sprite-used.png) left top no-repeat;    position: absolute;    top: 50%;    margin-top: -14px;    cursor: pointer;    z-index: 100;
    text-indent: -9999px;	opacity: .6;}
}

@media screen and (max-width: 450px) {
	.template #cta-section .col-xs-6 {width:100% !important;}
}

@media (min-width: 992px) {
.template-cta .btn {float:right; width:100%; padding:20px 15px; line-height:20px;    height: auto;}
}