/*!
Theme Name: Madisons
Theme URI: 
Author: Lime Agency
Author URI: https://lime-agency.com.ua
Description: We’ll take the hard work out of landing your next dream job...
Version: 1.0.0
Text Domain: madisons
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
.jobs__slider{
	padding-left: 11vw;
}
.contact__offices .contact-office a[href^='tel:']::before{
	margin-top: 10px;
}
.logo img{
	object-fit: contain;
}
.contact__text *{
	color: #fff;
}
.article__heading{
	line-height: 1.4;
}
.footer .office{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.footer__btn-box{
	padding-top: 0;
}
.soc>li>a svg{
	width: 19px;
}
.jobs__slider .swiper-slide{
	height: auto !important;
	margin-top: 0 !important;
}
.header.scrolled{
	box-shadow: 0 0 15px rgb(0 0 0 / 50%);
}
.soc>li{
	border-radius: 50%;
}
.soc>li>a{
	padding: 10px;
    background: #464646;
    border-radius: 50%;
	box-shadow: 0 0 0px 1px #464646;
}
.soc>li>a:hover {
	background-color: inherit;
	opacity: 1;
	box-shadow: 6px 5px 15px rgb(0 0 0 / 20%);
}
.soc{
	background: none !important;
}
.articles{
	background-attachment: fixed !important;
}
.menu-header .icon-search{
	font-size: calc(15 / var(--media-breakdown));
}
.menu-header .icon-plus:before{
	content: "+";
	background: #fff;
	color: #000;
	border-radius: 50%;
    width: calc(18 / var(--media-breakdown));
    height: calc(18 / var(--media-breakdown));
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-weight: 900;
    line-height: calc(18 / var(--media-breakdown));
	font-size: calc(20 / var(--media-breakdown));
	font-family: inherit !important;
}
/* .baner:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(0 0 0 / 15%);
} */
.search-input .select select option{
	 background-color: #f00;
	 color: #fff;
}
.search-input .select select:focus-visible{
	outline: none;
}
.search-input .select {
	border: calc(1 / var(--media-breakdown)) solid #e3e3e3;
    background-color: #f5f2f8;
    padding: 0 calc(10 / var(--media-breakdown));;
    border-radius: calc(5 / var(--media-breakdown));
	padding-right: 0;
}
.search-input .select select{
	padding-left: calc(30 / var(--media-breakdown));
	border: none;
	width: calc(138 / var(--media-breakdown));
    margin-left: calc(-33 / var(--media-breakdown));
    background: transparent;
}
.icon-location:before{
	color: red;
}
.search-input label input::placeholder{
	color: #716683;
}
.badge:active, .badge:focus, .badge:hover{
	box-shadow: 2px 5px 15px rgb(0 0 0 / 25%);
}
.select select{
	color: #000;
}
.search-input{
	box-shadow: 4px 4px 15px rgb(0 0 0 / 25%);
}
.search-input .select{
	transition: 0.3s;
}
.search-input .select:hover{
	box-shadow: 1px 8px 15px rgb(0 0 0 / 15%);
}
.btn{
	box-shadow: 1px 8px 15px rgb(0 0 0 / 15%);
}
.btn:hover{
	box-shadow: 4px 4px 15px rgb(0 0 0 / 25%);
}

}
.article__heading a{
	transition: 0.3s;
}
.article__heading a:hover{
	color: red;
}

.baner{
	-webkit-animation: blur-title 1.5s ease 0s;
	animation: blur-title 1.5s ease 0s
}

