@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
/*global declaration*/
/*.box-test{opacity:1;}

.box-title{opacity:1;}
#booking{opacity:.8;}#social{opacity:.96;}#logo-wrap{opacity:.8;} #header{opacity:.8;} .box-1-of-many{opacity:.8;} .box-1-of-many-left{opacity:.8;}.col-three-first{opacity:.8;} .col-three-second{opacity:.8;} .col-three-last{opacity:.8;} .biggy{opacity:.8;}
 p,h1,h2,h3,h4,h5,h6, span, img{opacity:1;}*/
 
 IMPRESSUM a{color:red;}
body{/*font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
	width: 100%;
	font-weight: 100  !important;
	font-style: normal  !important;
	margin: 0;
	padding: 0;
	color: #333;
	margin: 0;
	padding: 0;
	
	background-position: center top;
	background-image:url(http://thesandcastleindia.com/img/bg01.png);
	background-attachment: fixed;z-index: -1
	background-size: 100% 100%;
}
img{border:none;}
img a:hover{border:none;}
img a{border:none;}
ul li ol{list-style-type:none;}
a{text-decoration:none;}



#container-main{width:100%; height:auto; padding:0; margin-top:140px; color:#555;}

#header{
	width: 100%;
	margin: 0px auto 20px auto !important;
	height: 110px;
	padding: 0;
	top: 0;
	z-index: 1030;
	position: fixed;
	
	
	 background:url(http://thesandcastleindia.com/img/Header.png) center top no-repeat; 
}
#logo-wrap{
	width: 1200px;
	margin: 0 auto;
	background-image: none; opacity:1;
}
#logo{
	width: 176px;
	height: 100px;
	margin: 0;
	opacity: 1;
	background-image:url(http://cozybeachvilla.com/img/logo.png);
background-position:left;
	background-repeat: no-repeat;
}


#slider-wraper{
	width: 1200px;
	min-height: 450px;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}


#setion-block{
	width: 1200px;
	min-height: 1px;
	height: auto;
	padding: 0;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 45px;
	margin-left: auto;

}#opac{opacity:.9;}  


#booking{width:750px; margin-right:20px; min-height:80px; height:auto; float:left;-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1); padding-left:30px; padding-right:30px;padding-bottom:0px; color:rgba(255,255,255, 0.8);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);background:rgba(50,50,50, 0.8);}

#social{width:360px;  height:80px; float:right;-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);right:0; background:rgba(50,50,50, 0.8);}


#section-block-2{
	clear: both;
	width: 1200px;
	min-height: 1px;
	height: auto !important;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#col-three-first{
	width: 30%;
	float: left;
	height: 350px;
	background: rgba(50,50,50, 0.8);
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	
	text-align: center;
	margin-top: 3.5%;
	margin-right: 0;
	margin-bottom: 3.5%;
	margin-left: 0;
}

#col-three-second{
	width: 30%;
	float: left;
	height: 350px;
	background: rgba(50,50,50, 0.8);
	box-shadow: 1px 2px 2px 1px #ADB6B5;
	text-align: center;
	margin-top: 3.5%;
	margin-right: 5%;
	margin-bottom: 3.5%;-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	margin-left: 5%;
}

#col-three-last{
	width: 30%;
	float: left;
	height: 350px;
	background: rgba(50,50,50, 0.8);
	
	
	
	
	
	
	
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	
	
	
	
	
	text-align: center;
	margin-top: 3.5%;
	margin-right: 0;
	margin-bottom: 3.5%;
	margin-left: 0;
}

#links{ text-align:center; color:white; margin:5px 0; text-decoration:none; font-size:17px; line-height:32px;}


#awesome-icons-big{
    border-radius: 50%;
    color: #fff; font-weight:300;
    background: #000000;
    font-size:100px;
    display:block;
    height:100px; padding:20px;
    width:100px; margin:20px auto;
    text-align:center;-webkit-box-shadow: 0px 1px 30px -3px rgba(0,0,0,1);
-moz-box-shadow: 0px 1px 30px -3px rgba(230,230,230,1);
box-shadow: 0px 1px 30px -3px rgba(0,0,0,1); }
	
	#section-block-2 i{color:#fff;}
	
	
	
	
	
	/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	
	
#container-main{ height:auto;width:97%; margin:2% auto; height:auto; }

#header{width:100%;max-width:480px; height:120px; padding:0;box-shadow: none;}
#logo-wrap{width:100%; height:120px; margin:0; }
#logo{ width:146px; height:100px; background:url(../images/logo.gif) no-repeat;margin:0 auto;}

#slider {display:none;}
#slider-wraper{width:100%;height:250px; margin:20px 0 30px 0;box-shadow: 1px 2px 2px 1px #888888;background:url(../images/slider/slide-1.jpg) no-repeat;}


#setion-block{width:100%;;margin:0px ;min-height:1px; height:auto; padding:0;}


#booking{width:100%; height:120px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8);min-width:320px; margin-top:20px;}

#social{ width:100%;min-width:320px;  height:120px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8); margin-top:20px; margin-bottom:20px;}


#section-block-2{clear:both; width:100%; min-height:1px; height:auto !important; }

#col-three-first{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8); margin:20px 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}

#col-three-second{width:100%; float:none;  background:rgba(50,50,50, 0.8); margin:20px 0%;box-shadow: 1px 2px 2px 1px #ADB6B5;height:350px;}

#col-three-last{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8);margin:2% 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}


#awesome-icons-big{
    border-radius: 50%;
    color: #fff; font-weight:300;
    background-color:#72a978;
    font-size:100px;
    display:block;
    height:100px; padding:20px;
    width:100px; margin:20px auto;
    text-align:center; }
	
	
	
 Styles 
}







/* Smartphones (landscape) ----------- 
@media only screen 
and (min-width : 321px) {#container-main{ height:auto;width:97%; margin:2% auto; height:auto; }

#header{width:100%;max-width:480px; height:120px; padding:0;box-shadow: none;}
#logo-wrap{width:100%; height:120px; margin:0; }
#logo{ width:146px; height:150px; background:url(../images/logo.gif) no-repeat; margin:0 auto;}

#slider {display:none;}
#slider-wraper{
	width: 100%;
	height: 250px;
	box-shadow: 1px 2px 2px 1px #888888;
	background:url(../images/slider/slide-1.jpg) no-repeat;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}


#setion-block{width:100%;margin:0px ;min-height:1px; height:auto; padding:0;}


#booking{width:100%; height:160px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8);min-width:320px; margin-top:20px;}

#social{ width:100%;min-width:320px;  height:160px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8); margin-top:20px; margin-bottom:20px;}


#section-block-2{clear:both; width:100%; min-height:1px; height:auto !important; }

#col-three-first{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8); margin:20px 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}

#col-three-second{width:100%; float:none;  background:rgba(50,50,50, 0.8); margin:20px 0%;box-shadow: 1px 2px 2px 1px #ADB6B5;height:350px;}

#col-three-last{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8);margin:2% 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}


#awesome-icons-big{
    border-radius: 50%;
    color: #fff; font-weight:300;
    background-color:#72a978;
    font-size:100px;
    display:block;
    height:100px; padding:20px;
    width:100px; margin:20px auto;
    text-align:center; }
	
	
	
 Styles 
}












/* Smartphones (portrait) ----------- 
@media only screen 
and (max-width : 320px) {
	#container-main{margin:2% auto; width:97%; height:auto; }

#header{width:100%;max-width:480px; height:120px; padding:0;box-shadow: none;}
#logo-wrap{width:100%; height:120px; margin:0; }
#logo{ width:146px; height:100px;  background:url(../images/logo.gif) no-repeat; margin:0 auto;}

#slider {display:none;}
#slider-wraper{width:100%;height:250px; margin:20px 0 30px 0;box-shadow: 1px 2px 2px 1px #888888;background:url(../images/slider/slide-1.jpg) no-repeat;}


#setion-block{width:100%;margin:0px ;min-height:1px; height:auto; padding:0;}


#booking{width:100%; height:120px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8);min-width:320px; margin-top:20px;}

#social{ width:100%;min-width:320px;  height:120px; float:none;box-shadow: 1px 2px 2px 1px #ADB6B5; background:rgba(50,50,50, 0.8); margin-top:20px; margin-bottom:20px;}


#section-block-2{clear:both; width:100%; min-height:1px; height:auto !important; }

#col-three-first{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8); margin:20px 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}

#col-three-second{width:100%; float:none;  background:rgba(50,50,50, 0.8); margin:20px 0%;box-shadow: 1px 2px 2px 1px #ADB6B5;height:350px;}

#col-three-last{width:100%; float:none; height:350px; background:rgba(50,50,50, 0.8);margin:2% 0 2% 0;box-shadow: 1px 2px 2px 1px #ADB6B5;}


#awesome-icons-big{
    border-radius: 50%;
    color: #fff; font-weight:300;
    background-color:#72a978;
    font-size:100px;
    display:block;
    height:100px; padding:20px;
    width:100px; margin:20px auto;
    text-align:center; }
	
	
	
/* Styles 
}


#container {
	max-width:1180px;
	height:auto;
	padding:10px;
	margin:20px auto 0px auto;
}
{
*/#container{opacity:1;}
*{opacity:1;}
#menu-wrap{opacity:1;}
#container #menu-wrap {
	width:100%;
	height:auto; opacity:1;
	background:rgba(255,255,255, 0.8);
/*	border-bottom:#09F thin solid;
	border-bottom-width:3px;*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 50px 0px;
	text-align:center;
	line-height:13px;
}

#container #menu-wrap .menu-item {
    width: 38px;
    height: 55px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#container #menu-wrap .menu-item i {
    width:100%;
	padding:7px 0px 5px 0px;
	border-radius:3px;
}

#container #menu-wrap .menu-item i.fa-facebook {
	background:#3B5998;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-twitter {
	background:#44CCF6;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-youtube {
	background:#CE332D;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-linkedin {
	background:#0275B6;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-google-plus {
	background:#D13F2D;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-dribbble {
	background:#EA4C89;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-pinterest-square {
	background:#CB2027;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-stack-overflow {
	background:#FEA501;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-tumblr {
	background:#274152;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-instagram {
	background:#517FA3;
	color:rgba(255,255,255, 0.8);
}
#container #menu-wrap .menu-item i.fa-vimeo-square {
	background:#86C9EF;
	color:rgba(255,255,255, 0.8);
}
	
#container #menu-wrap .menu-item span {
	width:32px;
	height:32px;
    position: absolute;
    top: 10px;
    left: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    display: block;
	color:#445878;
	background:rgba(255,255,255, 0.8);
/*	border:#09F thin solid;
	border-width:2px;*/
	border-radius:50%;
}

