/* DEFAULT STYLES //////////////////////////////////////////////////////////// */

*{
	margin:0; 
	padding:0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.3s;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.3s;
}

html, body{height:100%;}
html{ scroll-behavior: smooth; }
body{ padding-top: 100px; }

li{list-style:none;}
ul{margin:0px;}

.container{
	margin: 0 auto;
	transition: 0.3s;
	position: relative;
	width:1170px; 
}

.container *{transition:0.3s;}

a{text-decoration:none;}
a:hover{text-decoration: underline;}		

.mainContent{min-height: 892px;}

.whatsBtn{
	background: #0cc042;
	display: flex;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	position: fixed;
	font-size: 30px;
	color: #fff;
	bottom: 50px;
	z-index: 996;
	right: 10px;
	text-align: center;
	animation: animate 3s linear infinite;
	transition: 0.3s;
	align-items: center;
	justify-content: center;
}

.whatsBtn:hover{ text-decoration: none; }
.whatsBtn.up{ bottom: 100px; }

@keyframes animate{
	0%{ box-shadow: 0 0 0 0 rgba(12,192,66,.7); }
	40%{ box-shadow: 0 0 0 15px rgba(12,192,66,0); }
	80%{ box-shadow: 0 0 0 15px rgba(12,192,66,0); }
	100%{ box-shadow: 0 0 0 0 rgba(12,192,66,0); }
}

.upBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	border-radius:4px;
	right: 18px;
	font-size: 22px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	background: #000;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
	z-index:990;
}
.upBtn:hover{ text-decoration: none; }
.upBtn .icon{ transition: 0.0s !important; }

.upBtn,
.cd-is-visible, 
.cd-fade-out, 
.no-touch .upBtn:hover{	transition: 0.3s; }

.cd-is-visible{
	visibility: visible;
	opacity: 1;
}

.cd-fade-out:hover,
.upBtn:hover{ opacity: 1; }

.marker{
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
}


/* Main Menu ============================================== */
#mainHeader{
	height: 116px;
	position: fixed;
	z-index: 999;
	background: #fff;
	width: 100%;
	top: 0;
	left: 0;
}

.topbar .container,
#mainHeader > .container{
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: space-between;
}

#mainHeader > .container{
	align-items: normal;
    padding-top: 7px;
    height: auto;
}

#mainHeader .logo{
	display: block;
	width: 196px;
}

#mainHeader .logo img{
	width: 100%;
	display: block;
}

#mainHeader .logo .mobileIMG{ display: none; }

#mainHeader .navMainMenu{ width: calc(100% - 373px); }

#mainHeader .navMainMenu .mobileTop{ display: none; }

#mainHeader .navMainMenu .menuItems{
	padding: 0 10px;
	display: flex;
}

#mainHeader .navMainMenu .menuItems .level-0_item{
	margin: 0 15px;
	position: relative;
}

#mainHeader .navMainMenu .menuItems .sub{
	display: none;
	position: absolute;
	z-index: 99;
	background: #ccc;
	padding: 10px;
	width: 200px;
	border: solid 1px #747474;
}

#mainHeader .navMainMenu .menuItems .sub .subTop{ display: none; }

#mainHeader .navMainMenu .menuItems .level-0_item:hover .sub{
	display: block;
	right: auto;
	left: 0;
}

#mainHeader .navMainMenu .menuItems .level-0_item .subOpen,
#mainHeader .navMainMenu .menuItems .level-0_item:hover .subOpen{ display: block !important; }

