@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,800italic,700italic,700,600,400italic,300italic,300);
body {
  margin: 0px;
  font-size:14px;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  background-image: url(/Content/Archive/402/bg1-90956.jpg );
}

#main { width: 100% }
#main > div > div:after { content: "\00a0"; clear: both; display: block; height: 0px }
.sixteen.columns { display: block; float: none; margin: 0px auto; clear: both }
img { border: 0px; max-width: 100% }
p { margin: 0px 0px 10px 0px}
form,ul,li { margin: 0px; !important}
iframe { height:30vw}
a:link, a:visited, a:active { color: #26225D; text-decoration: none }
a:hover { color: #152136; text-decoration: none }


/*Heading
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	margin: 0px 0px 5px 0px;
	padding:5px 0;
	color: #26225D;
	font-weight: 300;
	line-height:1.3em
}

h1 { font-size: 32px }
h2 { font-size: 28px }
h3 { font-size: 28px }
h4 { font-size: 25px }
h5 { font-size: 16px }
h3.SectionHeader { 
margin: 20px 0px; 
text-transform: uppercase;
font-size:42px;
}

/*Menu
-----------------------*/
.ResponsiveMenu {font-size: 0px;}
.ResponsiveMenuItem {display: inline-block; line-height:50px; margin: 0px; float: none !important}
.ResponsiveMenu a {padding: 0px 15px; font-size: 14px;font-weight:400;display: block; line-height:60px;transition: 0.5s;}
.ResponsiveMenuItem.Active > a {background: #26225D; color:#fff;transition: 0.5s;}
.ResponsiveMenuItem a:hover{background:#26225D;	color: #fff;}
.ResponsiveMenuWrapper {text-align:center;}
/*SubMenu
-----------------------*/
.ResponsiveSubMenu {margin: 0px;
	position: absolute;
	width: auto;
	background: #fff;	
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);	
	text-align: left;
	z-index: 11;
}
.ResponsiveSubMenu a {line-height:35px;}
.ResponsiveSubMenuItem {float: none !important;	line-height: 30px; margin: 0px;} 


/* Default Form (Update 03/07/15)
---------------------------------------*/
input[type=text],input[type=password],input[type="email"],select,textarea { 
	width: 100%; 
	box-sizing: border-box;
	padding: 8px; 
	font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	height: 40px;
	border-radius: 0px;
	margin-bottom: 0px;
	border:solid 1px rgba(200,200,200,0.4);
}
.input-validation-error { margin: 0px!important }
#captcha { width: 180px !important; margin-bottom: 0px }
textarea { height: 120px }
.ui-button { border: 0px; background: none }
.ui-button-text { line-height: 40px !important; padding: 0px !important }
.ui-button-text img { display: none }
.btn, .button, button, input[type="submit"], input[type="reset"], input[type="button"], a.ui-button, .make-button {
	display: inline-block;
	background: #8D99A9; !important;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px !important;
	height: 40px;
	border: 0px;	
	letter-spacing:1px;
	margin: 0px;
	padding: 0px 20px !important;	
	text-shadow: none;
	border-radius: 4px;
	outline: none;
	transition: all 0.2s;
}
.btn:hover,.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.ui-button:hover, .make-button:hover { 
	border: 0px; 
	background: #626A75 !important;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .ui-button-text:active { border: 0px; background: #626A75 }
fieldset > legend { font-size: 24px; color: #000; margin-bottom: 20px }
form label, .editor-label label { display: inline; font-size: 14px; font-weight: 500 }
.RequiredSymbol { color: #ff0000; font-family: calibri }
.field-validation-valid { color: #ff0000 }
.field-validation-error { color: red; display: block; margin-bottom: 20px }
.CustomFormLabel { display: block }
.editor-label a { display: inline-block }
.ui-selectmenu-menu-dropdown { box-sizing: border-box }
/*-- CustomForm --*/
.CustomFormField { margin-bottom: 15px }
.form-group { margin-bottom: 15px }


/*Header
---------------------------------------*/
.Outpage7503 #header {margin:0;}
#header {width: 100%;background:rgba(255,255,255,1); margin:0 0 30px 0; position:absolute; z-index:99;}
#HeaderArea { height:60px; text-align:left; margin:0 auto; padding:0}
#HeaderArea h2 { display:none }
#header p { margin: 0px }
#header img { vertical-align: top }

#HeaderContentSections9027 { float: right }


/*Footer
--------------------------------------*/
#Footer {background: url(/Content/Archive/402/dark-90929.png ); width: 100%; color: #76818f} /*<-- Change color here*/
#FooterArea h2, .footerTitle { display: none }
#FooterArea .SectionHeader { color: #fff; text-align: center; margin-top: 0px; padding: 30px 0px 0px 0px}
#Footer h4 { font-size: 28px; color: #fff; margin: 4px 0px 0px 0px }
#Footer a { color: #76818f; transition: all 0.2s }
#Footer a:hover { color: #fff; padding:0 0 0 5px;}	
#FooterArea .ArticleTemplate { padding: 0px 0px 30px 0px }
#FooterArea img { float: left; padding-right: 25px; }	
#inside { overflow: hidden; padding: 40px 0px; text-align: center; font-size:13px;}
#inside a:hover {padding:0 0 0 0px;}	

.scrollup {
	background: url("/Content/Archive/342/Arrow-top-HOVER-60395.png") no-repeat scroll left top rgba(255, 255, 255,0.5);
	border-radius:40px;
	bottom: 40px;
	display: none;
	height: 55px;
	position: fixed;
	right: 40px;
	text-indent: -9999px;
	width: 55px;
	box-shadow:0 0 10px #ddd;
	transition: all 0.5s ease;
}
.scrollup:hover { background: url("/Content/Archive/342/Arrow-top-HOVER-60395.png") no-repeat scroll left bottom rgba(48, 159, 216,1) }

/*-- extra --*/
#FooterSectionsWrapper9019 { clear: both }
#FooterSections9030 { padding-top: 30px }
#Section9030 p { margin: 0px }
#Section9030 { padding-top: 20px;border-bottom: 1px solid rgba(100,100,100,0.2)}
#FooterArea .ArticleIngress > div { width: 32%; float: left; margin-right: 2% }
#FooterArea .ArticleIngress > div:last-child { margin-right: 0px }
#FooterArea .ArticleIngress:after { clear: both; content: ""; display: block }
#FooterArea .one-third h3.SectionHeader { font-size:20px; text-transform: inherit; text-align: left }
#FooterArea .one-third > div { padding-right: 18% }
#Section9033 li { padding: 3px 0px }


/* Newsletter 04/07/15
---------------------------------------*/
.NewsletterPanel { display: block; font-size: 0px; position: relative }
.NewsletterPanel .Title { display: none }
.NewsletterPanel p { font-size: 14px; }
.NewsletterPanel .control-label { display: none }
.NewsletterPanel input[type="text"] { border-radius: 0px; background:rgba(0,0,0,0.1); border: 1px solid rgba(50,50,50,0.2); font-size: 13px; color: #fff }
.NewsletterPanel input[type="submit"] { position: absolute; right: 0px; bottom: 0px; border-radius: 0px }
::-webkit-input-placeholder { color: #777C8B }
::input-placeholder { color: #777C8B }



/* Menu Language
===============================================================================*/
.LanguagePanel { position: relative; text-transform: capitalize; display: inline-block; vertical-align: top; margin-top:20px}
.LanguagePanel a { padding: 0px 20px 0px 50px; display: block; background-repeat: no-repeat; background-position: left 15px center; background-size:24px}
.LanguagePanelOption { position: absolute; min-width: 100%; right: 0px; background:#fff }
.LanguagePanel a.LanguageLinkth { background-image: url(/Content/Archive/406/th-305558.png) }	
.LanguagePanel a.LanguageLinkde { background-image: url(/Content/Archive/406/de-243679.png) }	
.LanguagePanel a.LanguageLinkes { background-image: url(/Content/Archive/406/es-114640.gif) }	
.LanguagePanel a.LanguageLinkzh { background-image: url(/Content/Archive/406/zh-305559.png) }	
.LanguagePanel a.LanguageLinkda { background-image: url(/Content/Archive/406/da-242216.png) }	
.LanguagePanel a.LanguageLinkno { background-image: url(/Content/Archive/406/no-242218.png) }	
.LanguagePanel a.LanguageLinken { background-image: url(/Content/Archive/406/en-242217.png) }	
.LanguagePanel a.LanguageLinksv { background-image: url(/Content/Archive/406/sv-242219.png) }
.LanguagePanel a.LanguageLinkru { background-image: url(/Content/Archive/406/ru-257691.png) }
.LanguagePanel a.LanguageLinkmn { background-image: url(/Content/Archive/406/mn-305482.png) }
.LanguagePanel a.LanguageLinkfi { background-image: url(/Content/Archive/406/fi-308093.png) }
.LanguagePanel a.LanguageLinkit { background-image: url(/Content/Archive/406/it-243676.png) }
.LanguagePanel a.LanguageLinkfr { background-image: url(/Content/Archive/406/fr-243678.png) }
.LanguagePanel a.LanguageLinknl { background-image: url(/Content/Archive/406/nl-243675.png) }
.ShowAll .LanguagePanel a { display: inline-block; padding-right: 0px; vertical-align: top }
.ShowAll .LanguagePanelOption { display: inline-block !important; vertical-align: top; width: auto; min-width: 0px; position: static; border: 0px; background: none }
.ShowAll .LanguagePanelOption a { margin-left: 10px }
.FlagOnly { font-size: 0px }
.FlagOnly .LanguagePanel a { height: 20px; padding-left: 30px; padding-right: 0px; background-position: center center }

/* Gallery
---------------------------------------*/
.Gallery_Description {margin-bottom:20px;}
#gallery ul {list-style:none; margin:0; padding:0;}
#gallery li {
	width:30%;
	text-align: center;
	background: rgba(255,255,255,0.65);
	height:240px;
	display:inline-block;
	vertical-align:top;
	margin:1% 2% 1% 0;
}
#gallery li img{
	height:240px;
	display:inline-block;
	vertical-align:top;
}

/*slide home update 2015.09.09
--------------------------------------*/
#LeftArea { background-image: url(/Content/Archive/402/violet-90927.png);}
#LeftContentSectionsWrapper9024 {padding:0px 0 0 0}
.LeftContentSectionsWrapper { padding-bottom:0px; max-width:100%; margin: 0px auto }

.nivoSlider { box-shadow: 0 0 20px rgba(0,0,0,0.7) !important; margin: 0px !important }

.nivo-controlNav a { 
  width:13px; 
  height:13px; 
  background:rgba(0,0,0,0.5); 
  border-radius: 50%; 
  margin: 0 6px; 
  vertical-align: middle;
 }

.theme-default .nivo-caption {
   background:rgba(0,0,0,0.3)!important;
   font-family: 'Open Sans', sans-serif !important;
   text-align:center;
   padding:100% 0 20% 0;
   font-size:30px;
   font-weight:400;
   opacity:1 !important;
}


.nivo-controlNav { 
 position: absolute; 
 width: 100%; 
 bottom:20px; 
 z-index: 50;
}
.nivo-control { border-radius: 50%; display: inline-block !important; background: #fff !important; width: 10px !important; height: 10px !important; margin: 2px 5px !important; }
.nivo-control.active { background: #26235C !important; width: 16px !important; height: 16px !important; margin: 0px 5px !important }

.slider-wrapper { position: relative;}

.nivo-nextNav {
  right: 0px !important;
  background: url(/Content/Archive/402/arrow-91171.png) left -75px center no-repeat !important;
  height: 160px !important;
  width: 45px !important;
  top:50% !important;
  margin-top:-80px;
}
.nivo-prevNav {
  left: 0px !important;
  background: url(/Content/Archive/402/arrow-91171.png) left -10px center no-repeat !important;
  height: 160px !important;
  width: 45px !important;
  top:50% !important;
  margin-top:-80px;
}



#RightArea {background-image: url(/Content/Archive/402/violet-90927.png);color: #fff; text-align: center;font-size: 16px }
.RightContentSectionsWrapper { width: 560px; margin: 0px auto; padding: 30px 0px 20px 0px }
#RightArea h2 { display: none }
#RightArea h3,#RightArea h4 { color: #fff }
#RightArea p { color: rgba(255,255,255,0.65)}

#AsideArea { text-align: center }
#AsideArea h2 { display: none }
#AsideArea h3 { color: #fff; border-top:solid 1px rgba(200,200,200,0.1); padding:30px 0;}


.AsideContentSectionsWrapper { 
background-image: url(/Content/Archive/402/violet-90927.png);
 background-position:center;
 padding-top:10px;}
#AsideArea .ArticleIngress { padding-bottom: 60px }
#AsideArea .ArticleIngress > p { padding-bottom: 60px; font-size: 16px; color: rgba(255,255,255,0.65)}
#AsideArea .ArticleIngress > div { width: 20%; float: left }
#AsideArea .ArticleIngress > div > p img { vertical-align: top }
#AsideArea .ArticleIngress > div > span { 
  display: block; 
  color: #fff; 
  text-transform: uppercase; 
width: 140px; 
margin: 0px auto; 
font-weight:300;
font-size:16px;
}
#AsideArea .ArticleIngress:after { clear: both; content: ""; display: block }

#AsideArea .ArticleIngress > div > p {
	display:inline-block;
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	padding:12px;
	background: #C0C4CF;
	border-radius: 50%;
	border: 8px solid rgba(255,255,255,0.7);
	transition:0.3s;
}

#AsideArea .ArticleIngress > div > p:hover{
	padding:5px; 
	background: #d8dbe3;
	border: 8px solid rgba(255,255,255,0.9);
	transition:0.3s;
}


.MainContentSectionsWrapper { padding: 40px 0px }

.fullArticleItem > h2 { padding-bottom: 20px; font-weight: 500; text-transform: uppercase }


/*Contact Page (Need DefaultForm)
--------------------------------------*/
.formDesc > div:nth-child(2) { padding-top: 20px; float: left; width: 46% }
.FormPage form { 
 background:#fff;
 padding:0 20px 10px 20px; 
 margin:20px 0;
 float: right; 
 width:45%;
}
.FormPage form .editor-wrapper { margin: 20px 0px }
.formConfirm { margin-top: 20px }
@media only screen and (max-width: 767px) { .formDesc > div:nth-child(2),.FormPage form { float: none; width: 100% } }


/* Content Page
---------------------------------------*/
#ContentArea { padding-top: 70px }
.Outpage7503 #ContentArea { padding-top: 0px }
.fullArticleItem li { padding: 8px 0px }