* {margin:0; padding:0; border:0; resize:none; outline:none; font-family:'Open Sans', Arial; font-size:13px; color:#666; -moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box; }
h1,h2,h3,h4,h5,h6 { font-weight:300; font-family:'Open Sans'; margin-bottom:10px; }

h1 { font-size:35px; text-transform: uppercase; font-weight:300; display:block; }
h2 { font-size: 25px; color: #242424; font-weight:600 }
h3 { font-size:22px; text-transform: uppercase; font-weight:600 }
h4 { font-size: 18px; font-weight:bold; }
h5 {  }
h6 {  }



a { text-decoration:none }
ul, ol { margin-left:20px; }
li, p { line-height:18px; }
strong { font-weight:600; }

body { background-color:#F7F7F7; }

.wrap { min-width:320px; margin:0 auto; padding:10px 25px; max-width:1200px; }
.head { width:100%; background:url('images/line_colors.png') top left repeat-x #FCFCFC; padding-top:5px; border-bottom: 2px solid #2694E1; }
.banner { width:100%; overflow:hidden;  height:469px; }
.sectors { width:100%; background:url('images/sector-repeat.png') center top repeat-y;  }
.vision { width:100%; background:url('images/vision-bg.jpg') no-repeat top center #000; height:368px;  padding-top: 210px; }
.brands { width:100%;  padding-top: 239px;}
.home-gallary { width:100%;  padding-top: 200px; overflow: hidden; }
.footer { background: url('images/footer-bottom.png') bottom center no-repeat, url('images/footer-bg.png') top center repeat-y; margin-top:200px; padding-bottom:100px;  }
.copy { width:100%; background-color:#3c3c3c; overflow:hidden; border-top:1px dotted #4d4d4d }
.body { width:100%;  }
.page-top { width:100%; height:300px; background: url('images/top-bg.jpg') no-repeat top center #000; position:relative }
.breadcrumb { width:100%; padding:3px 0; overflow:hidden; background-color:#E0E0E0 }


.hidden { display:none }

#storemap { height:500px; width:100%; border:1px solid #CCC; }
p.line { height:1px; border-top:1px dotted #CCC; margin: 10px 0; }
.after { position:relative; }
.after:after, .after:before { content:''; height:100%; width:100%; position: absolute; pointer-events:none }
.head .wrap { padding:0 25px; overflow:hidden }
.head .logo { float:left }
.head .logo a { display:block; }
.head .css-menu ol { display:none }
.head .css-menu ul { float:left; }
.head .css-menu ul > li { display:inline-block; float:left; list-style-type:none; padding:27px 0 }
.head .css-menu ul > li > a { display:block; padding:5px 10px; font-size:12px; font-weight:bold; text-transform: uppercase; }

.head .sub-menu > ul { float:right }
.head .sub-menu > ul > li { display:inline-block; float:left; list-style-type:none; padding:31px 0 }
.head .sub-menu > ul > li > a { font-size:10px; text-transform: uppercase; font-weight:bold; padding:0px 5px; border-left:1px solid #CCC }
.head .sub-menu > ul > li:first-child > a { border:0 }
.head a:hover { color:#0b89d1 }

.banner:after {  background:url('images/banner-bottom.png') bottom center no-repeat; top:0; left:0; z-index: 4000;}
.banner .wrap { padding:0 }
.banner .list { display:table; margin:50px auto 0 auto; position:relative; z-index: 5000; }
.banner .list > li { display:table-cell; text-align: center; padding:0 10px; }
.banner .list > li > a { display:table-cell; height:120px; width:120px; border-radius:50%; background-color:rgba(18, 29, 43, 0.7); text-align: center; vertical-align: middle; text-transform:uppercase; text-shadow: 0 0 2px #333; color:#FFF; font-size:12px; transition: background-color 0.5s ease; }
.banner .list > li > a:hover { border:2px solid #F0F0F0; background-color: #0b92d1; }

.banner .slides { position:absolute; top:0; left:0; right:0; bottom:0;  }
.banner .slides:after {  background: url('images/banner-top.png') top left repeat-x; top:0; left:0; right:0; height:250px;  }

.sectors .wrap { padding:0 25px; }
.sectors { padding-bottom:25px; }

#home h1 { color:#FFF; text-align:center; font-weight:300; background:url('images/header-top.png') top center no-repeat; padding: 15px 0 0 0; margin:0; text-shadow:0 0 5px #000; }
#home .sectors div.left > a { border-right:1px dotted #CCC; display:block; padding:0 30px; margin:30px 0; height:300px; overflow: hidden; position:relative; z-index: 6000; }
#home .sectors div.left:nth-child(4n) > a { border-right:0}
#home .sectors div.left:nth-child(n+5) { border-top:1px solid #CCC }
#home .sectors h2 { text-align:center; color:#FFF; font-size:13px; margin-bottom:26px; font-weight:300; } 
#home .sectors h3 { text-transform:uppercase; text-align:center; color:#F0F0F0; font-size:20px; font-weight:400; }
#home .sectors img { width:auto; margin:0 auto; display:block; transition: background-color 0.5s ease;border-radius:50%; padding:10px;}
#home .sectors p { text-align:center; color:#CCC; margin-top:5px; font-size:12px; }
#home .sectors a:hover > img { background-color:#121D2B }
#home .sectors a:hover > h3, #home .sectors a:hover > p { text-shadow:0 0 5px #333 } 
#home .sectors:after {background:url('images/sectors-bottom.png') bottom center no-repeat; bottom: -176px; left:0; z-index: 1001; }


#home .vision h2 { color:#FFF; text-align:center; font-weight:300; font-size:50px; text-transform:uppercase; text-shadow:0 0 5px #000; margin-bottom:20px;z-index: 2; position:relative  }
#home .vision p { color:#FFF; text-align:center; font-size:22px; line-height:30px; font-weight:300; text-shadow:0 0 5px #000; z-index: 2; position:relative} 
#home .vision:before { background:url('images/vision-repeat.png') top center repeat-y; top: 0; left:0; z-index: 1; }
#home .vision:after {background:url('images/vision-bottom.png') bottom center no-repeat; bottom: -250px; left:0; z-index: -1;  }

#home .brands h2, #home .home-gallary h2  { color:#0b92d1; background:url('images/header-top.png') top center no-repeat; text-align:center; padding-top:20px; text-transform:uppercase; }
#home .brands h3 { font-size:16px; text-align:center; }
#home .brands img { border:1px solid #F0F0F0;  }
#home .brands:after { background:url('images/brands-bottom.png') bottom center no-repeat; bottom: -210px; left:0; z-index: 1000; }

#home .home-gallary {  }
#home .home-gallary .single-gallery { display:block; overflow: hidden; margin:0 auto }


.footer h2 { color:#F0F0F0; font-size:16px; font-weight:600; text-transform:uppercase; }
.footer:after { background:url('images/footer-top.png') no-repeat top center; top: -200px; top: -306px; left: 0; height: 320px; z-index: 500; }
.footer .wrap { overflow:hidden; }

.footer .socialize {  }
.footer .socialize ul { }
.footer .socialize li a { padding-left:0; font-weight:bold }
.footer .socialize li > a > i { color:#2C2C2C; font-size:17px; margin-right:20px; width:20px;  }
.footer .socialize li > a:before { display:none }
.footer .socialize li > a:hover > i { color:#FFF }

.footer .contact { margin:0 }
.footer .contact > li { padding:8px 0; display:block; overflow: hidden; }
.footer .contact strong { color:#FFF }
.footer .contact div { float:left }
.footer .contact i { float:left }
.footer .contact a { display:inline; border:0; padding:0 }
.footer .contact a:before { display:none }

.footer ul {  }
.footer ul li { list-style-type:none; margin:0; color:#F0F0F0 }
.footer ul li > i { color:#101010; font-size:17px; margin-right:7px; width:20px; }
.footer ul li a { border-bottom: 1px dotted #0079ab; color: #0079ab; position:relative;  padding:10px 0; padding-left:15px; display:block } 
.footer ul li a:before { content: "\f061"; position: absolute; font-family: 'FontAwesome'; left: 0; font-size: 10px; line-height: 18px; }
.footer ul li a:hover { color:#FFF; }

#contact { padding-top:25px; }
#contact form input[type="text"], #contact form select, #contact form textarea{ width:100%; padding:8px; border:1px solid #CCC }
#contact form label { font-weight:bold; color:#333; display:block; text-transform:uppercase; font-size:14px; margin-bottom:5px; }
#contact form input[type="checkbox"] { margin:3px; }
#contact form input[type="submit"] { float:right; padding:10px 25px; background-color:#0075ED; color:#EEE; text-transform: uppercase; }

.contact-details { background-color:#FFF; }
#contact .contact-details { padding:15px;  }
.contact-details i {margin-right:10px; height:30px; width:30px; background-color:#2694E1; margin-top:-5px; text-align: center; line-height:30px; color:#FFF }
.contact-details i.hot { background-color:#b80000 }
.contact-details i.rss { background-color:#d56138 }
.contact-details i.address { margin-bottom:50px; }
.contact-details p { display:block; margin-top:15px; font-size:14px; }
.contact-details a:hover { text-decoration: underline; }

#contact .req { border-left:2px solid red!important }

.copy .wrap { overflow:hidden; padding-top:10px; padding-bottom:10px; }
.copy .powered { float:left }
.copy .copyright { float:right }
.copy * { font-size:10px; color:#FFF; }
.copy a { font-weight:bold; color: #EEE; font-weight:bold; text-decoration:underline }
.copy a:hover { color:#0075ed }


.page-left {  margin-right:20px; position:relative; z-index: 400; padding:20px; background-color:#FFF; }
.page-left img { width:100% }
.page-left h2 { font-size:18px; text-transform:uppercase; text-align:center; } 
.page-left ul.list li { border-bottom:1px dotted #CCC; } 
.page-left ul.list li a { display:block; padding:6px 0 } 

.page { position:relative }
.page, .page > .left { overflow:visible!important }
.page > .left { height:100%; }


.body:after { background-color:#f7f7f7; background-size:cover; top:0; bottom:-200px; left:0; right:0; height:auto; z-index: -1; }

.market-sectors h1 { text-align:center;  }
.market-sectors {  }
.market-sectors h3 { text-align:center;  font-size:16px; border-bottom:1px dotted #CCC; padding-bottom:20px; color: #0075ED; }
.market-sectors p { text-align:center; margin-top:20px; }
.market-sectors .grid8 .left2 > div { padding:25px 10px; min-height: 360px; }
.market-sectors .grid8 .left2 > div > a > img {  margin:0 auto; display:block; border-radius:50%; padding:2px; background-color:#2A4E67; transition: background-color 0.5s ease; }
.market-sectors .grid8 .left2 > div > a:hover > img { background-color:#000 }


.page-top .wrap { position:relative; height:100% }
.page-top .left { padding:0 10px; position:relative }
.page-top .left .text { background-color: rgba(255,255,255,0.9); } 
.page-top h2 { font-size:40px; color:#FFF; font-weight:300;  }
.page-top form { margin-top:95px; }
.page-top label { color:#00B8FF; display:block; font-size:13px; font-weight:bold; padding:10px }
.page-top input { width:100%; padding:10px 8px; background-color:transparent; border-top:1px solid #00B8FF }
.page-top input[type="submit"] { display:block; height:77px; background:#00B8FF; color:#FFF }
.page-top .social { position:absolute; right:10px; bottom:10px }
.page-top .social li { float:left; list-style-type:none; padding:0 5px; }
.page-top .social li a { display:block;  }
.page-top .social li a:hover > i { color:#00B8FF }
.page-top .social li a:active > i { color: red; }
.page-top .social li i { color:#FFF; font-size:16px; }
::-webkit-input-placeholder { font-style: italic} :-moz-placeholder { font-style: italic} ::-moz-placeholder { font-style: italic} :-ms-input-placeholder { font-style: italic}




.breadcrumb .wrap { padding-top:10px!important; padding-bottom:10px!important; overflow:hidden; }
.breadcrumb ul { float:left; margin:0 }
.breadcrumb ul li { list-style-type:none; float:left }
.breadcrumb ul li a { padding:0 8px; position:relative; font-weight:bold; color:#333; font-size:13px; }
.breadcrumb ul li:first-child > a { padding-left:0 }
.breadcrumb ul li:first-child > a:before { display:none }
.breadcrumb ul li:last-child > a { font-weight:normal; }
.breadcrumb ul li a:before { width:5px; height:8px; content:" "; background-image:url('images/breadcrumb.png'); position:absolute; left:-2px; top:5px }

.product-list-item { overflow:hidden; margin:15px; border:1px solid #CCC }
.product-list-item img { display:block; margin:0 auto; width:100% }
.product-list-item h3 { text-align:center; font-size:14px; margin:10px 0; min-height:40px }
.product-links { display:block; width:100%; padding:5px 0; background-color:#666 }
.product-links ul { display:table; margin:0px auto; position: ; }
.product-links ul li { float:left; list-style-type:none; padding:5px; }
.product-links ul li a i { color:#FFF; cursor: pointer; }
.product-links ul li a:hover > i { color:#00B8FF; }


#products-gallery { width:100%; padding:5px 0; overflow:hidden; }
#products-gallery a { float:left; width:25% }
#products-gallery a > img { display:block; padding:2px; border:1px solid #CCC; width:100%; }
#products-gallery a:hover > img { border-color:#014465 }
#zoom-image > img{ width:100%; border:1px solid #EEE; padding:5px; }
.zoomImg { cursor: pointer; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; height:auto!important; width:auto!important }

.product h1 { font-weight:bold; font-size:30px; border-bottom:1px solid #333; margin:0 }
.product .a-sizes, .product .a-brands { margin-bottom:15px; }
.product .a-sizes h2, .product .a-brands h2 { font-size:15px; }
.product .a-sizes ul, .product .a-brands ul { overflow:hidden; display: block; margin:0; border-bottom: 1px dotted #CCC  }
.product .a-sizes li, .product .a-brands li { float:left; list-style-type: none; margin:0 5px; padding:10px; color:#FFF }
.product .a-sizes li { background-color:#2694E1 }
.product .a-brands li { background-color:#C30000 }

.product .product-links { background-color:transparent }
.product .product-links ul { margin:0; overflow:hidden }
.product .product-links ul li a i { color:#333 }
.product .inquire { margin-top:5px; display:block; background-color:#037AB4; color:#EEE; text-align:center; padding:4px; font-weight:bold; text-transform: uppercase; }
#inquire { padding:10px; display:none }
#inquire form { overflow:hidden }
#inquire h2 { font-weight:bold; text-align:center; color:#037AB4 }
#inquire input[type="text"] { width:100%; padding:8px; border:1px solid #CCC; margin-bottom:10px; border-radius:3px; }
#inquire input[type="submit"] { float:right;  display:block; background-color:#037AB4; color:#EEE; text-align:center; padding:4px 15px; font-weight:bold; text-transform: uppercase; width:150px; }
.enquire-product { background-color: transparent; border: 0!important; font-size: 16px; font-weight: 900; padding: 0!Important; text-align:center; }
.enquire-image { border:1px dotted #CCC; padding:2px; width:80px; margin:0 auto; display:block }



.product-list h1 { text-align:center; }

.product-search { background-color:#FFF; padding:5px; }
.product-search input, .product-search select { width:100%; padding:10px; border: 1px solid #CCC; }
.product-search label { display:block; text-transform:uppercase; margin-bottom:10px; font-weight:bold }
.product-search .left { padding:10px; }