@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');



body {
    font-size: 11pt;
	font-family: 'Arial', sans-serif;
    color: #000;   
    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}


.partner {text-align:center;}
.partner img 
{
    max-width:200px;
    max-height:100px;
    margin:auto
}

.cert {position:absolute;top:350px;left:0px;width:100%;z-index:9999999999999;text-align:left;} 

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

#logo {text-align:left;}

#logo img {
    max-height:126px;
}

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

#bigMenu {margin-top:20px;}

body {font-family: 'Open Sans', sans-serif;}



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

h1, .h1 {font-weight:100;font-size:3em;margin:18px 0px;line-height:120%;color:#303030;text-align:left}
h2, .h2 {font-weight:100;font-size:1.6em;margin:10px 0px;line-height:120%;font-weight:bold;text-align:left}
h3, .h3 {font-weight:400;font-size:1.4em;margin:10px 0px;text-align:left;}

.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*/
.ico, .back,  .submenu li, #menu li, a, a i, .smallBox,  .lightGallery li *, .product, .product *,.news ,.portType *
 {
transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all  0.2s ease-out 0s;
}


.bigBox *
 {
transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all  0.1s ease-out 0s;
}

.subNav, .shadowTop,.img, .smallBox *
{
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: #007fca;text-decoration: none;}



.lightGallery li  p {
    position:relative;padding-bottom:60%;cursor:pointer;border-right:1px solid #fff;border-bottom:1px solid #fff;
    
    
    }
    
    
    
.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;} 
.actionBtn {padding-top:7px;}

#map img { max-width : none;}
#map {min-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 li 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;
}


#topImg {min-height:350px;position:relative; max-width:1400px;margin:auto;background-color:#6E7A84;}


#topImg .slideInfo {bottom:10px;}
.swiper-slide {position:relative;}

#header
    {
    width:100%;
    position:relative;
    height:550px;
    max-width:1400px;
    margin:auto;
    } 

#headerTop
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:9999;
}

.headTopBar {
    font-size:1.3em;font-weight:100;color:#fff;padding-top:20px;padding-bottom:20px;
    text-shadow:1px 1px 1px rgba(0,0,0,.4);
    text-align:right;}

#sliderGallery 
{
position:relative;	
background:#fff;
height:550px;
z-index:999;    
}

.center {text-align:center;}
.justify {text-align:justify;}
.mesh
{
    position:absolute;
    top:0px;left:0px;
    height:100%;width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+43,000000+100&0+43,0+43,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 43%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 43%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 43%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

    z-index:999;    
} 


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

.slideInfo
{
	color:#fff;
	margin:auto;	
    text-align:center;
    position:absolute;
    bottom:50px;
    left:0px;
    width:100%;
     z-index:9999;
    
}
.swiper-pagination-bullet-active 
{
	background:rgba(0, 152, 238, 0.81) !important;
}



.slideInfo strong
{
	margin-top:40%;
    font-weight:100;
	font-size:1.6em;
	color:#fff;
	background:rgba(0, 152, 238, 0.81);
    padding:10px 55px;
    display:inline-block;
	
}

.slideInfo  p
{
	font-family:'Roboto', sans-serif;
    font-weight:100;
	font-size:16px;
	    margin-bottom: 20px;
    margin-top: 0px;
}



p {padding:7px 0px;margin:0px;}






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


.shadow
{
    margin:auto;
    height:25px;
    width:234px;
    background:url(/public/images/default/shadow-bottom.png); 
}


.boxShadow
{
    position:absolute;
   bottom:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(3, 122, 191, 0.36);
   z-index:7; 
}
 


.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;}
 
.bigBox {
		width:100%;
        overflow:hidden;
        cursor:pointer;
        position:relative;
        background:#f1f1f1;
        }
        
        
        
.bigBox .mesh { height:150px;line-height:150px;opacity:0.8;text-align:center;font-size:2em;color:#fff;z-index:999;}


.bigBox:hover .mesh {opacity:1;} 


.bigBox .spec {position:absolute;top:115px;left:0px;width:100%;text-align:center;color:#fff;z-index:9999;font-size:0.9em;} 

.bigBox .ribbon {position:absolute;top:25px;right:0px;color:#fff;z-index:9999;font-size:.7em;background:rgba(23, 170, 255, 0.71);padding:0px 6px;z-index:9999;text-transform:uppercase;}
.bigBox .featured {
    position:absolute;top:115px;right:20px;
    color:rgba(175, 230, 46, 0.84);z-index:9999;
    font-size:1.4em;
    }

.bigBox:hover .mesh { color:#7ACEFF;}
.bigBox > .img {position:relative;   height:150px;width:100%;z-index:2;}

.bigBox  > p {height:70px;padding:15px 20px;}
.bigBox  > p a {color:#000;font-weight:bold;display:block;margin-bottom:10px;  }
    
.bigBox  > p span {margin-top:5px;font-size:1.2em;}


.bigBox:hover .boxShadow { background:rgba(20, 57, 97, 0.8);}


.bigBox:hover p {background:#fff;}
.bigBox:hover p strong {color:#007fca;}

.bigBox:hover em {bottom:0px;}
.bigBox:hover .desc {left:12px;opacity:1;}

.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:#fff; 
	}
.bigBox > a em {font-size:2em;}






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

.padd {padding:20px;}




.txtMid {font-size:130%;}


#showMenu {
    display:block;width:100%;text-align:center;cursor:pointer;font-size:1.5em;height:40px;line-height:40px;color:#fff;
    width:40px;
    background:#E3000F;
    margin:auto;
    }



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


#lang
{
   position:absolute;
   right:60px;
   top:70px;
    font-size:0.7em;
    z-index:999;
    padding:0px;margin:0px auto;
}

#lang li {
	display:inline-block;
	margin:0;
	background:#301C1C;	
	text-transform:uppercase;
}

#lang li a {color:#fff;padding:3px 10px;display:inline-block;}

#lang li.act {
background:#FFE5E5;
font-weight:bold;	
}

#lang li.act a {color:#301C1C;}


#menuWrap {width:100%;
  
    text-align:right;
    }
    


#menu {list-style:none;margin:0px;padding:0px;position:relative;margin-top:30px;}

#menu > li {
height:50px;
line-height:50px;
width:auto;  
padding:0px 19px;
white-space:nowrap;
cursor:pointer;
display:inline-block;
text-align:center;
border-right:1px solid rgba(255,255,255,0.1);
position:relative;
border-bottom:1px solid #fff;
position:relative;
} 


#menu > li:last-child > ul {
  left:initial;
  right:0px;
}

