/*
	Theme Name: Custom Theme
	Theme URI: 
	Description: Custom Theme
	Version: 1.3.3
	Author: http://wpserver6.com
	Author URI: http://wpserver6.com
	Tags: HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    $MAIN
\*------------------------------------*/

.serviceboxes .wp-block-column{background-color:#1a5a9c; padding:30px;}

.serviceboxes .wp-block-column h2{color:#FFF}
.serviceboxes .wp-block-column h3{color:#FFF}
.serviceboxes .wp-block-column p{color:#FFF}
.serviceboxes .wp-block-column li{color:#FFF}
.serviceboxes .wp-block-column a{color:#FFF}
.serviceboxes .wp-block-column .mainbutton a{color:#FFF; background-color:transparent; border:1px solid #FFF; border-radius:0px}

.contactboxesboxes .wp-block-column {background-color:#f6f6f6; padding:30px;}
.bluesection h2{color:#FFF}
.bluesection h3{color:#FFF}
.bluesection p{color:#FFF}
.bluesection li{color:#FFF}
.bluesection a{color:#FFF}
.bluesection .mainbutton a{color:#FFF; background-color:transparent; border:1px solid #FFF; border-radius:0px}

.editorialImg{height:350px; background-position:left; padding-top:100px}

.topphone {
    text-align: right;
    font-size: 25px;
    font-weight: 600;
    margin: 0px;
    padding-top: 5px;
}

.topphone a{color:#1f6aa8}
.topphone a:hover{color:#000}

.mainbutton{margin-top:40px; margin-bottom:40px;}

.mainbutton a{background-color:#2062A5; color:#FFF ; padding:8px 40px !important;  font-family: 'Montserrat', serif !important; display:inline-block; }

#pum-121 {
    z-index: 1000 !important;
    opacity: 1 !important;
}

.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: 20% !important;
    width: 60%;
    margin-top: 5%;
}

.columnhalf{width:50%; float:left}
.columnhalfmargin{width:48%; float:left; margin-left:1%; margin-right:1%}
.columnonethird{width:33.33%; float:left}
.columnonethirdmargin{width:31%; margin-left:1%; margin-right:1%; float:left}
.columnonefourth{width:25%; float:left;}
.columnonefourthmargin{width:23%; margin-left:1%; margin-right:1%; float:left}
.columntwothird{width:66.66%; float:left;}
.columntwothirdmargin{width:65%; float:left; margin-left:1%; margin-right:1%;}
.columnonefifth{width:20%; float:left;}
.columnonefifthmargin{width:18%; float:left; margin-left:1%; margin-right:1%}

.maincontent{margin:0px auto; padding:0px 20px; max-width:1200px;}

.topstrip{width:100%; background-color:#1f6aa8; color:#FFF; height:40px; padding-top:10px; font-size:16px; font-weight:500; text-align:right}
.topstrip a{color:#FFF;  margin-left:15px}
.topstrip li{font-size:20px;}

.headerleft{float:left; width:calc(50% - 100px); padding-top:20px}
.headermiddle{float:left; width:200px}
.headerright{float:left; width:calc(50% - 100px); text-align:right; color:#FFF; font-size:16px; padding-top:50px;}

.headerright a{color:#FFF; margin-left:10px;}

.headerright a:hover{color:#2062A5}
.headerright i{font-size:17px; padding-right:5px}

.metaslider .slides img {
    width: 100%;
    display: block;
    height: 600px !important;
}
.gallerytext1{
    color: #FFF;
    font-size: 55px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', serif !important;
	text-align:left;
	letter-spacing:1;
	
}




.gallerytext2{
    color: #FFF;
    font-size: 30px !important;
    font-weight: 500 !important;
text-align:left;
    font-family: 'Montserrat', serif !important;
	
}

.gallerytext3{
    color: #19517f;
    font-size: 55px !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', serif !important;
	text-align:right;
	letter-spacing:1;
	
}




.gallerytext4{
    color: #19517f;
    font-size: 30px !important;
    font-weight: 500 !important;
text-align:right;
    font-family: 'Montserrat', serif !important;
}

.greensection {background-color:#EDEDED; padding-top:40px; padding-bottom:40px;}

.greensection li{line-height:2}

.greensection ul{padding:0px; margin:0px}

.homefeatured .woocommerce.columns-3 ul.products li.product {
    width: 30.75%;
    padding: 0px 60px;
	text-align:center;
}

.homefeatured .woocommerce ul.products li.product .button {
    margin-top: 1em;
    background-color: #2062A5;
    color: #FFF;
    border-radius: 0px;
    display: block;
    text-align: center;
    font-weight: 500;
}

.woocommerce-products-header{
    margin: 0px;
    width: 100%;
    background-color: transparent;
}

.woocommerce-MyAccount-navigation a{background-color:#2062A5; display:block;     padding: 8px;
}
.woocommerce-MyAccount-navigation li {
    display: block;
    float: none;
    text-align: center;
    padding: 5px;
}


.content-area {max-width:1200px; margin:0px auto; padding:0px 20px}

*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #494949;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}
h1 { font-weight: 700; font-size:60px; color:#FFF;  font-family: 'Montserrat', sans-serif;

 text-align:center}
h2 { font-weight: 400; font-size:40px; color:#000;  font-family: 'Montserrat', sans-serif;}
h3{ font-weight: 400; font-size:32px; color:#19517f;  font-family: 'Montserrat', sans-serif;}

.clear {
	clear:both;
	display:block;
}
img {
	vertical-align:bottom; border:0px;
}
area { outline:none;}

.clear {
	clear:both;
	display:block;
}

a {
	color:#2062A5;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

p{font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color: #444b57; text-align:justify;
	line-height:1.5;}


.imgright { border:2px #ffffff solid;  box-shadow:0px 4px 5px #000;-moz-box-shadow:0px 4px 5px #000;-webkit-box-shadow:0px 4px 5px #000; float:right; margin-left:15px; margin-bottom:10px;}
.imgleft { border:2px #ffffff solid;  box-shadow:0px 4px 5px #000;-moz-box-shadow:0px 4px 5px #000;-webkit-box-shadow:0px 4px 5px #000; float:left; margin-right:15px; margin-bottom:10px;}


img{max-width:100%; height:auto}


/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/

.logo{width:463px; float:left}
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative; margin-bottom:0px;
	max-width:100%; overflow-y:hidden;
}
header {margin:0px; width:100%; background-color:#FFF; }
section, #content{ background-color: white; margin:0px auto; min-height:300px; padding: 20px 20px 20px 20px; max-width: 1200px;}

.footer-widget{ float:left; width:33%; padding:20px;}
.footer-widget a { color:#FFF; }

.footer-widget h3{color:#FFF}

footer{width:100%;}
footer p{color:#FFF}
.footer{ max-width: 1200px; margin-left: auto; margin-right: auto;}
p.copyright{ }
.copyright{ padding:7px; color:#1a599c; text-align:center; margin:0px}

#sidebar{float: right}

/*------------------------------------*\
    $PAGES
\*------------------------------------*/

.navi{float:right; }
nav{ font-family: 'Montserrat', sans-serif;
 font-size:14px;
    list-style:none;
    font-weight:bold;
    margin-bottom:0px; font-weight:400;
	float:left;
    text-decoration:none; color:#000;
	text-transform:uppercase
}
nav ul li{
	float: left;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: auto;
	color: #00;
}

nav ul a{
	display: block;
	padding: 15px 15px 20px 15px;
	color: #000;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
nav ul a:hover{
    color:#2062A5;
    text-decoration:none;
}

nav ul ul {
    list-style: none;
    position: absolute;
    left: -9999px;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    background-color: #000;
    border-top: 2px solid #89FC0A;
    z-index: 1000;
}
nav ul ul li{
    padding-top:1px;
    float:none;  
}
nav ul ul a{
    white-space:nowrap; margin: 0px 0px 0px 0px; padding:8px 15px;
}
nav ul li:hover ul{
    left:0; text-decoration:none;
}
nav ul li:hover a{ 
    text-decoration:none;  }
	
nav ul li:hover ul a{ 
    text-decoration:none;
}
nav ul li:hover ul li a:hover{ text-decoration:none; 
}
nav ul li a:hover{ }
nav ul li ul li a:hover{ }


/*------------------------------------*\
    $FORM
\*------------------------------------*/

.wpcf7-form .left{
	float:left;
	width:50%;
	text-align:left;
	margin-bottom:10px;
    padding-right: 5px;

}

.wpcf7-form .right{
	float:left;
	width:50%;
	margin-bottom:10px;
    padding-left: 5px;

}

.wpcf7-form {
	font-size: 14px;
	text-align: left;
	max-width: 100%;
    margin: 40px auto;
}

.wpcf7-form p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-align: left;
}

.wpcf7-form strong{
	color: #D91A1D;
}

.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="date"], 
.wpcf7 textarea,
.wpcf7 select {

	font-size:14px;
	width: 100%;
	padding:4px 12px;
	border:#CCC 1px solid;
    background-color: #FFF;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-khtml-border-radius:1px;
	border-radius:1px;
	behavior: url(http://ftpweblogin.com/images/border-radius.htc);
}

.wpcf7 textarea {
	height:100px;
}

.wpcf7 h3 {
    margin-top: 20px;
}

.wpcf7 h5 {
    margin-left: 10px;
}

span.wpcf7-list-item {
    width: 100%;
	display: block;
    vertical-align: middle;
    padding-top: 8px;
}

.wpcf7-submit {
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	border:none;
	background-color:#2062A5;
	padding:5px 20px;
	-webkit-transition: background-color 0.5s; /* For Safari 3.0 to 6.0 */
	transition: background-color 0.5s; /* For modern browsers */
}

.wpcf7-submit:hover {
	background-color:#000;
}


/*------------------------------------*\
	$TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 600px){
	
	.headerleft{display:none}
	.headermiddle{width:100%}
	.logo{width:250px; margin:0px auto}
	.headerright {width:100%; text-align:center}
	.topstrip{width:100%}
	.footer-widget{width:100%}
	.wpcf7-form .left{width:100%; padding:0px}
	.wpcf7-form .right{width:100%; padding:0px}
	.homefeatured .woocommerce.columns-3 ul.products li.product {
  
    padding: 0px 5px;
	
}

.topstrip{height:auto; padding:7px; text-align:center}

.logo {float:none; width:250px; display:block; margin:0px auto}
.topphone{text-align:center; font-size:25px}

}
@media only screen and (min-width: 200px) and (max-width: 480px) {
	.columnhalf{width:100%; float:none}
.columnhalfmargin{width:100%; float:none; margin:0px}
.columnonethird{width:100%; float:none}
.columnonethirdmargin{width:100%; float:none; margin:0px}
.columnonefourth{width:100%; float:none;}
.columnonefourthmargin{width:100%; margin:0px; float:none;}
.columntwothird{width:100%; float:none;}
.columntwothirdmargin{width:100%;  margin:0px; float:none;}
.columnonefifth{width:50%; float:left;}
.columnonefifthmargin{width:48%; float:left; margin-left:1%; margin-right:1%}

}
@media only screen and (min-width: 480px) and (max-width: 600px) {
	
	.columnhalf{width:100%; float:left}
.columnhalfmargin{width:100%; float:none; margin:0px}
.columnonethird{width:100%; float:none; margin:0px}
.columnonethirdmargin{width:100%; float:none; margin:0px}
.columnonefourth{width:50%; float:left;}
.columnonefourthmargin{width:48%; margin-left:1%; margin-right:1%; float:left}
.columntwothird{width:100%; float:left;}
.columntwothirdmargin{width:100%; float:none; margin:0px}
.columnonefifth{width:50%; float:left;}
.columnonefifthmargin{width:48%; float:left; margin-left:1%; margin-right:1%}

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min-resolution: 144dpi) {

}

/*------------------------------------*\
    $MISC
\*------------------------------------*/

::selection {
	background: #3651ac;
	color: #FFF;
	text-shadow: none;
}
::-webkit-selection {
	background:#3651ac;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#3651ac;
	color:#FFF;
	text-shadow:none;
}
   
/*------------------------------------*\
    $WORDPRESS CORE
\*------------------------------------*/
   
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {
	
}
.bypostauthor {
	
}

/*------------------------------------*\
    $PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
	}
	
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
	body{background-color: #00576a;}
}



.shipping-calculator-form{width:230px;}

.woocommerce-breadcrumb{ display:none;}

div.wpcf7-response-output {color: black;}


.galleryContainer {
  height: 650px;
  min-height: 650px;
  position: relative;
}
.slideshow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slideshow .slideshow-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshow .slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slideshow .slide {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slideshow .slide.is-active {
  display: block;
}
.slideshow .slide.is-loaded {
  opacity: 1;
}
.slideshow .slide .caption {
  padding: 0 100px;
}
.slideshow .slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: 1;
  background-size: cover;
  image-rendering: optimizeQuality;
}
.slideshow .slide .image-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
.slideshow .slide .image {
  width: 100%;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.slideshow .slide-content {
  position: absolute;
  top: -15%;
  left: 0;
  margin: 0px;
    padding: 0px 30% 0px 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slideshow .slide .title {
  margin: 200px auto 0px;
  max-width: 1000px;
  font-family: 'Montserrat', sans-serif;
  font-size:40px;
  font-weight: 700;
  line-height: 110%;    
  text-transform: uppercase;
	text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
    -moz-text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
    -webkit-text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}
.slideshow .slide .text {
  margin: 0;
  max-width: 1000px;
}
.slideshow .slide .text p {
  font-family: 'Roboto', sans-serif;
  font-size: 28px;
  font-weight:400;
  line-height: 140%;
	color: #FFF;
    margin: 0px;
    text-align: left;
	text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
    -moz-text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
    -webkit-text-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}
.slideshow .slide .btn {
  margin: 15px 0 0;
  border-color: #fff;
}
.slideshow .slide .btn::before {
  background: #fff;
}
.slideshow .pagination {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: default;
  z-index: 2;
  text-align: center;
}
.slideshow .pagination .item {
  display: inline-block;
  padding: 15px 5px;
  position: relative;
  width: 46px;
  height: 32px;
  cursor: pointer;
  text-indent: -999em;
  z-index: 1;
}
.slideshow .pagination .item + .page {
  margin-left: -2px;
}
.slideshow .pagination .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 5px;
  width: 36px;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.2s ease;
}
.slideshow .pagination .item::after {
  width: 0;
  background: #fff;
  z-index: 2;
  transition: width 0.2s ease;
}
.slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {
  background-color: #fff;
}
.slideshow .arrows .arrow {
  margin: -33px 0 0;
  padding: 20px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 3;
}
.slideshow .arrows .prev {
  left: 30px;
}
.slideshow .arrows .prev:hover .svg {
  left: -30px;
}
.slideshow .arrows .next {
  right: 30px;
}
.slideshow .arrows .next:hover .svg {
  left: 10px;
}
.slideshow .arrows .svg {
  position: relative;
  left: 0;
  width: 14px;
  height: 26px;
  fill: #fff;
  transition: left 0.2s ease;
}
@media only screen and (max-width: 600px) and (min-width: 300px){
.galleryContainer {
  height: 300px;
  min-height: 300px;
  position: relative;
}
.slideshow .slide-content {
  top: 0;
  left: 0;
    right: 0;
  margin: 0px auto;
    padding: 0px 10% 0px 10%;
  text-align: center;
}
.slideshow .slide .image-container::before {
  background: rgba(0, 0, 0, 0.4);
}
.slideshow .slide-content {
  position: relative;
}
.slideshow .slide .title {
  margin: 0px auto 0px;
  font-size: 22px;
}
.slideshow .slide .text {
  margin: 0 auto;
  max-width: 1000px;
}
.slideshow .slide .text p {
  font-size:16px;
    text-align: center;
}
.slideshow .slide .caption {
  padding: 0 10px;
}
.slideshow .arrows .prev {
  left: 0px;
}
.slideshow .arrows .next {
  right:0px;
}
}