#container #menu-wrap .menu-item span:hover {
    top: -29px;
	font-size:20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

span.active {
	top:100px !important;
	font-size:0px !important;
}

#container #menu-wrap .menu-item a {
	text-decoration:none;
}

#container #menu-wrap .menu-item .text {
	text-decoration: none;
    font-size: 25px;
    padding:0px 0px 0px 0px;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -37px;
	left:0;
    display: block;
     background-color: rgba(255,255,255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#container #menu-wrap .menu-item:hover > .text {
	padding:0px 0px 17px 0px;
	bottom:-10px;
	font-size:25px;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}

#container #menu-wrap .menu-item .icon {
    width: 0px;
    height: 32px;
	padding:13px 9px 5px 4px;
	font-size:25px;
	text-align:center;
}








/* iPads (portrait and landscape) ----------- */
html, body {height: 100%;}
.biggy{ width:1200px; margin:0 auto; min-height:120px; height:auto;
	}
.box-1-of-many{
	width: 47%;
	margin: 55px 2.5% 10px 0;
	min-height: 1px;
	height: auto;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	height: auto;
	color: #333;
	text-align: justify;
	padding: 10px;
	float: left;
	background-color: rgba(255,255,255, 0.8);
}
.box-title{
	font-size: 30px;
	color: inherit;
	font-weight: 400;
	padding: 10px;
}


