@charset "utf-8";
/* CSS Document */
.main-header{
	background-color: #fff;
	padding: 10px 0;
	position: sticky;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 997;
	box-shadow: 0 10px 9px 0 rgb(69 63 63 / .1);
}
.main-header .container{
	justify-content: space-between;
	align-items: center;
}
.header-right{
	align-items: center;
}
.logo-area{
	max-width: 180px;
}
.logo-area a{
	display: block;
}
.logo-area a img{
	width: 100%;
	height:auto;
	display: block;
}
.mail-icon{
	width: 23px;
	height: 15px;
	display: block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 127.3'%3E%3Cpath fill='%230066a0' stroke='%230066a0' stroke-width='4' d='M182.4 0H17.6C7.9 0 0 7.9 0 17.6v92.7c0 9.7 7.9 17.6 17.6 17.6h164.8c9.7 0 17.6-7.9 17.6-17.6V17.6C200 7.9 192.1 0 182.4 0m0 4.3c3.4 0 6.6 1.3 9 3.5L109 67.4c-5.3 3.9-12.5 3.9-17.9 0L8.6 7.8c2.4-2.2 5.5-3.5 9-3.5h164.8zM4.3 110.3V17.6a13.79 13.79 0 0 1 1.6-6.4l76 54.9-73.8 53.4c-2.3-2.4-3.8-5.6-3.8-9.2m13.3 13.2c-2.1 0-4-.5-5.8-1.3l73.9-53.4 2.9 2.1c3.4 2.5 7.4 3.7 11.5 3.7 4 0 8-1.2 11.5-3.7l2.9-2.1 73.9 53.4c-1.8.9-3.7 1.3-5.8 1.3h-165zm178.1-13.2c0 3.6-1.4 6.9-3.8 9.3L118 66.1l76-54.9a13.79 13.79 0 0 1 1.6 6.4v92.7z'/%3E%3C/svg%3E")no-repeat 0 50%;
	margin-right: 10px;
	background-size: 23px auto;
	vertical-align: middle;
}
.header-rightP{
	align-items: center;
}
@media only screen and (min-width: 500px){
	.logo-area{
		max-width: 200px;
	}
}
@media only screen and (min-width: 768px){
	.main-header{
		padding: 14px 0;
	}
	.logo-area{
		max-width: 230px;
	}
}
@media only screen and (min-width: 921px){
	.logo-area{
		max-width: 250px;
	}
}
@media only screen and (max-width:1024px){
	.mob-nav-btn{
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='10px' viewBox='0 0 10 10'%3E%3Cpath d='M9.502,1.824c0,0.207-0.172,0.379-0.379,0.379H0.776c-0.207,0-0.379-0.172-0.379-0.379V1.737 c0-0.207,0.172-0.379,0.379-0.379h8.346c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z M9.502,4.832 c0,0.207-0.172,0.379-0.379,0.379H0.776c-0.207,0-0.379-0.172-0.379-0.379V4.745c0-0.207,0.172-0.379,0.379-0.379h8.346 c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z M9.502,7.867c0,0.207-0.172,0.379-0.379,0.379H0.776 c-0.207,0-0.379-0.172-0.379-0.379V7.78c0-0.207,0.172-0.379,0.379-0.379h8.346c0.207,0,0.379,0.172,0.379,0.379v0.087H9.502z' fill='%231c1c1c' %3E%3C/path%3E%3C/svg%3E") no-repeat;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 17px;
		background-size: 20px auto;
		margin-left:0;
	}
	.main-menu{
        position: fixed;
		max-width: 370px;
       	width: 80%;
        height: 100vh;
        z-index: 1111;
        right: -80%;
		top: 0;
        background: #005d96;
        padding: 44px 18px 10px 25px;
        font-size: 1.4rem;
        line-height: 2rem;
        overflow-x: hidden;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		text-transform: uppercase;
        overflow-y: auto;
        -webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
		text-align: left;
    }
	.menu-close-btn {
        position: absolute;
        right: 12px;
        top: 9px;
        z-index: 1002;
        font-size: 1.8rem;
        line-height: 2.2rem;
        width: 24px;
        height: 24px;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        display: block;
    }
	.main-menu>ul {
        margin: 0;
        padding: 0;
    }
	.main-menu ul li{
		margin: 0;
		padding: 0;
		background-image: none;
	}
	.main-menu>ul>li {
        margin: 0;
        padding: 0 0;
        background-image: none;
    }
	.main-menu>ul>li>a {
        margin: 0;
        padding: 10px 0 10px 0;
        color: #fff;
        display: block;
    	border-bottom: 1px dashed #fff;
    }
	.main-menu>ul>li:last-child a{
		border-bottom: none;
	}
	 .main-menu>ul>li>ul {
        margin: 0;
        padding: 0;
		font-family: 'Inter_18pt-Regular';
    	font-weight: normal;
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
	.main-menu>ul>li>ul>li>a {
        color: #fff;
        padding: 10px 12px;
        display: block;
		
    }
	.main-menu>ul>li>ul>li>ul{
		padding: 23px 25px 10px 25px;
		margin: 0;
	}
	.main-menu>ul>li>ul>li>ul>li{
		margin-bottom: 0;
	}
	.main-menu>ul>li>ul>li>ul>li>a{
		color: #fff;
		margin-bottom: 10px;
		display: block;
	}
	.main-menu>ul>li>ul>li:last-child a{
		border-bottom: none;
	}
	.main-menu>ul>li>a.active {
        color: #589fc8;
    }
	 .pixmenu-active .main-menu{
       	 right: 0;
    }
	.menu-overlay {
        background: rgba(0, 0, 0, .7);
        position: fixed;
        width: 0 !important;
        height: 100vh !important;
        z-index: 111;
        top: 0;
        left: -1px;
        font-size: 0;
        line-height: 0;
		opacity: 0;
		-webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
	.pixmenu-active .menu-overlay{
		width: 100% !important;
		height: 100vh !important;
		opacity: 1;
		left: 0!important;
		display: block !important;
	}
}
@media only screen and (min-width: 1025px){
	.main-header{
		padding:0;
	}
	.logo-area{
		max-width: 240px;
	}
	.main-menu{
		display: inline-block;
	}
	.menu-close-btn{
		display: none;
	}
	.main-menu>ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 2.2rem;
		text-transform: uppercase;
		text-align: left;
	}
	.main-menu>ul>li {
        position: relative;
        margin: 0 34px 0 0;
        padding: 30px 0;
		background-image: none;
    }
	.main-menu>ul>li:last-child{
		margin-right: 0;
	}
	.main-menu>ul>li>a {
        color: #393738;
        display: block;
        position: relative;
        padding:0;
		border-bottom: 2px solid #fff;
    }
	.main-menu>ul>li>ul>li {
        padding-left: 0;
        margin-bottom: 0;
        -webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
		background-image: none;
		position: relative;
    }
	
	.main-menu>ul>li>ul>li>a {
        display: block;
        padding: 12px 30px;
        border-bottom: 1px solid #e5e5e5;
        color: #333;
    }
	.main-menu>ul>li.menu-item-has-children>a:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 3px;
        margin-left: 5px;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #030303 transparent;
        transform: rotate(180deg);
        -webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
	.main-menu>ul>li:hover.menu-item-has-children>a:after, .main-menu>ul>li.current-menu-item.menu-item-has-children>a:after, .main-menu>ul>li.current-menu-ancestor>a:after {
        border-color: transparent transparent #0066a0 transparent;
    }
	.main-menu>ul>li:hover>a, .main-menu>ul>li>a.active {
        color: #0066a0;
		border-bottom: 2px solid #0066a0;
    }
	.main-menu>ul>li>ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 250px;
        opacity: 0;
        visibility: hidden;
        display: block;
        z-index: 3;
        font-size: 1.3rem;
        line-height: 1.8rem;
        background-color: #fff;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
		margin: 0;
		padding: 0;
    }
	.main-menu>ul>li:hover>ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }
	.main-menu>ul>li>ul>li a {
        display: block;
        padding: 6px 10px;
        border-bottom: 1px solid #e5e5e5;
        color: #333;
    }
	.main-menu>ul>li>ul>li:last-child a{
		border-bottom: 0;
	}
	.main-menu li>ul>li ul{
		position: absolute;
        left: 100%;
        top: 0;
        visibility:hidden;
        opacity: 0;
        box-shadow: 0 0 3px #e0e0e0;
		background-color: #fff;
		width: 250px;
		margin: 0;
		z-index: 4;
		 -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
	}
	.main-menu li>ul>li:hover ul{
		 visibility: visible;
        opacity: 1;
        top: 0;
	}
	.main-menu li>ul>li.menu-item-has-children>a:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 3px;
        margin-left: 5px;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #030303 transparent;
        transform: rotate(90deg);
        -webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
		position: absolute;
        right: 20px;
		margin-top: -4px;
        top: 50%;
    }
	.main-menu li>ul>li>ul>li{
		color: #333;
		background-image: none;
		padding: 0;
		margin: 0;
		-webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
	}
	.main-menu li>ul>li>ul>li>a{
		/*padding: 12px 30px;*/
        border-bottom: 1px solid #e5e5e5;
        color: #333;
		display: block;
		-webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
	}
	.main-menu>ul>li>ul li:hover, .main-menu>ul>li>ul>li>ul>li:hover a, .main-menu>ul>li>ul>li.current-menu-item a {
        background: #0066a0;
		color: #fff;
    }
	.main-menu>ul>li>ul li>a:hover, .main-menu>ul>li>ul li.current-menu-item a, .main-menu>ul>li>ul li.current-menu-parent >a  {
        color: #fff;
		background: #0066a0;
    }
	.header-bottom-right-bottom{
		align-items: center;
	}
	.main-menu>ul>li:hover>a, .main-menu>ul>li.current-menu-item>a, .main-menu>ul>li.current-menu-ancestor>a {
        color: #0066a0;
    }
	.main-menu li>ul>li:hover.menu-item-has-children>a:after, .main-menu>ul>li>ul li.current-menu-parent >a:after {
        border-color: transparent transparent #fff transparent;
    }
	
	.mail-icon{
		margin-right: 0;
		width: 24px;
		height: 16px;
		background-size: 100% auto;
		margin-left: 30px;
	}
	.mail-icon:hover{
		width: 24px;
		height: 16px;
		display: block;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 127.3'%3E%3Cpath fill='%230066a0' stroke='%230066a0' stroke-width='4' d='M182.4 0H17.6C7.9 0 0 7.9 0 17.6v92.7c0 9.7 7.9 17.6 17.6 17.6h164.8c9.7 0 17.6-7.9 17.6-17.6V17.6C200 7.9 192.1 0 182.4 0m0 4.3c3.4 0 6.6 1.3 9 3.5L109 67.4c-5.3 3.9-12.5 3.9-17.9 0L8.6 7.8c2.4-2.2 5.5-3.5 9-3.5h164.8zM4.3 110.3V17.6a13.79 13.79 0 0 1 1.6-6.4l76 54.9-73.8 53.4c-2.3-2.4-3.8-5.6-3.8-9.2m13.3 13.2c-2.1 0-4-.5-5.8-1.3l73.9-53.4 2.9 2.1c3.4 2.5 7.4 3.7 11.5 3.7 4 0 8-1.2 11.5-3.7l2.9-2.1 73.9 53.4c-1.8.9-3.7 1.3-5.8 1.3h-165zm178.1-13.2c0 3.6-1.4 6.9-3.8 9.3L118 66.1l76-54.9a13.79 13.79 0 0 1 1.6 6.4v92.7z'/%3E%3C/svg%3E")no-repeat 0 0;
		background-size: 100% auto;
	}
	.menu-overlay{
		display: none;
	}
	.mob-nav-btn{
		display: none;
	}
}
@media only screen and (min-width: 1300px){
	.main-menu li>ul>li ul {
        left: -100%;
    }
}
@media only screen and (min-width: 1500px){
	.main-menu>ul>li {
        padding: 38px 0;
    }
}