/*  #5bc5fa 74cefb 8cd7fc 5adffc bee8fd d6f1fe */
html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #fff;
	/*font-family: Verdana, Helvetica;*/    
    font-family: Roboto, sans-serif;
    font-size: 14px;
	line-height: 22px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	/*text-decoration: underline;*/
    outline: none;
}

nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #5bc5fa;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 5px;
    /* 5 -> 50 if   */
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
    z-index:200;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
    margin-top:10px;
    z-index:2;
}
.cleft { left:0; position:absolute; }

#menustart
{
	background: center center no-repeat transparent;
    background-image: url("../images/menu.png") ;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 10px;
}
.content
{
	padding: 50px 3px 50px 3px !important;
    margin-bottom:20px !important;
    margin-top:5px;
	text-align: center;

}

.cright { 
    right:15px;
    top:5px;
    position:absolute; 
    background: center center no-repeat url("../images/close33.png")  transparent ; 
    background-size:70%;
    display: block;
	width: 30px;
	height: 30px;
    z-index:3;
}

#addntf {
    height:90%;
}

.closebottom { 
    right:15px;
    top:3px;
    position:absolute; 
    background: center center no-repeat url("../images/close33.png")  transparent ; 
    background-size:70%;
    display: block;
	width: 30px;
	height: 30px;
    z-index:2;

}

.fmenu {
    background-size:70%;
    display: block;
	width: 40px;
	height: 40px;
    top:0;
    margin-right:5px;
    position:relative;
    float:left;

}

.fcam {
    background: center center no-repeat url("../images/photo.png")  transparent ; 
}

.fcamact {
    background: center center no-repeat url("../images/photo.png")   rgba(255, 255, 255, 0.45)  ; 
}

.camera {
	background: center center no-repeat transparent;
    background-image: url("../images/photob.png") ;
    width:32px;
    height:32px;
    display:inline-block;
}


.fhitch {
    background: center center no-repeat url("../images/hitchhiker3.png")  transparent ; 
}

.fhitchact {
    background: center center no-repeat url("../images/hitchhiker3.png")  rgba(255, 255, 255, 0.45) ; 
}

.fnotification {
    background: center center no-repeat url("../images/ntf.png")  transparent ; 
}

.fconf {
    background: center center no-repeat url("../images/settings.png") transparent ;
}



.menuimg { padding-left:1px; width:24px; margin-right:10px;}

.mm-opened ul li span { padding-left:15px; }

ul li ul li span { padding-left:15px; }
ul li ul li a span { padding-left:15px; }
ul li ul li a span ul li a span  { padding-left:15px; }
ul li ul li a span ul li span  { padding-left:15px !important; }

.camexpand { width:99%; overflow : hidden; padding:0px;}
.camexpand div { padding:0px; }  
.camexpand img { width: 100%; margin:0px; }
.waitingsn { width: 32px !important; height:36px !important; }

.camdata {    background: url("../images/snowfall2.gif") no-repeat ;
              background-position: center center ;
              min-height:72px;
 }


.waitinganim{
    background: url("../images/snowfall.gif") no-repeat ;
    background-position: center center;
    line-height:32px;
    z-index: 6100;
    margin: 2px 1px 1px 2px;
    background-size:63%;
    display:block;
    height:32px;
    width:32px;
    float:left;
}
.waitinganimb{
    background: url("../images/snowfall2.gif") no-repeat ;
    background-position: center center;
    line-height:32px;
    z-index: 6100;
    margin: 2px 1px 1px 2px;
    background-size:63%;
    display:block;
    height:32px;
    width:32px;
}


#accdata .panel .panel-heading { padding-top:50px !important;margin-top:-50px !important; display:inline-block !important; }

#menu2start
{
	background: center center no-repeat transparent url("../images/menu22.png") ;
	background-size: 65%;
    display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
/*
#fc {
    position:relative;
    top:50px;
}
*/

#wrpr-old {
    position:fixed;
    top:42px;
    bottom:40px;
    overflow:auto;
    padding:5px 3px 5px 3px;
    width:100%;
}

.anchor{
  display: block;
  height: 50px; /*same height as header*/
  margin-top: -50px; /*same height as header*/
  visibility: hidden;
}

.panel-title a {  display:block; width:100%; }

.camexpand2  { width:99%; overflow : hidden; padding:0px;}
.camexpand2 .intcams { padding:5px; }  

.panel2222 { background-color: #056cf2 !important  ; border-color: #056cf3 !important;   } /*  #dae9f7 */
.campanel { background-color: #5bc5fa !important;  }

.arrdown {
	background: no-repeat transparent;
	background-image: url("../images/arrdown.png") ;
    background-position: 98% center;
}

.arrup {
	background: no-repeat transparent;
	background-image: url("../images/arrup.png") ;
    background-position: 98% center;
}

.p0 { padding:0 !important;}
.ph0 { padding-left:0 !important; padding-right:0 !important; }
.pv0 { padding-top:0 !important; padding-bottom:0 !important; }

.m0 { margin:0 !important; }
.mp0 { margin:0 !important; padding: 0 !important; }
.pm0 { margin:0 !important; padding: 0 !important; }
.pm3 { margin:3px !important; padding: 3px !important; }
.m3 { margin:3px !important;  padding:0 !important; }



.btable { border:1px solid white; width: 99%;}
.btable td { border:1px solid white; font-size:12px; padding:1px 1px 1px 2px; }



table.meteo-shorter {
 margin: 0px;
 padding: 0px;
 font-size: 11px;
 width: 100%;
}

table.meteo-shorter th, table.meteo-shorter td {
}

table.meteo-shorter td {
 text-align: center;
 padding: 4px 0px;
 border-bottom: solid 1px #a6cbf1;
 white-space: nowrap;
}

table.meteo-shorter th {
 border-bottom: 1px solid #a6cbf1;
 font-weight: normal;
 color: #fff;
}

table.meteo-shorter th.label {
    background: none;
    font-weight: bold;
    color: #003170;
    text-align: left;
    padding-top: 5px;
}

.clear-day {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/clear-day.png") ;
    width:32px;
    height:32px;
  display:block;
}

.clear-night {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/clear-night.png") ;
    width:32px;
    height:32px;
  display:block;
}

.rain {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/rain.png") ;
    width:32px;
    height:32px;
  display:block;

}

.wind {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/wind.png") ;
    width:32px;
    height:32px;
  display:block;

}

.fog {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/fog2.png") ;
    width:32px;
    height:32px;
  display:block;
}

.sleet {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/sleet.png") ;

    width:32px;
    height:32px;
  display:block;
}

.snow {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/snow.png") ;
    width:32px;
    height:32px;
    display:block;
    color:red;
    font-weight:bold;
}

.cloudy {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/cloudy.png") ;
    width:32px;
    height:32px;
  display:block;

}

.weather {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/weather.png") ;
    width:32px;
    height:32px;
  display:block;

}

.freeze {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/ice.png") ;
    width:32px;
    height:32px;
  display:block;

}



.partly-cloudy-day {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/partly-cloudy-day3.png") ;
    width:32px;
    height:32px;
  display:block;
}
.partly-cloudy-night {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/partly-cloudy-night.png") ;
    width:32px;
    height:32px;
    display:block;
}

.clock {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/clock.png") ;
    width:32px;
    height:32px;
    display:block;
}

.temp {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/temperature.png") ;
    width:32px;
    height:32px;
    display:block;
}
.cal {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/cal.png") ;
    width:32px;
    height:32px;
    display:block;
}

.winds {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/wind.png") ;
    width:32px;
    height:32px;
    display:block;
}
.rain-prob {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/rain-prob.png") ;
    width:32px;
    height:32px;
    display:block;
}

.clouds {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/clouds.png") ;
    width:32px;
    height:32px;
    display:block;
}



.cloud {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/cloud.png") ;
    width:32px;
    height:32px;
    display:block;
    color:white;
    font-size:75%;

}
.raind {
	background: center center no-repeat transparent;
    background-image: url("../images/meteo/raind.png") ;
    width:32px;
    height:32px;
    display:block;
    color:white;
    font-size:70%;
}



.redf { 
    color: #5bc5fa;
    font-weight:bold;
    font-size:150%;
}


.phw {
    background-color: #d6f1fe !important;
    /*  #bee8fd  */
   /* background: rgba(255, 255, 255, 0.25) !important; */
}


.dtable td  {
    text-align:center; 
    vertical-align:middle;
    line-height:32px;
    padding: 2px;
    font-size:80%;
}

.dtable {
    width:100%;
    border:1px solid #5bc5fa;
    display:block;
  /*  overflow-y:auto;*/
}
.dtable tbody {
    overflow:auto;
    width:100% !important;
    display:table;
}

.td1 tr td:first-child { width:32% ; }

.td2 tr td {
    line-height:22px;
}

.dt2 {
   /* height:150px; */ /* use with overflow:auto in dtable */
}

.logospan {
    background: center center no-repeat transparent;
    background-image: url("../images/winter.logo.w.s.png") ;
    background-size:contain !important;
    display: block !important;
    width:50px;
    height:36px;
    float:left;
    z-index:2000;
    
}	

.ptable tr td:nth-child(2) { width:42% ; }
.ptable tr td:last-child { width:30% ; }
.ptable tr td:first-child { width:13% ; }

.h200 { /*height:200px ;*/ /* use this with overflow:auto in dtable to allow scrolling content */  }


.td3 tr td { font-size:65%; } 
.td3 tr td:first-child { width:46% ; font-size:55%; }

.ptable2 tr td:nth-child(2) { width:50% ; }
.ptable2 tr td:first-child { width:28px ; }
.ptable2 { font-size:70%; }

.vlifts tr td:nth-child(2) { width:43% ; }
.vtracks tr td:nth-child(2) { width:66% ; }
.borowtime td { font-size:60%;font-weight:bold; font-style:italic;text-align:left; line-height:90%; }
.borowtime { border-bottom:1px solid #5bc5fa; }

.borot1 tr td:nth-child(2) { width:60% ; font-size:75%;line-height:93%; }

.borot2 tr td:nth-child(3) { width:70% ; font-size:75%; }

.chlift tr td:nth-child(2) { width:40% ; font-size:75%;line-height:95%; }

.fcnext tr td:first-child { font-size:50%;line-height:90%; text-align:left; }
.fcnext tr td:nth-child(2) { font-size:75%;line-height:94%;  }

.weathercell {
    margin: 0 auto;
    width: 38px;
    height: 38px;
    position: relative;
    overflow:hidden;
}

.windcell {
margin: 1px auto;
width: 36px;
height: 36px;
position: relative;
}

.weathercell img, .windcell img {
position: absolute;
top: 0;
left: 0;
z-index: 0;
margin: 0!important;
}

.windcell span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    font-size: 14px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 36px;
    z-index: 1;
}

.wftable  tr td { width:20%; text-align:left;}
.fcasttd {  border-bottom:1px solid #5bc5fa;line-height:85% !important; text-align:left; }
.fcasttd span {line-height:90%;font-weight:70%; }



.upload_img canvas { max-width:50% !important;  }
.fcnote { line-height:85%; font-size:85%; padding-top:5px; }

.upload_img video { max-width:50% !important; border:1px solid white;  }



#modal-msg {
    top:90px !important;
    text-align:center;
    z-index:5000 !important;
}

#modal-msg-header {
    display: none;
}

#modal-msg-footer {
    text-align:center;
    display: none;
}


