@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font:13px/18px 'Trebuchet MS', sans-serif;
color:#626262;
min-width: 1250px;
min-height: 1000px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
h1 {
}
h1>a{
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 174px;
height: 87px;
background: url(../images/logo.png) center top no-repeat;
margin-top: 99px;
}
h2 {
font: 30px/1.2em 'Changa One', sans-serif;
color: #fff;
text-transform: uppercase;
padding-bottom: 21px;
}
h3 {
color: #fff;
}
h3>a {
color: inherit;
}
h3>a:hover {
text-decoration: underline;
}
p {
padding-bottom: 18px;
}
address{
font-style: normal;
padding-top: 10px;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
background: #242424;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #1e1e1e;
}
/*---------gallery bg--------*/
#galleryHolder{
position: absolute;
width: 100%;
height: 100%;
left: 267px !important;
overflow: hidden;
top: 0;
}
#imageHolder{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
#imgSpinner{
position: absolute;
left:267px;
top:0px;
width:48px;
height:48px;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #1e1e1e;
display: none;
}
/*end gallery bg*/
/* panel */
#leftPanel{
position: absolute;
width: 267px;
height: 100%;
background: #1e1e1e;
z-index: 100;
}
.autorPic{
position: relative;
display: block;
width: 270px;
height: 268px;
overflow: hidden;
}
.autorPic>img{
position: relative;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
}
.autorPic:hover>img{
margin-top: -268px;
}
header, footer{
position:absolute;
width:100%;
z-index:100;
text-align: center;
}
/*header*/
header{
position: relative;
top:0px;
height:268px;
background: #e1a400;
}
/*end header*/
/*footer*/
footer {
bottom:0px;
height:196px;
background: #242424;
}
footer>div {
padding: 69px 40px 0;
}
footer p {
position: relative;
font: bold 10px/12px 'Open Sans', sans-serif;
text-transform: uppercase;
color: #464646;
}
footer p>.authorName {
font: 24px/20px 'Changa One', sans-serif;
}
footer p a{
color: #464646;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: block;
margin: 60px 32px 0 0;
}
#menu>li {
display: block;
position: relative;
text-align: right;
margin-bottom: 5px;
}
#menu>li>a {
position: relative;
display: inline-block;
font: bold 12px/1.2em 'Open Sans', sans-serif;
color: #e1a400;
text-transform: uppercase;
letter-spacing: 1px;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
}
.submenu_1, .submenu_2 {
position:relative;
z-index:9100;
width: 164px;
margin: 0px 0 0px 103px;
}
.submenu_1 li {
position:relative;
display: block;
}
.submenu_1 a {
position:relative;
display: block;
font: bold 12px/23px 'Open Sans', sans-serif;
color: #fff !important;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
letter-spacing: 1px;
padding-right: 42px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#1e1e1e !important;
background: #e1a400;
}
.submenu_2 {
margin: 0px 0 0px 0px;
}
.submenu_2 a {
color: #505050;
background: transparent;
padding-right: 61px;
}
.submenu_2 li>a:hover,.submenu_2 li.sfHover>a{
color: #505050 !important;
background: #242424;
}
.submenu_1,.submenu_2 {
display: none;
}
/*end menu*/
/* end panel */
/*pages*/
/* folio */
.folio{
position: absolute;
left: 267px;
z-index: 200;
}
.folio>ul{
position: relative;
overflow: hidden;
margin-bottom: 196px;
}
.folio>ul>li{
position: relative;
display: inline-block;
float: left;
width: 267px;
height: 268px;
display: none;
}
.folio>ul>li>a{
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.folio>ul>li>a>img{
position: relative;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
}
.folio>ul>li>a:hover>img{
margin-top: -268px;
}
/* folio info block*/
.infoBlock{
position: absolute;
top: 0;
left: 267px;
width: 267px;
height: 268px;
background: url(../images/info_bg.png);
z-index: 99;
}
.infoBlock>ul,.infoBlock>ul>li{
position: relative;
display: block;
width: 100%;
height: 100%;
}
.infoBlock>ul>li{
padding-top: 185px;
}
.infoBlock p{
float: right;
font: bold 12px/14px 'Open Sans', sans-serif;
text-transform: uppercase;
color: #fff;
padding: 0 32px 6px 0;
letter-spacing: 1px;
}
.closeBlock{
position: absolute;
display: block;
top: 268px;
left: 267px;
width: 267px;
height: 52px;
background: #1e1e1e;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
z-index: 99;
}
.closeBlock p{
color: #e1a400;
float: right;
font: bold 12px/14px 'Open Sans', sans-serif;
text-transform: uppercase;
color: #e1a400;
padding: 19px 73px 0 0;
letter-spacing: 1px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
}
.closeBtn{
position: absolute;
right: 0;
top: 0;
z-index: 10;
width: 52px;
height: 52px;
background: url(../images/close_btn.png) center top no-repeat;
overflow: hidden;
-webkit-transition: background-position 0.4s ease-out;
-moz-transition: background-position 0.4s ease-out;
-o-transition: background-position 0.4s ease-out;
-ms-transition: background-position 0.4s ease-out;    
transition: background-position 0.4s ease-out;
}
.closeBlock:hover{
background: #e1a400;
}
.closeBlock:hover p{
color: #fff;
}
.closeBlock:hover>span{
background-position: center bottom;
}
.infoBlock, .closeBlock{
left: 0;
}
/* end folio info block*/
/* end folio */
#content {
position:relative;
width:950px;
height:750px;
margin-left: 267px;
z-index: 50;
}
#content>ul {
position: relative;
width:100%;
height: 400px;
margin-top: 55px;
}
#content>ul>li:first-child{
background: none;
}
#content>ul>li {
position:absolute;
width:100%;
height:100%;
background: none;
overflow: hidden;
}
#bottomBlock{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 196px;
z-index: 10;
background: #1e1e1e;
}
#welcomeInfo{
position: relative;
overflow: hidden;
margin-left: -2000px;
}
.readMore {
position: relative;
display: inline-block;
font: bold 18px/1.2em 'Open Sans', sans-serif;
color: #e1a400;
background: transparent;
padding: 4px 0px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;    
transition: all 0.4s ease-out;
letter-spacing: 1px;
}
.readMore:hover {
text-decoration: none;  
color: #fff;
}
.list1>li{
margin-bottom: 10px;
}
.list1>li>a{
font-weight: bold;
color: #e1a400;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
-o-transition: color 0.4s ease-out;
-ms-transition: color 0.4s ease-out;    
transition: color 0.4s ease-out;
}
.list1>li>a:before{
position: relative;
display: inline-block;
width: 4px;
height: 7px;
overflow: hidden;
background: url(../images/list_icon.png) left 0 no-repeat;
content: ' ';
margin: 0px 14px 0 0;
top: -1px;
}
.list1>li>a:hover{
color: #626262;
}
.list1>li>a:hover:before{
background-position: right 0;
}
.list2{
width: 590px;
height: 275px;
}
.list2>li{
margin-bottom: 11px;
}
.list2>li>div:first-child{
float: left;
margin: 6px 29px 0 0px;
width: 50px;
}
.list2>li>div:first-child>p{
font: bold 18px/1em 'Open Sans', sans-serif;
color: #e1a400;
letter-spacing: 2px;
}
.list2>li>div:first-child>p>span{
font-size: 35px;
margin-bottom: 7px;
position: relative;
display: block;
}
.list2>li>div:first-child+div{
overflow: hidden;
}
.list3{
margin-top: 3px;
}
.list3>li{
position: relative;
display: inline-block;
width: 202px;
margin-right: 16px;
}
.list3>li>a{
position: relative;
display: block;
width: 202px;
height: 182px;
overflow: hidden;
margin-bottom: 16px;
}
.slider1{
position: relative;
width: 590px;
height: 275px;
}
.slider2{
position: relative;
width: 890px;
height: 275px;
}
.btnsHolder{
position: relative;
display: inline-block;
margin-top: 32px;
}
.btnsHolder>a{
position: relative;
display: inline-block;
width: 101px;
height: 32px;
margin-left: -4px;
background: #1e1e1e;
-webkit-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-ms-transition: background-color 0.4s ease-out;    
transition: background-color 0.4s ease-out;
}
.btnsHolder>a:first-child{
margin-left: 0;
}
.btnsHolder>a>span{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: background-position 0.4s ease-out;
-moz-transition: background-position 0.4s ease-out;
-o-transition: background-position 0.4s ease-out;
-ms-transition: background-position 0.4s ease-out;    
transition: background-position 0.4s ease-out;
}
.prev>span{
background: url(../images/arrowL_2.png) right center no-repeat;
}
.next>span{
background: url(../images/arrowR_2.png) left center no-repeat;
}
.btnsHolder>a:hover{
background: #e1a400;
}
.prev:hover>span{
background-position: left center;
}
.next:hover>span{
background-position: right center;
}
/* end btnsBlock */
.btnsBlock{
position: absolute;
display: inline-block;
bottom: 144px;
left: 267px;
height: 52px;
overflow: hidden;
z-index: 100;
}
.btnsBlock>a{
position: relative;
display: inline-block !important;
width: 133px;
height: 52px;
margin-left: -4px;
background: #242424;
-webkit-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-ms-transition: background-color 0.4s ease-out;    
transition: background-color 0.4s ease-out;
}
.btnsBlock>a:first-child{
margin-left: 0;
}
.btnsBlock>a>span{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: background-position 0.4s ease-out;
-moz-transition: background-position 0.4s ease-out;
-o-transition: background-position 0.4s ease-out;
-ms-transition: background-position 0.4s ease-out;    
transition: background-position 0.4s ease-out;
}
.prevBtn>span{
background: url(../images/arrowL.png) left center no-repeat;
}
.nextBtn>span{
background: url(../images/arrowR.png) right center no-repeat;
}
.btnsBlock>a:hover{
background: #e1a400;
}
.nextBtn:hover>span{
background-position: left center;
}
.prevBtn:hover>span{
background-position: right center;
}
/* end btnsBlock */
/*scroll*/
.outside{
position: relative;
}
.scroll{
float:left;
}
.outside .scroll{
width: 630px;
height: 347px;
}
.scroll-btns{
position: absolute;
top: -47px;
z-index: 200;
display: block;
right: 0px;
}
.scroll-btns>a{
position: relative;
display: inline-block;
width: 101px;
height: 32px;
margin-left: -4px;
background: #1e1e1e;
-webkit-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
-ms-transition: background-color 0.4s ease-out;    
transition: background-color 0.4s ease-out;
}
.scroll-btns>a:first-child{
margin-left: 0;
}
.scroll-btns>a>span{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: background-position 0.4s ease-out;
-moz-transition: background-position 0.4s ease-out;
-o-transition: background-position 0.4s ease-out;
-ms-transition: background-position 0.4s ease-out;    
transition: background-position 0.4s ease-out;
}
.btndown>span{
background: url(../images/arrow_down.png) center bottom no-repeat;
}
.btnup>span{
background: url(../images/arrow_up.png) center top no-repeat;
}
.scroll-btns>a:hover{
background: #e1a400;
}
.btndown:hover>span{
background-position: center top;
}
.btnup:hover>span{
background-position: center bottom;
}
/*end scroll*/
.sitem_over {
position:absolute;
background:url( '../images/pic_bg_over.png');
z-index:2;
width:100%;
height:100%;
display:none;
overflow: hidden;
}
.sitem_over>strong {
position:relative;
background:url( '../images/icon_zoom.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
.color1{
color: #fff;
}
.color2{
color: #626262;
}
.color3{
color: #e1a400;
}
.width1{
display: inline-block;
width: 90px;
}
.fontStyle1{
font: 48px/40px 'Changa One', sans-serif;
color: #e1a400;
text-transform: uppercase;
padding-top: 94px;
letter-spacing: 1px;
}
.fontStyle2{
font: bold 13px/18px 'Open Sans', sans-serif;
color: #626262;
text-transform: uppercase;
letter-spacing: 1px;
}
/*additional classes*/
.wrapper {
width:100%;
overflow:hidden;
}
a {
text-decoration:none;
}
a.nound,.nound a {
text-decoration:none;
}
a.nound:hover,.nound a:hover {
text-decoration:underline;
}
.clear {
clear:both;
line-height:0;
}
.right{
margin-right: 0 !important;
}
/*google map*/
.google_map{
position:  relative;
overflow: hidden;
border-radius: 0px;
width: 310px;
height: 160px;
border: none;
box-shadow: none;
background-color: #1e1e1e;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
background-position: 50%;
margin: 3px 0 16px;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
margin-top: 3px;
height: 350px;
}
#form1 input,
#form1 textarea,
#form1 .success {
position: relative;
background: none;
border: 1px solid #515151;
color:#626262;
padding: 5px 9px 6px;
width: 430px;
outline:none;
box-shadow:none;
margin: 0;
}
#form1 input{
width: 430px;
height: 29px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#form1 textarea {
width: 410px;
height: 153px;
overflow:auto;
resize: none;
}
#form1 label {
display:inline-block;
min-height: 46px;
position: relative;
width: 430px;
}
#form1 label.message {
width: 430px;
}
#form1 .success{
position: absolute;
z-index: 10;
background: #242424;
text-align: center;
padding: 42px 9px 41px;
width: 288px;
}
#form1 .error, #form1 .empty {
text-align: right;
display:none;
font-size:10px;
color:#e1a400;
right: 3px;
top: 3px;
position: absolute;
}
fieldset{
height: 210px;
}
.btns{
float: right;
padding: 12px 0 0;
position: relative;
}
.btns a{
display:inline-block;
margin-left: 30px;
}
/* Form defaults */
input, select, textarea {
font: normal 13px/15px 'Trebuchet MS', sans-serif;
vertical-align:middle;
}
/*end forms*/