@-webkit-keyframes blur-title {
    0% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes blur-title {
    0% {
        -webkit-filter: blur(15px);
        filter: blur(15px);
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@media (max-width: 480px) {
	.header__phone-toggle{
		background: url(img/icon-phone.webp) no-repeat top 11px left 5px,url(img/icon-arrow-down.png) no-repeat top 22px right 15px;
	}
	.header__phone-toggle{
		height: 55px;
    	width: 80px;
	}
	.logo{
		height: calc(60 / var(--media-breakdown));
		width: auto;
		height: 60px;
	}
	.search-input__row{
		justify-content: center;
	}
	.search-input__col{
		margin: 10px 5px;
	}
	.header__phone-toggle{
		background: url(img/icon-phone.webp) no-repeat top 11px left 5px,url(img/icon-arrow-down.png) no-repeat top 22px right 20px;
/*     	border-right: 1px solid rgb(255 255 255 / 50%); */
	}
	.header__logo {
    	margin-right: auto;
    	margin-left: auto;
		position: relative;
	}
	.menu{
		height: 60px;
    	display: flex;
    	align-items: center;
    	padding-left: 20px;
/*     	border-left: 1px solid rgb(255 255 255 / 50%); */
	}
	.menu__btn{
		width: 44px;
		height: 24px;
	}
	.menu__btn span, .menu__btn::after, .menu__btn::before{
		height: 11%;
	}
	.header__phone-body.active{
		 border-top: 1px solid rgb(255 255 255 / 50%);
	}
	.header__buttons{
		display: flex;
    	flex-wrap: wrap;
   	 	width: 100%;
    	flex-direction: column;
    	margin-bottom: 0px;
		margin-top: 40px;
	}
	.header__buttons a {
    	margin: calc(10 / var(--media-breakdown)) 0;
	}
	.menu__body>ul{
		width: 100%;
 		text-align: left;
	}
	.menu__body>ul>li{
		margin: 0 !important;
		width: 100%;
    	border-bottom: 1px solid rgb(255 255 255 / 50%);
		position: relative;
		display: flex;
    	align-items: center;
	}
	.menu__body>ul>li>a{
		display: block;
		width: 100%;
	}
	.menu__body>ul>li:after{
		content: '\2192';
		width: 25px;
		height: 25px;
		background: red;
		position: absolute;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.menu__body.active{
		background: #000;
	}
	.mob-soc{
		margin-bottom: 100px;
	}
	.soc>li{
		margin: 5px;
	}
	.jobs__slider .swiper-wrapper{
		padding-bottom: calc(50 / var(--media-breakdown));
	}
	.baner .baner-left{
		height: 80% !important;
	}
	.baner .baner-right{
		top: auto !important;
    	height: 50% !important;
    	width: 100% !important;
    	bottom: -20vw;
	}
	.baner::after{
		background-color: rgb(0 0 0 / 10%) !important;
	}
	.search-input .select{
		display: none;
	}
	.like-h1, h1{
		font-size: calc(29 / var(--media-breakdown));
	}
	.search-input label input {
    	width: 100%;
   	 	border: 1px solid #ccc;
	}
	.search-input {
    	padding: 25px;
    	width: 100%;
	}
	.search-input__col{
		margin: 0;
    	width: 100%;
	}
	.search-input__col .btn{
		width: 100%;
    	margin-top: 15px;
	}
	.icon-search:before{
		display: block;
	}
	.search-input label i{
		left: 10px !important;
	}
	.baner__wrap{
		padding: calc(150 / var(--media-breakdown)) 0 calc(180 / var(--media-breakdown)) !important;
	}
}

@media (min-width: 992px) {
	.mob-soc, .mob-item{
		display: none;
	}
}
@media (max-width: 992px) {
	.header__phone-body>ul>li a:before{
		top: 61%;
	}
	.contact__offices .contact-office a[href^='tel:']::before{
		margin-top: 7px;
	}
	.icon-search:before{
		display: none;
	}	
	.header__logo{
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100px !important;
    	height: 60px !important;
	}
		.header__phone-toggle{
		background: url(img/icon-phone.webp) no-repeat top 11px left 5px,url(img/icon-arrow-down.png) no-repeat top 22px right 15px;
	}
	.header__phone-toggle{
		height: 55px;
    	width: 80px;
	}
	.logo{
		height: calc(60 / var(--media-breakdown));
		width: auto;
		height: 60px;
	}
	.search-input__row{
		justify-content: center;
	}
	.search-input__col{
		margin: 10px 5px;
	}
	.header__phone-toggle{
		background: url(img/icon-phone.webp) no-repeat top 11px left 5px,url(img/icon-arrow-down.png) no-repeat top 22px right 20px;
/*     	border-right: 1px solid rgb(255 255 255 / 50%); */
	}
	.header__logo{
    	margin-right: auto;
    	margin-left: auto;
/* 		position: relative; */
	}
	.menu{
		height: 60px;
    	display: flex;
    	align-items: center;
    	padding-left: 20px;
/*     	border-left: 1px solid rgb(255 255 255 / 50%); */
	}
	.menu__btn{
		width: 44px;
		height: 24px;
	}
	.menu__btn span, .menu__btn::after, .menu__btn::before{
		height: 11%;
	}
	.header__phone-body.active{
		 border-top: 1px solid rgb(255 255 255 / 50%);
	}
		.header__buttons{
		display: flex;
    	flex-wrap: wrap;
   	 	width: 100%;
    	flex-direction: column;
    	margin-bottom: 0px;
		margin-top: 40px;
	}
	.header__buttons a {
    	margin: calc(10 / var(--media-breakdown)) 0;
	}
	.menu__body>ul{
		width: 100%;
 		text-align: left;
	}
	.menu__body>ul>li{
		margin: 0 !important;
		width: 100%;
    	border-bottom: 1px solid rgb(255 255 255 / 50%);
		position: relative;
		display: flex;
    	align-items: center;
	}
	.menu__body>ul>li>a{
		display: block;
		width: 100%;
	}
	.menu__body>ul>li:after{
		content: '\2192';
		width: 25px;
		height: 25px;
		background: red;
		position: absolute;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.menu__body.active{
		background: #000;
	}
	.mob-soc{
		margin-bottom: 100px;
	}
	.soc>li{
		margin: 5px;
	}

	.search-input .select{
		display: none;
	}
	.like-h1, h1{
		font-size: calc(29 / var(--media-breakdown));
	}
	.search-input label input {
    	width: 100%;
   	 	border: 1px solid #ccc;
	}
	.search-input {
    	padding: 25px;
    	width: 100%;
	}
	.search-input__col{
		margin: 0;
    	width: 100%;
	}
	.search-input__col .btn{
		width: 100%;
    	margin-top: 15px;
	}
	.icon-search:before{
		display: block;
	}
	.search-input label i{
		left: 10px !important;
	}
	.suggested-searches__list>li{
		 margin: 1.5vw !important;
	}
}

@media (max-width: 480px) {
	.jobs__slider {
    	padding: 0 calc(20 / var(--media-breakdown)) !important;
	}
	.suggested-searches__wrap {
    	padding: calc(120 / var(--media-breakdown)) 0 calc(35 / var(--media-breakdown)) !important;
	}
	.jobs__slider .swiper-wrapper{
		padding-bottom: calc(50 / var(--media-breakdown));
	}
	.baner .baner-left{
		height: 80% !important;
	}
	.baner .baner-right{
		top: auto !important;
    	height: 50% !important;
    	width: 100% !important;
    	bottom: -20vw;
	}
	.baner::after{
		background-color: rgb(0 0 0 / 10%) !important;
	}
	.baner__wrap{
		padding: calc(150 / var(--media-breakdown)) 0 calc(180 / var(--media-breakdown)) !important;
	}
	.baner .baner-left{
		width: 100% !important;
	}
}