#vplayer { margin-left:32%; width:36%; }
.mspan { line-height:23px !important ;}

.pagemenu
{
	width: 100% !important;
	height: 100% !important;
    color:white;
}

.menuheader {
    background: inherit;
    box-sizing: border-box;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 100%;
    z-index: 20;
    border-bottom:1px solid white;
   position:absolute;
    top:0;
    left:0;


}
.snowntfs { font-size:70% !important ;text-transform:none; }
.fb-login-button { color:red; width:50%; };



#gplus_wrapper {
    width:165px;
    float:left
}
#gplus_login {
    display: inline-block;
    background: #dd4b39;
    color: white;
    width: 165px;
    border-radius: 5px;
    white-space: nowrap;
    cursor:pointer
}
#gplus_login:hover {
    background: #e74b37;
    cursor: hand;
}
#gplus_btn {
    display: inline-block;
    vertical-align: middle;
    text-align:center;
    padding-left: 7px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto',arial,sans-serif;
}

#gplus_logged { display:none; }


 # .boro-prices tr td:nth-child(2) { width:40% ; font-size:75%;line-height:95%; }
.boro-prices tr td { width:20% ;  }

.boro-prices tr td:first-child { font-size:60%;font-weight:bold; line-height:95%; }

.pamp-prices tr td:first-child { width:60% ;  }