#mainHeader .actionList{ width: 120px; }

		
	/* Mobile Menu -------------------------- */
	#navMobileMainMenu{ display: none; }

	#navMobileMainMenu #showMobileMenu{ 
		display: block;
		width: 47px;
		height: 45px;
		position: relative;
		background: none;
		border: 0;
		cursor: pointer;
		margin-right: 10px;
	}

	#navMobileMainMenu #showMobileMenu .trace{
		display: block;
		width: 64%;
		height: 4px;
		background: #000;
		position: absolute;
		left: 50%;
		top: 10px;
		margin-left: -32%;
	}

	#navMobileMainMenu #showMobileMenu .trace:nth-of-type(2){ top: 19px; }
	#navMobileMainMenu #showMobileMenu .trace:nth-of-type(3){ top: 28px; }

	#navMobileMainMenu #mobileMainMenu{
		position: fixed;
		border: solid 1px;
		height: 100%;
		top: 0;
		background: #fff;
		width: 84%;
		left: -94%;
		z-index: 992;
		overflow: hidden;
		border-left: 8px solid #000;
		padding: 20px;
		visibility: hidden;
	}

	
	#mobileMainMenu .mobileTop{ display: block !important; }
	#mobileMainMenu .mobileTop .companyName{
		display: block;
		font-size: 30px;
		margin-bottom: 2px;
	}

	#mobileMainMenu .mobileTop .companySlogan{ font-size: 20px; }

	#mobileMainMenu .mobileMenuItems{ margin-top: 20px; }

	#mobileMainMenu .mobileMenuItems .mobile-level-0_item{
		margin: 0 !important;
	}

	#mobileMainMenu .mobileMenuItems .mobile-level-0_item .link{
		display: flex;
		justify-content: space-between;
		border-bottom: solid 1px #000;
		padding: 10px;
	}

	#mobileMainMenu .mobileMenuItems .mobile-level-0_item .msub{
		top: 0;
		width: 100%;
		padding: 47px 20px 20px 20px;
		right: -100% !important;
		transition: 0.3s;
		height: 100%;
		overflow-y: auto;
		position: absolute;
		background: #efefef;
		visibility: hidden;
	}
	#mobileMainMenu .mobileMenuItems .mobile-level-0_item .msub.subOpen{
		right: 0 !important;
		visibility: visible;
	}

	#mobileMainMenu .mobileMenuItems .mobile-level-0_item .msub .msubTop .subBack{
		padding: 16px 20px;
		width: 100%;
		background: #000;
		top: 0;
		left: 0;
		position: absolute;
		color: #fff;
		display: flex;
	}
	#mobileMainMenu .mobileMenuItems .mobile-level-0_item .msub .msubTop .subBack .icon{ padding-right: 6px; }

	.mobileMenuClose{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.8);
		color: #fff;
		text-align: right;
		font-size: 34px;
		padding: 15px 0 0 0;
		transition: 0.5s;
		z-index: 991;
		opacity: 0;
		visibility: hidden;
	}

	.mobileMenuClose #closeMobileMenu{
		width: 16%;
		height: 60px;
		font-size: 40px;
		background: none;
		color: #fff;
	} 			
	
	html.mobileMenuOpen #navMobileMainMenu #mobileMainMenu{ visibility: visible; left: 0; }
	html.mobileMenuOpen{ overflow: hidden; }
	html.mobileMenuOpen .mobileMenuClose{ opacity: 1; visibility: visible; }

/* end: Main Menu ============================================== */



/* Forms =============================================================================== */
form fieldset{border:0px;}

form i{
	color:#d00000;
	font-style:normal;
}

form .error{
	color:#e36e25;
	font-size:13px;
}

form span.fields{
	display: block;
	font-size: 11px;
	margin-bottom: 10px;
}

form label{
	margin-bottom:12px;
	display:block;
}

form label > span{
	letter-spacing: -1px;
}

form label > span em{color:red; font-style:normal;}

form label > span i{padding-right:4px;}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form textarea,
form select{
	border: solid 1px #e2e2e2;
	border-radius: 4px;
	padding: 8px;
	background: #fff;
	box-shadow: inset 0px 0px 7px rgba(0,0,0,.1);
	height: 50px;
	font-size: 20px;
	color: #a5a5a5;
	display:block;
}

form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="tel"]:hover,
form input[type="password"]:hover,
form textarea:hover,
form select:hover{
	border-color: #c1bbbb;
	box-shadow: inset 0px 0px 7px rgba(0,0,0,.2);
	color: #676767;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus{
	border-color: #c1bbbb;
	box-shadow:0px 0px 7px rgba(0,0,0,.1);
	color: #676767;
}

