/* Dynamic CSS */

 html{
 position:relative;
 min-height:100%;
 }
 body{
 margin-bottom:100px!important; 
 color:#222328!important;
 }
 .footer{
 height:0;
 /*position:absolute;*/
 width:100%;
 bottom:0;
 float:left;
 text-align:center;
 background-color:#EFF0F2;
 }
 .footer-div{
 padding:15px 0px;
 border-top:3px solid #adaeb4;
 background-color:#ededed;
 }
 .footer-div a{
 color:#222328;
text-decoration:none;
 }
 body#page-addautopay .footer, body#page-payment .footer, body#page-paymentconfirmation .footer{
 position:relative;
 }
 a {
    color: #009FE1!important;
    text-decoration: none;
}
a.blue{
 background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
      border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-color: #ccc!important;
    border:1px solid;
    text-shadow: 0 1px 0 #fff;
}
 /*-----------------FONT FACE ---------------------*/
@font-face {
	font-family: 'opensans';
	src: url('/style/fonts/opensans_eot.eot');
}
@font-face {
	font-family: 'opensans';
	src: url('/style/fonts/opensans_ttf.ttf');
	src: url('/style/fonts/opensans_svg.svg');
	src: url('/style/fonts/opensans_woff.woff');
	font-weight: normal;
	font-style: normal;
}
/*--------------------       --------------------
  -------------------- ICONS --------------------
  --------------------       --------------------*/