#modal-box {
    top:90px !important;
    text-align:center;
    z-index:5000 !important;
}

#modal-box-header {
    display: none;
}

#modal-box-footer {
    text-align:center;
    display: none;
}

#index { 

    width:100%;
    height:100%;
	
}


#mainmenumap { width:640px;}


.placest tr td { width:33%; }
.placest tr td img { width:98% }
.placest { border:0 !important; }

.camcontainer { height:100px; width:100%; padding:1px; margin:0;overflow:hidden;position:relative; }
.camcontainer img { max-width:100%; }



a.polaroid {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 2px 2px 2px 2px;
    width: 150px;
    border: 1px solid #BFBFBF;
    background-color: white;
    font-size: 0.7em;
	text-align: center;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -webkit-transition: -webkit-transform 0.5s ease-in;
}
a.polaroid:hover,
    a.polaroid:focus,
    a.polaroid:active {
    z-index: 999;
    border-color: #6A6A6A;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.polaroid img {
    margin: 0 0 3px;
    width: 150px;
    height: 150px;
}

a img {
    border: none;
    display: block;
}

.camcontainer a img {
    border: none;
    display: block;
    height:100%;
}
    
.photo-album {
    position: relative;
    width: 98%;
    margin: 0 0;
    min-height: 80px;
    padding:0;
    
}
.photo-album .polaroid {
    position: absolute;
}


.photo-album .xsmall {
    width: 40%;
    padding: 1px 1px 1px 1px;
    font-size: 0.6em;
}
.photo-album .xsmall img {
    width: 99%;
    height:99%;
}

.photo-album .showcam {
    width:32px;
    height:32px;
    bottom:0;
    right:0;
	background: center center no-repeat transparent;
    background-image: url("../images/photob.png") ;
    width:32px;
    height:32px;
    display:inline-block;
    padding:0 !important;
    border:0 !important;
    margin: 0 !important;
}

.text-center {
    text-align: center;
}

.photo-album .small {
    width: 60%;
    padding: 2px 2px 2px 2px;
    font-size: 0.6em;
}
.photo-album .small img {
/*    width: 70px;
    height:50px;
    */
    width: 99%;
    height:99%;

}

.photo-album .medium {
    width: 90%;
    padding: 2px 2px 2px 2px;
    font-size: 0.8em;
}
.photo-album .medium img {
    width: 99%;
    height:99%;
/*
    width: 110px;
    height: 50px;
    */
}

