@font-face {
    font-family: 'open_sanssemibold';
    src: url('../../fonts/opensans-semibold-webfont_2a98737dd3e7.eot');
    src: url('../../fonts/opensans-semibold-webfont_2a98737dd3e7.woff') format('woff'), url('../../fonts/opensans-semibold-webfont_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/opensans-semibold-webfont_2a98737dd3e7.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../../fonts/merriweather-regular-webfont_2a98737dd3e7.eot');
    src: url('../../fonts/merriweather-regular-webfont_2a98737dd3e7.woff') format('woff'), url('../../fonts/merriweather-regular-webfont_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/merriweather-regular-webfont_2a98737dd3e7.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweatheritalic';
    src: url('../../fonts/Merriweather-Italic_2a98737dd3e7.eot');
    src: url('../../fonts/Merriweather-Italic_2a98737dd3e7.woff') format('woff'), url('../../fonts/Merriweather-Italic_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/Merriweather-Italic_2a98737dd3e7.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('../../fonts/OpenSans-Regular_2a98737dd3e7.eot');
    src: url('../../fonts/OpenSans-Regular_2a98737dd3e7.woff') format('woff'), url('../../fonts/OpenSans-Regular_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/OpenSans-Regular_2a98737dd3e7.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../../fonts/OpenSans-Italic_2a98737dd3e7.eot');
    src: url('../../fonts/OpenSans-Italic_2a98737dd3e7.woff') format('woff'), url('../../fonts/OpenSans-Italic_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/OpenSans-Italic_2a98737dd3e7.svg') format('svg');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../../fonts/opensans-bold-webfont_2a98737dd3e7.eot');
    src: url('../../fonts/opensans-bold-webfont_2a98737dd3e7.woff') format('woff'), url('../../fonts/opensans-bold-webfont_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/opensans-bold-webfont_2a98737dd3e7.svg') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_bolditalic';
    src: url('../../fonts/OpenSans-BoldItalic_2a98737dd3e7.eot');
    src: url('../../fonts/OpenSans-BoldItalic_2a98737dd3e7.woff') format('woff'), url('../../fonts/OpenSans-BoldItalic_2a98737dd3e7.ttf') format('truetype'), url('../../fonts/OpenSans-BoldItalic_2a98737dd3e7.svg') format('svg');
    font-style: italic;
    font-weight: 700;
}

.merriweather {
    font-family: 'Merriweather', Times, serif;
    font-weight: 400;
    font-style: normal;
}

.F_OS14 {
    font: normal 14px/14px "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OS16 {
    font: normal 16px/16px "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OS18 {
    font: normal 18px/18px "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OS26 {
    font: normal 26px/26px "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OS36 {
    font: normal 36px/36px "opensans", Helvetica, Arial, sans-serif;
}

.F_OS40 {
    font: normal 40px/40px "opensans", Helvetica, Arial, sans-serif;
}

.F_OS60 {
    font: normal 50px/50px "opensans", Helvetica, Arial, sans-serif;
}

.F_MER12 {
    font: normal 12px/14px "merriweatherregular", Times, serif;
}

.F_MER14 {
    font: normal 14px/14px "merriweatherregular", Times, serif;
}

.F_MER16 {
    font: normal 16px/16px "merriweatherregular", Times, serif;
}

.F_MER18 {
    font: normal 18px/18px "merriweatherregular", Times, serif;
}

.F_MER20 {
    font: normal 20px/20px "merriweatherregular", Times, serif;
}

.F_MER24 {
    font: normal 24px/24px "merriweatherregular", Times, serif;
}

.F_OSB16 {
    font: normal 16px/1.5 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OSB16_m {
    font: normal 16px/1.5 "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.F_OSB18 {
    font: normal 18px/1.5 "open_sanssemibold", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}

body {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;
}

form, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'NiveaOTFBook', Arial, Helvetica, sans-serif;
	color: #575859;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/*::-moz-selection{background: #FDC800; color: #fff; text-shadow: none;}
::selection {background: #4d72d9; color: #fff; text-shadow: none;} */
.mT10 {
	margin-top: 10px;
}

.mT15 {
	margin-top: 15px;
}

.mBT20 {
	margin-bottom: 20px;

}

.MT0 {
	margin-top: 0px;
}

.MT6 {
	margin-top: 6px;
}

.MT16 {
	margin-top: 16px;
}

.MT26 {
	margin-top: 26px;
}

.MT35 {
	margin-top: 35px;
}

.f01 {
	font: normal 25px/25px Anzeigen_Grotesk_Regular, Arial, Helvetica, sans-serif;
}

.f02 {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
}

.color1 {
	color: #ffffff !important;
}
/* #Clearing
================================================== */

/* Self Clearing Goodness */

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ! PRIMARY STYLES */
html, body {
	width : 100%;
}

body {
	font-family : "opensans", Arial, Helvetica, sans-serif;
	font-size   : 10px;
	font-style  : normal;
	color       : #ffffff;
	padding     : 0;
	margin      : 0;
	overflow-x  : hidden;
	-webkit-overflow-scrolling : touch;
}

.disable-hover,
.disable-hover * {
	pointer-events : none !important;
}

.grid {
	display         : table;
	width           : 100%;
	table-layout    : fixed;
	list-style-type : none;
	padding-left    : 0;
	padding-right   : 0;
	margin-left     : 0;
	margin-right    : 0;
}

.g50 {
	width : 50%;
}

.gl {
	float  : left;
	margin : 0;
}

.gr {
	float  : right;
	margin : 0 0 0 -5px;
}

.m20t {
	margin-top : 20px;
}

.container {
	min-width  : 320px;
	min-height : 320px;
}

.link-to-contact {
	display : none;
}

.loading {
	position   : fixed;
	width      : 100%;
	height     : 100%;
	background : #ffffff;
	z-index    : 10;
	display    : block;
}

.loading img {
	position    : absolute;
	margin      : 0 auto;
	left        : 50%;
	top         : 50%;
	margin-top  : -17.231em;
	margin-left : -18em;
}

.left50 {
	width    : 50%;
	float    : left;
	position : relative;
	overflow : hidden;
}

.left25 {
	width : 25%;
	float : left;
}

.visible-xs {
	display : none;
}

a {
	color           : #ffffff;
	text-decoration : none;
}

a, a:focus, a:active, a:hover, object, embed {
	outline : none;
}

.line-1 {
	background : url('../../img/line-1_2a98737dd3e7.jpg') no-repeat;
	width      : 100px;
	height     : 2px;
}

.line-2 {
	background : url('../../img/line-2_2a98737dd3e7.jpg') no-repeat;
	width      : 50px;
	height     : 2px;
}

.btn.yellow a {
	background-color   : #ffce5c;
	-o-transition      : color .1s ease-out, background 0.2s ease-in;
	-ms-transition     : color .1s ease-out, background 0.2s ease-in;
	-moz-transition    : color .1s ease-out, background 0.2s ease-in;
	-webkit-transition : color .1s ease-out, background 0.2s ease-in;
	transition         : color .1s ease-out, background 0.2s ease-in;
}

.btn.yellow a span {
	color : #222222;
}

/*.btn.yellow a:hover {*/
/*background-color: #fdbd2a;*/
/*color: #101010;*/
/*}*/

.btn a {
	padding        : 1em 1.5em;
	color          : #222222;
	text-transform : uppercase;
	display        : block;
}

.animate-action {
	height   : 100%;
	position : relative;
	width    : 100%;
}

.homeleft {
	height : 100%;
}

.home_right_main {
	float            : right;
	position         : relative;
	width            : 50%;
	background-color : #ffffff;
}

.homeleft .bg-homeleft {
	background-repeat   : no-repeat;
	background-position : 0 0;
	background-size     : cover;
	height              : 100%;
	width               : 100%;
	position            : absolute;
	z-index             : 1000;
}

.item_main_menu {
	display  : block;
	position : relative;
	opacity  : 0.75;
}

.item_main_menu:hover {
	opacity : 1;
}

.header {
	position     : fixed;
	z-index      : 1000;
	padding-top  : 40px;
	padding-left : 150px;
	width        : auto;
}

.configuration .header {
	width : 62%;
}

.range .header {
	width : 90%;
}

.main-home {
	overflow : hidden;
}

.homepage .header {
	position : relative;
}

.header .navigation {
	margin-left : 30px;
}

.header .contact {
	text-align   : right;
	margin-right : 50px;
	display      : block;
	text-shadow  : 0 1px 3px rgba(0, 0, 0, 0.5);
}

.header .contact a {
	opacity : 0.75;
}

.header .contact a:hover {
	opacity : 1;
}

.menu-home {
	display : inline-block;
}

.menu-home .button_icon {
	display  : block;
	position : absolute;
	top      : -2px;
}

.menu-home .icon-bar {
	display       : block;
	border-bottom : 3px solid #ffffff;
	padding       : 0 12px;
	margin-top    : 5px;
	box-shadow    : 0 1px 3px rgba(0, 0, 0, 0.5);
}

.menu-home .item_txt_menu {
	display     : inline-block;
	margin-left : 35px;
	text-shadow : 0 1px 3px rgba(0, 0, 0, 0.5);
}

.homeleft .bg-homeleft .img-home img {
	width  : 100%;
	height : 100%;
}

.homeleft .bg-homeleft .img-home {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
}

.homeleft .storyhome {
	position : absolute;
	z-index  : 1;
	bottom   : 44px;
	left     : 48px;
	width    : 91%;
}

.homeleft .storyhome .btn {
	position : absolute;
	right    : 3.846em;
	bottom   : 0;
}

.homeleft .storyhome .title {
	font-family    : "open_sanssemibold", Helvetica, Arial, sans-serif;
	text-transform : uppercase;
	padding-bottom : 0.625em;
	width          : 100%;
	line-height    : 1;
}

.homeleft .storyhome .desc {
	width       : 100%;
	padding-top : 0.750em;
	font-size   : 2em;
	line-height : 1;
	color       : #dddddd;
}

.homeright .box-video {
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}

.home-box-list {
	position : relative;
	height   : 100%;
	width    : 100%;
}

.shadow-overlay {
	position   : absolute;
	width      : 100%;
	height     : 100%;
	top        : 0;
	left       : 0;
	z-index    : 10;
	background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background : -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
	background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
	background : -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
	background : -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
	background : linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=black, endColorstr=#00000000); *//* IE6-9 */
}

.shadow-overlay-bottom {
	position   : absolute;
	width      : 100%;
	height     : 100%;
	top        : 0;
	left       : 0;
	z-index    : 10;
	background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background : -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
	background : -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
	background : -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
	background : -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
	background : -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
	background : linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00000000, endColorstr=gray);*//* IE6-9 */
}

.homeright .box-video .jwplayer {
	position : absolute;

}

.homeright .box-video .jwplayer .jwmain {
	background      : url('../../home/img/experience_37de5a74843e.jpg') no-repeat;
	background-size : cover;
}

.homeright .h50,
.homeright .box-video span {
	background-position : left top;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.homeright .box-video span {
	display     : block;
	width       : 100% !important;
	height      : 100% !important;
	text-indent : -9999px;
	white-space : nowrap;
}

.homeright .category-name {
	position : absolute;
	z-index  : 20;
	left     : 30px;
	bottom   : 30px;
}

.homeright .play {
	position    : absolute;
	background  : url('../../img/play_2a98737dd3e7.png') no-repeat center center transparent;
	width       : 63px;
	height      : 63px;
	top         : 50%;
	left        : 50%;
	margin-left : -31px;
	margin-top  : -31px;
	z-index     : 15;
}

.homeright .sub-menu {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : auto;
	opacity  : 1;
	z-index  : 20;
}

.homeright .sub-menu.left {
	left : 0;
}

.homeright .category-name .name {
	padding-bottom : 0.688em;
	text-transform : uppercase;
	line-height    : 1;
}

.homeright .category-name .tips {
	padding-top : 0.786em;
	font-size   : 1.385em;
	line-height : 1;
	color       : #dddddd;
}

.homeright .sub-menu ul li {
	overflow      : hidden;
	border-bottom : 1px solid rgba(255, 255, 255, 0.1);
	position      : relative;
}

.homeright .sub-menu ul li:last-child {
	border-bottom : 0;
}

.homeright .sub-menu ul li .box-overlay {
	background-color : #000000;
	opacity          : 0.15;
	position         : absolute;
	z-index          : 5;
	width            : 100%;
	height           : 100%;
	top              : 0;
	left             : 0;
}

.homeright .sub-menu ul li:hover .box-overlay,
.homeright .sub-menu ul li.active .box-overlay {
	opacity : 0.5;
}

.homeright .sub-menu ul li a {
	text-transform : uppercase;
	display        : block;
	line-height    : normal;
	padding        : 12px 20px 12px 25px;
	white-space    : pre;
	text-overflow  : ellipsis;
	overflow       : hidden;
	opacity        : 0.75;
	font-size      : 1.45em;
	position       : relative;
	z-index        : 10;
}

.homeright .sub-menu ul li.active a,
.homeright .sub-menu ul li:hover a {
	opacity : 1;
}

.story {
	background-color : #ffffff;
	position         : absolute;
	display          : none;
	top              : 0;
	z-index          : 100;
	height           : 100%;
	width            : 100%;
	left             : -1000px;
}

.story .story_inner {
	position : relative;
	margin   : 36px 40px 0 40px;
}

.story .story_inner .head_story {
	height        : 3.4em;
	border-bottom : 0.154em solid #f3f3f3;
	position      : relative;
}

.link a.linkto {
	position        : absolute;
	display         : block;
	overflow        : hidden;
	text-indent     : -99px;
	top             : 0;
	right           : 0;
	width           : 16px;
	height          : 16px;
	background      : url('../../img/link-hover_2a98737dd3e7.png') no-repeat center center;
	background-size : contain;
	opacity         : 0.25;
}

.fixed .link a.linkto {
	background-color : #ffffff;
	opacity          : 0.5;
	border-radius    : 2px;
}

.link:hover a.linkto {
	opacity : 1;
}

#at3winfooter, #at3winssi {
	display : none;
}

.link .socials {
	position         : absolute;
	top              : 2.5em;
	right            : -1.385em;
	z-index          : 101;
	visibility       : hidden;
	opacity          : 0;
	transition       : visibility 0.5s linear 0.25s, opacity 0.5s linear;
	transition-delay : 1s;
}

.link .socials .box-social .arrow-grey {
	background      : url('../../img/arrow-grey_2a98737dd3e7.png');
	width           : 1.154em;
	height          : 0.615em;
	background-size : cover;
	position        : absolute;
	top             : -0.5em;
	right           : 1.538em;
}

.link .socials .box-social .box-icon {
	float : left;
	width : 500px;
}

.link .socials .box-social .box-icon a:hover.sharethis {
	background-color : #cccccc;
}

.link .socials .box-social .box-icon .sharethis {
	float            : right;
	padding          : 2px 10px 0 10px;
	background-color : #e5e5e5;
}

.link:hover .socials {
	opacity          : 1;
	visibility       : visible;
	transition-delay : 0s;
}

.link .socials .box-social .box-icon a img {
	width : 100%;
}

.story .story_inner .body_story {
	position : relative;
	height   : 59em;
	overflow : hidden;
}

.story .story_inner .body_story .tittle {
	float      : left;
	width      : 100%;
	margin-top : 4em;
	position   : relative;
	height     : 7em;
}

.story .story_inner .body_story .tittle .name {
	color : #222222;
}

.story .story_inner .body_story .tittle i {
	position   : absolute;
	left       : 0;
	bottom     : 0;
	width      : 8.5em;
	background : #ffce5c;
	height     : 0.15em;
}

.story .story_inner .body_story .tittle_sub {
	float      : left;
	width      : 100%;
	margin-top : 1.3em;
	color      : #444444;
}

.story .story_inner .body_story .tittle_sub p {
	font-size   : 1.846em;
	font-family : "merriweatheritalic", Times, serif;
}

.list_menu_story {
	height : 100%;
	float  : left;
}

.list_menu_story li {
	float        : left;
	margin-right : 2.7em;
	position     : relative;
	height       : 3.5em;
}

.list_menu_story li a {
	float          : left;
	font-family    : "open_sanssemibold", Arial, sans-serif;
	text-transform : uppercase;
	color          : #444444;
	font-size      : 1.28em;
	line-height    : 2.5em;
	display        : block;
	/* height: 2em; */
}

.list_menu_story li .active, .list_menu_story li:hover i {
	width            : 100%;
	height           : 3px;
	float            : left;
	display          : block;
	position         : absolute;
	bottom           : 0;
	background-color : #ffce5c;
}

.story .story_inner .body_story .content_story {
	color          : #666666;
	float          : left;
	width          : 100%;
	margin-top     : 65px;
	padding-bottom : 3em;
}

.story .story_inner .body_story .content_story p {
	font           : 1.45em "opensans", Helvetica, Arial, sans-serif;
	line-height    : 1.5em;
	padding-bottom : 1.667em;
}

.story .story_inner .body_story .content_story p:first-child:first-letter {
	display : inline;
}

.story .story_inner .body_story .content_story p:first-child:first-letter {
	color          : #444444;
	font-family    : "merriweatherregular", Times, serif;
	font-weight    : normal;
	font-size      : 5em;
	line-height    : 0.4em;
	float          : left;
	padding-right  : 0.191em;
	padding-bottom : 0.1em;
	padding-top    : 0.31em;
}

.story .story_inner .foot_story {
	display     : table;
	width       : 100%;
	padding-top : 20px;
	border-top  : 1px solid #e5e5e5;
	margin      : 0 0 1em 0;
}

.story .story_inner .foot_story a.link_back {
	float          : left;
	color          : #444444;
	text-transform : uppercase;
}

.story .story_inner .foot_story a.link_back span {
	float : left;
}

.story .story_inner .foot_story a.link_back span.arr-left {
	margin-top   : 0.25em;
	float        : left;
	margin-right : 0.9em;
}

.story .story_inner .foot_story a.link_back span.txt {
	color       : #444444;
	font-family : "open_sanssemibold", Helvetica, Arial, sans-serif;
	font-size   : 1.5em;
	line-height : 1.5em;
}

#cycler-range {
	position : relative;
}

#cycler-range img {
	position : absolute;
	z-index  : 1;
}

#cycler-range img.active {
	z-index : 3;
}

