/*cm_sysdb_begin*/
@import url("//fonts.googleapis.com/css?subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese&family=Poiret+One:regular");
/*cm_sysdb_end*/

.cm-offline-content {
    color: #000000;
    background-color: #4B809E;
}

body, #page_wrapper, .content_main_dho {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
h1, .cm-h1 {
	font-size:		x-large;
	font-family:	Poiret One, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		large;
	font-family:	Poiret One, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h3 {
	font-size:		medium;
	font-family:	Poiret One, sans-serif;
	font-weight:	bold;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Poiret One, sans-serif;
}
#title_wrapper h1 {
	font-family:	Poiret One, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
#title_wrapper h2 {
	font-family:	Poiret One, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
#cm_navigation a {
	font-size:		small;
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}



#content_wrapper input[type='text'], #content_wrapper input[type='date'], #content_wrapper input[type='datetime'], 
#content_wrapper input[type='email'], #content_wrapper input[type='number'], #content_wrapper input[type='password'],
#content_wrapper input[type='search'], #content_wrapper input[type='tel'], #content_wrapper input[type='time'],
#content_wrapper input[type='url'], #content_wrapper textarea, #content_wrapper select {
	border-radius:		0px;
	border:				none;
	padding:			6px;
	color:				#000000;
	background-color:	#4B809E;
	background-color:	rgba(0,0,0,0.15);
	border-bottom:		1px solid #000000;
	-webkit-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-moz-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-o-transition:		color 0.4s, background-color 0.4s, box-shadow 0.4s;
	transition:			color 0.4s, background-color 0.4s, box-shadow 0.4s;
}
#content_wrapper input[type='text']:focus, #content_wrapper input[type='date']:focus, #content_wrapper input[type='datetime']:focus, 
#content_wrapper input[type='email']:focus, #content_wrapper input[type='number']:focus, #content_wrapper input[type='password']:focus,
#content_wrapper input[type='search']:focus, #content_wrapper input[type='tel']:focus, #content_wrapper input[type='time']:focus,
#content_wrapper input[type='url']:focus, #content_wrapper textarea:focus, #content_wrapper select:focus {
	background-color:	#222;
	background-color:	rgba(0,0,0,0.6);
	color:				#fff;
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
}



body {
	background-color: #4B809E;
}

#page_wrapper {	
	background-color: #4B809E;
}


#social_wrapper, .spacer_bottom {
	background-color: 	#000000;
	color:				#000000;
}

#head_wrapper, .kv_bg, #keyvisual:before {
	background-color: 	#9dceea;
}

.kv_bg {
	box-shadow:		0px -320px 320px -320px #4B809E inset;
}


	

#title_wrapper {
	color:				#9DCEEA;
	background-color:	#9D805A;
}






.content_main_dho {
	color:				#000000;
}
.content_main_dho a {
	color:				#000000;
}
.content_main_dho a:hover {
	color:				#FFE6C5;
}



#cm_navigation li.cm_has_subnavigation > a:after {
    border-color: #000000 transparent -moz-use-text-color;
}
#cm_navigation > ul > li > ul {
	color:				#000000;
	background-color:	#9dceea;
}

#cm_navigation > ul > li > a {
	color:				#000000;
	background-color: 	transparent;
	border-bottom:		4px solid #FFE6C5;
}
#cm_navigation > ul > li.cm_current > a {
	color:				#9dceea;
	background-color: 	#000000;
	border-bottom:		4px solid #FFE6C5;
	-webkit-box-shadow:	0px -20px 20px -20px #FFE6C5 inset;
	-moz-box-shadow:	0px -20px 20px -20px #FFE6C5 inset;
	box-shadow:			0px -20px 20px -20px #FFE6C5 inset;
}
#cm_navigation > ul > li:hover > a {
	color:				#9dceea;
	background-color: 	#000000;
	border-bottom:		4px solid #FFE6C5;
	box-shadow:			0px -20px 20px -20px #FFE6C5 inset;
}


.cm_subnavigation > li > a {
	color:				#000000;
	background-color: 	#9dceea;
	border-bottom:		1px dotted #FFE6C5;
}
.cm_subnavigation > li:last-child > a {
}
.cm_subnavigation > li.cm_current > a {
	color:				#9dceea;
	background-color: 	#000000;
}
.cm_subnavigation > li:hover > a {	
	color:				#9dceea;
	background-color: 	#000000;
}


#cm_navigation a.toggle-nav,
#cm_navigation a.toggle-nav.clicked {
	color:				#000000 !important;
	background-color:	transparent !important;
}



#footer_wrapper {
	color:				#000000;
	background-color:	#4B809E;
}
#footer a, #footer {
	color:				#000000;
}



.content_sidebar {
	color:				#9DCEEA;
	background-color:	#9D805A;
}
.content_sidebar a {
	color:				#9DCEEA;
}
.content_sidebar h1, .content_sidebar .cm-h1,
.content_sidebar h2, .content_sidebar h3,
.content_sidebar h4, .content_sidebar h5 {
	color:				#4B809E;
}







@media only screen and (min-width: 1024px) and (max-width: 1250px) {   /* ---- Tablet Landscape ---- */
	#logo_wrapper {	
		background-color: 	#9dceea;
	}

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#logo_wrapper {	
		background-color: 	#9dceea;
	}
	#head_wrapper {
		box-shadow:		0px -400px 400px -400px #4B809E inset;
	}
	#cm_navigation > ul > li:hover > a, #cm_navigation > ul > li.cm_current > a {
		border-bottom:		2px solid #FFE6C5;
	}
	.cm_subnavigation > li > a, .mobile_navigation {
		color:				#9dceea;
		background-color: 	#000000;
	}
	.cm_subnavigation > li.cm_current > a {
		color:				#000000;
		background-color: 	#9dceea;
	}
	.cm_subnavigation > li:hover > a {	
		color:				#000000;
		background-color: 	#9dceea;
	}
	.cm_subnavigation > li.cm_has_subnavigation > a:after {
		border-top:			1px solid #9dceea;
		border-right:		1px solid #9dceea;
	}
	.cm_subnavigation > li.cm_has_subnavigation:hover > a:after,
	.cm_subnavigation > li.cm_has_subnavigation.cm_current > a:after {
		border-top:			1px solid #000000;
		border-right:		1px solid #000000;
	}
	
	#cm_navigation .cm_subnavigation .toggle-nav {
		color:				#9dceea !important;
	}

}



@media only screen and (min-width: 1px) and (max-width: 767px) {

	#cm_navigation > ul > li > a, .mobile_navigation {	
		color:				#000000;
		background-color: 	#9dceea;
		border-bottom:		1px dotted #FFE6C5;
	}
	#cm_navigation > ul > li:hover > a, #cm_navigation > ul > li.cm_current > a {
		color:				#9dceea;
		background-color: 	#000000;
		border-bottom:		1px solid #FFE6C5;
		box-shadow:			none;
	}
	#cm_navigation > ul > li:last-child > a {	
		border-bottom:		none;
	}
}