@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,300&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');
@import url('/public/styles/minimalist.css');



body {
    font-size: 11pt;
	font-family: 'Open Sans', sans-serif;
    color: #303030;   
    background:#fff; 
    line-height:170%;
    }

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;padding:0px !important;}

.wrap {position:relative;}
.center {text-align:center;}

.txtRight {text-align:right;}
.nopad {padding:0px !important;}
.txtRight {text-align:right}






.nice td, .nice  th { 
border: 1px solid #ddd; /* No more visible border */ 
transition: all 0.3s;  /* Simple transition for hover effect */
padding:12px 20px;
}

.nice  th {
background: #DFDFDF;  /* Darken header a bit */
font-weight:normal;
font-size:1.2em;
padding:9px;text-align:center;
}

 .nice   td p {padding:0px;margin:0px;}
.nice  tr:nth-child(even) td { background: #F1F1F1; }   
.nice  tr:nth-child(odd) td { background: #F6F6F6; }  





.topBar p {font-size:0.9em;color:#707070;padding-top:20px;}
.topBar strong {font-size:2em;color:#38CAA7;}


.grey {background:#F3F3F3;padding:10px 0px;color:#909090;}



table {border-collapse:collapse;width:100%;padding:0px;margin:0px;}
td {padding:0px;margin:0px;}

h1, .h1 {font-weight:100;font-size:3.4em;margin:18px 0px;line-height:120%;text-align:center;color:#214A78;}
h2, .h2 {font-weight:900;font-size:1.8em;margin:10px 0px;line-height:120%;text-align:left;color:#2287f2;}
h3, .h3 {font-weight:400;font-size:1.3em;margin:10px 0px;text-align:left;font-weight:bold;text-transform:uppercase;color:#7750A0;}

.major {text-align:center;color:#64738f}
.major span {margin:auto;display:inline-block;border-bottom:1px solid #BEC6D6;font-size:1.3em;padding:10px 0px;margin:15px 0px;}

.slideInfo strong,  .slideInfo h1,h2, .mainBox strong, #footer h3 {}

h1 span, .h1 span {font-size:60%;}

/*shadow*/
.listRow, .ico, .weatherCol {box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;}

/*easing*/
.submenu li, #menu *, a, a i, .lightGallery *, .news,.bigBox *,.swiper-prev, .swiper-next
 {
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all  0.2s ease-out 0s;
}



a {color: #57a0ef;text-decoration: none;}


.lightGallery div {padding:0px;margin:0px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);} 

.lightGallery div  p 
    {
    margin:0px;
    position:relative;padding-bottom:60%;cursor:pointer;
    }
    
    
    
.lightGallery div 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 div:hover p i {
opacity:1;
font-size:2em;
padding-top:25%;
    }        

.lightGallery div: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 div img {display:none;} 
.actionBtn {padding-top:7px;}

#map img { max-width : none;}
#gmap {height:400px;}


.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;}

 
.img, .lightGallery div p,  #topImg, .swiper-slide
{
	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;
}



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


.backShadow {min-height:300px;
     background:url(/public/images/shadow-top.png) repeat-x;     
     width:100%;
     padding-top:20px;
    }







/*HEADER */

#logo {
  z-index: 99999;
  position:absolute;
  top:0px;
  left:0px;
}

#logo img {width:230px;}

.grey {background:#F3F3F3;padding:10px 0px;color:#909090;}

 


.header{
text-align:right;
  z-index:99999;
  width:100%;
  position:absolute;
  top:20px;
  left:0px;
  width:100%;
} 



#showMenu{
    color:#fff;
    text-align:center;
    font-size:1.4em;
    border:6px solid #fff; 
    position:absolute;
    top:30px;
    right:30px;
    z-index:9999999999;
    height:50px;
    width:50px;
    line-height:38px;
    border-radius:100%;
    cursor:pointer;
    }
 
#showMenu:hover {background: #fff;color:#2f5aa1;}

#menu 
  {
      list-style:none;
      margin: 0px;
      padding:0px;
      position:relative;
      z-index: 100;
      padding-left:200px;
  }

#menu > li {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0px;
  margin-left:10px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  padding:20px 0px;
}


#menu > li.over a{
  color: #a4d0ff;   
  border-bottom:1px solid #a4d0ff;  
}



 #menu > li:hover a {
  color: #174981;
  background:rgba(255,255,255,.8);   
  border-bottom:1px solid #a4d0ff;  
}



 

#menu > li > a {text-transform:uppercase;
    color:#fff; line-height: 35px;height:35px;
    font-weight:bold;
    padding:0px 10px;
    border-bottom:1px solid rgba(255,255,255,.2);  
    position: relative; display:inline-block;}


#menu > li > ul {
   display:none;
   opacity:0;
   z-index:99999;position:absolute;
  left:0px;
  font-size:.8em;
  list-style:none;
  padding:0px;margin:0px;
  top:54px;}

#menu > li > ul> li {margin:0px;padding:0px;}

#menu > li > ul > li a {
  display:block;  
  line-height:35px;height:35px;margin:0px;text-align:left; 
  border-bottom:1px solid rgba(0,0,0,.2) !important;
  min-width: 170px;
  padding:0px 14px;
  font-weight:bold;
  color:#404040 !important;
  text-transform: uppercase;
  background:rgba(255,255,255,.9);
}

#menu > li > ul > li a:hover {
    color: #0093FF !important;  
    background:#fff;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
  
    }


#menu > li:hover > ul {display:block; opacity:1;}




 #menu > li:after{
    /*content:'/';
    margin: 0 5px;
  color: rgba(255,255,255,.5);*/
 }