.destwin-icons{
	font-family: 'destwin-icons';
	src: url('/style/fonts/destwin_icons_eot.eot');
}
 i {
    font-family: "destwin-icons";
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    padding:5px;
    color:#8AC242;
    font-size:medium;
    
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
i:hover{
padding:5px;
    color:#8AC242;
}

.icon-angies-list:before {
	content: "\e600";
}
.icon-bbb:before {
	content: "\e601";
}
.icon-blogger:before {
	content: "\e602";
}
.icon-calender .path1:before {
	content: "\e603";
	color: rgb(51, 51, 51);
}
.icon-calender .path2:before {
	content: "\e604";
	margin-left: -0.7724609375em;
	color: rgb(255, 255, 255);
}
.icon-customer-lobby:before {
	content: "\e605";
}
.icon-danger:before {
	content: "\e606";
}
.icon-facebook:before {
	content: "\e607";
	font-size:18px
}
.icon-foursquare:before {
	content: "\e608";
}
.icon-googleplus:before {
	content: "\e609";
}
.icon-home-dashbord:before {
	content: "\e60a";
}
.icon-info:before {
	content: "\e60b";
}
.icon-insiderpages:before {
	content: "\e60c";
}
.icon-instagram:before {
	content: "\e60d";
}
.icon-linkedin:before {
	content: "\e60e";
	padding: 0 2px;
}
.icon-myaccount:before {
	content: "\e610";
}
.icon-myprofile:before {
	content: "\e611";
}
.icon-order-fuel:before {
	content: "\e612";
}
.icon-pay-bill:before {
	content: "\e613";
}
.icon-pinterest:before {
	content: "\e614";
}
.icon-save:before {
	content: "\e615";
}
.icon-settings-options:before {
	content: "\e616";
}
.icon-success:before {
	content: "\e617";
}
.icon-tools:before {
	content: "\e618";
}
.icon-tumblr:before {
	content: "\e619";
}
.icon-twitter:before {
	content: "\e61a";
	 padding: 0 3px;
}
.icon-vine:before {
	content: "\e61b";
}
.icon-warning:before {
	content: "\e61c";
}
.icon-yahoo:before {
	content: "\e61d";
}
.icon-yellowbook:before {
	content: "\e61e";
}
.icon-yellowpages:before {
	content: "\e61f";
}
.icon-yelp:before {
	content: "\e620";
}
.icon-youtube:before {
	content: "\e621";
}
.icon-credit-card:before {
	content: "\e93f";
}
.icon-address-book:before {
	content: "\e944";
}
.icon-bubbles2:before {
	content: "\e96d";
}
.icon-search:before {
	content: "\e986";
}
.icon-lock:before {
	content: "\e98f";
}
.icon-unlocked:before {
	content: "\e990";
}
.icon-stats-dots:before {
	content: "\e99b";
}
.icon-gift:before {
	content: "\e99f";
}
.icon-bin:before {
	content: "\e9ac";
}
.icon-switch:before {
	content: "\e9b6";
}
.icon-cloud:before {
	content: "\e9c1";
}
.icon-cloud-download:before {
	content: "\e9c2";
}
.icon-cloud-upload:before {
	content: "\e9c3";
}
.icon-link:before {
	content: "\e9cb";
}
.icon-flag:before {
	content: "\e9cc";
}
.icon-eye:before {
	content: "\e9ce";
}
.icon-star-empty:before {
	content: "\e9d7";
}
.icon-star-half:before {
	content: "\e9d8";
}
.icon-star-full:before {
	content: "\e9d9";
}
.icon-cross:before {
	content: "\ea0f";
}
.icon-checkmark2:before {
	content: "\ea11";
}
.icon-share2:before {
	content: "\ea82";
}
.icon-vimeo:before {
	content: "\ea9c";
}
.icon-skype:before {
	content: "\eac6";
}
.login-icon{
float:left;
}

div.functional-icons, div.alert-icons{
	padding:2px;
	display:inline;
}
ul.social{
	list-style: none;
	padding: 0;
	margin-bottom: 0 !important;
}
ul.social li{
    display: inline-block;
    padding: 5px;
}
.icon-calender .path1::before {
    color:#464646;;
}
.icon-tools, .icon-success,.icon-warning,.icon-settings-options, .icon-error, .icon-calender, .icon-info{
background-color:transparent;
}
.icon-tools, .icon-success,.icon-warning,.icon-settings-options, .icon-error, .icon-calender, .icon-info i:hover{
background-color:transparent !important;
color:inherit !important;
}
/*--------------------FORMS--------------------*/
  .form-control {
    background-color: #fff;
    background-image: none;
    border: 0 solid #ccc !important;
    border-radius: 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset !important;
    color: #222328!important;
    display: block;
    font-size: 14px;
    height: auto!important;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
textarea{
width:100%;
}
.button_class{
background-color:#009FE1;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
color:#fff;
border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width:100%;
    font-family:"opensans";
    text-transform:uppercase;
    border:none;
    
}
/*-------------------- NEW NAVIGATION --------------------*/
.navbar-default{
background-image: none!important;
box-shadow: none !important;
background-color:transparent!important;
border-color:transparent!important;
background-color:transparent!important;
background-image: none!important;
background-repeat: repeat-x;
border-radius: 0px!important;
box-shadow: none!important;
border-color: transparent!important;
}
.navbar-default > .container{
margin-bottom:0px!important;
padding-bottom:0px!important;
}
.navbar{
margin-bottom:0px!important;
}
.navbar-nav{
float:none!important;
}
.navbar-brand, .navbar-nav > li > a{
  text-shadow: none!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {

}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > .active > a .dropdown-menu > li > a:active{
text-decoration: none;
background-image: none!important;
vertical-align:middle;
}
.dropdown-menu {
background-color:#222328!important;
border-radius: 0 !important;
}
.dropdown-menu > li > a {
color: #ffffff !important;
text-align:left;
}
/*------------------TOP NAVIGATION--------------------*/
#widetop-div{
    border-bottom: 3px solid #adaeb4;
}
.widetopbar-div {
  float: right;
}
ul#widetopmenu{
  list-style-type: none;
}
ul#widetopmenu li{
  display:block;
  float:left!important;
  padding: 5px 10px;
}
ul#widetopmenu li a{
color: #fff!important;
    font-size: inherit;
    padding: 0 3px;
    text-decoration: none;
    text-transform: uppercase;
}
ul#widetopmenu li ul li a{
  float: right;
  padding-left: 5px;
  padding-top: 2px;
}
ul#widetopmenu li button{
margin-top:-5px;
color:#222328!important;
}
.top-container{
max-width:1170px;
margin:0 auto;
}
.social-links{
width:50%;
float:left;
}
.social-links a{
margin:0 5px;
}
.widetop-menu{
width:100%;
float:right;
}
.top-menu {
     background-color:#454657;
     height:25px;
}
/*--------------------- LOGO  --------------------*/
#logo {
   float: left;
    text-align: center;
    width: 100%;
}
#logo img{
width: 25%;
}
.2pxgrey-bg{
background-color:#adaeb4;
height:5px;
float:left;
width:100%;
}
/*--------------------- MAIN NAVIGATION --------------------*/
  div#topbar-div {
