*{ outline:none; box-sizing:border-box; margin:0px; padding:0px;}
body{font-family: 'Open Sans', sans-serif; }
#main-header{background-color: #ffffff; box-shadow: 0px 0px 10px -3px #333; float: left; width: 100%; position:relative; z-index:99;}
#container{ width:1100px; margin:0 auto;}
#header{ width:100%; float:left;  -webkit-transition: all 0.5s ease;   -moz-transition: position 10s;   -ms-transition: position 10s;  -o-transition: position 10s;
  transition: all 0.5s ease;}




#header .logo{ float:left;}
#header .logo img{ transition:all 1s;}
#header .nav{ float:right;}
#header .nav ul{ list-style:none;}
#header .nav ul li{ float:left; border-right:1px solid white; margin-top:10px;}
#header .nav ul li a{ text-decoration:none; font-size:16px; color:#ae0001; font-weight:600; padding:12px 30px; display:block; transition:all 0.5s; box-shadow:0px 0px 0px #fff inset;}
#header .nav ul li a:hover, #header .nav ul li a.current { color:white; box-shadow:0px -100px 0px #ae0001 inset;}
#header .nav ul li a i{ font-size:24px;  transition:all .5s; padding:7px; margin-right:5px; display:block; text-align:center;}
#header .nav ul li a:hover i{color:#ffffff;}

#banner{ width:100%;}

