@media screen and (min-width: 320px) {

body {
	background-color: #eee;
    padding-top: 0px;
    padding-bottom: 0px;
}
.container-fluid.headerOuter { 
	background-color: #FFF;
	}
	
.container.headerInner { 
	background-color: #FFF; 
	padding-top: 20px;
   	padding-bottom: 20px;
}	

.atlassLogo { text-align: center}
.atlassLogo img { text-align: center; margin: 0 auto}	
.atlassLogo h6 {color: #333; margin: 10px auto 0px auto;}

.btn-shadow, img.img-shadow  {
		box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.4);
}

.img-space {
		margin:0px 0px 30px 0px;
}

.btn-shadow:hover, img.img-shadow a:hover {
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.btn-quotes {margin-top:40px!important;}

.coverMyYacht { margin-top: 20px; text-align: center;}


	
.coverMyYacht hr.topRightDivide {
	width: 50%;
	margin: 15px auto 10px auto;
	border: 0;
	height: 2px;
	background-color: #336699;
}

.coverMyYacht.coverHeader h2 {
	color: #003366;
	font-family: "robotomedium";	
	font-size: 1.8em;
	line-height: 130%;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);	
}


.coverMyYacht.coverQuote h2 {
	color: #003366;
	font-family: "robotomedium";	
	font-size: 1.6em;
	line-height: 130%;
	margin: 15px 0px 0px 0px;

}

.coverMyYacht.coverQuote .getQuoteButton { 
	margin: 20px auto 25px auto; 
	text-align: center;
	}
	
.coverMyYacht.coverQuote .getQuoteButton .btn-shadow, img.img-shadow  {
			box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4);
	}	
	

.coverMyYacht.coverQuote h2 {
		color: #336699;
		font-family: "robotomedium";
		font-size: 1.5em;
		margin: 5px 0px 0px 0px;
		line-height: 140%;
	}

.coverMyYacht.coverQuote h2 i.fa.fa-phone-square {
		font-size: 1.1em;
		}



.coverMyYacht.coverQuote img { text-align: center; border: 0}

/* ******* */

	

.jumbotronOuter {
	width: 100%;
}

.jumbotron { 
	background-color: #336699;
	height: auto;
	margin-top: 0px;
	margin-bottom: 3px;
	background-image: url('/images/covermyyacht-insurance-background2.jpg')!important;
	background-position: top center;
	background-repeat: no-repeat;
	}

.jumbotron.subheaderBoat {
	background-image: url('/images/photos/boat-insurance-subheader.jpg')!important;
	min-height:220px!important;
}

.jumbotron.subheaderFAQs {
	background-image: url('/images/photos/boat-faqs-subheader.jpg')!important;
	min-height:220px!important;
}

.jumbotron.subheaderContact {
	background-image: url('/images/photos/contact-subheader.jpg')!important;
	min-height:220px!important;
}
.jumbotron.subheaderQuote {
	background-image: url('/images/photos/quote-subheader.jpg')!important;
	min-height:220px!important;
}

.jumbotron.subheaderCoverages {
	background-image: url('/images/photos/coverages-subheader.jpg')!important;
	min-height:220px!important;
}

.jumbotronOuter hr.hrTop {
	margin: 0px 0px 3px 0px; 
	background-color: #336699; 
	border: 0; 
	height: 3px; 
	padding: 0px; 
	}

hr.hrBottom {
	margin: 3px 0px 0px 0px; 
	background-color: #336699; 
	border: 0; 
	height: 3px; 
	padding: 0px 0px 0px 0px; 
	}

hr.hrTop {
	clear:both;
	margin: 0px 0px 3px 0px; 
	background-color: #336699; 
	border: 0; 
	height: 3px; 
	padding: 4px 0px 0px 0px; 
	}


.jumbotron .introText, 
.jumbotron .introText2 {
		margin-top:-15px!important;
}

