@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic&subset=latin,cyrillic);
@import url("fonts.css");

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: "Arimo", Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 16px;

	-webkit-overflow-scrolling: touch;
}

body.nav-visible,
body.modal-fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}


*,
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;


	-webkit-tap-highlight-color: rgba(0,0,0,0.1);
}

input,
textarea,
select,
button {
	-webkit-appearance: none;
}


p {
	margin: 0;
}

p + p {
	margin-top: 20px;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

a img {
	border: 0;
}

a {
	outline: 0 none;
}

*:focus {
	outline: 0 none;
}

a,
a:link,
a:visited {
	color: #4b6e89;
	text-decoration: none;

	transition: color .25s;
}

a:hover {
	color: #a6bd39;
}

a:active {

} 

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-family: "Muller", sans-serif;
	margin: 0;
}

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


input[type=text],
input[type=email],
input[type=password],
select,
textarea {
	display: block;
	width: 100%;
	padding: 20px 15px;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	background: #FFF;
	border-radius: 3px;
	border: 0 none;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
	resize: vertical;
	line-height: 1;
	height: 56px;

	/*transition: box-shadow .25s;*/
}

textarea {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

select::-ms-expand {
    display: none;
}

select {
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	        appearance: none;
	padding-right: 30px;

	background: url("../images/ic_select.png") no-repeat right 15px center;
	background-size: 8px 14px;
	background-color: #FFF;
}


input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
select:hover,
textarea:hover,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2),
				inset 0 0 0 2px #DDD;
}

input[type=text].has-error,
input[type=email].has-error,
input[type=password].has-error,
select.has-error,
textarea.has-error {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2),
				inset 0 0 0 2px #e74c3c;
}

button.btn-primary {
	background: #4b6e89;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 10px;
	color: #FFF;
	border: 0 none;
	font-size: 14px;

	border-radius: 3px;
	font-family: "Muller", Arial, sans-serif;
	text-transform: uppercase;
}

button.btn-primary:hover {
	background: #a6bd39;
}

.email-row {
	display: none !important;
}


.columns:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.container {
	width: 100%;
	max-width: 1024px;
	padding: 20px;
	margin: auto;
}

#navigation {
	font-family: "Muller", Arial, sans-serif;
	text-transform: uppercase;
}

#navigation h3 {
	display: none;
}

#header {

	background: #000;
}

#header a {
	-webkit-tap-highlight-color: rgba(255,255,255,0.2) !important;
}

.has-fullscreen #header {
	background: none;
}


.has-fullscreen {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.has-fullscreen #header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

#footer-wrapper {
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.has-fullscreen #footer-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: none;
	border-top: 0 none;
	padding-top: 0;
	padding-bottom: 0;
}

#fullscreen {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
	color: #FFF;
}

#fullscreen:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	background: rgba(0, 0, 0, .15);

}

#fullscreen .moduletable {
	background: none !important;
	position: absolute;
	top: 20%;
	/*transform: translateY(-70%);*/
	left: 0;
	right: 0;
	z-index: 2;
}

#fullscreen .custom {
	background: none !important;
}

#navigation a,
#navigation {
	color: #FFF;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-size: 14px;
}

#navigation ul {
	margin-top: 5px;
}

#navigation a {
	letter-spacing: .25px;
	padding: 5px 15px;
	display: inline-block;
	vertical-align: middle;
}

#navigation ul li {
	width: 11%;
	-webkit-flex-grow: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 1;
	    -webkit-flex-shrink: 1;
	        flex-shrink: 1;
	/*flex-grow: 1;*/
	text-align: center;
}


#navigation ul li.item-121,
#navigation ul li.item-121 {
	-ms-flex-negative: 0;
	    -webkit-flex-shrink: 0;
	        flex-shrink: 0;
    white-space: nowrap;
}

#navigation ul li.item-112 {
	width: 15%;
}

#navigation ul > li:last-child,
#navigation ul > li:first-child {
	text-align: left;
	width: auto;
	-ms-flex-negative: 0;
	    -webkit-flex-shrink: 0;
	        flex-shrink: 0;
	-webkit-flex-grow: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

#navigation ul > li:last-child {
	text-align: right;
}

#navigation ul > li:first-child a {
	overflow: hidden;
	text-indent: -999px;
	width: 45px;
	position: relative;
}

#navigation ul > li:first-child a:before {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	margin: auto;
	content: "";
	width: 25px;
	height: 25px;
	top: 50%;
	margin-top: -15px;
	background: url("../images/home-icon.png") no-repeat center center;
	background-size: 25px 25px;
}

#navigation ul > li:last-child a {
	overflow: hidden;
	text-indent: 999px;
	width: 45px;
	position: relative;
}

#navigation ul > li:last-child a:before {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	margin: auto;
	content: "";
	width: 25px;
	height: 25px;
	top: 50%;
	margin-top: -14px;
	background: url("../images/login-icon.png") no-repeat center center;
	background-size: 25px 25px;
}


#navigation li.divider {
	text-indent: -999px;
	-webkit-flex-grow: 2;
	    -ms-flex-positive: 2;
	        flex-grow: 2;
	width: 180px;
	-ms-flex-negative: 0;
	    -webkit-flex-shrink: 0;
	        flex-shrink: 0;
	overflow: hidden;
}


#header .container {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

#logo {
	position: absolute;
	width: 130px;
	height: 22px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
}

#logo a:hover {
	opacity: .7;
}


#logo img {
	width: 130px;
	height: 22px;
	display: block;
}

#navigation ul li.item-111,
#navigation ul li.item-111 ~ li {
	font-weight: normal;
}

#navigation ul li a {
	transition: none;
}

#navigation ul li a:hover,
#navigation ul li.current a {
	/*opacity: .7;*/
	color: #CCC;
}

#navigation ul > li:last-child a:hover,
#navigation ul > li.current:last-child a,
#navigation ul > li:first-child a:hover,
#navigation ul > li.current:first-child a {
	opacity: .7;
}

.has-fullscreen #footer-wrapper {
	color: #FFF;
}

#footer-wrapper .container {
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer-wrapper {
	font-family: "Muller", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .25px;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer ul li {
	display: inline-block;
}

#footer .moduletable h3,
#footer .moduletable .mod-languages,
#footer .moduletable,
#footer ul {
	display: inline-block;
}

#footer {
	float: left;
}

#copyright {
	float: right;
}


#footer .moduletable {
	position: relative;
}

#footer .moduletable + .moduletable {
	margin-left: 21px;
}

#footer .moduletable + .moduletable:before {
	border-left: 1px solid #686771;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -11px;
}

.has-fullscreen #footer .moduletable + .moduletable:before {
	border-left: 1px solid #FFF;

}

#footer h3 {
	font-weight: normal;
	font-size: 1em;
}

#footer-wrapper,
#footer-wrapper a {
	color: #686771;
}

