@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);
body { font-family: 'Open Sans', sans-serif; }
a:link, a:visited, a:active, a:focus { text-decoration: none; color: #000; transition: all 0.2s }
a:hover { color: #05B6F4; text-decoration: none }
h1, h2, h3 { font-family: 'Titillium Web', sans-serif }
h4, h5, h6 { font-family: 'Titillium Web', sans-serif; line-height: 1 }
h1 { font-size: 42px }
h2 { font-size: 28px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 12px }
h3.SectionHeader { font-size: 32px }


/*Menu
===============================================================================*/
.topnav { text-align: right; }
.topnav a { font-family: 'Titillium Web', sans-serif; font-size:16px; color: #666; line-height: 60px; }
.topnav .VerticalDropDownMenu_active > a { background: #31ccff; color: #fff; }
.topnav > li:hover > a { background: #111; color:#fff }
/*-- Submenu --*/
.subnav { background:#05B6F4; } /*<-- Style up this*/
.subnav a { line-height: 40px; text-align: left; color: #fff }
.subnav a:hover { color: #fff; background: #0d1f39 }


/* Header
===============================================================================*/
.HeaderContentSectionsWrapper:nth-child(1) { box-shadow: 0px 0px 12px rgba(0,0,0,0.2) }
.HeaderContentSectionsWrapper p {margin:0}
.HeaderContentSectionsWrapper .listArticle > div { margin:0}


/* Footer
===============================================================================*/
#FooterArea { background: #111; color: #fff; text-align: center; }
.FooterSectionsWrapper h3 { font-size:20px; color:#fff;}
.FooterSectionsWrapper a { color: #fff; }
.FooterSectionsWrapper a:hover{ color: #05B6F4;}
.FooterSectionsWrapper:nth-child(1) { padding-top: 40px }

/*icon
--------------------------------------------*/
.FooterSectionsWrapper:nth-child(2) { padding: 60px 0px 60px 0px }
.FooterSectionsWrapper:nth-child(2) h4 { margin: 10px 0px;font-weight: 300; color: #fff; font-size:18px;}
.FooterSectionsWrapper:nth-child(2) .image { width:70px; height:70px; border:solid 2px #333; border-radius:50%; padding:12px; }

/*Social
---------------------------------------*/
.FooterSectionsWrapper:nth-child(3){ background: #fff; }

/* Copyright
---------------------------------------*/
.Copyright a { color: #888 }
.Copyright {background: #fff;color:#888; font-size: 13px !important;text-align: center;}
.Copyright .listArticle { max-width: 1200px; margin: auto }


/* Home
===============================================================================*/
.HomePage #ContentArea { padding: 0px }
.HomePage .MainContentSectionsWrapper:nth-child(2) { text-align: center; padding:30px 0 30px 0}
.HomePage .MainContentSectionsWrapper:nth-child(3) { padding:30px 0 30px 0}

/* Slide
---------------------------------------*/
.theme-default .nivo-caption {
	background:rgba(0,0,0,0.0)!important;
	font-family:inherit !important;
	font-weight:bold;
	text-align:center;
	font-size:1.8em;
	color:#fff;
	opacity:1 !important;
	left:0;
	bottom:40px;
	line-height: 1.2em;
	z-index:999 !important;  
}
.nivoSlider:after { 
	background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	content: ""; 
	display: block;
	z-index: 5;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:40%;
}


/* Content
===============================================================================*/
#ContentArea { padding: 20px 0px }