.story .story_inner .body_story .tab-c {
	width  : 100%;
	height : 64em;
}

.story .story_inner .body_story .scrollTab {
	position : absolute;
	top      : 0;
	left     : 0;
}

.story .story_inner .foot_story a.link_back span.arr-left img {
	width : 2.000em;
}

.social-button .link a.linkto {
	top : 8px;
}

.hide {
	display : none;
}

.has-error .txt-input {
	border-color : #a94442 !important;
	box-shadow   : inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .txt-input:focus {
	border-color : #a94442 !important;
	box-shadow   : inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.tooltip {
	position    : absolute;
	z-index     : 1070;
	display     : block;
	visibility  : visible;
	font-size   : 12px;
	line-height : 1.4;
	opacity     : 0;
	filter      : alpha(opacity=0);
}

.tooltip.in {
	opacity : 0.9;
	filter  : alpha(opacity=90);
}

.tooltip.top {
	margin-top : -3px;
	padding    : 5px 0;
}

.tooltip.right {
	margin-left : 3px;
	padding     : 0 5px;
}

.tooltip.bottom {
	margin-top : 3px;
	padding    : 5px 0;
}

.tooltip.left {
	margin-left : -3px;
	padding     : 0 5px;
}

.tooltip-inner {
	max-width        : 200px;
	padding          : 3px 8px;
	color            : #222222;
	text-align       : center;
	text-decoration  : none;
	background-color : #ffce5c;
	border-radius    : 4px;
}

.tooltip-arrow {
	position     : absolute;
	width        : 0;
	height       : 0;
	border-color : transparent;
	border-style : solid;
}

.tooltip.top .tooltip-arrow {
	bottom           : 0;
	left             : 50%;
	margin-left      : -5px;
	border-width     : 5px 5px 0;
	border-top-color : #ffce5c;
}

.tooltip.top-left .tooltip-arrow {
	bottom           : 0;
	left             : 5px;
	border-width     : 5px 5px 0;
	border-top-color : #ffce5c;
}

.tooltip.top-right .tooltip-arrow {
	bottom           : 0;
	right            : 5px;
	border-width     : 5px 5px 0;
	border-top-color : #ffce5c;
}

.tooltip.right .tooltip-arrow {
	top                : 50%;
	left               : 0;
	margin-top         : -5px;
	border-width       : 5px 5px 5px 0;
	border-right-color : #ffce5c;
}

.tooltip.left .tooltip-arrow {
	top               : 50%;
	right             : 0;
	margin-top        : -5px;
	border-width      : 5px 0 5px 5px;
	border-left-color : #ffce5c;
}

.tooltip.bottom .tooltip-arrow {
	top                 : 0;
	left                : 50%;
	margin-left         : -5px;
	border-width        : 0 5px 5px;
	border-bottom-color : #ffce5c;
}

.tooltip.bottom-left .tooltip-arrow {
	top                 : 0;
	left                : 5px;
	border-width        : 0 5px 5px;
	border-bottom-color : #ffce5c;
}

.tooltip.bottom-right .tooltip-arrow {
	top                 : 0;
	right               : 5px;
	border-width        : 0 5px 5px;
	border-bottom-color : #ffce5c;
}

.modal-open {
	overflow : hidden;
}

.modal {
	display                    : none;
	overflow                   : hidden;
	position                   : fixed;
	top                        : 0;
	right                      : 0;
	bottom                     : 0;
	left                       : 0;
	z-index                    : 1050;
	-webkit-overflow-scrolling : touch;
	outline                    : 0;
}

.modal.fade .modal-dialog {
	-webkit-transform  : translate3d(0, -25%, 0);
	transform          : translate3d(0, -25%, 0);
	-webkit-transition : -webkit-transform 0.3s ease-out;
	-moz-transition    : -moz-transform 0.3s ease-out;
	-o-transition      : -o-transform 0.3s ease-out;
	transition         : transform 0.3s ease-out;
	margin-top         : 20%;
	text-align         : center;
}

.modal.in .modal-dialog {
	-webkit-transform : translate3d(0, 0, 0);
	transform         : translate3d(0, 0, 0);
}

.modal-open .modal {
	overflow-x : hidden;
	overflow-y : auto;
	-webkit-overflow-scrolling : touch;
}

.modal-dialog {
	position : relative;
	width    : auto;
	margin   : 10px;
}

.modal-content {
	position           : relative;
	background-color   : #ffffff;
	border             : 1px solid rgba(0, 0, 0, 0.2);
	border-radius      : 6px;
	-webkit-box-shadow : 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow         : 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip    : padding-box;
	outline            : 0;
}

.modal-backdrop {
	position         : fixed;
	top              : 0;
	right            : 0;
	bottom           : 0;
	left             : 0;
	z-index          : 1040;
	background-color : #000000;
}

.modal-backdrop.fade {
	opacity : 0;
	filter  : alpha(opacity=0);
}

.modal-backdrop.in {
	opacity : 0.5;
	filter  : alpha(opacity=50);
}

.modal-header {
	padding       : 15px;
	border-bottom : 1px solid #e5e5e5;
	min-height    : 16px;
}

.modal-header .close {
	margin-top : -2px;
}

.modal-title {
	margin      : 0;
	line-height : 1.42857143;
}

.modal-body {
	position : relative;
	padding  : 15px;
}

.modal-footer {
	padding    : 15px;
	text-align : right;
	border-top : 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
	margin-left   : 5px;
	margin-bottom : 0;
}

.modal-footer .btn-group .btn + .btn {
	margin-left : -1px;
}

.modal-footer .btn-block + .btn-block {
	margin-left : 0;
}

.modal-scrollbar-measure {
	position : absolute;
	top      : -9999px;
	width    : 50px;
	height   : 50px;
	overflow : scroll;
	-webkit-overflow-scrolling : touch;
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
	content : " ";
	display : table;
}

.clearfix:after,
.modal-footer:after {
	clear : both;
}

.text_red {
	color : #a94442;
}

#at3winssi {
	display : none;
}

p a {
	color           : #666666;
	text-decoration : underline;
}

p a:hover {
	color : #ffc43b;
}
.menu {
    background: url('../../img/map_left_menu_2a98737dd3e7.png') no-repeat 30px 60% #191919;
    width: 250px;
    position: fixed;
    left: -250px;
    height: 100%;
    z-index: 1001;
}

.menu .menu_head {
    margin: 25px 0 70px 0;
    position: relative;
}

.menu_head .logo {
    position: fixed;
    left: 30px;
    z-index: 5;
    width: 117px;
}

.menu_head .logo img {
    max-width: 100%;
}

.menu .close_menu {
    margin-top: 15px;
    margin-right: 30px;
    float: right;
    opacity: 1;
}

.menu a:hover.close_menu {
    opacity: 0.75;
}

.list-menu li {
    width: 100%;
}

.list-menu li.active {
    background-color: #111111;
    border-bottom: 1px solid #2d2d2d;
}

.menu .list-menu li a:hover {
    color: #ffffff;
    background-color: #1c1c1c;
}

.menu .list-menu li.active a:hover {
    background-color: #111111;
}

.list-menu li.active a {
    color: #ffffff;
}

.list-menu li a {
    color: #bcbcbc;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}

.menu .map_left_menu img {
    width: 100%;
}

.menu .contact_menu {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.menu .contact_menu .contact_inner {
    padding-bottom: 0.615em;
    margin-left: 30px;
}

.menu .contact_menu p {
    font: normal 0.923em/1.5em "merriweatherregular", Times, serif;
    color: #999999;
}

.menu .contact_menu p {
    font-size: 12px;
}

.menu .contact_menu .contact_inner a.link_email {
    color: #999999;
}

.menu .contact_menu .tel {
    padding-top: 1.636em;
}

.menu .contact_menu .underline {
    text-decoration: underline;
}

.menu .direction {
    margin: 25px 0;
}

.menu .direction a {
    text-decoration: none;
    color: #919191;
    font: normal 1em/1.2em "open_sanssemibold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0.7em 1.1em;
    border: 1px solid #919191;

}

.menu .direction a:hover {
    background-color: #2c8676;
    color: #ffffff;
    border: 1px solid #2c8676;

}

.menu .powered_by,
.menu .powered_by a {
    color: #2c2c2c;
    padding: 10px 0;
    font: normal 1em/1.2em "open_sanssemibold", Helvetica, Arial, sans-serif;
}

.menu .powered_by:hover,
.menu .powered_by:hover a {
    color: #666666;
}

.menu .powered_by a:hover {
    text-decoration: underline;
}
@media (min-width : 1824px) {
	.homeleft {
		width : 60%;
	}

	.home_right_main {
		width : 40%;
	}
}

@media (min-width : 1300px) and (max-width : 1366px) {
	.menu {
		-ms-background-position-y : 57%;
		background-position-y     : 57%;
	}

	.menu .menu_head {
		margin-bottom : 50px;
	}

	.list-menu li a {
		padding : 8px 0 8px 30px;
	}
}

@media (min-width : 768px) {
	.modal-dialog {
		width  : 600px;
		margin : 30px auto;
	}

	.modal-content {
		-webkit-box-shadow : 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow         : 0 5px 15px rgba(0, 0, 0, 0.5);
	}

	.modal-sm {
		width : 300px;
	}
}

@media (max-width : 1024px) and (orientation : landscape) {
	.menu .menu_head {
		margin-bottom : 40px;
	}

	.menu .contact_menu {
		bottom : 0;
	}
}

@media (min-width : 1024px) and (max-width : 1280px) {
	.range-content .details .box-image .box-big-img {
		height : 275px;
	}

	.menu .direction a {
		padding : 0.6em 1em;
	}
}

@media (min-width : 769px) and (max-width : 1024px) {
	.range-content .details .box-image .box-big-img {
		height : 245px;
	}
}

@media (min-width : 992px) {
	.modal-lg {
		width : 900px;
	}
}

@media (min-width : 768px) and (max-width : 1024px) {
	body {
		font-size : 9.5px;
	}

	.container {
		min-width  : 0;
		min-height : 0;
	}

	.hidden-xs {
		display : block;
	}

	.visible-xs {
		display : none;
	}

	.homeright .sub-menu ul li a {
		padding : 10px 20px;
	}

	.homeleft .bg-homeleft {
		width    : 50%;
		position : fixed;
	}

	.news .bg-news-artical {
		width    : 58%;
		position : fixed;
	}

	.F_OSB16 {
		font : normal 14px/1.5 "open_sanssemibold", Helvetica, Arial, sans-serif;
	}

	.F_OSB18 {
		font : normal 16px/1.8 "open_sanssemibold", Helvetica, Arial, sans-serif;
	}

	.menu-home .item_main_menu .item_txt_menu {
		font : normal 16px/1.5 "open_sanssemibold", Helvetica, Arial, sans-serif;
	}

	#video_experience {
		height : 82% !important;
	}

	.menu {
		background-image : none;
	}

	.pages .box .details .desc {
		padding : 1.5em 0;
	}

	input[type="text"], textarea {
		border-radius      : 0;
		-webkit-appearance : none;
	}

	.contact .bg-news-artical {
		background-image : url('../../contact/img/contact_tablet_2a98737dd3e7.jpg');
		height           : 81em;
	}

	.contact-directions .bg-news-artical {
		background-image : url('../../contact/img/bg-direction_tablet_2a98737dd3e7.jpg');
	}

	.contact .news_right .post-content-news {
		height : 125em;
	}

	.contact-directions .news_right .post-content-news {
		height : 205em;
	}

	.configuration-exterior .right-configuration ul li div.title {
		font-size : 1.3em;
	}

	.pages .box .details .title {
		padding : 2em;
	}

	.F_OS40 {
		font-size : 34px;
	}

	.F_OS36 {
		font-size : 30px;
	}

	.F_MER18 {
		font-size : 14px;
	}

	.F_MER14 {
		font-size : 12px;
	}

	.F_OS60 {
		font-size : 40px;
	}

	#main-list li.open .info-menu .main-title,
	.commercial .part-top .left-commercical {
		font-size : 1.4em;
	}

	.info-menu .sub-title {
		font-size : 1.25em;
	}

	.list-menu li a {
		padding : 8px 0 8px 30px;
	}

	#main-list li.open .info-menu .sub-note {
		top : 5px;
	}

	.scrollContact {
		padding-left  : 30px;
		padding-right : 30px;
	}

	.story .story_inner,
	.news .news_right .news-inner {
		margin-left  : 30px;
		margin-right : 30px;
	}

	.story .story_inner .body_story .content_story .upper,
	.range-content div.upper {
		font-size : 7.1em;
	}

	.box-superior .title {
		font-size : 2.7em;
	}

	.range .header {
		width : 87%;
	}

	.experience .select-option {
		width : auto;
	}
}

@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.container {
		background-color : #222222;
	}

	.range .right-menu {
		top : 12px;
	}

	.news .news_right .title {
		font-size : 3em;
	}

	.range-overview .box {
		width : 100%;
	}

	.range-overview .box .details {
		width : 50%;
	}

	.pages .box .box-images img {
		width  : 100%;
		height : auto;
	}

	.menu {
		background : url('../../img/map_left_menu_2a98737dd3e7.png') no-repeat 30px 55% #191919;
	}

	.homeleft {
		height : 50%;
		width  : 100%;
	}

	.homeleft .bg-homeleft,
	.news .bg-news-artical {
		width    : 100%;
		position : absolute;
	}

	.home_right_main {
		height : 50%;
		width  : 100%;
	}

	.homeright .sub-menu ul li {
		float : left;
		width : 50%;
	}

	.homeright .sub-menu ul li:nth-child(even) {
		border-left : 1px solid rgba(255, 255, 255, 0.5);
		margin-left : -1px;
		float       : right;
	}

	#cycler-range img {
		height : 100% !important;
	}

	#video_experience {
		height : 88% !important;
	}

	.experience .select-option {
		margin-top : 2.8em;
	}

	.experience .select-option .sbHolder a.sbToggle {
		margin-top : 0.4em;
	}

	.configuration {
		height : auto;
	}

	.configuration .header {
		width : auto;
	}

	.box-new-model .list-new li {
		width      : 33.3%;
		float      : left;
		text-align : center;
	}

	.box-new-model .list-new li a .box-img img {
		width  : 100%;
		height : 265px;
	}

	.box-new-model .list-new li .info {
		left       : 20px;
		text-align : left;
		font-size  : larger;
	}

	.right-configuration .box-superior,
	.configuration-info .box-brochure {
		overflow          : hidden;
		width             : 50%;
		float             : left;
		height            : 51em;
		background-repeat : no-repeat;
		background-size   : cover;
	}

	.configuration-info .box-brochure {
		height        : auto;
		border-bottom : 0;
	}

	.right-configuration .box-editon .title {
		padding-top : 0;
	}

	.right-configuration .box-editon,
	.right-configuration .box-list-item,
	.configuration-info .box-content {
		padding : 22px 10px 10px 10px;
		border  : 0;
		float   : right;
		width   : 47%;
	}

	.right-configuration .submit-form {
		padding : 0 10px;
	}

	.configuration-info .submit-form .btn-submit {
		margin-bottom : 0;
	}

	.configuration-exterior .right-configuration {
		width  : 100%;
		height : 100% !important;
	}

	.right-configuration .box-deluxe {
		width : 50%;
		float : right;
	}

	.configuration-exterior .right-configuration ul li {
		width : 33.3%;
	}

	.configuration-info .box-brochure {
		width : 100%;
		float : none;
	}

	.configuration-info .box-content {
		width   : auto;
		float   : none;
		padding : 0 2.308em;
	}

	.configuration-info .submit-form form p {
		margin-bottom : 1.2em;
		padding-top   : 1.2em;
	}

	.contact .news_left {
		width    : 100%;
		height   : 67%;
		position : relative;
		z-index  : 0;
	}

	.contact .bg-news-artical {
		background-image : url('../../contact/img/contact_2a98737dd3e7.jpg');
		width            : 100%;
		height           : 92em;
	}

	.contact-directions .bg-news-artical {
		background-image : url('../../contact/img/bg-direction_2a98737dd3e7.jpg');
		background-color : #222222;
		background-size  : contain;
		width            : 100%;
		height           : 64em;
	}

	.contact .news_right .post-content-news {
		height : 120em;
	}

	.contact .news_right {
		width : 100%;
	}

	.container-news-article {
		background-color : #ffffff;
	}

	.news .news_right {
		width : 100%;
	}

	.range-overview .even .box-images,
	.range-overview .odd .details {
		float : right;
	}

	.range-overview .even .arrowleft {
		background      : url('../../range/img/arrow-small-right_2a98737dd3e7.png') no-repeat;
		background-size : cover;
		left            : 0;
		right           : inherit;
	}

	.range-overview .odd .arrowright {
		background      : url('../../range/img/arrow-small-left_2a98737dd3e7.png') no-repeat;
		background-size : cover;
		left            : inherit;
		right           : 0;
	}

	.news .news_left {
		width  : 100%;
		height : 50%;
	}

	.contact-form .box .contact-right div.ip .sbOptions {
		top : 3.7em !important;
	}

	.configuration .w75 {
		height   : 100% !important;
		width    : 100%;
		position : relative;
		float    : none;
	}

	.configuration .w25 {
		width  : 100%;
		height : auto !important;
		float  : none;
	}

	.range .menu-page,
	.range-content .post-content {
		width : 90%;
	}

	.range .link a.linkto {
		right : 27%;
	}

	.configuration .header,
	.range .header {
		width : 83%;
	}
}