form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	border: 1px solid #dedede;
	padding: 10px 36px 10px 10px;
	background: url(../../img/default/arrow.webp) no-repeat right center;
}

form button{
	display:block;
	padding:12px 15px 11px 15px;
	font-size:25px;
	text-align:center;
	border-radius:5px;
	border: solid 1px #01303c;
	background: #005569;
	transition:0.3s;
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
	margin:10px 0px 0px 0;
	cursor:pointer;
	width:160px;
}

form button:hover{
	background: #01303c;
	border-color: #00242d;
}
/* end: Forms =========================================================================== */

/* OWL Carousel ================================================================================= */
.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{display:block;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%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* end: OWL Carousel ================================================================================= */


/* SwipeBox ================================================================================= */
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#0d0d0d}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s;transition:transform .4s;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(img/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px;color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:.3s rightSpring;animation:.3s rightSpring}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:.3s leftSpring;animation:.3s leftSpring}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}


/* Responsive ------------------------------------------ */
@media only screen and (max-width: 1920px){}
@media only screen and (max-width: 1680px){}
@media only screen and (max-width: 1600px){}
@media only screen and (max-width: 1440px){}
@media only screen and (max-width: 1366px){}
@media only screen and (max-width: 1280px){}
@media only screen and (max-width: 1200px){}
@media only screen and (max-width: 1080px){}
@media only screen and (max-width: 1050px){}
@media only screen and (max-width: 1024px){}
@media only screen and (max-width: 966px){}
@media only screen and (max-width: 960px){}
@media only screen and (max-width: 950px){}
@media only screen and (max-width: 900px){}
@media only screen and (max-width: 854px){}
@media only screen and (max-width: 853px){}
@media only screen and (max-width: 800px){}

/* Mobile ---------------------------------------- */
@media only screen and (max-width: 768px){
	
	/* Header ----- */
	#navMobileMainMenu,
	#mainHeader .mobileIMG{ display: block; }

	#mainMenu,
	#mainHeader .desktopIMG{ display: none; }

}

@media only screen and (max-width: 753px){}
@media only screen and (max-width: 736px){}
@media only screen and (max-width: 720px){}
@media only screen and (max-width: 667px){}
@media only screen and (max-width: 640px){}
@media only screen and (max-width: 604px){}
@media only screen and (max-width: 600px){}
@media only screen and (max-width: 568px){}
@media only screen and (max-width: 540px){}
@media only screen and (max-width: 533px){}
@media only screen and (max-width: 480px){}
@media only screen and (max-width: 424px){}
@media only screen and (max-width: 414px){}
@media only screen and (max-width: 400px){}
@media only screen and (max-width: 384px){}
@media only screen and (max-width: 375px){}
@media only screen and (max-width: 360px){}
@media only screen and (max-width: 320px){}
/* end: Responsive ------------------------------------------ */


/* end: DEFAULT STYLES  //////////////////////////////////////////////////////////// */



/* CLIENT STYLES  //////////////////////////////////////////////////////////// */
:root{
	--defaultColor: #0895DB;
	--defaultColorHover: #0484c3;
}

/* General ----------------------- */
@font-face {
    font-family: 'InterBold';
    src: url('../fonts/inter/Inter-Bold.eot');
    src: url('../fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter/Inter-Bold.woff2') format('woff2'),
         url('../fonts/inter/Inter-Bold.woff') format('woff'),
         url('../fonts/inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterRegular';
    src: url('../fonts/inter/Inter-Regular.eot');
    src: url('../fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter/Inter-Regular.woff2') format('woff2'),
         url('../fonts/inter/Inter-Regular.woff') format('woff'),
         url('../fonts/inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterBlack';
    src: url('../fonts/inter/Inter-Black.eot');
    src: url('../fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inter/Inter-Black.woff2') format('woff2'),
         url('../fonts/inter/Inter-Black.woff') format('woff'),
         url('../fonts/inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font:12px InterRegular;
}
::-moz-placeholder { /* Firefox 19+ */
  font:12px InterRegular;
}
:-ms-input-placeholder { /* IE 10+ */
  font:12px InterRegular;
}
:-moz-placeholder { /* Firefox 18- */
  font:12px InterRegular;
}


.container{ width: 1170px; }
.h1_title{ display: none; }

body{
	font: 16px InterRegular;
	padding-top: 80px;
	color: #3C3C3C;
}

#mainHeader{
	height: 116px;
	box-shadow: 0px 1px 6px rgba(0,0,0,.2);
}

#mainHeader .navMainMenu{
	display: flex;
	justify-content: end;
}

#mainHeader .navMainMenu .menuItems{ margin-left: auto; padding-right: 0; }
#mainHeader .navMainMenu .menuItems .level-0_item{ margin: 0 7px; }

#mainHeader .navMainMenu .menuItems .link{
	display: flex;
	align-items: baseline;
	color: #000;
	padding: 10px;
	border-radius: 5px;
}
#mainHeader .navMainMenu .menuItems .link:hover,
#mainHeader .navMainMenu .menuItems .link.active{
	text-decoration: none;
	background: #0194d7;
}
#mainHeader .navMainMenu .menuItems .link:hover .text,
#mainHeader .navMainMenu .menuItems .link.active .text{color: #fff;}