.has-fullscreen #footer-wrapper a {
	color: #FFF;
}

#fullscreen .moduletable {
	text-align: center;
}

#fullscreen h1 {
	font-weight: 300;
	font-size: 37px;
	/*margin-bottom: 10px;*/
}

#fullscreen .fs-home {
	font-family: "Muller", Arial, sans-serif;
}

#fullscreen .fs-home a {
	color: #FFF;
}

#fullscreen .fs-home ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 30px;
}

#fullscreen .fs-home ul li {
	display: inline-block;
}

#fullscreen .custom > p:first-child a {
	font-weight: 300;
	font-size: 14px;
}

#fullscreen .custom > p:first-child a:hover {
	opacity: .7;
}

#fullscreen .custom > p:first-child a:after {
	content: "›";
	font-size: 11px;
	margin-left: 5px;
	font-family: sans-serif;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

#fullscreen .fs-home ul li a {
	background: #f9a51a;
	display: inline-block;
	padding: 10px;
	padding-top: 13px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	min-width: 230px;
}

.crf {
	clear: both;
	display: block;
	content: "";
}

#fullscreen .fs-home ul li + li {
	margin-left: 20px;
}


#fullscreen .fs-home ul li + li a {
	background: #a6bd39;
}


#fullscreen .fs-home ul li a:hover {
	background: #e39616;
}

#fullscreen .fs-home ul li + li a:hover {
	background: #9bb039;
}

#footer .lang-inline li {
	margin: 0;
}

#footer .lang-inline {
	margin-left: 5px;
}

#footer .lang-inline a {
	display: inline-block;
	padding: 3px;
	border-radius: 3px;

	transition: none;
}

#footer .lang-inline a:hover,
#footer .lang-inline .lang-active a {
	background: #686771;
	color: #FFF;
}

.has-fullscreen #footer .lang-inline a:hover,
.has-fullscreen #footer .lang-inline .lang-active a {
	background: #FFF;
	color: #000;
}

#copyright {
	margin-top: 3px;
}

#copyright a {
	display: inline-block;
	width: 20px;
	height: 12px;
	background: url("../images/webnotize-logo.png") no-repeat left center;
	text-indent: -999px;
	overflow: hidden;
	background-size: 40px 12px;
	vertical-align: middle;
}



.has-fullscreen #copyright a {
	background-position: right center;
}

#copyright a:hover {
	opacity: .7;
}


#main-container {
	position: relative;
	overflow: hidden;
}

.about-cover,
.product-cover {
	height: 400px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.about-cover + * {
	margin-top: 40px;
}

.item-page {
	line-height: 1.5;
	color: #7b7b7b;
	font-size: 18px;
}

.item-page strong {
	color: #494646;
}

.item-page h1,
.item-page h2,
.item-page h3,
.item-page h4,
.item-page h5,
.item-page h6 {
	color: #000;
	font-weight: 300;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.1;
}


.item-page h2 {
	font-size: 40px;
}

.item-page.about,
.item-page.product {
	padding-top: 360px;
}

.about-head,
.product-head {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	text-align: center;
	padding-top: 40px;

	z-index: 5;
}

.about-head {
	text-align: left;
}

.about-head h1 {
	color: #FFF;
	font-weight: 300;
	font-size: 40px;
}

.product-head h1 {
	font-weight: 300;
	font-size: 40px;
}

.product-head ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 20px;
}

.product-cat .items-row + .items-row {
	margin-top: 0;
}

.product-cat .page-header h2 {
	color: #000;
}

.product-cat .readmore span span {
	display: none;
}

.product-cat .readmore span,
.product-head ul li a {
	background: #4b6e89;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 14px;

	border-radius: 3px;
	font-family: "Muller", Arial, sans-serif;
	text-transform: uppercase;
}

.product-cat .readmore span {
	color: #FFf !important;
}

.product-cat .item:hover .readmore span,
.product-head ul li a:hover {
	background: #a6bd39;
}

#highlights {
	background: #f7f7f7;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #ececec;
	padding-top: 40px;
	padding-bottom: 40px;
}

.elevator #highlights {
	background: #FFF;
}

#highlights-intro {
	padding-left: 20px;
	padding-right: 20px;

}

#highlights .columns {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}


#highlights .moduletable-wrapper {
	width: 50%;
	/*padding: 20px;*/
	-webkit-flex-shrink: 1;
	    -ms-flex-negative: 1;
	        flex-shrink: 1;

	background: #FFF;
	border: 1px solid #d9d9d9;
	padding: 30px;
	position: relative;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.elevator #highlights .moduletable-wrapper {
	background: #f7f7f7;
}

.product-list #main-container > .container:first-child {
	padding: 0;
	max-width: 100%;
}

#highlights .container {
	padding-left: 0;
	padding-right: 0;
}

#highlights .columns > .moduletable-wrapper .moduletable:before {
	content: "";
	display: block;
	height: 130px;
	padding-top: 30px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 30px;
	margin-left: -30px;
	margin-right: -30px;
}

#highlights .columns > .moduletable-wrapper .moduletable:after {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	margin: auto;
	width: 100px;
	height: 100px;
	background: url("../images/product/ic_20-140.png") no-repeat center center;
	background-size: 100px 100px;
	content: "";
}

#highlights .columns > .moduletable-wrapper .moduletable.outdoors:after {
	background-image: url("../images/product/ic_outdoors.png");
}


#highlights .columns > .moduletable-wrapper .moduletable.powerful:after {
	background-image: url("../images/product/ic_powerful.png");
}

#highlights .columns > .moduletable-wrapper .moduletable.excellent:after {
	background-image: url("../images/product/ic_excellent.png");
}

#highlights .columns > .moduletable-wrapper .moduletable.quality:after {
	background-image: url("../images/product/ic_quality.png");
}

#highlights .columns > .moduletable-wrapper .moduletable.standard:after {
	background-image: url("../images/product/ic_standart.png");
}


#highlights .columns > .moduletable-wrapper .moduletable.customized:after {
	background-image: url("../images/product/ic_customized.png");
}


/*#highlights .moduletable.outdoors:after {
	background-image: url("../images/product/ic_angle.png");
}*/


#highlights h2,
#highlights h3 {
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
	color: #000;
	font-size: 26px;
}

#highlights .custom {
	color: #7b7b7b;
	line-height: 1.5;
}

#measures {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #7b7b7b;
	line-height: 1.5;
	text-align: center;
}

#measures .custom > p:first-child {
	margin-bottom: 40px;
}

#experience {
	background: #f7f7f7;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	line-height: 1.5;
	color: #7b7b7b;
}

#experience h2 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 30px;
	color: #000;
}

#experience ul:after {
	clear: both;
	display: block;
	content: "";
}

#experience ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 50px;
}

#experience ul li {
	float: left;
	width: 25%;
	padding: 20px;
	position: relative;
}

#experience ul li p {
	line-height: 1.3;
	font-size: 16px;
}

