@charset "utf-8";
/* CSS Document */
/* Site Dudes Mobile Site CSS */

/* - Reset - */

a { outline:0; border:0; text-decoration:none; }
img { border:0 }
h2, h3 { margin:1px 0; } 
.clear { clear:both }


/* - Setup - */

body { background:url(images/bg.jpg) top center repeat; background-size: cover; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#777; }

.logo { padding: 10px 0; margin:0 auto; background:#fff; }

.slogan { 
	color:#222;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 15px;
	text-transform:uppercase;
	border-bottom:1px solid #ddd; 
	padding:10px 2px;
	-webkit-border-radius: 0;
	background: #f8f8f8;
}


.mobile-gall{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mobile-gall div{
	width: 300px;
	background: white;
	margin-bottom: 10px;
}

.mobile-gall img{
	max-width: 100%;
}
.homeButton  {
    left: 13px;
    position: absolute;
    top: 7px;
    z-index: 9999;
}

.phone_link{
    right: 13px;
    position: absolute;
    top: 7px;
    z-index: 9999;
}

a.phone_link:link, a.phone_link:active, a.phone_link:visited { font-size:12px; font-weight:normal; color:#111; }
a.phone_link:hover { color:#ccc;}

.imgBorder { /*border:1px solid #ddd;*/ /*padding:5px;*/ width:100%;/* margin:10px 0 0 0;*/}

/* - Main Content/Container - */

#mainContent { 
	
	margin: 10px;
	padding:10px;
	color:#fff;
	
}

.contentAdjust { padding: 0 15px; }

h1 {
	color: #fff;
    font-family: 'Libre Baskerville', serif;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 300;
    margin: 0;
    padding-top: 10px;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}

/* - Nav Settings - */

#navContainer { 
	margin:5px;
	padding:5px 10px;
}

/* - View Full Site - */

.view {  border-left:none; border-right:none; width:100%; height:35px; margin:5px auto 5px; }

.viewText, .viewText a { color:#fff; padding: 7px 0; font-size:15px; font-weight:500; font-family: 'Open Sans', sans-serif; }

/* - Footer - */

#footer { color:#fff; font-size:11px; padding:15px 0; text-align:center; background:#2370C7; }

a.footer_link:link, a.footer_link:active, a.footer_link:visited { font-weight:normal; color:#fff; font-size:11px }
a.footer_link:hover { color:#333; }

/* - Contact Form Setup - */

#contactForm div { margin:1px 3px }

.contact_text {
	font-size:13px;
	padding:2px 0 5px 0;
}

.submit_button {
	padding:3px 15px; 
	color: #333; 
	font-weight: bold; 
	border: 1px solid #ddd; 
	background-color: #fff;
	margin:8px 0;
}

input, textarea { padding:5px; border:1px solid #ddd; }

/* - Custom CSS Fades - */

.gradientFade {
background:#fff;
background: -moz-linear-gradient(top, rgba(169,3,41,0.86) 0%, rgba(109,0,25,0.84) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,0.86)), color-stop(100%,rgba(109,0,25,0.84))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dba90329', endColorstr='#d66d0019',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(169,3,41,0.86) 0%,rgba(109,0,25,0.84) 100%); /* W3C */
}

.top-phone {
	
	box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.6);
	
	width: 90%;
	position:relative;
	margin-bottom:-15px;
	z-index:999;
	background:#fff;
	padding:10px;
}


/* - Link Styles - */
a.text_link:link, a.text_link:visited {
	font-weight: 600;
	color: #196AC5;
	text-decoration: none;
}
a.text_link:hover {
	font-weight:600;
	color: #666;
	text-decoration: underline;
}

.block {
	float:left;
	width: 30%;
	margin-right:5px;
}

.block img {
	
	width: 100%;
	
}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 26px;
  padding: 10px 20px 10px 20px;
  width:205px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/* Custom */


.sidr .sub{
	padding-left: 25px;
    display: flex;
    justify-content: flex-start;
    vertical-align: top;
    align-items: baseline;
}