.box-test{
	font-size: 17px;
	color: inherit;
	font-weight: 100;
	line-height: 25px;
	padding: 10px;
}

.box-1-of-many-left{
	width: 47%;
	min-height: 1px;
	height: auto;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 8px 5px rgba(0,0,0,1);
	color: #333;
	text-align: justify;
	padding: 10px;
	float: left;
	margin-top: 55px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: rgba(255,255,255, 0.8);
}

.video-tiles-big{ width:554px; margin:0px 5px; float:left; height:325px; background:url(../images/vide0-big.jpg) no-repeat;}

.video-tiles-small{ width:267px; margin:10px 5px; float:left; height:200px; background:url(../images/video-smail.jpg) no-repeat;}


.video-tiles-small-left{ width:267px; margin:10px 0px 10px 17px; float:left; height:200px; background:url(../images/video-smail.jpg) no-repeat;}




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

#footer {position: relative;
	margin-top: 5px; /* negative value of footer height */
	height: 50px;
	clear:both; border-top:3px  solid rgba(50,50,50, 0.8);-webkit-box-shadow: inset 0 10px 10px -10px rgba(236, 236, 236, 1);
    -moz-box-shadow: inset 0 10px 10px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);} 


#dummy-footer{margin:10px auto; width:100%; height:30px;}
/*accordion*/
/* .accordian .vertical section h3{background-color: #B9ADAD;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1CECE), to(#B9ADAD), color-stop(.5,#DBCBCB));
background: -moz-linear-gradient(top, #D1CECE 0%, #DBCBCB 50%, #B9ADAD 100%); border-radius:5px;}


*/