@media (max-height: 850px) {
    .pages.news-overview .box .details .t-1 {
        font: normal 32px/36px "opensans", Helvetica, Arial, sans-serif;
    }
	
	.pages.news-overview .box .details .desc {
        padding-top: 1.000em;
        margin-top: 1.000em;
		height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		padding-bottom: 0;
    }
}

@media (max-height : 750px) {
	.list-menu li a {
		padding : 5px 0 5px 30px;
	}

	.list-menu li a .F_OSB16_m {
		font-size : 14px;
	}

	.menu .contact_menu p {
		font-size : 11px;
	}

	.pages .box .details .F_OS36 {
		font-size : 26px;
	}
	
	.pages.news-overview .box .details .desc {
		height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		padding-bottom: 0;
	}
}

@media (max-width: 745px) {
    body {
        font-size: 7.5px;
    }

    .F_OS26 {
        font-size: 14px;
    }

    .F_OSB18 {
        font-size: 14px;
    }

    .F_OSB16 {
        font-size: 11px;
    }

    .F_OS60 {
        font-size: 40px;
    }

    .F_OS40 {
        font-size: 30px;
    }

    .F_OS36 {
        font-size: 26px;
    }

    .F_MER20,
    .homeleft .storyhome .desc {
        font-size: 14px;
    }

    .F_OS18 {
        font-size: 12px;
    }

    .header {
        padding-top: 30px;
        padding-left: 100px;
    }

    .header .menu-home .button_icon {
        top: -10px;
    }

    .header .item_txt_menu {
        display: none;
    }

    .homeleft .storyhome,
    .homeright .category-name {
        left: 20px;
        bottom: 20px;
    }

    .homeleft .bg-homeleft {
        width: 50%;
        position: fixed;
    }

    .news .bg-news-artical {
        width: 100%;
        position: relative;
    }

    .homeleft .storyhome .btn {
        right: 20px;
    }

    .homeright .sub-menu ul li a {
        padding: 10px 20px 10px 20px;
        line-height: 1.45em;
    }

    .story .story_inner,
    .contact .contact-inner,
    .news .news_right .news-inner {
        margin: 20px 20px 0 20px;
    }

    .story .story_inner .body_story .content_story {
        margin-top: 20px;
    }

    .story .story_inner .body_story .content_story .upper,
    .range-content div.upper {
        font-size: 7.1em;
    }

    .menu .menu_head {
        margin-top: 20px;
    }

    .menu_head .logo {
        width: 95px;
        left: 20px;
    }

    #video_experience {
        height: 67% !important;
    }

    .visible-xs {
        display: none;
    }

    .range-content .details .box-image .box-big-img {
        max-width: 100%;
        height: 200px;
    }

    .experience .select-option {
        width: auto;
    }

    .range .header {
        width: 69%;
    }
}

