/*
Theme Name: Chameleon
Author: Codehunt

*/


/* =WordPress Core
-------------------------------------------------------------- */

.screen-reader-response, .wpcf7-not-valid-tip,.wpcf7-response-output{
    display: none !important;
}
.wpcf7-not-valid{
    border-color: red !important;
}

input{
    direction: rtl;
}


#powerTip{
	cursor:default;
	background-color:#fff;
	background-color:rgba(255,255,255,.8);
	border-radius:6px;
	color:#16292C;
	box-shadow: 8px 14px 20px rgba(0, 0, 0, 0.200339);
	display:none;padding:10px;
	position:absolute;
	white-space:nowrap;
	z-index:2147483647
}
	
	#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #fff;border-top:10px solid rgba(255,255,255,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #fff;border-right:10px solid rgba(255,255,255,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #fff;border-bottom:10px solid rgba(255,255,255,.8);top:-10px}#powerTip.w:before{border-left:10px solid #fff;border-left:10px solid rgba(255,255,255,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #fff;border-top:10px solid rgba(255,255,255,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #fff;border-bottom:10px solid rgba(255,255,255,.8);top:-10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:10px solid #fff;border-top:10px solid rgba(255,255,255,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before,#powerTip.se-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;border-bottom:10px solid #fff;border-bottom:10px solid rgba(255,255,255,.8);bottom:auto;top:-10px}body{position:inherit!important}@-moz-keyframes Ani{0%{box-shadow:0 0 0 rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:scale(0);transform:scale(0)}70%{box-shadow:0 0 50px #fff;border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1)}100%{box-shadow:0 0 60px rgba(255,255,255,0);border:0 solid rgba(255,255,255,0);-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes Ani{0%{box-shadow:0 0 0 rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:scale(0);transform:scale(0)}70%{box-shadow:0 0 50px #fff;border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1)}100%{box-shadow:0 0 60px rgba(255,255,255,0);border:0 solid rgba(255,255,255,0);-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes Ani{0%{box-shadow:0 0 0 rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:scale(0);transform:scale(0)}70%{box-shadow:0 0 50px #fff;border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1)}100%{box-shadow:0 0 60px rgba(255,255,255,0);border:0 solid rgba(255,255,255,0);-webkit-transform:scale(1.5);transform:scale(1.5)}}#powerTip{background-color:#fff}#powerTip.n:before{border-top:10px solid rgba(255,255,255,1)}#powerTip.s:before{border-bottom:10px solid #fff}#powerTip.e:before{border-right:10px solid #fff}#powerTip.w:before{border-left:10px solid #fff;right:-10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #fff;border-top:10px solid rgba(255,255,255,1)}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #fff;border-bottom:10px solid rgba(255,255,255,1)}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #fff;border-top:10px solid rgba(255,255,255,1)}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-bottom:10px solid #fff;border-bottom:10px solid rgba(255,255,255,1)}.wrap_svl{position:relative;float:left;margin:0 auto;max-width:100%}.wrap_svl:after{content:"";display:table;clear:both}.images_wrap img{width:100%;height:auto;display:block}.drag_element{position:absolute;top:0;left:0;min-width:1px;min-height:1px}.point_style{position:relative;z-index:10;display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;box-sizing:border-box;text-align:center}.point_style img{position:absolute;top:0;left:0;width:inherit;max-width:inherit}body .wrap_svl img.pins_image_hover,body .wrap_svl .point_style.has-hover:hover img.pins_image{display:none!important}body .wrap_svl .point_style.has-hover:hover img.pins_image_hover{display:block!important}.tolltip_points{text-align:center}.tolltip_points img{width:130px;height:130px;border:1px solid #fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.tolltip_points .points_name{display:block;font-size:16px}.tolltip_points .points_desc{display:block;font-size:14px}.mobile_points_wrap{display:none}.mobile_points_box{width:50%;float:left;padding:0 5px 15px;text-align:center}.img_points_box{display:inline-block;width:100px;height:100px;border-radius:50%;overflow:hidden;border:1px solid #fff}.img_points_box img{width:100%;height:100%}.mobile_points_box:nth-child(2n+1){clear:both}ul.list_content_point{list-style:none;margin:0 0 10px;padding:0}ul.list_content_point li{position:relative;padding:3px 0 0 20px;margin:0 0 5px}ul.list_content_point li:before{content:"";font-family:FontAwesome;position:absolute;top:0;left:0;font-size:20px}ul.list_content_point li.address_point:before{content:"\f041"}ul.list_content_point li.person_point:before{content:"\f183"}ul.list_content_point li.tel_point:before{content:"\f095"}ul.list_content_point li.fax_point:before{content:"\f1ac";font-size:15px;top:4px}ul.list_content_point li.mail_point:before{content:"\f0e0";font-size:15px;top:4px}.box_view_html{color:#fff;font-weight:300;max-width:530px;white-space:normal;overflow:hidden;position:relative}.thumb_point{float:left;width:30%}.has-thumb .content_point{width:70%;float:left;padding:0 0 0 15px}.has-thumb .content_point h3{font-size:19px}.linkto_point{text-align:right;margin:20px 0 0}.wrap_svl_center{text-align:center}.wrap_svl_center_box{display:inline-block}body .point_style a img,body .point_style img{max-width:inherit!important;vertical-align:inherit;border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}.pins_animation{border:3px solid rgba(255,255,255,.5);width:30px;height:30px;position:absolute;left:0;top:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow:0 0 20px rgba(255,255,255,.5);pointer-events:none}.pins_animation.ihotspot_pulse{-moz-animation:Ani 2s infinite;-webkit-animation:Ani 2s infinite;animation:Ani 2s infinite}span.close_ihp{display:none}body .point_style a:hover img{background:transparent!important}@media (max-width: 500px){div#powerTip{position:fixed;top:0!important;left:0!important;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}span.close_ihp{display:block;float:right;width:25px;height:25px}span.close_ihp svg{fill:#fff}}