float:left;
width:100%;
  }
  #topmenu{
    margin: 0 auto;
    width: 100%;
  }
  ul#topmenu li {
    text-align: center;
    display:inline;
    padding:1%;
    width:25%;
}
  ul#topmenu li:hover {
    color: #92cb4e;
}
  #topmenu > li > a {
  clear: both;
  display: block;
  box-shadow: none;
  font-family: inherit;
  line-height: 1.42857;
  white-space: nowrap;
  color: #25263a!important;
  text-transform:uppercase;
  text-decoration:none;
  font-family:"opensans";
  font-size:17px;
  }
  #topmenu > li > a:hover, #topmenu > li > a:focus, #topmenu > li > a:active {
  background-color: transparent!important;
  color:#92cb4e!important;
  background-image: transparent!important;
  background-repeat: repeat-x;
    font-family:"opensans";
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: transparent !important;
  color:#92cb4e!important;
  background-image:none!important;
  background-repeat: repeat-x;
  }
  ul#topmenu li ul li button.user-option-button:hover, ul#topmenu li ul li button.user-option-button:focus{
  background-color: transparent !important;
  color:#FFFFFF!important;
  background-image:none!important;
  font-family:"opensans";
  }
  .dropdown-menu{
min-width: 100%!important;
  }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
  background-color: transparent !important;
  }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    background-color: transparent !important;
}

/*--------------------MENUS--------------------*/
body#page-user-home ul#topmenu li#home {/*color: yellow;background-color:#88AAFF;background-image: ;*/}
body#page-user-home ul#topmenu li#home:hover {/*color: yellow;background-color:#88AAFF;background-image: ;*/}


body#page-user-records ul#topmenu li#account-info,
body#page-redeem ul#topmenu li#account-info,
body#page-document-contactus ul#topmenu li#account-info,
body#page-contacts ul#topmenu li#account-info,
body#page-document-willcallinstructions ul#topmenu li#account-info,
body#page-document-tankmonitorrequest ul#topmenu li#account-info,
body#page-customersignup ul#topmenu li#account-info,
body#page-document-oilpriceprotection ul#topmenu li#account-info,
body#page-document-comments ul#topmenu li#account-info,
body#page-document-termsagreement ul#topmenu li#account-info,
body#page-document-priceprogram ul#topmenu li#account-info,
body#page-document-comments ul#topmenu li#account-info,
body#page-document-markettools ul#topmenu li#account-info {/*color: yellow;background-color:#88AAFF;background-image: ;*/ border-bottom: 5px solid #b1cae6;}

body#page-user-records ul#topmenu li#account-info:hover,
body#page-redeem ul#topmenu li#account-info:hover,
body#page-document-contactus ul#topmenu li#account-info:hover,
body#page-contacts ul#topmenu li#account-info:hover,
body#page-document-willcallinstructions ul#topmenu li#account-info:hover,
body#page-document-tankmonitorrequest ul#topmenu li#account-info:hover,
body#page-customersignup ul#topmenu li#account-info:hover,
body#page-document-oilpriceprotection ul#topmenu li#account-info:hover,
body#page-document-comments ul#topmenu li#account-info:hover,
body#page-document-termsagreement ul#topmenu li#account-info:hover,
body#page-document-priceprogram ul#topmenu li#account-info:hover,
body#page-document-comments ul#topmenu li#account-info:hover,
body#page-document-markettools ul#topmenu li#account-info:hover {/*color: yellow;background-color:#88AAFF;background-image: ;*/ border-bottom: 5px solid #b1cae6;}


