@charset "UTF-8";

@import url(reset.css);

@import url(font-awesome.min.css);

@import url(rwdgrid.css);

@import url(textEditor.css);

@import url(contentbuilder.css);

@import url(numberQaptcha.min.css);

#car_list_html .deleteBtn, .classColumnBox, .classColumnBox>ul .linkHasItems .linkItemOpenBtn:before, .closePrivacyBoxBtn, .fixedPrivacyBox, .footerSocialBox, .goTop svg, .headerMemberBox svg, .headerSearchBox input, .headerSearchBox svg, .hoverImgScale .Img img, .hoverImgScaleMask .Img:before, .hoverImgScaleMask .Img img, .languageBox, .languageBox>ul, .languageBox svg, .languageTitle, .loadingLogo, .logo, .logo svg, .mClassLink .linkHasItems .linkItemOpenBtn:after, .mClassLink .main, .menu .submenu, .menu>li>a:before, .menuFocusMask, .menuOpenBtn, .menuOpenBtn:after, .menuOpenBtn:before, .mMenuBox, .moduleCloseBtn:before, .moduleMask, .moreBtn.rightArrow:after, .mSearchBox input, .mSearchBox svg, .mSearchBtn, .pageBox .pageNextBtn svg, .pageBox .pagePrevBtn svg, .pageNumBox .num:before, .pagePrevNextBox svg, .pdcList .deleteBtn, .searchBtn, .slickItemNumberList>li, .slickNextArrowBtn, .slickNextArrowBtn svg, .slickPrevArrowBtn, .slickPrevArrowBtn svg, .slickRectDots button:before, .slickRoundDots button:before, .slickSingleArrowBtn, .tab>ul a:after, .tab>ul a:before, a, button.arrowBtn, button.moreBtn, footer .bottomBox .leftBox, footer .bottomBox .rightBox, header {

	-webkit-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out

}

.fixedPrivacyBox.hide, .footerSocialBox, .languageBox>ul, .loadingLogo, footer .bottomBox .leftBox, footer .bottomBox .rightBox {

	opacity: 0

}

footer .bottomBox .rightBox {

	-webkit-transform: translateX(-20px);

	transform: translateX(-20px)

}

footer .bottomBox .leftBox {

	-webkit-transform: translateX(20px);

	transform: translateX(20px)

}

.fixedPrivacyBox.hide, .footerSocialBox {

	-webkit-transform: translateY(20px);

	transform: translateY(20px)

}

.languageBox:hover>ul, .loadingArea.show .loadingLogo, footer.show .bottomBox .leftBox, footer.show .bottomBox .rightBox, footer.show .footerSocialBox {

	-webkit-transform: translate(0);

	transform: translate(0);

	opacity: 1

}

body {

	color: #7b7b7b;

	font-size: 15px;

	font-family: "Roboto", sans-serif

}

body.menuOpening:not(.searchOpening) .moduleMask {

	z-index: 1000

}

body.menuOpening .fixedSocialBox {

	display: block

}

a {

	color: #7b7b7b;

	cursor: pointer

}

a:hover {

	color: #f3ad1f

}

.loadingArea {

	position: fixed;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	height: 100vh;

	z-index: 99999;

	background-color: #fff;

	-webkit-transition: all 0.8s ease-out;

	transition: all 0.8s ease-out

}

.loadingArea.hide {

	opacity: 0;

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s;

	pointer-events: none

}

.loadingLogo {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

.loadingLogo svg {

	width: 150px;

	height: 72px

}

.titan {

	/*display: none!important*/

}

.outerWrap {

	position: relative;

	overflow: hidden;

	padding-top: 80px

}

@media (max-width:1180px) {

	.outerWrap {

		padding-top: 65px

	}

}

.wrap {

	max-width: 1400px;

	margin-left: auto;

	margin-right: auto

}

@media (max-width:1440px) {

	.wrap {

		padding-left: 20px;

		padding-right: 20px

	}

}

header {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 101;

	width: 100%;

	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

	background-color: #fff

}

header>.wrap {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	max-width: 1600px;

	min-height: 65px

}

@media (max-width:1640px) {

	header>.wrap {

		padding-left: 20px;

		padding-right: 20px

	}

}

.logo {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.logo svg {

	width: 102px;

	height: 49px

}

@media (max-width:1180px) {

	.logo svg {

		width: 92px;

		height: 44px

	}

}

.menuBox {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

@media (max-width:1180px) {

	.menuBox {

		display: none

	}

}

.menu {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

.menu>li.current>a:before, .menu>li:hover>a:before {

	left: 0;

	right: auto;

	width: 100%

}

.menu>li:hover>a {

	color: #f3ad1f

}

.menu>li:hover>.submenu {

	opacity: 1;

	pointer-events: auto

}

.menu>li>a {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 80px;

	padding-left: 25px;

	padding-right: 25px;

	font-size: 18px;

	font-family: "Oswald", sans-serif;

	color: #000;

	text-transform: uppercase;

	font-weight: 500;

}

@media (max-width:1440px) {

	.menu>li>a {

		padding-left: 10px;

		padding-right: 10px

	}

}

.menu>li>a:before {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 1;

	width: 0;

	height: 3px;

	background-color: #f3ad1f

}

.menu>li>.submenu {

	top: 100%;

	left: 0;

	opacity: 0;

	-webkit-transform: translate(0);

	transform: translate(0)

}

.menu li {

	position: relative

}

.menu .submenu {

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 1;

	min-width: 100%;

	background-color: #fff;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	pointer-events: none

}

.menu .submenu>li:hover>a {

	color: #f3ad1f

}

.menu .submenu>li:hover>.submenu {

	pointer-events: auto;

	-webkit-transform: translateX(0);

	transform: translateX(0);

	opacity: 1

}

.menu .submenu>li>.submenu {

	-webkit-transform: translateX(5px);

	transform: translateX(5px);

	opacity: 0

}

.menu .submenu a {

	display: block;

	padding: 15px;

	white-space: nowrap

}

.menu .menuBookingBtn {

	display: none

}

.headerFunctionBox {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-left: auto

}



.headerMemberBox i {

	margin-right: 10px;

}





.headerMemberBox, .headerSearchBox, .languageBox, .mSearchBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 40px;

	color: #6b6b6b;

	font-family: "Oswald", sans-serif;

	border-radius: 20px;

	background-color: #fff;

	/*-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1)*/

}





.headerMemberBox.fb {

	background-color: #355da9;

	color: #fff;

}



.headerMemberBox.line {

	background-color: #06c152;

	color: #fff;

}



.headerMemberBox.fb a , .headerMemberBox.fb a:hover {

	color: #fff;

}



.headerMemberBox.line a , .headerMemberBox.line a:hover {

	color: #fff;

}





.headerMemberBox svg, .headerSearchBox svg, .languageBox svg, .mSearchBox svg {

	fill: #6b6b6b

}

.headerMemberBox, .headerSearchBox, .languageBox {

	width: 140px

}

@media (max-width:1230px) {

	.headerMemberBox, .headerSearchBox, .languageBox {

		width: 40px

	}

}

.headerMemberBox, .languageBox, .menuOpenBtn {

	margin-left: 15px

}

@media (max-width:400px) {

	.headerMemberBox, .languageBox, .menuOpenBtn {

		margin-left: 5px

	}

}

.headerSearchBox, .mSearchBox {

	position: relative

}

.headerSearchBox input, .mSearchBox input {

	width: 100%;

	font-family: "Oswald", sans-serif;

	border: none;

	background-color: transparent

}

.headerSearchBox input::-webkit-search-cancel-button, .headerSearchBox input::-webkit-search-decoration, .headerSearchBox input::-webkit-search-results-button, .headerSearchBox input::-webkit-search-results-decoration, .mSearchBox input::-webkit-search-cancel-button, .mSearchBox input::-webkit-search-decoration, .mSearchBox input::-webkit-search-results-button, .mSearchBox input::-webkit-search-results-decoration {

	-webkit-appearance: none

}

.headerSearchBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media (min-width:1231px) {

	.headerSearchBox {

		padding-left: 20px;

		padding-right: 20px

	}

}

.headerSearchBox.focus input {

	padding-left: 0;

	padding-right: 30px

}

.headerSearchBox.focus .searchBtn {

	left: calc(100% - 50px)

}

.headerSearchBox input {

	padding-left: 30px

}

@media (max-width:1230px) {

	.headerSearchBox input {

		display: none

	}

}

.mSearchBox input {

	padding-left: 20px;

	padding-right: 50px

}

.mSearchBtn, .searchBtn {

	border: none;

	cursor: pointer;

	background-color: transparent

}

.mSearchBtn svg, .searchBtn svg {

	width: 13px;

	height: 13px

}

@media (min-width:1231px) {

	.searchBtn {

		position: absolute;

		top: 50%;

		left: 20px;

		z-index: 1;

		width: 30px;

		height: 30px;

		margin-top: -15px;

		padding: 4px 0 0

	}

}

@media (max-width:1230px) {

	.searchBtn {

		width: 100%;

		height: 100%

	}

}

.mSearchBtn {

	position: absolute;

	top: 50%;

	right: 10px;

	z-index: 1;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	padding: 4px 0 0

}

.headerMemberBox a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}



.headerMemberBox a:hover {

	color: #f3ad1f

}

.headerMemberBox a:hover svg {

	fill: #f3ad1f

}

.headerMemberBox svg {

	width: 15px;

	height: 15px

}

@media (min-width:1231px) {

	.headerMemberBox svg {

		margin-right: 10px

	}

}



@media (max-width:1230px) {

	.headerMemberBox a span {

		display: none;

	}

	.headerMemberBox a i {

		margin-right: 0;

	}

	.headerMemberBox a {

		font-size: 18px;

	}

	.headerMemberBox svg {

	width: 18px;

	height: 18px;

		margin-right: 0px;

	}

	/*.headerMemberBox a {

		width: 100%;

		height: 100%;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		font-size: 0;

	}*/

}



.languageBox {

	position: relative

}

@media (min-width:1231px) {

	.languageBox:hover {

		border-bottom-left-radius: 0;

		border-bottom-right-radius: 0

	}

}

.languageBox:hover .languageTitle {

	color: #f3ad1f

}

.languageBox:hover .languageTitle svg {

	fill: #f3ad1f

}

.languageBox:hover>ul {

	pointer-events: auto

}

.languageBox>ul {

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 1;

	width: 100%;

	min-width: 90px;

	background-color: #fff;

	text-align: center;

	pointer-events: none;

	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

	border-radius: 0 0 20px 20px

}

@media (max-width:1230px) {

	.languageBox>ul {

		display: none

	}

}

.languageBox>ul a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 40px;

	border-top: 1px solid #dadada;

	font-size: 13px;

	text-align: center

}

.languageBox>ul a.current, .languageBox>ul a:hover {

	color: #f3ad1f

}

.languageTitle {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	cursor: pointer

}

@media (min-width:1231px) {

	.languageTitle:after {

		content: "";

		margin-left: 10px;

		font-family: FontAwesome

	}

}

@media (max-width:1230px) {

	.languageTitle {

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		width: 100%;

		height: 100%;

		font-size: 0

	}

}

.languageTitle svg {

	width: 16px;

	height: 18px

}

@media (min-width:1231px) {

	.languageTitle svg {

		margin-right: 12px

	}

}

.menuOpenBtn {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 40px;

	height: 40px;

	border: none;

	outline: none;

	background: #fff -webkit-gradient(linear, left top, right top, from(#3c3c3c), to(#3c3c3c)) 50% 50%/18px 2px no-repeat;

	background: #fff linear-gradient(to right, #3c3c3c, #3c3c3c) 50% 50%/18px 2px no-repeat;

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

	border-radius: 20px;

	cursor: pointer

}

@media (min-width:1181px) {

	.menuOpenBtn {

		display: none

	}

}

.menuOpenBtn:after, .menuOpenBtn:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	width: 18px;

	height: 2px;

	margin-top: -1px;

	background-color: #3c3c3c

}

.menuOpenBtn:before {

	-webkit-transform: translate(-50%, -5px);

	transform: translate(-50%, -5px)

}

.menuOpenBtn:after {

	-webkit-transform: translate(-50%, 5px);

	transform: translate(-50%, 5px)

}

.menuOpenBtn.open {

	background-size: 0 2px;

	background-color: #f3ad1f

}

.menuOpenBtn.open:after, .menuOpenBtn.open:before {

	background-color: #fff

}

.menuOpenBtn.open:before {

	-webkit-transform: translate(-50%, 0) rotate(45deg);

	transform: translate(-50%, 0) rotate(45deg)

}

.menuOpenBtn.open:after {

	-webkit-transform: translate(-50%, 0) rotate(-45deg);

	transform: translate(-50%, 0) rotate(-45deg)

}

.mainArea {

	position: relative;

	padding-top: 12px;

	padding-bottom: 100px;

	overflow: hidden

}

@media (max-width:1180px) {

	.mainArea {

		padding-top: 30px;

		padding-bottom: 50px

	}

}

@media (max-width:480px) {

	.mainArea {

		padding-bottom: 30px

	}

}

.mainArea.noPt {

	padding-top: 0

}

.mainArea.noPb {

	padding-bottom: 0

}

