/* FONTS */ @import url('https://fonts.googleapis.com/css?family=Oswald&subset=latin-ext'); @font-face { font-family: 'rosa'; src: url('../fonts/rosa-webfont.eot'); src: url('../fonts/rosa-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rosa-webfont.woff2') format('woff2'), url('../fonts/rosa-webfont.woff') format('woff'), url('../fonts/rosa-webfont.ttf') format('truetype'), url('../fonts/rosa-webfont.svg#rosa') format('svg'); font-weight: normal; font-style: normal; } /* NORMALIZE v4.0.2 */ /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} #footer {margin-top:60px!important;} /* GLOBALS */ ul,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;} body{margin:0;padding:0;font-family:Oswald;background-image:url('../img/bodyBG.jpg');background-repeat:no-repeat!important;background-position:center center!important;background-attachment:fixed!important;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;} a{color:black;text-decoration:underline;} a:hover{text-decoration:none;} fieldset {border:0;} ::-webkit-input-placeholder {color: #F38BB8;} :-moz-placeholder { /* Firefox 18- */color: #F38BB8; } ::-moz-placeholder { /* Firefox 19+ */color: #F38BB8; } :-ms-input-placeholder { color: #F38BB8; } /* MAIN */ .wrap {max-width:1150px;margin:0 auto;} @media all and (min-width:320px) and (max-width:966px){.wrap {width:100%;margin:0 auto;}} .noWrap {width:100%;margin:0 auto;} .clear{clear:both;height:0;font-size:0;line-height:0;} .hide {display:none;} .left{float:left;} .right{float:right;} .center{text-align:center;} .obvezno {color:red;} .round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .round5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .round10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .circle {-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;} .shadow1{-webkit-box-shadow: 0 0 1px 1px #efefef;box-shadow: 0 0 1px 1px #efefef;} .shadow{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .txtShadow {text-shadow: 1px 1px 0 #030303;} .fade {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .lightbox {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 900px;margin: 20px auto;border:2px solid #ccc;z-index:9999999999999;} .lightbox-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.lightbox-fade.mfp-bg.mfp-ready{opacity:.8}.lightbox-fade.mfp-bg.mfp-removing{opacity:0}.lightbox-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.lightbox-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.lightbox-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0} .obvezno {color:red;} .darkBg {background:#F47874;overflow:hidden;} .lightbg {background:#eee;overflow:hidden;padding:50px 0;} .nobg {background:transparent;padding:50px 0;} .white {color:white;} .mobileOnly {display:none!important;} @media all and (min-width:320px) and (max-width:966px){ .mobileOff {display:none!important;} .mobileOnly {display:block!important;} } .stick { position:fixed; top:0px; } /* DOWNLOADS */ #download{width:100%;background:#c9c9c9;font-size:.8em;margin:15px 0 5px;} #download td{padding:2px;border-bottom:1px solid black;} #download .ico{padding:5px 0;text-align:center;width:30px;} #download .date{width:120px;} #download thead td{background:#eee;} /* buttons */ .btn {cursor:pointer;padding:5px 20px;text-decoration:none;} input[type="submit"]:disabled {opacity:0.65;cursor:not-allowed;} .btn.white{background:white;color:#ED478C;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family:'rosa';} .btn:hover{} .btn.big {font-size:1.8em;padding:8px 30px;} .btn.medium {font-size:2.5em;padding:0 20px;} .btn.small {font-size:.7em;padding:0 10px;} .btn.shadow {-webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.75);box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.75);} #scrollUp{bottom:-10px;right:30px;width:70px;height:70px;padding:10px 5px;font-family:sans-serif;font-size:14px;line-height:20px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;color:#828282;-webkit-box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);box-shadow:0 0px 2px 1px rgba(0,0,0,0.2);background-color:#E6E6E6;background-image:-moz-linear-gradient(top,#ebebeb,#dedede);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ebebeb),to(#dedede));background-image:-webkit-linear-gradient(top,#ebebeb,#dedede);background-image:-o-linear-gradient(top,#ebebeb,#dedede);background-image:linear-gradient(to bottom,#ebebeb,#dedede);background-repeat:repeat-x;-webkit-transition:bottom 150ms linear;-moz-transition:bottom 150ms linear;transition:bottom 150ms linear}#scrollUp:hover{bottom:0px} #mainWrap {width:100%; margin:0 auto;padding:0;} .wallpaper {border-bottom:4px solid #ED478C;height:580px;background-repeat:no-repeat!important;background-position:center center!important;background-attachment:fixed!important;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;} .wallpaperPage {border-bottom:4px solid #ED478C;height:335px;background-repeat:no-repeat!important;background-position:center center!important;background-attachment:fixed!important;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;} @media all and (min-width:320px) and (max-width:966px){ .wallpaper {height:auto;} .wallpaperPage {height:auto;} } #header {height:120px;background:black/*url('../img/headerBG.jpg')*/;position:relative;width:100%;z-index:999;border-bottom:2px solid #ED478C} #header:after{content: '';width: 100%; height: 150px; position: absolute; background: inherit; z-index: -9; bottom: 0; left:0; border-bottom:3px solid #EB478B; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: 100%; transform-origin: 100%; -webkit-backface-visibility: hidden;} #header .logo img {position:absolute;margin-top:40px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);} #header .logo img:hover {position:absolute;margin-top:40px;-ms-transform: rotate(4deg);-webkit-transform: rotate(4deg);transform: rotate(4deg);} @media all and (min-width:320px) and (max-width:966px){ #header {height:90px;} #header .logo img {position:absolute;left:0;right:0;height:80px;width:auto;margin:10px auto 0 auto;} } /* MAIN MENU */ #header .menuMain {font-family:Oswald;text-align:center;padding-top:40px;margin-left:350px;} #header .menuMain li {float:left;margin:0;padding:0 40px;} #header .menuMain li a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:1.50em;color:white;} #header .menuMain li .sub {font-family:'rosa';text-transform:lowercase;font-size:1.6em;height:20px;padding-bottom:25px;font-weight:normal;} #header .menuMain li:hover .sub {/*-ms-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);transform: rotate(-10deg);*/-webkit-animation: swing 1s;animation: swing 1s;} #header .menuMain li .l1 {color:white;} #header .menuMain li .l1:hover {border-bottom:4px solid #B3D141;} #header .menuMain li .l2 {color:#B2D140;} #header .menuMain li .l2:hover {border-bottom:4px solid #ED478C;} #header .menuMain li .lL {color:#ED478C;} #header .menuMain li .lL:hover {border-bottom:4px solid white;} #header .menuMain li a i {display:none;} #header .icons {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);} #header .icons li {padding-top:10px;} #header .icons a i{color:white;font-size:1.7em;} #header .icons a i:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);color:#ED478C;} @media all and (min-width:320px) and (max-width:966px){ .leftMobile, .rightMobile {font-size:2em;margin:30px 20px;} .leftMobile a, .rightMobile a {color:white;} .closeMenus {margin:0 auto;text-align:center;padding:10%;font-size:3em;} } .search {} .search input[type=text]{cursor:pointer;width:30px;box-sizing:border-box;border:0;font-size:16px;background-color:white;background-image:url('../img/search.png');background-position:15px 10px;background-repeat:no-repeat;padding:10px 20px 10px 35px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;color:black} .search input[type=text]:focus{cursor:text;width:280px;background-position:10px 10px;padding:10px 20px 10px 45px} /* MOBILE MENUS */ @media all and (min-width:320px) and (max-width:966px){ #mobileMenuLeft li .sub {display:inline-block;font-family:'rosa';text-transform:lowercase;font-size:2em;color:#ED478C;} #mobileMenuLeft {padding-top:30px;} #mobileMenuLeft li a {text-decoration:none;font-size:1.4em;display:block;height:50px;line-height:50px;padding-left:30px;color:#B3D141;} #mobileMenuLeft li a i {width:30px;text-align:center;margin-right:20px;color:#ED478C;} #mobileMenuRight {padding-top:30px;} #mobileMenuRight li {border-bottom:0px dotted #0083CA;margin:0 10px;} #mobileMenuRight li a {text-decoration:none;font-size:1.3em;display:block;height:50px;line-height:50px;padding-left:30px;color:#B3D141;} #mobileMenuRight li:last-child {border:0;} #mobileMenuRight li a i {width:30px;text-align:center;margin-right:20px;} .mobileContact {padding:5px;color:white!important;text-align:center;} .mobileContact ul {padding-top:10px;} .mobileContact li a {float:left;width:80%;border:1px solid white;padding:5px;margin:5px 0;color:white;text-decoration:none;text-align:left;} .mobileContact li a i {padding-right:3%;font-size:1.4em;} .mobileContact li a .fa-map-marker {padding-right:4%;} } /* INDEX PAGE */ .title {padding:20px 0 30px 0;font:normal 8em 'rosa';color:#B2D140;} .title.center {text-align:center;} @media all and (min-width:320px) and (max-width:966px){ .title {padding:10px 0 20px 0;font-size:4em;} } #slider{width:570px;background:url('../img/alpha.png');height:auto;padding:60px 30px 10px 30px;} #slider p{font:normal 2.6em rosa;color:#66772C;} .wallpaperPage #slider {width:1150px;padding:60px 20px 10px 20px;} .wallpaperPage #slider p{font-size:1.98em;} @media all and (min-width:320px) and (max-width:966px){ #slider{width:auto;background:url('../img/alpha.png');height:auto;padding:0 20px;} #slider p{font:normal 2em rosa;color:#66772C;text-align:justify;} .wallpaperPage #slider {width:auto;padding:0 20px;} .wallpaperPage #slider p{font-size:1.4em;text-align:justify;} } #inquiryBox .btn{position:absolute;margin-left:-70px;} #inquiryBox .field {width:380px;height:60px;margin-bottom:30px;border:0;background:white;padding:0 10px;color:#ED478C;-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);} #inquiryBox textarea {width:690px;height:230px;border:0;background:white;padding:10px;color:#ED478C;-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);} #inquiryBox .captchaInput {width:30px!important;float:left;position:absolute;margin-left:-200px;padding:10px;} #inquiryBox .captchaText {position:absolute;margin:10px 0 0 -250px;} #inquiryBox [disabled]:hover {-webkit-animation:shake 1s;animation:shake 1s;} .indexPage {} #newsList {list-style:none;font-size:0px;margin-left:-2%;} #newsList li {width:260px;height:400px;display:inline-block;padding:0;margin:0 0 2.5% 2.5%;background:white;font-size:13px;font-size:1rem;vertical-align:top;-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);box-shadow: 4px 4px 2px 0px rgba(0,0,0,.5);} #newsList li:nth-child(even){rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);} #newsList li:nth-child(odd){rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);} #newsList li:hover {rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);} /*#newsList li:hover > .photo img {-webkit-animation: wobble 1s;animation: wobble 1s;}*/ #newsList .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:260px;height:200px;} #newsList .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:260px;zoom:1.4;} #newsList li h2 a {text-decoration:none;color:#ED478C;} #newsList li h2 {padding:15px 10px 0 10px;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1em;font-weight:normal;color:#ED478C;height:20px;} #newsList li p {color:#666;font-size:.8em;text-align:justify;padding:0 10px;height:100px;overflow:hidden;border-bottom:2px dotted #B2D140;width:240px;line-height:20px;} #newsList li h6 {text-align:center;padding:10px 0 0 10px;font-weight:normal;font-size:.8em;color:#b6b6b6;} @media (max-width: 966px) { #newsList {text-align:center;} #newsList li {} } #galleryHome li{display:inline-block;*display:inline;width:25%;vertical-align:middle;box-sizing:border-box;margin:0;padding:0} #galleryHome a{display:block;position:relative;overflow:hidden;border:5px solid white;} #galleryHome .photo{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:350px;height:200px;transform:scale(1);transition:all 1s;} #galleryHome .photo img{flex-shrink:0;min-width:100%;min-height:100%;width:350px} #galleryHome .overlay{position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:auto;background:#3dc0f1;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);transition:all .6s} #galleryHome li:hover .overlay{opacity:.8} #galleryHome li:hover .photo {transform:scale(1.05);} #galleryHome .text{display:block;padding:0 30px;box-sizing:border-box;position:absolute;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:18px;font-weight:normal!important;top:40%;color:white;opacity:0;filter:alpha(opacity=0);transform:translateY(-20px);transition:all .3s} #galleryHome li:hover .text{transform:translateY(0px);opacity:.9} @media (max-width: 9000px) { #galleryHome li { width:25%; } } @media (max-width: 700px) { #galleryHome li { width:33.33%; } } @media (max-width: 550px) { #galleryHome li { width:50%; } } .testimonials {background-image:url('../img/testimonials.jpg');background-size: cover;background-clip: border-box;text-align:center;height:500px;} .testimonials .space {padding:50px 0;} .testimonial p {margin:0 auto;color:white;font-style:italic;font-size:1.6em;width:800px;} .testimonial img {width:100px;height:100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .testimonial-author {color:white;} @media all and (min-width:320px) and (max-width:966px){ .testimonials {min-height:300px;} .testimonial {width:90%;} .testimonial p {width:90%;font-size:1.1em;padding:0 5%;} } .sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden; } .ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; } .sssnext, .sssprev { width: 25px; height: 100%; margin: 0; position: absolute; top: 0; background: url('../img/arr.png') no-repeat; } .sssprev { left: 3%; background-position: 0 50%; } .sssnext { right: 3%; background-position: -26px 50%; } .sssprev:hover, .sssnext:hover { cursor: pointer; } /* BODY */ #page {} #page h1 {padding:20px 0 30px 0;font:normal 5em 'rosa';color:#B2D140;text-shadow: 1px 1px 0 #030303;text-align:center;} #page h1 span {color:#ED478C;} #body {width:100%;} #page .resp {width:100%;height:auto;} #pageDescription h2 {border-bottom:2px dotted #ED478C;margin:30px 0;font-weight:normal;rotate(1deg);-webkit-transform: rotate(1deg);transform: rotate(1deg);} #pageDescription h2:first-of-type{rotate(-1deg);-webkit-transform: rotate(-1deg);transform: rotate(-1deg);} #pageDescription h2{} #pageDescription p{line-height:22px;text-shadow: 1px 1px 0 white;font-size:1.2em;} #pageDescription ul{list-style:none;padding:10px;margin:0;list-style-position:inside;padding-top:20px;background:rgba(255,255,255,0.5);} #pageDescription li{padding-left:1.5em;text-indent:-1em;padding-bottom:20px;text-shadow: 1px 1px 0 white;font-size:1.2em;} #pageDescription li:before {content:"\f054";font-family:FontAwesome;color:#B2D140;margin-right:5px;text-shadow: 1px 1px 0 black;} .indexHeader {color:white;font-size:1.2em;font-weight:normal;} @media all and (min-width:320px) and (max-width:966px){ #page {background:white;padding:0 5%;} #body {width:100%;} #column {float:left!important;width:auto;} } .columnBox {padding:10px 10px 30px 10px;background:white;margin-bottom:10px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;transition: none;} .columnBox:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} @media all and (min-width:320px) and (max-width:966px){ .columnBox {padding:0;margin:0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .columnBox:hover {padding:0;margin:0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} } #showSubpages {margin-bottom:50px;} #showSubpages h1 {font-size:1.2em;padding:10px 0 10px 0; margin-bottom:15px; height:35px; line-height:35px;color:#2C71B5;cursor:pointer;border-bottom:1px solid #eeeded;} #showSubpages h1 i {padding-right:15px; cursor:pointer;color:#CCCCCC;font-size:.8em;} #showSubpages ul {list-style:none;} #showSubpages li a {display:block;padding:5px 10px; text-decoration:none;font-size:1.1em;color:black} #showSubpages li a:hover {text-decoration:underline;} #showSubpages h1 i.mobileOn {display:none;} @media all and (min-width:320px) and (max-width:966px){ #showSubpages {margin:0;background:#415A77;padding:0 0 0 25px;width:100%;} #showSubpages h1 {height:40px; line-height:40px; color:white;border:0;} #showSubpages h1 i {float:right; line-height:40px;font-size:1.6em;padding-right:20px;color:white;} #showSubpages li a {display:block; text-decoration:none; text-align:center;font-size:1.3em;padding:10px 0;color:white;} #showSubpages h1 i.mobileOn {display:block;} } .sticking {width: 1150px!important;z-index: 999;} /* PRODUCTS */ #catalogList {list-style:none;font-size:0px;margin-left:-2.5%;} #catalogList li {display: inline-block;padding: 10px;margin: 0 0 1.5% 2.5%;background: #fff;border: 1px solid #ddd;font-size: 16px;font-size: 1rem;vertical-align: top; box-shadow: 0 0 5px #ddd;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;} #catalogList li h2 {font-size:1em;} #catalogList li .photo img {width:100%;height:auto;} @media (max-width: 966px) { #catalogList {text-align:center;} #catalogList li {} } .pagination ul {display: table;margin: 0 auto;} .pagination li a {display:block;float:left;background:#72C6EF;text-align:center;font-size:2em;text-decoration:none;padding:5px 20px;margin:5px;} .pagination li {display:block;float:left;text-align:center;} .pagination .pNext:before{content: "\f061";font-family: FontAwesome;} .pagination .pPrev:before{content: "\f060";font-family: FontAwesome;} .pagination li strong {background:#0083CA;padding:5px 20px;margin:5px;font-size:2em;} #productsList {list-style:none;font-size:0px;margin-left:-2%;} #productsList li {display: inline-block;padding: 10px;margin: 0 0 2.5% 2.5%;background: #fff;border: 1px solid #ddd;font-size: 16px;font-size: 1rem;vertical-align: top; box-shadow: 0 0 5px #ddd;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;} #productsList li h3 {font-weight:normal;font-size:.9em;color:#666;} #productsList li h3 a{text-decoration:none;color:#666;} #productsList li h3 a:hover{color:black;} #productsList li .photo {padding:0 20px;} @media (max-width: 966px) { #productsList {text-align:center;} #productsList li {} } /* subpages */ #subCategories {background: #f0f0f0;border: 1px solid #ccc;border-right: none;width: 100%;margin-bottom: 20px;} #subCategories ul {margin: 0;padding: 0;} #subCategories ul li{list-style:none;text-align:center;border-left:1px solid #fff;border-right:1px solid #ccc} #subCategories ul li:first-child{border-left:none} #subCategories ul li a{display:block;text-decoration:none;color:#616161;padding:10px 0} #subCategories ul li a.levelL {background:#72C6EF;} #subCategories ul li a:hover{background:white;} #subCategories{display:table;table-layout:fixed} #subCategories ul{display:table-row} #subCategories ul li{display:table-cell} @media(max-width:966px){ #subCategories{font-size:1.2em;text-transform:uppercase;padding:5px 0;} #subCategories ul li{display:block;border-bottom:1px solid #ccc} .toggleSubs {text-align:center;font-size:1.5em;font-weight:normal;} .toggleSubs i{margin-right:20px;} } #promotedList .media {position:relative;width:530px;float:left;margin-left:50px;margin-bottom:50px;} #promotedList .media:nth-child(odd){margin:0;} #promotedList h2 {font-weight:normal;font-size:1.4em;color:white;font-family:'Oswald';} #promotedList .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:530px;height:220px;} #promotedList .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:530px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} #promotedList .media:hover .photo img {rotate(-7deg);-webkit-transform: rotate(-7deg);transform: rotate(-7deg);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} #promotedList .media:hover .overlay {-webkit-animation: swing 1s;animation: swing 1s;-webkit-animation-fill-mode: forwards;background: rgba(156,183,60,0.8);} @media all and (min-width:320px) and (max-width:966px){ #promotedList {padding:0;} #promotedList .media:nth-child(odd){margin:20px;} #promotedList .media {width:auto;float:none;margin:20px;} #promotedList .photo {width:auto;height:220px;} #promotedList .media .photo img {rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);} } .overlay { /*border:2px solid #ED478C;*/ -ms-transform: rotate(-8deg);-webkit-transform: rotate(-8deg);transform: rotate(-8deg); background: rgba(156,183,60,0.6); bottom: 0; width:150px; left: 0; overflow: hidden; padding: 3.75em 3em; position: absolute; top: 0; right: 0; color:white; } @media all and (min-width:320px) and (max-width:966px){ .overlay { /*border:2px solid #ED478C;*/ -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg); background: rgba(156,183,60,0.6); bottom: 0; width:150px; left: 0; overflow: hidden; padding: 3.75em 3em; position: absolute; top: 0; right: 0; color:white; } } /* PRODUCT DETAILS */ #product {width:1150px;} #product #mainPhoto img{width:500px;} #product #productData {width:570px;height:auto;border:1px solid #dddddd;padding:30px; background: #f6f8f9; background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 50%, #d7dee3 55%, #f5f7f9 100%); background: -webkit-linear-gradient(-45deg, #f6f8f9 0%,#e5ebee 50%,#d7dee3 55%,#f5f7f9 100%); background: linear-gradient(135deg, #f6f8f9 0%,#e5ebee 50%,#d7dee3 55%,#f5f7f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); } #product #productData h1 {font-family:'rosa';font-size:4em;color:#ED478C;} #product .description h2 {background:#d9a300;color:white;padding:10px;border:1px solid #b68d4c;background:#f2c480;background:-moz-linear-gradient(top,#f2c480 0,#c19e67 32%,#b68d4c 56%,#e8c186 100%);background:-webkit-linear-gradient(top,#f2c480 0,#c19e67 32%,#b68d4c 56%,#e8c186 100%);background:linear-gradient(to bottom,#f2c480 0,#c19e67 32%,#b68d4c 56%,#e8c186 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c480',endColorstr='#e8c186',GradientType=0);} #product .description p {font-size:1.2em;text-align:justify;} #product .description ul {font-size:1.2em;} #product .description li {list-style:square inside none;line-height:25px;} @media all and (min-width:320px) and (max-width:966px){ #product {width:auto;} #product #mainPhoto {width:auto;} #product #mainPhoto img {width:100%;height:auto;} #product #productData {width:auto;} #product #productData p{text-align:justify;line-height:25px;} #product #sliderGallery {display:none;} .zoom:after {background:none;} } #product #sliderGallery {width:auto;} #product #sliderGallery .photo {position:relative;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden;width:155px;height:100px;background:white;margin:0 auto;margin-right:8px;margin-bottom:10px;} #product #sliderGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:155px;zoom:1.2;} /* #product #sliderGallery .photo {position:relative;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden;width:200px;height:100px;background:white;margin:0 auto;padding-top:10px;margin-right:5px;} #product #sliderGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:200px;} */ /* FEATURES */ #features table{margin:0 0 15px;width:500px;background:#e0e0e0;font-size:1.2em;} #features h2 {text-transform:uppercase;color:#d9a300;padding-bottom:20px;padding-top:20px;} #features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:normal;text-align:left;} #features .l0 td, #features .l0 th{background:#f0f0f0;} @media all and (min-width:320px) and (max-width:966px){ #features {width:90%;} } /* bottom gallery */ #imageGallery li {float:left;text-align:center;margin:0 5px 10px 5px;} #imageGallery .photo {position:relative;border:1px solid #b2b2b2;display:flex;justify-content:center;align-items:center;overflow:hidden;width:370px;height:180px;} #imageGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:370px;/*zoom:1.2*/} /* file attachments */ #filesList {padding:30px 0;} #filesList li {background:#efefef;padding:10px 15px;font-size:.9em;border-bottom:1px solid white;} #filesList .levelL {border:0;} #filesList img{padding-right:10px;} #filesList a{padding-right:20px;font-size:1.2em;text-decoration:none;} #filesList a:hover{text-decoration:underline;} #login {margin:0 auto;text-align:center;} #login .input{width:250px;padding:10px;border:1px solid grey;background:white;font-size:1.5em;text-align:left;margin:10px;} @media all and (min-width:320px) and (max-width:966px){ #login .input {width:80%;} } #newsletter input[type="text"] {border:0;padding:13px 10px;outline:none;color:#777;margin:0;width:200px;max-width:100%;display:block;margin-bottom:20px;background:#fff;} #newsletter input[type="submit"] {padding:13px 20px;} #newsletter .captchaInput{width:30px!important;float:left;} #newsletter .captchaInput[type="text"]{background:#efefef;text-align:center;} #newsletter .captchaText {position:absolute;background:url('../img/bubbleTR.png')no-repeat;width:75px;height:50px;line-height:50px;text-align:center;margin:40px 0 0 180px;color:white;} @media all and (min-width:320px) and (max-width:966px){ #newsletter {float:none!important;padding:0 20px;clear:both;} } #promoters {padding:0;} @media all and (min-width:320px) and (max-width:966px){ #promoters {float:none!important;padding:0 20px;clear:both;} #promoters img {width:100%;height:auto;} } /* FOOTER */ /* main footer */ #footer {background:black;padding:10px;color:white;font-size:.9em;} #footer .column {width:270px;padding:10px;} #footer h1 {margin-bottom:10px;padding-bottom:10px;font-size:1.2em;color:white;text-transform:uppercase;font-weight:normal;} #footer h1 i {margin-right:20px;} #footer a {color:white;} /* footer blocks */ #footerContact {width:450px;} #footerContact i {padding-right:10px;color:white;width:20px;text-align:center;} #footerMenu {width:680px;} #footerMenu li {float:left;width:150px;font-weight:bold;padding:10px;} #footerMenu li li {float:none;padding:5px 0;line-height:15px;} #footerMenu i {display:none;} #footerMenu li a {font-size:.9em;text-decoration:none;color:#F37873;} #footerMenu li li a{font-size:.9em;text-decoration:none;color:white;font-weight:normal;} #footerMenu li li a:hover {text-decoration:underline;background:none;} @media all and (min-width:320px) and (max-width:966px){ #footerMenu {display:none!important;} #footerContact {width:auto;} } #footerSocial {width:60px;text-align:center;padding-top:30px;} #footerSocial a i {font-size:1.5em;color:black;background:white;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;width:40px;height:40px;text-align:center;line-height:40px;margin-bottom:20px;} #footerSocial .fa-facebook:hover {background-color:#3b5998;color:white;} #footerSocial .fa-instagram:hover {background-color:#9b6954;color:white;} @media all and (min-width:320px) and (max-width:966px){ #footerSocial {float:right;} } @media all and (min-width:320px) and (max-width:640px){ #footerSocial {width:40px;} } .copy {height:30px;color:white;line-height:30px;} .copy a {color:white;} @media all and (min-width:320px) and (max-width:966px){ .copy {height:25px;line-height:25px;} } @media all and (min-width:320px) and (max-width:640px){ .copy {font-size:.9em;} } /* .menu-button{position:fixed;bottom:0;z-index:1000;margin:.5em;padding:0;width:2em;height:2em;border:0;font-size:1.5em;color:#373a47;background:transparent} .menu-button span{display:none} .menu-button:hover{opacity:.6} .menu-wrap{position:fixed;z-index:999;background:#0083ca;-webkit-transition:width .3s,height .3s;transition:width .3s,height .3s;width:0;height:0;font-size:1.5em;bottom:0;left:0;-webkit-transform-origin:0 100%;transform-origin:0 100%} @media screen and (max-width:50em){ .menu-button{margin:.25em} .menu-wrap{bottom:.25em;left:.25em} } .menu{height:100%;opacity:0;font-size:.65em;color:#64697d;text-align:right} .profile{display:inline-block;line-height:42px;font-weight:700;padding:1em} .profile img{float:right;border-radius:50%;margin-left:10px} .link-list{padding:1.35em 0;margin:0 .75em;border-bottom:3px solid rgba(125,129,148,0.2);border-top:3px solid rgba(125,129,148,0.2)} .link-list a{display:block;margin:.25em 0;color:#7d8194;padding:.5em 1.5em} .link-list a:hover,.link-list a:focus{color:#64697d} .link-list a span{margin-left:10px;font-weight:700;vertical-align:middle} .icon-list{position:absolute;right:1em;bottom:.9em} .icon-list a{font-size:1.5em;margin-left:.25em;color:rgba(125,129,148,0.5)} .show-menu .content::before{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .show-menu .menu-wrap{width:280px;height:340px;-webkit-animation:anim-jelly .8s linear forwards;animation:anim-jelly .8s linear forwards} .show-menu .menu{opacity:1;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s} */ table, tr, td { border: none; } /* CART */ /* BASKET STEP 1 */ #cart {width:100%;font-size:1.3em;} #cart .hov {height:70px;border-bottom:1px solid #72C6EF;} #cart .name {width:60%;text-align:left;} #cart .price {width:7%;} #cart .x, #cart .equ {width:3%;text-align:center;} #cart .quantity {width:9%;text-align:center;} #cart .quantity input{width:30px;text-align:center;} #cart .summary {width:8%;text-align:left;} #cart .del {width:5%;text-align:center;} #cartSummary {width:100%;text-align:right;} #cartSummary .summary {font-size:2em;font-weight:bold;color:red;padding:10px 70px 50px 0;border-top:1px solid black;} #cartSummary .summary span {color:black;font-size:.7em;} #cartSummary .btn {margin-bottom:100px;} /* ORDER STEP 2 */ /* order data block */ #personalDataBlock {background:#efefef;padding:15px 0;border:1px solid grey;} @media all and (min-width:320px) and (max-width:966px){ #personalDataBlock {padding:5px 0;border:0;} } /* personal data left */ #order #personalData{border-right:1px solid grey;float:left;width:500px;padding-right:40px;} #order #personalData h2{padding:0 0 15px 10px;font-size:1.3em;font-weight:normal;color:#C32328;} #order #personalData .orderInput{margin:5px;padding:7px;border:1px solid #6c6c6c;background:white;} #order #personalData #name .orderInput {width:220px;} #order #personalData #street .orderInput {width:470px;} #order #personalData #city .orderInput:first-of-type {width:255px;} #order #personalData #city .orderInput {width:70px;} #order #personalData #city .orderInput.state {width:100px;} #order #personalData #email .orderInput {width:470px;} #order #personalData #orderRegisterForm .orderInput:first-of-type {width:220px;} #order #personalData #orderRegisterForm .orderInput {width:90px;} #order #personalData #oComment{height:100px;width:465px;} @media all and (min-width:320px) and (max-width:966px){ #order #personalData{border:0;float:none;width:auto;padding:0;} #order #personalData input {width:90%!important;float:left;} #order #personalData #phone span {display:none;} #order #personalData #selectState {float:left;clear:both;width:95%!important;} #order #personalData #oComment{height:100px;width:90%;} } /* shipping and payment right */ #order #shippingAndPayments h2{padding:0 0 15px 10px;font-size:1.3em;font-weight:normal;color:#C32328;} #order #shippingAndPayments {width:500px;padding-left:40px;} #order #shippingAndPayments label {width:460px;color:#00689A;display:block;background:white;float:left;padding:10px;cursor:pointer;border:1px solid #fff;margin:0 10px 10px 0;} #order #shippingAndPayments label:hover {border:1px solid #999999;} #order #shippingAndPayments input {display:none;} #order #shippingAndPayments input[type="radio"]:checked+label{background:#C32328;border:1px solid #C32328;} #order #shippingAndPayments input[type="radio"]:checked+label > .ptt{color:white;} #order #shippingAndPayments input[type="radio"]:checked+label > .name{color:white;} #order #shippingAndPayments input[type="radio"]:disabled+label {background:url('../img/disabled.png');} #order #shippingAndPayments .name {font-size:1.4em;color:black;font-weight:bold;} #order #shippingAndPayments .costs {font-size:.6em;font-weight:normal;} #order #shippingAndPayments .ptt{font-size: 1.1em;padding:5px 0;color:#C32328;} #order #shippingAndPayments .ptt img{height:32px;width:auto;} @media all and (min-width:320px) and (max-width:966px){ #order #shippingAndPayments {width:100%;padding:0;font-size:.8em;} #order #shippingAndPayments label {width:90%;} } /* BASKET and ORDERED PRODUCTS */ #orderedProducts table{width:100%;margin:0;} #orderedProducts td, #orderedProducts th{padding:15px;} #orderedProducts thead .quantity, #orderedProducts thead .summary,#orderedProducts thead .options {text-align:right;} #orderedProducts thead .price {text-align:right;} #orderedProducts thead td{padding-bottom:11px;background:black;color:#fff;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#72C6EF;border-bottom:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;} #orderedProducts tbody .photo {position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:70px;height:70px;} #orderedProducts tbody .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:70px;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{display:none;} #orderedProducts tbody a:hover{background:inherit;color:#666;} #orderedProducts tfoot{text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:red; color:white; font-size:2em; margin-top:40px;} #orderedProducts tfoot .nextStep .submit:hover{background:black; color:white;} @media all and (min-width:320px) and (max-width:966px){ #orderedProducts table{font-size:.8em;} #orderedProducts thead {display:none;} #orderedProducts #save {display:none;} #orderedProducts tbody .photo {display:none;} } /* order summary */ #order tfoot td, #orderPrint tfoot td{color:#ED3237;} #order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;} #order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;} #order .summaryOrder, #orderPrint .summaryOrder{color:#666;font-size:1.36em;font-weight:bold;} #order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;} #order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;} #order #rulesAccept th{color:#666;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */ /* ORDER SUMMARY/PRINT PAGE */ #orderPrint .message{padding:0;} #orderPrint .message h3{padding:10px 8px 20px;background:inherit;font-weight:normal;font-size:1.5em;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#2e6a97;font-size:1.2em;font-weight:bold;} #orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#fff url('img/body.png');} #orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;} #orderPrint dt{clear:left;text-align:right;} #orderPrint dd{padding-left:3%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* ORDER CONFIRMATION step 3 */