img{
	height: auto !important;
}
body {
  padding-top: 20px;
  background: url(/img/bg.jpg) repeat-x 0px 0px;
}

.footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

div div #map-canvas {
  width: 65%;
  float: left;
}

div div #results {
  width: 33%;
  float: right;
  position: absolute;
  right: 0;
  float: right;
  max-height: 450px;
  overflow: auto;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #777;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #e5e5e5; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}


.navbar-inverse{
	background: #ededed !important;
}

.nav{
	margin-top: 20px;
	float: right;
}

.container{
	padding-top: 30px;
}

.organic-white {
	margin-top: -33px;
}

@media (max-width: 768px) {
	.nav{
		float: none;
	}
}

@media (max-width: 960px) {
	.organic-white{
		margin-top: 0;
	}
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #008FD5;
}

.navbar-inverse .navbar-nav > li > a{
	color: #008FD5;
}

.navbar-inverse .navbar-nav > li > a:hover{
	color: #333;
}

.margin-top-80{
	margin-top: 80px;
}

.navbar-toggle{
	color: #ffffff;
	background-color: #008FD5;
	border: 1px solid #555;
}

.col-lg-4 h2{
	text-align: center !important;
}

.col-lg-4{
	margin-bottom: 30px;
}

.center-text{
	text-align: center !important;
	margin-top: -50px !important;
}

/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/
/* Store Locator */
/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/

            #results {
                float: left;
                width: 35%;
                list-style: none;
                font-size: 12px;
                height: 500px;
                overflow: scroll;
                padding: 0px 15px;
                margin-right: 8px;
                display: none;
                margin-top: 20px;
            }

            #results li {
                margin-bottom: 0;
                padding: 12px 0 14px;
                border-bottom: 2px dotted rgb(43,57,143);
                cursor: pointer;
            }
            #storewrapper {
                display: block;
                padding: 10px;
                float: left;
                width: 100%;
                overflow: hidden;
                height: 570px;
            }
            #storewrapper input {
                text-align: center;
                font: bold 29px "HannahRegularRegular", sans-serif;
                margin-left: 10px;
            }
            #storewrapper label {
                font-size: 14px;
            }
            #searchButton {
            	position: absolute;
            	right: 30px;
            	top: 10px;
                vertical-align: sub;
                cursor: pointer;
                background: #008FD5;
                font-weight: bold;
                color: #fff;
                padding: 11px;
                border: 0px;
                font-size: 18px;
                clear: both;
                outline:none;
				
            }
            #storewrapper input#searchbox {
               float: left;
               position: relative;
               display: block;
               width: 45%;
               margin-left:-25%;
               left: 70%;
               text-align:left;
               padding: 5px;
               color: #666;
               outline:none;
               -moz-outline:none;
            }
            #error {
                height: 15px;
                visibility: hidden;
                float: left;
                clear: left;
                width: 100%;
                font-size: 15px;
                text-align: center;
            }
            #map-canvas {
                margin: 0px;
                padding: 0px 15px;
                height: 500px;
                width: 91%;
                background-color: rgb(229, 227, 223);
                overflow: hidden;
                -webkit-transform: translateZ(0);
                float: left;
                margin-top: 15px;
            }
            #groupOptions {
                padding: 0px;
            }
            #groupOptions li {
                list-style: none;
                display: inline-block;
                margin-right: 50px;
                width: 170px;
                padding: 5px 10px;
            }
            #groupOptions li a {
                cursor: pointer;
            }
            #groupOptions li.active {
                background: #008FD5;
            }
            #groupOptions li.active a {
                color: #fff;
            }
            #groupOptions li.w100 {
                width: 100%;
            }
            #groupOptions li.w100 p {
                margin: 0px;
            }



/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/
/* Def */
/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/

 
@media only screen and (max-width: 1000px){
	#storewrapper input#searchbox{
		float: left;
		position: relative;
		margin-left: 0px;
		left: 0px;
		font-size: 15px;
		padding: 13px;
		width:100%;
		text-align: center;
	}
	#searchButton{
		float: left;
		position: relative;
		display: block;
		margin: 0px;
		left: 0px;
		clear: none;
		margin-top: -10px;
		clear:left;
		width: 100%;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	.navbar-brand img{
		width: 70% !important;
		margin-top: -80px;
	}
	
	.navbar-inverse {
		padding: 0px;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.navbar-brand img{
		width: 70% !important;
		margin-top: -80px;
	}
	
	.navbar-inverse {
		padding: 0px;
	}
}

@media only screen and (min-width: 1000px){
  #prodSelect {
    float: left;
    height: 47px;
    text-align: left;
    padding: 5px;
    color: #666;
    outline: none;
    position: absolute;
    left: 25px;
    width: 40%;
  }
}

@media only screen and (max-width: 1000px){
  #prodSelect + input {
    margin-bottom: 20px;
  }
  #prodSelect {
    width: 100%;
    text-align: left;
    padding: 5px;
    height: 47px;
    color: #666;
    outline: none;
    width: 100%;
    margin-bottom: 20px;
  }

  
}

/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/
/* New Index */
/*+~+~+~+~+~+~+~+~+~+~~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~++~~++*/    

.col-xs-offset-1{
  margin-left: 8.333333333333332%;  
  display: flex;
  justify-content: center;
}
@media (min-width:768px){
  .col-sm-offset-0{
    margin-left: 0;
  }
  
}

.new-index .jumbotron { 
  padding-bottom: 0;
  margin-bottom: 0;
  

}
.new-index .jumbotron p  { 
  font-weight: 400;
  margin-bottom: 35px;
}

.new-index .jumbotron h1 , h2  { 
  font-weight: 600;
}
.social-media h2  { 
  font-size: 49px;
}
.social-media{
  padding: 0;
  margin: 0;
  }
  .social-icon{
  padding-bottom: 1.2em;
  transition:  0.3s ease-in-out;
  }
  .social-icon:hover{
    opacity: 0.9;
  }
  .product-banner{
  padding-bottom: 1.2em;
  transition:  0.3s ease-in-out;
  }
  .product-banner:hover{
    opacity: 0.9;
  }
  .smedia-tittle{
  display: flex;
  justify-content: center;
  color: #008FD5;
  }
  .btn{
  display: flex;
  justify-content: center;
  text-decoration: none;
  background-color: #008FD5;
  color: white;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 33px;
  padding-right: 33px;
  border-radius: 0%;
  transition: background 0.3s ease-in-out;
  }

  .btn:hover{
  background-color: #008fd5ba;
  color: white;
  }
  .btn a{
  color:white;
  text-decoration: none;
  }
.back-to-top{
  display: flex;
  justify-content: center;
}
.back-to-top{
  display: flex;
  justify-content: center;
}
.new-index hr {
  margin: 0;
  margin-top: 13px;
  border-top: 3px solid #ededed  ;
}
.new-index h2 {
  margin-bottom: 20px;
}
footer{
  display: flex;
  justify-content: center;
}