.bread {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

@media (max-width:768px) {

	.bread {

		display: none

	}

}

.bread a, .bread span {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font: 300 15px "Oswald", sans-serif

}

.bread a+a, .bread a+span, .bread span+a, .bread span+span {

	padding-left: 16px

}

.bread a+a:before, .bread a+span:before, .bread span+a:before, .bread span+span:before {

	content: ">";

	position: absolute;

	bottom: 0;

	left: 5px;

	z-index: 1;

	color: #919191

}

.bread a:last-child, .bread span:last-child {

	color: #f3ad1f

}

.bread a {

	color: #919191

}

.bread a i {

	margin-right: 3px;

}

.bread a:first-child svg {

	width: 12px;

	height: 13px;

	margin-right: 3px;

	fill: currentColor

}

.bread a:hover {

	color: #f3ad1f

}

.bannerArea {

	position: relative

}

.bannerArea+.mainArea {

	padding-top: 50px

}

#banner img {

	display: block;

	width: 100%;

	height: 100%;

	-o-object-fit: cover;

	object-fit: cover

}

@media (min-width:1181px) {

	.pageBasicInfoContainer, .pageBasicInfoContainer .bread {

		margin-bottom: 30px

	}

}

@media (max-width:1180px) {

	.pageBasicInfoContainer .titleMain {

		margin-bottom: 20px;

		text-align: center

	}

}

.pageBasicInfoContainer.hasBannerType {

	display: none

}

@media (min-width:1181px) {

	.bannerPageBasicInfoContainer {

		position: absolute;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		z-index: 1

	}

}

@media (max-width:1180px) {

	.bannerPageBasicInfoContainer {

		background-color: #f3ad1f

	}

}

.bannerPageBasicInfoContainer .wrap {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	height: 100%;

	padding-top: 40px;

	padding-bottom: 40px

}

.bannerPageBasicInfoContainer .bread {

	position: absolute;

	top: 10px;

	right: 0;

	z-index: 1

}

@media (max-width:1420px) {

	.bannerPageBasicInfoContainer .bread {

		right: 20px

	}

}

.bannerPageBasicInfoContainer .bread a, .bannerPageBasicInfoContainer .bread span {

	color: #fff

}

.bannerPageBasicInfoContainer .bread a+a:before, .bannerPageBasicInfoContainer .bread a+span:before, .bannerPageBasicInfoContainer .bread span+a:before, .bannerPageBasicInfoContainer .bread span+span:before {

	color: #fff

}

.bannerPageBasicInfoContainer .bread a:hover {

	opacity: 0.7

}

.bannerPageBasicInfoContainer .titleMain, .bannerPageBasicInfoContainer p {

	color: #fff

}

.bannerPageBasicInfoContainer p {

	max-width: 640px;

	margin-top: 15px;

	line-height: 1.5;

	text-align: center

}

.titleBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	margin-bottom: 40px

}

@media (max-width:1180px) {

	.titleBox {

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		text-align: center;

		margin-bottom: 30px

	}

}

.titleBox.center {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.titleBox.bottomLine {

	margin-bottom: 20px

}

.titleBox.bottomLine:after {

	content: "";

	display: block;

	width: 35px;

	height: 1px;

	margin-top: 20px;

	background-color: #f3ad1f

}

footer {

	padding-top: 100px;

	padding-bottom: 120px;

	background-color: #3a3077

}

@media (max-width:1180px) {

	footer {

		padding-top: 50px;

		padding-bottom: 50px

	}

}

footer.show .bottomBox .leftBox, footer.show .bottomBox .rightBox {

	-webkit-transition-delay: 0.3s;

	transition-delay: 0.3s

}

footer .bottomBox {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end;

	margin-top: 10px;

	padding-top: 60px;

	border-top: 1px solid rgba(255, 255, 255, 0.2)

}

@media (max-width:1180px) {

	footer .bottomBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		padding-top: 20px

	}

}

footer .bottomBox .rightBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: flex-end;

	font-family: "Oswald", sans-serif

}

.footerContactList {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	max-width: 380px;

	color: #d4d4d4;

	font-family: "Oswald", sans-serif

}

.footerContactList li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	padding-top: 5px;

	padding-bottom: 5px

}

@media (max-width:1180px) {

	.footerContactList li {

		width: 100%;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		text-align: center

	}

}

.footerContactList svg {

	fill: #fff

}

.footerContactList a {

	color: #d4d4d4

}

.footerContactList a:hover {

	color: #fff

}

.footerContactList .footerContactIcon {

	width: 25px

}

.footerContactList .footerContactCompany {

	color: #fff

}

.footerContactList .footerContactAddress {

	width: 100%

}

.footerContactList .footerContactAddress svg {

	width: 9px;

	height: 13px

}

.footerContactList .footerContactTel {

	margin-right: 40px

}

.footerContactList .footerContactTel svg {

	width: 13px;

	height: 13px

}

.footerContactList .footerContactFax svg {

	width: 16px;

	height: 15px

}

.footerSocialBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

@media (max-width:1180px) {

	.footerSocialBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		margin-bottom: 20px

	}

}

.footerSocialBox .footerSocialTitle {

	font-family: "Oswald", sans-serif;

	color: #fff;

	text-transform: uppercase

}

@media (max-width:1180px) {

	.footerSocialBox .footerSocialTitle {

		margin-bottom: 20px

	}

}

.footerSocialList {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

@media (min-width:1181px) {

	.footerSocialList {

		margin-left: 50px

	}

}

.footerSocialList li+li {

	margin-left: 10px

}

.footerSocialList a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 40px;

	height: 40px;

	font-size: 20px;

	color: #fff;

	border: 2px solid currentColor;

	border-radius: 50%

}

.footerSocialList a:hover {

	color: #f3ad1f

}

.footerMenu {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -20px

}

@media (max-width:1180px) {

	.footerMenu {

		display: none

	}

	.footerContactList .footerContactTel {

	margin-right: 0px

	}

}

.footerMenu>li {

	margin-bottom: 20px

}

.footerMenu>li+li a {

	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 0 50%/1px 12px no-repeat;

	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) 0 50%/1px 12px no-repeat

}

.footerMenu a {

	display: block;

	padding-left: 20px;

	padding-right: 20px;

	text-transform: uppercase;

	color: #fff

}

.footerMenu a:hover {

	opacity: 0.5

}

.footerMenu .submenu {

	display: none

}

.copyrightBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	font-size: 14px

}

@media (max-width:1180px) {

	.copyrightBox {

		margin-top: 20px

	}

}

.copyrightBox .copyright {

	color: #fff

}

.copyrightBox .design {

	margin-left: 5px

}

.copyrightBox .design a {

	font-size: 14px;

	color: #858585

}

.copyrightBox .design a:hover {

	color: #fff

}

.classColumnBox {

	position: relative;

	z-index: 3

}

.classColumnBox>ul {

	font-size: 16px

}

@media (max-width:1180px) {

	.classColumnBox>ul {

		display: none

	}

}

.classColumnBox>ul>li>a {

	padding-top: 20px;

	padding-bottom: 20px;

	font-weight: 700;

	font-size: 16px;

	border-bottom: 1px solid #ccc

}

.classColumnBox>ul>li>a.current, .classColumnBox>ul>li>a:hover {

	color: #464646

}

