@font-face {
    font-family: 'DIN';
    src: url('../webfonts/din-medium.eot');
    src: url('../webfonts/din-medium.eot') format('embedded-opentype'),
         url('../webfonts/din-medium.woff') format('woff'),
         url('../webfonts/din-medium.ttf') format('truetype'),
         url('../webfonts/din-medium.svg#DIN') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../webfonts/dinpro-light.eot');
    src: url('../webfonts/dinpro-light.eot') format('embedded-opentype'),
         url('../webfonts/dinpro-light.woff') format('woff'),
         url('../webfonts/dinpro-light.ttf') format('truetype'),
         url('../webfonts/dinpro-light.svg#DIN Pro') format('svg');
    font-weight: 300;
    font-style: normal;
}
div#bitnami-banner {
    display: none !important;
}


* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grid-info { width:100%; float:left; padding:30px 0;} 
.grid-info .container { width:100%; max-width:1480px; margin:0 auto; padding:0 20px;}
.grid-info .box { width:100%; float:left; position:relative; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.grid-info figure { width:100%; float:left; text-align:center; overflow:hidden;}
.grid-info figure img { width:100%;}
.grid-info .col1 { width:100%; float:left; padding:0 10px;} 
.grid-info .col2 { width:50%; float:left; padding:0 10px;}
.grid-info .col3 { width:33.33%; float:left; padding:0 10px;}
.grid-info .col4 { width:25%; float:left; padding:0 10px;}
.grid-info .grid-row { width:100%; float:left; padding:0 0 20px 0;}
.grid-info .grid-row:last-child { padding-bottom:0;}
.grid-info .grid-content { width:100%; float:left; padding:0 0 210px 0;}
.grid-info .grid-content:last-child { padding-bottom:0;}

@media only screen and (max-width: 1199px) {
.grid-info .container { padding:0 32px;}
.grid-info .grid-content { padding:0 0 150px 0;}
}

@media only screen and (max-width: 1023px) {
.grid-info .container { padding:0 10px;}
.grid-info .grid-content { padding:0 0 105px 0;}
}

@media only screen and (max-width: 767px) {
.grid-info { padding:20px 0;} 
.grid-info .container { max-width:540px;}
.grid-info .col1 { padding-bottom:20px;}
.grid-info .col2 { width:100%; padding-bottom:20px;}
.grid-info .col3 { width:100%; padding-bottom:20px;}
.grid-info .col4 { width:100%; padding-bottom:20px;}
.grid-info .grid-row { margin:0 0 -20px 0;}
.grid-info .grid-content { padding:0 0 80px 0;}
}


/* Web - HoldingPage */

/* Container - Main */
.container-main { width: 100%; float:left; background:#eeeef1; overflow:hidden;}


/* Header */
.header-main { width:100%; height:160px; float:left; background:#00AFAB;}
.header-main .container { width:100%; max-width:1240px; margin:0 auto; padding:0 20px;}
.header-main .logo { float:left; margin:44px 0 0 0;}
.header-main .logo img { max-height:70px; max-width:220px; width: 100%;}

@media only screen and (max-width: 1199px) {
.header-main { height:140px;}
.header-main .logo { margin:40px 0 0 0;}
.header-main .logo img { max-height:60px; max-width:190px;}
}

@media only screen and (max-width: 767px) {
.header-main { height:110px;}
.header-main .container { max-width:540px;}
.header-main .logo { margin:30px 0 0 0;}
.header-main .logo img { max-height:50px; max-width:160px;}
.heading-txt p br {display: none;}
}


/* Heading - Txt */
.heading-txt { width: 100%; float:left; padding:70px 0;}
.home_bottom_text { padding-top:100px;}
.heading-txt .container { width:100%; max-width:1120px; margin:0 auto; padding:0 20px;}
.heading-txt p { font-family:"DIN Pro", sans-serif; font-weight:300; font-size:36px; color:#000000; line-height:42px; letter-spacing: 0em; padding:0; margin:0;     margin-bottom: 25px;}

.heading-txt p:last-child { margin-bottom: 0px}
.heading-txt aside { width: 100%; float:none; display: inline-block;}

@media only screen and (max-width: 1199px) {
.heading-txt {  padding:60px 0;}
.heading-txt p { font-size:28px; line-height:36px; letter-spacing:-0.01em}
}

@media only screen and (max-width: 767px) {
.heading-txt { padding:45px 0;}
.heading-txt .container { max-width:540px;}
.heading-txt p { font-size:22px; line-height:30px;}
}


/* Article - List */
.article-list { width:100%; float:left; text-align:center; background:#eeeef1; padding:0 0 100px 0;}
.article-list .container { width:100%; max-width:1460px; margin:0 auto; padding:0;}
.article-list .article { width:33.33%; float:none;display:inline-block;vertical-align:top; text-align:left;padding:0 10px;margin:0 -3px 48px -3px;}
.article-list .article h4 { font-family:"DIN", sans-serif; font-weight:500; font-size:15px; color:#00687f; line-height:19px; text-transform:uppercase; letter-spacing: 0.03em; padding: 0; margin:0;}
.article-list .article h4 a { color: #00687f; -webkit-transition: all .4s ease;	-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; text-decoration:none;}
.article-list .article p { font-family:"DIN Pro", sans-serif; font-weight:300; font-size:13px; color:#000000; line-height:17px; letter-spacing: 0.03em; text-transform:uppercase; padding: 0; margin:0;}
.article-list .article figure { width:100%; float:left; text-align:center; overflow:hidden; position:relative; padding:0; margin:0 0 20px 0;}
.article-list .article figure img { width:100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;	-webkit-transition-property:transform; transition-property: transform; -webkit-transform:translateZ(0);	transform:translateZ(0); vertical-align:middle;}
.article-list .article aside { width:100%; float:left;}
.article-list .article .box { width:100%; float:left; text-decoration:none;}
.article-list .article .box:hover h4 a { color:#65ab91;}
/*.article-list .article .box:hover figure img { -webkit-transform:scale(1.1); transform:scale(1.1);}*/
.article-list .article-out {	width: 100%; 	float: left; 	padding: 0 10px;  	margin: 0 0 -48px 0;}

@media only screen and (max-width: 1199px) {
.article-list { padding: 0 0 70px 0;}
.article-list .article {	margin:0 -3px 40px -3px;}
.article-list .article-out {	margin:0 0 -40px 0;}
}

@media only screen and (max-width: 767px) {
.article-list { padding:0 0 45px 0;}
.article-list .container { max-width:540px;}
.article-list .article {	width:50%; padding:0 10px; margin:0 -3px 30px -3px;}
.article-list .article-out {	padding:0 10px 30px 10px; margin:0 0 -30px 0;}
}

@media only screen and (max-width: 479px) {
.article-list .article {	width: 100%;}
}


/* Footer */
.footer-main { width: 100%; float:left; background:#eeeef1; padding:30px 0 100px 0;}
.footer-main .container { width:100%; max-width:1120px; margin:0 auto; padding:0 20px;}
.footer-main .sub-title { width:160px; float:left;font-family:"DIN", sans-serif; font-weight:500; font-size:15px; color:#00687f; line-height:19px; letter-spacing:-0.018em; text-transform:uppercase; position:relative; z-index:2; padding:0; margin:0 -160px 0 0;}
.footer-main .footer-links { width:100%; float:left; padding:0 0 0 190px; margin:-5px 0 0 0;}
.footer-main .footer-links aside { width:47.05%; float:left;}
.footer-main .footer-links aside ul { width:100%; float:left; list-style:none; padding:0; margin:0;}
.footer-main .footer-links aside ul li { width:100%; float:left; font-family:"DIN Pro", sans-serif; font-weight:300; font-size:35px; color:#000000; line-height:42px;  letter-spacing:-0.017em; padding:0; margin:0;}
.footer-main .footer-links aside ul li a { color:#000000; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; text-decoration:none;}
.footer-main .footer-links aside ul li a:hover,
.footer-main .footer-links aside ul li a.active { color:#65ab91;}
.footer-main .footer-links aside:nth-child(even) { float:right;}
.footer-main .footer-links .aside-out { width:100%; max-width:680px; float:left;}


.footer-list {padding-top: 70px;
padding-bottom: 50px;
background: #D8D8D9;
letter-spacing: 0.03em}

@media only screen and (max-width: 1199px) {
.footer-main { padding:60px 0 80px 0;}
.footer-main .sub-title { width:140px; margin:0 -140px 0 0;}
.footer-main .footer-links { padding:0 0 0 170px;}
.footer-main .footer-links aside ul li { font-size:28px; line-height:36px; letter-spacing:-0.01em;}
}

@media only screen and (max-width: 767px) {
.footer-main { padding:45px 0;}
.footer-main .container { max-width:540px;}
.footer-main .sub-title { width:100%; margin:0 0 20px 0;}
.footer-main .footer-links { padding:0; margin:0;}
.footer-main .footer-links aside ul li { font-size:22px; line-height:28px;}
.footer-main .footer-links .aside-out { width:100%; max-width:100%;}
}

@media only screen and (max-width: 479px) {
.footer-main .footer-links aside { width:100%;}
}

.article-list .footer-col .article h4, .article-list .footer-col .article p , .article-list .footer-col .article p a {
	color: #00205C;
}

.article-list .footer-col .article p a {
	text-decoration: none;
}
.article-list .footer-col .article h4 {
	padding-bottom:10px;
}

.near_footer {    background: #FFCB05;}