#experience ul li strong {
	color: #000;
	font-weight: normal;
	font-weight: 300;
	font-size: 24px;
	font-family: "Muller", Arial, sans-serif;
	line-height: 1;
	margin-bottom: 15px;
	display: block;
}

#experience ul li:before {
	display: block;
	content: "";
	margin: auto;
	margin-bottom: 15px;
	width: 80px;
	height: 80px;
	border: 2px solid #CCC;
	border-radius: 100%;
	background: #FFF;
}

#experience ul li:after,
#experience ul li.simple:after {
	content: "";
	width: 36px;
	height: 36px;
	background: url("../images/product/ic_simple.png") no-repeat center center;
	background-size: 36px 36px;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	margin: auto;
}

#experience ul li.durable:after {
	background-image: url("../images/product/ic_durable.png");
}

#experience ul li.value:after {
	background-image: url("../images/product/ic_value.png");
}

#experience ul li.delivery:after {
	background-image: url("../images/product/ic_clock.png");
}

#experience ul li.less-pieces:after {
	background-image: url("../images/product/ic_pieces.png");
}

#experience ul li.build-to-last:after {
	background-image: url("../images/product/ic_build.png");
}

#experience ul li.secure:after {
	background-image: url("../images/product/ic_secure.png");
}

#features .columns {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#features .moduletable-wrapper {
	width: 50%;
}

#features .moduletable.features-image {
	width: 100%;
	padding-bottom: 60%;
	position: relative;
}

#features .moduletable.features-image .custom {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#features .moduletable-wrapper.features-text {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
}

#features .moduletable-wrapper.features-text .moduletable {
	padding: 60px;
	color: #7b7b7b;

	line-height: 1.7;
}

#features .columns > .moduletable-wrapper.features-text:nth-child(even) .moduletable {
	padding-right: 20px;
}

#features .columns > .moduletable-wrapper.features-text:nth-child(odd) .moduletable {
	padding-left: 20px;
}

#features .moduletable-wrapper.features-text .moduletable h2 {
	font-weight: 300;
	font-size: 40px;
	margin-bottom: 20px;
	color: #000;
	line-height: 1;
}

#features .columns > .moduletable-wrapper.features-text:nth-child(even) {

	padding-right: calc((100% - 984px) / 2);

}


#features .columns > .moduletable-wrapper.features-text:nth-child(odd) {

	padding-left: calc((100% - 1024px) / 2);

}

#guarantee {
	background-color: #f7f7f7;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	color: #7b7b7b;
	text-align: center;
	background-position: right 20px;
	background-repeat: no-repeat;
}

#guarantee .container {
	padding-top: 0;
	padding-bottom: 0;
}

#guarantee .moduletable {
	padding-top: 60px;
	padding-bottom: 60px;

	background-repeat: no-repeat;
	background-position: right top;
}


#guarantee .moduletable .custom {
	background: none !important;
}

#guarantee .moduletable:before {
	content: "";
	display: block;
	margin: auto;
	margin-bottom: 40px;
	width: 132px;
	height: 152px;
	background: url("../images/product/1-year-gurantee.png") no-repeat center center;
}

#guarantee h2 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 40px;
	color: #000;
}

#highlights-intro p,
#catwalks-intro p,
#towers-intro p,
.constructions div[itemProp=articleBody],
.box-content,
#perfect-fit p,
#guarantee p,
#experience p,
#measures p + p {
	max-width: 720px;
	margin: auto;
	line-height: 1.6;
	font-size: 18px;
}

#specifications {
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: "Muller", Arial, sans-serif;
}

#specifications h2 {
	text-align: center;
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 40px;
	color: #000;
}


#specifications table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#specifications thead {
	color: #4b6e89;
	font-weight: bold;
	text-transform: uppercase;
}

#specifications table th,
#specifications table td {
	padding: 15px;
}


#specifications tbody > tr td {
	border-top: 1px solid #eeeeee;	
}

#specifications tbody > tr:first-child td {
	border-top: 3px solid #eeeeee;
}

#specifications tbody > tr:last-child td {
	border-bottom: 3px solid #eeeeee;

}

#highlights-intro,
#catwalks-intro,
#towers-intro {
	color: #7b7b7b;
	text-align: center;
	margin-bottom: 40px;
}

#highlights-intro h2,
#catwalks-intro h2,
#towers-intro h2 {
	color: #000;
	font-weight: 300;
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#highlights-intro h2 {
	text-transform: none;
}

#specifications tbody > tr td {
	text-align: center;
}

#specifications tbody > tr > td:first-child {
	text-align: left;
	color: #000;
	font-size: 20px;
	border-right: 1px solid #eeeeee;
	width: 40%;
}

#specifications tbody > tr > td:first-child em {
	font-size: 16px;
	color: #808080;
	font-style: normal;
	display: block;
}

#specifications tbody > tr:nth-child(odd) > td {
	background: #f9f9f9;
}

#accessories {


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3b4c+0,4b6e89+100 */
	background: rgb(43,59,76); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(43,59,76,1) 0%,rgba(75,110,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3b4c', endColorstr='#4b6e89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	color: #FFF;
}

#accessories .container {
	padding-top: 80px;
	padding-bottom: 80px;

}

.accessories-bg {
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 345px;
}

.elevator .accessories-bg {
	background-position: left bottom;
}

.verijen .accessories-bg {
	background-position: left bottom;
}

#accessories {
	font-family: "Muller", Arial, sans-serif;
}

#accessories .custom {
	background: none !important;
}

#accessories .moduletable {
	margin-left: auto;
	width: 50%;
}

#accessories ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#accessories h2 {
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 40px;
	color: #FFF;
}

#accessories ul li {
	position: relative;
	padding-left: 30px;
	font-size: 18px;
	line-height: 1.2;
}

#accessories ul li:before {
	position: absolute;
	content: "›";
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	left: 0;
	top: 0;
	text-align: center;
	width: 20px;
	height: 20px;
	border: 1px solid #94c3ec;
	border-radius: 100%;
	line-height: 15px;
}

#accessories ul li + li {
	margin-top: 30px;
}

#perfect-fit h2 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 40px;
	color: #000;
}

#perfect-fit {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #7b7b7b;
	line-height: 1.5;
	text-align: center;
}

#perfect-fit .with-button {
	padding: 0 20px;
	max-width: 640px;
	margin: auto;
	height: 200px;
	margin-top: 40px;
	line-height: 200px;
	background: url("../images/product/catwalks-and-towers-bg.jpg") no-repeat center center;
	background-size: cover;

	position: relative;
}

#perfect-fit .with-button.btn-img-1 {
	background-image: url("../images/product/check-out-2.jpg");
}

#perfect-fit .with-button.btn-img-2 {
	background-image: url("../images/product/check-out-3.jpg");
}

