.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;
}

.alignleft img{display: block; width: 100%; height: auto;}
.textleft{text-align: left; margin-bottom: 20px !important;}
.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%;}

@media only screen and (min-width: 1px) {
	.hero-banner{background: url(images/banner767-min.jpg?v=1) 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=1) 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=1) 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=1) 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=1) 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=1) no-repeat left top; background-size: cover; padding-top: 30.5%;}
}

.landing-content h2 {font-weight:700;font-size:35px;color:#0067ff;line-height:37px; margin-bottom: 28px;} 
.landing-content h3 {
    font-weight: 700;
    font-size: 30px;
    color: #0067ff;
    line-height: 1.2;
    margin-bottom: 28px;
}
.landing-content h4 {
    font-weight: 700;
    font-size: 24px;
    color: #0067ff;
    line-height: 1.2;
    margin-bottom: 28px;
}
.landing-content p {
    font-size: 18px;
    color: #092b7f;
    line-height: 30px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
}
.landing-content .list-pagraph {
    line-height: 1.5;
}
.landing-content p strong {font-weight:bold;}
.landing-content {text-align:center;    padding: 40px 0px;}
.promo-form {background:#143c96;padding-top: 35px;}
.promoform-wrap-content {max-width:670px;margin:0 auto;}
.promoform-wrap-content h2 {font-weight:700;color:#fff;font-size:28px;line-height:38px;text-align:center;}
.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 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;}
}
@media only screen and (max-width: 767px) { 
	.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;}
}

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