#mainHeader .navMainMenu .menuItems .link > img{ margin-right: 6px; }

#mainHeader .topbar{
	height: 50px;
    background: #0c8fd2;
}

#mainHeader .topbar .socialMedia{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 48px;
    height: 30px;
}

#mainHeader .topbar .socialMedia .link{
	width: 22px;
    height: 22px;
    display: block;
}
#mainHeader .topbar .socialMedia .link:hover{ opacity: .7; }

#mainHeader .topbar .socialMedia .link svg{
	width: 100%;
	height: 100%;
	fill: #fff;
}

#mainHeader .topbar .contacts{ display: flex; }
#mainHeader .topbar .contacts .item.mobile{ display: none; }

#mainHeader .topbar .contacts .item{
	display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
}
#mainHeader .topbar .contacts .item:hover{ text-decoration: none; }
#mainHeader .topbar .contacts .item.phone{ margin: 0 18px; }

#mainHeader .topbar .contacts .item svg{
	width: 15px;
	fill: #fff;
	margin-right: 3px;
}

.pagetitle,
.sectionTitle{
	text-align: center;
	font: 34px InterBold;
	padding: 40px 0 40px;
	letter-spacing: -1px;
}

#mobileMainMenu .mobileMenuItems{ margin-top: 10px; }
#mobileMainMenu .mobileTop .companyName{
	font: 38px InterBold;
	color: var(--defaultColor);
}

#mobileMainMenu .mobileMenuItems .mobile-level-0_item .link{
	border-color: #d9d9d9;
	color: #3e3c3c;
	padding-left: 34px;
	font-size: 16px;
}

#navMobileMainMenu #mobileMainMenu{ border-left-color: var(--defaultColor); }

#mobileMainMenu .mobileMenuItems #mob_quemsomos .link{ background: url(../img/icons/about.webp) no-repeat 0 center; }
#mobileMainMenu .mobileMenuItems #mob_brands .link{ background: url(../img/icons/brands.webp) no-repeat 0 center; }
#mobileMainMenu .mobileMenuItems #mob_lines .link{ background: url(../img/icons/linesMob.webp) no-repeat 0 center; }
#mobileMainMenu .mobileMenuItems #mob_products .link{ background: url(../img/icons/products.webp) no-repeat 0 center; }
#mobileMainMenu .mobileMenuItems #mob_contact .link{ background: url(../img/icons/contactf.webp) no-repeat 0 center; }
/* end: General ----------------------- */

.imageTopPage{ width: 100%; }


/* Home ------------------- */
#aboutUs_home .sectionContent{
	display: flex;
	justify-content: space-between;
}

#aboutUs_home .sectionContent .aboutIMG{
	object-fit: cover;
	width: 48.5%;
}

#aboutUs_home .aboutContent{
	width: 48.5%;
	display: flex;
	align-items: center;
}

#aboutUs_home .aboutContent .content{ width: 80%; }

#aboutUs_home .aboutContent .content .title{
	color: var(--defaultColor);
	font: 36px InterBold;
}