.jumbotron h1 {
	color: #FFF;
	font-size: 2.3em;
	font-family: "robotomedium";
	line-height: 120%;
	padding-bottom:20px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);	
}

.jumbotron h2 {
	color: #FFF;
	font-size: 1.4em;
	font-family: "robotomedium";
	line-height: 120%;
	padding-bottom:20px;
}


/* ******** CONTACT FORM ******** */


.fieldName h2 span.fa.fa-flag { font-size: 1.2em; padding-right: 20px;}

.quoteForm {
	background-color: #6699CC; /* 99ccff */
	border: 1px solid #20384f;
	-moz-border-radius: .5em; 
	border-radius:  .5em; 
	-webkit-border-radius:  .5em;	
	color: #FFF;
	padding: 10px 40px 40px 40px;
	font-family: "robotoregular";	
	font-size: 1.1em;
	max-width: 100%;
	margin: 0 auto;
}

.quoteForm .fa { 
	font-weight: normal; 
	color: #99ccff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);	
	}

.quoteForm h2 {
	font-size: 1.7em;
	color: #FFF;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

/* .quoteForm hr { margin: 2px 0px 0px 0px; padding: 0} */

.formCol1 { padding-left: 0px}
.formCol2 { padding: 25px 0px 0px 0px}


.inputFields { padding: 0px 0px 0px 30px}

.fieldName label{ 
	font-weight: normal;
	color: #FFF;
	display: block;
	margin: 4px 0px 3px 0px;
	padding: 0;
}

.quoteForm input,
.quoteForm select,
.quoteForm textarea {
	display: block;
	border: 1px solid #FFF;
	padding: 4px 2px;
	margin: 0;
	background-color: rgba(136,179,223,1);
	color: #333;
}

.quoteForm input.button1 {background-color:#003366; color:#fff!important;}
.quoteForm input.button1:hover {color:#003366!important;}

.quoteForm input:hover,
.quoteForm select:hover,
.quoteForm textarea:hover {
	background-color: #FFFFCC;
}

.quoteForm input.text {width:220px!important;}
.fieldName .select input,
.fieldName .select label { display: inline-block; }

.fieldName.textArea { padding: 0px 0px 0px 14px}

.textArea textarea { width: 250px; height: 90px; margin: 0}

.formSubmit .btn-primary { color: #FFF; margin: 20px 0px 0px 0px; padding: 4px 18px; text-align: center}
.formSubmit .btn-primary:hover { background-color: #336699; color: #FFF}

/* ********** END CONTACT ****** */

/* ********** JUSTIFIED NAVIGATION ******** *./

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.container-fluid.navOuter { 
	padding: 0px 0px 0px 0px;
 	background:#21374f;
}


.nav-justified {
  background-color: #21374f;
/*
  border: 0px solid #ccc;
  border-radius: 0px;
 -webkit-box-shadow: 1px -1px 6px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 1px -1px 6px 0px rgba(0,0,0,0.25);
box-shadow: 1px -1px 6px 0px rgba(0,0,0,0.25);
*/


}
.nav-justified > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-weight: normal;
  color: #fff;
  text-align: center;
  /*
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
  border-bottom: 0px solid #d5d5d5!important;
  */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.nav-justified > li > a:hover,
.nav-justified > li.active > a { background-color: #003366 !important;
	
background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#294861))!important;
  background-image: -webkit-linear-gradient(top, #336699 0%, #294861 100%)!important;
  background-image:      -o-linear-gradient(top, #336699 0%, #294861 100%)!important;
  background-image:         linear-gradient(to bottom, #336699 0%,#294861 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#294861',GradientType=0 )!important; /* IE6-9 */
  background-repeat: repeat-x!important; /* Repeat the gradient */
  color:#fff!important;
  
	}


@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }

}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }

/* ******* END JUSTIFIED NAVIGATION ******* */




.subpage {
	/*
		-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		background:rgba(0,51,102,0.1);
		padding-top:10px;
	*/
}

.jumbotron h1.subpage {
		position:relative;
		margin:0px auto;
		top:30px;
		color:#FFF;
		font-size:2.1em;
		text-align:center!important;
		text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.5);
		padding: 4px 5px;
		background-color: rgba(0,51,102, 0.70);
		width:80%;
}
.jumbotron .introText2 h2 {
	font-size: 2.2em;
	font-family: "robotomedium";
	color: #FFF;	
}


.jumbotron .introText2 h3 {
	color: #FFF;
	font-size: 1.3em;
	font-family: "robotomedium";
}

.jumbotron h4 {
	padding: 30px 0px 0px 0px;
	margin: 0;
	color: #FFF;
	font-size: 1.3em;
	text-align: center;
	line-height: 140%;
	font-family: "robotomedium";
}

.blocksRow { margin-top: 30px;}

.homeBlock { 
	background-color: #999;
	border:3px solid #fff;
	box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.4);
}

.coverMyYachtBlock { 
	background-color: #003366;
	border:3px solid #ccc;
	box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.4);
}

.agentsBlock {
	background-color: #6699cc;
	border:3px solid #99ccff;
	box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.4);
}