.classColumnBox>ul ul {

	display: none

}

.classColumnBox>ul a {

	position: relative;

	display: block;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 20px;

	font-weight: 700;

	color: #777

}

.classColumnBox>ul .linkHasItems .linkItemOpenBtn {

	position: absolute;

	top: 50%;

	right: 0;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	cursor: pointer;

	border: none;

	background-color: transparent

}

.classColumnBox>ul .linkHasItems .linkItemOpenBtn:hover:before {

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3ad1f), to(#f3ad1f)), -webkit-gradient(linear, left top, left bottom, from(#f3ad1f), to(#f3ad1f));

	background-image: linear-gradient(to bottom, #f3ad1f, #f3ad1f), linear-gradient(to bottom, #f3ad1f, #f3ad1f)

}

.classColumnBox>ul .linkHasItems .linkItemOpenBtn:before {

	content: "";

	width: 9px;

	height: 9px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#a2a2a2)), -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#a2a2a2));

	background-image: linear-gradient(to bottom, #a2a2a2, #a2a2a2), linear-gradient(to bottom, #a2a2a2, #a2a2a2);

	background-position: 50%;

	background-size: 1px 100%, 100% 1px;

	background-repeat: no-repeat

}

.classColumnBox>ul .linkHasItems.current, .classColumnBox>ul .linkHasItems.open {

	color: #464646

}

.classColumnBox>ul .linkHasItems.current .linkItemOpenBtn:before, .classColumnBox>ul .linkHasItems.open .linkItemOpenBtn:before {

	background-size: 0 100%, 100% 1px

}

.classColumnBox>ul .linkHasItems.current+ul, .classColumnBox>ul .linkHasItems.open+ul {

	display: block;

	padding-top: 15px;

	padding-bottom: 15px;

	padding-left: 25px

}

.classColumnBox>ul .linkHasItems.current+ul>li, .classColumnBox>ul .linkHasItems.open+ul>li {

	-webkit-animation: 0.5s aniSlideUp both ease-out 0.3s;

	animation: 0.5s aniSlideUp both ease-out 0.3s

}

.classColumnBox>ul .linkHasItems.current+ul ul, .classColumnBox>ul .linkHasItems.open+ul ul {

	padding-top: 0;

	padding-bottom: 0;

	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc)) 0 50%/1px calc(100% - 20px) no-repeat;

	background: linear-gradient(to bottom, #ccc, #ccc) 0 50%/1px calc(100% - 20px) no-repeat

}

.classColumnBox>ul .linkHasItems.current+ul ul a.current, .classColumnBox>ul .linkHasItems.current+ul ul a.open, .classColumnBox>ul .linkHasItems.current+ul ul a:hover, .classColumnBox>ul .linkHasItems.open+ul ul a.current, .classColumnBox>ul .linkHasItems.open+ul ul a.open, .classColumnBox>ul .linkHasItems.open+ul ul a:hover {

	color: #f3ad1f

}

.goTop {

	position: fixed;

	right: 50px;

	bottom: 40px;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 55px;

	height: 55px;

	border: none;

	border-radius: 50%;

	background-color: #fff;

	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

	cursor: pointer

}

@media (max-width:1180px) {

	.goTop {

		display: none

	}

}

.goTop:hover svg {

	fill: #f3ad1f

}

.goTop svg {

	width: 8px;

	height: 18px;

	fill: #f3ad1e

}

.classRowBox {

	margin-bottom: 50px

}

@media (max-width:768px) {

	.classRowBox {

		margin-bottom: 30px

	}

}

.classRowBox>ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-left: -13px;

	margin-right: -13px

}

@media (max-width:1180px) {

	.classRowBox>ul {

		display: none

	}

}

.classRowBox>ul>li {

	margin-bottom: 10px;

	padding-left: 13px;

	padding-right: 14px

}

.classRowBox>ul a {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	min-width: 180px;

	min-height: 35px;

	padding: 5px;

	text-align: center;

	font-size: 14px;

	font-family: "Oswald", sans-serif;

	color: #969696;

	border: 1px solid currentColor

}

.classRowBox>ul a.current, .classRowBox>ul a:hover {

	color: #fff;

	background-color: #f3ad1f;

	border-color: #f3ad1f

}

.mClassLink {

	position: relative;

	z-index: 3;

	width: 100%

}

@media (min-width:1181px) {

	.mClassLink {

		display: none

	}

}

.mClassLink.changArticle {

	max-width: calc((100% - 1260px) / 4);

	margin-bottom: 30px

}

.mClassLink.open>ul {

	display: block

}

.mClassLink .main {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 50px;

	padding: 10px 35px 10px 20px;

	cursor: pointer;

	font-size: 14px;

	font-family: "Oswald", sans-serif;

	color: #969696;

	border: 1px solid currentColor

}

.mClassLink .main:before {

	content: "";

	position: absolute;

	top: 50%;

	right: 15px;

	z-index: 1;

	margin-top: -6px;

	line-height: 1;

	color: currentColor;

	font-family: FontAwesome

}

.mClassLink>ul {

	position: absolute;

	left: 0;

	top: calc(100% - 1px);

	z-index: 1;

	display: none;

	width: 100%;

	border-left: 1px solid #969696;

	border-right: 1px solid #969696;

	border-bottom: 1px solid #969696;

	background-color: #fff;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1)

}

.mClassLink>ul>li+li {

	border-top: 1px solid #f2f2f2

}

.mClassLink>ul>li.current>a {

	color: #f3ad1f

}

.mClassLink>ul a {

	position: relative;

	z-index: 1;

	display: block;

	padding: 14px 20px;

	color: #000;

	font-size: 14px;

	background-color: #fff

}

.mClassLink>ul a.current, .mClassLink>ul a:hover {

	color: #f3ad1f

}

.mClassLink>ul a .arrow {

	display: none

}

.mClassLink ul {

	display: none

}

.mClassLink .linkHasItems {

	position: relative;

	padding-right: 40px

}

.mClassLink .linkHasItems .linkItemOpenBtn {

	position: absolute;

	top: 50%;

	right: 3px;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 30px;

	height: 30px;

	margin-top: -15px;

	border: none;

	background-color: transparent

}

.mClassLink .linkHasItems .linkItemOpenBtn:after {

	content: "";

	line-height: 1;

	font-family: FontAwesome

}

.mClassLink .linkHasItems.open .linkItemOpenBtn:after {

	-webkit-transform: rotateX(180deg);

	transform: rotateX(180deg)

}

.mClassLink .linkHasItems.open+ul {

	display: block

}

.mClassLink .linkHasItems+ul {

	background-color: #efefef

}

.mClassLink .linkHasItems+ul a {

	padding: 10px 5px 10px 30px;

	background-color: #efefef

}

.mClassLink .linkHasItems+ul a.current {

	color: #f3ad1f

}

.pageBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 50px

}