#aboutUs_home .aboutContent .content .button{
	display: flex;
	margin-top: 60px;
	background: var(--defaultColor);
	width: 300px;
	height: 34px;
	color: #fff;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
#aboutUs_home .aboutContent .content .button:hover{
	text-decoration: none;
	background: var(--defaultColorHover);
}

/* end: Home ------------------- */


/* About Us -------------------------------- */
#aboutUsPage .sectionContent{
	display: flex;
	justify-content: space-between;
}

#aboutUsPage .sectionContent .aboutIMG{
	object-fit: cover;
	width: 48.5%;
}

#aboutUsPage .aboutContent{
	display: flex;
	align-items: center;
}

#aboutUsPage .aboutContent .content{ width: 100%; }

#aboutUsPage .aboutContent .content .title{
	color: var(--defaultColor);
	font: 36px InterBold;
}

#aboutUsPage .aboutContent .highlights{
	display: flex;
	justify-content: space-between;
	padding-top: 40px;
}

#aboutUsPage .aboutContent .highlights .text{
	width: calc((100% / 3) - 45px);
    border: solid 4px var(--defaultColor);
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    min-height: 180px;
    display: flex;
    align-items: center;
}

#aboutUsPage .aboutContent .highlights .text h4{
	font: 28px InterBold;
    color: var(--defaultColor);
    margin-bottom: 6px;
}

#aboutUsPage .aboutContent .highlights .text ul li{ margin-bottom: 3px; }
/* end: About Us ---------------------------- */


/* Brands ------------------------------- */
#brandsSection .sectionContent .brandContent{
	display: flex;
	align-items: center;
}

#brandsSection .sectionContent .brandsList{ margin-top: 50px; }

#brandsSection .sectionContent .brandsList{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

#brandsSection .sectionContent .brandsList li{
    width: calc((100% / 3) - 38px);
    border: solid 3px #B1B1B1;
    border-radius: 16px;
    padding: 26px;
    min-height: 280px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 18px 38px;
    align-items: center;
}
#brandsSection .sectionContent .brandsList li img{ width: 100%; }
/* end: Brands ------------------------------- */


/* Lines -------------------------------------- */
#linesSection{ padding: 40px 0; }
.linesPage #linesSection{ padding: 0; }

	/* Carousel Module -------------------- */
	.linesCarousel .item{
			width: 100%;
			background: var(--defaultColor);
			border-radius: 10px;
			position: relative;
			overflow: hidden;
			padding: 26px;
	}
	.linesCarousel .owl-item:nth-child(even) .item{ background: #B1B1B1; }

	.linesCarousel .item .container{ width: 100%; } 
	
	.linesCarousel .item .link{ 
			width: 100%;
			display: block;
			position: absolute;
			height: 100%;
			top: 0;
		left: 0;
		z-index: 1;
	}

	.linesCarousel .content{ display: none; }
	/* end: Carousel Module -------------------- */


	/* Details Module ----------------------- */
	.details .item{
		display:block;
		width: 100%;
		background: #f4f4f4;
		border-radius: 0;
		overflow: hidden;
		padding: 40px 0;;
		margin-bottom: 20px;
	}
	.details .item:nth-child(even){ background: #f4f4f4; }
	
	.details .item .container{
		width:1170px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.details .item .content{
		display: block;
		width: calc(100% - 290px);
	}

	.details .item .content .name{
		margin-bottom: 15px;
		color: var(--defaultColor);
		font-size: 26px;
	}

	.details .item img{
		display: block;
		border: 4px solid var(--defaultColor);
		width: 260px;
		height: 220px;
		padding: 30px;
	}
	/* end: Details Module ----------------------- */

/* end: Lines -------------------------------------- */


/* Brands -------------------------------------- */
#brands{ margin: 40px 0; }
#brands .sectionTitle{ font-size: 22px; }
/* end:Brands -------------------------------------- */


/* Products ---------------------------------- */
.productsList{
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
}

.productsList li{
	width: calc((100% / 3) - 38px);
	border: solid 3px #B1B1B1;
	border-radius: 16px;
	padding: 26px;
	min-height: 600px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 18px 38px;
	align-items: center;
}

.productsList li img{
	width: 100%;
	display: block;
	margin-bottom: 26px;
}

.productsList li .description,
.productsList li .name{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #3c3c3c;
	height: 100px;
	width: 100%;
}

.productsList li .buyWhatsapp{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	background: #edfbef;
	border: 1px solid #53c754;
	border-radius: 8px;
	padding: 10px 0;
	color: #53c754;
	font: 14px InterBold;
	align-items: center;
	justify-content: center;
}

.productsList li .buyWhatsapp .text{ transition:0.0s; }

.productsList li .buyWhatsapp .icon{
	width: 20px;
	fill: #53c754;
	margin-right: 5px;
	transition:0.0s;
}

.productsList li .buyWhatsapp:hover{
	text-decoration: none;
	background: #dbf7df;
	color: #388339;
	border-color: #388339;
}

.productsList li .buyWhatsapp:hover	.icon{ fill: #388339; }	
/* end: Products ---------------------------------- */


/* Contact ---------------------------------------- */
#contactSection .sectionContent.container{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
}

#contactSection .contactForm{
	width: 500px;
	position: relative;
}

#contactSection .contactForm .load{
	position: absolute;
	background: url("../img/spinnerloading.svg") no-repeat center rgb(34 34 34 / 80%);
	width: 100%;
	height: 100%;
	display: none;
}

#contactSection .contactForm.open .load{ display: block; }

#contactSection .contactForm input,
#contactSection .contactForm textarea{
	display: block;
	width: 100%;
	height: 56px;
	color: #3e3e3e;
	font-size: 18px;
	padding: 0 10px;
	margin-bottom: 8px;
	border-radius: 6px;
	border: 0;
}