#menu > li:last-of-type:after{
    content: "";
    margin:0px;
}

/*HEADER PAGE */

#topImg {
    min-height:450px;
    background:rgba(0, 0, 0, 0.2);
    position:relative;text-align:center;
    }



#topImg:after
{
background:url(/public/images/mountains-white.png) no-repeat bottom center;
position:absolute;
content:'';
bottom:0px;
left:0px;
width:100%;
height:100%;
z-index:9;
}


#topImg:before
{
background:url(/public/images/topshadow.png) repeat-x top center;
position:absolute;
content:'';
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9;
}




#sliderGallery 
{

position:relative;  
   
}


#lang {
  display: block;
  font-size: .9em;
  margin:0px;
  padding: 0px;
  z-index: 999;
  margin-top:15px;
}

#lang li {
    display:inline-block;
    margin:auto;
    text-transform:uppercase; 
    margin-left:10px;
}

#lang li a {
  border-radius: 100%;
  color: #fff;
  background:rgba(255,255,255,.1);
  display: inline-block;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  font-size:.8em;
}
#lang li.act a, #lang li a:hover{
color: #103e70;
  background:#fff;
}

            


.slideInfo
{
    color:#fff;
    position:absolute;
    bottom:150px;
    left:0px;
    width:100%;
    text-align:center;
      text-shadow:1px 1px 4px rgba(0,0,0,.6),-5px -5px 12px rgba(0,0,0,.5);

}



.slideInfo strong{
  font-size: 4.2em;
  font-weight:100;
  text-align:center;

}


.slideInfo  p{
  margin: 30px 0px;
  font-size: 1.4em;
  font-weight:bold;
  text-transform:uppercase;
}


.mainSubmenu {margin-top:-100px;z-index:999;position:relative}

.swiper-pagination {text-align:center;bottom:120px !important;}

.swiper-pagination-bullet
{
   width:8px !important;
   height:8px !important;
    background:#65666a !important;
    opacity:1 !important;
}
.swiper-pagination-bullet-active 
{
    background:#fff !important;
}


.swiper-prev,.swiper-next
{
    left:40px;
    position:absolute;top:50%;
    margin-top:-55px;
    height:50px;
    width:50px;
    background:rgba(0, 58, 117, 0.61);
    border-radius:100%;
    color:#fff;
    text-align:center;
    z-index:99;
    font-size:1.7em;
    line-height:47px;
    cursor:pointer;
}