body#page-newpayment ul#topmenu li#newpayment,
body#page-payment ul#topmenu li#newpayment,
body#page-addautopay ul#topmenu li#newpayment,
body#page-accountselect ul#topmenu li#newpayment,
body#page-feepayment ul#topmenu li#newpayment,
body#page-autopay ul#topmenu li#newpayment,
body#page-paperless ul#topmenu li#newpayment {/*color: yellow;background-color:#88AAFF;background-image: ;*/ border-bottom: 5px solid #b1cae6;}

body#page-newpayment ul#topmenu li#newpayment:hover,
body#page-payment ul#topmenu li#newpayment:hover,
body#page-addautopay ul#topmenu li#newpayment:hover,
body#page-accountselect ul#topmenu li#newpayment:hover,
body#page-feepayment ul#topmenu li#newpayment:hover,
body#page-autopay ul#topmenu li#newpayment:hover,
body#page-paperless ul#topmenu li#newpayment:hover {/*color: yellow;background-color:#88AAFF;background-image: ;*/border-bottom: 5px solid #b1cae6;}


body#page-updatedelivery ul#topmenu li#manage-account,
body#page-document-faq ul#topmenu li#manage-account,
body#page-fuelpurchase ul#topmenu li#manage-account,
body#page-form-requestservice ul#topmenu li#manage-account,
body#page-scheduler ul#topmenu li#manage-account,
body#page-password ul#topmenu li#manage-account,
body#page-emailupdate ul#topmenu li#manage-account,
body#page-feedback ul#topmenu li#manage-account,
body#page-fuelrequest ul#topmenu li#manage-account,
body#page-myprofile ul#topmenu li#manage-account,
body#page-document-deliveryrequest ul#topmenu li#manage-account {/*color: yellow;background-color:#88AAFF;background-image: ;*/border-bottom: 5px solid #b1cae6;}

body#page-updatedelivery ul#topmenu li#manage-account:hover,
body#page-document-faq ul#topmenu li#manage-account:hover,
body#page-fuelpurchase ul#topmenu li#manage-account:hover,
body#page-form-requestservice ul#topmenu li#manage-account:hover,
body#page-scheduler ul#topmenu li#manage-account:hover,
body#page-password ul#topmenu li#manage-account:hover,
body#page-emailupdate ul#topmenu li#manage-account:hover,
body#page-feedback ul#topmenu li#manage-account:hover,
body#page-fuelrequest ul#topmenu li#manage-account:hover,
body#page-myprofile ul#topmenu li#manage-account:hover,
body#page-document-deliveryrequest ul#topmenu li#manage-account:hover {/*color: yellow;background-color:#88AAFF;background-image: ;*/border-bottom: 5px solid #b1cae6;}


body#page-budgetcalculator ul#topmenu li#price-protection,
body#page-priceprotection ul#topmenu li#price-protection,
body#page-document-budgetrequest ul#topmenu li#price-protection,
body#page-contract ul#topmenu li#price-protection,
body#page-document-directions ul#topmenu li#price-protection,
body#page-serviceplan ul#topmenu li#price-protection,
body#page-document-easypayrequest ul#topmenu li#price-protection,
body#page-automaticdelivery ul#topmenu li#price-protection,
body#page-electronicgauge ul#topmenu li#price-protection,
body#page-document-priceprotection ul#topmenu li#price-protection {/*color: yellow;background-color:#88AAFF;background-image: ;*/border-bottom: 5px solid #b1cae6;}

