/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul{list-style:none;}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
.block-img img {display: block; margin: 0 auto;}
img {max-width: 100%; height: auto;}
a:focus {outline: none;}
p{margin: 0 0 10px 0; padding: 0;}

/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {display: table; content: ''; clear: both;}

/* ================= Bootstrap-responsive-embed ============== */
.responsive-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 60px; 
	overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

/* ========================== slider ========================= 
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0}
.rslides li:first-child {position: relative; display: block; float: left}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0}*/

/* ====================== HEADINGS h1-h6 ===================== */
h1, h2, h3, h4, h5, h6, .form-name, .page-title {font: 500 34px/1.2 'Ubuntu', sans-serif; margin: 0 0 .5em 0;}
h1, .page-title {font-size: 34px;}
.page-title {margin-bottom: 30px;}
h2 {font-size: 32px;}
h3, .form-name {font-size: 28px;}
h4 {font-size: 26px;}
h5 {font-size: 24px;}
h6 {font-size: 22px;}
.has-line {border-bottom: 1px solid #d1d3d4; padding-bottom: 5px;}

/* ====================== USEFUL GLOBALS ===================== */
.pRel {position: relative;}
.upcase {text-transform: uppercase;}
.weightNorm {font-weight: normal;}
.weight400 {font-weight: 400;}
.weight500 {font-weight: 500;}
.tdec-u, .hvr-u:hover {text-decoration: underline;}
.dsp-b {display: block;}
.inl-b-list > li {display: inline-block; vertical-align: top;}
.dsp-t {display: table; width: 100%;}
.dsp-t.hgt100 {height: 100%;}
.dsp-t.fxd {table-layout: fixed;}
.dsp-tr {display: table-row}
.dsp-tc {display: table-cell; vertical-align: middle;}
.txtAlignC {text-align: center;}
.txtAlignR {text-align: right;}
.vAlignT, .vAlignT.alignChildren > * {vertical-align: top;}
.vAlignM, .vAlignM.alignChildren > * {vertical-align: middle;}
.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100;}
.icon-video, .icon-link {background: url('../images/icons/icon-play.png') no-repeat 0 0; width: 59px; height: 57px; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.icon-link {background-image: url('../images/icons/icon-link.png');}
.icon-remove {width: 25px; height: 25px; background: url('../images/icon-remove.png') no-repeat center center; display: inline-block; vertical-align: top; text-indent: -9999px;}
.icon-remove:hover {opacity: 0.5; filter: alpha(opacity=50);}
.icon-percent {background-color: rgba(237,28,36,0.7); width: 88px; line-height: 88px; height: 88px; font-size: 55px; color: #fff; text-align: center; font-weight: 500; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.icon-help {width: 14px; height: 14px; background: url('../images/icon-help.gif') no-repeat 0 0; display: inline-block; vertical-align: middle;}
.overlay-full {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
	background-color: rgba(0,0,0,0.6);
}
.icon-1 {background: url('../images/icon-1.png') no-repeat 0 0; width: 49px; height: 41px;}
.icon-2 {background: url('../images/icon-2.png') no-repeat 0 0; width: 49px; height: 51px;}
.icon-3 {background: url('../images/icon-3.png') no-repeat 0 0; width: 40px; height: 53px;}
.icon-4 {background: url('../images/icon-4.png') no-repeat 0 0; width: 50px; height: 50px;}
.icon-5 {background: url('../images/icon-5.png') no-repeat 0 0; width: 51px; height: 49px;}
.icon-home {height: 22px; width: 173px; background: url('../images/icon-home.png') no-repeat 0 0;}
.colorGrey {color: #a8a9ad;}
.colorRed {color: #d2232a;}

/* ====================== CUSTOM-BUTTONS ===================== */
.btn-group .btn-custom {margin: 0 5px 5px 0;}

/* ====================== FORM ELEMENTS ====================== */
input[type="text"], input[type="number"], input[type="submit"], input[type="button"], input[type="reset"], textarea{-webkit-appearance: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font: 300 13px 'Open sans', sans-serif; border: 1px solid #d7d7d7;}
input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* Base for label styling */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {display: none;}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {position: relative; padding: 0 0 0 30px; cursor: pointer;}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #d3d3d3; background: #fff; border-radius: 4px;}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {content: '✔'; position: absolute; top: .1em; left: .3em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all .2s;}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after, [type="radio"]:not(:checked) + label:after {opacity: 0; transform: scale(0);} 
[type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after {opacity: 1; transform: scale(1);}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before, [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}

[type="checkbox"]:disabled:checked + label:after, [type="radio"]:disabled:checked + label:after {color: #999;}

[type="checkbox"]:disabled + label, [type="radio"]:disabled + label {color: #aaa;}

/* Form elements */
.form-container2 {max-width: 600px; font: 400 14px 'Open sans', sans-serif; padding-top: 15px; margin-bottom: 20px;}
.form-name {margin: 0 0 25px 0;}
.element-name  {margin: 0 0 5px 3px;}
.form-container2 .legend {font-size: 13px; color: #808285; margin-left: 3px; padding: 4px 0;}
.element-content {margin: 0 0 17px;}
.required {color:#f10909; font-size:13px; font-weight: 600; vertical-align: top;}

.element-content ul {margin: 0; padding: 0;}
.element-content li {margin: 0 0 8px 0; padding: 1px;}
input[type="checkbox"], input[type="radio"] {position: relative; top: 2px;}
.choice-name {font-size: 13px;}
.form-container2 .buttons {margin-top: 30px;}
.form-container2 .buttons input:first-child {margin-right: 10px;}
.form-container2 .captcha {margin-top: 10px;}
.form-container2 .big {font-size: 16px; font-weight: bold;}
.form-container2.text-field .calendar {padding: 3px; font-size: 12px;}

.form-container2 input[type="text"], .form-container2 input[type="email"], .form-container2 textarea {
	background: #fbfbfb;
    border: 1px solid #bcb7b6;
    font: 300 14px "Ubuntu",sans-serif;
	color: #000;
    height: 36px;
    line-height: 36px;
    padding: 0 7px;
    text-indent: 0;
    width: 100%;
}

.captcha input[type="text"] {padding: 0 9px;}
.form-container2 textarea {height: 135px; line-height: 20px; padding: 6px 7px;}

.form-container2 input[type="submit"], .form-container2 input[type="reset"], .form-container2 input[type="button"], .form-container2 button {
    background: #d2232a;
    color: #fff;
    cursor: pointer;
    font: 400 14px "Ubuntu",sans-serif;
    height: 43px;
    line-height: 40px;
	padding: 0 13px;
	text-transform: uppercase;
	border-radius: 3px;
}

.form-container2 input[type="submit"]:hover, .form-container2 input[type="button"]:hover, .form-container2 button:hover  {background: #e2333a;}


.form-container2 input[type="text"]:focus, .form-container2 input[type="submit"]:focus, .form-container2 select:focus{outline: none;}
.form-container2 input[type="checkbox"], .form-container2 input[type="radio"] {margin: 0 5px 0 0; height: 13px; width: 13px;}
/*.form-container2 .element-content li input[type="checkbox"], .form-container2 .element-content li input[type="radio"] {
    bottom: 0;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
}
.form-container2 .element-content li {
    padding-left: 20px;
    position: relative;
}*/

select {
	line-height: 1;
    display: block;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 11px 1.75rem 11px 7px;
	padding-right: .75rem\9;
    vertical-align: middle;
    background-image: none\9;
    -webkit-background-size: 9px 5px;
    color: #000;
    border: 1px solid #bcb7b6;
    background: #fff url('../images/arrow-select.gif') no-repeat right .75rem center;
    background-size: 9px 5px;
}
select:focus, .logo-slider .slick-arrow:focus {outline: none;}

/*
.ui-selectmenu-button {display: block; border: 1px solid #bcb7b6; padding: 5px 0; position: relative; background-color: #fbfbfb;}
.form-container2 .ui-selectmenu-button {padding: 8px 0;}
.ui-selectmenu-button:hover {border-color: #bcb7b6;}
.ui-selectmenu-button .ui-icon {background: url('../images/arrow-select.gif') no-repeat 0 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 11px; width: 9px; height: 5px;}
.ui-selectmenu-button .ui-selectmenu-text {padding: 0 45px 0 7px; font: 300 13px "Roboto",sans-serif;}
*/
/* tooltip */
.has-tp {cursor: pointer;}
.ui-tooltip {
	padding: 0;
	font: italic 13px Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	background-color: #ed1c24;
	height: 32px;
	line-height: 32px;
	padding: 0 14px;
	color: #fff;
	border-radius: 4px;
	box-shadow: none;
	-webkit-box-shadow: none;
	opacity: 1;
}
/* ui-dialog */
.ui-dialog {background-color: #fff; border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);}
.modal-inner {padding: 20px;}
.ui-dialog-titlebar {height: 0;}
.ui-dialog-titlebar-close {position: absolute; top: -14px; right: -14px; height: 28px; width: 28px; background: url('../images/icon-close-overlay.png') no-repeat 0 0; border: none; text-indent: -9999px; cursor: pointer;}
/* =========================== Layout styles =================== */
/* ============================================================= */
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {background-color: #e4e3e3; color: #000; font: 400 14px/1.6 'Open sans', sans-serif; overflow-x: hidden; padding-bottom: 30px;}
.centered-wrap {max-width: 1196px; width: 100%; margin: 0 auto;}


#header {background-color: #fff;}
#header-inner {background: url('../images/bg-header.gif') no-repeat center top; position: relative; padding: 17px 32px;}
/*
#lang {height: 13px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto 0;}
#lang li {position: relative; float: left; margin-right: 15px; padding-right: 10px;}
#lang li:after {content: ''; background-color: #858587; width: 1px; height: 12px; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto 0;}
#lang li:last-child {margin-right: 0; padding-right: 0;}
#lang li:first-child:after {display: none;}
#lang li:last-child:after {display: none;}
#lang a {color: #58595b; font: 400 13px/1 'Ubuntu', sans-serif; display: block;}*/
#lang {height: 13px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto 0;}
#lang li {position: relative; float: left; margin-left: 13px; padding-left: 10px;}
#lang li:before {content: ''; background-color: #858587; width: 1px; height: 12px; position: absolute; right: 100%; top: 0; bottom: 0; margin: auto 0;}
#lang li:first-child:before, #lang li:nth-last-child(2):before {display: none;}
#lang a {color: #58595b; font: 400 13px/1 'Ubuntu', sans-serif; display: block;}

/*
.header-search {position: absolute; height: 32px; right: 380px; top: 0; bottom: 0; margin: auto 0;}
.search-wrap {float: left;}
.search input {display: block; border: none; height: 32px; line-height: 32px; color: #68696b;}
.search .field {border: 1px solid #dcddde; background: #fff; border-radius: 3px; width: 163px; font: 300 13px/32px 'Open sans', sans-serif; padding: 0 7px;}
.search .btn {background: url('../images/icon-search.png') no-repeat center center; width: 32px; margin-left: 7px;}
.search .field:focus {box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.06); outline: none;}
.search .field::-webkit-input-placeholder {color: #68696b;}
.search .field::-moz-placeholder {color: #68696b; opacity: 1;}
.search .field:-ms-input-placeholder {color: #68696b;}
.search .field:-moz-placeholder {color: #68696b;}*/

.header-search {position: absolute; height: 32px; right: 330px; top: 0; bottom: 0; margin: auto 0;}
.search-wrap {float: left;}
.search input {display: block; border: none; height: 32px; line-height: 32px; color: #68696b;}
.search .field {border: 1px solid #dcddde; background: #fff; border-radius: 3px; width: 163px; font: 300 13px/32px 'Open sans', sans-serif; padding: 0 7px;}
.search .btn {background: url('../images/icon-search.png') no-repeat center center; width: 32px; margin-left: 7px;}
.search .field:focus {box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.06); outline: none;}
.search .field::-webkit-input-placeholder {color: #68696b;}
.search .field::-moz-placeholder {color: #68696b; opacity: 1;}
.search .field:-ms-input-placeholder {color: #68696b;}
.search .field:-moz-placeholder {color: #68696b;}

.menu-ribbon {background-color: #d2232a;}
.menu-ribbon {position: relative; bottom: -1px; z-index: 2000;} /* strange MS edge graphic fix */
.main-menu {padding: 0 17px;}
.main-menu > ul > li {float: left; position: relative; border-right: 1px solid #e0656a;}
.main-menu > ul > li:last-child {border-right: none;}
.main-menu > ul > li > a {padding: 17px 15px; letter-spacing: 0.5px;}
.main-menu > ul > .active > a, .main-menu > ul > li:hover > a {/*background-color: #e0656a;*/}
.main-menu > ul > .active:after, .main-menu > ul > li:hover:after {content: ''; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 7px 6.5px 0 6.5px; border-color: #d22328 transparent transparent transparent; z-index: 101;}
.main-menu  a {display: block; color: #fff; font: 500 14px/1.2 'Ubuntu', sans-serif;}

.main-menu li ul {display: none; position: absolute; top: 100%; left: 0; width: 272px; padding: 20px 15px 10px 15px; z-index: 2000; background-color: #d2232a; border-top: 1px solid #e0656a;}
.main-menu ul ul li {margin-bottom: 10px;}
.main-menu ul ul .active a, .main-menu ul ul li:hover a {text-decoration: underline;}
@media screen and (min-width: 1161px){.main-menu > ul {display: block !Important;} .main-menu > ul > li:hover > ul {display: block;} .sticky-menu .main-menu {margin-left: 130px;}}

.menu-wrap .icon-home {display: none; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto 0;}
.sticky-menu .icon-home {display: block;}
.sticky-menu {min-height: 51px;}
.sticky-menu .menu-ribbon {background-color: #d2232a; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); display: block; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 3000; bottom: auto;}
.sticky-menu .centered-wrap {max-width: none; width: auto; padding-left: 60px;}

.toggle-menu {
    background: #d2232a url("../images/toggle-menu.png") no-repeat center center;
    cursor: pointer;
    display: none;
    height: 32px;
    width: 41px;
	border-radius: 2px;
}

/*.test-wrap {padding-top: 15px;}
.test-ribbon {background-color: #585858;}

.test1 {padding: 0 17px;}
.test3 {float: left; position: relative; border-right: 1px solid #777;}
.test4 {padding: 17px 15px; letter-spacing: 0.5px; display: block; color: #fff; font: 500 14px/1.2 'Ubuntu', sans-serif;}
.test5 {display: none; position: absolute; top: 100%; left: 0; width: 272px; padding: 20px 15px 10px 15px; z-index: 2000; background-color: #777; border-top: 1px solid #9c9c9c;}
.test6 {margin-bottom: 10px;}
.test7 {display: block; color: #fff; font: 500 14px/1.2 'Ubuntu', sans-serif;}
.test3:hover .test5 {display: block;}*/
/*
.main-menu {background-color: #e43f45;}
.main-menu > ul > li {background-color: #4c0003; border-right: 1px solid #900c12;}
.main-menu > ul > li > a {background-color: #c1292f;}*/

.submenu {margin-bottom: 34px;}
.submenu li {margin-bottom: 8px;}
.submenu li a {font: 500 14px/1.2 'Ubuntu', sans-serif; display: block; background-color: #e4e3e3; border-radius: 3px; position: relative; padding: 13px;}
.submenu .active a:after, .submenu li a:hover:after {content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 6.5px 0 6.5px 7px; border-color: transparent transparent transparent #e4e3e3;}

.breadcrumbs {margin-bottom: 17px;}
.breadcrumbs li {position: relative; margin: 0 12px 12px 0; padding-right: 15px; float: left;}
.breadcrumbs li:after {content: ''; position: absolute; top: 5px; right: 0; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 4px; border-color: transparent transparent transparent #f04f33;}
.breadcrumbs li:last-child:after {display: none;}
.breadcrumbs a {display: block; color: #939598; font-size: 12px; text-decoration: underline; line-height: 1.2;}
.breadcrumbs .active a, .breadcrumbs li:hover a {text-decoration: none;}

.single-cat {margin-bottom: 30px;}
.cats {padding: 0 7%;}
.cats .wrap {text-align: center; font-size: 0;}
.cats .item {display: inline-block; vertical-align: top; width: 20%; padding: 0 10px;}
.cat-item {background-color: #fff; width: 156px; height: 156px; border: 1px solid #d42f36; border-radius: 50%; text-align: center; font: 500 16px/1.2 'Ubuntu', sans-serif; margin: 0 auto; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.07);}
.cat-item .icon {display: block; margin: 0 auto 12px auto;}
.cat-item:hover {border-width: 6px;}

.pd-l {padding-left: 32px;}
.pd-r {padding-right: 32px;}
.rounded-box {border: 1px solid #d1d3d4; display: block; border-radius: 5px; padding: 0px;}
.rounded-box img {margin: 0 auto; border-radius: 6px;}
a.rounded-box:hover {border-color: #e1e3e4;}

.banner, .footer-img {background-repeat: no-repeat; background-position: -9999px -9999px; background-size: cover;}

.content-wrap {background-color: #fff;}
.content {padding-top: 58px; padding-bottom: 30px;}
.fp-content {padding-top: 74px; /*padding-bottom: 30px;*/ background: #fff; background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 35px, #ffffff 100%); background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 35px, #ffffff 100%); background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 35px, #ffffff 100%);}
.title-standout {position: relative; text-align: center; margin-bottom: 30px;}
.title-standout:after {position: absolute; height: 1px; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #e7e8e9; content: '';}
.title-standout .title {margin-bottom: 0; font-size: 25px; font-weight: 700; background-color: #fff; padding: 0 25px; position: relative; z-index: 1; display: inline-block; vertical-align: top;}
.fp-intro {margin-bottom: 53px;}
.fp-intro-content {padding: 28px 40px 0 44px;}
.fp-intro-title {font-size: 16px; line-height: 1.4; margin-bottom: 0; font-style: italic;}
.fp-intro .wrap {margin-left: -50px;}
.fp-intro .cell {width: 50%; float: left; padding-left: 50px; box-sizing: border-box;}
.fp-intro .cell2 {padding-right: 50px;}
@media screen and (min-width: 1101px){
	.fp-intro .cell1 {width: 55%;}
	.fp-intro .cell2 {width: 45%;}
}
.news-card {display: block;}
.news-card .title {font-weight: 600;}
.news-card .desc {font-size: 13px;}
.news-slider .slick-arrow {-webkit-appearance: none; background: none; border: none; outline: none; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 111px; width: 21px; text-indent: -9999px; display: block; cursor: pointer;}
.news-slider .slick-prev {background: url('../images/arrow-left2.gif') no-repeat 0 0; right: 100%;}
.news-slider .slick-next {background: url('../images/arrow-right2.gif') no-repeat 0 0; left: 100%; margin-left: -2px;}
.news-slider .news-card {padding: 0 25px; overflow: hidden;}
.intro {font-size: 15px;}
.section-title {font-size: 25px; margin-bottom: 21px;}

.content-left {float: left; width: 17%;}
.content-right {float: left; width: 83%; padding: 0 7% 0 10%;}
.scroller-wrap {overflow-x: hidden;}

.brand {text-align: right;}
.brand a {position: relative; top: -27px;}

.title-box {margin-bottom: 40px; padding-bottom: 15px; position: relative; text-align: center;}
.title-box:after {position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; height: 1px; width: 236px; background-color: #d1d3d4; content: '';}
.title-box .title {margin-bottom: 0; font: 700 18px/1.2 'Open sans', sans-serif;}

.item-list {margin-bottom: 18px;}
.item-list .wrap {margin-left: -20px; display: flex; flex-wrap: wrap;}
.item-list .item {float: left; padding-left: 20px; margin-bottom: 20px;}

.item-list-3 .item {width: 33.33333333333333%;}
.item-list-4 .item {width: 25%;}

.staff-list {margin-bottom: 18px;}
.staff-list .wrap {font-size: 0;}
.staff-list .item {text-align: center; margin-bottom: 45px; font-size: 14px; display: inline-block; vertical-align: top;}
.staff-list .thumb {margin-bottom: 12px;}
.staff-list .thumb img {border-radius: 50%;}
.staff-list .title {font: 700 18px/1 'Ubuntu', sans-serif; margin-bottom: 2px;}
.staff-list .occupation {font: 700 14px 'Open sans', sans-serif; margin-bottom: 0;}
.staff-list p {line-height: 1.3;}

.staff-list-3 .wrap {margin-left: -16.35883905013193%;}
.staff-list-3 .item {width: 19.27437641723356%; margin-left: 14.05895691609977%;}
.staff-list-2 {margin-bottom: 0;}
.staff-list-2 .wrap {margin-left: -16.26016260162602%; /*padding-top: 12px;*/}
.staff-list-2 .item {width: 35.83916083916084%; margin-left: 13.98601398601399%; margin-bottom: 0; margin-top: 36px;}
.staff-list-2 .main-title, .contact-list .main-title {font: 700 16px/1.3 'Open sans', sans-serif; /*margin-bottom: 22px;*/margin-bottom: 0;}
.contact-list .main-title {margin-bottom: 22px;}

.staff-list.staff-list-after-content {margin-bottom: 0;}
.staff-list.staff-list-after-content .main-title {margin-bottom: 0;}
.staff-list.staff-list-after-content .wrap {padding-top: 0;}
.staff-list.staff-list-after-content .item {margin-bottom: 0; margin-top: 36px;}

.pr-details-l {float: left; width: 69.3%; padding-right: 34px;}
.pr-details-r {float: right; width: 30.7%;}
.article.pr-description {margin-bottom: 45px;}
.pr-photos {margin-bottom: 26px;}
.pr-photos .item {margin-bottom: 11px;}

.brand-details-l {float: left; width: 37.5%; padding-right: 51px;}
.brand-details-r {float: right; width: 62.5%;}

#swipebox-slider .slide img {padding: 15px !important; background-color: #fff;}

.maker-link a {color: #f05033;}
.single-brand-box {padding: 30px 16px; margin-bottom: 17px;}
.contact-list {padding-top: 40px;}
.contact-list .item {margin-bottom: 25px;}
.contact-list .name {font-weight: 700; font-size: 18px; margin-bottom: 0;}
.contact-list .description p {margin-bottom: 0; line-height: 1.5;}
.contact-list .description i {font-style: italic; font-weight: 600;}
@media screen and (min-width: 969px) {.single-brand-box {max-width: 240px;}}

/*
.logo-slider {padding: 25px 30px; margin-bottom: 20px;}
.logo-slider .item-inner {display: block; position: relative;}
.slick-init .logo-slider .item-inner {top: 50%; float: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.logo-slider .item-content {padding: 0 20px;}
.logo-slider .item .dsp-tc {padding-left: 15px; padding-right: 15px;}
.logo-slider .slick-arrow {position: absolute; top: 0; bottom: 0; margin: auto 0; height: 25px; width: 13px; text-indent: -9999px; border: none; cursor: pointer;}
.logo-slider .slick-prev {background: url('../images/arrow-left.gif') no-repeat 0 0; left: 0;}
.logo-slider .slick-next {background: url('../images/arrow-right.gif') no-repeat 0 0; right: 0;}
*/
.logos-slider {padding: 0 45px 0 55px; /*margin: 17px 0 14px 0;*/ position: relative;}
.logos-slider a {margin: 0 10px; display: inline-block; vertical-align: middle;}
.logos-slider img {border-radius: 5px; border: 1px solid #d1d3d4; height: 144px;}
.logos-slider .next, .logos-slider .prev {position: absolute; top: 50%; margin: -16px 0 0 0; width: 20px; height: 32px; z-index: 1;}
.logos-slider .prev {left: 10px; background: url('../images/controls.png') no-repeat -20px 0;}
.logos-slider .next {background: url('../images/controls.png') no-repeat -60px 0; right: 10px;}
.logos-slider .prev:hover {background-position: 0 0;}
.logos-slider .next:hover {background-position: -40px 0;}
		
.footer-img {margin-bottom: 50px;}
.footer {border-top: 1px solid #e7e8e9; padding-top: 35px; padding-bottom: 38px; color: #414042; font: 300 14px/1.2 'Ubuntu', sans-serif;}
.footer-contact .b {font-weight: 700;}
.footer-contact {margin-left: -30px;}
.footer-contact li {width: 50%; float: left; padding: 0 0 0 30px; text-align: center;}

span.b {font-weight: 700;}
.footer > ul {margin-left: -30px;}
.footer > ul li {width: 50%; float: left; padding: 0 0 0 30px; text-align: center;}
.footer p a:hover {text-decoration: none;}

.gallery .thumb:hover img, .search .btn:hover, .logo-slider .item:hover img, .staff-list img:hover, a.rounded-box:hover img, .main-menu .icon-home:hover {filter: alpha(opacity=80); opacity: 0.8;}
.footer-contact a, .article-list2 .title:hover, .article-list2 ul ul a:hover, .staff-list p a:hover, .contact-list .description a:hover, .maker-link a:hover, .footer p a {text-decoration: underline;}
@media screen and (min-width: 1025px){.footer-contact a[href^="tel"] {text-decoration: none;} .footer-contact a[href^="tel"]:hover {color: #000 !important;}}

.scrolltop {opacity: 0; background-color: #d2232a; position: fixed; bottom: 0; right: 0; height: 60px; width: 60px; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
.scrolltop:after {position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent;}
.sticky .scrolltop {opacity: 1;}

.cookie-consent {background-color: #fff; color: #000; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 0; z-index: 3010; font-size: 14px; text-align: center; box-shadow: 0 -3px 7px 0px rgba(0,0,0,0.1);}
.cookie-consent-inner {max-width: 1200px; margin-left: auto; margin-right: auto; position: relative;}
.cookie-consent-dismiss {width: 25px; height: 25px; background: #d2232a url('../images/icons/icon-close9x9.png') center center no-repeat; color: #fff; border-radius: 50%; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; text-indent: -9999px}
.cookie-consent-dismiss:hover {background-color: #e6262d;}
.cookie-consent p {margin: 0 0 10px 0 !Important;}
.cookie-consent p:last-child {margin-bottom: 0 !Important;}
.cookie-consent .c-link {margin-left: 10px; text-decoration: underline !Important; color: #000 !Important;}
.cookie-consent .c-link:hover {text-decoration: none !Important;}
.cookie-consent .colorStandout {color: #d2232a !Important;}
/* ======================= article styles ====================== */
/* ============================================================= */
.media-box{margin: 0 0 22px 0;}
.media-box iframe{width: 100%;}
.article{margin: 0 0 30px 0;}
.article b {font-weight: 700;}
.article i {font-weight: 400;}

.article ul{padding-left: 4px;}
.article li{margin-bottom: 7px !important; margin-top: 7px !important; position: relative;}

.article ul li{padding: 0 0 0 26px; margin: 0;}
.article ul li:before {content: ''; position: absolute; left: 0; top: 4px; height: 15px; width: 15px; background: #d2232a url('../images/icons/article-list-style.png') no-repeat center center; border-radius: 50%;}
.article ul ol li{background: none; padding: 0;}
.article ol ul li{padding: 0 0 0 20px;}

.article ol{padding: 0 0 0 22px;}
.article ol ol{padding: 0 0 0 20px;}
.article ol li{padding: 0; margin: 0;}
.article > ul, .article > ol {margin-bottom: 15px;}

.article table{border-collapse: collapse; margin: 2em 0; width: 100% !important;}
.article table, .article td, .article th{border: 1px solid #bcb7b6;}
.article td, .article th{padding: 8px 10px;}
.article th{text-align: left; color: #000; background-color: #ddd; font-weight: 400;}
.article table.noborder, .article table.noborder td, .article table.noborder th{border: none;}

pre {background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 5px; padding: 5px 10px; margin-bottom: 15px;}
blockquote {position: relative; margin: 0 0 27px 85px; padding: 22px 45px; border: 1px solid #d1d3d4; border-radius: 5px; font-style: italic;}
blockquote:before {position: absolute; top: 8px; left: -72px; content: ''; background: url('../images/icons/icon-quotes.png') no-repeat 0 0; width: 55px; height: 41px;}
blockquote p:last-child {margin-bottom: 0;}
.article blockquote {}

.article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
.article table p{margin: 0;}
.article p{margin: 0 0 20px 0;}
.article a, #lang a:hover, .submenu .active a, .submenu li a:hover, .link-color, .links-list a, .footer-contact a:hover, #contentarea a {color: #c51017;}
.article a {text-decoration: underline;}
.article a:hover {text-decoration: none;}
#contentarea a:hover{text-decoration: underline;}
.article .main-img {width: 40%;}
img.floatLeft, .article .img-left {float: left; margin: 0 30px 30px 0; text-align: left;}
img.floatRight, .article .img-right {float: right; margin: 0 0 30px 30px; text-align: right;}

.a-columns {margin: 0 0 15px; padding: 14px 0 0 0;}
.article .a-columns .title, .article .a-columns .sub-title{margin: 0 0 10px 0;}
.article .a-columns .sub-title {margin: 0 0 22px 0;}
.a-columns .col {
	float: left;
	width: 50%;
}
.a-columns .col1 .inner {padding-right: 5%;}
.a-columns .col2 .inner {padding-left: 5%;}
.a-columns .col .box {margin: 0 0 40px 0;}

/* gallery */
.gallery{padding: 20px 0;}
.gallery ul{font-size: 0; margin-left: -18px;}
.gallery li{display: inline-block; vertical-align: top; padding: 0 0 18px 18px; width: 25%;}
.gallery img{display: block; margin: 0 auto;}
.gallery .thumb {display: block;}
.gallery .title{display: block; padding: 10px 8px 0 8px; font-size: 13px; font-weight: 300; line-height: 125%; text-align: center;}

/* links-list */
.links-list {margin-bottom: 30px;}
.links-list li {margin-bottom: 4px; position: relative; padding-left: 28px;}
.links-list li:before {background: url('../images/icons/links-list-style.png') no-repeat 0 0; content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 14px;}

/* accordion */
.accordion-default{margin: 0 0 10px 0;}
.accordion-default .title{margin: -1px 0 0 0; color: #272626; font-weight: 400; border: 1px solid #bcb7b6; cursor: pointer; position: relative;}
.accordion-default .ui-icon{background: url("../images/arrows-9x5.gif") no-repeat 0 0; width: 9px; height: 5px; position: absolute; top: 14px; right: 15px;}
.accordion-default .ui-state-active .ui-icon{background-position: 0 -5px;}
.accordion-default .title .inner{display: block; padding: 10px 35px 8px 10px;}
.accordion-default .ui-state-active{background-color: #ddd;}
.accordion-default .content{padding:10px; border: 1px solid #bcb7b6; border-top: none;}
.article .accordion-default p {margin: 0 0 10px 0;}

/* article-list */
.article-list{margin: 0 0 10px 0;}
.article-list .title{margin: 7px 0 0 0; padding: 15px 48px 13px 48px; color: inherit; border: 1px solid #d1d3d4; cursor: pointer; position: relative; font-size: 16px; font-weight: 600; background-color: #fff; border-radius: 5px;}
.article-list .ui-accordion-header-active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.article-list .title:before {content: ''; position: absolute; left: 15px; top: 17px; height: 15px; width: 15px; background: #d2232a url('../images/icons/article-list-style.png') no-repeat center center; border-radius: 50%;}
.article-list .ui-icon{display: none;}
.article-list-date {font-style: italic; display: block; margin-bottom: 6px;}
.article-list .title .inner{display: block;}
.article-list .content{padding: 2px 48px 10px 48px; border: 1px solid #d1d3d4; border-top: none; top: -1px; position: relative; z-index: 1; background-color: #fff; border-radius: 0 0 5px 5px;}
.article .article-list p {margin: 0 0 10px 0;}

/* article-list */
.article-list2 {padding: 10px 0 0 0; color: #414042;}
.article-list2 > ul > li{padding: 0 0 24px 0; margin-bottom: 27px; /*border-bottom: 1px solid #efefef;*/}
.article-list2 .title{font: 700 16px 'Ubuntu', sans-serif; color: #000; margin-bottom: 12px;}
.article-list2 .item-inner {display: block;}
.article-list2 .cell-thumb {width: 20%; padding-right: 20px;}
.article-list2 .cell-thumb img {display: block;}
.article-list2 .cell-content {width: 80%;}
.article-list2 ul ul li {position: relative; padding: 0 0 0 17px; margin-bottom: 0;}
.article-list2 ul ul li:before {width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 5px; border-color: transparent transparent transparent #000; position: absolute; top: 7px; left: 0; content: '';}

.article-cols > ul {margin-left: -30px;} 
.article-cols > ul > li{padding-left: 30px; width: 49.5%; display: inline-block; vertical-align: top;} 
.article-list2 p{font-weight: 300; margin: 0 0 10px 0; line-height: 150%;}
.article-list2 .thumb, .article-list2 .text {float: left; width: 15%;}
.article-list2 .thumb-inner {padding-right: 16%;}
.article-list2 .text {width: 85%; padding: 17px 0 0 0;}
.article-list2 .text a {text-decoration: underline;}
.article-list2 .text a:hover {text-decoration: none;}

/* files-list */
.files-list{padding: 5px 0; margin: 0 0 12px 0;}
.files-list li {margin: 0 0 12px 0;}
.files-list li a {display: inline-block; line-height: 14px;}
.files-list li .icon {display: inline-block; vertical-align: baseline; margin-right: 7px; width: 29px; height: 35px; text-align: center; font: 600 9px/35px 'Open sans', sans-serif; border: 2px solid #d2232a; color: #d2232a;}
.files-list li a:hover{text-decoration: underline;}

.error,
.success,
.msg-success,
.msg-fail{color: #fff; text-align: center; margin: 10px 0; padding: 9px 10px; background-color: #53ac3b; font-weight: 400; display: block;}
.msg-fail, .error{background-color: #bf1e2e;}

/* ============== media queries (pixel ration) ================= */
/* ============================================================= */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){	
	.icon-home {background-size: 173px 22px; background-image: url('../images/icon-home@2x.png');}
	
	.icon-play {background-image: url('../images/icons/icon-play@2x.png'); background-size: 59px 56px;}
	.icon-link {background-image: url('../images/icons/icon-link@2x.png'); background-size: 59px 57px;}
	
	.article ul li:before {background-image: url('../images/icons/article-list-style@2x.png'); background-size: 11px 11px;}
	.links-list li:before {background-image: url('../images/icons/links-list-style@2x.png'); background-size: 12px 14px;}
		
	blockquote:before {background-image: url('../images/icons/icon-quotes@2x.png'); background-size: 55px 41px;}
	
	.icon-1 {background-image: url('../images/icon-1@2x.png'); background-size: 49px 41px;}
	.icon-2 {background-image: url('../images/icon-2@2x.png'); background-size: 49px 51px;}
	.icon-3 {background-image: url('../images/icon-3@2x.png'); background-size: 40px 53px;}
	.icon-4 {background-image: url('../images/icon-4@2x.png'); background-size: 50px 50px;}
	.icon-5 {background-image: url('../images/icon-5@2x.png'); background-size: 51px 49px;}
	
	.logo-slider .slick-prev {background-image: url('../images/arrow-left@2x.gif'); background-size: 13px 25px;}
	.logo-slider .slick-next {background-image: url('../images/arrow-right@2x.gif'); background-size: 13px 25px;}
}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1240px) {
	.cookie-consent, .cookie-consent-inner {padding-left: 20px; padding-right: 20px;}
	.cookie-consent p {padding-right: 0;}
	.cookie-consent p br {display: none;}
	.cookie-consent-inner {width: auto; max-width: none;}
	.cookie-consent-inner {padding-right: 45px}
}
@media screen and (max-width: 1280px){	
	h1, .page-title {font-size: 32px;}
	.page-title {margin-bottom: 26px;}
	h2 {font-size: 30px;}
	h3, .form-name {font-size: 26px;}
	h4 {font-size: 24px;}
	h5 {font-size: 22px;}
	h6 {font-size: 20px;}
}
@media screen and (max-width: 1235px){	
	.centered-wrap {max-width: none; width: auto; padding-left: 20px; padding-right: 20px;}
	.menu-wrap .icon-home {left: 20px;}
}

@media screen and (max-width: 1160px){	
	#header {border-bottom: 4px solid #d2232a;}
	#lang {right: 130px;}
	.header-search {right: 463px;}

	.menu-wrap .icon-home {background-size: 100% auto; width: 151px; height: 19px;}

	.menu-ribbon {background-color: transparent;}
	.menu-wrap {
		position: absolute;
		right: 60px;
		top: 41px;
	}
	.menu-wrap .centered-wrap {padding: 0;}
	.main-menu {padding: 0;}
	.main-menu > ul {
		background-color: #d2232a;
		display: none;
		position: absolute;
		right: 0;
		width: 350px;
		z-index: 2000;
	}
	.menu-wrap .main-menu > ul {top: 100%; top: calc(100% + 1px);}

	.main-menu > ul > li {float: none; border-right: none; border-top: 1px solid #e0656a;}
	.main-menu > ul > .active, .main-menu > ul > li:hover {background-color: #e0656a;}
	.main-menu > ul > .active:after, .main-menu > ul > li:hover:after {display: none;}
	.main-menu li ul {position: static; width: auto; background-color: #e0656a; border-top: none; padding: 10px 15px 8px;}
	.toggle-menu {display: block;}

	.sticky-menu .main-menu {padding: 3px 0; float: right; margin-right: 22px; position: relative;}
	.sticky-menu .main-menu > ul {top: 100%;}

	.content-right {padding: 0 20px 0 52px}
}
@media screen and (max-width: 1100px){
	.fp-intro-content {padding: 20px 0px 0 25px;}
	.fp-intro .cell2 {padding-right: 30px;}
	.news-slider .news-card {padding: 0 18px;}
}
@media screen and (max-width: 1024px){
	.cats {padding: 0 10px;}
	.fp-content {padding-top: 64px;}
	.fp-intro {margin-bottom: 50px;}		
	.cat-item {
		font-size: 15px;
		height: 136px;
		width: 136px;
	}
	.cat-item .icon {background-size: 100% 100%;}
	.icon-1 {width: 40px; height: 33px;}
	.icon-2 {width: 40px; height: 42px;}
	.icon-3 {width: 32px; height: 43px;}
	.icon-4 {width: 40px; height: 40px;}
	.icon-5 {width: 41px; height: 39px;}
		
	.title-standout .title {font-size: 23px;}
		
	.content-left {width: 19%;}
	.content-right {width: 81%;}
	
	.staff-list .title {font-size: 16px;}

	h1, .page-title {font-size: 30px;}
	h2 {font-size: 28px;}
	h3, .form-name {font-size: 24px;}
	h4 {font-size: 22px;}
	h5 {font-size: 20px;}
	h6 {font-size: 18px;}
}
@media screen and (max-width: 920px){
	#lang {bottom: auto; right: 0; top: 17px;}
	#header-inner {padding: 17px 0;}
	.menu-wrap {right: 22px; top: 61px;}
	.main-menu > ul > li > a {padding: 13px 15px;}
	.header-search {bottom: auto; right: 90px; top: 61px;}
	
	.fp-intro-content {padding-left: 0;}
	.fp-intro .cell2 {padding-right: 20px;}

	.item-list-4 .item {width: 33.33333333333333%;}
	
	.contact-list {padding-top: 20px;}
	.contact-list .name {font-size: 16px;}
	.section-title {font-size: 23px;}

	.footer {padding: 25px 0 15px;}
	.footer-contact {margin-left: 0;}
	.footer-contact li {float: none; margin-bottom: 13px; padding: 0; width: auto;}
}
@media screen and (max-width: 820px){
	.fp-content {padding-top: 44px;}
	.fp-intro {margin-bottom: 40px;}
	.title-standout .title {font-size: 21px;}
	
	.cat-item {
		font-size: 14px;
		height: 116px;
		width: 116px;
	}
	
	.content {padding-bottom: 17px; padding-top: 41px;}
	.content-left {width: 22%;}
	.content-right {padding: 0 20px 0 32px; width: 78%;}

	.pd-r {padding-right: 22px;}
	.pd-l {padding-left: 22px;}
	
	.staff-list-2 .main-title, .contact-list .main-title, .article-list2 .title {font-size: 15px;}
}
@media screen and (min-width: 769px){.fullWidth-col {float: none; margin: 0 auto; padding-right: 0; padding-left: 0; width: 90%;}}
@media screen and (max-width: 768px){
	.cat-item:hover {border-width: 4px;}
	
	#lang {right: 22px;}
	#header-inner {padding: 17px 22px;}
	.centered-wrap {padding-left: 0; padding-right: 0;}
	
	.cat-item {
		font-size: 14px;
		height: 106px;
		width: 106px;
	}
	.cat-item .icon {margin-bottom: 4px;}
	.icon-1 {width: 30px; height: 25px;}
	.icon-2 {width: 30px; height: 32px;}
	.icon-3 {width: 22px; height: 30px;}
	.icon-4 {width: 30px; height: 30px;}
	.icon-5 {width: 31px; height: 29px;}
	
	.fp-intro {margin-bottom: 30px;}
	.fp-intro-content {padding-top: 0;}
	.fp-intro .wrap {margin-left: 0;}
	.fp-intro .cell {width: auto; float: none; padding-left: 0; margin-bottom: 30px;}
	.fp-intro .cell:last-child {margin-bottom: 0;}
	.fp-intro .cell2 {padding-left: 20px;}
	
	.content {padding-top: 25px;}
	.content-left, .content-right {float: none; width: auto; padding: 0;}	
	.staff-list-3 {padding: 0 30px;}
	
	.brand-details-l {padding-right: 40px; width: 40%;}
	.brand-details-r {width: 60%;}
	.pr-details-l {padding-right: 30px; width: 68%;}
	.pr-details-r {width: 32%;}
	
	.footer-img {background-position: center top; overflow: hidden; height: 135px;}
	.footer-img img {opacity: 0; visibility: hidden;}
	
	.form-name {margin-bottom: 15px;}
	h1, .page-title {font-size: 28px;}
	h2 {font-size: 26px;}
	h3, .form-name {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	
	.form-container2 input[type="submit"], .form-container2 input[type="reset"], .form-container2 input[type="button"], .form-container2 button {height: 38px; line-height: 38px; font-size: 13px;}
}	
@media screen and (max-width: 680px){
	body, .footer {font-size: 13px;}
	
	.banner {background-position: center top; height: 240px; overflow: hidden;}
	.banner-img {opacity: 0; visibility: hidden;}

	.cats {padding-top: 20px;}
	.cats .item {position: relative; margin-bottom: 20px; padding: 0 20px 20px; width: auto;}
	.cats .cat-item {height: 70px; width: 70px;}
	.cats .cat-item .icon {margin-bottom: 0;}
	.cats .cat-item .text {left: 0; position: absolute; right: 0; top: 76px;}
	.cats .cat-item:hover {border-width: 3px;}
	
	.staff-list .item {margin-bottom: 25px;}
	.staff-list .title {font-size: 15px;}
	.staff-list .item, .staff-list .occupation {font-size: 13px;}
	
	.section-title {font-size: 21px;}
	.intro {font-size: 14px;}

	.staff-list-3 .wrap {margin-left: -15px;}
	.staff-list-3 .item {margin-left: 0; padding-left: 15px; width: 33.3333%;}

	.form-container2 {max-width: none;}
}
@media screen and (max-width: 640px){
	.article-cols > ul {margin-left: 0;}
	.article-cols > ul > li {display: block; padding-left: 0; width: auto;}

	.fp-intro-title {text-align: center;}
	
	.gallery li {width: 33.3333333%;}
}
@media screen and (min-width: 561px){
	.mobile-visible {display: none;}
}
@media screen and (max-width: 560px){
	.logo img {width: 132px;}
	.menu-wrap {top: 47px;}

	.header-search {height: auto; right: 90px; top: 47px; z-index: 2001;}
	.search input {height: 28px;}
	.search .btn {width: 28px; margin-left: 0;}

	.menu-wrap {left: 22px; text-align: right;}
	.main-menu > ul {left: 0; text-align: center; width: auto;}

	.toggle-menu {
		display: inline-block; 
		vertical-align: top;
		background-size: 18px auto;
		height: 28px;
		width: 37px;
	}
	.sticky-menu .icon-home {z-index: 2001;}
	.sticky-menu .main-menu {float: none; margin-left: 22px;}
	
	.news-slider .news-card {padding: 0 10px;}
	
	.brand-details-l, .brand-details-r, .pr-details-l, .pr-details-r {float: none; width: auto; padding: 0;}

	.staff-list-2 .wrap, .staff-list-3 .wrap {margin-left: -16.26016260162602%; padding-top: 12px;}
	.staff-list-2 .item, .staff-list-3 .item {width: 35.83916083916084%; margin-left: 13.98601398601399%; padding-left: 0;}
	
	.desktop-visible, .brand-details-l .maker-link {display: none;}
	
	.scrolltop {width: 45px; height: 45px;}
	.scrolltop:after {border-width: 0 6px 7px 6px; border-color: transparent transparent #fff transparent;}
	
	.contact-list {padding-top: 10px;}
	
	.article-list2 .cell-thumb {width: 30%; padding-right: 15px;}
	.article-list2 .cell-content {width: 70%;}

	.a-columns .col {
		float: none;
		width: auto;
	}
	.a-columns .col .inner {padding: 0;}
	
	.logo-slider {padding-top: 15px; padding-bottom: 15px;}
	
	h1, .page-title {font-size: 26px;}
	h2 {font-size: 24px;}
	h3, .form-name {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}
	
	.article .main-img {float: none; width: auto; margin: 0; margin-bottom: 20px;}
	blockquote {position: relative; margin: 0 0 27px 45px; padding: 17px;}
	blockquote:before {background-size: 100% auto; width: 35px; left: -46px; top: 0;}
}
@media screen and (max-width: 480px){
	.breadcrumbs {display: none;}
	
	.header-search {right: 80px;}

	.gallery li, .item-list-3 .item, .item-list-4 .item {width: 50%;}
}
@media screen and (max-width: 440px){
	.header-search, #lang {display: none;}
	.menu-wrap {top: 32px;}
}
@media screen and (min-width: 361px){
	.staff-list.short-list > .wrap {text-align: center;}
}	
@media screen and (max-width: 360px){	
	.main-menu a {font-size: 13px;}
	.cats .cat-item {
		height: 55px;
		width: 55px;
	}
	.cats .cat-item .text {top: 58px;}
	.title-box {margin-bottom: 20px;}
	
	.staff-list-2 .wrap, .staff-list-3 .wrap {margin-left: 0; padding-top: 12px;}
	.staff-list-2 .item, .staff-list-3 .item {width: auto; margin-left: 0; float: none; display: block;}
	
	.article-list2 .dsp-t, .article-list2 .dsp-tr, .article-list2 .dsp-tc {width: auto; display: block; padding: 0;}
	.article-list2 .cell-thumb {margin-bottom: 20px;}
	.article-list2 .cell-thumb img {margin: 0 auto;}
	
	.article img {
		display: block;
		float: none;
		margin: 0 auto 12px auto;
		width: auto;
	}
}
@media screen and (max-width: 320px){ 
	.form-container2 .captcha input[type="text"] {width: 88px !important;}
	.gallery ul {margin-left: 0;}
	.gallery li {
		display: block;
		margin: 0 auto 16px;
		width: auto;
		padding-left: 0;
	}
}