.swiper-prev:hover, .swiper-next:hover { background:rgba(0, 58, 117, 0.8);color:#fff;} 

.swiper-next {right:40px;left:inherit;}






.swiper-slide:after
{
background:url(/public/images/mountains-white.png) no-repeat bottom center;
position:absolute;
content:'';
bottom:0px;
left:0px;
width:100%;
height:100%;
z-index:9;
}


.swiper-slide:before
{
background:url(/public/images/topshadow.png) repeat-x top center;
position:absolute;
content:'';
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9;
}
.slideInfo {z-index:9999;}







 
.smallBox {
			overflow:hidden;
            cursor:pointer;           
            position:relative;
            background:#301c1c;
            margin-bottom:8px;
            color:#dbc3c3;
            padding:5px;
            }


            
.smallBox:hover, .smallBoxOver {background:#603434;}            
            
.smallBoxBorder {border:1px solid #4b3939}             
            
.smallBox:hover .smallBoxBorder, .smallBoxOver .smallBoxBorder {border:1px solid #946f6f;}            
  
.smallBox .img {height:83px;width:100%;z-index:2;}
.smallBox strong {font-size:1.4em;font-weight:100;line-height:100%;}

.smallBox a {color:#C7A8BE;}

.smallBoxContent {  
  display: flex;
  justify-content: center;
  flex-direction: column;height:83px;
  }


.portType
{
    width:33.3333333333%;
    height:125px;
    background:#ccc;
    text-align:center;
    float:left;
    font-weight:bold;    
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}

.portType .over {width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:8;opacity:.7;background:#374456;}

.portType p {width:100%;position:absolute;bottom:10px;left:0px;z-index:9;}
.portType p a {color:#fff;}
.portType:hover .over, .portOver .over {opacity:.2;background:#20b8ff;}

 

.portTypeMin {width:16.66666666%;}



.bottomBox
{
    background:#cc0000;color:#fff;
    padding:30px;
    height:140px;
    text-transform:uppercase;
    cursor:pointer;
}

.bottomBox strong {display:block;font-size:2em;font-weight:900;line-height:120%;}

.mainBox
{
	height:300px;
	cursor:pointer;
	background:#e6d4d4;
	position:relative;
	overflow:hidden;
	color:#FFEAEA;
	text-align:center;
} 


 


.product {
            overflow:hidden;
            cursor:pointer;
            border:1px solid #eee;
            position:relative;
            
            }
            
.product:hover {border:1px solid #38CAA7;}
.product:hover .productShadow {opacity:1;padding-top:20px;}


.product .img {position:relative;  padding-bottom:65%;width:100%;z-index:2;}

.product a {color:#38CAA7;}


.product p {padding:20px;height:75px;font-size:1.2em;} 
 
 
 
.productShadowDef
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(56,202,167,.7);
   
    z-index:7; 
    color:#fff;
    
    padding-top:20px;
    text-align:justify;
    
    z-index:8;
    text-align:center;
    font-size:2em;
}  
 
.productShadow
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(56,202,167,.7);
    opacity:0;
    z-index:7; 
    color:#fff;
    font-weight:100;
    font-size:1.3em;
    padding:20px;
    padding-top:5px;
    text-align:center;
   
    z-index:9;
} 
 .productShadow strong {display:block;font-size:1.9em;font-weight:100;margin-bottom:10px;text-align:center;}





.news {background:#f1f1f1;
    height:100px;
    font-size:0.9em;
    padding-right:20px;
    cursor:pointer; 
    position:relative;   
    }

.news > .img {position:relative; width:180px;height:100%;z-index:2;float:left;margin-right:30px;}
.news a {display:block;font-size:1.3em;padding-top:15px;color:#000;width:90%;}
.news:hover  {background:#dfdfdf;} 


.news .date {position:absolute;top:10px;right:10px;text-align:right;color:#808080;}
 
.smallPagerNext {position:absolute;top:60px;right:30px;font-size:3.5em;z-index:9999;color:#fff;cursor:pointer;font-weight:100;}
.smallPagerPrev {position:absolute;top:60px;left:30px;font-size:3.5em;z-index:9999;color:#fff;cursor:pointer;font-weight:100;}

.newsPaging {position:absolute;top:14px;right:12px;}
.newsPaging span {margin:2px;}
 
 
#bigMenu {margin-top:20px;}
#bigMenu div {padding:0px;margin:0px;}
 
 
.bigBox {
		width:100%;
        overflow:hidden;
        cursor:pointer;
        position:relative;
        height:230px;
        border-right:1px solid #fff;border-bottom:1px solid #fff;
        }
        


.bigBox .shadow  {background:url(/public/images/shadow.png) repeat-x bottom left;position:absolute;bottom:0px;left:0px;z-index:99;width:100%;height:100%;}

.bigBox .over {position:absolute;top:0px;left:0px;height:100%;line-height:100%;font-size:1em;
    z-index:9999;text-align:center;width:100%;
    }
    
    
    .bigBox .over i {display:inline-block;background:rgba(255,255,255,.3);width:50px;height:50px;border-radius:100%;text-align:center;line-height:50px;} 
    
.bigBox:hover .over {background:rgba(255, 102, 0, 0.62);}
.bigBox:hover .over i {background:#fff;}  



.bigBox > .img {position:relative;height:100%;width:100%;z-index:2;}


.bigBox .more  
        {
            background:rgba(0,0,0,.1);position:absolute;top:0px;left:0px;z-index:99;width:100%;height:100%;
            text-align:center;line-height:230px;
         }
         
.bigBox:hover .more {background:rgba(0,0,0,.6);}



.bigBox .more em {
    width:30px;height:30px;
    background:rgba(0,0,0,.4);
    border-radius:100%;line-height:30px;margin:auto;display:inline-block;
    color:#fff;
    box-sizing: content-box;
    -webkit-background-clip:padding;
    -moz-background-clip:padding;
    background-clip:padding-box;
    border:6px solid rgba(0,0,0,.2);
    } 


.bigBox:hover .more em {background:#22a67d;}
.bigBox  > p {position:absolute;bottom:14px;left:0px;color:#fff;z-index:9999;text-align:center;width:100%;padding:0px 20px;}
.bigBox  > p a {color:#fff;}

.bigBox > p strong {font-size:1em;font-weight:900;display:block;line-height:25px;text-transform:uppercase;}



.bigBox .desc {position:absolute;z-index:999;padding:10px;bottom:30px;left:0px;opacity:0;width:50%;font-size:1.2em;font-weight:100;}
.bigBox .desc a {display:block;color:#fff;font-size:.9em;padding:0px 10px;}
.bigBox .desc a:hover {background:rgba(0,0,0,.3);} 

.bigBox > a  {z-index:99;display:inline-block;
    position:absolute;
    text-align:right;    
	bottom:10px;
	right:20px;
	color:#505050;
	font-size:0.7em;
	text-transform:uppercase;
	}
.bigBox > a em {font-size:2em;}






.wrap {
	margin: 0px auto;	
	position:relative;
}

.padd {padding:20px;}




.txtMid {font-size:130%;}





.txtSize {float:right;font-size:.8em;padding-top:5px;text-transform:uppercase;}
.txtSize a {display:inline-block;
    -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
font-size:1.5em;
font-weight:bold;
background:#eee;width:30px;height:30px;line-height:29px;
color:#202020;
text-align:center;
    }
    
    
.txtSize a:hover {background:#202020;color:#fff;}    



td {vertical-align:top;}


.tab3col {width:100% !important;border:none !important;}
.tab3col tr td {width:33.3%;padding:15px;padding-left:0px;}

.tab2col {width:100% !important;border:none !important;}
.tab2col tr td {width:50%;padding:15px;padding-left:0px;
	
	
	}
 
 
.listingRows {width:100%;margin-bottom:20px;}
.listingRows tr th {padding:10px;text-align:left;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;}




.submenu {
list-style:none;
padding:0px !important;margin:0px;
margin-bottom:40px;
text-align:center;
} 




.categories {padding:0px;margin:0px;list-style:none;overflow:hidden;}

.categories li {
    display:block;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    text-align:left;  
    
    margin-right:30px;
}





.submenu li {
	
	cursor:pointer;
	position:relative;
	padding:8px 20px; 
	text-align:left;
	color:#aaa;
	font-size:0.8em;
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
	margin-right:5px;
	display:inline-block;
}


.submenuVert li {width:100%;    
    border-bottom:1px solid #fafafa;
    border-top:1px solid #fafafa;
    text-align:center;}

.submenu li a {font-size:1.2em;color:#505050;}




.submenu li:hover, .submenu li.over {
border-bottom:1px solid #0093FF;
}



.submenu li.over a,  .submenu li.over {font-weight:bold;color:#0093FF;}



.content   {
    overflow:hidden;
}

.row {max-width:1200px;margin:auto;position:relative;}




#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;
}



.contactForm {font-size:0.9em;    }
.contactForm p {padding:0px;}


input, select, textarea, button,.button { 
    background:#fafafa;

    height:35px;line-height:35px;
    border:0px;outline:none;width:100%;
    padding:0px 20px; display:inline-block; border:1px solid #ccc;}

button,.button {width:auto;}



.pagination a {margin:0px 2x;
    padding:0px 20px;    
     -webkit-box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);
box-shadow: 0px 0px 0px 0px rgba(0,84,134,0.37);          
    }

input,select,textarea {color:#000;}
.buttonBig {height:auto;line-height:100%;padding:15px 50px;}

button, .button {
                color:#fff;    
                background:#153f6c;
                font-weight:bold;
                height:50px;line-height:50px;padding:0px 30px;
                border:0px;
                text-transform:uppercase;
                
                
                
                 }
.button span, .button {color:#fff }
.button:hover, button:hover {background:#1fc692;}

.green {color:#61c143 !important;}


.secondary {background:#dcdcdc;color:#303030;
    font-size:0.7em;padding:0px 10px;
    font-weight:bold;
    height:25px;line-height:25px;
    }
    
.secondary:hover {background:#eee;color:#000;}    
.secondary span {color:#000;}

.description {text-align:justify;}
.description p {margin:10px 0px;text-align:justify;}
.description p:first-child {
	margin-top:0px; 
}

.description table {width:100% !important;}
.description img {height:auto !important;}

.description .medium-6:first-child {padding-left:0px;}
.description .medium-6:last-child {padding-right:0px;}

.table  td, .description  th { 
border: 1px solid transparent; /* No more visible border */ 
transition: all 0.3s;  /* Simple transition for hover effect */
padding:4px;
}

.table  th {
background: #DFDFDF;  /* Darken header a bit */
text-align: center;font-weight:normal;
}

.table  td {
background: #FAFAFA;
text-align: center;
}

 
.table  tr:nth-child(even) td { background: #F1F1F1; }   
.table  tr:nth-child(odd) td { background: #FEFEFE; }  

.table tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */





.small {font-size:0.9em;opacity:.6;}

.filterForm {background:#D8E8EF;margin-bottom:20px;}
.filterForm > div {float:left;margin:0px;padding:18px 15px 2px 15px;}
.filterForm > div label {font-size:0.8em;padding-bottom:7px}


.filterForm p span {display:block;text-transform:uppercase;font-size:0.9em;}


#location {
width:100%;
margin:0 auto;
padding:0px 20px;;
list-style:none;
text-transform:uppercase;
font-size:0.9em;
text-align:center;
}

#location li a {
	
}

#location li 
{
background:none !important; 
padding:0px 5px;
display:inline-block;
font-size:0.8em;color:#aaa;}



.msg{
	
	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  {
	background:url(/public/images/mointains-footer.png) no-repeat bottom center #10253a;
	position:relative;
	font-size:.9em;
	padding-top:150px;
	min-height:502px;
	color:#fff;
	overflow:hidden;
}

#footer a {color:#b4d7ff;}



.design {font-size:0.8em;padding:20px;text-align:center;background:#eee;color:#a5a8b2;}
.design a {color:#aaa;}

#footer h3 {font-size:.9em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;color:#b4d7ff;}



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;}


#searchBack {display:none;position:fixed;background:rgba(0,0,0,.5);padding:30px 0px 0px 0px;width:100%;left:0px;top:120px;z-index:999999;}

.searchbar {padding:20px;background:#fafafa;}


.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;
    
}
.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;}
.onlineRibbon { z-index:10;position:absolute;right:0px;top:15px;background:#D32856;padding:2px 10px;font-size:0.7em;color:#fff;}



.nophoto
{
     background:url(/public/images/default/picture-icon.png) center center no-repeat rgba(0,0,0,.05);    
     height:160px;
     overflow:hidden;
     border:1px solid rgba(255,255,255,.2);
}

.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;
	  font-size:0.9em;
	  background:rgba(32, 55, 79, 0.84);
	  color:#fff;
	  padding:20px 80px 20px 20px;
	  }              
              

.fullwidth {width:100% !important; height:auto !important;}
.halfwidth {width:50% !important; height:auto !important;}
.leftphoto {float:left;margin-right:20px;margin-bottom:20px;}



#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:215px;z-index:999999;    
        z-index:9999999;                
    }




@media only screen and (max-width: 64em) 
{


.slideInfo {width:100%}
.slideInfo p {width:85%;}


.news > .img {width:120px;}
.news > span {display:none;}   


}








@media only screen and (max-width : 40em) {


.description .medium-6 {padding:initial !important;margin-bottom:20px;}


#topImg label {display:none;}


#topImg button {height:40px;line-height:40px;}

#gmap {height:200px;}

  #logo {
  width:100%;
  text-align:left;
  top:inherit;
  left:inherit;
  position:relative;
  float:none;
  margin:20px;
  }
  
      
  #sliderGallery {height:330px!important;}
  #lang {position:relative;top:inherit;right:0px;margin-top:-40px;}

#menu {padding:0px;}
#menu > li:after
    {
    display:none;
    }

#menu {
        background:rgba(3, 46, 93, 0.97);
        margin:0px;
        clear:both;width:100%;
        position:absolute;
        top:170px;
        left:0px;
      
    }


  #menu li {display:block;margin:0px;padding:0px;float:left;width:50%;}
  #menu li a {color:#fff;line-height: 42px; font-size: 1.2em;height:60px;line-height:60px;}

  #menu > li:hover > ul {display:none;}

  
  
  
  

    


.imgLeft {width:100%;margin-right:0px;}
.hide-small {display:none;}
.halfwidth {width:100% !important;}
#topImg {min-height:250px;}
 
    #menu {z-index:999999999;}
  
    
    #menu li a {
    color: #fff;
    display: block;
    padding: 0;
    }
    

  h1, .h1{
    font-size: 2.1em;
  }
  .h2{
    font-size: 1.7em;
  }




}