/*  Basic stucture
=====================*/
#accordion{
	width: 100%;
	text-align: left;
	color: #565656;
	border-radius: 0;
	font-weight: 200;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 16px;
	background-color: rgba(255,255,255, 0.8);
}
#accordion ul{list-style:none;margin:0;padding:20px;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{
	text-decoration: none;
	display: block;
	padding: 15px;
	font-size: 20px;
}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
	-webkit-box-shadow: 0 4px 10px #BDBDBD;
	-moz-box-shadow: 0 4px 10px #BDBDBD;
	box-shadow: 0 4px 10px #BDBDBD;
	/*border-radius*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: rgba(255,255,255, 0.8);
}
#accordion ul li a{
	color: #72a978;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: rgba(255,255,255, 0.8);
	background-color: rgba(255,255,255, 0.8);
}
.accordion{
	color: #565656;
	background-color: rgba(255,255,255, 0.8);
}
.accordion:target{
border-top:3px solid rgba(255,255,255, 0.8);
}

.thumbnail-video{height:200px; width:200px; margin:0 10px 10px 30px; float:left; background:url(../img/video_thumbnail.png) no-repeat;}


#events-main{
	width: 125px;
	min-height: 125px;
	padding: 10px;
	height: auto;
	float: left;
	margin-right: 10px;
	background: #72a978;
	margin-top: 10px;
	color: #fff;
	font-weight: 100;
	margin-left: 10px;
}
#events-main .dates{font-size:50px; color:white; text-align:center; clear:both;}
.event-name{font-size:16px; text-align:left; clear:both; text-decoration:none; color:white;}
.event-name a{font-size:16px; text-align:left; clear:both; text-decoration:none; color:white;}

.event-name a:hover{font-size:16px; text-align:left; clear:both; text-decoration:underline;}


 .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 150%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 750px;
       min-height: 50%;
        padding: 16px;
        border: 10px solid #72a978;
        background-color: white;
        z-index:1002;
        overflow: auto; padding:10px;
    }
	
	
	 .white_content .le{ width:300px; height:300px; float:left; margin-right:30px;margin-top:10px; margin-bottom:10px;}
	 
	 .white_content .ri{ width:400px;min- height:300px; float:left; margin-right:10px;margin-top:10px; margin-bottom:10px;}
	 
	 
	  .event-image{height:300px;  float:left;  width:300px; border:none;}
	 
	 .event-heading{ font-size:25px; font-weight:bold; color:#555; clear:both;}
	 
	 .event-descr{ text-align:left; font-size:14px; line-height:19px; color:#555;}
	 
	 .event-where{ text-align:left; font-size:14px; line-height:19px; color:#72a978; font-weight:bold;}
	 
	 
	 
	 
	 
	 
	 
	 /*navigation*/
	 
	 nav {
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #FFF;
	display: block;
	margin: -60px 0px 12px 22px;
	overflow: hidden;
	float: right;
	width: auto;
}

  nav ul {
    margin: 0;
    padding: 0; border-radius: 4px;
  }

    nav ul li {
      display: inline-block;
      list-style-type: none;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;  
    }
      
      nav > ul > li > a > .caret {
        border-top: 4px solid #72a978;;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
     	  -moz-transition: color 0.1s linear;
       	-o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
      }

      nav > ul > li > a {
        color: #FFF;
        display: block;
        line-height: 56px;
        padding: 0 24px; font-weight:bold;
        text-decoration: none;
      }

        nav > ul > li:hover {
         background: none;
		 color:#b2b2b2;
        }

        nav > ul > li:hover > a {
          color: #b2b2b2;
        }

        nav > ul > li:hover > a > .caret {
          border-top-color: rgb( 255, 255, 255 );
        }
      
      nav > ul > li > div {
        
      
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        
        visibility: hidden;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
      }

        nav > ul > li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
        }

          nav > ul > li > div ul > li {
            display: block;
          }

            nav > ul > li > div ul > li > a {
              color: #fff;
              display: block;
              padding: 12px 24px;
              text-decoration: none;
            }

              nav > ul > li > div ul > li:hover > a {
                background-color:#fff;
              }
  