#contactSection .contactForm .hEmail{ display: none; }

#contactSection .contactForm input.error,
#contactSection .contactForm textarea.error{
	background: #fff2f2;
    box-shadow: inset 0px 0px 7px rgb(247 65 65 / 80%);
}


#contactSection .contactForm .item .obs{
    display: block;
    color: #ff6666;
    font-size: 16px;
    margin: -11px 0 14px 0;
}

#contactSection .contactForm textarea{
	height: 170px;
	padding-top: 12px;
}

#contactSection .contactForm .formbtn{
	display: block;
	background: var(--defaultColor);
	padding: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 140px;
	border-radius: 5px;
}
#contactSection .contactForm .formbtn:hover{ background: #0187c9; }
#contactSection .sectionContent .map{ width: calc(100% - 532px); }

#contactSection .sectionContent .map iframe{
	width: 100%;
	height: 340px;
	border: 1px solid #e3e3e3 !important;
	padding: 5px;
}

#contactSection .sectionContent .map .address{ padding-top: 6px; }
/* end: Contact ---------------------------------------- */


/* Footer -------------------------------------- */
footer{ padding: 60px 0 30px; }

footer .container{
		display: flex;
		justify-content: space-between;
}

footer .col{ width: calc((100% / 3) - 30px); }

footer .col.colOne img{
		display: block;
	width: 200px;
	margin-bottom: 20px;
}
footer .col.colOne a > img{
		width: auto;
		margin: 10px 0 0;
}

footer .col.colOne .text{
		width: 230px;
		font-size: 13px;
		text-align: justify;
}

footer .col .title{
		color: var(--defaultColor);
    text-transform: uppercase;
    font: 15px InterBold;
    margin: 13px 0;
    height: 20px;
}

footer .col.colTwo{ padding-left: 4%; }

footer .col.colTwo .list li{ padding-bottom: 3px; }

footer .col.colTwo .list a{
		color: #3C3C3C;
		font-size: 14px;
}

footer .col.colThree{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}

footer .col.colThree .title{ width: 100%; }

footer .col.colThree .line{
		display: flex;
		align-items: center;
		margin-bottom: 20px;
}

footer .col.colThree .line .content{
		font-size: 14px;
	padding-left: 10px;
	line-height: 16px;
}
footer .col.colThree .line4 .content{ padding-left: 0; }

footer .col.colThree .line .content strong{ display: block; }

