:root {
	--menufore: #000;
	--menuback: #fff;
}

.main-nav > ul > li.active > a,
	.main-nav > ul > li > a:hover,
	.main-nav > ul > li:hover > a{ color: var(--menufore);}
.tcolor {color: var(--menuback) !important;}
.kl-cta-ribbon .trisvg {fill: var(--menuback);}

.logo-container .logo-infocard .left-side {background-color: var(--menuback);}
.logo-container .logo-infocard .right-side {background-color: #EF8A52;}

.m_title {color: var(--menuback);}
.kl-iconbox__icon.small {width: 65px;}
.photo-wall .pw-item::after {background-color: #EF8A52;}
.btn-fullcolor, 
.btn-fullcolor:focus {background-color: #EF8A52;}
.btn-fullcolor:hover, 
.btn-fullcolor.btn-skewed:hover:before, 
.cart-container .buttons .button.wc-forward:hover {background-color: var(--menuback);}
.cart-container .buttons .button.wc-forward {background-color: #EF8A52;}
.btn-lined.lined-custom {color: var(--menuback); border-color: var(--menuback);}
.mfp-gallery.small img {height: 93px; float: left; margin-right: 20px; margin-bottom: 20px;}
.logo-container .logo-infocard {background: var(--menuback);}
.chaser .main-menu li.active>a,
.how_to_shop .number {background: var(--menuback);}
.kl-cta-ribbon,
.skills_wgt .skill-bar[data-color="green"] > i {background: var(--menuback);}
.kl-cta-ribbon .trisvg path {fill: var(--menuback);}
.site-header .kl-cart-button .fa-shopping-basket:after {background-color: var(--menuback);}
@media (min-width: 1200px) {
	.col-normal.first {padding-left: 100px;}
}

@media (min-width: 992px) {
	.main-nav > ul > li > a:before,
	.main-nav .hg_mega_container li a:not(.zn_mega_title):before {background-color: var(--menuback);}
}

.bg-dark-75 {
	background-color: rgba(0,0,0,0.75);
}

.some-css-selector {
	font-size: 13px;
}

.site-logo img {
	max-height: 123px;
	width: 272px;
}

.copyright a {
	color: #6c6c6c !important;
}

.mfp-gallery li {
	float: left;
	padding: 0.5em;
}

#footer {
	border-top: none;
}

.testimonial_slider__carousel-wrapper .testimonialbox {
	color: #fefbfb;
}

.testimonial_slider__carousel-wrapper .testimonialbox .who strong {
	color: #09c;
}

.testimonial_slider__carousel-wrapper .testimonialSlider-slickNav li .slickBtn {
	display: inline-block;
	margin: 0 4px;
	background: #e5e5e5;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	box-shadow: none;
	padding: 4px;
}

.testimonial_slider__carousel-wrapper .testimonialSlider-slickNav li.slick-active .slickBtn {
	background-color: #4bbab8;
}

.hg_accordion_element.style2 .th-accordion .acc-group a.collapsed:hover {
	color: #48aeb5;
	font-weight: bold;
}

.trunc-line {
	display: inline;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.trunc-haber-side {
	display: inline;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	max-height: 5rem;
}

.trunc-2line {
	display: inline;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	word-wrap: break-word;
	height: 5rem;
}

.team_member>h6 {
	padding-top: 0;
	font-size: 0.9rem;
}

.lp-post.active a {
	color: #CD2122;
}

.tab-pane h4 {
	font-weight: bold;
}

/**
  ** Created by: http://github.com/localnetwork/
  */

@media (min-width: 768px) {
	.responsive-tabs .dropdown-arrow {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.responsive-tabs {
		position: relative;
		border: 1px solid #ccc;
	}

	.responsive-tabs li {
		width: 100%;
		margin: 0 !important;
	}

	.responsive-tabs li>a {
		display: none;
		border: 0 !important;
		border-radius: 0 !important;
	}

	.responsive-tabs.open li>a, .responsive-tabs li>a.active {
		display: block;
	}

	.responsive-tabs .dropdown-arrow {
		position: absolute;
		top: 15px;
		right: 15px;
		border: solid black;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		vertical-align: middle;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transition: all ease .5s;
		cursor: pointer;
	}

	.responsive-tabs.open .dropdown-arrow {
		transform: rotate(-135deg);
		transition: all ease .5s;
	}
}

/* Social icons */
.whats-app {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 50px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	box-shadow: 0px 0px 9px #999;
	right: 15px;
	z-index: 1000;
	text-decoration: none;
  }
  .whats-app img {
	width: 100% !important;
	height: 100% !important;
  }
.icon-bar {
	position: fixed;
	top: 50%;
	z-index: 3;
	-webkit-transform: translate(-100%,-50%);
	-ms-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
	transition: all 0.3s;
}
.icon-bar a:first-child { border-top-right-radius: 10px; }
.icon-bar a:last-child { border-bottom-right-radius: 10px; }
.icon-bar a {
	display: block;
	text-align: center;
	padding: 16px;
	transition: all 0.3s ease;
	color: white;
	font-size: 20px;
}

.icon-bar a:hover {
	background: #000;
	background-color: #000;
}

.facebook {
	background: #3B5998;
	color: white;
}

.twitter {
	background: #55ACEE;
	color: white;
}

.google {
	background: #dd4b39;
	color: white;
}

.linkedin {
	background: #007bb5;
	color: white;
}

.youtube {
	background: #bb0000;
	color: white;
}

.instagram {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	color: white;
}






/* Capthcha */
.captcha {
	clear: both;
	overflow: hidden;
	text-align: center;
	margin: 0;
	max-width: 100%;
	position: relative;
	cursor: pointer !important;
}

.captcha-input {
	/*position: absolute;*/
	width: -moz-calc(100% - (120px));
	width: -webkit-calc(100% - (120px));
	width: calc(100% - (120px));
	left: auto;
	right: 0;
}

.captcha-label {
	width: 70%;
	text-align: left;
	margin-left: 6.5rem;
}

.captcha-image {
	float: left;
	position: relative;
	height: 3.3rem;
	width: 7rem;
	margin-right: 0.5em;
	z-index: 2;
}

.captcha-refresh {
	position: absolute;
	z-index: 1;
	bottom: 2px;
	right: 2px;
	border-radius: 3px;
	padding: 2px 5px;
}

.captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active {
	color: #333;
	border: none;
	outline: none;
	background-image: url("captcha-refresh.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	vertical-align: text-bottom;
	width: 14px;
	margin: 0 6px 6px 0;
}

.contact_form textarea {
	resize: none;
}
.topnav.topnav--lang .toplang-item {
	text-transform: none;
}

.toplang-flag {
	width: 22px;
	display: inline-block;
	margin-top: -2px;
}




/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px) {}


/** Desktop+ **/
@media (min-width: 1200px) {}


/** Laptop **/
@media (max-width: 1200px) {}


/** Laptop+ **/
@media (min-width: 991px) {}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {}


/** Large Tablets **/
@media (max-width: 992px) {}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {}


/** Tablets+  **/
@media (min-width: 768px) {}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
	.icon-bar {
		display: none;
	}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {}


/** Smartphone portrait mode **/
@media (max-width: 480px) {}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {}