/* FONTS */ @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext); @import url('https://fonts.googleapis.com/css?family=Arima+Madurai&subset=latin-ext'); @font-face { font-family: 'dince'; src: url('../fonts/dince.eot'); src: url('../fonts/dince.eot?#iefix') format('embedded-opentype'), url('../fonts/dince.woff') format('woff'), url('../fonts/dince.ttf') format('truetype'), url('../fonts/dince.svg#dince') 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} /* GLOBALS */ ul,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;} body{margin:0;padding:0;font-family:PT Sans Narrow;} a{color:black;text-decoration:underline;} a:hover{text-decoration:none;} fieldset {border:0;} ::-webkit-input-placeholder {color: #bbbbbb;} :-moz-placeholder { /* Firefox 18- */color: #bbbbbb; } ::-moz-placeholder { /* Firefox 19+ */color: #bbbbbb; } :-ms-input-placeholder { color: #bbbbbb; } /* 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: rgb(3, 3, 3) -2px 0px 3px;} .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:10px 0;} .lightbg1 {background:#ffffbf;overflow:hidden;padding:10px 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; } .cenik td,th { padding:5px; border-collapse:collapse; width:15em; text-align:center; color:black; font-size:1.5em; border:1px solid black;} .cenik tr:first-child td{background:#efefef;padding:2px 5px; color:black; text-transform:capitalize; height:30px; line-height:30px;} .cenik1 tr:first-child td{display:none;} .cenik2 .mesec1 {background:#efefef; width:400px; height:40px; line-height:40px; color:black;} .cenik tbody { padding:0; margin:0; width:100%; border:1px solid black; text-transform:uppercase; cursor:default;} /* .urnik tbody tr:hover {background:#efefef; color:black; border:1px solid black; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} */ .cenik .mesec {background:#efefef; width:150px; height:40px; line-height:40px; color:black;} /* 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;} .wallpaper {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;} /* buttons */ .btn {cursor:pointer;padding:5px 20px;text-decoration:none;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border:0;} input[type="submit"]:disabled {opacity:0.65;cursor:not-allowed;} .btn.blue{background:#037AC9;color:white;border:1px solid #72C6EF;} .btn.blue1{background:#037AC9;color:white;} .btn.blue:hover{background:#72C6EF;color:black;} .btn.big {font-size:1.8em;padding:8px 30px;} .btn.medium {font-size:1em;padding:5px 20px;} .btn.small {font-size:.7em;padding:5px 10px;} .btn.shadow {-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.29);} #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;} /* HEADER */ #topHeader {height:40px;line-height:40px;background:#710000;color:white;} #topHeader a {color:white;} #topHeader .menuTop li {float:left} #topHeader .menuTop li a{text-decoration:none;padding:0 15px;} #topHeader .socialIcons a {font-size:1.4em;margin-right:10px;} #topHeader .slogan {padding-left:150px;} #topHeader .slogan span {font-size:.8em;font-style:italic;} .fa-facebook-official:hover {color:#3b5998;} .fa-twitter:hover {color:#00aced;} .fa-pinterest:hover {color:#cb2027;} .fa-youtube:hover {color:#bb0000;} .fa-instagram:hover {color:#9b6954;} #header {height:70px;line-height:70px;} #header .logo img {width:300px;height:auto;position:absolute;margin:-30px 0 0 0;} @media all and (min-width:320px) and (max-width:966px){ .logo img {position:absolute;left:0;right:0;margin:auto;height:35px;width:auto;padding-top:3px;} } /* MAIN MENU */ #header .menuMain {height:70px;} #header .menuMain li {float:left;margin:0;padding:0;} #header .menuMain li a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:1.3em;padding:0 8px;border-right:1px solid #aaaaaa;} #header .menuMain li a:hover {color:#710000;} #header .menuMain .lL {border:0;} #header .menuMain li a i {display:none;} @media all and (min-width:320px) and (max-width:966px){ .leftMobile, .rightMobile {font-size:1.8em;margin:0 10px;} .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} @media all and (min-width:320px) and (max-width:966px){ #mobileMenuLeft {padding-top:30px;} #mobileMenuLeft li {border-bottom:0px dotted #0083CA;margin:0 10px;} #mobileMenuLeft li a {text-decoration:none;font-size:1.3em;display:block;height:50px;line-height:50px;padding-left:20px;color:white;} #mobileMenuLeft li:last-child {border:0;} #mobileMenuLeft li a i {width:30px;text-align:center;margin-right:20px;} } @media all and (min-width:320px) and (max-width:966px){ #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:20px;color:white;} #mobileMenuRight li:last-child {border:0;} #mobileMenuRight li a i {width:30px;text-align:center;margin-right:20px;} } /* INDEX PAGE */ .title {padding:20px 0 30px 0;font-size:2em;font-family:'Arima Madurai';} .title.dark {color:#720000;} .title.center {text-align:center;} @media all and (min-width:320px) and (max-width:966px){ .title {padding:10px 0 20px 0;font-size:1.3em;} } #imageSlider1 {width:800px;height:350px;box-shadow: 0 0 5px #ddd;border:2px solid #ddd;} #imageSlider {width: 100%;height: 500px;} @media all and (min-width:320px) and (max-width:966px){ #imageSlider {display:none!important;} #imageSlider1 {width:94%;float:left!important;margin-left:10px;} #imageSlider1 img {width:100%;height:auto;} } .rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {background: transparent!important; } #sliderContent {position:absolute;z-index:99;margin-left:-200px;left:30%;padding-top:150px;} #sliderContent .box {background:url('../img/alpha.png');height:100px;float:left;padding:20px;font-size:1.3em;float:left;margin-left:30px;font-family:'Arima Madurai';line-height:35px;} #sliderContent h1 {color:#8c0000;padding:20px;font-size:1.8em;background:url('../img/alpha.png');width:300px;float:left;height:130px;font-family:'Arima Madurai'} #sliderContent h1 span {font-size:.7em;} .frontBox li{display:inline-block;*display:inline;width:25%;vertical-align:middle;box-sizing:border-box;margin:0;padding:9px;} .frontBox a{display:block;position:relative;overflow:hidden;} .frontBox .photo{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:300px;height:250px;transform:scale(1);transition:all .3s;} .frontBox .photo img{flex-shrink:0;min-width:100%;min-height:100%;width:350px} .frontBox .overlay{position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:auto;background:#d9a300;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);transition:all .6s} .frontBox li:hover .overlay{opacity:.8} .frontBox li:hover .photo {transform:scale(1.05);} .frontBox .text{display:block;padding:0 30px;box-sizing:border-box;position:absolute;left:0;width:100%;text-align:center;font-size:1.2em;font-weight:normal!important;top:15%;color:black;opacity:0;filter:alpha(opacity=0);transform:translateY(-20px);transition:all .3s} .frontBox li:hover .text{transform:translateY(0px);opacity:.9} .frontBox li .data {background:#333333;height:40px;color:white;padding:10px;} .frontBox li .data h2 {font-weight:normal;text-transform:uppercase;font-size:1.1em;} @media (max-width: 966px) { .frontBox {text-align:center;margin:0 auto;} .frontBox li {width:95%;display:table;padding: 10px;margin: 0 0 2.5% 2.5%;background: #fff;border: 1px solid #ddd;font-size: 16px;font-size: 1rem;vertical-align: top;} .frontBox li img {width:80%;height:auto;} .frontBox li .photo {width:95%;height:auto;padding:0;} .frontBox li .photo img {width:95%;height:auto;padding:0;} } .indexPage {} #firstTop {} .fbPlugin {width:150px;} .faq {width:550px;} .faq h1 {margin-left:7px;} @media (max-width: 966px) { .fbPlugin {display:none;} .faq {width:93%;float:none!important;padding:0 20px;} } .faqCard {background:#fff;border-bottom: 1px solid #eee;color: #777;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;} .faqCard * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .faqCard.active {-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.18824);z-index: 200;margin: 1rem -1rem;} .faqCard.active .faqCardHead::after {content: "\f00d";} .faqCardHead {cursor: pointer;padding: 0.5rem;position: relative;color:#2C71B5;} .faqCardHead:before, .faqCardHead:after {content: " ";display: table;} .faqCardHead:after {clear: both;} .faqCardHead i {float: left;} .faqCardHead::after {color: #404040;font-family: 'FontAwesome';font-size: 1rem;line-height: 1.5rem;padding-left: .4rem;position: absolute;right: 1rem;top: 1rem;} .faqCardTitle {font-size:1.2em;line-height: 1.5rem;margin: 0 2rem 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .faqCardTitle:hover {overflow:visible;text-overflow:none;white-space: nowrap;} .faqCardBody {padding: .8em;display: none;font-size:1.1em;line-height:1.6em;text-align:justify;} @media (max-width: 966px) { .faqCard.active {width:100%;} .faqCardHead {width:100%;} .faqCardTitle {text-overflow:clip;white-space:normal;} .faqCardTitle:hover {text-overflow:clip;white-space:normal;} } #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;text-align:center;} #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;} #newsList li p {color:#666;} #newsList li h3 {font:normal .9em 'Roboto Condensed';} #newsList li h3 i {margin-right:10px;} @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 {margin-bottom:20px;font-size:2em;} #body {width:77%;} #column {width:20%;} #page .resp {width:100%;height:auto;} .pageDescription p{font-size:1.1em;text-align:justify;line-height:24px;} .pageDescriptionShort p{font-size:1.1em;text-align:justify;line-height:24px;} .pageDescription h2 {color:#8c0000;text-align:left;border-bottom:1px dotted #8c0000;font-family:'Arima Madurai';} .pageDescription h3 {color:#8c0000;text-align:left;border-bottom:1px dotted #8c0000;font-family:'Arima Madurai';text-transform:uppercase;font-size:1em;} .pageDescription li {list-style:circle;font-size:1.1em;line-height:24px;margin-left:30px;} .pageDescriptionShort {margin:0 auto;text-align:center;padding:50px 20px;} .pageDescriptionShort li {font-size:1.4em;float:left;list-style:none;padding-right:10px;} .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;} /* pages gallery list */ #pagesGallery li{display:inline-block;*display:inline;width:33.33%;vertical-align:middle;box-sizing:border-box;margin:0;padding:9px} #pagesGallery li.novost {width:100%;} #pagesGallery li.novost .photo{width:100%;height:250px;transform:scale(1);transition:all .3s;} #pagesGallery li.novost .photo img{flex-shrink:0;min-width:100%;min-height:100%;width:100%} #pagesGallery a{display:block;position:relative;overflow:hidden;} #pagesGallery .photo{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:280px;height:250px;transform:scale(1);transition:all .3s;} #pagesGallery .photo img{flex-shrink:0;min-width:100%;min-height:100%;width:350px} #pagesGallery .overlay{position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:auto;background:#d9a300;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);transition:all .6s} #pagesGallery li:hover .overlay{opacity:.8} #pagesGallery li:hover .photo {transform:scale(1.05);} #pagesGallery .text{display:block;padding:0 30px;box-sizing:border-box;position:absolute;left:0;width:100%;text-align:center;font-size:1.2em;font-weight:normal!important;top:15%;color:black;opacity:0;filter:alpha(opacity=0);transform:translateY(-20px);transition:all .3s} #pagesGallery li:hover .text{transform:translateY(0px);opacity:.9} #pagesGallery li .data {background:#333333;height:40px;color:white;padding:10px;} #pagesGallery li .data h2 {font-weight:normal;text-transform:uppercase;font-size:1.2em;} @media (max-width: 966px) { #pagesGallery {text-align:center;margin:0 auto;} #pagesGallery li {width:95%;display:table;padding: 10px;margin: 0 0 2.5% 2.5%;background: #fff;border: 1px solid #ddd;font-size: 16px;font-size: 1rem;vertical-align: top;} #pagesGallery li img {width:80%;height:auto;} #pagesGallery li .photo {width:95%;height:auto;padding:0;} #pagesGallery li .photo img {width:95%;height:auto;padding:0;} } /* 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 */ #showSubpages {margin-bottom:20px;} #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;} } #promotedTitle .left {padding-left:70px;} #promotedTitle .right {padding-right:200px;} #promotedList {list-style:none;font-size:0px;margin-left:-2%;} #promotedList li {width:330px;height:350px;box-shadow: 0 0 5px #ddd;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;} #promotedList li h3 {font-weight:normal;font-size:.9em;color:#666;} #promotedList li h3 a{text-decoration:none;color:#666;} #promotedList li h3 a:hover{color:black;} #promotedList li .photo {padding:30px 0 10px 0; } #promotedList li img {width:293px;height:auto;} @media (max-width: 966px) { #promotedList {text-align:center;margin:0 auto;} #promotedList li {width:95%;display:table;padding: 10px;margin: 0 0 2.5% 2.5%;background: #fff;border: 1px solid #ddd;font-size: 16px;font-size: 1rem;vertical-align: top;} #promotedList li img {width:80%;height:auto;} #promotedList li .photo {width:95%;height:auto;padding:0;} #promotedList li .photo img {width:95%;height:auto;padding:0;} #promotedTitle {display:none;} #promotedFront h1.center {font-weight:normal;font-size:1.5em;padding-bottom:10px;} } /* PRODUCT DETAILS */ #product {width:1150px;} #product #mainPhoto img{width:650px;} #product #productData {width:470px;} #product #price {font-size:2em;color:#d90000;padding-bottom:30px;} #product .priceOld{text-decoration:line-through;font-size:.7em;color:#666;} #product #price .discountPercent{font-size:.9em;color:white;background:#4FCEFF;width:80px;height:50px;position:absolute;margin:0 0 0 390px;line-height:50px;text-align:center;} #product fieldset {margin:0;padding:0;} #product #attributes {border:1px solid #0275C0;width:200px;padding:10px 0;line-height:30px;} @media all and (min-width:320px) and (max-width:966px){ #product {width:93%;} #product #mainPhoto {width:99%;} #product #mainPhoto img {width:100%;height:auto;} #product #productData {width:99%;} #product #productData p{text-align:justify;} #product #price .discountPercent{margin:0 0 0 250px;} #product #productGallery {display:none;} .zoom:after {background:none;} } #product #productGallery li {float:left;} #product #productGallery .photo {position:relative;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100px;height:100px;background:white;margin:0 auto;padding-top:10px;margin-right:5px;} #product #productGallery .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:100px;} #product #sliderGallery .photo {position:relative;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;overflow:hidden;width:300px;height:190px;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:300px;} /* FEATURES */ #features{margin:0 0 15px;width:470px;background:#e0e0e0;font-size:1em;} #features thead td{padding:5px;background:#f0f0f0;text-align:center;font-weight:bold;} #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 */ #imageGallery1 li {float:left;text-align:center;margin:0 15px 15px 5px;} #imageGallery1 .photo {position:relative;border:4px solid #333;display:flex;justify-content:center;align-items:center;overflow:hidden;width:250px;height:170px;} #imageGallery1 .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:270px;} @media all and (min-width:320px) and (max-width:966px){ #imageGallery1 .photo {width:100%;height:200px;} #imageGallery1 .photo img {width:100%;} } /* right gallery */ #imageGallery2 {float:right;text-align:center;width:300px;} #imageGallery2 li {list-style:none!important;} #imageGallery2 img {width:250px;height:auto;border:4px solid #333;margin:0 0 20px 0;} @media all and (min-width:320px) and (max-width:966px){ #imageGallery2 {float:none;width:100%;} #imageGallery2 img {width:100%;height:auto;margin:0;} } /* left gallery */ #imageGallery4 {float:left;text-align:center;width:300px;} #imageGallery4 img {width:250px;height:auto;border:4px solid #333;margin:0 40px 20px 0;} @media all and (min-width:320px) and (max-width:966px){ #imageGallery4 {float:none;width:100%;} #imageGallery4 img {width:100%;height:auto;margin:0;} } /* top gallery */ #imageGallery3 li {float:left;margin:0 20px 50px 0;width:100%;} #imageGallery3 .photo {position:relative;border:4px solid #333;display:flex;justify-content:center;align-items:center;overflow:hidden;width:880px;height:200px;} #imageGallery3 .photo img {flex-shrink:0;min-width:100%;min-height:100%;width:894px;/*zoom:1.2*/} @media all and (min-width:320px) and (max-width:966px){ #imageGallery3 .photo {width:100%;height:auto;} #imageGallery3 .photo img {width:100%;} } /* 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:1em;} #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:250px;} #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;} } #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 */