/* @import url("fonts.css"); */

.header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #d1001f;
}
.header-fixed{
	box-shadow: 0 0 5px rgba(0,0,0, 0.1);
}
@media screen and (min-width: 767px){
	.header { position: absolute; }
	body.body-fixed .header { position: fixed; }
}
.logo{
	width: 240px;
}
.logo img{
	max-height: 50px;
}
	.nav-icon{
		display: none;
	}
.nav-wrap{
	width: calc(100% - 520px);
	padding-left: 10px;
}
	.nav-wrap .menu{
		display: table;
		width: 100%;
	}
	.nav-wrap .menu > li{
		position: relative;
		display: table-cell;
		text-align: center;
	}
	.nav-wrap .menu > li > a{
		display: block;
		color: #D10027;
		font-size: 16px;
		padding: 24px 8px;
		font-weight: bold;
		text-transform: uppercase;
	}
	/*.nav-wrap .menu > li.menu-item-has-children > a:before{
		content: "\f0d7";
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -5px;
	}*/
	.nav-wrap .sub-menu{
		display: none;
	}
	/*first level dropdown*/
	.nav-wrap .menu > li.menu-item-has-children > .sub-menu{
		position: absolute;
		left: 0;
		top: 100%;
		background: #f2f2f2;
		width: 100%;
		min-width: 100px;
		-moz-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 0px -8px rgba(0,0,0,0.4);
		-webkit-box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 0px -8px rgba(0,0,0,0.4);
		box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 0px -8px rgba(0,0,0,0.4);
	}
		.nav-wrap .menu > li.menu-item-has-children > .sub-menu > li{
			line-height: 12px;
			width: 100%;
			border-bottom: 1px solid rgba(0,0,0,0.05);
			text-align: left;
		}
		.nav-wrap .menu > li.menu-item-has-children .sub-menu li a{
			display: block;
			padding: 15px 20px;
			font-size: 12px;
			letter-spacing: 1px;
			color: #A2A2A2;
			text-transform: uppercase;
			line-height: 1.3;
		}
		.nav-wrap .menu > li.menu-item-has-children > .sub-menu > li a:hover{
			background: #fff;
		}

.header-phone{
	width: 280px;
	background: #d1001f;
	text-align: center;
	line-height: 1.2;
}
	.header-phone a{
		font-family: montserratbold;
		display: inline-block;
		color: #fff;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.5;
	}
	.header-phone > span{
		color: #fff;
		font-size: 17px;
		font-weight: normal;
		display: block;
		padding: 0 0 6px;
	}
.header-mobile{
	display: none;
}


@media (min-width: 768px){
	.nav-wrap .menu li.menu-item-has-children:hover > .sub-menu{
		display: block;
	}
	.nav-wrap .menu > li > a:hover,
	.nav-wrap .menu > li:hover > a,
	.nav-wrap .menu > li.current-menu-item a{
		background: #D00027;
		color: #fff;
	}
}
@media (max-width: 1279px){
	.logo{
		width: 140px;
		padding-top: 7px;
	}
	.nav-wrap{
	    width: calc(100% - 320px);
	}
		.nav-wrap .menu > li > a{
			font-size: 14px;
		}
	.header-phone{
		width: 180px;
		padding: 9px 0;
	}
		.header-phone a{
			font-size: 22px;
		}
		.header-phone > span{
			font-size: 12px;
		}
}
@media (max-width: 1023px){
	.nav-wrap{
	    width: calc(100% - 140px);
	}
	.nav-wrap .menu > li > a{
		font-size: 13px;
		padding: 24px 5px;
	}
	.header-phone{
		display: none;
	}
	.nav-wrap .menu > li.menu-item-has-children .sub-menu li a{
		font-size: 11px;
		padding: 10px 10px 10px 20px;
		letter-spacing: inherit;
	}
}
@media (max-width: 991px) {
    .header {
        padding-left:20px;
    }
}