footer .col.colThree .line.line2 a{ color: #3C3C3C; }
footer .col.colThree .line.line2 a:hover{ text-decoration: none; }
/* end: Footer -------------------------------------- */


	/* Responsive ------------------------------------------ */
	@media only screen and (max-width: 1920px){}
	@media only screen and (max-width: 1680px){}
	@media only screen and (max-width: 1600px){}
	@media only screen and (max-width: 1440px){}
	@media only screen and (max-width: 1366px){}
	@media only screen and (max-width: 1280px){}

	@media only screen and (max-width: 1200px){

		.container,
		.details .item .container{ width: 900px; }

		/* Header ------------------------------- */
		#mainHeader .navMainMenu{ width: calc(100% - 290px); }
		#mainHeader .navMainMenu .menuItems{ padding: 0; }
		#mainHeader .navMainMenu .menuItems .level-0_item{ margin: 0 2px; }
		
		.brandsList li,
		.productsList li{
			width: calc((100% / 3) - 10px);
			margin: 0 5px 10px;
		}
		
		/* Footer ---------------- */
		footer .col{ width: auto; }
		footer .col.colTwo{ padding-left: 0;}
		footer .col.colThree{ width: 350px; }
	}

	@media only screen and (max-width: 1080px){}
	@media only screen and (max-width: 1050px){}
	@media only screen and (max-width: 1024px){}
	@media only screen and (max-width: 966px){}
	@media only screen and (max-width: 960px){}

	@media only screen and (max-width: 950px){
		.container,
		.details .item .container{ width: 640px; }

		/* Header ------------------------------- */
		#mainHeader .navMainMenu{ display: none; }
		#navMobileMainMenu{ display: block; }
		#mainHeader > .container{ justify-content: left; }
		#mainHeader .logo{ margin: 0 auto; }

		/* Brands --------------------------------- */
		#brandsSection .sectionContent{ display: block; }
		
		#brandsSection .sectionContent .brandsIMG{
			display: block;
			margin: 0 auto 30px;
		}

		#brandsSection .sectionContent .brandContent{	width: 100%; }

		/* Lines --------------------------------- */
		.linesList{ flex-wrap: wrap; }
		.linesList > li{ 
			width: calc((100% / 2) - 15px);
			margin-bottom: 25px;
		}

		/* Products ---------------------------------- */
		.brandsList li,
		.productsList li{ 
			width: calc((100% / 2) - 10px) !important;
			margin: 0 5px 12px !important;
		}

		/* About Us --------------------------------- */
		#aboutUsPage .aboutContent .content{text-align: center;}
		#aboutUsPage .aboutContent .highlights{ display: block; }
		#aboutUsPage .aboutContent .highlights .text{ width: 100%; margin-bottom:30px; }


		/* Contact --------------------------------- */
		#contactSection .sectionContent.container{ display:block; }
		#contactSection .contactForm{ margin: 0 auto; }

		#contactSection .sectionContent .map {
		    width: 500px;
		    margin: 40px auto 0;
		}


		/* Footer --------------------------------- */
		footer .col.colOne .text {
		    width: 204px;
		    font-size: 13px;
		    text-align: left;
		}
		footer .col.colTwo{ width: 126px; }
		footer .col.colThree{ width: 220px; }
	}

	@media only screen and (max-width: 900px){}
	@media only screen and (max-width: 854px){}
	@media only screen and (max-width: 853px){}
	@media only screen and (max-width: 800px){}

	/* Mobile ---------------------------------------- */
	@media only screen and (max-width: 768px){}
	@media only screen and (max-width: 753px){}
	@media only screen and (max-width: 736px){}
	@media only screen and (max-width: 720px){}

	@media only screen and (max-width: 667px){
		.container{ width: 424px; }
		.imageTopPage{
			object-fit: cover;
			height: 130px;
		}

		.topbar .contacts .item .text,
		.topbar .contacts .item.phone{ display: none !important; }

		.topbar .contacts .item.phone.mobile{ display: flex !important; }

		#mainHeader .topbar .socialMedia{ width: 72px;}

		#mainHeader .topbar .socialMedia .link{
		    width: 34px;
		    height: 34px;
		    display: block;
		}

		#mainHeader .topbar .contacts .item{
			background: #fff;
			width: 30px;
			height: 30px;
			justify-content: center;
			border-radius: 4px;
			padding: 6px;
		}

		#mainHeader .topbar .contacts .item.phone{ margin: 0 8px; }

		#mainHeader .topbar .contacts .item svg{
			fill: #0c8fd2 !important;
			margin: 0;
			width: 100%;
		}

		/* Home ------------------------------ */
		#aboutUs_home,
		#aboutUs{
			width: 424px;
			display: block;
			margin: 0 auto;
		}

		#aboutUs_home .sectionContent,
		#aboutUs .sectionContent{ display: block; }

		#aboutUs_home .sectionContent .aboutIMG,
		#aboutUs .sectionContent .aboutIMG{ width: 100%; }

		#aboutUs_home .aboutContent,
		#aboutUs .aboutContent{
		    width: 100%;
		    display: block;
		    text-align: center;
		}

		#aboutUs_home .aboutContent .content,
		#aboutUs .aboutContent .content{ width: 100%; }

		#aboutUs_home .aboutContent .content .title,
		#aboutUs .aboutContent .content .title{ margin-top:20px; }

		#aboutUs_home .aboutContent .content .button,
		#aboutUs .aboutContent .content .button{ margin: 30px auto 0; }

		#lines_home{ padding: 40px 0 0; }

		/* Brands ---------------------------------- */
		#brandsSection .sectionContent .brandsIMG{ width: 100%;	}
		#brandsSection .sectionContent .brandContent { text-align: center;}

		/* Lines ---------------------------------- */
	    .details .item .container{
			display: block;
			width: 90%;
			text-align: center;
	    }

	    .details .item .content{ width: 100%; }
	    .details .item img{ margin: 30px auto 0; }

	    /* Products ----------------------- */
	    .productsList li,
	    .brandsList li {
	        width: 100% !important;
	        min-height: auto; 
	        margin: 0 0 18px !important;
	    }

	    /* Contact --------------------------- */
	    #contactSection .sectionContent .map,
	    #contactSection .contactForm{ width: 100%; }


	    /* Footer ------------------------- */
	    footer{ padding: 30px 0; }
	   
	    footer .container{
	    		display: block;
			    width: 250px;
	    }

	    footer .col .title{
	    		font-size: 18px;
	    		text-align: center;
	    }

	    footer .col.colOne img{ margin: 0 auto; }

	    footer .col.colOne .text {
	        width: 100%;
	        font-size: 16px;
	        text-align: center;
	        margin-top: 10px;
	    }

	    footer .col.colOne a > img{ margin: 15px auto; }

	    footer .col.colTwo {
	        width: 100%;
	        text-align: center;
	        margin: 30px 0 20px;
	    }

	    footer .col.colTwo .list a{ font-size: 16px; }

	    footer .col.colThree{ width: 100%; }
	    footer .col.colThree .line4{ justify-content: center; }

	    footer .col.colThree .colOne,
	    footer .col.colThree .colTwo{ margin: 0 auto; }

	    footer .col.colThree .line4 .content{ text-align: center; }
	}

	@media only screen and (max-width: 640px){}
	@media only screen and (max-width: 604px){}
	@media only screen and (max-width: 600px){}
	@media only screen and (max-width: 568px){}
	@media only screen and (max-width: 540px){}
	@media only screen and (max-width: 533px){}

	@media only screen and (max-width: 480px){
			.container,
			#aboutUs_home,
			#aboutUs{ width: 90%; }
			
			footer .col.colThree .line .content{ font-size: 16px; }
	}

	@media only screen and (max-width: 424px){}
	@media only screen and (max-width: 414px){}
	@media only screen and (max-width: 400px){}
	@media only screen and (max-width: 384px){}
	@media only screen and (max-width: 375px){}
	@media only screen and (max-width: 360px){}
	@media only screen and (max-width: 320px){}
	/* end: Responsive ------------------------------------------ */

/* end: CLIENT STYLES  //////////////////////////////////////////////////////////// */