#powerTip{
    color: #16292C;
    padding: 15px;
}
#powerTip *{
    padding: 0;
    margin: 0;
}
#powerTip a{
    color: #16292C;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 25px;
}
#powerTip a:after{
    content: '';
    border: 3px solid #8CBA51;
    width: .6em;
    height: .6em;
    transform: rotate(-225deg);
    border-top: 0;
    border-left: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: .1em;
    top: 50%;
    margin-top: -.3em;
}
#powerTip a:hover{
    color: #8CBA51;
}

.images_wrap img {
    width: 100%;
    display: block;
    position: relative;
    height: 100%;
    object-fit: cover;
}

.wrap_svl_center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrap_svl_center_box {
    width: 100%;
    height: 100%;
}
.wrap_svl {
    width: 100%;
    height: 100%;
}
.images_wrap {
    display: block;
    width: 100%;
    height: 100%;
}
.drag_element {
    width: 60px;
    height: 60px;
}
.point_style{
    width: 60px;
    height: 60px;
}
.pins_image {
    position: relative;
}

.section--about-inner .about-row{
    align-items: flex-start;
}

.section--about-inner{
    padding-bottom: calc(90px + 11vw);
}

.section--about-inner .section__slogan {
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
}

.header-nav > ul > li.current-menu-item a:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}

.footer:before{
    content: '';
    background: url(img/footer.svg) no-repeat top center;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 75%;
    background-size: contain;
    top: 0;
}

.section--products:before{
    content: '';
    background: url(img/content.svg) no-repeat bottom center;
    right: 10vw;
    bottom: 0;
    position: absolute;
    left: 75%;
    background-size: contain;
    top: 0;
}

.section-contacts .section__slogan {
    bottom: 4vh;
    left: 0;
    right: 0;
    text-align: center;
}

@media (max-width: 1023px){
    .about-row__photo-controls {
        right: 20px;
        height: 70px;
        padding: 10px 15px;
        width: 200px;
    }
    .section--about-inner {
        padding-bottom: calc(20px + 11vw);
    }
    .section--about-inner .section__slogan {
        bottom: -20px;
    }
}


.sub-products {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
	margin-top: 35px;
}
.sub-products .item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 10px;
	background: #8cba51;
	margin: 10px;
	cursor: pointer;
}

.sub-products .item:hover .arrow {
	background: #fff;
}

.sub-products .item span {
	color: #fff;
	font-size: 20px;
	white-space: nowrap;
}

.sub-products .item .arrow {
	height: 35px;
	width: 35px;
	border-radius: 100%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	background: transparent;
	transition: 0.25s;
}

.sub-products .item .arrow img {
	height: 18px;
}

@media (max-width: 950px){
	.sub-products .item {
		padding: 8px;
	}
	.sub-products .item span {
		font-size: 18px;
	}
	
	.sub-products .item .arrow {
		height: 25px;
		width: 25px;
	}
	
	.sub-products .item .arrow img {
		height: 13px;
	}
}

.grecaptcha-badge {
	display: none;
}

.section--jumbotron .hotspot {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.section--jumbotron .hotspot .spot {
	position: absolute;
}

.section--jumbotron .hotspot .spot .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 20px;
	font-weight: 700;
	color: #000;
	
	cursor: pointer;
}

.section--jumbotron .hotspot .spot .circle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	background: #fff;
	opacity: 0.25;
}

.section--jumbotron .hotspot .spot .caption {
	position: absolute;
	top: -70px;
	opacity: 0;
	left: 50%;
	transform: translateX(-50%);
		
	cursor:default;
	background-color:#fff;
	border-radius:6px;
	color: #16292C;
	box-shadow: 8px 14px 20px rgba(0, 0, 0, 0.200339);
	padding: 5px 10px;
	white-space:nowrap;
	z-index: 99;
	transition: 0.25s;
}

.section--jumbotron .hotspot .spot:hover .caption {
	top: -80px;
	opacity: 1;
}


.section--jumbotron .hotspot .spot .caption:before {
	content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #fff;
	left: 50%;
	transform: translateX(-50%);
	bottom: -13px;
	position: absolute;
}

.section--jumbotron .hotspot .spot .caption a {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	transition: 0.25s;
}

.section--jumbotron .hotspot .spot .caption a:hover {
	color: #8cba51;
}


@media (max-width: 950px) {
	
	.section--jumbotron .hotspot .spot .circle {
		width: 20px;
		height: 20px;
		font-size: 18px;
	}

	.section--jumbotron .hotspot .spot .circle:before {
		width: 40px;
		height: 40px;
	}

	.section--jumbotron .hotspot .spot .caption {
		top: -50px;
		padding: 3px 8px;
	}

	.section--jumbotron .hotspot .spot:hover .caption {
		top: -60px;
	}


	.section--jumbotron .hotspot .spot .caption a {
		font-size: 16px;
	}

}