@media (max-width:1180px) {

	.pageBox {

		margin-top: 30px

	}

}

.pageBox a {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 36px;

	height: 36px;

	font-size: 16px;

	font-family: "Oswald", sans-serif;

	border-radius: 50%

}

.pageBox a+a {

	margin-left: 7px

}

.pageBox a.current, .pageBox a:hover {

	color: #f3ad1e

}

.pageBox a.current {

	position: relative;

	background-color: #d3e9f6

}

.pageBox a.current:before {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -8px;

	z-index: 1;

	width: 8px;

	height: 2px;

	margin-left: -4px;

	background-color: #f3ad1e

}

.pageBox .pageNextBtn svg, .pageBox .pagePrevBtn svg {

	width: 17px;

	height: 7px

}

.pageBox .pagePrevBtn:hover svg {

	-webkit-transform: translateX(-3px);

	transform: translateX(-3px)

}

.pageBox .pagePrevBtn svg {

	fill: #f3ad1e

}

.pageBox .pageNextBtn:hover svg {

	-webkit-transform: translateX(3px);

	transform: translateX(3px)

}

.pageBox .pageNextBtn svg {

	fill: #f3ad1f

}

.pagePrevNextBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px solid #ccc

}

.pagePrevNextBox .nextBtn, .pagePrevNextBox .prevBtn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 55px;

	height: 55px;

	font-size: 16px;

	border-radius: 50%

}

.pagePrevNextBox .nextBtn:hover, .pagePrevNextBox .prevBtn:hover {

	color: #fff;

	background-color: #f3ad1e;

	border-color: #f3ad1e

}

.pagePrevNextBox .prevBtn {

	background-color: #ffe1bd

}

.pagePrevNextBox .prevBtn:hover {

	background-color: #f3ad1f

}

.pagePrevNextBox .prevBtn:hover svg {

	fill: #ffe1bd

}

.pagePrevNextBox .prevBtn svg {

	fill: #f3ad1f

}

.pagePrevNextBox .nextBtn {

	margin-left: auto;

	background-color: #d3e9f6

}

.pagePrevNextBox .nextBtn:hover {

	background-color: #f3ad1e

}

.pagePrevNextBox .nextBtn:hover svg {

	fill: #d3e9f6

}

.pagePrevNextBox .nextBtn svg {

	fill: #f3ad1e

}

.pagePrevNextBox svg {

	width: 17px;

	height: 8px

}

.pageNumBox {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	background: -webkit-gradient(linear, left top, right top, from(#ccc), to(#ccc)) 0 1px/100% 1px no-repeat;

	background: linear-gradient(to right, #ccc, #ccc) 0 1px/100% 1px no-repeat

}

.pageNumBox .num {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	min-width: 40px;

	height: 40px;

	font-size: 18px;

	font-family: "Roboto", sans-serif;

	color: #f3ad1e;

	overflow: hidden

}

.pageNumBox .num.current, .pageNumBox .num:hover {

	color: #f3ad1f

}

.pageNumBox .num.current:before, .pageNumBox .num:hover:before {

	-webkit-transform: translateY(0);

	transform: translateY(0)

}

.pageNumBox .num:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 3px;

	background-color: #f3ad1f;

	-webkit-transform: translateY(-3px);

	transform: translateY(-3px)

}

.pageNumBox .num+.num {

	margin-left: 10px

}

.pageNumBox .pageNextBtn, .pageNumBox .pagePrevBtn {

	position: absolute;

	top: 18px;

	z-index: 1;

	width: 45px;

	height: 45px;

	font-size: 20px

}

.pageNumBox .pageNextBtn:hover, .pageNumBox .pagePrevBtn:hover {

	border-color: #f3ad1f;

	background-color: transparent

}

.pageNumBox .pageNextBtn:hover:before, .pageNumBox .pagePrevBtn:hover:before {

	color: #f3ad1f

}

.pageNumBox .pagePrevBtn {

	left: 0

}

.pageNumBox .pageNextBtn {

	right: 0

}

.fixedPrivacyBox {

	position: fixed;

	right: 0;

	bottom: 0;

	z-index: 1003;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 100%;

	padding: 20px 40px 20px 20px;

	background-color: rgba(0, 0, 0, 0.9);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

@media (max-width:768px) {

	.fixedPrivacyBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column

	}

}

.fixedPrivacyBox.hide {

	pointer-events: none;

	visibility: hidden

}

.fixedPrivacyBox .textEditor {

	color: #fff

}

.fixedPrivacyBox .textEditor a {

	color: #fff;

	text-decoration: underline

}

.fixedPrivacyBox .textEditor a:hover {

	opacity: 0.7

}

.closePrivacyBoxBtn {

	display: block;

	width: 240px;

	height: 50px;

	margin-top: 20px;

	margin-left: auto;

	margin-right: auto;

	color: #fff;

	font-size: 14px;

	border: none;

	background-color: #f3ad1f;

	cursor: pointer

}

.closePrivacyBoxBtn:hover {

	background-color: #bd6600

}

@-webkit-keyframes aniSlideLeft {

	0% {

		-webkit-transform: translateX(10px);

		transform: translateX(10px);

		opacity: 0

	}

	to {

		-webkit-transform: translateX(0);

		transform: translateX(0);

		opacity: 1

	}

}

@keyframes aniSlideLeft {

	0% {

		-webkit-transform: translateX(10px);

		transform: translateX(10px);

		opacity: 0

	}

	to {

		-webkit-transform: translateX(0);

		transform: translateX(0);

		opacity: 1

	}

}

@-webkit-keyframes aniSlideUp {

	0% {

		-webkit-transform: translateY(10px);

		transform: translateY(10px);

		opacity: 0

	}

	to {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}

@keyframes aniSlideUp {

	0% {

		-webkit-transform: translateY(10px);

		transform: translateY(10px);

		opacity: 0

	}

	to {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}

.tab {

	margin-top: 80px

}

@media (max-width:1180px) {

	.tab {

		margin-top: 30px

	}

}

.tab>ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media (max-width:1180px) {

	.tab>ul {

		display: none

	}

}

.tab>ul li {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1

}

.tab>ul a {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding-top: 7px;

	padding-bottom: 7px;

	font-size: 16px;

	font-family: "Oswald", sans-serif;

	color: #aaa;

	text-align: center;

	text-transform: uppercase

}

.tab>ul a:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	width: 100%;

	height: 2px;

	background-color: #d8d8d8

}

.tab>ul a:after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -6px;

	z-index: 1;

	width: 0;

	height: 0;

	margin-left: -8px;

	border-style: solid;

	border-width: 6px 8px 0 8px;

	border-color: #f3ad1f transparent transparent transparent;

	opacity: 0

}

@media (min-width:1181px) {

	.tab>ul a:hover {

		color: #f3ad1f

	}

}

.tab>ul a.current {

	color: #f3ad1f

}

.tab>ul a.current:before {

	background-color: #f3ad1f

}

.tab>ul a.current:after {

	opacity: 1

}

.tab>ul a+a {

	background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#aaa));

	background-image: linear-gradient(to bottom, #aaa, #aaa);

	background-position: 0 50%;

	background-size: 1px 15px;

	background-repeat: no-repeat

}

.tabContent {

	min-height: 250px;

	padding-top: 25px;

	padding-bottom: 25px

}

.tabContent>li {

	display: none

}

.sideLinkBox {

	position: fixed;

	bottom: 30px;

	right: 0;

	z-index: 99;

	width: 40px;

	background-color: #f3ad1e

}

@media (max-width:1180px) {

	.sideLinkBox {

		bottom: 80px

	}

}

.sideCompareBtn, .sideInquiryBtn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 100%;

	padding: 10px 5px;

	font-size: 13px;

	-webkit-writing-mode: vertical-lr;

	-ms-writing-mode: tb-lr;

	writing-mode: vertical-lr;

	font-family: "Oswald", sans-serif;

	color: #fff;

	text-transform: uppercase

}

.sideCompareBtn:hover, .sideInquiryBtn:hover {

	color: #fff;

	opacity: 0.5

}

.sideCompareBtn svg, .sideInquiryBtn svg {

	margin-bottom: 5px;

	fill: #fff

}

#CompareQuantity, #InquiryQuantity {

	margin-top: 5px;

	-webkit-writing-mode: horizontal-tb;

	-ms-writing-mode: lr-tb;

	writing-mode: horizontal-tb

}

#CompareQuantity:before, #InquiryQuantity:before {

	content: "("

}