body#page-budgetcalculator ul#topmenu li#price-protection:hover,
body#page-priceprotection ul#topmenu li#price-protection:hover,
body#page-document-budgetrequest ul#topmenu li#price-protection:hover,
body#page-contract ul#topmenu li#price-protection:hover,
body#page-document-directions ul#topmenu li#price-protection:hover,
body#page-serviceplan ul#topmenu li#price-protection:hover,
body#page-document-easypayrequest ul#topmenu li#price-protection:hover,
body#page-automaticdelivery ul#topmenu li#price-protection:hover,
body#page-electronicgauge ul#topmenu li#price-protection:hover,
body#page-document-priceprotection ul#topmenu li#price-protection:hover {/*color: yellow;background-color:#88AAFF;background-image: ;*/border-bottom: 5px solid #b1cae6;}

table#r3-menu-table td#r3-menu-column {border:none; margin: 0; padding: 0;}
tr#row-4, tr#row-4.td {height: 0px;display: none;}

#navbar {
    margin: 0 auto !important;
    float:left;
    width:100%;
}
ul#topmenu li ul li button.user-option-button {
    color: #ffffff!important;
    padding:5px 15px;
    text-align:left;
}

ul#topmenu li ul li button.user-option-button:hover{
color:#B1CAE6!important;
}
li .user-option-button
{
  height: 28px;
  width: 100%;
  font-size: inherit;
  line-height: 20px;
  border:none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  margin: 0;
  padding: 2px 0 0 4px;
  font-family: inherit;
  vertical-align: middle;
  display: block;
  cursor: pointer;
}

ul#topmenu li ul li a,
ul#topmenu li ul li span.menu-header
{
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  color: white;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 15px;
  vertical-align: middle;
}
/*--------------------FORMS & BUTTONS  --------------------*/
input[type="checkbox"], input[type="radio"] {
    margin: 15px 5px !important;
}
.btn{
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 1.5;
    display: inline-block;
    margin:0px 15px;
}
.btn.btn-primary {
    margin: 6px 12px 6px 0;
    min-width: 175px;
}
input.text, input[type="text"]{
background-color: #FFF;
font-family: inherit;
border: 1px solid #CCC;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
color: rgba(0, 0, 0, 0.75)!important;
width: 100%;
box-sizing: border-box;
transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
border-radius: 0.3rem;
}
select{
padding:5px;
width:100%;
color:#555;
height: 34px;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

#top-color-bar {
    background-color: #3B3DA8;
    height: 35px;
    left: 0;
    position: absolute;
    right: 0;
}
.acct-selector{
  font-weight: bold;
}
  div#header-acct-selector b{float:left;}
  span#tank-selector {
  margin-left: 15px;
  font-style: italic;
  font-weight: normal;
 }
#page-payment #header-acct-selector{
  display:none;
}
  #row-4 > div{
  margin:0 auto;
  max-width:1170px;
}
.main-column {
    margin: 0 auto;
}
.outer-div {
    margin:auto;
    padding:auto;
    overflow: visible;
    position:relative;
}
.container{
	padding:15px;
}
nav.navbar.navbar-default div.container{
  padding-top:0 !important;
}
.navbar-collapse{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
h1,h2,h3,h4,h5,h6{
	font-family: "opensans"!important;
	text-transform:uppercase;
}
h1{
	margin-top:0 !important;
	font-size:30px!important;
}
h2{
	font-size: 22px !important;
}
h4{
	font-size: 36px;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}
h3.marketing-headline{
color:#222328!important;
margin-top:2px!important;
margin-bottom:10px;
border-bottom:3px double #8AC242;
}
b{
  color: #222328;
}
h4{
}
.col-md-12.main-image{
text-align:center;
}
body#page-document-aboutus .col-md-12.main-image > img {
    width: 60%;
}
.col-md-12.main-image > img {
    width: 100%;
}
.index-image-headline{
  bottom: -5px;
    padding: 1%;
    position: absolute;
    width:99%;
}
.main-image > img {
    width: 100%;
}
h1.headline-green, h3.headline-green{
color:#8ac141;
}
.h-green{
font-size:30px!important;
}
h1.headline-white{
color:#ffffff;
}
.marketing{
width:100%;
float:left;
 position: relative;
    top: -35px;
}
.marketing-bg{
background-color:#fff;
 margin: 0.4%;
    padding: 0.8%;
    width: 32.5%;
float:left;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
 min-height: 465px;
}
.marketing-image {
    text-align: center;
}
.marketing-button {
    bottom: 35px;
    position: absolute;
}
h2.page-header{
margin-left:70px;
color:#fff!important;
border-bottom:none!important;
}
.page-header-wrapper{
background-color:#009FE1;
}
.page-header-wrapper > .container{
padding:0px!important;
}
.content, .images{
padding: 20px 50px !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-color: #8ac242 #8ac242 transparent !important;
    color:#222328!important;
}
.nav-tabs {
    border-bottom: 1px solid #8ac242!important;
}
.image-aside > img{
padding:0;
width:80%;
}
.image-aside{
margin:20px 0;
}
.image-aside-purification{
width:auto;
padding:50px 0;
}
#standard {
    padding: 2%;
}
img#custom-cooler{
width:90%;
}
.green{
color:#8ac141!important;
}

