@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 10px) and (max-width: 768px) {

.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12
{margin-top:0px;}


#dot2 {
	background-image: none;
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
}

.slider-web {
	
	margin-top: 162px !important;display:none;
}

.slider-phone {
	
	margin-top: 0px !important;display:block;
	
}



.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin-left: 1%;
margin-right: 1%;
	
	width: 48%;
	height: auto;
	
	text-align: center;
	cursor: pointer;
}

#site-generator {
	
	font-size: 3.5vw;
	
	
}

#content img {max-width:100%;height: auto;}

.jumbo {height: 36.2vw;}

.extra-large-header {
	font-size: 7.5vw;
	line-height: 7.5vw;
	letter-spacing: 0px;
	width: 90%;
}


button.navbar-toggle {border-width: 0 !important;
background-color: transparent !important;
padding: 0px !important;}




ul.nav.navbar-nav.choma-menu {margin: 0 0 0px 0em;}


.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
          transition: height .35s ease;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}




/* menu icon */

#menu-trigger {
cursor: pointer;
display: block;
height: 40px;

}

.choma-menu:after {
content: '';
position: absolute;
left: 25px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;

}

.choma-menu a:hover, .choma-menu a:focus {
color: #4e0000 !important;

}

.choma-menu li:hover > a {
color: #380101;
text-decoration: none;

}



.choma-menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
background: none;
border: none;


}

.choma-menu ul ul {
margin: 0 0 0 20px !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

}

.choma-menu li {
	box-shadow: none;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #7c7c7c;
	

}

.choma-menu ul li {
text-align: center;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;

}

.choma-menu a {
display: block;
float: none;
padding: 0px 15px !important;
color: #fff;text-decoration: none;

}

.choma-menu a:hover, .choma-menu a:focus {
color: #fafafa;

}

.choma-menu ul a {
padding: 0;
width: auto;

}

.choma-menu ul a:hover {
background: none;

}

.choma-menu ul li:first-child a:after, .choma-menu ul ul li:first-child a:after {
border: 0;

}

.choma-menu li {
float: left !important;
position: relative;

}

.choma-menu ul li a {
text-align: center;

}

.choma-menu ul li {
background: none;

}

.choma-menu li> a {
color: #4E0000;

}

.choma-menu li> a:hover {
color: #4E0000;

}

header .margin-top-bottom-2 {
margin-bottom: 0px !important;

}




.choma-menu a {
	color: #CCC !important;
	
}
.choma-menu a:hover, .choma-menu a:focus {
	color: #fafafa !important;
}

.choma-menu ul li a:hover, .choma-menu ul li a:focus, .choma-menu ul li a:active {
	color: #E8E8E8 !important;
	
}
.choma-menu ul li a {color: #CCC !important;font-size: 90%;}


.choma-menu li a:hover {background-color: #000 !important;}

.choma-menu li a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #4e4e4e !important;
	font-size: 120%;
}

.choma-menu ul li a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	background-color: #3C3C3C !important;
	font-size: 110%;
}





#content {margin-bottom: 0px;}

#main-inside, #main {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;	
}

.mobile-icon a{
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

.mobile-icon a:hover{
	color: #ccc;
	
}


.half-box1 {
	float: left;
	width: 100%;
	margin-right: 0%;
}

.half-box2 {
	float: left;
	width: 100%;
	margin-left: 0%;
}


#sdrn_bar .bar_logo {border:0px;
border:none;
margin:0px;
padding:0px;
margin-top: -13px;
padding-left: 8px;
padding-right: 8px;
width:auto;
height: 29px!important;
position: absolute;
left: auto;
right:auto;
top:50%;}

#sdrn_bar {
	background-color: transparent !important;
	background-image: url(img/menu-bg.png)!important;
	background-repeat: no-repeat!important;
	background-position: 10px 5px!important;
}


#footer-widget-area #first {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	padding: 0px;	
	
}

#footer-widget-area #second {
width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}



#footer-widget-area #third {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}

#footer-widget-area #fourth {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;	
}









#masthead {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#page-wrapper /* viewport |_| */
{
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index:0;
	background-color: #DCE0E0;
	background-image: none;
}

.header /* ******* */
{
	width: 100%;
position: relative;
height: auto;
background-repeat: repeat;
background-position: center top;
box-shadow: 0px 0px 5px #333;
margin-bottom: -20px;
z-index: 100;padding-bottom: 30px;background: #DCE0E0;
}
#content-wrapper
{
	background-color: #DCE0E0;
}

#content-wrapper.moved
{
	-webkit-transform: perspective(0) translate(200px, 0);
    -moz-transform: translate(200px, 0);	
    -ms-transform: translate(200px, 0);	
    -o-transform:  translate(200px, 0);	
    transform: translate(200px, 0);	
}