@media (max-width: 745px) and (orientation: portrait) {
    .visible-xs {
        display: block;
    }

    .hidden-xs {
        display: none;
    }

    .F_OS26 {
        font-size: 20px;
    }

    .menu {
        background-image: none;
    }

    .header .menu-home .button_icon {
        top: -3px;
    }

    .black-top .g50 {
        width: 100%;
    }

    .homeleft .bg-homeleft,
    .news .bg-news-artical {
        width: 100%;
        position: absolute;
    }

    .menu-home .button_icon {
        top: -6px;
    }

    .list-menu li a {
        padding: 10px 0 10px 0;
        text-align: center;
    }

    .contact-more-info {
        display: none;
    }

    .menu .powered_by {
        font-size: 12px;
    }

    #video_experience {
        height: 75% !important;
    }

    .experience .right-header {
        position: absolute;
        bottom: 20px;
        left: 20%;
        z-index: 100;
        font-size: 11px;
        margin: 0;
    }

    .experience .select-option {
        margin-top: 0;
        width: auto;
    }

    .experience .select-option .sbHolder a.sbToggle {
        margin-top: 0.6em;
    }

    .experience .link .socials {
        top: -4em;
    }

    .experience .link .socials .box-social .arrow-grey {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 2.4em;
    }

    .experience .select-option .sbOptions {
        width: 100%;
        max-height: none !important;
        padding-right: 1px;
        top: -7.45em !important;
    }

    .experience .select-option .sbOptions li {
        width: 100%;
    }

    .social-button .link a.linkto {
        top: 0;
    }

    .pages .box .details .title {
        padding: 2.077em;
    }

    .navbar-toggle {
        display: block !important;
        font-size: 11px;
        position: fixed;
        right: 21px;
        top: 18px;
    }

    .container {
        overflow: auto;
        width: 100%;
    }

    .header .contact {
        display: none;
    }

    .header .g50 {
        width: 75%;
    }

    .header .menu-home {
        float: right;
    }

    .menu-home .item_txt_menu {
        display: none;
    }

    .left50,
    .left58,
    .left42 {
        width: 100%;
        float: none !important;
    }

    .pages .box {
        display: table;
        height: auto !important;
    }

    .pages .details {
        height: auto !important;
        display: table-footer-group;
    }

    .range .details {
        display: block;
    }

    .range-overview .btn-link {
        position: relative;
        bottom: 0;
    }

    .home_right_main {
        width: 100%;
    }

    .homeleft .storyhome .btn {
        right: 1em;
    }

    .homeleft .storyhome,
    .homeright .category-name {
        bottom: 24px;
        font-size: 10px;
        left: 2em;
    }

    .homeright .sub-menu ul li {
        float: left;
        width: 50%;
    }

    .homeright .sub-menu ul li:nth-child(even) {
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        margin-left: -1px;
        float: right;
    }

    .story .story_inner .foot_story {
        display: table;
        width: 100%;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5;
        margin: 0 0 1em 0;
    }

    .configuration {
        height: auto;
    }

    .configuration .header .g50 {
        width: 85%;
    }

    .configuration .configuration-show .control-list {
        position: relative;
        padding: 10px 0;
        display: inline-block;
    }

    .configuration-exterior .configuration-show .control-list,
    .configuration-info .configuration-show .control-list {
        padding: 0;
        top: -30px;
    }

    .configuration .w75 {
        width: 100%;
        position: relative;
        float: none;
    }

    .configuration .w25 {
        width: 100%;
        height: auto !important;
        float: none;
    }

    .configuration .box-new-model {
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    .processing-step .item span {
        display: none;
    }

    .configuration .configuration-show .processing-step {
        width: 85%;
        top: 20px;
        display: table;
    }

    .configuration.configuration-new-model .configuration-show .processing-step {
        top: 2px;
    }

    .configuration .configuration-show .processing-bar {
        width: 99%;
        bottom: -25px;
    }

    .configuration .priv-statement {
        margin-bottom: 20px;
    }

    .configuration .choose-style-color {
        margin-bottom: 10px;
    }

    .box-new-model .list-new li,
    .configuration-exterior .right-configuration ul li {
        float: left;
        width: 50%;
    }

    .configuration-exterior .right-configuration .list-deluxe li,
    .configuration-exterior .right-configuration .color-list li {
        float: none;
        width: 100%;
    }

    .configuration-exterior .right-configuration .color-list li {
        padding: 1.45em 0 1.45em 2.077em;
    }

    .choose-style-color ul li div.color {
        margin-top: 0;
    }

    .box-new-model .list-new li .box-img {
        height: 150px;
        background-position: center center;
    }

    .box-new-model .list-new li .info {
        bottom: 1.857em;
        left: 1.308em;
    }

    .box-new-model .list-new .title {
        font-size: 2em;
    }

    .box-new-model .list-new .desc {
        display: none;
    }

    .configuration .configuration-show .control-arrow {
        margin-bottom: 0;
    }

    .configuration .configuration-show .control-step {
        position: absolute;
        bottom: 20px;
        left: 7.2%;
        width: 85%;
        display: none;
    }

    .contact .news_left {
        height: 50%;
        position: relative;
        float: none;
    }

    .contact .bg-news-artical {
        background: url('../../contact/img/contact_2a98737dd3e7.jpg') no-repeat 0 0 transparent;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .contact .news_right .post-content-news,
    .scrollTab .contact-us {
        height: 133em;
    }

    .contact-directions .news_right .post-content-news,
    .scrollTab .contact-direction {
        height: 205em;
    }

    #main-list li.open .info-menu .sub-note {
        position: relative;
    }

    #main-list li .info-menu {
        padding: 20px 0 20px 0;
    }

    .contact-form .btn {
        float: left;
    }

    .menu-page,
    .range-content .post-content {
        width: 95%;
    }

    .range .rangetitle {
        left: 10px;
    }

    .range .right-menu {
        top: 60px;
        right: 5%;
    }

    .range .right-menu .btn-link {
        margin-right: 2px;
    }

    .menu-page ul li {
        margin: 0 1em;
    }

    .menu-page ul li:first-child {
        margin-left: 0;
    }

    .menu-page ul li:last-child {
        margin-right: 0;
    }

    .range-content .post-content .title {
        padding-top: 0.5em;
    }

    .range-content .details .box-image .box-big-img {
        background-size: cover;
        height: 145px;
        max-width: 100%;
    }
}