#social .fb{width:100px; height:60px; float:left; margin-left:10px; margin-bottom:10px; margin-top:10px; background:url(http://thesandcastleindia.com/newsite/img/f.png) no-repeat;}




#social .Yt{width:100px; height:60px; float:left; margin-left:20px; margin-bottom:10px; margin-top:10px; background:url(http://thesandcastleindia.com/newsite/img/y.png) no-repeat;}



#social .Ta{width:100px; height:60px; float:left; margin-left:20px; margin-bottom:10px; margin-top:10px; background:url(http://thesandcastleindia.com/newsite/img/t.png) no-repeat;}

#IMPRESSUM{
	font-family: inherit;
	font-size: 8.5px;
	color: rgba(255,255,255, 0.8);
	text-align: left;
	line-height: 22px;
}

.price-list{font-size:inherit; padding:5px; width:auto; background:rgba(255,255,255, 0.8); font-weight:bold; color:#428a47;}


.fooetr-replace{height:35px; width:100%; clear:both;}











/*weather*/


.jbmww_wrapper {
    width:280px; /* Resize the main container - min width suggested 280px */
    overflow:hidden;
    background-color:rgba(255,255,255, 0.8);
    border-radius:3px;
    box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    margin:0 auto;
    margin-top:200px;
}

/* Header */

.jbww_head {
    width:280px;  /* Resize the head container - min width suggested 280px */
    height:258px;
    float:left;
    background-color:#ec4444; 
    border-radius: 3px 3px 0px 0px;
}

.jbww_head_top {
    width:280px; /* Resize the Location & Search container - min width suggested 280px */
    float:left;
}

.jbww_head_location {
    float:left;
    width:230px;

}

.jbww_head_location p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:rgba(255,255,255, 0.8);
    text-shadow: 1px 1px 0px #ba3636;
    margin-left:7px;
    margin-top:5px;
    line-height:20px;
}

.jbww_head_location span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:rgba(255,255,255, 0.8);
    text-shadow: 1px 1px 0px #ba3636;
    margin-left:7px;
}

.jbww_head_search {
    float:right;
}

.jbww_head_search a {
    float:right;
    width:26px;
    height:27px;
    background-image:url(../img/search_button.png);
    background-position:center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    margin-right:7px;
    margin-top:8px;
    border:1px solid #ec4444;
    border-radius:3px;
}

.jbww_head_search a:hover {
    border:1px solid #ce3939;
    border-radius:3px;
}

/* Header End */

/* Today Forecast */

.jbww_head_today_forecast_wrapper {
    width:100%; 
    float:left;
    overflow:hidden;
    margin-top:30px;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jbww_head_today_forecast {
    width:235px;
    margin:0 auto;
    overflow: hidden;
}

.jbww_head_today_forecast_icon {
    float:left;
}

.jbww_head_today_forecast_icon div {
    width:108px;
    height:108px;
}

.jbww_head_today_forecast_icon div.n-a {
    background-image:url("../img/big_icons_white/no_info.png");
}
.jbww_head_today_forecast_icon div.sunny {
    background-image:url("../img/big_icons_white/sunny.png");
}
.jbww_head_today_forecast_icon div.cloudy {
    background-image:url("../img/big_icons_white/cloudy.png");
}
.jbww_head_today_forecast_icon div.fog {
    background-image:url("../img/big_icons_white/fog.png");
}
.jbww_head_today_forecast_icon div.partlycloudy {
    background-image:url("../img/big_icons_white/partlycloudy.png");
}
.jbww_head_today_forecast_icon div.rainy {
    background-image:url("../img/big_icons_white/rainy.png");
}
.jbww_head_today_forecast_icon div.sleet {
    background-image:url("../img/big_icons_white/sleet.png");
}
.jbww_head_today_forecast_icon div.snowly {
    background-image:url("../img/big_icons_white/snowly.png");
}
.jbww_head_today_forecast_icon div.thunder {
    background-image:url("../img/big_icons_white/thunder.png");
}

.jbww_head_today_forecast_digit {
    float:right;
}

.jbww_head_today_forecast_digit p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:60px;
    color:rgba(255,255,255, 0.8);
    text-shadow: 1px 1px 0px #ba3636;
    font-weight:bold;
    line-height:110px;
    width:122px;
    text-align:center;
}

