/*all*/
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}

body{
	font-family: 'Poppins', sans-serif;
	background:#fff;
	margin:0px;
}
body.active{
	overflow:hidden;
}
body a{text-decoration:none}
body img{
	border:none;
	max-width:100%;
	width:auto;
	text-decoration:none;
}
body a,:before,:after,li,img, .transitionEl,
body > header .right nav.active .moduletable_menu,
body > section .navigation > div, li a span, li a strong, label,body.active,
body > footer .map.active .mapHidden .mapInit .formBox,
body > footer .map.active .mapHidden, button,
body > section .gallerylist .owl-nav > *,
body > header nav .parent ul,
body > header .top .contactelement .moduletable,
body > section .pathimageHeader,
body > section .multiBoxList > .left ul.nav-child, svg,
.rangeSlider__handle, .rangeSlider__buffer,.rangeSlider, .rangeSlider__fill{
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
	-ms-transition: All 0.2s ease-in-out;
	transition: All 0.2s ease-in-out;
}
/* top site - logo, contact, menu, language */
body .center,
body .item-page,
body .blog,
body > section .breadcrumbsBox h2,
body > section .breadcrumbsBox ul{
	margin:0px auto;
	max-width:1240px;
	box-sizing:border-box;
	padding: 0px 30px;
}
body .item-page,
body .blog,
body > section div.finder{
	padding:60px 28px 0;
}
body section.articlelist{
	padding:0px 28px 60px;
}	
body > section .multiBoxList .content .item-page{
	padding:0 0;
}
body .item-page a{
	font-weight: 400;
    color: #fd911d;
}
body .item-page a:hover{
	text-decoration:none;
}
.displayNone,
.hidden,
.pagination-end,
.pagination-start,
.pagination li:first-child,
.pagination li:nth-child(2),
.pagination li:nth-last-child(2),
.pagination li:last-child,
.blueBar.home,
body > section .moreLinkOffer #moreCategory,
#checkRodo{
	display:none;
}
.pagination li.pagination-next,
.pagination li.pagination-prev{
	display:inline-block;
}
.radius100,
.radiusChild100:before,
.radiusChild100:after{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.radiusChild30:before,
.radiusChild30:after,
.radius30{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.radiusSmall:before,
.radiusSmall:after,
.radiusSmall,
#wrap-contact-form104 .rf_submit{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}


/*width*/
body .width100{width:100%;}
body .width85{width:85%;}
body .width70{width:70%;}
body .width65{width:65%;}
body .width60{width:60%;}
body .width55{width:55%;}
body .width50{width:50%;}
body .width48{width:48%;}
body .width40{width:40%;}
body .width35{width:35%;}
body .width30{width:30%;}
body .width31{width:31%;}
body .width25{width:25%;}
body .width21{width:21%;}

/*floats*/
body .overflowHidden{overflow:hidden;}

/*align text */
body .alignLeft{text-align:left;}
body .alignRight{text-align:right;}
body .alignCenter{text-align:center;}

/*cookie*/
#redim-cookiehint{
	background-color: #0f9cd4;
    padding: 15px 2%;
}
#redim-cookiehint .cookiebuttons .btn{
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 7px 30px !important;
    background: #fff;
    color: #0d446d;
    font-size: 15px;
    margin-bottom: 0;
}
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: #0d446d;
    color: #ffffff;
}