#perfect-fit .with-button a {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	border: 2px solid #e8c21d;
	color: #FFF;
	font-family: "Muller", Arial, sans-serif;
	border-radius: 5px;
	padding: 15px 30px;
	padding-top: 18px;
	text-transform: uppercase;
}

#perfect-fit .with-button a:after {
	content: "›";
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #e8c21d;
	vertical-align: baseline;
	margin-top: -5px;
	margin-left: 10px;

}

#perfect-fit .with-button a:hover {
	background: rgba(255, 255, 255, .2);
	color: #FFF;
}

#perfect-fit .with-button a:hover:after {
	color: #FFF;
}

#perfect-fit .with-button:before {
	position: absolute;
	left: 30px;
	right: 30px;
	height: 100px;
	bottom: -10px;
	content: "";
	background: #FFF;
	z-index: -1;
	border-radius: 30px;
	box-shadow: 0 15px 20px rgba(0, 0, 0, .2);
}

#perfect-fit .with-button:after {
	position: absolute;
	z-index: -1;
	content: "";
	background: #FFF;
	height: 100px;
	bottom: -10px;
	left: -20px;
	right: -20px;
}


#how-to-buy {
	background: #f7f7f7;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	line-height: 1.5;
	color: #7b7b7b;
}

#how-to-buy h2 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 30px;
	color: #000;
}


#how-to-buy ul:after {
	clear: both;
	display: block;
	content: "";
}

#how-to-buy ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
}

#how-to-buy ul li {
	text-align: left;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 15%;
	padding: 5px;
	position: relative;
}

#how-to-buy ul li {
	line-height: 1.3;
	font-size: 15px;
}

#how-to-buy ul li strong {
	color: #000;
	font-weight: normal;
	font-weight: 300;
	font-size: 22px;
	font-family: "Muller", Arial, sans-serif;
	line-height: 1;
	margin-bottom: 15px;
	display: block;
}

#how-to-buy ul li em {
	font-style: normal;
	padding-right: 10px;
}

#how-to-buy ul li:before {
	display: block;
	content: "";
	margin: auto;
	margin-bottom: 15px;
	width: 100%;
	height: 80px;
	border: 1px solid #CCC;
	background: #FFF;
}

#how-to-buy .custom > p:last-child {
	margin-top: 40px;
}

#how-to-buy .custom > p:last-child a {
	background: #4b6e89;
	display: inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 14px;

	border-radius: 3px;
	font-family: "Muller", Arial, sans-serif;
	text-transform: uppercase;
}

#how-to-buy .custom > p:last-child a:hover {
	background: #a6bd39;
}


#how-to-buy .custom > p:last-child a:after {
	content: "›";
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	vertical-align: baseline;
	margin-top: -5px;
	margin-left: 10px;

}

#how-to-buy ul li.inquiry:after,
#how-to-buy ul li:after {
	content: "";
	width: 50px;
	height: 50px;
	background: url("../images/product/buy_ic_sprite.png") no-repeat left center;
	background-size: 300px 50px;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
}

#how-to-buy ul li.engineering:after {
	background-position: -50px center;
}


#how-to-buy ul li.production:after {
	background-position: -100px center;
}

#how-to-buy ul li.delivery:after {
	background-position: -150px center;
}

#how-to-buy ul li.assembly:after {
	background-position: -200px center;
}

#how-to-buy ul li.service:after {
	background-position: -250px center;
}

#how-to-buy ul li > *:first-child:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: #cdcdcd;
	line-height: 30px;
	text-align: center;
	content: "›";
	font-size: 16px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #FFF;
	border-radius: 100%;

	left: -16px;
	top: 29px;
}

#how-to-buy ul > li:first-child > *:first-child:before {
	display: none;	
}

#how-to-buy ul > li:last-child > *:first-child:before {
	content: "✔";
	color: #FFF;
}

#nav-toggler {
	display: none;
}

.nav-toggler-wrapper {
	display: none;
}

.nav-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 88;
	background: rgba(0, 0, 0, .5);

	visibility: hidden;
	opacity: 0;
	transition: opacity .25s,
				visibility .25s;
}


.about-g {
	position: relative;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.about-g:before {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background: #f7f7f7;
	content: "";
	position: absolute;
	left: -1000px;
	right: -1000px;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.about-graph {
	margin-top: 40px;
	margin-bottom: 20px;
}

.about-graph:after {
	clear: both;
	display: block;
	content: "";
}

.about-graph .percent {
	width: 190px;
	height: 190px;
	line-height: 190px;
	text-align: center;
	display: block;
	margin: auto;
	background: url("../images/about/chart-1.png") no-repeat center center;
	font-size: 28px;
}

.about-graph .graph-graph .percent {
	background-image: url("../images/about/chart-2.png");
}

.about-graph {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.about-graph h3 {
	font-size: 32px;
	text-align: center;
}

.about-graph ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 80px;
}

.about-graph ul strong {
	font-size: 24px;
	color: #000;
	vertical-align: middle;
}

.about-graph ul li {
	padding-top: 3px;	
	position: relative;
	text-transform: uppercase;
	padding-left: 30px;
	color: #333;
}

.about-graph ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 15px;
	background: #f9a51a;
	border-radius: 100%;
}

.about-graph ul > li:nth-child(2):before {
	background: #a6bd39;
}

.about-graph ul > li:nth-child(3):before {
	background: #4b6e89;
}

.about-graph {
	font-family: "Muller", Arial, sans-serif;
}

#contacts {
	/*padding-top: 20px;*/
	/*padding-bottom: 20px;*/
}

#contacts h3 {
	font-size: 40px;
	color: #000;
	font-weight: 300;
	margin-bottom: 20px;
}

#contacts fieldset {
	background: #f2f2f2;
	border: 1px solid #d9d9d9;
	padding: 20px;
}

.form-message {
	padding-top: 10px;
	float: left;
	color: #2ecc71;
	font-weight: bold;
}

#login-form fieldset {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.form-message.form-error {
	color: #e74c3c;
}

#login-form .form-error {
	padding-top: 0;
	margin-bottom: 20px;
}

.form-row {
	font-family: "Muller", Arial, sans-serif;
}

.form-label {
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #7d7d7d;
}

.form-label .form-error {
	float: right;
	color: #e74c3c;
	text-transform: lowercase;
}

.form-row + .form-row {
	margin-top: 20px;
}

.form-row.form-actions {
	text-align: right;
	padding-top: 20px;
	clear: both;
}

#contacts .form-col {
	width: 50%;
	float: left;
	padding-right: 10px;
}

#contacts .form-col + .form-col {
	padding-left: 10px;
	padding-right: 0;
}

#contacts textarea {
	min-height: 245px;
}

#contacts .moduletable {
	position: relative;
}


.a-phonemail {
	position: absolute;
	right: 0;
	top: -10px;
	font-family: "Muller", Arial, sans-serif;
	font-weight: 300;
	font-size: 22px;
}

