body {font-family: 'PT Sans', arial, sans-serif; color: #022049;}

.dropdown:hover .dropdown-menu {
	display: block;
	border: 1px solid #011F4A;
}

img {
padding: 0 5px 5px 0;
}



.totgrid {
	font-size: 15px;	
	
}

.totgrid strong {
	font-size: 16px;	
	color: #bd0000;
	
}


.ctotal {

	color: #bd0000;
	border: 1px solid #bd0000 !important;
	
	
}

.clr {
	clear:both;
}


.content img {
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.align_left {
    float: left;
    margin-right: 20px;
}

.red-text {
	color:red;	
}

.control-label {
	padding-left:0px;	
	padding-right:0px;
}

.exclusive, .richtext .new {
    overflow: scroll;
    position: absolute;
    right: 20px;
    top: 0;
}

.three_thirds .new {
    right: 44px;
    top: 100px;
}

.three_thirds p {
    float: left;
    margin-bottom: 1em;
    width: 275px;
}

.three_thirds div {
    position: relative;
}

.textured {
    margin-bottom: 20px;
}
.textured div {
    float: left;
    margin-right: 5px;
    width: 139px;
}

#page-wrapper {padding-bottom: 70px;}

section {margin-left: -15px; margin-right: -15px;}
.logo-section {background: url(../img/full-header-bgr.jpg) top center no-repeat; border-bottom: 1px #011f4a solid; height: 110px;}
.logo-section .container {
	/*background: url(../img/header_bg.jpg) top center no-repeat;*/
	height: 110px;
	border-bottom: 1px solid #011F4A;
}

.holder-logo, .holder-slogan {line-height: 110px;}
.holder-logo img, .holder-slogan img {display: inline-block;}
.holder-slogan {text-align: right;}

@media (max-width: 767px) {
	.holder-logo, .holder-slogan {height: 55px; line-height: 55px;}
	.holder-logo img, .holder-slogan img {max-height: 55px; margin: 0 auto; display: block;}
	.holder-slogan {padding-top: 1%;}
}

.nav-row {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f5683+0,286b9a+50,24618f+51,276a9a+99 */
	background: #1f5683; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f5683 0%, #286b9a 50%, #24618f 51%, #276a9a 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f5683), color-stop(50%,#286b9a), color-stop(51%,#24618f), color-stop(99%,#276a9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5683', endColorstr='#276a9a',GradientType=0 ); /* IE6-9 */
	border-top: 1px #2793c5 solid;
	border-bottom: 1px solid #011F4A!important;
}
.white-bg .navbar-static-top {background-color: transparent;}


.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus, .nav.navbar-nav li.active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a8ece+0,1a83bd+49,1269a3+50,0a4072+100 */
	background: #1a8ece; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a8ece 0%, #1a83bd 49%, #1269a3 50%, #0a4072 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a8ece), color-stop(49%,#1a83bd), color-stop(50%,#1269a3), color-stop(100%,#0a4072)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8ece', endColorstr='#0a4072',GradientType=0 ); /* IE6-9 */
	
}





.top-navigation .nav > li > a,
.top-navigation .nav > li.active > a,
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.top-navigation .nav > li a {font-weight: 100;}



.top-navigation .navt > li a:hover, .top-navigation .navt > li a:focus, .navt .navbar-nav li.active {
	
	background: #EEEEEE !important ; 
	
}

.tab-content .panel-body {
	background: #EEEEEE !important ; 
}


.top-navigation .navt > li > a,
.top-navigation .navt > li.active > a,
.top-navigation .navt > li a:hover, .top-navigation .navt > li a:focus {
	color: #014280 !important;
	text-shadow: none;	
	font-size: 20px;
	 }
	 
.top-navigation .navt > li.active > a {
	background: #EEEEEE !important ; 
}	 
	 
	 
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #DDD;
    border-bottom-color: transparent;
  }	 
	 
.tabs-container .panel-body {
    
    border: 1px solid #DDD;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}	 
	 
.top-navigation .navt > li a {font-weight: 600;}




@media (max-width: 1199px) {
	.top-navigation .nav > li a {padding: 15px 7px;}
}

@media (max-width: 991px) {
	.top-navigation .nav > li a {font-size: 10px;}
}

.dropdown .dropdown-menu > li a {
	background: #0c4678;
    border-top: 1px #135d94 solid;
    border-bottom: 1px #062a57 solid;
	padding: 5px 20px;
	border-radius: 0;
	color: #fff;
}
.dropdown .dropdown-menu > li a:hover {color: #f1cd38; background: #0c4678; text-shadow: none;}

@media (max-width: 767px) {
	.dropdown:hover .dropdown-menu {display: none;}
	.dropdown.open .dropdown-menu {display: block; border: 0;}
	.dropdown.open a, .dropdown.open a:hover, .dropdown.open a:focus {background: #0C4678; border-bottom: 1px #062a57 solid;}
	.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus, .nav.navbar-nav li.active {background: #0C4678;}
	.nav-row {background: #135482;}
	.nav-row .container {padding: 0;}
	.navbar-header {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f5683+0,286b9a+50,24618f+51,276a9a+99 */
		background: #1f5683; /* Old browsers */
		background: -moz-linear-gradient(top,  #1f5683 0%, #286b9a 50%, #24618f 51%, #276a9a 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f5683), color-stop(50%,#286b9a), color-stop(51%,#24618f), color-stop(99%,#276a9a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* IE10+ */
		background: linear-gradient(to bottom,  #1f5683 0%,#286b9a 50%,#24618f 51%,#276a9a 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5683', endColorstr='#276a9a',GradientType=0 ); /* IE6-9 */
		border-bottom: 1px solid #2C86AF;
	}
	.top-navigation .nav > li > a, .top-navigation .nav > li.active > a, .top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {padding-left: 15px;}
	.nav.navbar-nav  {margin-top: 0; border-top: 1px solid #011F4A;}
}

.navbar-toggle {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a8ece+0,1a83bd+49,1269a3+50,0a4072+100 */
	background: #1a8ece; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a8ece 0%, #1a83bd 49%, #1269a3 50%, #0a4072 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a8ece), color-stop(49%,#1a83bd), color-stop(50%,#1269a3), color-stop(100%,#0a4072)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1a8ece 0%,#1a83bd 49%,#1269a3 50%,#0a4072 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8ece', endColorstr='#0a4072',GradientType=0 ); /* IE6-9 */

}

.call-us-section {
	height: 345px;
	background: url(../img/pool_texture.jpg) top center no-repeat;
}

.callus {
color: #fff;
text-decoration: none;
}

.backstretch {top: 181px;}

.holder-call-info {padding-top: 4%;}
.holder-call-info h2 {text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.about-button {
	margin-top: 37px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fae64d+0,f6da3d+49,e6b40d+50,e5b10a+100 */
	background: #fae64d; /* Old browsers */
	background: -moz-linear-gradient(top,  #fae64d 0%, #f6da3d 49%, #e6b40d 50%, #e5b10a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fae64d), color-stop(49%,#f6da3d), color-stop(50%,#e6b40d), color-stop(100%,#e5b10a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fae64d 0%,#f6da3d 49%,#e6b40d 50%,#e5b10a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fae64d 0%,#f6da3d 49%,#e6b40d 50%,#e5b10a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fae64d 0%,#f6da3d 49%,#e6b40d 50%,#e5b10a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fae64d 0%,#f6da3d 49%,#e6b40d 50%,#e5b10a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae64d', endColorstr='#e5b10a',GradientType=0 ); /* IE6-9 */
	padding: 8px 28px;
    border-radius: 17px;
	color: #624B04;
	font-weight: 800;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.59);
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    2px 2px 4px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         2px 2px 4px 0px rgba(0, 0, 0, 0.55);
}
.about-button:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4a244+0,d0824d+49,c97235+100 */
	background: #f4a244; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4a244 0%, #d0824d 49%, #c97235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4a244), color-stop(49%,#d0824d), color-stop(100%,#c97235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4a244 0%,#d0824d 49%,#c97235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4a244 0%,#d0824d 49%,#c97235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4a244 0%,#d0824d 49%,#c97235 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4a244 0%,#d0824d 49%,#c97235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a244', endColorstr='#c97235',GradientType=0 ); /* IE6-9 */
	color: #624B04;
}


#page-wrapper {background-color: #014280;}


.content-section {
	background: url(../img/content_middle-full.jpg) top center no-repeat;
	
}





.row-main-content {
	background: white;
	padding: 0 10px 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+83,e7edf2+86,e7edf2+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 66%, #e7edf2 66%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(66%,#e7edf2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 66%,#e7edf2 66%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 66%,#e7edf2 66%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 66%,#e7edf2 66%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 66%,#e7edf2 66%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7edf2',GradientType=1 ); /* IE6-9 */
	padding-bottom: 0;
}

.row-full-page {
	background: white;
	padding: 0 10px 15px;
	padding-bottom: 0;
}



@media (max-width: 767px) {
	.row-main-content {background: #fff;}
}

article {margin-bottom: 28px; padding-left: 13px;}

.chapter-title {padding-left: 13px; color: #000; font-weight: 700; font-size: 1.4em; margin-bottom: 18px; background: url(../img/chapter-title-bgr.gif) repeat-x 0 12px; margin-left: -13px;}
.chapter-title span {background: #fff; position: relative; top: 5px; padding: 0 8px;}


.left-content h1 {padding-left: 15px; color: #000; font-weight: 400; font-size: 1.8em; margin-bottom: 20px; background: url(../img/chapter-title-bgr.gif) repeat-x 0 10px; margin-left: -10px;}
.left-content h1 span {background: #fff; position: relative; top: 0px; padding: 0px 8px;}

.clear {
	clear: both;	
}

.clear20 {
	clear: both;	
	height: 20px;
}

h3 span.backtotop {
    float: right;
    font-size: 11px;
    font-weight: normal;
    display: inline;
}

 .image_thumbs {
    background: #eff4f7;
}
.image_thumbs {
    margin: 10px 0 20px 20px;
    padding: 10px 0 10px 10px;
}

.image_thumbs ul{
	margin:10px 0;
	}
.image_thumbs ul li{
	width:136px;
	
	float:left;
	margin:0 11px 11px 0;
	overflow:hidden;
	display:block;
	}
.image_thumbs ul li a {
	display:block;
	width:126px;
	overflow:hidden;
	}
	
.image_thumbs img {
	
	width:126px;
	
	}	

.left-content, .rigth-content {padding-top: 10px;}

.image-feature {
	padding: 10px 15px 2px;
	margin-top: 10px;
}

.image-feature p {margin-top: 10px;}
.image-feature .img-responsive {border-radius: 8px;}
.image-feature p a {color: #0770AE; font-weight: 700;}
.image-feature p i, article i {color: #0770AE; font-weight: 700; margin-right: 4px; font-size: 0.9em;}
.feature-title {font-size: 1.4em; color: #02072F;}

.img-left-article img {border-radius: 12px;}
.read-more:hover {color: #459ac8!important;}

/*right section*/

.right-content {padding-top: 3%; 
	height:100% !important;	
}
.right-content article {margin-bottom: 15px;}
.right-title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#459ac8+0,2a8abf+49,2280b8+50,0770ae+100 */
	background: #459ac8; /* Old browsers */
	background: -moz-linear-gradient(top,  #459ac8 0%, #2a8abf 49%, #2280b8 50%, #0770ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#459ac8), color-stop(49%,#2a8abf), color-stop(50%,#2280b8), color-stop(100%,#0770ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#459ac8', endColorstr='#0770ae',GradientType=0 ); /* IE6-9 */
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-weight:700;
	font-size: 1.2em;
	border-bottom: 2px solid #062a57;
}

.last-news {border-bottom: none!important; padding-bottom: 2px;}

.quote-button {
	padding: 4px 23px;
	background: #459ac8;
    background: -moz-linear-gradient(top, #459ac8 0%, #2a8abf 49%, #2280b8 50%, #0770ae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#459ac8), color-stop(49%,#2a8abf), color-stop(50%,#2280b8), color-stop(100%,#0770ae));
    background: -webkit-linear-gradient(top, #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%);
    background: -o-linear-gradient(top, #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%);
    background: -ms-linear-gradient(top, #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%);
    background: linear-gradient(to bottom, #459ac8 0%,#2a8abf 49%,#2280b8 50%,#0770ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#459ac8', endColorstr='#0770ae',GradientType=0 );
	color: #fff;
	text-shadow: none;
}

.footer-section .copyright span {color: #bfd2dc;}

.footer-section {padding-top: 1%;}
.footer-section .sitemap ul {list-style: none; float: right:}
.footer-section .sitemap li {
	border-left: 1px #005897 solid;
    border-right: 1px #002b5e solid;	
	float: left;
    padding: 2px 5px;
}
.footer-section .sitemap li a {color: #bfd2dc;}
.footer-section .sitemap li.first {border-left: none;}
.footer-section .sitemap li.last {border-right: none;}

.footer-section .sitemap li a:hover,
.footer-section .copyright span:hover {color: #fff;}

.footer-text {padding: 5px 0 15px 0; color: #fff; text-align: center;}

@media (max-width: 991px) {
	.footer-section .copyright  {text-align: center; width: 100%;}
	.footer-section .sitemap {width: 100%;}
	.footer-section .sitemap ul {float: none; padding-top: 3%}

}

@media (min-width: 1200px) {
	
.content-section {
	background: url(../img/content_middle-full-2.jpg) top center no-repeat;
	
}	


.call-us-section {
	height: 345px;
	background: url(../img/pool_texture2.jpg) top center no-repeat;
}



}


@media (max-width: 767px) {
	.call-us-section {height: 275px;}
	.holder-call-slides {display: none;}
	.right-content {min-height: 1px; padding-bottom: 1%}
}

.footer {display: none;}
.service-paragraph {clear: both;}

.holder-call-info h2 {font-weight: 800; color: #fff; margin-bottom: 27px;}
.holder-call-info p {color: #fff; margin-bottom: 40px;}
.img-left-article h3  {font-weight: 100; color: #022049;}
.img-left-article span {color: #323232; font-weight: 700;}
.img-left-article .read-more {color: #0770AE; font-weight: 700;}
.products-article {clear: both;}
.products-article h3 {color: #022049; font-weight: 100; font-size: 1.6em;}
.products-article p {color: #022049;}
.right-content {background-color: #E7EDF2;}
.right-title i {color: #fff; padding: 0 10px;}

.news-article .right-title {border-bottom: 1px solid #062A57;}
.news-article .right-title i {color: #fff; padding: 0 10px;}
.news-article .right-feed {padding: 10px 0 10px 3%; background-color: #D4DADF; border-bottom: 1px dashed #BABDBF;}
.news-article .right-feed.last-news .get-date {margin-bottom: 7px;}
.right-feed.last-feed {padding-top: 18px; background-color: #D4DADF; padding-left: 3%; padding-bottom: 20px;}
.news-article .right-feed.last-news .get-date span {background: #E7EDF2; border-radius: 8px; padding: 1px 3%;}
.content-section.inner-page {padding-top: 20px;}

a.intttl {
	font-weight: 400; 
	font-size: 22px;
	border-bottom: 1px dashed #BABDBF;
	padding-bottom:12px;
	padding-top:12px;
	display:block;
}


.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #014280;
  border-radius: 3px;
}

.onoffswitch-inner:before {
  content: "YES";
  padding-left: 7px;
  background-color: #014280;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "NO";
  padding-right: 7px;
  background-color: #FFFFFF;
  color: #014280;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 0px;
  background: #FFFFFF;
  border: 2px solid #014280;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}