@charset"UTF-8";

body {font-size:15px; font-family:arial; padding:0px; margin:0px; color:#555; background:#333;}
* {line-height:150%; box-sizing:border-box;}
p, span, form, table, h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-weight:normal;}
h1, h2, h3 {color:#ee6133; }
h1, h2, h3, h4, h5, h6 {font-family:Roboto Condensed;}
span.error {color:red!important;}
span.success {color:green!important;}
a {text-decoration:none; color:#ee6133;}
a:hover {text-decoration:underline; color:#ee6133;}
img {border:0px;}
.img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block;}
input, select {line-height:100%; padding:0px; margin:0px; border:0px;}

#top, #head, #menu, #banner, #zone3, #content, #toparticles, #footer {width:100%; float:left;}
.limit {width:1200px; margin:0 auto; min-width:1200px;}

#top {background:#f6f6f6; padding:10px 0;}
#head {background:#fff; color:#111; padding:20px 0; transition:all 0.2s;}
#menu {background:#ee6133; color:#fff; padding:20px 0; font-size:15px;}
#banner {background:#eee;}
#zone1 {float:right; width:900px; margin-top:13px;}
#zone3, #content, #toparticles {background:#fff; color:#555;}
#footer {background:#333; color:#fff; padding:50px 0;}

a.details, a.gomb {background-color:#F90; color:#fff; box-shadow:0 5px 0 #c77700; padding:10px 35px; font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; transition:all 0.2s; display:inline-block; top:0px; position:relative;}
a.details:hover, a.gomb:hover { box-shadow:0 2px 0 #c77700; top:3px; position:relative; transition:all 0.2s; text-decoration:none;}

#top #language {float:left;}
#top #language a {float:left; margin-right:10px; height:28px;}
#top #language .img {width:28px; height:28px;}

#top #search {float:right; width:300px; margin-left:50px;}
#top #search select {display:none;}
#top #search input {width:300px; float:right; background:#e4e4e4; padding:8px 35px 8px 8px; border-radius:10px;  -moz-border-radius:10px;   -webkit-border-radius:10px; color:#888;}
#top #search input.sendbutton {width:18px; height:24px; padding:0px; background:url('images/search-bt.png') no-repeat center; cursor:pointer; position:relative; margin-top:-28px; left:-10px;}

#top #share {float:right; position:relative; margin-top:-6px; top:4px;}

#head #logo {float:left; height:83px; transition:all 0.2s;}
#head #logo img {transition:all 0.2s; height:83px;}
#head .menu {float:right; margin:0px; padding:0px; list-style:none; margin-top:25px; transition:all 0.2s; }
#menu ul {float:left; width:100%; margin:0px; padding:0px;}
#menu .menu li {float:left; margin:0px; padding:0px; list-style:none;}
#menu .menu li a {color:#fff; float:right; margin-left:20px; text-transform:uppercase; font-family:Roboto Condensed; font-size:18px;}
#menu .menu li a:hover, #selected1 {color:#fff; text-decoration:underline;}

.fixed.active {float:left; width:100%; position:fixed; top:0px; lefT:0px; right:0px; z-index:30; transition:all 0.2s;}
.fixed.active #head {padding:10px 0; border-bottom:2px solid #ee6133; transition:all 0.2s;}
.fixed.active #head #logo, .fixed.active #head #logo img {float:left; height:55px; transition:all 0.2s;}
.fixed.active #head .menu {margin-top:14px; transition:all 0.2s;}
.fixed.active #zone1 {float:right; width:900px; margin-top:5px;}
.clear.fixed.active {height:200px; position:relative;}

#zone3 {padding:50px 0 0 0;}

#fmenu, #zone4 {float:left; margin-right:50px; font-family:Roboto Condensed;}
#zone5 {float:left; width:360px; font-family:Roboto Condensed;}
#zone4 {width:380px; }
#fmenu {width:360px;}

#footer h2 {float:left; width:100%; font-size:22px; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #fff; color:#fff; margin-bottom:20px;}
#footer .menu {margin:0px; padding:0 0 0 15px;}
#footer .menu li {margin:0px; padding:0px;}
#footer .menu a {color:#ee6133; text-transform:uppercase;  margin-top:10px; width:100%; display:block; font-family:Roboto Condensed;}
#footer .menu a {color:#ee6133; text-transform:uppercase;  margin-top:10px; width:100%; display:block;}
#footer .menu a:hover {color:#888; text-decoration:none;}
#footer .menu a#selected1 {text-decoration:underline;}


#toparticles {}
#content .artpaging {}
#toparticles .articles2 {width:416px; float:left; padding:50px 50px 50px 0; height:596px; overflow:hidden; border-top:1px solid #888; text-align:center;}
#toparticles .articles2 h1 {font-family:Oswald; font-size:20px; line-height:100%; width:100%; float:left; text-align:center; font-weight:bold; color:#555; height:24px; overflow:hidden;}
#toparticles .articles2 a.artpic {width:366px; height:250px; padding:10px; background:#fff; border:1px solid #ddd; float:left; margin-top:15px;}
#toparticles .articles2 a.artpic .img {width:346px; height:230px; transition:all 0.2s; float:left;}
#toparticles .articles2:hover .img {-ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
#toparticles .articles2 p {float:left; width:100%; margin-top:15px; text-align:center; height:85px; overflow:hidden;}
#toparticles .articles2 b {color:#dd3333; float:left; width:100%; margin-top:15px; font-size:18px; text-align:center;}
#toparticles .articles2 b i {font-style:normal; margin-right:5px;}
#toparticles .articles2 .details {margin-top:15px;}

#toparticles .articles2:nth-child(3), #toparticles .articles2:nth-child(6), #toparticles .articles2:nth-child(9) {padding-right:0px; width:366px;}


#left {float:left; width:900px;}
#right {float:right; width:250px;}

#content {padding-bottom:20px; padding-top:50px;}
#databox {float:left; width:100%; margin-bottom:30px;}
.box {float:left; width:100%; margin-bottom:30px; font-size:15px;}
.box h1 {color:#ee6133; font-size:22px; font-family:oswald; width:100%; float:left; border-bottom:2px solid #ee6133; padding-bottom:5px; text-transform:uppercase;}
.box ul, .box ul li {float:left; margin:0px; padding:0px; list-style:none; width:100%;}
.box ul a {color:#555; float:left; width:100%; padding:10px 0; font-weight:normal; border-bottom:1px dotted #aaa; font-size:15px;}
.box ul li:first-child a {border-top:1px dotted #aaa; }
.box ul ul li:first-child a {border-top:0px;}
.box ul ul {padding:20px 0; border-bottom:1px dotted #aaa;}
.box ul ul a {padding:5px 0; border:0px; padding-left:30px; font-size:14px;}
.box ul a:hover, .box ul a#selected2 {color:#ee6133; text-decoration:none;}



#contact {float:left; width:100%; padding:20px; background:#eee; border:1px dotted #aaa; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:30px;}
#contact .cpart {float:left; width:45%; margin-right:5%;}
#contact .cpart2 {float:left; width:50%;}
#contact .row {float:left; width:100%; padding:3px;}
#contact .row strong {float:left; font-size:13px; font-weight:normal;  width:120px; color:#333; position:relative; top:6px;}
#contact .row input {padding:6px 10px; background:#fff; border:1px solid #ddd; color:#333; float:left; width:calc(100% - 120px); width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row textarea {padding:6px 10px; background:#fff; border:1px solid #ddd; color:#333; float:left; width:calc(100% - 120px); width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px);  height:198px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact .row input.sendbutton {background:#ee6133; border:1px solid #ee6133; color:#fff; cursor:pointer; width:auto; padding:8px 10px;}
#contact .row img {float:left; width:100px; height:30px; background:#f5f5f5;}



#data-gallery {float:left; width:100%; margin-bottom:30px;}
#data-gallery .paging {float:left; width:100%; margin-bottom:10px;}
#data-gallery .paging a {float:left; margin:0 5px 10px 0; padding:8px 10px; background:#eee; border:1px solid #ddd; color:#333; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#data-gallery .paging a:hover, #data-gallery .paging a#selected3 {border:1px solid #ee6133; background:#ee6133; color:#fff;}
#data-gallery a.gal {float:left; margin:0 15px 15px 0; width:210px; height:182px; overflow:hidden;}
#data-gallery .img {background-size:cover; background-position:center;  width:210px; height:182px; transition:all 0.3s;float:left;}
#data-gallery .img:hover {-ms-transform: scale(1.07); -webkit-transform: scale(1.07); transform: scale(1.07);}


#data-articles {float:left; width:100%; margin-bottom:10px;}
#data-articles .artpaging {float:left; width:100%; margin-bottom:20px; padding:0 0 15px 0; }
#data-articles .paging {float:left;}
#data-articles .paging a {float:left; margin-right:5px; color:#333; text-decoration:none; font-weight:bold;  padding:8px 12px; background:#ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:3px;}
#data-articles .paging a:hover, #data-articles .paging a#selected4 {background:#ee6133; color:#fff;}
#data-articles select {float:right; background:#fff; bordeR:1px solid #ddd; padding:5px 10px;}

#data-articles .articles {width:310px; float:left; padding:0px 30px 30px 0; margin-bottom:30px; height:524px; overflow:hidden; border-bottom:1px solid #888; text-align:center;}
#data-articles .articles h1 {font-family:Oswald; font-size:20px; line-height:100%; width:100%; float:left; text-align:center; font-weight:bold; color:#555; height:22px; overflow:hidden;}
#data-articles .articles a.artpic {width:280px; height:250px; padding:10px; background:#fff; border:1px solid #ddd; float:left; margin-top:15px;}
#data-articles .articles a.artpic .img {width:260px; height:230px; transition:all 0.2s; float:left;}
#data-articles .articles:hover .img {-ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
#data-articles .articles p {float:left; width:100%; margin-top:15px; text-align:center; height:85px; overflow:hidden;}
#data-articles .articles b {color:#dd3333; float:left; width:100%; margin-top:15px; font-size:18px; text-align:center;}
#data-articles .articles b i {font-style:normal; margin-right:5px;}
#data-articles .articles .details {margin-top:15px;}

#data-articles .articles:nth-child(5), #data-articles .articles:nth-child(8), #data-articles .articles:nth-child(11),
#data-articles .articles:nth-child(14), #data-articles .articles:nth-child(17), #data-articles .articles:nth-child(20)
{padding-right:0px; width:280px;}


#detail {float:left; width:100%; margin:0px 0 20px 0;}
#dleft {float:left; width:575px; margin-bottom:30px;}
#dright {float:right; width:575px; margin-bottom:30px;}

.dtitle {float:left; width:100%; font-family:Roboto Condensed; font-size:24px;}
.dshare {float:left; width:100%; margin-top:15px;}
.dbox {float:left; width:100%; margin-top:15px;}
#detail b.price {color:#dd3333; float:left; width:100%; float:left; width:100%; margin-top:0px; font-size:30px; font-weight:normal; font-family:Roboto Condensed; display:none;}
#detail b.price i {font-style:normal; margin-right:10px;}
.back {float:left; color:#111;  width:auto; margin-top:10px; padding:10px 15px; background:#eee; border:1px dotted #aaa; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; clear:both; font-weight:bold; margin-bottom:30px;}
.back:hover {color:#ee6133; text-decoration:none; border:1px dotted #ee6133;}

#detail .big-image {width:100%; float:left; overflow:hidden;} 
#detail .big-image img {width:100%; float:left; transition:all 0.5s;} 
#detail .big-image img:hover{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}  

#detail #data-gallery {display:initial;}
#detail {float:left; width:100%; margin-bottom:0px;}
#detail .paging {display:none;}
#detail a.gal {float:left; margin:5px 6px 0 0; width:139px; height:100px; overflow:hidden;}
#detail a.gal:nth-child(5), #detail a.gal:nth-child(9), #detail a.gal:nth-child(13) {margin-right:0px;}
#detail .img {background-size:cover; background-position:center;  width:139px; height:100px; transition:all 0.3s;float:left;}
#detail .img:hover {-ms-transform: scale(1.07); -webkit-transform: scale(1.07); transform: scale(1.07);}


.at-share-btn {border-radius:15px!important; -moz-border-radius:15px!important; -webkit-border-radius:15px!important; background:#f6f6f6!important; border:1px solid #ddd!important;}


.theme-default .nivo-controlNav {z-index:9;position:relative; margin-top:-22px; top:-10px; padding:0px!important; display:none;} 
.theme-default .nivoSlider {box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; margin:0px!important; background:#fff!important;}  

#fancybox-wrap, #fancybox-wrap *, #fancybox-overlay, #fancybox-loading, #fancybox-tmp {box-sizing:initial;}


#gallery_right a, #gallery_left a {background:#ee6133; padding:41px 5px;  font-size:12px; color:#fff; float: left; margin-top:10px; }

#gallery_scroll{width: 526px; height: 120px; 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;}







