/*



 Theme Name: Melt Design 



 Author: Matthew Eldridge & Andrew Jaff



*/



*{ margin: 0; padding: 0;} 



body{ padding: 0; margin: 0;

cursor: default; font-size: 1em;

font-family: 'Rubik', sans-serif; font-weight: 400;

color: #000;


}



ul{list-style: none !important;}

.centered { text-align: center;}

.clearfix { clear: both;}





/*change this to increase page width do not remove---*/

.row{ max-width: 1200px;}

.rowNarrow{ max-width: 800px;}

.rowWide{ max-width: 90%; background: #ccc;}



/*Padding & Margin*/

.columns.nopad{ padding: 0;}

.columns.nopadLeft{ padding-left: 0;}

.columns.nopadRight{ padding-right: 0;}



/*Applies Padding Top & Bottom*/

.padVert1{padding: 1rem 0;} .padVert2{padding: 2rem 0;} .padVert3{padding: 3rem 0;} .padVert4{padding: 4rem 0;} .padVert5{padding: 5rem 0;}



/*Applies Padding Left & Right*/

.padHor1{padding: 0 1rem;} .padHor2{padding: 0 2rem;} .padHor3{padding: 0 3rem;} .padHor4{padding: 0 4rem;} .padHor5{padding: 0 5rem;}







/*Applies Padding On All Sides*/



.padAll1{padding: 1rem;} .padAll2{padding: 2rem;} .padAll3{padding: 3rem;} .padAll4{padding: 4rem;} .padAll5{padding: 5rem;}







/*Applies Margin Top & Bottom*/



.marginVert1{margin: 1rem 0;} .marginVert2{margin: 2rem 0;} .marginVert3{margin: 3rem 0;} .marginVert4{margin: 4rem 0;} .marginVert5{margin: 5rem 0; }







.marginVert1,.marginVert2,.marginVert3,.marginVert4,.marginVert5{display: inline-block;}







  



   



/* Header styles */



h1, h2, h3, h4, h5, h6 {



font-weight: 700;



font-style: normal;



text-rendering: optimizeLegibility;



display: block;



margin: 10px 0;



}



  



h1{ font-size: 2.2em; line-height: 2.2em; color: #00AEEF;  }



h2{ font-size: 2em; line-height: 2em; color: #333;}



h3{ font-size: 1.8em; line-height: 1.8em; color: #333; } 



h4{ font-size: 1.6em; line-height: 1.6em; }



h5{ font-size: 1.4em; line-height: 1.4em; }



h6{ font-size: 1.2em; line-height: 1.2em; } 







/*Text Styles*/



.largeFont{/*font-family: 'Alfa Slab One', cursive;*/}



.chunkyFont{/*font-family: 'Alfa Slab One', cursive;*/}



.handwritten{/*font-family: 'Pacifico', cursive;*/ font-weight: 400; font-style: normal; font-size: 30px;}















/* Paragraph styles */



p{ line-height: 1.4em; font-style: normal; text-rendering: optimizeLegibility; padding: 0 0 15px 0;}







p.largeText{ font-size: 16px; line-height: 25px;}



p.smallText{ font-size: 14px; line-height: 20px;}



strong{ font-weight: 700; font-weight: bold;}







/* Link Styles */



a,input[type="submit"]{text-decoration: none;cursor: pointer;



-webkit-transition: all .1s ease-in-out;



-moz-transition: all .1s ease-in-out;



-ms-transition: all .1s ease-in-out;



-o-transition: all .1s ease-in-out;



transition: all .1s ease-in-out;}











p a{ color: #000;}



p a:hover{ color: #333; text-decoration: none;}







.button{  padding: 4px 14px; background: #383838; display: inline-block; font-size: 14px; border-radius: 5px; float: right; color: #fff; }



.button:hover{ background: #A0A0A0; color: #666666; text-decoration: none;}



.button2{ padding: 14px 15px; background: #030406; color: #f4d317; display: inline-block; text-transform: uppercase; border-radius: 10px;}



.button2:hover{ background: #A0A0A0; color: #666666; text-decoration: none;}



.pinkfixed a.button{margin: 0 0 0 3%!important;}







/* Header Styles */



.header { min-height: 110px;}

.header-wrapper {  min-height: 110px; border-bottom: 1px #e9e9e9 solid; padding: 20px 0 0 0; background: #fff; position: fixed; left: 0; right: 0; width: 100%; z-index: 999;}



.logo{  }



.AreaNumberWrapper{   }



.AreaNumberWrapper a { font-weight: 500;}





/*Main Nav - Dont forget to set menu to primary-menu in Wordpress*/



.header-wrapper ul{ list-style: none; float: right; }

.header-wrapper ul.menu {margin-top: 25px;}

.header-wrapper ul li{ float: left; display: block; }



.header-wrapper ul li a{  display: block; padding: 0 12px 43px; color: #000; text-transform: uppercase; font-weight: 300; font-size: 17px;}
.header-wrapper ul li a:hover{ }

.header-wrapper ul li:last-child a{  
	display: block; 
	padding: 10px 15px; 
	color: #fff; 
	background: #41b0a1;
	font-weight: 400; 
	font-size: 17px;
	margin-top: -10px;
}
.header-wrapper ul li:last-child a:hover {
	background: #409c90;
}
.header-wrapper ul li:last-child:hover a:before {
	display: none;
}

.header-wrapper ul.sub-menu li:last-child a{  
	display: inherit; 
	padding: inherit; 
	color: inherit; 
	background: inherit;
	font-weight: 300; 
	font-size: inherit;
	margin-top: inherit;
}
.header-wrapper ul.sub-menu li:last-child a:hover {
	background: inherit;
}
.header-wrapper ul.sub-menu li:last-child:hover a:before {
	display: inherit;
}

.header-wrapper ul li:last-child a:before {
    display: none;
}



/*Dropdown Menu Active State*/



.header-wrapper ul li:hover > a:before, .header-wrapper ul li.current_page_item > a:before { 

	content: "";

	background: url(images/menu_bodyboard_icon.png);

	width: 19px;

	height: 10px;

	left: 0;

	right: 0;

	margin: auto;

	position: absolute;

	bottom: 26px;

}





.header-menu-icon {display: none;}



#menu-primary-menu li{position: relative;}







/*Dropdown Menu*/



#menu-primary-menu .sub-menu {



left: 0px; position: absolute; top: 100%;  width: 310px; display: none; background: #fff; z-index: 1;}



#menu-primary-menu li:hover .sub-menu {display:block; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}

#menu-primary-menu li ul li:hover .sub-menu {display:block !important;}

#menu-primary-menu .sub-menu li{float: none;}



#menu-primary-menu .sub-menu li a{ font-size: 1em; padding: 11px 20px; }



#menu-primary-menu .sub-menu li a:hover { background: #41b0a1; color: #fff;}



#menu-primary-menu .sub-menu li:hover > a:before, #menu-primary-menu .sub-menu li.current_page_item > a:before {

	display: none;	

}



#menu-primary-menu .sub-menu li .sub-menu {

	left: 308px;

	top: 0;	

	display: none;

}

#menu-primary-menu #menu-item-3016:hover .sub-menu {

	display: block;	

}



/*Search Bar*/



.Search-Icon { position:absolute; top:-40px; left:30px; }



.Search-Icon img { max-width:80%}



.SearchSection h4 { color:#f89a1d; font-weight:bold; padding: 0; margin: 0;}



.SearchSection p {font-size: 22px;}







.SearchSection input[type="submit"]{ background: #f89a1d; cursor: pointer; font-family: inherit; color: #fff; font-size: 1em; border: 0; border: none; margin:.5rem 0; width: 100%; display: block; text-align: center; padding: 1rem; }



input[type="submit"]:hover{ background: #111;}











/*Main Contentr*/



.MainContent h3 { color:#41b0a1; font-weight:400; margin: 0 0 15px 0; font-size: 30px;}



.MainContent h4 { color:#41b0a1; font-weight:400; margin: 0 0 15px 0; font-size: 26px;}



.MainContent h5 { color:#808080; font-weight:400; margin: 0 0 15px 0; font-size: 18px;}



.MainContent p { font-size: 18px; margin-bottom: 20px;}

.MainContent main p a { text-decoration: underline;}

.MainContentHome p { font-size: 20px; }



.MainContent ul { 

	margin-bottom: 40px;

}

.MainContent main ul li { 

	margin-bottom: 15px;

	font-size: 18px;

	padding-left: 30px;

	position: relative;

}

.MainContent main ul li:before { 

	content: "";

	background-image: url(images/bodyboard_icon.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	position: absolute;

	width: 12px;

	height: 7px;

	left: 0;

	top: 11px;

}







/*Puts a Border around video embeds  */



.VideoHolder{width: 100%; height: auto; padding: 12px; background: #fff; margin: 15px 0; -webkit-box-shadow: 1px 2px 8px 2px rgba(0,0,0,.1);



box-shadow: 1px 2px 8px 2px rgba(0,0,0,.1); }











.Panel{width: 100%; float: left; height: auto; padding: 20px; background: #fff; margin: 15px 0; border-radius: 8px;}



.Panel h4{ color: #333; min-height: 60px;}



.Panel p{ color: #333;}



.Panel a{ color: #fff; background: #00AEEF; border-radius: 8px; padding: 8px 20px; margin: 5px 0; display: inline-block;  }



.Panel a:hover{ color: #fff; background: #333;}



.Panel img{ padding: 0 0 10px 0;}











/*Blog Posts*/



.MainContent.MainContentBlog {

	background: #f2f2f2;

	padding: 80px 0 20px 0;	

}



.MainContent.MainContentBlogSingle {

	background: #f2f2f2;

	padding: 40px 0 60px 0;	

}

.MainContent.MainContentBlogSingle main {

	background: #fff;

	padding: 20px 30px;

	margin-bottom: 80px;	

}

.MainContent.MainContentBlogSingle main .image {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	height: 380px;

	margin-bottom: 40px;

}

.MainContent.MainContentBlogSingle main h1 {

	color: #41b0a1;

	font-weight: 500;

}

.MainContent.MainContentBlogSingle .title h3 {

	font-size: 2.6em;

	margin-bottom: 30px;

}



.MainContent.MainContentBlogSingle main p:first-of-type {

	font-size: 24px;

}





.blogpreview {

	margin-bottom: 30px;

	background: #fff;

	padding: 20px;

	min-height: 592px;	

}

.blogpreview .image {

	width: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;	

	height: 220px;

	margin-bottom: 20px;

}

.blogpreview .timestamp {

	font-size: 1em;

}

.blogpreview h3 {

	font-weight: 500;

	line-height: 1.1em;

}

.blogpreview h3 a {

	color: #41b0a1;

}

.blogpreview p {

	font-weight: 300;

}

.blogpreview a.BTN {

	font-size: 1em;

	margin: 0;

}













/*BTN Styles*/



a.BTN { 

	display: inline-block; 

	padding: 20px 50px; 

	margin: 20px 0; 

	background: #41b0a1; 

	color: #fff; 

	border-radius:none!important; 

	font-weight: 500;

	font-size: 24px;

	text-transform: uppercase; 

}

a.BTN:hover { 

	background: #409c90; 

}





/*FORMS Default Styles*/



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	opacity: 1 !important;

  	color: #888 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  	opacity: 1 !important;

  	color: #888 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  	opacity: 1 !important;

  	color: #888 !important;

}

:-moz-placeholder { /* Firefox 18- */

  	opacity: 1 !important;

  	color: #888 !important;

}



input[type="text"],input[type="email"],input[type="number"],input[type="password"], select, textarea { 

	font-family: inherit;

	width: 100%;

	border: solid 1px #DDDDDD;

	background-color: #FFF;

	padding: 1rem;

	outline: 0;

	color: #222 !important;

	margin:0 0 12px 0 !important;

	font-size: 16px !important;

	}



textarea{ overflow: auto; height: 250px; resize: vertical;}





input[type="submit"],button{ background: #41b0a1; cursor: pointer; font-family: inherit; color: #fff; font-size: 16px; border: 0; border: none; margin:0 0 30px 0; width: 100%; display: block; text-align: center; padding: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; ; font-weight:bold; text-transform: uppercase; }



input[type="submit"]:hover,button:hover{ background: #409c90; color: #fff;}



/*SideBar Style*/

aside{ }

aside ul{ margin: 20px 0; }

aside ul li { 

	margin-bottom: 15px; 

	position: relative;	

	padding-left: 20px;

}

aside ul li:before { 

	content: "";

	background-image: url(images/bodyboard_icon.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	position: absolute;

	width: 10px;

	height: 5px;

	left: 0;

	top: 10px;

}



/* Home */

.video-wrapper {

	min-height: 810px;	

	position: relative;

}

video#bgvid { 

    position: fixed;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

  	-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

	background-position: center;

  	transition: 1s opacity;

}

.banner {

	/*position: absolute;

	top: 240px;	

	width: 100%;*/

	padding: 260px 0 120px;

}

.banner h1 {

	color: #41b0a1;

	font-size: 46px;

	font-weight: 700;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}

.banner p {

	color: #fff;

	font-size: 35px;

	line-height: 45px;

	font-weight: 400;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}

.strapline {

	background: #fafafa;

	padding: 20px;	

}

.strapline p {

	margin: 0;

	font-size: 22px;

}

.strapline a {

	color: #41b0a1;

	font-size: 22px;

	margin-top: 5px;

	display: block;

}
.strapline a:hover {
	text-decoration: underline;

}

.banner-next-trip {

	background: rgba(255,255,255,0.95);

	padding: 30px 30px 20px 30px;

	display: inline-block;

	text-align: left;	

}

.banner-next-trip h3 {

	font-weight: 400;

	font-size: 30px;

	margin-bottom: 20px;

}

.banner-next-trip ul li a {

	background: rgba(65,176,161,1);

	margin-bottom: 10px;

	padding: 10px 82px 10px 82px;

	display: block;

	color: #fff;

	position: relative;

}

.banner-next-trip ul li a:hover {

	background: #409c90;

}

.banner-next-trip ul li a:before {

	content: "\f073";

	font-family: "Fontawesome";

	position: absolute;

	font-size: 34px;

	line-height: 52px;

	left: 25px;

}

.banner-next-trip ul li a:after {

	content: "\f054";

	font-family: "Fontawesome";

	position: absolute;

	font-size: 24px;

	top: 17px;

	right: 20px;

}

.banner-next-trip ul li a h4 {

	font-weight: 700;

	font-size: 21px;

	margin-bottom: 0;

}

.banner-next-trip ul li a h5 {

	font-weight: 400;

	font-size: 19px;

	margin-bottom: 0;
	line-height: 1em;

}

.MainContent {

	background: #fff;

	padding: 70px 0;	

}

.main-content-title {

	color: #41b0a1;

	margin-bottom: 70px;

	font-size: 36px;	

}

.video-thumb {

	position: relative;

}

.play-video {

	width: 100%;

	height: 100%;

	text-align: center;

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 0;	

	padding-top: 25%;

	transition: background-color 0.5s ease;

}

.play-video:hover {

	background: rgba(0,0,0,0.6);

}

.play-video p {

	color: #fff;

	margin-top: 10px;

	font-weight: 500;

	font-size: 22px;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}

.nico-testimonial {

	background: url(images/nico_testimonial_bg.jpg) no-repeat center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	padding: 94px 0 154px 0;

}

.nico-testimonial-wrapper {

	background: rgba(255,255,255,0.9);

	padding: 40px 40px 30px 40px;	

}

.nico-testimonial-wrapper h3 {

	font-size: 26px;

	font-weight: 700;

	margin-bottom: 20px;

}

.nico-testimonial-wrapper p {

	font-size: 20px;	

}

.section-book-now {

	background: url(images/book_now_bg.jpg) no-repeat center fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	padding: 300px 0 90px 0;	

}

.book-now-full-wrapper h3, .section-ready-to-surf h3 {

	color: #fff;

	font-size: 38px;

	font-weight: 700;

	text-transform: uppercase;

}

.book-now-full-wrapper .AreaNumberWrapper, .section-ready-to-surf .AreaNumberWrapper {

	color: #fff;

	font-size: 32px;

}

.book-now-full-wrapper .AreaNumberWrapper a, .section-ready-to-surf .AreaNumberWrapper a {

	color: #fff;

}

.section-services {

	background: #fff;

	padding: 90px 0 0 0;	

}

.section-services h3 {

	color: #41b0a1;

	font-size: 36px;

	margin-bottom: 60px;		

}

.services-wrapper {

	margin-bottom: 90px;	

}

.services {

	height: 360px;	

	float: left;

	margin: 0 0.5% 10px 0.5%;

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	display: block;

}

.services-wrapper a:nth-child(1), 
.services-wrapper a:nth-child(4)
 { 
	width: 49%;
}

.services-wrapper a:nth-child(2), 
.services-wrapper a:nth-child(3) { 
	width: 49%;
}

.services-wrapper a:nth-child(5),
.services-wrapper a:nth-child(6){ width: 99%;}

.services h3 {

	color: #fff;	

	font-weight: 700;

	font-size: 26px;

	position: absolute;

	left: 20px;

	bottom: 20px;

	margin: 0;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

	z-index: 1;
	text-align: left;
	right: 20px;

}

.services-price {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.6);

	visibility: hidden;

 	 opacity: 0;

  	transition: visibility 0s, opacity 0.5s ease;

}

.services-price h4 {

	color: #fff;

	padding: 160px 0 0 0;	

	font-size: 24px;

	margin-bottom: 0px;

	text-align: center;

}

.services-price h4 p {

	margin-bottom: 0;

	font-size: 24px;

	font-style: normal;

	font-weight: 400;

}

.services-price p {

	color: #fff;

	font-size: 21px;

	font-weight: 300;

	font-style: italic;

	text-align: center;

}

.services-wrapper a:hover .services-price {

	visibility: visible;

  	opacity: 1;	

}

.section-rentals {

	background: #fff;

	padding: 120px 0 50px 0;	

}

.section-rentals h3 {

	color: #41b0a1;

	font-size: 36px;

	margin-bottom: 15px;	

}

.section-rentals h4 {

	color: #808080;

	font-size: 26px;

	margin-bottom: 10px;

	font-weight: 500;	

}

.section-rentals p {

	font-size: 18px;

	margin-bottom: 15px;	

}

.section-rentals h5 {

	color: #808080;

	font-size: 18px;

	margin-bottom: 70px;	

}

.surf-bodyboard-lesson h3 {

	font-size: 28px;

	color: #000;

	margin-bottom: 0;	

}

.surf-bodyboard-lesson h4 {

	font-size: 28px;

	color: #41b0a1;

	font-weight: 500;	

}

.lesson-prices {

	padding: 20px 40px;

	background: #fafafa;

	width: 630px;

	margin: 50px auto 30px;

}

/*#Rental_Price .lesson-prices {

	width: 830px;

}*/

.lesson-prices table {

	width: 100%;

	border-collapse: separate;

	border-spacing: 15px;

}

.lesson-prices table tr {

	padding: 10px 0;

}

.lesson-prices table tr th {

	text-align: right;

	font-size: 21px;

	color: #808080;

	font-weight: 500;

}

.lesson-prices table tr td {

	text-align: right;

	font-size: 21px;

	color: #41b0a1;

	font-weight: 500;

}

.lesson-prices table tr td:first-child {

	text-align: left;	

	color: #000;

}

.section-client-testimonial {

	background: url(images/client_testimonial_bg.jpg) no-repeat center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	padding: 110px 0 200px 0;	

}

.client-testimonial-wrapper {

	background: rgba(255,255,255,0.9);

	padding: 30px 40px;	

}

.client-testimonial-wrapper p {

	font-size: 28px;

	font-weight: 300;

}

.client-testimonial-wrapper h5 {

	font-size: 16px;

	font-weight: 500;

	text-align: right;

}

.section-surfcamp-packs {

	background: #fff;

	padding: 110px 0 40px 0;	

}

.section-surfcamp-packs h3 {

	color: #41b0a1;

	font-size: 36px;

	margin-bottom: 15px;

}

.section-surfcamp-packs p {

	font-size: 18px;

}

.surfcamp-packs-wrapper {

	margin: 100px 0 0 0;	

}

.surfcamp-packs {

	margin-bottom: 60px;	

}

.surfcamp-packs a.image {

	width: 280px;

	height: 280px;

	display: block;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	border-radius: 50%;	

	margin: 0 auto 30px auto;

	position: relative;

}

.surfcamp-packs a.image p {

	color: #fff;

	font-size: 21px;

	font-weight: 300;

	font-style: italic;

	background: rgba(0,0,0,.6);

	position: absolute;

	width: 280px;

	height: 280px;

	padding-top: 130px;

	border-radius: 50%;	

	visibility: hidden;

 	 opacity: 0;

  	transition: visibility 0s, opacity 0.5s ease;

}

.surfcamp-packs a.image:hover p {

	visibility: visible;

  	opacity: 1;	

}

.surfcamp-packs h3 {

	font-size: 30px;

	margin-bottom: 0;

}

.surfcamp-packs h4 p {

	font-size: 21px;

	font-style: italic;

	color: #808080;

}

.section-ready-to-surf {

	background: url(images/ready_to_surf_bg.jpg) no-repeat center;
	background-size: cover;

	padding: 60px 0 230px 0;	

}

.section-licensed-company {

	background: #fff;

	padding: 60px 0 20px 0;	

}

.section-licensed-company h3 {

	color: #41b0a1;

	font-size: 36px;

	margin-bottom: 60px;

}

.section-licensed-company img {

	margin: 0 40px 40px 40px;

}



/* About */

.page-banner {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	min-height: 450px;	

	padding-top: 160px;

	text-align: center;

}

.page-banner h1 {

	/*color: #41b0a1;*/
	color: #fff;

	font-size: 50px;

	line-height: 55px;

	font-weight: 700;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}

.page-banner h2 {

	color: #fff;

	font-size: 30px;

	font-weight: 400;

	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);	

}

.about-content-wrapper img {

	margin: 50px 0 70px 0;	

}



/* Locations */

a.see-google-maps { 

	margin: 50px 0;

	position: relative;	

	display:block;	

}

.locations-wrapper li h4 {

	color: #41b0a1;

	font-weight: 700;

	margin: 0 0 15px 0;

	font-size: 30px;

}

.locations-wrapper li a {

	display: block;

	margin-bottom: 40px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100%;

	height: 400px;

	position: relative;

}

.locations-wrapper li a h5, a.see-google-maps span {

	visibility: hidden;

	opacity: 0;

	transition: visibility 0s, opacity 0.5s ease;

	background: rgba(0,0,0,0.6);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	color: #fff;

	padding-top: 180px;

	font-style: italic;

	font-weight: 300;

	font-size: 24px;

	position: absolute;

}

a.see-google-maps span {

	padding-top: 240px;

}

.locations-wrapper li a:hover h5, a.see-google-maps:hover span {

	visibility: visible;

	opacity: 1;

}



/* Why Sintra / Portugal */

.sightseeing-wrapper {	

	margin: 40px 0;

}

.sightseeing-wrapper li  {

	min-height: 370px;	

	margin-bottom: 40px;

}

.sightseeing-wrapper li .image {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	width: 100%;

	height: 270px;	

	margin-bottom: 20px;

}

.sightseeing-wrapper li h4 {

	color: #41b0a1;

	font-size: 21px;

}

.see-more-sintra p {

	margin-bottom: 5px;

}

.see-more-sintra a {

	color: #41b0a1;	

}



/* Videos */

.videos-wrapper li {

	margin-bottom: 40px;

	min-height: 300px;

}

.videos-wrapper li a {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	display: block;

	width: 100%;

	height: 220px;	

	position: relative;

	margin-bottom: 15px;

}

.videos-wrapper li a span {

	background-color: rgba(0,0,0,0.6);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	text-align: center;

	visibility: hidden;

	opacity: 0;

	transition: visibility 0s, opacity 0.5s ease;

}

.videos-wrapper li a:hover span {

    visibility: visible;

    opacity: 1;

}

.videos-wrapper li a span img {

	padding-top: 80px;

}

.videos-wrapper li h4 {

	color: #41b0a1;

	font-size: 20px;

}



/* Team & Sponsors */

.sponsors-wrapper  { 

	background: #fafafa;

	padding: 30px 40px 0 40px;

}

.sponsors-wrapper img { 

	margin-bottom: 30px;

}



/* Shop & Custom Boards */

.shop-custom-board-wrapper {

	text-align: center;

}

.shop-custom-board-wrapper img {

	margin: 0;

}

.shop-custom-board-wrapper p {

	font-size: 20px;

}



/* Testimonial */

.MainContent.MainContentTestimonial {

	background: #fafafa;	

}

.testimonials-widget-testimonial {

	width: 100%;

	padding: 30px 60px;	

	background: #fff;

}

.testimonials-widget-testimonial h3 {

	margin-bottom: 30px;

	font-weight: 500;

}

.open-quote, .close-quote { display: none;}

blockquote {

    margin: 0 !important;

    padding: 0 !important;

    border-left: none !important;

}

blockquote p {

    color: #000 !important;

}

.credit { color: #808080;}

.testimonials-widget-testimonial.list {

    clear: none;

    margin-bottom: 2em;

}

.testimonials-widget-testimonial .image {

    float: right !important;

    margin: 20px 0 30px 30px !important;

}

.testimonials-widget-testimonial .image img {

    border-radius: 50%;

}



/* Boogietrip Packs Single */

.single-custompost-side {

	background: #fafafa;

	padding: 30px 40px 10px 40px;	

	margin-bottom: 30px;

}

.single-custompost-side h3 {

	font-size: 24px;

	font-weight: 500;

}

.single-custompost-side p {

	font-size: 16px;

}



/* Surfcamp Packs */

.MainContent .surfcamp-houses {

	margin-bottom: 0;

}

.surfcamp-houses li {

	margin-bottom: 40px;

}

.surfcamp-houses li img {

	height: 160px;

	margin-bottom: 20px;

}

.surfcamp-houses li h3 {

	font-size: 24px;

	font-weight: 500;

	margin-bottom: 5px;

}

.surfcamp-houses li a {

	font-size: 18px;

	font-weight: 300;

	font-style: italic;

	color: #000;

}

.surfcamp-houses li a:hover {

	text-decoration: underline;

}

.section-surfcamp-features {

	background: #fafafa;

	padding: 60px 0 0 0;

	text-align: center;	

}

.section-surfcamp-features ul li {

	margin-bottom: 60px;	

}

.section-surfcamp-features h3 {

	font-size: 36px;

	font-weight: 700;

	color: #41ab9c;	

	margin-bottom: 60px;

}

.section-surfcamp-features ul li img {

	margin-bottom: 20px;

}

.section-surfcamp-features ul li h4 {

	font-size: 18px;

	font-weight: 500;

	color: #41ab9c;	

}

.section-surfcamp-houses {

		

}

.surfcamp-houses-wrapper {

	padding: 60px 0;

}

.section-surfcamp-houses h3 {

	font-size: 36px;

	font-weight: 700;

	color: #41ab9c;	

	line-height: 1.2em;

}

.surfcamp-prices-tables {

	margin-top: 60px;	

}

.surfcamp-prices-tables li h4 {

	background: #41ab9c;

	color: #fff;

	padding: 12px 0;

	font-size: 20px;

	margin: 0;	

}

.prices-tables-content {

	border-left: 1px solid #e9e9e9;	

	border-right: 1px solid #e9e9e9;

	

	padding: 10px 15px ;

}

.prices-tables-content ul li {

	margin-bottom: 10px;

}

.prices-tables-note {	

	border-left: 1px solid #e9e9e9;	

	border-right: 1px solid #e9e9e9;

	border-top: 1px solid #e9e9e9;

	padding: 10px 15px;

	font-size: 14px;

}

.prices-tables-prices {

	background: #f2f2f2;

	padding: 15px;

	margin-bottom: 40px;

}

.prices-tables-prices p {

	color: #41ab9c;

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 0;

}

.single-deluxe .large-4 {

	width: 50%;	

}

.single-deluxe li img {

	width: 280px;

	height: 280px;

	border-radius: 50%;	

}
.MainContent .new-azures-week {
	margin-top: 60px;
}


/* Rev Slider */

.rev_slider_wrapper {

	margin: 0 auto 30px auto !important;

}
span.small-text {
	font-size: 16px;
}


/* Contact */

.gform_fields {

	padding: 0 !important;

	margin: 0 !important;

}

.gform_fields li label, .gform_fields li:before {

	display: none;

}

.gform_fields li {

	padding: 0 !important;

	margin: 0 !important;

}

.contact-details-wrapper {

	background: #fafafa;

	padding: 30px 40px 10px 40px;	

	text-align: center;

}

.contact-details-wrapper h3 {

	margin-bottom: 30px;

}

.contact-details-wrapper h4 {

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 5px;

}

.contact-details-wrapper p {

	margin-bottom: 30px;

}

.contact-details-wrapper a.phone {

	font-weight: 500;

}

.contact-details-wrapper a:hover{

	text-decoration: underline;

}

.contact-details-wrapper a i {

	margin: 0 10px;

	font-size: 20px;

}

.contact-details-wrapper a i:hover {

	color: #808080

}



/*Footer*/



.footer{ background: #333; color: #fff;}



.footer-top {

	border-bottom: 1px solid #444;

	padding: 60px 0;	

}

.footer-nav ul li {

	display: inline-block;

}

.footer-nav ul li a {

	color: #fff;

	font-weight: 300;

	margin: 0 15px;

	font-size: 19px;

	text-transform: uppercase;

}

.footer-nav ul li a:hover {

	text-decoration: underline;

}

.footer-bottom {

	padding: 60px 0 10px 0;	

}

.footer-bottom {

	padding: 60px 0 10px 0;	

}

.footer-contacts {

	margin-bottom: 40px;

}

.footer-contacts p {

	font-size: 19px;

	margin-bottom: 1px;

	font-weight: 300;

}

.footer-contacts a {

	font-size: 19px;

	color: #fff;

	display: inline-block;

	margin-bottom: 4px;

}

.footer-contacts a:hover {

	text-decoration: underline;

	color: #fff;	

}

.footer-contacts.social-footer a i {

	color: #333;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: #fff;

	margin-right: 10px;	

	text-align: center;

	line-height: 30px;

}

.footer-contacts.social-footer a i:hover {

	color: #41b0a1;

}

.copyright {

	margin-top: 20px;

	font-size: 16px;	

}

.copyright a {

	font-size: 16px;

	color: #fff;	

}

.copyright a:hover {

	text-decoration: underline;

	color: #fff;	

}



/* BLOG PAGINATION */



.navigation.paging-navigation {



    margin-bottom: 25px;



}



.nav-previous {



    display: inline-block;



   



}



.nav-next {



    float: right;



}



.nav-previous > a {



    color: #000;



}



.nav-next > a {



    color: #000;



}



.logoin {



    width: 18% !important;



}















.parallax-container {



  height: 500px;



  width: 100%;



}











.cd-top {



  display: inline-block;



  height: 40px;



  width: 40px;



  position: fixed;



  bottom: 40px;



  right: 10px;



  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);



  /* image replacement properties */



  overflow: hidden;



  text-indent: 100%;



  white-space: nowrap;



  background: #000 url(images/cd-top-arrow.svg) no-repeat center 50%;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: opacity .3s 0s, visibility 0s .3s;



  -moz-transition: opacity .3s 0s, visibility 0s .3s;



  transition: opacity .3s 0s, visibility 0s .3s;



}



.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {



  -webkit-transition: opacity .3s 0s, visibility 0s 0s;



  -moz-transition: opacity .3s 0s, visibility 0s 0s;



  transition: opacity .3s 0s, visibility 0s 0s;



}



.cd-top.cd-is-visible {



  /* the button becomes visible */



  visibility: visible;



  opacity: 1;



}



.cd-top.cd-fade-out {



  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */



  opacity: .5;



}



.no-touch .cd-top:hover {



  background-color: #41b0a1;



  opacity: 1;



}







a.DownloadBTN{ color: #0094c5; font-weight: 700; display: block; padding: 10px 0;}















.cat-left-section {



    float: none !important;



    margin: 0 auto !important;



    padding: 10px !important;



    width: 100% !important;



}







.cat-left-section h2 {



    font-size: 20px;



    width: 100%;



}







.cat-right-section {



width:100% !important;



float:none !important;







}







.widget.widget_archive li {



    display: inline-block !important;



    float: left !important;



    width: 48% !important;



}













/* date picker */

.ui-datepicker {

	width:216px;

	height:auto;

	margin:5px auto 0;

	font:9pt Arial,sans-serif;

	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);

	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.5);

	box-shadow:0 0 10px 0 rgba(0,0,0,.5)

}

.ui-datepicker a {

	text-decoration:none

}

.ui-datepicker table {

	width:100%;

	border-collapse:collapse

}

.ui-datepicker-header {

	background-color:#666;

	color:#e0e0e0;

	font-weight:700;

	-webkit-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);

	-moz-box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);

	box-shadow:inset 0 1px 1px 0 rgba(250,250,250,.2);

	text-shadow:1px -1px 0 #000;

	filter:dropshadow(color=#000, offx=1, offy=-1);

	line-height:30px;

	min-height:30px!important;

	border-width:1px 0 0;

	border-style:solid;

	border-color:#666

}

.ui-datepicker tbody tr,.ui-datepicker thead {

	border-bottom:1px solid #bbb

}

.ui-datepicker-title {

	text-align:center

}

.ui-datepicker-title select {

	margin-top:2.5%

}

.ui-datepicker-next,.ui-datepicker-prev {

	display:inline-block;

	width:30px;

	height:30px;

	text-align:center;

	cursor:pointer;

	background-image:url(../images/datepicker/arrow.png);

	background-repeat:no-repeat;

	line-height:600%;

	overflow:hidden

}

.ui-datepicker-prev {

	float:left;

	background-position:center -30px

}

.ui-datepicker-next {

	float:right;

	background-position:center 0

}

.ui-datepicker thead {

	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background:-moz-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);

	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#f1f1f1));

	background:-webkit-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);

	background:-o-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);

	background:-ms-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);

	background:linear-gradient(to bottom,#f7f7f7 0,#f1f1f1 100%);

	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0 )

}

.ui-datepicker th {

	text-transform:uppercase;

	text-align:center;

	font-size:6pt;

	padding:5px 0;

	color:#666;

	text-shadow:1px 0 0 #fff;

	filter:dropshadow(color=#fff, offx=1, offy=0)

}

.ui-datepicker tbody td {

	padding:0;

	border-top:1px solid #bbb;

	border-right:1px solid #bbb

}

.ui-datepicker tbody td:last-child {

	border-right:0

}

.ui-datepicker tbody tr:last-child {

	border-bottom:0

}

.ui-datepicker td a,.ui-datepicker td span {

	display:inline-block;

	font-weight:700;

	text-align:center;

	width:30px;

	height:30px;

	line-height:30px;

	color:#666;

	text-shadow:1px 1px 0 #fff;

	filter:dropshadow(color=#fff, offx=1, offy=1)

}

.ui-datepicker-calendar .ui-state-default {

	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background:-moz-linear-gradient(top,#ededed 0,#dedede 100%);



	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(100%,#dedede));

	background:-webkit-linear-gradient(top,#ededed 0,#dedede 100%);

	background:-o-linear-gradient(top,#ededed 0,#dedede 100%);

	background:-ms-linear-gradient(top,#ededed 0,#dedede 100%);

	background:linear-gradient(to bottom,#ededed 0,#dedede 100%);

	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0 );

	-webkit-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);

	-moz-box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5);

	box-shadow:inset 1px 1px 0 0 rgba(250,250,250,.5)

}

.ui-datepicker-calendar .ui-state-hover {

	background:#f7f7f7

}

.ui-datepicker-calendar .ui-state-active {

	background:#FFF2AA;

	border:1px solid #c19163;

	color:#666;

	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);

	-moz-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);

	box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);

	text-shadow:0 1px 0 #FFF;

	filter:dropshadow(color=#FFF, offx=0, offy=1);

	position:relative;

	margin:-1px

}

.ui-datepicker-unselectable .ui-state-default {

	background:#f4f4f4;

	color:#b4b3b3

}

.ui-datepicker-calendar td:first-child .ui-state-active {

	width:29px;

	margin-left:0

}

.ui-datepicker-calendar td:last-child .ui-state-active {

	width:29px;

	margin-right:0

}

.ui-datepicker-calendar tr:last-child .ui-state-active {

	height:29px;

	margin-bottom:0

}

td.ui-datepicker-unselectable.ui-state-disabled {

	background-color:#d7d7d7

}

table.ui-datepicker-calendar {

	margin:0!important

}

body div#ui-datepicker-div[style] {

	z-index:9999!important

}



/*MEDIA STYLES*/

@media all and (max-width: 1200px) {

.section-book-now .large-offset-7 {

    margin-left: 50%;

}

.section-book-now .large-5 {

   	width: 50%;

}

}

@media all and (max-width: 1130px) {

.header-wrapper li a {

    padding: 20px 8px 40px 8px;

}	

.strapline p {

    font-size: 21px;

}

}

@media all and (max-width: 1025px) {

.header-wrapper {

    position: absolute;

}

}

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

.cd-top {

	height: 60px;

    width: 60px;

    right: 30px;

    bottom: 30px;

}

}

@media all and (max-width: 1023px) {

.section-book-now .large-offset-7 {

    margin-left: 0;

}

.section-book-now .large-5 {

   	width: 100%;

	text-align: center;

}

.footer-bottom, .header-wrapper, .banner   {

	text-align: center;	

}

.section-ready-to-surf {

	text-align: center;

	padding: 140px 0 150px 0;

}

.section-client-testimonial {

    padding: 15px 0 295px 0;

}

.section-book-now {

    padding: 200px 0 190px 0;

}

.nico-testimonial {

    padding: 230px 0 15px 0;

}

.footer-nav ul li {

    display: block;

	margin-bottom: 10px;

}

.logo { }

.video-wrapper {

    min-height: 1010px;

}

.strapline a {

    margin: 15px 0px;

}

#Rental_Price .lesson-prices {

    width: 100% !important;

	padding: 20px 15px;

}

.header-wrapper {

    padding: 10px 0 15px 0;

	min-height: auto;

}

/* Menu */

#wprmenu_bar {

    padding: 16px 16px;

    height: 50px;

}

#wprmenu_bar .menu_title { font-size: 18px !important;}

.mainNav { display: none;}

#menu-primary-menu {

	display:none;

	float:none;

}	

.header-menu-icon {

    background: url("images/menu-icon_black.png") no-repeat scroll center right;

    color: #000;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    line-height: 50px;

    margin-bottom: 7px;

    padding: 0 30px 0 10px;

}

#menu-primary-menu li{

    display: block;

    float: none;

    margin: 0;

}

#menu-primary-menu li a {

	float:none;

	padding: 10px 0;

}

#menu-primary-menu .sub-menu {

	display:none; 

	width:100%;

	padding-left:30px;

}

#menu-primary-menu li:hover .sub-menu {display:none !important; }

.header-wrapper ul li:hover > a:before, .header-wrapper ul li.current_page_item > a:before {

    display: none;

}

}

@media screen and (max-device-width: 800px) {

   .video-wrapper {

         background: url(images/home_banner_bg.jpg) #000 no-repeat bottom center fixed;

		 background-size: cover;

    }

    #bgvid {

        display: none;

    }

}

@media all and (max-width: 767px) {

#Lesson_Price .lesson-prices {

    width: 100% !important;

	padding: 20px 15px;

}	

.banner {

    padding: 170px 0 60px 0;

}

.banner h1 {

    font-size: 37px;

	line-height: 47px;

	color: #fff;

}

.services-wrapper a.services  {

	width: 100%;

	margin: 0 0 10px 0; 

}

.section-licensed-company img {

    margin: 0 0 40px 0;

}

.banner-next-trip {

    padding: 40px 20px 20px;

    display: block;

}

.banner-next-trip ul li a {

    padding: 10px 52px 10px 10px;

    text-align: left;

}

.banner-next-trip ul li a:before {

    display: none;

}

.strapline p {

    font-size: 19px;

}

.main-content-title, .book-now-full-wrapper h3, .section-ready-to-surf h3, .section-licensed-company h3, .section-rentals h3, .section-surfcamp-packs h3 {

    font-size: 32px;

}

.book-now-full-wrapper .AreaNumberWrapper, .section-ready-to-surf .AreaNumberWrapper {

    font-size: 23px;

}

#Rental_Price .lesson-prices table {

    overflow-x: auto;

		display: block;

}

.banner-next-trip h3 {

    font-size: 24px;

    margin-bottom: 20px;

}

a.BTN {

    font-size: 21px;

}

.banner-next-trip ul li a h4 {

    font-size: 19px;

}

.banner-next-trip ul li a h5 {

    font-size: 16px;

}

.banner p {

    font-size: 26px;

    line-height: 32px;

}

.main-content-title {

    text-align: left;

	    margin-bottom: 20px;

}

.book-now-full-wrapper .AreaNumberWrapper a, .section-ready-to-surf .AreaNumberWrapper a {

    display: block;

}
.MainContent.MainContentBlogSingle main {
    padding: 20px;
}

}

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

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

}

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

   .attachment-thumbnail.wp-post-image {

    display: block !important;

    margin: 0 auto !important;

}

}