/* CSS Document */

@keyframes mainAnim{
	
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
	
}


.header .in .row_2{
	position: relative;
}

.header .in .row_2 ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
	padding: 10px 25px;
	animation: mainAnim 1s ease-in-out alternate;
}

.header .in .row_2 ul li{
	font-weight: bolder;
}

.header .in .row_2 ul li .ordinary{
	color: #0a0a0a;
	font-size: 15px;
	font-weight: bolder;
	padding: 20px 0px;
	transition: color 0.3s ease;
}

.header .in .row_2 ul li .ordinary:hover{
	text-decoration: underline;
	color: #f84f5c;
}

.CTA1{
	color: #030e34;
	font-weight: bold;
	border-left: 5px #f84f5c solid;
	transition: color 0.3s ease;
	padding-left: 4px;
}

.CTA1:hover{
	color: #f84f5c;
}


/*New*/
.header .in .row_2 .icon_arrow_down{
	width:12px;
	height:8px;
	margin-left:10px;
}

.header .in .row_2 .has_submenu{
	position: relative;
}

.header .in .row_2 .has_submenu:hover > .sub, .header .in .row_2 .has_submenu:hover .icon_nav_point_container, .header .in .row_2 .sub:hover{
	visibility: visible;
	opacity: 1;
}
.header .in .row_2 .icon_nav_point_container{
	width: 50px;
	height: 12px;
	position:absolute;
	margin-top: 10px;
	margin-left:15px;
	display: flex;
	justify-content: center;
	z-index:99;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}
.header .in .row_2 .sub{
	position: absolute;
	background-color: white;
	z-index: 97;
	padding: 40px 60px;
	left: -62px;
	top: 43px;
	max-height: calc(100vh - 40px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: visible;
	border: 1px solid #e9e9e9;
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}
.header .in .row_2 .sub li{
	line-height: 40px;
	font-size: 15px;
	font-weight: bolder;
	white-space: nowrap;
	transition: color 0.3s ease;
}
.header .in .row_2 .sub a{
	color: #0a0a0a;
}

.header .in .row_2 .sub a:hover{
	text-decoration: underline;
	color: #f84f5c;
}

.header .in .row_2 .icon_nav_point{
	width: 18px;
	height: 18px;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	background: white;
	transform: rotate(45deg);
}

@media screen and (max-width:767px){
	
	.header .in .row1{
		padding: 5px 20px;
	}
	
	.header .in .row_2 ul{
		padding: 10px 20px;

	}

    .header .in .row_2 ul li .ordinary{
        display: none;
    }	
	
}