body { color:#282828; font-size:14px; line-height:24px; overflow-x:hidden; }
* { margin:0px; padding:0px; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; }
p { margin:0px 0px 20px; color: #595959; font-size: 16px; line-height: 30px; }
img { max-width:100%; }
.container { max-width:1270px; width:100%; }
.logo { display:block; text-align:center; padding:25px 0px;  }
.header-top { padding:0px; float:left; width:100%; overflow:hidden; text-align:left; }

.nav-container {   border:1px solid #d0d0d0; background:#fff; width:300px; height:100% !important; display:none; position:fixed; top:0px;  left:-100%; overflow:auto; z-index:999; padding:40px 0px 0px;  /*height:calc(100% - 40px);  height:-moz-calc(100% - 40px);height:-webkit-calc(100% - 40px);*/ }
.nav-container.active { left:0px; }
.menu-close-box { display:none; height:100% !important; width:100%;  top:0px; left:0px; position:fixed; background:rgba(0,0,0,0.4); z-index:9; }
.nav-container ul { margin:0px; padding:0px; }
.nav-container ul li { list-style:none; display:block; padding:0px; color:#282828; position:relative; font-size:15px; font-weight:400; text-transform:uppercase;  }
.menu-toggle { width:90px; height:75px; background:#252525; color:#fff; text-align:center; font-size:28px; line-height:72px; cursor:pointer; }
.nav-container  { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
.nav-container .menu-toggle-close { position:absolute;top:0px; background:#000;color:#fff; font-size:15px; padding:4px 10px; cursor:pointer; right:0px; width:auto; height:auto; line-height:21px;  }
.nav-container .menu-toggle-close:hover { opacity:0.8;}
body.open-menu { overflow:hidden; }
.header { float:left; width:100%;}
.header-socials { float:left; width:100%; padding:20px 5% 20px 0px; }
.header-socials ul { float:right; margin:0px; }
.header-socials li { display:inline-block; vertical-align:top; padding:0px 8px; }
.header-socials li a { color:#000; font-size:18px; }
.header-socials li a:hover { color:#00a9c8; }

.nav-container ul li a { color:#000; text-decoration:none; display:block; padding:8px 20px;   }
.nav-container ul li:hover > a { color:#fff; background:#00a9c8; }
.nav-container a { outline: none; }
.nav-container li .sub-menu { display:none; }
.nav-container li:hover .sub-menu { }
.nav-container li .sub-menu li { }
.nav-container li .sub-menu li a { }

.header a { outline: none; }

.banner-container { clear: both; }
.header-phone h3 { margin: 0px;  }
.header-phone h3 a { margin: 0px; font-size: 34px; color: #cee8fa; text-decoration: none; }
.header-phone p { font-size: 16px; color: #9e9e9e; margin: 0px; line-height: 20px; }
.header-phone { padding:0px 0px 30px; text-align:center; font-size:24px;  }
.header-phone a { color:#00a4c3; }
.banner-container .carousel { border:20px solid #fff; box-shadow:0px 30px 35px rgba(0,0,0,0.2); }

.enjoy-the-beautiful-text { text-align: left; padding:0px 0px 60px; background:url(http://www.mcwatersportrentals.com/wp-content/themes/mcwatersportrentals/images/wave-line.png) center bottom no-repeat; }
.enjoy-the-beautiful-text h2 { color: #fff; font-size: 50px; font-weight:400; margin:0px 0px 20px;  }
.enjoy-the-beautiful-text p { color:#fff; font-size:16px; line-height:24px; font-weight:normal;   } 
.enjoy-the-beautiful-text .read-more a { background:#252525; color:#fff; padding:10px 20px; display:inline-block; vertical-align:top; text-transform:uppercase;text-decoration:none;  }
.enjoy-the-beautiful-text .read-more a:hover { background:#000; }
.rental-container li { list-style:none; float:left; width:33.3%; padding:10px;  }
.rental-container .rental-img img { width:100%; }
.view-details-box { text-align:center; clear:both; padding:20px 0px 0px;  }
.view-details-box a { background:#00a9c8; color:#fff; padding:10px 20px; display:inline-block; vertical-align:top; font-weight:bold; text-transform:uppercase; font-size:13px;  }
.rental-container { padding:50px 0px; position:relative; }
.enjoy-the-beautiful-img { position:relative; border:0px; z-index:9; }
.enjoy-the-beautiful-img img { width:100%; border:10px solid #fff; }
.rental-img { border:5px solid #fff; }
.rental-img img { width:100%; }
.rental-container h2 { font-size:54px; color:#fff; margin:0px 0px 50px;  }
.rental-container h2 span { position:relative; }
.rental-container ul { margin:0px;float:left;width:100%;  }
.rental-container h2 span:before { content:"";  background:#00d8ff; height:1px; width:40px;  position:absolute; bottom:-10px; left:0px; right:0px; margin:0px auto; }

.banner-container { border-bottom:0px; padding-bottom:0px; margin-bottom:0px;  }
.banner-container img { width:100%; }
.banner-text { bottom:0px; left:0; position:absolute; text-align: center; width: 100%; z-index: 9; background:rgba(34,34,34,0.6); padding:70px 0px; } 
.banner-text p { color:#ffffff; font-size:24px; margin:0px; display:block; padding:0px 10px; font-weight:normal; text-align:center; }

.home-container { padding:40px 0px 30px; text-align: center; background:#00a9c8; position:relative; overflow:hidden; }

.home-images-boxs li { list-style:none; position:relative; float:left; padding:25px; width:28.4%;  }
.home-images-boxs li:nth-child(3n+1) { width:43.2%; clear:both;   }
.home-images-boxs ul { margin:0px -25px; }
.home-images-boxs .img-boxs { position:relative; }
.home-images-boxs .img-boxs img { width:100%; }
.home-images-boxs .img-boxs:before { content:"";border:1px solid #fff; position:absolute; left:28px; right:28px; top:28px; bottom:28px; pointer-events:none; }
.home-images-boxs .detaisl-boxs { -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) ; transform: translateY(-50%); position:absolute; top:50%; left:20px; right:20px;  }

.home-images-boxs .detaisl-boxs h3 { margin:0px; padding:10px 2px; border-bottom:1px solid #fff; border-top:1px solid #fff; display:inline-block; text-transform:uppercase; font-size:26px; font-weight:bold;   }
.map-container { padding:35px 0px 0px; }
.map-container img { width:100%; }

.footer-logo {  clear: both; display: block; text-align: center; padding:80px 0px 50px;  }

.footer-container { background:#252525; float:left; width:100%; padding:0px 0px 0px;   }
.slide .carousel-control { color:#fff; font-size:30px; font-weight:normal; text-shadow:none; width:40px; height:40px; border-radius:0px; border:0px; opacity:1; top:50%; padding:4px 0px 0px; background:#454545; margin-top:-20px; z-index:99;  }
.slide .carousel-control:hover { background:#000; border-color:#000;  }
.slide .carousel-control.left { left:-60px; }
.slide .carousel-control.right { right:-60px; left:auto;    }
.footer-block a { color:#fff; font-size:14px; font-weight:400; text-decoration:none; }
.footer-block a:hover { color:#f15a20; }
.footer-block li { list-style:none; padding:3px 0px; text-transform:uppercase;  }
.footer-block { float:left; width:33.3%; padding:0px 20px; min-height:1px; position:relative; }
.footer-block p { color:#fff; font-size:16px; font-weight:400; margin:0px 0px 10px; line-height:21px; }
.footer-container { padding:80px 0px 0px; margin:0px; border-top:1px solid #353535; }
.footer-block h3 { color:#fff; font-size:14px; font-weight:400; text-decoration:none; text-transform:uppercase;    }
.footer-block .footer-socials li { width:48px; height:48px; border-radius:100%;  border:2px solid #fff; text-align:center; display:inline-block; vertical-align:top; margin:0px 7px;  }
.footer-block .footer-socials li:hover { opacity:0.5;}
.footer-block .footer-socials li:first-child { margin-left:0px; }
.footer-block .footer-socials li a { color:#fff; display:block; font-size:20px; line-height:38px;   }
.footer-bottom { text-align:center; border-top:1px solid #353535; padding:40px 0px ; }
.footer-bottom a { color:#00a9c8; }
.footer-bottom p { margin:0px; color:#666666; font-size:15px;  }
.home-container:before  { 
position:absolute; content:""; 
-moz-transform:rotate(-17deg);
    -ms-transform:rotate(-17deg);
    -o-transform:rotate(-17deg);
    -webkit-transform:rotate(-17deg); position:absolute; top:70%; left:0px; 
	width:120%; height:100%; background:#252525;

}
.banner-container { position:relative; overflow:hidden; padding-bottom:60px;  }
.banner-container:after {content:""; background:url(http://www.mcwatersportrentals.com/wp-content/themes/mcwatersportrentals/images/wave-line.png) center bottom no-repeat; height:10px;  width:100px;  position:absolute; bottom:10px; left:0px; right:0px; margin:0px auto; text-align:center; }
.banner-container:before { position:absolute; content:""; 
-moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg); position:absolute; top:50%; left:0px; 
	width:108%; height:100%; background:#00a9c8;
 }
 /*****************************************/
 
 /***** terms & condition css **********/
 
  
.termsandcondition-container {  
float: left;
width: 100%;
background: rgb(233, 252, 255) none repeat scroll 0% 0%;
padding: 100px 0;
}
.termsandcondition-container h2 {
    color: #000;
    font-size: 50px;
    font-weight: 300;
    margin: 0px 0px 20px;
    text-align: center;
	position: relative;
}
.termsandcondition-container h2::after {
    position: absolute !important;
    content: "";
    width: 42px;
    height: 2px;
    margin: 0px auto !important;
    bottom: -12px;
    background: #00d8ff;
    left: 49%;
   
}

.termsandcondition-container .title {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
	margin-top: 20px;
}
/***** terms & condition css end **********/

.contact-container {  
float: left;
width: 100%;
background: rgb(233, 252, 255) none repeat scroll 0% 0%;
padding: 100px 0;
}
.contact-container h2 {
    color: #000;
    font-size: 50px;
    font-weight: 300;
    margin: 0px 0px 20px;
    text-align: center;
	position: relative;
}
.contact-container h2:after {
    position: absolute !important;
    content: "";
    width: 42px;
    height: 2px;
    margin: 0px auto !important;
    bottom: -12px;
    background: #00d8ff;
    left: 49%;
    
}




/*********************************/



@media(max-width:1366px) {

}
@media(min-width:1280px) and (max-width:1300px) {
.container { max-width:1150px; }	

	}

@media(min-width:1024px) and (max-width:1279px) {
.footer-block .tnp-subscription div.tnp-field.tnp-field-button { width:100px; }	
.footer-block .tnp-subscription div.tnp-field input.tnp-email { padding-right:110px; }
.enjoy-the-beautiful-text h2 { font-size:32px; }
.enjoy-the-beautiful-desc { padding:0px 40px 0px 20px; }
.rental-container h2 { font-size:40px; }
.footer-container { padding:40px 0px 0px; }
.rental-container { padding:50px 0px 20px; }
.footer-logo {  padding:30px 0px; } 
.footer-bottom { padding:20px 0px; }
.banner-text { padding:20px 0px; }
.banner-text p { font-size:20px; }
.slide .carousel-control.left { left:0px; }
.slide .carousel-control.right { right:0px; }
.banner-container .carousel  { border:10px solid #fff; }

.termsandcondition-container h2 { font-size:30px; }
.termsandcondition-container { padding:30px 10px; }
.termsandcondition-container iframe { max-width:100%; }

.contact-container { padding:30px 0px;  }
.contact-container h2 { font-size:30px; }
.contact-address { padding:20px 0px; }

.rental-container ul:before { max-height:100px; max-width:150px; width:25%; }
.rental-container ul:after { max-height:100px; max-width:100px; width:40%; left:-5px; top:-15px; }
	
	}
@media(max-width:1023px) {	}
@media(min-width:768px) and (max-width:1023px) {	
.header-phone { font-size:20px; }
.logo  { padding-bottom:20px; }
.slide .carousel-control.left { left:0px; }
.slide .carousel-control.right { right:0px; }
.banner-container .carousel  { border:5px solid #fff; }
.enjoy-the-beautiful-text h2 { font-size:28px;  }
.banner-text { padding:20px 0px; }
.banner-text p { font-size:18px; }
.footer-container { padding:40px 0px 0px; }
.rental-container { padding:40px 0px 20px;  }
.enjoy-the-beautiful-desc  { padding:0px 40px 0px 0px; }
.enjoy-the-beautiful-text p { font-size:15px; line-height:21px; }
.rental-container h2 { font-size:24px; margin:0 0 30px; }
.home-container::before { -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg);  -webkit-transform:rotate(-10deg); }
.rental-container li { padding:7px; }

.footer-block .footer-socials li { margin:0px 1px; height:42px; width:42px; }
.footer-block .footer-socials li a { font-size:16px;line-height:31px;}
.footer-block .tnp-subscription div.tnp-field.tnp-field-button { position:static; margin-top:10px; }
.footer-block .tnp-subscription div.tnp-field input.tnp-email { padding:5px 10; height:40px; } 
.footer-logo {  padding:30px 0px; } 
.footer-bottom { padding:20px 0px; }
.enjoy-the-beautiful-text { padding-bottom:30px; }

.gallery-container .ngg-gallery-thumbnail-box { padding:5px; }
.lakes-we-deliver li { width:50%; }
.jet-table-left { width:330px; min-height:445px; }
.jet-table-right { width:330px; min-height:445px; }

.termsandcondition-container h2 { font-size:30px; }
.termsandcondition-container { padding:30px 10px; }
.termsandcondition-container iframe { max-width:100%; }

.contact-container { padding:30px 0px;  }
.contact-container h2 { font-size:30px; }
.contact-address { padding:20px 0px; }
.contact-left { padding:0px; }
.contact-address input.wpcf7-submit, .contact-address input[type="reset"] { min-width:130px; }
.address-contact-right h4 { font-size:20px; }
.address-contact-right { padding-top:10px; }
.contact-container .map-container { margin:40px 0px 0px; }
.contact-left { padding-right:10px; }
.address-contact-right h4 { font-size:20px; }

.rental-container ul:before { max-height:100px; max-width:150px; width:25%; }
.rental-container ul:after { max-height:100px; max-width:100px; width:40%; left:-5px; top:-15px; }

}
@media(min-width:768px) {	}
	
@media(max-width:767px) {
.menu-toggle { height:60px; width:60px; line-height:60px; }
.header-socials ul { width:100%; text-align:center; }
.header-socials { padding:0px 0 10px 0px; }
.banner-text { display:none; } 
.slide .carousel-control.left { left:0px; }
.slide .carousel-control.right { right:0px; }
.banner-container .carousel  { border:5px solid #fff; }
.enjoy-the-beautiful-text h2 { font-size:28px; text-align:center; }
.enjoy-the-beautiful-desc { padding:10px 0px 40px 0px; text-align:center; }
.footer-container { padding:40px 0px 0px; }
.rental-container { padding:40px 0px 20px;  }
.footer-block { width:100%; padding:0px 0px 25px; }
.header-phone { font-size:18px;  padding-bottom:10px; }
.home-container { padding:30px 0px 20px; }

.home-container::before { width:150%; -moz-transform:rotate(-7deg);
    -ms-transform:rotate(-7deg);
    -o-transform:rotate(-7deg);
    -webkit-transform:rotate(-7deg); }
.footer-logo { padding:10px 0px 30px; }	
.footer-bottom { padding:20px 0px; }
.rental-container h2 { font-size:36px; }

.gallery-container .ngg-gallery-thumbnail-box { width:50%; padding:10px; }
.gallery-container .ngg-gallery-thumbnail-box + br { display:none; }

.footer-container { text-align:center; }
.prices-table tr { border-bottom:0px; }
.prices-table tr td { display:block; }
.jet-table-left { max-width:500px; min-height:10px; width:100%; margin:0px 0px 40px; } 
.jet-table-right { max-width:500px; min-height:10px; width:100%; margin:0px 0px 40px;    } 
.rental-bottom-text { padding:30px 0px; }
.jet-table table tr:last-child td { padding-bottom:15px; }
.lakes-we-deliver li { width:50%; }
.rental-page-bottom { padding:40px 0px 0px; }
.footer-block .footer-socials { margin:20px 0px 10px; }
.gallery-container { padding:20px 0px; }

.termsandcondition-container h2 { font-size:30px; }
.termsandcondition-container { padding:30px 10px; }
.termsandcondition-container iframe { max-width:100%; }
.gallery-container h1 { font-size:30px; }

.contact-container { padding:30px 0px;  }
.contact-container h2 { font-size:30px; }
.contact-address { padding:20px 0px; }
.contact-left { padding:0px; }
.contact-address input.wpcf7-submit, .contact-address input[type="reset"] { min-width:130px; }
.address-contact-right h4 { font-size:20px; }
.address-contact-right { padding-top:10px; }
.contact-container .map-container { margin:40px 0px 0px; }


.about-img-box .col-md-4 { margin-bottom:20px; }
.rental-container ul:before { max-height:100px; max-width:150px; width:25%; }
.rental-container ul:after { max-height:100px; max-width:100px; width:40%; left:-5px; top:-15px; }


	}
@media(min-width:640px) and (max-width:767px) {
.rental-container li { width:50%; }		
	}

@media(max-width:639px) {
.rental-container li { width:100%; }	
.termsandcondition-container iframe { height:250px; }
		}
@media(min-width:480px) and (max-width:639px) {}
@media(max-width:479px) {
.enjoy-the-beautiful-text h2 {font-size:24px; }
.header-phone { font-size:16px; }
.gallery-container .ngg-gallery-thumbnail-box { width:100%; padding:10px 0px; }
.lakes-we-deliver li { width:100%; }
.termsandcondition-container iframe { height:200px; }
		}