/*
Theme Name: Nikkol

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}

.owl-carousel .owl-item img.main_img{width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


div.owl-dots{position: absolute; bottom:1rem; right:0; width:100%; text-align: center;}
.owl-carousel button.owl-dot{display: inline-block; width:1.11rem; height:1.11rem; border-radius: 2rem;
background-color:#fff; border:1px solid #303030; margin:0 0.22rem; }
.owl-carousel button.owl-dot.active {background-color:#303030;}
.owl-carousel a *{    color: #222;}

span.slider_btn_nikol{    transition: .3s all;
    height: 4.5rem;
    line-height: 4.5rem;
    border-radius: 8px;
    width: auto;
    float:right; 
    background-color: #313131;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
    border: solid 1.9px #313131;
    color: #fff;
    padding: 0 3rem;
    font-family: 'Rubik', sans-serif;
    font-size: 1.8rem;
    margin-top:1.5rem;}
html {
    color: #222;
    
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}



textarea {
    resize: vertical;
}
.productList {
	flex-wrap: wrap;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.instushCover img{
	width: 100%;
	height: auto;
}

.instush{
	position: fixed;
	top: 9rem;
	width: 100%;
	height: auto;
	overflow: hidden;
}


.home footer{
	position: fixed;
	top: calc(700px + 9rem);
	width: 100%;
	
}

.text-387{
	display: block;
}
.aboveInstush{
	position: relative;
	z-index: 1;
	margin-bottom: calc(700px + 30rem);
}
span.wpcf7-not-valid-tip{
	position: absolute;
	lefT:1rem;
	bottom:1rem;
	pointer-events: none;
}
.wpcf7-form-control-wrap.checkbox-178{display: block;}

.nlContent  .checkbox-178 span.wpcf7-not-valid-tip{
        position: absolute;
    lefT: auto;
    bottom: 1rem;
    pointer-events: none;
    width: 100%;
    display: block;
    /* height: 30px; */
    right: 1rem;
    /* color: #000; */
    bottom: -2.6rem;
    padding: 0;
    font-size: 16px;
    text-align: right;
}
.nlContent input[type="checkbox"]{
	vertical-align: top;
	padding-left: 1rem;
}
.wpcf7-list-item.first.last{
	display: block;
}
.wpcf7-list-item-label{
	font-size: 1.4rem;
	max-width: 40rem;
	display: inline-block;
	text-align: right;
	padding-right: 1rem;
	
	
}

.single-post .wpcf7-list-item-label{
	max-width: 20rem;
	vertical-align: top;
}
input[name="checkbox-178"]{
	height: 15px;
}
.tfb{
	margin-bottom: 2rem;
	display: block;
	
}
.single .newsLetterAreaCon {
	border-radius: 5px;overflow: hidden;
}
div.wpcf7-mail-sent-ok{
	display: none !important;
}
.single .nlTu {
	padding: 15rem 2rem;
	box-sizing: border-box;
}
/*.jg-entry{
	width: 20% !important;
	position: static !important;
	height: 0 !important;
	padding-bottom: 20% !important;
	
}
.seg-instaportfolio .seg-instaportfolio-photos img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */




@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(fonts/opensanshebrew-lightitalic-webfont.eot);
    src: url(fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/opensanshebrew-light-webfont.eot);
    src: url(fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-light-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(fonts/opensanshebrew-italic-webfont.eot);
    src: url(fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-italic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/opensanshebrew-regular-webfont.eot);
    src: url(fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-regular-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(fonts/opensanshebrew-bolditalic-webfont.eot);
    src: url(fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/opensanshebrew-bold-webfont.eot);
    src: url(fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-bold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-bold-webfont.eot');
    src: url('fonts/rubik-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubik-bold-webfont.woff2') format('woff2'),
         url('fonts/rubik-bold-webfont.woff') format('woff'),
         url('fonts/rubik-bold-webfont.ttf') format('truetype'),
         url('fonts/rubik-bold-webfont.svg#rubikbold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-regular-webfont.eot');
    src: url('fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('fonts/rubik-regular-webfont.woff') format('woff'),
         url('fonts/rubik-regular-webfont.ttf') format('truetype'),
         url('fonts/rubik-regular-webfont.svg#rubikregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Rubik';
    src: url('fonts/rubik-medium-webfont.eot');
    src: url('fonts/rubik-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('fonts/rubik-medium-webfont.woff') format('woff'),
         url('fonts/rubik-medium-webfont.ttf') format('truetype'),
         url('fonts/rubik-medium-webfont.svg#rubikmedium') format('svg');
    font-weight: 500;
    font-style: normal;

}
h1,h2,h3,h4,h5,h6{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}
.fcon{
	width: 60rem;
	margin: auto;
	margin-top: 5rem;
	align-items: center;
	flex-direction: column;
}
.error404 .fcon{
	margin: 0;
}
.rubik{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
}
.fcon form{
	padding-top: 2rem;
	width: 100%
}
.fcon form input{
	font-size: 1.4rem;
	border:none;
	background: none;
	line-height: 3.3rem;
}
.single-post .newsLetterArea{
	padding-top:0;
	margin-bottom: 3rem;
}
.single-post .postbottomContact{
	padding-top:0;
	margin-bottom: 7rem;
}
.more{
	margin-top: 1rem;
}
.fconcon{
	display: flex;
	align-items: center;
}
.fcon h1{
	font-size: 8rem;
	margin: 0;
	padding-left: 2rem;
}

.fcon p{
	font-family: 'Rubik', sans-serif;
	white-space: pre-wrap;
	font-size: 3rem;
  font-weight: 500;
  line-height: 1.23;
}
body{
	 font-family: 'Open Sans Hebrew',sans-serif;
	font-weight: 400;
	font-style: normal;

}


.error404  #main{
	height: calc(100vh - 9.1rem);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
header nav a{
		font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 1.9rem;
	text-decoration: none;
}

header{
	position: fixed;
	width: 100%;
	
	top:0;
	right:0;
	
	
	
	z-index: 9999999;
}

.videoBtn{
	position: relative;
	border:none;
	background: none;
	width: 100% !important;
	height: 100%;
}
.thumbs {
	position: relative;
	padding-top: 5rem;
	overflow: hidden;
	
}
.thumbsCon .slick-arrow{
	width: 9.3rem;
	height: 4.3rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 9.3rem 4.3rem;
	position: absolute;
	z-index: 99999;
	background-color: #fff;
	border:none !important;
	left: 0 !important;
	right: auto !important;
		
}
.thumbsCon .slick-prev{
	background-image: url(img/arrow_up.svg);
	top:0;
}
.thumbsCon .slick-next{
	background-image: url(img/arrow_down.svg);
	
	background-position: bottom center;
	bottom:0;
}
.videoBtn:before{
	content: '';
	background-image: url(img/play-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left: 0;
	z-index: 99999;
	width: 100% !important;
	height: 100%;
	transition: .3s all;
	transform:scale(1);
}
.videoBtn:hover:before{
	
	transform:scale(1.1);
}
.breadCrumbsCon{
	padding: 0 9rem;
	box-sizing: border-box;
	opacity: 1;
	position: relative;
	top:0;
	overflow: hidden;
	transition: .2s all;
}
.breadCrumbsCon.hide{
	opacity: 0;
	top:-2rem;
}


.breadCrumbsCon,.breadCrumbsCon a{
	font-size:1.4rem;
	color: #313131;
	text-decoration: none;
}
.headerCon{
	padding: 0 9rem;
	box-sizing: border-box;
	background-color: #303030;
	height: 9rem;
	display: flex;
	align-items: center;
}
.homeLink{
	width: 16.6rem;
  height: 8.2rem;
	background-image: url(img/nikol-logo.png);
	background-size: 16.6rem 8.2rem;
	display: block;
}
.content-area{
	margin-top: 9rem;
}
header nav{
	align-items: center;
	width: 100%;
}
.menu-main-menu-container{
	flex-grow: 1;
	padding-right: 10rem;
}
#menu-main-menu,.menu-social-container .menu{
	display: flex;
}

#menu-main-menu{
	justify-content: space-between;
}
#menu-main-menu a{
	padding-left: 7rem;
}
.catList .tc{
	width: 30rem;
	margin: auto;
	display: block;
	text-decoration: none;
	color: #222;
	max-width: 100%;
	
}
.catImgCon {
	height: 27rem;
}
.catList .tc .catImg{
	transition: .2s all;
	transform: translate3d(0,0,0);
}
.catList li{
	transform: translate3d(0,0,0);
	padding-bottom: 2rem;
	
}

.catList .toAllPosts.loadMore{
	position: absolute;
	right:0;
	top:0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.catList  .toAllPosts span.tar{
	margin: 0;
}
.catList .tc:hover .catImg{
	 /*-webkit-filter: blur(6px);
  filter: blur(6px);*/
}
.catImgCon{
	z-index: 9999;
}



.catList .toAllPosts:hover span.tat{
	right:0;
	transform: scale(1.1);
}
.catList .toAllPosts:hover span.tar{
	right:0;
	transform: scale(1.1);
}

.catList  .toAllPosts span.tar{
	background-image: url(img/loadMore.svg);
}
.catList  .toAllPosts span.tat{
	font-size: 2.5rem;
}
.pHover{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;

	opacity: 0;
	transition: .3s all;

	
	z-index: 9999;
}


.pHover  .toAllPosts span.tar{
	margin: 0;
}
.pHover .toAllPosts{
	position: absolute;
	top:0;
	box-sizing: border-box;
	left: 0;
	width: 100%;
		padding: 0 1.5rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.catList .catImg{
	width: 100%;
	height: 100%;
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	max-width: 100%;
	background-size: cover;
	border-radius: 8px;

}

.hover{
	position: absolute;
	top:0;
	right:0;
	width: 30rem;
	height: 100%;
	z-index: 99999;
	opacity: 0;
	transition: .2s all;
}
.post a .bl{
	transition: .3s all;
}
.post a:hover .bl{
    /*
	 -webkit-filter: blur(6px);
  filter: blur(6px);*/
}

.post a:hover .pHover{
	opacity: 1;
}
.catList .tc:hover .hover{
	opacity: 1;
}
.catList h2{
	text-align: center;
	font-size: 3rem;
	margin-top: 0;
}
.search-form{
	border:2px solid #fff;
	border-radius: 1.6rem 1.6rem 1.6rem 0;
	height: 3rem;
	box-sizing: border-box;
}
.search-form input{
	border:none;
	background-color: transparent;
	
	font-size: 1.9rem;
	padding: 0 2rem 0 0;
	box-sizing: border-box;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
}
.search-form input[type="search"]{
	
		font-size: 3rem;
	line-height: 3.5rem;
	height: 3.5rem;
	
}
.searchOpened .lsCats li a{
	margin-bottom: 1rem;
}
.search-submit-in{
	width:3rem;
	line-height: 3.5rem;
	height: 3.5rem;
	background-image: url(img/b_mag.svg);
	background-size: 2.2rem;
	background-position: center;
	background-repeat: no-repeat;
}
.search-field-in{
	flex-grow: 1;
}
.search-form-in{
	width: 46rem;
	
	border-bottom: 1px solid #d9d9d9;
	display: inline-flex;
	padding-top: 11rem;
	margin-bottom: 6rem;
}
.search-form .search-submit{
	vertical-align: top;
	font-size: 0;
	line-height: 2.6rem;
	width: 3rem;
	background-image: url(img/mag.svg);
	background-position: center;
	background-size: 1.6rem;
	background-repeat: no-repeat;
	padding: 0;
	height: 3rem;
}
.search-field{
	height: 3rem;
	flex-grow: 1;
	color: #fff;
	font-size: 1.8rem;
	line-height: 3rem;
}
.menu-social-container .menu a{
	font-size: 0;
	height: 3rem;
	width: 3rem;
	display: block;
	background-color: #fff;
	border-radius: 1.6rem 1.6rem 1.6rem 0;
	text-decoration: none;
	margin-right: 2rem;
	
	
}
.search-form{
	display: flex;
	width:22rem;
	padding: 0 2rem 0 0;
	align-items: center;
}


.searchOpened .lsCats{
	width: 100%;
}
header .searchOpened .lsCats ul.flex{
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 7rem;
}
.lsCats li:last-child a{
	border-left: none;
}
.searchOpened{
	position: absolute;
	background-color: #fff;
	width: 81.7rem;
	top:9rem;
	opacity: 0;
	visibility: hidden;
	left:0;
	height: 33rem;
	border-radius: 8px;
	text-align: center;
	 -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	transition: .3s all;
}
.search-form.accactive .searchOpened,
.searchOpened.show{
	top:6rem;
	opacity: 1;
	visibility: visible;
}
.menu-social-container .menu a:before{
font-family: 'FontAwesome' !important;
    
    font-size: 1.8rem;
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
 
    color: #303030;
    left: 0;
    top: 0;
	
}
.menu-social-container .menu a{
	line-height: 3.2rem;
}
.fc{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	
}
.smc{
	display: flex;
	margin-top: 5.5rem;
	justify-content: center;
}
.instagram a:before{
	content: "\f16d";
}
.facebook a:before{
	content: "\f09a";
}
.youtube a:before{
	content: "\f16a";
}

.topBanner{
	
	background-size: cover;
	background-repeat: no-repeat;
}
.topBanner img{
	width: 100%;
	height: auto;
}
.maxWidth{
	max-width: 144rem;
	margin: auto;
	padding: 0 3rem;
	box-sizing: border-box;
}

header .maxWidth{
	width: 144rem;
}
header .maxWidth .flex{
	padding: 0;
}
.topBanner .maxWidth{
	height: 100%;
	flex-direction: column;
}
.topBanner h1{
	font-size: 8rem;
	white-space: pre-wrap;
	line-height: 1.06;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 400;
}
.topBanner p{
	font-size: 4rem;
	white-space: pre-wrap;
	 line-height: 1.23;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	margin-top: 1rem;
	margin-bottom: 0;
}

.slickBtn{
	width: 5.8rem;
	height: 2.5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 4rem 1.6rem;
	border:none;
	background-color: transparent;
	top:calc(50% + 2rem);
	position: absolute;
}

.slick-prev{
	background-image: url(img/prev.svg);
	right:0;
	transition: 0.2s all;
}
.slick-next{
	background-image: url(img/next.svg);
	left:0;
	transition: 0.2s all;
}

.slick-prev:hover{
	right: -1rem;
}
.slick-next:hover{
	left: -1rem;
}
.cats{
	padding-top: 5rem;
	padding-bottom: 6.4rem;
	background-color: #fff;
}
.headOfSection img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.headOfSection {
	border-bottom: 1px solid #000;
	height: 19.5rem;
	background-size: cover;
	background-position: center;
	
}
.lsHead{
	height: 100%;
	flex-direction: column;
	padding: 2rem 0;
}
.lsHead h1{
	margin: 0;
	font-size: 8rem;
}
.blog .lsHead h2{
	font-size: 3rem;
	margin: 0;
}
.home .lsHead h2{
font-size: 8rem;
	margin: 0;
}
.lsHead p{
	margin: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 3rem;
	font-weight: 700;
}
.lifeStyle{
	
	background-color: #f5d9dd;
	padding-bottom: 5rem;
	
	
}
.listOfPosts {
	padding: 0;
	position: relative;
	right:4.5rem;
	flex-wrap: wrap;
	margin-top: 2.5rem;
	/*justify-content: space-between;*/
	
}


.listOfPosts{
	justify-content: flex-start;
	max-width: 136rem;
    margin: auto;
}
.blog .listOfPosts ,.category .listOfPosts {
	right:0;
}
.single-product .listOfPosts {
	right: 0;
}
.post a{
	text-decoration: none;
	color: #222;
	display: block;
	position: relative;
}
.postBg{
	position: relative;
	
}
.post.videoArticle .postBg:before{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-image: url(img/play-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	transition: .3s all;
	transform: scale(1);
}
.post.videoArticle a:hover .postBg:before{
	
	/*transform: scale(1.1);*/
}
.post{
	padding: 0 4.5rem;
	border-radius: 5px;
	margin: 5rem 0;
	flex:0 0 25rem;
	
}
.toAllPosts{
	
	display: inline-block;
	
	font-family: 'Rubik', sans-serif;
	font-size: 3rem;
	
	color: #313131;
	font-weight: 500;
	text-decoration: none;
	transition: .3s all;
	
}
button.toAllPosts{
	background: none;
	border: none;
}
.postBg{
	height: 25rem;
	width: 25rem;
	background-size: cover;
	border-radius: 5px 5px 0 0;
}
.toAllPosts span.tar{
	background-size: 5rem;
	display: block;
	margin: auto;
	position: relative;
	right:0;
	width: 5rem;
	height: 5rem;
	background-image: url(img/toall.svg);
	background-position: top center;
	background-repeat: no-repeat;
	transition: .3s all;
}
button.toAllPosts span.tar{
	background-image: url(img/loadMore.svg);
}
.toAllPosts span.tat{
	
	display: block;
	position: relative;
	right:0;
	transition: .3s all;
	transition-delay: .1s;
	margin-top: .5rem;
	
}

.listOfPosts  .toAllPosts span.tar,.listOfPosts .toAllPosts span.tat,.product .toAllPosts span.tat,.product .toAllPosts span.tar{
	right: -1rem;
}
.product .hover{
	width: 100%;
}
.postBg{
	border-radius: 8px;
}
.toAllPosts:hover span.tat,.product .toAllPosts:hover span.tar{
	right:0;
}
.toAllPosts:hover span.tar,.product .toAllPosts:hover span.tar{
	right:0;
}
button.toAllPosts:hover span.tat{
	right:0;
	transform: scale(1.1);
}
button.toAllPosts:hover span.tar{
	right:0;
	transform: scale(1.1);
}

.post h3{
	background-color: #fff;
	font-size: 2.1rem;
	padding: 0 1rem;
	box-sizing: border-box;
	height: 7.5rem;
	margin: 0;
	border-radius: 0 0 5px 5px ;
	
}
.posts{
	padding-bottom: 4rem;
}
.newsLetterArea{
	background-color: #ffe993;
	height: 48rem;
	padding: 2rem 0;
	
}
.newsLetterArea .maxWidth{
	background-position: left center;
	background-repeat: no-repeat;
	height: 100%;
	background-size: contain;
	padding: 0;
}

.nlContent{
	width: 80rem;
	height: 100%;
	flex-direction: column;
}

input[type="submit"]:disabled {
   opacity: .3;
	
}

.nlContent h2{
	font-size: 3rem;
	margin: 0 0 1.2rem 0 ;
	
}
.nlContent p{
	font-size: 1.8rem;
	white-space: pre-wrap;
	text-align: center;
	margin: 0 0 2rem 0 ;
	  line-height: 1.56;

	
}

.nlContent input[type="text"]{
	line-height: 3.6rem;
	width: 30rem;
	height: 3.6rem;
	 border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.04);
  border: solid 1px #d9d9d9;
	padding: 0 1.5rem;
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
}

.acct{
	display: flex;
	width: 45rem;
	align-items: flex-start;
	margin-bottom: 1.5rem;
	
}
.page-template-about  .acc{
	overflow: hidden;
}

.page-template-about h1{
	margin-bottom: 0;
}
.acct .text{
	text-align: right;
	font-size: 1.4rem;
	padding-right: 1.5rem;
	
}
.nlContent input[type="checkbox"]{
	
	position: relative;
	top:.3rem;
}

.nlContent input[type="submit"]{
	transition: .3s all;
  height: 4.5rem;
  border-radius: 8px;
  background-color: #313131;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
  border: solid 1.9px #313131;
	color: #fff;
	padding: 0 3rem;
	font-family: 'Rubik', sans-serif;
	font-size: 1.8rem;
	margin-top: 4rem;
}
.single-post .wpcf7-list-item.first.last{
	display: flex;
}
.coverCon{
	box-shadow: 0 32px 24px 0 rgba(0, 0, 0, 0.5);
}
.nlContent {
	text-align: center;
}
.instush{
	box-shadow: 0 32px 24px 0 rgba(0, 0, 0, 0.5);
}
footer{
	 background-color: #313131;

	
	z-index: 0;
	
	
height: 30rem;
}
.footerTop{
	padding-top: 4.7rem;
}
.f30{
	flex: 0 0 25%;
}
#menu-footer{
	display: flex;
	justify-content: center;
}
.f20{
	flex: 0 0 20%;
}
.reg a{
	color: #222;
}
#menu-footer a{
	
  text-decoration: none;
  font-size: 1.9rem;
  line-height: 1.58;
font-family: 'Rubik', sans-serif;
  color: #ffffff;
margin: 0 1.8rem;
}

.footerHome{
	background-image: url(img/nikol-logo@2x.png);
	background-size: 22.61rem 10.3rem;
	width: 22.61rem;
	height: 10.3rem;
	display: inline-block;
	position: relative;
	top:-1rem;
}
.logoCon{
	text-align: center;
}

.footerTop{
display: flex;	
	
}
.f33{
	flex: 0 0 33%;
	display: flex;
	justify-content: center;
}
#menu-footer-bottom{
	display: flex;
}


.footerBottom{
	margin-top: 4.5rem;
	height: 5.1rem;
	display: flex;
	align-items: center;
	border-top:1px solid #fff;
}
#menu-footer-bottom a:before{
	content:'|';
	padding-left: 1.5rem;
}
#menu-footer-bottom a{
	text-decoration: none;
	margin-right: 1.5rem;
}
.footerBottom,.footerBottom a{
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
}

