@charset "utf-8";

.OUTER { width: 1000px; min-width:1000px; margin-left: auto; margin-right: auto; clear: both; float: none; height:auto;  }
.BG { min-width:1000px;  }

/* FLUID and LAYOUT */
#HEADER .col1, #HEADER .col2 { display:table-cell; clear:none; float:none; vertical-align:bottom; width:50%;  }
#FOOTER .tableH { width:970px;  }
#FOOTER .col1, #FOOTER .col2, #FOOTER .col3, #FOOTER .space { display:table-cell; clear:none; float:none; vertical-align:top; width:auto;  }

/* HEADER */
#HEADER .OUTER { padding-top: 50px; padding-bottom: 40px; }
#HEADER #navH .OUTER { padding-top: 0px; padding-bottom: 0px;  }
#HEADER .col1 { text-align:left; }
#HEADER .col2 { text-align:right; }
#HEADER h2 { font-size: 4.3em;  line-height:100% }
#HEADER h2 span { font: normal 0.35em sarina; margin-top: 3px; line-height:90% }

/* SLIDER and PARALLAX AND SCROLL */
#SLIDER { height:350px; }
.NRslider .slick-slide { height:350px; }
.backimage { background-position: center center; height: 352px; }
.slick-slide .tb {  margin-top:80px;  }
.slick-slide.slick-current.slick-active .tb { margin-top:120px;  }
.slick-prev, .slick-next { position: absolute; bottom: 25px; width: 45px; height: 45px; margin-bottom: 30px; }
.slick-prev { left: 100px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-next { right: 100px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.tb h2 { font-size: 3.5em; }

/* MAIN BODY 950px */
#MAIN { z-index:500; }
#MAIN .col1 { display:block; float:left;  }
#MAIN .col2 { clear: none; float:left; padding-bottom:40px; }
#MAIN .col1 { width:300px; }
#MAIN .col2 { width:649px; margin-top:-25px; }
#MAIN .Mwrapper { margin-top:-25px; }
#MAIN .MwrapperOLD { margin-top:-25px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.60); }
#MAIN .Mwrapper .pad { padding: 25px 15px 50px; }
#MAIN .Mwrapper .linkB .pad { padding:20px; }
#MAIN .col2 .pad { padding: 50px 0px 0px 30px; }
#MAIN h1 { font-size: 3.2em; }
#MAIN h2 { font-size: 2.3em; }

/* LINK BLOCKS */
.linkB { background-color: #F7F5EA; background-image: -webkit-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); background-image: linear-gradient(180deg,rgba(247,245,234,1.00) 0%,rgba(255,255,255,1.00) 100%); margin-top:-50px;  border-radius: 10px; }
.linkB .block { display:block; float:left; clear:both; margin-bottom:20px; width:100%; }
.linkB .block img { display:block; max-width:100%; border-bottom-right-radius:5px; border-bottom-left-radius: 5px; -webkit-filter:brightness(1.0);  }
.linkB .block h4 { padding: 10px 0px; font-size: 1.8em;   }
.linkB .tableH { display:block; width:auto; height:auto;  margin-bottom:0; float:left; clear:both; }
/* TEAM and HISTORY */
.linkB.team .block { display:table-cell; float:none; clear:none; margin-bottom:0px; width:auto; }
.linkB.team .space { display:table-cell; float:none; clear:none; width:10px; }
.linkB.team .block h4 { padding: 10px 0px; font-size: 1.3em; text-transform:capitalize;  }
.linkB.team .tableH { display:table; width:100%; height:auto;  margin-bottom:10px; float:none; clear:none; }
#MAIN .linkB.history .block p { font-size: 1.3em;  }
.linkB .block h4 em { display:inline-block;  }

/* MENU link blocks + */
.menuB { margin-top:10px; }

/* FOOTER */
#FOOTER .tableH { margin-top:0px; margin-bottom:60px; }
#FOOTER .space { width:40px;  }
#FOOTER .col1 { width:300px; padding-top:60px;  }
#FOOTER .col2 { width:auto; padding-top:60px; margin-bottom:0px;  }
#FOOTER .col3 { width:330px; padding-top:60px;  }
#FOOTER img { max-width:100%; }
#FOOTER img.l1 { display:inline-block; height:120px; margin-left:0px; }
#FOOTER img.l2 { display:inline-block; height:100px; margin-left:10px; }
#FOOTER img.l3 { display:inline-block; height:100px; margin-left:10px; }
#FOOTER .twit { height:400px; margin-bottom:0; margin-top:10px; }
#FOOTER h4:before { display:none; }
#FOOTER h4:after { display:block; content:""; border-top: 1px dotted #666666; margin-top:10px; margin-bottom:-6px; width:100%; height:1px;  }

/*navigation*/
#HEADER .navH .OUTER { padding-top:0px; padding-bottom:0px; }
#HEADER button { display: none !important; }
.js #nav { max-height: 9999px; overflow:visible;}
#navH { z-index:9999; height:0px; overflow:visible; }
#HEADER #navH .OUTER { height:auto;  }
nav { display: block; position: relative; clear: none; height: auto; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.30); box-shadow: 0px 0px 3px rgba(0,0,0,0.30); text-align:center; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
nav li a { display: inline-block; border-bottom: none; padding: 13px 22px 13px; position: relative; margin-left:1px; }
nav li a:after { display: inline-block; content:""; width:1px; height:100%; background-color:#FFFFFF; opacity:0.2; position:absolute; top:0px; right:0px; margin-right:-1px; z-index:1; }
nav li ul { display: block; width: 210px; height: auto; position: absolute; margin-top: 0px; left: -9999px; background-color: #99857B; text-align: left; padding-top: 5px; padding-bottom: 5px; z-index: 9999; }
.navOLD li ul { background-color: #968177;  }
nav li:hover ul { left:0px; }
nav li ul li { display: block; position: relative; border-bottom: 1px solid rgba(255,255,255,0.20); border-left:none; z-index: 2; }
nav li ul li:last-of-type { border-bottom: none;  }
nav li ul li:after { display:none; }
nav li ul li a { display: block; padding: 8px 20px; color: #FFFFFF; margin: 0px; }
nav li ul li a:after { display:none;}
nav li:hover > a, nav li a.active { color:#FFFFFF; }
nav li a span { display: inline-block; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-top: 8px solid #675E59; border-right: 6px solid transparent; margin-top: 0px; margin-left: 5px; opacity: 0.7; }
nav li:hover a span { border-top: 8px solid #FFFFFF; }
nav li.mn { display: none;  }
nav li.tn { display: inline-block;  }
nav li.selected a { background-color: #575756; }
nav li.n3.selected a { background-color: #575756; }
li.dn1 a:hover, nav li.n3.selected li.dn1 a:hover, nav li.dn1.selected a { background-color: #1B8BCA; }

/* contactform */
form { width:70%;  }
select { width:70%;  }
.map div { height:400px;  }
.map div div { height:400px;  }

/* GALLERY and images */
#MAIN .col2 .galleryB a { width: 120px; height: 120px; overflow:hidden; }
#MAIN .col2 .galleryB a img { width:200px; height: auto; max-width:4000px; }

.imageB { display:block; margin-top:30px; margin-bottom:30px; }
.imageB a.fancybox { width:200px; height:auto; }
.imageB a.fancybox:nth-child(2), .imageB a.fancybox:nth-child(3) { display:inline-block;  }