.jbww_head_today_wind_direction {
    float:left;
    margin-top:20px;
    margin-left:15px;
}

.jbww_head_today_wind_direction p {
    background-image:url(../img/wind_pos.png);
    background-repeat:no-repeat;
    background-position:left;
    text-indent:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #ba3636;
    color:#fff;
    line-height:30px;
    width:120px;
}

.jbww_head_today_wind_speed {
    float:right;
    margin-top:20px;
    margin-right:15px;
}

.jbww_head_today_wind_speed p {
    background-image:url(../img/wind_speed.png);
    background-repeat:no-repeat;
    background-position:left;
    text-indent:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    text-shadow: 1px 1px 0px #ba3636;
    color:#fff;
    line-height:30px;

}

.jbww_weekly_forecast_wrapper {
    width:100%;
    float:left;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jbww_weekly_forecast_day.odd {
    width:100%;
    height:43px;
    background-color:#ebebeb;
    float:left;
    margin-top:1px;

}

.jbww_weekly_forecast_day.even {
    width:100%;
    height:43px;
    background-color:#f5f5f5;
    float:left;
    margin-top:1px;

}


.jbww_weekly_forecast_date {
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#818181;
    line-height:43px;
    text-indent:10px;
    width:120px;

}

.jbww_weekly_forecast_deg {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#818181;
    line-height:43px;
    text-align:center;
    float:right;
    margin-right: 10px;
}

.jbww_weekly_forecast_icon {
    width:30px;
    margin-top:6px;
    float:left;
}

.jbww_weekly_forecast_icon div {
    width:30px;
    height:30px;
}
.jbww_weekly_forecast_icon div.n-a {
    background-image:url("../img/small_icons/no_info.png");
}
.jbww_weekly_forecast_icon div.sunny {
    background-image:url("../img/small_icons/sunny.png");
}
.jbww_weekly_forecast_icon div.cloudy {
    background-image:url("../img/small_icons/cloudy.png");
}
.jbww_weekly_forecast_icon div.fog {
    background-image:url("../img/small_icons/fog.png");
}
.jbww_weekly_forecast_icon div.partlycloudy {
    background-image:url("../img/small_icons/partlycloudy.png");
}
.jbww_weekly_forecast_icon div.rainy {
    background-image:url("../img/small_icons/rainy.png");
}
.jbww_weekly_forecast_icon div.sleet {
    background-image:url("../img/small_icons/sleet.png");
}
.jbww_weekly_forecast_icon div.snowly {
    background-image:url("../img/small_icons/snowly.png");
}
.jbww_weekly_forecast_icon div.thunder {
    background-image:url("../img/small_icons/thunder.png");
}

/* Today Forecast End */

.jbww_forecast_source {
    float:right;
    height:15px;
}

.jbww_forecast_source p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#b1b1b1;
    line-height:15px;
    margin-right:5px;
}

.jbww_forecast_source a {
    text-decoration:none;
    color:#b1b1b1;
}

.jbww_forecast_source a:hover {
    color:#ec4444
}

/* Search Bar */

.jbww_search_bar {
    background-image: url("../img/search_bar.png");
    position: absolute;
    top:35px;
    right:15px;
    width:260px;
    height:52px;
    display: none;
}

.jbww_search_bar input {
    width:200px;
    height:30px;
    border:0;
    float:left;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top:14px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color:#969191;
}

.jbww_search_bar a.searchButton {
    width:24px;
    height:24px;
    border-radius: 2px;
    border: 1px solid #ce3939;
    background-color:#ec4444;
    float:right;
    margin-top:16px;
    margin-right: 10px;
    background-image: url("../img/search_button.png");
    background-position: center;
    background-repeat: no-repeat;
}

.big-box{-webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,1); padding-left:30px; padding-bottom:0px; background:rgba(50,50,50, 0.8); margin:0px auto; height:80px; color:#FFF !important; text-align:left; font-size: 30px; line-height:31px; width:1170px;}