body {
    font-family: "Roboto";
}
a:visited.readMoreBoxHeader {
    color: #fff !important;
    text-decoration: none;
    background: none;
}
#headerMenu {
    float: left;
}

/*GLOBAL SETTING*/
#global-container {
    font-family: "Roboto";
    font-size: 16px;
}
#akapitBody, #modulBody {
    font-size: 16px;     
    line-height: 37px;
    letter-spacing: 0.03em;
}

#navigation {
    padding-top: 0px;
}

.navbar-collapse {padding-left: 0; padding-right: 0;}

.headerBoxContent {
    line-height: 26px;
}

#headerWrapper {
	height: auto;
}

@media (max-width: 767px) {
	#headerWCAG {
		top: 0;
		height: 45px;
		padding: 5px;
	}
	#headerCustomer {
		margin-top: 90px;
		text-align: center;
	}
	#logoCustomer img {
		float: none;
	}
	.headerBoxes {
		padding-top: 10px !important;
	}
	.headerBox {
		margin-bottom: 10px;
	}
}

body {
    background: #fff url(tlo.jpg) no-repeat top center;
}
#header {background: none;}

.site-content {
    margin-bottom: 25px;
    
}
.headerBoxes {padding: 100px 0 50px 0;}
.headerBoxContent {min-height: 280px; background: rgba(255,255,255,0.8); padding: 15px;}

.headerBox h4 {color: #475978; font-size: 20px; margin-bottom: 30px; text-transform: uppercase;}

.readMoreBoxHeader {padding: 3px 10px; color: #fff; background: #475978;}
.readMoreBoxHeader:hover {padding: 3px 10px; color: #fff; background: #1e2e4a;}

.headerBox ul {padding-left: 15px;}
.headerBox li {list-style-type: none;}
.headerBox li:before {
    font-family: "FontAwesome";
    content:"\f0da";
    color: #e2ac28;
    padding-right: 10px;
}

/*FOOTER*/
.footerBefore {background: #0685de; color: #fff; padding: 15px 0;}
.footerContact {font-size: 28px; color: #fff; text-transform: uppercase; font-weight: 700;}

.cms-content h4.title>a {font-size: 20px;}

#footer {
    background: #002865;
    color: #efefef;
    padding: 15px 0;
    font-size: 14px;
}

/*CALL OUT*/
.bs-callout {
    margin: 0 0 5px 0;
}
.bs-callout h1{
    font-size: 28px;
    font-weight: 700;
    color: #283b5c;
}
.bs-callout-title {
    background: none;
}

.bs-sidebar h2 {padding: 10px 15px; background: #efefef; color: #333; font-size: 20px;}

/*SOCIAL ICON*/
.facebook, .twitter, .youtube, .instagram {
    font-family: FontAwesome;
    border-radius: 0;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin: auto 3px;
    width: 26px;
    font-size: 22px;
    text-align: center;
}
.facebook {
    color: #fff;
    background: none;
}

.facebook:hover {cursor: pointer; text-decoration: none; background: none; }
.facebook:hover:before {text-shadow: 0 0 10px #fff; color: #fff;}

.facebook:before {
    content: "\f09a";
    z-index: 999;
    color: #fff;
}


.twitter{
    color: #fff;
    background: none; 
}
.twitter:hover {cursor: pointer; text-decoration: none; background: none;}
.twitter:hover:before {text-shadow: 0 0 10px #fff; color: #fff;}

.twitter:before {
    content: "\f099";
    z-index: 999;
    color: #fff;  
}


.youtube:before {
    content: "\f167";
    z-index: 999;
    color: #fff;  
}
.youtube{
    color: #fff;
    background: none;
}
.youtube:hover {cursor: pointer; text-decoration: none; background: none;}
.youtube:hover:before {text-shadow: 0 0 10px #fff; color: #fff;}


.instagram:before {
    content: "\f16d";
    z-index: 999;
    color: #fff;  
}
.instagram{
    color: #fff;
    background: none;
}
.instagram:hover {cursor: pointer; text-decoration: none; background: none; }
.instagram:hover:before {text-shadow: 0 0 10px #fff; color: #fff;}

.smedia {
    display: inline-block;
    padding: 0;
    margin-top: 3px;
    border-right: 0;
}
.navbar-collapse {
    float: left;
}

.dv-navigation .nav>li>a {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #475978;
    border-bottom: 0;
   color: #475978;
   text-shadow:
       1px 1px 0 #fff,
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}

.dv-navigation .nav>li>a:hover {
    background: #132f57; transition: all 0.3s;
           text-shadow:
       1px 1px 0 #475978,
     -1px -1px 0 #475978,  
      1px -1px 0 #475978,
      -1px 1px 0 #475978,
       1px 1px 0 #475978;
           color: #fff;
} 

.list-group.box {
	margin-top: 20px;
}
.box h4 {
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}
#dv-right li {
	padding: 0;
}