/*
Theme Name: LA
Author: Damian Stebel & Paweł Pawlas - WPWaiters 
Author URI: http://wpwaiters.com
Description: Template for polish comanty LA
Text Domain: la
*/

.gmnoprint, .gm-style-cc{display:none !important;}
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer                      :: http://ericmeyer.com
	HTML5 Doctor                    :: http://html5doctor.com
	and the HTML5 Boilerplate       :: http://html5boilerplate.com
	

-------------------------------------------------------------------------------*/
/* Author: wpwaiters.com */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer                      :: http://ericmeyer.com
	HTML5 Doctor                    :: http://html5doctor.com
	and the HTML5 Boilerplate       :: http://html5boilerplate.com
	

-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

input[type="submit"] {/* border:0; */}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after, .spec_tech:before, .spec_tech:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after, .spec_tech:after { clear: both; }  
.clearfix, .spec_tech { zoom: 1; }  

:focus { outline: 0;}

.to-left {float:left;;}
.to-right {float:right;}

p {margin:0;}

/*-------------------------------------------------------------------------------*/

input, textarea {-webkit-appearance: none; }
input:not([type="radio"]), textarea {border-radius: 0;}
input[type="radio"] {-webkit-appearance: radio}
input[type="checkbox"] {-webkit-appearance: checkbox}