@media (max-width: 640px) and (orientation: portrait) {
    .range-content .details .box-image .box-big-img {
        height: 169px;
    }

    .news-article .news_left {
        height: 50%;
    }

    .configuration .box-new-model {
        max-height: 350px;
    }

    .configurator-page.review {
        overflow: auto;
    }

    .range .tab-images {
        height: 50%;
    }

    .range .range-navigation {
        padding-top: 1.846em;
    }

    .range .right-menu {
        top: 45px;
    }

    .range .range-content {
        top: 60%;
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    .hidden-small-xs {
        display: none;
    }

    .menu-page ul li {
        margin: 0 0.5em;
    }

    .link a.linkto {
        top: 25px;
    }

    .link .socials {
        top: 6em;
        right: -0.6em;
    }

    .range .right-menu {
        right: auto;
        left: 2.5%;
    }

    .homeright .h50,
    .homeright .box-video span {
        background-position: left bottom;
    }

    .configuration-new-model .box-editon p {
        font-size: 1.35em;
    }

    .box-superior .discover {
        top: 2.85em;
        padding: 1.2em 1.5em;
    }

    .configuration-new-model .box-list-item {
        padding: 0 2.308em;
        position: absolute;
        top: 0;
        left: 21%;
    }

    .box-superior .title {
        padding-top: 0;
    }

    .range .preview-post-bottom {
        bottom: 0;
        height: 20px;
        padding-top: 5px;
        background-color: #e5e5e5;
    }

    .configuration-exterior .box-superior .box-info {
        bottom: 55%;
        left: 18%;
    }

    .configuration-exterior .box-deluxe {
        margin-top: -23%;
    }

    .configuration-exterior .list-deluxe {
        display: none;
    }

    .configuration-exterior .choose-style-color {
        overflow: auto;
        max-height: 200px;
    }

    .range-content .details .box-image .switch_icon {
        background-size: cover;
        width: 45px;
        height: 45px;
        right: 13px;
        top: -35px;
    }
}

@media (max-width: 640px) and (orientation: landscape) {
    .hidden-small-xs {
        display: none;
    }

    .F_OS60 {
        font-size: 30px;
    }

    .F_OS40 {
        font-size: 20px;
    }

    .F_OS36 {
        font-size: 14px;
    }

    .F_MER18 {
        font-size: 9px;
    }

    .F_MER16 {
        font-size: 11px;
    }

    .news-overview .box .details .t-2 {
        font-size: 10px;
        padding-top: 0;
    }

    .pages.news-overview .box .details .desc {
        padding-top: 5px;
        margin-top: 5px;
    }

    .menu {
        background-image: none;
    }

    .menu .close_menu {
        margin-right: 15px;
    }

    .menu .menu_head {
        margin-bottom: 25px;
    }

    .menu .contact_menu {
        display: none;
    }

    .news .top-social {
        margin-bottom: 20px;
    }

    .list-menu li a {
        padding-left: 20px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .homeleft .storyhome,
    .homeright .category-name {
        left: 10px;
        bottom: 10px;
    }

    .homeright .category-name .name {
        padding-bottom: 0.3em;
    }

    .homeright .category-name .tips {
        padding-top: 0.5em;
    }

    .homeleft .storyhome .btn {
        right: 0;
    }

    .header .contact {
        margin-right: 10px;
    }

    .homeright .sub-menu ul li a {
        padding: 7px 10px 7px 10px;
    }

    .menu_head .logo {
        left: 10px;
    }

    .story .story_inner,
    .contact .contact-inner,
    .news .news_right .news-inner {
        margin: 20px 10px 0 10px;
    }

    .story .story_inner .body_story .content_story {
        margin-top: 15px;
    }

    .list_menu_story li {
        margin-right: 1.7em;
    }

    .story .story_inner .body_story .tittle {
        margin-top: 1em;
    }

    .social-button .link a.linkto {
        top: 3px;
    }

    .experience .right-header {
        margin-right: 10px;
    }

    .menu .close_menu {
        margin-right: 10px;
    }

    .pages .box .details .title {
        padding: 10px;
    }

    .btn-link a {
        padding: 0.7em 1em;
    }

    .range-overview .btn-link {
        bottom: 10px;
        font-size: 7px;
    }

    .pages .box .details .desc {
        font-size: 10px;
        padding-top: 10px;
        height: 45px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        padding-bottom: 0;
    }

    .range .rangetitle {
        left: 3em;
        bottom: 3em;
    }

    .range .rangetitle .title {
        padding-bottom: 0.2em;
    }

    .menu-page ul li {
        margin-right: 1.5em;
    }

    .contact .bg-news-artical {
        height: 49em;
    }

    .contact-form .box .contact-right div.ip textarea {
        height: 110px;
    }

    #main-list li .info-menu,
    #main-list li .info-menu:hover,
    #main-list li .info-menu.open {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #main-list li.open .info-menu .main-title,
    .commercial .part-top .left-commercical,
    #main-list li.open .info-menu .sub-title,
    .commercial .part-top .right-commercical,
    #main-list li.open .info-menu .sub-note {
        width: 100%;
        float: none;
        position: relative;
        margin: 0;
    }

    .configuration .header {
        width: 57%;
    }

    .box-new-model .list-new li .box-img {
        height: 120px;
    }

    .box-superior {
        height: 170px;
    }

    .box-superior .desc {
        font-size: 1.3em;
    }

    .box-list-item .btn-select a,
    .configuration .configuration-show .control-step a {
        padding: 7px 10px;
    }

    .configuration .configuration-show .processing-step .processing-name .item span {
        display: none;
    }

    .configuration .configuration-show .processing-bar {
        bottom: -30px;
    }

    .configuration .configuration-show .processing-step .processing-name .item h3 {
        font-size: 10px;
    }

    .configuration .configuration-show .processing-step {
        width: 55%;
    }

    .box-superior .title,
    .configuration-info .box-brochure .title {
        font-size: 2.308em;
    }

    .configuration .configuration-show .control-arrow {
        margin-bottom: 30px;
    }

    .choose-style-color,
    .configuration-info .box-content {
        margin-bottom: 10px;
    }

    .configuration-info .box-brochure .desc {
        font-size: 1.1em;
    }

    .range-content .details .box-image .box-big-img {
        background-size: cover;
        height: 145px;
        max-width: 99%;
    }

    .box-new-model .list-new li .comming_soon {
        font-size: 2.5em;
        line-height: 5em;
    }

    .configuration-exterior .box-superior {
        max-height: 110px;
    }

    .configuration-exterior .box-superior .box-info {
        left: 35%;
        top: 20%;
        bottom: inherit;
    }

    .configuration-exterior .box-superior .title {
        padding-top: 0;
    }

    .configuration-exterior .box-deluxe {
        margin-top: -23%;
    }

    .configuration-exterior .list-deluxe {
        display: none;
    }

    .configuration-exterior .choose-style-color {
        overflow: auto;
        max-height: 230px;
    }

    .hidden-small-supper-xs {
        display: none;
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .list_menu_story li {
        margin-right: 1em;
    }
}

@media (max-width: 320px) and (orientation: portrait) {
    .menu .menu_head {
        margin-bottom: 40px;
    }
}