h1 {font-size:40px;line-height:50px;}

.center {text-align: center;}

.jumbotron {
    height: 550px;
    -webkit-background-size: cover !important ;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    position: relative;
}

.jumbotron .container {padding-top: 250px;}
.jumbotron h1, .jumbotron p {
    color: white;
}

.jumbotron h1 {
    font-size: 50px;
    position: absolute;
    bottom: 50px;
    left: 50px;
    background: rgba(0, 0, 0, 0.40);
    padding: 8px 12px;
    color: white;
    margin: 0;
}

#testimonials {
    margin-top: 30px;
}

.btn-large {font-size:18px;padding: 10px 20px;}
#follow form .form-group {text-align: left;}
#signup .btn-custom {font-size: 18px; margin-top: 30px; margin-left: 10px; padding: 10px 20px;}
#signup select {width: 100%;}
#signup .form-group {margin-left: 10px;}

.padl30 { padding-left:30px; }

::-webkit-input-placeholder { /* WebKit browsers */
color: #000;
}
 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
opacity: 1;
}
 
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
opacity: 1;
}
 
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000;
}

#homepage_signup {margin-left:-100px;}

a.title_link {color: #d9534f;}

#mce-responses {margin-top:20px;}

#id_categories {height:135px;width:250px;}
#id_discountRanges {width:250px;}

#profile_form select#id_city {width:270px;}

.navbar-brand {padding-top:12px;}
.navbar .navbar-nav > li > a {font-size:15px;padding:5px 25px;}

body {font-size:15px;color:#565656;}
p {color:#565656;}
p.right {text-align: right;margin-bottom:10px;}

.marg-right25 {margin-right:25px;}
.fa-3x {font-size: 35px;margin-top:0px;}
.badge6 .suHostedBadge a.logo{margin-top:30px;}
.fa-facebook-official {color:#3B5998;}
.fa-twitter {color:#4099FF;}
.fa-instagram {color:#517fa4;}

.note {padding:20px 20px 13px;}

/* Call to action Popup */
#signup-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 120px;
  background: #fff;
  border-radius: 8px;
  margin: 0 15px 15px;
  box-shadow: 0 0 10px rgba(51,60,78,.2);
  z-index: 100;
  overflow: hidden;
  display: none;
}

#signup-popup .popover-text {padding: 8px 0 15px 5px;}
.popover-text .text-primary {font-size:18px;}
#signup-popup .popover-photo {padding: 0 5px;max-height: 100px;}
.popover-photo .image {height: 100px;margin-top: -10px;text-align: center;}
.popover-photo .image img {
  max-width: 96%;
  max-height: 100px;
  vertical-align: middle;
}
#signup-popup .close {padding: 0 6px 0 0;}

/* STICKY FOOTER */
html, body {height: 100%;} /* The html and body elements cannot have any padding or margin. */
/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;height: auto !important;height: 100%;
    margin: 0 auto -252px; /* Negative indent footer by it's height */
}
#push {height: 252px;} /* Set the fixed height of the footer here */

.thumbnail.book .image {height: 450px;}
.thumbnail.book .image img {max-height: 450px;}
.thumbnail.book {height: 620px;}

/* deals. source: http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div */
.thumbnail .image {height: 200px; white-space: nowrap; text-align: center; margin: 1em 0;}
.helper {display: inline-block; height: 100%; vertical-align: middle;}
.thumbnail .image img {vertical-align: middle; max-width: 96%;max-height: 200px;}
.thumbnail.deal {height: 370px;}
div.title.location {margin-left:-15px;}
div.caption p.right {margin-right:-30px;}
p#add_to_cart_button {margin-top:-10px;}

.thumbnail.mydeals {padding:25px;}

/* deal filters */
#deal_filters ul {list-style: none;}
a.selected {color:#2b74d3;font-weight:bold;}

/* contact page */
#contact input[type="text"] {
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #ffffff;
    background-image: none;
    border-radius: 4px;
}

#contact input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* shopping cart */
.deal_price p {padding-left:0px;}
.deal_quantity p {padding-left:25px;}
.deal_quantity form {padding-right:15px;}
.navbar .navbar-nav > li.cart > a {font-size:16px;} 
li.cart .fa-shopping-cart {font-size:20px;}
.badge {font-size:14px;}

.caption .title {height:81px;}
.caption h2 {font-size:18px;}

/* login area */
#login_button {width:285px;}
.socialaccount_ballot .btn {font-size:20px;}
.socialaccount_ballot a {width:285px;}
.socialaccount_ballot .facebook {background-color:#37589a;}
.socialaccount_ballot .facebook:hover {background-color:#2a4374;}
.socialaccount_ballot .google {background-color:#dd4b39;text-align:left;}
.socialaccount_ballot .google:hover {background-color:#d73925;}
.socialaccount_ballot a {text-align:left;}
.socialaccount_ballot span.text {text-align:center;margin-left:40px;}
.login_form .form-group {width:285px;}
.login_form2 {width:500px;}
.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;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;
    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>li>a { display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
.navbar .navbar-nav > li > a.btn-danger {font-size: 13px;margin-top: 0px;padding: 8px 14px;background-color: #d9534f;margin-left:15px;}
.navbar .navbar-nav > li > a.btn-primary {font-size: 13px;margin-top: 0px;padding: 8px 14px;background-color: #2BA6CB;margin-right:1px;}
.navbar-nav>li.login_link {border:0;}
.navbar .navbar-nav {margin-bottom:24px;}

.alert {margin:20px 0 0px;}
.alert.deal {margin-top:48px;}
/* giveaway form*/
.form-col {padding-left:0;}
.nopadding {padding:0;}

/* big button */
.big_button {
	padding-bottom: 20px;
	display: block;
	float: none;
	clear: both;
	background: #e04a40;
	margin: 35px auto 0px;
	width: 250px;
	height: 65px;
	font-size: 18px;
	line-height: 65px;
	color: #fff!important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 0 5px 0px #b1453e;
    -moz-box-shadow: 0 5px 0px #b1453e;
    box-shadow :0 5px 0px #b1453e;
	position: relative;
	text-align: center;
}
.big_button a { color:#fff; opacity:1.0;}
.big_button:hover {
	color: #fff!important;
	background: #ee574d;
	-webkit-box-shadow: 0 5px 0px #9e3e37;
	-moz-box-shadow: 0 5px 0px #9e3e37;
	box-shadow: 0 5px 0px #9e3e37;
}
.big_button:active {
	color: #fff!important;
	background: #c23c33;
	-webkit-box-shadow: 0 3px 0px #652824;
	-moz-box-shadow: 0 3px 0px #652824;
	box-shadow: 0 3px 0px #652824;
}
.big_button:visited, .big_button:focus { color:#fff!important; }

/* Folded Corner Boxes */
.note, .note_dark {
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin: 0 auto;
	color: #fff!important;
    background: #2A80B9;
}
.note_dark { color:#fff!important; background:#2E3138; }
.note p, .note_dark p { color:#fff!important; }
.note:before, .note_dark:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #1f5c84 #fff;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3),  -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.3),   -1px 1px 1px rgba(0,0,0,0.2);
}
.note_dark:before{ border-style:solid; border-color:#222 #fff; }

/***************************************************
    ALTERNATIVE FOOTER
 ***************************************************/
#footer_alt {
    position:relative;
    line-height:22px;   
    padding:40px 0 10px;
    margin-top:50px; 
    opacity:1.0;
    background:#2E3138; 
    margin:20px 0 0; 
}

#footer_alt a { color:#bbb; }
#footer_alt a:hover { color:#eee; }
#footer_alt  h6 {
    font-size:14px ;
    color: #808080;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
    padding:0 0 10px;
    font-weight:700;
    letter-spacing:0.15em;
}
#footer_alt p {color:#808080;}

#jquery-loader.blue-with-image-2 {
    border:none;
    padding-top:35px;
    background-color: transparent;
    text-align: center;
    background-image: url(../img/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 1500px) {
    .jumbotron h1 {font-size:40px;}
}

@media (max-width: 1200px) {
    h3.deal_title {margin-top:20px;}
    .jumbotron {height:450px;}
    .jumbotron h1 {font-size:35px;}
    #homepage_signup {margin-left:0;}
    #about-us .col-lg-5 {float:left;}
    #about-us .col-lg-7 {margin-top:20px;}
    .deal_quantity form {padding-right:0px;}
    .thumbnail.mydeals img {max-width: 400px}
}

@media (max-width: 1050px) {
    .jumbotron h1 {font-size:28px;}
}

@media (max-width: 979px) {
    h3.deal_title {margin-top:15px;}
    .jumbotron {height:350px;}
    .jumbotron h1 {font-size:25px;}
    .login_form .form-group {margin-left:20px;}
    .login_form button {margin-left:20px;}
    .login_form2 {width:480px;}
    .col-md-5.popover-text {width:113px;float:left;}
    .col-md-7.popover-photo {width:158px;float:left;}
    #footer_legal {margin-top:50px;}
    #footer_contact {margin-top:0px;}
    .deal_quantity form {padding-right:45px;}
    blockquote.testimonial_blockquote p  {
        font-size: 20px;
        line-height: 32px;
    }
    blockquote.testimonial_blockquote span {
        font-size: 14px;
    }
    blockquote.testimonial_blockquote {
        padding: 0 1%;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-nav, .navbar .navbar-nav > li:last-child {margin-bottom:0;}
    .navbar .btn {text-align:left;margin-bottom:10px;}
    .navbar .navbar-nav > li > a.btn-danger {margin-top:-15px;margin-left:0;}
    li.login_link {margin-left:10px;}
    .jumbotron {height:280px;}
    .jumbotron h1 {bottom:25px;left:30px;}
    #about-us .col-lg-5 img {width:100%;}
    #about-us .col-lg-5 {float:none;}
    .lead {font-size: 20px;line-height: 1.8;}
    #giveaway.form-horizontal {padding:15px;}
    #footer_alt .container {padding-left:30px;}
    #footer_contact {margin-top: 30px;}
    .pad20 {padding-left:20px;padding-left:20px;}
    #signup-popup {bottom: 45px;}
    .deal_price {margin-top:15px;}
    .deal_quantity form.pull-right {float:left !important;margin-left:0;}
    .deal_quantity .form-group {display:inline-block;}
    .deal_quantity label {font-weight:normal;}
    span.hidden-lg {display:inline-block !important; margin-right:5px;}
    #footer_legal {margin-top:40px;}
    #footer_contact {margin-top:10px;}
    div.title.location {float:left;}
    div.title.view {float:right; margin-right:-15px;}
    div.caption p.right {margin-right:0px;}
    .caption .title {height:70px;}
    .thumbnail.deal {height:360px;}
    .thumbnail.mydeals img {max-width: 100%;}
    .thumbnail.mydeals .deal_image {text-align:center;}
    #login_form {margin-left:24%;}
    #contact {padding-right:15px;}
    blockquote.testimonial_blockquote p  {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 700px) {
    #login_form {margin-left:22%;}
    #login_form2 {margin-left:12%;}
}

@media (max-width: 650px) {
    #login_form {margin-left:20%;}
    #login_form2 {margin-left:10%;}
}

@media (max-width: 600px) {
    .header h1 {font-size: 2.5em!important;line-height: 1em!important;}
    #signup-popup {bottom: 40px;right: -5px;}
    #login_form {margin-left:17%;}
    #login_form2 {margin-left:7%;}
    .thumbnail.deal {height: auto;padding-bottom:35px;}
    .caption .title {height: auto;}
    .title.location {padding-right:0;}
}

@media (max-width: 580px) {
    .jumbotron {height:260px;}
    .jumbotron h1 {bottom: 15px;}
    #login_form {width:80%;margin-left:15%;margin-right:10%;}
    .login_form .form-group {width:285px;}
    #login_form2 {margin-left:6%;width:90%;}

    #wrap {margin: 0 auto -244px;}
    #push {height: 244px;}

    .btn-white { padding: 3px 6px; }
    .btn {padding: 8px 15px;}
    .btn-large {padding: 10px 20px;}
    .thumbnail.book {height: 605px;}

    /* Call to action Popup */
    #signup-popup {width: 210px;height: 96px;margin: 0 10px 10px;}

    #signup-popup .popover-text {padding: 4px 0 5px 0px;width:80px;}
    #signup-popup h6 {font-size:14px;margin-bottom:5px;}
    .popover-text .text-primary {font-size:14px;}
    #signup-popup .btn {padding: 5px 8px;}
    #signup-popup .popover-photo {padding: 0 0px;max-height: 80px;width:100px;}
    .popover-photo .image {height: 80px;margin-top: -10px;}
    .popover-photo .image img {max-width: 80%;max-height: 80px;}
}

@media (max-width: 530px) {
    #login_form {margin-left:10%;}
    #login_form2 {margin-left:3%;}
}

@media (max-width: 480px) {
    .jumbotron {height:220px;}
    .jumbotron h1 {bottom: 10px; font-size: 20px;}
    .socialaccount_ballot a {width:240px;}
    .socialaccount_ballot span.text {text-align:center;margin-left:20px;}
    #login_form {margin-left:7%;}
    #login_form2 {margin-left:2%;}
    div.title.view {margin-right:0px;padding-right:0px;}
}

@media (max-width: 420px) {
    #login_form {margin-left:2%;}
}

@media (max-width: 380px) {
    #login_form {margin-left:0%;}
    #login_form .form-control {width:85%;}
    #login_form #login_button {width: 245px;}

    div.title.view {margin-right:10px;}
}

@media (max-width: 360px) {
    #login_form {margin-left:0%;}
    #login_form .form-control {width:80%;}
    #login_form #login_button {width: 230px;}
    div.title.view {margin-right:14px;}
    #footer_contact {margin-top: 0px;}
}

@media (max-width: 330px) {
    #footer_contact {margin-top: 10px;}
    div.title.view {margin-right:20px;}
    #login_form .checkbox {font-size:13px;}
    #login_form .checkbox .pull-right {margin-left:0px;margin-right:50px;}
}

@media screen and (max-width: 31.5em) {
    .big_button { width: 175px; }
}