.phone2 {
	font-size: 21px;
	line-height: 28px;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: -10px;
}

.phone2 a {
	color: #000;
	text-decoration: none;
}

.display-web {
	display: none;
}
#access .menu-header,
div.menu,

#branding,

#wrapper {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper {
	margin-top: 0px;
	background-color: #DCE0E0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	overflow: hidden;
	padding: 0px;
	margin-bottom: 0px;
}

#container {
	float: left;
	
	width: 100%;
	
	
}
#content {
	float: left;
	
	width: 100%;
	
}

.one-column #content {
	float: left;
	
	width: 100%;
	
}

.hentry {
	width: 100%;	
}

#main {
		
}

#primary,
#secondary {
	
	display: none;
}
.logo {
	height: auto;
	width: 215px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;

}


.logo img {
	height: auto;

	

}


.logo-mobile {
	height: auto;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}


.logo-mobile img {
	height: auto;
	width: 100%;
	

}
	
	

#footer{
	width: 100%;
	
}


.footer-logo {width: 97%;}

#colophon{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;	
	
}

#site-info {
	width: 100%;
	margin-bottom: 20px;	
}
#site-generator {
	width: 95%;
	margin-right: 5%;
}



.display-phone {
	display: block !important;
}

.display-web {
	display: none !important;
}


}

@media screen and (max-width: 380px){
	
	
	
	}

@media screen and (min-width: 381px) and (max-width: 580px) {
	
	

}


#a-menu { display: block; height: 28px; }
#a-menu img { width: 32px;   }
#a-menu img:hover { opacity: 0.9; }

#header_left {position: absolute; left: 10px; top: 9px; display: block;}
#header_right {
	position: absolute;
	right: 10px;
	top: 9px;
	display: block;
}

#header_right img {
	
	height: 29px;
	width: 32px;
}


span.icon-bar {height: 29px;
	width: 32px;}
	
	
span.icon-bar img {
	
	height: 29px;
	width: 32px;
}





#header_title
{
	display: inline-block;	
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 21px;
}

#header_title h1
{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #c2c2c2;
	line-height: 0;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0px 1px rgba(0,0,0,0.75);
}

/* -------------- Menu -------------------- */
	
#menu
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -100000000000 !important;
	height: 100%;
	width: 200px;
	color: #d1d5da;
	overflow-x: auto;
	overflow-y: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		background: #2d3134;overflow-x: hidden;
}

/* #menu.activeState {
    -webkit-transform: perspective(0) translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
} */

#menu h4
{
	display: block;
	font-size: 12px;
	text-shadow: 0 -1px #000;
	padding-top: 2px;

	border-bottom: 1px solid rgba(0,0,0,0.5);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
}

#menu ul a 
{
	color: #d1d5da;
	font-size: 14px;
	text-decoration: none;
}

#menu ul img
{
	height: 18px; 
	opacity: 0.75;	
	vertical-align: middle;
}

#menu ul span
{
	margin-left: 10px;	
	font-size: 12px;
	margin-top: 2px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
}

#menu ul li
{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	
	background-repeat: no-repeat;
	background-position: right;
	background-size: 26px;
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#menu ul li.item2
{
	border-bottom: 1px solid rgba(0,0,0,0.25);
	-moz-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	-webkit-box-shadow:  inset 0 1px 0px rgba(255,255,255,0.15);
	box-shadow: inset 0 1px 0px rgba(255,255,255,0.15);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 26px;
	display: block;
	text-indent: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 11px;
}


#menu ul li a
{
	display: block;	
}

#menu ul li.active, #menu ul li:hover
{
	background-color: #666;
	color: #fff;
	border: none;
}



@media screen and (min-width: 769px) and (max-width: 1119px) {




#colophon,
#branding,
#main,
#wrapper, #masthead {width: 100%;}

#masthead, #main-inside {width: 96%;
	padding-right: 2%;
	padding-left: 2%;}




.one-column #content {
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;	
}

#footer {width: 96%;
	padding-right: 2%;
	padding-left: 2%;}
	
	
	



header #access a {
	color: #fff;
	display: block;
	line-height: 83px;
	text-decoration: none;
	font-size: 16px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	
}

.slider-phone {
	
	margin-top: 0px !important;display:none;
	
}


}

@media screen and (min-width: 10px) and (max-width: 768px) {
	
	
}

@media screen and (min-width: 767px) and (max-width: 768px) {
	.header /* ******* */
{
	
margin-bottom: 0px;


}


.footer-logo {width: 47%;}

.slider-web {
	
	display: block;margin-top: 0px !important;
}

.slider-phone {
	
	margin-top: 0px !important;display:none;
	
}
	
}