/*** INDEX ***\

= NORMALIZE

= CUSTOM RESETS

= WHOLE SITE STYLES

= MAIN SITE HEADER
- Top
-- Right
-- Left
- Bottom
-- Logo
-- Nav

= RESPONSIVE

\*** END INDEX ***/

/*
//======================================================================
// NORMALIZE
//======================================================================
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*
//======================================================================
// NORMALIZE - END
//======================================================================
*/

/*
//======================================================================
// CUSTOM RESETS
//======================================================================
*/

a {
	text-decoration: none;
	color: inherit;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

textarea {
	resize: vertical;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

select {
	background-color: #fff;
}

pre {
	margin: 0;
	padding: 14px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	font-family: monospace;
}

span.wpcf7-not-valid-tip {
	direction: rtl;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	left: auto;
	right: 20%;
}

span.wpcf7-list-item {
	margin: 0 1em 0 0;
}

/*
//======================================================================
// CUSTOM RESETS - END
//======================================================================
*/

/*
//======================================================================
// WHOLE SITE STYLES
//======================================================================
*/

:root {
	--black: #000;
	--black2: #161414;
	--black3: #2f2d2d;
	--white: #fff;
	--green: #c0ea6a;
	--gray: #F6F6F5;
	--gray2: #c0ea6a;
	--gray3: #f0f0f0;

	--font15px: 0.938em;
	--font17px: 1.063em;
	--font20px: 1.250em;
	--font25px: 1.563em;
	--font45px: 2.813em;
	--font100px: 6.250em;

	--fw400: 400;
	--fw700: 700;
}

/* html {
  scroll-behavior: smooth;
} */

body {
	font-size: 16px;
	font-family:agas, arial;
}

body * {
	box-sizing: border-box;
}

main {
	background-color: #fff;
}

.bt-lazy-load {
	width: 100% !important;
	height: 300px !important;
}

.site-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.container-1074 {
	width: 1074px;
	margin: 0 auto;
}

.transition-030 {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

/*** font weights ***/


.font200,  .afek-ultralight{font-weight: 200;}
.font300, .afek-light{font-weight: 300;}
.font400, .afek-regular{font-weight: 400;}
.font500, .afek-medium {font-weight: 700;}
.font600, .afek-demibold {font-weight: 700;}
.font700, .afek-bold {font-weight: 700;}
.font900, .afek-ultrabold {font-weight: 700;}

/*** end font weights ***/

/*
//======================================================================
// WHOLE SITE STYLES - END
//======================================================================
*/

/*
//======================================================================
// MAIN SITE HEADER
//======================================================================
*/

.main-site-header {
/* 	position: relative; */
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 135px;
	z-index: 120;
}

.main-site-header .top,
.main-site-header .bottom {
	padding: 0 60px;
}

/*
//-----------------------------------------------------
// Top
//-----------------------------------------------------
*/

.main-site-header .top {
	/* 	background-color: #161414;
	background-color: var(--black2, #161414); */
	background-color: #626469;
	color: #F6F6F5;
	color: var(--white, #F6F6F5);
	min-height: 44px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*
//-----------------------------------------------------
// Right
//-----------------------------------------------------
*/

.main-site-header .top .right,
.main-site-header .top .right .social ul {
	display: flex;
	align-items: center;
}

.main-site-header .top .right .phone .mobile {
	display: none;
}

/* .main-site-header .top .right .social {
margin-right: 4.9vw;
} */

.main-site-header .top .right .seperator {
	margin: 0 30px;
}

.main-site-header .top .right .social ul li:not(:last-child) {
	margin-left: 17px;
}

.main-site-header .top .right .social ul li img {
	max-height: 18px;
}

.main-site-header .top .right .share-buttons {
	display: flex;
	align-items: center;
}

/*
//-----------------------------------------------------
// Right - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Left
//-----------------------------------------------------
*/

.main-site-header .top .left .links ul,
.main-site-header .top .left .links ul li a {
	display: flex;
	align-items: center;
}

.main-site-header .top .left .links ul li:not(:last-child) {
	margin-left: 3.02vw;
}

.main-site-header .top .left .links ul li img {
	margin-left: 5px;
	max-height: 18px;
}

/*
//-----------------------------------------------------
// Left - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Top - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Bottom
//-----------------------------------------------------
*/

.main-site-header.scroll {
	top: 0;
	position: fixed;
	z-index: 120;
	width: 100%;
	-moz-box-shadow: 0 3px 10px 0 #333;
	-webkit-box-shadow: 0 3px 10px 0 #333;
	box-shadow: 0 3px 10px 0 #333;
}

.main-site-header .bottom {
	background-color: #fff;
	background-color: var(--white, #fff);
	min-height: 91px;
	display: grid;
}

.main-site-header .bottom.scroll {
	top: 0;
	position: fixed;
	z-index: 10;
	width: 100%;
	-moz-box-shadow: 0 -3px 10px 0 #333;
	-webkit-box-shadow: 0 -3px 10px 0 #333;
	box-shadow: 0 -3px 10px 0 #333;
}

.main-site-header .bottom > * {
	grid-column: 1/-1;
	grid-row: 1/-1;
}

.main-site-header .bottom .left-content {
	justify-self: end;
	display: flex;
	justify-content: space-between;
	align-self: center;
	width: 79px;
}

.main-site-header .bottom .left-content .search-icon:hover {
	cursor: pointer;
}

/*
//-----------------------------------------------------
// Logo
//-----------------------------------------------------
*/

.main-site-header .bottom .logo {
	align-self: center;
	justify-self: start;
}

.main-site-header .bottom .logo a img {
	max-height: 68px;
}

/*
//-----------------------------------------------------
// Logo - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Nav
//-----------------------------------------------------
*/

.main-site-header .bottom nav {
	justify-self: center;
}

.main-site-header .bottom nav > ul,
.main-site-header .bottom nav > ul > li > a {
	display: flex;
	height: 100%;
}

.main-site-header .bottom nav > ul > li > a {
	align-items: center;
	padding: 0 1.46vw;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.main-site-header .bottom nav > ul > li:hover > a {
	background-color: #000;
	background-color: var(--black, #000);
	color: #fff;
	color: var(--white, #fff);
}

/*
//-----------------------------------------------------
// Nav - end
//-----------------------------------------------------
*/

.breadcrumbs {
	height: 75px;
	background-color: #f0f0f0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.375em;
}

.breadcrumbs .seperator {
	margin: 0 17px;
}

.breadcrumbs .current-item {
	font-weight: bold;
}

.breadcrumbs .breadcrumb_last {
	font-weight: bold;
}

.breadcrumbs span:last-child span {
	/* 	font-weight: bold; */
}

.main-site-header .bottom .mobile-button {
	display: none;
}

/*
//-----------------------------------------------------
// Bottom - end
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Ringer
//-----------------------------------------------------
*/

/* Icon */
.notifications {
	display: flex;
	position: relative;
}

.notifications img:hover,
.notifications span:hover {
	cursor: pointer;
}

.notifications span {
	font-size: 0.750rem;
	color: red;
}

/* Wrapper */
.notifications-wrapper {
	display: none;
	width: 400px;
	border: 2px solid;
	padding: 10px;
	position: absolute;
	top: 30px;
	right: -380px;
	background: #fff;
/* 	z-index: 20; */
	z-index: 150;
}

.notifications-wrapper .single-notification:not(:first-child) a {
	padding-top: 10px;
}

.notifications-wrapper .single-notification .inner-notification.have-image {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 100px 1fr;
}

.notifications-wrapper .single-notification .image-wrapper {
	height: 80px;
}

.notifications-wrapper .single-notification .title {
	font-size: 1.063rem;
	font-weight: bold;
}

.notifications-wrapper .single-notification .content p {
	margin: 0;
}

.notifications-wrapper .single-notification:not(:last-child) {
	border-bottom: 1px solid;
	padding: 10px 0;
}

/*
//-----------------------------------------------------
// Ringer - End
//-----------------------------------------------------
*/

/*
//-----------------------------------------------------
// Search
//-----------------------------------------------------
*/

.search-wrapper.open {
	display: flex;
}

.search-wrapper {
	display: none; 
	/*display: flex;*/
	justify-content: center;
	height: 612px;
	background: #fff;
	position: absolute;
	width: 100%;
	z-index: 100;
	opacity: 0.95;
}

.search-wrapper button.close-button {
	background: unset;
	border: unset;
	align-self: start;
}

.search-wrapper button.close-button:hover {
	cursor: pointer;
}

.search-wrapper form {
	/* 	align-self: center; */
	align-self: start;
	margin-top: 40px;
	display: flex;
}

.search-wrapper form > input {
	border: none;
	background: transparent;
	border-bottom: 2px solid #000;
	width: 500px;
	color: #000;
	padding: 10px;
}

.search-wrapper form > button {
	border: none;
	background: transparent;
}

.visually-hidden { 
	position: absolute !important;
	height: 1px; 
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap; /* added line */
}

/*
//-----------------------------------------------------
// Search - end
//-----------------------------------------------------
*/

.mobile-menu {
	display: none;
}

.mobile-menu.open {
	display: flex;
	flex-direction: column;
/* 	height: calc(100vh - 91px); */
	height: 100vh;
	background-color: #fff;
	width: 100%;
/* 	padding: 0 15px; */
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100;
	justify-content: space-between;
}

.mobile-menu.open .close {
	text-align: left;
	font-size: 1.5rem;
	padding: 5px 0 0 10px;
	background: none;
	border: none;
	display: table;
	margin-right: auto;
}

.mobile-menu.open .social {
/* 	margin-bottom: 60px; */
/* 	margin-bottom: 10px; */
	background-color: #000;
	opacity: 0.15;
	padding: 10px;
}

.mobile-menu.open .social ul {
	display: flex;
	justify-content: space-evenly;
/* 	padding: 0 15px; */
}

.mobile-menu.open .social ul li:not(:last-child) {
	margin-left: 30px;
}

.mobile-menu.open .social ul li a {
	font-size: 1.3rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile-menu.open ul.menu {
	flex-grow: 1;
	overflow-y: auto;
	padding: 0 15px;
}

.mobile-menu.open ul.menu li {
	margin-bottom: 15px;
	font-size: 1.2rem;
	border-bottom: 1px solid #ededed;
}

.mobile-menu.open ul.menu li a {
	display: block;
}

.mobile-social {
	display: none;
}

/*
//======================================================================
// MAIN SITE HEADER - END
//======================================================================
*/

/*
//======================================================================
// RESPONSIVE
//======================================================================
*/

@media (max-width: 1200px) {
	.main-site-header .bottom nav > ul > li > a {
		padding: 0 10px;
	}
}

@media (max-width: 1024px) {
	.main-site-header .bottom .left-content {
		width: 55px;
	}
}

@media (max-width: 980px) {
	.main-site-header .top, 
	.main-site-header .bottom {
		padding: 0 15px;
	}

	.main-site-header .bottom nav.desktop {
		display: none;
	}

	.main-site-header .bottom > * {
		grid-column: unset;
		grid-row: unset;
	}

	.main-site-header .bottom .mobile-button {
		display: grid;
		grid-template-rows: repeat(3, 1fr);
		grid-gap: 5px;
		width: 20px;
	}

	.main-site-header .bottom .mobile-button .line {
		width: 100%;
		height: 2px;
		background-color: #000;
	}

	.main-site-header .bottom .mobile-button.open {
		margin-top: 12px;
	}

	.main-site-header .bottom .mobile-button.open .line:first-child {
		transform: rotate(45deg);
	}

	.main-site-header .bottom .mobile-button.open .line:nth-child(2) {
		display: none;
	}

	.main-site-header .bottom .mobile-button.open .line:last-child {
		transform: rotate(-45deg);
		margin-top: -7px;
	}

	.main-site-header .bottom {
		grid-template-columns: 100px auto 1fr;
		align-items: center;
	}

	.main-site-header.scroll .bottom {
		-webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
	}

	.main-site-header .bottom .left-content {
		width: 79px;
	}

	.mobile-social {
		display: block;
		position: fixed;
		left: 0;
		top: 50%;
		background-color: #b3b3b3;
		display: flex;
		width: 50px;
		height: 50px;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
	}

	.mobile-social a.addtoany_share img {
		margin-right: unset;
	}
}

@media (max-width: 800px) {
	.main-site-header .top {
		display: none;
	}

	.main-site-header {
		height: unset;
	}

	.main-site-header .bottom {
		grid-template-columns: 30px 1fr 40px;
	}

	.main-site-header .bottom .left-content {
		width: 100%;
		padding: 0 15px;
	}

	.main-site-header .bottom .logo {
		order: 3;
	}

	.main-site-header .bottom .logo a img {
		width: 40px;
	}

	.notifications-wrapper {
		right: 0;
	}
}

@media (max-width: 600px) {
	.breadcrumbs {
		padding: 0 15px;
	}
	
/* 	.breadcrumbs #breadcrumbs span:not(.seperator) {
		display: flex;
	}
	
	.breadcrumbs #breadcrumbs span.breadcrumb_last {
		text-align: right;
	} */
}

@media (max-width: 550px) {
	/* 	.notifications-wrapper {
	right: -300px;
} */

	.search-wrapper form {
		width: 100%;
		padding: 0 15px;
	}

	.search-wrapper form > input {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.notifications-wrapper {
		width: 300px;
	}
}

@media (max-width: 400px) {
	.notifications-wrapper {
		right: -50px;
	}
}

/* Min Width */
@media (min-width: 350px) {
	/* 	.mobile-menu.open {
	max-width: 320px;
} */
}

@media (min-width: 981px) {
	.mobile-menu.open {
		display: none;
	}
}

/*
//======================================================================
// RESPONSIVE - END
//======================================================================
*/