a.phone-email span,
.a-phone + span {
	display: inline-block;
	margin-left: 40px;
	position: relative;
}



.a-mail,
.a-phone {
	display: inline-block;
	position: relative;
	padding-left: 28px;
}

.a-mail:before,
.a-phone:before {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	bottom: 0;
	margin: auto;
	width: 23px;
	height: 23px;
	background: url("../images/ic_phone.png") no-repeat center center;
	background-size: 23px 23px;
}

.a-mail:before {
	background-image: url("../images/ic_email.png");
}

.a-phone + span:before {
	position: absolute;
	content: "";
	left: -20px;
	border-left: 1px solid #f2f2f2;
	top: 0;
	bottom: 0;
}

body.distributors {
	background: #e3e3e3;
}

body.distributors h1 {
	font-weight: 300;
	font-size: 40px;
	margin-bottom: 40px;
}

a.btn-secondary {
	font-weight: bold;
	color: #FFF;
	background: #f9a51a;
	display: inline-block;
	padding: 10px 15px;
	padding-top: 13px;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	min-width: 230px;
}

a.btn-secondary:hover {
	background: #e39616;
}

.distributors .item-image {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.distributors #footer-wrapper {
	background: none;
}

.distributors .item-image img {
	height: 100%;
	width: auto;
	max-width: 500%;
}

.distributors .item-page {
	padding-left: calc((100vh * 0.45) - ((100vw - 1024px) / 2) + 20px);
}

.distributors #main-container {
	min-height: calc(100vh - 120px);
}

.product #contacts,
#distributors-form-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	
	z-index: 999;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 20px;
	background: rgba(0, 0, 0, 0.2);
}

.product #contacts .container,
#distributors-form-wrapper .container {
	max-width: 960px;
	margin-left: 0;
	margin-right: 0;
}

.product #contacts .moduletable-wrapper,
#distributors-form-wrapper .moduletable-wrapper {
	background: rgba(255, 255, 255, .98);
	padding: 20px;
	position: relative;
	border: 1px solid #d9d9d9;
}

.product #contacts fieldset {
	border: 0 none;
	padding: 0;
	background: none;
}

.product #contacts .moduletable {
	position: static;
}

.product #contacts h3,
#distributors-form-wrapper h3 {
	text-align: center;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
}

#distributors-form .form-col {
	float: left;
	width: 50%;
	padding-right: 10px;
}

#distributors-form .form-col + .form-col {
	padding-left: 10px;
	padding-right: 0;
}

#distributors-form fieldset {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.product #contacts input[type=text],
.product #contacts input[type=email],
.product #contacts input[type=password],
.product #contacts select,
.product #contacts textarea,
#distributors-form input[type=text],
#distributors-form input[type=email],
#distributors-form input[type=password],
#distributors-form select,
#distributors-form textarea {
	background-color: #f2f2f2;
}

.checkbox-row input[type=checkbox] {
	display: none;
}

.checkbox-row .form-label {
	text-transform: none;
	font-size: 14px;
	display: inline-block;
}

#distributors-form .form-col + .form-col + * {
	clear: both;
	padding-top: 20px;
}

.checkbox-row .form-input {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-color: #f2f2f2;
	margin-right: 10px;

	border-radius: 3px;
	border: 0 none;
	position: relative;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
}

.checkbox-row label:hover .form-input {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2),
			inset 0 0 0 2px #DDD;
}

.checkbox-row .form-input:after {
	position: absolute;
	left: 5px;
	right: 0;
	top: 0;
	bottom: 5px;
	content: "";
	margin: auto;
	width: 28px;
	height: 20px;
	background: url("../images/ic_check.png") no-repeat center center;
	background-size: 28px 20px;

	display: none;
}

.checkbox-row input:checked + .form-input:after {
	display: block;
}

#distributors-form .form-row.form-actions {
	padding-top: 0;
}

.product #contacts,
#distributors-form-wrapper {
	display: none;
	visibility: hidden;
	-webkit-transform: scale(1.2, 1.2);
	        transform: scale(1.2, 1.2);
	opacity: 0;

	transition: opacity .25s,
				visibility .25s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;

}
 

.product #request:target ~ #contacts,
#distributors:target ~ #distributors-form-wrapper {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;


	transition: opacity .25s,
				visibility 0s,
				-webkit-transform .25s;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;
}

.modal-support #contacts,
.modal-support #distributors-form-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}

a.close-form {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: black;
	/*background: #EEE;*/
	border-radius: 3px;
	font-size: 32px;
}

a.close-form:hover {
	/*background: #DDD;*/
}

a.close-form:after {
	content: "×";
	font-family: Arial, sans-serif;
}

.about #contacts a.close-form {
	display: none;
}

#features-elevator-image {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

#features-elevator {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	overflow: hidden;
	max-width: 1366px;
	margin: auto;
}

#features-elevator .moduletable-wrapper + .moduletable-wrapper {
	margin-top: 20px;
}

#features-elevator .container {
	padding-right: 600px;
}

.box-cover {
	position: relative;
	padding-bottom: 50%;
	border-bottom: 1px solid #d9d9d9;
}

.moduletable-content-wrapper {
	border: 1px solid #d9d9d9;
	background: #f7f7f7;
}

.box-title {
	padding: 20px;
	padding-bottom: 0;
	text-align: center;
	padding-top: 25px;
}

.box-content {
	padding: 20px;
	color: #7b7b7b;
	font-size: 16px;
}

.box-title h2,
.box-title h3 {
	font-weight: 300;
	color: #000;
	line-height: 1.1;
	font-size: 28px;
}

.box-cover-inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.constructions .page-header h1 {
}

.constructions div[itemProp=articleBody] {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	position: relative;
}

.constructions div[itemProp=articleBody]:before {
	content: "";
	position: absolute;
	left: -1000px;
	right: -1000px;
	top: 0;
	bottom: -20px;
	background: #f7f7f7;
	z-index: -1;
}

.constructions #highlights {
	background: #FFF;
	border-top: 1px solid #ececec;
}

.constructions #highlights .moduletable-wrapper {
	background: #f7f7f7;
}

#catwalks {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f7f7f7;
}


#towers {
	padding-top: 40px;
	padding-bottom: 40px;
}

#catwalks .columns {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

#catwalks .columns .moduletable-wrapper {
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 40%;
	margin-right: 20px;
	background: #FFF;
	border: 1px solid #d9d9d9;
}


#catwalks .columns .moduletable-content-wrapper {
	background: none;
	border: 0 none;
}

#catwalks .moduletable-wrapper + .moduletable-wrapper {
	margin-left: 20px;
	margin-right: 0;
}

#towers .columns {
	margin-left: -20px;
	margin-right: -20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

#towers .columns .moduletable-wrapper {
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 30%;
	margin-right: 20px;
	margin-left: 20px;
	background: #f7f7f7;
	border: 1px solid #d9d9d9;
}

#towers .columns .box-cover {
	padding-bottom: 70%;
}


#towers .columns .moduletable-content-wrapper {
	background: none;
	border: 0 none;
}

.items-row:after {
	clear: both;
	display: block;
	content: "";
}

.items-row {
	padding-left: 250px;
}

.product-cat .items-row {
	padding-left: 0;
}

.items-month-group {
	position: relative;
}

.product-cat .item {
	position: relative;
	height: 400px;
}

.product-cat .item .product-cat-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;;
}

.product-cat .article-content {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.items-month {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Muller", Arial, sans-serif;
	font-size: 22px;
	font-weight: 200;
	color: #a09bb8;
}

.blog.articles .page-header h1 {
	margin-top: 20px;
	font-weight: 300;
	font-size: 40px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #333;
}

.pagination .counter {
	display: none;
}

.pagination {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #333;
	padding-bottom: 20px;

}

.pagination ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.pagination ul li {
	display: none;
}

.pagination ul li.pagination-prev,
.pagination ul li.pagination-next {
	display: block;
	float: left;
	font-size: 18px;
	font-family: "Muller", Arial, sans-serif;
}

.pagination ul li.pagination-next {
	float: right;
}

.pagination ul li.pagination-prev span:before,
.pagination ul li.pagination-prev a:before {
	content: "←";
	font-family: "Arial", sans-serif;
	margin-right: 10px;
}

.pagination ul li.pagination-next span:after,
.pagination ul li.pagination-next a:after {
	content: "→";
	font-family: "Arial", sans-serif;
	margin-left: 10px;
}

.tooltip {
	display: none !important;
}

.items-month-group + .items-month-group {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #EEE;
}

.items-month-group + .items-month-group .items-month {
	top: 30px;
}

.article-content {
	width: 100%;
	float: none;
	padding-right: 10px;

	margin: auto;
	line-height: 1.4;
	font-size: 16px;
	color: #7b7b7b;
}

.item-image + .article-content {
	width: 50%;
	float: left;
	padding-right: 10px;

	margin: auto;
	line-height: 1.4;
	font-size: 16px;
	color: #7b7b7b;
}



.items-row .page-header h2 {
	font-size: 22px;
}

.items-row .page-header h2 a {
	color: #000;
}

.items-row .page-header h2 {
	margin-bottom: 20px;
}

.blog.articles .item-image {
	float: right;
	width: 50%;
	padding-left: 10px;
}

.items-row + .items-row {
	margin-top: 40px;
}

.items-row p.readmore a {
	color: #e18e26;
}

.items-row p.readmore a:hover {
	color: #c97813;
}

.item-page.articles .item-image {
	width: 100%;
	margin-bottom: 20px;
}

.item-page-inner {
	max-width: 720px;
	margin: auto;
	line-height: 1.5;
	font-size: 18px;
	color: #7b7b7b;
	margin-top: 60px;
	padding-bottom: 20px;
}

.item-page-inner h2.inner-title {
	font-size: 40px;
}

.articles.item-page .page-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: #EEE;
	height: 60px;
	line-height: 60px;
}

.articles.item-page .page-header h1 {
	line-height: 60px;
	font-size: 32px;
	margin: 0;
}

.item-page.articles .published {
	margin-bottom: 40px;
	margin-top: -20px;
}

.articles.item-page .page-header .container {
	padding-top: 0;
	padding-bottom: 0;
}

.login #fullscreen {
	background-position: center bottom;
}

.moduletable.fs-login {
	max-width: 1024px;
	margin: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.moduletable.fs-login .container {
	max-width: 360px;
	margin-left: auto;
	margin-right: 0;
	background: #FFF;

}

.moduletable.fs-login .form-label {
	display: none;
}

.moduletable.fs-login input {
	background: #f2f2f2;
	color: #7d7d7d;
	font-weight: bold;
	font-size: 12px;
}

.moduletable.fs-login button {
	width: 100%;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 15px;
}

.moduletable.fs-login .form-row.form-actions {
	padding-top: 0;
}

.moduletable.fs-login h1 {
	color: #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}

#fullscreen .moduletable.fs-login {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {

	.distributors .item-page {
		padding-left: calc((100vh * 0.45) + 20px);
	}

	

	#features .moduletable.features-image {
		padding-bottom: 70%;
	}
	

}

