.home-banner {padding-top:40%;background-color:#000000;background-image:url('/platform/provider/not_found.gif');background-size:100%;background-position:center center;} #page-min {min-height:1000px;margin:0px;padding:0px;padding-top:60px;width:100%;overflow:hidden;} .content-below-menu #page-min {padding-top:0px;} @media (max-width: 600px) { #oopage-min {padding-top:100px;} } /* webkit input issues*/ input[type=button], input[type=submit], input[type=text], select, textarea {-webkit-appearance:none;} /* fonts */ @font-face { font-family: 'Montserrat'; src: url('/files/dynamic/2f4bd535z194696b969ez7ee8.eot'); src: url('/files/dynamic/2f4bd535z194696b969ez7ee8.eot?#iefix') format('embedded-opentype'), url('/files/dynamic/2f4bd535z194696b969ez7ee9.woff') format('woff'), url('/files/dynamic/2f4bd535z194696b969ez7ee7.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* link buttons */ .link-button {display:inline-block;height:38px;font-size:13px;line-height:38px;text-decoration:none;text-transform:uppercase;text-align:center;overflow:hidden;cursor:pointer;transition:all 0.5s ease;margin:0px;padding:0px 24px 0px 24px;border-radius:18px;} .link-button:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .items-theme {color:#ffffff;background-color:#f26530} .items-theme a {color:inherit;} .items-theme a:hover {text-decoration:none;} .light-theme {color:#303030;background-color:#ffffff;} .light-theme a {color:inherit;} .light-theme a:hover {text-decoration:none;} .light-theme.medium {background-color:#f26530;color:#ffffff;} .light-theme.light-gray {background-color:#f8f8f8;} .shaddow {box-shadow: 0 2px 12px 0px rgba(0, 0, 0, .1);} .light-theme.medium .link-button {background-color:#000000;color:#ffffff;} .light-theme.full-color {z-index:1;background-color:transparent;} .light-theme.full-color::before {content:"";position:absolute;top:0px;bottom:0px;left:-2000px;right:-2000px;background-color:#ffffff;z-index:-1;} .light-theme.full-color.medium::before {background-color:#f26530;} .light-theme.full-color.medium.bot88::before {background-color:#f26530;bottom:88px;} .light-theme.full-color.white-bshadow {padding:16px 0px;} .light-theme.full-color.white-bshadow::before {background-color:#ffffff;box-shadow: 0 8px 6px -2px rgba(0, 0, 0, .1);} .dark-theme {color:#ffffff;background-color:#000000;} .dark-theme a {color:inherit;} .dark-theme a:hover {text-decoration:none;} .dark-theme.full-color {z-index:1;} .dark-theme.full-color::before {content:"";position:absolute;top:0px;bottom:0px;left:-2000px;right:-2000px;background-color:#000000;z-index:-1;} .no-bc {background-color:transparent;} /* special bullets */ .ul {list-style: none;padding:8px 0px 8px 0px;} .dark-theme .ul li {padding:8px 0px 8px 34px;background-repeat:no-repeat;background-size:10px;background-position:10px 14px;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iTGF5ZXJfMyI+PGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgZmlsbD0iI2YyNjUzMCIgcj0iMjQiLz48L2c+PC9zdmc+);} .dark-theme .check .ul li {padding-left:34px;background-repeat:no-repeat;background-size:22px;background-position:4px 8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZjI2NTMwIiBkPSJNNDgwIDEyOGMwIDguMTg4LTMuMTI1IDE2LjM4LTkuMzc1IDIyLjYybC0yNTYgMjU2QzIwOC40IDQxMi45IDIwMC4yIDQxNiAxOTIgNDE2cy0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTI4LTEyOEMzNS4xMyAyNzIuNCAzMiAyNjQuMiAzMiAyNTZjMC0xOC4yOCAxNC45NS0zMiAzMi0zMmM4LjE4OCAwIDE2LjM4IDMuMTI1IDIyLjYyIDkuMzc1TDE5MiAzMzguOGwyMzMuNC0yMzMuNEM0MzEuNiA5OS4xMyA0MzkuOCA5NiA0NDggOTZDNDY1LjEgOTYgNDgwIDEwOS43IDQ4MCAxMjh6Ii8+PC9zdmc+);} .light-theme .ul li {padding:8px 0px 8px 34px;background-repeat:no-repeat;background-size:10px;background-position:10px 14px;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0OCA0OCIgaGVpZ2h0PSI0OHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iTGF5ZXJfMyI+PGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgZmlsbD0iIzFjMjA1YyIgcj0iMjQiLz48L2c+PC9zdmc+);} .light-theme .check .ul li {padding-left:34px;background-repeat:no-repeat;background-size:22px;background-position:4px 8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMWMyMDVjIiBkPSJNNDgwIDEyOGMwIDguMTg4LTMuMTI1IDE2LjM4LTkuMzc1IDIyLjYybC0yNTYgMjU2QzIwOC40IDQxMi45IDIwMC4yIDQxNiAxOTIgNDE2cy0xNi4zOC0zLjEyNS0yMi42Mi05LjM3NWwtMTI4LTEyOEMzNS4xMyAyNzIuNCAzMiAyNjQuMiAzMiAyNTZjMC0xOC4yOCAxNC45NS0zMiAzMi0zMmM4LjE4OCAwIDE2LjM4IDMuMTI1IDIyLjYyIDkuMzc1TDE5MiAzMzguOGwyMzMuNC0yMzMuNEM0MzEuNiA5OS4xMyA0MzkuOCA5NiA0NDggOTZDNDY1LjEgOTYgNDgwIDEwOS43IDQ4MCAxMjh6Ii8+PC9zdmc+);} /* link buttons */ .dark-theme .link-button {color:#ffffff !important;border:1px solid #f26530;background-color:#f26530;} .dark-theme .link-button:hover {} .light-theme .link-button {color:#ffffff !important;border:1px solid #f26530;background-color:#f26530;} .light-theme .link-button:hover {} /* news */ .content-date {display:block;padding-bottom:6px;font-weight:bold;} /* custom tooltip */ #tool_tip_text {padding:8px 8px 8px 8px;border:1px solid #343434;background-color:#343434;max-width:200px;color:#ffffff;border-radius:3px;-moz-border-radius:3px;line-height:20px;font-size:14px;-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);opacity:0.85;} /* bread crums */ #breadcrumbs {display:none;clear:both;margin:auto;list-style:none;padding:0px;height:24px;overflow:hidden;width:38%;margin-left:0px;} #breadcrumbs li {float:left;padding:0px;padding-right:16px;background-image:url('/platform/provider/not_found.gif');background-position:right -737px;font-size:12px;line-height:27px;color:#191919;text-transform:uppercase;} #breadcrumbs li.sel {background-image:none;} #breadcrumbs li a {text-decoration:none;border-bottom:1px solid #191919;font-size:12px;color:#191919;} #breadcrumbs li img {margin-top:6px;} @media (max-width: 500px) { #breadcrumbs {width:90%;} } /* maps */ #map {clear:both;height:400px;background-color:#f0f0f0;border-top:1px solid #e0e0e0;} /* quote */ .hq {padding-bottom:16px;} .qo {color:#000000;display:inline;float:left;font-size:52px;padding-top:6px;padding-right:6px;} .qc {color:#000000;display:inline;float:right;font-size:52px;padding-left:3px;} img {padding-top:0px;vertical-align:middle;} /* icon view x1 */ .xsdot_x1 {list-style:none;margin:0px;padding:0px;} .xsdot_x1 > li {list-style:none;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;transition: all 0.3s ease;padding:2px 0px 14px 0px;} .xsdot_x1 > li > a {text-decoration:none;font-weight:bold;font-size:18px;padding-bottom:3px;display:block} .xsdot_x1 > li > p > a {text-decoration:none;font-weight:bold;} .xsdot_x1 > li:hover {transform: translate(1px, 1px);} .xsdot_x1 img {float:left;margin-right:8px;margin-top:6px;border-radius:3px;-moz-border-radius:3px;} /* icon view x2 */ .xsdot_x2 {list-style:none;margin:0px;padding:0px;} .xsdot_x2 > li {list-style:none;float:left;width:50%;height:120px;overflow:hidden;padding-right:12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;transition: all 0.3s ease;} .xsdot_x2 > li > p > a {text-decoration:none;font-weight:bold;font-size:18px;} .xsdot_x2 > li:hover {transform: translate(1px, 1px);} .xsdot_x2 img {float:left;margin-right:8px;margin-top:6px;border-radius:3px;-moz-border-radius:3px;} @media (max-width: 900px) { .xsdot_x2 > li {float:none;width:100%;height:100%;padding:16px 0px 0px 0px;} } .sarchive_cnt {clear:both;overflow:hidden;padding-top:24px;} .harchive_cnt {clear:both;overflow:hidden;padding-bottom:24px;padding-top:24px;} /* icon view x5 */ .xsdot_x5 {display:block;margin:0px;padding:0px;text-align:center;list-style:none !important;} .xsdot_x5 > li {display:inline-block;padding:0px !important;list-style:none !important;width:18.9%;margin-left:0.3%;margin-right:0.3%;vertical-align:top;overflow:hidden;} .xsdot_x5 li figure {position:relative;margin-top:6px;height:0;padding-bottom:100%;width:90%;margin:auto;} .xsdot_x5 li figure img {margin:auto;border-radius:3px;-moz-border-radius:3px;margin:0;position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);} .xsdot_x5 h3 {line-height:22px;font-size:16px;font-weight:bold;} .xsdot_x5 a {text-decoration:none !important;} @media (max-width: 800px) { .xsdot_x5 > li {width:32%;margin-left:0.3%;margin-right:0.3%;} } @media (max-width: 600px) { .xsdot_x5 > li {width:48%;margin-left:0.3%;margin-right:0.3%;} } /* default needed system styles */ body {margin:0px;padding:0px;overflow:auto;-webkit-text-size-adjust:100%;height:100%;font-family:Montserrat;} html {height:100%;margin:0px;padding:0px;} em {display:block;margin:0px 0px 8px 0px;} form {padding:0px;margin:0px;} strong {font-weight:bold;} b {font-weight:bold;} img {border:0px;display:block;} a {outline: none;} a:focus, a:active {outline: none;} p {padding:0px;margin:0px;} ul,ol,blockquote {margin-bottom:0px;margin-top:0px;} .im100 {width:100%;} /* file icons */ .flnk-smlc {position:relative;padding:2px 0px 2px 0px;} .flnk-lrgc {position:relative;text-align:center;} .flnk-lrg > img {display:inline;} .flnk-sml {padding-left:24px;} .flnk-sml > img {position:absolute;top:5px;left:0px;} article, section, figure, nav {display:block;margin:0px;padding:0px;} /* default needed system styles */ .csr {width:100%;} .csr::after {content:"";display:block;clear:both;} /* embedded video */ .embo iframe, .embo object, .embo embed {position:absolute;top:0;left:0;width:100%;height:100%;} .clear {clear:both;padding-bottom:60px;} /* content */ /* .xsdot_lt {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px;} .xsdot_lt li {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px;} */ button, textarea, input, select,a, .nhl { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; } input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus { border: 1px solid #e0e0e0; } .content {position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:24px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .content.of {overflow:visible;} .content-round {position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:24px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:4px;-moz-border-radius:4px;} .content-round img {border-radius:4px;-moz-border-radius:4px;} .content.round {border-radius:12px;-moz-border-radius:12px;} .shadow {-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.6);} h1 {display:block;margin:0px;padding:0px;padding-top:6px;padding-bottom:14px;font-size:30px;line-height:42px;} h2 {display:block;margin:0px;padding:0px;padding-top:4px;padding-bottom:12px;font-size:24px;line-height:30px;} h3 {display:block;margin:0px;padding:0px;padding-top:4px;padding-bottom:8px;font-size:18px;line-height:28px;} .upcase {text-transform:uppercase;} /* cookie agreement */ #cookie-ae {position:fixed;bottom:-140px;width:100%;transition: all 0.3s ease;z-index:200;color:#000000;} #cookie-ae a {color:#000000;} #cookie-ae.ani {bottom:0px;} #cookie-ae > div {background-color:#e0e0e0;padding:8px;text-align:center;font-size:12px;line-height:22px;} @media (max-width: 1024px) { #page_content {min-height:600px;} .shop-menu #page_content {padding-left:0px;padding-right:0px;} } /* header */ header {position:fixed;top:0px;width:100%;z-index:101;display:block;height:60px;background-color:#0067ba;transition: all 0.5s ease;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);} .content-below-menu header {background-color:transparent;box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .0);} /* .page-login-indicator {float:right;color:#ffffff;margin-right:16px;height:30px;overflow:hidden;} .page-login-indicator a {color:#ffffff;} .li-header {font-size:11px;line-height:28px;} */ #hdr-cnt {position:relative;max-width:1400px;height:124px;margin:auto;transition: all 0.5s ease;} .logo {width:60px;margin-left:8px;padding-top:0px;transition: all 0.3s ease;} .breadcrumbs {margin:auto;margin-top:20px;margin-bottom:50px;max-width:1280px;padding:0px 0px 0px 26px;min-height:36px;} @media (max-width: 600px) { header {height:60px;background-size:600px;} #hdr-cnt {height:60px;} .logo {width:50px;padding-top:4px;} } .min header {height:40px;opacity:0.90;} .min #hdr-cnt {height:40px;} .min .logo {width:40px;padding-top:0px;} .content-below-menu .min header {background-color:#0067ba;box-shadow: 0 8px 6px -2px rgba(0, 0, 0, .1);} /* main navigation */ #but-mob {display:none;width:46px;height:60px;position:absolute;right:8px;top:4px;transition: all 0.3s ease;} .menu-hld {position:absolute;top:12px;left:0px;right:0px;} .min .menu-hld {top:0px;} #menu-cnt {max-width:1400px;margin:auto;position:relative;} #menu {position:absolute;left:0px;right:63%;height:40px;} #menu_right {position:absolute;right:0px;height:40px;left:100px;} .main-nav {margin:0px;padding:0px;text-align:right;height:40px;} .main-nav > li {display:inline-block;z-index:200;padding:0px;margin:0px;list-style-type:none;padding-left:24px;padding-right:24px;} .main-nav > li > a {padding:0px;margin:0px;display:block;text-align:center;line-height:40px;height:40px;overflow:hidden;transition:line-height0.2s ease;font-size:14px;text-decoration:none;text-transform:uppercase;} .main-nav > li > a:link, .main-nav > li > a:active, .main-nav > li > a:visited {color:#ffffff;} .main-nav > li > a {border-bottom:1px solid transparent;text-decoration:none;} .main-nav > li > a:hover {border-bottom:1px solid #4991cc;} .main-nav > li.published0 {position:inherit;border:1px dashed rgba(255, 0, 0, .7);} .main-nav > li.published0::after {border: 0px;} .dd-menu1 {z-index:2000;position:absolute;list-style:none;clear:both;overflow:hidden;padding:0px;margin:0px;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);transition: opacity 0.2s ease;} .dd-menu1 li {padding:0px;margin:0px;} .dd-menu1 li a {padding:6px 12px 6px 12px;overflow:hidden;display:block;font-size:14px;line-height:24px;background-color:transparent;text-decoration:none;font-weight:bold;} .dd-menu1 li a:hover {background-color:#f8f8f8;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);} .dd-menu1-del {display:none;clear:both;background-color:#fafafa;height:2px;width:358px !important;margin-top:12px !important;margin-bottom:4px !important;} .dd-menu1 > li > a:link, .dd-menu1 > li > a:active, .dd-menu1 > li > a:visited {color:#333333;} .moff {opacity:0;overflow:hidden;top:-600px;} .mon {opacity:0.94;top:40px;} @media (max-width: 1080px) { #but-mob {display:block;} .main-nav a {line-height:60px;} #menu, #menu_right {position:relative;width:100%;max-width:100%;left:auto;right:auto;height:auto;overflow:hidden;} #menu_right {padding-bottom:40px;} .main-nav.right {text-align:left;} #menu-cnt {position:fixed;width:300px;top:60px;bottom:0px;height:auto;transition: left 0.3s ease, opacity 0.3s ease;background-color:#ffffff;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);z-index:0;padding:16px 0px 0px 0px;overflow:auto;} .min #menu-cnt {top:40px;} .main-nav {display:block;width:100%;padding:0px 0px 0px 0px;height:auto;} .main-nav > li {float:none;margin:0px;display:block;padding-left:10px;padding-right:10px;overflow:hidden;} .main-nav > li > a {display:block;padding-left:14px;padding-right:14px;text-align:left;line-height:40px;height:40px;overflow:hidden;} .main-nav > li > a:link, .main-nav > li > a:active, .main-nav > li > a:visited {color:#333333;text-decoration:none;background:none;font-weight:normal;} .main-nav > li > a:hover {background-color:#f8f8f8 !important;} .dd-menu1 {position:relative;top:0px;opacity:1;background-color:#ffffff;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);} .dd-menu1 li {padding:0px;margin:0px;line-height:40px;} .dd-menu1 li a {padding:0px 0px 0px 32px;line-height:40px !important;height:40px;font-weight:normal;} .mnuoff {right:-410px;top:0px;} .mnuon {right:0px;top:0px;} } @media (max-width: 600px) { #but-mob {top:4px;} } .min #but-mob {top:-8px;} #but-mob, .logo a {-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);cursor:pointer;} /* footer */ footer {padding:16px;padding-bottom:60px;clear:both;display:block;background-color:#0067ba;color:#ffffff;} footer .links {font-size:13px;text-align:center;line-height:20px;padding-top:4px;padding-bottom:8px;color:#ffffff;} footer .links a:link, footer .links a:active, footer .links a:visited {color:#ffffff;} footer .links a:hover {color:#ffffff;} @media (max-width: 600px) { footer {padding-bottom:100px;} } /* attribute filter */ #atb-filters-but {display:none;} .atb-filters {text-align:center;transition: all 0.3s ease;position:relative;} .atb-filters > li {padding-left:0px !important;background-image:none !important;display:inline-block;} .atb-filters > li > a, #atb-filters-but > a {display:inline-block;background-color:#f0f0f0;border-color:#c0c0c0;color:#303030;text-align:center;border-radius:4px;-moz-border-radius:4px;font-weight:bold;padding:6px 20px 6px 20px;line-height:16px;transition: all 0.1s ease;font-size:14px;margin:4px;text-decoration:none;} .atb-filters > li > a.selected {background-color:#d0d0d0;border-color:#a0a0a0;} @media (max-width: 740px) { #atb-filters-but {display:block;width:80%;margin:auto;} #atb-filters-but > a {display:block;line-height:30px;margin:0px;} .atb-filters {height:0px;overflow:hidden;width:80%;margin:auto;border-bottom:#e0e0e0 solid 1px;opacity:0;top:-8px;} .atb-filters > li {width:100%;border-top:#e0e0e0 solid 1px;} .atb-filters > li > a {margin:0px;display:block;background-color:#ffffff;text-align:left;line-height:28px;} .atb-filters > li > a.selected, .atb-filters > li > a:hover {background-color:#f8f8f8;border-color:#f8f8f8;} .atb-filters.open {display:block;height:auto;opacity:1;top:0px;} } @media (max-width: 560px) { #atb-filters-but {width:auto;margin-left:6px;margin-right:6px;} .atb-filters {width:auto;margin-left:6px;margin-right:6px;} } /* attribute view */ .attribute-view {padding:0px;margin:0px;margin-top:4px;margin-bottom:0px;list-style:none;} .attribute-view > li {overflow:hidden;border-width:0px 0px 1px 0px;border-style:solid;border-color:#f6f6f6;padding:4px 0px;text-align:left;} .attribute-view li:hover {background-color:#f4f4f4;} .attribute-view li:last-child {border:0px;} .attribute-view li label {width:25%;float:left;line-height:20px;} .attribute-view li div {width:74%;float:left;line-height:20px;} @media (max-width: 600px) { .attribute-view li label {line-height:16px;width:100%;padding-bottom:6px;font-weight:bold;} .attribute-view li div {width:100%;padding-bottom:2px;} } /* search filters */ .filter-header {display:block;background-color:#377c2c;color:#ffffff;font-weight:bold;padding-left:6px;line-height:24px;margin-bottom:14px;border-radius:5px;-moz-border-radius:5px;} .filter-reset:link,.filter-reset:active,.filter-reset:visited {float:right;color:#ffffff;font-weight:normal;font-size:11px;padding-right:6px;} .filter-atb {font-size:12px;padding:3px 0px 6px 0px;margin:0px;margin-left:12px;} .filter-atb li {margin:0px;padding:5px 0px 5px 0px;line-height:14px;list-style-type:none;} .filter-atb li a {display:block;padding-left:19px;background-image:url('/platform/provider/not_found.gif');background-position:7px 0px;background-repeat:no-repeat;} .filter-atb li:hover {background-color:#ffffff;} .filter-sel-atb {font-size:12px;padding:0px 0px 16px 0px;margin:0px;margin-left:2px;} .filter-sel-atb li {margin:0px;padding:3px 0px 3px 0px;line-height:14px;list-style-type:none;background-image:url('/platform/provider/not_found.gif');background-position:7px 0px;background-repeat:no-repeat;} .filter-sel-atb li a {display:block;padding-left:30px;padding-top:6px;background-image:url('/platform/provider/not_found.gif');background-position:right -56px;background-repeat:no-repeat;} .filter-sel-atb li:hover {background-color:#ffffff;} .filter-atb-head {font-weight:bold;overflow:hidden;position:relative;} .filter-atb-head label {height:19px;line-height:19px;position:absolute;top:13px;left:0px;margin-left:36px;padding-left:8px;width:100%;color:#ffffff;background-image:url('/platform/provider/not_found.gif');background-position:0px -34px;} /* variable filters */ .filter-cnt {margin-bottom:8px;margin-top:4px;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .filter-cnt label {float:left;line-height:36px;padding-left:6px;} .filters {padding:0px;margin-left:58px;margin-right:58px;padding-top:6px;padding-bottom:3px;} .filters > li {list-style:none;position:relative;width:19.6%;height:24px;float:left;border:1px solid #e0e0e0;background-color:#ffffff;padding:0px;margin:0px 0px 6px 0.3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .filters > li > label {display:block;padding-left:4px;width:100%;background-color:#ffffff;background-image:url('/platform/provider/not_found.gif');line-height:22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;} label.sel {background-position:right -119px;font-size:11px;} label.usel {background-position:right -103px;} .attributes {padding:0px;margin:0px;padding-bottom:6px;padding-top:6px;position:absolute;z-index:300;top:23px;left:0px;width:180px;overflow:hidden;background-image:url('/platform/provider/not_found.gif');background-position:left bottom;} .attributes li {list-style:none;width:164px;margin:0px;padding:0px;padding-left:6px;cursor:pointer;} .attributes > li > a {display:block;padding:3px;} .attributes > li > a:hover {background-color:#f0f0f0;} .var-options {float:right;width:58px;text-align:center;position:relative;} .var-more {display:inline-block;width:25px;height:26px;background-image:url('/platform/provider/not_found.gif');background-position:0px -127px;margin-top:2px;cursor:pointer;} .var-reset {display:inline-block;width:25px;height:26px;background-image:url('/platform/provider/not_found.gif');background-position:0px -102px;margin-top:2px;cursor:pointer;} .filters-ftr {clear:both;} @media (max-width: 820px) { .filters li {width:24.6%;} .attributes li {width:164px;} } @media (max-width: 700px) { .var-more {display:none;} .var-reset {position:absolute;top:-38px;z-index:1000;left:22px;} .filter-cnt {padding-bottom:1px;} .filter-cnt label {width:100%;line-height:40px;background-image:url('/platform/provider/not_found.gif');background-position:right 0px;cursor:pointer;font-weight:bold;padding-left:16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .filters {margin:0px;} .filters > li {width:100%;margin:0px;height:100%;line-height:40px;border:0px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;} .filters > li > label {padding-left:32px;height:40px;line-height:42px;border-width:0px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;background-image:url('/platform/provider/not_found.gif');background-position:38px 0px;} .filters > li > label:hover {background-color:#f0f0f0;} .filters > li > label.sel {background-color:#ffffff;background-position:36px -38px;font-size:12px;line-height:42px;} .filters > li > label.sel:hover {background-color:#f0f0f0;} .attributes {padding:0px;position:relative;top:0px;left:0px;width:100%;background-color:#ffffff;background-image:none;border:0px;} .attributes > li {width:100%;margin:0px;padding:0px;background-image:none;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;height:40px;overflow:hidden;} .attributes > li:hover {background-color:#f0f0f0;} .attributes > li > a {padding-left:64px;line-height:37px;background-image:url('/platform/provider/not_found.gif');background-position:72px 0px;cursor:pointer;} .attributes > li > a:link {color:#1c4632;text-decoration:none;} } /* full window */ #full-window {list-style:none;margin:0px;padding:0px;padding-bottom:12px;display:block;position:fixed;z-index:10000;top:8px;bottom:8px;left:8px;right:8px;min-height:180px;overflow:hidden;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px; -webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);} #full-window > li.frm-cnt {height:100%;border:0px;padding:0px;margin:0px;background-color: rgba(255, 255, 255, 0.94);} #isw {padding:0px;list-style:none;} #isw li {min-height:200px;} .imgpu {opacity: 0;filter: alpha(opacity=0);} .imgpo {opacity: 1;filter: alpha(opacity=100);transition: all 0.5s ease;} /* form window */ #frm-window {list-style:none;margin:0px;padding:0px;display:block;position:absolute;width:1px;top:-200px;left:0px;background-color:#ffffff;overflow:hidden;transition: opacity 0.4s ease, transform 0.3s ease, top 0.2s ease;-webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);z-index:1000;} #frm-window > li, #full-window > li {line-height:34px;font-size:12px;overflow:hidden;} #frm-window > li.frm-cnt {height:100%;border:0px;padding:0px;margin:0px;background-color:#ffffff;} .win-header {position:relative;overflow:hidden;background-color:#f4f4f4;} .win-header > span {display:block;left:0px;height:40px;line-height:45px;padding:0px 8px 0px 8px;margin-right:40px;font-weight:bold;font-size:16px;color:#303030;overflow:hidden;} .win-header > div {position:absolute;top:0px;right:0px;width:40px;height:40px;z-index:1;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-repeat:no-repeat;background-size:26px;background-position:7px 7px;cursor:pointer;transform: rotate(0deg);transition: all 0.3s ease;} .win-header > div:hover {opacity:0.7;transform: rotate(180deg);} #loader {width:82px;height:82px;line-height:82px;margin:auto;margin-top:30px;margin-bottom:30px;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef2.gif');text-align:center;font-size:12px;} /* ask */ .ask-q {padding:10px;line-height:24px;font-size:12px;text-align:center;color:#303030;} .ask-bc {text-align:center;height:48px;overflow:hidden;padding-bottom:18px;} /* basic window buttons */ .sbutctr {text-align:center;padding:10px;padding-top:12px;background-color:#fefefe;overflow:hidden;clear:both;} .sbutctrd {text-align:center;padding:10px;padding-top:32px;background-color:#fefefe;overflow:hidden;clear:both;} .sbut:link,.sbut:active,.sbut:visited,sbut:hover {text-decoration:none;display:inline-block;line-height:22px;margin-left:14px;margin-right:14px;font-size:14px;font-weight:bold;color:#153886;border-bottom:1px solid #808080;} .mlr-type {overflow:hidden;} .mlr-type-cb {float:left;padding-right:4px;} .mlr-type-lb {float:left;line-height:24px;font-size:16px;padding-top:3px;} .mlr-msg {text-align:center;font-size:16px;margin:16px;} /* xsdot forms */ #form-result {position:relative;text-align:center;display:block;line-height:32px;opacity:0;padding-bottom:14px;transition: all 0.3s ease;} #form-result::after {content:'';position:absolute;height:2px;bottom:0px;margin:0 auto;left:0;right:0;width:1px;background:#b09736;transition: all 0.6s ease;} #form-result.on {opacity:1;} #form-result.on::after {height: 2px;width:120px;} .frm-error {color:#c02020;line-height:22px;font-size:14px;padding-top:6px;padding-bottom:16px;} .frm-error:empty {display:none;} .frm-del {height:2px;} .frm-el {clear:both;} .frm-el > label {position:relative;top:-3px;min-height:26px;line-height:26px;display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#404040;font-family:Cochin,sans-serif;font-size:16px;} .frm-el > div {padding:0px;line-height:18px;} .frm-el > div > input[type=text], .frm-el > div > select {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:40px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-moz-border-radius:3px;font-family:Cochin,sans-serif;font-size:16px;line-height:21px;box-sizing:border-box;} .frm-el > div > select {-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-size:14px;background-position:right .7em top 50%, 0 0;} .frm-el > div textarea {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:160px;line-height:21px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-moz-border-radius:3px;} .frm-el > div input[type=checkbox] {display:inline-block;width:18px;height:18px;margin:3px 6px 6px 0px;position:relative;top:3px;} input.frm-rad {clear:both;position:absolute;width:16px;overflow:hidden;margin-top:8px;margin-left:3px;} .frm-radl {display:block;padding-left:24px;padding-top:6px;font-size:17px;line-height:20px;cursor:pointer;} label .input_help {display:inline-block;color:#ffffff;background:#d1b756;border-radius:6px;font-size:12px;line-height:13px;padding-left:3px;padding-right:3px;margin-left:2px;margin-right:2px;top:-3px;position:relative;} label .cmp {display:inline-block;color:#b6043f;font-family:arial;margin-left:4px;top:4px;position:relative;} .frm-but-cnt {border-top:1px solid #191919;padding-top:12px;} .frm-but {display:none;float:right;width:200px;font-family:GillSans;font-size:13px;line-height:38px;color:#404040;text-transform:uppercase;margin:auto;display:block;margin-top:3px;margin-bottom:3px;height:38px;cursor:pointer;transition: all 0.5s ease;border:1px solid #191919;background-color:#f8f8f8;} .frm-but:hover {background-color:#f0f0f0;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} @media (max-width: 800px) { .frm-but {float:none;margin:auto;} } .frm-el input[type=text].el-error, .frm-el textarea.el-error, .frm-el select.el-error, div.el-error {border:1px solid #ff8080;border-radius:4px;-moz-border-radius:4px;} .frm-el input[type=checkbox].el-error {outline: 1px solid #ff8080;} .frm-basic {padding:0px;margin:0px;list-style:none;} .frm-basic li {border-bottom:1px solid #f0f0f0;} .frm-basic li div {padding:6px;} .frm-basic li input {line-height:22px;display:block;margin:0px;padding:3px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;} .frm-basic li:hover {background-color:#f8f8f8;} .frm-basic li input.el-error {border:1px solid #ff8080;} /* form basic table */ .form_header {clear:both;font-weight:bold;margin-top:16px;position:relative;} .form_headerl {clear:both;font-weight:bold;margin-top:20px;margin-bottom:20px;position:relative;} .form-bt {clear:both;list-style:none;margin:0px 0px 14px 0px;padding:0px;overflow:hidden;} .form-bt li {position:relative;line-height:30px;} .form-bt li > label {width:50%;position:absolute;left:0px;top:0px;display:block;padding-left:0px;font-size:15px;} .form-bt li > div {margin-left:50%;font-size:15px;} .form-bt li:hover {background-color:#ffffff;} @media (max-width: 900px) { .form-bt li > label {width:36%;} .form-bt li > div {margin-left:36%;} } /* forms */ .form-cnt {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;font-size:13px;} .form-cnt li {clear:both;overflow:hidden;padding-bottom:20px;} .form-cnt li > label {position:relative;top:-3px;min-height:26px;line-height:26px;display:block;width:180px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#404040;font-family:Cochin,sans-serif;font-size:16px;} .form-cnt li > label.cmp:after {content:"*";color:#b6043f;font-family:arial;margin-left:4px;top:4px;position:relative;font-size:18px;} .form-cnt li > div {padding:0px;line-height:18px;} .form-cnt li > input[type=checkbox] {float:left;width:18px;display:block;} .form-cnt li > div a {float:left;display:block;margin-left:10px;margin-top:11px;} .form-cnt li div.chkb {overflow:hidden;position:relative;border:0px solid #0000ff;padding:0px;} .form-cnt li div.chkb > input {position:absolute;left:0px;top:-8px;width:18px;margin:0px;padding:0px;} .form-cnt li div.chkb > a {display:block;padding-left:26px;font-size:15px;line-height:24px;margin:0px;} .form-cnt li div.medium {width:75%} .form-cnt li div.small {width:33%;} .form-cnt li div.validate input {width:60px !important;float:left;} .form-cnt li div.validate label {clear:both;font-size:11px;padding:3px;display:block;} .form-cnt li div input, .form-cnt li div select {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:40px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-moz-border-radius:3px;font-family:Cochin,sans-serif;font-size:16px;line-height:21px;box-sizing:border-box;} .form-cnt li div select {-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-size:14px;background-position:right .7em top 50%, 0 0;} .form-cnt li div textarea {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:160px;line-height:21px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-moz-border-radius:3px;} .form-cnt li div input.el-error, .form-cnt li div select.el-error {border:1px solid #ff8080;} .form-chb-box {float:left;width:20px;height:20px;margin-right:6px;} .form-chb-lnk {display:block;font-size:13px;line-height:22px;} .form-chb-box input {height:20px !important;margin-left:4px !important;margin-top:2px !important; width:14px !important;margin-top:8px;} .form-mailing-chkb {position:relative;clear:both;} .form-mailing-chkb > input {} .form-mailing-chkb > a {position:absolute;left:24px;top:6px;} .form-avatar {margin:auto;margin-top:6px;margin-bottom:6px;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;} .form-cnt > li > h3 {padding-top:12px;line-height:24px;} .form-cnt.wb li div input, .form-cnt.wb li div select {border:1px solid #a0a0a0;} .form-cnt.wb li div input.el-error, .form-cnt.wb li div select.el-error {border:1px solid #ff8080;} .form-cnt li.left-col {float:left;width:49%;} .form-cnt li.right-col {float:right;width:49%;clear:none;} @media (max-width: 700px) { .form-cnt li.left-col {width:48.2%;} .form-cnt li.right-col {width:48.2%;} } @media (max-width: 600px) { .form-cnt li div.medium {width:75%} .form-cnt li div.small {width:40%} .form_headerl {margin-top:16px;margin-bottom:2px;} } .form-chkm {max-width:240px;border:1px solid #f0f0f0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;} .form-chkm:hover {background-color:#f8f8f8;} .form-chkm div {float:left;display:block;width:18px;height:18px;padding:6px;} .form-chkm label {float:left;line-height:30px;border-width:0px 0px 0px 1px;border-style:solid;border-color:#e0e0e0;padding-left:8px;} .val-ar {float:left;padding-top:4px;padding-left:4px;width:72px;} .val-nm {float:left;margin-left:4px;border:1px #00c000 solid;} .form-chb-box input {height:20px !important;margin-left:4px !important;margin-top:2px !important; width:14px !important;} .fright {float:right;} /* settings */ .settings-container {position:relative;} .settings-error {font-size:13px;padding-top:16px;padding-bottom:16px;color:#c03030;line-height:18px;} .settings-result {font-size:12px;padding:8px;border:1px solid #60e060;margin-top:8px;border-radius:5px;-moz-border-radius:5px;} .settings-buthdr {position:absolute;top:-66px;right:0px;} .settings-butftr {margin:16px 0px 16px 0px;text-align:center;clear:both;} @media (max-width: 600px) { .disable-mf {display:none;} .settings-buthdr {display:none;} .settings-butftr {position:fixed;z-index:1000;bottom:0px;left:0px;right:0px;background-color:#ffffff;border-top:1px solid #000000;;margin:0px;} } /* viewer */ .viewer, .banner-viewer {margin:0px;padding:0px;list-style:none;overflow:hidden;} .viewer li, .banner-viewer li {margin:0px;padding:0px;padding-left:0px !important;background-image:none !important;overflow:hidden;} .vnavb, .vnavn {text-align:left;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:40px;cursor:pointer;opacity:0;transition: all 0.3s ease;z-index:1000;} .vnavb {left:-60px;} .vnavn {right:-60px;} .vnavb:before, .vnavn:before {content:"";position:absolute;width:40px;height:40px;background-repeat:no-repeat;background-size:26px;background-position:6px 7px;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSIzMnB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTguMjIxLDcuMjA2bDkuNTg1LDkuNTg1YzAuODc5LDAuODc5LDAuODc5LDIuMzE3LDAsMy4xOTVsLTAuOCwwLjgwMWMtMC44NzcsMC44NzgtMi4zMTYsMC44NzgtMy4xOTQsMCAgbC03LjMxNS03LjMxNWwtNy4zMTUsNy4zMTVjLTAuODc4LDAuODc4LTIuMzE3LDAuODc4LTMuMTk0LDBsLTAuOC0wLjgwMWMtMC44NzktMC44NzgtMC44NzktMi4zMTYsMC0zLjE5NWw5LjU4Ny05LjU4NSAgYzAuNDcxLTAuNDcyLDEuMTAzLTAuNjgyLDEuNzIzLTAuNjQ3QzE3LjExNSw2LjUyNCwxNy43NDgsNi43MzQsMTguMjIxLDcuMjA2eiIgZmlsbD0iI2YyNjUzMCIvPjwvc3ZnPg==);} .vnavb:before {-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform:rotate(270deg);} .vnavn:before {-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform:rotate(90deg);} .vnavbs {position:absolute;right:0px;top:0px;width:60px;height:100%;background-image:url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-position:6px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .vnavns {position:absolute;right:0px;top:0px;width:60px;height:100%;background-image:url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-position:-182px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .viewer-but {overflow:hidden;position:relative;} .viewer-but:hover .vnavn {right:6px;opacity:1;} .viewer-but:hover .vnavb {left:6px;opacity:1;} .hidden {display:none;} .banner-viewer li:first-child > div {opacity:0;transition: opacity 0.3s ease;} .banner-viewer li:first-child > div.show {opacity:1} .hamburger { padding: 16px 13px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.8; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#ffffff;} .hamburger-box { width:32px; height:24px; display:inline-block; position:relative; } .hamburger-inner { display: block; top: 50%; margin-top: -0px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 2px; background-color:#ffffff; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--slider .hamburger-inner { top: 4px;} .hamburger--slider .hamburger-inner::before { top: 8px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 16px;} .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); } /* authentication */ .auth_header {text-align:left;margin-top:16px;margin-bottom:8px;font-weight:bold;font-size:15px;color:#606060;clear:both;} .auth {margin:auto;padding-top:32px;padding-bottom:32px;text-align:center;font-size:15px;line-height:20px;overflow:hidden;width:500px;transition: all 0.5s ease;} .auth-cnt {opacity:0;width:100%;list-style:none;margin:0px;padding:0px;margin:auto;text-align:center;transition: all 0.5s ease;} .auth-cnt > li {vertical-align:top;text-align:left;} .auth-fp {text-align:center;margin:16px;} .auth-reg {text-align:center;margin:16px;} .auth-intro {padding:4px;height:32px;line-height:32px;text-align:center;} .auth-txt {font-size:15px;line-height:24px;margin-bottom:8px;} #auth-er {clear:both;color:#c00000;font-size:13px;line-height:24px;padding-bottom:12px;} #auth-er:empty {display:none;} #frm_login {padding-bottom:12px;} .form-authf {clear:both;list-style:none;padding:0px;overflow:hidden;position:relative;} .form-authf li {overflow:hidden;margin-bottom:12px;} .form-authf li input, .form-authf .auth-sl {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:40px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:3px;-moz-border-radius:3px;font-family:Cochin,sans-serif;font-size:16px;line-height:21px;box-sizing:border-box;} .form-authf li.auth-sl a {text-decoration:none;font-size:14px;color:#606060;} .form-authf li.auth-sl {padding-top:8px;padding-left:7px;margin-bottom:14px;} .form-authf li input.auth-cn {background-image:url('/images/authentication-175491.png?v=0');background-size:1000px 700px;background-position:-2px -42px;padding-left:32px;} .form-authf li input.auth-pw {background-image:url('/images/authentication-175491.png?v=0');background-size:1000px 700px;background-position:-2px -82px;padding-left:32px;} .form-authf li.error input {border-color:#e00000;} .sec-reg-container {padding-top:48px;padding-bottom:48px;max-width:550px;margin:auto;} .sec-reg-container_b {padding-top:100px;padding-bottom:100px;max-width:640px;margin:auto;text-align:center;} .sec-reg-container h1, .sec-reg-container_b h1 {font-size:19px;line-height:24px;padding-bottom:12px;} @media (max-width: 840px) { .auth_header {margin-top:6px;margin-bottom:6px;} .hide-sm {display:none;} .butb.hide-sm {display:none;} .auth {width:80%;} } /* shop banners */ #shop-banner {position:absolute;top:90px;background-position:center center;background-size:cover;left:-5%;width:110%;padding-top:480px;overflow:hidden;background-color:#808080;opacity:0.1;transition: opacity 1s ease 0.3s, top 0.3s ease, width 1s ease 0.3s, left 1s ease 0.3s} #shop-banner.fixed {z-index:0;position:fixed;} #banner-content {position:relative;width:100%;padding-top:480px;overflow:hidden;clear:both;} #banner-content > section {text-align:center;position:absolute;width:100%;top:-50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition: all 0.3s ease;transition-delay: 0.3s;opacity:0.1;} #banner-content > section > h1, #banner-content > section > p.title {max-width:900px;text-align:center;color:#ffffff;margin:auto;position:relative;line-height:40px;font-size:38px;font-family:Neue Montreal Regular, arial;font-weight:normal;} #banner-content > section > p.description {max-width:764px;padding:0px 32px 0px 32px;text-align:center;color:#ffffff;margin:auto;margin-top:16px;line-height:26px;font-size:22px;} .link-button-red, .link-button-red:link, .link-button-red:active, .link-button-red:visited {display:inline-block;color:#ffffff;background-color:#fe0000;margin-top:36px;line-height:24px;height:20px;overflow:hidden;text-decoration:none;padding:12px 24px 12px 24px;font-weight:bold;text-transform:uppercase;} #banner-sub-label {position:relative;transition: all 0.3s ease;} #shop-banner.gentl-main {background-image:url('/platform/provider/not_found.gif');} #shop-banner.gentl-man {background-image:url('/platform/provider/not_found.gif');} #shop-banner.erotic {} #shop-banner.female-care {} #shop-banner.massage {} #shop-banner.contact {background-image:url('/platform/provider/not_found.gif');} #shop-banner.faq {background-image:url('/platform/provider/not_found.gif');} @media (max-width: 1300px) { #shop-banner, #banner-content {padding-top:400px;} } @media (max-width: 900px) { #shop-banner, #banner-content {padding-top:360px;} } @media (max-width: 700px) { #shop-banner, #banner-content {padding-top:320px;} #banner-content > section {height:100px;} #banner-content > section > p {display:none;} } @media (max-width: 600px) { #shop-banner, #banner-content {padding-top:280px;} #banner-content > section > h1 {line-height:36px;font-size:34px;} } @media (max-width: 500px) { #shop-banner, #banner-content {padding-top:240px;} #banner-content > section > h1 {line-height:34px;font-size:32px;} } @media (max-width: 400px) { #shop-banner, #banner-content {padding-top:220px;} #banner-content > section > h1 {line-height:30px;font-size:28px;} } @media (max-width: 350px) { #shop-banner, #banner-content {padding-top:200px;} #banner-content > section > h1 {line-height:28px;font-size:26px;} } #search-form {position:relative;float:right;overflow:hidden;height:60px;width:180px;transition: all 0.3s ease;margin-right:10px;} #search-form::after {content:'';background:#06021b;position:absolute;z-index:10;height:30px;width:1px;top:15px;right:0px;} #search-but {position:absolute;left:0px;top:0px;padding-top:19px;height:40px;width:36px;padding-left:12px;cursor:pointer;} #search-but:hover > img {opacity:0.7} #search-box {position:absolute;left:50px;right:50px;top:10px;} #search-box > input {background-color:#ffffff;color:#06021b;border:1px solid #ffffff;outline: none;height:40px;width:100%;padding:8px;display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: all 0.3s ease} #search-box > input:focus {border:1px solid #06021b;} #search-box > input::placeholder { color: #606060; opacity: 1; } #search-box > input:-ms-input-placeholder { color: #606060; } #search-box > input::-ms-input-placeholder { color: #606060; } #search-close {position:absolute;right:0px;width:48px;height:0px;cursor:pointer;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-size:24px;background-repeat:no-repeat;background-position:center center;transition: all 0.3s ease;opacity:0;} #search-form.on {width:260px;} #search-form.on #search-close {height:60px;opacity:1;} @media (max-width: 960px) { #search-form {position:absolute;right:108px;float:none;width:50px;border-right:0px;margin-right:0px;} #search-but {left:auto;right:0px;z-index:4;} #search-form::after {display:none;} #search-form.on {left:0px;right:0px;width:100%;background-color:#ffffff;} #search-box {display:none;width:0px;} #search-form.on #search-box {display:block;width:auto;} #search-form.on #search-close {left:0px;right:auto;height:60px;opacity:1;} } @media (max-width: 460px) { #search-form {left:60px;} #search-box {display:none;} } .search-box {} .search-box input[type=text] {outline:none;display:block;height:26px;line-height:26px;width:100%;padding:6px;margin:0px;border:0px;background-color:#ffffff;font-size:16px;border-radius:6px;-moz-border-radius:6px;} .search-button {position:absolute;right:9px;top:8px;width:22px;height:24px;background-image:url('/platform/provider/not_found.gif');background-size:20px;background-repeat:no-repeat;cursor:pointer;} .search-result-header {overflow:hidden;padding-top:12px;} .search-result-header > div {float:left;margin-right:6px;} .search-result-header > div img {display:inline;padding-bottom:4px;} .search-result-item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;width:50%;overflow-x:hidden;cursor:pointer;float:left;padding:6px;} .search-result-item img {border-radius:2px;-moz-border-radius:2px;margin-top:8px;margin-left:16px;margin-right:4px;float:right;} .search-result-del {clear:both;height:1px;overflow:hidden;background-color:#f8f8f8;} .search-result-content {font-size:13px;} .search-result-item a {font-size:16px;} .search-score {margin-top:2px;margin-bottom:2px;width:60px;height:2px;overflow:hidden;background-color:#f08080;} .search-score > div {height:2px;overflow:hidden;background-color:#80ff00;} .search-paging {clear:both;list-style:none;padding:20px 0px 0px 0px;text-align:center;overflow:hidden;min-height:60px;} .search-paging li {display:inline-block;margin:3px;overflow:hidden;} .search-paging li a {display:inline-block;text-decoration:none;font-weight:bold;color:#606060;width:34px;height:34px;line-height:34px;overflow:hidden;background-color:#ffffff;border-radius:4px;opacity:0.76;} .search-paging li a:hover {opacity:1;} .search-paging li.sel a {background-color:#f26530;color:#ffffff;} .search-paging li a > div {width:34px;height:34px;background-repeat:no-repeat;background-size:60%;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSIzMnB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTguMjIxLDcuMjA2bDkuNTg1LDkuNTg1YzAuODc5LDAuODc5LDAuODc5LDIuMzE3LDAsMy4xOTVsLTAuOCwwLjgwMWMtMC44NzcsMC44NzgtMi4zMTYsMC44NzgtMy4xOTQsMCAgbC03LjMxNS03LjMxNWwtNy4zMTUsNy4zMTVjLTAuODc4LDAuODc4LTIuMzE3LDAuODc4LTMuMTk0LDBsLTAuOC0wLjgwMWMtMC44NzktMC44NzgtMC44NzktMi4zMTYsMC0zLjE5NWw5LjU4Ny05LjU4NSAgYzAuNDcxLTAuNDcyLDEuMTAzLTAuNjgyLDEuNzIzLTAuNjQ3QzE3LjExNSw2LjUyNCwxNy43NDgsNi43MzQsMTguMjIxLDcuMjA2eiIgZmlsbD0iIzFjMjA1YyIvPjwvc3ZnPg==);} .search-paging-back {rotate:-90deg;} .search-paging-next {rotate:90deg;} .search-no-results {margin-top:12px;} @media (max-width: 800px) { .search-result-item {width:100%;} } /* sold out */ .sold-out #info-related-products {display:none;} .sold-out .shaddow {display:none;} .sold-out .linked {display:none;} .sold-out .more-details {display:none;} /* payment option images */ .cai-des {background-repeat:no-repeat;background-size:20px;background-position:28px 1px;} .cai-des.ai_ideal {background-image:url(/platform/provider/not_found.gif);background-size:20px;background-position:28px 1px;padding-left:56px;} .cai-des.ai_paypal {background-image:url(/platform/provider/not_found.gif);background-size:16px;background-position:30px 2px;padding-left:56px;} .cai-des.ai_visa {background-image:url(/platform/provider/not_found.gif);background-size:30px;background-position:22px -5px;padding-left:56px;} .cai-des.ai_master {background-image:url(/platform/provider/not_found.gif);background-size:22px;background-position:27px 2px;padding-left:56px;} .cai-des.ai_maestro {background-image:url(/platform/provider/not_found.gif);background-size:22px;background-position:27px -1px;padding-left:56px;} .cai-des.ai_shipping {background-image:url(/platform/provider/not_found.gif);background-size:22px;background-position:27px -1px;padding-left:56px;} .cai-des.ai_sofort {background-image:url(/platform/provider/not_found.gif);background-size:26px;background-position:24px 2px;padding-left:56px;} .cai-des.ai_banc {background-image:url(/platform/provider/not_found.gif);background-size:28px;background-position:24px 4px;padding-left:56px;} .cai-des.ai_p24 {background-image:url(/platform/provider/not_found.gif);background-size:24px;background-position:26px 0px;padding-left:56px;} /* product framework */ #info-related-products {} #info-related-products > h2 {padding-top:40px;padding-bottom:20px;text-align:center;} /* price container */ /* discount */ .pc-discount {position:relative;} .pc-discount div {position:absolute;z-index:1;right:-0px;top:-38px;background-color:#ff9c00;color:#ffffff;line-height:28px;height:28px;font-size:17px;text-align:center;padding-left:8px;padding-right:8px;} .org-price {font-size:12px;text-decoration-line:line-through;-webkit-text-decoration-line:line-through;text-decoration-color:#ff9c00;-webkit-text-decoration-color:#ff9c00;} h1.pc-title {padding-right:240px;line-height:34px;} .pc-order-package {width:300px;position:absolute;top:0px;right:0px;} .pc-label {font-size:13px;line-height:24px;text-align:center;margin:12px;} .pc-description {} .pc-error-msg {text-align:center;color:#ff8080;height:0px;line-height:1px;overflow:hidden;transition: all 0.3s ease;position:relative;} .pc-error-msg > span {display:inline-block;} .pc-error-msg.on {height:14px;line-height:14px;padding-bottom:6px;} .pc-error-msg.on > span {} .pc-order-package .pc-price-or {display:none;float:right;background-color:#ffffff;padding:6px 8px;border-radius:12px;} .pc-order-package.is-zero .price {display:none;} .pc-order-package.is-zero .pc-price-or {display:block;} .pc-sold-out {display:none;float:right;background-color:#ffffff;padding:6px 8px;border-radius:12px;} .sold-out .price {display:none;} .sold-out .pc-order-package.is-zero .pc-price-or {display:none;} .sold-out .pc-sold-out {display:block;} /* single price */ .pc-single-price {overflow:hidden;margin:4px 0px;} .pc-multi-price {overflow:hidden;} .price {text-align:right;margin:4px 0px;} .price > strong {display:inline-block;font-size:20px;} .price .label {margin:0px 0px 0px 0px;display:block;font-size:12px;} .price .label:empty {margin:4px 0px 0px 0px;} /* multi price */ .multi-price {list-style:none;text-align:center;overflow:hidden;transition: all 0.3s ease;margin:12px 0px 12px 0px;padding:10px 0px 10px 0px;line-height:1px;} .multi-price.error {border:1px dashed #ffa0a0;border-radius:8px;-moz-border-radius:8px;} .multi-price > li {font-size:13px;cursor:pointer;display:inline-block;border:1px solid #191919;line-height:34px;height:34px;padding:0px 12px 0px 12px;margin:0px 4px 0px 4px;text-transform:uppercase;overflow:hidden;} .multi-price > li:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .multi-price > li.selected, .multi-price > li.selected:hover {background-color:#f26530;color:#ffffff;} .multi-price > li:hover {} @media (max-width: 900px) { .pc-order-package {width:100%;position:relative;top:auto;right:auto;} .pc-order-package .pc-price-or {float:left;background-color:inherit;padding:12px 0px 0px 0px;font-weight:bold;color:#ffffff} h1.pc-title {padding-right:0px;} .pc-description {padding-right:0px;} .price {text-align:left;} .pc-discount div {right:-16px;top:-34px;} } /* order button */ .pc-order-button {display:none;position:relative;text-align:center;padding:32px 8px;} .pc-order-quantity {display:none;} .pc-order-quantity > input {width:30px;height:36px;text-align:center;padding:0px;border:1px solid #f26530;background-color:inherit;color:#ffffff} .pc-order-bc {display:inline-block;} #info-related-products {clear:both;padding-top:20px;text-align:left;} .rel-prd-pf {margin-left:-8px;margin-right:-8px;} /* small shopping cart */ .cart-small {float:left;width:144px;height:58px;} .cart-header {height:58px;position:relative;width:100px;top:-1px;} .cart-i {display:block;position:absolute;top:8px;right:-2px;font-size:12px;font-weight:bold;background-color:#ff482e;font-family:arial;color:#ffffff;line-height:14px;padding-left:4px;padding-right:4px;border-radius:8px;-moz-border-radius:8px;} #cart-icon {display:block;float:left;width:36px;height:40px;padding-left:12px;padding-top:19px;position:relative;} #my-icon {display:block;float:left;width:36px;height:40px;padding-left:12px;padding-top:19px;} #cart-icon > img, #my-icon > img {margin:auto;} #cart-icon:hover,#my-icon:hover {opacity:0.7;} #cart_notify {display:none;} #cart-contents {display:none;} #side-cart .empty {display:block;padding:48px 16px 16px 16px;text-align:center;} .cart-small-list {padding:0px;list-style:none;margin:16px 0px 16px 0px;} .cart-small-list > li {position:relative;display:block;overflow:hidden;margin:0px 8px 0px 8px;padding:6px 6px 6px 6px;border-bottom:1px solid #f0f0f0;} .cart-small-list > li:hover {background-color:#f8f8f8;} .cart-small-list .image {position:absolute;width:40px;} .cart-small-list .quantity {position:absolute;right:40px;min-width:40px;text-align:right;} .cart-small-list .del-prd {position:absolute;right:4px;top:4px;width:18px;height:18px;background-color:#ffffff;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-size:16px;background-position:1px 1px;border-radius:10px;border:1px solid #191919;cursor:pointer;} .cart-small-list .csl-content {overflow:hidden;padding-left:44px;padding-right:84px;line-height:24px;} .cart-small-list .name {display:inline;} .cart-small-list .label {display:block;} .cart-offer {position:relative;height:60px;} .cart-offer a {width:90px;position:absolute;top:50%;transform: translate(0%, -50%);display:block;color:#ffffff;font-size:12px;line-height:18px;} /* basic cart */ .cart-added {line-height:24px;text-align:center;margin:8px 16px 8px 16px;font-size:14px;} /* shopping cart */ .cart-notify {margin:12px 0px 16px 0px;padding:4px;border:1px solid #00c000;border-radius:5px;-moz-border-radius:5px;text-align:center;} .main-cart {width:100%;} .main-cart tr:hover {background-color:#f0f0f0;} .main-cart th {font-size:13px;font-weight:bold;color:#303030;} .main-cart td {border-width:1px 0px 0px 0px;border-style:solid;border-color:#d0d0d0;padding:6px 6px 6px 6px;line-height:22px;font-size:15px;} .cart-iq {width:34px;height:22px;margin-left:6px;border-radius:5px;border:1px solid #d0d0d0;-moz-border-radius:5px;text-align:center;} .cart-img {float:left;border-radius:2px;-moz-border-radius:2px;margin-right:8px;} .cart-discount {font-size:12px;color:#009000;} .cart-coupon {float:left;background-color:#f0f0f0;overflow:hidden;} .cart-coupon label {float:left;display:block;padding-left:8px;padding-top:6px;width:110px;line-height:30px;} .ccb {float:right;background-color:#000000;padding:7px;margin:6px 6px 0px 4px;border-radius:3px;-moz-border-radius:3px;} .cci {float:left;width:140px;margin:6px 0px 6px 0px;height:31px;padding-left:6px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;} .cart-ca {color:#00a000;margin-top:6px;margin-bottom:6px;} .cart-cer {color:#a00000;margin-top:6px;margin-bottom:6px;} #cc-link {height:20px;overflow:hidden;transition: all 0.3s ease;margin-bottom:12px;} #cc-link.off {} #cc-content {height:0px;overflow:hidden;transition: all 0.3s ease;} #cc-content.on {height:50px;} .cart-cai-cb {margin:auto;width:20px;height:20px;background-color:#f0f0f0;} .cart-cai-cb.checked {background-image:url('/platform/provider/not_found.gif');background-size:80%;background-repeat:no-repeat;background-position:center;background-color:#f8f8f8;} @media (max-width: 460px) { .cart-sh {display:none;} } /* shop settings */ .shop_settings_cnt {padding:12px 12px 0px 12px;border:0px solid #ff0000;overflow:hidden;} .shop_settings {list-style:none;padding:0px;} .shop_settings li {float:left;width:49%;margin:10px 1% 10px 0px;} .shop_settings li > a {display:block;padding:0px 6px 0px 38px;min-height:78px;overflow:hidden;line-height:22px;font-size:13px;background-repeat:no-repeat;} .shop_settings li h3 {line-height:24px;padding:4px 0px 4px 0px;font-size:15px;} .shop_settings li:hover {background-color:#f8f8f8;border-radius:3px;-moz-border-radius:3px;} .shop_settings_cnt .shop_settings li {width:100%;margin:12px 0px 0px 0px;} .shop_settings a:link, .shop_settings a:active, .shop_settings a:visited {text-decoration:none;font-size:15px;} @media (max-width: 600px) { .shop_settings li {width:100%;margin:8px 0px 0px 0px;} .shop_settings li > a {min-height:74px;} } .account_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:26px 26px;background-position:4px 4px;} .adres_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:34px 34px;background-position:0px 4px;} .bestellingen_en_facturen, .offertes_beheren {background-image:url('/platform/provider/not_found.gif');background-size:27px 27px;background-position:9px 4px;} .account_settings {background-image:url('/platform/provider/not_found.gif');background-size:26px 26px;background-position:4px 4px;} .manage_your_addresses {background-image:url('/platform/provider/not_found.gif');background-size:34px 34px;background-position:0px 4px;} .orders_and_invoices, .manage_your_offers {background-image:url('/platform/provider/not_found.gif');background-size:27px 27px;background-position:9px 4px;} /* cai */ .cai-cnt {margin:32px;} .cai {padding:0px;} .cai li {background-color:#ffffff;list-style:none;overflow:hidden;margin:12px 0px 12px 0px;line-height:22px;padding:6px 6px 6px 3px;border:1px solid #f0f0f0;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .cai li:hover {background-color:#f0f0f0;} .cai li input {float:left;width:20px;position:absolute;} .cai-des img {float:left;width:22px;margin-right:8px;} .cai-dess img {float:left;width:22px;margin-right:8px;} .cai-price {float:right;line-height:12px;padding:3px;font-size:13px;} .cai-des, .cai-dess {padding-left:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width: 550px) { .cai-cnt {margin:12px 0px 12px 0px;} } /* verify order */ .vo-aa, .vo-ab {width:50%;float:left;overflow:hidden;margin-bottom:16px;font-size:14px;} .vo-addr {font-size:13px;} .vo-cnt {margin:8px 0px 8px 0px;} .vo-ua-header {margin-top:16px;margin-bottom:3px;font-weight:bold;} .vo-ua-header > span {float:right;font-weight:normal;} .vo-ua {clear:both;height:100px;background-color:#f0f0f0;padding:2px;border:1px dotted #000000;margin-top:4px;margin-bottom:8px;} .vo-ua > div {height:100px;overflow:auto;text-align:left;font-size:12px;padding-left:3px;padding-right:3px;} .vo-comments {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px;width:100%;border:1px solid #d0d0d0;padding:3px;margin-top:6px;margin-bottom:24px;} #vo-check {position:relative;padding-left:30px;cursor:pointer;} #vo-check .chb {position:absolute;top:-2px;left:0px;display:block;width:20px;height:20px;background-color:#ffffff;border:1px solid #a0a0a0;border-radius:3px;} #vo-check img {position:absolute;top:24px;left:4px;display:block;width:13px;} #vo-check.verified .chb {background-color:#60c060;background-image:url('/platform/provider/not_found.gif');background-size:30px;background-position:2px 2px;} #vo-check.error .chb {border:1px solid #d00000;} @media (max-width: 550px) { .vo-ua-header > span {float:none;} } @media (max-width: 450px) { .vo-ab {display:none;} } /* order form */ .order-method {overflow:hidden;} .order-method > a {display:inline-block;font-size:13px;line-height:38px;color:#404040 !important;text-transform:uppercase;height:38px;border:1px solid #191919;background-color:#f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;text-decoration:none;font-weight:normal !important; margin:8px 8px 0px 0px !important;padding:0px 28px 0px 28px;cursor:pointer;transition: all 0.5s ease;background-position:right -30px top 11px;background-repeat:no-repeat;background-size:24px;} .order-method > a.selected {background-color:#f0f0f0;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef6.svg');background-position:right -3px top 11px;background-repeat:no-repeat;} .order-method > a:link, .order-method a:active, .order-method a:visited {text-decoration:none;color:#303030;font-weight:bold;} /* Product view */ .prd-header {float:left;line-height:20px;margin:0px;padding-bottom:7px;font-size:16px;} .prd-row {clear:both;overflow:hidden;height:1px;background-color:#fafafa;margin-bottom:4px;} .prd-view-del {height:1px;clear:both;overflow:hidden;margin-top:2px;margin-bottom:2px;} .prd-fnd {float:left;font-size:14px;} @media (max-width: 360px) { .prd-fnd {width:120px;overflow:hidden;height:30px;} } .pv {display:block;margin:0px;padding:0px;text-align:left;list-style:none;text-align:center;overflow:hidden;} .pv > li {position:relative;display:inline-block;padding:0px 0px 20px 0px;vertical-align:top;background-color:#ffffff;text-align:center;box-shadow: 0 2px 12px 0px rgba(0, 0, 0, .1);transition:all 0.3s ease;color:#303030;} .pv > li:hover {box-shadow: 0 2px 12px 0px rgba(0, 0, 0, .2);} .pv-image {width:100%;padding-top:68%;background-repeat:none;background-size:cover;background-position:center center;transition: opacity 0.3s ease;} .pv-image:hover {opacity:0.84;} .pi-price {display:block;height:22px;line-height:22px;overflow:hidden;padding-top:6px;color:#606060;} .pi-order {display:none;width:70%;margin:auto;} .pi-label {display:none;height:24px;font-size:12px;line-height:24px;overflow:hidden;color:#808080;} .pi-action {color:#211b35;position:absolute;top:16px;left:16px;right:16px;z-index:10;font-size:17px;} .pi-name-cnt {height:64px;overflow:hidden;padding:4px;position:relative;} .pi-name-cnt h3 {display:block;position:absolute;top:50%;left:0px;right:0px;transform:translate(0px,-50%);line-height:22px;font-size:17px;font-weight:bold;margin:0px;padding:8px;} .pi-price-cnt {min-height:40px;} .pc-order-form .pc-price-or {display:none;font-weight:bold;} .pc-order-form.is-zero .pc-price-or {display:block;} .pc-order-form.is-zero .pi-price {display:none;} .sold-out .pi-price {display:none;} .sold-out .pc-order-form.is-zero .pc-price-or {display:none;} .pv-sold-out {display:none;} .sold-out .pv-sold-out {display:block;} .pi-des-cnt {height:50px;overflow:hidden;oborder:1px solid #ff0000;margin-bottom:8px;} .pi-des-cnt p {padding:0px 8px;} .pi2 a,.pi3 a,.pi4 a, .pi5 a,.pi3v a,.pi4v a {text-decoration:none;} .pi2 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi2 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .pi3 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi3 > li {width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .pi4 {margin-left:-0.5%;margin-right:-0.5%;margin-bottom:-1%;} .pi4 > li {width:24%;margin-left:0.5%;margin-right:0.5%;margin-bottom:1%;} .pi5 {margin-left:-0.5%;margin-right:-0.5%;margin-bottom:-1%;} .pi5 > li {width:19%;margin-left:0.5%;margin-right:0.5%;margin-bottom:1%;} .pi3v {margin-right:-20000px;opacity:0;transition: opacity 0.3s ease;} .pi3v > li {float:left;position:relative;display:inline-block;padding:0px 0px 20px 0px;width:283px;margin-left:0px;margin-right:80px;vertical-align:top;background-color:#ffffff;text-align:center;} .pi4v {margin-right:-20000px;} .pi4v > li {list-style:none;float:left;position:relative;display:inline-block;padding:0px 0px 20px 0px;width:283px;margin-left:0px;margin-right:11px;vertical-align:top;background-color:#ffffff;text-align:center;} /* discount */ .icn-disc {position:absolute;z-index:1;right:0px;top:0px;background-color:#ff9c00;color:#ffffff;line-height:30px;height:28px;font-size:17px;text-align:center;padding-left:16px;padding-right:16px;} @media (max-width: 1100px) { .pi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi5 > li {width:23%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 980px) { .pi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi5 > li {width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .pi4 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi4 > li {width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 700px) { .pi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi5 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .pi4 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi4 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 600px) { .pi5 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .pi5 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} .pi4 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .pi4 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} .pi2 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .pi2 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} } /* shop menu pi3 */ @media (max-width: 1000px) { .pi3 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .pi3 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 400px) { .pi3 {margin-left:0%;margin-right:0%;margin-bottom:-4%;} .pi3 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:4%;} } /* tool tip */ .prd-tt-del {height:1px;clear:both;background-color:#202020;overflow:hidden;margin-top:4px;margin-bottom:4px;} .search-option-buttons {position:relative;top:0px;width:100%;height:34px;line-height:34px;z-index:80;} .view-option-buttons {overflow:hidden;padding-bottom:8px;} .view-ajx-container {transition: all 0.3s ease;} .filter-cnt {text-decoration:none;overflow:hidden;border:0px;background-color:#ffffff;} .filter-variables {padding:0px 16px 0px 16px;list-style:none;overflow:hidden;} .filter-variables > li {padding:8px 0px 8px 0px;list-style:none;display:block;overflow:hidden;} .filter-variables > li > span {font-size:15px;text-transform:uppercase;line-height:26px;} .filter-attributes {padding:0px;list-style:none;} .filter-attributes > li {padding:0px;list-style:none;} .filter-attributes > li > a {display:block;text-decoration:none;line-height:34px;height:30px;overflow:hidden;padding:0px 0px 0px 24px;list-style:none;background-image:url('/platform/provider/not_found.gif');background-size:19px 19px;background-position:1px 5px;background-repeat:no-repeat;transition: all 0.3s ease;} .filter-attributes > li.selected > a {background-image:url('/platform/provider/not_found.gif');} .filter-attributes > li > a:hover {background-color:#f0f0f0;} .view-button-filter {float:left;font-size:17px;color:#ffffff;cursor:pointer;} .view-button-filter span img {display:inline;width:14px;padding-bottom:4px;} #shop-menu-filter-options {font-size:13px;color:#ffffff;cursor:pointer;min-height:40px;padding-left:16px;padding-top:4px;overflow:hidden;} #shop-menu-filter-options > span {font-size:13px;text-transform:uppercase;line-height:40px;display:inline-block;} #shop-menu-filter-options span img {display:inline;width:14px;padding-bottom:4px;} .view-button-order {float:right;cursor:pointer;} .view-button-order span {font-size:13px;line-height:20px;padding-right:20px;text-transform:uppercase;display:inline-block;position:relative;} .view-button-order span:before {content:"";position:absolute;top:2px;right:0px;width:14px;height:14px;background-repeat:no-repeat;background-size:100%;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSIzMnB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTguMjIxLDcuMjA2bDkuNTg1LDkuNTg1YzAuODc5LDAuODc5LDAuODc5LDIuMzE3LDAsMy4xOTVsLTAuOCwwLjgwMWMtMC44NzcsMC44NzgtMi4zMTYsMC44NzgtMy4xOTQsMCAgbC03LjMxNS03LjMxNWwtNy4zMTUsNy4zMTVjLTAuODc4LDAuODc4LTIuMzE3LDAuODc4LTMuMTk0LDBsLTAuOC0wLjgwMWMtMC44NzktMC44NzgtMC44NzktMi4zMTYsMC0zLjE5NWw5LjU4Ny05LjU4NSAgYzAuNDcxLTAuNDcyLDEuMTAzLTAuNjgyLDEuNzIzLTAuNjQ3QzE3LjExNSw2LjUyNCwxNy43NDgsNi43MzQsMTguMjIxLDcuMjA2eiIgZmlsbD0iIzFjMjA1YyIvPjwvc3ZnPg==);rotate:180deg;transition:rotate 0.3s ease;} .view-button-order.enabled span:before {rotate:0deg;} .view-button-order.enabled .order-options {display:block;height:240px;opacity:1; -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.32);-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.32);box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.32);} .view-button-filter span {font-size:13px;text-transform:uppercase;display:none;} .view-button-filter span.enabled {display:inline-block;} .selected-filters {padding:0px 8px 0px 16px;} .selected-filters > span {font-size:13px;text-transform:uppercase;line-height:26px;} .filter-remove {padding:0px;list-style:none;} .filter-remove > li {float:left;margin-right:8px;margin-bottom:8px;} .filter-remove > li > a, .but-remove-all > a {text-decoration:none;padding:4px 16px 3px 6px;border:1px solid #e8e8e8;border-radius:6px;background-color:#f0f0f0;font-size:13px;line-height:16px;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-repeat:no-repeat;background-size:14px;background-position:right 4px;display:inline-block;transition: all 0.3s ease;} .filter-remove > li > a:hover, .but-remove-all > a:hover {background-color:#e0e0e0;} .but-remove-all {clear:both;padding:0px 16px 0px 16px;} .but-remove-all > a {} #shop-menu-filter-remove {} #shop-menu-filter-remove > ul {} #shop-menu-filter-remove > ul > li {} #shop-menu-filter-remove > ul > li > a {padding:2px 16px 1px 6px;border-radius:6px;background-color:#f0f0f0;font-size:13px;line-height:14px;background-position:right 2px;} @media (max-width: 720px) { .view-button-filter span.switch {display:inline-block;} #shop-menu-filter-options {display:none;} } .filter-found-products {padding:16px;} .order-options {position:absolute;right:0px;top:32px;width:200px;height:0px;overflow:hidden;transition: all 0.3s ease;opacity:0;line-height:40px;z-index:100} .order-options > ul {padding:0px;list-style:none;background-color:#ffffff;} .order-options > ul > li {} .order-options > ul > li:hover {background-color:#f0f0f0;} .order-options > ul > li > a {display:block;padding:0px 8px 0px 8px;text-decoration:none;font-size:15px;color:#404040;} .view-button-filter span:hover, .view-button-order span:hover {opacity:0.8} /* tab container */ .tab-container {padding:0px;list-style:none;border-bottom:1px solid #f0f0f0;overflow:hidden;text-align:center;} .tab-container li {display:inline-block;margin:0px 12px 0px 12px;} .tab-container li.selected {border-bottom:1px solid #f0f0f0;} .tab-container li a {font-size:13px;text-decoration:none;text-transform:uppercase;line-height:24px;padding:9px 0px 5px 0px;display:block} .container-items {padding:0px;list-style:none;overflow:hidden;} .container-items > li {opacity:0;height:0px;overflow:hidden;top:6px;position:relative;} .container-items > li.selected {opacity:1;height:auto;top:0px;} .container-items > li > div {display:none;} .container-items > li.selected > div {display:block;} @media (max-width: 600px) { .tab-container li {margin:0px 6px 0px 6px;} } #top_but {position:fixed;z-index:100;bottom:-60px;right:16px;width:40px;height:40px;background-color:#f26530;transition: all 0.6s ease;background-image:url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSIzMnB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTguMjIxLDcuMjA2bDkuNTg1LDkuNTg1YzAuODc5LDAuODc5LDAuODc5LDIuMzE3LDAsMy4xOTVsLTAuOCwwLjgwMWMtMC44NzcsMC44NzgtMi4zMTYsMC44NzgtMy4xOTQsMCAgbC03LjMxNS03LjMxNWwtNy4zMTUsNy4zMTVjLTAuODc4LDAuODc4LTIuMzE3LDAuODc4LTMuMTk0LDBsLTAuOC0wLjgwMWMtMC44NzktMC44NzgtMC44NzktMi4zMTYsMC0zLjE5NWw5LjU4Ny05LjU4NSAgYzAuNDcxLTAuNDcyLDEuMTAzLTAuNjgyLDEuNzIzLTAuNjQ3QzE3LjExNSw2LjUyNCwxNy43NDgsNi43MzQsMTguMjIxLDcuMjA2eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==);cursor:pointer;background-size:24px;background-repeat:no-repeat;background-position:8px 8px;border-radius:20px;} .quick-order {position:fixed;bottom:-100px;height:50px;border-top:1px solid #000000;border-bottom:1px solid #000000;background-color:#f8f8f8;width:100%;z-index:100;transition: all 0.6s ease;} .qo-image {position:absolute;left:0px;width:50px;height:50px;background-color:#f0f0f0;background-size:100%;} .qo-title {display: table;padding-left:64px;padding-right:270px;height:50px;overflow:hidden;} .qo-title > div {display: table-cell;vertical-align: middle;overflow:hidden;height:40px;} .qo-price {display: table;position:absolute;right:130px;width:140px;height:50px;z-index:1;} .qo-price > div {display: table-cell;vertical-align: middle;padding-right:16px;text-align:right;} .qo-order {position:absolute;right:0px;width:130px;height:50px;z-index:1;} .qo-order > div {margin:6px;border:1px solid #191919;height:36px;line-height:39px;overflow:hidden;text-align:center;background-color:#ffffff;text-transform:uppercase;font-family:GillSans;font-size:12px;transition: all 0.3s ease;cursor:pointer;} .qo-order > div:hover {background-color:#f0f0f0;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} @media (max-width: 550px) { .qo-title {display:none;} } /* linked anchor */ a.anchor {display:block;position:absolute;top:-56px;visibility:hidden;} .content-panel {padding-left:16px;padding-right:16px;} .shop-menu {position:relative;top:-40px;max-width:1200px;margin:auto;padding-left:16px;padding-right:16px;} .shop-menu .left-menu {float:left;width:23.5%;padding-right:1.5%;} .shop-menu .content-panel {float:left;width:75%;margin-bottom:40px;padding-left:0px;padding-right:0px;} @media (max-width: 1000px) { .shop-menu .left-menu {width:31.8%;padding-right:1.5%;} .shop-menu .content-panel {width:66.6%;} } @media (max-width: 700px) { .shop-menu {} .shop-menu .left-menu {display:none;} .shop-menu .content-panel {width:100%;} } .shop-menu-panel {position:relative;padding:12px 0px 12px 0px;overflow:hidden;} .list-menu {padding:16px;list-style:none;} .list-menu > li {} .list-menu > li > a {display:inline-block;text-decoration:none;font-size:18px;color:#f0f0f0;padding:8px 0px 4px 0px;} .list-menu > li.sel > a {border-bottom:2px solid #f0f0f0;padding-bottom:2px;} .list-menu > li > a:hover {border-bottom:2px solid #f0f0f0;padding-bottom:2px;} .list-menu > li.sel > a {} .faq-menu {position:relative;max-width:1200px;margin:auto;overflow:hidden;padding-left:16px;padding-right:16px;} .faq-menu .left-menu {float:left;width:23.5%;padding-right:3.5%;} .faq-menu .content-panel {float:left;width:73%;margin-bottom:40px;padding-left:0px;padding-right:0px;} .link-list-gold {padding:8px 16px 0px 16px;list-style:none;} .link-list-gold > li {} .link-list-gold > li > a {color:#b09736;padding:4px 0px 4px 0px;display:block;} .content.left-mb {border-right:1px solid #b09736;} #left-menu-button {display:block;font-family:Cochin,sans-serif;text-transform:uppercase;font-size:16px;color:#404040;font-weight:normal;} .list-side-panel {padding:8px 16px 0px 16px;list-style:none;} .list-side-panel > li {} .list-side-panel > li > a {color:#404040;padding:10px 0px 10px 0px;display:block;text-decoration:none;font-size:18px;font-weight:bold;font-family:Cochin,sans-serif} .list-side-panel > li > a:hover {text-decoration:underline;} @media (max-width: 920px) { .faq-menu {} .faq-menu .left-menu {float:left;width:100%;margin-right:0%;border-right:0px;} .faq-menu .content-panel {float:none;width:100%;} .content.left-mb {border-right:0px;} .link-list-gold {display:none;} #left-menu-button {display:block;position:relative;padding:24px 44px 20px 24px;font-size:18px;line-height:26px;font-weight:bold;color:#303030;text-decoration:none;font-family:Cochin,sans-serif;background-color:#ffffff;margin-bottom:20px;cursor:pointer;} #left-menu-button:before {content:"";position:absolute;width:40px;height:40px;right:1px;top:14px;background-image: url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-size:18px;background-position:0px 12px;} } @media (max-width: 680px) { #left-menu-button {padding:24px 36px 20px 24px;} #left-menu-button:before {width:32px;} } #side_panell, #side_panelr {position:fixed;top:0px;bottom:0px;background-color:#ffffff;width:320px;z-index:200;transition: all 0.3s ease;-webkit-box-shadow: 8px 0px 32px 0px rgba(0,0,0,0.75);-moz-box-shadow: 8px 0px 32px 0px rgba(0,0,0,0.75);box-shadow: 8px 0px 32px 0px rgba(0,0,0,0.75);} #side_panell {left:-350px;} #side_panelr {right:-350px;} #side_panell.enabled {left:0px;} #side_panelr.enabled {right:0px;} #side_panel_headerl, #side_panel_headerr {padding:12px 0px 0px 16px;font-size:17px;font-weight:bold;color:#404040;} #side_panel_headerr {padding-left:40px;} #side_panel_closel, #side_panel_closer {position:absolute;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-repeat:no-repeat;width:32px;height:32px;cursor:pointer;} #side_panel_closel {right:4px;top:4px;} #side_panel_closer {left:4px;top:4px;} #side_panel_closel:hover, #side_panel_closer:hover {background-color:#f0f0f0;} #side_panel_contentl, #side_panel_contentr {position:absolute;top:40px;bottom:44px;left:0px;right:0px;overflow-y:auto;} #side_panel_footerl, #side_panel_footerr {position:absolute;height:44px;bottom:0px;left:0px;right:0px;} @media (max-width: 600px) { #side_panell {left:-720px;width:100%;} #side_panelr {right:-720px;width:100%;} } .panel-but-clear, .panel-but-apply {width:50%;height:44px;float:left;line-height:44px;text-align:center;overflow:hidden;font-family:GillSans;font-size:13px;text-transform:uppercase;cursor:pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;transition: all 0.3s ease;} .panel-but-clear {background-color:#f6f4f2;border:1px solid #f6f4f2;color:#303030;} .panel-but-apply {background-color:#1a1919;border:1px solid #1a1919;color:#f0f0f0;} .panel-but-clear:hover {background-color:#e6e4e2;border:1px solid #1a1919;} .panel-but-apply:hover {background-color:#2a2929;border:1px solid #000000;} .bg-waarom-a {position:relative;margin:0 -1920px;padding:0px 1920px;background:#f0f0f0;overflow:hidden;min-height:80px;background-image:url('/platform/provider/not_found.gif');background-size:3840px;background-position:center bottom;} @media (max-width: 700px) { .bg-waarom-a {background-image:none;background-color:#f0f0f0;} } .bg-tst {position:relative;margin:0 -1920px;padding:0px 1920px;background:#f0f0f0;overflow:hidden;min-height:80px;background-image:url('/platform/provider/not_found.gif');background-size:3840px 10px;background-position:center center;} .bg-ft {position:relative;margin:0 -9600px;padding:16px 9600px;background:#000000;color:#f0f0f0;overflow:hidden;min-height:80px;} @media (max-width: 3800px) { .bg-ft {margin:0 -1310px;padding:0px 1310px;} } @media (max-width: 3400px) { .bg-ft {margin:0 -1110px;padding:0px 1110px;} } @media (max-width: 3000px) { .bg-ft {margin:0 -910px;padding:0px 910px;} } @media (max-width: 2600px) { .bg-ft {margin:0 -710px;padding:0px 710px;} } @media (max-width: 2200px) { .bg-ft {margin:0 -510px;padding:0px 510px;} } @media (max-width: 2000px) { .bg-ft {margin:0 -410px;padding:0px 410px;} } @media (max-width: 1800px) { .bg-ft {margin:0 -310px;padding:0px 310px;} } @media (max-width: 1600px) { .bg-ft {margin:0 -210px;padding:0px 210px;} } @media (max-width: 1400px) { .bg-ft {margin:0 -110px;padding:0px 110px;} } @media (max-width: 1300px) { .bg-ft {margin:0 -60px;padding:0px 60px;} } @media (max-width: 1200px) { .bg-ft {margin:0 -32px;padding:0px 32px;} } .bg-ft {padding-top:16px;padding-bottom:16px;} /* banner */ .banner {background-position:center center;background-size:cover;position:relative;width:100%;padding-top:620px;overflow:hidden;transition: all 0.3s ease;} .banner-logo {position:absolute;bottom:0px;width:100%;background-color:rgba(30, 30, 30, 0.7);transition: all 0.3s ease;} .banner-logo > div {width:25%;margin:auto;padding:8px;} .banner-text {position:absolute;transition: all 0.6s ease;} .banner-text > div {display:inline-block;padding:12px 48px 12px 48px;border-radius:4px;-moz-border-radius:4px;} .banner-text.white > div {background-color:rgba(30, 30, 30, 0.7);} .banner-text.white span {display:block;color:#ffffff;} .banner-text.black > div {background-color:rgba(240, 240, 240, 0.7);} .banner-text.black span {display:block;color:#303030;} .banner-text.red > div {background-color:rgba(240, 240, 240, 0.7);} .banner-text.red span {display:block;color:#e41c44;} .banner-text.top {top:16px;text-align:center;width:100%;} .banner-text.center {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;} .banner-text.bottom {bottom:16px;text-align:center;width:100%;} .banner-text.bottom-left {bottom:16px;left:16px;text-align:left;} .banner-text.bottom-right {bottom:16px;right:16px;text-align:left;} .banner-text.top-left {top:16px;left:16px;text-align:left;} .banner-text.top-right {top:16px;right:16px;text-align:left;} .banner-text.bottom-full {bottom:0px;text-align:center;width:100%;display:block;} .banner-text.top-full {top:0px;text-align:center;width:100%;display:block;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:12px 12px 12px 12px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:42px;} .banner-text.top-full > div, .banner-text.bottom-full > div {display:block;border-radius:0px;-moz-border-radius:0px;} .banner-viewer {background-image:url(/platform/provider/not_found.gif);background-position:center center; background-repeat:no-repeat;background-size:30%;background-color:#d0d0d0;} .banner-url {cursor:pointer;} .banner-text .banner-url {background-image:url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-position:right center;} .banner-text span.banner-title {font-size:32px;line-height:36px;text-transform:uppercase;} .banner-text span.banner-description {font-size:20px;line-height:28px;} @media (max-width: 800px) { .banner-text span.banner-title {font-size:26px;line-height:30px;} .banner-text span.banner-description {font-size:16px;line-height:24px;} } @media (max-width: 600px) { .banner-text span.banner-title {font-size:20px;line-height:24px;} .banner-text span.banner-description {font-size:13px;line-height:20px;} .banner-text > div {padding:8px 20px 8px 20px;border-radius:3px;-moz-border-radius:3px;} .banner-text .banner-url {background-size:20px 20px;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:8px 8px 8px 8px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:20px;} } @media (max-width: 400px) { .banner-text span.banner-title {font-size:14px;line-height:18px;} .banner-text span.banner-description {font-size:10px;line-height:18px;} .banner-text > div {padding:4px 20px 4px 20px;border-radius:2px;-moz-border-radius:2px;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:4px 4px 4px 4px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:20px;} } @media (max-width: 1600px) { .banner {padding-top:40%;} } @media (max-width: 600px) { .banner {padding-top:60%;} } .article-viewer {display:block;margin:0px;padding:0px;text-align:center;list-style:none;background-color:#ffffff;} .article-viewer > li {display:block;position:relative;padding:0px;width:100%;vertical-align:top;overflow:hidden;background-color:#ffffff;font-family:Cochin,sans-serif;padding-bottom:16px;} .article-viewer > li figure {width:100px;height:100px;margin:auto;margin-top:32px;margin-bottom:8px;} .article-viewer > li figure img {object-fit: cover;height:100px;width:100px;} .article-viewer > li figure:hover {opacity: 0.84;} .article-viewer a {text-decoration:none;overflow:hidden;display:block;} .article-viewer p {position:relative;height:180px;overflow:hidden;margin:0px 48px 0px 48px;} .article-viewer p > q {display:block;position:absolute;max-height:140px;width:100%;overflow:hidden;font-size:20px;line-height:28px;overflow:hidden;color:#606060;} .article-viewer .more {color:#211b35;line-height:68px;font-size:20px;padding-top:4px;} .article-viewer .auther {position:relative;} .article-viewer .auther::after {content:'';position:absolute;height: 2px;top:12px;margin:0 auto;left:0;right:0;width:80%;background:#f15096;z-index:0;} .article-viewer .auther > span {position:relative;z-index:1;text-transform:uppercase;color:#211b35;font-family:GillSans;background-color:#ffffff;padding:0px 16px 0px 16px;font-size:15px;} .article-viewer .source {font-family:GillSans;color:#808080;line-height:28px;} .article-viewer > li.hidden {display:none;} @media (max-width: 800px) { .article-viewer p {position:relative;} .article-viewer p > q {font-size:19px;line-height:26px;max-height:156px;} } @media (max-width: 600px) { .article-viewer p {position:relative;margin:0px 28px 0px 28px;} .article-viewer p > q {font-size:18px;line-height:24px;max-height:168px;} } .expand {background-color:#ffffff;color:#303030;} .expand > h2 {display:block;position:relative;cursor:pointer;padding:24px 44px 20px 24px;font-size:18px;line-height:26px;font-weight:bold;} .expand > h2:before {content:"+";position:absolute;width:40px;height:40px;line-height:32px;font-size:34px;font-weight:normal;right:0px;top:18px;} .expand > h2.show:before {content:"-";} .expand > div {height:0px;overflow:hidden;opacity:0;margin-top:3px;position:relative;top:10px;transition: all 0.3s ease;padding:0px 24px 0px 24px;} .expand > div.show {height:auto;opacity:1;top:0px;padding:0px 24px 24px 24px;} @media (max-width: 680px) { .expand > h2 {padding:24px 36px 20px 24px;} .expand > h2:before {width:32px;} } .link-list-white {padding:0px 0px;list-style:none;margin-bottom:-20px;} .link-list-white > li {background-color:#ffffff;margin-bottom:20px;} .link-list-white > li > a {display:block;position:relative;padding:24px 44px 20px 24px;font-size:18px;line-height:26px;font-weight:bold;color:#303030;text-decoration:none;font-family:Cochin,sans-serif;} .link-list-white > li > a:before {content:">";position:absolute;width:38px;height:40px;line-height:32px;font-size:24px;font-weight:normal;right:0px;top:18px;} @media (max-width: 680px) { .link-list-white > li > a {padding:24px 36px 20px 24px;} .link-list-white > li > a:before {width:30px;} } /* shop buttons */ .but, .butn, .buts, .butb {display:inline-block;color:#ffffff;border:1px solid #000000;background-color:#000000;margin:8px;height:42px;padding:6px 36px 6px 36px;font-family:GillSans;font-size:13px;line-height:32px;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-moz-border-radius:3px;transition:all 0.5s ease;text-decoration:none;overflow:hidden;background-repeat:no-repeat;cursor:pointer;} .butn {background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef3.svg');background-position:right 10px top 12px;} .buts {background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef3.svg');background-position:right 10px top 12px;} a.but, a.butn, a.buts, a.butb {color:#ffffff;} .butn:hover, .buts:hover {background-color:#303030;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .butb, a.butb {color:#808080;background-color:#ffffff;border:1px solid #f4f4f4;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;text-decoration:none;} .butb:hover {background-color:#f8f8f8;border:1px solid #ffffff;} .butn.full {width:100%;margin:0px;} .select-product {font-family:GillSans;font-size:13px;line-height:38px;color:#404040 !important;text-transform:uppercase;margin:auto;display:block;margin-top:3px;margin-bottom:3px;width:100%;height:38px;padding:0px;cursor:pointer;transition: all 0.5s ease;border:1px solid #3b374e;background-color:#ffffff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;text-decoration:none;} .add-to-cart {font-family:GillSans;font-size:13px;line-height:38px;color:#404040;text-transform:uppercase;margin:auto;display:block;margin-top:3px;margin-bottom:3px;width:100%;height:38px;cursor:pointer;transition: all 0.5s ease;border:1px solid #3b374e !important;background-color:#ffffff;} .add-to-cart:hover, .select-product:hover {background-color:#f0f0f0;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} /* button containers */ .frm-button-container {margin:16px 0px 16px 0px;text-align:center;clear:both;} .button-container {margin:16px 0px 16px 0px;text-align:center;display:block;} .frm-win-but-cnt {margin:8px 0px 0px 0px;text-align:center;clear:both;} .frm-win-but-cnt .but, .frm-win-but-cnt .butn, .frm-win-but-cnt .buts, .frm-win-but-cnt .butb {margin:0px;} .icon-type-a {padding:12px;} .icon-type-a > img {margin:auto;max-width:200px;} .icon-type-a > p {padding:8px;} .icon-type-b {padding:12px;} .icon-type-b > img {margin:auto;max-width:300px;} .icon-type-b > h3 {padding:16px 8px 0px 8px;text-transform:uppercase;font-weight:bold;} .icon-type-b > p {padding:8px 32px 8px 32px;font-size:18px;line-height:26px;} @media (max-width: 500px) { .icon-type-b > p {padding:8px 8px 8px 8px;} } #lan-sel-bottom {position:fixed;z-index:100;bottom:-2px;right:74px;width:180px;} #lan-sel-bottom.animate {transition: bottom 0.4s ease;} #lan_select {display:block;height:40px;overflow:hidden;transition: all 0.3s ease;list-style:none;float:right;border:1px solid #303030;width:70px;padding:0px;margin-right:8px;margin-top:8px;} #lan_select > li {height:40px;line-height:42px;background-color:#ffffff;width:100%;overflow:hidden;position:relative;border-bottom:1px solid #f0f0f0;cursor:pointer;color:#505050;background-image:url('/images/language-images-175487.png?v=0');background-size:140px;background-position:8px 5px;background-repeat:no-repeat;} #lan_select > li:hover {background-color:#f8f8f8;} #lan_select > li div.code {width:40px;overflow:hidden;position:absolute;left:40px;transition: all 0.6s ease;opacity:1;font-size:12px;} #lan_select > li div.label {width:0px;overflow:hidden;position:absolute;left:40px;transition: all 0.6s ease;opacity:0;} #lan_select > li.nl {background-position:8px 6px;} #lan_select > li.en {background-position:8px -24px;} #lan_select > li.de {background-position:8px -54px;} #lan_select.open {width:160px;position:relative;} #lan_select.open::before {content: "";background-size:10px;background-image:url('/files/dynamic/2f4bd535z194696b969ez7ef8.svg');background-size:16px;background-repeat:no-repeat;background-position:right 4px;width:20px;height:20px;position:absolute;z-index:1;right:4px;top:1px;display:block;pointer-events: none;} #lan_select.open > li div.code {width:0px;opacity:0;} #lan_select.open > li div.label {width:140px;opacity:1;} #lan_select { -webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); } @media (max-width: 800px) { #lan-sel-bottom {right:4px;} } .flex, .flex > .csr {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .flexs, .flexs > .csr {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;} .flexc, .flexc > .csr {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;} .flexe, .flexe > .csr {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-end;align-items:flex-end;} .flex > h1, .flex > h2, .flex > h3, .flex > h4, .flex > b, .flex > em {width:100%;} .flexs > h1, .flexs > h2, .flexs > h3, .flexs > h4, .flexs > b, .flexs > em {width:100%;} .flexc > h1, .flexc > h2, .flexc > h3, .flexc > h4, .flexc > b, .flexc > em {width:100%;} .flexe > h1, .flexe > h2, .flexe > h3, .flexe > h4, .flexe > b, .flexe > em {width:100%;} .icon-type-c {position:relative;} .icon-type-c > span {position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;background-color:#162832;border-radius:15px;} .icon-type-c > span > img {width:50%;margin:auto;position:relative;top:50%;transform:translateY(-50%);} .icon-type-c h3 {color:#162832;} .icon-type-c p {padding-left:38px;line-height:30px;} .icon-type-s {position:relative;text-align:center;padding:12px 0px;} .icon-type-s > span {display:block;padding:4px;} .icon-type-s > span > img {width:40%;margin:auto;} .icon-type-s h3 {color:#162832;} .icon-type-s p {padding:6px;line-height:24px;text-transform:uppercase;font-weight:bold;} /* compact form */ .frmc-el {clear:both;} .frmc-el > label {position:relative;top:-3px;min-height:26px;line-height:26px;display:block;width:180px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#404040;font-size:16px;} .frmc-el > div {padding:0px;line-height:18px;} .frmc-el > div > input[type=text], .frm-el > div > select {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:40px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:5px;-moz-border-radius:5px;font-size:14px;line-height:21px;box-sizing:border-box;} .frmc-el > div > select {-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image: url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-size:14px;background-position:right .7em top 50%, 0 0;} .frmc-el > div textarea {display:block;width:100%;border:1px solid #ffffff;background-color:#ffffff;margin:0px;height:120px;line-height:21px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:5px;-moz-border-radius:5px;font-size:14px;} .frmc-el > div input[type=checkbox] {display:inline-block;width:18px;height:18px;margin:3px 6px 6px 0px;position:relative;top:3px;} .frmc-el input[type=text].el-error, .frmc-el textarea.el-error, .frmc-el select.el-error, div.el-error {border:1px solid #ff8080;border-radius:4px;-moz-border-radius:4px;} .frmc-el input[type=checkbox].el-error {outline: 1px solid #ff8080;} .frmc-but-cnt {} .frmc-but {display:inline-block;background-color:#182931;padding:4px 16px 4px 16px;color:#ffffff;text-decoration:none;text-transform:uppercase;line-height:30px;font-size:12px;font-weight:bold;border-radius:6px;border:0px;} .frmc-but:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .thumb-cnt {position:relative;transition:left 0.3s ease;} .slider-thumbnails {list-style:none;padding:0px;text-align:left;vertical-align:middle;transition:opacity 0.3s ease;} .slider-thumbnails > li {border:1px solid #ffffff;;width:20%;display:inline-block;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;border-radius:2px;overflow:hidden;transition: opacity 0.3s ease;cursor:pointer;} .slider-thumbnails > li > div {width:100%;padding-top:80%;background-size:cover;background-position:center center;background-repeat:no-repeat;} .slider-thumbnails > li:hover {border:1px solid #f26530;;opacity:0.8;} .slider-thumbnails > li.sel {border:1px solid #f26530;opacity:0.8;} .slider-thumbnails li > div.video {background-color:#f26530;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMnB4IiBpZD0iTGF5ZXJfMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZmlsbD0iI2YyNjUzMCIgZD0iTTQwNS4yLDIzMi45TDEyNi44LDY3LjJjLTMuNC0yLTYuOS0zLjItMTAuOS0zLjJjLTEwLjksMC0xOS44LDktMTkuOCwyMEg5NnYzNDRoMC4xYzAsMTEsOC45LDIwLDE5LjgsMjAgIGM0LjEsMCw3LjUtMS40LDExLjItMy40bDI3OC4xLTE2NS41YzYuNi01LjUsMTAuOC0xMy44LDEwLjgtMjMuMUM0MTYsMjQ2LjcsNDExLjgsMjM4LjUsNDA1LjIsMjMyLjl6Ii8+PC9zdmc+);background-size:40%;} .slider-thumbnails li > div.other {background-color:#f26530;} .thumb-all {transition:left 0.3s ease;position:relative;height:30px;} .thumb-all.hide {height:0px;overflow:hidden;} .thumb-all.show {} .thumb-all > span {border-radius:18px;position:absolute;top:26px;oz-index:100;left:50%;box-shadow: 0 6px 6px -2px rgba(0, 0, 0, .2);transform: translate(-50%, 0px);} .slider-x5, .slider-x3, .slider-x2, .slider-x1 {display:block;margin:0px;padding:0px;list-style:none;overflow:hidden;opacity:0;transition: opacity 0.3s ease;position:relative;} .slider-x5 > li {float:left;position:relative;display:block;width:20%;overflow:hidden;} .slider-x3 > li {float:left;position:relative;display:block;width:33.3%;overflow:hidden;} .slider-x2 > li {float:left;position:relative;display:block;width:50%;overflow:hidden;} .slider-x1 > li {float:left;position:relative;display:block;width:100%;overflow:hidden;} .slider-x1 > li.hidden, .slider-x2 > li.hidden, .slider-x3 > li.hidden {display:none;} /* Slider buttons */ .slider-lc {position:absolute;width:2000px;top:0px;bottom:0px;left:-2000px;z-index:10} .slider-lc > div {position:absolute;width:1702px;top:0px;bottom:0px;z-index:10} .slider-rc {position:absolute;width:2000px;top:0px;bottom:0px;right:-2000px;z-index:11} .slider-rc > div {position:absolute;width:1701px;top:0px;bottom:0px;right:0px;z-index:10} .slider-paging {position:absolute;bottom:-28px;left:0px;right:0px;} .slider-paging > ol {padding:0px;margin:0px;list-style:none;overflow:hidden;text-align:center;line-height:8px;} .slider-paging > li {display:inline-block;overflow:hidden;line-height:0px;vertical-align:top;cursor:pointer;} .slider-paging > li > div {display:inline-block;width:26px;height:3px;margin:16px 16px 16px 16px;background-color:#000000;border:1px solid #000000;overflow:hidden;transition: all 0.6s ease;} .slider-paging > li.sel > div {background-color:#dec175;border:1px solid #dec175;} .slider-paging > li:hover > div {background-color:#dec175;border:1px solid #dec175;} .slider-paging > li.sel:hover > div {background-color:#000000;border:1px solid #000000;} .cnt-slider-x1, .cnt-slider-x2, .cnt-slider-x3, .cnt-slider-x5 {position:relative;opacity:0;transition: opacity 0.3s ease;} .cnt-slider-x1 .vnavn, .cnt-slider-x2 .vnavn, .cnt-slider-x3 .vnavn, .cnt-slider-x5 .vnavn {background-position:-192px center;opacity:0;right:-50px;width:40px;z-index:100;background-color:#f26530;border-radius:20px;} .cnt-slider-x1 .vnavb, .cnt-slider-x2 .vnavb, .cnt-slider-x3 .vnavb, .cnt-slider-x5 .vnavb {background-position:-6px center;opacity:0;left:-50px;width:40px;z-index:100;background-color:#f26530;border-radius:20px;} .cnt-slider-x1:hover .vnavn, .cnt-slider-x2:hover .vnavn, .cnt-slider-x3:hover .vnavn, .cnt-slider-x5:hover .vnavn {opacity:1;right:10px;} .cnt-slider-x1:hover .vnavb, .cnt-slider-x2:hover .vnavb, .cnt-slider-x3:hover .vnavb, .cnt-slider-x5:hover .vnavb {opacity:1;left:10px;} @media (min-width: 1540px) { .cnt-slider-x1:hover .vnavn {opacity:1;right:-80px;} .cnt-slider-x1:hover .vnavb {opacity:1;left:-80px;} } .cnt-slider-p3 {position:relative;opacity:0;transition: opacity 0.3s ease;} .cnt-slider-p3 .vnavn {background-position:-192px center;opacity:0.7;border:2px solid #234247;right:-160px;width:40px;z-index:100;border-radius:5px;-moz-border-radius:5px;} .cnt-slider-p3 .vnavb {background-position:-6px center;opacity:0.7;border:2px solid #234247;left:-160px;width:40px;z-index:100;border-radius:5px;-moz-border-radius:5px;} .cnt-slider-p3 .vnavb:hover, .cnt-slider-p3 .vnavn:hover {opacity:1;background-color:#f0f0f0;} @media (max-width: 1560px) { .cnt-slider-p3 .vnavn {right:-66px;} .cnt-slider-p3 .vnavb {left:-66px;} } @media (max-width: 1400px) { .cnt-slider-p3 .vnavn {right:-60px;} .cnt-slider-p3 .vnavb {left:-60px;} } @media (max-width: 1300px) { .cnt-slider-p3 .vnavn {right:-30px;} .cnt-slider-p3 .vnavb {left:-30px;} } @media (max-width: 1240px) { .cnt-slider-p3 .vnavn {right:0px;} .cnt-slider-p3 .vnavb {left:0px;} } @media (max-width: 1000px) { .cnt-slider-p3 {margin-left:-16px;margin-right:-16px;} .cnt-slider-p3 .vnavn {right:14px;} .cnt-slider-p3 .vnavb {left:14px;} } /* basic table */ .basic-table {margin-top:6px;width:100%;border-width:0px 0px 0px 0px;border-style:solid;border-color:#f0f0f0;border-spacing:0;border-collapse:collapse;} .basic-table td {padding:3px;vertical-align:top;} .basic-table tr {border-width: 0 0 1px 0px;border-style:solid;border-color:#e0e0e0;} .basic-table tr:last-child {border-width: 0 0 0px 0px;} .basic-table tr:hover {background-color:#f8f8f8;} .basic-table td:first-child {width:25%;} .bnr-cnt.gray-b .basic-table tr {border-color:#909da5;} .bnr-cnt.gray-b .basic-table tr:hover {background-color:#b0bdc5;} @media (max-width: 500px) { .basic-table td:first-child {width:100%;font-weight:bold;} .basic-table td {display:block;border-width: 0 0 0px 0px;padding:0px} .basic-table tr {display:block;padding:6px 3px 6px 3px;} } .article_characteristics {padding:0px;margin:0px;margin-top:4px;margin-bottom:0px;list-style:none;font-size:13px;} .article_characteristics li {position:relative;overflow:hidden;border-width:0px 0px 1px 0px;border-style:solid;border-color:#f6f6f6;padding:4px 0px;text-align:left;} .article_characteristics li:hover {background-color:#f4f4f4;} .article_characteristics li:last-child {border:0px;} .article_characteristics li label {width:60px;float:left;line-height:20px;padding-left:8px;} .article_characteristics li div {float:left;line-height:20px;} .article_characteristics li span::empty {display:none;} .article_characteristics li.author span {display:block;} .article_characteristics li.author {height:50px;} .article_characteristics li.author label {display:none;} .article_characteristics li.author div {padding-left:68px;} .article_characteristics li.author span.description {padding-top:4px;} .article_characteristics li.author span.value::before {position:absolute;top:0px;left:0px;content:"";display:block;width:50px;height:50px;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:30px;background-size:50px;background-repeat:no-repeat;} .article_characteristics li.author span.value.avatar_mingming::before {background-image:url(/images/avatarmingming-175545.jpg?v=0);} .article_characteristics.line li {float:left;height:22px;display:inline-block;border:0px;padding-right:16px;} .article_characteristics.line li label {display:none;} .article_characteristics.line li.author {height:22px;} .article_characteristics.line li.author div {padding-left:36px;} .article_characteristics.line li.author span.value::before {position:absolute;top:-2px;left:0px;width:30px;height:30px;border-radius:15px;background-size:30px;} .article_characteristics.line li.author span.description {display:none;} .bg-image, .bg-image-content {position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-size:cover;background-position:center center;} .blog-cnt-item {position:relative;font-size:15px;margin-top:12px;margin-bottom:6px;overflow:hidden;} .blog-cnt-label {position:absolute;left:4px;} .blog-tags {list-style:none;padding:0px 0px 0px 54px;} .blog-tags li {float:left;margin-right:8px;} .bi2 {display:block;margin:0px;padding:0px;text-align:left;list-style:none;margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi2 > li {position:relative;display:inline-block;padding:44px 0px 20px 0px;width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;vertical-align:top;background-color:#ffffff;text-align:center} .bi2 > li figure {margin-top:0px;height:0;padding-bottom:100%;} .bi2 > li figure:hover {opacity: 0.84;} .bi2 a {text-decoration:none;} .bi2 h3 {line-height:22px;font-size:17px;font-weight:bold;height:44px;padding:3px 8px 0px 8px;overflow:hidden;color:#606060;} .bi3 {display:block;margin:0px;padding:0px;text-align:center;list-style:none;margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi3 > li {position:relative;display:inline-block;padding:0px 0px 20px 0px;width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;vertical-align:top;background-color:#ffffff;} .bi3 > li figure {margin-top:0px;height:0;padding-bottom:54%;border:0px solid #ff0000;overflow:hidden;position:relative;} .bi3 > li figure img {position:absolute;top:50%;transform: translate(0, -50%);} .bi3 > li figure:hover {opacity: 0.84;} .bi3 a {text-decoration:none;} .bi3 h3 {line-height:26px;font-size:17px;font-weight:bold;height:44px;padding:14px 8px 0px 8px;overflow:hidden;color:#606060;} .bi4 {display:block;margin:0px;padding:0px;text-align:center;list-style:none;margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi4 > li {position:relative;display:inline-block;padding:0px 0px 20px 0px;width:23%;margin-left:1%;margin-right:1%;margin-bottom:2%;vertical-align:top;background-color:#ffffff;} .bi4 > li figure {margin-top:0px;height:0;padding-bottom:54%;border:0px solid #ff0000;overflow:hidden;position:relative;} .bi4 > li figure:hover {opacity: 0.84;} .bi4 > li figure img {position:absolute;top:50%;transform: translate(0, -50%);} .bi4 a {text-decoration:none;} .bi4 h3 {line-height:22px;font-size:17px;font-weight:bold;height:44px;padding:14px 8px 0px 8px;overflow:hidden;color:#606060;} .bi5 {display:block;margin:0px;padding:0px;text-align:center;list-style:none;margin-left:-0.5%;margin-right:-0.5%;margin-bottom:-1%;} .bi5 > li {position:relative;display:inline-block;padding:44px 0px 20px 0px;width:19%;margin-left:0.5%;margin-right:0.5%;margin-bottom:1%;vertical-align:top;background-color:#ffffff;} .bi5 > li figure {margin-top:0px;height:0;padding-bottom:100%;} .bi5 > li figure:hover {opacity: 0.84;} .bi5 a {text-decoration:none;} .bi5 h3 {line-height:22px;font-size:17px;font-weight:bold;height:44px;padding:3px 6px 0px 6px;overflow:hidden;color:#606060;} @media (max-width: 1100px) { .bi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi5 > li {width:23%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 980px) { .bi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi5 > li {width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .bi4 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi4 > li {width:31.3%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 700px) { .bi5 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi5 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} .bi4 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi4 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 600px) { .bi5 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .bi5 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} .bi4 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .bi4 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} .bi2 {margin-left:0%;margin-right:0%;margin-bottom:-3%;} .bi2 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:3%;} } /* menu bi3 */ @media (max-width: 1000px) { .bi3 {margin-left:-1%;margin-right:-1%;margin-bottom:-2%;} .bi3 > li {width:48%;margin-left:1%;margin-right:1%;margin-bottom:2%;} } @media (max-width: 400px) { .bi3 {margin-left:0%;margin-right:0%;margin-bottom:-4%;} .bi3 > li {width:100%;margin-left:0%;margin-right:0%;margin-bottom:4%;} }