#CompareQuantity:after, #InquiryQuantity:after {

	content: ")"

}

.sideCompareBtn svg {

	width: 21px;

	height: 21px

}

.sideInquiryBtn {

	border-top: 1px solid #7dbfe6

}

.sideInquiryBtn svg {

	width: 20px;

	height: 18px

}

.fixedPrivacyBox {

	position: fixed;

	right: 0;

	bottom: 0;

	z-index: 1003;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 100%;

	padding: 20px 40px 20px 20px;

	background-color: rgba(0, 0, 0, 0.9);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)

}

@media (max-width:768px) {

	.fixedPrivacyBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column

	}

}

.fixedPrivacyBox.hide {

	pointer-events: none;

	visibility: hidden

}

.fixedPrivacyBox .textEditor {

	color: #fff

}

.fixedPrivacyBox .textEditor a {

	color: #fff;

	text-decoration: underline

}

.fixedPrivacyBox .textEditor a:hover {

	opacity: 0.7

}

.closePrivacyBoxBtn {

	display: block;

	width: 240px;

	height: 50px;

	margin-top: 20px;

	margin-left: auto;

	margin-right: auto;

	color: #fff;

	font-size: 14px;

	border: none;

	background-color: #f3ad1f;

	cursor: pointer

}

.closePrivacyBoxBtn:hover {

	background-color: #f3ad1e

}

.mMenuBox {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 100;

	width: 100%;

	height: 100vh;

	padding-top: 65px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

	opacity: 0;

	pointer-events: none

}

@media (min-width:1181px) {

	.mMenuBox {

		display: none!important

	}

}

.mMenuBox.show {

	opacity: 1;

	pointer-events: auto

}

.mMenu {

	max-height: calc(100vh - 80px);

	padding: 20px;

	overflow-y: auto;

	background-color: #3a3077

}

.mMenu>li+li {

	border-top: 1px solid rgba(255, 255, 255, 0.2)

}

.mMenu>li>a {

	padding-top: 15px;

	padding-bottom: 15px

}

.mMenu .submenu {

	display: none;

	padding-top: 15px;

	padding-bottom: 15px;

	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)) 50% 7px/20px 2px no-repeat;

	background: linear-gradient(to right, #fff, #fff) 50% 7px/20px 2px no-repeat

}

.mMenu .submenu .open>a {

	opacity: 1

}

.mMenu .submenu a {

	padding-top: 5px;

	padding-bottom: 5px;

	opacity: 0.5

}

.mMenu a {

	display: block;

	color: #fff;

	text-align: center;

	font-family: "Oswald", sans-serif;

	text-transform: uppercase

}

#moduleInquiry .countBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 40px

}

#moduleInquiry .moreBtn {

	color: #fff;

	background-color: #f3ad1f

}

#moduleInquiry .moreBtn:hover {

	background-color: #f3ad1e

}

#pdCompareBox {

	padding-top: 50px

}

@media (max-width:640px) {

	#pdCompareBox .moduleContent {

		padding-top: 80px

	}

}

#pdCompareBox .btnBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

#pdCompareBox .btnBox a {

	color: #fff

}

#pdCompareBox .btnBox .clear {

	background-color: #454545

}

#pdCompareBox .btnBox .clear:hover {

	background-color: #777

}

#pdCompareBox .btnBox #compareLink {

	margin-left: 10px;

	background-color: #f3ad1f

}

#pdCompareBox .btnBox #compareLink:hover {

	background-color: #f3ad1e

}

#car_list_html, .pdcList {

	max-height: 280px;

	overflow-y: auto

}

#car_list_html li, .pdcList li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

#car_list_html li+li, .pdcList li+li {

	margin-top: 10px;

	padding-top: 10px;

	border-top: 1px solid #eee

}

#car_list_html .Img, .pdcList .Img {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	width: 80px;

	margin-right: 10px;

	line-height: 0;

	border: 1px solid #eee

}

#car_list_html .Img img, .pdcList .Img img {

	display: block;

	max-width: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

#car_list_html .Img+h3, .pdcList .Img+h3 {

	width: calc(100% - 40px - 90px)

}

#car_list_html h3, .pdcList h3 {

	width: calc(100% - 40px);

	padding-right: 10px

}

#car_list_html h3 a, .pdcList h3 a {

	display: block;

	padding-top: 10px;

	padding-bottom: 10px;

	font-weight: 400;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}

#car_list_html h3 a:hover, .pdcList h3 a:hover {

	color: #f3ad1f

}

#car_list_html .deleteBtn, .pdcList .deleteBtn {

	-ms-flex-negative: 0;

	flex-shrink: 0;

	width: 40px;

	height: 40px;

	font-size: 16px;

	border: none;

	color: #7b7b7b;

	cursor: pointer;

	background-color: transparent

}

#car_list_html .deleteBtn:hover, .pdcList .deleteBtn:hover {

	color: #f3ad1f

}

.loginModuleArea .moduleContent {

	max-width: 640px

}

.loginModuleArea .titleMain {

	text-align: center

}

.loginModuleArea input[type=email], .loginModuleArea input[type=password], .loginModuleArea input[type=text] {

	width: 100%;

	height: 42px;

	padding: 10px 50px 10px 0;

	background: none;

	border: none;

	border-bottom: 1px solid #555;

	font-size: 16px;

	color: #000;

	-webkit-transition: all 0.5s;

	transition: all 0.5s

}

