/*

My Custom CSS
=============

Author:  Ciuski

*/


/* --------------------------------------
   Colors
   --------------------------------------
	purple: #221237;
	cream: #fbf7e1;
	green: b#2b17a;

/* --------------------------------------
   Global / Debug
   -------------------------------------- */

/* show MD columns 
.col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-10, .col-md-11, .col-md-12  { border: solid 1px #000;} */

/* show SM columns 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  { border: solid 1px #ff0000;} */

/*.container { max-width: 974px; }*/


.nopadding { padding: 0; }

.noleft { padding-left: 0;}
.noright { padding-left: 0;}

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widthauto {
	width: 100%;
	height: auto;
}

/* --------------------------------------
   Mobile Header
   -------------------------------------- */
   
#mobile-header, #mobile-footer {
	background-color: #28b0ce;
	padding: 10px;
	color: #FFF;
	text-shadow: 1px 1px 0px black;
	font-size: 16px;
	display: none;
}

 
#mobile-header li a, #mobile-footer a {
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	display: block;
}

#mobile-header li a {
	float: left;
	
}
#responsive-menu-button {
	display: block;
	float: left;

}

#mobile-header .glyphicon, #mobile-footer .glyphicon {
	background-color: rgba(0, 0, 0, 0.50);
	padding: 7px;
	border-radius: 2px;
	text-shadow: none;
	margin-right: 5px;
}

#mobile-footer {
	text-align: center;
	color: #fff;
}



/* --------------------------------------
   header
   -------------------------------------- */



.offertacheck {
	padding: 15px 0;
	font-weight: bold;
}

.offertacheck input {
	float: left;
	width: 20px;
}

.new {
	background-color: #da0000;
	color: #fff;
	font-family: 12px;
	font-style: italic;
	padding: 2px 4px;
	border-radius: 3px;
}



h1, h2 {
	font-size: 24px;
}

body {
	font-style: normal;
	font-weight: normal;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #080808;
	background-color: #fff;
}

#logo { 
	margin: 10px auto;
}
input[type="text"] {
	font-size: 20px;
	border-width: 0px;
	color: #080808;
	padding: 10px;
	background-color: #fccd76;
	border-radius: 5px;
	width: 100%;
	box-shadow: 1px 1px 1px #b19259;
	border: 1px solid #fdb634;
	
}

select {
	font-size: 15px;
	border-width: 0px;
	color: #080808;
	height: 40px;
	background-color: #fccd76;
	border-radius: 5px;
	width: 100%;
	box-shadow: 1px 1px 1px #b19259;
	border: 1px solid #fdb634;	
}



label { 
	display: block;
	font-weight: bold;
	margin-top: 20px;
}

h1 { 
	text-align: center;
}

#submitbutton {
	background-color: #ac2424;
	border: none;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	width: 100%;
	box-shadow: 1px 1px 1px #b19259;
	border: 1px solid #641717;	
	margin-top: 20px;
	
	
}

footer { 
	padding-top: 20px;
	text-align: center;
}



.bannerbottom {
	text-align: center;
	padding: 20px;
}





.btn-red a, .btn-red  {
	color: #fff!important;
}
.btn-red a:hover {
	text-decoration: none;
.btn-red {
	margin: 15px auto;
}
.btn-red:hover {
	background-color: #850000;
}




/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


}

/* Small Devices, Tablets  - */
@media only screen and (max-width : 768px) {

#logo img {	margin: 0 auto; width: 300px;}
#mobile-header, #mobile-footer { display: block; }
nav { display: none; }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}