/*
CONTENTS - STYLES.CSS
----------------------------------------------------------------
1. FONTS
2. PAGE LAYOUT & BASIC STYLES
3. STRUCTURE STYLES
4. SITE STYLES
5. RETINA DISPLAYS


/* 
1. FONTS
-------------------------------------------------------------- */

@font-face {
    font-family: 'engravers_gothicregular';
    src: url('fonts/engravers__gothic-webfont.eot');
    src: url('fonts/engravers__gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/engravers__gothic-webfont.woff') format('woff'),
         url('fonts/engravers__gothic-webfont.ttf') format('truetype'),
         url('fonts/engravers__gothic-webfont.svg#engravers_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'genevaregular';
    src: url('fonts/geneva-webfont.eot');
    src: url('fonts/geneva-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geneva-webfont.woff') format('woff'),
         url('fonts/geneva-webfont.ttf') format('truetype'),
         url('fonts/geneva-webfont.svg#genevaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Icon Font*/
@font-face {
    font-family: 'EntypoRegular';
    src: url('fonts/entypo.eot');
    src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo.woff') format('woff'),
         url('fonts/entypo.ttf') format('truetype'),
         url('fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 
2. PAGE LAYOUT & BASIC STYLES
-------------------------------------------------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; outline: none; }
html { width: 100%; height: 100%; background-color: #FFF; }
img { vertical-align: middle; }
p, h2, address { font: 12px/20px 'genevaregular', sans-serif; color: #707070; }
h1 { font: 14px/18px 'genevaregular', sans-serif; color: #707070; }
.full-screen-bg-image { z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }
a { font: 12px/20px 'genevaregular', sans-serif; color: #002d62; text-decoration: underline; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.group:before,.group:after { content:""; display:table; } /* Clearfix */
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* Chrome Frame prompt */
.unselectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.content .details {display: none;}

#landing{background-color: #080808; text-align: center;}

/* 
3. STRUCTURE STYLES
-------------------------------------------------------------- */

.container { width: 1025px; margin: 0 auto; }

.modal-overlay {width: 100%;  height: 100%; position: fixed; z-index: 99; background: url(../../images/front/modal-overlay.png) repeat center; display: none; top: 0; left: 0;}
    .modal-inner {height: 690px; width: 590px; margin: 90px auto 0 auto; background-color: #fff; -moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000; position: relative; padding-top: 2%; overflow: hidden;}
    .modal-close {width: 48px; height: 10px; background: url(../../images/front/modal-close.png) no-repeat center; position: absolute; top: 10px; right: 10px; cursor: pointer;}
    .modal-content {width: 100%; height: 95%;}
    .modal-content .details {padding: 7%; height: 100%;}
        .modal-content hr, .modal-content .more, #modalNext, #modalPrev {display: none;}
        .modal-content .details h1, .modal-content .details figure, .modal-content .details img {text-align: center;}
    #modalNext, #modalPrev {height: 44px; width: 14px; position: absolute; top: 50%; cursor: pointer;}
    #modalNext {background: url(../../images/front/modal-next.png) no-repeat center; right: 15px;}
    #modalPrev {background: url(../../images/front/modal-prev.png) no-repeat center; left: 15px;}

/*Header*/
header { height: auto; background-color: #fff; margin: 0 auto; }

/*Main Navigation*/
.mainNav { width: 100%; height: 28px; background-color: #002d62; overflow: hidden; }
.mainNav ul, .subNav  ul {  margin: 0; padding: 5px; overflow-y: hidden; list-style-type: none; text-align: center; } 
.mainNav ul {display: table; margin: auto;}
	.mainNav ul li, .subNav ul li { margin-right: 20px; } 
    .mainNav ul li {display: table-cell;}
    .subNav ul li {display: inline;}
		.mainNav ul li span { font-size: 9px; }
		.mainNav ul li a { font: 14px/12px 'engravers_gothicregular', sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 1em 1.5em; color: #fff; background-color: #002d62; letter-spacing: 1px; } 
		.mainNav ul li a:hover, .menuActive { color: #707070 !important; background-color: #dadada !important; }

/*Sub Navigation*/
.subNav { width: 100%; height: 30px; background-color: #FFF; border-top: solid #969696 1px; border-bottom: solid #969696 1px; margin-top: 5px; overflow: hidden; }
    .subNav ul li a { font: 12px/100% 'engravers_gothicregular', sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 1em 1.25em; color: #333; } 
    .subNav ul li a:hover, .subActive { color: #002d62; background-color: #dadada; }

    .lang_ru .subNav ul li a{font-size: 10px;}

/*Content Wrapper*/
.content  { width: 1025px; margin: 0 auto; min-height: 475px; overflow: hidden;  position: relative; }
    .content.static { padding-top: 47px; } /*Adds padding to the top of pages that do not have a slider*/

/*Slider*/
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider li{ padding-top: 47px; width:1025px; min-height:530px; overflow:hidden; }
#slider.full li{ padding-top: 0; }
span#prevBtn, span#nextBtn { position: absolute; top: 50%; margin-top: -15px; }
    span#nextBtn { right: 0; }
    span#prevBtn a { display: inline-block; width: 62px; height: 30px; background: transparent url('../../images/front/arrow-prevnext.png') no-repeat; background-position: 0 0; text-indent: -9999px; }
    span#nextBtn a { display: inline-block; width: 42px; height: 30px; background: transparent url('../../images/front/arrow-prevnext.png') no-repeat; background-position: -10px -30px; text-indent: -9999px; float: right; }
    .about span#prevBtn a, .ashoka span#prevBtn a,.famous span#prevBtn a,.press span#prevBtn a { width: 43px; height: 30px; background: transparent url('../../images/front/arrow-backmore.png') no-repeat; background-position: 0 0; } /*Set slider controls imgs to back instead of prev*/
    .about span#nextBtn a, .ashoka span#nextBtn a,.famous span#nextBtn a,.press span#nextBtn a { width: 44px; height: 30px; background: transparent url('../../images/front/arrow-backmore.png') no-repeat; background-position: 0 -30px; } /*Set slider controls imgs to more instead of next*/          

/*Footer*/
footer { height: 75px; padding-top: 10px; border-top: solid #969696 1px; }


/* 
4. SITE STYLES
-------------------------------------------------------------- */

.logo { width: 353px; height: 57px; display: block; background: transparent url('../../images/front/logo-nav_williamgoldberg.png') no-repeat; text-indent: -9999px; position: relative; left: 50%; margin: 58px 0 40px -176px; }
.lang_zh .logo{background: url('../../images/front/logo-nav_williamgoldberg_zh.png');}
.lang_ru .logo{background: url('../../images/front/logo-nav_williamgoldberg_ru.png');}

/*Landing*/
/*.landing { width: 100%; height: 100%; background-color: #090808; }
.enter { font: 14px/100% 'engravers_gothicregular', sans-serif; letter-spacing: 1px; color: #FFF; }
    .enter span { font-size: 8px; }*/

/*Landing Slider*/
#unslider { height: 475px; clear:both; overflow:hidden; }
#unslider ul { list-style:none; position:relative; margin: 0; padding: 0; width: 4092px;}
#unslider li.first {display: block;}
#unslider li { text-align:center; float:left; width:1023px;}
    #unslider .nextBtn, #unslider .prevBtn {position: absolute; width: 14px; height: 44px; top: 50%; z-index: 12; cursor: pointer;}
    a {outline: none !important;}
    #unslider .nextBtn {background: url(../../images/front/modal-next.png) no-repeat center; right: 15px;}
    #unslider .prevBtn {background: url(../../images/front/modal-prev.png) no-repeat center; left: 15px;}
p.unslider-arrows { width: 100%; height: 70px; position:absolute; top: 50%; left: 0; margin-top: -35px; margin: 0; padding: 0; }
p.unslider-arrows span { width:44px; height:70px; background:transparent url('../../images/front/arrow-leftright.png') no-repeat; background-position:0 0; float: left; cursor:pointer; }
p.unslider-arrows span.next { background-position:0 -70px; float: right; }


/*About*/
.bio aside { width: 420px; margin-right: 15px; margin-left: 65px; float: left; }
.bio section { width: 442px; float: left; }
    .bio section p { padding-top: 15px; margin-left: 15px; }
.bioContinued section { width: 370px; margin-right: 25px; margin-left: 105px; float: left; }
    .bioContinued section p { padding-top: 15px; clear: both; }
    .bioContinued section img { float: right; }
    #wg_streetcorner{display: none; position: absolute; top: 47px; right: 65px;}
.company aside { width: 338px; margin-left: 85px; margin-right: 32px; float: left; }
    .company aside img { float: right; }
    .company aside img:last-child { margin-top: 18px; }
.company section { width: 485px; padding-top: 10px; float: left; }
    .company section p { padding-top: 7px; }
#figsSlider .video figure, #slider .video figure { width: 616; margin-left: 105px; margin-right: 48px; float: left; }
    #figsSlider .video figure h1, #slider .video figure h1 {  }
#figsSlider .video aside, #slider .video aside { width: 153px; margin-top: 27px; float: left; }
.craftsmanship { width: 875px; }
    .craftsmanship section { width: 315px; margin-right: 20px; float: left; }
    .craftsmanship p { padding-top: 10px; }
    .craftsmanship figure { float: right; }

/* Our History */
#history {height: 420px;}
    #history .intro {float: left; padding: 75px 0 0 50px; width: 332px; margin-right: 45px; position: relative; z-index: 1;}
    #history .intro p {width: 229px; margin-top: 20px;}
    #history .timeline {width: 7300px; background: url(../../images/front/timeline/timeline_first.png) no-repeat 375px 0px;}
    #history .timeline .year {display: inline-block; margin-right: -4px;}
    #history .timeline img {display: inline-block; margin: 0px 0 0 -2px;}
    /*#history .timeline .year {cursor: pointer;}*/
.mask.left {width: 226px; background: url(../../images/front/history-left-mask.png) no-repeat center; height: 475px; position: absolute; left: -160px; top: 0px;}    
.mask.right {width: 226px; background: url(../../images/front/history-right-mask.png) no-repeat center; height: 475px; position: absolute; right: -160px; top: 0px;}

#prevBtn.history a, #nextBtn.history a, .mask {z-index: 2;}
#prevBtn.history a, #nextBtn.history a {width: 14px; height: 30px;}
#prevBtn.history a {background: url(../../images/front/history_left.png) no-repeat center;}
#nextBtn.history a {background: url(../../images/front/history_right.png) no-repeat center;}

/*Collections*/
.zoom, .inquire, .inquire a { background: transparent; border: 0; font: 14px/100% 'engravers_gothicregular', sans-serif; color:#a1a1a1; letter-spacing: 1px; float: left; }
    .zoom {background: url(../../images/front/icon_magnifying.png) no-repeat left center; float: left; padding-left: 18px;}
    .inquire {background: url(../../images/front/icon_inquire.png) no-repeat right center; float: right; padding-right: 18px;}
.inquire { float: right; text-indent: 12px;}
    .inquire a {text-decoration: none; float: none;}
/*Collections Carousel*/
#wrapper { position: absolute; width: 70%; left: 15%; top: 40px; }
#carousel-wrapper { padding-bottom: 10px; position: relative; }
#carousel, #thumbs { overflow: hidden; }
    #carousel img { min-height: 301px; display: block; padding-top: 10px; margin: 0 0 0 185px; }
    #carousel span { width: 554px; height: 375px; }
    #carousel h1 { font-size: 16px; text-align: center; color: #22206e; letter-spacing: 1px; text-transform: uppercase; }
    .lang_ru #carousel h1{font-size: 13px; line-height: 15px;}
#carousel span,
#thumbs a, #thumbs img  { display: block; float: left; }
#carousel span, #carousel a,
#thumbs span, #thumbs a { position: relative; }
#carousel img { border: none; max-width: 100%; max-height: 100%; clear:both;}
#thumbs img { border: none; margin: -20px 0 0 -20px; }
#thumbs-wrapper { padding: 0 40px; position: relative; height:53px; }
#thumbs a { border: 1px solid #ccc; width: 59px !important; height: 53px; margin: 0 10px; overflow: hidden;}
#thumbs a:hover, #thumbs a.selected { border: 3px solid #002d62; box-shadow: 0 0px 7px 2px #c0c0c0; }
#prev, #next { background: transparent url('../../images/front/arrow-thumbs.png') no-repeat 0 0; display: block; width: 14px; height: 30px; margin-top: -15px; position: absolute; top: 50%; }
#prev { background-position: 0 0; left: 10px; }
#next { background-position: 0 -30px; right: 10px; }           
#prev.disabled, #next.disabled { display: none !important; }
.collection #prevBtn, .collection #nextBtn{display: none;}
#thumbs .push_1{margin-left:40px;}
#thumbs .push_2{margin-left:79px;}
#thumbs .push_3{margin-left:119px;}
#thumbs .push_4{margin-left:158px;}
#thumbs .push_5{margin-left:198px;}
#thumbs .push_6{margin-left:237px;}
#thumbs .push_7{margin-left:277px;}

/*Contact Form*/
#prod_form{width: 936px; height: 531px; background: url('../../images/front/contact_form_back_clean.jpg') no-repeat 0 0;}
#prod_form_img{padding: 80px 0 0; height: 150px; overflow: hidden;}
#prod_form_img .logo{margin-top: 0px;}
#prod_form_text{text-align: center;}
#prod_form_form{width:455px; height: 270px; overflow: hidden; float: right; margin:20px 120px 0 0; padding-top: 3px;}
#prod_form_form p{margin: 0 0 9px 0; clear: both;}
#prod_form_form label{width: 120px; float: left; color: #363636;}
.lang_ru #prod_form_form label{font-size: 11px;}
#prod_form_form input[type=text]{width: 315px; height: 20px;}
#prod_form_form textarea{width: 315px; height: 45px;}
#prod_form_form input[type=submit]{float: right; margin-right: 18px;}
#errors{color:red; font-weight: bold; font-size: 11px; text-align: center;}
#prod_form_form #errors{font-size: 10px;}

#prod_form_image{
    width: 270px;
    height: 250px;
    float: left;
    margin: 20px 20px 0 70px;
    text-align: center;
}

#prod_form_image img {
    max-width: 250px;
    max-height: 230px;
    border: 1px solid #aaa;
    margin: 0 0 10px 0;
}

/*Famous Diamonds*/
.famous {padding-top: 20px;}
    .famous #prevBtn {display: none!important;}
    .famous .inner.intro {height: 427px;}
    .famous figure { width: 405px; margin-right: 30px; margin-left: 72px; float: left; }
        .famous figcaption { font: 10px/10px 'genevaregular', sans-serif; color: #707070; position: absolute; right: -10px; bottom: 0; }
        .lang_ru .famous figcaption{right: -55px;}
    .famous section { width: 390px; padding-top: 65px; float: left; margin-right: 129px;}
        .famous section p { padding-top: 10px; }
    .famous .book {width: 1025px; height: 100%;}
    .famous .slide {display: inline-block;}
    #magazine { width:755px; height: 410px; margin: auto;}
    #magazine .turn-page {background-size:100% 100%; }
    #book-opened {background: url(../../images/front/diamonds/book.jpg) no-repeat center; width: 849px; height: 500px; position: absolute; right: 85px; top: -8px;}
    .book #diamonds {height: 122px; display: none; width: 680px; margin: 25px auto 0 auto;}
        .book #diamonds .diamond {width: 85px; height: 100px; float: left; position: relative; cursor: pointer;}
            .book #diamonds .diamond img {position: absolute; bottom: 0px;}
            .book #diamonds .diamondOverlay {position: absolute; width: 100%; height: 100%; z-index: 12; background: url(../../images/front/diamonds/diamond-overlay.png) repeat center;}
            .book #diamonds .diamondOverlay.off {background: none;}
    .bookSlide .next-page, .bookSlide .previous-page {height: 30px; position: absolute; top: 46%; cursor: pointer; display: none;} 
    .bookSlide .next-page {right: 15px; width: 38px; background: url(../../images/front/next.png) no-repeat center;}
    .bookSlide .previous-page {left: 15px; width: 58px; background: url(../../images/front/previous.png) no-repeat center;}

/*Ashoka*/
.ashokaIntro figure { width: 247px; margin-right: 45px; margin-left: 90px; float: left; }
.ashokaIntro section { width: 575px; float: left; }
    .ashokaIntro section p { width: 470px; }
    .ashokaIntro section img {  margin-top: 25px; }
.ashokaMore section { width: 390px; margin-right: 25px; margin-left: 85px; float: left; }
    .ashokaMore section img { float: right; }
    .ashokaMore section p { clear: both; }
.ashokaMore figure { width: 458px; float: left; }

/*Press*/
#figsSlider {width: 100000px;}
.content.press {padding: 0px;}
    .press { top: 40px; padding-left: 93px; }
        .press .details {display: block;}
                .press .details .description {display: none;}
        .press .slide, .press .slide .inner {height: auto;}
        .press .slide {width: 1025px; display: inline-block;}
            .press .slide .inner {width: 840px; margin: auto;}
            .press article { width: 420px; height: 415px; text-align: center; float: left; }
                .press article figure { width: 420px; height: 290px; display: table-cell; vertical-align: middle; text-align: center; }
                    .press article img { max-width: 100%; }
                .press article h2 { width: 210px; font: 14px/16px 'genevaregular', sans-serif; letter-spacing: 1px; color: #002d62; margin: 35px auto 10px; }
                hr { height: 0; border: 0; border-bottom: 1px solid #d8d8d8; }
                .press article a { color: #707070; }


/*The House of Goldberg*/
.house-of-goldberg aside { width: 175px;text-transform: uppercase;margin-left: 50px;float: left; }
    .house-of-goldberg aside p { font: 12px/15px 'engravers_gothicregular', sans-serif; letter-spacing: 1px; }
.house-of-goldberg .posts { width: 700px; margin-left: 65px; float: left; }
    .house-of-goldberg article { margin-bottom: 27px; padding-bottom: 18px; border-bottom: 1px solid #d1d1d1; }
        .house-of-goldberg article:last-child { border-bottom: 0; margin-bottom: 0; }
        .house-of-goldberg article h1 a, .house-of-goldberg article h2 a { font: 20px/100% 'georgia', serif; color: #002d62; text-decoration: none; }
        .house-of-goldberg article p, time { display: block; font: 12px/20px 'genevaregular', sans-serif; color: #707070; text-transform: none; }
            time { margin-top: -10px; }
            .house-of-goldberg article p { margin-top: 17px; }
            
            .house-of-goldberg .tagline{padding-bottom: 20px; }
            .house-of-goldberg .tagline img{ max-width: 175px; }
            .house-of-goldberg .tagline-link{text-decoration: none; }
            .house-of-goldberg .blog-image{text-align:center; }

			.house-of-goldberg aside .treeview{ padding: 0; list-style-type: none;}
			.house-of-goldberg aside .treeview li{ margin-bottom: 10px;}
			.house-of-goldberg aside #category-header{  font-family: "Georgia", serif; background-color: #002d61; color: #fff; padding: 5px; font-size: 90%; text-align: center; margin: 30px 0 0 0;}


.pager{width:auto; margin: 10px 0 0 0; float:right; font: 12px/20px 'genevaregular', sans-serif; color: #707070;}
.pager ul{float: right; margin: 0px; padding: 0px;}
.pager li.results{margin-right: 4px;}
.pager ul li{float: left; margin: 0 5px; padding: 0px; list-style: none; background-image: none;}
.pager ul li a{text-decoration: none;}
.pager ul li a:hover{text-decoration:underline;}
.pager ul li a.active{text-decoration:underline;}

/*Contact*/
.contact aside { display: inline-block; width: 485px; height: 375px; margin-right: 40px; margin-left: 65px; float: left; }
.contact .info { color: #707070; margin-top: 15px; }
    .contact .info div { display: inline-block; width: 219px; height: 16px; background: transparent url('../../images/front/contact-logo.png') no-repeat; text-indent: -9999px; }
    .contact .info a { line-height: 35px; margin: 0; text-decoration: none; }
.social { width: 20px; height: 20px; display: inline-block; background: url('../../images/front/sprite-social.png') no-repeat; }
    .facebook { background-position: 0 0; }
    .twitter { background-position: -28px 0; }
    .youtube { background-position: -56px 0; }
    .rss { background-position: -84px 0; }
    .pinterest { background-position: -111px 0; }
.footer_social{float: left; padding: 3px 0 0 8px;}
#contact-color {position: absolute; right:0px; top:0px; display: none;}

/*Footer*/
.copyright { font: 8px/100% 'genevaregular', sans-serif; color: #b7b7b7; float: left; line-height: 12px; }
.copyright a{font: 8px/100% 'genevaregular', sans-serif; color: #b7b7b7;}
.copyright span, .copyright span a{color: #707170; font-size: 11px; line-height: 13px;}
.styled-select select { background: transparent; width: 185px; padding: 5px; font-size: 11px; color:#999; border: 0; border-radius: 0; height: 25px; -webkit-appearance: none; }
.styled-select { width: 160px; height: 25px; overflow: hidden; background: url(../../images/front/new_arrow.png) no-repeat right; border: 1px solid #707170; float: right; margin-right: 1em; }
.searchBar { float: right; display: block;}
.search { padding:6px 10px 4px 10px; width: 135px; float:left;}
footer input[type=text]{ color:#999; font-size: 11px; border:1px solid #707170; background-color:#fff; outline: none; height: 25px; }
footer input[type=submit], footer input[type=submit]:hover { position:relative; border:1px solid #707170; background: #707170; font-family: 'EntypoRegular'; font-size: 21px; line-height: 18px; color:#fff; background: url(../../images/front/icon_magnifying_white.png) no-repeat center #707170; width: 25px; height: 25px !important; text-transform: uppercase; text-indent: -9999px;}


/* 
5. RETINA DISPLAYS
-------------------------------------------------------------- */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .logo {  }
}

#slider{width:1025px; height:475px; overflow: hidden; margin-bottom: 10px;}
#home #prevBtn, #home #nextBtn{display: none;}

.lang_ru body *{font-family: arial, sans-serif !important;}
.lang_ru .subNav{overflow: hidden;}

.lang_zh .fancybox-close{background-image: url('../../images/front/modal-close_zh.png');}
.lang_ru .fancybox-close{background-image: url('../../images/front/modal-close_ru.png');}
.lang_zh .about span#nextBtn a, .lang_zh .ashoka span#nextBtn a, .lang_zh .famous span#nextBtn a, .lang_zh .press span#nextBtn a{background-image: url('../../images/front/arrow-backmore_zh.png');}
.lang_ru .about span#nextBtn a, .lang_ru .ashoka span#nextBtn a, .lang_ru .famous span#nextBtn a, .lang_ru .press span#nextBtn a{background-image: url('../../images/front/arrow-backmore_ru.png'); width:80px;}
.lang_zh .about span#prevBtn a, .lang_zh .ashoka span#prevBtn a, .lang_zh .famous span#prevBtn a, .lang_zh .press span#prevBtn a{background-image: url('../../images/front/arrow-backmore_zh.png');}
.lang_ru .about span#prevBtn a, .lang_ru .ashoka span#prevBtn a, .lang_ru .famous span#prevBtn a, .lang_ru .press span#prevBtn a{background-image: url('../../images/front/arrow-backmore_ru.png'); width:51px;}
.lang_zh .next-page{background-image: url('../../images/front/next_zh.png');}
.lang_ru .next-page{background-image: url('../../images/front/next_ru.png');}
.lang_zh .previous-page{background-image: url('../../images/front/previous_zh.png');}
.lang_ru .previous-page{background-image: url('../../images/front/previous_ru.png');}
.lang_zh #history .timeline {background-image: url(../../images/front/timeline/timeline_first_zh.png);}
.lang_ru #history .timeline {background-image: url(../../images/front/timeline/timeline_first_ru.png);}
.lang_ru .company section p, .lang_ru .bio section p, .lang_ru .bioContinued section p{padding: 0px;}

#product-details .detail-image {
    max-width: 600px;
}


.category-overlay {
    position:relative;
    display: block;
}
.category-overlay img {
    vertical-align:top;
}
.category-overlay:after, .category-overlay:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.category-overlay:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,64,0.6);
}
.category-overlay:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family: serif;
    font-size: 3em;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.category-overlay:hover:after, .category-overlay:hover:before {
    opacity:1;
}