/*carousel*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin: 2% auto!important;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%)!important;
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%)!important;
}
/*sports sub menu */
ul#templates-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#templates-menu li a {
    display: block;
    width: 100%;
}
#sport-submenu > a, #pets > a{
margin-left:10px;
line-height:15px;
margin:5px 25px;
}
/*form*/
.generic-form{
    margin: 3% auto;
    max-width: 1170px;
}
#entry-label{
width:30%
}
#entry-input{
width:65%
}
.form-table{
width:100%;
}
#entry-form {
    margin: 0 auto;
    width: 85%;
}
#entry-area{
margin:5px 0;
}
.text-center{
text-align:center;
font-size:13px;
}
.small{
font-size:11px;
}
/*responsive*/
@media screen and (min-width: 767px) and (max-width: 981px){
.marketing-bg{
width:100%;
float:left;
min-height: 100px;
}
.marketing {
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}
.index-image-headline {
    bottom: -15px;
    padding: 1%;
    position: absolute;
    width: 99%;
}
.headline-green,.headline-white{
font-size:23px!important;
line-height:20px;
}
.h-green{
font-size:20px!important;
color:#8ac141!important;
}
.marketing-button {
  bottom: 0;
    left: -15px;
    position: relative;
}
.marketing-image {
    float: left;
    padding: 3%;
    text-align: center;
}
.marketing-bg > p {
    padding: 3% 0 0;
}
#topmenu > li > a{
font-size:16px;
}
.well > img {
    float: left;
    padding: 10px;
    width: 21%;
}
}
@media screen and (min-width: 319px) and (max-width: 767px){
	#logo {
    float: left;
    text-align: left;
    width: 60%;
}
.content, .images {
    padding: 20px 10px !important;
}
h2 {
    font-size: 20px !important;
}
h2.page-header {
    border-bottom: medium none !important;
    color: #fff !important;
    margin-left: 10px;
}
	#logo img {
    width: 100%;
}
div#topbar-div {
    float: left;
    margin-top: -45px;
    width: 100%;
}
ul#widetopmenu li a {
    padding: 0;
}
ul#topmenu li {
text-align:left;
}
.marketing-bg{
width:100%;
float:left;
min-height: 100px;
}
.marketing {
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}
.index-image-headline {
    bottom: -8px;
    padding: 1%;
    position: absolute;
    width: 99%;
}
.headline-green,.headline-white{
font-size:12px!important;
line-height:1px;
}
.h-green{
font-size:15px!important;
color:#8ac141!important;
}
.marketing-button {
  bottom: 0;
    left: -15px;
    position: relative;
}
.marketing-image {
    float: left;
    padding: 3%;
    text-align: center;
}
.marketing-image > img{
width:50%;
}
.marketing-bg > p {
    padding: 3% 0 0;

}
a.blue{
 background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
      border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-color: #ccc!important;
    border:1px solid;
    text-shadow: 0 1px 0 #fff;
}
.content > img{
width:100%;
}
#entry-input, #entry-label{
width:100%;
}
.col-md-4.image-aside-purification > img {
    width: 100%;
}
.nav > li > a {
    padding: 5px!important;
}
}