.homeBlock:hover, .agentsBlock:hover, .coverMyYachtBlock:hover {
	background-color: #ed8f03;
	cursor: default!important;
	color:#fff;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}


.homeBlock h4 {
	text-align: center;
	padding: 10px 0px;
	margin: 0 auto;
}
.coverMyYachtBlock h4 {
	text-align: center;
	padding: 10px 0px;
	margin: 0 auto;
}

.agentsBlock  h4 {
	text-align: center;
	padding: 10px 0px;
	margin: 0 auto;
}


.homeBlock h4, .coverMyYachtBlock h4, .agentsBlock h4, .homeBlock h4 a, .coverMyYachtBlock h4 a, .agentsBlock h4 a {
		text-decoration:underline!important;
		color:#fff;
}

.homeBlock h4:hover, .coverMyYachtBlock h4:hover, .agentsBlock h4:hover, .homeBlock h4 a:hover, .coverMyYachtBlock h4 a:hover, .agentsBlock h4 a:hover {
	color:#fff!important;
	text-decoration:underline!important;
}

.mainText { font-size: 1.1em}

	



	

	.homeMainBody {background-color: #eee}
	.homeMainBody .bulletIntro h2{
		color: #336699;
		font-size: 1.8em;
		font-family: "robotomedium";
		margin: 30px 0px 20px 0px;	
	}	

	.homeMainBody .bulletIntro h2 .fa-flag-o {margin-right: 20px}
	
	

	.homeMainBody ul {
		list-style: none;
		font-family: "robotoregular";	
		font-size: 1.1em;	
	}
	.homeMainBody ul li {
		margin-bottom: 8px;
	}

	.homeFeatures1, 
	.homeFeatures1 ul, 
	.homeFeatures2, 
	.homeFeatures2 ul {
		font-size: 1.1em;
		line-height: 140%;
		padding:0px 20px 35px 10px !important;
	}
	
.homeFeatures1 h4,
.homeFeatures2 h4 { line-height: 140%}	

	.homeMainBody ul .fa-check {
		color: #336699;
		margin-right: 8px;
	}

	h3.subTitle {
			color:#336699;
			font-family: "robotoregular";
			font-size:1.4em;
			padding:10px 0px 20px 0px;
	}
	
	h3.subTitle2 {
		color:#336699;
		font-family: "robotoregular";
		font-size:1.4em;
		font-weight:500;
		line-height: 130%;
		padding:5px 0px 20px 0px;
	}
	
	.answers h4, .answers p {
		color:#333;
		font-weight:normal;
		font-size: 1.1em;
		line-height: 130%;	
	}

	.quoteMethods {
		display: inline-block;	
		border: 0px solid #CCFF00;	
		float: left; 
		width: 50%;
		padding: 17px 0px 0px 0px;	
		}
	.quoteMethods h4 {
		font-family: "robotomedium";
		font-size: 1.4em;	
	}


	.insuredBy {
		text-align: center;
	}
	.insuredBy h2 img { vertical-align: middle}
	.insuredBy h2 {
		color: #1F374E;
		font-size: 1.4em;
		font-family: "robotomedium";	
	}


.footerLeft, .footerRight {text-align:center!important;}

}

@media screen and (min-width: 360px) {
	.formCol1 { padding-left: 0px}
	.formCol2 { padding: 25px 0px 0px 0px}

	.quoteForm input.text {width:250px!important;}
	.fieldName .select input,
	.fieldName .select label { display: inline-block; }

	.fieldName.textArea { padding: 0px 0px 0px 14px}

	.textArea textarea { width: 280px; height: 90px; margin: 0}

}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 640px) {
	.coverMyYacht { 
	text-align: none;
	margin-top: 0px;	
	}
	
}