/*flex*/
.flexBlock{
    align-items:center;
    display: flex;
    justify-content: space-between;
}
.flexStart{
	align-items:flex-start;
}
.flexLeft{
    justify-content: flex-start;
}
.flexRight{
    justify-content: flex-end;
}
.flexColumn{
    flex-direction: column;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
}
.flexInline,
#wrap-contact-form104 .rf_submit{
   /*  align-items: baseline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; */
    display: inline-flex;
	/*  -webkit-flex-flow: row wrap; */
	align-items:center;
	justify-content: space-between;
}
.flexWrap{
	flex-wrap:wrap;
}
.flexFull{
	flex:auto;
}
.rightSide{
    width: 100%;
}
.headerBox{
	margin-bottom:46px;
}
.headerBox h4{
	font: 400 15px Poppins;
    color: #079fe0;
}
.headerBox.orange h4{
    color: #fe951c;
}
.headerBox h3,
.headerBox h2{
	font: 600 29px Poppins;
    color: #465055;
	margin-top:-5px;
}
.headerBox p{
	color:#747677;
	font:15px Poppins;
	margin:10px auto 0;
	max-width:570px;
}
.buttonLink{
	justify-content:center;
	height:50px;
	background:#fff;
	padding:0 15px;
	min-width:145px;
	font:14px Poppins;
	color:#fff;
	border:none;
	text-align:center;
}
.buttonLink:hover,
body > section .formtop form button:hover{
	background: #fe951c; 
	color:#fff !important;
}
/*gradient*/
.gradientOrange,
.gradientOrange:hover{
	background: rgb(252,124,37);
	background: -moz-linear-gradient(45deg, rgba(252,124,37,1) 0%, rgba(254,149,28,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(252,124,37,1) 0%, rgba(254,149,28,1) 100%);
	background: linear-gradient(45deg, rgba(252,124,37,1) 0%, rgba(254,149,28,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc7c25",endColorstr="#fe951c",GradientType=1);
}
.gradientOrange:hover{
	opacity:0.9;
}
.gradientOrange.text{
	opacity:1;
}
body > .tooltip{
	display:none !important;
}

/*text article*/
/*text article*/

body > section .item-page div[itemprop="articleBody"] p,
body > section .item-page div[itemprop="articleBody"]  li,
body .products .content p,
body .products .content ul li,
body > section .productroom #tabs > .tab-content p{
	margin: 0;
    color: #7e7e7e;
    font-size: 16px;
    line-height: 1.9em;
}
body > section .item-page div[itemprop="articleBody"] p + p,
body .products .content p+p{
	margin-top:15px;
}
body > section .item-page div[itemprop="articleBody"] h3,
body > section .promotion.single .products .item .text h3,
body > section .promotion.single .list .item h3,
body > section .productroom #tabs > .tab-content h3,
body > section .twopart .contentall h3,
body .products .content h3{
	margin: 0 0 5px;
    font: 700 29px Poppins;
    color: #384d62;
}
body > section .item-page div[itemprop="articleBody"] p + h3,
body > section .item-page div[itemprop="articleBody"] ul + p,
body > section .item-page div[itemprop="articleBody"] ul + h3,
body > section .item-page div[itemprop="articleBody"] p + ul,
body > section .productroom #tabs > .tab-content p+h3{
	margin-top:30px;
}
body .products .content > *+*{
	margin-top:20px !important;
}
body > section .item-page div[itemprop="articleBody"] p + ul:not(.listoffer){
	margin-top:15px;
}
body > section .item-page div[itemprop="articleBody"] ul:not(.listoffer) li:before,
body > section .promotion.single .products .item ul:not(.listoffer) li:before,
body .products .content ul li:before{
	min-width: 5px;
    height: 5px;
    margin: 3px 10px 0 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #fcbd05;
    content: "";
    line-height: 0;
    top: 9px;
    display: inline-block;
	left: 0;
    position: absolute;
}
body > section .item-page div[itemprop="articleBody"] ul:not(.listoffer) li,
body .products .content li{
	display:block;
	position: relative;
	padding-left: 35px;
}
body > section .item-page div[itemprop="articleBody"]  ul:not(.listoffer),
body .products .content  ul{
	display: block;
    width: 100%;
	box-sizing:border-box;
}
body > section .item-page div[itemprop="articleBody"] .text ul.insideUl ul:not(.listoffer) li:before,
body .products .content ul li:before{
	background:#71c6db;
}

/*pagination*/
body > section .pagination ul{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
div.pagination{
	margin-top: 30px;
    border-top: 1px solid #f2f2f6;
    padding-top: 30px;
}
.pagination li > *{
	min-width: 40px;
    height: 40px;
    border: 1px solid #e8e8ef;
	background: #ffffff;
    color: #576372;
	display:flex;
    justify-content: center;
	align-items:center;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pagination li.active > a{
	background-color: #fe951c;
	color: #fff;
	border-color: #fe951c;
}
.pagination li > span{
    color: #e8e8ef;
	font-size:0 !important;
}
.pagination li.pagination-prev > span:before,
.pagination li.pagination-prev > a:before{
	content: "<";
    font: 22px Poppins;
}
.pagination li.pagination-next > span:before,
.pagination li.pagination-next > a:before{
	content: ">";
    font: 22px Poppins;
}
.pagination li + li{
	margin-left:15px;
}
.pagination .vm-page-counter{
	min-width: 76px;
    padding: 0 15px;
    height: 40px;
    border: 1px solid #e8e8ef;
    background: #ffffff;
    justify-content: center;
    display: inline-flex;
    align-items: center;
	font: 400 italic 14px Poppins;
    color: #576372;
}

/*mobile*/
a.mobile{
	text-transform: uppercase;
    font: 700 15px Poppins;
    align-items: center;
    justify-content: center;
    width: 120px;
    display: none;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    padding-right: 10px;
    z-index: 1001;
    float: right;
    height: 30px;
}
body.active a.mobile{
    color: #fff;
}
a.mobile span{
	margin: 0 0 0 15px;
	min-width:30px !important;
	height:4px;
	background:#fff;
	display:block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.mobile span:before,
a.mobile span:after{
	content:"";
	width:40px;
	height:4px;
	background:#fff;
	display:block;
	margin:-10px 0 0;
	position:absolute;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.mobile span:after{
	margin:10px 0 0;
}
body.dContrast.activeMobile a.mobile span,
body.yContrast.activeMobile a.mobile span,
body.active a.mobile span{
	background:transparent !important;
}
body.activeMobile a.mobile span:before,
body.activeMobile a.mobile span:after{
	margin:0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width:40px;
}
body.activeMobile a.mobile span:after{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
body.activeMobile a.mobile span{
	background: transparent;
	margin-left:0;
	width:40px;
} 
body.activeMobile a.mobile{  
	height: 44px;
    min-width: 44px !important;    
	display: flex;
    align-items: center;
}

/*table*/
body > section .table{
	overflow-x:auto;
}
body section table{
	width:100%;
	border:1px solid #efefef;
	padding:20px;
	box-sizing:border-box;
	min-width: 400px;
	text-align: left;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #384d62;

}
body section p + table,
body section h3 + table,
body section h3 + .table,
body section p + .table,
body section table + h3,
body section .table + h3,
body section .table + p,
body section table + p{
	margin-top:30px !important;
}
body section table tr:first-child th{
	border-bottom: 1px solid #efefef;
    padding: 10px 0;
    text-align: left;
    color: #1187b9;
    text-transform: uppercase;
    font: 700 17px Poppins;
}
body > section table tr td:last-child,
body > section table tr:first-child th:last-child{
	text-align:right;
}
body > section table p strong{
	color: #6c6c6c;
}
body > section table tr td p:first-child{
	margin:15px 0 10px;
}
body > section table tr td:last-child{
	width:120px;
}
body > section table tr td p,
body > section table tr td p + p{
	margin:0;
}
body > section table tr td{
	padding:8px 0;
	border-bottom: 1px solid #efefef;
}
body > section table tr:last-child td{
	border-bottom:none;
}

/*header top*/

/*rwd*/
@media all and (max-width:1000px){
	body.activeMobile{
		overflow:hidden;
	}
	body > header nav ul.flexBlock,
	body > header nav .nav > li.active:before{
		display: none;
	}
	body > header nav{
		text-align:right;
	}
	body > header nav > a.mobile{
		display: inline-flex;
	}
	body > header nav{
		z-index: 10000;
		position: relative;
	}
	body.activeMobile > header{
	    position: relative;
		z-index: 9999;
	}
	body.activeMobile > section,
	body.activeMobile > footer{
		overflow:hidden;
	}
	body > header nav div{
		top: 206px;
		left: 28px;
		margin: 0;
		max-width: inherit;
		right: 28px;
		box-sizing: border-box;
		padding: 28px 14px 0;
		position: fixed;
		bottom: 0;
		-webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
		transition: transform 1.2s, opacity 1.2s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		z-index: 9999;
		overflow: auto;
	}	
	body > section .shadow{
		-webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
		transition: transform 1.2s, opacity 1.2s;
		-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		background: rgb(50 53 62 / 0.80);
		left: 0;
		right: 0;
		top:-40px;
		bottom: 0;
		z-index: 2;
		display: block;
		position: fixed;
		z-index: 9997;
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
	}
	body > header nav.activeMobile div,
	body > section .shadow.activeMobile{
		pointer-events: auto;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	body > header nav.activeMobile div{
		bottom:28px;
	}
	body > header nav.hidden,
	body > header nav ul.flexBlock{
		display:block;
	}
	body > header nav ul.flexBlock{
	    flex-wrap: wrap;
		display: flex;
		margin: -14px;
	}
	body > header nav ul li{
	    width: 100%;
		flex: auto;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		margin: 0;
		display: flex;
	}
	body > header nav ul li a,
	body > header  nav ul li span.separator{
	    flex: auto;
		text-align: center;
		padding: 30px;
		color:#fff;
		font-size: 22px;
		background: transparent;
	}
	body > header nav ul li.active a{
		color: #292927;
	}
	body > header nav ul li+li{
		border-top: 1px solid rgb(255, 225, 126);
	}
	body > header .bottom nav ul .active a:before{
		display:none;
	}
	body.activeMobile > header nav span.separator:after{
		content: url(../images/contrast/dark/more-darkdark.png);
	}
}



















