/*
Theme Name: Boatsforveterans
Author: Developing Team
Description: Responsive Wordpress Theme WP
Version: 1.0
*/
/* WordPress Core */

.text-center img {
	display: inline-block;
}
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}
blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**** header css ****/
body {font-size: 14px; color: #3c3c3b; font-family: 'Open Sans', sans-serif;}
a, button{transition: all 0.3s;}
a:hover, button:hover {text-decoration: none; transition: all 0.3s;}
:focus, button:focus {outline: none;}
ul, ol {margin: 0px; padding: 0px;}
h4 {font-size: 26px; margin: 0px 0px 18px; padding: 0px; font-weight: bold;}
a{transition: all 0.3s;}
header {background: url(./images/header_bg.jpg) no-repeat; background-size: cover; padding: 25px 0px 40px;}
header .logo img {max-width: 450px; width: 100%;}
header a.logo {display: inline-block; margin-top: 12px;}
.callp {float: right; position: relative; padding-left: 100px; color: #fff;}
.callp img {position: absolute; left: 0px; top: 0px;}
.callp strong {display: block; font-size: 38px; color:#fff;}
.callp p {font-size: 15px; line-height: 30px; margin: 0px; padding: 0px; color: #fff;}
.callp span {font-size: 23px; font-weight: bold; color: #fff;}
.cal {
	margin: 10px 0px;
}
nav {background: #991207;}
nav ul {list-style-type: none; margin-left: 100px;}
nav ul li {float: left;}
nav ul li a {display: inline-block; padding: 15px 20px; font-size: 14px; color: #fff; font-weight: bold;}
nav ul li a:hover, nav ul li a.active {background: #02287d; color: #fff;}
.wrapper {
    max-width: 1268px;
    width: 100%;
    margin: 0 auto;
}
.bannerbx {position: relative;}
.bannerbx img.banners {width: 100%;}
.banner_form {position: absolute; left: 0px; top: 0px; width: 100%; /*height: 100%;*/}
.banner_form .container {height: 100%;}
.banner_form .container .formbox {
	background: #02287d;
	position: relative;
	height: 100%;
	float: right;
	width: 380px;
	box-sizing: border-box;
	padding: 15px 25px;
	z-index: 999;
}
.banner_form .container .formbox .tohed {position: absolute; top: -51px; width: 100%; background: #fff; padding: 22px 10px 19px; margin: -15px; text-align: center; font-size: 18px; color: #02287d; font-weight: bold; text-transform: uppercase;}
.banner_form .container .formbox .tohed:after {
  content: "";
  width: 0;
  position: absolute;
  left: -10px;
  top: 0px;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 10px solid #666666;
}
.banner_form .container .formbox .tohed:before {
  content: "";
  width: 0;
  position: absolute;
  right: -10px;
  top: 0px;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 10px solid #666666;
}
.btn.btn-default {
	background: #991207;
	padding: 10px 10px;
	font-size: 15px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	border: none;
}
.first-tit{
    padding-bottom:5px !important;
}
.home .wpcf7 form .wpcf7-response-output {
   
    color: #fff!important;
}
.formb h3 {color: #fff; font-size: 16px; font-weight: bold; margin: 15px 0px 15px; padding: 0px; text-align: center;}
.formsub ._row {margin: 0px -6px;}
.formsub ._row ._col {padding: 0px 6px; float: left; width: 50%; box-sizing: border-box; margin-bottom: 0px;}
.formsub ._row ._col12 {width: 100%; padding: 0px 6px;  box-sizing: border-box; margin-bottom: 12px; clear: both;}
.formsub input, .formsub select {
	background: #fff;
	font-weight: bold;
	padding: 8px;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	border: none;
	border-radius: 5px;
	font-size: 14px;
}
.formsub select {height: 37px; text-transform: capitalize; background: #fff url(./images/arrow.png) no-repeat right;}
.formsub select { -webkit-appearance: none; -moz-appearance: none;}
.formsub input::-webkit-input-placeholder { color: #000; opacity: 1;}
.formsub input::-moz-placeholder { color: #000; opacity: 1;}
.formsub input:-moz-placeholder { color: #000; opacity: 1;}
.selectbo {position: relative;}
.formsub .button {background: #991207; padding: 15px 30px; font-size: 16px; border-radius: 5px; color: #fff; text-transform: uppercase; cursor: pointer;font-weight: bold; border: none;}

.section1 {background: url(./images/hebg.jpg) no-repeat; background-size: cover; position: relative;}
.buttonbox {float: left;}
.buttonbox img {margin: -26px 0px; max-width: 498px; width: 100%;}
.section1 ul {list-style: none; float: right; margin: 40px 0px 0px; max-width: 607px; width: 100%;}
.section1 ul li {float: left; width: 25%; text-align: center;}
.section1 ul li span {display: block; color: #fff; font-size: 14px; line-height: 16px; padding-top: 10px; }

.section2 {padding: 80px 0px;}
.hdpr { position: relative; text-align: center; font-size: 28px; font-weight: bold; text-transform: uppercase; max-width: 550px; width: 100%; margin: 0 auto;}
.hdpr span {position: relative; z-index: 9; color: #02287d; background: #fff; padding: 0px 30px; display: inline-block;}
.hdpr span strong {color: #991207;}
.hdpr:after {content: ""; position: absolute; z-index: 6; height: 1px; width: 100%; left: 0px; top: 17px; background: #cccccc;}
.section2 .srbxo {position: relative; padding: 53px 0px 0px 106px; margin-top: 30px;}
.section2 .srbxo img {position: absolute; left: 0px; top: 0px;}
.section2 .srbxo h4 {font-size: 16px; font-weight: bold; color: #02287d; text-transform: uppercase; position: relative; z-index: 9; margin: 0px; padding-bottom: 10px; min-height: 40px;}
.section2 .srbxo p {font-size: 14px; color: #000; font-weight: bold; position: relative; z-index: 9;}


.section3 {background: url(./images/banner_bg1.jpg) no-repeat; background-size: cover; position: relative; padding: 50px 0px; box-sizing: border-box; overflow: hidden;}
.section3 h3 {text-align: center; max-width: 600px; position: relative; width: 100%; margin: 0 auto; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #fff;}
.section3 h3 span {display: inline-block;}
.section3 h3 span:after, .section3 h3 span:before {content: ""; position: absolute; z-index: 6; height: 1px; width: 100px; left: -60px; top: 17px; background: #fff;}
.section3 h3 span:before {right: -60px; left: auto;}
.section3 .srimg {text-align: center; max-width: 550px; margin: 60px auto 10px; width: 100%; position: relative;}
.section3 .srimg img.bgimg {max-width: 100%;}
.texboxs {position: absolute; max-width: 256px; width: 100%; color: #cccccc; text-align: left;}
.texboxs strong {color: #fff;}
.texboxs.tbx1 {top: 2px; left: -200px;}
.texboxs.tbx2 {top: 10px; right: -210px;}
.texboxs.tbx3 {top: 122px; left: -260px;}
.texboxs.tbx4 {top: 122px; right: -260px;}
.texboxs.tbx5 {top: 244px; left: -203px;}
.texboxs.tbx6 {top: 244px; right: -203px;}
.texboxs .for_msiteb {display: none;}

.section4 {padding: 60px 0px;}
.section4 .qaimg {margin-top: 40px;}
.section4 .qaimg img {max-width: 100%;}
.section4 .hdpr {max-width: 700px;}
.section4 .acdp {margin-top: 40px;}
.section4 .acdp .card-header {padding: 0px; border: none; background: none;}
.section4 .acdp .card-header .btn {padding: 10px 46px 10px 23px; width: 100%; white-space: normal; position: relative; box-sizing: border-box; text-align: left; font-size: 14px; font-weight: bold; color: #333;}
.section4 .acdp .card-header .btn i {
  position: absolute; right: 15px; top: 7px;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari */
  transform: rotate(180deg); /* Standard syntax */
  transition: 0.3s;
}
.section4 .acdp .card-header .btn.collapsed i {
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Safari */
  transform: rotate(0deg); /* Standard syntax */
}
.section4 .acdp .card-header .btn:hover,
.section4 .acdp .card-header .btn:focus {text-decoration: none;}
.section4 .acdp .card {margin-bottom: 10px; border: 1px solid rgba(0,0,0,.125)!important; border-radius: 30px!important; overflow: hidden;}
.section4 .acdp .card .card-body {padding: 0px 20px 20px 20px; font-size: 13px;}

footer.footer_bg {background: url(./images/banner_bg2.jpg) no-repeat; background-size: cover; position: relative; padding: 50px 0px; box-sizing: border-box;}
footer.footer_bg .text-center img {max-width: 400px; width: 100%;}
footer.footer_bg .text-center {margin-bottom: 30px;}
footer.footer_bg h4 {font-size: 14px; font-weight: bold; color: #fff; border-bottom: solid 1px #fff; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 20px;}
footer.footer_bg p, footer.footer_bg a {color: #cccccc; text-decoration:none !important;}
footer.footer_bg a:hover {text-decoration: underline;}
footer.footer_bg .footercont img {display: block; padding-bottom: 10px;}
footer.footer_bg .fontcontact {background: rgba(83,47,83,0.7); padding: 15px; border-radius: 5px; margin-left: 30px;}
footer.footer_bg .fontcontact .callp {float: left;}
footer.footer_bg .fontcontact .callp p {color: #fff;}
.copyright {text-align: center; padding: 20px 15px; font-weight: bold; font-size: 12px; color: #000;}
.copyright a {color: #000; display: inline-block;}
.ftextb {padding-right: 31px;}
.single, .innerpage{ padding: 40px 0px; }
.innerpage h2, .single h4 {
	max-width: 600px;
	position: relative;
	width: 100%;
	margin: 10px 0px;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
.page-id-106 .innerpage h2 {
	text-align: center;
	max-width: 100%;
}
@media only screen and (max-width: 3840px){
	.cal {
		margin: 0px 0px 0px 60px;
	}
}

@media only screen and (max-width: 1440px){
	.cal {
		margin: 0px 0px 0px 50px;
	}
}
@media only screen and (max-width: 1366px){
	.cal {
		margin: 0px 0px 0px 30px;
	}
}
@media only screen and (max-width: 1279px) {
	.formsub p {
		display: none;
	}
  .formb h3 {
    margin: 0px 0px 15px;
  }
  .formsub .button {
    padding: 10px 20px;
    font-size: 12px;
  }
  .formsub ._row ._col12 {
    margin-bottom: 10px;
  }
  .formsub ._row ._col {
    margin-bottom: 10px;
  }
  .section1 ul {
    margin: 23px 0px 0px;
  }
  .buttonbox img {
    margin: -22px 0px;
  }
  .callp span {
    font-size: 15px;
  }
  .callp strong {
    font-size: 29px;
  }
  header {
    padding: 20px 0px 20px;
  }
	.texboxs.tbx3 {
		padding-left: 30px;
	}
	.texboxs.tbx4 {
		padding-right: 25px;
	}
}
@media only screen and (max-width: 768px) {
  nav ul {margin-left: 0px; display: inline-block; margin-bottom: -5px;} 
  header a.logo {margin: 0px 0px 20px; display: block;text-align: center;}
  .callp {float: none; width: 290px; margin: 0 auto;}
  header .logo img {max-width: 300px;}
  nav ul li a {padding: 10px 7px; font-size: 12px;}
  .banner_form {position: static;}
  .banner_form .container .formbox {width: auto; padding-bottom: 51px; margin-top: 51px;}
  .buttonbox img {margin: -15px 0px; max-width: 300px;}
  .buttonbox {text-align: center; float: none; position: relative; z-index: 9}
  .hdpr {font-size: 16px;}
  .hdpr:after {top: 10px;}
  .section2 .srbxo h4 {font-size: 14px;}
  .hdpr span {padding: 0px 10px;}
  .section1 ul { margin: 0px -15px 0px; padding: 7px 15px 15px; position: absolute; }
  .callp span {font-size: 14px;}
  .callp strong {font-size: 24px;}
  footer.footer_bg .fontcontact .callp p {font-size: 9px;}
  footer.footer_bg h4 {margin-top: 20px;}
  footer.footer_bg .fontcontact {margin-top: 20px; margin-left: 0px;}
  .texboxs {position: relative; top: auto!important; left: auto!important; min-height: 74px; padding-left: 83px; right: auto!important; max-width: 100%; margin: 20px 0px;}
  .section3 .srimg img.bgimg {display: none;}
  .texboxs .for_msiteb {display: block; width: 110px; position: absolute; left: 0px; top: 0px;}
  .texboxs .for_msiteb img { max-width: 70px;}
  .texboxs .for_msiteb strong {float: right; font-size: 58px; font-weight: normal; line-height: 70px;}
  .callp p {font-size: 9px;}
  /*.section1 {margin-bottom: 100px;}*/
  .section1 ul li span {font-size: 10px;}
  .section1 ul li img {max-width: 50px;}
  .section1 ul {
    margin: 30px auto;
    padding: 7px 15px 15px;
    position: relative;
  }
  .section1 ul li {
    width: 50%;
    margin-bottom: 20px;
  }
  .section1 ul li span {
    font-size: 15px;
  }
  .section3 h3 {
    font-size: 18px;
  }
  .section3 h3 span::after, .section3 h3 span::before {
    top: 9px;
  }
  .callp {
    padding-left: 90px;
  }
	.texboxs.tbx3 {
		padding-left: 83px;
	}
	
}
@media only screen and (max-width: 767px) {
	.cal{margin-top: 0px;margin-bottom:20px; margin-left:0px;margin-right:0px;}
}