/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/


.top-nav a {
  padding: 23px 14px;}

.header-section {background:none;}

.top-nav ul {
background: rgba(0, 0, 0, 0.8);
  margin-top: 30px;}

.top-nav .current-menu-item > a, .top-nav .current_page_item > a {
color: #fff;
background: #0198d1;
}

.block-background {
background: rgba(255, 255, 255, 0.97);
}
.branding {
	padding: 0; 
}
.cl {clear:both;}
.rightblock {width:100%; font-size:13px;}
.rightblock li {float:left; padding:5px; margin:5px; display:inline; background:#000; text-align:center;}
.rightblock li a{color:#fff; text-decoration:none; text-align:center;}
.leftblock {width:100%;}
.sf-menu ul {top: 35px !important;}
.sf-menu ul ul {top: -30px !important; margin-left:30px;}

.vertical-text {transform: rotate(90deg); white-space:nowrap; width:20px; display:block; bottom:0;}


.colorcode { width:150px; float:left; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14px; text-align:center; padding:50px 0px 50px 0px; margin:0px 7px 7px 0px; }

.contactleft { width: 48%; float: left; margin-left: 15px;}

.contactright { width: 48%; float: left;}

.home-title {font-family: "BebasNeueRegular", sans-serif;
font-size: 40px;
color: #fff;
padding: 9px 17px;
text-decoration: none;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
font-weight: normal; background: rgba(0, 0, 0, 0.7);
}

.one-col {width:940px; float: left; margin-right:10px; margin-bottom:10px;}

@media screen and (max-width: 940px) {
  
  .one-col {width:95%;}
}


.two-col {width:450px; float: left; margin-right:10px; margin-bottom:10px;}

@media screen and (max-width: 450px) {
  
  .two-col {width:95%;}
}


.two-col li a {text-decoration:none; font-size:14px; color:#000; line-height:30px;}


.img-two-col {width:450px; float: left; margin-right:10px;}
@media screen and (max-width: 450px) {
  
  .img-two-col {width:95%;}
}

.img-name { text-align:center; font-size:13px; margin-top:-15px; }


.three-col {width:300px; float: left; margin-right:5px;}

@media screen and (max-width: 300px) {
  
  .three-col {width:95%;}
}


.four-col {width:230px; float: left; margin-right:5px;}

@media screen and (max-width: 230px) {
  
  .four-col {width:95%;}
}

.five-col {width:180px; float: left; margin-right:5px;}

@media screen and (max-width: 180px) {
  
  .four-col {width:95%;}
}