@charset "utf-8";
/* CSS Document */
.main-header{
	background-color: #142236;
	padding: 10px 0;
	border-bottom: 1px solid rgba(111,151, 194, 0.34);
	position: sticky;
	left: 0;
	top: 0;
	z-index: 999;
}
.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-Medium', sans-serif;
	font-weight:normal;
}
.top-contact-us-btn{
	text-indent: -2000px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233.5 200'%3E%3Cpath d='M224.33 8.55c-3.03-2.99-7.07-4.64-11.38-4.64H60.72c-4.31 0-8.35 1.65-11.36 4.63-3.16 3.08-4.9 7.21-4.9 11.64v21.71a65 65 0 0 0-7.18-.4c-10.89 0-19.36 2.93-25.17 8.72-4.85 4.83-7.53 11.56-7.53 18.94 0 17.14 3.36 33.76 9.98 49.41 6.39 15.12 15.55 28.69 27.2 40.35 11.66 11.66 25.23 20.81 40.35 27.2 15.65 6.62 32.28 9.98 49.41 9.98 7.38 0 14.1-2.67 18.94-7.53 5.79-5.81 8.72-14.28 8.72-25.17a67.19 67.19 0 0 0-.9-10.88h54.68a16.17 16.17 0 0 0 11.37-4.63c3.16-3.1 4.9-7.23 4.9-11.65V20.18c-.01-4.42-1.75-8.56-4.9-11.63zM154.98 78.2l67-63.27c.92 1.57 1.41 3.37 1.41 5.25v116.04a10.32 10.32 0 0 1-1.42 5.26L154.98 78.2zm57.97-68.46c1.7 0 3.34.4 4.8 1.16l-69.02 65.18-8.34 7.88c-2 1.9-5.12 1.9-7.13 0l-8.33-7.87L55.92 10.9c1.46-.75 3.09-1.16 4.8-1.16h152.23zM50.28 20.18c0-1.88.49-3.67 1.41-5.25l67 63.27-44.86 42.38c-3.99-4.47-7.47-9.39-10.33-14.67l2.66-1.31c2.98-1.47 5.28-3.98 6.47-7.07s1.19-6.49-.01-9.59c-2.12-5.45-3.87-11.95-5.19-19.31-.76-4.21-1.36-8.6-1.79-13.03-.52-5.41-4.23-9.89-9.46-11.4a67.35 67.35 0 0 0-5.9-1.42v-22.6zm96.04 164.27c-3.73 3.75-8.99 5.81-14.81 5.81-16.35 0-32.21-3.2-47.14-9.52-14.42-6.1-27.37-14.83-38.5-25.96s-19.86-24.08-25.96-38.5c-6.31-14.93-9.52-30.79-9.52-47.14 0-5.82 2.06-11.07 5.81-14.81 4.68-4.66 11.76-7.02 21.06-7.02 7.21 0 13.38 1.35 17.29 2.48a7.31 7.31 0 0 1 5.27 6.36c.44 4.59 1.06 9.13 1.85 13.5 1.39 7.73 3.24 14.59 5.49 20.39 1.4 3.61-.15 7.61-3.6 9.32l-5.32 2.62c-.69.34-1.22.95-1.47 1.68s-.2 1.53.15 2.23c8.06 16.34 21.5 29.77 37.84 37.84a2.97 2.97 0 0 0 2.23.15c.73-.25 1.34-.78 1.68-1.47l2.62-5.32c1.7-3.46 5.71-5.01 9.32-3.6 5.81 2.26 12.67 4.11 20.39 5.49 4.37.79 8.92 1.41 13.51 1.85a7.31 7.31 0 0 1 6.36 5.27c1.13 3.91 2.48 10.08 2.48 17.29-.01 9.29-2.37 16.38-7.03 21.06zm10.74-37.78c-.2-.79-.4-1.52-.59-2.19a13.12 13.12 0 0 0-11.4-9.46c-4.43-.43-8.81-1.03-13.03-1.79-7.35-1.32-13.85-3.07-19.31-5.19-3.09-1.2-6.5-1.21-9.59-.01a13.14 13.14 0 0 0-7.07 6.47l-1.31 2.65c-6.17-3.34-11.85-7.53-16.89-12.38l45.07-42.57 6.32 5.98c2.12 2.02 4.85 3.02 7.58 3.02 2.72 0 5.45-1.01 7.57-3.02l6.33-5.98 67.01 63.3a10.36 10.36 0 0 1-4.79 1.16h-55.9z' fill='%23fff' stroke='%23fff' stroke-width='8' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 0 100%;
	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;
		color: #fff;
		padding: 6px 15px;
		display: inline-block;
		font: normal 1.4rem / 2.2rem 'Poppins-SemiBold', sans-serif;
		text-align: center;
		border-radius: 5px;
		position: relative;
        padding-right: 30px;
	}
	.top-contact-us-btn:before {
        display: inline-block;
        width: 8px;
        height: 8px;
        position: absolute;
        top: 13px;
        right: 18px;
        content: "";
        border: solid #fff;
        border-width: 2px 0 0 2px;
        transform: rotate(135deg);
    }
}
@media only screen and (min-width:768px){
	.top-logo{
		max-width:200px; 
	}
	/*.top-contact-us-btn{
		padding: 12px 30px;
        font-size: 1.4rem;
        line-height: 2.0rem;
		padding-right: 35px;
	}
	.top-contact-us-btn:before {
        top: 17px;
        right: 23px;
    }*/
}
@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: 100%;
		max-width: 310px;
        right: -316px;
        top: 0;
        z-index: 1001;
        height: 100vh;
        background: #142236;
		box-shadow: 0 0 5px 2px #324560;
        padding: 31px 10px 10px 25px;
        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;
	}
	.pixmenu-active .main-nav{
		right: 0;
	}
	/*.pixmenu-active .main-banner, .pixmenu-active .body-cont, .pixmenu-active .inner-banner{
		filter: blur(6px);
		opacity: 0.15;
	}*/
	.main-nav>ul{
		margin: 0;
		padding: 0;
		font-size: 1.6rem;
        line-height: 2.4rem;
	}
	.main-nav>ul>li{
		margin: 0 0 0 0;
		padding: 0 0 12px 0;
		background: none;
	}
	.main-nav>ul>li:last-child{
		margin-bottom: 0;
	}
	.main-nav>ul>li>a{
		margin: 0;
		padding: 0 0 0 0;
		color: #fff;
		display: block;
	}
	.main-nav>ul>li:last-child >a{
		border-bottom: none;
	}
	.main-nav>ul>li ul{
		margin:0;
		padding: 0;
		font-size: 1.4rem;
        line-height: 2.0rem;
		font-family: 'Poppins-Light', sans-serif;
		font-weight: normal;
	}
	.main-nav>ul>li ul>li{
		background: none;
		padding: 0;
		margin: 0;
	}
	.main-nav>ul>li ul>li>a{
		color: #fff;
		padding: 8px 0 8px 7px;
        margin: 3px 0;
		display: block;
		border-bottom: 1px dashed #6a86af;
	}
	.main-nav>ul>li ul>li:last-child a{
		border-bottom: 0;
	}
	.menu-close-btn {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 1002;
        font-size: 2rem;
        line-height: 2rem;
        width: 25px;
        height: 25px;
        border: 1px solid #fff;
		border-radius: 50%;
        color: #fff;
        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;
		position: relative;
	}
	.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;
		position: relative;
		z-index: 2;
	}
	.main-nav>ul>li>a:hover{
		color: #6f97c2;
	}
	.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;
    }
	.main-nav>ul>li.current-menu-parent>a:after, .main-nav>ul>li.current-menu-item>a:after {
		border-color: #6f97c2;
		
	}
	.main-nav>ul>li.current-menu-parent>a, .main-nav>ul>li.current-menu-item>a{
        color: #6f97c2;
    }
	.main-nav>ul>li.menu-item-has-children>a:hover:after {
		border-color: #6f97c2;
	}
	.top-contact-us-btn{
		margin-left: 15px;
	}
	.main-nav>ul>li ul {
		font-family: 'Poppins-Regular';
		font-weight: normal;
        position: absolute;
        left: 0;
        top: 100%;
        width: 250px;
        z-index: 1;
        font-size: 1.2rem;
        line-height: 1.8rem;
        box-shadow: 0 3px 6px 0 rgba(20,34,54,0.2);
		background: #fff;
		padding: 0;
		/*-webkit-transition: top 1s ease-out, opacity 5s ease-out ;
    	-khtml-transition: ease-out 1s, opacity 1s ease-out ;
    	-moz-transition: ease-out 1s, opacity 1s ease-out ;
   	 	-ms-transition: ease-out 1s, opacity 1s ease-out ;
    	-o-transition: ease-out 1s, opacity 1s ease-out ;
		transition: top 1s ease-out, opacity 1s ease-out ;*/
		visibility: hidden;
  		opacity: 0;
  		transform: translateY(-30px);
  		filter: blur(4px);
  		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  		pointer-events: none;
		
		/*transform-origin: top center;
		animation: rotateX 300ms 60ms ease-in-out forwards;*/
    }
	.main-nav>ul>li>ul>li{
		margin-bottom: 1px;
		background: none;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(111,151,194,0.2);
		
	}
	.main-nav>ul>li>ul>li:last-child{
		margin-bottom: 0;
		border-bottom: none;
	}
	.main-nav>ul>li>ul>li>a{
		color: #142236;
		display: block;
		padding: 11px 6px 11px 6px;
		position: relative;
		z-index: 4;
		border-left: 0px solid #fff;
	}
	.main-nav>ul>li.dropdown-active>ul{
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		filter: blur(0);
		pointer-events: auto;
		z-index: 4;
	}
	.main-nav>ul>li>ul>li>a:hover, .main-nav>ul>li>ul>li.current-menu-item>a{
		border-left: 6px solid #6f97c2;
		color: #6f97c2;
	}
	.sliding-border{
		display: block;
		width: 20px;
		height: 2px;
		background-color: #6f97c2;
		opacity: 1;
		position: absolute;
		bottom: 0;
  		left: 0;
		z-index: 3;
		transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		pointer-events: none;
		/*-webkit-transition: all .5s;
    	-khtml-transition: all .5s;
    	-moz-transition: all .5s;
   	 	-ms-transition: all .5s;
    	-o-transition: all .5s;
    	transition: all .5s;*/
	}
	.sliding-border{
		opacity: 1;
	}
	
	.top-contact-us-btn{
		padding: 12px 30px;
        font-size: 1.5rem;
        line-height: 2.1rem;
		padding-right: 40px;
        border: 1px solid #6f97c2;
	}
	.top-contact-us-btn:before {
       top: 18px;
        right: 26px;
        webkit-transition: all .3s;
        -khtml-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
	.top-contact-us-btn:hover {
        color: #fff;
        background-color: #142236;
        border: 1px solid #142236;
    }
	.top-contact-us-btn:hover:before{
        right: 20px;
    }
}
@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;
    }
}
@-moz-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}