.alignleft {
    float: left;
    width: 48.74%;
    margin-right: 3%;
    margin-bottom: 20px;
	margin-top: 7px;
}
.videoalign-left{
    float: left;
    width: 48.74%;
    margin-right: 3%;
    margin-bottom: 20px;
	margin-top: 7px;
}
.videoalign-center {
    max-width: 773px;
    margin: 0 auto 35px;
}

.alignleft img{display: block; width: 100%; height: auto;}
.textleft{text-align: left;}
.widget.header-right-widget.column.four {padding-top: 45px;}
.site-header #header-widgets #header-logo{ margin-top: 8px;}
.site-header #header-widgets{border-bottom: solid 8px #ee8532;height: 165px;}
.site-header #header-widgets .header-right-widget h2 .call-button {
    font-size: 22px;
    background: #ff7e00;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 32px;
    border-radius: 3px;
    margin-top: 0px !important;
    font-family: "Open Sans", sans-serif;
    width: 265px;
    line-height: 68px;
    text-align: center;
    position: relative;
    display: inline-block;
    font-weight: 600;
    vertical-align: top;
    float: right;
}
.site-header #header-widgets .header-right-widget h2 .call-button:before {
    display: block;
    content: '';
    width: 47px;
    height: 45px;
    position: absolute;
    background: url(../tel-icon.png) no-repeat center center;
    top: 10px;
    left: 15px;
    background-size: 100%;
}
.space-left {
    padding-left: 35px;
}
.hero-banner img {width:100%;display:block;}

.container img{
	max-width: 100%;
	height: auto;
}
/* .video-wrap {max-width: 615px;margin: 0 auto 30px;} */
.video{padding-top: 56.2%; margin-top: 8px;}

@media only screen and (min-width: 1px) {
	.hero-banner{background: url(images/banner767-min.jpg?v=211) no-repeat right top; background-size: cover; padding-top: 25px; padding-top: 30.5%;}
}
@media only screen and (min-width: 768px) {
	.hero-banner{background: url(images/banner1024-min.jpg?v=211) no-repeat right top; background-size: cover; padding-top: 25px;     padding-top: 30.5%;}
}
@media only screen and (min-width: 1281px) {
	.hero-banner{background: url(images/banner1366-min.jpg?v=211) no-repeat left top; background-size: cover; padding-top: 30.5%;}
}
@media only screen and (min-width: 1367px) {
	.hero-banner{background: url(images/banner1920-min.jpg?v=211) no-repeat left top; background-size: cover; padding-top: 30.5%;}
}
@media only screen and (min-width: 1921px) {
	.hero-banner{background: url(images/banner2560-min.jpg?v=211) no-repeat left top; background-size: cover; padding-top: 30.5%;}
}

@media only screen and (min-width: 2561) {
	.hero-banner{background: url(images/banner3440-min.jpg?v=211) no-repeat left top; background-size: cover; padding-top: 30.5%;}
}
.testimonial {
    background: #009ee9;
    padding: 30px 90px 40px;
    margin: 30px 0;
}
.landing-content .testimonial h2{
    color: #fff;
    margin-bottom: 18px;
}
.landing-content .testimonial p{
    color: #fff;
}
.landing-content .testimonial p:last-child{
    margin-bottom: 0;
}

.row.row-gallery {
}
.row.row-gallery .column{
    margin-bottom: 40px;
}
.row.row-gallery .column img {
    display: block;
}

.heading {
    border-bottom: solid 4px #ee8532;
    padding-bottom: 22px;
}

.landing-content h1,
.landing-content h2 {
    font-weight: 700;
    font-size: 35px;
    color: #0067ff;
    line-height: 37px;
    margin-bottom: 25px;
 }

.landing-content h3 {
    font-weight: 700;
    font-size: 28px;
    color: #092b7f;
    line-height: 1.2;
    margin-bottom: 28px;
}
.landing-content h4 {
    font-weight: 700;
    font-size: 25px;
    color: #092b7f;
    line-height: 1.2;
    margin-bottom: 40px;
}
.landing-content h5 {
    font-weight: 700;
    font-size: 20px;
    color: #092b7f;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 40px;
}
.landing-content p {
    font-size: 16px;
    color: #092b7f;
    line-height: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 30px;
}
.landing-content .list-pagraph {
    line-height: 2;
}
.landing-content p strong {font-weight:bold;}
.landing-content p.bullets strong {
    font-size: 22px;
    color: #0067ff;
    display: inline-block;
    vertical-align: top;
}
.bullet-list{
    margin-bottom: 50px;
}
.bullet-list li {
    font-size: 16px;
    color: #092b7f;
    line-height: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 12px;
}

