/* My Custom CSS */

/* First, refer to bootstrap CSS
@import url(css/bootstrap.min.css);
@import url("bootstrap.min.css")

*/
/* NOW MY CSS*/
/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
   
.center-block{
	margin:0 auto
}

html, body {
   margin: 0; padding: 0;
}
#wrapper { 	width: 1200px;	margin: 0px auto;padding:0px;	background-color: #ffffff; }



.hero-spacer {     margin-top: 0px; }

.hero-feature {     margin-bottom: 30px; marging-top:0px; }

.jumbotron {      background-color: white;}

.slogan{ 	padding:30px 0px; font-weight:bold; }

.zipper h1 { 	font-size: 16px;
	color: #F68503;
	font-style: italic; }
h2 {font-weight:bold;  	font-size:16px }
h4 { 	font-size:14px}

.auto-style1 { 	font-family: Arial; 	font-weight: bold; 	font-size: large; }

.centered {
	margin:0 auto
}

#ourproducts {
	margin:0 auto
}
.social {
	padding-top:5px}

.row {
	margin:0 auto;
}
.product img {
	margin-left:20px
}
#ourproducts .panel-body{color:white;	padding:5px }


#top ul li { display: inline; color: #ffffff; font-size:12px;padding-right:10px;padding-top:2px}

#top ul li a { float:left; padding:10px 10px;text-decoration:none }

#top a:link { color:#ffffff; }
#top a:visited { color:#ffffff; background-color:black}
#top a:active { color:#ffffff; background-color:black }
#top a:hover { color:#ffffff; background-color:orange }
#top a:focus { color:#ffffff; }



#topnav {	background-color: ffffff; clear:both; overflow: hidden;margin-bottom:0px}

#topnav ul { width:100%; float:left; background-color: ffffff;  }

#topnav ul li { display:inline; font-size: 16px;}

#topnav ul li a { float:left; padding:10px 10px;text-decoration:none;border-radius: 8px; }

#topnav a:link { color:#4C4C4A; }

#topnav a:visited { color:#4C4C4A;background-color:white }
#topnav a:active { color:#4C4C4A;background-color:white }
#topnav a:hover { color:#000000; background-color:orange }
#topnav a:focus { color:#4C4C4A; }



.navbar .divider-vertical {
height: 50px;
margin: 0 auto;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
border-right-color: #222222;
border-left-color: #111111;
}





.navbar .nav {
border-radius: 8px;}
/*.............................new wild Landing....................................*/
#wildsubmenu {;background-image:url('../images/purple-bg.jpg');
  background-size:cover; color:#00ffff; font-size:28px; font-weight:bold;text-decoration:none;
	
}
#wildsubmenu a {padding-left:30px; padding-right:30px;
	
}
#wildsubmenu a:active { color:#00ffff;}
#wildsubmenu a:visited { color:#00ffff;}
#wildsubmenu a:link { color:#00ffff;}
/*..........................Vrection Landing.........................*/

#vrectionsubmenu{;background-image:url('../images/live/vrection-sbmenu-bg.jpg');background-size:cover; color:#00ffff; font-size:28px; font-weight:bold;text-decoration:none
	
}
#vrectionsubmenu a {padding-left:50px; padding-right:50px;
	
}

#vrectionsubmenu a:active { color:#00ffff;}
#vrectionsubmenu a:visited { color:#00ffff;}
#vrectionsubmenu a:link { color:#00ffff;}
/*...........................Zipper..........................*/
.bottle-land {
	margin-top:70px
}
#zippersubmenu {;background-image:url('../images/zipper/zippe-submeny-bg.jpg');
  background-size:cover; color:#000000; font-size:28px; font-weight:bold;text-decoration:none;
	
}
#zippersubmenu a {padding-left:40px; padding-right:40px;
	
}
#zippersubmenu a:active { color:#000;}
#zippersubmenu a:visited { color:#000;}
#zippersubmenu a:link { color:#000;}
/*...........................................................*/
/*..........................ZIPPER...................*/

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}



h1.zipper1 {	text-align: center;font-size: 20px; color:#F68503;	 font-weight: bold;font-style: italic }
h1.zipper2{ 	font-size:48px; 	color: #F68503; 	font-style: italic; 	text-align: center; }
h1.zipper3 {  font-size: xx-large; color: #C8CF00; font-weight: bold; }
h2.zipper{
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;text-decoration: underline;
color: #C8CF00;
}

.red { 	color: #FF0000; 	font-weight: bold;font-style:italic  }

.red2.not {color: #FF0000; padding-top:20px; 	font-weight: bold;font-size:12px;font-style:italic;margin-left: 15%;}
.disc { 	margin-left:30px  }
body {     padding-top: 0px;} /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */



#navZ { width:100%; max-width:1200px;clear:both; overflow: hidden;margin-bottom:0px } 

navZ p { margin-left:50px; color:white; height: 30px; line-height: 28px}

#navZ ul { width:100vw; float:left;  }
#navZ ul a { float:left;padding:8px 10px;border-radius: 8px;  }

#navZ ul li { display:inline; font-size:11px; padding10px 10px; padding-top15px;}

#navZ a:link { color:#fff; }

#navZ a:visited { color:#fff; }

#navZ a:active { color:#fff; }

#navZ a:hover { color:#fff; background-color:orange }

#navZ a:focus { color:#fff; }

#navZ a { 	text-decoration:none;  }

/*.......................................FOOTER ..................*/
#footer-cont {width:100%; overflow: hidden;background:#222222	; floatleft;border-top:5px orange solid; border-bottom:1px white solid; 
 }
#footer-cont ul li a:hover { color:orange; }
#footer-cont ul li{
	display:block
}

#footer-cont ul {list-style-type none; margin-top:8px;float:left;
 -webkit-margin-before: 0.6em;
-webkit-margin-after: 0.1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
 }

#footer-cont ul li a {text-decoration:none; color:white;font-size:11px; margin-top:0px; margin-left:7px;display:block

}
#footer-cont .navbar-brand,
#footer-cont .navbar-nav li a {
    line-height: 25px;
    height: 20px;
    padding-top: 0;
}


#foot1 { float:left; padding-top: 16px;padding-right:0px;vertical-align:top; }
#foot1 .container {max-width:250px;   }


#foot2 {float:left;padding-top: 16px;padding-right:0px;vertical-align:top ;  }
#foot2 .container {max-width:250px; }

#foot4 {floatleft;padding-top: 16px;padding-right:0px;vertical-align:top ;  }

@media screen and (min-width: 768px) {
    .navbar-brand {
        display: none;    }
    
}



#footer2 {	width:100%;background-color:#222222; overflow: hidden; margin:0px;padding-bottom:10px;border-top:1px gray solid  }

#footer2 p  {float: left;  margin:10px 20px 10px 20px; font-size:12px; color:white; }


#footer3 { 	color:white; width:100%; background-color:#222222; ; overflow: hidden;padding :20 0 40 0; }
#footer3 ul { border-top:1px gray solid ; }
#footer3 ul li { 	display:inline; padding:20px; color:white }
.bottom {vertical-align:bottom;
	 display: inline-block;float: none; padding-top:50px
}
#footer4{
	height:25px; width+100%; background-color:#222222}