@media (max-width: 767px){
	.header{
		border: none;
		padding:0 0 0 15px;
	}
	.logo{
		width: 230px;
	}
	.header-phone {
		display:none;
	}
	.header-mobile{
		width: 100%;
		display: block;
	}
	.header-top{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 25px 0 5px;
	}
		.header-left a{
			display: inline-block;
			padding: 7px 20px 4px;
		}
		.header-left img{
			max-width: 35px;
		}
	.header-center{
		width: calc(100% - 120px);
		text-align: center;
		line-height: 1.3;
	}
		.header-center a{
			font-family: montserratbold;
			display: inline-block;
			font-size: 22px;
			font-weight: bold;
			color: #f21b24;
		}
		.header-center span{
			display: block;
			color: #304665;
			font-size: 14px;
			font-weight: 600;
			display: block;
			padding-left: 3px;
			padding-bottom: 2px;
		}
	.header-right{
		width: 44px;
	}
		.logo-mobile{
			display: block;
			width: 100%;
			height: 45px;
			width: 44px;
			background: url(../images/logo-mobile.png) no-repeat;
		}
	.header-bot{
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		background: #CF0027;
	}
		.header-bot a{
			display: block;
			width: 50%;
			padding: 7px 5px;
			color: #fff;
			text-transform: uppercase;
			position: relative;
			font-weight: 100;
			font-family: 'Montserrat_Thin';
		}
		.header-bot a:first-child:after{
			content: " ";
			background: #e05b74;
			width: 1px;
			height: 70%;
			top: 15%;
			right: 0;
			position: absolute;
		}
	.nav-wrap{
		display: block;
        border: none;
        padding: 0;
        position: fixed;
        width: 0;
        height: 100%;
        height: calc(100vh + 94px);
        overflow-y: auto;
        background-color: #fff;
        right: -100%;
        top: 94px;
        z-index: 1;
        padding: 0 0 200px;
        border-top:1px solid #ccc;
        -webkit-transition: all ease .3s;
        -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s;
	}
	.toggle-nav{
        right: 0;
        width: 100%;
    }
	.nav-wrap .menu{
		display: block;
	}
	.nav-wrap .menu > li{
		display: block;
		border-bottom: 1px solid #ccc;
		padding: 0;
	}
	.nav-wrap .menu > li > a{
		padding: 10px 15px;
		display: block;
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		width: calc(100% - 55px);
	}
	.nav-wrap .menu > li.menu-item-has-children > a{
		border-right: 1px solid #ccc;
	}
	.nav-wrap .menu > li.menu-item-has-children > a:before,
	.nav-wrap .menu > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a:before{
		display: none;
	}
	.nav-wrap .menu > li.menu-item-has-children:after{
        content: "\f078";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        right: 20px;
        top: 17px;
        margin-top: -3px;
        color: #b0b0b0;
    }
    	.header .sub-menu {
    		position: static !important;
    		background: none !important;
    		padding: 0 !important;
            display: block;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            height: 0;
            position: initial;
            top: 0;
            border-top: 1px solid #ccc;
        }
        .header li.show-submenu .sub-menu {
            height: auto;
            opacity: 1;
            visibility: visible;
            box-shadow: none !important;
        }
        .nav-wrap .menu > li.menu-item-has-children .sub-menu > li{
        	padding: 0;
        }
        .nav-wrap .menu > li.menu-item-has-children .sub-menu li a{
        	font-size: 12px;
        	color: #000;
        	font-weight: bold;
        	padding: 10px 25px;
        	border-bottom: 1px solid #ccc;
        }
        .nav-wrap .menu > li.menu-item-has-children .sub-menu li:last-child >  a{
        	border-bottom: none;
        }
        
}
@media (max-width: 330px){
	.header-top{
		padding: 0 15px 0 5px;
	}
	.header-center a{
		font-size: 20px;
	}
}