@charset "utf-8";
/* CSS Document */
.main-header{
	background-color: #142236;
	padding: 10px 0;
	border-bottom: 1px solid #6f97c2;
}
.top-logo{
	display: block;
	max-width: 140px;
}
.top-logo img{
	width: 100%;
	height: auto;
	display: block;

}
.main-header .container{
	justify-content: space-between;
}
.header-right{
	align-items: center;
}
.main-nav>ul{
	font-family:'Poppins-SemiBold', sans-serif;
	font-weight:normal;
}
.top-contact-us-btn{
	padding: auto auto;
	text-indent: -2000px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 10 10'%3E%3Cpath d='M9.403,8.387c-0.138,0.32-0.504,0.53-0.799,0.693C8.219,9.29,7.826,9.414,7.388,9.414c-0.609,0-1.159-0.249-1.715-0.452 c-0.399-0.144-0.786-0.32-1.146-0.543C3.414,7.731,2.072,6.39,1.385,5.277c-0.223-0.36-0.399-0.746-0.543-1.146 C0.638,3.575,0.39,3.025,0.39,2.417c0-0.439,0.125-0.832,0.334-1.218C0.887,0.904,1.097,0.538,1.417,0.4 c0.216-0.099,0.674-0.203,0.91-0.203c0.046,0,0.092,0,0.138,0.02c0.137,0.046,0.281,0.367,0.347,0.498 c0.209,0.373,0.413,0.753,0.628,1.12c0.105,0.17,0.301,0.379,0.301,0.583c0,0.399-1.185,0.982-1.185,1.335 c0,0.177,0.164,0.406,0.255,0.563c0.661,1.191,1.486,2.016,2.677,2.677c0.157,0.092,0.386,0.255,0.563,0.255 c0.354,0,0.937-1.185,1.336-1.185c0.202,0,0.412,0.196,0.582,0.301C8.337,6.58,8.716,6.782,9.089,6.992 c0.132,0.065,0.452,0.209,0.498,0.347c0.02,0.046,0.02,0.092,0.02,0.138C9.606,7.712,9.502,8.17,9.403,8.387z'  fill='%23fff' %3E%3C/path%3E%3C/svg%3E") no-repeat 0 0;
	display: block;
	width: 20px;
    height: 19px;
    background-size: 20px auto;
}
@media only screen and (min-width:500px){
	.top-logo{
		max-width:180px; 
	}
	.top-contact-us-btn{
		
		text-indent: 0;
		background: #6f97c2;
		width: auto;
		height: auto;
	}
}
@media only screen and (min-width:768px){
	.top-logo{
		max-width:200px; 
	}
}
@media only screen and (min-width:921px){
	.top-logo{
		max-width:252px; 
	}
}
@media only screen and (max-width:1024px){
	.mob-nav-btn{
		width: 20px;
		height: 20px;
		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='%23fff' %3E%3C/path%3E%3C/svg%3E") no-repeat;
		display: block;
		background-size: 100% auto;
		vertical-align: middle;
		margin-left: 10px;
	}	
	.main-nav{
		position: fixed;
        width: 316px;
        right: -316px;
        top: 0;
        z-index: 1001;
        height: 100vh;
        background: #142236;
        padding: 44px 10px 10px;
        font-size: 1.4rem;
        line-height: 2.0rem;
        overflow-x: hidden;
        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;
	}
	.main-nav>ul{
		margin: 0;
		padding: 0;
	}
	.main-nav>ul>li{
		margin: 0 0 0 0;
		padding: 0 0;
		background: none;
	}
	.main-nav>ul>li:last-child{
		margin-bottom: 0;
	}
	.main-nav>ul>li>a{
		margin: 0;
		padding: 10px 0 10px 14px;
		color: #fff;
		display: block;
		border-bottom: 1px dashed #afafaf;
	}
	.main-nav>ul>li:last-child >a{
		border-bottom: none;
	}
	.main-nav>ul>li ul{
		margin:0;
		padding: 0;
		font-size: 1.2rem;
        line-height: 1.6rem;
	}
	.main-nav>ul>li ul>li{
		background: none;
		padding: 0;
		margin: 0;
	}
	.main-nav>ul>li ul>li>a{
		color: #fff;
		padding: 4px 20px;
		margin: 5px 0;
		display: block;
	}
	.menu-close-btn {
        position: absolute;
        right: 12px;
        top: 9px;
        z-index: 1002;
        font-size: 2rem;
        line-height: 2rem;
        width: 24px;
        height: 24px;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        display: block;
    }
	.recent-update{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}
@media only screen and (min-width:1025px){
	.menu-close-btn{
		display: none;
	}
	.main-header{
		padding: 15px 0 0 0;
		position: relative;
		z-index: 4;
	}
	.header-right {
		align-items: flex-start;
	}
	.main-nav>ul{
		margin: 0;
		padding: 0;
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
	.main-nav>ul>li{
		background: none;
		padding: 0;
		margin: 0 15px 0 0;
		position: relative;
	}
	.main-nav>ul>li>a{
		display: block;
		color: #fff;
		padding: 14px 0 30px 0;
		background-color: #142236;
	}
	.main-nav>ul>li:last-child{
		margin-right: 0;
	}
	.main-nav>ul>li.menu-item-has-children>a:after {
        display: inline-block;
        content: "";
        width: 2px;
        height: 2px;
        margin: 0 0 2px 9px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        padding: 2px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: relative;
        -webkit-transition: all .5s;
        -khtml-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
	.top-contact-us-btn{
		margin-left: 15px;
	}
	.main-nav>ul>li ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 250px;
        opacity: 0;
        visibility:hidden;
        display: block;
        z-index: 2;
        font-size: 1.2rem;
        line-height: 1.8rem;
        box-shadow: 0 1px 1px #e5e5e5;
		background: #142236;
		padding: 0;
		transition: top 1s ease-out;
		-webkit-transition: all .5s;
    	-khtml-transition: all .5s;
    	-moz-transition: all .5s;
   	 	-ms-transition: all .5s;
    	-o-transition: all .5s;
    	transition: all .5s;
    }
	.main-nav>ul>li>ul>li{
		margin-bottom: 1px;
		background: none;
		margin: 0;
		padding: 0;
	}
	.main-nav>ul>li>ul>li:last-child{
		margin-bottom: 0;
	}
	.main-nav>ul>li>ul>li>a{
		color: #fff;
		display: block;
		padding: 10px 0 10px 10px;
		position: relative;
		z-index: 4;
	}
	.main-nav>ul>li:hover ul{
		opacity: 1;
        visibility: visible;
		top: 100%;
	}
	.main-nav>ul>li>ul>li>a:hover, .main-nav>ul>li>ul>li.current-menu-item>a{
		background-color:#6f97c2;
	}
	.main-nav>ul>li .header-border{
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
		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;
	}
	.main-nav>ul>li:hover .header-border{
		opacity: 1;
	}
}
@media only screen and (min-width:1200px){
	.main-header {
        padding: 22px 0 0 0;
    }
	.main-nav>ul{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.main-nav>ul>li ul{
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
	.main-nav>ul>li{
		margin: 0 33px 0 0; 
	}
	.main-nav>ul>li>a{
		padding: 14px 0 34px 0;
	}
	.top-contact-us-btn {
        margin-left: 47px;
    }
}
@media only screen and (min-width:1500px){
	.top-contact-us-btn {
        margin-left: 60px;
    }
}