@charset "utf-8";
@import url(reset.css);
@import url(nav.css);
@import url(animate.min.css);
@import url(bootstrap-checkbox.css);
@import url(font-awesome.css);
@import url(ionicons.css);


/** WebsiteName Style **/
#mCSB_1_container {margin-right:0;}
.container 	{position:relative;}


/*Elements*/

.modal .close {width:30px; height:30px; background:#e04a00; opacity:1; border-radius:50%; color:#fff; font-size:20px; font-weight:300; line-height:15px; padding:0 0 3px 0;position:absolute; right:10px; top:8px; text-shadow:none;}
.modal .close:hover {background:#262626; color:#e04a00;}

/*fixbtn*/
.fixbtn {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position:fixed; z-index:999; width:200px; height:44px; top:300px; right:-80px; border-radius:3px; border:2px solid #033f8a; background:#fff; color:#2a2a2a; font-size:18px; text-align:center; padding:10px; cursor:pointer; line-height:normal;}
.fixbtn i {margin-top:3px;}
.fixbtn:hover {background:#033f8a; color:#fff; border-color:#fff;}
.fixbtn:hover i {color:#fff;}
.team h3 {
    font-size: 22px !important;
    line-height: 38px !important;
    margin-bottom: 10px !important;
}

/***/
.well-xs {
  padding-top: 50px;
  padding-bottom: 50px; }

.well-sm {
  padding-top: 100px;
  padding-bottom: 100px; }

.well-md {
  padding-top: 150px;
  padding-bottom: 150px; }

.well-lg {
  padding-top: 200px;
  padding-bottom: 200px; }

.well-xl {
  padding-top: 250px;
  padding-bottom: 250px; }

/*blocked*/
.blocked {position:relative; display:table; width:100%;}
.blocked h1 {font-size:180px;}
.block-full {width:100%; height:100vh;}
.block-vertical {display:table-cell; width:100%;}
.block-vertical-middle {vertical-align:middle;}
.block-vertical-bottom {vertical-align:bottom;}
.block-inner {padding:5% 0;}


header {padding: 10px 0; position: fixed; left: 0; top: 0; z-index: 50; width: 100%; background: #fff; border-bottom: 1px solid #e1e1e1;}

.search-box {position: absolute; display: none; background: #fff; padding:10px 15px; text-align: center; z-index: 999; top:-10px; right: 15px; padding-right: 30px;}
.search-box .field {height: 38px; padding: 10px;}
.search-box .btn-green {font-size: 14px;}
.src-cls {position: absolute; z-index: 10; right: 0; padding:3px 5px; background: red; color: #fff; margin-top: 6px;}


.brand {margin-top: 17px; display: inline-block;}
.top-right {text-align: right;}
.top-utility ul li {display: inline-block; padding-left:10px;}
.top-utility a[href^="tel:"] {font-size: 20px; margin-top: 5px; display: inline-block;}
.top-utility a[href^="tel:"] i.fa {font-size: 28px;}

.banner {margin-top: 115px; display:none;}

.form-top{margin-top: -50px;}

.form-type-1 {padding: 30px;}
.form-type-1 ul {margin-top: 15px;}
.field-2 {border-color: rgba(255,255,255,0.5); background: none; padding: 15px; height: 50px; color: #fff;}
.field-2:focus {border-color:#fff !important; color: #fff !important;}
.field-2::-webkit-input-placeholder	{color:rgba(255, 255, 255, 0.74);}
.field-2:-moz-placeholder 			{color:rgba(255, 255, 255, 0.74);}
.field-2::-moz-placeholder 			{color:rgba(255, 255, 255, 0.74);}
.field-2:-ms-input-placeholder 		{color:rgba(255, 255, 255, 0.74);}
.form-type-1 .btn {margin-top: 5px;}

input.btn {font-size: 20px;}

section {padding: 50px 0;}

.section-1 {margin-top:90px;}
.box-1 {position: relative; color: #fff; display: inline-block; background: #000;}
.box-1 img {width:100%;}
.box-txt {position: absolute; width: 100%; z-index: 5; bottom: -10px; left: 0; padding: 35px;}
.box-1 .more {font-size: 14px;}
.box-1 .more  i.fa{margin: 5px 2px 0 0;}
.box-1:hover {color: #fff;}
.box-1:hover img {opacity: 0.8;}

.section-2 {padding: 0; margin-top:0}
.section-2 .col-md-8 {padding-top: 40px; padding-bottom: 40px;}
.section-2 .form-type-1 {margin-top: -122px; position: absolute; width: 92.111%; }
.section-2 .form-type-1 h4 {padding-bottom: 15px;}


.underline {text-decoration: underline;}
.section-3 .col-md-4 a {/*background: #fff;*/ padding:10px 40px; display: block; color: #fff;}
.section-3 h5 {margin: 20px 0;}
.section-3 .col-md-4 a:hover {color: #000;}


.section-4 {}
.section-4 .row {margin-bottom: 15px;}
.event-date .fa, .event-locate .fa {font-size: 20px;}

.section-4 a:hover img {opacity: 0.8}
.event-item {margin-bottom:20px;}
.event-item p {display:inline;}
.event-date {position:relative; padding-left:30px;line-height:22px;}
.event-date .fa {position:absolute; left:0;}
.event-locate {font-size: 14px; line-height: 20px;}

.event-locate ul li {float: left;}
.section-4 a:hover,
.section-4 a:hover ul li {text-decoration: underline;}

.section-5 {}
.section-5 img {margin-bottom: 15px; width:100%;}
.section-5 a {padding:10px; display: inline-block;}
.section-5 a:hover {background: #fff;}


.bg-center 	{background-position:50%; background-repeat:no-repeat; background-size:auto;}
.bg-fix		{background-attachment:fixed;}
.bg 		{background-repeat:no-repeat; background-position:center;}
.bg-full	{background-size:cover;}

.section-6 {padding-bottom: 80px;}
.section-6 h2 {padding-top: 20px;}

footer {font-size: 14px;  border:1px solid #e1e1e1; background:#f9f9f9;}
footer a {color: #4d4d4d;}

.footer-nav, footer address {padding: 30px 0;}

.footer-nav li {width: 49%; display: inline-block;}
.footer-contact p {margin-bottom: 0; font-size: 18px;}
.footer-social {margin-top: 15px;}

footer form {position: relative; margin-top:-80px; z-index: 15;}

.copyright {padding: 15px 0; font-size: 13px; line-height: normal}
.copyright a {color: #fff; margin-left: 10px;}
.copyright a:hover {text-decoration: underline;}

.gmap iframe {width:100%; height:400px; pointer-events:none;}




/*toTop*/
.scrollToTop{padding:10px 10px 5px 10px; line-height:normal; text-align:center; background: #fff; box-shadow: 0px 0px 3px #333; color:#333; position:fixed; bottom:33px; right:20px; z-index:999; display:none;}
.scrollToTop:hover{color:#e04a00;}

/*toTop*/
.ui-to-top {
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #FFF;
  background: #333;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 2px 3px 8px 0px rgba(0, 0, 0, 0.3);
  position: fixed;
  right: 25px;
  bottom: 15px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  -webkit-transform: translateY(100px);
  transform: translateY(100px); }
  .ui-to-top:hover,
 .ui-to-top:focus{
    color: #fff;
    background: #000;
    text-decoration: none; }
  .ui-to-top.active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.mobile .ui-to-top,
.tablet .ui-to-top {
  display: none !important; }

/*Inner page*/
.breadcrumb a:hover{color:#fff; text-decoration:underline;}
.page-inner h2 {font-size: 35px; line-height: 42px; margin-bottom:20px;}
.page-inner h3 {font-size: 30px; line-height: 38px; margin-bottom:20px;}
.page-inner h4 {font-size: 25px; line-height: 35px; margin-bottom:15px;}
.page-inner h5 {font-size: 20px; line-height: 30px; margin-bottom:15px;}
.page-inner h4,
.page-inner h5 {font-weight:700;}

.banner-inner {min-height: 300px; margin-top: 115px; background-color:#333;}
.banner-inner h1 {padding-top:80px;}

article {margin-bottom: 70px;}
article ul,
article ol {margin:10px 0 20px 40px;}
article ul li,
article ol li {margin-bottom: 5px;}
article ul {list-style: disc;}
article img {border: 1px solid #e1e1e1; padding: 2px;}


.event-locate ul {margin:0;}
.content a{font-style:italic;}
.content img {max-width: 550px; float: left; margin: 0 20px 20px 0;}
.page-inner article {margin-bottom: 70px;}
.page-about h5 {position: relative; padding-left: 35px;}
.page-about h5:after {content: ''; position: absolute; left: 0; top: 0;  width: 25px; height: 25px; border-radius: 50%; background: #127b77; display: block;}

.form-full .form-top {margin: 0 auto;}
.form-full .form-top ul {margin-left: 0; margin-bottom: 0;}
.form-full .form-top h4 {margin: 0;}


.page-events{}
.events-box {margin-bottom: 35px;}


.page-programs article a {padding: 20px;display: inline-block;}
.page-programs article a:hover {background: #e1e1e1;}
.page-programs article img {border: none; margin-bottom: 20px;}
.page-programs article p {margin: 15px 0 30px 0;}



.page-blog{}
.blog-post {margin-bottom: 50px;}
.blog-date {padding-bottom: 15px;}
.blog-date i.fa {margin-left: 10px;}
.blog-date i.fa:first-child{margin-left:0;}
.testimonial-posts {margin-bottom:50px;}
.testimonial-posts .fa{font-size:30px; position:absolute; left:-15px; top:-25px;}

.wistia_playlist{width:100%; height:500px;}


/*------------   R E S P O N S I V E    S T Y L E ------------*/


	
@media only screen and (max-width: 1199px) {
		.form-top .form-group {max-width: 150px;}
	}

@media only screen and (max-width: 1100px) {
		.form-top {margin-top: -5px;}
	}
	

	@media only screen and (max-width: 1024px) {

	}

	@media only screen and (max-width: 991px) {		
	h1,.h1					{font-size:40px;}
	h2,.h2 					{font-size:30px;}
	h3,.h3 					{font-size:25px;}
	h4,.h4 					{font-size:20px;}
		.brand {margin-top: 0;}
		.top-right {padding-right: 70px;}
		.banner {margin-top: 78px;}
                .section-1 {margin-top:45px;}
		.top-right{margin-top: 10px;}
		.form-top{background:none; padding:0; margin:0 auto}
		.form-top .form-top-in{padding:15px;}
		.box-1 {margin-top: 20px;}
		.section-2 .form-type-1 {margin:0 0 30px 0; position: inherit; width: auto;}
		.section-3 .col-md-4 {margin: 10px 0;}
		footer form {margin: 15px auto auto auto;}
		
		.banner-inner {margin-top: 77px; min-height: 250px;}
		article, .page-inner article {margin-bottom:0;}
		.content img {max-width: 300px; margin: 0 15px 15px 0;}
		
	        .bg-fix	{background-attachment:scroll;}
		.testimonial-posts .fa{left:17px; top:-30px}
		
		.wistia_playlist{height:350px;}
	}
	
	@media only screen and (max-width: 767px) {
		.brand img {min-width: 147px;}	
		.search-box {width: 100%; left: 0; top:0}
		.search-box input{display: inline-block;}
		.search-box .field {width: 200px;}
		.src-cls {right: 10px;}
		.form-top form {margin:0 15px;}
		.section-1 .col-md-3 {text-align: center;}
		.section-1 .col-md-3 a {display: block;}
		.section-1 .col-md-3 a img {width: 100%}
		.section-4 .row {margin-bottom: 0;}
		.section-4 .col-md-6 {border-bottom: 1px solid #e1e1e1; margin-bottom: 25px; padding-bottom: 10px}
		.section-5 .col-sm-6 a {background: #fff; padding: 15px 10px; margin: 15px 0; display: block;}
		.footer-nav, footer address {padding: 10px 0;}
		footer address {border-top:1px solid #ccc; }
		
	}
	
	@media only screen and (max-width: 630px) {
		.top-right {padding-right: 67px;}
		.top-utility ul li{padding-left: 2px;}
		.top-right .btn-gold span {display: none;}
		.top-utility a[href^="tel:"] {font-size: 15px;}
		.form-top  ul li {width: 48%; padding: 0; margin: 0;}
		.form-top .form-group {width: 100%; max-width: none;}		
		.copyright [class*="col-"] {width: 100%;}
		.copyright,.copyright .text-right {text-align: center;}
		
		.banner-inner {background:#127b77; padding: 15px 0; background-image: none !important; min-height: 100px; margin-left: 15px;margin-right:15px;}
		.banner-inner h1 {padding:0; margin: 0;}
		.banner-inner .breadcrumb {margin:0;}
		.content img {max-width: 100%; width: 100%; margin:0 0 15px 0;}
		
		.wistia_playlist{height:200px;}
	}
	
	@media only screen and (max-width: 460px) {
		.top-utility a[href^="tel:"]{margin-top: 0;}
		.top-utility a[href^="tel:"] strong {display: none;}
		.top-utility a[href^="tel:"] i.fa {font-size: 25px; padding: 8px; background: #95364e; line-height: 22px; border-radius: 3px; color: #fff;}
		.form-top  ul li{width: 100%}
		.section-1 [class*="col-"] {width: 100%}		
	}
@media only screen and (max-width: 370px) {
	.brand img{min-width: 105px; margin-top: 7px;}
	
	.banner{margin-top: 69px;}
	
	
	
}