@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	font-style: normal;
	src: local('☺'),
	url('fonts/Roboto-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 900;
	font-style: normal;
	src: local('☺'),
	url('fonts/Roboto-Black.woff') format('woff');
}

@media (min-width: 993px) {
	.lg-r {
		float: right;
	}
}
@media (min-width: 769px) {
	.md-r {
		float: right;
	}
}
/* --------------- GRID --------------- */
section.full {
	position: relative;
	padding: 0;
}
header + section.full {
	padding-top: 50px;
	margin-top: 0;
}
section.full video {
	display: block;
	width: 100%;
	height: auto;
}
section.full > img {
	display: block;
	width: 100%;
}
section.bg-img {
	background: no-repeat center / cover;
}
.section-ov {
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 2;
	width: 100%;
}
.section-pre {
	padding: 30px 0;
}
@media (min-width: 1201px){
	.section-pre h3 {
		font-size: 50px;
		line-height: 50px;
	}
}
.bc-green {
	background-color: #b4d18a;
}
/* --------------- HERO --------------- */
.hero-cap {
	background: none;
}
/* --------------- INTRO --------------- */
.intro {
	position: absolute;
	left: 0;
	bottom: 10%;
	width: 100%;
}
.intro-title {
	font-size: 240px;
	font-weight: 700;
	line-height: 240px;
	color: #ffffff;
	opacity: .7;
}
.intro-title > span {
	display: block;
	font-size: 80px;
	line-height: 90px;
	font-weight: 900;
	text-transform: uppercase;
}
@media (max-width: 1200px){
	.intro-title {
		font-size: 19vw;
		line-height: 19vw;
	}
	.intro-title > span {
		font-size: 6vw;
		line-height: 6vw;
	}
}
/* --------------- TEXT --------------- */
h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
}
h3 .bigger {
	font-size: 60px;
	line-height: 70px;
	font-weight: 900;
	text-transform: uppercase;
}
@media (max-width: 992px){
	h3 {
		font-size: 26px;
		line-height: 36px;
	}
	h3 .bigger {
		font-size: 50px;
		line-height: 60px;
	}
}
@media (max-width: 768px){
	h3 {
		font-size: 24px;
		line-height: 34px;
	}
	h3 .bigger {
		font-size: 40px;
		line-height: 50px;
	}
}
@media (max-width: 540px){
	h3 {
		font-size: 20px;
		line-height: 30px;
	}
	h3 .bigger {
		font-size: 30px;
		line-height: 40px;
	}
}
/* --------------- INFO BOX --------------- */
.info-box {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.info-box-item {
	position: relative;
	display: inline-block;
	width: 200px;
	margin: 50px 60px;
	vertical-align: top;
	transition: .3s ease;
}
.ibf-l { left: -100%; }
.show .ibf-l { left: 0; }
.ibf-r { right: -100%; }
.show .ibf-r { right: 0; }
.info-box-item-img {
	display: block;
	height: 60px;
	width: auto;
	margin: 0 auto;
	margin-bottom: 15px;
}
.info-box-item-title {
	display: block;
	font-size: 18px;
	line-height: 20px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}
.info-box-item-con {
	display: block;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
}
.info-btn {
	display: block;
	float: right;
	padding: 5px 20px;
	margin-top: 12px;
	border: 2px solid #0080c9;
	border-radius: 40px;
	font-size: 20px;
	line-height: 30px;
	color: #0080c9;
	background: #ffffff;
	transition: .3s ease;
}
.info-btn:hover {
	color: #ffffff;
	background: #0080c9;
}
@media (max-width: 768px){
	.info-btn {
		float: left;
		margin: 0;
	}
}
/* --------------- INFO SLIDE --------------- */
.info {
	position: relative;
}
.info-slide:after {
	content: '';
	display: block;
	clear: both;
}
.info-slide_tabs {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.info-slide_tabs li {
	display: inline-block;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	padding: 4px;
	border: 2px solid transparent;
	border-radius: 50%;
	overflow: hidden;
}
.info-slide_tabs li.info-slide_here {
	border-color: #0080c9;
}
.info-slide_tabs li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-indent: -100px;
	overflow: hidden;
	background: #ffffff;
}
.info-slide_tabs li:nth-of-type(2) a {
	background: #444;
}
/* --------------- Paralax --------------- */
.prlx-fx {
	position: relative;
	z-index: 2;
	background: #ffffff;
}
.prlx-fx.bc-main {
	color: #ffffff;
	background: #0080c9;
}
.prlx-fx.bc-main.bc-img {
	color: #ffffff;
	background: no-repeat center / cover #0080c9;
}
.prlx-sc {
	position: relative;
	z-index: 4;
	background: #ffffff;
}
.prlx-sc.bc-main.bc-img {
	background: no-repeat center / cover #0080c9;
}
footer.prlx-sc {
	background: #0080c9;
}
.prlx-fx.bc-main, .prlx-sc.bc-main {
	color: #ffffff;
	background: #0080c9;
}
.prlx-fx.bc-green, .prlx-sc.bc-green {
	color: #ffffff;
	background: #b4d18a;
}
.prlx-fx.bc-gray, .prlx-sc.bc-gray {
	background: #f2f2f2;
}
.prlx-fl {
	transition: .3s ease;
}
.prlx-fl.active {
	background: #0080c9;
}
.prlx-fl.active .link-btn:hover {
	background: #e49d6c;
}
/* --------------- ANKER LINK --------------- */
.anker-button {
	display: inline-block;
	line-height: 20px;
	color: #0080c9;
	margin-top: 30px;
	padding: 10px 20px;
	border: 2px solid #0080c9;
	border-radius: 30px;
	transition: .3s ease;
}
.anker-button:hover {
	color: #ffffff;
	background: #0080c9;
}
.anker-pos {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
}
/* --------------- OTHER --------------- */
p > img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.tc-sub {
	color: #e49d6c;
}
.mtb {
	margin: 40px 0; 
}
#w38 .vid {
	margin-top: 0;
}
#w38 .vid-box-item-img {
	margin-top: 0;
}
#w38 .filter {
	padding-top: 70px;
}
#w38 .filter-title {
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 7px;
}
#w38 .filter-title span {
	color: #0080c9;
}
#w38 .filter-title + p {
	font-style: italic;
	font-size: 22px;
}
#w38 .vid-box-item {
	width: 100%;
}
.box-icon { overflow: hidden; }