.loginModuleArea input[type=email].hasValue, .loginModuleArea input[type=email]:focus, .loginModuleArea input[type=password].hasValue, .loginModuleArea input[type=password]:focus, .loginModuleArea input[type=text].hasValue, .loginModuleArea input[type=text]:focus {

	border-color: #f3ad1f

}

.loginModuleArea input[type=email].hasValue~.title, .loginModuleArea input[type=email]:focus~.title, .loginModuleArea input[type=password].hasValue~.title, .loginModuleArea input[type=password]:focus~.title, .loginModuleArea input[type=text].hasValue~.title, .loginModuleArea input[type=text]:focus~.title {

	top: -15px

}

.loginModuleArea .icon {

	position: absolute;

	right: 10px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}

.loginModuleArea .iconLock {

	width: 15px;

	height: 20px

}

.loginModuleArea .iconKey {

	width: 15px;

	height: 15px

}

.loginModuleArea .inputBox {

	position: relative;

	color: #000;

	margin-bottom: 40px

}

.loginModuleArea .title {

	position: absolute;

	left: 0;

	top: 10px;

	font-size: 14px;

	letter-spacing: 0.05em;

	color: #808080;

	-webkit-transition: all 0.5s;

	transition: all 0.5s

}

.languageModuleArea .titleMain, .searchModuleArea .titleMain {

	text-align: center

}

.languageModuleArea ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.languageModuleArea ul li {

	width: 100%

}

.languageModuleArea ul a {

	display: block;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: center;

	font-family: "Oswald", sans-serif

}

.languageModuleArea ul a.current {

	color: #f3ad1f

}

.titleMain {

	font: 600 50px "Oswald", sans-serif;

	color: #3c3c3c;

	text-transform: uppercase

}

@media (max-width:1180px) {

	.titleMain {

		font-size: 30px

	}

}

@media (max-width:768px) {

	.titleMain {

		font-size: 26px

	}

}

.cardList {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

@media (min-width:481px) {

	.cardList {

		margin-left: -10px;

		margin-right: -10px

	}

}

@media (min-width:961px) {

	.cardList.row3>li {

		width: calc(100% / 3)

	}

}

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

	.cardList.row3>li {

		width: 50%

	}

}

@media (min-width:1181px) {

	.cardList.row4>li {

		width: calc(100% / 4)

	}

}

@media (min-width:769px) and (max-width:1180px) {

	.cardList.row4>li {

		width: calc(100% / 3)

	}

}

@media (min-width:481px) and (max-width:768px) {

	.cardList.row4>li {

		width: 50%

	}

}

.cardList>li {

	width: 100%;

	margin-bottom: 35px

}

@media (min-width:481px) {

	.cardList>li {

		padding-left: 10px;

		padding-right: 10px

	}

}

.cardList .Img img {

	display: block;

	max-width: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.hoverImgScale:hover .Img img, .hoverImgScaleMask:hover .Img img {

	-webkit-transform: scale(1.05);

	transform: scale(1.05)

}

.hoverImgScale .Img, .hoverImgScaleMask .Img {

	position: relative;

	overflow: hidden

}

.hoverImgScaleMask:hover .Img:before {

	opacity: 0.8

}

.hoverImgScaleMask .Img:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	background-color: #f3ad1f;

	opacity: 0;

	pointer-events: none

}

.btnBox {

	margin-top: 40px

}

@media (max-width:1180px) {

	.btnBox {

		margin-top: 30px

	}

}

.btnBox.center {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.moreBtn {

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 210px;

	height: 45px;

	padding: 5px 20px;

	font-size: 14px;

	text-align: center;

	text-transform: uppercase

}

button.moreBtn {

	border: none;

	background-color: transparent;

	cursor: pointer

}

.moreBtn.rightArrow {

	padding-left: 40px;

	padding-right: 40px

}

.moreBtn.rightArrow:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 20px;

	z-index: 1;

	margin-top: -7.5px;

	font-family: FontAwesome

}

.moreBtn.mainStyle {

	color: #fff;

	background-color: #f3ad1f

}

.moreBtn.mainStyle:hover {

	background-color: #f3ad1e

}

.moreBtn.secondaryStyle {

	color: #fff;

	background-color: #f3ad1e

}

.moreBtn.secondaryStyle:hover {

	background-color: #f3ad1f

}

.moreBtn.whiteStyle {

	color: #f3ad1f;

	background-color: #fff

}

.moreBtn.whiteStyle:hover {

	color: #fff;

	background-color: #3c3c3c

}

.moreBtn.textStyle {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	width: auto;

	height: auto;

	padding-top: 0;

	padding-left: 0;

	padding-bottom: 0;

	font-size: 13px

}

.moreBtn.textStyle:hover {

	color: #f3ad1e

}

.moreBtn.textStyle.rightArrow:after {

	right: 10px

}

.arrowBtn {

	width: 40px;

	height: 40px;

	border: none;

	font-size: 18px;

	color: #f3ad1f;

	background-color: transparent

}

button.arrowBtn {

	cursor: pointer

}

.arrowBtn.mainStyle {

	color: #fff;

	background-color: #f3ad1f

}

.arrowBtn.mainStyle:hover {

	background-color: #3c3c3c

}

.arrowBtn.whiteStyle {

	color: #fff;

	border: 1px solid #fff;

	background-color: transparent

}

.arrowBtn.whiteStyle:hover {

	color: #f3ad1f;

	border-color: #f3ad1f;

	background-color: #fff

}

.newsInfoBox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 15px;

	font-family: "Oswald", sans-serif

}

@media (max-width:480px) {

	.newsInfoBox {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-align: start;

		-ms-flex-align: start;

		align-items: flex-start

	}

}

.newsInfoBox .date {

	text-transform: uppercase

}

@media (min-width:481px) {

	.newsInfoBox .date+.newsCategory {

		margin-left: 30px

	}

}

@media (max-width:480px) {

	.newsInfoBox .date+.newsCategory {

		margin-top: 10px;

		margin-left: 0

	}

}

.newsCategory {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	min-width: 110px;

	height: 28px;

	padding-left: 5px;

	padding-right: 5px;

	font-size: 14px

}

.moduleBox {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 1005;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	height: 100%;

	padding-left: 20px;

	padding-right: 20px;

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	-webkit-transition-property: top, opacity, visibility;

	transition-property: top, opacity, visibility;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-in-out;

	transition-timing-function: ease-in-out

}

.moduleBox.moduleQaptcha {

	max-width: 100%!important;

	border: none;

	background-color: transparent

}

.moduleBox.moduleQaptcha.show>.box {

	pointer-events: auto

}

.moduleBox.moduleQaptcha>.box {

	padding-left: 25px;

	padding-right: 25px;

	border-radius: 10px;

	background-color: #fff;

	overflow: hidden

}

.moduleBox.moduleQaptcha h4 {

	margin-left: -25px;

	margin-right: -25px

}

.moduleBox.moduleQaptcha .topic {

	margin-top: 10px;

	margin-bottom: 10px

}

.moduleBox.moduleQaptcha .moduleClose {

	top: 6px!important;

	background-color: transparent

}

.moduleBox.moduleQaptcha .moduleClose i {

	display: none

}

.moduleBox#popWindow .moduleContent {

	width: auto;

	max-width: 960px;

	padding: 0;

	overflow: visible auto

}

.moduleBox#popWindow img {

	display: block

}

.moduleBox.show {

	opacity: 1;

	visibility: visible

}

.moduleBox.show .moduleContent {

	pointer-events: auto

}

.moduleContent {

	position: relative;

	width: 100%;

	min-width: 300px;

	max-width: 1000px;

	max-height: 90vh;

	padding: 120px 100px;

	background-color: #fff;

	overflow: auto

}

@media (max-width:640px) {

	.moduleContent {

		min-width: auto;

		padding: 60px 20px 40px

	}

}

.menuFocusMask, .moduleMask {

	position: fixed;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	visibility: hidden;

	pointer-events: none

}

.menuFocusMask.show, .moduleMask.show {

	opacity: 1;

	visibility: visible

}

.moduleMask {

	z-index: 1003;

	background-color: rgba(0, 0, 0, 0.5)

}

.moduleMask.show {

	pointer-events: auto

}

.menuFocusMask {

	z-index: 99;

	background-color: rgba(0, 0, 0, 0.5)

}

.moduleCloseBtn {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	width: 55px;

	height: 55px;

	padding: 0;

	border: none;

	background-color: #f3ad1e;

	cursor: pointer

}

.moduleCloseBtn:hover:before {

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg)

}

.moduleCloseBtn:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	width: 24px;

	height: 24px;

	margin-top: -12px;

	margin-left: -12px;

	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));

	background: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);

	background-position: 50%;

	background-size: 100% 1px, 1px 100%;

	background-repeat: no-repeat;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg)

}

.slickRoundDots {

	margin-top: 35px;

	text-align: center

}

@media (max-width:1180px) {

	.slickRoundDots {

		margin-top: 20px

	}

}

.slickRoundDots.main .slick-active button:before {

	background-color: #f3ad1f

}

.slickRoundDots.main button:hover:before {

	background-color: #f3ad1f

}

.slickRoundDots.main button:before {

	border-color: #f3ad1f

}

.slickRoundDots.secondary .slick-active button:before {

	background-color: #f3ad1e

}

.slickRoundDots.secondary button:hover:before {

	background-color: #f3ad1e

}

.slickRoundDots.secondary button:before {

	border-color: #f3ad1e

}

.slickRoundDots>li {

	display: inline-block

}

.slickRoundDots button {

	position: relative;

	width: 40px;

	height: 40px;

	border: none;

	outline: none;

	color: transparent;

	background-color: transparent;

	cursor: pointer

}

.slickRoundDots button:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	width: 10px;

	height: 10px;

	margin-top: -5px;

	margin-left: -5px;

	border-radius: 50%;

	border: 1px solid

}

.slickRectDots {

	position: absolute;

	left: 0;

	bottom: 25px;

	z-index: 1;

	width: 100%;

	text-align: center

}

.slickRectDots>li {

	display: inline-block

}

.slickRectDots .slick-active button:before {

	background-color: #f3ad1f

}

.slickRectDots button {

	position: relative;

	width: 24px;

	height: 24px;

	border: none;

	outline: none;

	color: transparent;

	background-color: transparent;

	cursor: pointer

}

.slickRectDots button:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	width: 10px;

	height: 10px;

	margin-top: -5px;

	margin-left: -5px;

	background-color: #fff

}

.slickNextArrowBtn, .slickPrevArrowBtn {

	position: absolute;

	top: 50%;

	z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 55px;

	height: 55px;

	padding: 0;

	border: none;

	border-radius: 50%;

	cursor: pointer;

	margin-top: -27.5px

}

.slickNextArrowBtn.main, .slickPrevArrowBtn.main {

	background-color: #ffe1bd

}

.slickNextArrowBtn.main:hover, .slickPrevArrowBtn.main:hover {

	background-color: #f3ad1f

}

.slickNextArrowBtn.main:hover svg, .slickPrevArrowBtn.main:hover svg {

	fill: #ffe1bd

}

.slickNextArrowBtn.main svg, .slickPrevArrowBtn.main svg {

	fill: #f3ad1f

}

.slickNextArrowBtn.secondary, .slickPrevArrowBtn.secondary {

	background-color: #d3e9f6

}

.slickNextArrowBtn.secondary:hover, .slickPrevArrowBtn.secondary:hover {

	background-color: #f3ad1e

}

.slickNextArrowBtn.secondary:hover svg, .slickPrevArrowBtn.secondary:hover svg {

	fill: #d3e9f6

}

.slickNextArrowBtn.secondary svg, .slickPrevArrowBtn.secondary svg {

	fill: #f3ad1e

}

.slickNextArrowBtn svg, .slickPrevArrowBtn svg {

	width: 17px;

	height: 8px

}

.slickPrevArrowBtn {

	left: -70px

}

.slickNextArrowBtn {

	right: -70px

}

.slickSingleArrowBtn {

	z-index: 1;

	width: 40px;

	height: 40px;

	padding: 0;

	line-height: 1;

	color: #fff;

	opacity: 0.5;

	font-size: 40px;

	border: none;

	outline: none;

	background-color: transparent;

	cursor: pointer

}

.slickSingleArrowBtn.position {

	position: absolute!important;

	top: 50%

}

.slickSingleArrowBtn:hover {

	opacity: 1

}

.slickSingleArrowBtn.left {

	left: 0

}

.slickSingleArrowBtn.right {

	right: 0

}

.nextRoundBtn, .prevRoundBtn {

	position: absolute;

	top: 50%;

	z-index: 1;

	width: 40px;

	height: 40px;

	margin-top: -20px;

	border: none;

	background-color: transparent;

	cursor: pointer

}

.nextRoundBtn:before, .prevRoundBtn:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	width: 20px;

	height: 20px;

	margin-top: -10px;

	margin-left: -10px;

	border: 1px solid #ccc;

	border-radius: 50%

}

.prevRoundBtn {

	left: 0

}

.nextRoundBtn {

	right: 0

}

.slickItemNumberList {

	position: relative;

	width: 15px;

	height: 15px;

	pointer-events: none

}

.slickItemNumberList>li {

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 1;

	font-size: 12px;

	opacity: 0

}

.slickItemNumberList>li.slick-active {

	opacity: 1

}

.slickItemNumberList button {

	border: none;

	outline: none;

	color: #b1afad;

	font-family: "Roboto", sans-serif;

	background-color: transparent

}