@charset"UTF-8";

@font-face {
    font-family: 'Roboto';
    src: url('roboto.eot');
    src: url('roboto.eot?#iefix') format('embedded-opentype'),
         url('roboto.woff2') format('woff2'),
         url('roboto.woff') format('woff'),
         url('roboto.ttf')  format('truetype'),
         url('roboto.svg#Roboto') format('svg');
}

body {font-size:14px; font-family:arial; padding:0px; margin:0px; color:#000; line-height:150%;}
p, span, form, table, h1, h2, h3, h4, h5 {margin:0px; padding:0px;}
h1, h2, h3, h4, h5 { font-weight:normal; width:auto; }
span.error {color:red!important;}
span.success {color:green!important;}
a {text-decoration:none;}
a:hover {text-decoration:underline; text-decoration:none;}
img {border:0px;}
input, textarea, select {padding:7px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; border:1px solid #ddd;}
button {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block; transition:all 0.3s;}
* {box-sizing:border-box; font-family:Roboto;}

h2 {font-weight:bold; color:#ef4f4f; font-size:16px; text-transform:uppercase;}
h2:before {width:50px; height:4px; background:#ef4f4f; float:left; content:" "; margin-top:12px; margin-right:10px;}

h3 span {border-bottom:2px solid #ef4f4f;}

.header, #top, #menurow, #zone1, #zone2, #zone3, #zone4, #zone5, #content, #footer, #bottom, #boxzone2, #toparticles {min-width:1300px; width:100%; float:left;} 
.limit {min-width:1300px; width:1300px; margin:0 auto;}

.header {box-shadow:0 0 15px rgba(0,0,0,0.5); -moz-box-shadow:0 0 15px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5); position:fixed; top:0px; height:132px; z-index:50;}


#top {padding:10px 0; font-size:12px; background:#1f1f1f; color:rgba(255,255,255,0.7);}
#topshare {float:left;}
#topdata {float:right;}


#top .at-style-responsive .at-share-btn {padding:0px!important;}
#top .at-share-btn-elements a {background:none!important;}
#top .at-share-btn-elements {position:relative; top:3px;}
#top .at-share-btn-elements svg {fill:rgba(255,255,255,0.7)!important;}
.amazingslider-nav-0 {display:none!important;}

#menurow {padding:10px 0 5px 0; background:#eee;}
#search, #menu {float:right; margin-top:14px; }
#logo {float:left;}
#logo img {height:70px;}

#search select, #search input.sendbutton {display:none;}
#search input {float:left; background:url('images/search.png') no-repeat 8px 8px #fff; background-size:20px; font-size:14px; border:1px solid #fff; padding:10px 10px 10px 35px; width:250px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:1px solid #ddd;}

#menurow ul li {float:left; margin:0px; padding:0px; list-style:none;}
#menurow ul {float:right; margin:0px; padding:0px; list-style:none; margin-top:24px;}
#menu a {font-size:15px; text-transform:uppercase; float:left; margin-right:35px; color:#111; }
#menu a:hover, #menu a#selected1 {border-bottom:2px solid #ef4f4f; text-decoration:none;}
#menu a#selected1 {font-weight:bold;}

#clear {float:left; width:100%; height:132px;}

#zone1 { }

#zone2 {position:relative; margin-top:-130px; }
#zone3 {padding:60px 0 0 0; background:#fff; }
#zone4 {background:#2d2d2d;}
#zone4 table#fix, #zone4 table#fix tr { width:100%;}
#z4l, #z4r {width:50%; display:table-cell; padding:60px 0;}
#z4ltext {color:rgba(255,255,255,0.70); width:650px; padding-right:60px; float:right;}
#z4r {background:url('images/homepic.jpg') no-repeat center left; background-size:cover;}

#zone5 {padding:60px 0;}

#boxzone2 {background:#eee; padding:40px 0;}

#footer {padding:60px 0; background:#2d2d2d; color:rgba(255,255,255,0.70);}
#boxzone3 {float:left; width:625px;}
#newsletter {float:right; width:625px;}

#bottom {background:#424242; color:rgba(255,255,255,0.50); padding:10px 0; font-size:12px;}


#content {padding:10px 0 60px 0;}
#c-left {width:300px; float:left; margin-right:50px; }
#c-right {width:950px; float:left;}

.box {float:left; margin-top:50px; width:100%;}
.box h2 {float:left; width:100%; margin-bottom:20px;}
.box ul, .box ul li {float:left; width:100%; list-style:none; margin:0px; padding:0px;}
.box a {float:left; width:100%; border-bottom:1px dotted #ccc; padding:8px 0 8px 20px; color:#000;}
.box a:before {
	content:" ";
	background:url(images/right.png) no-repeat 0 0;
	background-size:6px;
	width:10px; height:10px;  display:inline-block;
}
.box a#selected2:before {
	content:" ";
	background:url(images/rright.png) no-repeat 0 0;
	background-size:12px;
	width:18px; height:12px;  display:inline-block;
}


.box a:hover, .box a#selected2 {font-weight:bold; text-decoration:none;}
.box a#selected2 {color:#ef4f4f;}

.box ul ul { width:100%; padding:20px 0 20px 50px; border-bottom:1px dotted #ccc;}
.box ul ul a {border-bottom:0px; font-size:12px; padding:3px 0;}

#databox {float:left; width:100%; margin-top:50px; }


#contactform {float:left; width:100%; margin-top:50px; }
.cpart, .cpart2 {float:left; width:50%;}
#contactform .cpart .row {width:100%; padding:5px 40px 5px 0px;}
#contactform .cpart2 .row {width:100%; padding:5px 0; }
#contactform strong {float:left; width:120px; margin-right:10px;}
#contactform input, #contactform textarea {width:calc(100% - 130px);}
#contactform textarea {height:200px;}
#contactform .row button {background:#ef4f4f; color:#fff; border:1px solid #ef4f4f; cursor:pointer; width:auto; padding:10px; margin-top:10px; float:left;}
#contactform .row button:hover {background:#de3e3e; border:1px solid #de3e3e;}
.grecaptcha-badge {float:none!important; left:0px!important; right:0px!important; bottom:0px!important; position:initial!important;}
#contactform p {float:left; padding-left:120px;}


#data-gallery {float:left; width:100%; margin-top:40px; }
#data-gallery a {float:left; width:252px; height:200px; margin:10px 10px 0 0; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#data-gallery a:nth-child(5) {margin-right:0px;}
#data-gallery .img {float:left; width:252px; height:200px;}
#data-gallery .img:hover {width:277px; height:220px; position:relative; margin-top:-10px; margin-left:-12.5px;}

#data-articles {float:left; width:100%; }
.artpaging {float:left; margin-top:50px; width:100%;}
.artpaging form {float:right;}
.artpaging form select {padding:10px 15px;}
.artpaging .paging {float:left;}
.paging a {border:1px solid #ddd; float:left; padding:10px 15px; position:relative; border-right:0px; color:#333; text-decoration:none!important;}

.paging a:first-child {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.paging a:last-child {border:1px solid #ddd; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.paging a#selected4 {background:#eee; color:#ef4f4f; font-weight:bold;}
.paging a:hover {color:#ef4f4f;}
.artpaging:last-child {margin-top:0px;}
.artpaging img {height:10px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
 .artpaging a:hover img {-webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;}
  

.articles {width:296px; float:left; padding:30px 0 30px 0; margin-right:20px;}

a.artpic {width:296px; height:200px; overflow:hidden; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a.artpic .img {width:100%; height:200px; }
.articles h4 { font-weight:bold; height:22px; width:100%; float:left; overflow:hidden; margin-top:10px;}
.articles b {color:#ef4f4f; width:100%; float:left; }
.articles b span {font-weight:normal; font-size:12px;}
.articles p {width:200px; float:left; height:66px; overflow:hidden; margin-top:10px;}
.articles a.details {padding:8px 10px; margin-top:20px; border:1px solid #ef4f4f; color:#ef4f4f; float:right; text-decoration:none!important;}

.articles:hover .details {background:#ef4f4f; color:#fff;}
.articles:hover .img {width:325px; height:220px; position:relative; margin-left:-14.5px; margin-top:-10px; }


#detail {float:left; width:100%; margin-top:60px; }
#detail h1 {float:left; width:100%; font-size:22px; color:#000; border-bottom:2px solid #ef4f4f; padding-bottom:10px; font-weight:bold;}
#detail h1 a {color:#000; float:right; padding-left:30px; font-size:18px; font-weight:normal;  background:url('images/lleft.png') no-repeat left center; background-size:20px; opacity: 0.6; }
#detail h1 a:hover {text-decoration:none; opacity: 0.9; }

#det-left {width:625px; float:left; margin-top:20px; margin-right:50px;}
#det-left a, #det-left img {float:left; width:100%;}

#det-right {width:625px; float:left; margin-top:20px;}
#det-right #share {margin-bottom:20px; float:left; width:100%;}
#det-right b.price {font-size:22px; color:#ef4f4f; width:100%; margin-bottom:10px; float:left; }
#det-right b.price span {font-size:14px; font-weight:bold; }
#det-right #databox {float:left; width:100%; display:initial; margin-top:0px;}

#detail h2#title {float:left; width:100%; margin-top:50px; font-size:18px;}
#detail #data-gallery {margin-top:0px;}

#toparticles {margin-top:60px;}
#toparticles h3 {font-size:18px; width:100%; text-transform:uppercase; font-weight:bold; padding-bottom:5px; border-bottom:2px solid #ef4f4f;}





/*
.theme-default .nivo-controlNav {margin-top:-42px; display:none!important; position:relative; background:rgba(0,0,0,0.5); padding:10px 0!important; z-index:40;}
.theme-default .nivoSlider {box-shadow:none!important; margin-bottom:0px!important;}
#fancybox-wrap, #fancybox-wrap * {box-sizing:initial;}
*/


#gallery_right, #gallery_left{ width: 20px;float: left; }

#gallery_scroll{width: 473px; height: 100px; border:10px solid #fff; overflow: hidden; float:left;}
#gallery_slide{height: 100px;float: left;}
#gallery_slide a .img{ /*border: 0px;*/ margin: 0px 10px 0px 0px !important; float:left;}
iframe{margin: 0px; padding: 0px;border: 0px;}


#popup_continue_shopping {display:inline-block; padding:5px 10px; background:#888; color:#fff; margin:5px 5px 0 5px;}
#popup_view_cart  {display:inline-block; padding:5px 10px; background:#cc0000; color:#fff; margin:5px 5px 0 5px;}