@media screen and (max-width: 960px) {

	.elevator .accessories-bg {
		background-position: -100px bottom;
	}

	.product-list #main-container > .container:first-child {
		padding: 0;
		padding-top: 20px;
		max-width: 100%;
	}

	.product-cat .item {
		position: relative;
		height: 250px;
	}


	.articles.item-page .page-header {
		top: 20px;
	}

	.item-page-inner {
		margin-top: 80px;
	}

	.items-row {
		padding-left: 0;
	}

	.items-month {
		position: static;
		margin-bottom: 20px;
	}

	#features-elevator-image {
		position: absolute;
		right: -150px;
		bottom: 0;
		z-index: -1;
	}


	#features-elevator .container {
		padding-right: 450px;
	}


	#how-to-buy ul {
		padding: 0;
		margin: 0;
		list-style: none;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 50px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		max-width: 640px;
		margin: auto;

	}

	#how-to-buy ul > li:nth-child(3n+1) > *:first-child:before {
		display: none;
	}

	#how-to-buy ul > li:nth-child(3) > *:first-child:after {
		position: absolute;
		top: 0;
		width: 32px;
		height: 32px;
		background: #cdcdcd;
		line-height: 30px;
		text-align: center;
		content: "›";
		font-size: 16px;
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		color: #FFF;
		border-radius: 100%;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		        transform: rotate3d(0, 0, 1, 90deg);

		right: -10px;
		top: 29px;
	}

	#how-to-buy ul li {
		width: 30%;
		margin-bottom: 20px;
	}

	#features .moduletable.features-image {
		padding-bottom: 100%;
	}
	
	#features .columns > .moduletable-wrapper.features-text .moduletable {
		padding: 30px !important;
	}

	.about-graph > * {
		margin-left: 20px;
		margin-right: 20px;
	}

	.about-graph .percent {
		width: 95px;
		height: 95px;
		line-height: 95px;
		background-size: 95px 95px;
		font-size: 14px;
	}

	.about-graph h3 {
		font-size: 18px;
	}

	.about-graph ul {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.about-graph ul strong {
		font-size: 22px;
	}

	.about-cover {
		height: 250px;
	}

	.product-cover {
		height: 250px;
	}

	.item-page.product,
	.item-page.about {
		padding-top: 210px;
	}
	
	.nav-toggler-wrapper {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
	}

	#nav-toggler {
		display: block;
		position: absolute;
		right: 20px;
		margin: auto;
		top: 10px;
		bottom: 10px;
		width: 28px;
		height: 18px;
		z-index: 99;
	}

	#nav-toggler .nav-top {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		border-top: 2px solid #FFF;

		-webkit-transform: translate3d(0, 0, 0);

		        transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;

		transition: opacity .35s,
					visibility 0s,
					-webkit-transform .35s;

		transition: transform .35s,
					opacity .35s,
					visibility 0s;

		transition: transform .35s,
					opacity .35s,
					visibility 0s,
					-webkit-transform .35s;
		transition-delay: .15s;
		transition-timing-function: cubic-bezier(.68, -0.62, .3, 1.87);
	}

	#nav-toggler .nav-mid {
		position: absolute;	
		left: 0;	
		right: 0;	
		top: 50%;
		margin-top: -1px;
		height: 2px;	
		transition: -webkit-transform .3s;	
		transition: transform .3s;	
		transition: transform .3s, -webkit-transform .3s;
	}


	#nav-toggler .nav-mid:after,
	#nav-toggler .nav-mid:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		border-top: 2px solid #FFF;
		content: "";

		transition: -webkit-transform .4s;

		transition: transform .4s;

		transition: transform .4s, -webkit-transform .4s;

		transition: opacity .25s,
					visibility .25s,
					-webkit-transform .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s,
					-webkit-transform .25s;

	}

	#nav-toggler .nav-bottom {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		border-bottom: 2px solid #FFF;

		-webkit-transform: translate3d(0, 0, 0);

		        transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;

		transition: opacity .35s,
					visibility 0s,
					-webkit-transform .35s;

		transition: transform .35s,
					opacity .35s,
					visibility 0s;

		transition: transform .35s,
					opacity .35s,
					visibility 0s,
					-webkit-transform .35s;
		transition-delay: .15s;
		transition-timing-function: cubic-bezier(.68, -0.62, .3, 1.87);
	}

	.nav-visible .nav-overlay {
		opacity: 1;
		visibility: visible;
		transition: opacity .25s,
					visibility 0s;
	}
	
	.nav-visible #header #nav-toggler .nav-top {
		-webkit-transform: translate3d(20px, 0, 0);
		        transform: translate3d(20px, 0, 0);
		opacity: 0;
		visibility: hidden;

		transition: opacity .25s,
					visibility .25s,
					-webkit-transform .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s,
					-webkit-transform .25s;

		
	}

	.nav-visible #header #nav-toggler .nav-bottom {
		-webkit-transform: translate3d(20px, 0, 0);
		        transform: translate3d(20px, 0, 0);
		opacity: 0;
		visibility: hidden;

		transition: opacity .25s,
					visibility .25s,
					-webkit-transform .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s;

		transition: transform .25s,
					opacity .25s,
					visibility .25s,
					-webkit-transform .25s;
	}

	.nav-visible #header #nav-toggler .nav-mid {
		-webkit-transform: rotate3d(0, 0, 1, 180deg);
		        transform: rotate3d(0, 0, 1, 180deg);
	}

	.nav-visible #header #nav-toggler .nav-mid:after {
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		        transform: rotate3d(0, 0, 1, 45deg);
	}
	
	.nav-visible #header #nav-toggler .nav-mid:before {
		-webkit-transform: rotate3d(0, 0, 1, 135deg);
		        transform: rotate3d(0, 0, 1, 135deg);
		transition-delay: .1s;
	}

	.has-fullscreen #fullscreen:before {
		position: absolute;
		content: "";
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		height: 150px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000',GradientType=0 ); /* IE6-9 */
	}

	body.has-fullscreen {
		min-height: 400px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	#fullscreen {
		min-height: 400px;
	}


	#header .container,
	#navigation {
		/*display: none;*/
		height: 100%;
	}

	#header {
		position: fixed;
		z-index: 888;
		top: 0;	
		left: 0;	
		right: 0;
	}

	body {
		padding-top: 40px;
	}


	#navigation {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		max-width: 20em;
		right: 70px;
		padding-top: 60px;
		background: #000;
		z-index: 9999;
		-webkit-transform: translate3d(-20em, 0, 0);
		        transform: translate3d(-20em, 0, 0);
		visibility: hidden;
		-webkit-overflow-scrolling: touch;

		transition: opacity .3s,
					visibility .3s,
					-webkit-transform .3s;

		transition: transform .3s,
					opacity .3s,
					visibility .3s;

		transition: transform .3s,
					opacity .3s,
					visibility .3s,
					-webkit-transform .3s;
	}


	#navigation:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 60px;
		background: #000;
		z-index: 4;
	}

/*	#nav-fix {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		display: block;
		content: "";
		position: absolute;
		left: 0;
		right: -40px;
		top: 0;
		bottom: 0;
		z-index: 2;
		
		background: blue;
		transform: translate3d(0, 0, -1px);
	}

	#nav-fix:after {
		display: block;
		content: "";
		height: 9999px;
	}*/

	#navigation ul {
		z-index: 99;
	}


	.nav-visible #header #navigation {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
		
		transition: opacity .3s,
					visibility 0s,
					-webkit-transform .3s;
		
		transition: transform .3s,
					opacity .3s,
					visibility 0s;
		
		transition: transform .3s,
					opacity .3s,
					visibility 0s,
					-webkit-transform .3s;

	}

	#navigation ul li > a:first-child,
	#navigation ul li > a:last-child {
		display: block;
		width: 100%;
	}


	.has-fullscreen #header {
		z-index: 9999;
		position: fixed;
	}


	#navigation ul {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 60px;
		bottom: 0;
		margin-top: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}


	#navigation ul li {
		display: block !important;
		width: auto !important;
		margin: 0;
	}

	#navigation ul li a {
		display: block;
		text-align: left;
		padding: 15px 20px;
	}

	#navigation ul li.divider {
		display: none !important;
	}

	#header {
		height: 60px;
	}

	#logo {
		right: auto;
		left: 20px;	
		z-index: 99999;	
	}

	#navigation ul > li:first-child a,
	#navigation ul > li:last-child a {
		text-indent: 0;
		overflow: visible;
	}

	#navigation ul > li:first-child a:before,
	#navigation ul > li:last-child a:before {
		display: none !important;
	}

}