.fixed {position: fixed; top: 0; left: 0; animation: smoothScroll 1s forwards; padding:0 8%; background-color:#FFFFFF; z-index:99999; box-shadow: 0px 0px 10px -3px #333; height:80px;}
.fixed .logo img{ width:125px;}
#main-header div.fixed .nav ul li{ margin-top:-2px;}
#main-header div.fixed  .nav ul li a{ font-size:14px; padding:12px 22px;}

@keyframes smoothScroll {
0% {transform: translateY(-40px);}
100% {	transform: translateY(0px);}
}

.introduction{ width:100%; }
.introduction .heading{ line-height:18px;}
.introduction .heading h1{ font-size:36px; color:#cc0001; font-family: 'PT Sans Narrow', sans-serif;}
.introduction .heading p{ font-size:14px; color:#333333; font-weight:600;}
.introduction .heading span{ width:40%; border-bottom:1px solid #999999; display:block; position:relative; margin:0 auto; margin-bottom:10px;}
.introduction .heading span:before{ width:80px; background-color:#ca0000; height:3px; position:absolute; content:''; left:40%; top:-1px;}
.introduction p.text{ text-align:justify; line-height:28px; font-size:16px; color:#474747; padding-top:10px;}

.tredns-wedget{ width:100%; margin-bottom:50px; float:left; margin-top:10px;}
.tredns-wedget .boxes{ width:31%; position:relative; background-color:#000000; padding:20px; float:left; margin:0 1%;}
.tredns-wedget .boxes span.strip{ position:absolute; top:22px; height:30px; width:100%; left:0; background-color:#ae0001; transition:all 1s; box-shadow:0 0px 1px #505050 inset;}
.tredns-wedget .boxes:hover span.strip{ box-shadow:342px 0px 1px #505050 inset; background-color:#000000;}
.tredns-wedget .boxes span.strip2{ bottom:17px; top:auto;}
.tredns-wedget .boxes .inner-txt{ width:160px; z-index:9; position:relative;}
.tredns-wedget .boxes .inner-txt strong.hot{ font-size:20px; padding-bottom:10px; color:white; display:block; line-height:32px; font-family: 'PT Sans Narrow', sans-serif;}
.tredns-wedget .boxes .inner-txt strong.computer{ font-size:20px; padding-bottom:2px; color:white; display:block; line-height:32px; font-weight:normal;  font-family: 'PT Sans Narrow', sans-serif;}
.tredns-wedget .boxes .inner-txt strong.eyetest{ font-size:20px; padding-top:12px; color:white; display:block; line-height:28px;  font-family: 'PT Sans Narrow', sans-serif;}

.tredns-wedget .boxes .inner-txt p{ text-align:left; font-size:13px; color:#e4e3e3;}
.tredns-wedget .boxes .trend-img{ position:absolute; right:25px; top:22px; width:142px; height:130px; z-index:9; overflow:hidden;}
.tredns-wedget .boxes .trend-img img{ transform:scale(1); transition:all 1s;}
.tredns-wedget .boxes:hover .trend-img img{transform:scale(1.2);}
.tredns-wedget .boxes:before{ content:''; position:absolute; background:url(../images/shad.jpg) repeat-x; height:26px; width:100%; bottom:-26px; left:0;}

.view-more{width:165px; margin:30px  auto;}
.view-more a{ text-decoration:none; display:inline-block; font-size:16px; color:#ffffff; background-color:#222222; width:100%; border-right:4px solid #bc0606; text-align:center; padding:7px 0px; box-shadow:0px 0 0 0 #bc0606 inset; transition:all 0.4s;}
.view-more a:hover{box-shadow:163px 0 0 0 #bc0606 inset; border-right:4px solid #222222; }

.offer-heading{ text-align:center; margin:50px 0px; clear:both;}
.offer-heading h2{font-size:36px; color:#cc0001; font-family: 'PT Sans Narrow', sans-serif;}
.offer-heading p{ font-size:14px; color:#333333; font-weight:500; margin:5px 0; display:block; font-weight:600;}
.offer-heading span{ width:40%; border-bottom:1px solid #999999; display:block; position:relative; margin:8px auto;}
.offer-heading span:before{ width:80px; background-color:#ca0000; height:3px; position:absolute; content:''; left:0; top:-1px;  left: 50%; top: -1px; margin-left: -40px;}
.offer-banner{ position:relative; margin-top:50px;}
.offer-banner img{ width:100%;}
<!--.offer-banner .imgage-laping{ background:url(../images/offer-banner.jpg) no-repeat top center; background-attachment:fixed; height:578px; background-size:cover;}
-->

.contacts{ width:1100px; margin:0 auto;}
.contacts .information{ width:96%; float:left; margin:20px 0px; margin-left:4%;}
.contacts .information ul{ list-style:none;}
.contacts .information ul li{ widoth:25%; float:left; text-align:center;}
.contacts .information ul li .icons-bg{ background-color:#e7af97; position:relative; width:36px; height:36px; margin:0 auto;}
.contacts .information ul li .icons-bg:before{ background:url(../images/icon-bgshad.jpg) repeat-x; height:14px; position:absolute; bottom:-14px; content:''; width:100%; left:0}
.contacts .information ul li .icons-bg i.fa-home{font-size: 28px; color: #ae0000; margin: 4px 0 0 -34px;}
.contacts .information ul li .icons-bg i.fa-phone{font-size: 28px; color: #ae0000; margin: 4px 0 0 -27px;}
.contacts .information ul li .icons-bg i.fa-envelope{font-size: 25px; color: #ae0000; margin: 4px 0 0 -33px;}
.contacts .information ul li .icons-bg i.fa-clock-o{font-size: 25px; color: #ae0000; margin: 6px 0 0 -36px;}
.contacts .information ul li p{ font-size:14px; margin-top:20px; line-height:20px; color:#474747;}
.contacts .information ul li p a{ text-decoration:none; color:#474747; position:relative;}
.contacts .information ul li p a:hover{ color:#333333;}
.contacts .information ul li p a:before{ width:0%; height:1px; background-color: #e7af97; top: 100%; content: ''; display: block; text-align: center; margin: auto; position: absolute; left: 0; right:0;  transition:all 0.5s;}
.contacts .information ul li p a:hover:before{width: 100%;}
.contacts .information ul li p.address{    margin: 10px 0 0px;
  text-align: left;
  padding: 10px 0;}

.maps{ width:100%; margin-top:30px; border-top:2px solid #cc0001; float:left;}
.maps img{ width:100%;}

#footer{ background-color:#000000; width:100%; float:left;}
#footer .footer{ width:1100px; margin:0 auto; padding:20px 0;}
#footer .footer .footerbx{ width:100%;}
#footer .footer .footerbx .nfo{width:45%; float:left; padding-top:40px;}
#footer .footer .footerbx .nfo img{ width:100%; max-width:488px;}
#footer .footer .footerbx .shops{ float:right; width:53%; padding:20px 0px;  border-left:1px solid #272727; padding-left:3%;}
#footer .footer .footerbx .shops ul{ list-style:none;}
#footer .footer .footerbx .shops ul li{ float:left; position:relative; text-align:center; margin:0 1%;  width: 18%; height: 100px;}
#footer .footer .footerbx .shops ul li:last-child{ margin:0 0 0 2%;}
#footer .footer .footerbx .shops ul li img {
  border: 2px solid #272727;
  width: 100%;
  height: 100%;
}
#footer .footer .footerbx .shops ul li .overlay{background-color:#333333; width: 85%; height: 80%; position: absolute; z-index: 9; left: 7%; top: 7%; opacity:0; transition:all 1s;}
#footer .footer .footerbx .shops ul li .overlay:after{ content:'+'; font-size:38px; color:white; position:absolute; font-weight:bold; left: 38%; top:-60%; transition:all 1s;}
#footer .footer .footerbx .shops ul li .overlay:hover{opacity:1;}
#footer .footer .footerbx .shops ul li .overlay:hover:after{ top:14%;}
#footer .footer .footerbx2{ width:100%; border-top:1px solid #272727; border-bottom:1px solid #272727;  clear:both; float:left; padding:10px 0px; margin-bottom:10px;}
#footer .footer .footerbx2 .footer-nav{ float:left; padding-top:10px;}
#footer .footer .footerbx2 .footer-nav ul{ list-style:none; color:#7d7c7c;}
#footer .footer .footerbx2 .footer-nav ul li{float:left; }
#footer .footer .footerbx2 .footer-nav ul li a{ text-decoration:none; color:#7d7c7c; font-size:12px; margin:0 12px;}
#footer .footer .footerbx2 .footer-nav ul li a:hover{ color:white;}
#footer .footer .copyright{ text-align: center; color:#373737; font-size:13px; clear:both; font-weight:600;}

.top{ background-color:#C70506;  position:fixed;  bottom:20px; text-decoration:none; transition:all 1s; z-index:999999;}
.top i{ color:#ffffff; transition:all .7s;  display:block; padding:15px;}
.top:hover{color:#ffffff; background-color:#000000; border-radius:50%;}

/*bof:socialMedia*/
.social{ float: right; display:table;}
.social p{ font-size:17px; color:#999999; display:table-cell; vertical-align:middle; font-weight:600; padding-right:10px; text-transform:uppercase; font-family: 'PT Sans Narrow', sans-serif;}
.social ul{ list-style:none; display:table-cell;}
.social ul li{ float:left; font-size:24px; margin:5px; }
.social ul li a{ display:block; position:relative;}
.social ul li a.tool-tips, .social ul li a.tool-tips2, .social ul li a.tool-tips3, .social ul li a.tool-tips4{ position:relative;}
.social ul li a.tool-tips:before, .social ul li a.tool-tips2:before, .social ul li a.tool-tips3:before, .social ul li a.tool-tips4:before{content: attr(alt); position: absolute; top:0px; color: white; font-size: 13px; font-family: arial; padding: 5px 8px;font-weight: 600; border-radius: 4px; transition:all .5s; opacity:0;}
.social ul li a.tool-tips:after, .social ul li a.tool-tips2:after, .social ul li a.tool-tips3:after, .social ul li a.tool-tips4:after{content:'';  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;  position:absolute; top:26px; left:10px; transition:all .5s; opacity:0;}
.social ul li a.tool-tips:hover:before, .social ul li a.tool-tips2:hover:before, .social ul li a.tool-tips3:hover:before, .social ul li a.tool-tips4:hover:before {top: -40px; opacity:1;}
.social ul li a.tool-tips:hover:after, .social ul li a.tool-tips2:hover:after, .social ul li a.tool-tips3:hover:after, .social ul li a.tool-tips4:hover:after{top:-15px; opacity:1;}
.social ul li a.tool-tips:before{background-color:#3b5998;}
.social ul li a.tool-tips:after{border-top:10px solid #3b5998;}
.social ul li a.tool-tips2:before{background-color:#55acee;}
.social ul li a.tool-tips2:after{border-top:10px solid #55acee;}
.social ul li a.tool-tips3:before{background-color:#c33193;}
.social ul li a.tool-tips3:after{ border-top:10px solid #c33193;}
.social ul li a.tool-tips4:before{background-color:#e02f2f;}
.social ul li a.tool-tips4:after{border-top:10px solid #e02f2f;}
.social ul li i.fa{color:black; background-color:white; padding:8px 13px; transition:all 0.7s; }
.social ul li i.fa-facebook:hover, .social ul li i.fa-twitter:hover, .social ul li i.fa-instagram:hover, .social ul li i.fa-pinterest:hover{color:white; } 
.social ul li i.fa-facebook:hover{background: #3b5998;}
.social ul li i.fa-twitter:hover{background:#55acee;}
.social ul li i.fa-instagram:hover{background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);}
.social ul li i.fa-pinterest:hover{background:#e02f2f;}
/*eof:socialMedia*/

.pagingnation{ width:auto; margin:50px 0px; text-align:center; background: #d7d7d7; padding: 10px;}
.pagingnation ul{ list-style:none;}
.pagingnation ul li{ display:inline-block;  background-color:#666666;}
.pagingnation ul li a{ text-decoration:none; display:block; color:white; padding:8px 15px; transition:all 1s;}
.pagingnation ul li a:hover{ background-color:#000000;}
.pagingnation ul li a.active{ background-color:#bc0606;}
.pagingnation ul li.pagin-none{ display:none;}



.form-section{ width:100%;}
.form-section .form-wrap{ width:auto;}
.form-section .form-wrap ul{ list-style:none;}

.form-section .form-wrap ul li{ float:left; width:33.33333333%; padding:20px;}
.form-section .form-wrap ul li.full-width{ width:100%; text-align:center;}
.form-section .form-wrap ul li label{ font-size:14px; color:#666666; display:block; text-align:left;}
.form-section .form-wrap ul li input[type="text"]{ border:none; border-bottom:2px solid #999999; width:100%; padding:10px; font-size:14px; font-weight:600; transition:all 0.7s;}
.form-section .form-wrap ul li input[type="text"]:focus, .form-section .form-wrap ul li textarea:focus{ border-bottom:2px solid #000; margin:auto;}
.form-section .form-wrap ul li textarea{ border:none; border-bottom:2px solid #999999; width:100%; padding:10px; font-size:14px; font-weight:600; transition:all 0.7s;}
.form-section .form-wrap ul li input[type="submit"]{display:inline-block; font-size:16px; color:#ffffff; background-color:#222222; width:100%; text-align:center; padding:7px 0px; box-shadow:0px 0 0 0 #bc0606 inset; transition:all 0.4s; cursor:pointer; border:none; border-right:4px solid #bc0606; width:150px; margin:0 auto;}
.form-section .form-wrap ul li input[type="submit"]:hover{box-shadow:163px 0 0 0 #bc0606 inset; border-right:4px solid #222222; }


.box .product-cont .img-boxes img{ left:0px;}
.offer-heading{ margin:50px 0px 20px; overflow:hidden;}
.maps img{display: block; text-align: center; margin: 7px auto; width:auto;}