.photo-album .img1 {
    bottom: 1px;
    right: 5px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
}
.photo-album .img2 {
    top: 5px;
    left: 2px;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.photo-album .img3 {
    left: 14px;
    top: 0;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.photo-album .img4 {
    top: 10px;
    left: 45px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.photo-album .img5 {
    top: 20px;
    right: 20px;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    transform: rotate(1deg);
}
.panel { margin-bottom:7px !important; }

#bgsnowmap {position:relative; max-width:99%;max-height:20%; overflow:hidden; }
#bgsnowmap img { width:120%; margin-top:-95%; }
.snowmeter { max-width:99%; /* max-height:40px;overflow:hidden;*/ padding:0; } 
.snowmeter img { width:100%; }

.banskoprices tr td { line-height:85%; font-size:70%; }
.banskoprices tr td:first-child { width:45% ; }
.banskoprices tr td:nth-child(2) { width:17% ; }
.banskoprices tr td:nth-child(2) { width:27% ; }

.startover { 
    background: center center no-repeat url("../images/winter.logo.w.s.png")  transparent ; 
    background-size:contain;
    display: block;
	width: 40px;
	height: 40px;
    top:0;
    margin-right:5px;
    position:relative;
    float:left;
}  

.mainlabel { 
    display: block;
    top:0;
    position:absolute;
    float:left;
    left:38%;
}

.fleft {
    float:left;
}
.aleft {
    text-align: left;
}
.choosetable {

}
.choosetable { width:100%;}
.choosetable tr td:first-child { width:25% ;padding-top:8px; }
.choosetable tr td:nth-child(2) { width:74% ; padding-top:8px; }
.choosetable tr td:nth-child(2) .sel1 { width:97% ;  }
.choosetable tr td:nth-child(2) .sel2 { width:47%; float:left;margin-right:3% ;  }


.combof li { font-size:70% !important;   }
.combof2 li { font-size:90% !important;   }

.combof > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width:0px !important ; background-color:red;   }



.combof li a { padding: 4px !important; font-size:70% !important; }

.comborow {
    color: #333;
    padding: 2px 2px 2px 2px;
    border: 1px solid #BFBFBF;
    background-color: white;
    font-size: 0.7em;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
    margin-top:5px;
    border-radius: 3px;
  
}

.fs70 { font-size:70%; }  

.fbdiv {
    display:block;
} 

.nosafarilogin, .fbloginlink, .fblogoutlink .emailauth { width:90% !important; margin-left: 5% !important; }

.bgsnowmap2 { max-width:99%; overflow:hidden; }
.bgsnowmap2 img { width:100%; margin-top:-10px; }

.avalanchetable tr td img { width:99% ; }
.avalanchetable tr td:nth-child(2) { width:40% ; }
.avalanchetable tr td:last-child { width:18% ; }
.avalanchetable tr td:first-child { width:40% ; }

.danger_1 { padding:6px; border-radius: 6px; background-color: #33cc33;    }  
.danger_2 { padding:6px; border-radius: 6px; background-color: #ffcc33;    }  
.danger_3 { padding:6px; border-radius: 6px; background-color: #ff6600;    }  
.danger_4 { padding:6px; border-radius: 6px; background-color: #fe0000;    }  
.danger_5 { padding:6px; border-radius: 6px; background-color: #fe0000;    }  

.slopestable {
    width:180px !important;

}
.slopestable tr td:first-child { width:78% ; border:1px solid red; }
.slopestable tr td:nth-child(2) { width:20% ; }

sltable { max-width: 99% };

.sltable tr td:last-child { width:28% ; }
.sltable tr td:first-child { 
    max-width:80 !important; 
    font-size:75%;
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: normal;
}

/*    white-space: -webkit-pre-wrap;*/ /*Chrome & Safari */ 

.menufooter {
    background: inherit;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    width: 100%;
    display:block;
    height:40px;
    z-index: 5020;
    border-top:1px solid white;
    position:absolute;
    bottom:0;
    left:0;
    padding:0;
    margin:0;
}

/* #mainul { position:absolute; top:50px; bottom:50px; display:block;  max-height:72%;   } */ 

#mainul { position:absolute; top:50px; bottom:50px;  display:block; padding-bottom:30px; max-height:75%;   }
.FixedHeader { width: 100% !important; } 
#menu { z-index:4444; }
#menuconf { z-index:4444; }
#menuntf { z-index:4444; }
#combomenu { z-index:4444; }
#combomenu .mm-footer { z-index:4445; display:block; }
#bugform { margin-right:10px; }

.combopanel > .panel-heading {
    background-color: #d6f1fe !important;
} 

.combopanel > .panel-collapse {
    background-color: #d6f1fe !important;
    color:black;
    font-weight:bold;
} 

#combomenu .content { margin-bottom:60px; padding-bottom:100px !important; max-height:90% !important; }
.infoli > a { padding:10px 8px !important; }


.lasttaken .smimg {
    width:80px;
    height:80px;
    bottom:0;
    right:0;
    display:inline-block;
    padding:0 !important;
    border:0px solid blue;
    margin: 0 !important;
    overflow:hidden;
}

.lasttaken .smimg2 {
    width:77px;
    height:77px;
    display: table-cell;
    vertical-align:middle;
    border:0px ;
    margin: 0 !important;
    overflow:hidden;
}

#bigimg { width:99% }

#bigimg img { width:95%; };

.bigimg { width:99%; }

.bigimg img { width:95%; };

.lasttaken {
    position: relative;
    width: 98%;
    margin: 0 0;
    padding:0;
}


.lasttaken .smimg2 img {
    width: 99%;
    height:90%;
    float:left;
}
.lasttaken video {
    width: 80px !important;
    height:60px !important;
}


#pic_data { margin-top:10px; margin-bottom:90px; }  
.pic_data { margin-top:10px;  margin-bottom:90px;}  

.fblikediv { display:block !important; }

.max100 li { max-width:32%; }
.max100 li a{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

video::-webkit-media-controls {
   /* display:none !important;*/
}


.smimg2 .showcam {
    width:32px;
    height:32px;
    top:0;
    left:0;
    background: center center no-repeat ;
    background-image: url("../images/photob.png") ;
    width:32px;
    height:32px;
    display:block;
    padding:0 !important;
    border:0 !important;
    margin: 0 !important;
}

.copyinput { width:99%; border:0px;  }

.safarilogin , .nosafarilogin { 
 color:white !important; font-weight:bold;
/* width:80% !important; border: 1px solid #5bc5fa ; color:white; font-weight:bold; padding:4px; border-radius:3px; margin:5px; line-height:30px; 
*/
}
.fcsnowspan { font-size:70% !important; }

.dangernote { line-height:110%; font-size:85%; padding:4px !important; font-weight:bold; color:white;
    white-space: wrap; 
}
.brword {
    word-wrap: break-word;   
    white-space: normal;

}

.menuHolder { display:none; width:100%; position:relative; right:0; top:0; background:#5bc5fa; z-index:400; height:60px; text-align:center;}
.webmenu {display:inline-block;
*display:inline; /* for IE7 */
}
.webmenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}

.webmenu li {display:block; position:relative;}

.webmenu ul ul {position:absolute; left:-99999px; top:60px; padding:10px 0; z-index:0; border-radius:0 0 5px 5px;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.webmenu ul ul ul {left:100%; top:auto; margin-top:-35px; border-radius:5px;
 /*background: rgba( 91 ,197, 250, 0.8)  */
 background: rgba( 0 ,0, 0, 0.8 )  

}
.webmenu ul li.left > ul {left:auto; right:0; top:60px;}
.webmenu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;}

.webmenu > ul {margin:0 auto; display:inline-block;}
.webmenu > ul {*display:inline;}
.webmenu > ul > li {float:left; position:relative;}

.webmenu ul {background:#5bc5fa;}

.webmenu a {display:block; text-transform:uppercase; color:#fff; text-decoration:none; padding:0 30px 0 20px; position:relative; z-index:10;}

.webmenu b { text-transform:uppercase; color:#fff; text-decoration:none; padding:0 30px 0 20px; position:relative; z-index:10;}


.webmenu > ul > li > a {line-height:60px; height:60px;}
.webmenu > ul > li > b {display:block; position:relative; width:100%; margin-top:-60px; height:60px; /*background: url(trans.gif);*/ z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
*display:none; /* for IE7 */
}

.webmenu ul ul > li > b {display:block; position:relative; margin-top:-25px; width:100%; height:25px;/* background: url(trans.gif)*/; z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}

.webmenu li:hover > b {width:0;}
.webmenu li.left ul a {text-align:right; padding:0 20px 0 30px;}

.webmenu li:hover > a,
.webmenu ul li:hover > a {color:#fff; background:#7b529d; }

.webmenu ul li a.hassub {/*background: url(arrow-down.png) no-repeat right center;*/}
.webmenu li ul li a.hassub {background: url(arrow-right.png) no-repeat right center;}
.webmenu li.left ul li a.hassub {background: url(arrow-left.png) no-repeat left center;}
.webmenu ul li:hover > a.hassub {color:#fff; background-color:#7b529d; }
.webmenu li.left ul li:hover > a.hassub {color:#fff; background-color:#7b529d;}

.webmenu ul li:hover {color:#fff; background-color:#7b529d;}

.webmenu ul ul,
.webmenu ul ul ul,
.webmenu ul li.left > ul,
.webmenu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}

.webmenu ul li:hover > ul {left:0; opacity:1;}
.webmenu ul ul li:hover > ul {left:100%; opacity:1;}
.webmenu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.webmenu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}


.menuimg2 { padding-left:1px; padding-top:20px; width:24px; margin-right:1px;display:inline; float:left; }
.menuimg3 { padding-left:1px; padding-top:20px; width:24px; margin-right:1px;display:inline; float:left; margin-left:1px;padding-right:1px; }

.startover2 { 
    background: center center no-repeat url("../images/winter.logo.w.s.png")  transparent ; 
    background-size:contain;
    display: block;
	width: 60px;
	height: 60px;
    top:0;
    margin-right:5px;
    position:relative;
    float:left;
}


#modal-ctr {
    display:none;
    z-index:4555;
}

.nobr { white-space:nowrap; }

.fullwidth { width:99% !important; }

#google_hosting_map{ width:99%;min-height:200px;}
#hosting_search { width:65%; }

@media  (min-width: 1024px) {
    #menustart { display:none;}
    #page { padding-top:70px;}
   /* .footer { display:none; }*/
    .menuHolder { display:block; }
    .mobmenu { display:none; }

    #google_hosting_map{ min-height:500px;}


    body {
        /* 5  9  10    11   12  16   17   18  20 */

        background-image: url("../images/back/back18.JPG") ;
        background-position: center center ;
        background-attachment: fixed;
        background-size:100% 100% !important;
        background-repeat: no-repeat;
        font-size:20px;
    }
    html {
    
        min-height:95% !important;
    }
    
    .content { background-color: rgba(255, 255, 255, 0.7) }

    /* 

    .firstpagemain {
        background-color: rgb(255, 255, 255);
        background-color: rgba(91, 197, 250, 0.2);
        border-radius: 5px;
        font-size: 24px;
        font-weight: bold;
    }
    .fptrow { 
         background-color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 5px;
        font-size: 24px;
        font-weight: bold;
    border-spacing:10px;

    }
    .fptable {
        border-spacing:10px;
    }
    */

    .mm-menu {
        width: 20%;
      /*
      min-width: 140px;
      max-width: 440px;
      */
      }

    .sltable { min-width: 300px; max-height:300px; font-size:85%; line-height:22px;   }
    .sltable tr td:first-child { 
        padding-left:10px;
    }
    .sltable tr td:last-child { 
        padding-right:10px;
    }
    .sltable tbody {
        overflow:auto;
        height:200px !important;
    }
 
    .wmenu2 > ul > li > ul {
        width:250px !important;
        right:-1px !important;
        left:9999px !important;
    }
    
    .wmenu2 > ul > li:hover > ul {
        left:auto !important ;
    }
 
    #modal-ctr {
        width:80%;
        left:10%;
    }
    #modal-ctr modal-dialog, #modal-ctr .modal-content {
        width:100%;
    }

    #bookingmobile { display:none; }
    #bookingweb { display:block !important; }

.table_list, .ol-table { line-height:12px;  font-size:11px;  }

}
.thumb  {
    height: 100px;
    border: 1px solid #000;
}
.remimg { 
    width: 20px; 
    height:20px;
    background-color:red;
    top:5px; 
    right:5px; 
    position:absolute; 
    border-radius:6px; 
    background: center center no-repeat url("../images/close33.png")  transparent ; 
    background-size:70%;
    display: block;
    z-index:3;
}
.hosting_img_span { position:relative; vertical-align: top; float:left; margin-right:6px;  }
.m5{ margin:5px !important;}
.p5 { padding: 5px !important; }
.emailauth {  width:80% !important; margin-left: 5% !important;  }  
.modal-open {
  overflow-y: scroll;
  }

.table_list, .ol-table {  line-height:11px;  font-size:10px;  }
.ol-weather-place span { font-weight:bold; font-size:13px; }