/* Template: Default Template Version: 2.0 (3.5.5) Last Update: 2015-10-01 Author: Matej Kloubek (WebSynergy) */ /* ******************************************* */ /* ******************* GRID ****************** */ /* ******************************************* */ /* *** Basic setting main HTML tags and sizes for ID & CLASSES */ body{font-size:95%; line-height:1.4em; text-align:center; margin:0; padding:0; color:#353535; background-color:white;} h1,h2,h3,h4,h5,h6,p,li,input,textarea,select,button,.button,.perex{line-height:1.4em;} /* Fonts */ body,button,input,textarea,select{font-family:Arial,Verdana,lucida,sans-serif;} /* Headers */ h1,h2,h3,h4,h5,h6{font-weight:600; margin:1em 0 .3em;} h1{font-size:230%; margin-top:0;} h2{font-size:170%;} h3,.message h2{font-size:145%;} h4{font-size:140%;} h5{font-size:130%;} h6{font-size:120%;} /* Tags */ p{margin:1em 0;} strong{font-weight:600;} ul{} li{margin-top:.4em; margin-bottom:.4em;} dt{font-weight:700; margin-top:.5em;} hr{height:1px; margin:1.5em 0; border:none; border-top:1px solid #dddddd;} /* Colors */ .wh{color:white;} .bl,h1,h2,h3,h4,h5,h6,.form-head p,.tab-nav li.active a{color:black;} .blue,a{color:#0081cb;} .bluedark,a:visited{color:#136695;} .red,.caps-lock-check-text,a:hover,#crumbs a:hover,#crumbs a:hover strong, .basket-coupon td.r,.basket-coupon td .icon:before,.basket-coupon td .icon .before{color:#b81414;} .gray{color:#5d5d5d;} .green,.search,.order-step-completed a{color:#38a20f;} /* ******************************************* */ /* ******************* MAIN ****************** */ /* ******************************************* */ /* Box models */ #content,#cont-in,#content-in,#content-middle,#sidebar1,#sidebar2, #head-in,#top-bar-in,#nav-in,#subnav-in,#content-main, #foot-in,.footer-box-in,.foot-element-in,.layout-footer-box, .field,input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea,select,input[type="submit"],button,.button, .image,.image-in,.gallery-in,.catalogue .image, .order-summary-info,#order-steps-top li,.digest h3,.boxed,.items-boxed .item,.testimonial-info,.testimonial-text{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #button-search,.digests-v2 .image{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} /* Main classes */ #main,#content,#content-main-in{width:100%;} #main{text-align:center; overflow:hidden;} #main-in{background-color:white;} #content,#sidebar1,#sidebar2{float:left;} /*#content-in,*/.sidebar-in{overflow:hidden;} #head-in,#top-bar-in,#nav-in,#subnav-in,#content-main-in,#foot-in{text-align:left; margin:0 auto;} #head-in,#top-bar-in,#nav-in,#content-main,#foot-in,.footer-box-in,.foot-element-in{padding:0 20px;} #content-main,.footer-box-in{padding-top:1.5em; padding-bottom:1.5em;} .sidebar-in{margin:0 20px;} .content-overflow-div{overflow:auto;} /* Containers */ #main,#main-in/*,.container,.special-element*/{min-width:980px;} .container,.special-element,.advert{text-align:center;} .container-in,.element-in,.advert-in{position:relative; text-align:left; margin:0 auto;} /* ******************************************* */ /* ***************** LAYOUTS ***************** */ /* ******************************************* */ /* Fluid layout */ .layout-fluid #content-in{margin:0 25%;} .layout-fluid #sidebar1,.layout-fluid #sidebar2{width:25%;} .layout-fluid .layout-right #sidebar1{float:left; margin-left:-25%;} .layout-fluid .layout-left #sidebar2{margin-left:-25%;} .layout-fluid .layout-right #sidebar2{margin-right:-25%;} /* Fixed layout */ .layout-fixed #content-in{margin:0 250px;} .layout-fixed #sidebar1,.layout-fixed #sidebar2{width:250px;} .layout-fixed .layout-right #sidebar1{margin-left:-250px;} .layout-fixed .layout-left #sidebar2{margin-left:-250px;} /* Layout without sidebars */ .layout-1 #content-in{margin:0;} .layout-1 #sidebar1,.layout-1 #sidebar2{display:none;} /* Layout with 1 sidebar */ .layout-2 #content-in{} .layout-2 #sidebar1{} .layout-2 #sidebar2{display:none;} /* Layout with 2 sidebars */ .layout-3 #content-in{} .layout-3 #sidebar1{} .layout-3 #sidebar2{} /* Sidebar1 | Content | Sidebar2 */ .layout-2 .layout-left #content-in{margin-right:0;} .layout-left #sidebar1{margin-left:-100%;} .layout-left #sidebar1 .sidebar-in{margin-left:0;} .layout-left #sidebar2 .sidebar-in{margin-right:0;} /* Sidebar2 | Content | Sidebar1 */ .layout-2 .layout-right #content-in{margin-left:0;} .layout-right #sidebar2{margin-left:-100%;} .layout-right #sidebar1 .sidebar-in{margin-right:0;} .layout-right #sidebar2 .sidebar-in{margin-left:0;} /* Boxed layout */ .layout-boxed #main{padding:1.5em 0 2em;} .layout-boxed #main-in{/*min-width:980px;*/ max-width:1020px; margin:0 auto;} /* Full boxed layout */ .layout-full-boxed .container-in{width:980px; margin:0 auto;} .layout-full-boxed #content .special-element{min-width:1px;} .layout-full-boxed #head-in,.layout-full-boxed #top-bar-in,.layout-full-boxed #nav-in,.layout-full-boxed #content-main,.layout-full-boxed #foot-in,.layout-full-boxed .footer-box-in,.layout-full-boxed .foot-element-in{padding-right:0; padding-left:0;} .layout-full-boxed #head-search{right:0;} /* Full layout (width 100%) */ .layout-full #main{} .layout-full #main-in{} /* Stripe content */ .content-full-box{width:auto; border-top:1px solid #dddddd;} .content-full-box .container-in{padding:2em 20px 3em;} .content-full-box .container-in > h2,.content-full-box .container-in > h3,.content-full-box .container-in > h4,.content-full-box .container-in > h5,.content-full-box .container-in > h6{margin-top:0;} .content-full-box .container-in * + h2,.content-full-box .container-in * + h3,.content-full-box .container-in * + h4,.content-full-box .container-in * + h5,.content-full-box .container-in * + h6{margin-top:1em;} .layout-stripe #cont .container-in{width:auto;} .layout-stripe .content-full-box-last{margin-bottom:-1.65em;} .layout-boxed.layout-stripe .content-full-box,.layout-full.layout-stripe .content-full-box{margin-right:-20px; margin-left:-20px;} .layout-full-boxed.layout-stripe .content-full-box .container-in,.layout-boxed.layout-stripe .content-full-box .container-in{max-width:980px;} .layout-full-boxed.layout-stripe #cont .container-in{width:auto; max-width:980px;} .layout-full-boxed.layout-stripe .content-full-box{width:400%; margin-left:-150%;} .layout-full-boxed.layout-stripe .content-full-box .ws-slider{max-width:1020px; margin:0 auto;} .layout-stripe .ws-slider h1{padding-left:0; padding-right:0;} /* Backgrounds */ .backgrounds-image{background-repeat:no-repeat; background-attachment:fixed;} .background-pattern{background-repeat:repeat-x;} /* ******************************************* */ /* *********** LAYOUT OF HOMEPAGE ************ */ /* ******************************************* */ /* example: (1 + 2) = number of boxes in 1st row + 2nd row */ /* Main style for Homepage */ .hp-box,.hp-main-1{float:left;} .hp-box-in .box:last-child{margin-bottom:0;} .hp-main-box h1,.hp-main-box h2{margin-top:0;} /* Vesion 1: 2 columns, 4 boxes (1 + 2) */ #hp-version-1 .hp-main-1{width:66%;} #hp-version-1 .hp-box{width:49%;} #hp-version-1 .hp-box-1{width:100%;} #hp-version-1 .hp-box-3{float:right;} #hp-version-1 .hp-box-4{width:32%; float:right;} /* Vesion 2: 1 column, 3 boxes (1 + 2) */ #hp-version-2 .hp-box{width:49%;} #hp-version-2 .hp-box-1{width:100%;} #hp-version-2 .hp-box-3{float:right;} /* Vesion 3: 2 columns, 3 boxes (1 + 1) */ #hp-version-3 .hp-main-1{width:66%;} #hp-version-3 .hp-main-1 .hp-box{width:100%;} #hp-version-3 .hp-box-4{width:32%; float:right;} /* Vesion 4: 1 column, 4 boxes (1 + 3) */ #hp-version-4 .hp-box{width:32%; margin-right:2%;} #hp-version-4 .hp-box-1{width:100%;} #hp-version-4 .hp-box.hp-box-4{margin-right:0;} /* Vesion 6: 1 column, 4 boxes (2 + 2) */ #hp-version-6 .hp-box{width:49%;} #hp-version-6 .hp-box-2,#hp-version-6 .hp-box-4{float:right;} /* Vesion 5 (default): 1 column, 2 boxes (1 + 1) */ #hp-version-5 .hp-box{width:100%;} /* Content of Homepage */ .hp-box .element-last-news h3{font-size:100%;} /* ******************************************* */ /* *************** MAIN CLASSES ************** */ /* ******************************************* */ /* Cookie info */ #cookie-info{font-size:85%; height:3.3em;} #cookie-info-in{position:fixed; bottom:0; left:0; z-index:1000; width:100%; margin:0; color:white; background-color:black; background-color:rgba(0,0,0,.8);} #cookie-info p{padding:0; margin:.5em 20px; line-height:1.6em;} #cookie-info a[href="/cookies/"]{color:white;} #cookie-info .button{text-transform:none; margin-left:.8em; padding-top:.3em; padding-bottom:.3em;} .cookie-info-close{display:inline-block; text-align:center; line-height:1.3em; width:1.5em; height:1.3em; margin-left:.3em; padding-bottom:.2em; text-decoration:none; color:white; background-color:gray; overflow:visible !important;} .cookie-info-close:hover{color:white; background-color:#dd0000;} /* Head part */ #head-part{background-color:white; position:relative;} /* Top bar */ #top-bar{border-bottom:1px solid #eeeeee;} #top-bar-in{position:relative; text-align:right; padding-top:.4em; padding-bottom:.4em;} #top-bar .box{display:inline-block; margin:0 0 0 1.5em; font-size:90%;} /* contact */ #top-bar .element-contact p{margin:0;} /* social */ #top-bar .element-social{float:left; margin-left:0;} /* login */ #top-bar .element-login-expand a{padding-left:.5em;} .element-login-expand .icon{text-decoration:none;} .element-login-expand .icon span{display:inline; text-decoration:underline;} .element-login-expand .icon-user{padding-right:.8em; border-right:1px solid #8e8e8e;} .element-login-expand #logged{position:absolute; top:2.05em; right:0; z-index:1; width:auto;} .element-login-expand #user-menu{text-align:left; background-color:white; border:1px solid #cccccc;} .element-login-expand #user-menu ul,#user-menu li{list-style:none; padding:0; margin:0;} .element-login-expand #user-menu ul{padding:0;} .element-login-expand #user-menu li{display:block;} .element-login-expand #user-menu li a{text-decoration:none; display:block; padding:.6em 1.5em;} .element-login-expand #user-menu li a:hover{background-color:#f1f1f1;} .element-login-expand #user-menu li~li a{display:block; border-top:1px solid #e5e5e5;} .element-login-expand .icon-arr-down,.element-login-expand .icon-arr-up{padding:0 !important; margin-left:-1px;} .element-login-expand .icon-arr-down:before,.element-login-expand .icon-arr-up:before,.element-login-expand .icon-arr-down .before,.element-login-expand .icon-arr-up .before{position:relative; z-index:2; padding:0 .6em .6em; margin-right:0; background-color:white; border:1px solid #cccccc; border-bottom:none;} .element-login-expand .icon-arr-down:before,.element-login-expand .icon-arr-down .before{background:none; border:none; margin:1px 1px 0;} /* lang */ .element-lang a{display:inline-block; vertical-align:middle;} .element-lang a img{float:left; height:1em; position:relative; top:-.1em; vertical-align:middle; border:1px solid #8e8e8e;} /* Head */ #head{} #head-in{position:relative; padding-top:2em; padding-bottom:2em;} #logo{} #logo{font-weight:300;} #logo a{font-size:240%; text-transform:uppercase; text-decoration:none;} #logo p{font-size:130%; margin:.2em 0 0;} .logo-image *{display:inline-block; vertical-align:middle;} .logo-image a{padding:0 30px 0 0; border-right:1px solid #cccccc;} .logo-image img{max-width:300px;} .logo-image p{max-width:300px; padding:0 0 0 25px; margin:0 !important;} #head-search{position:absolute; top:50%; right:20px; padding:0 3.5em 0 0; margin-top:-1.2em; text-align:right; z-index:50; background-color:white; border:1px solid #cccccc;} .head-search-input{padding:.5em; border:none !important; margin-bottom:1px !important;} /* class for input text */ #button-search{position:absolute; top:-1px; right:-1px; height:100%; padding:0 1em;} /* Head - position fixed */ #head-part.head-fixed{position:fixed; width:100%; z-index:100;} .head-shrink #head-in #nav .nav{margin-top:0;} .head-shrink #top-bar{z-index:-1; overflow:hidden;} .layout-boxed #head-part.head-fixed{max-width:1020px;} /* Layout boxed */ /* Head - position absolute */ .head-absolute.layout-full #head-part,.head-absolute.layout-full-boxed #head-part{position:absolute; width:100%; z-index:100;} .head-fixed.layout-full #head-part,.head-fixed.layout-full-boxed #head-part{position:fixed; width:100%; z-index:100;} /* Head variants */ .head-v2 #top-bar,.head-v3 #top-bar,.head-v3 #nav{position:relative; width:100%; margin:0 auto; background:none; border:none;} .head-v2 #top-bar-in,.head-v3 #top-bar-in{position:absolute; top:0; right:0; z-index:2;} .head-v2 #top-bar+#head .head-contact{margin-top:-2em;} .head-v2 .head-contact{position:absolute; top:50%; right:0; text-align:right; padding-left:3em; margin-top:-2.5em;} .head-v2 .head-contact.icon:before{position:absolute; top:50%; left:0; line-height:1em; margin-top:-.5em; font-size:400%;} .layout-full-boxed .head-v2 #top-bar,.layout-full-boxed .head-v3 #top-bar,.layout-full-boxed .head-v3 #nav{max-width:980px;} .layout-boxed .head-v2 .head-contact,.layout-full .head-v2 .head-contact{right:20px;} .head-v3 #logo{float:left;} .head-v3 .logo-image a{padding:0; border:none;} .head-v3 #nav{position:absolute; top:50%; right:0; width:auto; margin-top:-1.5em;} .head-v3 #nav-in{width:auto;} /* Navigation */ .skipnav{display:none;} #nav{font-size:100%; text-transform:uppercase; background-color:white;} #nav .nav a{border-width:0 1px 0 0; border-style:solid; border-color:transparent;} #nav .nav li li a{border:none;} #nav .nav a.active:before,#nav .nav a.selected:before{display:block; position:absolute; top:-4px; left:0; width:100%; height:4px; content:"";} /* line over active navigation - candidate to delete */ #nav .nav li li a.active:before,#nav .nav li li a.selected:before{display:none;} #nav .nav li{position:relative; top:0; left:0;} /* Unroll subnavigation */ #nav .nav li > ul{display:none; position:absolute;} #nav .nav li:hover > ul,#nav .nav li ul li{display:block;} #nav .nav li ul{top:3em; left:0; z-index:250; text-transform:none; width:200px; background:white; border:1px solid #dddddd;} #nav .nav li ul > li{position:relative;} #nav .nav li ul li:hover > ul{top:0; left:100%; border-left:1px solid #dddddd;} #nav .nav li ul li a{padding-top:.5em; padding-bottom:.5em;} #nav .nav li > ul li + li a{border-top:1px solid #e5e5e5;} #nav .nav li > ul li ul li:first-child a{border-top:none;} /* Containter with subnavigation */ #nav .nav li a.nav-container:after,#nav .nav li a.nav-container .after, .nav li a.nav-container:after,.nav li a.nav-container .after{display:none;} #nav .nav li li a.nav-container:after,#nav .nav li li a.nav-container .after, .nav li a.active.nav-container:after,.nav li a.active.nav-container .after,.nav li a.selected.nav-container:after,.nav li a.selected.nav-container .after{display:inline;} /* Nav (main horizontal navigation) */ .nav ul,.nav li{list-style-type:none; padding:0; margin:0;} .nav li{display:inline-block;} .nav a{position:relative; display:block; padding:.8em 1.5em; text-decoration:none; transition:100ms;} .nav a.active,.nav a.active:hover,.nav a.selected{color:white; background-color:gray;} .nav a.active,.nav a.active strong,.nav .selected-li a strong{font-weight:normal; color:white;} /* Sidebar nav (all navigation or subnavigation in sidebar) and Generally nav in content */ .sidebar .nav li,.element-nav .nav li,#content .nav li{display:block; padding:0; margin:0;} .sidebar .nav li li,.element-nav .nav li li,#content .nav li li{font-size:90%; margin-left:1em;} .sidebar .nav a,.element-nav .nav a,#content .nav a{padding:.6em .8em; border-bottom:1px solid #e5e5e5;} /* Subnav (horizontal subnavigation) */ #subnav{position:relative;} #no-subnav{} /* empty div if is not horizontal subnavigation */ /* Crumbs */ #crumbs{} #crumbs-in{} #crumbs p{font-size:83%; padding:0; margin:0 0 .5em;} #crumbs p,#crumbs a,#crumbs strong{color:#888888; font-weight:300;} #crumbs a:hover{} /* Content */ #cont{position:relative; top:0; left:0;} /* Sidebars */ .sidebar-in{} .sidebar-in .box{padding:1em 20px; border-width:1px; border-style:solid;} .sidebar-in .box~.box{margin-top:1em;} .sidebar-in .box h2{font-size:110%; font-weight:400; padding:0; margin:0 0 1em;} .sidebar-in .box h3{font-size:100%;} /* Foot */ #foot,.foot-element,#foot-after{font-size:90%;} #foot-in{padding-top:1.5em; padding-bottom:2.5em;} #foot .foot-text{margin-top:.7em;} #foot p{float:left; margin:1em 0 0;} #foot .foot-text p{float:none; margin:0;} #foot .foot-nav,#foot .author{float:left; list-style:none; padding:0; margin:.7em 0;} #foot .foot-nav li,#foot .author li{float:left; margin:0 10px 0 0;} #foot .author{float:right;} #foot .author li{margin:0 0 0 10px;} /* Foot variants */ #foot-v2 #foot,#foot-v2 .foot-element,#foot-v2 #foot-after{font-size:85%; position:relative;} #foot-v2 #foot-in{padding-top:1em; padding-bottom:1em;} #foot-v2 .foot-nav{margin:0;} .foot-element{} .foot-element .foot-element-in{padding-top:1em; padding-bottom:1em;} .foot-element .foot-box{position:relative;} .foot-element .foot-box-in > h2,.foot-element .foot-box-in > h3,.foot-element .foot-box-in > h4,.foot-element .foot-box-in > h5,.foot-element .foot-box-in > h6{margin-top:.3em;} .foot-element .foot-box-in * + h2,.foot-element .foot-box-in * + h3,.foot-element .foot-box-in * + h4,.foot-element .foot-box-in * + h5,.foot-element .foot-box-in * + h6{margin-top:1em;} .foot-element .foot-box-in.icon:before,#foot-v2 .foot-box-in.icon .before{position:absolute; top:-.1em; left:0;} .foot-element .foot-box-in.icon{position:relative; padding-left:1.5em;} #foot-after{} #foot-after ul{list-style:none; padding:0; margin:0;} #foot-after li{display:inline-block;} #foot-after li+li{margin-left:10px;} .layout-boxed #foot-after{margin-bottom:1.5em;} .layout-boxed #foot-after #foot-in{width:100%; position:absolute; top:0; left:0; padding-top:.5em; padding-bottom:.5em;} /* Anchor to top page */ #top-page{position:fixed; right:0; bottom:20%; z-index:100;} #top-page a{text-decoration:none; display:block; line-height:1em; padding:1em; color:white; background:rgba(0,0,0,0.3);} #top-page a:hover{background:rgba(0,0,0,0.6);} /* Switch desktop to mobile and back */ .switch-version{display:block; text-align:center; padding:.5em 0 0; margin:1em 0 0; border-top:1px solid #dddddd;} .switch-version a{display:inline-block; padding:.4em 1em;} #foot-v2 .switch-version{padding-bottom:.5em; margin:0;} /* ******************************************* */ /* ****************** FORMS ****************** */ /* ******************************************* */ /* Forms */ form{margin:0;} form p{margin:0 0 .8em;} .field p{margin-top:.8em;} .form-head,.form-part,.form-text,fieldset,.hledej{padding:1em 20px;} fieldset,.hledej{margin-bottom:1em;} fieldset{background-color:white; border:1px solid #dddddd;} legend{font-weight:400; padding:.5em 1em; background-color:white; border:1px solid #dddddd;} legend.legend{display:none !important;} h3.legend{margin:0 0 .7em;} .form{padding:.2em 0; margin:1.5em 0; background-color:white; border:1px solid #dddddd;} .form-head p,.form-head h2,.form-head h3,.form-head h4{font-size:170%; font-weight:300; margin:0 0 .2em;} .form-text{padding-top:0; padding-bottom:0;} .form-part,.form-text{padding-bottom:.5em;} .form-part h3:first-child{margin-top:0;} .form-bottom{padding-bottom:1em;} .form table,.form th,.form td{padding-left:0; background-color:transparent; border:none;} label,.label{display:block; margin-bottom:.2em;} .label{padding-right:1.5em;} label strong,.label strong{font-weight:700;} .field,.multifield{position:relative; top:0; left:0; width:100%; margin-bottom:.7em; clear:both;} .fields{position:relative; top:0; left:0;} .fields .field{clear:none;} .fields .field label,.fields .field .label{margin-top:4%;} .fields .field label:first-child,.fields .field .label:first-child{margin-top:0;} .fields input[type="submit"],.fields button{margin-top:1.6em;} .checkbox label,.radiofield label{display:inline-block;} .checkbox label p,.radiofield label p{display:inline;} .checkbox ul,.radiofield ul{list-style:none; padding:0; margin:0;} .datefield .ui-datepicker-trigger{position:relative; top:-.5em; left:0; height:1em; display:none;} .datetimefield .field{margin-bottom:0 !important;} .datetimefield input[type="text"]{width:auto; max-width:100%;} .field span.tooltip,.fields span.tooltip,.field img.tooltip,.fields img.tooltip{position:absolute; top:0; right:0;} .form-custom-text{} .field-autosize,.field-autosize .item{display:inline-block; max-width:100%; width:auto;} /* between fields e.g. from - to */ .between label{display:inline-block;} .between input[type="text"]{display:inline-block; width:auto;} /* Input, select, textarea */ input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea,select,button,.button,.fieldicon .icon:before,.fieldicon .icon .before{font-size:100%; text-decoration:none; padding:.5em; margin:0; color:#4c4c4c; background-color:white; border:1px solid #bbbbbb;} input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea,select,.fieldicon{width:100%;} input[type="checkbox"],input[type="radio"]{display:inline-block; padding:0; border:none;} input[type="image"]{padding:0; border:none;} input[type="submit"],button,.button{padding:.4em 1em; cursor:pointer; text-transform:uppercase; background-color:#efefef; background-image:url("/img/gradient-top-down-white-20.png"); background-position:0 0; background-repeat:repeat-x;} input[type="submit"]:hover,button:hover,.button:hover,#button-search{color:white; border-color:#808080; background-color:#808080; background-image:url("/img/gradient-top-down-white-20.png");} .order-next,.order-back{height:auto;} .order-next{color:white !important; border-color:#218d08; background-color:#218d08;} .order-next:hover{border-color:#1d7c07 !important; background-color:#1d7c07 !important;} .cart{padding-right:.5em; padding-left:.5em; color:white; text-decoration:none; border-color:#6f9b00; background-color:#80b200;} .cart:hover{border-color:#608600; background-color:#6b9500;} .button{display:inline-block;} .button-login{} .button-logout{color:#8d3d43; background-color:#f6dfdf; border-color:#e1b4b4;} .button-soft{background-color:#efefef; border-color:#bbbbbb;} .required input,.required select,.required textarea,.required .fieldicon .icon:before,.required .fieldicon .icon .before{background-color:#fffafa; border:1px solid #dca1a1;} .required input,.required select,.required textarea{border-left-width:3px;} form .disabled{color:gray; font-weight:normal;} .prehint{display:none;} .hint{position:relative; display:inline-block; font-size:83%; padding:.4em .6em; margin-top:.7em; color:white; background-color:#9e2e1d;} .hint:before,.hint .before{color:#9e2e1d;} .hint strong{font-weight:400;} .input-text{} .input-submit{} .input-password{} .input-time{} .input-date{} .input-tooltip-image{position:relative; top:3px; margin:0 4px; } .input-tooltip-text{display:none; margin-right:5px;} input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus,.required textarea:focus,.required select:focus{color:black; background-color:#fffdd4;} /* icons for forms*/ .fieldicon{display:inline-block; position:relative; top:0; left:0; font-size:100%;} .fieldicon input[type="text"],.fieldicon input[type="tel"],.fieldicon input[type="password"]{padding-right:2.5em;} .fieldicon .icon{position:absolute; top:0; right:0; margin:0 !important; z-index:1; height:100%;} .fieldicon .icon:before,.fieldicon .icon .before{font-size:100%; display:block; min-width:2.4em; height:100%; text-align:center; margin:0; color:gray; background:#f7f7f7; border-left-color:#cdcdcd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .required .fieldicon .icon:before,.required .fieldicon .icon .before{color:#bb6868; background:#fcf3f3; border-left-color:#e8c5c5;} /* Automatic sizes for form fields */ .questionnaire .item{display:inline-block; width:auto; max-width:100%;} .questionnaire fieldset{margin-bottom:1.5em;} .multifield{} /* Forms in sidebars */ .sidebar-in input,.sidebar-in textarea,.sidebar-in select,.sidebar-in button,.sidebar-in .fieldicon .icon:before,.sidebar-in .fieldicon .icon .before{font-size:90%;} /* jQuery calendar - reset styles */ .ui-datepicker{font:100% Arial,Verdana,lucida,sans-serif; padding:0;} .ui-datepicker,.ui-datepicker-group,.ui-datepicker-header{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .ui-datepicker, .ui-datepicker table *, .ui-datepicker tr:hover td, .ui-datepicker tr:nth-child(2n) td, .ui-datepicker tr:nth-child(2n) th, .ui-datepicker .ui-state-default, .ui-datepicker-header,.ui-state-disabled{background:none; border:none; opacity:1;} .ui-datepicker th,.ui-datepicker td{padding:.1em;} .ui-datepicker-prev,.ui-datepicker-next{display:block; border:none;} .ui-datepicker-prev-hover,.ui-datepicker-next-hover{background:none !important; border-color:#eeeeee !important;} .ui-datepicker,.ui-datepicker-group,.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-state-default,.ui-datepicker .ui-state-disabled .ui-state-default{border-width:1px; border-style:solid; border-color:#bbbbbb;} .ui-datepicker{background-color:white;} .ui-datepicker-group{border-left-width:0; border-top:none; border-bottom:none;} .ui-datepicker-group~.ui-datepicker-group{position:relative; left:-1px; border-right:none; border-left-width:1px;} .ui-datepicker-header{background-color:#eeeeee;} .ui-datepicker .ui-datepicker-title select{font-size:85%; padding:0; background-color:white;} .ui-datepicker th span,.ui-datepicker td span,.ui-datepicker td a{display:block; padding:.2em;} .ui-datepicker .ui-state-default{background-color:#f9f9f9; border-color:#cccccc;} .ui-datepicker .ui-state-default:hover{background-color:white; border-color:#888888;} .ui-datepicker .ui-state-highlight{background-color:#fffdda; border-color:#d7d390;} .ui-datepicker .ui-state-active,.ui-datepicker .ui-state-active:hover{color:white;background-color:#80B200; background-image:url("/img/gradient-top-down-white-20.png"); border-color:#6f9b00;} .ui-state-disabled{opacity:1 !important;} .ui-datepicker .ui-state-disabled .ui-state-default,.ui-datepicker .ui-state-disabled .ui-state-default:hover{color:#cccccc; background-color:white; border-color:#eeeeee;} /* ******************************************* */ /* ***************** TABLES ****************** */ /* ******************************************* */ /* Tables */ table{font-size:100%; width:100%; margin:1em 0; border-collapse:collapse; border:none;} th,td{text-align:left; vertical-align:middle; padding:.7em 15px; background-color:white; border-width:1px; border-style:solid; border-color:#dddddd; border-left-width:0; border-right-width:0;} th:first-child,td:first-child{border-left-width:1px;} th:last-child,td:last-child{border-right-width:1px;} tr:nth-child(even) td{background-color:#fcfcfc;} tr:hover td{color:black; background-color:#f3f3f3;} .form table,.form th,.form td,.form tr:nth-child(even) td{width:auto; background:none; border:none;} .table-no,.table-no td,.table-no td,.table-no tr:hover td,.table-no tr:nth-child(even) td{padding-left:0; padding-right:0; color:inherit; background:none; border:none;} /*.table-color th{color:white; background-color:#808080;}*/ /* ******************************************* */ /* ************* CONTENT OF SITE ************* */ /* ******************************************* */ /* Setting for content of website */ /* Page cover div */ .page-fulltext{} .page-articles-preview{} .page-articles-detail{} .page-news-preview{} .page-news-detail{} .page-gallery-preview{} .page-gallery-detail{clear:both;} .page-contact{} .page-inquiry{} .page-questionnaire{} .page-catalogue-preview{} .page-catalogue-detail{} .page-order-basket{} /* 1. step */ .page-order-customer{} /* 2. step */ .page-order-payment{} /* 3. step */ .page-order-summary{} /* 4. step */ .page-order-confirm{} /* 5. step */ .page-forum-categories{} .page-forum-threads{} .page-forum-thread-detail{} .page-forum-thread-add{} .page-login{} .page-registration{} .page-send-password{} .page-newsletter-form{} /* Floating boxed model (default 2% spaces) */ .items-1-column .item,.items-2-column .item,.items-3-column .item,.items-4-column .item,.items-5-column .item,.items-6-column .item,.items-7-column .item,.items-8-column .item,.items-9-column .item,.items-10-column .item{position:relative; float:left; margin:0 2% 2% 0;} .items-1-column .item .image,.items-2-column .item .image,.items-3-column .item .image,.items-4-column .item .image,.items-5-column .item .image,.items-6-column .item .image,.items-7-column .item .image,.items-8-column .item .image,.items-9-column .item .image,.items-10-column .item .image{margin:0;} .items-1-column .item{float:none; width:100%; margin-right:0;} .items-2-column .item{width:49%;} .items-3-column .item{width:32%;} .items-4-column .item{width:23.5%;} .items-5-column .item{width:18.4%;} .items-6-column .item{width:15%;} .items-7-column .item{width:12.57%;} .items-8-column .item{width:10.75%;} .items-9-column .item{width:9.333333%;} .items-10-column .item{width:8.2%;} /* Boxed model with 1% spaces */ .items-2-column-v1 .item,.items-3-column-v1 .item,.items-4-column-v1 .item,.items-5-column-v1 .item,.items-6-column-v1 .item,.items-7-column-v1 .item,.items-8-column-v1 .item,.items-9-column-v1 .item,.items-10-column-v1 .item{position:relative; float:left; margin:0 1% 1% 0;} .items-1-column-v1 .item .image,.items-2-column-v1 .item .image,.items-3-column-v1 .item .image,.items-4-column-v1 .item .image,.items-5-column-v1 .item .image,.items-6-column-v1 .item .image,.items-7-column-v1 .item .image,.items-8-column-v1 .item .image,.items-9-column-v1 .item .image,.items-10-column-v1 .item .image{margin:0;} .items-2-column-v1 .item{width:49.5%;} .items-3-column-v1 .item{width:32.666666%;} .items-4-column-v1 .item{width:24.25%;} .items-5-column-v1 .item{width:19.2%;} .items-6-column-v1 .item{width:15.833333%;} .items-7-column-v1 .item{width:13.428571%;} .items-8-column-v1 .item{width:11.625%;} .items-9-column-v1 .item{width:10.222222%;} .items-10-column-v1 .item{width:9.1%;} /* Boxed model with 3% spaces */ .items-2-column-v3 .item,.items-3-column-v3 .item,.items-4-column-v3 .item,.items-5-column-v3 .item,.items-6-column-v3 .item,.items-7-column-v3 .item,.items-8-column-v3 .item,.items-9-column-v3 .item,.items-10-column-v3 .item{position:relative; float:left; margin:0 3% 2% 0;} .items-1-column-v3 .item .image,.items-2-column-v3 .item .image,.items-3-column-v3 .item .image,.items-4-column-v3 .item .image,.items-5-column-v3 .item .image,.items-6-column-v3 .item .image,.items-7-column-v3 .item .image,.items-8-column-v3 .item .image,.items-9-column-v3 .item .image,.items-10-column-v3 .item .image{margin:0;} .items-2-column-v3 .item{width:48.5%;} .items-3-column-v3 .item{width:31.333333%;} .items-4-column-v3 .item{width:22.75%;} .items-5-column-v3 .item{width:17.6%;} .items-6-column-v3 .item{width:14.166666%;} .items-7-column-v3 .item{width:11.714285%;} .items-8-column-v3 .item{width:9.875%;} .items-9-column-v3 .item{width:8.444444%;} .items-10-column-v3 .item{width:7.3%;} /* Boxed model with 4% spaces */ .items-2-column-v4 .item,.items-3-column-v4 .item,.items-4-column-v4 .item,.items-5-column-v4 .item,.items-6-column-v4 .item,.items-7-column-v4 .item,.items-8-column-v4 .item,.items-9-column-v4 .item,.items-10-column-v4 .item{position:relative; float:left; margin:0 4% 2% 0;} .items-1-column-v4 .item .image,.items-2-column-v4 .item .image,.items-3-column-v4 .item .image,.items-4-column-v4 .item .image,.items-5-column-v4 .item .image,.items-6-column-v4 .item .image,.items-7-column-v4 .item .image,.items-8-column-v4 .item .image,.items-9-column-v4 .item .image,.items-10-column-v4 .item .image{margin:0;} .items-2-column-v4 .item{width:48%;} .items-3-column-v4 .item{width:30.666666%;} .items-4-column-v4 .item{width:22%;} .items-5-column-v4 .item{width:16.8%;} .items-6-column-v4 .item{width:13.333333%;} .items-7-column-v4 .item{width:10.857142%;} .items-8-column-v4 .item{width:9%;} .items-9-column-v4 .item{width:7.555555%;} .items-10-column-v4 .item{width:6.4%;} /* Boxed model with 5% spaces */ .items-2-column-v5 .item,.items-3-column-v5 .item,.items-4-column-v5 .item,.items-5-column-v5 .item,.items-6-column-v5 .item,.items-7-column-v5 .item,.items-8-column-v5 .item,.items-9-column-v5 .item,.items-10-column-v5 .item{position:relative; float:left; margin:0 5% 2% 0;} .items-1-column-v5 .item .image,.items-2-column-v5 .item .image,.items-3-column-v5 .item .image,.items-4-column-v5 .item .image,.items-5-column-v5 .item .image,.items-6-column-v5 .item .image,.items-7-column-v5 .item .image,.items-8-column-v5 .item .image,.items-9-column-v5 .item .image,.items-10-column-v5 .item .image{margin:0;} .items-2-column-v5 .item{width:47.5%;} .items-3-column-v5 .item{width:30%;} .items-4-column-v5 .item{width:21.25%;} .items-5-column-v5 .item{width:16%;} .items-6-column-v5 .item{width:12.5%;} .items-7-column-v5 .item{width:10%;} .items-8-column-v5 .item{width:8.125%;} .items-9-column-v5 .item{width:6.666666%;} .items-10-column-v5 .item{width:5.5%;} /* questionnaire DRAFT */ .items-1-column .fields,.items-2-column .fields,.items-3-column .fields,.items-4-column .fields,.items-5-column .fields,.items-6-column .fields,.items-7-column .fields,.items-8-column .fields,.items-9-column .fields,.items-10-column .fields{position:relative; float:left; margin:0 2% 2% 0;} .items-1-column .fields,.fields .fields.items-1-column .item{float:none; width:100%; margin-right:0;} .items-2-column .fields,.fields .fields.items-2-column .item{width:49%;} .items-3-column .fields,.fields .fields.items-3-column .item{width:32%;} .items-4-column .fields,.fields .fields.items-4-column .item{width:23.5%;} .items-5-column .fields,.fields .fields.items-5-column .item{width:18.4%;} .items-6-column .fields,.fields .fields.items-6-column .item{width:15%;} .items-7-column .fields,.fields .fields.items-7-column .item{width:12.57%;} .items-8-column .fields,.fields .fields.items-8-column .item{width:10.75%;} .items-9-column .fields,.fields .fields.items-9-column .item{width:9.333333%;} .items-10-column .fields,.fields .fields.items-10-column .item{width:8.2%;} /* Images */ .image{display:inline-block; vertical-align:middle; text-align:center; float:left; margin:0 1em .5em 0; background-color:white; /*padding:0;*/} .image-in{overflow:hidden;} .image img{-webkit-transition:200ms; transition:200ms;} .image *{vertical-align:middle;} .image span{margin-left:-1px; display:inline-block; width:1px; height:100%;} .image-in a{text-decoration:none;} .image{position:relative; width:100%; /*height:auto;*/ padding-bottom:100%;} .image-in{position:absolute; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0;} /* Image sizes */ .img-width{width:90%; height:auto;} /* default */ .img-height{height:90%; width:auto;} /* default */ .img100 .img-width{width:100%; height:auto;} .img100 .img-height{height:100%; width:auto;} .img90 .img-width{width:90%; height:auto;} .img90 .img-height{height:90%; width:auto;} .img80 .img-width{width:80%; height:auto;} .img80 .img-height{height:80%; width:auto;} .img70 .img-width{width:70%; height:auto;} .img70 .img-height{height:70%; width:auto;} .img50 .img-width{width:50%; height:auto;} .img50 .img-height{height:50%; width:auto;} .items-noresize .image img,.noresize{width:auto !important; height:auto !important;} /* Images Full box */ .image-full-box .image{overflow:hidden;} .image-full-box .image-in{max-width:none; max-height:none; width:1000%; text-align:center; left:50%; margin-left:-500%;} .image-full-box .image-in span{height:10%;} .image-full-box .img-width{height:100% !important; width:auto !important; margin:0 auto;} .image-full-box .img-height{width:10% !important; height:auto !important;} /* Images with border */ .catalogue .image,.catalogue-detail-gallery .image,.catalogue-gallery-detail-images .image,.element-news-catalogue .image, .gallery-in,.testimonial .image,.basket-table-image .image,.digests-v2 .image{border:1px solid #dddddd;} /* Items */ .item{position:relative;} .item h2{margin-top:.2em;} .item .image,.item-detail .image{margin:0 1.5em 1em 0;} .item-text{} .item-info{font-size:85%; margin:1em 0;} .item-info p{margin:0;} .item-info span{display:inline-block; padding-right:.8em; margin-right:.7em; border-right:1px solid #dddddd;} .item-info span:last-child{border:none;} .item-author{} .item-date{} .item-comments{} .item-desc{margin-bottom:1em;} .item .more{display:inline; margin:0;} .item-detail .item-info p{float:left; } .perex{font-size:120%; font-style:italic; padding:0 0 1.5em; margin-bottom:1.5em; border-bottom:1px solid #dddddd;} .perex-image{position:relative; top:0; left:0; text-transform:uppercase; padding:1.5em 300px 1.8em 1.5em; margin:1.5em 0 2em; color:white; background:#4c4c4c;} .perex-image *{color:white;} .perex-image h2{font-size:180%; font-weight:400; margin:0;} .perex-image p{font-size:120%; margin:0;} .perex-image img{position:absolute; bottom:-1em; right:1em; height:145px; width:auto;} /* Articles & news & inquiry */ .article,div.new,.inquiry{padding-bottom:1em; margin-bottom:2em; border-bottom:1px solid #dddddd;} .article .image,div.new .image{width:200px; padding:0;} .article .image-in,div.new .image-in,.article-detail .image-in,.new-detail .image-in{position:relative;} .article .image img,div.new .image img{width:100%;} .article-detail .img-width,.article-detail .img-height,.new-detail .img-width,.new-detail .img-height{width:auto; height:auto;} .article-detail .image,.new-detail .image{background-color:transparent; text-align:left; width:auto; max-width:100%; padding:0;} .article-detail img,.new-detail img{max-width:100%; height:auto;} /* Articles version 2 - DRAFT */ .article-preview-v2{} .article-preview-v2 .item{border-bottom:none;} .article-preview-v2 .item .image{width:100%; height:220px; float:none;} .article-preview-v2 .item-text{height:8.5em; overflow:hidden;} /* Digest (overview) */ .digests{} .digest{} .digest-in{} .digest .image{} .digest .image,.digest .image-in{float:none; width:100%; padding:0;} .digest .image-in{position:relative;} .digest .image img{width:100%; height:auto;} .digest h2,.digest h3,.digest h4{font-size:120%; font-weight:600; padding:0;} .digest h2,.digest h3,.digest h4,.digest p{margin:.5em 0;} .digests-v2 .image{float:left; margin:0 5% 5% 0 !important;} .digests-v2 .image{width:120px; padding-bottom:120px;} .digests-v2 .image-in{position:absolute;} .digests-v2 h2{margin-top:0;} .digests-v2 ul{padding:0; list-style-position:inside;} .digests.items-color-header h2,.digests.items-color-header h3,.digests.items-color-header h4, .digests.items-color-header h2 a,.digests.items-color-header h3 a,.digests.items-color-header h4 a, .digests.items-color-text p{text-decoration:none; padding:.5em 1em; margin:0;} .digests.items-color-header h2 a,.digests.items-color-header h3 a,.digests.items-color-header h4 a{display:block; margin:-.5em -1em;} .digests.items-boxed .item{padding:0;} /* Testimonials */ .testimonials{} .testimonial{} .testimonial-in{} .testimonial-text{position:relative; padding:1em 1.2em; background-color:#ffffff; border:1px solid #dddddd; margin-bottom:1em;} .testimonial-text p{margin:0;} .testimonial-text p~p{margin-top:1em;} .testimonial-text:before,.testimonial-text .before,.testimonial-text:after,.testimonial-text .after{position:absolute; z-index:2; bottom:-.7em; left:28px; color:#ffffff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .testimonial-text:after,.testimonial-text .after{bottom:-.8em; z-index:1; color:#dddddd;} .testimonial .image{width:70px; padding-bottom:70px; margin:0 1em 1em 0 !important;} .testimonial-author{margin-top:1.8em;} .testimonial-author strong{display:block;} .testimonials.items-boxed .testimonial{padding:0;} .testimonials.items-boxed .testimonial-text{border-width:0 0 1px 0;} .testimonials.items-boxed .testimonial .image{margin-left:1.2em !important;} .testimonials.items-boxed .testimonial-text:before,.testimonials.items-boxed .testimonial-text .before,.testimonials.items-boxed .testimonial-text:after,.testimonials.items-boxed .testimonial-text .after{left:46px;} .testimonials-v2 .testimonial{} .testimonials-v2 .testimonial-in{} .testimonials-v2 .testimonial-info{float:left; width:120px;} .testimonials-v2 .image{width:100%; padding-bottom:100%; margin:0 !important;} /* padding set box ratio of 1:1 */ .testimonials-v2 .testimonial-author{margin-top:1em;} .testimonials-v2 .image{float:none;} .testimonials-v2 .testimonial-text{margin-left:140px;} .testimonials-v2 .testimonial-text:before,.testimonials-v2 .testimonial-text .before,.testimonials-v2 .testimonial-text:after,.testimonials-v2 .testimonial-text .after{bottom:100%; left:-.4em; margin-bottom:-2.5em;} .testimonials-v2 .testimonial-text:after,.testimonials-v2 .testimonial-text .after{left:-.5em;} .testimonials-v2.items-boxed .testimonial-info{padding:1em 0;} .testimonial-text div.cl,.testimonials-v2.items-boxed .item div.cl{display:none;} .testimonials-v2.items-boxed .testimonial-text div.cl{display:block;} .testimonials-v2.items-boxed .testimonial-text{margin-bottom:0; border-width:0 0 0 1px;} .testimonials-v2.items-boxed .testimonial .image{margin-left:0 !important;} .testimonials-v2.items-boxed .testimonial-text:before,.testimonials-v2.items-boxed .testimonial-text .before{left:-.4em;} .testimonials-v2.items-boxed .testimonial-text:after,.testimonials-v2.items-boxed .testimonial-text .after{left:-.5em;} /* Gallery */ .gallery{} .gallery-in{overflow:hidden;} .gallery-preview-info{position:relative;} .gallery-preview-info .icon-picture{position:absolute; top:1.05em; right:10px; font-size:90%; color:#808080;} .gallery-preview .gallery .image{} .gallery .image{float:none; margin:0;} .gallery .image-in img{position:relative; z-index:1;} .gallery-number{display:none !important;} .items-icon-gallery a:hover .gallery-number{display:block !important; position:absolute; top:50%; left:50%; z-index:101; text-align:center; width:3em !important; height:1.5em !important; margin:-.7em 0 0 -1.5em !important; font-size:90%; font-weight:600; color:#494949;} .gallery h2{font-size:100%; font-weight:400; margin:0;} .gallery h2 a{display:block; text-decoration:none; padding:.8em 3.2em .8em 10px; background-color:white; border-top:1px solid #dddddd;} .gallery .item-text{display:none;} .gallery .image-text{display:block; font-size:90%; text-align:center; max-height:4.5em; padding:.5em 0 0; overflow:hidden;} /* Gallery slider vertical/horizontal */ .gallery-slider-vertical{width:100%; height:350px;} .gallery-slider-vertical .gallery{height:100%; margin:0;} .gallery-slider-vertical .gallery .image,.gallery-slider-vertical .gallery .image-in{width:100%; height:100%;} .gallery-slider-vertical .image-main{width:75%; float:left;} .gallery-slider-vertical .gallery-in{width:100%; height:100%;} .gallery-slider{float:right; width:22%; height:100%;} .gallery-slider .gallery{float:none; width:100%; height:30%;} .gallery-slider .image-space{height:5%;} .gallery-slider .image-space:last-child{display:none;} /* Photoswipe (New Lightbox) */ .pswp__top-bar .pswp__button:hover{color:white; background-color:transparent; background-image:url("/web-tools/PhotoSwipe/default-skin/default-skin.png");} /* Zoom icon on single image */ p > a.lightbox{position:relative;} p > a.lightbox:before{display:none; font-family:FontAwesome; -webkit-font-smoothing:antialiased; content:"\f002"; position:absolute; top:50%; left:50%; font-size:250%; width:2em; height:1em; padding:.5em 0; line-height:1em; margin:-1em 0 0 -1em; text-align:center; color:white; background:rgba(0,0,0,.5); -webkit-border-radius:100em; -moz-border-radius:100em; border-radius:100em;} p > a.lightbox:hover:before{display:block;} p > a.lightbox img{display:block;} p > a.lightbox.fl{margin:.3em 1.5em 1em 0;} p > a.lightbox.flr{margin:.3em 0 1em 1.5em;} /* Inquiry (survey) */ .inquiry{} .question{margin-bottom:1em;} .question p{margin:0;} .answer{padding:0; margin:0 0 .9em;} .answer p{margin:0 2.8em .3em 0;} .answer-count{position:absolute; bottom:14px; right:0;} .strip-box{position:relative; height:12px; background-color:#f9f9f9; border:1px solid #dddddd;} .strip-box a{position:relative; top:0; left:0; display:block; height:12px; width:100%;} .strip{position:absolute; top:-1px; left:-1px; height:14px; display:block; background:url("/img/bg-inquiry.png") 0 50% repeat-x; background-color:#808080; transition:300ms;} .inquiry a:hover .strip{background-color:#606060; border-color:#606060;} .inquiry-count{} .inquiry-count p{margin-bottom:0;} /* Forum (discussion) & comments */ .forum-category{} .forum-threads{} .forum-thread-name{font-size:105%;} .forum-thread-desc{margin:.2em 0 0;} .forum-thread-last-author{display:block;} .page-forum-threads .forum-thread-desc{font-size:90%;} .forum-thread-pager{display:inline-block; margin-left:5px;} .forum-thread-detail{} .forum-thread-permanent-thread td{background-color:#fff3a4;} .posts .post:last-child .post-content{padding:0; border:none;} .post{position:relative; margin:1.5em 0;} .post-image-user{position:relative; float:left; width:60px; height:60px; background-color:white; border:1px solid #dddddd;} .post-image-user span{position:absolute; top:50%; left:50%; margin:-.6em 0 0 -.45em; color:#dddddd; font-size:120%;} .post-image-user img{width:60px; height:60px;} .post-content{margin-left:80px; padding-bottom:1.5em; border-bottom:1px solid #dddddd;} .post-head{position:relative; margin-bottom:1em;} .post-id,.post-title{display:none;} /* only in forum */ .post-author{display:inline-block; margin-right:.5em;} .post-author strong{font-weight:400;} .post-date{display:inline-block; color:#aaaaaa;} .post-message{} .post-options{font-size:90%; margin-top:.8em;} .post-reply{} .post-message blockquote{padding:0; margin:1em 0 1em 2em;} .post-quote{padding:1em; margin:0; background-color:white; border:1px solid #dddddd;} .post-quote-author{margin:0 0 .5em; font-style:italic;} #comments{} .level{} .level .level{margin-left:1em;} /* Tabs */ #tab{margin-top:1.5em;} .tab-nav{position:relative; top:1px;} .tab-nav,.tab-nav li{list-style:none; padding:0; margin:0;} .tab-nav li{float:left; margin-right:5px;} .tab-nav li a{display:block; font-size:110%; text-decoration:none; padding:10px 1.5em; border:1px solid #dddddd; border-bottom:none;} .tab-nav li.active a{padding-bottom:11px; background-color:white;} .tab{clear:left; padding:1.5em; margin-bottom:1em; background-color:white; border:1px solid #dddddd;} .tab h2:first-child,.tab h3:first-child,.tab p:first-child{margin-top:0;} /* Pagination */ .paginator{} .paginator span.paginator-nav,.paginator span.paginator-nav-first,.paginator span.paginator-nav-last{display:block; float:left; background-color:white; border:1px solid #dddddd; border-left:none;} .paginator-in span.paginator-nav:first-child{border-left:1px solid #dddddd;} .paginator a,.paginator strong{display:block; text-align:center; width:1.5em; padding:.4em; text-decoration:none;} .paginator strong{color:white; background-color:#808080;} .paginator .paginator-nav-first a,.paginator .paginator-nav-last a{width:auto; padding:.4em 1em;} /* Rating */ .rating{display:inline-block;} .rating a{text-decoration:none; float:left;} .rating a span{text-decoration:underline;} .rating .icon:before,.rating .icon .before{margin-right:2px;} .rating .icon-star-empty:before,.rating .icon-star-empty .before{color:#dddddd;} .rating .icon-star-half:before,.rating .icon-star-half .before{color:#f8c600;} .rating .icon-star:before,.rating .icon-star .before{color:#f8c600;} .rating .icon:hover:before,.rating .icon:hover .before{color:#ffa200;} /* Messages - warning, info, success, error */ .message{clear:left; position:relative; width:100%; margin:1em 0 1.5em; background-color:#efefef;} .form .message{width:auto; margin:1em 1.5em 0;} .form * + .message{margin-top:0;} .message-in{min-height:1.4em; padding:1em 1.5em;} .message h2,.message h3,.message h4{font-weight:600; color:#5c5c5c; padding:0; margin:0;} .message p,.message ul{margin:.3em 0 0;} .message li{margin:0;} .warning,.warning h2,.warning h3,.warning h4{color:#6e684e; background-color:#f6f1d5;} .info,.info h2,.info h3,.info h4{color:#3d6e7b; background-color:#dfeef4;} .success,.success h2,.success h3,.success h4{color:#406d41; background-color:#d4f1cb;} .error,.error h2,.error h3,.error h4{color:#8d3d43; background-color:#f1d7d7;} /* Fulltext */ .page-fulltext .form-part{border:none;} .fulltext-results{margin-bottom:2em; border-top:1px solid #dddddd;} .fulltext-result{} /* ******************************************* */ /* ************ CATALOGUE & E-SHOP *********** */ /* ******************************************* */ /* Cataloque */ #catalogue-content{} #catalogue-content-single{} /* without navigation column - navigation is in sidebar element */ .catalogue-nav{display:none;} .catalogue-nav h2{margin-top:0;} #catalogue-subcats{font-size:110%;} #catalogue-subcats p{margin:0; display:none;} #catalogue-subcats ul,#catalogue-subcats li{list-style:none; padding:0; margin:0; background:none;} #catalogue-subcats li{float:left; margin-right:1em;} #catalogue-subcats .icon{text-decoration:none;} #catalogue-subcats .icon span{display:inline; text-decoration:underline;} #catalogue-subcats .icon:before,#catalogue-subcats .icon .before{color:#cccccc;} #catalogue-category-desc{margin:1em 0 1.5em;} /* Catalogue filters */ .filters{} .filters-in{position:relative; padding:15px; background-color:white; border:1px solid #dddddd;} .filters h3{font-size:100%; font-weight:700; margin:0;} .filters .filter-hide,.filters .filter-show{position:absolute; top:15px; right:15px;} /* filter slider jQuery */ .filter-slider-on{position:relative; width:auto; padding:0 .6em; margin-top:1.8em; background-color:#f9f9f9; border:1px solid #dddddd;} .filter-slider-min-value{position:absolute; top:-1.5em; left:0;} .filter-slider-max-value{position:absolute; top:-1.5em; right:0;} #p-filter-slider{} .ui-slider{height:1.2em; padding:0; background:none; border:none;} .ui-slider-range{background-color:#808080; background-image:url("/img/bg-inquiry.png"); background-position:0 50%; background-repeat:repeat-x;} .ui-slider-horizontal .ui-slider-handle{height:1.2em; left:0; top:-1px; margin-left:-.6em; background-color:white; border:1px solid #dddddd;} .filter-sorters{} .sorter-property1{} .sorter-property2{} /* Catalogue options view */ .catalogue-options{position:relative; font-size:90%; padding:0 0 1em; margin:1em 0 1.5em; border-bottom:1px solid #dddddd;} .catalogue-options-in{} .page-catalogue-preview .paginator{float:right;} .catalogue-box-select{display:inline-block; float:left; margin-right:1em; background:white; border:1px solid #dddddd;} .catalogue-select-name,.catalogue-box-select a{display:inline-block; text-decoration:none; padding:.4em .6em;} .catalogue-box-select a{border-left:1px solid #dddddd;} .catalogue-box-select a.active{color:white; background:#808080;} /* Catalogue ordering view */ .catalogue-ordering{} .catalogue-ordering form{display:inline-block; margin-right:.5em;} .catalogue-ordering input,.catalogue-ordering select{padding:0;} /* Catalogue select view */ .catalogue-part-head{display:none;} /* Catalogue preview */ .catalogue{} .catalogue-in{width:auto; min-height:300px; padding:15px; background-color:white; border:1px solid #dddddd;} .catalogue h2,.catalogue h3{font-size:110%; line-height:1.3em !important; height:2.7em; padding:.7em 15px 0; margin:0 0 .7em; overflow:hidden;} .catalogue ul,.catalogue li{background:none;} .catalogue ul{list-style-position:inside; padding-left:1px;} .catalogue li{margin:0; list-style-position:inside;} .catalogue li span{} .catalogue .image{float:none; margin:0;} .catalogue-text{margin-top:.5em;} .catalogue-annotation{font-size:95%; margin-bottom:.8em; overflow:hidden;} .catalogue-basket{position:absolute; top:4.3em; right:15px; width:100px;} .catalogue-price,.catalogue-price-stock{text-align:right;} .catalogue-price table{margin:0;} .catalogue-price span,.catalogue-price strong{display:block;} .catalogue-price strong{font-size:140%; font-weight:700;} .catalogue-price-delete{font-size:90%; min-height:1.5em;} .catalogue-price-vat{font-size:70%;} .catalogue-price-stock{font-size:90%; margin-top:.2em;} .catalogue-price-stock-ok strong{color:#38a20f;} .catalogue-price-stock-na strong{color:#c00000;} .catalogue-basket-form{float:right; width:auto; margin-top:1em; text-align:right;} .catalogue-basket-count[type="text"]{width:3em ;padding:.3em .5em; text-align:right;} .catalogue-basket-button{} /* Catalogue stickers */ .catalogue-stickers{position:relative; left:0; top:0; font-size:85%; z-index:2;} .catalogue-stickers-in{position:absolute; left:-22px; top:0;} .catalogue-stickers span{position:relative; float:left; clear:left; display:inline-block; line-height:1.4em; padding:.3em .8em; margin-bottom:7px; color:white; background-color:gray; background-image:url("/img/gradient-left-right-white-25.png"); background-position:0 0; background-size:cover; background-repeat:repeat-y; /*border-width:1px; border-style:solid;*/} .catalogue-stickers .catalogue-sticker-sale{background-color:#ffa200;} .catalogue-stickers .catalogue-sticker-new{background-color:#1d921a;} .catalogue-stickers .catalogue-sticker-recommend{background-color:#ff8400;} .catalogue-view3 .catalogue-stickers-in,.catalogue-detail-stickers .catalogue-stickers .catalogue-stickers-in{position:relative; left:0; bottom:0; height:2.2em;} .catalogue-view3 .catalogue-stickers span,.catalogue-detail-stickers .catalogue-stickers span{clear:none; margin-top:0; margin-right:.3em;} .catalogue-stickers span:before{content:""; position:absolute; left:0; bottom:-6px; border-left:6px solid transparent; border-top:6px solid #646464;} /* Catalogue preview 1 (pictures) */ .catalogue-view1 .catalogue-in{padding-top:4.3em;} .catalogue-view1 .catalogue .image{width:100%;} .catalogue-view1 .catalogue h2,.catalogue-view1 .catalogue h3{position:absolute; top:0; left:0;} .catalogue-view1 .catalogue-price,.catalogue-view1 .catalogue-price-stock{float:left; text-align:left;} .catalogue-view1 .catalogue-basket{position:relative; top:0; left:0; width:100%;} .catalogue-view1 .catalogue-basket .catalogue-basket-form{margin-top:1.5em;} /* Catalogue preview 2 (standard) */ .catalogue-view2 .catalogue-in{padding-top:4.3em;} .catalogue-view2 .catalogue .image{width:65%; padding-bottom:65%;} .catalogue-view2 .catalogue h2,.catalogue-view2 .catalogue h3{position:absolute; top:0; left:0; width:88%;} .catalogue-view2 .catalogue-annotation{height:4.2em; margin-bottom:.8em;} .catalogue-view2 .catalogue-basket{width:100px;} .catalogue-view2 .catalogue-price,.catalogue-view2 .catalogue-price-stock{} .catalogue-view2 .catalogue-basket{} .catalogue-view2 .catalogue-basket .catalogue-basket-form{margin-top:1.5em;} /* Catalogue preview 3 (cols) */ .catalogue-view3 .catalogue-in{width:auto; min-height:0; padding:15px;} .catalogue-view3 .catalogue .image{float:left; margin-bottom:0; width:25%; padding-bottom:25%;} .catalogue-view3 .catalogue h2,.catalogue-view3 .catalogue h3,.catalogue-view3 .catalogue-text,.catalogue-view3 .catalogue-stickers{margin:0 120px 0 28%; overflow:visible;} .catalogue-view3 .catalogue h2,.catalogue-view3 .catalogue h3{position:relative; top:0; left:0; width:auto; height:auto; padding:0; margin-bottom:.5em;} .catalogue-view3 .catalogue-annotation{} .catalogue-view3 .catalogue-box-in h2{} .catalogue-view3 .catalogue-box-in{padding:10px; height:auto; min-height:125px; margin:0;} .catalogue-view3 .catalogue-basket{top:14px;} .catalogue-view3 .catalogue-stickers{margin-top:.5em; margin-bottom:.5em;} /* Catalogue detail */ .catalogue-detail .item-info{margin-bottom:0;} .catalogue-detail-gallery{float:left; width:322px;} .catalogue-gallery-detail-images{position:relative; top:0; left:0; width:100%; height:77px; overflow:hidden;} .catalogue-gallery-detail-images .image{width:75px; padding-bottom:75px; margin-right:7px;} .catalogue-gallery-detail-images .image-more{position:absolute; top:0; right:0; margin-right:0;} /* Basket in detail */ .catalogue-detail-description,.catalogue-detail .catalogue-basket,.catalogue-detail .catalogue-stickers,.catalogue-basket-variants{margin-left:340px;} .catalogue-detail .catalogue-basket{position:relative; top:0; left:0; width:auto; height:auto; margin-top:1.5em;} .catalogue-detail .catalogue-price{padding:0; border:1px solid #dddddd;} .catalogue-detail .catalogue-price strong{font-size:100%;} .catalogue-detail .catalogue-price-our{font-size:140%; padding:10px 15px; background-color:white;} .catalogue-detail .catalogue-price-our .catalogue-price-vat{font-size:50%;} .catalogue-detail .catalogue-price .catalogue-price-availability{padding:8px 15px;} .catalogue-detail .catalogue-price .catalogue-price-stock{font-size:100%; margin:0;} .catalogue-basket-form{display:inline-block; vertical-align:middle; text-align:right; margin-top:1em;} .catalogue-basket-form input{display:inline-block; vertical-align:middle;} /* Catalogue stickers in detail */ .catalogue-detail-stickers{margin-top:1em; margin-bottom:1em;} .catalogue-detail-stickers~.catalogue-basket{margin-top:0;} .catalogue-recommend .catalogue-stickers{margin:0;} .catalogue-detail-stickers .catalogue-stickers span:before,.catalogue-view3 .catalogue-stickers span:before{display:none;} /* Catalogue variants */ .catalogue-basket-variants{margin-top:1em; margin-bottom:1em;} .catalogue-basket-variants h2{font-size:150%; margin-top:0;} .catalogue-basket-variants ul,.catalogue-basket-variants li{list-style:none; padding:0; margin:0;} .catalogue-basket-variants li{margin:0 .2em .5em 0;} .catalogue-basket-variants li a{text-decoration:none; display:block; padding:.2em .5em; color:black; background-color:white; border:1px solid #dddddd;} .catalogue-basket-variants li a:hover{color:#c00000; background-color:#f1f1f1;} .catalogue-basket-variants li.catalogue-basket-variants-na a,.catalogue-basket-variants li.catalogue-basket-variants-na a:hover{color:#cccccc; background:none;} .catalogue-basket-variants li.catalogue-basket-variants-na span{display:block; margin:0 3px; height:1px; background-color:gray; position:relative; top:-1em;} .catalogue-basket-variants li.catalogue-basket-variants-choose a{color:white; background-color:gray; border-color:gray;} .catalogue-basket-variants .hint{background-color:#38a20f;} .catalogue-basket-variants .hint:before,.catalogue-basket-variants .hint .before{color:#38a20f;} /* hint animation */ .catalogue-basket-variants .hint{-webkit-animation:showresult 1s; animation:showresult 1s;} @-webkit-keyframes showresult{from {opacity:0;} to {opacity:1;}} /* Chrome, Safari, Opera */ @keyframes showresult{from {opacity:0;} to {opacity:1;}} /* Standard syntax */ /* Catalogue variatns version 2 */ .catalogue-basket-variants-2 li{display:inline-block;} /* Catalogue recommend */ .catalogue-detail .catalogue-recommend .catalogue-in,.page-order-basket .catalogue-recommend .catalogue-in{font-size:90%;} .catalogue-recommend .catalogue-in{min-height:0;} .catalogue-recommend .catalogue-basket{margin:0;} .catalogue-recommend .catalogue-price-our{font-size:140%; padding:10px 15px; background-color:white;} .catalogue-recommend .catalogue-basket-count[type="text"]{display:none !important;} .catalogue-recommend .catalogue-price strong{font-size:140%;} .catalogue-recommend .catalogue-price,.catalogue-recommend .catalogue-price-stock{float:none; border:none;} .catalogue-recommend .catalogue-basket-form{position:absolute; top:0; right:0;} /* ******************************************* */ /* ********* E-SHOP BASKET and ORDER ********* */ /* ******************************************* */ /* Basket and order */ .order{position:relative;} .order h1{} .order-step-numbers{display:none; position:absolute; top:5px; right:0; font-size:150%; padding:0; margin:0;} /* Order steps - top track */ #order-steps-top{margin-top:2.5em;} #order-steps-top ul{list-style:none; padding:0; margin:0;} #order-steps-top li{position:relative; top:0; left:0; display:inline-block; vertical-align:middle; width:20%; padding:0; margin:0;} .order-step{display:block; text-align:center; padding:.7em 0; background-color:white; border:1px solid #dddddd; border-left:none;} .order-step-active .order-step{color:white; padding:1em; background-color:#808080; border:1px solid #606060;} .order-step-active strong{font-size:110%;} #order-steps-top li:first-child .order-step{border:1px solid #dddddd;} #order-steps-top li.order-step-active:first-child .order-step{border-color:#606060;} .order-step-number{position:absolute; top:0; left:50%; display:block; text-align:center; width:1.9em; padding:.25em 0; margin:-1.4em 0 0 -1em; background-color:white; border:1px solid #dddddd;} .order-step-active .order-step-number{font-weight:600; margin-top:-1.4em; color:white; background-color:#808080; border-color:#606060;} .order-step-completed .order-step-number{height:1.5em; background-color:white; background-image:url("/img/eshop/bg-order-step-completed.png"); background-position:50% 50%; background-repeat:no-repeat;} .order-step-completed a{} /* Order content */ .order-content{position:relative;} .basket-merge-or-delete{margin-top:2em;} .order-merge-info{padding:0 0 10px 40px; margin-bottom:10px;} .order-merge-info h3{padding:0; margin:0; background:none;} .order-merge-info p{margin-bottom:0;} .basket-merge{text-decoration:underline; padding:3px 0 3px 25px; margin:0 20px 0 0; border:none; cursor:pointer;} .basket-merge:hover{} .basket-merge:visited{} .basket-show-old-basket{padding:3px 0;} .basket-delete{margin-right:0;} .basket-merge-or-delete-merge,.basket-merge-or-delete-delete{float:right;} .basket-merge-or-delete-delete{margin-left:1em;} .basket{position:relative; top:0; left:0;} .basket-toggle{} /* Order basket table */ .basket-table-div{} .basket-table{width:100%; position:relative;} .basket-table th{white-space:nowrap;} .basket-table-name{width:300px; padding-left:0;} .basket-table-image{padding-top:.5em; padding-bottom:.5em;} .basket-table .image{margin:0; width:60px; padding-bottom:60px;} .basket-table .image-in{} .basket-table a.icon-cross{color:#b90000; text-decoration:none;} .basket-table .basket-table-sum-order td{font-size:120%;} .basket-table-recount{padding:0;} .basket-table-recount button{font-size:65%;} /* sale & coupons */ .basket-table .basket-coupon td{} .form-basket-table{} /* input for coupons */ /* Order payment info - 3rd step */ .order-delivery{float:left; width:48%;} .order-delivery~.order-payment{float:right; width:48%;} .order-delivery ul,.order-payment ul{/*font-weight:600;*/ list-style:none; margin:0 0 1em; padding:0;} .order-delivery ul .field,.order-payment ul .field{line-height:1.8em; margin:0;} .order-delivery ul label,.order-payment ul label{margin:0;} .delivery-payment-icon{display:inline-block; height:30px; width:60px; margin-right:6px;} .delivery-payment-icon img{max-width:100%; max-height:100%; width:auto; height:auto; position:relative; top:-.13em;} .order-delivery ul *,.order-payment ul *{vertical-align:middle;} .order-delivery input[type="radio"],.order-payment input[type="radio"]{position:relative; top:-.15em;} .order-delivery ul .tooltip,.order-payment ul .tooltip{position:relative;} /*.order-payment .disabled img,.order-payment .disabled .icon:before{opacity:.3;}*/ .order-payment .disabled,.order-payment .disabled{opacity:.5;} .delivery-payment-desc{display:inline-block; font-size:85%; min-height:30px; margin-left:6px;} .delivery-payment-desc *{display:inline-block !important; vertical-align:middle; padding:0; margin:0 !important;} .delivery-payment-desc img{height:25px; width:auto;} /* Order steps - bottom submits */ .order-steps{margin:1.5em 0 1em;} .order-steps a,.order-steps button{display:inline-block;} .order-next{float:right; font-size:110%; font-weight:700; text-decoration:none; text-transform:none;} .order-next-last{font-size:130%;} .order-back{float:left; text-decoration:none; text-transform:none;} .order-sum-payment{font-size:110%; font-weight:700; margin:1em 0;} .order-summary-info h4{font-size:130%; margin-top:0;} .order-summary-info p{margin-bottom:0;} .cart{display:inline-block; vertical-align:middle; line-height:1em;} .element-cart .cart{float:left; font-size:140%; height:auto;} .element-cart-info{margin-left:3.8em;} .element-cart-info span{display:block;} .element-cart-price strong{white-space:nowrap;} /* Order confirm - 5. step */ .order-print{text-align:center; /*position:absolute; top:0; right:0;*/} .order-payment-pay img{height:50px !important; width:auto !important; margin:.1em 0 .5em;} /* ******************************************* */ /* ***************** ELEMENTS **************** */ /* ******************************************* */ .box-content{position:relative;} .sidebar-in .box .form,.sidebar-in .box .form-bottom{padding:0; margin:0; border:none;} .sidebar-in .box .form-head,.sidebar-in .box .form-text,.sidebar-in .box .form-part{padding-top:0; padding-right:0; padding-left:0; border:none;} .sidebar-in .box.element-contact-form .form-part{padding:0;} .sidebar-in .box .form h2,.sidebar-in .box .form h3{margin-bottom:0;} .sidebar-in .box .form-head:after,.sidebar-in .box .form-head .after{display:none;} .sidebar-in .box .fields .cl{display:none;} .sidebar-in .box .field{width:100%; margin:0 0 .7em 0;} .sidebar-in .box.element-directmail .checkbox label{display:inline; font-size:85%;} .sidebar-in .box .login-anchors{margin-top:1em;} .sidebar-in .box .login-anchors p{margin:0;} .sidebar-in .box p,.sidebar-in .box label{font-size:90%;} .sidebar-in .box .fieldicon label{font-size:100%;} /* Element Mobile Callback */ #mobile-callback-box{display:none;} /* Element last news */ .element-last-news{} .element-last-news .item,.element-last-articles .item{margin-bottom: 1em; padding-bottom:1em;} .element-last-news .item-info{margin:0 0 .2em;} .element-last-news .item h3,.element-last-articles .item h3{margin-top:0;} .element-last-news .item-text,.element-last-articles .item-text{} /* Element last articles */ .element-last-articles{} /* Element logged user */ .element-logged{} /* Element inquiry */ .element-inquiry .inquiry{padding:0; margin:0; border:none;} /* Element catalogue news */ .element-news-catalogue{} .element-news-catalogue .image{width:60px; padding-bottom:60px; margin:0;} .element-news-catalogue h3,.element-news-catalogue p{margin-left:70px;} .sidebar-in .box.element-news-catalogue h3{font-size:85%; font-weight:normal; line-height:1.3em;} .element-news-catalogue p{margin-top:0; margin-bottom:0;} /* Element contact box with map */ .element-contact{margin:1em 0;} .contact-info{} .contact-info h2,.contact-info h3{margin-top:0;} .contact-map{} /* Element (Google) Map */ .map-with-options{float:left; width:75%;} .map-option,.map-list,.map-search{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .map-option{position:relative; top:0; left:0; float:right; width:25%; padding-top:4.5em;} .map-list{height:100%; padding:0 20px; overflow:auto;} .map-list ul{list-style:none; padding:0; margin:0 0 1em;} .map-list ul li a{text-decoration:none;} .map-list ul li a span{text-decoration:underline;} .map-search{position:absolute; top:0; left:0; width:100%; padding:1em 20px;} .map-search .fieldicon .icon:before{background:none; border-left:none;} /* Revolution slider */ .element-slider{text-align:left;} .element-slider li{margin:0;} .element-slider h1{font-size:320%; line-height:1.2em;} .element-slider h1 strong{font-weight:800;} .element-slider p{font-size:150%; width:40%; white-space:normal;} .slider-link-revolution-slider{position:absolute; z-index:10000;} .slider-link-revolution-slider-a{display:block;} .slider-link-revolution-slider-a img{width:3000px; height:3000px;} /* Facebook LikeBox */ .element-facebook{} .element-facebook .facebook{background-color:white; overflow:hidden;} /* Share Social */ .element-social{} .element-social .icon:before,.element-social .icon .before{font-size:140%;} .element-social a{text-decoration:none;} .element-social a:hover{opacity:.7;} .item-info .element-social{float:left;} .item-info .element-social .icon span{display:none;} /* Tags */ .element-tag{} .item-info .element-tag{float:left; margin-right:.7em;} /* Call To Action Stripe */ .call-to-action-stripe .container-in{padding-top:0; padding-bottom:0;} .call-to-action-stripe-in{padding:2.5em 40px;} .content-full-box .call-to-action-stripe-in{padding-top:.5em; padding-bottom:0; margin-bottom:-.5em;} .layout-full.layout-stripe .call-to-action-stripe-in,.layout-full-boxed.layout-stripe .call-to-action-stripe-in{padding-right:0; padding-left:0;} .call-to-action-stripe span.cta-item{position:relative; display:inline-block; vertical-align:middle; line-height:1.4em;} .call-to-action-stripe .icon{position:relative; top:-.25em;} .call-to-action-stripe .icon:before,.call-to-action-stripe .icon .before{/*font-size:260%;*/ top:.18em;} .call-to-action-stripe .icon strong{font-size:120%; vertical-align:middle; position:relative; top:-.1em;} .call-to-action-stripe .button{text-align:center;} /* Footer element - DRAFT */ .footer-box{color:white; background-color:#4c4c4c; text-align:left;} .footer-box h2{color:white;} .footer-box-in{} .layout-footer{} .layout-footer-box{} .layout-footer-box-in{overflow:hidden;} .layout-footer-box-in h2{margin-top:0;} .layout-footer .form{padding:0; margin:0; background:none; border:none;} .layout-footer .form-head,.layout-footer .form-text,.layout-footer .form-part,.layout-footer .form-bottom{padding:0; border:none;} .layout-footer-1{} .layout-footer-2 .layout-footer-box{width:50%; float:left;} .layout-footer-3 .layout-footer-box{width:33.3333333%; float:left;} .layout-footer-3 .layout-footer-box .layout-footer-box-in{margin:0 20px;} .layout-footer-3 .layout-footer-box:nth-child(1) .layout-footer-box-in{margin-left:0;} .layout-footer-3 .layout-footer-box:nth-child(2) .layout-footer-box-in{margin:0 10px;} .layout-footer-3 .layout-footer-box:nth-child(3) .layout-footer-box-in{margin-right:0;} /* Advert elements */ .advert{text-align:center;} .advert img{vertical-align:bottom;} #advert-top .element-advert,#advert-bottom .element-advert{padding-bottom:1.5em;} #advert-slide{position:absolute; top:0; z-index:1; right:-21px; width:1px;} #advert-slide .advert-in{position:absolute; top:0; left:0;} .sidebar-in .box.element-advert{padding-right:0; padding-left:0;} /* Advert - Branding full page - DRAFT */ /*.layout-boxed #main{padding-top:0;} .layout-boxed #main-in{max-width:980px;} #advert-top .element-advert, #advert-bottom .element-advert{padding-bottom:0;} #special-element-foot-2{position:absolute; top:0; left:0; z-index:1;} #special-element-foot-2,.ad-fullpage,.ad-fullpage div,.ad-fullpage a{display:block; width:100%; height:100%;} .ad-fullpage a{background:url("") 50% 0 no-repeat;}*/ /* ******************************************* */ /* *************** WS ELEMENTS *************** */ /* ******************************************* */ /* WebSynergy Simple Slider v 1.0 */ /* default slider CSS */ .ws-slider,.ws-slider-in,.ws-slider-in-in,.ws-slider-slides,.ws-slider-slide,.ws-slider-content,.ws-slider-content-in, .ws-slider-text h1,.ws-slider-text h2,.ws-slider-text h3,.ws-slider-text p,.ws-slider-text a{position:relative; top:0; left:0;} .ws-slider-text h1,.ws-slider-text h2,.ws-slider-text h3{line-height:1.2em; font-weight:300;} .ws-slider-text h1 strong,.ws-slider-text h2 strong,.ws-slider-text h3 strong{font-weight:600;} .ws-slider-text p{margin-top:1.4em;} .ws-slider-text h1 + p,.ws-slider-text h2 + p,.ws-slider-text h3 + p{margin-top:.5em;} .ws-slider-text-standard h1{font-weight:600;} .ws-slider-text-standard p{font-size:120%;} .ws-slider-text h1 + p a.button{margin-top:1em;} /* default sizes */ .ws-slider,.ws-slider-in,.ws-slider-slides,.ws-slider-slide{width:100%;} .ws-slider-in,.ws-slider-content{max-height:300px;} .ws-slider-content,.ws-slider-slide-space,.ws-slider-content-in{max-width:980px;} .ws-slider-slide-space,.ws-slider-content-in{padding-bottom:30.612244%; /* 300px / 980px * 100 */} .ws-slider-in{overflow:hidden;} .ws-slider-slides,.ws-slider-slide{list-style:none; padding:0; margin:0;} .ws-slider-slide{position:absolute; top:0; left:100%; overflow:hidden;} .ws-slider-slide.ws-slider-slide-first{left:0;} .ws-slider-slide-space,.ws-slider-content{z-index:2; margin:0 auto;} /* layout of site */ .layout-boxed .ws-slider-space .ws-slider-content-in{margin-left:50px; margin-right:50px;} /* content of slide */ .ws-slider-text,.ws-slider-img{position:absolute; top:0; width:48%; height:100%;} .ws-slider-text{left:0;} .ws-slider-text h1,.ws-slider-text h2,.ws-slider-text h3{margin-top:10%; margin-bottom:.3em;} .ws-slider-img{right:0;} .ws-slider-img-in{position:relative; top:10%; bottom:0; text-align:center; width:100%; height:90%;} .ws-slider-img img{max-width:100%; max-height:100%;} .ws-slider-bg,.ws-slider-effects{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-align:center; overflow:hidden;} .ws-slider-bg img,.ws-slider .ws-slider-bg-width .ws-slider-bg img{width:100%; height:auto; margin:0 auto;} .ws-slider-url a{display:block; position:absolute; top:0; left:0; z-index:3; width:100%; height:100%;} /* slider controls */ .ws-slider-controls,.ws-slider-controls-arrows{position:absolute; top:100%; left:0; z-index:4; width:100%; height:0; margin-top:0; text-align:center;} .ws-slider-controls-arrows{height:100%; font-size:200%;} .ws-slider-controls-arrows a{display:inline-block; text-decoration:none; line-height:1.3em; width:1.35em; height:1.4em; color:white; background-color:black; background:rgba(0,0,0,.5); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .ws-slider-controls-arrows a:hover,.ws-slider-controls-arrows a:visited{color:white; background:black;} .ws-slider-controls-arrows a.icon:before{margin:0;} .ws-slider-controls-prev{position:absolute; top:-50%; left:20px; margin-top:-.7em; padding-right:.05em;} .ws-slider-controls-next{position:absolute; top:-50%; right:20px; margin-top:-.7em; padding-left:.05em;} .ws-slider-controls-numbers{position:absolute; bottom:100%; left:50%; height:2.4em; padding:0 .5em; margin-bottom:1em; background-color:gray; background:rgba(0,0,0,.15); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .ws-slider-controls-numbers a{display:inline-block; text-decoration:none; width:1em; height:1em; margin:.5em .2em; overflow:hidden; color:black; background:black; border:.2em solid #4c4c4c; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .ws-slider-controls-numbers a:hover,.ws-slider-controls-numbers a.active{color:white; background:white;} /* slider timer */ .ws-slider-timmer{position:absolute; z-index:4; background-color:white; background:rgba(255,255,255,.5); height:.3em;} /* controls visibility */ .ws-slider-hidden-controls .ws-slider-controls,.ws-slider-hidden-controls .ws-slider-controls-arrows{display:none; opacity:0; transition:300ms;} .ws-slider-hidden-controls:hover .ws-slider-controls,.ws-slider-hidden-controls:hover .ws-slider-controls-arrows{display:block; opacity:1;} /* position of controls */ .ws-slider-item-1 .ws-slider-controls-numbers{margin-left:-1.4em;} .ws-slider-item-2 .ws-slider-controls-numbers{margin-left:-2.3em;} .ws-slider-item-3 .ws-slider-controls-numbers{margin-left:-3.2em;} .ws-slider-item-4 .ws-slider-controls-numbers{margin-left:-4.1em;} .ws-slider-item-5 .ws-slider-controls-numbers{margin-left:-5em;} .ws-slider-item-6 .ws-slider-controls-numbers{margin-left:-6.4em;} .ws-slider-item-7 .ws-slider-controls-numbers{margin-left:-7.3em;} .ws-slider-item-8 .ws-slider-controls-numbers{margin-left:-8.2em;} .ws-slider-item-9 .ws-slider-controls-numbers{margin-left:-9.1em;} .ws-slider-item-10 .ws-slider-controls-numbers{margin-left:-10em;} /* look styles of slider */ .ws-slider-bg-auto .ws-slider-bg img,.ws-slider .ws-slider-bg-auto .ws-slider-bg img{width:auto; max-width:none; height:auto; max-height:none;} .ws-slider-bg-width .ws-slider-bg img,.ws-slider .ws-slider-bg-width .ws-slider-bg img{width:100%; height:auto;} .ws-slider-bg-height .ws-slider-bg,.ws-slider .ws-slider-bg-height .ws-slider-bg{text-align:center; left:50%; width:10000%; margin-left:-5000%;} .ws-slider-bg-height .ws-slider-bg img,.ws-slider .ws-slider-bg-height .ws-slider-bg img{width:auto; max-width:none; height:100%;} .ws-slider-bg-full .ws-slider-bg img,.ws-slider .ws-slider-bg-full .ws-slider-bg img{width:100%; height:100%;} .ws-slider-space .ws-slider-content-in{margin-left:20px; margin-right:20px;} .ws-slider-boxed-header .ws-slider-text h1{padding:.5em 20px;} .ws-slider-boxed-text .ws-slider-text p{padding:1em 20px;} .ws-slider-boxed .ws-slider-text-in{padding:1em 20px;} .ws-slider-boxed h1{margin-top:0;} /* white text & dark background */ .ws-slide-dark{background:black;} .ws-slider-boxed.ws-slide-dark .ws-slider-text-in,.ws-slider-boxed-header.ws-slide-dark .ws-slider-text h1,.ws-slider-boxed-text.ws-slide-dark .ws-slider-text p,.ws-slider-text-center.ws-slide-dark .ws-slider-text-in{background-color:black; background:rgba(0,0,0,.75);} .ws-slide-dark .ws-slider-text h1,.ws-slide-dark .ws-slider-text h2,.ws-slide-dark .ws-slider-text h3,.ws-slide-dark .ws-slider-text p,.ws-slide-dark .ws-slider-text li,.ws-slide-dark .ws-slider-text em,.ws-slide-dark .ws-slider-text a,.ws-slide-dark .ws-slider-text strong{color:white;} .ws-slide-light{background:white;} .ws-slider-boxed.ws-slide-light .ws-slider-text-in,.ws-slider-boxed-header.ws-slide-light .ws-slider-text h1,.ws-slider-boxed-text.ws-slide-light .ws-slider-text p,.ws-slider-text-center.ws-slide-light .ws-slider-text-in{background-color:white; background:rgba(255,255,255,.75);} .ws-slide-light .ws-slider-text h1,.ws-slide-light .ws-slider-text h2,.ws-slide-light .ws-slider-text h3,.ws-slide-light .ws-slider-text p,.ws-slide-light .ws-slider-text li,.ws-slide-light .ws-slider-text em/*,.ws-slide-light .ws-slider-text a*/,.ws-slide-light .ws-slider-text strong{color:black;} /* text in center */ .ws-slider-text-center .ws-slider-img{display:none;} .ws-slider-text-center .ws-slider-text{display:inline-block; vertical-align:middle; width:100%; text-align:center;} .ws-slider-text-center .ws-slider-text-in,.ws-slider-text-valign .ws-slider-text-in{display:inline-block; vertical-align:middle; width:auto; padding:1em 1.5em;} .ws-slider-text-center .ws-slider-text h1{} .ws-slider-vertical-middle .ws-slider-text-in{display:inline-block; vertical-align:middle;} .ws-slider-text-w100 .ws-slider-text-in{width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /* animations */ .ws-slider-slide-animation-v1 .ws-slider-text,.ws-slider-slide-animation-v1 .ws-slider-img{ opacity:0; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .ws-slider-slide-animation-v1 .ws-slider-text{ -webkit-animation-name:ws-slider-text; animation-name:ws-slider-text; } @-webkit-keyframes ws-slider-text{ from {left:-100%; opacity:0;} to {left:0; opacity:1;} } @keyframes ws-slider-text{ from {left:-100%; opacity:0;} to {left:0; opacity:1;} } .ws-slider-slide-animation-v1 .ws-slider-img{ -webkit-animation-name:ws-slider-img; animation-name:ws-slider-img; -webkit-animation-delay:1s; animation-delay:1s; } @-webkit-keyframes ws-slider-img{ from {right:-100%; opacity:0;} to {right:0; opacity:1;} } @keyframes ws-slider-img{ from {right:-100%; opacity:0;} to {right:0; opacity:1;} } .ws-slider-animate-in-next-v1{ left:100%; -webkit-animation-name:ws-slider-slide-in-next; animation-name:ws-slider-slide-in-next; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .ws-slider-animate-in-preview-v1{ left:100%; -webkit-animation-name:ws-slider-slide-in-preview; animation-name:ws-slider-slide-in-preview; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .ws-slider-animate-out-next-v1{ left:0; -webkit-animation-name:ws-slider-slide-out-next; animation-name:ws-slider-slide-out-next; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .ws-slider-animate-out-preview-v1{ left:0; -webkit-animation-name:ws-slider-slide-out-preview; animation-name:ws-slider-slide-out-preview; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes ws-slider-slide-in-next{from {left:100%;}to {left:0;}} @-webkit-keyframes ws-slider-slide-in-preview{from {left:-100%;}to {left:0;}} @-webkit-keyframes ws-slider-slide-out-next{from {left:0;}to {left:-100%;}} @-webkit-keyframes ws-slider-slide-out-preview{from {left:0;}to {left:100%;}} @keyframes ws-slider-slide-in-next{from {left:100%;}to {left:0;}} @keyframes ws-slider-slide-in-preview{from {left:-100%;}to {left:0;}} @keyframes ws-slider-slide-out-next{from {left:0;}to {left:-100%;}} @keyframes ws-slider-slide-out-preview{from {left:0;}to {left:100%;}} /* WebSynergy Pack & Unpack v 1.0 */ .ws-pack-main{} .ws-pack-item{} .ws-pack-item-header{position:relative; cursor:pointer;} .ws-pack-item-content{position:relative; padding:1px 0; margin:0; overflow:hidden; display:none;} .ws-pack{} .ws-unpack{} .ws-pack-icons .ws-pack-item-header:before{position:absolute; top:50%; right:.5em; margin-top:-.7em;} /* ******************************************* */ /* ************* SPECIAL ELEMENTS ************ */ /* ******************************************* */ #special-element-head-1{} #special-element-head-2{} #special-element-crumbs-1{} #special-element-crumbs-2{} #special-element-cont-1{} #special-element-cont-2{} #special-element-cont-3{} #special-element-foot-1{} #special-element-foot-2{} /* ******************************************* */ /* ***************** ELEMENTS **************** */ /* ******************************************* */ /* *** Setting for elements (widgets) */ /* Basket */ .element-basket-icon{display:block; float:left; margin:0px 10px 0 0;} .element-basket-info{float:left; margin-top:1px;} .element-basket-text,.element-basket-price{display:block;} .element-basket-price{font-size:110%; margin-top:4px;} #special-element-head-2 .element-basket{position:relative; text-align:center;} #special-element-head-2 .element-basket .box-right{position:relative; text-align:left; width:980px; margin:0 auto;} #special-element-head-2 .element-basket .box-foot{position:absolute; bottom:30px; right:0;} /* Calendar */ .calendar{} .indices{} .indices p{padding:5px 0; margin:0;} .index-month{float:right;} .index-day{float:left;} .calendar table{clear:both;} .calendar th,.calendar td{text-align:center;} .calendar td{padding:0;} .calendar .cell{display:block; position:relative; padding:2px;} .calendar .cell:hover{} .event-count{position:absolute; top:0; left:50%; font-size:80%; margin-left:8px; font-weight:normal;} .saturday{} .sunday{} .outta-range{} /* days not in actual month */ .today{font-weight:700;} /* timepicker */ .ui-timepicker-div .ui-widget-header{margin-bottom:8px;} .ui-timepicker-div dl{text-align:left;} .ui-timepicker-div dl dt{height:25px; margin-bottom:-25px;} .ui-timepicker-div dl dd{margin:0 10px 10px 65px;} .ui-timepicker-div td{font-size:90%;} .ui-tpicker-grid-label{background:none; border:none; margin:0; padding:0;} .ui-timepicker-rtl{direction:rtl;} .ui-timepicker-rtl dl{text-align:right;} .ui-timepicker-rtl dl dd{margin:0 65px 10px 10px;} /* Tags */ .tags{} .tags ul,#content .tags ul{list-style:none; padding:0; margin:0;} .tags li,#content .tags li{display:inline; padding:0; margin:0; background:none;} /* ******************************************* */ /* ***************** EFFECTS ***************** */ /* ******************************************* */ /* Radius */ .radius, #head-search,.form,input,textarea,select,button,.button,.hint,.testimonial-text,.message,.order-step-active .order-step,.gallery-in, fieldset,#button-search,.paginator-in span:last-child,.paginator-in span:last-child strong, #top-page a,.paginator-in span.paginator-nav:first-child,.paginator-in span:first-child strong, /*.catalogue-stickers span,*/.tooltipster-default,.field .icon:before,.field .icon .before, .catalogue-basket-variants li a{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #button-search,.paginator-in span:last-child,.paginator-in span:last-child strong,.field .icon:before,.field .icon .before{-webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-top-left-radius:0; -moz-border-bottom-left-radius:0; border-top-left-radius:0; border-bottom-left-radius:0;} #top-page a,.paginator-in span.paginator-nav:first-child,.paginator-in span:first-child strong{-webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-top-right-radius:0; -moz-border-bottom-right-radius:0; border-top-right-radius:0; border-bottom-right-radius:0;} /* Circle style */ .rounded, .items-rounded .image,.items-rounded .image-in,.strip-box,.strip,.post-image-user,.post-image-user img, .filter-slider-on,.ui-slider-horizontal .ui-slider-handle, .order-step-number, .items-icon-zoom .image-in a:hover:before,.items-icon-zoom .image-in a:hover .before{-webkit-border-radius:100em; -moz-border-radius:100em; border-radius:100em;} .rounded,.items-rounded .image,.items-rounded .image img{overflow:hidden;} /* ? */ /* No radius */ .noradius, .testimonials.items-boxed .testimonial-text, input[type="checkbox"]{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} /* Shadows */ .shadow, .image,.gallery-preview .gallery-in,.filters-in,.catalogue-box-select,.catalogue-in{-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1); -moz-box-shadow:0 0 3px rgba(0,0,0,0.1); box-shadow:0 0 3px rgba(0,0,0,0.1);} .order-step-active .order-step-number,.element-login-expand #logged{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2);} .layout-boxed #main-in{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2);} #nav .nav li:hover ul,.catalogue-stickers span{-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.3); box-shadow:3px 3px 3px rgba(0,0,0,0.3);} .shadow-inner,.shadow-inner .ws-slider-effects{-webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.15); box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.15);} .shadow-inner-top,.shadow-inner-top .ws-slider-effects{-webkit-box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.08); box-shadow:inset 0 15px 10px -10px rgba(0,0,0,0.08);} .shadow-inner-right,.shadow-inner-right .ws-slider-effects{-webkit-box-shadow:inset -15px 0 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:inset -15px 0 10px -10px rgba(0,0,0,0.08); box-shadow:inset -15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-inner-bottom,.shadow-inner-bottom .ws-slider-effects{-webkit-box-shadow:inset 0 -15px 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:inset 0 -15px 10px -10px rgba(0,0,0,0.08); box-shadow:inset 0 -15px 10px -10px rgba(0,0,0,0.08);} .shadow-inner-left,.shadow-inner-left .ws-slider-effects{-webkit-box-shadow:inset 15px 0 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:inset 15px 0 10px -10px rgba(0,0,0,0.08); box-shadow:inset 15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-outer,.shadow-outer .ws-slider-effects{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15); box-shadow:0 0 15px 0 rgba(0,0,0,0.15);} .shadow-outer-top,.shadow-outer-top .ws-slider-effects{-webkit-box-shadow:0 -15px 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:0 -15px 10px -10px rgba(0,0,0,0.08); box-shadow:0 -15px 10px -10px rgba(0,0,0,0.08);} .shadow-outer-right,.shadow-outer-right .ws-slider-effects{-webkit-box-shadow:15px 0 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:15px 0 10px -10px rgba(0,0,0,0.08); box-shadow:15px 0 10px -10px rgba(0,0,0,0.08);} .shadow-outer-bottom,.shadow-outer-bottom .ws-slider-effects{-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.08); box-shadow:0 15px 10px -10px rgba(0,0,0,0.08);} .shadow-outer-left,.shadow-outer-left .ws-slider-effects{-webkit-box-shadow:-15px 0 10px -10px rgba(0,0,0,0.08); -moz-box-shadow:-15px 0 10px -10px rgba(0,0,0,0.08); box-shadow:-15px 0 10px -10px rgba(0,0,0,0.08);} /* No shadows */ .noshadow,.noshadow .ws-slider-effects, .item .image,.item-detail .image, .digest .image,.gallery-preview .gallery .image, .catalogue .image,.catalogue-gallery-detail-images .image,.element-news-catalogue .image,.basket-table .image{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;} /* Text shadow */ .text-shadow-inner,.catalogue-stickers span{text-shadow:-1px -1px 0 rgba(0,0,0,0.2);} .text-shadow-outer{text-shadow:1px 1px 0 rgba(0,0,0,0.2);} .text-shadow-inner-light{text-shadow:-1px -1px 0 rgba(255,255,255,0.5);} .text-shadow-outer-light{text-shadow:1px 1px 0 rgba(255,255,255,0.5);} /* ******************************************* */ /* ************ UNIVERSAL CLASSES ************ */ /* ******************************************* */ /* Another universal classes */ .syntax{display:block; font-size:90%; padding:1.5em; overflow:auto; background-color:white;} /* Color variants */ .color-header th, .items-color-header .item h3,.items-color-header .item h3 a, .items-color-text .digest p, .items-color-text .testimonial-text{color:white; background-color:#808080; /*border:none;*/} .items-color-header .item:hover h3 a{background-color:#606060;} .items-color-text .testimonial-text:before,.items-color-text .testimonial-text .before{color:#808080;} .border th,.border td,.syntax,.sidebar-in .box{border:1px solid #dddddd;} .sidebar-in .box{background:white;} /* Set item box */ .boxed > *:first-child{margin-top:0;} /* set only for first object */ .boxed,.items-boxed .item{padding:1em 20px; background-color:white; border:1px solid #dddddd;} .testimonials.items-boxed{padding:0; background:none; border:none;} .testimonials-v2.items-boxed .testimonial{padding:0 0 0 20px;} /* Zooming images */ .items-zoom .image-in a:hover img{margin:-10%;} .items-zoom .image-in a:hover .img-width{width:110%;} .items-zoom .image-in a:hover .img-height{height:110%;} .image-full-box.items-zoom .image-in a:hover .img-width{width:auto; height:120% !important;} .image-full-box.items-zoom .image-in a:hover .img-width{margin:-1% 0;} .image-full-box.items-zoom .image-in a:hover .img-height{width:12% !important;} .image-full-box.items-zoom .image-in a:hover .img-height{margin:-1% 0;} /* Sizes */ .smallest{font-size:80%;} .smaller{font-size:85%;} .sml,.small{font-size:90%;} .normal{font-size:100%;} .big{font-size:120%;} .bigger{font-size:130%;} .biggest{font-size:150%;} /* Width sizes */ .w10{width:10%;} .w15{width:15%;} .w20{width:20%;} .w25{width:25%;} .w30{width:30%;} .w33{width:33.333333%;} .w35{width:35%;} .w40{width:40%;} .w45{width:45%;} .w48{width:48%;} /* optimal for two half */ .w50{width:50%;} .w55{width:55%;} .w60{width:60%;} .w65{width:65%;} .w70{width:70%;} .w75{width:75%;} .w80{width:80%;} .w85{width:85%;} .w90{width:90%;} .w100{width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .mw100{max-width:100%; height:auto;} /* Auto resize */ .auto-resize{position:relative; top:0; left:0; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;} /* 16:9 (full HD) */ .auto-resize-in{position:absolute; top:0; left:0; width:100%; height:100%;} .auto-resize-100-35{padding-bottom:35%;} /* 100:35 */ .auto-resize-100-40{padding-bottom:40%;} /* 100:40 */ .auto-resize-100-50{padding-bottom:50%;} /* 100:50 */ .auto-resize-100-60{padding-bottom:60%;} /* 100:60 */ .auto-resize-100-70{padding-bottom:70%;} /* 100:70 */ .auto-resize-100-75{padding-bottom:75%;} /* 100:75 */ .auto-resize-100-100{padding-bottom:100%;} /* 100:100 */ /* Paddings & margins */ .pt1{padding-top:1em;} .pb1{padding-bottom:1em;} .ptb{padding-top:1em; padding-bottom:1em;} .mt1{margin-top:1em;} .mb1{margin-bottom:1em;} .mtb{margin-top:1em; margin-bottom:1em;} .p{padding:1em 20px;} .prl{padding-left:20px; padding-right:20px;} .p05-20{padding:.5em 20px;} /* Delete paddings & margins */ .p0{padding:0 !important;} .pt0{padding-top:0 !important;} .pr0{padding-right:0 !important;} .pb0{padding-bottom:0 !important;} .pl0{padding-left:0 !important;} .m0{margin:0 !important;} .mt0{margin-top:0 !important;} .mr0{margin-right:0 !important;} .mb0{margin-bottom:0 !important;} .ml0{margin-left:0 !important;} /* Align and float */ .c,.c td,.c th{text-align:center;} .l{text-align:left;} .r{text-align:right;} .just{text-align:justify;} .valign-t,.valign-t th,.valign-t td{vertical-align:top;} .valign-b,.valign-b th,.valign-b td{vertical-align:bottom;} .valign-m,.valign-m th,.valign-m td{vertical-align:middle;} .fl{float:left;} .flr{float:right;} .flnone{float:none} img.fl,.imgfl{float:left; margin:.3em 1.5em 1em 0;} img.flr,.imgflr{float:right; margin:.3em 0 1em 1.5em;} .cl{clear:both; display:block;} .cl-item{clear:both;} .cll{clear:left;} .clr{clear:right;} div.cl{font-size:.01em; height:.01em; padding:0; margin:0; overflow:hidden;} .span-valign{display:inline-block; vertical-align:middle; width:0; height:100%;} /* Text styles */ .text-uppercase{text-transform:uppercase;} .text-lowercase{text-transform:lowercase;} .text-normal{text-transform:none;} /* Other */ .popup-window-close{position:absolute; top:0; right:0; z-index:100000; display:block; width:25px; height:25px;} /* close layer over webpage */ .relative{position:relative;} a img{border:none;} .nowrap{white-space:nowrap;} .block{display:block;} .inline{display:inline;} .inline-block{display:inline-block;} .bgnone,.bgnone .image{background:none;} /* Hidden */ .vis{visibility:hidden;} .hid,.nodisplay,.onlyprint,#responsive-controls,.desktop-hidden{display:none;} /* Hidden content */ .h1-hidden #content #h1{display:none;} .crumbs-hidden #crumbs{display:none;} /* CK Editor WYSIWYG */ .ws_cke_admin{position:relative; top:0; left:0; text-align:left; max-width:980px; padding:1em 20px;} /* right look of wysiwyg editor in administration */ /* Just for us */ .nav .new-on-page a{padding-right:3.2em;} .nav .new-on-page a:after,.nav .new-on-page a .after{position:absolute; top:.8em; right:1em; padding:0 .3em; font-size:80%; color:white; background-color:red; content:"new";} /* Preview from Admin */ .preview-bar{height:3.4em; background:white;} .preview-bar-in{position:fixed; z-index:1000000; top:0; width:100%; padding:1em 20px; color:white; background:rgba(0,0,0,.8);} /* ******************************************* */ /* *************** NOT FINISHED ************** */ /* ******************************************* */ /* Demand window */ #demand-window{position:absolute; top:20%; left:50%; width:580px; padding:10px; margin-left:-300px; z-index:10000; text-align:left; background-color:white;} .jqmOverlay{background-color:black;} .demand-td1{width:140px;} /*#demand-window input{width:100%;}*/ #demand-window input.demand-submit{width:auto;} #demand-close{float:right;} /* Tooltip help */ .tooltip-help{color:#6cb9de;} .tooltip-info{color:#bbbbbb;} .tooltipster-default{max-width:300px; border:1px solid #80744c; background:#fffdd4; color:#353535;} .tooltipster-base{font-size:100%;} .tooltipster-default .tooltipster-content{font-size:85% !important; text-align:left;} .tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{right:-8px;} .tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{left:-8px;} /* ******************************************* */ /* *********** TESTS OF VERSION 3 ************ */ /* ******************************************* */ /* FullScreen Layout */ .fullscreen-layout #subnav{display:none;} .fullscreen-layout #content-main{padding:0 !important;} .head-fixed.layout-full #head-part,.head-fixed.layout-full-boxed #head-part{position:absolute/*fixed*/; width:100%; z-index:100;} /* FullScreen box */ .fullscreen-box{position:relative; width:100%; height:auto; min-height:500px; margin-left:0; text-align:center;} .fullscreen-box-in{width:100%; height:100%; margin:0 auto;} .fullscreen-box-in .box-text,.fullscreen-box-in span{display:inline-block; vertical-align:middle;} .fullscreen-box .box-text{position:relative; z-index:1; text-align:left; color:white; padding:1.5em 40px; background:rgba(0,0,0,.6); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .fullscreen-box .box-text.box-text-dark{background:rgba(0,0,0,.6);} .fullscreen-box .box-text h1{font-size:250%; color:white; font-weight:300; margin-bottom:.2em;} .fullscreen-box .box-text p{margin:0;} .fullscreen-box .box-text.box-text-light{color:black; background:rgba(255,255,255,.8);} .fullscreen-box .box-text.box-text-light h1{color:black;} .fullscreen-box .box-text p~p{margin-top:1.2em;} .fullscreen-box .box-image{position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; overflow:hidden;} .fullscreen-box .box-image-in{position:absolute; top:50%; left:50%; width:200em; height:200em; margin-left:-100em; margin-top:-100em; text-align:center; line-height:200em;} .fullscreen-box .box-image-in img{vertical-align:middle;} /* Reset Layout */ .layout-reset{} .layout-reset #cont .container-in {width:auto;} .layout-reset #content-main{padding-left:0; padding-right:0;} /* Full Screen Box (FSB) */ .layout-reset.fullscreen-layout .fullscreen-box h1{display:block;} /* CTA in FSB */ .fullscreen-box .call-to-action-stripe{position:absolute; bottom:0; width:100%;} /* New stripe layout */ .stripe-box{width:100%; text-align:center;} .stripe-box-in{position:relative; width:auto; text-align:left; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .stripe-box-width .stripe-box-in{max-width:980px;} .stripe-box-content{position:relative;} .stripe-box-content-width{position:relative; max-width:980px; height:100%; text-align:left; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .stripe-box-content-width.r{text-align:right;} .stripe-box-in:after,.stripe-box-in:before{content:""; display:block;} .stripe-box-in:after{clear:both;} .stripe-box-space .stripe-box-in{padding:2.5em 0;} /*.stripe-box .box-image-space{padding-top:2.5em; padding-bottom:2.5em;}*/ .stripe-box-space-top .stripe-box-in{padding-top:2.5em;} .stripe-box-space-bottom .stripe-box-in{padding-bottom:2.5em;} /*.stripe-box-in *:first-child{margin-top:0;}*/ /* Content of Stripe */ .stripe-box-content{position:relative;} .stripe-box-content:after,.stripe-box-content:before{content:""; display:block;} .stripe-box-content:after{clear:both;} .stripe-box .box-text,.stripe-box .box-image{float:left;} .stripe-box .box-text-in,.stripe-box .box-text-full-size .box-text-in{padding:50px;} .stripe-box .box-text-in{float:right; max-width:490px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .stripe-box .box-text-full-size .box-text-in{max-width:100%;} .stripe-box .box-image{position:absolute; left:0; top:0; height:100%; overflow:hidden;} .stripe-box .box-image-in{position:relative; top:0; left:0; width:100%; height:100%; margin:0; text-align:center;} .stripe-box .box-image-in img{width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle;} .stripe-box-text-l .box-image{left:auto; right:0;} .stripe-box-text-l .box-text-in{padding-left:0;} .stripe-box-text-r .box-text,.stripe-box-text-r .box-image{float:right;} .stripe-box-text-r .box-text-in{float:left; padding-right:0;} /*.stripe-box .box-image-test{position:relative; top:0; left:0; height:400px; border:1px solid black;}*/ .stripe-box .box-image-full{position:absolute; top:0; height:100%; overflow:hidden;} .stripe-box .box-image-full .box-image-in{position:absolute; top:50%; left:50%; width:200em; height:200em; margin-left:-100em; margin-top:-100em; line-height:200em;} /*.stripe-box .box-image-space{border:1px solid black;}*/ /*.stripe-box .box-image-resize{margin-left:-8px; border:1px solid red;}*/ .stripe-box .box-image-resize img{height:auto; max-height:100%; max-width:100%; vertical-align:middle; width:auto;} /* Gallery version 2 */ .gallery-v2 div.cl{height:0;} .gallery-v2 .item{width:25%; margin:0; border:none;} .gallery-v2 .item .gallery-in{border-width:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;} .gallery-v2 .item .image-text{display:none; position:absolute; z-index:2; top:0; left:0; padding:0; width:100%; min-height:100%;} .gallery-v2 .item:hover .image-text{display:table-cell; vertical-align:middle; color:white; background:rgba(127,160,46,.6);} .gallery-v3 .image{padding-bottom:70%;} /* Forms version 2 */ .form-v2 .form,.content-stripe-primary-color .form-v2 .form,.content-stripe-secondary-color .form-v2 .form{padding:0; margin:0; border:none; background:transparent;} .form-v2 .form-head,.form-v2 .form-part{padding-left:0; padding-right:0;} .form-head-c .form-head,.form-part-c .form-part,.form-bottom-c .form-bottom{text-align:center;} /* ******************************************* */ /* **************** GRID DRAFT *************** */ /* ******************************************* */ .stripe-box-width .row{position:relative;} .row{margin-left:-8px; margin-right:-8px;} .row,.col{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .row:after,.row:before{content:""; display:block;} .row:after{clear:both;} .col{position:relative; float:left; padding:0 8px;} .col .item{margin-bottom:16px;} .col .image{margin:0;} .col-1{width:8.333333%;} .col-2{width:16.666666%;} .col-3{width:25%;} .col-4{width:33.333333%;} .col-5{width:41.666666%;} .col-6{width:50%;} .col-7{width:58.333333%;} .col-8{width:66.666666%;} .col-9{width:75%;} .col-10{width:83.333333%;} .col-11{width:91.666666%;} .col-12{width:100%;} /* Offset */ .col-offset-1{margin-left:8.333333%;} .col-offset-2{margin-left:16.666666%;} .col-offset-3{margin-left:25%;} .col-offset-4{margin-left:33.333333%;} .col-offset-5{margin-left:41.666666%;} .col-offset-6{margin-left:50%;} .col-offset-7{margin-left:58.333333%;} .col-offset-8{margin-left:66.666666%;} .col-offset-9{margin-left:75%;} .col-offset-10{margin-left:83.333333%;} .col-offset-11{margin-left:91.666666%;} .col-offset-12{margin-left:100%;} /* Ordering */ .col-pull-1{right:8.333333%;} .col-pull-2{right:16.666666%;} .col-pull-3{right:25%;} .col-pull-4{right:33.333333%;} .col-pull-5{right:41.666666%;} .col-pull-6{right:50%;} .col-pull-7{right:58.333333%;} .col-pull-8{right:66.666666%;} .col-pull-9{right:75%;} .col-pull-10{right:83.333333%;} .col-pull-11{right:91.666666%;} .col-pull-12{right:100%;} .col-push-1{left:8.333333%;} .col-push-2{left:16.666666%;} .col-push-3{left:25%;} .col-push-4{left:33.333333%;} .col-push-5{left:41.666666%;} .col-push-6{left:50%;} .col-push-7{left:58.333333%;} .col-push-8{left:66.666666%;} .col-push-9{left:75%;} .col-push-10{left:83.333333%;} .col-push-11{left:91.666666%;} .col-push-12{left:100%;} /* Advanced sizes */ .col-1-5{width:20%;} .col-1-7{width:14.28571428571429%;} .col-1-8{width:12.5%;} .col-1-9{width:11.11111111111111%;} .col-1-10{width:10%;} /* Offset */ .col-offset-1-5{margin-left:20%;} .col-offset-1-7{margin-left:14.28571428571429%;} .col-offset-1-8{margin-left:12.5%;} .col-offset-1-9{margin-left:11.11111111111111%;} .col-offset-1-10{margin-left:10%;} /* Ordering */ .col-pull-1-5{right:20%;} .col-pull-1-7{right:14.28571428571429%;} .col-pull-1-8{right:12.5%;} .col-pull-1-9{right:11.11111111111111%;} .col-pull-1-10{right:10%;} .col-push-1-5{left:20%;} .col-push-1-7{left:14.28571428571429%;} .col-push-1-8{left:12.5%;} .col-push-1-9{left:11.11111111111111%;} .col-push-1-10{left:10%;} /* Spaces */ .space-small .row,.space-small.row{margin-left:-4px; margin-right:-4px;} .space-small .col{padding:0 4px;} .space-small .col .item{margin-bottom:4px;} .space-big .row,.space-big.row{margin-left:-12px; margin-right:-12px;} .space-big .col{padding:0 12px;} .space-big .col .item{margin-bottom:12px;} .space-bigger .row,.space-bigger.row{margin-left:-16px; margin-right:-16px;} .space-bigger .col{padding:0 16px;} .space-bigger .col .item{margin-bottom:16px;} /* Cols */ .col .field,.col .multifield{width:auto;} .col > *:first-child{margin-top:0;} .item img,.col img{max-width:100%; height:auto;} /* work in progress */ /*.row #sidebar1{display:block !important; margin:0 !important; width:auto;} .row .sidebar-in{margin:0;} .row.catalogue-gallery-detail-images{position:static; left:auto; top:auto; width:auto; height:auto; overflow:visible;} .row.catalogue-gallery-detail-images .image{padding-bottom:100%; width:100%;} .row .catalogue-detail-description,.row .catalogue-detail .catalogue-basket,.row .catalogue-detail .catalogue-stickers,.row .catalogue-basket-variants{margin-left:0;}*/ /* tests */ /*.col{background:rgba(0,0,255,.04);} .row{padding:8px; border:1px dashed #6666ff;} .col{border:1px dashed #ff6699;} .col .item{margin:8px 0 !important; border:1px dotted #33cc00;}*/ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /* */ /* UPDATES */ /* */ /*=================================================================================================================================*/ /*=================================================================================================================================*/ /***********************************************************************************************************************************/ /* FLEXBOX */ /***********************************************************************************************************************************/ .flex-container.row,.flex-container .row,.flex-container .item,.flex-container-stripe > .stripe-in > .row, .row-flex,.col-flex, .catalogue-view1 .item-content-text{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .row-flex::before,.row-flex::after{display:none;} .row-flex.row > .col{float:none;} .flex-wrap{flex-wrap:wrap !important;} .flex-container.row,.flex-container .row,.flex-container .item{flex-wrap:wrap;} .flex-nowrap{flex-wrap:nowrap !important;} .row-flex,.col-flex, .flex-container .item{flex-wrap:nowrap;} .flex-row, .row-flex > *,.col-flex > *{flex-direction:row;} .flex-column, .flex-container .item, .catalogue-view1 .item-content-text{flex-direction:column;} .flex-start{justify-content:flex-start;} .flex-center, .row-center.flex-container.row,.row-center.flex-container .row,.row-center .flex-container.row,.row-center .flex-container .row{justify-content:center;} .flex-space-between, #head .row-flex,#head .col-flex{justify-content:space-between;} .flex-1{flex:1;} .flex-valign-top{align-items:flex-start !important;} .flex-valign-bottom{align-items:flex-end !important;} .flex-container .item{height:100%; margin-bottom:0 !important;} .flex-container .item-content-text{height:100%;} .flex-container .item .image,.flex-container .element-search .item,.flex-container.gallery-v2 .item-content-text{height:auto;} .flex-container .item .image{flex-shrink:0;} .row-flex,.col-flex{align-items:center;} .row-flex > *{width:auto;} .col-flex > *{margin-top:0; margin-bottom:0;} .row-flex > .col-flex > *:not(.col-head-logo){height:auto !important;} /***********************************************************************************************************************************/ /* */ /* WS DIALOG */ /* */ /***********************************************************************************************************************************/ /*.ws-dialog-window .message{opacity:0; -webkit-animation:message 1s forwards; animation:message 1s forwards;} @-webkit-keyframes message{from{opacity:0;}to{opacity:1;}}*/ .ws-dialog-container{display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100%; height:100%; vertical-align:middle; animation:showresult .2s; z-index:10000000;} .ws-dialog-container .ws-dialog-window{top:0; left:0; height:auto; margin-top:0; margin-left:0; display:flex; flex-direction:column; position:relative; text-align:left; width:auto; max-width:calc(100% - 30px); max-height:calc(100% - 30px); z-index:10000; background-color:white; border:1px solid #dddddd;} .ws-dialog-container .ws-dialog-window-in{padding:0; flex-grow:1; display:flex; flex-direction:column; min-height:0;} .ws-dialog-container .ws-dialog-window-main-content{height:100%;} .ws-dialog-container .ws-dialog-window-main-content{flex-grow:1; overflow:auto;} .ws-dialog-container .ws-dialog-head *{text-transform:none;} .ws-dialog-container .ws-dialog-head .message,.ws-dialog-container .ws-dialog-title-heading *{margin:0;} .ws-dialog-container .ws-dialog-head h2{font-size:160% !important; margin:0 !important; line-height:1em; text-align:left !important;} .ws-dialog-container .ws-dialog-head .message{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-animation:showresult 1s; animation:showresult 1s;} .ws-dialog-container .ws-dialog-title-heading{position:relative; /*width:100%;*/ padding:1.2em 20px; margin:0; background-color:#f4f4f4;} .ws-dialog-container .ws-dialog-title-heading h2{color:inherit;} .ws-dialog-container button,.ws-dialog-container .button{min-width:0 !important;} .ws-dialog-container .ws-dialog-window-close{position:absolute; top:0; right:0; z-index:2; padding:.4em .65em !important; line-height:inherit;} .ws-dialog-container .ws-dialog-window-close.button-soft{background-color:transparent; border:none;} .ws-dialog-container .ws-dialog-window-close:hover{color:white; background-color:#4c4c4c;} .ws-dialog-container .ws-dialog-window-buttons{margin:0; padding:0; border:none;} .ws-dialog-container .ws-dialog-window-content-boxed .ws-dialog-window-content,.ws-dialog-container .ws-dialog-window-buttons{padding:20px;} .ws-dialog-container .ws-dialog-window-content-boxed .ws-dialog-window-content .ws-dialog-window-content-in{margin-left:-20px; margin-right:-20px;} .ws-dialog-container .ws-dialog-window-content-boxed .ws-dialog-window-content .ws-dialog-window-content-in:last-child{margin-bottom:-20px;} .ws-dialog-container .ws-dialog-window-content .ws-dialog-window-buttons{padding-left:0; padding-right:0; margin-top:1.5em;} .ws-dialog-container .ws-dialog-window-content > *:first-child{margin-top:0;} /*.over-page-layer{position:fixed; top:0; left:-100%; z-index:1; width:100%; height:100000px; background:rgba(0,0,0,.6);}*/ .ws-dialog-container .over-page-layer{left:0 !important; z-index:100 !important;} .ws-dialog-container .ws-dialog-1200{width:1200px;} .ws-dialog-container .ws-dialog-900{width:900px;} .ws-dialog-container .ws-dialog-800{width:800px;} .ws-dialog-container .ws-dialog-700{width:700px;} .ws-dialog-container .ws-dialog-600{width:600px;} .ws-dialog-container .ws-dialog-500{width:500px;} .ws-dialog-container .ws-dialog-400{width:400px;} .ws-dialog-container .ws-dialog-300{width:300px;} .ws-dialog-container .ws-dialog-200{width:200px;} /***********************************************************************************************************************************/ /* */ /* COOKIE */ /* */ /***********************************************************************************************************************************/ #cookie-info{font-size:85%; height:3.3em;} #cookie-info-in{position:fixed; bottom:0; left:0; z-index:1000; width:100%; margin:0; color:black; background-color:white; box-shadow:0 0 15px rgba(0,0,0,0.15);} .cookie-info-text{padding:.6em 20px;} .cookie-info-text p,.cookie-info-buttons{display:inline-block; padding:.4em 0; margin:0;} #cookie-info a:not(.button){color:inherit; text-decoration:underline;} #cookie-info .button{text-transform:none; min-width:0 !important; margin-left:.8em; padding-top:.3em; padding-bottom:.3em;} .cookie-info-close{display:inline-block; text-align:center; line-height:1.3em; width:1.5em; height:1.3em; margin-left:.3em; padding-bottom:.2em; text-decoration:none; color:white; background-color:gray; overflow:visible !important;} .cookie-info-dialog .form{margin:0; border:none;} .cookie-info-dialog .form-part{padding-top:20px !important; padding-left:0; padding-right:0; border-bottom:1px solid #dddddd;} .cookie-info-dialog .form-head{padding-top:0 !important;} .cookie-info-dialog .item{margin-bottom:20px;} .cookie-info-dialog .item p{margin:0 0 .5em !important;} .cookie-info-dialog .form-foot > *:last-child,.cookie-info-dialog .item .col,.cookie-info-dialog label p:last-child{margin-bottom:0 !important;} .cookie-info-dialog .form{padding-bottom:calc(2.3em + 20px);} .cookie-info-dialog .form-foot{position:absolute; bottom:0; left:0; width:100%; z-index:2; padding:15px 0;} .cookie-info-dialog .form-foot::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.7; background-color:white; z-index:1;} .cookie-info-dialog .form-foot button{position:relative; padding:.5em 1.4em !important; z-index:2;} .checked-off[type="radio"]:checked + label{color:white; background-color:#808080;} .checked-on[type="radio"]:checked + label{color:white; background-color:#38a20f;} button.cookie-button-no{color:#ffffff; background-color:#808080; border-color:#808080;} button.cookie-button-set{color:#000000; background-color:#ffffff; border-color:#dddddd;} button.cookie-button-yes{color:#ffffff; background-color:#38a20f; border-color:#38a20f;} /***********************************************************************************************************************************/ /* TAB SWITCH (PAGINATION) */ /***********************************************************************************************************************************/ /*.tab-switch *{vertical-align:middle;}*/ .tab-switch > *{display:inline-block; vertical-align:middle; min-width:2.3em; padding:.4em .6em; text-align:center; text-decoration:none; border-width:1px; border-style:solid; border-color:#dddddd;} .tab-switch > .field > *{padding:.4em .6em !important;} .tab-switch > .field{padding:0;} .tab-switch > .field + .field{margin-left:0 !important;} .tab-switch > .field label{margin:0; cursor:pointer;} .tab-switch > * + *{border-left-width:0;} .tab-switch input[type="radio"],.tab-switch input[type="checkbox"]{display:none;} .tab-switch input[type="checkbox"] + label::before,.tab-switch input[type="checkbox"] + label::after,.tab-switch input[type="checkbox"] + label .icon,.tab-switch input[type="radio"] + label::before,.tab-switch input[type="radio"] + label::after{display:none;} .tab-switch > .field + .field{margin-top:0 !important;} .tab-switch input[type="radio"] + label,.tab-switch input[type="checkbox"] + label{top:0;} .tab-switch > *:first-child,.tab-switch > *:last-child,.tab-switch > *:first-child label,.tab-switch > *:last-child label{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .tab-switch > *:last-child,.tab-switch > *:last-child label{border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;} .tab-switch > *:first-child,.tab-switch > *:first-child label{border-top-right-radius:0; border-bottom-right-radius:0;}