/* Theme Name: marli theme Description: Marli watches Author: BozooArt Author URI: http://www.bozooart.com Version: 1.0.0 */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body { line-height:1} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul { list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{ text-decoration:none } mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } a { color: #bc7f24; text-decoration: none; } a:hover { text-decoration: none; color: #bc7f24; } a:focus { outline: none !important; text-decoration: none !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { clear: both; } .block { display: block; } .center { text-align: center; } .right { text-align: right; } .carousel .item.active, .carousel .carousel-inner { height: 370px; } /* Fonts */ @font-face {font-family: "marli"; src:url("fonts/marli.eot"); src:url("fonts/marli.eot?#iefix") format("embedded-opentype"), url("fonts/marli.woff") format("woff"), url("fonts/marli.ttf") format("truetype"), url("fonts/marli.svg#marli") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before {font-family: "marli" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "marli" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook:before {content: "d"; } .icon-instagram:before {content: "b"; } .icon-youtube:before {content: "c"; } .icon-face:before {content: "d"; } .icon-right-arrow:before {content: "j"; } .icon-search:before {content: "k"; } .icon-bulb:before {content: "e"; } .icon-cart:before {content: "f"; } .icon-like:before {content: "g"; } .icon-rocket:before {content: "h"; } .icon-play:before { content: "a"; } .row { margin: 0 -30px; } .medium-1, .medium-2, .medium-3, .medium-4, .medium-3th { float: left; padding: 0 30px; } .medium-4 { width: 100% } .medium-3 { width: 75% } .medium-2 { width: 50% } .medium-1 { width: 25% } .medium-3th { width: 33.333% } .medium-offset-1 { margin-left: 25%; } span.footer-links.medium-3 { float: left; } /* General ----------------------------------------------- */ body { font: 16px/1.6em 'Open Sans', Arial, Helvetica, sans-serif; color: #58585a; text-align: left; background: url(images/bg.jpg) ; background-size: cover; background-attachment: fixed; } .container { padding: 0 15px; background: #fff; padding: 0; width: 1080px; margin: 0 auto; background: #fff; } .wrapper { padding: 0 60px; } html, body { height:100%; } #header { color: #fff; background: #000; } #top-bar { padding-top: 4px; position: relative; height: 30px; background: #bc7f24; color: #fff; } .icon-links a { color: #e3b46d; font-size: 13px; margin-top: 5px; margin-left: 15px; } .icon-links a:hover, .icon-links a:focus { color: #fff; text-decoration: none; } .icon-links .ghost { display: none; } #top-bar i { font-size: 18px; margin-top: 3px; } .icon-links { float: left; } #qtranslate-chooser { float: left; display: inline-block; } #qtranslate-chooser li { display: inline; margin-left: 15px; } #qtranslate-chooser li a { color: #e3b46d; font-size: 13px; top: -2px; position: relative } #qtranslate-chooser li.active { display: none; } #top-bar form#search, .show-search { display: none !important; } #top-bar #search { width: 200px; position: absolute; right: 210px; z-index: 10; top: 3px; display: none; } #top-bar #search .input-search { position: relative; } #top-bar #search label, #top-bar #search input[type="submit"] { display: none; } #top-bar #search .search-field { padding: 2px 5px !important; color: #fff; background: #e3b46d; border: none; height: 25px; width: 100% !Important; font-size: 14px; color: #fff; } #top-bar #search .show-search.active i { color: #ec008d !important; opacity: 1; } .navbar-collapse { padding: 0; } .navbar { margin: 0; border-radius: 0; background: #fff; height: 90px; text-align: right } .navbar .nav { margin-top: 15px; } .navbar .nav li { margin-left: 40px; } .navbar .nav li a { color: #58585a; font-size: 16px; padding: 19px 0; font-size: 14px; } .navbar-toggle .icon-bar { background: #717c82; height: 3px; } .dropdown ul { display: none; } .dropdown.open ul { display: block; } .navbar .nav li.current_page_item a, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav li.current-page-ancestor a, .navbar .nav li.current-menu-parent a { color: #bc7f24; background: none; } .navbar .nav li.current-menu-item a { color: #bc7f24; } .dropdown-menu { min-width: 220px; padding: 0 10px; border: none; margin-left: -15px; border-radius: 0; } .dropdown-menu > li { padding: 0; margin: 0 !important; } .dropdown-menu > li > a { padding: 13px 15px !important; background: #fff; color: #717c82; border-top: 1px solid #f2f2f2; } .dropdown-menu > li:first-child > a { border: none; } .dropdown-menu li a:hover, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .nav li a:focus { color: #bc7f24 !important; } .nav .open a { background: #fff !important; color: #717c82 !important; } .nav .open > a:hover, .nav .open > a:focus, .nav .open li a:hover { color: #bc7f24 !important; } .navbar-toggle { z-index: 1000; margin-top: -40px; } #search { display: none; } .company-logo { margin-top: 25px; width: 150px } #home-img { background: url(images/main.jpg) no-repeat; background-size: cover; height: 500px; background-size: 100% auto; } #home-img h1 { color: #58585a; font-size: 30px; margin-top: 100px; border-bottom: 1px solid #bc7f24; padding-bottom: 10px; margin-bottom: 10px; } .more { border: 1px solid #262626; padding: 7px 0; width: 150px; text-align: center; display: inline-block; margin-top: 20px; color: #bc7f24; text-transform: uppercase; font-size: 13px; } .more:hover { background: #bc7f24; color: #000; } #about { background: url(images/services-bg.jpg) center 0; padding-top: 30px; padding-bottom: 50px; background-size: cover; color: #fff; font-size: 14px; text-align: center; } #about h2 { text-transform: uppercase; font-weight: 600; margin-bottom: 5px; letter-spacing: .2em; } #about i { color: #bc7f24; font-size: 60px; margin: 15px 0 0 -27px; position: absolute; } #about .short { font-weight: 300; line-height: 1.6em } #about h2:before { content: ''; display: block; border-radius: 50%; width: 120px; height: 120px; border: 3px solid #bc7f24; margin: 0 auto 40px; } .about-item { position: relative; } .about-item:before { font-family: "marli"; display: block; color: #bc7f24; font-size: 60px; top: 73px; position: relative; } .about-1:before { content: "e"; } .about-2:before { content: "h"; } .about-3:before { content: "f"; } .about-4:before { content: "g"; } .waterproof { background: url(images/waterproof-bg.jpg) no-repeat; background-size: cover; color: #fff !important; } .waterproof strong { color: #bc7f24 } .waterproof.row { margin: 0; } .waterproof.holder { padding: 60px 30px; } #brands.page-brands, #brands.page-brands .brand-list { padding: 0 !important; margin: 0 } #brands.page-brands .brand-list a { margin: 0 8px !Important; float: left; } .page-parent #brands{ background: #f2f2f2; padding: 40px !important; text-align: center; } .page-parent #brands img { text-align: center; display: inline-block; margin: 30px 30px; } .enter-text { margin: 30px 0 0 } #brands { padding: 40px 0px 80px; } #brands h3 { font-size: 20px; font-weight: 300; text-align: center; font-weight: normal; color: #717c82; margin-bottom: 50px; } .logo-2 { margin: 0 auto; width: 100% } .brand-list { margin: 20px 0 0 0px; } .brand-list a { text-indent: -9999em; display: block; background: url(images/logos.png) no-repeat; width: 130px; height: 70px; float: left; margin: 0 10px; -webkit-transition:all 0.2s ease-in-out; background-size: ; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .brand-list a:hover { -webkit-transform:scale(1.1);-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1); } .brand-list .brand-1 { background-position: center 4px; background-size: 110% } .brand-list .brand-2 { background-position: center -70px; } .brand-list .brand-3 { background-position: center -140px; } .brand-list .brand-4 { background-position: center -210px; } .brand-list .brand-5 { background-position: center -248px; background-size: 110% } .brand-list .brand-6 { background-position: center -350px; } .brand-list .brand-7 { background-position: center -420px; } .brand-list .brand-8 { background-position: center -490px; } .brand-list .brand-9 { background-position: center -560px; } .brand-list .brand-10 { background-position: center -630px; } .brand-list .brand-11 { background-position: center -700px; } .brand-list .brand-12 { background-position: center -840px; } .brand-list .brand-13 { background-position: center -845px; } .brand-list .brand-14 { background-position: center -910px; } .brand-list .brand-15 { background-position: center -772px; } .brand-list .brand-16 { background-position: center -980px; } .brand-list .brand-17 { background-position: center -635px; } .brand-list .brand-13 { background-position: center -840px; } .brand-list .brand-20 { background-position: center -905px; background-size: 100% } #support { background: url(images/support.jpg) no-repeat center; height: 514px; background-size: cover; padding: 60px 0 0 0; } .support-holder { height: 513px; padding: 30px 40px; background: rgba(48,54,57,.95);; width: 400px; margin: 0 0 0 60px; height: 260px; color: #fff; text-align: center; } .support-holder h3 { color: #bc7f24; font-size: 26px; margin-bottom: 10px; } .support-holder a { color: #bc7f24; } .support-holder p { margin-bottom: 10px; } .support-holder a:hover { color: #fff; } .support-holder li { background: url(images/dots.png) 0 bottom repeat-x; line-height: 1.8em; } .support-holder li:last-child { background: none; } #footer { background: #000; } #footer .container { background: url(images/logo.png) no-repeat; background-size: 200px; } #company-contacts { font-size: 15px; color: #555; padding: 60px 0 30px } #company-contacts dt { color: #bc7f24; margin-bottom: 3px; } #company-contacts dd { margin-bottom: 3px; } #company-contacts a { color: #555 } #company-contacts .medium-2 { width: 33% } #company-contacts a:hover { color: #bc7f24; } .logo { background: url(images/logo.png) no-repeat 0 0; height: 50px; width: 160px; text-indent: -9999em; display: block; background-size: 160px; margin: -3px 0 0 60px; } #follow-us { border-top: 1px solid #161616; padding: 30px 0 0 0px; margin: 0 0 0 285px; } .footer-brands { background: #161616; padding: 15px 60px 15px 60px; margin: 20px 0 0 0 !important; } .footer-brands strong { display: block; color: #727e84; font-weight: normal; font-size: 15px; margin-bottom: 15px; text-align: center; } .footer-brands a { width: 85px; height: 35px; margin: 0 5px; background-size: 100%; display: block; -webkit-filter: saturate(0); opacity: .6; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); } .footer-brands a:first-child { margin-left: 0; } .footer-brands a:last-child { margin-right: 0; } .footer-brands a:hover { opacity: 1; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); } .footer-brands .brand-1 { background-position: 0 -3px; margin-top: 2px !important; } .footer-brands .brand-2 { background-position: 0 -37px; margin: 0; -webkit-transform:scale(1.2); } .footer-brands .brand-3 { background-position: 0 -80px; } .footer-brands .brand-4 { background-position: 0 -114px; } .footer-brands .brand-5 { background-position: 0 -170px; } .footer-brands .brand-6 { background-position: 0 -188px; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); } .footer-brands .brand-7 { background-position: 0 -223px; margin: 0; } .footer-brands .brand-8 { background-position: 0 -261px; margin: 0; } .footer-brands .brand-9 { background-position: 0 -300px; } .footer-brands .brand-10 { background-position: 0 -335px; } .footer-brands .brand-11 { background-position: 0 -375px; } .footer-brands .brand-12 { background-position: 0 -440px; margin-top: -8px; transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); } .footer-brands .brand-14 { background-position: 0 -480px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .footer-brands .brand-15 { background-position: 0 -410px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .footer-brands .brand-13 { background-position: 0 -110px; } .footer-brands .brand-14 { background-position: 0 -485px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .footer-brands .brand-16 { background-position: 0 -525px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .footer-brands .brand-20 { background-position: 0 -598px; -webkit-transform:scale(.85); } .footer-brands .brand-17 { background-position: 0 -560px; } .footer-brands .brand-12:hover { transform:scale(1.6); -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); } .footer-brands .brand-14:hover, .footer-brands .brand-15:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); } .services-brands { background: rgba(48,54,57,.95); margin: 20px 60px; padding: 25px 30px 20px } .services-brands h3 { font-weight: bold; font-size: 15px; color: #bc7f24; margin-bottom: 20px; text-align: center } .services-brands a { width: 84px; height: 35px; margin: 0 4px; background-size: 100%; display: block; opacity: 1; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); } .services-brands a:first-child { margin-left: 0; } .services-brands a:last-child { margin-right: 0; } .services-brands a:hover { opacity: 1; transform:scale(1.4); -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); } .services-brands .brand-1 { background-position: 0 -3px; margin-top: 2px !important; } .services-brands .brand-2 { background-position: 0 -39px; margin: 0; } .services-brands .brand-3 { background-position: 0 -80px; } .services-brands .brand-4 { background-position: 0 -114px; } .services-brands .brand-5 { background-position: 0 -150px; } .services-brands .brand-6 { background-position: 0 -188px; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); } .services-brands .brand-7 { background-position: 0 -223px; margin: 0; } .services-brands .brand-8 { background-position: 0 -261px; margin: 0; } .services-brands .brand-9 { background-position: 0 -300px; } .services-brands .brand-10 { background-position: 0 -335px; } .services-brands .brand-11 { background-position: 0 -375px; } .services-brands .brand-12 { background-position: 0 -440px; margin-top: -8px; transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); } .services-brands .brand-14 { background-position: 0 -480px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .services-brands .brand-15 { background-position: 0 -405px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .services-brands .brand-13 { background-position: 0 -110px; } .services-brands .brand-14 { background-position: 0 -480px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .services-brands .brand-15 { background-position: 0 -405px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .services-brands .brand-16 { background-position: 0 -520px; transform:scale(1); -webkit-transform:scale(1.0); -moz-transform:scale(1); -ms-transform:scale(1); } .services-brands .brand-17 { background-position: 0 -555px !important; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); } .services-brands .brand-12:hover { transform:scale(1.6); -webkit-transform:scale(1.6); -moz-transform:scale(1.6); -ms-transform:scale(1.6); } .services-brands .brand-14:hover, .services-brands .brand-15:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); } #news { padding-top: 50px; padding-bottom: 50px; } #news h3 { margin-bottom: 30px; font-size: 25px; font-weight: 700; } #news .news-box, .cat-img, .article-img { position: relative; filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%); -o-filter: brightness(90%); -ms-filter: brightness(90%); } .news-box h4 { padding: 20px 0; } .news-box h4 a { color: #717c82 ; line-height: 1.4em; } .news-box h4 a:hover { color: #bc7f24; } #footer-bottom { padding: 30px 60px 50px 60px; font-size: 13px; color: #666; } #footer-bottom a { color: #666; margin-left: 0px; } #footer-bottom a:hover { color: #bc7f24; } #footer-bottom .footer-links a { margin-left: 20px; } #newsletter-form { padding: 0; width: 540px } #newsletter-form h4 { color: #666; margin-bottom: 15px; font-size: 15px; color: #bc7f24; font-weight: bold; } #newsletter-form form { border: 1px solid #232323; } #newsletter-form input[type="email"] { background: none; border: none; width: 465px; padding: 3px 5px; height: 35px; font-size: 15px; color: #444; } #newsletter-form input[type="submit"] { border: none; background: #161616; width: 65px; font-size: 15px; color: #58585a; border-radius: 2px; } #newsletter-form input[type="submit"]:hover { background: #bc7f24; color: #000; } #newsletter-form ::-webkit-input-placeholder { color: #333; } #newsletter-form :-moz-placeholder { color: #333; } #newsletter-form ::-moz-placeholder { color: #333; } #newsletter-form :-ms-input-placeholder { color: #333; } #social { color: #666; margin-top: 31px; } #social i { color: #666; font-size: 36px; } #social span { display: none; } #social a { display: block; } #social a:hover i { color: #bc7f24 !important; } .slogan { background: #bc7f24; color: #fff; width: 600px; position: absolute; text-align: center; font-size: 28px ; font-weight: 300; line-height: 3.2em; z-index: 1000; margin: 480px 0 0 240px; } #newsletter-page { background: url(images/newsletter-bg.jpg); background-size: cover; height: 240px; text-align: center; padding-top: 50px; color: #fff; } #newsletter-page h3 { font-size: 32px; font-weight: 300; color: #666; margin-bottom: 5px; } #newsletter-page p { margin-bottom: 10px; } #newsletter-page input[type="text"] { background: #dfcdae; width: 100%; border: none; display: block; text-align; padding: 3px 5px; text-align: center; font-size: 12px; text-transform: uppercase; color: #bc7f24; } #newsletter-page .newsletter { margin: 0 auto; width: 450px; } #newsletter-page .input-field { background: url(images/dots2.png) repeat-x; padding: 4px 0 2px; } #newsletter-page .submit-btn { background: url(images/dots2.png) repeat-x; padding-top: 5px; } #newsletter-page input[type="submit"] { background: none; border: none; margin-top: 5px; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: .1em; color: #444; } #newsletter-page input[type="submit"]:hover { color: #fff; } #newsletter-page ::-webkit-input-placeholder { color: #bc7f24; letter-spacing: .1em; } #newsletter-page :-moz-placeholder { color: #bc7f24; letter-spacing: .1em; } #newsletter-page ::-moz-placeholder { color: #bc7f24; letter-spacing: .1em; } #newsletter-page :-ms-input-placeholder { color: #bc7f24; letter-spacing: .1em; } .content { color: #717c82; font-size: 14px; padding-top: 30px; padding-bottom: 30px; } .content p { margin-bottom: 20px; } .content .peace p:last-child { margin-bottom: 0; } .page-x { padding: 60px 30px; } .holder { padding: 60px 60px 30px; } .holder.subpage { padding-top: 10px; } .faq.holder { padding-bottom: 0; } .article.content { margin-top: 30px; padding-bottom: 150px; padding-left: 30px } .bullets { margin: 20px; list-style-type: disc } .bullets li { margin-bottom: 10px; } .category { padding-bottom: 150px; } .category .article.content { padding-bottom: 0; padding-left: 30px; } .category .text p { margin: 0; } .sidebar { padding-bottom: 150px; } .lead { font-weight: 300; font-size: 24px; color: #717c82; } h2.subtitle { color: #be7e11; font-weight: 300; font-size: 28px; margin-bottom: 20px; } .service h3 { font-weight: 300; font-size: 21px; margin-bottom: 20px; margin-top: 9px } h3.subtitle { color: #be7e11; font-weight: 700; margin-top: 5px; } .dotted-row { background: url(images/dots2.png) repeat-x 0 bottom; padding-bottom: 30px; } .fragment { padding: 30px 0; } .last-fragment { padding: 30px 0 0; } .text h2 { font-weight: 700; font-size: 16px; margin-bottom: 5px } .article-img { margin-bottom: 30px; } .article .size-large { margin: 0 0 20px -60px; max-width: 765px; } .post h2 { font-size: 16px; font-weight: 700; margin-bottom: 5px; } .post ul { margin: 0 40px 20px; } .post li { list-style-type: disc; } .post p { margin-bottom: 40px; } .post a { border-bottom: 1px dotted #bc7f24; color: #bc7f24; padding: 1px; } .post a:hover { border-bottom: 1px solid #bc7f24; } .top-image { } .category h2 { } .category h2 a { font-size: 28px; color: #bc7f24; margin-bottom: 10px; } .category h2 a:hover { color: #000; } .category .article { margin-bottom: 100px; } .bar-name { font-size: 28px; background: #bc7f24; color: #fff; font-weight: 300; padding: 60px 0 30px 60px; } .bar-name a { color: #fff; } .bar-name a:hover { border-bottom: 1px dotted #fff; } .bar-name.cat-title, .bar-name.product { background: #717c82 } .main-title { font-size: 28px; color: #bc7f24; margin-bottom: 10px; line-height: 1.3em; } .date { margin-bottom: 20px; display: block; } .sidebar { margin-top: 120px; } .sidebar h3 { text-transform: uppercase; font-size: 10px; background: url(images/dots2.png) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; font-weight: 700; letter-spacing: .1em; color: #717c82; } .side-news { margin-bottom: 20px; } .side-news h4 { margin-top: 10px; } .side-news { position: relative; } .side-news h4 a { font-size: 13px; color: #717c82; font-weight: 300; line-height: 1.4em; } .side-news h4 a:hover { color: #bc7f24; } .accordion { background: url(images/dots2.png) repeat-x 0 bottom; } .accordion li { padding: 15px 0 13px; background: url(images/dots2.png) repeat-x 0 0; line-height: 1.6em; padding-left: 25px; } .accordion h3 { text-transform: uppercase; letter-spacing: .1em; font-weight: 700; font-size: 13px; } .accordion h3 a { color: #717c82; } .accordion h3 a:focus { text-decoration: none; } .accordion .answer { margin-top: 5px; } .accordion h3:before { font-size: 13px; content: 'P:'; display: inline; color: #bc7f24; float: left; margin-left: -25px; position: absolute; } .accordion .answer:before { font-size: 13px; content: 'O:'; color: #bc7f24; float: left; margin-left: -25px;: 5px; font-weight: 700; position: absolute; } .accordion.en h3:before { content: 'Q:'; } .accordion.en .answer:before { content: 'A:'; } .services { margin-top: 20px; background: url(images/dots2.png) repeat-x 0 bottom; } .services li { padding: 15px 0 13px; background: url(images/dots2.png) repeat-x 0 0; line-height: 1.6em; } .services li h4 { text-transform: uppercase; letter-spacing: .1em; font-weight: 700; font-size: 13px; color: #717c82; margin-top: 6px; line-height: 1.4em } .services-holder { margin-bottom: 90px; } .services .row { margin: 0; } .services-holder h2:after { content: ':' } .services .medium-1 { padding-left: 0; } .contact-form label { display: block; } .contact-form .input-text, .contact-form textarea { width: 100%; } .gmap { height: 580px; width: 100%; } .contact .input-field { margin-bottom: 25px !important; width: 450px; position: relative; } .contact .input-field.message { width: 100%; margin-bottom: 15px !important } .contact .input-field textarea { background: #f4f4f4; border: none; height: 100px; margin: 0; padding: 4px; } .contact .input-field:before{ background: url(images/dots2.png) repeat-x 0 0; content: ''; height: 2px; display: block; top: -2px; position: relative; } .contact .input-field:after { background: url(images/dots2.png) repeat-x 0 0; content: ''; height: 2px; display: block; margin-top: 2px; } .contact .input-field.message:after { top: -8px; position: relative; } .contact .input-field label { font-size: 10px; text-transform: uppercase; position: absolute; top: -9px; background: #fff; line-height: 1em; padding-right: 4px; } .contact input[type="text"], .contact input[type="email"] { border: none; background: #f4f4f4; padding: 2px 5px; } .contact .submit { text-align: right; position: relative; } .contact input[type="submit"] { width: 190px; border: none; background: #fff; font-size: 10px; text-transform: uppercase; background: url(images/dots2.png) repeat-x 0 0; text-align: center; height: 30px; display: block; float: right; } .contact input[type="submit"]:hover { color: #bc7f24; } .contact input[type="submit"]:focus { background: #bc7f24; color: #fff } .contact .submit:after { background: url(images/dots2.png) repeat-x 0 0; height: 2px; content: ''; display: block; width: 190px; position: absolute; right: 0; top: 28px; } .contact-info { line-height: 1.5em; margin-top: 10px; } .contact-info strong { color: #bc7f24; font-weight: normal; } .contact-info a { color: #717c82; } .contact-info a:hover { border-bottom: 1px solid #bc7f24; padding-bottom: 1px; } .wpcf7-not-valid-tip, .screen-reader-response { color: #990000; font-size: 13px; } .screen-reader-response ul { display: none; } .screen-reader-response { margin-bottom: 20px } .wpcf7-response-output.wpcf7-validation-errors { display: none; } .flex-control-nav { bottom: auto; margin-top: -40px !important; position: relative; z-index: 10000; bottom: auto !important; font-size: 0px; padding: 10px 0; line-height: 10px; float: left; width: 100%; text-align: center; left: auto !important; margin-left: 0 !important; } .flex-control-paging li a { background: #fff !important; } .flex-control-nav a, .flex-control-paging a { margin-left: 5px; height: 12px; width: 12px; border: 1px solid #fff; color: #bc7f24; text-indent: -1000px; border-radius: 50%; background: #fff; display: inline-block; text-align: center; } .flex-control-nav a.flex-active { background: #bc7f24 !important; border-radius: 50%; box-shadow: 0 0 3px #444 !important; border: 1px solid #bc7f24 !important; } #about-us .metaslider .flexslider { margin-bottom: 0 } .flex-prev { left: 15px !important; } .flex-next { right: 15px !important; } /* woo */ .product-page ul.tabs { display: none; } .product-page { margin-bottom: 300px; } .woocommerce .product form.cart .quantity { display: none !Important; } .woocommerce .product div.summary { width: auto !important; float: none !important; } #tab-additional_information, #tab-description { display: block !important} #tab-additional_information h2 { display: none; } #tab-description h2 { text-transform: uppercase; } #tab-description { font-size: 12px; } .product-info { text-align: center; color: #717c82; } .product_meta { text-align: center; background: url(images/dots2.png) repeat-x; font-size: 12px; padding-top: 5px; } .product_meta a { color: #717c82; } .product_meta a:hover { color: #bc7f24; border-bottom: 1px solid #000; } .product .product_title { color: #2e2e2e; text-align: center; font-size: 20px; margin-bottom: 10px; } .product-info .product .price { color: #717c82 !important; font-size: 20px !important; padding-bottom: 10px; } .product .shop_attributes { background: url(images/dots2.png) repeat-x; padding-top: 20px; } .product .shop_attributes div, .product .shop_attributes p { display: inline !important; } .product .shop_attributes p { margin: 0; } .product .shop_attributes h3 { text-transform: uppercase; } .product .shop_attributes li { margin-bottom: 10px; font-size: 12px; } .sku_wrapper { background: url(images/dots2.png) repeat-x; line-height: 3em } .panel { border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none; } .woocommerce .product .buy-buy { height: 35px; } .woocommerce .product .button.alt { background: #f8f2e7 url(images/dots2.png) repeat-x; font-size: 14px; color: #000; width: 190px; margin: 0 auto; display: block; text-transform: uppercase; padding: 0; height: 35px; border-radius: 0 !important; letter-spacing: .1em; } .woocommerce .product .button.alt:hover { background: #bc7f24 url(images/dots2.png) repeat-x; } .woocommerce .product .buy-buy:after { background: url(images/dots2.png) repeat-x !important; display: block; height: 2px; content: ''; width: 190px; position: absolute; margin-top: 33px; } .woocommerce .woocommerce-error { margin: 0 0 20px !important } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { margin: 0 !important } .woocommerce .woocommerce-error strong { text-transform: uppercase; font-size: 10px; letter-spacing: .1em } .wp-post-image { height: auto; max-width: 100% } .woocommerce-breadcrumb { display: none; } #tab-description { line-height: 1.6em; } .woocommerce-ordering, .woocommerce-result-count, .button.add_to_cart_button.product_type_simple, .button.product_type_simple { display: none !important; } .woocommerce ul.products { margin-left: -30px; } .woocommerce ul.products li.product { min-height: 400px; float: left; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 0 30px 0 30px; width: 33%; margin: 0; } .woocommerce li.product { text-align: center; color: #717c82; } .woocommerce li.product a, .woocommerce li.product a .amount { color: #717c82 !important; } .woocommerce .product h3 a:hover { color: #000 !important; } .woocommerce ul.products li.product a img { margin-bottom: 5px; } .price_slider{ margin-bottom: 1em; } .price_slider_amount { text-align: left; line-height: 2.4em; font-size: 0.8751em; } .price_slider_amount .button { position: absolute; font-size:1.15em; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; -webkit-border-radius: 10px; -moz-border-radius: 3px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; background: #e7e7e7; background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7)); background: -webkit-linear-gradient(#FEFEFE,#e7e7e7); background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%); background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%); outline: none; top: -.6em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; } .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size:.7em; display: block; border: 0; background: none repeat scroll 0 0 #bc7f24; box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; margin: 20px 0; -moz-border-radius: 1em; border-radius: 1em; background: #1e1e1e; background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a)); background: -webkit-linear-gradient(#1e1e1e,#6a6a6a); background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%); background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%); } .ui-slider-horizontal { height:.5em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .product-categories { margin-bottom: 50px; } .widget-area h2 { } .widget-area li a { text-transform: uppercase; font-size: 10px; } .widget-area ul { margin: 0 0 60px; } .widget-area li ul { margin-left: -20px } ul.woof_list.woof_list_checkbox { padding: 0 0 0 20px; color: #717c82; } .widget-area li li a { font-size: 16px; } .widget-area li.current-cat, .widget li.current-menu-item a { background: url(images/star.png) no-repeat 0 6px; font-weight: 700; color: #bc7f24 } .widget li.current-menu-item a { background-position: 0 4px } #filter a:hover { color: #bc7f24 } .widget-area a { color: #717c82; font-size: 14px; } .woocommerce ul.products li.product .price { font-size: 12px; } #product-featured .pf-inner { background: url(images/dots2.png) repeat-x 0 bottom; clear: both; padding: 0 30px 100px 30px; } #product-featured .pf-inner:after { clear: both; content: ''; display: block; } .featured-item { text-align: center; font-size: 12px; color: #717c82; } .featured-item img { margin-bottom: 10px; } .featured-item h3 { font-size: 13px; font-weight: 700; } .featured-item a { color: #717c82; } .featured-item a:hover { color: #000; } .featured-item .item-price, { text-transform: lowercase; } #product-featured.row { margin: 0 -60px !important } .featured-item ins { color: #bc7f24; } .item-image, .products li { position: relative; } .en .onsale { width: 56px; height: 55px; display: block; text-indent: -9999em; background: url(images/sale-sign.png) no-repeat; position: absolute; bottom: 0; right: 0; } .onsale { width: 56px; height: 55px; display: block; text-indent: -9999em; background: url(images/akcija-sign.png) no-repeat; position: absolute; bottom: 0; right: 0; } .item-image.big .onsale { bottom: 7px !important; } .woocommerce ul.products li.product .price del{} .woocommerce .price ins .amount{ color: #bc7f24 !Important; text-transform: lowercase; } div[role=complementary] .rounded { display: none; } .price_label, .amount { text-transform: lowercase; } [role=search] { margin-bottom: 60px; } .side-title { text-transform: uppercase; font-size: 10px; margin-left: 20px; } #filter { padding: 0 0 0 10px } .cart-button .items { position: relative; top: -3px; } .woocommerce .woocommerce-message { margin-bottom: 0 !important; } .woocommerce a.button { text-transform: uppercase; border-radius: 0; background: #fff; } .woocommerce .product .button.alt, .woocommerce a.button { font-weight: 500; background: #f8f2e7 url(images/dots2.png) repeat-x; text-align: center; font-size: 14px; color: #000; width: 190px; margin: 0 auto; display: block; text-transform: uppercase; padding: 10px 0 10px 0; height: 35px; border-radius: 0 !important; letter-spacing: .1em; } .woocommerce .product .button.alt:hover, .woocommerce a.button:hover, .woocommerce .wc-proceed-to-checkout a:hover { background: #bc7f24 url(images/dots2.png) repeat-x !important; color: #fff !important; } .woocommerce .product .buy-buy:after, .woocommerce a.button:after { background: url(images/dots2.png) repeat-x !important; display: block; height: 2px; content: ''; width: 190px; position: absolute; margin-top: 33px; } .woocommerce a.button:after { margin-top: 9px; } .cart_totals { float: right; text-align: center; width: 250px; } .cart_totals h2, .cart_totals tr th { text-transform: uppercase; font-size: 10px; vertical-align: bottom; font-weight: 700 !important; } .cart_totals h2 { border-bottom: 3px solid #717c82; padding-bottom: 10px; } .cart_totals strong, .cart_totals tr th { vertical-align: middle !important; } .cart_totals tr td { padding: 10px 0 !important } .cart_totals table { width: 100% } .woocommerce .actions .button { border-radius: 4px !important; background: #717c82 !important; color: #fff !important; float: right !important; font-weight: normal !important; font-size: 10px !important; text-transform: uppercase; padding: 8px 10px; } .woocommerce .actions .button:hover { background: #bc7f24 !important; } .wc-proceed-to-checkout a { padding: 0; width: 250px !important; background: #f8f2e7 !important; color: #000 !Important; } .woocommerce-cart table.cart td, .woocommerce-cart table.cart th { text-align: center; } .woocommerce-cart table.cart th { text-transform: uppercase; font-size: 10px; } .woocommerce-cart table.cart td { font-size: 16px; } .woocommerce form .form-row label { text-transform: uppercase; font-size: 10px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 5px 7px; border: 1px solid #ccc !important } #order_review_heading, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3 { margin: 30px 0 10px; text-transform: uppercase; font-size: 13px; font-weight: 700; color: #bc7f24; } #billing_country{ margin-left: 10px; padding: 5px; border-color: #ccc; } .side-note { margin-bottom: 100px; } .widget-title { display: none; } .woof .widget_price_filter .ui-slider .ui-slider-range, .woof .widget_price_filter .ui-slider .ui-slider-handle { background: #bc7f24 !important; } .widget-woof input[type="checkbox"], .widget-woof input[type="radio"] { display: none; } .widget-woof input[type="checkbox"]:checked, .widget-woof input[type="radio"]:checked { visible: none; display: inline-block; position: absolute; margin: 10px 0 0 -13px; } .widget-woof input[type="checkbox"]:checked:before, .widget-woof input[type="radio"]:checked:before { content: ''; display: block; width: 12px; height: 13px; background: #fff url(images/star.png) no-repeat 0 0; } .button.woo_reset_search_form { display: none !important; } .woof_list label { font-weight: 500 !Important; font-size: 16px; } .woof_container_inner { margin-top: 40px; } .woof_container_inner_kategorijeproizvoda label { font-size: 10px; text-transform: uppercase; } ul.woof_list.woof_list_checkbox, .woof_container_inner .woof_childs_list { padding: 0 !important; ; } .woof_container_inner .woof_childs_list li { margin-left: -15px !important; padding: 0 !important; } .woof_list.woof_list_checkbox { padding: 0 !important; margin: 0 } .woof_container_inner .woof_childs_list label { font-size: 16px; text-transform: none; } .woof_container_inner label { cursor: pointer; } #lang-menu { display: block; float: right; position: relative; top: -2px; } #lang-menu li.selected { display: none } #lang-menu a { color: #e3b46d; font-size: 13px; } .metaslider .caption-wrap {background: #bc7f24 !important; opacity: 1 !important; padding: 0 !important; color: #fff; width: 600px !important; position: absolute; text-align: center; font-size: 28px; font-weight: 300; line-height: 3.2em !important; z-index: 1000; margin: -200px 0 0 240px !important; bottom: auto !important; left: auto !important; } .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a { font-weight: 500 !important; } .logos-mobile { text-align: center; } .logos-mobile img { display: inline; } .brand-list .logos-mobile { display: none } /* Responsive Styles */ .img-responsive { max-width: 100% } @media (max-width:1080px) { .container { width: auto; padding: 0; margin: 0; } .holder { padding-left: 30px; padding-right: 30px; } .services .medium-3, .services .medium-1 { float: none; } .services .medium-1 p { display: none; } .services .medium-1 h4 { margin-bottom: 5px; } #footer-bottom .medium-1 { float: left !important; padding: 0; } .category .article.content { padding-left: 0; } .article.content { padding-left: 0 } #news .row { margin: 0; padding: 0; } .medium-3th { width: 33%; margin: 0 auto; padding: 0 5px; } .wrapper { padding: 30px 30px; } .navbar.wrapper { padding: 0 30px; } #newsletter-form { padding: 0; width: 100% } #newsletter-form input[type="email"] { width: 80%; } .support-holder { margin: 0 auto; width: 75%; } .category .article { margin-bottom: 20px; } #home-img { height: 300px; } .bar-name { padding: 60px 0 30px 30px; } .brand-list .brand-7 { margin-left: 0; } #follow-us { border-top: 1px solid #161616; padding: 30px 30px; margin: 0 0 0 0; } #newsletter-form, #social { width: 50%; float: left; } #follow-us .medium-3th { float: right; text-align: right; } #newsletter-form { position: relative; } #newsletter-form input[type="submit"] { position: absolute; top: 36px; right: 5px; } .brand-list .brand-8 { margin-left: 0; } .footer-brands { height: auto; padding: 20px 30px 0; } .footer-brands a { background: url(images/logos-small.png) center 0; width: 70px; } .footer-brands:after { clear: both; } .footer-brands a { margin-right: 9px; height: 30px; } .footer-brands a:last-child { margin-right: 0; } .footer-brands .brand-1 { background-position: 0 3px; } .footer-brands .brand-2 { background-position: 0 -27px; } .footer-brands .brand-3 { background-position: 0 -60px; } .footer-brands .brand-4 { background-position: 0 -90px; } .footer-brands .brand-5 { background-position: 0 -120px; } .footer-brands .brand-6 { background-position: 0 -150px; } .footer-brands .brand-7 { background-position: 0 -180px; } .footer-brands .brand-8 { background-position: 0 -210px; margin-left: 0; } .footer-brands .brand-9 { background-position: 0 -240px; } .footer-brands .brand-10 { background-position: 0 -270px; } .footer-brands .brand-11 { background-position: 0 -302px; } .footer-brands .brand-12 { background-position: 0 -364px; } .footer-brands .brand-14 { background-position: 0 -391px; } .footer-brands .brand-15 { background-position: 0 -337px; } .footer-brands .brand-7 { margin-left: 0; } #brands .brand-list .brand-7 { float: left; margin: 0 auto; position: relative; top: auto; right: auto; } #brands .brand-list { padding-bottom: 40px; } #company-contacts .medium-1 { float: left; } .services-brands.brand-list.row { padding: 20px 15px; width: 75% ; margin: 20px auto; } .logos-mobile { text-align: center; } .logos-mobile img { display: inline; width: 75px; margin: 0 12px 5px; } .footer-brands .logos-mobile { display: block; } .logo-2, .logo-3 { display: none; } .brand-list .logos-mobile { display: block; } } @media (max-width:950px) { .category .medium-1, .category .medium-3 { float: none; width: 100%; padding: 0 30px; } .category { padding-bottom: 0; } .sidebar { margin-top: 50px; } } @media(max-width:767px) { body { background-image: none } .pull-right { float: none; } #footer-bottom .pull-right { float: none !important; padding-top: 10px; } #footer-bottom .medium-1, span.footer-links.medium-3, #company-contacts .medium-1 { float: none !important; } #company-contacts .medium-1 { width: 100% !important; } .brand-list { width: auto; margin: auto; } .container { padding: 0; width: auto; } .holder { padding: 30px 0; } .article.content { padding-bottom: 30px; } .bar-name { padding: 30px 0 30px 30px; } .navbar { height: auto; min-height: 90px; } .navbar-collapse.pull-right { float: none !important; } #top-bar .top-nav.pull-right { float: right important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { border: none !important; border-bottom: 1px solid #444 !important; } .nav.navbar-nav li.active a { background: #bc7f24 !important; } .company-logo { margin-left: 30px } .navbar-nav, .navbar .nav li { margin: 0; padding: 0; } .navbar.wrapper { padding: 0; } .nav.navbar-nav li a, .nav.navbar-nav li a a { text-align: left; background: #717c82 !important; color: #fff !important; border-bottom: 1px solid #444; padding: 15px; } .navbar-nav .open .dropdown-menu>li>a { border: none; padding: 15px 60px !Important; border-bottom: 1px solid #444; } .nav .open > a:hover, .nav .open > a:focus, .nav .open li a:hover { color: #fff !important; } .dropdown-menu { margin: 0 !important; padding: 0; } .medium-1, .medium-2, .medium-3, .medium-4 { float: none; width: 100%; padding: 0 30px; } .row { margin: 0; } h2.subtitle, .category h2 a, .bar-name h1 { font-size: 22px; } h3.subtitle { color: #be7e11; font-weight: 700; margin-top: 5px; } .contact-info { clear: both; } .article .size-large { margin: 0 0 20px; max-width: 100%; height: auto; } .article.content { margin-top: 0; } .company-logo .img-responsive { } .company-logo { width: 150px !important; height: auto; } #home-img { height: 200px; } #brands { padding: 0px; } #brands .brand-list { padding: 0 } .logo-1 { display: none } .brand-list a { max-width: 154px; float: left; margin: 0 auto 20px !important; height: 60px; margin-right: 5px; } .logos-mobile { text-align: center; display : block; } .logos-mobile img { display: inline; margin: 20px 20px; width: 25%; } .services-brands .logos-mobile img { margin: 20px; ; width: 100px; } .footer-brands a { height: 30px; margin-bottom: 10px !important; margin-right: 30px !important; float: left !important; } .footer-brands { padding-bottom: 30px; } .footer-brands img { width: 20%; margin: 15px; } .about-item { margin-bottom: 60px; } .medium-3th { width: 100%; margin: 0 auto; padding: 0 5px; } #company-contacts { padding-top: 30px; } #company-contacts dl { margin: 0 auto; float: left; width: 33%; padding: 0 15px; } .logo { margin: 0 auto 40px; } #newsletter-form, #social { width: 100%; float: none; } #social .medium-3th { width: 33%; text-align: center; } #footer-bottom { padding: 15px; } #footer-bottom .medium-1 { text-align: center; } .faq2 { margin-top: 60px; } .waterproof.holder { padding: 30px 0; } .metaslider .caption-wrap { width: 75% !important; height: auto; font-size: 14px; margin: -100px auto 0 10% !important; position: static; } #newsletter-page .newsletter { width: 100%; } #newsletter-page { height: auto; padding: 0 !important } .support-holder { height: auto; } .cat-img a:before, .article-img:before { display: none } .service h2.subtitle, .services li h4 { margin-left: 30px; } .contact-info { padding-top: 60px; } #support.wrapper { height: auto; background-size: cover !Important; padding-bottom: 20px; } .services-brands.brand-list { text-align: center; } .services-brands.brand-list a { height: 40px; margin: 5px 5px !important; } #company-contacts .medium-2 { width: 100%; } #company-contacts dl { width: 100%; margin-bottom: 30px; text-align: center; } .page-parent #brands { padding: 15px !important; } .page-parent #brands img { width: 100px; display: inline-block; margin: 15px 15px; } } @media(max-width:474px) { .contact input[type="text"], .contact input[type="email"] { width: 100%; } .services li { padding: 15px 0; } #home-img { height: 150px; } #company-contacts dl { width: 100%; float: none; margin: 0 auto 30px; text-align: center; } .metaslider .caption-wrap { width: 100% !important; height: auto; font-size: 14px; margin: -35px auto !important; position: static; } .footer-brands a { margin-right: 20px !important; } .services-brands.brand-list a { float: none; margin: 0 auto !important; display: block; } .footer-brands.brand-list a { float: none !important; margin: 0 auto 10px !important; background-repeat: no-repeat; height: auto; max-width: none; } .footer-brands.brand-list .brand-1 { } #footer-bottom { text-align: center; padding: 30px 0 0 } #footer-bottom .footer-links a { margin: 0; float: none; display: inline-block !important; width: 100%; text-align: center; } #footer-bottom .medium-3 { padding: 0; } #brands.page-brands .brand-list a { float: none; margin: 0 auto !important; } #support { padding: 15px; } .support-holder, .services-brands.brand-list.row { width: 100% } } .prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span:before { border: none; radius: none } .prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active > span:before { border: none; background: url(images/star.png) no-repeat; width: 11px; height: 11px; } .prdctfltr_filter { margin-bottom: 30px; } .prdctfltr_checkboxes label:first-child { display: none; } .addr { margin: 50px auto 25px; } .addr strong { border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 15px; padding-bottom: 5px; display: inline-block; width: 100%; color: #bc7f24; text-transform: uppercase; }