@media screen and (min-width: 768px) {

	.footerLeft {text-align:left!important}
	.footerRight {text-align:right!important;}
	
	.footerLeft { float: left; width: 30%;}
	.footerCenter { float: left; width: 30%;}
	.footerRight { float: left; width: 40%;}

	

}

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

@media screen and (min-width: 980px) {
	

	
}

@media screen and (min-width: 1024px) {
	
	.formCol1 { padding-left: 50px}
	.formCol2 { padding: 30px 0px 0px 0px}

	.quoteForm input.text {width:300px!important;}
	.fieldName .select input,
	.fieldName .select label { display: inline-block; }

	.fieldName.textArea { padding: 0px 0px 0px 14px}

	.textArea textarea { width: 420px; height: 90px; margin: 0}
	
	.jumbotron { 
		background-position: center center;
		}
	

}

@media screen and (min-width: 1100px) {
	.coverMyYacht br {
		margin: 0 !important;
		display: none;
	}	
	
	.footerLeft { float: left; width: 35%;}
	.footerCenter { float: left; width: 25%;}
	.footerRight { float: left; width: 40%;}
	
}

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







/* ********** THUMBS ******* */

.cbp-rfgrid {
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 33%;
	width: -webkit-calc(100% / 4); 
	width: calc(100% / 4); 	
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(71,163,218,0.2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cbp-rfgrid li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}


.insuranceAgents {text-align: center;}

.insuranceAgents h3 {
	font-size: 1.4em;
	font-family: "robotomedium";
	color: #336699;
	padding:10px 0px 0px 0px;
}

.insuranceAgents h4 {
	padding:0px 0px 20px 0px;
	font-size:1.3em;
}



.brandLinks {margin-top: 10px; font-size:12px; line-height:150%!important;}


/* ********* FOOTER ******* */


.footerOuter { 
	width: 100%;
	position: relative;
	background-color: #4b77a6;
	border-top: 12px solid #21374f;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#fff;
	}

.footerOuter a { color: #99ccff;}

.footerOuter p {
	line-height: 140%;
}

.footerLeft { border: 0px solid #CCFF00}
.footerCenter{
	position: relative;
	margin: 5px auto;
	text-align: center;
}

.footerCenter img {
	width: 195px;
	height: 102px;
}

.footerRight {text-align: right;}

.footerRight .fa-phone-square { color: #FFF; }


.footerRight a,
.footerRight a:visited,
.footerRight a:hover {color:#fff; text-decoration:underline;}



/* ****** ADDITIONAL RESPONSIVE ********** */

@media screen and (max-width:1024px) {
	
	.boatOwners h3 {font-size:1.2em!important;}
	.boatOwners h2 {font-size:1.2em!important; width:100%!important;}
	.atlassLogo img {padding-top:10px!important;}
	.nav-justified > li > a span {display:none!important;}
	.cbp-rfgrid li {
		width: 50%!important;
		width: -webkit-calc(100% / 2)!important; 
		width: calc(100% / 2)!important;
		}
	.jumbotron h1.subpage {
			width:100%;
			top:25px;
	}
	.coverMyYacht.coverHeader h2 {
	    color: #003366;
	    font-family: "robotomedium";
	    font-size: 1.3em;
	}
	
	.coverMyYacht.coverHeader h3 {
			font-size:1.5em;
	}
}

@media screen and (max-width:980px) {
	
	.nav-justified > li > a i {display:none!important;}
	.boatOwners h3 {font-size:1.0em!important;}
	.boatOwners h2 {font-size:1.0em!important; width:100%!important; padding-left:10px!important;}
	.atlassLogo img {width:95%!important; padding-top:10px!important;}
	.atlassLogo h6 {width:65%!important;}
 	.coverMyYacht.coverQuote .getQuoteButton span {display:none!important;}
	.coverMyYacht.coverQuote img {width:100%; max-width:100%!important;}
	
}

@media screen and (max-width: 375px) {
	
	.jumbotron .introText2, .jumbotron h4 {color:#fff!important;}
	.nav-justified > li > a span, .nav-justified > li > a i {display:inline-block!important;}
	.subheader {/*display:none!important;*/}
	.atlassLogo img {width:100%!important; padding-top:-10px!important;}
	.atlassLogo h6 {width:100%!important;}
	.boatOwners h3 {font-size:1.0em!important; margin-top:0px!important; padding-bottom:8px!important;}
	.boatOwners {margin-top:0px!important;}
	.boatOwners hr.subheader {display:none!important;}
	.boatOwners h2 a {background:#f1f1f1; padding:10px 15px!important; border: 1px solid #f1f1f1;-moz-border-radius: .5em; border-radius:  .5em; -webkit-border-radius:  .5em;}
	.footerLeft, .footerRight {text-align: center !important;}
	.cbp-rfgrid li a div h3 {display:none!important;}
	
	.jumbotron h1.subpage {
			width:100%;
			top:35px;
			text-align:center!important;
			font-size:1.8em!important;
	}
	.coverMyYacht.coverQuote .getQuoteButton span {display:inline-block!important;}
	.coverMyYacht.coverHeader h2, .coverMyYacht.coverHeader h3 {font-size:0.9em!important;}
	.coverMyYacht.coverQuote h2 {font-size:1.4em!important; margin-top:-10px;}
	.coverMyYacht.coverQuote hr.topRightDivide {display:none!important;}
	
	.nav-justified > li > a {
		background-color: #003366 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#294861))!important;
  background-image: -webkit-linear-gradient(top, #336699 0%, #294861 100%)!important;
  background-image:      -o-linear-gradient(top, #336699 0%, #294861 100%)!important;
  background-image:         linear-gradient(to bottom, #336699 0%,#294861 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#294861',GradientType=0 )!important; /* IE6-9 */
  background-repeat: repeat-x!important; /* Repeat the gradient */
  color:#fff!important;
  
	}
	
	.nav-justified > li > a:hover,
.nav-justified > li.active > a { background-color: #2a4861 !important;
	
background-image: -webkit-gradient(linear, left top, left bottom, from(#2a4861), to(#2a4861))!important;
  background-image: -webkit-linear-gradient(top, #2a4861 0%, #2a4861 100%)!important;
  background-image:      -o-linear-gradient(top, #2a4861 0%, #2a4861 100%)!important;
  background-image:         linear-gradient(to bottom, #2a4861 0%,#2a4861 100%)!important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4861', endColorstr='#2a4861',GradientType=0 )!important; /* IE6-9 */
  background-repeat: repeat-x!important; /* Repeat the gradient */
  color:#fff!important;
  
	}
}