#menu > li:hover {border-bottom:1px solid #e31e25;background:#e31e25;}


#menu > li.over {border-bottom:1px solid #e31e25;background:#e31e25;}



#menu > li a {text-transform:uppercase;color:#fff;}
#menu > li.over a { font-weight:bold;}

 


 

#menu > li > ul {
    
    z-index: 99999;
    position: absolute;
    left: 0px;
    font-size: 0.85em;
    font-weight:bold;
    opacity: 0;
    transform-origin: top center;
    transform-style: preserve-3d;
    visibility: hidden;
    top: 50px; 
    list-style:none;
    padding:0px;margin:0px;
    background: rgba(218, 37, 28, 0.88);
}


 


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

#menu > li > ul > li a:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#menu > li > ul > li a {
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    display: block;
    line-height: 22px;
    margin: 0px;
    padding:10px 15px;
    text-align: left;
    color: #fff; 
    min-width: 205px; 
    
}

#menu > li > ul > li a:hover {
   background: rgba(0, 0, 0, 0.18);
}

#menu > li:hover > ul {
    opacity: 1; 
    @include transform(perspective(1000px) rotateX(0deg));
    visibility: visible;
}

 






.submenu {
list-style:none;
padding:0px !important;margin:0px;
margin:15px auto;

} 




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




.menu2 {font-size:.9em;padding-left:20px;border-left:1px solid #aaa;margin-left:40px !important;}
.menu3 {font-size:.8em;padding-left:30px;}


.menuOver1 {background:#38CAA7;padding:4px 20px;padding-left:10px;}
.menuOver1 a {color:#fff;}


.menuOver2 {font-size:.9em;font-weight:bold;padding-left:20px;border-left:1px solid #38CAA7;margin-left:40px !important;}
.menuOver2 a {color:#38CAA7}

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


.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 #32B2FF;
}

.submenu li:hover a
{
color:#32B2FF;
}

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



.content   {
    min-height:380px;
}

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

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:#E3000F;
                text-transform:uppercase;
                
                
                
                 }
.button span, .button {color:#fff }
.button:hover, button:hover {background:#aa000f;}

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

#location li a {
	color:#7693C7;
}

#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:#6e6e6e;
	position:relative;
	font-size:.9em;
	padding:30px 50px;;
	margin-top:20px;
	
	color:#fff;
	overflow:hidden;
}

.phone {font-size:1.1em;}

#footer i {font-size:1.3em;width:24px;text-align:center;color:#13573A;}


.design {font-size:0.8em;padding-top:20px;}

#footer a {color:#B2CBDE;}
#footer h3 {font-size:1.4em;font-weight:100 !important;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;}



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




#youtubeSlideBtn
{
float:left;width:50px;height:55px;
cursor:pointer;
 background: url(/public/images/youtube.jpg) no-repeat;
 position:absolute;
 top:0px;left:-50px; 
}

#youtubeSlide
    {
        width:350px;
        height:400px;
        display:block;
        right:-350px;
        padding:0;position:fixed;top:271px;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) 
{
    .portTypeMin {width:33.333333333%;}

.sliderPrev {display:none}
.sliderNext {display:none}
.sliderPager {display:none;}

.slideInfo {text-align:center;width:100%;padding:10px 0px;}
.slideInfo p {display:none;}
.slideInfo strong {font-size:2em;line-height:120%;}
.slideInfo a {margin:20px auto;}
.slideInfo {top:40px;}
.backLines em {width:20%;}
.mainBanner {margin-top:0px;}    

.submenu li {width:100%;}
    
#sliderGallery, .backShadow, #header,#topImg {height:200px;min-height:200px;}
#lang {position:relative;top:inherit;right:0px;}

#menu {clear:both;width:100%;margin-top:0px;}
#menu li {display:block;width:100%;border-bottom:1px solid rgba(0,0,0,.2);border-right:0px;} 
#menu li a {color:#fff;}
#menu > li:hover > ul {display:none;}
    
#logo {text-align:center;}         
    
.tab3col tr td, .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;}
	

#menuWrap {background:#E3000F;}
   

.imgLeft {width:100%;margin-right:0px;}
.hide-small {display:none;}
.halfwidth {width:100% !important;}
}