
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700&subset=latin,latin-ext);

@import url('/public/styles/normalize.css');
@import url('/public/styles/foundation.min.css');
@import url('/public/styles/font-awesome.min.css ');
@import url('/public/styles/tabs.css');

body {
    font-size: 11pt;
	font-family: 'Roboto', sans-serif;
    color: #fff;   
    background:#000000; 
        background:url(/public/images/slash_it.png);
}

hr {border:0px; border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.4);}
.clr {clear:both !important;float:none !important;}

.wrap {position:relative;}
.center {text-align:center;}
.blurWrap {position:relative;color:#fff;overflow:hidden;
background:#0094FF;
}




h1, .h1 {font-weight:400;font-size:2.5em;margin:18px 0px;line-height:120%;}
h2, .h2 {font-weight:400;font-size:1.8em;margin:10px 0px;line-height:120%;color:#ff9033;}
h3, .h3 {font-weight:400;font-size:1.3em;}



h1 span, .h1 span {font-size:60%;}



.button, button, .menuBox {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}



/*shadow*/
.listRow, .ico, .menuBox  {box-shadow: 0 0.5px 0 0 #000 inset, 0 1px 2px 0 #000;}

/*easing*/
.listRow, .ico, .back,  #submenu li, #menu li, a, a i, .menuBox, .menuBox *, .lightGallery li *
 {
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all  0.2s ease-out 0s;
}

.img, .subNav
{
        transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all  0.5s ease-out 0s;
}

a {color: #ff9033;text-decoration: none;}

.lightGallery {}

.lightGallery li  p {
    position:relative;padding-bottom:60%;cursor:pointer;border:1px solid #fff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16);
    
    }
    
    
    
.lightGallery li p i {position:absolute;
    display:block;
    top:0px;left:0px;width:100%;height:100%;
    cursor:pointer;text-align:center;padding-top:15%;
    color:#fff;font-size:1.4em;
    background:rgba(0,0,0,.4);
    opacity:0;
    }



.lightGallery li:hover p i {
opacity:1;
font-size:2em;
padding-top:25%;
    }        

.lightGallery li:hover p {-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);}

.lightGallery li img {display:none;} 


#map img { max-width : none;}
#map {min-height:400px;}



#lightGallery li:first-child  a img { max-height:100%;}


.iconsInfo label {font-size:0.8em;color:#808080;}

.pagination  
{
text-align:center;	
}

.ui-datepicker {z-index:999 !important;font-size:90% !important;}
.dashboardBox {background:#eee;padding:15px;}


.ico
{
    text-transform:uppercase;
    font-size:0.8em;
height:37px;line-height:37px;text-align:center;
display:inline-block;
min-width:37px;
padding:0px 10px;
border:1px solid rgba(0,0,0,0.2);
color:#909090;
cursor:pointer;
}


.icoAct, .ico:hover {border:1px solid #47C4FF; color:#47C4FF; background-color:#fff;}

.imgLeft {float:left;margin-right:20px;margin-bottom:20px;width:60%;}    
.img, #slider > div, .blurBack,  .lightGallery li p
{
	background-repeat:no-repeat !important;
	background-position:center center !important; 
  	-webkit-background-size: cover !important;
  	-moz-background-size: cover !important;
 	-o-background-size: cover !important;
 	 background-size: cover !important;
}

.ajaxLoading
{
opacity:0.4;
background:url(/public/images/ajax.gif) center center no-repeat #fff;
z-index:99999;
}




#sliderGallery 
{
position:relative;	
height:500px;
border-top:6px solid #212121;
border-bottom:6px solid #2A2A2A;
 
}



#slider {height:100%;width:100%;position:relative;z-index:9;overflow:hidden;} 

#slider > div
    {
    height:100%;width:100%;
    }
 

.slideInfo
{
    position:absolute;
    right:5%;    
    top:20%;
    width:40%;
    color:#ccc;
    z-index:999;
    text-align:justify;
    
       
}


.dark-button {background:#000 !important;border:1px solid #FF9033; padding:9px 22px !important; color:#FF9033;}

p {padding:7px 0px;margin:0px;}

.menuBox 
    {
	background:rgba(255, 255, 255, 0.9);		
	overflow:hidden;
	cursor:pointer;
	color:#000;
	
	position:relative;		
	}
		
		
			
.menuBox > .img {height:130px;width:100%;}
.menuBox:hover {background:rgba(255, 255, 255, 1);}

.menuBox:hover > strong {background:#f75400;color:#fff;}


.menuBox > strong {font-size:1.5em;font-weight:400;padding:20px;background:#fff;display:block;color:#ea6521;}

.menuBox > p {padding:20px;text-align:justify;font-size:0.9em;height:160px;overflow:hidden; }
.menuBox > p > a {display:block;position:absolute;bottom:20px;right:20px;color:#000;}
			

 
.slideInfo strong {font-weight:100;text-align:left;font-size:3em;display:block;line-height:100%;color:#FF9033;margin-bottom:15px;}





.sliderPager { 
	width:100%;
    z-index: 20;
    position: absolute; 
    height:auto;
    bottom:15px;
    left:0px;   
    text-align:center;
    z-index:9999;
}

.sliderPager span, .newsPager span { 
	display:inline-block;
    width: 12px; height: 12px;
    background:#ccc;
    color:#ccc;  
    cursor: pointer; 
    margin-right:5px;
    opacity:.5;
}



.sliderPager span.cycle-pager-active { color:#FF9033;background:#FF9033;opacity:1;}
.sliderPager > * { cursor: pointer;}




.wrap {
	margin: 0px auto;	
	position:relative;
}

.padd {padding:20px;}


#header
    {
	width:100%;
    position:relative;
    z-index:99999;    
    } 


#logo {
	padding:10px;
	float:left;
}

#logo img {max-height:100px;}


#headerRight {float:right;padding:0px 20px;}
#topLinks {height:73px;text-align:right;padding-right:20px;}

#topLinks a {display:inline-block;border-top:6px solid #ff9033;padding-top:10px;}

.txtMid {font-size:130%;}


.contactForm p {padding:5px 0px; font-size:.9em;}


td {vertical-align:top;}


.tab3col, .tab2col {width:100% !important;border:0px !important;border-collapse:collapse;}
.tab3col tr td {width:33.3% !important;padding:15px !important;}
.tab2col tr td {width:50% !important;padding:15px !important;}


 
.listingRows {width:100%;margin-bottom:20px;}
.listingRows tr th {padding:10px; text-align:left;border-bottom:1px solid #aaa;font-size:0.8em;background:#fff;}
.listingRows tr td {padding:10px; }


.listingRowsCenter tr td, .listingRowsCenter tr th {padding:10px; text-align:center;}


.listingRows tr:nth-child(odd)       { background-color:#eee; }
.listingRows tr:nth-child(even)      { background-color:#fff; }



.listInfo{padding:0px;margin:0px;list-style:none;}
.listInfo li {padding-left:40px;}


#lang
{
    float:right;    
    font-size:0.7em;
    padding-top:5px;
}

#lang li {
	display:inline-block;
	margin:0;
	padding:3px 10px;
	text-transform:uppercase;
}

#lang li a {color:#000;}

#lang li.act {
background:#fce23f;
font-weight:bold;	
}






#menu {list-style:none;margin:0px;padding:0px;float:right;display:block;position:relative; }

#menu > li {
  -webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;


height:50px;
line-height:50px;
width:195px;
cursor:pointer;
display:inline-block;
text-align:center;
border-right:1px solid #303030;
position:relative;
font-size:.95em;
padding:0px 15px;
white-space:no-wrap;
color:#000;
} 

#menu > li:hover {background:#ff9033;}



#menu > li a {text-transform:uppercase;font-weight:bold;color:#fff;}
#menu > li:hover a {color:#000 !important;}
#menu > li.over a {color:#ff9033;}


#menu > li > ul {display:none;
    
    background: rgb(255,144,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,144,51,1) 0%, rgba(255,174,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,144,51,1)), color-stop(100%,rgba(255,174,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,144,51,1) 0%,rgba(255,174,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,144,51,1) 0%,rgba(255,174,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,144,51,1) 0%,rgba(255,174,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,144,51,1) 0%,rgba(255,174,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9033', endColorstr='#ffae00',GradientType=0 ); /* IE6-9 */

    z-index:99999;position:absolute;
	            top:50px;left:0px;font-size:.8em;list-style:none;padding:0px;margin:0px;width:100%;
	            
	            
	            -webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
	            }

#menu > li > ul > li {padding:15px;
                        overflow:hidden;
					  line-height:150%;
					  text-align:left;
					  height:auto;
					  margin:0px;
					  border-bottom:1px solid rgba(0,0,0,.1);
					  position:relative;
					  padding-left:30px;
					  }
					  
				  

#menu > li > ul > li:before {font-family: "FontAwesome";content:"\f061";position:absolute;top:15px;left:14px;}


#menu > li > ul > li:hover  {background:rgba(0,0,0,.2);color:#fff;} 
#menu > li > ul > li:hover a {color:#fff !important;}


#menu > li:hover > ul {display:block;}




#submenu {
list-style:none;
padding:0px !important;margin:0px;
} 


#submenu li {
	
	cursor:pointer;
	position:relative;
	padding:10px; 
	text-align:left;
	border-bottom:1px solid #ededed;
	color:#aaa;font-size:.8em;
	border-bottom:1px dotted #ccc;
	text-transform:uppercase;
	padding-left:20px;
}

#submenu > li:before {font-family: "FontAwesome";content:"\f061";position:absolute;top:12px;left:0px;}

#submenu li a {font-size:1.3em;color:#404040;}

#submenu li.over {
font-weight:bold;
}


#submenu li:hover, #submenu li.over {

}

#submenu li:hover a, #submenu li.over a,  #submenu li.over
{
color:#DD5400;
}

.darkBack
{   padding:20px;    
    background:#202020;
   
}

.content   {
background:#F7F7F7;
overflow:hidden; 
color:#000;
}

.row, .tab3col, .tab2col {max-width:1200px;overflow:hidden;margin:auto;}
.initial {overflow:initial;}



#cookies-message-container
{
color:#fff;
padding: 15px;
font-size:0.9em;
position: fixed; bottom: 20px; background-color: rgba(0,0,0,.9);
right:0px; 
width: 30%; z-index: 9999999;
}



button, .button {text-transform:uppercase;font-weight:bold;font-size:0.8em;background-color:#FF9033;}



.green {color:#61c143;}

.description {text-align:justify;}
.description p {margin:10px 0px;text-align:justify;}
.description p:first-child {
	margin-top:0; 
}
.small {font-size:0.9em;opacity:.6;}


.description ul {list-style:none;padding:0px;margin:0px;padding-left:20px;}
.description ul li {padding-left:20px;position:relative;}
.description ul li:before {font-family: "FontAwesome";content:"\f061";position:absolute;top:0px;left:0px;color:#ff9033;}


#location {
clear:both;

width:100%;
margin:0 auto;
padding:0;
list-style:none;
height:40px;
line-height:40px;
border-bottom:1px solid #eee;
margin-bottom:10px;
}

#location li a {
	color:#2d2d2d;
}

#location li 
{
	background:none !important; 
padding:0px;
display:inline-block;
padding-right:5px; height:40px; line-height:40px;font-size:0.8em;color:#aaa;}



.message {
	
	padding:15px;

}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}


input.error {border:1px solid red !important;}
	
#footer  {
	border-top:6px solid #FF9033;
	color:#aaa;

	position:relative;
	font-size:.9em;
	padding-top:10px;
	padding-bottom:30px;
}

#footer i {width:24px;text-align:center;color:#aaa;}


.design {font-size:0.8em;padding-top:20px;}

#footer a {color:#fff}

#footer a:hover  i {color:#000}

#footer h3 {font-size:1.6em;font-weight:100 !important;}

#footer ul {list-style:none;padding:0px;margin:0px;}
#footer ul li
{ 
padding-bottom:5px;
margin:0px;
} 



label.error {color:#cc0000;font-size:0.6em;padding:0px;}
.required {}

#popupContainer{position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;z-index:99999;}
#popupBody{position:fixed;top:10%;text-align:center;width:100%;height:100%;z-index:999999;}


.sidebar {padding-bottom:20px;border-right:1px dotted #fff;}
.mainbar {padding-bottom:20px;padding-left:25px;padding-right:25px;border-left:1px dotted #bbb;background:#fff;}

.tooltip {cursor:pointer;}
   #tooltip{
	position:absolute;
	
	padding:10px 15px;
	font-size:0.8em;
	color: #fff;
	display:none;
	text-align:left;
	z-index:99999;
	background:rgba(0, 91, 129, 0.94);
		 	
	}	

.listCol  {
	
	margin-bottom:10px;
	position: relative;	
    overflow:hidden;	 
    cursor:pointer;  
    
}

.weatherBox
{
    font-size:1.5em;
    text-align:center;    
}


.weatherBox span {font-size:.7em;font-weight:400;}

.weatherCol 
{
    padding:15px;background:#F9F9F9;
    overflow:hidden;
    text-align:center;
}


.weatherDay {border-top:5px solid #F5B322;text-align:center;color:#DA640F;padding:10px;font-weight:bold;}
.weatherNight {border-top:5px solid #002F59;text-align:center;color:#002F59;padding:10px;font-weight:bold;}

.listCol  a {padding-top:10px;display:block;font-weight:bold;line-height:100%;}
.ibnRibbon { z-index:10;position:absolute;right:0px;top:65px;background:#ff5000;padding:2px 10px;font-size:0.7em;color:#fff;}
.freeRibbon { z-index:10;position:absolute;right:0px;top:40px;background:#40aa00;padding:2px 10px;font-size:0.7em;color:#fff;}

.dateRibbon { z-index:10;position:absolute;right:0px;
	top:100px;background:rgba(255, 0, 29, 0.66);padding:2px 10px;
	font-size:1.4em;color:#fff;font-weight:700;}
	
	.dateRibbon span {font-size:0.6em !important;color:#fff !important;}
	
	
	
	
.red{ color:rgba(255, 0, 29, 0.66);}

.nophoto
{
     background:url(/public/images/default/picture-icon.png) center center no-repeat rgba(0,0,0,.05);    
     height:160px;
     overflow:hidden;
}

.listCol .img 
{
z-index:1;
width:100%;
height:160px;
position:relative;
text-align:center;
}


.listCol:hover .img {transform: scale(1.05);-ms-transform: scale(1.05,1.05);}

.listCol span {font-size:.8em;opacity:.7;}

.listCol:hover .back {
				opacity:1;
				filter: alpha(opacity=100);
						}
						

						
.back {top:0px;left:0px;position:absolute;height:160px;width:100%; 
	  opacity:0;
	  filter: alpha(opacity=0);
	  z-index:9;
	  background:rgba(32, 55, 79, 0.84);
	  color:#fff;
	  padding:40px;
	  }              
              
.listRow {background:#eee;margin-bottom:20px;padding:15px;cursor:pointer; }
.listRow:hover {background:#fafafa;}
.listRow .title {font-size:1.4em;}
.listRow .advert {font-weight:bold;font-size:0.9em;}
.listRow .img {height:170px;width:100%;}
.listRow ul li {padding-top:2px;padding-bottom:2px;font-size:0.9em;color:#606060;}

.listRowTiny .img, .listRowTiny .nophoto {height:100px;width:100%;}
.listRowTiny {margin-bottom:5px;}

.fullwidth {width:100% !important; height:auto !important;}
.halfwidth {width:45% !important; height:auto !important;}

.bigDate {font-size:3em;font-weight:bold;text-align:right;line-height:100%;}
.bigDate span {display:block;font-size:0.4em;font-weight:400;}



#facebookSlideBtn
{
float:left;width:50px;height:55px;
cursor:pointer;
 background: url(/public/images/facebook.png) no-repeat;
 position:absolute;
 top:0px;left:-50px; 
}

#facebookSlide
    {
        width:350px;
        height:400px;
        display:block;
        right:-350px;
        padding:0;position:fixed;top:165px;z-index:999999;    
        z-index:9999999;                
    }



@media only screen and (max-width : 1480px) 
{
#menu > li {width:180px;}

/*#menu {float:none;width:100%;}
#headerRight {width:100%;float:none;clear:left;}*/
#sliderGallery, #slider,#slider > div {height:350px;}
}


@media only screen and (max-width : 1280px) 
{
#menu > li {width:auto;min-width:140px;}
}



@media only screen and (max-width : 64.063em) 
{
#sliderGallery, #slider,#slider > div {height:250px;}
#slider div p {display:none;}

#slider div strong {font-size:2.3em;}

}


@media only screen and (max-width : 40em) 
{
    
#headerRight {width:100%;float:none;clear:left;}    
    
#menu > li {
height:auto;
line-height:auto;
width:100%;  
padding:4px 15px;
border-bottom:1px solid #303030;
border-right:none;
font-size:.95em;
text-align:left;
} 

#menu > li:hover {background:none;}

#menu > li > ul > li {line-height:auto;height:auto;margin-left:40px;border-bottom:0px;border-top:1px solid rgba(255,255,255,.1)}



#menu > li > ul > li:hover  {background:rgba(0,0,0,.1)} 
#menu > li > ul > li:hover a {color:#fff !important;}

#menu > li:hover > ul {display:none;}


    
    
.tab3col tr td  {width:100% !important;padding:0px;float:none;display:block;padding-bottom:15px;}
.tab2col tr td  {width:100% !important;padding:0px;float:none;display:block;padding-bottom:15px;}

.listCol .img,.listCol .back, .nophoto {height:100px;min-height:100px;}
 
.listingRows tr th {display:none;}
.listingRows tr td {width:100%;float:none;display:block;padding-bottom:5px;}
	
#sliderGallery  {display:none;}

#logo img {
    max-height:70px !important;    
}

.slideInfo {bottom:10px;}
.menuBox > p {display:none;}

.halfwidth {width:100% !important;}
}