.post.hot:before{
	content:'חדש לגמרי';
	
	width: 10rem;
	height: 10rem;
	background-color: #ffe993;
	border-radius: 5rem 5rem 5rem 0;
	font-family: 'Rubik', sans-serif;
	 color: #313131;
	font-size: 2.5rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.12;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:-5rem;
	right:0;
	z-index: 9;
}

.single-product .post.hot:before{
	top:0;
}
.pImage{
	width: 23rem;
	height: 23rem;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.product{
	margin: 3rem 0;
	flex: 0 0 30%;
	padding: 0 1.5rem;
	box-sizing: border-box;
}
.productCatWrapper{
	max-width: 144rem;
	align-items: flex-start;
	margin: auto;
	margin-bottom: 4rem;
	
}
.catNav{
	flex:0 0 21.7rem;
	padding-left: 3rem;
	box-sizing: border-box;
}

#breadcrumbs{
	width: 144rem;
	margin: auto;
	padding: 1rem 3rem 0 3rem;
	box-sizing: border-box;

}

.catNav h3{
	
	font-weight: 700;
	border-bottom: solid 1px #d9d9d9;
	background-image: url(img/cat_arr.svg);
	background-position: left 0 center;
	background-repeat: no-repeat;
	background-size: 1.4rem 1rem;
	
	
}
.single .catNav h3{
	background: none;
	cursor: pointer;
	
}
.single .catNav h3 .a{
	display: flex !important;
	width: 100%;
	align-items: center;
	
}
.name{
	display: block;
	flex-grow: 1;
}
.arr{
	width: 1.4rem;
	height: 1rem;
		background-image: url(img/cat_arr.svg);
	display: inline-block;
	background-size: 1.4rem 1rem;
	transition: .3s all;
	transform: rotate(0deg);
}