@media screen and (max-width: 800px) {

	.accessories-bg {
		background-size: 200px 255px;
	}

	.elevator .accessories-bg {
		background-size: 272px 253px;
		background-position: -50px bottom;
	}

	.verijen .accessories-bg {
		background-size: 150px 309px;
		background-position: left bottom;
	}

	#accessories .moduletable {
		width: 70%;
	}

	.distributors .item-image {
		display: none;
	}

	.distributors .item-page {
		padding-left: 0;
	}

	.distributors #main-container {
		min-height: 0;
	}



	#specifications th,
	#specifications td {
		padding: 5px !important;
		font-size: 14px !important;
	}

	#specifications .moduletable-content-wrapper {
		position: relative;
	}

	#specifications .custom {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		position: relative;
		margin-left: -20px;
		margin-right: -20px;
	}

	#guarantee {
		background: none !important;
	}

	.a-phonemail {
		position: static;
		margin-top: -10px;
		margin-bottom: 20px;
	}

	#guarantee .moduletable:before {
		width: 66px;
		height: 76px;
		background-size: 66px 76px;
	}

	#distributors-form .form-col,
	#contacts .form-col {
		float: none;
		width: 100%;
		padding: 0 !important;
	}

	#distributors-form .form-col + .form-col,
	#contacts .form-col + .form-col {
		margin-top: 20px;
	}
	
	#features-elevator-image {
		display: none;
	}

	#highlights .columns {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#features-elevator .container {
		padding-right: 20px;
	}

	#features-elevator .moduletable-wrapper + .moduletable-wrapper {
		margin-top: 40px;
	}

	#features-elevator .moduletable-wrapper {
		max-width: 460px;
		width: 100%;
		margin: auto;
	}

	#highlights .moduletable-wrapper {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}

	#highlights .moduletable-wrapper + .moduletable-wrapper {
		margin-top: 40px;
	}

	#experience ul li {
		width: 50%;
	}
	
	#experience ul > li:nth-child(2n+1) {
		clear: both;
	}

	#towers .columns,
	#catwalks .columns {
		display: block;
	}

	#towers .columns {
		margin-left: 0;
		margin-right: 0;
	}

	#catwalks .columns .moduletable-wrapper {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}

	#catwalks .columns .moduletable-wrapper + .moduletable-wrapper {
		margin-top: 40px;
	}

	#towers .columns .moduletable-wrapper {
		width: 100%;
		max-width: 460px;
		margin: auto;
	}

	#towers .columns .moduletable-wrapper + .moduletable-wrapper {
		margin-top: 40px;
	}
}

@media screen and (max-width: 640px) {

	.moduletable.fs-login .container {
		margin: auto;
	}

	.articles.item-page .page-header {
		display: none;
	}

	.item-page.articles .item-image {
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
		/*margin-top: 0;*/
		margin-bottom: 20px;
		float: none;
		margin-top: 0;
	}

	.item-page-inner {
		margin-top: 20px;
	}

	.blog.articles .items-row .item-image {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
	
	.blog.articles .items-row .article-content {
		float: none;
		width: 100%;
		padding: 0;
	}

	.product #contacts .container,
	.product #contacts,
	#distributors-form-wrapper .container,
	#distributors-form-wrapper {
		padding: 0;
	}

	#how-to-buy ul {
		padding: 0;
		margin: 0;
		list-style: none;
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 50px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		max-width: 640px;
		margin: auto;

	}

	#how-to-buy ul > li:nth-child(3n+1) > *:first-child:before {
		display: block;
	}

	#how-to-buy ul > li:nth-child(2n+1) > *:first-child:before {
		display: none;
	}


	#how-to-buy ul > li:nth-child(3) > *:first-child:after {
		display: none;
	}

	#how-to-buy ul > li:nth-child(2) > *:first-child:after,
	#how-to-buy ul > li:nth-child(4) > *:first-child:after {
		position: absolute;
		top: 0;
		width: 32px;
		height: 32px;
		background: #cdcdcd;
		line-height: 30px;
		text-align: center;
		content: "›";
		font-size: 16px;
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		color: #FFF;
		border-radius: 100%;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		        transform: rotate3d(0, 0, 1, 90deg);

		right: -10px;
		top: 29px;
	}

	#how-to-buy ul li {
		width: 50%;
		margin-bottom: 20px;
	}

	.accessories-bg {
		background-position: left top;
		background-size: 120px 69px;
		background: none !important;
	}

	.features-text {
		text-align: center;
	}

	#accessories h2 {
		text-align: center;	
	}

	#accessories .moduletable {
		width: 100%;
	}

	/* */
	#features .moduletable-wrapper {
		width: 100%;
	}

	#features .moduletable.features-image {
		padding-bottom: 30%;
	}

	#features .moduletable-wrapper {
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}

	#features .moduletable-wrapper.features-image {
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}

	#features .moduletable-wrapper.features-image + .moduletable-wrapper.features-text {
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}

	#features .moduletable-wrapper.features-image ~ .moduletable-wrapper.features-image {
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}


	.a-mail,
	.a-phone {
		display: block;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
	}
	

	.a-phone + span {
		margin-left: 0;
		position: relative;
	}

	.a-phone + span:before {
		display: none;
	}

	.about-graph {
		display: block;
	}

	.about-graph > * {
		display: block;
	}

	.about-graph ul {
		font-size: 14px;
	}

	.about-graph ul strong {
		font-size: 18px;
	}

	#specifications tbody > tr > td:first-child em {
		font-size: 13px;
	}

	
	#fullscreen .fs-home ul {
		padding: 0;
		margin: 0;
		list-style: none;
		margin-top: 30px;
	}

	#fullscreen .fs-home ul li {
		display: block;
		margin: 10px !important	;
		max-width: 100%;
	}


	#footer,
	#copyright {
		float: none;
		width: 100%;
	}

	#copyright {
		margin-top: 10px;
	}

	#footer .moduletable + .moduletable:before {
		display: none;
	}

	#footer .moduletable {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#footer .moduletable + .moduletable {
		margin-top: 10px !important;
	}


}

@media screen and (max-width: 480px) {

	.product-head h1 {
		font-size: 32px;
	}
	
	#experience ul li {
		width: 100%;
		clear: both;
		float: none;
	}

	#how-to-buy ul  {
		display: block;
	}

	#how-to-buy ul > li {
		width: 100%;
		max-width: 280px !important;
		margin: auto;
	}

	#how-to-buy ul > li + li {
		margin-top: 20px;
	}

	#how-to-buy ul > li > *:first-child:before {
		display: none !important;
	}


	#how-to-buy ul > li > *:first-child:after {
		position: absolute;
		top: 0;
		width: 32px;
		height: 32px;
		background: #cdcdcd;
		line-height: 30px;
		text-align: center;
		content: "›";
		font-size: 16px;
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		color: #FFF;
		border-radius: 100%;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		        transform: rotate3d(0, 0, 1, 90deg);
		display: block !important;

		right: 0 !important;
		left: 0 !important;
		margin: auto !important;
		top: 88px !important;
	}

	#how-to-buy ul > li:last-child > *:first-child:after {
		content: "✔";
		-webkit-transform: none;
		        transform: none;
	}

	#how-to-buy ul li:before {
		height: 100px;
	}
	
	#how-to-buy ul li::after {
		top: 30px !important;
	}

}

@media screen and (max-width: 360px) {
	
	.form-label .form-error {
		float: none;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.form-message {
		float: none;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: left;
	}



}


@media screen and (max-height: 400px) {
	
	.has-fullscreen #footer-wrapper {
		position: absolute;
		top: 400px;
		bottom: auto;
		z-index: 2;
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
	}


}