/* base part for default */

/* backgroupd color */
body{
	background-color:#F0F0F0;
}

/* Header menu */
#containts-header{
	background: #FFFFFF;
}

/* Header logo mobile */
#containts-header .title-bar {
    background: #FFFFFF;
}

/* top menu (domain logout) for mobile */
#containts-header .top-bar{
	background: #FFFFFF;
}

/* Alert area */
.attention-box{
	background-color: #F7E4E1;
}

/* Header menu text */
#containts-header .dropdown.menu > li.has-submenu > a,
#containts-header .dropdown.menu > li.menu-text > a{
	color: #000000;
}

/* Dropdown change domain */
#containts-header .dropdown.menu > li.domain-menu .domain-select-menu select{
	background-color: #F7F7F7;
}

/* #container-nav */
#container-nav{
	background: rgb(57,60,64); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(57,60,64,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(57,60,64,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(57,60,64,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393c40', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
}

/* Main menu selected */
#container-nav .menu-parrent-li > a.is-active{
	background: #4080C3; /* Old browsers */
	background: -moz-linear-gradient(left, #4080C3 0%, #2464A8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4080C3 0%, #2464A8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4080C3 0%, #2464A8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4080C3', endColorstr='#2464A8',GradientType=1 ); /* IE6-9 */
}

#container-nav .nav-logo{
	background-color: #FFFFFF;
}

/* Main menu toggle area */
#container-nav .menu-parrent-li > a.is-active + .submenu-toggle{background: #2464A8;}
#container-nav .menu-parrent-li > a.is-active .nav-icon svg,
#container-nav .menu-parrent-li > a.is-active .nav-menu-text{color: #FFFFFF;}
#container-nav .menu-parrent-li > a:hover,
#container-nav .menu-parrent-li > a:hover .nav-menu-text,
#container-nav .menu-parrent-li > a:hover .nav-icon,
#container-nav .menu-parrent-li > a:hover .nav-icon svg{
	background: #000000 !important;
	color: #72B7FF;
}

/* sub menu */
#container-nav .accordion-menu .nested.is-accordion-submenu {
    background: rgb(70,73,77); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(70,73,77,1) 0%, rgba(70,73,77,1) 50%, rgba(43,44,44,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(70,73,77,1) 0%,rgba(70,73,77,1) 50%,rgba(43,44,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(70,73,77,1) 0%,rgba(70,73,77,1) 50%,rgba(43,44,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46494d', endColorstr='#2b2c2c',GradientType=1 ); /* IE6-9 */
}

/* Sub menu selected */
#container-nav .accordion-menu .nested.is-accordion-submenu .is-submenu-item a.is-active{
	color: #333333;
	background: #4080C3; /* Old browsers */
	background: -moz-linear-gradient(left, #4080C3 0%, #2464A8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4080C3 0%, #2464A8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4080C3 0%, #2464A8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc526', endColorstr='#c79900',GradientType=1 ); /* IE6-9 */
}

/* Menu hoverd */
#container-nav .accordion-menu .nested.is-accordion-submenu .is-submenu-item a:hover{
	color: #72B7FF;
}

/* Main menu toggle button svg hovered */
#container-nav .menu-parrent-li > a:hover + .submenu-toggle:after {
	border-color: #72B7FF;
}

/* toggle button when main menu hovered */
#container-nav .menu-parrent-li > a:hover + .submenu-toggle{background: #000000 !important;}

/* menu icon */
#container-nav .menu-parrent-li > a .nav-icon svg{
	color: #A5A49D;
}

/* Toggle button arrow color when active */
#container-nav .menu-parrent-li > a.is-active + .submenu-toggle:after{border-color:#000;}

/* Header menu dropdown arrow svg hovered */
#containts-header .dropdown.menu > li.has-submenu > a:hover.arrow-under:after,
#containts-header .dropdown.menu > li.menu-text > a:hover.arrow-under:after{
    border-right: solid 2px #4080C3;
    border-top: solid 2px #4080C3;
}

/* Header change domain hovered */
#containts-header .dropdown.menu > li.menu-text.domain-menu > a:hover{color: #000000;}

/* Header menu hovered */
#containts-header .dropdown.menu > li.has-submenu > a:hover,
#containts-header .dropdown.menu > li.menu-text > a:hover{
	color: #4080C3;
}

/* Header icon hovered(mic, human) */
#containts-header .dropdown.menu > li.has-submenu > a:hover svg,
#containts-header .dropdown.menu > li.menu-text:not(.domain-menu) > a:hover svg{
	color: #4080C3;
}

@media screen and (min-width: 40em){

	/* Header menu left arrow center line  */
	#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover .button-line{
		background-color: #4080C3;
	}

	/* Header menu left arrow right line  */
	#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:before{
		background-color: #4080C3;
	}

	/* Header menu left arrow left line  */
	#containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:after{
		background-color: #4080C3;
	}

	/* Header menu right arrow center line  */
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover .button-line{
		background-color: #4080C3;
	}

	/* Header menu right arrow left line  */
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:before{
		background-color: #4080C3;
	}

	/* Header menu right arrow right line  */
	.shrink-container #containts-header .nav-trigger .nav-trigger-inner .nav-trgger-icon:hover:after{
		background-color: #4080C3;
	}

	/* Shrink main menu selected  */
	#container-nav.shrink .menu-parrent-li > a.is-active .nav-icon{background-color: #4080C3;}
}