.navOpen .arr{
	transform: rotate(-90deg);
}
.sub a{
	padding-right: 1rem;
	box-sizing: border-box;
}
.catNav a,.single .catNav h3 .a{
	font-size: 1.4rem;
	color: #313131;
	text-decoration: none;
	display: block;
	line-height: 4rem;
}


.subCatsProducts{
	flex-grow: 1;
}
.subCatsProducts > a,
a.pcat_expand,
.subCatsProducts h2{
	font-size: 3rem;
	line-height: 7rem;
	border-radius: 8px;
padding: 0 1.5rem;    color: #222;font-weight: 500;
	box-sizing: border-box;
	margin-top: 4.1rem;
        display: block; text-decoration: none;
font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
.product h3{
	font-size: 2.1rem;
	text-align: center;
}
.product span.tar{
	margin: 0;
}
.product a{
	text-decoration: none;
	color: #313131;
	position: relative;
	display: block;
}
.product .toAllPosts.loadMore {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.product a:hover .hover{
	opacity: 1;
}

.product a:hover .pImage,.product a:hover .pImage+h3{
	/*	 -webkit-filter: blur(6px);
  filter: blur(6px);*/
}
.sub a{
	border-radius: 8px;
	
}

 .sub{
	display: none;
}
.archive .sub{
	display: block;
}
.single  .navOpen .sub{
display: block;
	
}
.aboutProduct{
	font-size: 2rem;
	display: flex;
	flex-direction: column;

}

.kshurot{
	
	padding-left: 2rem;
	box-sizing: border-box;
	margin-top: 3rem;
}
.yashlimu{
		
	margin-top: 3rem;
}
.productGallery {
	justify-content: flex-end;
}
.mainProductContent{
	flex-wrap: wrap;
	width: 116.3rem;
	
	
}
.productGallery img{
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
.single .productCatWrapper {
	padding:8.5rem 3rem 0 3rem;
	justify-content: space-between;
	
	box-sizing: border-box;
}

.f50{
	/*flex: 0 0 50%;*/
	flex: 0 0 50%; min-width: 50%;
}
.single-product .bottomContact{
	font-size: 0;
}
.single-product .question,.single-product .idea{
	display: inline-block;
	width: 47%;
}
.single-product .idea{
	margin-right: 6%;
}
.aboutProduct h1{
	font-size: 3rem;
	line-height: 1.23;
}
.aboutProduct .cntn ul{
	list-style: url(img/bullet.svg);
	padding-right: 2rem;
}

.aboutProduct ul li{
	padding-right: 1rem;
	margin-bottom: .5rem;
	
}
.thumbs button{
	height: 8.8rem;
	width: 9.2rem;
	background: none;
	box-sizing: border-box;
	 border: solid 1px #d9d9d9;
	padding: 0;
	margin: 0;
	display: inline-block;
	
}
.thumbs {
	height: 48.3rem;
}
.thumbsCon{
	height: 48.3rem;
}
.thumbs  li{
	margin-bottom: .6rem;
	text-align: left;
}
.thumbs li:last-child{
	margin-bottom: 0;
}
.thumbsCon .slick-disabled{
	opacity: .5;
}
.single .btap .toAllPosts span.tar{
	width: 2.4rem;
	height: 2.4rem;
	background-size: 2.4rem;
}
.single .btap .tat{
	font-size: 1.4rem;
}
.thumbs button img{
	max-width: 90%;
	height: auto;
	max-height: 100%;
	
}
.fiCon{
	
	height: 48rem !important;
	border: solid 1px #d9d9d9;
	margin-left: .6rem;
	position: relative;

}
.dynamic{
	opacity: 0;
	animation: op .3s;
	animation-fill-mode: forwards;
}

@keyframes op{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.fiCon.loading:before{
	position: absolute;
	content: '';
	display: block;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(img/roll.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.kshurot h2,.yashlimu h2{
	line-height: 6.9rem;
	border-radius: 8px;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 1.5rem;
	font-weight: 700;
	
}

.kshurot h2{
background-color: #e9cbcf;
}
.yashlimu h2{
	background-color:#9bd7d2



}
.aboutProduct{
	padding-left: 2rem;
	box-sizing: border-box;
}

.aboutProduct p{
	margin-top: 0;
	line-height: 1.67;
}
.shareArea ul{
	justify-content: flex-end;
}
.shareArea button,.shareArea a{
	display: block;
	border:none;
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 50% 50% 50% 0;
	
}
.shareArea{
	flex-grow: 1;
}
.whatsapp{
	background-color: #25d366;
	background-image: url(img/whatsapp.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.4rem 1.4rem;
}

.mail{
	background-color: #fec24e;
background-image: url(img/mail.svg);
	background-repeat: no-repeat;
	background-position: center;
background-size: 1.2rem .9rem;

}
.shareArea .facebook{
	background-color: #384fa6;
	background-image: url(img/fb.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem 1.5rem;
}

.question,.idea{
	font-family: 'Rubik', sans-serif;
	font-size: 2.1rem;
	white-space: pre-wrap;
	position: relative;
	line-height: 1.24;
	font-weight: 500;
	box-shadow: 0 2px 6px 0 rgba(97, 97, 97, 0.9);
	flex: 0 0 48%;
	transition: .3s all;
	transform: scale(1);
	
}
.question:hover,.idea:hover{
	transform: scale(1.05);
}
.tfb:before{
	font-family: 'FontAwesome';
    font-size: 1.8rem;
   background-color: #384fa6;
	color: #fff;
  
    text-align: center;
   
  content: "\f09a";
    margin-left: 1rem;
	
	height: 3rem;
    width: 3rem;
    display: inline-block;
 
    border-radius: 1.6rem 1.6rem 1.6rem 0;
    text-decoration: none;
  
}
.address .tfb:before{
	color: #fff;
	background-color: transparent;
	margin-left: 0;
	font-size: 2.2rem;
	position: relative;
    top: -.2rem;
	
	  
    height: 3rem;
    width: 3rem;
   
    background-color: #3B5998;
    border-radius: 1.6rem 1.6rem 1.6rem 0;
    text-decoration: none;
    margin-left: 2rem;
	
	
}
.tu p{
	white-space: pre-wrap;
}
.address p{
	white-space: pre-wrap;
}
.hit{
	font-size: 1.4rem;
}
.tu{
	 background-color: #9bd7d2;
	z-index: 9999;
	height: 105%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
	
	
}
.tu.show{
	opacity: 1;
	visibility: visible;

}
.tt{
	font-family: 'Rubik', sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 0;
}
.tst{
	font-size: 1.8rem;
	margin-top: 0;
}
.question:before,.idea:before{
	content: '';
	display: block;
    border: none;
    width: 3rem;
    height: 3rem;
    border-radius: 50% 50% 50% 0;
	position: absolute;
	top:-1.5rem;
	right: -1.5rem;
	background-color: #303030;
	background-repeat: no-repeat;
	background-position: center;
}
.question:before{
	background-image: url(img/qm.svg);
}

.idea:before{
	background-image: url(img/bulb.svg);
}
.question{
	background-color: #B6D4E7;
	border:none;
	height: 8rem;
	border-radius: 8px;
	padding: 0 3rem;
	
}
.idea{
	background-color: #FEE894;
	border:none;
	height: 8rem;
	border-radius: 8px;
	padding: 0 3rem;
}
.bottomContact{
	justify-content: space-between;
	padding-right: 1.5rem;
	box-sizing: border-box;
}
.kshurot li{
	padding: 0;

	margin: 0;
}
.yashlimu li .pImage{
	width: 21rem;
	height: 21rem;
	background-size: contain;
}
.kshurot ul{
	justify-content: space-between;
}
.yashlimu ul{
	justify-content: space-between;
}
.yashlimu .product{
	margin: 0;
	flex: 0 0 21rem;
}


.catIconCon{
	height: 2.43rem;
	width: 2.43rem;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #313131;
	border-radius: 50% 50% 50% 0;
	margin-left: .5rem;
}

.blog,.category {
	background-color:  #f5d9dd;
}
.lsCats ul{
	
	justify-content: space-between;
}
.lsCats {
	width: 128rem;
	padding: 2.1rem 0;
}
.lsCats li{
	flex-grow: 1;
	display: flex;
	justify-content: center;
	
}
.innerInstush{
	overflow: hidden;
	height: 700px !important;
}

.searchOpened .tri{
	right: auto;
	left:4rem;
}
.lsCats li a{
	border-left:1px solid #313131;
	font-size: 2.1rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	text-decoration: none;
	 color: #313131;
	line-height: 3.1rem;
	align-items: center;
	padding:  0 2rem !important;
	width: 100%;
justify-content: center;
	
}

.lsCats li:last-child {
	border:none;
}

.lsBanner .slickBtn{
	top:calc(50% - 1.6rem);
}

.makeGal a{
	text-decoration: none;
	color: #fff;
	position: relative;
}
.lsBanner {
	padding: 0 4.5rem;
	
}
.lsBanner .slick-prev{
	right:-1rem;
}
.lsBanner .slick-prev:hover{
	right: -2rem;
}
.lsBanner .slick-next:hover{
	left: -2rem;
}
.lsBanner .slick-next{
	left:-1rem;
}
.lsBanner img{
	width: 100%;
}
.textCon{
	right: 0;
	bottom: 2rem;;
	z-index: 999;
}

.textCon  h2{
	font-size: 3rem;
	padding: 0 1rem;
	margin: 0;
}
.textCon  p{
	font-size: 1.8rem;
	padding: 0 1rem;
	margin: 0;
}

.singleWrapper{
	max-width: 127.9rem;
	padding-top: 5rem;
	margin:  auto;
}
p{
	font-weight: 400;
}
.single h1{
	font-size: 3rem;
	margin-bottom: 0;
}
.single-product h1{
	margin-bottom: 1.5rem;
}
.subt{
	margin-top: 0;
	font-size: 1.8rem;
}
.artSide{
	flex:0 0 100rem;
}
.artSide .topImg{
	width: 100%;
	height: auto;
}
article{
	width: 81rem;
	margin: auto;
}
article p{
	font-size: 1.8rem;
	line-height: 1.56;
}
article img{
	width: 81rem;
	height: auto;
	padding: 3rem;
	box-sizing: border-box;
}
article iframe{
	width: 81rem;
	height: 40rem;
	padding: 3rem;
	box-sizing: border-box;
}
.artShare{
	width: 75rem;
	margin: auto;
	
	box-sizing: border-box;
	background-color: #f5d9dd;
	 border-radius: 8px;
}

.artShare h2{
	line-height: 4.8rem;
	background-color: #ffe993;
	margin: 0;
	text-align: center;
	font-size: 2.5rem;
  border-radius: 8px;



}
.artShare ul{
	height: 7.3rem;
	justify-content: center;
	align-items: center;
}
.artShare ul li a,.artShare ul li button{
	line-height: 4.1rem;
	height: 4.1rem;
	border:none;
	border-radius: 2rem 2rem 2rem 0;
	font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
	padding-right: 4rem;
	padding-left: 1rem;
	display: block;
	background-position: right 1rem center;
	margin: 0 1.4rem;
}

.artShare .whatsapp{
	background-size: 2.4rem 2.2rem;
}
.artShare .mail{
	background-size: 2.2rem 1.4rem;
}
.artShare .facebook{
	background-color: #384fa6;
	background-image: url(img/fb.svg);
background-repeat: no-repeat;


	background-size: 2rem 2rem;
}
.fbsc{
	text-align: center;
	margin: 3rem 0;
}
.fbCDomments{
	width: 75rem;
	margin: auto;
}

.contentCon{
	padding-bottom: 4rem;
}

.single-post .nlContent{
	width: auto;
}
.single-post .newsLetterArea{
	height: auto;
}
.hln{
	width: 100%;
	height: 100%;
}
.single-post .newsLetterArea{
	
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
}
.leftr{
	flex: 0 0 27rem;
	padding-right: 4rem;
}
.single-post .acct{
	width: auto;
}

.single .nlContent input[type="text"]{
	width: 20rem;
}
.single-post .newsLetterAreaCon{
	background-color: #ffe993;
	border-radius: 8px;
	padding: 2rem 1rem;
	box-sizing: border-box;
}

.single .nlContent h2{
	 line-height: 1.12;
	white-space: pre-wrap;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
	
}

.single .yashlimu{
	width: 100%;
}
.single-post .productList{
	justify-content: center;
}
.ideaPopup .popUpFrame:before{
	background-image: url(img/bulb.svg);
	background-size: 8rem auto;
	background-repeat: no-repeat;
	background-position: center;
}
#menu-main-menu li,#menu-main-menu li a{
	/*line-height: 8.2rem;
	height: 8.2rem;*/
}
.ideaPopup .popUpHead{
	background-color: #ffe993;
}
.single .product h3{
	margin-bottom: 0;
	margin-top: 0;
}
.skshurot h2{
	font-size: 3rem;
	line-height: 7rem;
	text-align: center;
	 background-color: #9bd7d2;
	margin: 0;
}
.skshurot{
	background-color: #f5d9dd;
	padding: 0 0 4rem 0;
}
.aboutTop{
	background-color: #b7d5e8;
	background-position: top left;
	background-repeat: no-repeat;
	/*height: 80rem;*/
	background-size: 40%;
	padding-bottom: 10rem;

}
.acc p{
	width: 72rem;
}

.aboutTop h1{
	font-size: 8rem;
}
.aboutTop .aboutBold{
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.56;
	white-space: pre-wrap;
}

.aboutTop .reg{
	
	font-size:1.8rem;
	line-height: 1.56;
	white-space: pre-wrap;
}
.contactWrapper{
	background-color: #9bd6d1;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.contactWrapper {
	min-height: 80rem;
}
.contactBottom form{
	display: flex;
	flex-direction: column;
}
.contactWrapper{
	overflow: hidden;
}
.contactWrapper h1{
	font-size: 8rem;
	margin-bottom: 0;
}

.contactWrapper h2{
	font-size: 3rem;
}

.contactWrapper h3{
	font-size: 2.1rem;
	white-space: pre-wrap;
	margin-bottom: 1rem;
}

.req{
	display: block;
	margin-bottom: 1rem;
}
.contactBottom {
	width: 82rem;
	padding-bottom: 5rem;
}
.contactBottom .form{
	flex:0 0 50%;
	padding-left: 10rem;
	font-size: 1.4rem;
	box-sizing: border-box;
}


.contactBottom .form input,.contactBottom .form textarea{
	font-size: 1.8rem;
}
.contactBottom .form input{
	line-height: 3rem;
	height: 3rem;
	box-sizing: border-box;
	width: 31.5rem;
	border-radius: 8px;
	border:none;
	padding: 0 1.5rem;
}

.contactBottom .form textarea{
	
	box-sizing: border-box;
	width: 31.5rem;
	height: 10rem;
	border-radius: 8px;
	border:none;
	padding:1.5rem;
}
.contactBottom .form .wpcf7-form-control-wrap{
	display: inline-block;
	margin-bottom: 2rem;
}

.videoArticle .pHover{
	/*display: none !important;*/
}
.videoArticle .bl{
	/*filter: none !important;*/
}
header nav .menuWrapper{
	display: flex;
	flex-grow: 1;
}
.desktop{
	display: block;
}
.flex.desktop{
	display: flex;
}
.contactBottom .form label{
/*	clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;*/
}
.contactBottom .form label[for="message"],.contactBottom .form label[for="apprbox"] span,.contactBottom .form label[for="message"],.contactBottom .form label[for="appr"],.contactBottom .form label[for="appr1"],.contactBottom .form label[for="appr2"],.contactBottom .form label.cb{
	clip:auto !important;
   height: auto !important; 
   width: auto !important;  
   overflow: visible !important; 
   position: static !important;
	font-size: 1.8rem;
}
.contactBottom .form label[for="appr"],.contactBottom .form label[for="appr1"],.contactBottom .form label[for="appr2"],.contactBottom .form label[for="apprbox"]  span{
	font-size: 1.4rem;
	margin-bottom: 1rem;
	padding-right: 2rem;
	position: relative !important;
}

.contactBottom .form label[for="appr"]:before,.contactBottom .form label[for="appr1"]:before,.contactBottom .form label[for="appr2"]:before,.contactBottom .form label[for="apprbox"] span:before{
	width: 1.1rem;
	height: 1.1rem;
	font-weight: bold;
	line-height: 1.1rem;
	font-size: 1rem;
	border:1px solid #000;
	content: '';
	position: absolute;
	top:.5rem;;
	right:0;
	display: block;
	text-align: center;
}
.mCon{
	flex-grow: 1;
}
 .form label{display: block; width:100%;}
 .contactBottom .form input[type="checkbox"]{    display: inline-block;
    line-height: 1.8rem;
    height: 1.8rem;
    width: 1.8rem;
    vertical-align: top;
    margin-top: 0.5rem;
}

input[type="checkbox"] + .wpcf7-list-item-label{
        font-size: 1.4rem;
    max-width: 27rem;
    display: inline-block !important;
    text-align: right;
    padding-right: 1rem;
}

.mCon textarea,.mCon .message{
	width: 100% !important;
}
 
.contactBottom .form label[for="apprbox"]{
       position: relative !important;
}
.contactBottom .form label[for="apprbox"] input[type="checkbox"]{
    display: block; opacity: 0; position: absolute; width:100%; height:100%; top:0; right:0; z-index:1;
}
.contactBottom .form label[for="apprbox"] span{    float: right;}
.contactBottom .form p,.contactBottom .form label[for="apprbox"] p{
display: inline-block;
    float: right;
    width: calc(100% - 37px);
    margin: 0 0 10px 0;
 }
.contactBottom .form .schwan_gen_form p,.contactBottom .form .schwan_gen_form label[for="apprbox"] p{
 
    font-size: 1.4rem;
}




.contactBottom input[type="checkbox"]:checked~label:before{
	/*content: '✓';*/
} 
.contactWrapper  .contactBottom input[type="checkbox"]:checked~span:before{
/*content: '✓';*/
} 
.contactBottom .form .wpcf7-form-control-wrap.message{
	margin-bottom: 1rem;
}

.contactBottom input[type="submit"]{
	display: inline-block;
	width: 17rem;
	padding: 0 3rem;
  height: 45px;
  border-radius: 8px;
  background-color: #ffe993;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
  border: solid 1.9px #ffe993;
}
.address{
	font-size: 1.8rem;
	line-height: 1.56;
	padding-right: 9rem;
	border-right: 1px solid #000;
	align-self: flex-start;
	flex:0 0 37rem;
	
}

.address a{
	color: #222;
	text-decoration: none;
}
address{
	white-space: pre-wrap;
	font-style: normal;
}
.menu-item-type-custom.menu-item-has-children>.sub-menu{
	position: absolute;
	display: flex;
	background-color: #fff;
	padding: 5rem;
	top:12rem;
	height: 45rem;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.22);
	border-radius: 8px;
	
opacity: 0;
	visibility: hidden;
	transition: .3s all;
}
.menu-item-type-custom.menu-item-has-children.accactive > .sub-menu,
.menu-item-type-custom.menu-item-has-children>.sub-menu.show{
	opacity: 1;
	visibility: visible;
	top:9rem;
}

.nlTu{
	text-align: center;
	background-color: #ffe993;
	z-index: 999999;
	flex-direction: column;
	background-size: cover;
	transition: .3s all;
	opacity: 0;
	visibility: hidden;
	
}
.nlTu.show{
	opacity: 1;
	visibility: visible;
}
.cls{
	position: absolute;
	left:1rem;
	top:1rem;
	width: 2.1rem;
	height: 2.1rem;
	z-index: 999999;
	background-image: url(img/cls.svg);
	background-size: 2.1rem;
	background-repeat: no-repeat;
	border:none;
	background-color: transparent;
}
.tri{
	position: absolute;
	top:-2.7rem;
	right:2rem;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 2.25rem 2.7rem 2.25rem;
border-color: transparent transparent #ffffff transparent;
}
.menu-item-type-custom.menu-item-has-children>.sub-menu:before{
	position: absolute;
	content: '';
	bottom: 0;
	right:0;
	height: 6rem;
	display: block;
	background-color: #9AD6D1;
	width: 100%;
	border-radius: 0 0 8px 8px;
}
.menu-item-type-custom.menu-item-has-children>.sub-menu:after{
	position: absolute;
	content: '';
	bottom: 0;
	right:0;
	height: 100%;
	display: block;
	background-image: url(img/all.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 100%;
	pointer-events: none;
}
.menu-item-type-custom.menu-item-has-children .sub-menu a{
	font-size: 1.4rem;
  
	 color: #313131;
	line-height: 3rem;
}
.menu-item-type-custom.menu-item-has-children>.sub-menu>.menu-item-has-children{
	margin-left: 4rem;
}
.menu-item-has-children>.sub-menu>.menu-item-has-children>a{
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	border-bottom:solid 1px #d9d9d9;
	line-height: 3rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	display: block;

}

.productPopUp,.videoLightBox{
	background-color: rgba(49, 49, 49, 0.75);
	z-index: 99999999;
	transition: .5s all;
	
	
}
.videoLightBox{
	opacity: 0;
	visibility: hidden;
	transition: .5s all;
}

.videoLightBox.showVid{
	opacity: 1;
	visibility: visible;
}
.videoLightBox .iFrameCon{
	padding: 4rem;
	background-color: #fff;
	border-radius: 8px;
}
.videoLightBox .iFrameCon{
	 width: 60rem;
    height: 40rem;
}
.videoLightBox .iFrameCon iframe {
    width: 60rem;
    height: 40rem;
    position: relative;
}
.popUpFrame{
	background-color: #fff;
	border-radius: 8px;
}

.popUpHead{
	height: 11.3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 8px 8px 0 0;
}
.questionPopup .popUpHead{
	background-color: #B6D4E7;
	
}

.popUpHead h2{
	font-size: 3rem;
	margin: 0;
}
.popUpHead p{
	font-size: 1.8rem;
	margin: 0;
}

.productPopUp .contactBottom .form{
	flex: auto;
	
	padding: 4rem 8rem 0 8rem;
}
.productPopUp .contactBottom .form input,.productPopUp .contactBottom .form textarea{
	border:1px solid #d9d9d9;
}
.productPopUp .contactBottom form{
	width: 66rem;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.mCon label{
	display: block;
}
.spacer{
	width: 40%;
}
.productPopUp .text-align-center{
	width: 100%;
}
.popUpFrame:before{
	width: 12.8rem;
	height: 12.8rem;
	background-color: #303030;
	position: absolute;
	top:-6.4rem;
	right: -6.4rem;
	border-radius: 50% 50% 50% 0;
	content: '';
	display: block;
	z-index: 999999;
	
}
.questionPopup  .popUpFrame:before{
	background-image: url(img/qm.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 4.5rem 7.5rem;
}
.productPopUp .text-align-center input{
	border: none !important;
}

.questionPopup,.ideaPopup{
	opacity: 0;
	visibility: hidden;
	
}

.popUpFrame{
	transition: .5s all;
	position: relative;
	top:3rem;
}

.productPopUp.show{
	visibility: visible;
	opacity: 1;
}
.productPopUp.show .popUpFrame{
	top:0;
}

.search h1{
	font-size: 8rem;
	padding-top: 2rem;
	margin-bottom: 0;
}
.search h2{
	font-size: 3rem;
	padding-top: 2rem;
	margin-top: 0;
}

.bottomContact{
	margin-top: 4rem;
}

.bld{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 2.1rem;
	margin-bottom: 0;
}

.question, .idea{
	width: 100%;
	margin-top: 2rem;
}
.nlTu a{
	color: #222;
}
.questionPopup .putu{
	background-color: #B6D4E7;
	z-index: 99999;
	    border-radius: 8px;
}

.putu{
	opacity: 0;
	visibility: hidden;
	transition:1s all;
}
.bgCona{
	width: 33.333%;
	height: 100%;
	background-size: 84rem 80rem;

}
.putu.show{
	opacity: 1;
	visibility: visible;
}
.ideaPopup .putu{
    background-color: #ffe993;
	z-index: 99999;
	    border-radius: 8px;
}
.questionPopup  .putu  .popUpHead{
	background-color: transparent;
}
.putu{
	background-position: bottom 3rem center;
	
	background-repeat: no-repeat;
	background-size: 58.7rem 44.1rem;
	
	padding: 5rem;
	box-sizing: border-box;
}
.mobile{
	display: none;
}
.instush{height:700px !important;}
.tof1{
	flex-grow: 1 !important;
}

.toGalProd{
	width: 100%;
	margin: auto;
}
.productGallery img{
	margin: auto;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.contactBottom .form label[for="message"], .contactBottom .form label[for="email"], .contactBottom .form label[for="l_name"], .contactBottom .form label[for="f_name"]{
  display:block;
}






/* forms new */
.schwan_form .flc{clear: both;}
.schwan_form{width:100%;}
.schwan_form input[type="text"],.schwan_form input[type="email"],.schwan_form textarea{
        height: 3rem;
    box-sizing: border-box;
    width: 31.5rem;
    border-radius: 8px;
    border: none;    font-size: 1.8rem;
        border: 1px solid #d9d9d9;
    padding: 0 1.5rem;
}
.contactBottom  .schwan_form textarea{width:100%;     padding: 1.5rem;   height: 10rem; }
.schwan_form label{display: block; width:100%; font-size: 1.4rem;}
.field_outer{width:100%;      position: relative;  margin-bottom: 2rem; }
.schwan_form button{display: block;
    width: 17rem; margin:auto;
    padding: 0 3rem;
    height: 45px;    font-size: 1.8rem;
    border-radius: 8px;
    background-color: #ffe993;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
    border:0; line-height: 45px;}
.schwan_form p{font-weight: 700;}

.agreenllabel {      margin-bottom: 2rem;}
.agreenllabel  span{  font-size: 1.4rem;
    max-width: 27rem;
    display: inline-block !important;
    text-align: right;
    padding-right: 1rem;}

.popUpFrame .agreenllabel span{max-width:60rem;}
.contactBottom .form p{    display: block;    width: 100%;}


#rep_msg{font-size:1.2rem; margin:0.5rem 0;     width: 31.5rem;}
.schwan_nl_form.schwan_form button{    transition: .3s all;
    height: 4.5rem;
    line-height: 4.5rem;
    border-radius: 8px; width:auto;
    background-color: #313131;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.14);
    border: solid 1.9px #313131;
    color: #fff;
    padding: 0 3rem;
    font-family: 'Rubik', sans-serif;
    font-size: 1.8rem;
    margin-top: 0rem;}
.nlContent input[type="text"]{margin-bottom:0;}
.schwan_nl_form.schwan_form label{text-align: right;}
.schwan_form.schwan_nl_form p{margin:0;}
.schwan_form.schwan_nl_form .agreenllabel{margin-bottom:0.5rem;}
/* forms new */


.owl-carousel a *, .owl-carousel a{text-decoration: none !important;}


.topBanner img.main_img_items{width:66rem; float:left; z-index: 5;    left: 0;}
.topBanner img.main_img_items_frame{    width: 56rem;
    left: 6rem;
    float: left; z-index: 10;}
.topBanner .maxWidth{position:relative;}


 