@font-face { font-family: 'martabold'; src: url('../fonts/marta_bold.eot'); src: url('../fonts/marta_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/marta_bold.woff') format('woff'), url('../fonts/marta_bold.ttf') format('truetype'), url('../fonts/marta_bold.svg#martabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'martaitalic'; src: url('../fonts/marta_italic.eot'); src: url('../fonts/marta_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/marta_italic.woff') format('woff'), url('../fonts/marta_italic.ttf') format('truetype'), url('../fonts/marta_italic.svg#martaitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'martaregular'; src: url('../fonts/marta_regular.eot'); src: url('../fonts/marta_regular.eot?#iefix') format('embedded-opentype'), url('../fonts/marta_regular.woff') format('woff'), url('../fonts/marta_regular.ttf') format('truetype'), url('../fonts/marta_regular.svg#martaregular') format('svg'); font-weight: normal; font-style: normal; } /* Reset */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End Reset */ /* Style tag */ #content H1, #content H2, #content H3, #content H4, #content H5, #content H6 { font-family: 'martaregular', Arial, Helvetica, san-serif; margin: 0 0 25px; color: #6ab548; line-height: 100%; } #content H1{ font-size: 30px; } #content H2{ font-size: 28px; } #content H3{ font-size: 26px; } #content H4{ font-size: 24px; } #content H5{ font-size: 22px; } #content H6{ font-size: 20px; } #content P , #content UL, #content PRE, #content OL, #content BLOCKQUOTE, #content FORM, #content INPUT, #content TEXTAREA, #content SELECT, #content BUTTON, #content TABLE, #content TR, #content TD, #content TH { margin: 0 0 20px; font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: #959595; } #content TH, #content TD { padding: 10px; } #content A { font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: #da573e; } #content .alignleft { float: left; margin: 0 10px 10px 0 ; } #content .alignright { float: right; margin: 0 0 10px 10px; } #content UL { list-style-type: disc; margin: 0 14px 10px; } #content OL { list-style-type: decimal ; margin: 0 18px 10px; } #content OL LI, #content UL LI { margin: 0 0 10px; } TEXTAREA { resize:none; overflow: auto; } A:focus { outline: 0; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .clear { clear: both; height: 0; line-height: 0px; font-size: 1px; } A { text-decoration: none; } A:HOVER { text-decoration: underline; } IMG { border: none; display: block;} LABEL { cursor: pointer; } BUTTON SPAN {display: none;} BUTTON { cursor: pointer;} * { -moz-box-sizing: border-box; box-sizing: border-box; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding:0; margin:0; } input:focus{ border: none; outline: none; } /* End Style tag */ html { height: 100%; } BODY { background: #fff; margin: 0; padding: 0; text-align: left; font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: #959595; height: 100%; min-width: 1140px; -webkit-transform: translateZ(0px); } .wrapper{ display: table; height: 100%; table-layout: fixed; width: 100%; background: url("../images/bg/pattern.jpg") repeat; } FOOTER { display: table-row; height: 1px; } .container{ width: 1140px; margin: auto; padding: 0 15px; } /* HEADER */ .top-header { padding: 25px 0; } .logo { float: left; max-width: 193px; margin: 0 130px 0 0; } .logo A{ display: block; } .logo A:hover{ text-decoration: none; } .logo A IMG{ min-width: 100%; } .center-box { float: left; max-width: 480px; width: 100%; padding: 8px 0 0; } .center-box .top-row { margin: 0 0 40px; } .center-box .menu{ float: left; } .center-box .menu LI{ display: inline-block; vertical-align: top; font: 16px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; border-left: 1px solid rgba(0,0,0,0.11); } .center-box .menu >:first-child{ border-left: none; } .center-box .menu A{ display: block; font: 16px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; padding: 12px 8px; } .center-box .login-register{ float: right; } .center-box .login-register LI{ display: inline-block; vertical-align: top; font: 18px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; border-left: 1px solid rgba(0,0,0,0.11); } .center-box .login-register >:first-child{ border-left: none; } .center-box .login-register A{ display: block; font: 18px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; padding: 12px 8px; } .center-box .login-register A:hover{ color: #6ab548; } .center-box .bottom-row { position: relative; padding: 0 0 0 34px; } .center-box .bottom-row:after { content: ""; position: absolute; left: 0; top: 50%; width: 25px; height: 25px; margin: -13px 0 0; background: url("../images/icons/phone.png") no-repeat; } .center-box .phone { display: inline-block; vertical-align: top; font: 22px/100% 'martaregular', Arial, Helvetica, san-serif; color: #8f8f8f; margin: 0 7px 0 0; } .cart-box { float: right; width: 200px; position: relative; padding: 0 0 0 61px; } .cart-box:after { content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 44px; background: url("../images/icons/cart.png") no-repeat; } .cart-box .cart-btn { display: block; font: 20px/100% 'martabold', Arial, Helvetica, san-serif; color: #000; border-bottom: 1px solid rgba(0,0,0, 0.13); padding: 12px 0 6px; } .cart-box P{ display: block; font: 16px/100% 'martaregular', Arial, Helvetica, san-serif; color: rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.13); padding: 8px 0; } .cart-box P SPAN{ font: 16px/100% 'martaregular', Arial, Helvetica, san-serif; color: rgba(0,0,0,1); } /* NAV */ .wrap-bottom-header { background: rgb(122,190,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(122,190,89,1) 0%, rgba(89,167,58,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,190,89,1)), color-stop(100%,rgba(89,167,58,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abe59', endColorstr='#59a73a',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); } .bottom-header { background: url("../images/bg/nav-bg.png") repeat; position: relative; } .bottom-header:after { content: ""; position: absolute; left: 0; top: 2px; width: 100%; height: 1px; background: url("../images/bg/border.png") repeat-x; } .bottom-header:before { content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; background: url("../images/bg/border.png") repeat-x; } NAV UL { display: table; width: 100%; } NAV LI{ display: table-cell; font: 24px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; text-shadow: 0px 1px 0px rgba(32, 75, 20, 0.46); } NAV A{ display: block; position: relative; z-index: 10; font: 24px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; text-shadow: 0px 1px 0px rgba(32, 75, 20, 0.46); text-align: center; padding: 28px 10px; } NAV .active A, NAV A:hover{ text-decoration: none; background: rgb(89,167,58); /* Old browsers */ background: -moz-linear-gradient(top, rgba(89,167,58,1) 0%, rgba(121,190,89,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,167,58,1)), color-stop(100%,rgba(121,190,89,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(121,190,89,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(121,190,89,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(121,190,89,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(89,167,58,1) 0%,rgba(121,190,89,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a73a', endColorstr='#79be59',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0px 0px 29px 0px rgba(36, 90, 13, 0.93); -moz-box-shadow: inset 0px 0px 29px 0px rgba(36, 90, 13, 0.93); box-shadow: inset 0px 0px 29px 0px rgba(36, 90, 13, 0.93); } /* content */ #content { padding: 30px 0 65px; } /* slider-1 */ #content #slider-1 { background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); margin: 0 0 90px; } #content #slider-1 .item { position: relative; overflow: hidden; } #content #slider-1 .wrap-text-box { position: absolute; left: 0; top: 150px; width: 100%; height: 100%; margin: auto; } #content #slider-1 .text-box { max-width: 670px; width: 100%; margin: auto; } #content #slider-1 .text-box H6{ text-align: center; font: 72px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; margin: 0 0 20px; text-shadow: 0px 0px 9px rgba(67, 133, 7, 1); } #content #slider-1 .text-box P{ text-align: center; font: 18px/145% 'martaregular', Arial, Helvetica, san-serif; color: rgba(17,41,8,0.65); margin: 0 0 25px; } #content .learn-more{ display: block; width: 148px; margin: auto; padding: 16px 5px; text-shadow: 0px 1px 0px rgba(32, 75, 20, 0.46); text-align: center; background: rgb(122,190,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(122,190,89,1) 0%, rgba(89,167,58,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,190,89,1)), color-stop(100%,rgba(89,167,58,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abe59', endColorstr='#59a73a',GradientType=0 ); /* IE6-9 */ font: 18px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); } #content .learn-more:hover{ text-decoration: none; background: rgb(89,167,58); /* Old browsers */ background: -moz-linear-gradient(top, rgba(89,167,58,1) 0%, rgba(122,190,89,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,167,58,1)), color-stop(100%,rgba(122,190,89,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a73a', endColorstr='#7abe59',GradientType=0 ); /* IE6-9 */ } #content #slider-1 .owl-prev { position: absolute; left: 12px; top: 50%; margin: -43px 0 0; background: rgba(106,181,72,0.86); width: 86px; text-indent: -999em; height: 86px; } #content #slider-1 .owl-prev:hover { background: rgba(106,181,72,1); text-decoration: none; } #content #slider-1 .owl-prev:after { content: ""; position: absolute; left: 50%; top: 50%; width: 31px; height: 56px; margin: -28px 0 0 -17px; background: url("../images/icons/prev-next-1.png") no-repeat; } #content #slider-1 .owl-next { position: absolute; right: 12px; top: 50%; margin: -43px 0 0; background: rgba(106,181,72,0.86); width: 86px; text-indent: -999em; height: 86px; } #content #slider-1 .owl-next:hover { background: rgba(106,181,72,1); text-decoration: none; } #content #slider-1 .owl-next:after { content: ""; position: absolute; left: 50%; top: 50%; width: 31px; height: 56px; margin: -28px 0 0 -15px; background: url("../images/icons/prev-next-1.png") 0 -56px no-repeat; } #content #slider-1 .owl-pagination{ position: absolute; width: 100%; bottom: 37px; left: 0; text-align: center; } #content #slider-1 .owl-pagination .owl-page{ display: inline-block; vertical-align: top; width: 15px; height: 15px; background: #c6cac6; margin: 0 7px 0 0; } #content #slider-1 .owl-pagination .owl-page:hover, #content #slider-1 .owl-pagination .owl-page.active{ background: #6ab548; } /* product-area */ #content .big-title { font: 48px/100% 'martaregular', Arial, Helvetica, san-serif; color: #6ab548; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); margin: 0 0 25px; } #content .wrap-product-area { padding: 0 0 50px; } #content .product-area { list-style: none; margin: 0; } #content .product-area LI{ display: inline-block; vertical-align: top; background: #fff; margin: 0 26px 30px 0; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); width: 255px; padding: 0 22px 18px; } #content .product-area>:last-child{ margin-right: 0; } #content .product-area .img-link{ display: block; text-align: center; font: 24px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; margin: 0 0 10px; } #content .product-area .img-link:hover{ text-decoration: none; color: #6ab548; } #content .product-area .img-link B{ display: block; height: 210px; line-height: 210px; } #content .product-area .img-link IMG{ display: inline-block; vertical-align: middle; } #content .product-area .img-link SPAN{ display: block; } #content .product-area P{ font: 14px/145% 'martaregular', Arial, Helvetica, san-serif; color: #959595; margin: 0 0 15px; text-align: center; } #content .product-area H6{ font: 20px/100% 'martabold', Arial, Helvetica, san-serif; color: #000; margin: 0 0 3px; text-align: center; } #content .product-area .left-box{ float: left; padding: 15px 0 0; } #content .add-favorite A{ display: inline-block; vertical-align: top; padding: 0 0 0 22px; font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: rgba(0,0,0,0.79); position: relative; margin: 0 0 7px; } #content .add-favorite A:hover{ color: #da573e; } #content .add-favorite A:after{ content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 14px; margin: -7px 0 0; background: url("../images/icons/icon-1.png") no-repeat; } #content .add-compare A{ display: inline-block; vertical-align: top; padding: 0 0 0 22px; font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: rgba(0,0,0,0.79); position: relative; } #content .add-compare A:hover{ color: #5597d0; } #content .add-compare A:after{ content: ""; position: absolute; left: 2px; top: 50%; width: 14px; height: 15px; margin: -7px 0 0; background: url("../images/icons/icon-2.png") no-repeat; } #content .cart-btn { display: block; float: right; border-bottom: 3px solid #d4d4d4; width: 53px; height: 56px; background: rgb(122,190,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(122,190,89,1) 0%, rgba(89,167,58,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,190,89,1)), color-stop(100%,rgba(89,167,58,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abe59', endColorstr='#59a73a',GradientType=0 ); /* IE6-9 */ position: relative; } #content .cart-btn:hover { text-decoration: none; background: rgb(89,167,58); /* Old browsers */ background: -moz-linear-gradient(top, rgba(89,167,58,1) 0%, rgba(122,190,89,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,167,58,1)), color-stop(100%,rgba(122,190,89,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(89,167,58,1) 0%,rgba(122,190,89,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a73a', endColorstr='#7abe59',GradientType=0 ); /* IE6-9 */ } #content .cart-btn:after { content: ""; position: absolute; left: 50%; top: 50%; width: 34px; height: 27px; margin: -13px 0 0 -17px; background: url("../images/icons/cart-2.png") no-repeat; } /* slider-2 */ #content #slider-2 { background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.14); margin: 0 0 65px; padding: 11px 20px 30px 72px; } #content #slider-2 .text-box { float: left; width: 490px; border-bottom: 1px solid #e2e2e2; padding: 0 0 35px; margin: 56px 0 0; } #content #slider-2 H6{ font: 48px/100% 'martaregular', Arial, Helvetica, san-serif; color: #000; margin: 0 0 25px; } #content #slider-2 P{ font: 16px/150% 'martaregular', Arial, Helvetica, san-serif; color: #959595; margin: 0 0 15px; max-height: 192px; overflow: hidden; } #content #slider-2 .wrap-img{ float: right; width: 473px; } #content #slider-2 .owl-prev { position: absolute; text-indent: -999em; left: 75px; bottom: 75px; width: 9px; height: 15px; background: url("../images/icons/prev-next-2.png") no-repeat; } #content #slider-2 .owl-prev:hover { text-decoration: none; background-position: 0 -30px; } #content #slider-2 .owl-next{ position: absolute; text-indent: -999em; left: 275px; bottom: 75px; width: 9px; height: 15px; background: url("../images/icons/prev-next-2.png") 0 -15px no-repeat; } #content #slider-2 .owl-next:hover{ text-decoration: none; background-position: 0 -45px; } #content #slider-2 .owl-pagination { position: absolute; left: 110px; bottom: 74px; width: 160px; } #content #slider-2 .owl-pagination .owl-page{ cursor: pointer; font: 18px/100% 'martabold', Arial, Helvetica, san-serif; color: #000; margin: 0; display: inline-block; vertical-align: top; margin: 0 22px 0 0; } #content #slider-2 .owl-pagination .owl-page.active, #content #slider-2 .owl-pagination .owl-page:hover{ color: #6ab548; } /* text-area */ #content .text-area P { font: 16px/145% 'martaregular', Arial, Helvetica, san-serif; font-style: italic; color: #959595; margin: 0 0 25px; } /* footer */ .wrap-top-footer { background: rgb(122,190,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(122,190,89,1) 0%, rgba(89,167,58,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,190,89,1)), color-stop(100%,rgba(89,167,58,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(122,190,89,1) 0%,rgba(89,167,58,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abe59', endColorstr='#59a73a',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.17); } .top-footer { background: url("../images/bg/nav-bg.png") repeat; position: relative; padding: 35px 0 30px; } .top-footer:after { content: ""; position: absolute; left: 0; top: 2px; width: 100%; height: 1px; background: url("../images/bg/border.png") repeat-x; } .top-footer:before { content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 1px; background: url("../images/bg/border.png") repeat-x; } .top-footer H3 { font: 20px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; margin: 0 0 20px; } .follow-us { display: inline-block; vertical-align: top; width: 146px; border-right: 1px solid rgba(255,255,255,0.14); padding: 0 45px 12px 0; margin: 0 45px 0 0; } .social-box { width: 99px; } .social-box LI { float: left; margin: 0 1px 1px 0; } .social-box LI A{ display: block; width: 32px; height: 32px; background: url("../images/icons/social.png") no-repeat; } .social-box LI A:hover{ text-decoration: none; } .social-box .tw A{ background-position: 0 0; } .social-box .tw A:hover{ background-position: 0 -32px; } .social-box .fb A{ background-position: 0 -64px; } .social-box .fb A:hover{ background-position: 0 -96px; } .social-box .yt A{ background-position: 0 -128px; } .social-box .yt A:hover{ background-position: 0 -160px; } .social-box .gl A{ background-position: 0 -192px; } .social-box .gl A:hover{ background-position: 0 -224px; } .social-box .in A{ background-position: 0 -256px; } .social-box .in A:hover{ background-position: 0 -288px; } .social-box .be A{ background-position: 0 -320px; } .social-box .be A:hover{ background-position: 0 -352px; } .contact-us { display: inline-block; vertical-align: top; width: 338px; padding: 0 77px 0 0; border-right: 1px solid rgba(255,255,255,0.14); } .contact-us .left-box{ float: left; width: 125px; } .contact-us .left-box P{ font: 14px/145% 'martaregular', Arial, Helvetica, san-serif; color: rgba(255,255,255,0.62); margin: 0 0 10px; } .contact-us .left-box P A{ font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; text-decoration: underline; } .contact-us .left-box P A:hover{ text-decoration: none; } .contact-us .right-box{ float: right; width: 90px; } .contact-us .right-box P{ font: 14px/140% 'martaregular', Arial, Helvetica, san-serif; color: rgba(255,255,255,0.62); } .our-shops { display: inline-block; vertical-align: top; overflow: hidden; } .our-shops UL{ display: inline-block; vertical-align: top; margin: 0 0 0 44px; } .our-shops H3{ margin-left: 44px; } .our-shops UL LI{ font: 14px/140% 'martaregular', Arial, Helvetica, san-serif; color: rgba(255,255,255,0.62); margin: 0 0 5px; } .our-shops UL LI A{ font: 14px/140% 'martaregular', Arial, Helvetica, san-serif; color: rgba(255,255,255,0.62); } .bottom-footer { background: #59a239; -webkit-box-shadow: inset 0px 5px 21px 0px rgba(52, 108, 28, 0.82); -moz-box-shadow: inset 0px 5px 21px 0px rgba(52, 108, 28, 0.82); box-shadow: inset 0px 5px 21px 0px rgba(52, 108, 28, 0.82); padding: 25px 0; } .copyright { font: 14px/100% 'martaregular', Arial, Helvetica, san-serif; color: #fff; }