.box-icon-item-txt {
	min-height: 180px;
}
@media (min-width: 993px){
	.box-icon-item:nth-of-type(3) > .box-icon-item-txt {
		min-height: 338px;
	}
}
.box-icon-item-txt p + p { 
	margin-top: 10px; 
}
.box-icon-item-ovl {
	font-size: 36px;
	line-height: 37px;
}
.box-icon-item:nth-of-type(1),
.box-icon-item:nth-of-type(3) {
	left: 0;
	transition: .4s ease;
}
.box-icon-item:nth-of-type(2n+2) { 
	right: 0;
	transition: .4s ease;
}
.box-icon-item:nth-of-type(1).prSlide,
.box-icon-item:nth-of-type(3).prSlide { left: -550px; }
.box-icon-item:nth-of-type(2n+2).prSlide { right: -550px; }

.img-zoom { overflow: hidden; }

.img-zoom-item {
	position: relative;
	display: block;
	overflow: hidden;
	width: calc(50% - 10px);
	float: left;
}
.img-zoom-item:nth-of-type(1) {
	left: 0;
	transition: .4s ease;
}
.img-zoom-item:nth-of-type(2) {
	right: 0;
	transition: .4s ease;
}
.img-zoom-item:nth-of-type(1).prSlide { left: -620px; }
.img-zoom-item:nth-of-type(2).prSlide { right: -620px; }
.img-zoom-item:nth-of-type(2) { margin-left: 10px; }
.img-zoom-item > img {
	display: block;
	transition: .3s ease;
}
.img-zoom-item > img:hover {
	transform: scale(1.1);
}

.prc-cart-form { border-top: none; }

.prc-btn:nth-of-type(2) {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'%3E%3Cpath fill='%23fff' d='M44.1,33.91l-.82.82L33.5,25l.82-.82a3.55,3.55,0,0,1,4.89,0L44.1,29A3.46,3.46,0,0,1,44.1,33.91ZM27.51,27l-9.67-9.67a2.61,2.61,0,0,1-.18-3.44L7.91,4.15a12.44,12.44,0,0,0,.6,16.9L23.8,36.36A12.38,12.38,0,0,0,40.7,37L30.94,27.2A2.59,2.59,0,0,1,27.51,27ZM21,10.76a3.46,3.46,0,0,0,0-4.89L16.06,1a3.53,3.53,0,0,0-4.89,0l-.82.81,9.78,9.78Z'/%3E%3C/svg%3E") no-repeat right 10px bottom/50px #b3b3b3;
}
.prc-btn:nth-of-type(1) {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 40'%3E%3Cpath fill='%23fff' d='M35.14,14.94H20.76V0H10V24.92H29.24v5H10V40H35.14A4.87,4.87,0,0,0,40,35.13V19.82A4.87,4.87,0,0,0,35.14,14.94Z'/%3E%3C/svg%3E") no-repeat right 10px bottom/50px #b3b3b3;
}
.prc-cart { margin-top: 120px; }
.prc-btn { transition: .3s ease; }
.prc-btn:hover { background-color: #0080c9; }
.filter-detail-icon { right: 0; }
.bor-filter {
	position: relative;
	display: block;
	border: 1px solid #e6e6e6;
	top: 60px;
}
@media (max-width: 540px) {
	.prc-cart { margin-top: 80px; }
	.prc-cart-form { margin-top: 20px; }
	.bor-filter { top: 20px; }
	.prc-cart-form-item > input,
	.prc-cart-form-item > textarea { width: 100%; }
	.prc-cart-form-item > input[type="submit"] { max-width: 100%; }
}