@charset "utf-8";
/* CSS Document */
.main-header{
	background-color: #fff;
	padding: 10px 0;
	position: sticky;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 997;
	border-bottom:1px solid #f1f5f9;
}
.main-header .container{
	justify-content: space-between;
	align-items: center;
}
.header-right{
	align-items: center;
}
.logo-area{
	max-width: 100px;
}
.logo-area a{
	display: block;
}
.logo-area a img{
	width: 100%;
	height:auto;
	display: block;
}
.header-right{
	align-items: center;
}
.top-schedule-btn{
	margin-bottom: 0;
	background-color: #2bb9cf;
	font-weight:800;
	font-family: 'Baloo 2', sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding:6px 11px;
	text-transform: uppercase;
}
@media only screen and (min-width: 500px){
	.logo-area{
		max-width: 140px;
	}
	.top-schedule-btn{
		padding:8px 13px;
	}
}
@media only screen and (min-width: 768px){
	.main-header{
		padding: 14px 0;
	}
	.logo-area{
		max-width: 160px;
	}
	.top-schedule-btn{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}
@media only screen and (min-width: 921px){
	.logo-area{
		max-width: 173px;
	}
}
@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='%232bb9cf' %3E%3C/path%3E%3C/svg%3E") no-repeat;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 22px;
        background-size: 25px auto;
		margin-left:12px;
	}
	.main-menu{
        position: fixed;
		max-width: 370px;
       	width: 80%;
        height: 100vh;
        z-index: 1111;
        right: -80%;
		top: 0;
        background:url("../images/res-menu-pattern.png")0 0 repeat #2bb9cf;
        padding: 44px 18px 10px 25px;
        font-size: 1.4rem;
        line-height: 2rem;
        overflow-x: hidden;
		font-family: 'Inter 18pt', sans-serif;
		font-weight: 500;
        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.0rem;
        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;
		text-transform: uppercase;
    }
	.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: #89efff;
    }
	 .pixmenu-active .main-menu{
       	 right: 0;
    }
	.menu-overlay {
		background: rgba(29, 79, 161, .7);
        /*background: rgba(255, 255, 255, .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;
	}
	.res-menu-logo{
		max-width: 280px;
		width: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
	}
}
@media only screen and (min-width: 1025px){
	.res-menu-logo{
		display: none;
	}
	.main-header{
		padding:0;
	}
	.main-menu{
		display: inline-block;
	}
	.menu-close-btn{
		display: none;
	}
	.header-right {
		align-items: center;
		width: 70%;
		justify-content: space-between;
	}
	.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: 'Inter 18pt', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 2.1rem;
		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: #4a72b4;
        display: block;
        position: relative;
        padding:0;
    }
	.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 #1d4fa1 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>a, .main-menu>ul>li>a.active {
        color: #2bb9cf;
    }
	.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 #1d4fa1 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:hover.menu-item-has-children>a:after{
		border-color: transparent transparent #2bb9cf transparent;
	}
	.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: #2bb9cf;
    }
	.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: #2bb9cf;
    }
	.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 #2bb9cf transparent;
    }
	
	.menu-overlay{
		display: none;
	}
	.mob-nav-btn{
		display: none;
	}
	.top-schedule-btn{
		transform: translateY(0);
  		box-shadow: 0 0px 0px rgb(0 0 0 / 0);
		transition: transform 0.2s ease-out, box-shadow 0.2s 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;
		padding: 14px 28px;
	}
	.top-schedule-btn:hover{
		background-color: #1fa3b8;
		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		position: relative;
		 transform: translateY(-2px); 
	}
	
}
@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: 29px 0;
    }
}