/*  Fonts  */
@import 'https://fonts.googleapis.com/css?family=Oxygen+Mono';
@import 'https://fonts.googleapis.com/css?family=Lato:400,300,700';

/*  Main CSS */
html,body{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background:#000;font-size:14px;color:#fff;}
body{ -webkit-animation: bugfix infinite 1s; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{color:#fff;text-decoration:none;}
img{border:0;}
div, textarea, input{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Lato', sans-serif;}
.clear:before,.clear:after{content:'';}
.clear:after{clear:both;}
.clear{*zoom:1;}

/*  Header  */
header{display:block;position:fixed;top:0;left:0;min-height:100%;float:left;overflow:hidden;}
header #logo,header #mainlogo{margin-left:25px;margin-top:25px;margin-bottom:10px;}
header nav,.mainnav{padding:0;margin:0;border:0;line-height:0;text-align:left;width:250px;background:#00000;font-family:'Oxygen Mono', Tahoma, Arial, sans-serif;zoom:1;font-size:14px;}
header nav ul,ul li,.mainnav ul,.mainnav ul li{list-style:none;margin:0;padding:0;}
header nav ul,.mainnav ul{display:block;position:relative;float:left;margin-top:25px;margin-left:25px;}
header nav ul li,.mainnav ul li{display:block;float:left;min-height:1px;vertical-align:middle;position:relative;}
header nav ul ul,.mainnav ul ul{top:1px;left:100%;}
header nav ul li,.mainnav ul li{float:none;}
header nav ul ul,.mainnav ul ul{margin-top:0;}
header nav a,.mainnav a{display:block;padding:15px 10px;color:#ffffff;text-decoration:none;text-transform:uppercase;}
header nav > ul,.mainnav > ul{width:180px;}
header nav ul ul,.mainnav ul ul{width:180px;}
header nav > ul > li > a,.mainnav > ul > li > a{color:#ffffff;}
header nav > ul > li > a:hover,.mainnav > ul > li > a:hover{color:#000000;background:#ffffff;}
header nav > ul > li.active a,.mainnav > ul > li.active a{background:#000000;}
header nav > ul > li a:hover,.mainnav > ul > li a:hover{background:#ffffff;}
#menu_icon,.close_menu{display: none;}
#menu_icon,.close_menu{float: right;margin-right: 40px;width: 40px;height: 40px;cursor: pointer;background: url('../images/men_icons.png') no-repeat;}
#menu_icon{background-position: 0 0;}
.close_menu{background-position: -41px 0!important;}
#copyright{position:fixed;width:250px;padding:30px;bottom:0;font-family:'Lato',sans-serif;font-size:12px;color:#fff;}

/*  Content  */
.main{width: 100%;height: 100%;padding-left: 300px;margin-top: 25px;display:block;-webkit-box-sizing: border-box;box-sizing: border-box;background: #000;clear: both;}
.cb-slideshow,.cb-slideshow:after{position:fixed;width:100%;height:100%;top:0px;left:0px;}
.cb-slideshow:after{content:'';background:transparent url(../images/pattern.png) repeat top left;}
.cb-slideshow li span{width:100%;height:100%;position:absolute;top:0px;left:0px;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:none;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 36s linear infinite 0s;animation:imageAnimation 36s linear infinite 0s;}
.cb-slideshow li div{z-index:1000;position:absolute;bottom:30px;left:0px;width:100%;text-align:center;opacity:0;color:#fff;-webkit-animation:titleAnimation 36s linear infinite 0s;animation:titleAnimation 36s linear infinite 0s;}
.cb-slideshow li:nth-child(1) span{background-image:url(../images/a.jpg)}
.cb-slideshow li:nth-child(2) span{background-image:url(../images/b.jpg);-webkit-animation-delay:6s;animation-delay:6s;}
.cb-slideshow li:nth-child(3) span{background-image:url(../images/c.jpg);-webkit-animation-delay:12s;animation-delay:12s;}
.cb-slideshow li:nth-child(4) span{background-image:url(../images/d.jpg);-webkit-animation-delay:18s;animation-delay:18s;}
.cb-slideshow li:nth-child(5) span{background-image:url(../images/e.jpg);-webkit-animation-delay:24s;animation-delay:24s;}
.cb-slideshow li:nth-child(6) span{background-image:url(../images/f.jpg);-webkit-animation-delay:30s;animation-delay:30s;}
.cb-slideshow li:nth-child(2) div{-webkit-animation-delay:6s;animation-delay:6s;}
.cb-slideshow li:nth-child(3) div{-webkit-animation-delay:12s;animation-delay:12s;}
.cb-slideshow li:nth-child(4) div{-webkit-animation-delay:18s;animation-delay:18s;}
.cb-slideshow li:nth-child(5) div{-webkit-animation-delay:24s;animation-delay:24s;}
.cb-slideshow li:nth-child(6) div{-webkit-animation-delay:30s;animation-delay:30s;}
@-webkit-keyframes imageAnimation{0%{opacity:0;-webkit-animation-timing-function:ease-in;}
8%{opacity:1;-webkit-animation-timing-function:ease-out;}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@keyframes imageAnimation{0%{opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
8%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
.no-cssanimations .cb-slideshow li span{opacity:1;}

/* Gallery */
.gal{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-line-pack: start;align-content: flex-start;}
.view{width:200px;height:200px;margin:10px;display:inline-block;border:10px solid #fff;overflow:hidden;position:relative;}
.view .mask,.view .content{font-family:'Lato',Arial,sans-serif;max-width:200px;height:200px;position:absolute;overflow:hidden;top:0;left:0}
.view img{width:100%;height:auto;display:block;position:relative;}
.view h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;margin:10px 0 0}
.view p{font-family:'Lato',Arial,sans-serif;font-style:italic;font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}
.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;color:#fff;text-transform:uppercase}
.view-first img{-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;width:100%;height:100%;background-color:#000;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.view-first h2{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first p{-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.view-first:hover img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.view-first a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view-first:hover h2,.view-first:hover p,.view-first:hover a.info{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
.view-first:hover p{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.view-first:hover a.info{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

/* About Page */
#wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#wrapper > * {padding: 10px;-webkit-box-flex: 1;-ms-flex: 1 auto;flex: 1 auto;}
.about-header, .about-footer {padding: 10px;}
.about-header h1{display:inline-block;font-weight:700;font-size:2.8125em;text-transform:uppercase;}
.about-pic img{height:500px;}
.about{font-family:'Lato', sans-serif;color:#fff;font-weight:300;}
.about h2{font-weight:300;font-size:1.3em;}
.about-footer li{display:inline-block;}
.about-footer ul li:nth-child(2){position:relative;left:10px;}

/* Contact Form */
#error{font-family:'Lato', sans-serif;font-size:14px;color:#fff;font-weight:300;}
#error a{text-transform:uppercase;}
#contact{padding-top:10px;}
.contact textarea, input{-webkit-box-sizing:border-box;box-sizing:border-box;}
.contact label{text-transform:uppercase;}
.contact{max-width:450px;margin:0 auto;background-color:#fff;border:1px solid #cfcfcf;border-bottom:3px solid #ccc;}
.row{width:100%;margin:0 0 1em 0;padding:0 2.5em;}
.row.header{padding:1.5em 2.5em;border-bottom:1px solid #ccc;background-color:#000;color:#fff;}
.row.body{padding:.5em 2.5em 1em;}
.pull-right{float:right;}
#contact h1{font-weight:300;display:inline-block;font-weight:100;font-size:2.5em;border-bottom:1px solid rgba(255, 255, 255, 0.3);margin:0 0 0.1em 0;padding:0 0 0.5em 0;}
#contact h3{font-family:'Lato', sans-serif;font-weight:400;font-size:1.0em;margin:1em 0 0.4em 0;word-spacing:3px;}
.btn{font-size:1.0625em;display:inline-block;padding:0.74em 1.5em;margin:1.5em 0 0;color:#fff;border-width:0 0 0 0;border-bottom:5px solid;text-transform:uppercase;background-color:#000;font-family:'Lato', sans-serif;font-weight:300;}
.btn:hover{background-color:#000;}
.btn.btn-submit{background-color:#000;border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.btn.btn-submit:hover{background-color:#000;}
form{max-width:100%;display:block;}
form ul{margin:0;padding:0;list-style:none;}
form ul li{margin:0 0 0.25em 0;clear:both;display:inline-block;width:100%;}
form ul li:last-child{margin:0;}
form ul li p{margin:0;padding:0;float:left;}
form ul li p.right{float:right;}
form ul li .divider{margin:0.5em 0 0.5em 0;border:0;height:1px;width:100%;display:block;background-color:#000;}
form ul li .req{color:#000;}
form label{display:block;margin:0 0 0.5em 0;color:#000;font-size:0.85em;}
form input{margin:0 0 0.5em 0;border:1px solid #ccc;padding:6px 10px;color:#000;font-size:0.85em;}
form textarea{border:1px solid #ccc;padding:6px 10px;width:100%;color:#000;}
form small{color:#000;margin:0 0 0 0.5em;}

/*  Mobile  */
@media (max-width:1099px) {
header{display:block;width:100%;min-height:100px;padding:0;position:relative}
header #logo,header #mainlogo{float:left}
header #logo img{width:33%;height:33%;max-width:180px;}
header #mainlogo img{width:75%;height:75%;}
header .footer{display:none}
header #menu_icon,header .close_menu{float:right;margin:30px 30px 0 0}
header nav {width:100%;top:100px;left:0}
header nav a{padding:30px}
header nav ul {width:100%;list-style:none;display:none;margin:0}
header nav ul li a{display:block;position:relative;text-align:center;color:#fff;font-size:14px;text-decoration:none;border-top:1px solid #f7f5f5;background:#000}
header nav ul li:last-child{border-bottom:1px solid #f7f5f5;}
#menu_icon,.close_menu,.show_menu{display:block}
.main{width:100%;min-height:100%;padding:0;}
.about-header, .about-footer{text-align:center;}
.gal{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#contact h1{font-size:2em;}
}
@media (max-width:600px) {
#wrapper {-ms-flex-flow:wrap;flex-flow:wrap;}
.about-pic img{width:100%;height:100%;}
.about-footer ul li:nth-child(2){left:0;}
.view{width:33.3%;height:auto;margin:5px;border:5px solid #fff;}
.view .mask{display:none;}
.pull-right{float:left;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('fancybox_sprite@2x.png');background-size:44px 152px;}
#fancybox-loading div{background-image:url('fancybox_loading@2x.gif');background-size:24px 24px;}
}