a {text-decoration: none; color:#fff;;}
a:hover {text-decoration: underline;}

::-moz-selection{background: #5c3838; color: #fff; text-shadow: none;}
::selection {background: #5c3838; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #d43232;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


* {margin:0 auto;}
body {background: #343434; color:#d4d4d4; line-height: 1.6em; font-size:14px; -webkit-text-size-adjust:100%; font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif }



.btn-border, .btn-gray {display: inline-block; text-decoration: none; padding:0 20px; line-height: 30px; text-transform: uppercase; border:2px solid #fff; color:#fff; font-size:15px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}
.btn-gray {border:0; background:#323233; background: rgba(42,42,42,.95);}
.btn-border:hover, .btn-gray:hover {text-decoration: none; background: #fff; color:#e31d1d;}

.btn-noborder {display: inline-block; text-decoration: none; padding:0; line-height: 28px; text-transform: uppercase; color:#e31d1d; font-size:15px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}
.btn-noborder:hover {text-decoration: none; color:#fff;}

.btn-small {line-height: 24px; font-size:13.5px; padding:0 15px;}
.btn-noborder.btn-small {padding:0;}



input[type="text"], input[type="password"], select, textarea {padding:0 10px; background: #fff; border:1px solid #ddd; line-height: 34px; font-size:14px;}


.icon {display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -999px; white-space: nowrap; text-align: left; background: no-repeat 50% 50%}

.icon.icon-twitter {width:23px; height: 23px;}
html.svg .icon.icon-twitter {background-image: url('gfx/icon_twitter.svg'); background-size: 23px 19px;}
html.no-svg .icon.icon-twitter{background-image: url('gfx/icon_twitter.png');}

.icon.icon-fb {width:23px; height: 23px;}
html.svg .icon.icon-fb {background-image: url('gfx/icon_fb.svg'); background-size: 11px 19px;}
html.no-svg .icon.icon-fb{background-image: url('gfx/icon_fb.png');}

.icon.icon-gplus {width:23px; height: 23px;}
html.svg .icon.icon-gplus {background-image: url('gfx/icon_gplus.svg'); background-size: 18px 18px;}
html.no-svg .icon.icon-gplus{background-image: url('gfx/icon_gplus.png');}

.icon.icon-la {width:30px; height: 27px; margin-right: 1.5%;}
html.svg .icon.icon-la {background-image: url('gfx/la.svg'); background-size: 30px 27px;}
html.no-svg .icon.icon-la{background-image: url('gfx/la.png');}

.icon.icon-wp {width:23px; height: 23px;}
html.svg .icon.icon-wp {background-image: url('gfx/icon_wp.svg'); background-size: 23px 23px;}
html.no-svg .icon.icon-wp {background-image: url('gfx/icon_wp.png');}

#nav {width:100%; height:59px; position: relative; z-index: 2003; background: url('gfx/nav_bg.png') no-repeat top #0d0d0d; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.7); -moz-box-shadow: 0 0 4px rgba(0,0,0,.7); box-shadow: 0 0 4px rgba(0,0,0,.7)}

.logo {width: 240px; height:59px; line-height: 59px; margin:0 auto; text-align: center;}
.logo a{width:240px; height:59px; display: inline-block; text-indent: -999px; overflow: hidden;}
html.svg .logo a{background: url('gfx/luc_andre.svg') no-repeat center center; background-size: 240px 28px;}
html.no-svg .logo a{background: url('gfx/luc_andre.png') no-repeat 50% 0;}

.menu {width:40%; margin-top: -59px; position: relative; z-index: 3;}
.menu.m_left {float:left; margin-left:1%;}
.menu.m_right {float:right; margin-right: 1%;}
.m_right ul {text-align: right}

[class^="col-"] { float: left; margin: 0 3.84615384615% 0 0; list-style: none; position: relative; }
[class^="col-"]:last-child { margin: 0; }
.col-1 { width: 4.8076923077%}
.col-2 { width: 13.4615384615%}
.col-3 { width: 22.1153846154%}
.col-4 { width: 30.7692307692%}
.col-5 { width: 39.4230769231%}
.col-6 { width: 48.0769230769%}
.col-7 { width: 56.7307692308%}
.col-8 { width: 65.3846153846%}
.col-9 { width: 74.0384615385%}
.col-10 { width: 82.6923076923%}
.col-11 { width: 91.3461538462%}
.col-12 { width: 100%; margin: 0}

.row {clear: both; padding-bottom: 20px; overflow: hidden;}

.menu > ul > li {display: inline-block; line-height: 59px; vertical-align: middle; text-transform: uppercase; white-space: nowrap; font-weight: bold; font-size:13.5px; padding:0 1%; position: relative;} 
.menu > ul > li > a {line-height: 15px; padding: 22px 5px; display: inline-block; color:#eee;}
.menu > ul > li > a.current-item {color:#bf1d1d; text-decoration: none;}
.menu > ul > li > a:hover, .menu > ul > li.active > a {color:#e31d1d; text-decoration: none;}

.menu > ul > li.submenu_big > a:hover:after, .menu > ul > li.submenu_small > a:hover:after, .menu > ul > li.submenu_big.active > a:after, .menu > ul > li.submenu_small.active > a:after {content:" "; width: 16px; height: 8px; background: url('gfx/men_select.png') no-repeat 0 0; position: absolute; left: 50%; top: 59px; margin-left:-8px;}

.menu_one {width:99%; margin: 0 0.5%; display: none;}
.menu_one ul {text-align:center;}
.menu_one > ul > li {display: inline-block; line-height: 20px; vertical-align: middle; text-transform: uppercase; white-space: nowrap; font-weight: bold; font-size:12px; padding:5px 1% 4px;} 
.menu_one > ul > li > a {color:#eee;}
.menu_one > ul > li > a.current-item {color:#bf1d1d; text-decoration: none;}
.menu_one > ul > li > a:hover, .menu_one > ul > li.active > a {color:#e31d1d; text-decoration: none;}
.menu_mobile {width:35%; margin: 10px 2.5% 0; display: none; float:right; font-size:17px;}
.menu_mobile  select {width:100%; height: 35px; line-height: 35px; padding:5px; font-weight: bold; background: #414141; border:1px solid #000; color:#fff;}

.submenu_big_cont, .submenu_small_cont {position: absolute; top:59px; text-align: left; z-index: 2002; background: #2a2a2a; background: rgba(31,31,31,.97); left:0; right: 0; overflow: hidden;  text-transform: uppercase;  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,.5); box-shadow: 0 0 4px rgba(0,0,0,.5);}

.submenu_big_cont {}
.submenu_big_cont > div { padding:8px 1.3% 15px 1.3%;}
.submenu_big_cont > div > ul {float:left; font-size:13px; width: 12.565857%; margin-left: 1.7%; text-align: left;}
.submenu_big_cont > div > ul:nth-of-type(1) {margin-left: 0;}    

.submenu_big_cont > div > ul > li {line-height: normal; width: 100%; font-weight: normal; white-space:normal;}
.submenu_big_cont > div > ul > li.thb_cat {text-align: center;}
.submenu_big_cont > div > ul > li.thb_cat img {min-width: 100%;}
.submenu_big_cont > div > ul > li > a {color:#cdcdcd; line-height: 14px; padding:5px 0;display: block;}
.submenu_big_cont > div > ul > li > a:hover {color:#fff; text-decoration: none;}
.submenu_big_cont > div > ul > li.cat-item a{font-weight: bold; cursor:default; color:#ededed; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,.15); margin-bottom: 3px; padding:0;}
.submenu_big_cont > div > ul > li.cat-item a:hocer {color:#ededed;}

.submenu_big_cont, .submenu_big_cont > div {display: none;}

.submenu_small_cont {padding:0;}
.submenu_small_cont > div {padding-bottom: 0; padding:8px 1.3% 6px 1.3%;}
.submenu_small_cont > div > ul {text-align: left;}
/*.submenu_small_cont > div > ul li {display: inline-block; padding: 0 1%; font-size:13px; line-height: 16px; padding:13px 12px;}*/
.submenu_small_cont > div > ul li {display: inline-block; font-size:13px; margin:0 0.7%;}
.submenu_small_cont > div > ul li:first-child {margin-left: 0;}
.submenu_small_cont > div > ul li a {color:#b9b9b9; font-weight: bold;}


.submenu_small_cont, .submenu_small_cont > div {display: none;}

.submenu_small_cont h2, .submenu_big_cont h2 {text-shadow: 1px 1px rgba(0,0,0,.4); font-weight:normal; color:#fff; font-size: 35px; line-height: 40px; color: #F5F3F3; font-family: 'oswaldbold', sans-serif;}
.submenu_big_cont h2 {margin-bottom: 15px;}

.submenu {position: absolute; z-index: 2001; top:59px; height: 64px; background: #2a2a2a; text-align:left; background: rgba(31,31,31,.95); left:0; right: 0; overflow: hidden; padding:8px 1.3% 5px 1.3%; text-transform: uppercase;  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,.5); box-shadow: 0 0 4px rgba(0,0,0,.5);}
.submenu h1 {font-size:35px; font-weight: normal; text-transform: uppercase; line-height: 40px; text-shadow: 1px 1px rgba(0,0,0,.4); color:#fff; font-family: 'oswaldbold', sans-serif;}
.submenu h1.no-subpage_menu {line-height:60px;}
.submenu .collection {float:right; margin:2px 0 0 1%; font-size:12px; text-align: center;} 
.submenu .collection img {max-height: 40px; display: block; float:none;}
.submenu .subpage_menu {font-size:13px;}
.submenu .subpage_menu > ul > li {display: inline-block; margin:0 0.7%;}
.submenu .subpage_menu > ul > li:first-child {margin-left: 0;}
.submenu .subpage_menu > ul > li a {color:#b9b9b9; font-weight: bold;}
.submenu .subpage_menu > ul > li a.current-item {color:#bf1d1d;}

.pre-loading {position:absolute; top:0; left:0; right:0; bottom:0; background:url('gfx/preloader.gif') no-repeat 50% 50% #131313; background-size: 40px; z-index: 3;}

#slider a[href="#"] {cursor:default;}
#slider a[href="#"]:hover {text-decoration:none;}

#footer {position:absolute; bottom:0; left:0; right:0; z-index: 3;}
#footer {width:100%; height:46px; background: #0d0d0d;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.38); -moz-box-shadow: 0 0 4px rgba(0,0,0,.38); box-shadow: 0 0 4px rgba(0,0,0,.38); font-size:13px; color:#808080;}
#footer.ok {position:relative; bottom:auto; left:auto; right:auto;}
#footer .copy {float:left; width: 30%; line-height: 45px; margin-left:1%;}
#footer .social {float:right; width:30%; line-height: 45px; text-align: right; margin-right: 1%;}
#footer .social a {margin-left:2.5%;}
#footer .foot_menu {float:right; width: 38%; text-align: center;}
#footer .foot_menu ul {display:block; width: 100%; font-weight: bold;}
#footer .foot_menu ul li {padding:0 1%; display: inline-block; text-transform: uppercase;}
#footer .foot_menu ul li a {padding: 15px 5px; line-height: 16px; color:#808080; display: inline-block;}
#footer .wpwaiters {float: right; border-left: 2px solid #1A1A1A; margin: 5px 0 5px 25px; padding-left: 20px; line-height: 35px; }

#map {width:100%; height: 600px;}
.locationForMap {position: absolute; top:110px; width:370px; right:3%; background: #fff; background: rgba(255,255,255,.9); padding:20px 30px; color:#222; display:none;}
.locationForMap h1 {font-size:37px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; line-height: 42px; text-shadow: 1px 1px #fff; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif;}
.locationForMap h2 {font-size:27px; font-weight: normal; line-height: 35px; margin-bottom: 7px; text-shadow: 1px 1px #fff; font-family: 'oswaldregular', 'Oswald', 'Lato', Arial sans-serif;}
.locationForMap a {color:#222; text-decoration: underline}
.locationForMap a:hover {text-decoration: underline;}
.locationForMap a.close {font-size:20px; color:#707070; text-decoration: none; position: absolute; top:7px; right:13px; line-height: 20px; font-weight: bold; text-align: right;}
.locationForMap a.close:hover {color:#4d4d4d;}

.locationForMap form {margin-top: 25px;}
.locationForMap form > div {margin-bottom:10px}
.locationForMap form .submit {text-align: right; margin-top:-7px; margin-bottom: 0;}
.locationForMap input[type="text"], .locationForMap input[type="password"], .locationForMap select, .locationForMap textarea {width:348px;}
.locationForMap input[type="submit"] {display: inline-block; padding:0 17px; line-height: 34px; font-size:17px; text-transform: uppercase; border:0; background: #e31d1d; color:#fff; border-bottom: 3px solid #c11d1d; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal;}
.locationForMap input[type="submit"]:hover {background: #E93434;}
.locationForMap input[type="submit"]:active {background: #E93434; border-top:1px solid #f24848; border-bottom: 2px solid #ca2c2c;}
.locationForMap textarea {line-height: 16px; padding:4px 10px; min-height: 80px; max-height: 80px; height: 80px;}

#content {width:95%; padding:0 2.5%; color:#fff;}
#content.fullwidth {width: 100%; padding:0;}
#content > div.wrapper_col {width: 95%; padding: 20px 2.5% 50px;}
#content > div {padding:30px 0 20px; position: relative; overflow: hidden;}
#content h1, #content h2 {font-size:40px; line-height: 45px; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal; text-shadow: 1px 1px rgba(0,0,0,.3); margin-bottom: 20px; text-transform: uppercase;}
#content h2 {font-size:25px;}
#content .cat_list {width:40%; margin-right: 60%;}
#content .cat_list ul {margin:0 10% 20px 0; width:40%; float:left; text-transform: uppercase;}
#content .cat_list ul > li.title_cat {font-weight: bold; color:#ededed; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,.15); margin-bottom: 3px;}
#content .cat_list ul > li > a {color:#cdcdcd; line-height: 14px; padding:5px 0;display: block;}
#content .cat_list ul > li > a:hover {color:#fff; text-decoration: none;}
#content.is_submenu > div {padding-top:100px;}
#content.configurator.is_submenu > div {padding-top: 77px;}

#content .cat_photo {width:50%; float:right; position: absolute; top:30px; right: 0; bottom: 30px; overflow: hidden; background-size:cover; background: no-repeat 50% 50%;}

#content.is_submenu .cat_photo {top:100px;}


#content .contct_primary {float:left; width:40%; margin-right: 10%;}
#content .contact_secondary {float:left; width:50%;}
#content .contact_secondary  h2 {color:#e31d1d}
#content .dealer .wpcf7 {float:right; width:46%; margin-top:10px; margin-left:4%}
#content .dealer .dealer-info {float:left; width:50%;}
#content .dealer h3 {font-size:20px; line-height: 30px; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal; text-shadow: 1px 1px rgba(0,0,0,.3); margin-bottom: 5px; text-transform: uppercase;}
#content .dealer strong {font-size:18px; margin-bottom: 10px; display: block; text-shadow: 1px 1px rgba(0,0,0,.3);}
#content .dealer {clear: both; margin-bottom: 20px; overflow: hidden;}

#content .dealer div.inline1, #content .dealer div.inline2, #content .form div.inline1, #content .form div.inline2 {float:left; width: 47%; margin-right: 6%; margin-bottom: 6px;}
#content .dealer div.inline2, #content .form div.inline2 {margin-right: 0;}
#content .dealer form > div.message, #content .form  div.message {clear: both;}
#content .dealer input[type="text"], #content .form input[type="text"] {width:88%; padding:0 6%;}
#content .dealer textarea, #content .form textarea {width:94%; padding: 0 3%;}
#content .dealer input[type="submit"], #content .form input[type="submit"] {display: inline-block; padding:0 17px; line-height: 34px; font-size:17px; text-transform: uppercase; border:0; background: #e31d1d; color:#fff; border-bottom: 3px solid #c11d1d; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal;}
#content .dealer input[type="submit"]:hover, #content .form input[type="submit"]:hover {background: #E93434;}
#content .dealer input[type="submit"]:active, #content .form input[type="submit"]:active {background: #E93434; border-top:1px solid #f24848; border-bottom: 2px solid #ca2c2c;}
#content .dealer textarea, #content .form textarea {line-height: 16px; padding:4px 3%; min-height: 64px; max-height: 64px; height: 64px;}

#content .contact_form {width:90%; max-width:400px; background: #fff; background: rgba(255,255,255,.9); padding:25px 5% 20px; color:#222; clear: both; margin:40px 0 10px;}
#content .contact_form h3 {font-size:25px; line-height: 25px; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal; text-shadow: 1px 1px rgba(255,255,255,.3); margin-bottom: 5px; text-transform: uppercase;}
#content .contact_form form {margin-top: 25px;}
#content .contact_form form > div {margin-bottom:10px}
#content .contact_form form .submit {text-align: right; margin-top:-7px; margin-bottom: 0; overflow: hidden;}
#content .contact_form input[type="text"], #content .contact_form input[type="password"], #content .contact_form select, #content .contact_form textarea {width:92%; padding:0 4%}
#content .contact_form input[type="submit"] {display: inline-block; padding:0 17px; float: right; margin-left:15px; line-height: 34px; font-size:17px; text-transform: uppercase; border:0; background: #e31d1d; color:#fff; border-bottom: 3px solid #c11d1d; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal;}
#content .contact_form input[type="submit"]:hover {background: #E93434;}
#content .contact_form input[type="submit"]:active {background: #E93434; border-top:1px solid #f24848; border-bottom: 2px solid #ca2c2c;}
#content .contact_form textarea {line-height: 16px; padding:4px 4%; min-height: 80px; max-height: 80px; height: 80px;}

.page {color:#fff; width:60%; float:left;}
.page p {margin:10px 0;}
.page_photo {width:37%; margin-left:3%; float:right;}
.fullwidth p {margin:0 0 10px;}

.loginbox_wrapper {width:90%; max-width: 800px; margin:40px auto 40px; padding:0 10px;  background:#2B2B2B; overflow: hidden;}
.loginbox_wrapper .loginbox {padding:10px 11px 7px; margin-bottom:5px; float:left; width:100%; max-width: 281px; text-align: center;}
.loginbox_wrapper input[type="text"], .loginbox_wrapper input[type="password"] {width: 96%; max-width: 266px; padding:0 0 0 4%;}
.loginbox_wrapper .loginbox form > div {clear: both; padding:3px 0;}
.loginbox_wrapper .submit {text-align: left; overflow: hidden;}
.loginbox_wrapper input[type="submit"] {display: inline-block; float:right; padding:0 17px; line-height: 34px; font-size:17px; text-transform: uppercase; border:0; background: #e31d1d; color:#fff; border-bottom: 3px solid #c11d1d; font-family: 'oswaldregular', 'Oswald', 'Lato', sans-serif; font-weight: normal;}
.loginbox_wrapper input[type="submit"]:hover {background: #E93434;}
.loginbox_wrapper input[type="submit"]:active {background: #E93434; border-top:1px solid #f24848; border-bottom: 2px solid #ca2c2c;}
.loginbox_wrapper .loginbox h2 {color:#fff; margin:5px 0 15px !important; line-height: 25px !important;}
.loginbox_wrapper .info {min-height: 165px; margin-left:310px; margin-top:20px; margin-bottom: 20px; border-left: 1px solid #3C3C3C; padding-left: 20px; font-size:13px; line-height: 19px; }
.loginbox_wrapper .info p {padding:5px 0;}

.left_column {width:60%; float:left;}
.right_column {width:36%; margin-left:4%; float:left;}

.files ul li {display: block; clear: both; padding-bottom: 20px; overflow: hidden;}
.files ul li img {float:left; margin-right:15px; max-width: 50%;}
.files ul li .file_info {font-size:12px; margin-bottom: 10px;}
.files ul li h3 {font-size:18px; margin-bottom: 3px;}

.post {clear: both; border-bottom: 1px solid #3C3C3C; overflow: hidden; padding:0 0 15px; margin-bottom: 20px; font-size:13px;}
.post p {padding:5px 0;}
.post .btn-border {margin-top:5px; float: right;}
.post .title {font-weight: bold; font-size:20px; vertical-align: middle; line-height: 24px;}
.post span.date {margin-right:15px; display: inline-block; background: #e31d1d; color:#fff; padding:0 10px; line-height: 24px; vertical-align: middle;}

.collection_wrapp {margin-top:35px;}
.collection_wrapp > li {width: 21%; display: block; float:left; margin:15px 5% 15px 0;}
.collection_wrapp > li:nth-of-type(4n) {margin-right: 0;}
.collection_wrapp .thb_coll {text-align: left; margin:10px 0;}
.collection_wrapp a.btn-border {float:right;}
#content .collection_wrapp h2 {line-height: 35px; margin:10px 0;}
ul.products {margin:0 0 20px; width:100%; float:none; text-transform: uppercase; padding: 10px 0 0;}
ul.products > li:first-child { border-top: 1px solid rgba(255,255,255,.15);}
ul.products > li {border-bottom: 1px solid rgba(255,255,255,.15); display: block; width: 100%; float: none; margin:2px 0;}
ul.products > li > a {color:#cdcdcd; line-height: 16px; padding:6px 2% 9px; display: block;}
ul.products > li > a:hover {color:#fff; text-decoration: none;}
ul.products > li.custom_title {border-top:0;}
ul.products > li.custom_title span {display: block; padding: 0 2% 14px; font-weight: bold;}

.share {position:absolute; top:138px; left:0; z-index: 2001; line-height: 22px; height:32px; text-transform: uppercase; padding:0 1.3%; background: #2A2A2A; background: rgba(31, 31, 31, 0.95); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.share .s_label {display:inline-block; padding:5px 0; float:left;}
.share .services {display:inline-block; overflow:hidden; float:left; overflow:hidden; width:0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.share .services > div {height: 22px; width: 280px; padding: 4px 0 0;}
.share .services > div > div {float:left; margin-left: 13px}
.share .services .twitter { margin-left: 0; margin-top: 2px; width:125px;}
.share .services .fb {margin-left: 17px; width:135px;}
.share:hover {padding-right: 0;}
.share:hover .services {width: 280px;}

#content.configurator {position:relative; background: #171717; overflow:hidden;}
.configurator .render {position: absolute; top:0; left:0; right:0; bottom:0; background: url('slider/s2.jpg') 50% 50% no-repeat; background-size: cover;}
.configurator #render {position:relative; overflow:hidden;}
.configurator #render:after {position:absolute; bottom:4%; width:100%; left:0; height:62px; background:url('gfx/conf_360.png') no-repeat 100% 50%; background-size: 100%; content:""; opacity:0.7;}
.configurator #render:hover:after {opacity:0.2;}
.configurator .options_wrapp {position: absolute; left:50%; bottom:0; z-index: 2; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); width:70%;
-webkit-transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
-moz-transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
}
.configurator .cont_tab {clear:both;}
.configurator .options_wrapp .tabs {width: 100%;}
.configurator .options_wrapp .conf_tab {margin-bottom: 15px}
.configurator .options_wrapp .conf_tab ul {width:47%; float:left;}
.configurator .options_wrapp .conf_tab .conf_desc{width:48%; margin-right: 5%; float:left;}
.configurator .options_wrapp .tabs ul li {display: block; float:left; }
.configurator .options_wrapp .tabs ul li:last-child {}
.configurator .options_wrapp .tabs ul li a {display: block;line-height: 20px; padding:10px 20px; background:rgba(0, 0, 0, 0.55);}
.configurator .options_wrapp .tabs ul li a:hover {background: rgba(0,0,0,.75); text-decoration: none;}
.configurator .options_wrapp .tabs ul li a.open {background:rgba(0, 0, 0, 0.85); }
.configurator .options_wrapp .options { background: rgba(0, 0, 0, 0.80); padding:15px 20px 5px 20px; min-height: 43px;}
.configurator .options_wrapp p {color:#666; line-height: 16px; margin-top:5px;}
.configurator .options_wrapp .hide_configurator {position:absolute; left:0; height:40px; top:-40px; background: rgba(0, 0, 0, 0.80); width:100%;  text-align: right; text-transform: uppercase; padding:10px 88px 10px 0; font-size:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.configurator .options_wrapp .hide_configurator:before {content:"hide"; position:relative;}
.configurator .options_wrapp .hide_configurator a#hide_conf {position:absolute; top:0; right:0; width:150px; height:40px; display:block; background: url('gfx/conf_close.png') no-repeat 100% 12px; }
.configurator .options_wrapp.is_hidden .hide_configurator {background-position: 50% 50%;}
.configurator .options_wrapp.is_hidden .hide_configurator:before {content:"expand";}
.configurator .options_wrapp.is_hidden .hide_configurator a#hide_conf {background-position: 100% -18px; width:100%; height:40px;}
.configurator .options_wrapp.is_hidden {-webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); transform: translate(-50%, 100%);}

.configurator ul li {position:relative;}
.configurator ul li .tooltip {position:absolute; top:-15px; left:50%; visibility:hidden; background:#000; background-color: rgba(0,0,0,.8); padding:0 10px; border-radius: 3px; line-height: 21px; border:1px solid #302f2e; font-size:13px; white-space: nowrap;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
-moz-transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
transition: all 0.2s cubic-bezier(.23,-0.25,.67,1.41) 0s;
}
.configurator ul li:hover .tooltip {opacity: 1; visibility: visible; top: -24px; }

.configurator .colors {margin-top:5px; margin-bottom: 10px;}
.configurator .colors li, .configurator .other li {display: block; float:left; margin:0 10px 5px 0;}
.configurator .colors li label {width:26px; height: 26px; border-radius: 2px; display: block; margin:2px; position:relative;}
.configurator .colors li label input {display:none;}
.configurator .colors li label.select {margin:0; width:26px; height:26px; -webkit-box-shadow: 0 0 6px 0 rgba(227, 29, 29, 1.0); border-radius: 3px; box-shadow: 0 0 6px 0 rgba(227, 29, 29, 1.0); border:2px solid #fff;}

.configurator .other {margin-top: 5px; margin-bottom: 10px;}
.configurator .other li label {width:26px; height: 26px; border-radius: 2px; display: block; margin:2px; background: no-repeat 50% 50% #fff; position:relative;}
.configurator .other li label input {display:none;}
.configurator .other li label.select {margin:0; width:26px; height:26px; -webkit-box-shadow: 0 0 6px 0 rgba(227, 29, 29, 1.0); border-radius: 3px; box-shadow: 0 0 6px 0 rgba(227, 29, 29, 1.0); border:2px solid #fff;}

.configurator .other li label:after, .configurator .colors li label:after {content:""; position:absolute; top:0; left:0; width:26px; height:20px; background:url('gfx/glow_effect.png') no-repeat 0 0; z-index: 1;}

.configurator .price_box {position:absolute; top:5%; right:2%;  background: rgba(0, 0, 0, 0.70); width:200px; height:300px; display:none;}
.configurator .price_box #product_code {font-size:20px;}

#content.configurator > div {position: static;}
#content.configurator h2 {line-height: 25px; font-size:20px; margin-bottom: 0;}


.spec_list {width:47%; margin-right: 53%;}
.spec_list + .cat_photo img {max-height: 100%;}
.spec_grp { margin-bottom: 25px;}
#content .spec_grp h2 {font-size:20px; line-height: 30px; margin-bottom: 10px;}
.spec_tech {border-bottom: 1px solid #444; font-size: 13px; padding:5px 3px; line-height: 18px;}
.spec_tech dt {float:left; width:30%; font-weight: bold; text-transform: uppercase;}
.spec_tech dd {padding-left: 32%;}

.publications {}
.publications .pub {width:18%; float: left; margin-top:10px; margin-bottom: 20px;}
.publications .pub + .pub {margin-left: 2.5%;}
.publications .pub:nth-of-type(5n+1) {clear: left; margin-left: 0;}
.publications .pub:first-child {margin-left: 0;}
.publications .pub .pub_logo {padding:10px 0 20px; text-align: center;}
.publications .pub img {margin-right: 10px; float:left; max-width: 40%}
#content .publications .pub h2 {font-size:22px; line-height: 35px; margin-bottom:2px;}
.publications .pub .pub_logo img {float: none; max-width: 100%; margin-right: 0;}
.publications a {color:#e31d1d;}
.publications .pub strong {font-family: 'oswaldregular', 'Oswald', 'Lato', Arial sans-serif; font-weight: normal; font-size: 18px;}

#content .fullslideshow {padding:0;}
.fullslideshow { position: relative; overflow: auto; }
.fullslideshow li { list-style: none; }
.fullslideshow ul li { float: left; }
.fullslideshow ul li img {display:block;}

.fullslideshow a {
	position: absolute;
	display:block;
	z-index: 5;
	top: 50%;
	width: 43px;
	height: 80px;
	text-indent: -900px;
	overflow: hidden;;
	margin-top: -40px;
	cursor: pointer;
	background: url('gfx/slider-arrows.png') no-repeat 0 50%;
	opacity: 0.1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.fullslideshow:hover a {opacity: 0.6}
.fullslideshow a:hover {opacity: 1.0;}
.fullslideshow a.nav-arrow-prev {left: 2%; background-position: 0 50%;}
.fullslideshow a.nav-arrow-next {right: 2%; background-position: -43px 50%;}

#show-content-gallery {text-align: center; margin:20px auto 0;}
#show-content-gallery.hide {display:none;}
.content-gallery {text-align: center; display:none;}
.content-gallery.show {display:block;}
.content-gallery h2 {margin-top:25px; text-align: center;}
.content-gallery li {display:inline-block; margin:5px;}

.feature-left {
    float: left;
    width: 60%;
    margin-left: 20px;
}
.feature-right {
    overflow: hidden;
    width: 30%;
    text-align: center;
}
.feature img {
    margin-top: 20px;
    max-height: 240px;
    max-width: 360px;
}
.feature iframe {
    margin-top: 20px;    
}
#content .feature h2 {
    margin-top: 20px;
    font-size:20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.fb-box {
    background-color: rgba(0, 0, 0, 0.58);
    border-radius: 4px;
    bottom: 54px;
    color: #4570a7;
    font-size: 22px;
    min-width: 194px;
    padding: 5px;
    position: absolute;
    right: 10px;
    text-align: left;
    z-index: 3200;
    cursor: pointer;
}
.fb-box.fb-box-mn {
    background-color: #FFF;    
}
.fb-box .fbi {
    background: url("gfx/fbi.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 26px;
    padding: 0 14px 0 0;
    width: 27px;
}
.fb-box .fbt {
    display: block;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.fb-box > p {
    color: #fff;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: bold;
}
.fb-box strong {
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}
.fb-box .close {
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
    z-index: 7000;
    color: #fff;
}
.fb-box.fb-box-mn .close {
    color: #000;    
}
.fb-box .close.line {
    right: 8px;
}
.fb-box .arrow {
    border-color: rgba(0, 0, 0, 0.58) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px 6px 0;
    height: 0;
    right: 10px;
    position: absolute;
    bottom: -10px;
    width: 0;
}

@media (max-width: 1450px) {
    .menu > ul > li, #footer {font-size:12px;}
    .logo {width: 150px;}
    .logo a {width: 150px;} 
    html.svg .logo a{background-size: 150px 17px;}
    html.no-svg .logo a{background-position:50% -59px;}
    #content .contct_primary {float:left; width:40%; margin-right: 5%;}
    #content .contact_secondary {float:left; width:55%;}

    .publications .pub {width:22.375%;}
    .publications .pub + .pub {margin-left: 3.5%;}
	.publications .pub:nth-of-type(5n+1) {clear: left; margin-left: 0;}
	.publications .pub:nth-of-type(4n+1) {clear: none;margin-left: 3.5%;}
	.publications .pub:first-child {margin-left: 0;}
}

@media (max-width: 1224px) {
   .menu {display: none;}
   .menu_one {display: block;}
   #nav {height:59px;}
   .logo, .logo a {height:30px; line-height: 30px;}

    .publications .pub {width:30.666%;}
    .publications .pub + .pub {margin-left: 4%;}
	.publications .pub:nth-of-type(4n+1) {clear: left; margin-left: 0;}
	.publications .pub:nth-of-type(3n+1) {clear: none; margin-left: 4%;}
	.publications .pub:first-child {margin-left: 0;}
	.configurator .options_wrapp {width: 95%;}
 
}

@media (max-width: 900px) {
   .logo {width: 240px; height:59px; line-height: 59px;margin: 0 2.5%; float:left;}
   .logo a{width:240px; height:59px; line-height: 59px;}
   html.svg .logo a{ background-size: 240px 28px;}
   html.no-svg .logo a{background-position: 50% 0;}
   .menu {display: none;}
   .menu_one {display: none;}
   .menu_mobile {display: block;}
   #nav {height:59px; background: #0d0d0d;}
   #footer {height:auto;}
   #footer .social {float:right; width:35%; line-height: 35px; text-align: right; margin-right: 1%;}
   #footer .wpwaiters {float: right; border-left: 2px solid #1A1A1A; margin: 5px 0 5px 25px; padding-left: 20px; line-height: 25px; }
   #footer .foot_menu {float:left; width: 60%; text-align: left;}
   #footer .copy {float:none; clear: both; width: 100%; line-height: 27px; margin:0; padding:0 0 10px; text-align: center;}
   .submenu {position: relative; z-index: 2001; top:auto; background: #2a2a2a;}
   
   #content .contct_primary {float:none; width:100%; margin-right: 0%; margin-bottom: 40px}
   #content .contact_secondary {float:none; width:100%;}
   #content.is_submenu > div {padding-top: 20px;}

   .page {width:100%; float:none;}
   .page_photo {width:100%; margin-left:0; float:none;}
   
   .loginbox_wrapper .loginbox {float:none; padding:0;}
   .loginbox_wrapper .info {min-height:0; margin-left:0; margin-top:20px; margin-bottom: 20px; border:0; border-top: 1px solid #3C3C3C; padding-left: 0; padding-top: 15px; font-size:13px; line-height: 19px; }

   .left_column {width:100%; float:none;}
   .right_column {width:100%; margin-left:0%; float:none;}
   .collection_wrapp li {width: 100%; clear: both; float:none; margin:25px 0 0 0; overflow: hidden;}
   .collection_wrapp li:nth-of-type(2n+1) {clear:both; margin-right: 0; margin-left: 0;}
   .collection_wrapp li:nth-of-type(2n) {margin-right: 0; margin-left:0;}
   .partners .form {clear: both; width: 100%; margin:40px 0 0;}
   .partners .col-8 {clear: both; width: 100%; margin:0 0 10px;}
   
    #content .cat_list {width:100%; margin-right: 0%;}

	#content .cat_photo {display:none}
	.spec_list {width:100%; margin-right: 0;}

	.publications .pub {width:47%;}
    .publications .pub + .pub {margin-left: 6%;}
	.publications .pub:nth-of-type(3n+1) {clear: left; margin-left: 0;}
	.publications .pub:nth-of-type(2n+1) {clear: none; margin-left: 6%;}
	.publications .pub:first-child {margin-left: 0;}

	.configurator .options_wrapp {position: relative; margin-top:20px; left:auto; right:auto; top:auto; bottom:auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); width:100%; }
	.configurator .options_wrapp .hide_configurator {display:none;}
	.configurator .options_wrapp.is_hidden { -webkit-transform: translate(0, 0); -moz-transform: translate(0,0); transform: translate(0, 0); }
	.configurator #render:after {height: 42px; }
        
        .fb-box {
            bottom: 90px;
        }        
        .fb-box .arrow {
            right: 4px;
        }
}

@media (max-width: 500px) {
    
    [class^="col-"] {width: 100%; float: none; margin-bottom: 20px !important;}
    #footer .wpwaiters {display: inline-block; float:none;}
    #footer .social {float:none; width:100%; line-height: 35px; text-align: center; margin-right: 0;}
    #footer .foot_menu {float:none; width: 100%; text-align: center;}
    .logo {width: 150px;} 
    .logo a {width: 150px;} 
    html.svg .logo a{background-size: 150px 17px;}
    html.no-svg .logo a{background-position:50% -59px;}
    .submenu .collection {float:none; margin:2px 0 10px; font-size:12px; text-align: center;} 
    .submenu .collection img {max-height: 40px; display: block; margin:0 auto; float:none;}
    .submenu h1 {text-align: center; margin-bottom: 5px;}
    .submenu .subpage_menu {text-align: center;}
    .submenu .subpage_menu > ul > li {margin:0 1%;}
    .submenu h1.no-subpage_menu {line-height: 42px;}
	#content .cat_list ul {margin:0 0 20px 0; width:100%;}
	#content .dealer .dealer-info {width:100%; float:none;}
    #content .dealer .wpcf7 {width:100%; float:none; margin-bottom:30px; margin-top:20px; margin-left:0;}
    .submenu {height:auto;}
    .share {top: 59px;}
	.publications .pub {width:100%;}
    .publications .pub + .pub {margin-left: 0%;}
	.publications .pub:nth-of-type(3n+1) {clear: left; margin-left: 0;}
	.publications .pub:nth-of-type(2n+1) {clear: none; margin-left: 0%;}
	.publications .pub:first-child {margin-left: 0;}

	.configurator .options_wrapp .conf_tab .conf_desc { width: 100%; margin-right: 0; float: none; margin-bottom: 5px;}
	.configurator .options_wrapp .conf_tab .conf_desc p {display:none;}
	.configurator .options_wrapp .conf_tab ul {width: 100%; float: none;}
	.configurator #render:after {height: 32px; }
    
        .fb-box {
            bottom: 120px;
            right: 50%;
            margin-right: -122px;
        }        
        .fb-box .arrow {
            right: 108px;
        }
}

@media (max-width: 360px) {

	.configurator #render:after {display:none;}
	.content-gallery li {
		max-width: 45%;
		}
                
    
}