/*!
Theme Name: Mashkanta
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0.1
*/

 @import url("fonts/fonts.css");
 
body{padding:0;margin:0;}body,button,input,select,optgroup,textarea {font-family: 'Ploni DL 1.1 AAA'; color: #33475b;font-weight: normal;font-size: 16px; line-height: 1.2;}button{font-family: inherit;}img{max-width:100%;height:auto;display:block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}p{margin-top:0; margin-bottom: 15px;}iframe{max-width:100%}h1,.h1,h2,.h2,h3,.h3,h4,.h4{margin:0;font-weight: bold;padding:0;margin-bottom:30px;color: #33475b;}h1{font-size:44px}h2{font-size:34px}h3{font-size:24px}h4{font-size:22px}h5{font-size:20px}a{color:#33475b;-webkit-transition:all ease-in-out 350ms;-o-transition:all ease-in-out 350ms;transition:all ease-in-out 350ms;text-decoration:none}svg path{-webkit-transition:all ease-in-out 350ms;-o-transition:all ease-in-out 350ms;transition:all ease-in-out 350ms}:focus{outline:none}::-webkit-input-placeholder{color:#5c7083}::-moz-placeholder{color:#5c7083}:-ms-input-placeholder{color:#5c7083}:-moz-placeholder{color:#5c7083}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}ul{margin:0}*,::before,::after{-webkit-box-sizing:inherit;box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1600px}.container.full{max-width:100%}.container{max-width: 1170px}p:empty {display: none;}
.wraper__btn{
    background: -o-linear-gradient(223.8deg, #553497 0.46%, #2DB0F9 108.58%);
    background: linear-gradient(226.2deg, #553497 0.46%, #2DB0F9 108.58%);
    -webkit-box-shadow: 0px 10px 20px rgb(58 134 216 / 18%), 0px 2px 6px rgb(58 134 216 / 12%), 0px 0px 1px rgb(0 0 0 / 4%);
            box-shadow: 0px 10px 20px rgb(58 134 216 / 18%), 0px 2px 6px rgb(58 134 216 / 12%), 0px 0px 1px rgb(0 0 0 / 4%);
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 32px;
}
	.wraper__btn:hover{
		 background:  #553497 ;
	}
.wraper__header{
	position: -webkit-sticky;
	position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}
	.wraper__header-container {
		padding: 8px 0;
		border-bottom: 1px solid #e8edf3;
	}
		.wraper__header-container .container{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
	.wraper__header-logo{
		 
	}
	.wraper__header-logo img{
		height: 70px;
	}
	.wraper__header-nav{
		background-color: rgb(255, 255, 255);
		-webkit-box-shadow: 0px 16px 54px 0px rgba(161, 169, 179, 0.17);
		        box-shadow: 0px 16px 54px 0px rgba(161, 169, 179, 0.17);
		width: 100%;
		padding: 15px 0;
	}
	.home .wraper__header-nav{
		margin-bottom: 50px;
	}
		.wraper__header-menu{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			padding: 0;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
				.wraper__header-menu li{
					margin: 0 12px;
					display: block;
					position: relative
				}
				.wraper__header-menu li:first-child{
					margin-right: 0
				}
				.wraper__header-menu li:last-child{
					margin-left: 0
				}
				.wraper__header-menu li:after {
					content: '';
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background: #ffcfc2;
					display: block;
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -3px;
					left: 0;
					margin-left: -60px;
				}
				.wraper__header-menu li:last-child:after {
					display: none
				}
				.wraper__header-menu li a{
					color: #33475b;
					font-weight: bold;
					font-size: 20px;
					position: relative;
				}
				.wraper__header-menu li a:after{
					content:'';
					height:2px;
					top:100%;
					background: #ff7957;
					right:0;
					width:0;
					-webkit-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
					display: block;
				}
					.wraper__header-menu li.current-menu-item a:after,
					.wraper__header-menu li a:hover:after {
						width: 100%
					}
					.home .wraper__header-menu li.current-menu-item a:after{
						display: none;
					}
	.wraper__header-search{}
	.wraper__header-search form{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
		.wraper__header-search .mobile__search{
			display: none
		}
		.wraper__header-search button{
			border: none;
			border-radius: 8px;
			background-color: rgb(255, 121, 87);
			width: 46px;
			height: 46px;
			padding: 0;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			margin-right: 12px;
			cursor: pointer;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s 
		}
		.wraper__header-search button:hover{
			background:#0196b7
		}
			.wraper__header-search button svg{
				height: 20px;
				width: 20px;
				fill: #fff
			}	
			.wraper__header-search input{
				background: #ebf0f6 url('./img/location_search.png') no-repeat  97.5% 50%;
				border-radius: 8px;
				height: 46px;
				padding: 0 40px;
				border: none;
				min-width: 430px;
			}
	
.head{
	height: 100vh;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover
}
	.head:before{
		content:'';
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#342060), to(#1E4978));
		background: -o-linear-gradient(top, #342060 0%, #1E4978 100%);
		background: linear-gradient(180deg, #342060 0%, #1E4978 100%);
		opacity: 0.7;
		display: block;
		z-index: 2;
	}
	.head__container{
		width: 100%;
		display: block;
		position: relative;
		z-index: 5;
		color: #fff;
		text-align: center
	}
	.head__title{
		font-weight: 900;
		font-size: 56px;
		line-height: 60px;	
		letter-spacing: -0.02em;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	.head__description{
		font-weight: 300;
		margin-bottom: 24px
	}
	.head__button{
		
	}
		.head__button-btn{
			
		}
	.wraper__header-burger{
		display: none;
	}

	
@media (max-width:  1500px) {
	.wraper__header .container{
		padding: 0 15px;
	}
	.wraper__header-menu li{
		margin: 0px;
		font-size: 14px
	}
}	
@media (max-width: 1199.98px) {
	.wraper__header-menu li a{
		font-size: 13px
	}
	.wraper__header-logo img{
		height: 46px;
	}
}
@media (max-width: 991.98px) {
	.wraper__header{
				-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s
	}
	.hidden .wraper__header{
		position: relative;
	}
		.wraper__header-burger {
			right: 15px;
			width: 18px;
			border: 1px solid #fff;
			height: 18px;
			border-radius: 4px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			cursor: pointer;
			z-index: 5;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			margin-left: 15px;
		}	
			.wraper__header-burger svg {
				height: 18px;
				width: 18px;
				fill: #ff7957
			}	
				.wraper__header-burger svg  path{
					fill: #ff7957
				}
			.wraper__header-burger .hide{
				display: none;
			}
			.wraper__header-burger.open .hide{
				display: block;
			}
			.wraper__header-burger.open .show{
				display: none;
			}
		.wraper__header-logo{
			position: relative;
			z-index: 5;
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

		.wraper__header-nav {
			position: fixed;
			top: 0;
			width: 220px;
			right: 0;
			background: -webkit-gradient(linear, left top, right top, from(#ededed), color-stop(20%, #fff), to(#fff));
			background: -o-linear-gradient(left, #ededed, #fff 20%, #fff);
			background: linear-gradient(0.25turn, #ededed, #fff 20%, #fff);
			height: 100vh;
			padding: 10px 5px;
			display: none;
			z-index: 1;
			overflow-y: auto;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			right: -220px

		}
			.wraper__header-menu{
				display: block; 
			}
				.wraper__header-menu li{
					margin: 0;
					padding: 15px 0;
					border-bottom: 1px solid #e4f0fe
				}
					.wraper__header-menu li a{
						font-weight: bold;
						font-size: 20px;
						color: #023a57;
					}
	.wraper{
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s
	}
	.mobile-m .wraper__header{
		position: fixed;
		width: 100%;
		right: 220px;
		top: 0;
	}
	.mobile-m .wraper{

	}
	.mobile-m .wraper__header-nav{
		right:0px
	}			
					
	.head__title{
		font-size: 40px;
		line-height: 48px;
		margin-bottom: 10px;
	}				
}

@media (max-width: 767.98px) {
	.wraper__header-search form{
		display: none;
	}
	.wraper__header-search .mobile__search{
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 36px;
		width: 36px;
		background: #ff7957;
		border-radius: 50%
	}
		.wraper__header-search .mobile__search .show,
		.wraper__header-search .mobile__search.open .hide{
			display: block;
		}
		.wraper__header-search .mobile__search .hide,
		.wraper__header-search .mobile__search.open .show{
			display: none;
		}
		.wraper__header-search .mobile__search svg{
			height: 14px;
			width: 14px;
			fill: #fff;
		}
		.mobile__search.open+* {
			display: block;
			position: absolute;
			top: 100%;
			z-index: 999;
			width: 100%;
			left: 0;
			padding: 35px 20px;
			background: #fff;
		}
		.wraper__header-search input{
			width: 100%;
			min-width: auto;
		}
		.wraper__header-search button{
			display: none
		}
}