@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}

body{background-color: #F6F7FA}
#wrapper{background-color: #fff}

.octagon{overflow: hidden; width: 70px; height: 70px; margin: 0 auto 10px auto; font-size: 20px; line-height: 1em; font-weight: 700}
	.octagon > .inner{
		width: 70px;
		height: 70px;
		transform: rotate(45deg);
		background: #E4001B;	
	}
	.octagon > .inner > .octagon-content{
		transform: rotate(-45deg);
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.font21{font-size: 21px; line-height: 1.25em}

.post-link{margin-top: 30px; font-weight: 700}
	.post-link a{color: inherit}
	
	
.wp-block-table{width: 100%; border-collapse: collapse!important}
	.wp-block-table th,
	.wp-block-table td{border: 1px solid #ddd!important; background-color: #fff; padding: 10px 15px!important}
	
	.wp-block-table td img{display: block; margin: 0 auto}

.wp-block-table.is-style-stripes tr:nth-child(odd) th,
.wp-block-table.is-style-stripes tr:nth-child(odd) td{background-color: #efefef}

#arve .arve-wrapper, #tinymce .arve-wrapper{margin: 0!important}
.fancybox-content{background-color: transparent!important}
	.fancybox-close-small{color: #fff!important}


.wpml-ls{
	position: absolute;
	top: 50%;
	right: 0;
	text-transform: uppercase;
	font-weight: 700;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
	.wpml-ls ul{margin: 0; padding: 0 15px; list-style: none}
	.wpml-ls a{color: inherit}
	
	.wpml-ls-link{padding-top: 30px; display: block;}
		.wpml-ls-link:before{content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 0; left: 50%; margin-left: -12px; background-image: url(../images/globe.svg); background-repeat: no-repeat; background-size: cover; background-position: center}

/* =============================================================================
   header
   ========================================================================== */
#header{position: absolute; top: 0; left: 0; width: 100%; z-index: 100; padding-top: 50px; padding-bottom: 30px}

.header-title{font-size: 24px; line-height: 42px}
	.header-title strong{display: block; font-size: 30px; line-height: 32px}

#primary-menu ul{margin: 0; padding: 0; list-style: none}
#primary-menu a{position: relative; display: block; padding-top: 80px; max-width: 100px; text-align: center; font-size: 16px; line-height: 1em; color: #000; text-decoration: none; font-weight: 700; margin: 0 auto}
	#primary-menu a > .octagon{position: absolute; top: 0; left: 50%; margin: 0 0 0 -35px}

#primary-menu .octagon > .inner > .octagon-content{background-position: center; background-repeat: no-repeat}
.octagon-icon-cerificate > .inner > .octagon-content{background-image: url(../images/certificates-icon.svg)}
.octagon-icon-products > .inner > .octagon-content{background-image: url(../images/products-icon.svg)}
.octagon-icon-video > .inner > .octagon-content{background-image: url(../images/video-icon.svg)}
.octagon-icon-order > .inner > .octagon-content{background-image: url(../images/order-system-icon.svg)}
.octagon-icon-globe > .inner > .octagon-content{background-image: url(../images/globe-icon.svg)}

#primary-menu a > .octagon > .inner{background-color: transparent}
#primary-menu a:hover > .octagon > .inner,
#primary-menu .current-menu-item > a > .octagon > .inner,
#primary-menu .current-menu-parent > a > .octagon > .inner,
#primary-menu .current-menu-ancestor > a > .octagon > .inner,
#primary-menu .current-page-item > a > .octagon > .inner,
#primary-menu .current-page-parent > a > .octagon > .inner,
#primary-menu .current-page-ancestor > a > .octagon > .inner{background-color: #E4001B}

#primary-menu a:hover > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-menu-item > a > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-menu-parent > a > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-menu-ancestor > a > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-page-item > a > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-page-parent > a > .octagon-icon-cerificate > .inner > .octagon-content,
#primary-menu .current-page-ancestor > a > .octagon-icon-cerificate > .inner > .octagon-content{background-image: url(../images/certificates-icon-hover.svg)}

#primary-menu a:hover > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-menu-item > a > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-menu-parent > a > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-menu-ancestor > a > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-page-item > a > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-page-parent > a > .octagon-icon-products > .inner > .octagon-content,
#primary-menu .current-page-ancestor > a > .octagon-icon-products > .inner > .octagon-content{background-image: url(../images/products-icon-hover.svg)}

#primary-menu a:hover > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-menu-item > a > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-menu-parent > a > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-menu-ancestor > a > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-page-item > a > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-page-parent > a > .octagon-icon-video > .inner > .octagon-content,
#primary-menu .current-page-ancestor > a > .octagon-icon-video > .inner > .octagon-content{background-image: url(../images/video-icon-hover.svg)}

#primary-menu a:hover > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-menu-item > a > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-menu-parent > a > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-menu-ancestor > a > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-page-item > a > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-page-parent > a > .octagon-icon-order > .inner > .octagon-content,
#primary-menu .current-page-ancestor > a > .octagon-icon-order > .inner > .octagon-content{background-image: url(../images/order-system-icon-hover.svg)}

#primary-menu a:hover > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-menu-item > a > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-menu-parent > a > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-menu-ancestor > a > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-page-item > a > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-page-parent > a > .octagon-icon-globe > .inner > .octagon-content,
#primary-menu .current-page-ancestor > a > .octagon-icon-globe > .inner > .octagon-content{background-image: url(../images/globe-icon-hover.svg)}

@media (min-width: 1200px){
	#primary-menu{margin-top: 21px}
		#primary-menu ul{
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-align-content: stretch;
			-ms-flex-line-pack: stretch;
			align-content: stretch;
			-webkit-align-items: flex-start;
			-ms-flex-align: start;
			align-items: flex-start
		}	
		#primary-menu ul > li + li{margin-left: 30px}
}

#header .col-logo > p{margin-top: 5px; max-width: 200px; line-height: 1em; font-family: 'Permanent Marker', cursive; font-size: 1.4rem; margin-left: -22px; color: #666}

/* =============================================================================
   builder elements
   ========================================================================== */
.element-padding{padding: 80px 0}
.element-header + *,
.element-body + *{padding-top: 50px}

.element-gray-bg{background-color: #F6F7FA}

/* element hero */
.element-hero{
	background-image: url(../images/hero-background.png);
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 200px;
	padding-top: 300px;
	padding-bottom: 50px;
	color: #fff
}
.home .element-hero{min-height: 980px; padding-top: 360px; padding-bottom: 0}

body:not(.home) .element-hero{background-image: url(../images/hero-background3.jpg)}

.pump-container{position: relative}
	.pump-container > img{display: block; margin: 0 auto}

	.pump-container > .pump-icon{position: absolute; font-size: 18px; line-height: 24px; width: 184px}
	.pump-container > .pump-icon.icon-1{right: 0}
	.pump-container > .pump-icon.icon-2{right: 0; top: 200px}
	.pump-container > .pump-icon.icon-3{right: 0; top: 390px}
	.pump-container > .pump-icon.icon-4{left: 0; top: 60px}
	.pump-container > .pump-icon.icon-5{left: 0; top: 300px}	
		.pump-container .pump-icon .octagon + strong{display: block; line-height: 1.2em}
		.pump-container > .pump-icon a{display: block; color: inherit; text-decoration: underline}

	.pump-container > .absolute-img{position: absolute; left: 0; top: -180px; margin: 0}

	.pump-icon .modal{color: #000!important; text-align: left}
	.pump-icon * + .read-more-btn{margin-top: 10px}
	.read-more-btn{padding: 0; color: inherit; border: none; background: none; text-decoration: underline}
	.read-more-btn:hover{text-decoration: none}

.line-container{position: relative; top: -100px; margin: -15px}
	.line-container > div{padding: 15px; width: 100%; max-width: 20%; box-sizing: border-box}
	.line-container > div a{color: #fff; text-decoration: underline}
	.line-container > div a:hover{text-decoration: none}

.element-hero .menu{
	margin: -15px;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
	.element-hero .menu > li{padding: 15px}
		.element-hero .menu > li > a{
			position: relative;
			display: inline-block;
			font-weight: 700;
			color: #fff;
			text-align: center;
			vertical-align: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-color: transparent;
			border: none;
			padding: 10px 0;
			font-size: 1rem;
			line-height: 24px;
			border-radius: 0;
			transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
			text-transform: uppercase;
			letter-spacing: 2px	
		}	
			.element-hero .menu > li > a > span{padding: 5px 20px; background-color: #fff; color: #000; display: block}
				.element-hero .menu > li > a > span:before,
				.element-hero .menu > li > a > span:after{
					content: "";
					position: absolute;
					width: 100%;
					height: 0;
					left: 0
				}
				.element-hero .menu > li > a > span:before{
					top: 0;
					border-bottom: 10px solid #fff;
					border-left: 10px solid transparent!important;
					border-right: 10px solid transparent!important
				}
				.element-hero .menu > li > a > span:after{
					bottom: 0;
					border-top: 10px solid #fff;
					border-left: 10px solid transparent!important;
					border-right: 10px solid transparent!important
				}
			
			
			.element-hero .menu > li > a:hover > span,
			.element-hero .menu > li.current-menu-item > a > span,
			.element-hero .menu > li.current-menu-parent > a > span,
			.element-hero .menu > li.current-menu-ancestor > a > span,
			.element-hero .menu > li.current-page-item > a > span,
			.element-hero .menu > li.current-page-parent > a > span,
			.element-hero .menu > li.current-page-ancestor > a > span{background-color: #E4001B; color: #fff}
				.element-hero .menu > li > a:hover > span:before,
				.element-hero .menu > li.current-menu-item > a > span:before,
				.element-hero .menu > li.current-menu-parent > a > span:before,
				.element-hero .menu > li.current-menu-ancestor > a > span:before,
				.element-hero .menu > li.current-page-item > a > span:before,
				.element-hero .menu > li.current-page-parent > a > span:before,
				.element-hero .menu > li.current-page-ancestor > a > span:before{border-bottom: 10px solid #E4001B}
				.element-hero .menu > li > a:hover > span:after,
				.element-hero .menu > li.current-menu-item > a > span:after,
				.element-hero .menu > li.current-menu-parent > a > span:after,
				.element-hero .menu > li.current-menu-ancestor > a > span:after,
				.element-hero .menu > li.current-page-item > a > span:after,
				.element-hero .menu > li.current-page-parent > a > span:after,
				.element-hero .menu > li.current-page-ancestor > a > span:after{border-top: 10px solid #E4001B}
			
		.element-hero .menu > li > a:hover{text-decoration: none}

.element-hero .nav-tabs{border: none}
	.element-hero .nav-tabs .nav-item{margin: 0}
	.element-hero .nav-tabs .nav-item.nav-item-label{font-size: 16px}
		.element-hero .nav-tabs .nav-link.active,
		.element-hero .nav-tabs .nav-item.show .nav-link{background: none; border: none}		
		.element-hero .nav-tabs .nav-link.btn{min-width: 70px; font-size: 20px}
			.element-hero .nav-tabs .nav-link.btn > span{background-color: #fff; color: #707070; padding: 5px 10px; min-width: 70px}
				.element-hero .nav-tabs .nav-link.btn > span:before{border-bottom: 18px solid #fff}
				.element-hero .nav-tabs .nav-link.btn > span:after{border-top: 18px solid #fff}
				
			.element-hero .nav-tabs .nav-link.btn:hover > span,
			.element-hero .nav-tabs .nav-link.active.btn > span{background-color: #E4001B; color: #fff}
				.element-hero .nav-tabs .nav-link.btn:hover > span:before,
				.element-hero .nav-tabs .nav-link.btn.active > span:before{border-bottom: 18px solid #E4001B}
				.element-hero .nav-tabs .nav-link.btn:hover > span:after,
				.element-hero .nav-tabs .nav-link.btn.active > span:after{border-top: 18px solid #E4001B}

.hero-tabs .nav-tabs{margin: -15px}
	.hero-tabs .nav-tabs .nav-item{padding: 15px}

.hero-tabs{margin-top: 55px}
.hero-tabs h2{font-size: 32px; margin-bottom: 30px}

.element-hero .tab-content{background-color: #fff; margin-top: 30px; padding: 25px 0}
	.element-hero .tab-content .table{margin: 0; color: #707070; font-size: 16px; line-height: 24px}
	.element-hero .tab-content .table tr td{padding: 0 15px}
	.element-hero .tab-content .table tr td + td{border-left: 1px solid rgba(112,112,112,0.5)!important}

.element-hero .gksm-custom-menu-widget{padding-bottom: 50px}

/* element notification */
.block-notification{color: #fff; background-color: #7885AA; padding: 54px 0; font-size: 42px; line-height: 48px}

/* element posts */
.row-posts .post-thumb{margin-bottom: -60px}
	.row-posts .post-thumb img{display: block; width: 100%; height: auto}
.row-posts .post-content{padding: 0 35px; position: relative; font-weight: 400; line-height: 21px}
	.row-posts .post-content > .post-content-inner{background-color: #fff; padding: 40px 35px}
		.row-posts .post-content > .post-content-inner > h5 + *{margin-top: 20px}

/* element contact */
.bluebox{
	padding: 50px 35px 15px;
	color: #fff;
	background-color: #5A6A97;
	font-weight: 500;
	position: relative;
	margin-bottom: 35px
}

.bluebox * + img{margin-top: 30px}

* + .bluebox{margin-top: 34px}
.bluebox:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 0;
	bottom: -35px;
    left: 0;
    border-top: 35px solid #5A6A97;
	border-right: 35px solid transparent!important
}

	.bluebox a{color: inherit}
	
	.flex-social{margin: -10px}
		.flex-social > div{padding: 10px}
	
	* + .flex-social{margin-top: 15px}

.imgbox-element .col-lg-6 img{
	display: block;
    -webkit-mask-image: url(../images/img-mask-big.png);
    mask-image: url(../images/img-mask-big.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.txtimgs-element .col-lg-6 img{
	display: block;
    -webkit-mask-image: url(../images/img-mask-small.png);
    mask-image: url(../images/img-mask-small.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.txtimgs-element .col-lg-6 img + img{margin-top: 79px}

/* =============================================================================
   footer
   ========================================================================== */
#footer{background-color: #F6F7FA; padding: 80px 0}
a#ama{font-size: 14px; line-height: 14px}

/* =============================================================================
   floating btns
   ========================================================================== */
.floating-btns{
	position: fixed;
	right: 0;
	z-index: 99;
}
	.floating-btns > a{position: relative; color: #fff; padding-right: 44px; line-height: 44px; width: 210px; overflow: hidden}
		.floating-btns > a > .floating-btn-txt{
			display: block;
			background-color: #e4001b;
			padding: 0 10px 0 54px;
-webkit-clip-path: polygon(5% 0, 94% 0, 100% 20%, 100% 80%, 95% 100%, 5% 100%, 0 80%, 0 20%);
clip-path: polygon(5% 0, 95% 0, 100% 20%, 100% 80%, 95% 100%, 5% 100%, 0 80%, 0 20%);
			opacity: 0
		}
		.floating-btns > a > .floating-btn-icon{
			display: block;
			width: 44px;
			height: 44px;
			position: absolute;
			top: 0;
			right: 0;
			background-color: #a50014;
			-webkit-clip-path: polygon(20% 0, 80% 0, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0 80%, 0 20%);
			clip-path: polygon(20% 0, 80% 0, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0 80%, 0 20%);
		}
			.floating-btns > a > .floating-btn-icon svg path{fill: #fff; width: 20px; height: 20px}
		
	.floating-btns > a:hover{text-decoration: none}

@media (min-width: 992px){
	.floating-btns{
		font-size: 12px;
		right: 10px;
		bottom: 90px;
	}
	.floating-btns > a{display: block}
	.floating-btns > a + a{margin-top: 5px}
		.floating-btns > a > .floating-btn-txt{
			width: 210px;
			margin-right: -44px;
			position: relative;
			-webkit-transition: all 0.25s linear;
			-moz-transition: all 0.25s linear;
			-ms-transition: all 0.25s linear;
			-o-transition: all 0.25s linear;
			transition: all 0.25s linear;
		}
		.floating-btns > a:hover > .floating-btn-txt{opacity: 1}
}
@media (max-width: 991px){
	.grecaptcha-badge{display: none!important}
	
	.home .element-hero{position: relative; height: 980px}
	.home .element-hero > .container,
	.home .element-hero > .container > .element-inner,
	.home .element-hero > .container > .element-inner > .row,
	.home .element-hero > .container > .element-inner > .row > .col-lg-10,
	.home .element-hero > .container > .element-inner > .row > .col-lg-10 > .pump-container{position: relative; height: 100%}
	
	.line-container{position: absolute; margin: 0; bottom: 30px; top: inherit}
	
	.line-container > div{max-width: 33.3334%}
	
	.floating-btns{
		font-size: 13px;
		bottom: 0;
		left: 0;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.floating-btns > a{flex: 1}
	
	.floating-btns > a{background-color: #DC000C; padding: 0}
	.floating-btns > a + a{border-left: 1px solid rgba(0, 0, 0, 0.15)}
	.floating-btns > a > .floating-btn-txt{display: none!important}
	.floating-btns > a > .floating-btn-icon{position: static; margin: 0 auto; background-color: transparent}
	.floating-btns > a:hover{background-color: #000}
}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 1200px){
	#mobile-toggle{display: none}
	#header-items{display: block!important}
}
@media (max-width: 1199px){
	.noscroll{overflow: hidden}
	
	#mobile-toggle{
		display: block!important;
		transition: 0.8s ease;
		z-index: 9999;
		position: relative;
		height: 40px;
		width: 40px;
		padding: 0;
		border: 1px solid #003e7e;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: none;
	}
		#mobile-toggle .menui{
			width: 24px;
			left: 50%;
			margin-left: -12px;
			height: 1px;
			background: #003e7e;
			transition: 0.6s ease;
			transition-timing-function: cubic-bezier(.75,0,.29,1.01);
			position: absolute;
		}
		#mobile-toggle .top-menu{top: 14px}
		#mobile-toggle .mid-menu{top: 19px}
		#mobile-toggle .bot-menu{top: 24px}
		#mobile-toggle .top-menu.animate{top: 19px!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
		#mobile-toggle .mid-menu.animate{opacity: 0}
		#mobile-toggle .bot-menu.animate{top: 19px!important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg)}

	.col-logo{
		max-width: 100%;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex: 1;
	}
	
	.col-navigation{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
		flex: 0 0 auto\0;
	}
		.col-logo svg{display: block; width: 100px; height: 51px}
	
	#header{position: fixed; background-color: #fff; top: 0; left: 0; width: 100%; padding: 0}
		#header > .container > .row{
			height: 80px;
			-ms-flex-align: center!important;
			align-items: center!important;
		}
	
	#header-items{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding-top: 160px;
	}
	
	.header-title{font-size: 16px; line-height: 1.4em; position: absolute; top: 80px; left: 0; width: 100%}
		.header-title strong{font-size: 1.5em; line-height: 1.2em}
	
	#primary-menu{
		margin: 0;
		position: relative;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 15px 15px 15px	
	}
		#primary-menu > ul > li + li{margin-top: 20px}
		
	.element-hero .gksm-custom-menu-widget{padding-top: 80px; padding-bottom: 30px}	
		
	.element-hero{padding-top: 30px; min-height: inherit}
	
	.hero-tabs{margin-top: 0}
	
	.hero-tabs h2,
	.element-hero .nav-tabs .nav-item.nav-item-label{color: #000}
	
	.gutenberg-content h2{font-size: 24px}
	
	.element-padding{padding: 40px 0}
	
	h2{font-size: 2.3rem}
	
	#header .col-logo img{max-width: 50%; display: inline-block} 
}
@media (max-width: 1024px){
	.block-notification{font-size: 24px; line-height: 1.2em; padding: 2em 0}
}
@media (max-width: 991px){
	.imgbox-element .col-lg-6 img{margin: 0 auto}
	.line-container > div{font-size: 0.75rem}	
}
@media (max-width: 767px){
	.hero-tabs,
	.pump-container > .pump-icon{display: none!important}
}
@media (max-width: 680px){	
	.octagon,
	.octagon > .inner{width: 40px; height: 40px}
	
	.line-container > div{max-width: 50%}
}

.honeycomb__placeholder{opacity: 0}
@media (max-width: 550px) {
  .honeycomb-cell {
    margin: 81.25px 25px;
  }
  .honeycomb__placeholder{display: none}
}
@media (min-width: 550px) and (max-width: 825px) {
  .honeycomb-cell:nth-child(3n) {
    margin-right: calc(50% - 125px);
    margin-left: calc(50% - 125px);
  }

  .honeycomb__placeholder:nth-child(3n + 5) {
    display: block;
  }
}
@media (min-width: 825px) and (max-width: 1100px) {
  .honeycomb-cell:nth-child(5n + 4) {
    margin-left: calc(50% - 275px);
  }

  .honeycomb-cell:nth-child(5n + 5) {
    margin-right: calc(50% - 275px);
  }

  .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
    display: block;
  }
}
@media (min-width: 1100px) {
  .honeycomb-cell:nth-child(7n + 5) {
    margin-left: calc(50% - 400px);
  }

  .honeycomb-cell:nth-child(7n + 7), .honeycomb-cell:nth-child(7n + 5):nth-last-child(2) {
    margin-right: calc(50% - 675px);
  }

  .honeycomb__placeholder:nth-child(7n + 7), .honeycomb__placeholder:nth-child(7n + 9), .honeycomb__placeholder:nth-child(7n + 11) {
    display: block;
  }
}



.overlay-img{position: relative}
	.overlay-img:before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(http://test.artmedia.ee/puhastid/wp-content/themes/puhastid/theme/images/table-tempel.png);
		background-repeat: no-repeat;
		background-position: center;
		z-index: 1
	}