.landing-content {text-align:left;    padding: 50px 0px 10px;}
.promo-form {background:#143c96;padding-top: 45px;}
.promoform-wrap-content .promo-form-wrap {max-width:670px;margin:0 auto;}
.promoform-wrap-content h2 {font-weight:700;color:#fff;font-size:43px;line-height:38px;text-align:center; text-transform: uppercase; margin-bottom: 15px;}
.promoform-wrap-content h3 {font-weight:700;color:#fff;font-size:25px;line-height:38px;text-align:center; text-transform: uppercase; margin-bottom: 30px;}
.promoform-wrap-content input[type="text"], .promoform-wrap-content input[type="email"] {width:100%;border-radius:0px;}
.promo-form-wrap .input-control {margin-bottom:6px;}
.promoform-wrap-content label {color:#fff;font-size:13px;}
.promoform-wrap-content textarea {border-radius:0px;width:100%;height:90px;}
.promoform-wrap-content select {
background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 78%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 78%);
    background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 78%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    border-radius: 0px;
    color: #737373;
    padding: 4px 17px 4px;
    margin-bottom: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(http://www.poolandspadepot.com/wp-content/themes/poolspadepot2017/css/images/dropdown_menu_.png), url(http://www.poolandspadepot.com/wp-content/themes/poolspadepot2017/cssimages/select_menu_.png) !important;
    background-position: right center, left top !important;
    background-repeat: no-repeat, repeat-x !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    line-height: 30px;
    background-color: #ebebeb; 
    width: 100%;
    border: 0;
    width: 100%;
}
.input-control.input-recaptcha {float:left;    margin-right: 13px;}
.input-control.input-submit input[type="submit"]{    border: 1px solid #fff;
    border-radius: 0px;
    background: #ee8532;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    width: 350px;
    height: auto;
    padding: 17px 0px;}
	p.note {margin-top:0px;text-align:center;font-size: 13px;}
	
.bucket-1 img,
.bucket-3 img{
	width: 300px;
	max-width: 100%;
	height: auto;
	display: block;
	box-shadow: 9px 9px 4px rgba(0,0,0,.25);
	margin-top: 40px;
    margin-bottom: 20px;
}	
.bucket-1 {
    float: left;
    width: 27%;
}
.bucket-2{
    float: left;
    width: 46%;	
}
.bucket-3 {
    float: right;
    width: 27%;
}
#copyright-scrolltop{
	border-top: solid 6px #fff;

}
.site-footer .scroll-top a{
    border-radius: 5px;	
	border: solid 3px #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.space-left {padding-left: 0;}
    .landing-content{padding-top: 30px;}
	.landing-content p {font-size: 16px;line-height: 28px;}
	.site-header #header-widgets #header-logo img{max-width: 200px;}
	.site-header #header-widgets{height: auto;}
	.widget.header-right-widget.column.four {padding-top: 10px;width: 100%;padding-bottom: 15px;}
	.site-header #header-widgets .header-right-widget h2 .call-button{ float: none; margin: 0 auto; padding-top: 0; display: block; font-size: 18px; width: 200px; line-height: 55px;} 
	.site-header #header-widgets .header-right-widget h2 .call-button:before{ width: 32px; height: 36px;}
    .landing-content h1, .landing-content h2 {font-weight: 700;font-size: 30px;color: #0067ff;line-height: 37px;margin-bottom: 25px;}
    .landing-content h1 br, .landing-content h2 br{display: none;}
    .testimonial{ padding: 30px 30px 40px;}
    .promoform-wrap-content h2{font-size: 34px;}
}
@media only screen and (max-width: 767px) { 
    .video{margin-bottom: 20px;}
	.alignleft , .videoalign-left{float: none;width: 100%; margin-right: 0;margin-top: 0px;}	
	.space-left {padding-left: 0;}
	.landing-content p {font-size: 16px;line-height: 28px;}
	.site-header #header-widgets #header-logo img{max-width: 200px;}
	.site-header #header-widgets{height: auto;}
	.widget.header-right-widget.column.four {padding-top: 10px;width: 100%;padding-bottom: 15px;}
	.site-header #header-widgets .header-right-widget h2 .call-button{ float: none; margin: 0 auto; padding-top: 0; display: block; font-size: 18px; width: 200px; line-height: 55px;} 
	.site-header #header-widgets .header-right-widget h2 .call-button:before{ width: 32px; height: 36px;}
	.landing-content p {line-height:28px;}
	.bucket-1, .bucket-2, .bucket-3 {float: none;width: 100%;}
	.bucket-1 img,
	.bucket-3 img{width: 100%; margin-top: 30px; margin-bottom: 30px;}
	.promoform-wrap-content h2 br{display: none;}
	.space-left {padding-left: 0;}
	.landing-content h2{font-size: 30px; line-height: 34px;}
	.column img{display: block; margin-bottom: 20px;}
        .landing-content h1, .landing-content h2 {font-weight: 700;font-size: 30px;color: #0067ff;line-height: 37px;margin-bottom: 25px;}
    .testimonial{ padding: 30px 30px 40px;}
    .landing-content{padding-top: 30px;}
	.landing-content h4{ font-size: 22px;}
	.landing-content h5{ font-size: 18px; line-height: 1.4;}
    .promoform-wrap-content h2{font-size: 30px;}
    .promoform-wrap-content h3{ font-size: 20px; line-height: 30px;}
    .row.row-gallery .column {margin-bottom: 20px;}
    .promo-form{padding: 30px 0px 10px;}
    .promo-form h2{padding-left: 20px; padding-right: 20px;}
}

@media only screen and (max-width: 480px) {
	.input-control.input-submit input[type="submit"] {width:200px;} 
}