html,
body,
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
* { font-family: 'OpenSans', sans-serif; vertical-align: top;
}
html { background-color: #f5f4f2; background-image: url(../images/pattern.png); color: #666; text-align: center; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear;
}
html * { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear;
}
body { background-image: url(../images/pattern.png); background-color: #f5f4f2; font-size: 14px; text-align: left;
}
img { position: relative; z-index: 0;
}
img::before { -moz-box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.5); -ms-box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.5); -o-box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 10px 10px rgba(0,0,0,0.5); content: ""; position: absolute; top: -1em; bottom: -1em; left: -1em; right: -1em; z-index: 1;
}
a { color: #b9d732; font-style: italic; text-decoration: none; border-bottom: 1px dotted #b9d732; display: inline;
}
a.view-arrow:after { content: ' \25BA';
}
a:hover { color: #074235;
}
span { text-align: inherit; vertical-align: inherit !important; font-weight: inherit !important; font-family: inherit !important;
}
h1 { text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6,
.button { font-family: 'quicksand', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.button,
p { padding: 10px;
}
.button { font-family: 'quicksand', sans-serif;
}
.bg-white { background-image: url(../images/pattern.png); background-color: #f5f4f2;
}
.bg-gray { background-color: #e8e7e6;
}
.bg-gray h1,
.bg-gray h2,
.bg-gray h3,
.bg-gray h4,
.bg-gray h5,
.bg-gray h6,
.bg-gray a { color: #074235;
}
.bg-color2,
#footer { color: #fff; background-color: #074235;
}
.bg-color2 h1,
.bg-color2 h2,
.bg-color2 h3,
.bg-color2 h4,
.bg-color2 h5,
.bg-color2 h6,
.bg-color2 a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer a { color: #b9d732;
}
.bg-color { text-align: center; color: #fff; background-color: #b9d732;
}
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color a { color: #fff;
}
.bg-color h1 { font-size: 45px;
}
.bg-color .button { background-color: #074235; border: 1px solid #074235;
}
.bg-color .button:hover,
.bg-color .button:focus,
.bg-color .button.selected { color: #074235; background-color: #fff;
}
.bg-dark,
.bg-black { background-image: url(../images/pattern.png); color: #fff; background-color: #414042;
}
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark a,
.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6,
.bg-black a { color: #fff;
}
.bg-dark .list li:before,
.bg-black .list li:before,
.bg-color2 .list li:before { color: #b9d732 !important;
}
.bg-dark,
.bg-black,
.bg-white,
.bg-gray,
.bg-color2,
.bg-color { padding-bottom: 10px; padding-top: 10px;
}
img { border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
img.viewer { cursor: pointer; position: relative;
}
img.viewer:hover { -moz-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); -ms-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); -o-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); padding: 10px; margin-left: -5px; margin-right: -5px; border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px;
}
.center { text-align: center !important;
}
.left { text-align: left !important;
}
.right { text-align: right !important;
}
.center { text-align: center;
}
.mayus { text-transform: uppercase;
}
.top { vertical-align: top !important;
}
.middle { vertical-align: middle !important;
}
.bottom { vertical-align: bottom !important;
}
.full,
.third,
.two-third,
.third-two,
.half,
.quater,
.three-quater { display: inline-block; vertical-align: top; vertical-align: middle; width: 25%; margin: 0; padding: 10px 1.5%; position: relative;
}
.full img,
.full span,
.full div,
.full p,
.full h1,
.full h2,
.full h3,
.full h4,
.full h5,
.full h6,
.third img,
.third span,
.third div,
.third p,
.third h1,
.third h2,
.third h3,
.third h4,
.third h5,
.third h6,
.two-third img,
.two-third span,
.two-third div,
.two-third p,
.two-third h1,
.two-third h2,
.two-third h3,
.two-third h4,
.two-third h5,
.two-third h6,
.third-two img,
.third-two span,
.third-two div,
.third-two p,
.third-two h1,
.third-two h2,
.third-two h3,
.third-two h4,
.third-two h5,
.third-two h6,
.half img,
.half span,
.half div,
.half p,
.half h1,
.half h2,
.half h3,
.half h4,
.half h5,
.half h6,
.quater img,
.quater span,
.quater div,
.quater p,
.quater h1,
.quater h2,
.quater h3,
.quater h4,
.quater h5,
.quater h6,
.three-quater img,
.three-quater span,
.three-quater div,
.three-quater p,
.three-quater h1,
.three-quater h2,
.three-quater h3,
.three-quater h4,
.three-quater h5,
.three-quater h6 { position: relative; height: auto;
}
.full img,
.third img,
.two-third img,
.third-two img,
.half img,
.quater img,
.three-quater img { margin: 1% 1%; padding: 0; width: 98%; display: block;
}
.quater { width: 23%;
}
.three-quater { width: 73%;
}
.third { width: 30%;
}
.two-third,
.third-two { width: 63.55%;
}
.half { width: 46%;
}
.full { width: 97%; opacity: .95;
}
.full:hover { opacity: 1;
}
#article .full,
#footer .full { max-width: 75%; padding: 0 12.5%;
}
@media only screen and (max-width: 2000px) { .desktop { display: block !important; } .tablet, .mobile { display: none; }
}
@media only screen and (max-width: 1200px) { .tablet { display: block !important; } .desktop, .mobile { display: none; } .third, .two-third, .third-two, .quater, .half { width: 46% !important; margin: 0 !important; }
}
@media only screen and (max-width: 700px) { .mobile { display: block !important; } .tablet, .desktop { display: none !important; } .third, .two-third, .third-two, .quater, .half { width: 100% !important; margin: 0 % !important; } #article .full { max-width: 100%; padding: 0%; }
}
.bg-dark,
.bg-black,
.bg-white,
.bg-gray,
.bg-color2,
.bg-color { padding-bottom: 10px !important; padding-top: 10px !important;
}
.hidden { opacity: 0 !important; display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important;
}
ol { font-size: 90%; display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;
}
ol li { padding: 10px;
}
#article { text-align: left; margin: 0 auto; padding: 0; padding-top: 250px; width: 100%;
}
#footer { text-align: left; margin: 0 auto; padding: 0; width: 100%;
}
.padding { padding: 2.5% 5%; width: 90%;
}
.padding-half { padding: 1.25% 2.5%; width: 95%;
}
.padding-sides { padding: 0 5%; width: 90%;
}
@-webkit-keyframes cssAnimation { from { -webkit-transform: scale(0); opacity: 0; } to { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes cssAnimation { from { -moz-transform: scale(0); opacity: 0; } to { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes cssAnimation { from { -o-transform: scale(0); opacity: 0; } to { -o-transform: scale(1); opacity: 1; }
}
@-webkit-keyframes cssAnimation_3 { from { -webkit-transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0); opacity: 0; }
}
@-moz-keyframes cssAnimation_3 { from { -moz-transform: scale(1); opacity: 1; } to { -moz-transform: scale(0); opacity: 0; }
}
@-o-keyframes cssAnimation_3 { from { -o-transform: scale(1); opacity: 1; } to { -o-transform: scale(0); opacity: 0; }
}
@-webkit-keyframes cssAnimation_2 { from { top: -100px; opacity: 0; } to { top: 0; opacity: 1; }
}
@-moz-keyframes cssAnimation_2 { from { top: -100px; opacity: 0; } to { top: 0; opacity: 1; }
}
@-o-keyframes cssAnimation_2 { from { top: -100px; opacity: 0; } to { top: 0; opacity: 1; }
}
#header .full { max-width: 95%; padding: 0 2.5%;
}
#header #menu-sub,
#header #menu-main { font-family: 'Helvetica_Neue_Light_Condensed_Regular', sans-serif; position: relative; text-align: center; position: fixed; font-size: 12px; background-color: #f5f4f2; top: 0; border-bottom: 1px solid #dddddd; left: 0; vertical-align: middle; z-index: 100;
}
#header #menu-sub .login .boxy,
#header #menu-main .login .boxy { opacity: 0; cursor: none;
}
#header #menu-sub .login a,
#header #menu-main .login a { display: inline-block; padding: 1px 5px; margin: 0; color: #b9d732;
}
#header #menu-sub img,
#header #menu-main img { height: 38px;
}
#header #menu-sub select,
#header #menu-main select { background-color: transparent; min-height: 40px; width: 90%; margin: 0 5%; color: #6a696c; border: none; text-align: center;
}
#header #menu-sub select option,
#header #menu-main select option { text-align: center; padding: 10px; display: block;
}
#header #menu-sub form .field,
#header #menu-main form .field { background-color: #fff; height: 20px; display: inline-block; margin-right: 20px;
}
#header #menu-sub form .field input,
#header #menu-main form .field input { background: none; border: none; text-align: center; color: #999;
}
#header #menu-sub form .submit,
#header #menu-main form .submit { background: none; border: none; display: inline-block; color: #FFF; padding: 10px 20px; text-decoration: none; text-align: center;
}
#header #menu-sub ul,
#header #menu-main ul { display: inline-block;
}
#header #menu-sub ul li,
#header #menu-main ul li { vertical-align: middle; display: inline-block; position: relative;
}
#header #menu-sub ul li a,
#header #menu-main ul li a { vertical-align: middle; margin: 0; padding: 10px 5px; font-size: 10px; color: #6a696c; text-decoration: none; display: block; text-align: center; min-width: 0; max-width: 110px; min-height: 25px; border-bottom: none;
}
#header #menu-sub ul li:hover ul,
#header #menu-sub ul li:hover div,
#header #menu-main ul li:hover ul,
#header #menu-main ul li:hover div { -webkit-animation: cssAnimation .3s 1 ease-in-out; -moz-animation: cssAnimation .3s 1 ease-in-out; -ms-animation: cssAnimation .3s 1 ease-in-out; -o-animation: cssAnimation .3s 1 ease-in-out;
}
#header #menu-sub ul li ul,
#header #menu-sub ul li div,
#header #menu-main ul li ul,
#header #menu-main ul li div { background-color: #f5f4f2; padding: 10px; position: absolute; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); z-index: 1000; display: none; margin: 0; zoom: 50%;
}
#header #menu-sub ul li ul li,
#header #menu-sub ul li div li,
#header #menu-main ul li ul li,
#header #menu-main ul li div li { padding: 0; margin: 0; display: block; zoom: 100%;
}
#header #menu-sub ul li ul li a,
#header #menu-sub ul li div li a,
#header #menu-main ul li ul li a,
#header #menu-main ul li div li a { margin: 0; padding: 10px; border-top: solid 1px #f5f4f2; width: 200px; border-bottom: 1px dotted #b9d732;
}
#header #menu-sub ul li ul li a:after,
#header #menu-sub ul li div li a:after,
#header #menu-main ul li ul li a:after,
#header #menu-main ul li div li a:after { display: none;
}
#header #menu-sub ul li ul li a:hover,
#header #menu-sub ul li div li a:hover,
#header #menu-main ul li ul li a:hover,
#header #menu-main ul li div li a:hover { background-color: #6a696c; color: #b9d732; border-top: solid 1px #b9d732;
}
#header #menu-sub ul li ul li ul,
#header #menu-sub ul li div li ul,
#header #menu-main ul li ul li ul,
#header #menu-main ul li div li ul { display: none; left: 203px; top: 0px;
}
#header #menu-sub ul li:hover ul,
#header #menu-sub ul li:hover div,
#header #menu-main ul li:hover ul,
#header #menu-main ul li:hover div { zoom: 100%; display: block;
}
#header #menu-sub ul li:hover div div div,
#header #menu-main ul li:hover div div div { display: none;
}
#header.fix #menu-sub { -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear; margin-top: 180px;
}
#header.fix #menu-main { position: fixed; top: 0; z-index: 200; -webkit-animation: cssAnimation_2 .3s 1 ease-in-out; -moz-animation: cssAnimation_2 .3s 1 ease-in-out; -ms-animation: cssAnimation_2 .3s 1 ease-in-out; -o-animation: cssAnimation_2 .3s 1 ease-in-out;
}
#header.fix .topper { display: none; border-bottom: 1px solid #dddddd;
}
#header #menu-sub { z-index: 102; display: block; border-top: 4px solid #b9d732; background: #f0f0f0;
}
#header #menu-sub a { color: #6a696c !important; padding: 8px 10px !important;
}
#header #menu-sub a:hover { color: #b9d732 !important;
}
#header #menu-sub ul,
#header #menu-sub li { width: auto; padding: 0;
}
#header #menu-sub ul ul,
#header #menu-sub ul li,
#header #menu-sub li ul,
#header #menu-sub li li { padding: 0;
}
#header #menu-main { z-index: 100;
}
#header #menu-main li li a:after { display: none;
}
#header #menu-main li a { border-top: 4px solid transparent; color: #fff;
}
#header #menu-main li a.selected,
#header #menu-main li a:hover { background-color: #b9d732;
}
#header .logo { min-height: 80px; height: 100px; background-image: url(../images/logo.png); background-position: center left; background-repeat: no-repeat; background-size: 50%; display: inline-block; margin: 0;
}
a.button,
.button { padding: 5px; padding: 13px 20px; border: none; outline: 0; width: auto; min-width: 20px; margin: 5px; font-size: 14px; background-color: #b9d732; color: #fff; text-decoration: none; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; text-align: center; display: inline-block; *display: inline; zoom: 1; border: 1px solid #b9d732; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0;
}
a.button:hover,
a.button:focus,
a.button.selected,
.button:hover,
.button:focus,
.button.selected { color: #b9d732; background-color: #074235;
}
a.button a,
.button a { color: #FFF !important; text-decoration: none;
}
a.button.big,
.button.big { font-size: 24px; padding: 10px 20px;
}
a.button.red,
.button.red { background-color: #074235; border: 1px solid #074235;
}
a.button.red:hover,
a.button.red:focus,
a.button.red.selected,
.button.red:hover,
.button.red:focus,
.button.red.selected { color: #074235; background-color: #fff;
}
a.button.blue,
.button.blue { background-color: #b9d732; border: 1px solid #b9d732;
}
a.button.blue:hover,
a.button.blue:focus,
a.button.blue.selected,
.button.blue:hover,
.button.blue:focus,
.button.blue.selected { color: #b9d732; background-color: #fff;
}
a.button.gray,
.button.gray { background-color: #f5f4f2; border: 1px solid #f5f4f2;
}
a.button.gray:hover,
a.button.gray:focus,
a.button.gray.selected,
.button.gray:hover,
.button.gray:focus,
.button.gray.selected { color: #f5f4f2; background-color: #fff;
}
a.button.dark-red,
.button.dark-red { background-color: #074235; border: 1px solid #074235;
}
a.button.dark-red:hover,
a.button.dark-red:focus,
a.button.dark-red.selected,
.button.dark-red:hover,
.button.dark-red:focus,
.button.dark-red.selected { color: #074235; background-color: #fff;
}
a.button.dark-orange,
.button.dark-orange { background-color: #b9d732; border: 1px solid #b9d732;
}
a.button.dark-orange:hover,
a.button.dark-orange:focus,
a.button.dark-orange.selected,
.button.dark-orange:hover,
.button.dark-orange:focus,
.button.dark-orange.selected { color: #b9d732; background-color: #fff;
}
a.button.green,
.button.green { background-color: #090; border: 1px solid #090;
}
a.button.green:hover,
a.button.green:focus,
a.button.green.selected,
.button.green:hover,
.button.green:focus,
.button.green.selected { color: #090; background-color: #fff;
}
a.button.add_cart:before,
a.button.fav:before,
.button.add_cart:before,
.button.fav:before { content: ''; padding: 15px 15px; background-position: center; background-size: contain; background-repeat: no-repeat;
}
a.button.add_cart:before,
.button.add_cart:before { background-image: url(../images/cart_add-ffffff.svg);
}
a.button.fav:before,
.button.fav:before { background-image: url(../images/empty_star-ffffff.svg);
}
a.button:hover.add_cart:before,
.button:hover.add_cart:before { background-image: url(../images/cart_add-1c3f95.svg);
}
a.button:hover.fav:before,
.button:hover.fav:before { background-image: url(../images/empty_star-1c3f95.svg);
}
h1,
h2,
h3,
h4,
h5,
h6 { color: #6a696c;
}
hr { width: 95%; height: 1px; margin: 10px 2.5%; padding: 0; border: none; border-top: 1px solid #dddddd; background-color: #F5F4F2;
}
h1,
h2,
h3,
h4,
h5,
h6,
p { font-weight: normal; display: block; width: auto; padding: 10px 5px;
}
h1 { font-size: 24px;
}
h2 { font-size: 20px;
}
h3 { font-size: 18px;
}
h4 { font-size: 15px;
}
h5 { font-size: 12px;
}
h6 { font-size: 10px;
}
.shadow { -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.round { border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
.round-left { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;
}
.round-right { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0;
}
.round-bottom { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;
}
.round-top { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
}
.round-big { border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; -webkit-border-radius: 80px; display: inline-block; padding: 0; margin: 0; width: 250px; margin: 0 25%; margin-bottom: 75px; top: 0; left: 0; height: 500px; color: inherit; text-align: center; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); position: relative;
}
.round-big h2 { font-size: 18px; color: inherit; margin: 0 5%; padding: 10% 0;
}
.round-big ul { display: inline-block; border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -ms-border-radius: 100px 100px 0 0; -o-border-radius: 100px 100px 0 0; -webkit-border-radius: 100px 100px 0 0; color: #6a696c; background-color: #e6e7e8; padding: 0; margin: 0; margin: 0 5%; padding: 5%; height: 90%; top: 0; left: 0; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.round-big ul span { display: inline-block; top: 0; left: 0; height: 0; background-position: center; background-repeat: no-repeat; background-size: 65%; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); padding-bottom: 100%; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; width: 100%;
}
.round-big ul li { text-align: left; padding: 3px 0; margin: 0;
}
.slide { position: relative; padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.slide * { -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear;
}
.slide >li { display: none; opacity: 0;
}
.slide >li.show { opacity: 1; display: block;
}
.slide_bt { display: block; width: 50px; height: 50px; position: absolute; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5); top: 35%; background-color: rgba(28,63,149,0.7); background-position: center; background-repeat: no-repeat; background-size: 20%; cursor: pointer;
}
.slide_bt:hover { background-color: rgba(28,63,149,0.9);
}
.slide_bt.prev { left: 0; background-image: url(../images/tringle-right.png);
}
.slide_bt.next { right: 0; background-image: url(../images/tringle.png);
}
table { width: 100%; border: none;
}
table.borde { border: 1px solid #f5f4f2;
}
table tr { width: 100%;
}
table tr td { margin: 10px;
}
.capcha { margin: 5px; display: inline-block; width: 80px; height: 40px; background-color: #fff; background-image: url(../images/capcha.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-transition: background .5s ease; -webkit-transition: background .5s ease; -o-transition: background .5s ease; -ms-transition: background .5s ease; transition: background .5s ease;
}
.input { font-family: 'Helvetica_Neue_Light_Condensed_Regular', sans-serif; padding: 5px; border: solid 1px #E5E5E5; outline: 0; width: 90%; margin: 5px; display: block; color: #6a696c; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background: #eee ; background: -moz-linear-gradient(top,#eee 0%,#fff 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#fff)); background: -webkit-linear-gradient(top,#eee 0%,#fff 100%); background: -o-linear-gradient(top,#eee 0%,#fff 100%); background: -ms-linear-gradient(top,#eee 0%,#fff 100%); background: linear-gradient(to bottom,#eee 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee,endColorstr=#fff,GradientType=0); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}
.input:hover,
.input:focus { border-color: #C9C9C9; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
}
.input input,
.input textarea { font-family: 'Helvetica_Neue_Light_Condensed_Regular', sans-serif; padding: 0; margin: 0; height: 100%; background: none; border: none; width: 70%;
}
.input textarea { height: 150px; line-height: 150%;
}
.input textarea,
.input select,
.input input { font-family: 'Helvetica_Neue_Light_Condensed_Regular', sans-serif; resize: vertical; list-style-type: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none;
}
.input.checkbox { -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: none;
}
.input.checkbox div { margin: 10px;
}
.input.checkbox input[type=checkbox] + span { padding: 5px; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px rgba(0,0,0,0.1); border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background-repeat: no-repeat; background-position: 95% 50%; background-size: auto 80%; padding-right: 35px; background-color: #fff; background-image: url(../images/logout-dddddd.svg);
}
.input.checkbox input[type=checkbox]:checked + span { background-color: #b9d732; color: #fff; background-image: url(../images/check-ffffff.svg);
}
.input.checkbox input { width: 0; height: 0; display: inline-block;
}
.banner { display: block; padding: 0; margin: 0; width: 100%; height: auto; height: 50px; position: relative; z-index: 10;
}
.banner .pages { position: absolute; bottom: 50px; height: 8px; width: 40%; left: 30%; padding: 0; z-index: 900;
}
.banner .pages .page { display: inline-block; height: 20px; width: 20px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; padding: 0; background-color: rgba(255,255,255,0.5); margin: 0 2%;
}
.banner .pages .page.chosed { background-color: rgba(255,255,255,0.8);
}
.banner .caption { padding: 10px; position: absolute; bottom: 100px; border-left: 5px solid #b9d732; background-color: rgba(28,63,149,0.7); background-image: url(../images/patron.png); color: #fff; width: 50%; left: 25%; z-index: 1000;
}
.banner * { -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear;
}
.banner li { position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 0; margin: 0; display: block; opacity: 1; z-index: 10; left: -100px; opacity: 0;
}
.banner li.active { left: 0; z-index: 20; opacity: 1;
}
.banner img,
.banner a { display: block; padding: 0; margin: 0; width: 100%; height: auto;
}
.local { height: 0; width: 0; overflow: hidden; display: block; color: none; font-size: 12px; background: #000 ; background: -moz-linear-gradient(top,#000 0%,#6a696c 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,#6a696c)); background: -webkit-linear-gradient(top,#000 0%,#6a696c 100%); background: -o-linear-gradient(top,#000 0%,#6a696c 100%); background: -ms-linear-gradient(top,#000 0%,#6a696c 100%); background: linear-gradient(to bottom,#000 0%,#6a696c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#6a696c,GradientType=0); -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; position: static; z-index: 100; padding: 5px; margin: 5px;
}
.local:hover { background: ; background: -moz-linear-gradient(top, 0%,rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,),color-stop(100%,rgba(0,0,0,0.5))); background: -webkit-linear-gradient(top, 0%,rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(top, 0%,rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(top, 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=,endColorstr=rgba(0,0,0,0.5),GradientType=0); height: 100%; width: 100%; color: #FFF; overflow: auto; max-height: 100%; max-width: 100%; padding: 10px; margin: 2.5px;
}
#seo { display: none;
}
.product { position: relative; margin: 10px 1%;
}
.product .view_1,
.product .view_2 { top: 0; left: 0; position: relative; width: 100%; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; border-bottom: 4px solid #b9d732; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.product .view_1 { display: block; -webkit-animation: cssAnimation .3s 1 ease-in-out; -moz-animation: cssAnimation .3s 1 ease-in-out; -ms-animation: cssAnimation .3s 1 ease-in-out; -o-animation: cssAnimation .3s 1 ease-in-out;
}
.product .view_2 { display: none; margin: -10px; width: 105%;
}
.product:hover .view_2 { display: block; -webkit-animation: cssAnimation .3s 1 ease-in-out; -moz-animation: cssAnimation .3s 1 ease-in-out; -ms-animation: cssAnimation .3s 1 ease-in-out; -o-animation: cssAnimation .3s 1 ease-in-out;
}
.product:hover .view_1 { -webkit-animation: cssAnimation_3 .3s 1 ease-in-out; -moz-animation: cssAnimation_3 .3s 1 ease-in-out; -ms-animation: cssAnimation_3 .3s 1 ease-in-out; -o-animation: cssAnimation_3 .3s 1 ease-in-out; display: none;
}
.product p,
.product h2,
.product .img { width: 80%; padding: 20px 10%; font-size: 18px; color: #b9d732; overflow: hidden;
}
.product p,
.product h2 { height: 20px;
}
.product h2 { color: #6a696c;
}
.product .img .height { background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; top: 0; left: 0; height: 0; padding-bottom: 100%; z-index: 5; float: left;
}
.brands { width: 100%; height: 150px; padding: 0; margin: 0;
}
.brands .brand { display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; width: 150px; height: 100%; margin: 0 30px; opacity: .8;
}
.brands .brand:hover { width: 120px; opacity: 1;
}
.rating { width: 150px; background-position: left; background-size: contain; background-repeat: repeat-x; margin: 0 30%; padding: 0; height: 30px; background-image: url(../images/empty_star-f0f0f0.svg);
}
.rating .total { width: 0%; height: 100%; padding: 0; margin: 0; background-position: left; background-size: contain; background-repeat: repeat-x; background-image: url(../images/star-1c3f95.svg);
}
.border { border: 1px solid #E4E4E4;
}
.border-top { border-top: 1px solid #E4E4E4; margin-top: 10px;
}
.border-bottom { border-bottom: 1px solid #E4E4E4; margin-bottom: 10px;
}
.border-left { border-left: 1px solid #E4E4E4; margin-left: 10px;
}
.border-right { border-right: 1px solid #E4E4E4; margin-right: 10px;
}
.list { padding-left: 10px; overflow: hidden; border-bottom: 1px dashed #E9E9E9;
}
.list li { display: block; padding: 5px; padding-left: 20px; margin: 10px 0; overflow: hidden;
}
.list li:before { display: inline-block; content: '• '; margin-left: -10px; font-size: 20px; font-weight: bolder; color: #074235;
}
.list li h1,
.list li h2 { font-size: 200%; border-bottom: 1px solid #ddd;
}
.list li h2 { font-size: 150%;
}
#viewer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; background-color: rgba(0,0,0,0.8); -moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.9); -ms-box-shadow: inset 0 0 300px rgba(0,0,0,0.9); -o-box-shadow: inset 0 0 300px rgba(0,0,0,0.9); -webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.9); box-shadow: inset 0 0 300px rgba(0,0,0,0.9); z-index: 2005; border-bottom: 5px solid #b9d732; overflow: auto; text-align: center; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear;
}
#viewer .close { border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; width: 60px; height: 70px; display: block; background-image: url(../images/logout-b9d732.svg); background-position: center; background-repeat: no-repeat; background-size: 50%; position: fixed; top: 0; right: 50px; z-index: 2006; background-color: rgba(0,0,0,0.3); -moz-transition: all .7s linear; -webkit-transition: all .7s linear; -o-transition: all .7s linear; -ms-transition: all .7s linear; transition: all .7s linear;
}
#viewer .close:hover { background-color: #074235;
}
#viewer img { -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear; max-width: 90%; max-height: 95%; display: inline-block; padding: 0; margin-top: 10px; border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-transition: all .7s linear; -webkit-transition: all .7s linear; -o-transition: all .7s linear; -ms-transition: all .7s linear; transition: all .7s linear;
}
#viewer img:hover { margin: 30px; max-width: none; max-height: none; background-color: #fff;
}
.content .close { width: 20px; height: 20px; display: block; position: absolute; top: 10px; right: 10px; background-position: center; background-size: contain; background-repeat: repeat-x; background-image: url(../images/logout-6a696c.svg);
}
.content .gallery { background: #fff; border: 1px solid #E4E4E4;
}
.content .thumbs { width: 100%; height: 70px; padding: 10px; margin: 0;
}
.content .thumbs .thumb { display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; width: 70px; height: 100%; margin: 0 10px; border: 1px solid #E4E4E4; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
.content .img { width: 80%; margin: 10px; display: inline-block;
}
.content .img .height { background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; top: 0; left: 0; height: 0; padding-bottom: 100%; z-index: 5; float: left;
}
#menu-mid { z-index: 101; display: block; min-height: 115px;
}
#menu-mid .search { background: #f0f0f0; border: 1px solid #E4E4E4; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; height: 40px; text-align: right; margin-top: 10px !important; margin-bottom: 10px !important; position: relative;
}
#menu-mid .search input { background: none; border: none; margin: 0; padding: 0; height: 100%; width: 70%; display: inline-block; position: relative;
}
#menu-mid .search input[type='submit'] { width: 20%; text-align: right; background-position: right; background-size: auto 80%; background-repeat: no-repeat; background-image: url(../images/search-1c3f95.svg);
}
.social { margin-bottom: 0; margin-top: 0; padding-bottom: 10px; padding-top: 10px; vertical-align: top;
}
.social div { vertical-align: top; text-align: left;
}