@font-face {
	font-family:Gotham Bold;
	src:url(font/Gotham Bold.OTF);
	}
	@font-face {
	font-family:Gotham Bold Regular;
	src:url(font/Gotham Bold Regular.TTF);
	}
	@font-face {
	font-family:Gotham Book;
	src:url(font/GothamBook.TTF);
	}
	
	
@font-face {
    font-family: DINCondensed;
    src: url("font/DINCondensed.otf");
}
@font-face {
  font-family: DINCondensed_Bold;
  src: url("font/DINCondensed_Bold.otf");
}
@font-face {
  font-family: D_DIN;
  src: url("font/D_DIN.otf");
}
@font-face {
  font-family: Oswald-Regular;
  src: url("font/Oswald-Regular.ttf");
}
	
	@import url('https://fonts.googleapis.com/css?family=Open+Sans');

	
.headerbg{background:#333333; width::100%;height:40px; }

.time{font-family:Gotham Book; font-size::12px;float:left;color:#FFF;margin-top:10px;height:auto; text-align: center; vertical-align: middle;}
.topright { float:right; color:#FFF;font-family:Gotham Book; font-size::12px;text-align: center; vertical-align: middle;}
.topright ul { margin:0px; padding:0px; list-style:none;}
.topright ul li img{padding-right:6px;}
.topright ul li { float:left; margin-right:15px;}
 .li1 {margin-top:11px;}
  .li2 {margin-top:11px;}
   .li3 {margin-top:11px;}
.search{background:url(images/VIP-Optical-Homepage-Design_02.jpg)no-repeat;}
.logorow {
    background: #f1f1f1;
    width: 100%;
	float:left;
	padding-bottom:15px;
}

.toplinks2 {
    width: 100% !important;float:left;}
.toplinks2 a{margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;}
	
	.menu {
    width: 100%;
    float: left;
    font-size: 16px;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}
.menu_bg{ background: #000000; float:left; width:100%;}
.menu { width:100%; float:left; font-family: DINCondensed_Bold;font-size: 25px; text-transform: uppercase;}
.menu ul { margin:0px; padding:0px; list-style:none; text-align:center;}
.menu ul li { display:inline-block;}
.menu ul li a { display: block; text-decoration: none; color:#ffffff; padding: 13px 15px 13px; text-align: center; }
.menu ul li a:hover{ text-decoration: none; color:#ffffff; background: #9C231B;}
.menu ul li ul { width:220px; position:absolute; display:none; background:#858d8a; z-index:1111111;}
.menu ul li:hover ul { display:block;}
.menu ul li ul li { width:100%; float:left; border-bottom:1px solid #fff;}
.menu ul li ul li a { padding:7px 10px; display:block;}
.navbar-toggle {position: relative;float: right;margin-left: 0;padding: 8px;margin-top: 4px;margin-bottom: 0px;border: 1px solid #fff;border-radius: 4px;}
.icon-bar {background-color: #fff;}
.trendy {
    background: url(images/VIP-Optical-Homepage-Design_50.png) no-repeat;
    text-align: center;
    margin-top: 20px;
    background-position-y: 25px;
	background-size:100%;
	width:100%; float:left;
}
.trendytext{color:#858d8a;font-size:36px;  font-weight:bold; width:100%;height:auto;}
.text{text-align:center;width:100%;font-size:14px;color:#000;margin-top:14px;}
.text p{display:inline-block;padding-right:5px;}
.box{
    overflow: hidden;
 
   width:100%;
	
    display: inline;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 5px;
	
}
.box img{width:100%;height:auto;}
.box2{
    overflow: hidden;
  background:#fafafa;
   width:100%;
	min-height:240px;
    display: inline;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 5px;
	border:1px solid #CCC;
}
.box2 img{width:100%;height:auto;}
.boxmeta{    width: 100%;
   text-align:center;
    overflow: hidden;
	font-size:18px;
	  color:#000; margin-bottom:15px;}
	  .boxbottom{margin-left: 13px; margin-bottom:20px;}
.btn1{background:url(images/VIP-Optical-Homepage-Design_83.png)no-repeat;width:130px;height:40px;margin-right:2px;text-align:center; display:block;margin: 0 auto !important; }
.btn1:hover{background-position:0 -40px;}
.btn2{background:url(images/VIP-Optical-Homepage-Design_85.png)no-repeat;width:49%;height:40px; text-align:center;display:inline-block; }
.btn2:hover{background-position:0 -40px;}
.bottonimages a img {
    width: 100%;
    height: auto;}
.text1{float:left;width:100%; height:auto; display:inline-block;font-size:14px;font-family:opensans;font-weight:bold;color:#858d8a;margin-top:10px;}
.bg{background-image:url(images/VIP-Optical-Homepage-Design_92.jpg) no-repeat;width:66%; padding:10px 15px;border-radius:5px;border:0px; display:inline-block;}
.submit2 {
    background:url(images/VIP-Optical-Homepage-Design_96.png) no-repeat;
    width: 115px;
    height: 40px;
    display: block;
    float: right;
    
}
.li3 {
    margin-top: 11px;
    text-transform: uppercase;
    color: #fff !important;
}
.li3 a {
    color: #fff !important;
}
.glyphicon glyphicon-chevron-left{background:url(images/VIP-Optical-Homepage-Design_75.png) no-repeat;height:32px; width:8px;}
.submit2:hover{background-position:0px -40px;}
.a{border-right: 2px solid #b1b1af; margin:0px 0px 15px;}
.a h2 { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0px 0px; color:#fff;}
.a:last-child{border:none;}
.a ul{list-style:inside; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
.a ul li{padding:2px;font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; margin:3px 0px;}
.a ul li a {color:#fff;}
.content{background:#858d8a;}
.bottomcontent{margin-top:12px;}
.footer{background-color:#931f19; color:#fff;}
.footertext1{color:#fff;text-align:center;padding:15px 0px;}

	.toplinks2{width:100%;margin:5px 0px 0px 0px;}
	
	.innerpagediv { width:100%; float:left; box-shadow:0px 0px 7px #CCC; min-height:200px; margin:15px 0px; background:#FFF;}
.innertitle {background:#858d8a; font-size:20px; color:#FFF; padding:10px 10px;}
.innertext { font-size:15px; padding:15px; color:#000; min-height:600px;}
.innertext img { max-width:100%; height:auto;}
.sidebardiv {width:100%; float:left; box-shadow:0px 0px 7px #ccc; min-height:200px; margin:15px 0px; background:#FFF; padding:0px 15px;}
.sidebar1 { width:100%; float:left; padding-bottom:10px;}
.sidebartitle {background:#000; font-size:20px; color:#FFF; padding:10px 10px; margin-top:15px;}
.sidebar1 p { padding:15px; font-size:16px; color:#000;}
.sidebar1 img { max-width:90%; margin-left:5%; margin-top:10px;}
.sidebar1 ul { width:90%; float:left; margin-left:5%; margin-bottom:0px; padding:0px; list-style:none;}
.sidebar1 ul li { width:100%; float:left; border-bottom:1px solid #CCC;}
.sidebar1 ul li a { padding:7px 0px; display:block; text-decoration:none; color:#fff; }
.topright ul li a { color:#fff;}

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    border: 1px solid #ccc;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 32% !important;
    display: inline-block;
    margin: 10px 4px 10px 3px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #000 !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin-top: 14px;
}
.woocommerce .quantity .qty {
    width: 6.631em;
    text-align: center;
    height: 35px;
}
.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 22px;
    background: #000;
    color: #fff;
    padding: 10px !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 50% !important;
}
.banner1 { width:100%; float:left;}
.banner1 img { width:100%; height:auto;}
	@media (max-width:1023px) {
	.logo { width:100%;margin:0; }	
	.time { font-size:11px;}
	.menu ul li a { margin: 0; padding: 10px 6px;}
	.bg{background-image:url(images/VIP-Optical-Homepage-Design_92.jpg) no-repeat;width:46%; padding:10px 15px;border-radius:5px;border:0px; display:inline-block;}
		
		}
		
		@media (max-width:767px) {
	.bg{width:100%;}
	.trendy {background:none;}
	
	.headerbg{background:#333333; width::100%;height:80px; }
	.time{margin-left:auto;margin-right:auto;width:100%;float:none;  }
	.topright{width:100%;margin:0px;float:none;text-align:center;vertical-align: middle;}
	.topright ul li img{visibility:hidden; padding-right:2px;}
	.topright ul li{ margin-right:5px;}
	.logo { width:100%;margin:0; }	
		.topright ul{width:100%;margin-left:auto;margin-right:auto;float:none;width:100%;margin:0px;float:none;text-align:center;vertical-align: middle;}
	.boxbottom { margin-left:0px;}
	
	
	
	.box{ width:100%; height:auto !important;}
	.topright ul li {
    font-size: 10px;
    margin-right: 0;
}
.toplinks2 { float:left; width:100% !important;}
	.toplinks2 a {
    display: inline-block;
    float: left;
    margin: 10px 11px;
}
.Request { margin:0px auto 20px;}
.submit2 { float:left; margin:10px 0px;}
.a ul { margin:0px; padding:0px;}
.logorow { height:100%;}
.menu ul li { width:100%; float:left; border-bottom:1px solid #FFF;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 100% !important;
}
	}
	.rightimg { width:100%; float:left; margin:20px 0px;}
	.rightimg img { width:100%; height:auto;}
	.weldiv { width:100%; float:left; margin:20px 0px;}
	.weldiv h2 { width:100%; float:left; font-size:34px; font-family: 'Roboto', sans-serif; }
	.weldiv p { font-size:16px; color:#333; line-height:28px;}
.inputbg1 { width:100%; float; left; padding:7px 10px; border:1px solid #ccc; color:#000; margin-bottom:10px;}
.inputbg2 { width:100%; float; left; padding:7px 10px; border:1px solid #ccc; color:#000; margin-bottom:10px; height:70px;}
.sgpb-form-wrapper {
    text-align: center;
    margin-top: 350px !important;
}