/* 1 */
.dom-abs
{ position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
overflow:auto;
}
section.blank-page
{
}
section.blank-page>article
{
}
section.blank-page>article>.wp-block-group.eggshell
{ background:#fff;
color:#000;
padding:50px 0 50px;
margin-top:50px;
margin-bottom:50px;
}
.wp-block-group.tsg-teaser
{ text-align:center;
aspect-ratio:16 / 5;
display:flex;
align-items: center;
justify-content: center;
}
.wp-block-group.tsg-teaser>.wp-block-group__inner-container
{
}
.tsg-teaser h1 {
font-size: 112px;
line-height: 105px;
width:80%;
padding-bottom:20px;
}
.tsg-teaser h2 {
padding-bottom:20px;
}
.tsg-teaser h3 {
color: #efeee8;
padding-bottom:20px;
}
body.page-template-page-bank-page section>article>h1,
body.page-template-page-bank-page section>article>h2,
body.page-template-page-bank-page section>article>h3,
body.page-template-page-bank-page section>article>h4,
body.page-template-page-bank-page section>article>h5,
body.page-template-page-bank-page section>article>h6,
body.page-template-page-bank-page section>article>p,
body.page-template-page-bank-page section>article>ul,
body.page-template-page-bank-page section>article>ol,
body.page-template-page-bank-page .wp-block-group__inner-container>h1,
body.page-template-page-bank-page .wp-block-group__inner-container>h2,
body.page-template-page-bank-page .wp-block-group__inner-container>h3,
body.page-template-page-bank-page .wp-block-group__inner-container>h4,
body.page-template-page-bank-page .wp-block-group__inner-container>h5,
body.page-template-page-bank-page .wp-block-group__inner-container>h6,
body.page-template-page-bank-page .wp-block-group__inner-container>ul,
body.page-template-page-bank-page .wp-block-group__inner-container>ol,
body.page-template-page-bank-page .wp-block-group__inner-container>p
{ max-width: calc(1600px - 48px);
margin:0 auto;
}
.dom-flex
{ display:flex;
flex-direction: row;
align-items: stretch;
}
@media (max-width: 992px) {
.dom-flex.dom-mobile
{ flex-direction : column;
align-items: auto;
}
.dom-flex.dom-mobile>*
{ margin-bottom:30px;
}
}
div[data-id=2244]
{ overflow:visible;
}
div.button
{ cursor:pointer;
}
.is-debug
{ display:none;
}
.bdh-debug .is-debug
{ display:block;
}
.dom-flex.dom-flex-d50-m100>div
{ flex:0.5;
}
.mode-tablet .dom-flex.dom-flex-d50-m100>div,
.mode-mobile .dom-flex.dom-flex-d50-m100>div
{ flex:1;
}
/*.dom-flex::after {
content: "";
flex: auto;
}*/
.dom-flex-wrap
{ flex-wrap: wrap;
}
.dom-flex-col
{ flex-direction : column;
align-items: stretch;
}
.H5APP_Product .dots>.dot
{ width: 12px;
height: 12px;
border-radius: 50%;
border: solid 1px #b5b4ae;
float: none;
display: inline-block;
background: transparent;
margin: 8px;
cursor: pointer;
}
.H5APP_Product .inside-dots .dots>.dot {
background-color: transparent;
}
.H5APP_Product .inside-dots .dots>.dot.active {
background-color: #8fb6ad;
}
#cmplz-cookiebanner-container
{ z-index:100;
}
/*
.H5APP_Product div.product_image>div.product_image_index>div.index_item.selected {
background: #8fb6ad;
}
.H5APP_Product div.product_image>div.product_image_index>div.index_item {
width: 12px;
height: 12px;
border-radius: 50%;
border: solid 1px #b5b4ae;
float: none;
display: inline-block;
background: transparent;
margin: 8px;
cursor: pointer;
*/
body.default-template .rider-grid-wrapper
{ width:calc(100% + 15px);
overflow:hidden;
}
body.default-template .rider-grid
{ display: flex;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
position: relative;
left: -4px;
grid-template-columns: calc(33.0% - 15px) ;
gap:15px;
}
body.default-template .rider-item
{ transition:all 0.2s;
aspect-ratio: 1 / 1 ;
height:auto;
width:calc(33.3% - 15px);
position:relative;
}
body.default-template .rider-item h1
{ font-size: 30px;
line-height: 30px;
color: #efeee8;
}
body.default-template .rider-item div.content a
{ font-size: 16px;
line-height: 18px;
color: #efeee8;
text-transform: uppercase;
position: relative;
display: block;
}
body.default-template .rider-item img
{ filter: none;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
cursor: pointer;
}
body.default-template .rider-item:hover img
{ filter: none;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
cursor: pointer;
cursor: pointer;
}
body.default-template .rider-item:hover .blend
{ opacity:0;
}
body.default-template
{ background-size:contain;
background-position:top center;
background-repeat:no-repeat;
}
body.default-template #container
{ padding-top:150px;
}
body.default-template .H5APP_TeaserGallery
{ max-width:1600px;
margin:0 auto;
}
body.default-template article>h1,
body.default-template article>h2,
body.default-template article>h3,
body.default-template article>h4,
body.default-template article>.dom-rel>h1,
body.default-template article>.dom-rel>h2,
body.default-template article>.dom-rel>h3,
body.default-template article>.dom-rel>h4,
body.default-template article>.wp-block-group h5,
body.default-template article>.wp-block-group h1,
body.default-template article>.wp-block-group h2,
body.default-template article>.wp-block-group h3,
body.default-template article>.wp-block-group h4,
body.default-template article>.wp-block-group h5
{ max-width:1600px;
width:100%;
margin: 25px auto 15px auto;
position:relative;
text-align:left;
}
body.default-template article>p,
body.default-template article>h2,
body.default-template article>h3,
body.default-template article>h4,
body.default-template article>h5
{ max-width:1600px;
margin: auto;
}
body.default-template .item_wrapper.square-container .square
{ aspect-ratio: 1 / 1;
overflow:hidden;
background-pos
}
/* Generated by Glyphter (http://www.glyphter.com) on Sun Aug 27 2017*/
@font-face {
font-family: 'symbols';
src: url('/bd_xml_series/47/symbols.eot');
src: url('/bd_xml_series/47/symbols.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/symbols.woff') format('woff'),
url('/bd_xml_series/47/symbols.ttf') format('truetype'),
url('/bd_xml_series/47/symbols.svg#symbols') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='icon-']:before{
display: inline-block;
font-family: 'symbols';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-tsg-norm:before{content:'\0041';}
.icon-arrow-down:before{content:'\0042';}
.icon-arrow-left:before{content:'\0043';}
.icon-arrow-right:before{content:'\0044';}
.icon-arrow-up:before{content:'\0045';}
.icon-btn-circle-close:before{content:'\0046';}
.icon-btn-circle-confirm:before{content:'\0047';}
.icon-btn-circle-minus:before{content:'\0048';}
.icon-btn-circle-plus:before{content:'\0049';}
.icon-btn-confirm:before{content:'\004a';}
.icon-btn-duplicate:before{content:'\004b';}
.icon-btn-equalizer:before{content:'\004c';}
.icon-btn-forward-to-end:before{content:'\004d';}
.icon-btn-forward:before{content:'\004e';}
.icon-btn-fullscreen-off:before{content:'\004f';}
.icon-btn-fullscreen-on:before{content:'\0050';}
.icon-btn-hamburger:before{content:'\0051';}
.icon-btn-home:before{content:'\0052';}
.icon-btn-minus:before{content:'\0053';}
.icon-btn-pause:before{content:'\0054';}
.icon-btn-play:before{content:'\0055';}
.icon-btn-plus:before{content:'\0056';}
.icon-btn-power:before{content:'\0057';}
.icon-btn-rewind-to-start:before{content:'\0058';}
.icon-btn-rewind:before{content:'\0059';}
.icon-btn-share:before{content:'\005a';}
.icon-btn-sound-off:before{content:'\0061';}
.icon-btn-sound-on:before{content:'\0062';}
.icon-btn-stop:before{content:'\0063';}
.icon-btn-sync:before{content:'\0064';}
.icon-btn-volume:before{content:'\0065';}
.icon-camera:before{content:'\0066';}
.icon-cart:before{content:'\0067';}
.icon-chat-bubbles:before{content:'\0068';}
.icon-clock:before{content:'\0069';}
.icon-close:before{content:'\006a';}
.icon-compass:before{content:'\006b';}
.icon-configure:before{content:'\006c';}
.icon-day:before{content:'\006d';}
.icon-document-full:before{content:'\006e';}
.icon-document-plain:before{content:'\006f';}
.icon-download:before{content:'\0070';}
.icon-drop:before{content:'\0071';}
.icon-envelope:before{content:'\0072';}
.icon-flag:before{content:'\0073';}
.icon-hamburger:before{content:'\0074';}
.icon-heart:before{content:'\0075';}
.icon-launch:before{content:'\0076';}
.icon-link:before{content:'\0077';}
.icon-lock-closed:before{content:'\0078';}
.icon-lock-open:before{content:'\0079';}
.icon-magnify-:before{content:'\007a';}
.icon-magnify+:before{content:'\0030';}
.icon-pin:before{content:'\0031';}
.icon-profile-female:before{content:'\0032';}
.icon-profile-male:before{content:'\0033';}
.icon-ribbon:before{content:'\0034';}
.icon-search:before{content:'\0035';}
.icon-star-filled:before{content:'\0036';}
.icon-star:before{content:'\0037';}
.icon-swap:before{content:'\0038';}
.icon-tagg:before{content:'\0039';}
.icon-trash:before{content:'\0021';}
.icon-upload:before{content:'\0022';}
@font-face {
font-family: 'icomoon';
src: url('/bd_xml_series/47/icomoon.eot?pygdbo');
src: url('/bd_xml_series/47/icomoon.eot?pygdbo#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/icomoon.ttf?pygdbo') format('truetype'),
url('/bd_xml_series/47/icomoon.woff?pygdbo') format('woff'),
url('/bd_xml_series/47/icomoon.svg?pygdbo#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="imi-"], [class*=" imi-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.imi-home:before {
content: "\e900";
}
.imi-home2:before {
content: "\e901";
}
.imi-home3:before {
content: "\e902";
}
.imi-office:before {
content: "\e903";
}
.imi-newspaper:before {
content: "\e904";
}
.imi-pencil:before {
content: "\e905";
}
.imi-pencil2:before {
content: "\e906";
}
.imi-quill:before {
content: "\e907";
}
.imi-pen:before {
content: "\e908";
}
.imi-blog:before {
content: "\e909";
}
.imi-eyedropper:before {
content: "\e90a";
}
.imi-droplet:before {
content: "\e90b";
}
.imi-paint-format:before {
content: "\e90c";
}
.imi-image:before {
content: "\e90d";
}
.imi-images:before {
content: "\e90e";
}
.imi-camera:before {
content: "\e90f";
}
.imi-headphones:before {
content: "\e910";
}
.imi-music:before {
content: "\e911";
}
.imi-play:before {
content: "\e912";
}
.imi-film:before {
content: "\e913";
}
.imi-video-camera:before {
content: "\e914";
}
.imi-dice:before {
content: "\e915";
}
.imi-pacman:before {
content: "\e916";
}
.imi-spades:before {
content: "\e917";
}
.imi-clubs:before {
content: "\e918";
}
.imi-diamonds:before {
content: "\e919";
}
.imi-bullhorn:before {
content: "\e91a";
}
.imi-connection:before {
content: "\e91b";
}
.imi-podcast:before {
content: "\e91c";
}
.imi-feed:before {
content: "\e91d";
}
.imi-mic:before {
content: "\e91e";
}
.imi-book:before {
content: "\e91f";
}
.imi-books:before {
content: "\e920";
}
.imi-library:before {
content: "\e921";
}
.imi-file-text:before {
content: "\e922";
}
.imi-profile:before {
content: "\e923";
}
.imi-file-empty:before {
content: "\e924";
}
.imi-files-empty:before {
content: "\e925";
}
.imi-file-text2:before {
content: "\e926";
}
.imi-file-picture:before {
content: "\e927";
}
.imi-file-music:before {
content: "\e928";
}
.imi-file-play:before {
content: "\e929";
}
.imi-file-video:before {
content: "\e92a";
}
.imi-file-zip:before {
content: "\e92b";
}
.imi-copy:before {
content: "\e92c";
}
.imi-paste:before {
content: "\e92d";
}
.imi-stack:before {
content: "\e92e";
}
.imi-folder:before {
content: "\e92f";
}
.imi-folder-open:before {
content: "\e930";
}
.imi-folder-plus:before {
content: "\e931";
}
.imi-folder-minus:before {
content: "\e932";
}
.imi-folder-download:before {
content: "\e933";
}
.imi-folder-upload:before {
content: "\e934";
}
.imi-price-tag:before {
content: "\e935";
}
.imi-price-tags:before {
content: "\e936";
}
.imi-barcode:before {
content: "\e937";
}
.imi-qrcode:before {
content: "\e938";
}
.imi-ticket:before {
content: "\e939";
}
.imi-cart:before {
content: "\e93a";
}
.imi-coin-dollar:before {
content: "\e93b";
}
.imi-coin-euro:before {
content: "\e93c";
}
.imi-coin-pound:before {
content: "\e93d";
}
.imi-coin-yen:before {
content: "\e93e";
}
.imi-credit-card:before {
content: "\e93f";
}
.imi-calculator:before {
content: "\e940";
}
.imi-lifebuoy:before {
content: "\e941";
}
.imi-phone:before {
content: "\e942";
}
.imi-phone-hang-up:before {
content: "\e943";
}
.imi-address-book:before {
content: "\e944";
}
.imi-envelop:before {
content: "\e945";
}
.imi-pushpin:before {
content: "\e946";
}
.imi-location:before {
content: "\e947";
}
.imi-location2:before {
content: "\e948";
}
.imi-compass:before {
content: "\e949";
}
.imi-compass2:before {
content: "\e94a";
}
.imi-map:before {
content: "\e94b";
}
.imi-map2:before {
content: "\e94c";
}
.imi-history:before {
content: "\e94d";
}
.imi-clock:before {
content: "\e94e";
}
.imi-clock2:before {
content: "\e94f";
}
.imi-alarm:before {
content: "\e950";
}
.imi-bell:before {
content: "\e951";
}
.imi-stopwatch:before {
content: "\e952";
}
.imi-calendar:before {
content: "\e953";
}
.imi-printer:before {
content: "\e954";
}
.imi-keyboard:before {
content: "\e955";
}
.imi-display:before {
content: "\e956";
}
.imi-laptop:before {
content: "\e957";
}
.imi-mobile:before {
content: "\e958";
}
.imi-mobile2:before {
content: "\e959";
}
.imi-tablet:before {
content: "\e95a";
}
.imi-tv:before {
content: "\e95b";
}
.imi-drawer:before {
content: "\e95c";
}
.imi-drawer2:before {
content: "\e95d";
}
.imi-box-add:before {
content: "\e95e";
}
.imi-box-remove:before {
content: "\e95f";
}
.imi-download:before {
content: "\e960";
}
.imi-upload:before {
content: "\e961";
}
.imi-floppy-disk:before {
content: "\e962";
}
.imi-drive:before {
content: "\e963";
}
.imi-database:before {
content: "\e964";
}
.imi-undo:before {
content: "\e965";
}
.imi-redo:before {
content: "\e966";
}
.imi-undo2:before {
content: "\e967";
}
.imi-redo2:before {
content: "\e968";
}
.imi-forward:before {
content: "\e969";
}
.imi-reply:before {
content: "\e96a";
}
.imi-bubble:before {
content: "\e96b";
}
.imi-bubbles:before {
content: "\e96c";
}
.imi-bubbles2:before {
content: "\e96d";
}
.imi-bubble2:before {
content: "\e96e";
}
.imi-bubbles3:before {
content: "\e96f";
}
.imi-bubbles4:before {
content: "\e970";
}
.imi-user:before {
content: "\e971";
}
.imi-users:before {
content: "\e972";
}
.imi-user-plus:before {
content: "\e973";
}
.imi-user-minus:before {
content: "\e974";
}
.imi-user-check:before {
content: "\e975";
}
.imi-user-tie:before {
content: "\e976";
}
.imi-quotes-left:before {
content: "\e977";
}
.imi-quotes-right:before {
content: "\e978";
}
.imi-hour-glass:before {
content: "\e979";
}
.imi-spinner:before {
content: "\e97a";
}
.imi-spinner2:before {
content: "\e97b";
}
.imi-spinner3:before {
content: "\e97c";
}
.imi-spinner4:before {
content: "\e97d";
}
.imi-spinner5:before {
content: "\e97e";
}
.imi-spinner6:before {
content: "\e97f";
}
.imi-spinner7:before {
content: "\e980";
}
.imi-spinner8:before {
content: "\e981";
}
.imi-spinner9:before {
content: "\e982";
}
.imi-spinner10:before {
content: "\e983";
}
.imi-spinner11:before {
content: "\e984";
}
.imi-binoculars:before {
content: "\e985";
}
.imi-search:before {
content: "\e986";
}
.imi-zoom-in:before {
content: "\e987";
}
.imi-zoom-out:before {
content: "\e988";
}
.imi-enlarge:before {
content: "\e989";
}
.imi-shrink:before {
content: "\e98a";
}
.imi-enlarge2:before {
content: "\e98b";
}
.imi-shrink2:before {
content: "\e98c";
}
.imi-key:before {
content: "\e98d";
}
.imi-key2:before {
content: "\e98e";
}
.imi-lock:before {
content: "\e98f";
}
.imi-unlocked:before {
content: "\e990";
}
.imi-wrench:before {
content: "\e991";
}
.imi-equalizer:before {
content: "\e992";
}
.imi-equalizer2:before {
content: "\e993";
}
.imi-cog:before {
content: "\e994";
}
.imi-cogs:before {
content: "\e995";
}
.imi-hammer:before {
content: "\e996";
}
.imi-magic-wand:before {
content: "\e997";
}
.imi-aid-kit:before {
content: "\e998";
}
.imi-bug:before {
content: "\e999";
}
.imi-pie-chart:before {
content: "\e99a";
}
.imi-stats-dots:before {
content: "\e99b";
}
.imi-stats-bars:before {
content: "\e99c";
}
.imi-stats-bars2:before {
content: "\e99d";
}
.imi-trophy:before {
content: "\e99e";
}
.imi-gift:before {
content: "\e99f";
}
.imi-glass:before {
content: "\e9a0";
}
.imi-glass2:before {
content: "\e9a1";
}
.imi-mug:before {
content: "\e9a2";
}
.imi-spoon-knife:before {
content: "\e9a3";
}
.imi-leaf:before {
content: "\e9a4";
}
.imi-rocket:before {
content: "\e9a5";
}
.imi-meter:before {
content: "\e9a6";
}
.imi-meter2:before {
content: "\e9a7";
}
.imi-hammer2:before {
content: "\e9a8";
}
.imi-fire:before {
content: "\e9a9";
}
.imi-lab:before {
content: "\e9aa";
}
.imi-magnet:before {
content: "\e9ab";
}
.imi-bin:before {
content: "\e9ac";
}
.imi-bin2:before {
content: "\e9ad";
}
.imi-briefcase:before {
content: "\e9ae";
}
.imi-airplane:before {
content: "\e9af";
}
.imi-truck:before {
content: "\e9b0";
}
.imi-road:before {
content: "\e9b1";
}
.imi-accessibility:before {
content: "\e9b2";
}
.imi-target:before {
content: "\e9b3";
}
.imi-shield:before {
content: "\e9b4";
}
.imi-power:before {
content: "\e9b5";
}
.imi-switch:before {
content: "\e9b6";
}
.imi-power-cord:before {
content: "\e9b7";
}
.imi-clipboard:before {
content: "\e9b8";
}
.imi-list-numbered:before {
content: "\e9b9";
}
.imi-list:before {
content: "\e9ba";
}
.imi-list2:before {
content: "\e9bb";
}
.imi-tree:before {
content: "\e9bc";
}
.imi-menu:before {
content: "\e9bd";
}
.imi-menu2:before {
content: "\e9be";
}
.imi-menu3:before {
content: "\e9bf";
}
.imi-menu4:before {
content: "\e9c0";
}
.imi-cloud:before {
content: "\e9c1";
}
.imi-cloud-download:before {
content: "\e9c2";
}
.imi-cloud-upload:before {
content: "\e9c3";
}
.imi-cloud-check:before {
content: "\e9c4";
}
.imi-download2:before {
content: "\e9c5";
}
.imi-upload2:before {
content: "\e9c6";
}
.imi-download3:before {
content: "\e9c7";
}
.imi-upload3:before {
content: "\e9c8";
}
.imi-sphere:before {
content: "\e9c9";
}
.imi-earth:before {
content: "\e9ca";
}
.imi-link:before {
content: "\e9cb";
}
.imi-flag:before {
content: "\e9cc";
}
.imi-attachment:before {
content: "\e9cd";
}
.imi-eye:before {
content: "\e9ce";
}
.imi-eye-plus:before {
content: "\e9cf";
}
.imi-eye-minus:before {
content: "\e9d0";
}
.imi-eye-blocked:before {
content: "\e9d1";
}
.imi-bookmark:before {
content: "\e9d2";
}
.imi-bookmarks:before {
content: "\e9d3";
}
.imi-sun:before {
content: "\e9d4";
}
.imi-contrast:before {
content: "\e9d5";
}
.imi-brightness-contrast:before {
content: "\e9d6";
}
.imi-star-empty:before {
content: "\e9d7";
}
.imi-star-half:before {
content: "\e9d8";
}
.imi-star-full:before {
content: "\e9d9";
}
.imi-heart:before {
content: "\e9da";
}
.imi-heart-broken:before {
content: "\e9db";
}
.imi-man:before {
content: "\e9dc";
}
.imi-woman:before {
content: "\e9dd";
}
.imi-man-woman:before {
content: "\e9de";
}
.imi-happy:before {
content: "\e9df";
}
.imi-happy2:before {
content: "\e9e0";
}
.imi-smile:before {
content: "\e9e1";
}
.imi-smile2:before {
content: "\e9e2";
}
.imi-tongue:before {
content: "\e9e3";
}
.imi-tongue2:before {
content: "\e9e4";
}
.imi-sad:before {
content: "\e9e5";
}
.imi-sad2:before {
content: "\e9e6";
}
.imi-wink:before {
content: "\e9e7";
}
.imi-wink2:before {
content: "\e9e8";
}
.imi-grin:before {
content: "\e9e9";
}
.imi-grin2:before {
content: "\e9ea";
}
.imi-cool:before {
content: "\e9eb";
}
.imi-cool2:before {
content: "\e9ec";
}
.imi-angry:before {
content: "\e9ed";
}
.imi-angry2:before {
content: "\e9ee";
}
.imi-evil:before {
content: "\e9ef";
}
.imi-evil2:before {
content: "\e9f0";
}
.imi-shocked:before {
content: "\e9f1";
}
.imi-shocked2:before {
content: "\e9f2";
}
.imi-baffled:before {
content: "\e9f3";
}
.imi-baffled2:before {
content: "\e9f4";
}
.imi-confused:before {
content: "\e9f5";
}
.imi-confused2:before {
content: "\e9f6";
}
.imi-neutral:before {
content: "\e9f7";
}
.imi-neutral2:before {
content: "\e9f8";
}
.imi-hipster:before {
content: "\e9f9";
}
.imi-hipster2:before {
content: "\e9fa";
}
.imi-wondering:before {
content: "\e9fb";
}
.imi-wondering2:before {
content: "\e9fc";
}
.imi-sleepy:before {
content: "\e9fd";
}
.imi-sleepy2:before {
content: "\e9fe";
}
.imi-frustrated:before {
content: "\e9ff";
}
.imi-frustrated2:before {
content: "\ea00";
}
.imi-crying:before {
content: "\ea01";
}
.imi-crying2:before {
content: "\ea02";
}
.imi-point-up:before {
content: "\ea03";
}
.imi-point-right:before {
content: "\ea04";
}
.imi-point-down:before {
content: "\ea05";
}
.imi-point-left:before {
content: "\ea06";
}
.imi-warning:before {
content: "\ea07";
}
.imi-notification:before {
content: "\ea08";
}
.imi-question:before {
content: "\ea09";
}
.imi-plus:before {
content: "\ea0a";
}
.imi-minus:before {
content: "\ea0b";
}
.imi-info:before {
content: "\ea0c";
}
.imi-cancel-circle:before {
content: "\ea0d";
}
.imi-blocked:before {
content: "\ea0e";
}
.imi-cross:before {
content: "\ea0f";
}
.imi-checkmark:before {
content: "\ea10";
}
.imi-checkmark2:before {
content: "\ea11";
}
.imi-spell-check:before {
content: "\ea12";
}
.imi-enter:before {
content: "\ea13";
}
.imi-exit:before {
content: "\ea14";
}
.imi-play2:before {
content: "\ea15";
}
.imi-pause:before {
content: "\ea16";
}
.imi-stop:before {
content: "\ea17";
}
.imi-previous:before {
content: "\ea18";
}
.imi-next:before {
content: "\ea19";
}
.imi-backward:before {
content: "\ea1a";
}
.imi-forward2:before {
content: "\ea1b";
}
.imi-play3:before {
content: "\ea1c";
}
.imi-pause2:before {
content: "\ea1d";
}
.imi-stop2:before {
content: "\ea1e";
}
.imi-backward2:before {
content: "\ea1f";
}
.imi-forward3:before {
content: "\ea20";
}
.imi-first:before {
content: "\ea21";
}
.imi-last:before {
content: "\ea22";
}
.imi-previous2:before {
content: "\ea23";
}
.imi-next2:before {
content: "\ea24";
}
.imi-eject:before {
content: "\ea25";
}
.imi-volume-high:before {
content: "\ea26";
}
.imi-volume-medium:before {
content: "\ea27";
}
.imi-volume-low:before {
content: "\ea28";
}
.imi-volume-mute:before {
content: "\ea29";
}
.imi-volume-mute2:before {
content: "\ea2a";
}
.imi-volume-increase:before {
content: "\ea2b";
}
.imi-volume-decrease:before {
content: "\ea2c";
}
.imi-loop:before {
content: "\ea2d";
}
.imi-loop2:before {
content: "\ea2e";
}
.imi-infinite:before {
content: "\ea2f";
}
.imi-shuffle:before {
content: "\ea30";
}
.imi-arrow-up-left:before {
content: "\ea31";
}
.imi-arrow-up:before {
content: "\ea32";
}
.imi-arrow-up-right:before {
content: "\ea33";
}
.imi-arrow-right:before {
content: "\ea34";
}
.imi-arrow-down-right:before {
content: "\ea35";
}
.imi-arrow-down:before {
content: "\ea36";
}
.imi-arrow-down-left:before {
content: "\ea37";
}
.imi-arrow-left:before {
content: "\ea38";
}
.imi-arrow-up-left2:before {
content: "\ea39";
}
.imi-arrow-up2:before {
content: "\ea3a";
}
.imi-arrow-up-right2:before {
content: "\ea3b";
}
.imi-arrow-right2:before {
content: "\ea3c";
}
.imi-arrow-down-right2:before {
content: "\ea3d";
}
.imi-arrow-down2:before {
content: "\ea3e";
}
.imi-arrow-down-left2:before {
content: "\ea3f";
}
.imi-arrow-left2:before {
content: "\ea40";
}
.imi-circle-up:before {
content: "\ea41";
}
.imi-circle-right:before {
content: "\ea42";
}
.imi-circle-down:before {
content: "\ea43";
}
.imi-circle-left:before {
content: "\ea44";
}
.imi-tab:before {
content: "\ea45";
}
.imi-move-up:before {
content: "\ea46";
}
.imi-move-down:before {
content: "\ea47";
}
.imi-sort-alpha-asc:before {
content: "\ea48";
}
.imi-sort-alpha-desc:before {
content: "\ea49";
}
.imi-sort-numeric-asc:before {
content: "\ea4a";
}
.imi-sort-numberic-desc:before {
content: "\ea4b";
}
.imi-sort-amount-asc:before {
content: "\ea4c";
}
.imi-sort-amount-desc:before {
content: "\ea4d";
}
.imi-command:before {
content: "\ea4e";
}
.imi-shift:before {
content: "\ea4f";
}
.imi-ctrl:before {
content: "\ea50";
}
.imi-opt:before {
content: "\ea51";
}
.imi-checkbox-checked:before {
content: "\ea52";
}
.imi-checkbox-unchecked:before {
content: "\ea53";
}
.imi-radio-checked:before {
content: "\ea54";
}
.imi-radio-checked2:before {
content: "\ea55";
}
.imi-radio-unchecked:before {
content: "\ea56";
}
.imi-crop:before {
content: "\ea57";
}
.imi-make-group:before {
content: "\ea58";
}
.imi-ungroup:before {
content: "\ea59";
}
.imi-scissors:before {
content: "\ea5a";
}
.imi-filter:before {
content: "\ea5b";
}
.imi-font:before {
content: "\ea5c";
}
.imi-ligature:before {
content: "\ea5d";
}
.imi-ligature2:before {
content: "\ea5e";
}
.imi-text-height:before {
content: "\ea5f";
}
.imi-text-width:before {
content: "\ea60";
}
.imi-font-size:before {
content: "\ea61";
}
.imi-bold:before {
content: "\ea62";
}
.imi-underline:before {
content: "\ea63";
}
.imi-italic:before {
content: "\ea64";
}
.imi-strikethrough:before {
content: "\ea65";
}
.imi-omega:before {
content: "\ea66";
}
.imi-sigma:before {
content: "\ea67";
}
.imi-page-break:before {
content: "\ea68";
}
.imi-superscript:before {
content: "\ea69";
}
.imi-subscript:before {
content: "\ea6a";
}
.imi-superscript2:before {
content: "\ea6b";
}
.imi-subscript2:before {
content: "\ea6c";
}
.imi-text-color:before {
content: "\ea6d";
}
.imi-pagebreak:before {
content: "\ea6e";
}
.imi-clear-formatting:before {
content: "\ea6f";
}
.imi-table:before {
content: "\ea70";
}
.imi-table2:before {
content: "\ea71";
}
.imi-insert-template:before {
content: "\ea72";
}
.imi-pilcrow:before {
content: "\ea73";
}
.imi-ltr:before {
content: "\ea74";
}
.imi-rtl:before {
content: "\ea75";
}
.imi-section:before {
content: "\ea76";
}
.imi-paragraph-left:before {
content: "\ea77";
}
.imi-paragraph-center:before {
content: "\ea78";
}
.imi-paragraph-right:before {
content: "\ea79";
}
.imi-paragraph-justify:before {
content: "\ea7a";
}
.imi-indent-increase:before {
content: "\ea7b";
}
.imi-indent-decrease:before {
content: "\ea7c";
}
.imi-share:before {
content: "\ea7d";
}
.imi-new-tab:before {
content: "\ea7e";
}
.imi-embed:before {
content: "\ea7f";
}
.imi-embed2:before {
content: "\ea80";
}
.imi-terminal:before {
content: "\ea81";
}
.imi-share2:before {
content: "\ea82";
}
.imi-mail:before {
content: "\ea83";
}
.imi-mail2:before {
content: "\ea84";
}
.imi-mail3:before {
content: "\ea85";
}
.imi-mail4:before {
content: "\ea86";
}
.imi-amazon:before {
content: "\ea87";
}
.imi-google:before {
content: "\ea88";
}
.imi-google2:before {
content: "\ea89";
}
.imi-google3:before {
content: "\ea8a";
}
.imi-google-plus:before {
content: "\ea8b";
}
.imi-google-plus2:before {
content: "\ea8c";
}
.imi-google-plus3:before {
content: "\ea8d";
}
.imi-hangouts:before {
content: "\ea8e";
}
.imi-google-drive:before {
content: "\ea8f";
}
.imi-facebook:before {
content: "\ea90";
}
.imi-facebook2:before {
content: "\ea91";
}
.imi-instagram:before {
content: "\ea92";
}
.imi-whatsapp:before {
content: "\ea93";
}
.imi-spotify:before {
content: "\ea94";
}
.imi-telegram:before {
content: "\ea95";
}
.imi-twitter:before {
content: "\ea96";
}
.imi-vine:before {
content: "\ea97";
}
.imi-vk:before {
content: "\ea98";
}
.imi-renren:before {
content: "\ea99";
}
.imi-sina-weibo:before {
content: "\ea9a";
}
.imi-rss:before {
content: "\ea9b";
}
.imi-rss2:before {
content: "\ea9c";
}
.imi-youtube:before {
content: "\ea9d";
}
.imi-youtube2:before {
content: "\ea9e";
}
.imi-twitch:before {
content: "\ea9f";
}
.imi-vimeo:before {
content: "\eaa0";
}
.imi-vimeo2:before {
content: "\eaa1";
}
.imi-lanyrd:before {
content: "\eaa2";
}
.imi-flickr:before {
content: "\eaa3";
}
.imi-flickr2:before {
content: "\eaa4";
}
.imi-flickr3:before {
content: "\eaa5";
}
.imi-flickr4:before {
content: "\eaa6";
}
.imi-dribbble:before {
content: "\eaa7";
}
.imi-behance:before {
content: "\eaa8";
}
.imi-behance2:before {
content: "\eaa9";
}
.imi-deviantart:before {
content: "\eaaa";
}
.imi-500px:before {
content: "\eaab";
}
.imi-steam:before {
content: "\eaac";
}
.imi-steam2:before {
content: "\eaad";
}
.imi-dropbox:before {
content: "\eaae";
}
.imi-onedrive:before {
content: "\eaaf";
}
.imi-github:before {
content: "\eab0";
}
.imi-npm:before {
content: "\eab1";
}
.imi-basecamp:before {
content: "\eab2";
}
.imi-trello:before {
content: "\eab3";
}
.imi-wordpress:before {
content: "\eab4";
}
.imi-joomla:before {
content: "\eab5";
}
.imi-ello:before {
content: "\eab6";
}
.imi-blogger:before {
content: "\eab7";
}
.imi-blogger2:before {
content: "\eab8";
}
.imi-tumblr:before {
content: "\eab9";
}
.imi-tumblr2:before {
content: "\eaba";
}
.imi-yahoo:before {
content: "\eabb";
}
.imi-yahoo2:before {
content: "\eabc";
}
.imi-tux:before {
content: "\eabd";
}
.imi-appleinc:before {
content: "\eabe";
}
.imi-finder:before {
content: "\eabf";
}
.imi-android:before {
content: "\eac0";
}
.imi-windows:before {
content: "\eac1";
}
.imi-windows8:before {
content: "\eac2";
}
.imi-soundcloud:before {
content: "\eac3";
}
.imi-soundcloud2:before {
content: "\eac4";
}
.imi-skype:before {
content: "\eac5";
}
.imi-reddit:before {
content: "\eac6";
}
.imi-hackernews:before {
content: "\eac7";
}
.imi-wikipedia:before {
content: "\eac8";
}
.imi-linkedin:before {
content: "\eac9";
}
.imi-linkedin2:before {
content: "\eaca";
}
.imi-lastfm:before {
content: "\eacb";
}
.imi-lastfm2:before {
content: "\eacc";
}
.imi-delicious:before {
content: "\eacd";
}
.imi-stumbleupon:before {
content: "\eace";
}
.imi-stumbleupon2:before {
content: "\eacf";
}
.imi-stackoverflow:before {
content: "\ead0";
}
.imi-pinterest:before {
content: "\ead1";
}
.imi-pinterest2:before {
content: "\ead2";
}
.imi-xing:before {
content: "\ead3";
}
.imi-xing2:before {
content: "\ead4";
}
.imi-flattr:before {
content: "\ead5";
}
.imi-foursquare:before {
content: "\ead6";
}
.imi-yelp:before {
content: "\ead7";
}
.imi-paypal:before {
content: "\ead8";
}
.imi-chrome:before {
content: "\ead9";
}
.imi-firefox:before {
content: "\eada";
}
.imi-IE:before {
content: "\eadb";
}
.imi-edge:before {
content: "\eadc";
}
.imi-safari:before {
content: "\eadd";
}
.imi-opera:before {
content: "\eade";
}
.imi-file-pdf:before {
content: "\eadf";
}
.imi-file-openoffice:before {
content: "\eae0";
}
.imi-file-word:before {
content: "\eae1";
}
.imi-file-excel:before {
content: "\eae2";
}
.imi-libreoffice:before {
content: "\eae3";
}
.imi-html-five:before {
content: "\eae4";
}
.imi-html-five2:before {
content: "\eae5";
}
.imi-css3:before {
content: "\eae6";
}
.imi-git:before {
content: "\eae7";
}
.imi-codepen:before {
content: "\eae8";
}
.imi-svg:before {
content: "\eae9";
}
.imi-IcoMoon:before {
content: "\eaea";
}
/* Generated by Glyphter (http://www.glyphter.com) on Thu Aug 24 2017*/
@font-face {
font-family: 'social';
src: url('/bd_xml_series/47/social.eot');
src: url('/bd_xml_series/47/social.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/social.woff') format('woff'),
url('/bd_xml_series/47/social.ttf') format('truetype'),
url('/bd_xml_series/47/social.svg#social') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='social-']:before{
display: inline-block;
font-family: 'social';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
color:#f0efe8;
border:1px solid #f0efe8;
padding:5px;
font-size:25px;
}
.social-btn-facebook:before{content:'\0041';}
.social-btn-googleplus:before{content:'\0042';}
.social-btn-instagram:before{content:'\0043';}
.social-btn-issuu:before{content:'\0044';}
.social-btn-linkedin:before{content:'\0045';}
.social-btn-pinterest:before{content:'\0046';}
.social-btn-twitter:before{content:'\0047';}
.social-btn-vimeo:before{content:'\0048';}
.social-btn-youtube:before{content:'\0049';}
/* Generated by Glyphter (http://www.glyphter.com) on Thu Aug 24 2017*/
@font-face {
font-family: 'tsg logos_v2';
src: url('/bd_xml_series/47/tsg-logos.eot');
src: url('/bd_xml_series/47/tsg-logos.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/tsg-logos.woff') format('woff'),
url('/bd_xml_series/47/tsg-logos.ttf') format('truetype'),
url('/bd_xml_series/47/tsg-logos.svg#tsg-logos') format('svg');
font-weight: normal;
font-style: normal;
}
/* NC Imported*/
@charset "UTF-8";
@font-face { font-family: 'futura-light';
src: url('/bd_xml_series/47/futurastd-light.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-book';
src: url('/bd_xml_series/47/futurastd-book.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-heavy';
src: url('/bd_xml_series/47/futurastd-heavy.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-extrabold';
src: url('/bd_xml_series/47/futurastd-extrabold.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-lt';
src: url('/bd_xml_series/47/trade-gothic-lt.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-lt';
src: url('/bd_xml_series/47/trade-gothic-no-2-bold.otf') format('opentype');
font-weight: bold;
}
@font-face { font-family: 'trade-gothic-no-18-condensed';
src: url('/bd_xml_series/47/trade-gothic-no-18-condensed.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-no-2-bold';
src: url('/bd_xml_series/47/trade-gothic-no-2-bold.otf') format('opentype');
font-style: normal; }
[class*='logo-']:before{
display: inline-block;
font-family: 'tsg logos';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
/*
.logo_tsg:before {
content: "\e900";
color: #fff;
}
.logo-advance-carbon:before {
content: "\e901";
}
.logo-advance:before {
content: "\e902";
}
.logo-amp:before {
content: "\e903";
}
.logo-arctic-dawn:before {
content: "\e904";
}
.logo-arctic-kraken:before {
content: "\e905";
}
.logo-arctic-nipper-maxi:before {
content: "\e906";
}
.logo-arctic-nipper-mini:before {
content: "\e907";
}
.logo-cadete:before {
content: "\e908";
}
.logo-dawn-flex:before {
content: "\e909";
}
.logo-dawn-wake:before {
content: "\e90a";
}
.logo-dawn:before {
content: "\e90b";
}
.logo-evolution-wmn:before {
content: "\e90c";
}
.logo-evolution-youth:before {
content: "\e90d";
}
.logo-evolution:before {
content: "\e90e";
}
.logo-expect-mini:before {
content: "\e90f";
}
.logo-expect:before {
content: "\e910";
}
.logo-fly:before {
content: "\e911";
}
.logo-goggle-amp:before {
content: "\e912";
}
.logo-goggle-one:before {
content: "\e913";
}
.logo-goggle-two:before {
content: "\e914";
}
.logo-gravity-youth:before {
content: "\e915";
}
.logo-gravity:before {
content: "\e916";
}
.logo-ivy:before {
content: "\e917";
}
.logo-konik:before {
content: "\e918";
}
.logo-kraken:before {
content: "\e919";
}
.logo-lotus .path1:before {
content: "\e91a";
color: rgb(255, 255, 255);
}
.logo-lotus .path2:before {
content: "\e91b";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-lotus .path3:before {
content: "\e91c";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-lotus .path4:before {
content: "\e91d";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-lotus .path5:before {
content: "\e91e";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-lotus .path6:before {
content: "\e91f";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-lotus .path7:before {
content: "\e920";
margin-left: -1em;
color: rgb(29, 29, 27);
}
.logo-meta:before {
content: "\e921";
}
.logo-nipper-maxi:before {
content: "\e922";
}
.logo-nipper-mini:before {
content: "\e923";
}
.logo-pass-pro-carbon:before {
content: "\e924";
}
.logo-pass-pro:before {
content: "\e925";
}
.logo-pass:before {
content: "\e926";
}
.logo-presto:before {
content: "\e927";
}
.logo-recon:before {
content: "\e928";
}
.logo-seek:before {
content: "\e929";
}
.logo-skate-bmx:before {
content: "\e92a";
}
.logo-squad-junior:before {
content: "\e92b";
}
.logo-squad:before {
content: "\e92c";
}
.logo-staten-junior:before {
content: "\e92d";
}
.logo-status:before {
content: "\e92e";
}
.logo-substance-3:before {
content: "\e92f";
}
.logo-superlight:before {
content: "\e930";
}
.logo-trailfox-mips:before {
content: "\e931";
}
.logo-trailfox:before {
content: "\e932";
}
.logo-trophy:before {
content: "\e933";
}
.logo-tsg-claim:before {
content: "\e934";
}
.logo-tsg:before {
content: "\e935";
}
.logo-tweak:before {
content: "\e936";
}
.logo-vertice:before {
content: "\e937";
}
*/
/* Generated by Glyphter (http://www.glyphter.com) on Thu Aug 24 2017
@font-face {
font-family: 'tsg logos';
src: url('/bd_xml_series/47/tsg-logos.eot');
src: url('/bd_xml_series/47/tsg-logos.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/tsg-logos.woff') format('woff'),
url('/bd_xml_series/47/tsg-logos.ttf') format('truetype'),
url('/bd_xml_series/47/tsg-logos.svg#tsg-logos') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/* Generated by Glyphter (http://www.glyphter.com) on Thu Aug 24 2017*/
@font-face {
font-family: 'tsg logos';
src: url('/bd_xml_series/47/tsg-logos_new.eot');
src: url('/bd_xml_series/47/tsg-logos_new.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/tsg-logos_new.woff') format('woff'),
url('/bd_xml_series/47/tsg-logos_new.ttf') format('truetype'),
url('/bd_xml_series/47/tsg-logos_new.svg#tsg-logos') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='logo-']:before{
display: inline-block;
font-family: 'tsg logos';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.logo-advance:before { content: "\e936"; }
.logo-arctic-dawn:before { content: "\e91a"; }
.logo-arctic-kraken:before { content: "\e91b"; }
.logo-arctic-nipper-maxi-2-0:before { content: "\e919"; }
.logo-arctic-nipper-mini:before { content: "\e918"; }
.logo-cadete:before { content: "\e91f"; }
.logo-chatter:before { content: "\e917"; }
.logo-cosma-2-0:before { content: "\e916"; }
.logo-cosma:before { content: "\e91d"; }
.logo-dawn-flex:before { content: "\e91e"; }
.logo-dawn-wake:before { content: "\e935"; }
.logo-dawn:before { content: "\e934"; }
.logo-evolution-asian-fit:before { content: "\e908"; }
.logo-evolution-wmn:before { content: "\e933"; }
.logo-evolution-youth:before { content: "\e932"; }
.logo-evolution:before { content: "\e921"; }
.logo-expect-2-0:before { content: "\e907"; }
.logo-expect-mini-2-0:before { content: "\e901"; }
.logo-five:before { content: "\e91c"; }
.logo-flowline:before { content: "\e915"; }
.logo-fly-asian-fit:before { content: "\e900"; }
.logo-fly:before { content: "\e914"; }
.logo-four-s:before { content: "\e902"; }
.logo-four:before { content: "\e903"; }
.logo-goggle-one:before { content: "\e922"; }
.logo-goggle-two:before { content: "\e923"; }
.logo-gravity-youth:before { content: "\e913"; }
.logo-gravity:before { content: "\e912"; }
.logo-ivy:before { content: "\e931"; }
.logo-konik-2-0:before { content: "\e911"; }
.logo-kraken:before { content: "\e930"; }
.logo-lotus:before { content: "\e90b"; }
.logo-meta:before { content: "\e92f"; }
.logo-nipper-maxi:before { content: "\e92e"; }
.logo-nipper-mini:before { content: "\e92d"; }
.logo-pass-pro:before { content: "\e92c"; }
.logo-pass:before { content: "\e92b"; }
.logo-pepper:before { content: "\e90c"; }
.logo-presto-2-0:before { content: "\e904"; }
.logo-scope-mips:before { content: "\e909"; }
.logo-scope:before { content: "\e90a"; }
.logo-seek-FR:before { content: "\e905"; }
.logo-seek-youth-FR:before { content: "\e906"; }
.logo-seek:before { content: "\e92a"; }
.logo-skate-bmx:before { content: "\e929"; }
.logo-squad-junior:before { content: "\e920"; }
.logo-squad:before { content: "\e928"; }
.logo-status:before { content: "\e927"; }
.logo-superlight:before { content: "\e926"; }
.logo-trophy:before { content: "\e90d"; }
.logo-tsg-claim:before { content: "\e925"; }
.logo-tsg:before { content: "\e924"; }
.logo-tweak:before { content: "\e90e"; }
.logo-vertice-wmn:before { content: "\e90f"; }
.logo-vertice:before { content: "\e910"; }
/* NC Imported*/
@charset "UTF-8";
@font-face { font-family: 'futura-light';
src: url('/bd_xml_series/47/futurastd-light.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-book';
src: url('/bd_xml_series/47/futurastd-book.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-heavy';
src: url('/bd_xml_series/47/futurastd-heavy.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'futura-extrabold';
src: url('/bd_xml_series/47/futurastd-extrabold.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-lt';
src: url('/bd_xml_series/47/trade-gothic-lt.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-no-18-condensed';
src: url('/bd_xml_series/47/trade-gothic-no-18-condensed.otf') format('opentype');
font-style: normal; }
@font-face { font-family: 'trade-gothic-no-2-bold';
src: url('/bd_xml_series/47/trade-gothic-no-2-bold.otf') format('opentype');
font-style: normal; }
/* Generated by Glyphter (http://www.glyphter.com) on Thu Mar 08 2018*/
@font-face {
font-family: 'features_block_1';
src: url('/bd_xml_series/47/features_block_1.eot');
src: url('/bd_xml_series/47/features_block_1.eot?#iefix') format('embedded-opentype'),
url('/bd_xml_series/47/features_block_1.woff') format('woff'),
url('/bd_xml_series/47/features_block_1.ttf') format('truetype'),
url('/bd_xml_series/47/features_block_1.svg#features_block_1') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='feature-']:before{
display: inline-block;
font-family: 'features_block_1';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.feature-batch_art_dark:before{content:'\0041';}
.feature-batch_new_dark:before{content:'\0042';}
.feature-batch_pricepoint_dark:before{content:'\0043';}
.feature-batch_prorider_dark:before{content:'\0044';}
.feature-batch_updtd_product_dark:before{content:'\0045';}
.feature-icon_a_4way-stretch_dark:before{content:'\0046';}
.feature-icon_a_anti-slip-gripper-waist_dark:before{content:'\0047';}
.feature-icon_a_coolmax_dark:before{content:'\0048';}
.feature-icon_a_oxford-600d_dark:before{content:'\0049';}
.feature-icon_a_quick-dry-material_dark:before{content:'\004a';}
.feature-icon_a_reflective_dark:before{content:'\004b';}
.feature-icon_a_sanitized_dark:before{content:'\004c';}
.feature-icon_a_ventilation_dark:before{content:'\004d';}
.feature-icon_g_3-layer-face-foam_dark:before{content:'\004e';}
.feature-icon_g_anti-fog-dark:before{content:'\004f';}
.feature-icon_g_anti-scratch_dark:before{content:'\0050';}
.feature-icon_g_articulating-outriggers_dark:before{content:'\0051';}
.feature-icon_g_cylindrical-dual-lens_dark:before{content:'\0052';}
.feature-icon_g_fastlock-lens-system_dark:before{content:'\0053';}
.feature-icon_g_flexible-frame_dark:before{content:'\0054';}
.feature-icon_g_frame-vent_dark:before{content:'\0055';}
.feature-icon_g_free-lens_dark:before{content:'\0056';}
.feature-icon_g_goggle-bag_dark:before{content:'\0057';}
.feature-icon_g_helmet-compatible_dark:before{content:'\0058';}
.feature-icon_g_magnetic-lens_dark:before{content:'\0059';}
.feature-icon_g_silicone-lined-strap_dark:before{content:'\005a';}
.feature-icon_g_spherical-dual-lens_dark:before{content:'\0061';}
.feature-icon_g_uv-protection_dark:before{content:'\0062';}
.feature-icon_h_active-shell-venting_dark:before{content:'\0063';}
.feature-icon_h_adjustable-visor_dark:before{content:'\0064';}
.feature-icon_h_airflow-channels_dark:before{content:'\0065';}
.feature-icon_h_closable-venting_dark:before{content:'\0066';}
.feature-icon_h_coated-front-rim_dark:before{content:'\0067';}
.feature-icon_h_dial-fit-system_dark:before{content:'\0068';}
.feature-icon_h_flextech-instant-fit_dark:before{content:'\0069';}
.feature-icon_h_full-wrap-inmold-shell_dark:before{content:'\006a';}
.feature-icon_h_goggle-lock_dark:before{content:'\006b';}
.feature-icon_h_gogglevents_dark:before{content:'\006c';}
.feature-icon_h_hardshell:before{content:'\006d';}
.feature-icon_h_hardshell_dark:before{content:'\006d';}
.feature-icon_h_hardshell-abs_dark:before{content:'\006e';}
.feature-icon_h_hardshell-cfrp_dark:before{content:'\006f';}
.feature-icon_h_hardshell-ear-coverage_dark:before{content:'\0070';}
.feature-icon_h_hardshell-frp_dark:before{content:'\0071';}
.feature-icon_h_hardshell-pp_dark:before{content:'\0072';}
.feature-icon_h_inmold-shell_dark:before{content:'\0073';}
.feature-icon_h_inmold-shell-pc_dark:before{content:'\0074';}
.feature-icon_h_interior-padding-basic_dark:before{content:'\0075';}
.feature-icon_h_interior-padding-comfort_dark:before{content:'\0076';}
.feature-icon_h_interior-padding-full-liner_dark:before{content:'\0077';}
.feature-icon_h_low-fit_dark:before{content:'\0078';}
.feature-icon_h_mips_dark:before{content:'\0079';}
.feature-icon_h_pipe-venting_dark:before{content:'\007a';}
.feature-icon_h_reflective_dark:before{content:'\0030';}
.feature-icon_h_removable-earpads_dark:before{content:'\0031';}
.feature-icon_h_removable-visor_dark:before{content:'\0032';}
.feature-icon_h_screened-vents_dark:before{content:'\0033';}
.feature-icon_h_snap-buckle_dark:before{content:'\0034';}
.feature-icon_h_snug-fit_dark:before{content:'\0035';}
.feature-icon_h_tuned-fit-system_dark:before{content:'\0036';}
.feature-icon_h_vent-plugs_dark:before{content:'\0037';}
.feature-icon_h_vents_dark:before{content:'\0038';}
.feature-icon_h_wide-eyeport_dark:before{content:'\0039';}
.feature-icon_p_360-strap_dark:before{content:'\0021';}
.feature-icon_p_amplified-softshell_dark:before{content:'\0022';}
.feature-icon_p_anti-slip-cuff_dark:before{content:'\0023';}
.feature-icon_p_anti-slip-nbr_dark:before{content:'\0024';}
.feature-icon_p_ariaprene-material_dark:before{content:'\0025';}
.feature-icon_p_arti-lage-impact-foam_dark:before{content:'\0026';}
.feature-icon_p_d3o_dark:before{content:'\0027';}
.feature-icon_p_eva-impact-foam_dark:before{content:'\0028';}
.feature-icon_p_flexzone_dark:before{content:'\0029';}
.feature-icon_p_hardshell_dark:before{content:'\002a';}
.feature-icon_p_horseshoe-shape_dark:before{content:'\002b';}
.feature-icon_p_kevlar-stretch_dark:before{content:'\002c';}
.feature-icon_p_lateral-padding_dark:before{content:'\002d';}
.feature-icon_p_lycra-material_dark:before{content:'\002e';}
.feature-icon_p_memory-foam_dark:before{content:'\002f';}
.feature-icon_p_open-back-design_dark:before{content:'\005b';}
.feature-icon_p_pre-shaped-design_dark:before{content:'\005c';}
.feature-icon_p_pull-over-design_dark:before{content:'\005d';}
.feature-icon_p_pure-softshell_dark:before{content:'\005e';}
.feature-icon_p_vented-mesh_dark:before{content:'\005f';}
.feature-icon_tsg_norm:before{content:'\0060';}
.feature-logo-as:before{content:'\007b';}
.feature-logo-cpsc-01:before{content:'\007c';}
.feature-logo-gs-01:before{content:'\007d';}
.feature-logo-ce_dark:before{content:'\007e';}
.feature-logo-ce:before{content:'\003f';}
#wrapper>header #site-title
{ display:none;
}
#wrapper>header #site-description
{ display:none;
}
#wrapper>header #search
{ display:none;
}
/* Disablers: */
/* Additions */
#sidebar
{ display:none;
}
ul#menu-main-menu-1>li>ul
{ display:none;
}
body
{ font-family:trade-gothic-lt;
background:#000;
color:#efeee8;
width:100%;
display:block;
box-sizing: border-box;
margin:0px;
padding:0px;
width:100%;
height:100%;
overflow:auto;
overflow-x:hidden;
position:relative;
}
body .mobile
{ display:none;
}
.robin_hood .button
{ float:right;
margin-top:42px;
}
.robin_hood .button a
{ color:#fff;
border-color:#fff;
padding:10px;
min-width:150px;
font-size:20px;
background:transparent;
}
.robin_hood .button:hover a
{ color:#222222;
background:#ffffff;
}
@media (max-width: 992px) {
.robin_hood .button
{ float:left;
}
}
/* Let's get this party started */
* {
scrollbar-face-color: #000;
scrollbar-shadow-color: #333;
scrollbar-highlight-color: #333;
scrollbar-3dlight-color: #333;
scrollbar-darkshadow-color: #333;
scrollbar-track-color: #333;
scrollbar-arrow-color: #333;
}
/* Let's get this party started */
*::-webkit-scrollbar {
width: 12px;
background:#000;
}
/* Track */
*::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background:#000;
}
/* Handle */
*::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #999999;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.product_info_content a
{ color:#669c8f;
}
@media (max-width:1024px)
{ body .mobile
{ display:block;
}
body tr.mobile
{ display:table-row;
}
body td.mobile
{ display:table-cell;
}
body .desktop
{ display:none;
}
}
*
{ position:relative;
box-sizing: border-box;
}
a,
a:visited,
a:hover
{ text-decoration: none;
color:#fff;
}
.eggshell a,
.eggshell a:visited,
.eggshell a:hover
{ text-decoration: none;
color:#222;
}
.entry-content>p
{ margin:0px auto 35px auto ;
}
.entry-content>h3
{ margin:0px auto 35px auto ;
}
.entry-content a.ui-button,
.entry-content a.ui-button:visited,
.entry-content a.ui-button:hover,
p.p1>a,
.entry-content .p1 a,
a.ui-button,
a.ui-button:visited,
a.ui-button:hover
{ text-decoration: none;
}
.entry-content .filter>a,
.entry-content .filter>a:visited,
.entry-content .filter>a:hover,
.entry-content .button>a,
.entry-content .button>a:visited,
.entry-content .button>a:hover
{ color:#ffffff;
text-decoration: none;
}
.entry-content a.increase,
.entry-content a.decrease
{ color:#000;
text-decoration:none;
}
.entry-content a,
.entry-content a:visited,
.entry-content a:hover
{ color:#ffffff;
text-decoration: underline;
}
.entry-content.eggshell a,
.entry-content.eggshell a:visited,
.entry-content.eggshell a:hover
{ color:#333;
}
.features_wrapper a,
.features_wrapper a:visited,
.features_wrapper a:hover
{ color:#669c8f;
text-decoration: none;
}
.grid_item_wrapper a,
.grid_item_wrapper a:visited,
.grid_item_wrapper a:hover
{ text-decoration: none;
}
.eggshell a:hover
{
color:#666666;
}
a:hover
{
color:#efeee8;
}
.ui_f_blue
{ display:none;
}
a>strong, a>strong:visited, b>a, b>a:visited
{ display:inline-block;
padding:15px 20px;
min-width:250px;
color:#ffffff;
background-color: #3d4658;
text-align:center;
font-weight:normal;
text-transform:uppercase;
font-size:20px;
text-decoration:none;
}
a>strong:hover, b>a:hover
{
color:#ffffff;
background-color: #797699;
}
.eggshell a>strong,
.eggshell a>strong:visited,
.eggshell b>a,
.eggshell b>a:visited
{ color:#ffffff;
background-color: #669c8f;
}
.eggshell a>strong:hover,
.eggshell b>a:hover
{ color:#ffffff;
background-color: #8fb6ad;
}
@media (max-width:1024px)
{ a>strong, a>strong:visited, a>strong:hover, b>a, b>a:visited, b>a:hover
{ padding:13px 10px;
font-size:18px;
}
}
a>strong:hover
{ background-color: #797699;
}
nav
{ width:0px;
overflow-x:hidden;
overflow-y:auto;
position:fixed;
left:0px;
height:auto;
border:0px solid red;
background: #222222;
}
#wrapper
{ position:relative;
width:100%;
height:auto;
display:block;
overflow:hidden;
border:0px solid blue;
}
/** HEADER **/
#wrapper>header
{ margin-left: 0px auto;
margin-right: 0px auto;
position:relative;
display:inline-block;
border:0px solid red;
max-width:100%;
width:100%;
position: fixed;
z-index:40;
}
#wrapper>header .tsg_notify
{ position:absolute;
width:50%;
right:0px;
bottom:0px;
height:0px;
overflow:visible;
padding:0px;
margin:0px;
height:0;
max-height:0px;
}
#wrapper>header .tsg_notify .stretch
{ position:relative;
left:0px;
top:0px;
width:100%;
height:0px;
overflow:hidden;
bz-index:19;
padding:0px;
box-sizing:border-box;
margin:0px;
border:0px solid red;
background:#aa0000;
}
#wrapper>header .tsg_notify .stretch .wrapper
{ position:absolute;
left:0px;
bottom:0px;
width:100%;
height:auto;
overflow:auto;
border:0px solid red;
z-index:19;
background:#aa0000;
}
#wrapper>header .tsg_notify .stretch .wrapper .notification_item
{ padding:15px;
border:1px solid #999999;
border-top: 1px solid transparent;
background:#000000;
}
#wrapper>header table.slim_table
{ margin:0px;
padding:0px;
}
#wrapper>header table.slim_table td
{
padding-top:10px;
}
#wrapper>header>div.header_inner_wrapper
{ position:relative;
max-width:calc(1600px - 48px);
margin-left:auto;
margin-right:auto;
text-align: left;
width:calc(100% - 24px);
height:95px;
padding-left:12px;
padding-right:12px;
border-bottom:0px solid yellow;
border-left:0px solid yellow;
border-right:0px solid yellow;
box-sizing: border-box;
background-color:rgba(0,0,0,0);
}
@media (max-width:1024px)
{
#wrapper>header>div.header_inner_wrapper
{
width:calc(100% - 0px);
height:95px;
}
}
#container header.header
{ max-width:100%;
position:relative;
margin:0 auto;
box-sizing: border-box;
margin-bottom:50px;
}
#container .header_scroll
{ display:none;
}
#container header.header>img
{ width:100%;
height:auto;
}
#wrapper>header .menu_icon
{ position:absolute;
left:28px;
top:35px;
cursor:pointer;
font-size:25px;
z-index:25;
}
.mode-mobile #container header.header>.header_flex_content
{ max-height:300px;
}
#container header.header>.header_flex_content
{ display:flex;
align-items: center;
position:absolute;
left:0px;
top:150px;
width:100%;
height:calc(100% - 200px);
}
#container header.header>.header_flex_content>*
{ display:block;
width:100%;
}
@media (max-width: 1024px) {
#container header.header>.header_flex_content>*
{ padding-top:120px;
}
}
/*#wrapper>header.scroll
{ display: none;
position: fixed;
}*/
#menu .menu_close
{
text-align:right;
padding:15px;
position:relative;
z-index:100;
}
#menu
{
height:100%;
z-index:10000;
}
.menu-main-menu-container>ul
{
text-align:right;
padding:0px;
margin:0px;
max-width:80%;
float:right;
margin-right:50px;
list-style-type: none;
border-top:1px solid #999999;
margin-top:50px;
}
.menu-main-menu-container>ul>li
{ border-bottom:1px solid #999999;
}
.menu-main-menu-container>ul>li>a
{ text-align:left;
padding:10px;
display:block;
text-transform:uppercase;
font-size:20px;
overflow: hidden;
text-overflow: ellipsis;
color:#dadada;
white-space: nowrap;
border-bottom:0px solid #999999;
}
ul.sub-menu>li>a,
ul#menu-bottom-menu>li>a
{
color:#dadada;
}
ul.sub-menu>li:hover>a,
ul#menu-bottom-menu>li:hover>a
{
color:#ffffff;
}
ul#menu-bottom-menu
{ margin-right:10px;
}
.menu-main-menu-container>ul>li.selected,
.menu-main-menu-container>ul>li.selected>a
{ background-color:#3d4658;
color:#fff;
}
.menu-main-menu-container>ul>li>a
{
font-size:16px;
}
.menu-main-menu-container>ul>li>a:hover
{ background:#797699;
color:#fff;
font-size:16px;
}
.menu-main-menu-container>ul>li.current-menu-item>a
{ color:#efeee8;
background-color:transparent;
}
/******************/
.menu-main-menu-container>ul>li>ul
{
text-align:right;
padding:0px;
margin:0px;
max-width:100%;
width:100%;
margin-right:50px;
list-style-type: none;
margin-top:00px;
}
.menu-main-menu-container>ul>li>ul>li>a
{ text-align:left;
padding:10px;
display:block;
border-bottom:0px solid #999999;
text-transform:uppercase;
font-size:20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.menu-main-menu-container>ul>li>ul>li.selected,
.menu-main-menu-container>ul>li>ul>li.selected>a
{ background-color:#3d4658;
color:#fff;
}
.menu-main-menu-container>ul>li>ul>li>a
{
font-size:16px;
}
.menu-main-menu-container>ul>li>ul>li>a:hover
{ background:#797699;
color:#fff;
font-size:16px;
}
.menu-main-menu-container>ul>li>ul>li.current-menu-item>a
{ color:#efeee8;
background-color:transparent;
}
.menu_layer_1
{ position:absolute;
right:0px;
top:0px;
display:none;
width:50%;
height:100%;
z-index:20;
background:#3d4658;
}
.menu_layer_1>ul
{
text-align:right;
padding:0px;
margin:0px;
max-width:100%;
width:100%;
margin-right:50px;
width:calc(100% - 100px);
float:right;
}
.menu_layer_1>ul
{ float:right;
list-style-type: none;
border-top:0px solid #999999;
border-bottom:1px solid #999999;
margin-top:50px;
}
.menu_layer_1>ul>li
{
}
.menu_layer_1>ul>li>a
{ text-align:left;
padding:10px;
border-top:1px solid #999999;
text-transform:uppercase;
font-size:16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:block;
}
.menu_layer_1>ul>li:hover>a
{ background:#797699;
color:#fff;
font-size:16px;
}
.menu_layer_1>ul>li.current-menu-item>a
{ color:#efeee8;
background-color:transparent;
}
.menu_layer_1>ul
{ list-style-type: none;
display:block;
border-bottom:1px solid #999999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display:none;
}
.menu_layer_0
{ -webkit-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.55);
box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.55);
overflow:auto;
position:absolute;
left:0px;
top:0px;
height:100%;
background-color:#3d4658;
z-index:30;
max-width:300px;
}
.mode-mobile article>header
{
}
.mode-mobile article>header
{
}
.mode-mobile .menu_layer_1
{ display:none !important;
}
.menu_layer_0>ul>li>ul
{ display:none;
}
.mode-mobile .menu_layer_0>ul>li.selected>ul
{ display:block;
}
#menu.submenu-open .menu_layer_0
{
background-color:#181b1e;
}
.bd-shortcode.split
{ display:block;
overflow:auto;
width:100%;
overflow:hidden;
}
#container section.entry-content.full-width
{ max-width: 100%;
margin: 0 0;
padding:0;
max-width:100%;
}
div.inner_bounds
{ max-width:calc(1600px - 24px);
margin-left:auto;
margin-right:auto;
width:calc(100% - 24px);
text-align:left;
}
#wrapper>header .secondary_menu
{ display:block;
position:absolute;
width:100%;
text-align:right;
top:0px;
left:0px;
margin-top:0px;
max-height:50px;
overflow:visible;
}
@media (max-width: 1024px) {
#wrapper>header .secondary_menu .smenu_wrapper
{ display:none;
}
}
#wrapper>div.wrapper-background
{ width:100%;
height:auto;
left:0px;
top:0px;
z-index:1;
background-position:center center;
background-size:cover;
position:absolute;
top:0px;
left:0px;
overflow:hidden;
}
.mode-mobile #wrapper>div.wrapper-background
{ margin-top:95px;
}
body.page-template-page-no_title-white #wrapper>div.wrapper-background
{ display:none;
}
body.page-template-page-no_title-white header#header
{ background:#fff;
}
#wrapper>div.wrapper-background>img
{ width:100%;
height:auto;
}
#wrapper>div.wrapper-background div.gal_image
{ opacity:0;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-size:cover;
background-position: center;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
-o-transition: opacity 0.25s ease-in;
}
#wrapper>div.wrapper-background div.gal_image.visible
{ opacity:1;
}
body.default-template .secondary_menu
{ display:none;
}
body.default-template .page-header-background
{ width:100%;
z-index:0;
height:auto;
}
body.default-template>*
{
z-index:10;
}
body.default-template>#menu
{
z-index:50;
}
body.default-template>#wrapper
{
z-index:30;
position:relative;
}
body.default-template>#wrapper .secondary_menu
{ max-width:1600px;
margin:0 auto;
position:relative;
}
body.default-template .page-header-background .blend
{ width:100%;
height:100%;
z-index:2;
background-position:center;
background-size: 100% 100%;
position:absolute;
left:0px;
top:0px;
background-image:url(/bd_xml_series/47/drk-vignette.svg);
background-size:cover;
opacity:1;
}
body.default-template .page-header-background .fade_to_black
{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100px;
z-index:3;
background-image:url(/bd_xml_series/47/fade_to_black.png);
background-size:100% 100%;
background-repeat: no-repeat;;
background-position: bottom center;
opacity:1;
}
#wrapper>div.wrapper-background .blend
{ width:100%;
height:100%;
z-index:2;
background-position:center;
background-size: 100% 100%;
position:absolute;
left:0px;
top:0px;
background-image:url(/bd_xml_series/47/drk-vignette.svg);
background-size:cover;
opacity:1;
}
#wrapper>div.wrapper-background .dark_blend
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:3;
background-image:url(/bd_xml_series/47/drk-fade.svg);
background-size:100% 120%;
opacity:1;
}
#wrapper>div.wrapper-background .fade_to_black
{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100px;
z-index:3;
background-image:url(/bd_xml_series/47/fade_to_black.png);
background-size:100% 100%;
background-repeat: no-repeat;;
background-position: bottom center;
opacity:1;
}
#wrapper>div.wrapper-background .blend
{ width:100%;
height:100%;
z-index:2;
background-position:center;
background-size: 100% 100%;
position:absolute;
left:0px;
top:0px;
background-image:url(/bd_xml_series/47/drk-vignette.svg);
background-size:cover;
opacity:1;
}
#wrapper>div.wrapper-background .dark_blend
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:3;
background-image:url(/bd_xml_series/47/drk-fade.svg);
background-size:100% 120%;
opacity:1;
}
#wrapper>div.wrapper-background .fade_to_black
{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100px;
z-index:3;
background-image:url(/bd_xml_series/47/fade_to_black.png);
background-size:100% 100%;
background-repeat: no-repeat;;
background-position: bottom center;
opacity:1;
}
/* HEADER MENU */
#wrapper>header.menu_lock,
body.page-template-page-no_title-white header#header.menu_lock
{ background:rgba(14,14,14,0.8);
}
#wrapper>header.menu_lock .logo>.logo_top
{ width:129px;
height:129px;
margin-left:25px;
background-color:transparent;
}
#wrapper>header .secondary_menu .logo_top
{ float:right;
}
@media (max-width:1024px)
{ #wrapper>header .secondary_menu .logo_top
{
}
}
#wrapper>header .secondary_menu>.smenu_wrapper
{ overflow:auto;
float:right;
border-top:0px solid rgba(255,0,0,0.1);
border-bottom:0px solid rgba(255,0,0,0.1);
display:flex;
align-items:top;
height:95px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item
{ display:inline-block;
height:95px;
padding:33px 10px 0px 10px;
border:0px solid yellow;
margin-left:20px;
position:relative;
text-transform:uppercase;
transition:padding 0.25s;
}
.scoll-up
{ display:none;
opacity:0;
transition:opacity 0.2s;
color:#fff; font-size:50px;
position:fixed;
right:10px;
bottom:35px;
cursor:pointer;
z-index:1000;
}
.scrolling .scoll-up
{ display:none;
opacity:1;
transition:opacity 0.2s;
color:#fff; font-size:50px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item.active
{ background:#fff;
color:#000;
padding:33px 30px 0px 30px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item.active .icon-arrow-down, #wrapper>header .secondary_menu>.smenu_wrapper>.item .icon-arrow-up
{ display:none;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item .icon-arrow-down, #wrapper>header .secondary_menu>.smenu_wrapper>.item.active .icon-arrow-up
{ display:inline-block;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item table
{ padding:0px;
margin:0px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item *
{ margin:0px;
padding:0px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item table
{ margin-top:3px;
position:relative;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item>span
{ font-size:18px;
position:relative;
top:2px;
margin-left:5px;
}
#wrapper>header .secondary_menu>.smenu_wrapper>.item.search
{ overflow:hidden;
position:relative;
}
#wrapper>header .item.search span.imi-search
{
position:relative;
}
#wrapper>header .item.search input.site_search
{ width:0;
display:none;
padding:5px 10px 10px 10px;
margin:0 0 0 0;
border:0px;
border-bottom:2px solid white;
color:#fff;
height:23px;
line-height:16px;
font-size:16px;
margin-right:10px;
position:relative;
width:0px;
max-width:0px;
}
#wrapper>header .item.search.focus input.site_search
{ width:200px;
max-width:200px;
display:block;
-webkit-transition: max-width 0.42s; /* For Safari 3.1 to 6.0 */
transition: max-width 0.4s;
}
#wrapper>header .item.search.focus input.site_search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(255,255,255,0.3);
opacity: 1; /* Firefox */
}
#wrapper>header .item.language
{
}
#wrapper>header .item.account
{
}
@media (max-width: 1024px) {
#wrapper>header .item.account
{
}
}
@media (max-width: 860px){
#wrapper>header .secondary_menu>.smenu_wrapper>.item.account
{ display:none;
}
#wrapper>header .logo>.logo_top
{ height:90px !important;
}
}
#wrapper>header .item.basket
{
}
#wrapper>header .item.basket .info
{ margin-left:10px;
}
#wrapper>header .item.logo
{ width:200px;
border:0px solid yellow;
}
#wrapper>header .logo>.logo_top
{ width:129px;
height:129px;
margin-left:25px;
background-color:rgba(14,14,14,1);
}
body.scrolling #wrapper>header .header_inner_wrapper
{
}
#wrapper>header .header_inner_wrapper
{ height:100px;
}
#wrapper>header .logo>.logo_top>img
{ position:absolute;
left:10px;
bottom:10px;
margin:00px;
width:calc(100% - 20px);
}
#wrapper>header .logo>.logo_top>img.no_claim
{ position:absolute;
left:10px;
bottom:10px;
margin:00px;
margin-bottom:20px;
width:calc(100% - 20px);
}
#wrapper>header.scroll .logo>.logo_top
{ width:240px;
height:100px;
background-image:url(/bd_xml_series/47/logo_tsg_white.svg);
background-size:contain;
background-repeat:no-repeat;;
background-position: 0px -100px;
background-color:rgba(14,14,14,1);
}
#wrapper>header .logo>.ilogo_top>img
{ width:100%;
float:right;
margin-top:30px;
}
#wrapper>header .logo>.item.logo_top>img
{ width:100%;
float:right;
margin-top:00px;
}
/** CONTENT **/
/* ––– Basics Start ––– */
h1 {
font-family: futura-extrabold, Verdana, Arial, Helvetica, sans-serif;
font-size: 72px;
line-height: 64px;
font-weight: normal;
text-transform:uppercase;;
margin-top:0px;
margin-bottom:20px;
}
.tsg_teaser h1 {
font-size: 112px;
line-height: 105px;
}
.tsg_teaser h3 {
color: #efeee8;
}
@media (max-width: 1024px) {
h1 {
font-size: 48px;
line-height: 40px;
}
.tsg_teaser h1 {
font-size: 72px;
line-height: 68px;
}
}
@media (max-width: 860px){
h1 {
font-size: 36px;
line-height: 44px;
}
.tsg_teaser h1 {
font-size: 64px;
line-height: 55px;
}
}
h2 {
font-family: futura-book, Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 32px;
font-weight: normal;
text-transform:uppercase;;
margin-bottom:20px;
color:#879baa;
}
.mode-mobile h2 {
font-family: futura-book, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 22px;
font-weight: normal;
text-transform:uppercase;;
margin-bottom:20px;
color:#879baa;
}
h3 {
font-family: futura-book, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
font-weight: normal;
text-transform:uppercase;;
margin-bottom:20px;
color:#828282;
}
blockquote
{ background:rgba(0,0,0,0.8);
display:block;
margin-bottom:30px;
margin:0px;
padding:50px;
padding-bottom:30px;
text-align:center;
}
blockquote>p
{ margin-top:0px;
margin-bottom:20px;
}
p {
font-family: trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 32px;
font-weight: normal;
margin-bottom:20px;
}
.mode-mobile p {
font-size: 18px;
line-height: 22px;
}
#wrapper>#container
{ position:relative;;
width:100%;
margin-left: 0 auto;
margin-right: 0 auto;
display:inline-block;
overflow:auto;
border:0px solid green;
min-height:900px;
margin-top:0px;
z-index:10;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
}
.button
{ overflow:auto;
float:left;
height:auto;
}
.button>a
{ min-width:320px;
height:auto;
margin-right:20px;
margin-bottom:20px;
border:1px solid #f0efe8;
color:#f0efe8;
text-transform: uppercase;
padding:22px;
font-size:24px;
line-height:22px;
box-sizing: border-box;
text-align: center;
display:block;
}
.breadcrumb
{ max-width:calc(1600px - 24px);
padding-left:12px;
padding-right:12px;
width:calc(100% - 24px);
margin-left:auto;
margin-right:auto;
position:relative;
top:120px;
z-index:200;
text-transform:uppercase;
padding-left:30px;
}
.mode-mobile .breadcrumb
{ top:115px;
padding:0px;
font-size:12px;
margin-bottom:15px;
}
.breadcrumb>a
{
color:#efeee8;
}
.breadcrumb br, .menu-item br
{ display:none;
}
#content.blog
{ padding-top:140px;
}
section#content.white
{ background:#fff;
color:#222;
}
section#content.white .breadcrumb a,
section#content.white .breadcrumb
{ color:#222;
}
#content>article>header
{ margin-top:50px;
margin-bottom:50px;
}
/* H1 Header */
.entry-content>h1
{ padding:0 0 15px 0;
}
#content>article>header h1
{ font-size:10vw;
line-height:10vw;
letter-spacing: -0.015625em;
/* word-spacing: 3em;*/
}
@media (max-width: 1024px) {
#content>article>header h1
{ font-size:96px;
line-height:80px;
letter-spacing: 0px;
}
}
@media (max-width: 860px){
#content>article>header h1
{ font-size:52px;
line-height:50px;
letter-spacing: 0px;
}
}
/* H1 Header End */
/* Roofline Header */
#content>article>header h3
{ font-size:24px;
line-height:24px;
letter-spacing: 0px;
}
@media (max-width: 1024px) {
#content>article>header h3
{ font-size:20px;
line-height:20px;
letter-spacing: 0px;
}
}
@media (max-width: 860px){
#content>article>header h3
{ font-size:18px;
line-height:18px;
letter-spacing: 0px;
}
}
/* Roofline Header End */
/* Subline Header */
#content>article>header h2
{ font-size:32px;
line-height:30px;
letter-spacing: 0px;
}
@media (max-width: 1024px) {
#content>article>header h2
{ font-size:27px;
line-height:25px;
letter-spacing: 0px;
}
}
@media (max-width: 860px){
#content>article>header h2
{ font-size:18px;
line-height:16px;
letter-spacing: 0px;
}
}
/* Subline Header End */
#container>section header
{ text-align:center;
}
/* Subline Header End */
body.bdh-debug #container>section header
{ text-align:center;
overflow:visible;
}
.split
{ border:0px solid red;
}
#container .mobile section.entry-content
{ max-width:100%;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
position:relative;
}
#container section.entry-content,
footer.entry-footer
{ max-width:calc(1600px - 24px);
margin-left:auto;
margin-right:auto;
padding-left:12px;
padding-right:12px;
position:relative;
}
#container section>div.entry-content
{ max-width:calc(1600px - 24px);
margin-left:auto;
margin-right:auto;
padding-left:12px;
padding-right:12px;
position:relative;
}
#container #post-110 section.entry-content.no-header
{ padding:0;
}
#container #post-110 section.entry-content
{ max-width:100%;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0;
position:relative;
}
#container #post-110 section.entry-content
{ max-width:100%;
margin:0;
width:100%;
}
#container section.entry-content.no-border
{
padding-left:0;
padding-right:0;
}
@media screen and (max-width: 782px)
{ html #wpadminbar
{ position:fixed;
top:0px;
}
}
#container section.entry-content.fullwidth
{ max-width:calc(100%);
margin-left:auto;
margin-right:auto;
box-sizing: border-box;
padding-left:0px;
padding-right:0px;
}
#container section.entry-content.no-header
{ padding-top:204px;
}
@media (max-width:1024px)
{ #container section.entry-content.no-header
{ padding-top:120px;
}
}
#wrapper .booting
{ background-image:url(../img/wait.svg);
background-size:50px 50px;
background-position:center 20px;
background-repeat:no-repeat;
min-height:100px;
}
#container section>div.maxwidth
{ max-width:calc(1600px - 24px);
margin-left:auto;
margin-right:auto;
position:relative;
}
#container section>div.maxwidth>h2,
#container section>div.maxwidth>h3,
#container section>div.maxwidth>p
{ width:calc(64%);
margin-left:auto;
margin-right:auto;
}
@media (max-width:1024px)
{ #container section>div.maxwidth>h2,
#container section>div.maxwidth>h3,
#container section>div.maxwidth>p
{ width:calc(100%);
margin-left:auto;
margin-right:auto;
}
}
/* Container With centered Padding */
.tsg-content-maxwidth
{ max-width:calc(1600px - 48px);
padding:0px 12px;
position:relative;
margin:0 auto;
}
section>p,
section>h1,
section>h2,
section>h3,
section>.tsg-content-maxwidth,
section>.tsg_teaser,
section.fullwidth>p,
section.fullwidth>h1,
section.fullwidth>h2,
section.fullwidth>h3,
section.fullwidth>.tsg-content-maxwidth
{ width:calc(100%);
margin:0 auto;
max-width:970px;
}
@media (max-width: 1024px) {
#container section>h1,
#container section>.maxwidth>h1,
#container section>h2,
#container section>h3,
#container section>ol,
#container section>ul,
#container section>p,
#container section>div>p,
#container section div.maxwidth>div.tsg_initial_letter>p
{ width:calc(100%);
margin-left:auto;
margin-right:auto;
}
}
@media (max-width: 860px){
#container section>h1,
#container section>.maxwidth>h1,
#container section>h2,
#container section>h3,
#container section>ol,
#container section>ul,
#container section>p,
#container section>div>p,
#container section div.maxwidth>div.tsg_initial_letter>p
{ width:calc(100%);
margin-left:auto;
margin-right:auto;
}
}
/* Container With centered Padding */
#container section img
{
position:relative;
margin-left:auto;
margin-right:auto;
}
div.tsg-blackbox
{ width:100%;
max-width:calc(1600px - 48px);
padding:48px;
margin:0 auto;
background:#222222;
padding:72px 20px;
box-sizing: border-box;
color:#b5b4af;
margin:auto;
font-size:3.0vw;
width:100%;
text-align:center;
margin-top:35px;
margin-bottom:96px;
}
div.tsg-blackbox hr.wp-block-separator {
border:0px solid transparent;
}
div.tsg_blackbox
{ width:calc(64%);
margin-left:auto;
margin-right:auto;
background:#222222;
padding:72px 20px;
box-sizing: border-box;
color:#b5b4af;
margin:auto;
font-size:3.0vw;
width:100%;
text-align:center;
margin-top:35px;
margin-bottom:96px;
}
.wp-block-group>div.tsg_blackbox {
}
.mode-mobile #container div.tsg_blackbox hr
{ margin:32px auto;
margin:20px auto 0;
padding:35px 20px;
height:15px;
}
.mode-mobile #container div.tsg_blackbox
{
margin-bottom:40px;
padding:35px 20px;
}
#container div.tsg_blackbox>*:first-child
{ margin-top:0px;
}
#container div.tsg_blackbox>*:last-child
{margin-bottom:0px;
}
#container div.tsg_blackbox hr, hr
{ display:block;
background:transparent;
width:35px;
height:35px; font-family: 'tsg logos';
background-image:url(/bd_xml_series/47/logo_tsg_small.svg);
background-size:100% 100%;
border:0px solid transparent;
margin:64px auto;
}
div.tsg_50p
{ font-size:60px;
float:left;
width:50%;
box-sizing: border-box;
}
#container section>div.tsg_50p>p img, #container section>div.tsg_50p>p
{ width:100%;
}
#container section>div.tsg_50p img
{ width:100%;
}
article
{
}
article>h1,
article>h2,
article>h3,
article>h4,
article>h5,
article>p,
article>ul,
article>ol
{ padding: 0 24px 0 24px;
max-width:1600px;
margin:0 auto;
}
.wp-block-group__inner-container>h1,
.wp-block-group__inner-container>h2,
.wp-block-group__inner-container>h3,
.wp-block-group__inner-container>h4,
.wp-block-group__inner-container>h5,
.wp-block-group__inner-container>p,
.wp-block-group__inner-container>ul,
.wp-block-group__inner-container>ol
{ padding: 0 24px 0 24px;
max-width:1600px;
margin:0 auto;
}
.wp-block-group__inner-container
{ max-width:1600px;
margin:0 auto;
}
.default_margin_top
{ margin-top:50px;
}
.border_top8px
{ border-top:8px solid black;
}
border_t
.default_margin_bottom
{ margin-bottom:50px;
}
.blog_post_entry
{ width:100%;
min-height:600px;
display:block;
margin-bottom:8px;
box-sizing: border-box;
padding:50px;
text-align:left;
overflow:hidden;
position:relative;
}
@media (max-width:992px)
{
.blog_post_entry
{ width:100%;
min-height:600px;
display:block;
margin-bottom:8px;
box-sizing: border-box;
padding:50px 0px;
text-align:left;
overflow:hidden;
}
}
.blog_post_background
{ width:100%;
height:100%;
background-size:cover;
background-position:center;
-webkit-transition: opacity 0.25s, all 0.25s;
position:absolute;
left:0px;
top:0px;
}
.blog_post_entry:hover .blog_post_background
{ width:120%;
height:120%;
left:-10%;
top:-10%;
}
.blog_post_entry:hover .blend
{ opacity:0.4;
}
.blog_post_entry .blend
{ position:absolute;
width:100%;
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.blog_post_entry>.blog_post_content
{ max-width:calc(1600px - 24px);
margin-left:12px;
margin-right:12px;
width:calc(100% - 24px);
margin-left:auto ;
margin-right:auto ;
position:relative;
padding-left:24px;
padding-right:40%;
z-index:25;
}
.phone .blog_post_entry>.blog_post_content
{ position:relative;
bottom:0px;
height:auto;
width:calc(100% - 30px);
}
.blog_post_entry>.blog_post_content .button
{
}
@media (max-width: 1024px) {
.blog_post_entry>.blog_post_content
{
padding-right:20%;
}
}
@media (max-width: 860px){
.blog_post_entry>.blog_post_content
{
padding-right:0%;
}
}
.blog_post_entry>.blog_post_content>p
{ font-family:trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
color:#efeee8;
font-size:24px;
}
article section
{ max-width:calc(1600px - 24px);
margin-left:12px;
margin-right:12px;
width:calc(100% - 24px);
position:relative;
margin-left:auto ;
margin-right:auto ;
text-align:left;
}
article section.fullwidth
{ max-width:calc(100%);
margin-left:0;
margin-right:0;
width:calc(100%);
position:relative;
margin-left:auto;
margin-right:auto;
}
*.eggshell
{ background:#f0efe8;
padding-top:96px;
padding-bottom:50px;
margin-top:96px;
margin-bottom:50px;
color:#333333;
width:100%;
}
*.grayscale
{ background:#222222;
}
.wp-block-group.eggshell
{ background:#f0efe8;
padding:0;
margin:0 auto;
color:#333333;
overflow:auto;
display:block;
}
.wp-block-group.grayscale
{ background:#222222;
padding:0;
margin:0 auto;
overflow:auto;
display:block;
}
@media (max-width:1024px)
{ article *.eggshell
{ background:#f0efe8;
padding-top:96px;
padding-bottom:50px;
margin-top:96px;
margin-bottom:50px;
padding-left:12px;
padding-right:12px;
color:#333333;
}
article *.grayscale
{ background:#222222;
padding-top:96px;
padding-bottom:50px;
margin-top:96px;
margin-bottom:50px;
padding-left:12px;
padding-right:12px;
}
}
article *.graypanel
{ background:#2f2e2d;
padding-top:96px;
padding-bottom:50px;
margin-top:96px;
margin-bottom:50px;
}
div.tsg_comment
{
border-left:10px solid #efeee8;
padding-left:20px;
max-width: 970px;
margin:0 auto 25px auto;
overflow:auto;
height:auto;
padding-top:0px;
padding-bottom:0px;
overflow:visible;
}
div.tsg_initial_letter
{ max-width:calc(1600px - 24px);
margin:0px auto 25px auto;
}
div.tsg_initial_letter>p
{ max-width: 970px;
margin:0 auto 25px auto;
}
div.tsg_initial_letter>p:first-child:first-letter
{ font-size:60px;
float:left;
margin-top:18px;
margin-right:5px;
margin-bottom:10px;
font-family:futura-book, Verdana, Arial, Helvetica, sans-serif;
}
.mode-mobile div.tsg_comment
{
margin-left:0%;
}
.eggshell div.tsg_comment
{ border-left:10px solid #333333;
}
#container div.tsg_comment>p
{ margin:auto;
font-size:3.0vw;
line-height:3.0vw;
text-transform:uppercase;
font-family:futura-book, Verdana, Arial, Helvetica, sans-serif;
margin:0px;
width:100%;
}
.mode-mobile #container div.tsg_comment>p
{
font-size:40px;
line-height:40px;
}
article>p
{
}
.page_bottom
{ padding:0px;
max-width:calc(1600px - 24px);
width:100%;
padding-left:12px;
padding-right:12px;
margin-left:auto;
margin-right:auto;
overflow:auto;
}
.page_bottom>.submenus
{ z-index:20;
overflow:auto;
position:relative;;
width:100%;
background:#222222;
}
.page_bottom>.submenus .sub_m_column
{ float:left;
width:20%;
overflow:auto;
min-height:25px;
text-align:left;
background:#222222;
padding:20px;
text-transform:uppercase;
color:#efeee8;
}
.page_bottom>.submenus .social
{ float:left;
font-size:30px;
margin-right:15px;
margin-bottom:15px;
}
.sub_m_column .collapse
{ display:none;
position:absolute;
right:15px;
}
.sub_m_column .expand
{
position:absolute;
right:15px;
}
.sub_m_column.active .collapse
{ display:block;
}
.sub_m_column.active .expand
{ display:none;
}
.sub_m_column.active .desktop
{ display:block;
}
@media (max-width: 992px) {
.sub_m_column>ul
{ padding:0px;
}
.submenus .sub_m_column
{ border-bottom:1px solid #666666;
}
.submenus .sub_m_column:last-child
{ border-bottom:0px solid #999999;
}
.sub_m_column>ul>li
{ display:none;
position:absolute;
right:0px;
}
.page_bottom>.submenus li>a
{ padding:0;
}
.page_bottom>.submenus .sub_m_column
{ padding:0;
}
}
.page_bottom>.submenus .bottom_menu_header, .page_bottom>.submenus li
{ display: flex;
align-items: center;
}
.page_bottom>.submenus .bottom_menu_header, .page_bottom>.submenus li>a
{ width:100%;
font-size:14px;
padding-left:20px;
padding-top:15px;
padding-bottom:15px;
}
.page_bottom>.submenus li>a
{
color:#807e78;
}
.page_bottom>.submenus li.current-menu-item>a
{ background-color:transparent;
color:#efeee8;
}
.page_bottom>.submenus li>a:hover
{ background:#efeee8;
color:#222222;
}
@media (max-width: 1024px) {
.page_bottom>.submenus .sub_m_column
{ width:50%;
}
}
@media (max-width: 860px){
.page_bottom>.submenus .sub_m_column
{ width:100%;
}
}
.phone .page_bottom>.submenus .sub_m_column
{ width:100%;
}
.page_bottom>.submenus .sub_m_column ul
{ list-style-type: none;
padding:0px;
margin:0px;
}
.page_bottom>.submenus .sub_m_column ul li
{ padding:0px;
margin:0px;
}
.bdh-i-wrap input[type=text],
.bdh-i-wrap input[type=password],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="button"]
{ background:transparent;
border:1px solid #807e78;
height:44px;
color:#000000;
padding-left:20px;
padding-right:20px;
font-size:18px;
}
.mobile .bdh-input-wrap
{ margin-bottom:20px;
}
.bdh-i-wrap
{
}
.bdh-i-wrap input[type=text],
.bdh-i-wrap input[type=password]
{ background:transparent;
border:0px solid transparent;
border-bottom:2px solid #fff;
height:44px;
color:#fff;
padding-left:10px;
padding-right:20px;
font-size:18px;
}
.bdh-i-type-radio
{ margin-top:0px;
}
.bdh-input-wrap .bdh-input-label
{ padding-top:3px;
padding-right:20px;
font-family: trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 32px;
font-weight: normal;
margin-bottom:15px;
}
.mobile .bdh-input-wrap .bdh-input-label
{ margin-bottom:0px;
}
.bdh-i-type-radio label
{ margin-right:20px;
margin-bottom:5px;
}
section.white input[type=text],
section.white input[type=email]
{ color:#000;
}
section.white .H5APP_checkoutContact input[type=text],
section.white .H5APP_checkoutContact input[type=email]
{ color:#fff;
}
section input[type=text],
section input[type=email]
{ color:#fff;
}
input::placeholder
{
color:#aaaaaa;
}
/***************************
Aspect images
*******************************/
.tsg_aspect_images
{ background-size:cover;
background-position: center;
overflow:auto;
overflow-x:hidden;
}
.aspect_ratio_image
{ overflow:auto;
overflow-x:hidden;
margin-top:30px;
margin-bottom:50px;
}
.aspect_ratio_image>div.aspect_caption
{ padding-top:20px;
padding-bottom:20px;
}
.tsg_aspect_images_w_392_h_405>div
{ width:calc(100% + 8px);
overflow:auto;
overflow-x:hidden;
}
.tsg_aspect_images_w_392_h_405>div
{ width:calc(100% + 8px);
overflow:auto;
overflow-x:hidden;
}
.tsg_aspect_images_w_392_h_405>div>div
{ max-width:calc(50% - 8px);
float:left;
margin-right:8px;
}
.tsg_aspect_images_w_392_h_405>div>div
{ max-width:calc(50% - 8px);
float:left;
margin-right:8px;
}
@media (max-width: 1024px) {
.tsg_aspect_images_w_392_h_405>div>div
{ max-width:calc(100% - 8px);
float:left;
margin-right:8px;
margin-bottom:8px;
}
}
/* Dialog */
.TSG-dialog_wrapper
{ position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10000000;
background:rgba(0,0,0,0.4);
display:flex;
align-items:center;
justify-content:center;
backdrop-filter: blur(6px);
}
.TSG-dialog_wrapper .dialog
{ position:relative;
width:100%;
max-width:1024px;
height:auto;
min-height:400px;
padding:50px;
display:block;
background:rgba(51,51,51,0.8);
justify-content:flex-start;
align-items:flex-start;
}
.TSG-dialog_wrapper .dialog_inner
{ position:relative;
display:block;
overflow:auto;
border:0px solid green;
width:900px;
max-width:1024px;
height:auto;
}
.TSG-dialog_wrapper .dialog_inner h1
{ font-size:47px;
line-height:50px;
}
.TSG-dialog_wrapper .dialog_inner .content
{ margin-bottom:30px;
font-size:20px;
}
.TSG-dialog_wrapper .dialog .close
{ position:absolute;
right:30px;
top:30px;
cursor:pointer;
color:#fff;
z-index:10000000;
}
.TSG-dialog_wrapper .dialog .tsg-claim
{ background-image:url('/bd_xml_series/47/logo_tsg_claim.svg');
width:150px;
height:150px;
float:left;
margin:0px 40px 40px 0px;
background-size:cover;
display:none;
}
@media (max-width:1024px)
{ .TSG-dialog_wrapper
{
align-items:auto;
justify-content:auto;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(51,51,51,0.8);
}
.TSG-dialog_wrapper .dialog .tsg-claim
{ display:none;
}
.TSG-dialog_wrapper .dialog
{ width:100%;
height:100%;
left:0px;
top:0px;
padding:20px;
background:transparent;
}
.TSG-dialog_wrapper .dialog_inner .content
{ margin-bottom:30px;
font-size:16px;
}
.TSG-dialog_wrapper .dialog h1
{ font-size:40px;
line-height:45px;
}
}
/** FOOTER **/
.page_bottom>footer
{ position:relative;;
margin-left:auto;
margin-right:auto;
padding-left:12px;
padding-right:12px;
text-align: left;
border:0px solid red;
background:#222222;
z-index:20;
bottom:0px;
margin-bottom:0px;
padding:20px;
}
.robin_hood.row
{ z-index:20;
overflow:auto;
position:relative;;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
padding-left:12px;
padding-right:12px;text-align:left;
padding:20px;
width:100%;
background:#111111;
}
.robin_hood h2
{ color:#efeee8;
margin-bottom:5px;
}
.robin_hood p
{ color:#807e78;
font-size:16px;
margin:0px;
}
.robin_hood .hood
{ width:25%;
float:left;
min-height:25px;
}
.robin_hood .hood.input
{ width:75%;
}
.footer_content
{ color:#807e78;
overflow:auto;
text-transform:uppercase;
}
.menu-bottom-menu-container
{
}
.menu-bottom-menu-container ul
{ list-style: none;
padding:0px;
margin:0px;
}
.menu-bottom-menu-container ul li
{ float:right;
margin-left:20px;
font-size:16px;
}
@media (max-width: 992px) {
.menu-bottom-menu-container ul
{ margin-top:20px;
padding:0px;
}
.menu-bottom-menu-container ul li
{ float:none;
margin-left:20px;
font-size:16px;
display:block;
margin:0px;
margin-bottom:5px;
padding:0px;
}
}
.menu-bottom-menu-container ul li>a:hover
{
color:#efeee8;
}
#copyright
{ float:left;
}
/* CSS Document */
/* ––– Colors Start ––– */
/* Brand Colors */
.tsgred { color: #ca0f1c; }
.tsgwht { color: #ffffff; }
.tsgblk { color: #181b1e; }
/* Core Colors */
.tsgbike { color: #49a828; }
.tsgbike drk { color: #0a6628; }
.tsgskate { color: #f6a619; }
.tsgskate drk { color: #cd6713; }
.tsgsnow { color: #41c0eb; }
.tsgsnowdrk { color: #006699; }
.tsgwake { color: #8b2884; }
.tsgwakedrk { color: #631f64; }
.tsgkids { color: #c8d210; }
.tsgkids drk { color: #659a26; }
/* Supporting Colors */
.tsgteallgt { color: #8fb6ad; }
.tsgtealdrk { color: #669c8f; }
.tsggreencurry { color: #cfc833; }
.tsglinden { color: #859d4a; }
.tsgmauve { color: #797699; }
.tsglavendar { color: #3d4658; }
.tsgduskypink { color: #c15e7c; }
.tsgduskypinkdrk { color: #9f4663; }
.tsgchestnut { color: #78604f; }
.tsgchestnutdrk { color: #424035; }
.tsgtomatosauce { color: #d55044; }
.tsgmustard { color: #e9bc46; }
/* Greyscale Colors */
.tsgeggshell { color: #efeee8; }
.tsgsand { color: #d6d6cd; }
.tsgeggshellmid { color: #b5b4ae; }
.tsgeggshelldrk { color: #807e78; }
.tsgstone35 { color: #bdcdd6; }
.tsgstone70 { color: #a2afbb; }
.tsgstone100 { color: #869baa; }
.tsgstone135 { color: #6c7b8a; }
.tsggrey35 { color: #efefef; }
.tsggrey70 { color: #b8b8b8; }
.tsggrey100 { color: #828282; }
.tsggrey135 { color: #636363; }
.tsggrey11 { color: #111111; }
.tsggrey22 { color: #222222; }
.tsggrey33 { color: #333333; }
.tsggrey44 { color: #444444; }
/* ––– Colors End ––– */
/* Bootstrap rows */
.row {
/* margin-left: -15px;
margin-right: -15px;*/
overflow:auto;
width:calc(100% + 30px);
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 100%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 33.33333333%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
/***********************************************************************************************/
/* H5APP_ProductGrid */
/***********************************************************************************************/
.H5APP_ProductGrid
{ width:calc(100%);
position: relative;
height:auto;
overflow:auto;
background:transparent;
padding:0px;
margin-bottom:5px;
overflow-x:hidden;
overflow:visible;
}
.H5APP_ProductGrid>.grid_wrapper
{ width:calc(100% + 10px);
overflow:hidden;
}
.H5APP_ProductGrid .item_wrapper
{ margin-bottom:40px;
width: 100%;
overflow:visible;
}
.H5APP_ProductGrid .grid_product_wrapper
{ width:calc(16.66666665% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
overflow:hidden;
}
/* NEW GRID css */
.item_wrapper.square-container {
display: flex;
flex-wrap: wrap;
padding:0px;
margin:0px;
position:relative;
left:-4px;
width:calc(100% + 8px);
}
.item_wrapper.square-container .square {
position: relative;
flex-basis: calc(16.66666% - 8px);
margin: 4px;
border: 0px solid;
box-sizing: border-box;
}
@media (max-width: 1460px) {
.item_wrapper.square-container .square {
flex-basis:calc(16.66666666% - 8px);
}
}
@media (max-width: 1280px) {
.item_wrapper.square-container .square {
flex-basis:calc(25% - 8px);
}
}
@media (max-width: 1024px) {
.item_wrapper.square-container .square {
flex-basis:calc(33.33333333% - 8px);
}
}
@media (max-width: 860px){
.item_wrapper.square-container .square {
flex-basis:calc(50% - 8px);
}
}
/*
@media (max-width: 640px){
.item_wrapper.square-container .square {
flex-basis:calc(100% - 8px);
}
}*/
.square::before {
content: '';
display: block;
padding-top: 100%;
}
.square .product_panel {
position: absolute;
top: 0; left: 0;
height: 100%;
width: 100%;
}
.tsg-grid {
display: grid;
/*gap: 1rem;*/
grid-template-columns: repeat(auto-fit, minmax(calc(200px - 1rem), 1fr));
grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
/*grid-template-columns: repeat(3, 200px);
grid-template-rows: repeat(3, 200px);*/
/*grid-gap: 5px;*/
/*grid-auto-rows: 1fr;*/
grid-auto-flow: dense;
grid-gap: 1rem;
}
.item_wrapper .card>.product_panel
{ margin:0px;
width:100%;
height:100%;
min-width:200px;
min-height:200px;
position:relative;
overflow:hidden;
}
.card {
display: flex;
/*flex-direction: column;
justify-content: center;
align-items: center;
background: #353535;
font-size: 3rem;*/
color: #fff;
/*box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;*/
height: 100%;
width: 100%;
border-radius: 0px;
transition: all 500ms;
overflow: hidden;
/*background-size: cover;
background-position: center;
background-repeat: no-repeat;*/
}
.card:hover {
/*box-shadow: rgba(2, 8, 20, 0.1) 0px 0.35em 1.175em, rgba(2, 8, 20, 0.08) 0px 0.175em 0.5em;
transform: translateY(-3px) scale(1.1);*/
}
/* Medium screens */
@media screen and (min-width: 600px) {
.card-tall {
grid-row: span 2 / auto;
}
.card-wide {
grid-column: span 2 / auto;
}
}
/* NEW GRID css END */
button.tsg-button
{ float:right;
padding:10px 40px;
color:#fff;
border:2px solid white;
font-size:20px;
background:#000;
font-family:trade-gothic-lt;
cursor:pointer;
}
button.tsg-button:hover
{
color:#000;
background:#fff;
}
@media (max-width: 1024px) {
.H5APP_ProductGrid .grid_product_wrapper
{ width:calc(33.33333333% - 10px);
}
}
@media (max-width: 860px){
.H5APP_ProductGrid .grid_product_wrapper
{ width:calc(100% - 10px);
}
}
.phone .H5APP_ProductGrid .grid_product_wrapper
{ width:calc(100% - 10px);
}
.H5APP_ProductGrid .grid_product_wrapper>div.item
{ width:100%;
background-size:cover;
background-position: center center;
background-color:#222222;
display:flex;;
align-items: center;
text-align:center;
}
.H5APP_ProductGrid .grid_wrapper h1
{ font-size:30px;
line-height:30px;
color:#efeee8;
margin:0px;
opacity:0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_ProductGrid .grid_product_wrapper>div.item:hover h1
{
opacity:1;
}
.H5APP_ProductGrid .grid_wrapper p
{ font-size:16px;
line-height:18px;
color:#efeee8;
}
/********************************************************************************************/
/* H5APP_ProductGrid */
/********************************************************************************************/
.H5APP_ProductGrid
{ overflow-x:hidden;
}
.H5APP_ProductGrid .range_panel
{ overflow:auto;
overflow-x:hidden;
}
.H5APP_ProductGrid .range_panel h1
{ border-bottom:5px solid #f0efe8;
font-size:2.8em;
line-height:1.0em;
color:#f0efe8;
padding-bottom:20px;
}
.range_image
{ width:100px;
height:100px;
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
float:right;
border:0px solid red;
font-size:90px;
}
.H5APP_ProductGrid .filter_wrapper
{ overflow:auto;
margin-bottom:10px;
border:0px solid f0efe8;
display:block;
width:auto;
margin-bottom:20px;
}
.H5APP_ProductGrid .filter_wrapper.scrolling
{ position:fixed;
top:95px;
width:100%;
max-width:1552px;
background:rgba(0,0,0,0.9);
z-index:400;
/*box-sizing: content-box;
max-width: calc(1600px - 48px);
*/
}
@media (max-width:1024px)
{ .H5APP_ProductGrid .filter_wrapper.scrolling
{ position:relative;
top:auto;
width:auto;
max-width:auto;
}
}
.H5APP_ProductGrid .special_offer
{ position:absolute;
width:40px;
height:80px;
background:#ca161d;
color:#fff;
text-align:center;
box-sizing:border-box;
padding-top:20px;
z-index:100;
right:0px;
top:0px;
-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}
.H5APP_ProductGrid .filter_wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
}
.H5APP_ProductGrid .filter_wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #f0efe8;
border-right:0px solid black;
}
.H5APP_ProductGrid .filter_wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_ProductGrid .filter_wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
}
.H5APP_ProductGrid .filter_wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_ProductGrid .item_wrapper
{ /*overflow:auto;*/
width:calc(100% + 8px);
margin-bottom:72px;
}
.H5APP_ProductGrid .filter-wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
}
.H5APP_ProductGrid .filter-wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #f0efe8;
border-right:0px solid black;
}
.H5APP_ProductGrid .filter-wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_ProductGrid .filter-wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
}
.H5APP_ProductGrid .filter-wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_ProductGrid .item_wrapper
{ /*overflow:auto;*/
width:calc(100% + 8px);
margin-bottom:72px;
}
.H5APP_ProductGrid .item_wrapper .product_panel
{ max-width:calc(16.6666% - 8px);
width:100%;
margin-right:15px;
margin-bottom:15px;
float:left;
background:#222222;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.H5APP_ProductGrid .item_wrapper .product_panel,
.H5APP_ProductGrid .item_wrapper .product_panel *
{ cursor:pointer;
}
.H5APP_ProductGrid.filtering .item_wrapper .product_panel
{ display:none;
}
.H5APP_ProductGrid.filtering .item_wrapper .product_panel.filter_result
{ display:block;
}
.H5APP_ProductGrid .item_wrapper .product_panel:hover
{
background-size:60% 60%;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info
{ position:absolute;
bottom:0;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity:0;
box-sizing: border-box;
padding:10px;
margin:0px;
}
@media (max-width:1024px)
{ .H5APP_ProductGrid .item_wrapper .product_panel>.info
{
opacity:1;
}
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:1.2vw;
line-height: 1.3vw;
margin:0px;
padding:0px;
margin-bottom:3px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.name
{
font-family:trade-gothic-lt;
font-weight:normal;
text-transform:none;
margin-bottom:8px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price
{ font-size:0.9vw;
font-family:trade-gothic-lt;
font-weight:bold;
text-transform:none;
margin-bottom:0px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price>span
{
text-decoration: line-through;
color:#807f7a;
font-size:0.7vw;
}
.H5APP_ProductGrid .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
@media (max-width: 1024px) {
.H5APP_ProductGrid .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:3.2vw;
line-height:3.4vw;
margin-bottom:10px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price
{ font-size:2.7vw;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price>span
{
font-size:1.7vw;
}
.H5APP_ProductGrid .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
@media (max-width: 768px) {
.H5APP_ProductGrid .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:30px;
margin:0px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:7.2vw;
line-height:7.4vw;
margin-bottom:10px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price
{ font-size:4.7vw;
}
.H5APP_ProductGrid .item_wrapper .product_panel>.info>.price>span
{
font-size:3.7vw;
}
.H5APP_ProductGrid .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
.H5APP_ProductGrid .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display:none;
}
.H5APP_ProductGrid .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
@media (max-width:1024px)
{ .H5APP_ProductGrid .filter_wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_ProductGrid .filter_wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
.H5APP_ProductGrid .filter-wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_ProductGrid .filter-wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
}
/********************************************************************************************/
/* H5APP_ProductRange */
/********************************************************************************************/
.H5APP_ProductRange
{ overflow-x:hidden;
}
.H5APP_ProductRange .range_panel
{ overflow:auto;
overflow-x:hidden;
}
.H5APP_ProductRange .range_panel h1
{ border-bottom:5px solid #f0efe8;
font-size:2.8em;
line-height:1.0em;
color:#f0efe8;
padding-bottom:20px;
}
.range_image
{ width:100px;
height:100px;
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
float:right;
border:0px solid red;
font-size:90px;
}
.H5APP_ProductRange .filter_wrapper
{ overflow:auto;
margin-bottom:10px;
border:0px solid f0efe8;
display:block;
width:auto;
margin-bottom:20px;
}
.H5APP_ProductRange .filter_wrapper.scrolling
{ position:fixed;
top:95px;
max-width:1552px;
background:rgba(0,0,0,0.9);
z-index:400;
/*box-sizing: content-box;
max-width: calc(1600px - 48px);
*/
}
.admin-bar .H5APP_ProductRange .filter_wrapper.scrolling
{ position:fixed;
top:127px;
}
.H5APP_ProductRange .filter_wrapper.scrolling
{ position:fixed;
width:100%;
max-width:1552px;
}
@media (max-width:1024px)
{ .H5APP_ProductRange .filter_wrapper.scrolling
{ position:relative;
top:auto;
width:100%;
max-width:1552px;
}
}
.H5APP_ProductRange .filter-wrapper
{ overflow:auto;
margin-bottom:10px;
border:0px solid f0efe8;
display:block;
width:auto;
margin-bottom:20px;
}
.H5APP_ProductRange .filter-wrapper.scrolling
{ position:fixed;
top:95px;
max-width:1552px;
background:rgba(0,0,0,0.9);
z-index:400;
/*box-sizing: content-box;
max-width: calc(1600px - 48px);
*/
}
.admin-bar .H5APP_ProductRange .filter-wrapper.scrolling
{ position:fixed;
top:127px;
}
.H5APP_ProductRange .filter-wrapper.scrolling
{ position:fixed;
width:100%;
max-width:1552px;
}
@media (max-width:1024px)
{ .H5APP_ProductRange .filter-wrapper.scrolling
{ position:relative;
top:auto;
width:100%;
max-width:1552px;
}
}
.H5APP_ProductRange .out-of-stock
{ position:absolute;
width:40px;
height:40px;
z-index:100;
right:5px;
bottom:5px;
opacity:0.4;
}
.H5APP_ProductRange .special_offer
{ position:absolute;
width:40px;
height:80px;
background:#ca161d;
color:#fff;
text-align:center;
box-sizing:border-box;
padding-top:20px;
z-index:100;
right:0px;
top:0px;
-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}
.H5APP_ProductRange .filter_wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
}
.H5APP_ProductRange .filter_wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #f0efe8;
border-right:0px solid black;
}
.H5APP_ProductRange .filter_wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_ProductRange .filter_wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
}
.H5APP_ProductRange .filter_wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_ProductRange .filter-wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
}
.H5APP_ProductRange .filter-wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #f0efe8;
border-right:0px solid black;
}
.H5APP_ProductRange .filter-wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_ProductRange .filter-wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
}
.H5APP_ProductRange .filter-wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_ProductRange .item_wrapper
{ overflow:auto;
width:calc(100% + 8px);
margin-bottom:72px;
}
.H5APP_ProductRange .item_wrapper .product_panel
{
width:100%;
/*max-width:calc(16.6666% - 8px);
margin-right:8px;
margin-bottom:8px;*/
float:left;
background:#222222;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.eggshell .H5APP_ProductRange .item_wrapper .product_panel
{
background-color:#B5B4AE;
color:#333333;
}
.H5APP_ProductRange .item_wrapper .product_panel,
.H5APP_ProductRange .item_wrapper .product_panel *
{ cursor:pointer;
}
.H5APP_ProductRange.filtering .item_wrapper .square
{ display:none;
}
.H5APP_ProductRange.filtering .item_wrapper .square.filter_result
{ display:block;
}
.H5APP_ProductRange .item_wrapper .product_panel
{ width:100%;
height:100%;
min-height:100%;
min-width:100%;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info
{ position:absolute;
bottom:0;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity:0;
box-sizing: border-box;
padding:10px;
margin:0px;
}
@media (max-width:1024px)
{ .H5APP_ProductRange .item_wrapper .product_panel>.info
{
opacity:1;
}
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:1.2vw;
line-height: 1.3vw;
margin:0px;
padding:0px;
margin-bottom:3px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.name
{
font-family:trade-gothic-lt;
font-weight:normal;
text-transform:none;
margin-bottom:8px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price
{ font-size:0.9vw;
font-family:trade-gothic-lt;
font-weight:bold;
text-transform:none;
margin-bottom:0px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price>span
{
text-decoration: line-through;
color:#807f7a;
font-size:0.7vw;
}
.H5APP_ProductRange .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
@media (max-width: 1024px) {
.H5APP_ProductRange .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:3.2vw;
line-height:3.4vw;
margin-bottom:10px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price
{ font-size:2.7vw;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price>span
{
font-size:1.7vw;
}
.H5APP_ProductRange .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
@media (max-width: 768px) {
.H5APP_ProductRange .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:30px;
margin:0px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:7.2vw;
line-height:7.4vw;
margin-bottom:10px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price
{ font-size:4.7vw;
}
.H5APP_ProductRange .item_wrapper .product_panel>.info>.price>span
{
font-size:3.7vw;
}
.H5APP_ProductRange .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
.H5APP_ProductRange .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display:none;
}
.H5APP_ProductRange .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
.H5APP_ProductRange .item_wrapper .product_panel:hover
{
background-size:60% 60%;
}
@media (max-width:1024px)
{ .H5APP_ProductRange .filter_wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_ProductRange .filter_wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
}
/********************************************************************************************/
/* H5APP_ProductGroup */
/********************************************************************************************/
.H5APP_ProductGroup
{ overflow-x:hidden;
}
.H5APP_ProductGroup .range_panel
{ overflow:auto;
overflow-x:hidden;
}
.H5APP_ProductGroup .range_panel h1
{ border-bottom:5px solid #f0efe8;
font-size:2.8em;
line-height:1.0em;
color:#f0efe8;
padding-bottom:20px;
}
.range_image
{ width:100px;
height:100px;
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
float:right;
border:0px solid red;
font-size:90px;
}
.H5APP_ProductGroup .filter_wrapper
{ overflow:auto;
margin-bottom:10px;
border:0px solid f0efe8;
display:block;
width:auto;
margin-bottom:20px;
}
.H5APP_ProductGroup .filter_wrapper.scrolling
{ position:fixed;
top:95px;
width:100%;
max-width:1552px;
background:rgba(0,0,0,0.9);
z-index:400;
/*box-sizing: content-box;
max-width: calc(1600px - 48px);
*/
}
@media (max-width:1024px)
{ .H5APP_ProductGroup .filter_wrapper.scrolling
{ position:relative;
top:auto;
width:auto;
max-width:auto;
}
}
.H5APP_ProductGroup .out-of-stock
{ position:absolute;
width:40px;
height:40px;
z-index:100;
right:5px;
bottom:5px;
opacity:0.4;
}
.H5APP_ProductGroup .special_offer
{ position:absolute;
width:40px;
height:80px;
background:#ca161d;
color:#fff;
text-align:center;
box-sizing:border-box;
padding-top:20px;
z-index:100;
right:0px;
top:0px;
-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}
.H5APP_ProductGroup .filter_wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
}
.H5APP_ProductGroup .filter_wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #f0efe8;
border-right:0px solid black;
}
.H5APP_ProductGroup .filter_wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_ProductGroup .filter_wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
}
.H5APP_ProductGroup .filter_wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_ProductGroup .item_wrapper
{ overflow:auto;
width:calc(100% + 8px);
margin-bottom:72px;
}
.H5APP_ProductGroup .item_wrapper .product_panel
{
width:100%;
/*max-width:calc(16.6666% - 8px);
margin-right:8px;
margin-bottom:8px;*/
float:left;
background:#222222;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.eggshell .H5APP_ProductGroup .item_wrapper .product_panel
{
background-color:#B5B4AE;
color:#333333;
}
.H5APP_ProductGroup .item_wrapper .product_panel,
.H5APP_ProductGroup .item_wrapper .product_panel *
{ cursor:pointer;
}
.H5APP_ProductGroup.filtering .item_wrapper .square
{ display:none;
}
.H5APP_ProductGroup.filtering .item_wrapper .square.filter_result
{ display:block;
}
.H5APP_ProductGroup .item_wrapper .product_panel
{ width:100%;
height:100%;
min-height:100%;
min-width:100%;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info
{ position:absolute;
bottom:0;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity:0;
box-sizing: border-box;
padding:10px;
margin:0px;
}
@media (max-width:1024px)
{ .H5APP_ProductGroup .item_wrapper .product_panel>.info
{
opacity:1;
}
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:1.2vw;
line-height: 1.3vw;
margin:0px;
padding:0px;
margin-bottom:3px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.name
{
font-family:trade-gothic-lt;
font-weight:normal;
text-transform:none;
margin-bottom:8px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price
{ font-size:0.9vw;
font-family:trade-gothic-lt;
font-weight:bold;
text-transform:none;
margin-bottom:0px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price>span
{
text-decoration: line-through;
color:#807f7a;
font-size:0.7vw;
}
.H5APP_ProductGroup .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
@media (max-width: 1024px) {
.H5APP_ProductGroup .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:3.2vw;
line-height:3.4vw;
margin-bottom:10px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price
{ font-size:2.7vw;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price>span
{
font-size:1.7vw;
}
.H5APP_ProductGroup .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
@media (max-width: 768px) {
.H5APP_ProductGroup .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:30px;
margin:0px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:7.2vw;
line-height:7.4vw;
margin-bottom:10px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price
{ font-size:4.7vw;
}
.H5APP_ProductGroup .item_wrapper .product_panel>.info>.price>span
{
font-size:3.7vw;
}
.H5APP_ProductGroup .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
.H5APP_ProductGroup .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display:none;
}
.H5APP_ProductGroup .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
.H5APP_ProductGroup .item_wrapper .product_panel:hover
{
background-size:60% 60%;
}
@media (max-width:1024px)
{ .H5APP_ProductGroup .filter_wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_ProductGroup .filter_wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
}
/***********************************************************************************************/
/* TSGProductFilter */
/***********************************************************************************************/
.TSGProductFilter.filters
{ width:100%;
overflow:auto;
height:auto;
margin-bottom:20px;
border:1px solid white;
padding:1px;
}
.TSGProductFilter.filters>.filter-show
{ width:100%;
overflow:auto;
height:auto;
margin-bottom:0px;
display:block;
}
.TSGProductFilter.filters.open>.filter-show
{ display:none;
}
.TSGProductFilter.filters>.filter-show .filter-toggle
{ display:block;
position:relative;
margin: 0 auto;
float:none;
width:100%;
text-align:center;
border:0px solid white;
padding:15px 10px;
text-transform:uppercase;
cursor:pointer;
}
.TSGProductFilter.filters.filters-active>.filter-show .filter-toggle
{ display:inline-block;
float:right;
margin:0 1px 0 0 ;
width:auto;
}
.TSGProductFilter.filters>.filter-show .active-filter
{ display:inline-block;
background:#fff;
color:#000;
border:0px solid white;
padding:15px 10px;
text-transform:uppercase;
margin-right:1px;
margin-bottom:1px;
cursor:pointer;
}
.TSGProductFilter .runtime-hide
{ opacity:0.2;
}
.TSGProductFilter table.filter_wrapper
{ width:100%;
display:none;
margin:0px;
}
.TSGProductFilter.filters.open table.filter_wrapper
{
display:table;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td
{ padding:15px 10px;
border-bottom:0px solid white;
text-transform:uppercase;
color:#adadad;
margin-right:5px;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td .icon
{ position:absolute;
right:10px;
top:15px;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td .icon-arrow-up
{ display:none;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td .icon-arrow-down
{ color:#ffffff;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td.active .icon-arrow-down
{ display:none;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td.active .icon-arrow-up
{ display:block;
}
.TSGProductFilter table.filter_wrapper>tbody>tr>td.selected
{ font-weight:bold;
color:#ffffff;
}
.TSGProductFilter.filters.open table.filter_wrapper>tbody>tr>td
{ padding:15px 10px;
border-bottom:1px solid white;
text-transform:uppercase;
}
.TSGProductFilter table.options_wrapper>tbody>tr>td
{ padding:0px;
margin:0px;
}
.TSGProductFilter table.options_wrapper
{ width:100%;
display:none;
}
.TSGProductFilter.filters.open table.options_wrapper
{
display:table;
}
.TSGProductFilter .options_wrapper .filter-option
{ padding:5px 10px;
border:0px solid white;
border-bottom:1px solid black;
text-transform:uppercase;
margin:0px 2px;
display:block;
width:calc(100% - 0px);
cursor:pointer;
}
.TSGProductFilter .options_wrapper .filter-option.active
{
text-transform:uppercase;
display:block;
width:calc(100% - 4px);
background:#fff;
color:#000;
}
/***********************************************************************************************/
/* H5APP_Product */
/***********************************************************************************************/
.H5APP_Product
{ width:calc(100%);
position: relative;
height:auto;
overflow:auto;
padding:0px;
margin-top:125px;
margin-bottom:5px;
overflow-x:hidden;
color:#111111;
}
.H5APP_Product .special_offer
{ position:absolute;
width:40px;
height:80px;
background:#ca161d;
color:#fff;
text-align:center;
box-sizing:border-box;
padding-top:20px;
z-index:100;
right:20px;
top:0px;
-webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}
.H5APP_Product .sizing_content
{ overflow:auto;
}
.H5APP_Product .sizing_content .inner
{ display:block;
margin:0 auto;
position:relative;
width:100%;
max-width:80%;
}
.mode-mobile .H5APP_Product .sizing_content .inner
{ padding:0 25px;
overflow:hidden;
margin:0px;
width:100%;
min-width: 100%;
}
.H5APP_Product .sizing_content .size_icon
{ width:10%;
height:auto;
overflow:hidden;
background:transparent;
float:left;
padding-right:20px;
}
.mode-mobile .H5APP_Product .sizing_content .size_icon
{ width:65px;
}
.H5APP_Product .sizing_content .t_wrap
{ width:100%;
overflow:auto;
}
.H5APP_Product .sizing_content .s_wrap
{ width:100%;
overflow:auto;
}
.H5APP_Product .sizing_content .tsg_size_table
{ width:60%;
float:left;
}
.H5APP_Product .sizing_content .tsg_size_table td
{ padding:5px;
text-transform:uppercase;
}
.mode-mobile .H5APP_Product .sizing_content .tsg_size_table tr>td:first-child
{ padding-left:0px;
}
.mode-mobile .H5APP_Product .sizing_content .tsg_size_table tr>td:last-child
{ padding-right:0px;
}
.H5APP_Product div.product_wrapper
{ background:#efeee8;
padding:0px;
overflow:auto;
padding-top:0px;
padding-bottom:120px;
width:100%;
max-width:100%;
}
.H5APP_Product div.product_wrapper .part_1
{ padding-top:50px;
}
.H5APP_Product div.product_image
{ width:calc(60% - 40px);
float:left;
background-size:cover;
background-position: center center;
background-color:transparent;
margin-right:10px;
position:relative;
}
@media (max-width:1024px)
{ .H5APP_Product div.product_image
{
margin-right:0px;
}
}
.H5APP_Product div.product_details
{ width:calc(40% - 40px);
float:left;
position:relative;
overflow:hidden;
height:auto;
padding-bottom:50px;
}
.H5APP_Product div.product_details div.product_group
{ text-transform:uppercase;
margin-bottom:30px;
display:block;
color:#b5b4ae;
font-size:20px;
}
.H5APP_Product div.product_details h1
{ font-size:60px;
line-height:55px;
padding-bottom:20px;
border-bottom:8px solid black;
}
@media (max-width:1280px)
{ .H5APP_Product div.product_details h1
{ font-size:40px;
line-height:40px;
}
}
@media (max-width:1024px)
{ .H5APP_Product div.product_details h1
{ font-size:30px;
line-height:30px;
}
}
.add_to_cart_button
{ position:absolute;
left:0px;
bottom:0px;
width:100%;
margin-top:20px;
}
@media (max-width:1280px)
{ .add_to_cart_button
{ position:relative; left:auto; bottom:auto; width:100%;
}
}
@media (max-width:1024px)
{ .add_to_cart_button
{ position:relative; left:auto; bottom:auto; width:100%;
}
}
.H5APP_Product div.product_details .price
{ margin-bottom:50px;
overflow:auto;
padding-bottom:50px;
font-family:trade-gothic-lt;
}
.H5APP_Product div.product_details .price .full_price span.euro
{ font-family:trade-gothic-lt;
font-weight:bold;
}
.H5APP_Product div.product_details .price .full_price
{ font-size:40px;
color:#333333;
margin-right:30px;
font-family:trade-gothic-no-2-bold;
float:left;
}
@media (max-width:1280px)
{ .H5APP_Product div.product_details .price
{ margin-bottom:25px;
overflow:auto;
padding-bottom:25px;
font-family:trade-gothic-lt;
}
}
@media (max-width:1024px)
{ .H5APP_Product div.product_details .price .full_price
{ font-size:30px;
}
.H5APP_Product div.product_details .price
{ margin-bottom:50px;
overflow:auto;
padding-bottom:10px;
font-family:trade-gothic-lt;
}
}
.H5APP_Product div.product_details .price .original_price
{
font-size:30px;
color:#b5b4ae;
text-decoration: line-through;
float:left;
padding-top:10px;
}
.H5APP_Product div.product_details .product_config_wrapper
{ background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-position: top;
background-size: 3px 2px;
background-repeat: repeat-x;
padding-bottom:25px;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config
{ padding-top:20px;
padding-bottom:20px;
border-bottom:0px dotted #b5b4ae;
text-transform: uppercase;
overflow:auto;
text-align: left;
font-size:20px;
background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 3px 2px;
background-repeat: repeat-x;
padding-left:20px;
padding-right:20px;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .header
{
overflow:hidden;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .selections
{
overflow:auto;
max-height:auto;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .selections .option
{ padding-top:15px;
padding-left:30%;
cursor:pointer;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .description
{ float:left;
width:30%;
color:#b5b4ae;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .info
{ float:left;
width:70%;
padding-right:25px;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config
{ position:relative;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config>.selections>.option:hover
{ color:#4a4a4a;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config>.selections>.option.o-u-s
{ opacity:0.8;
color:#333;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .out-of-stock
{ float:right;
opacity:0.2;
position:absolute;
right:0px;
top:13px;
}
.H5APP_Product div.product_details .product_config_wrapper .product_config .info>span
{ position:absolute;
right:00px;
top:00px;
}
@media (max-width: 860px){
.H5APP_Product div.product_image
{ width:calc(100% - 10px);
}
.H5APP_Product div.product_details
{ width:calc(100% - 10px);
}
}
.H5APP_Product div.product_image div.product_image_index
{ width:100%;
position:absolute;
bottom:0px;
left:0px;
text-align:center;
}
.H5APP_Product div.product_image div.product_image_index>div.index_item
{ width:12px;
height:12px;
border-radius:50%;
border:solid 1px #b5b4ae;
float:none;
display:inline-block;
background:transparent;
margin:8px;
cursor:pointer;
}
.H5APP_Product div.product_image div.product_image_index>div.index_item.selected
{ background:#8fb6ad;
}
.H5APP_Product div.product_navigation
{ padding:15px;
color:#ffffff;
overflow:auto;
background:#000000;
padding-left:30px;
padding-right:0px;
overflow:visible ;
min-height:25px;
height:25px;
box-sizing:border-box;
}
.H5APP_Product div.product_navigation .prod_nav
{ display:block;
float:left;
text-transform: uppercase;
opacity:0;
}
.H5APP_Product div.product_navigation .prod_nav>span
{ font-size:12px;
}
.H5APP_Product div.product_navigation .prod_nav.prod_next
{ display:none;
float:right;
}
.H5APP_Product div.prod_attributes
{ padding-left:5px;
padding-right:5px;
}
@media (max-width:1024px)
{ .H5APP_Product div.prod_attributes
{ padding-left:5px;
padding-right:10px;
}
}
.H5APP_Product div.product_description
{ background:#333333;
padding:25px;
color:#b4b5af;
padding-top:72px;
padding-bottom:72px;
font-size:27px;
line-height:37px;
font-family:trade-gothic-lt;
font-weight:normal;
}
.H5APP_Product div.product_description .inner_bounds
{ text-align:center;
padding:0 8.5%;
}
@media (max-width:1024px)
{ .H5APP_Product div.product_description
{ font-size:18px;
line-height:24px;
}
}
.H5APP_Product div.product_variants.prod_attributes
{ background:#111111;
overflow:auto;
text-align:center;
position:relative;
text-align:center;
max-height:300px;
overflow:hidden;
padding-right:5px;
}
.H5APP_Product div.prod_attributes.product_variants>div.inner_bounds
{ overflow:auto;
text-align:center;
max-width:calc(1600px - 48px);
margin-left:auto;
margin-right:auto;
padding:5px 0px;
width:calc(100% + 5px);
}
@media (max-width:1024px)
{ .H5APP_Product div.prod_attributes>div.inner_bounds
{
max-width:100%;
width:100%;
}
}
.product_wrapper .inner_bounds
{ overflow:auto;
position:relative;
}
.H5APP_Product>.product_wrapper>.inner_bounds
{ max-width:calc(1600px - 24px);
margin-left:auto;
margin-right:auto;
width:calc(100% - 24px);
padding:0 12px;
}
.product_image .range_image
{ position:absolute;
left:25px;
top:0px;
font-size:90px;
float:left;
}
.H5APP_Product div.product_variants div.more_blend
{ position:absolute;
overflow:hidden;
left:0px;
bottom:0px;
width:100%;
background:#333333;
height:auto;
text-align:center;
padding:20px;
color:#669c8f;
text-transform:uppercase;
font-size:25px;
}
.H5APP_Product div.product_variants div.more_blend>div
{ margin-bottom:20px;
}
.H5APP_Product div.product_variants div.more_blend .open,
.H5APP_Product div.product_variants.selected div.more_blend .icon-btn-circle-plus,
.H5APP_Product div.product_variants div.more_blend .icon-btn-circle-minus,
.H5APP_Product div.product_variants.selected div.more_blend>div.closed
{ display:none;
}
.H5APP_Product div.product_variants.selected div.more_blend .open,
.H5APP_Product div.product_variants.selected div.more_blend .icon-btn-circle-minus
{ display:block;
}
.H5APP_Product div.product_variants div.product_variant
{
width:calc(12.5% - 5px);
display:inline-block;
float:none;
background-color:#f0efe8;
margin-right:5px;
}
@media (max-width:1280px)
{ .H5APP_Product div.product_variants div.product_variant
{ width:calc(16.6666% - 5px);
margin-right:5px;
}
}
@media (max-width:1024px)
{ .H5APP_Product div.product_variants div.product_variant
{ width:calc(33.333% - 5px);
margin-right:5px;
}
}
.H5APP_Product div.product_features
{ background:#333333;
padding:50px 25px ;
overflow:auto;
color:#ffffff;
}
.mode-mobile .H5APP_Product div.product_features
{
padding:50px 0px ;
}
.H5APP_Product div.product_features .features_wrapper
{
overflow:auto;
padding:0px 15px;
}
.mode-mobile .H5APP_Product div.product_features .features_wrapper
{
overflow:auto;
padding:0px 5px;
}
.H5APP_Product div.product_features .features_wrapper .product_info_content h3
{ border-bottom:2px solid #807f78;
border-top:2px solid #807f78;
margin-top:0px;
padding:25px 50px;
}
.mode-mobile .H5APP_Product div.product_features .features_wrapper .product_info_content h3
{ line-height:24px;
padding:15px 50px 10px 50px;
}
.seperator
{ height:1px; width:100%;
border-top:1px dotted #807f78;
}
.H5APP_Product .product_info_content
{ overflow:hidden;
height:0px;
color:#807f78;
}
.H5APP_Product .product_info_content.selected
{ overflow:auto;
height:auto;
}
.H5APP_Product .product_info_content .inner
{ overflow:visible;
height:auto;
padding-bottom:20px;
position:relative;
margin:0 auto;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header
{ padding:25px;
border:0px;
border-top:0px solid #807f78;
background-image: linear-gradient(to right, #807f78 33%, rgba(255,255,255,0) 0%);
background-position: top;
background-size: 3px 2px;
background-repeat: repeat-x;
border-style: dotted;
text-transform:uppercase;
color:#b4b5af;
text-align: left;
font-size:22px;
cursor:pointer;
}
.H5APP_Product .product_info_content.spare_content .inner
{ display:block;
margin:0 auto;
position:relative;
width:100%;
max-width:100%;
padding:0 50px;
padding-bottom:50px;
}
.mode-mobile .H5APP_Product .product_info_content.spare_content .inner
{
padding:0 25px;
}
.H5APP_Product .product_info_content.spare_content .sparepart
{ padding:15px 0;
font-size:24px;
cursor:pointer;
}
.mode-mobile .H5APP_Product .product_info_content.spare_content .sparepart
{ font-size:18px;
}
.H5APP_Product .product_info_content.spare_content .sparepart:hover
{ background:#f0efe8;
color:#333333;
}
.H5APP_Product .product_info_content.spare_content .sparepart>span:first-child
{ min-width:200px;
width:30%;
display:inline-block;
cursor:pointer;
}
.mode-mobile .H5APP_Product .product_info_content.spare_content .sparepart>span:first-child
{ min-width:160px;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header>span
{ float:right;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header>span.icon-btn-plus
{ display:block;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header>span.icon-btn-minus
{ display:none;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header.selected>span.icon-btn-minus
{ display:block;
}
.H5APP_Product div.product_features .features_wrapper .product_info_header.selected>span.icon-btn-plus
{ display:none;
}
.H5APP_Product .features_content .feature_row
{ display:block;
margin:0 auto;
position:relative;
width:100%;
max-width:100%;
padding:0 50px;
}
.H5APP_Product .features_content .product_feature_row
{
padding:0 50px;
}
.feature_row
{ overflow:auto;
box-sizing: border-box;
color:#807f78;
}
.feature_row:hover
{ background:#f0efe8;
color:#333333;
}
.feature_row .icon
{ width:10%;
float:left;
background-size:50px 50px;
background-repeat: no-repeat;
background-position: 25px 0px;
text-align:center;
max-width:250px;
}
.feature_row .icon img
{ width:auto;
height:75px;
max-width:200px;
height:auto;
}
.feature_row .icon img.hover
{ display:none;
}
.feature_row:hover .icon img
{ display:none;
}
.feature_row:hover .icon img.hover
{ display:block;
}
.product_feature_row
{
margin-bottom:20px;
}
.product_feature_row .icon
{
max-width:80px;
}
.product_feature_row .header
{
font-family:futura-light, Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:inherit;
text-transform: uppercase;
font-weight:normal;
margin-top:10px;
}
.mode-tablet .product_feature_row .header
{
font-size:22px;
line-height:24px;
}
.mode-mobile .product_feature_row .header
{
font-size:24px;
line-height:28px;
}
.feature_row .header
{ width:30%;
float:left;
font-family:futura-light, Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
text-transform: uppercase;
font-weight:normal;
padding:25px;
padding-top:30px;
}
.H5APP_Product .specs_content
{
color:#807f78;
font-family:futura-light, Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
text-transform: uppercase;
font-weight:normal;
position:relative;
margin:0 auto;
}
.mode-mobile .H5APP_Product .specs_content
{
font-size:18px;
}
.H5APP_Product .product_info_content.specs_content .inner
{ display:block;
margin:0 auto;
position:relative;
width:100%;
max-width:100%;
padding:0 50px;
padding-bottom:50px;
}
.mode-mobile .H5APP_Product .product_info_content.specs_content .inner
{
padding:0 25px;
}
.H5APP_Product .specs_content .inner
{
}
.H5APP_Product .specs_content table
{ width:100%;
}
.H5APP_Product .specs_content table tr
{ margin-bottom:20px;
height:40px;
}
.H5APP_Product .specs_content table tr>td:first-child
{ width:10%;
min-width:150px;
}
.feature_row .description
{ width:60%;
float:left;
padding:25px;
font-size:18px;
line-height:22px;
}
.product_feature_row .description p
{ margin-top:10px;
margin-bottom:25px;
}
.H5APP_Product div.product_linked_products
{ background:#111111;
padding:0px;
overflow:auto;
position:relative;
overflow:hidden;
}
.H5APP_Product .product_linked_products .product_linked_products_scroll
{ position:relative;
left:0px;
top:0px;
}
.H5APP_Product .product_match
{ width:20%;
max-width:250px;
float:left;
background:#f0f0f0;
margin-right:10px;
}
.H5APP_Product .product_match>div.product_image
{ width:100%;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_Feature_details
{ overflow:auto;
position:relative;
margin-bottom:130px;
}
.H5APP_Feature_details .feature_detail_wrapper
{ overflow:hidden;
position:relative;
width:100%;
height:auto;
}
.H5APP_Feature_details .fb_wrapper
{ width:100%;
float:left;
border-top:2px solid white;
border-bottom:2px solid white;
margin-right:20px;
box-sizing:border-box;
padding:20px 0;
margin-bottom:40px;
position:relative;
}
.H5APP_Feature_details .fb_wrapper .icon
{ width:33.33%;
height:auto;
background:transparent;
font-size:60px;
}
.H5APP_Feature_details .fb_wrapper .title
{
border-bottom:2px solid white;
font-size:60px;
line-height:70px;
text-transform:uppercase;
font-family:futura-light;
padding-bottom:20px;
margin-bottom:30px;
}
@media (max-width:1500px)
{ .H5APP_Feature_details .fb_wrapper .title
{
font-size:4.0vw;
line-height:4.0vw;
}
}
@media (max-width:990px)
{ .H5APP_Feature_details .fb_wrapper .title
{
font-size:35px;
line-height:45px;
word-wrap: break-word;
}
}
.H5APP_Feature_details .fb_wrapper .description
{ font-size:20px;
}
.H5APP_Feature_details .ct_wrapper
{ width:calc(100%);
display:block;
height:100%;
overflow:hidden;
display:block;
height:100%;
position:relative;
}
.H5APP_Feature_details .ct_wrapper .slider_wrapper
{ position:absolute;
width:100%;
height:100%;
overflow:hidden;
}
.H5APP_Feature_details .ct_wrapper .slider_wrapper .slider
{ position:absolute;
left:0px;
top:0px;
height:100%;
}
.H5APP_Feature_details .ct_wrapper table,
.H5APP_Feature_details .ct_wrapper tr,
.H5APP_Feature_details .ct_wrapper td
{
height:100%;
}
.H5APP_Feature_details .slide
{
/*height:100%;*/
}
.H5APP_Feature_details .slide img
{ width:auto;
height:100%;
}
/********************************************************************************************/
/* H5APP_logos */
/********************************************************************************************/
.H5APP_TSGSearch
{ position: relative;
overflow:hidden;
margin-top:40px;
height:auto;
}
.H5APP_TSGSearch>div.tl_item.Year
{ position:relative;
margin: 20px auto;
min-width:600px;
width:40%;
border:2px solid #efeee8;
padding:20px;
text-align:center;
font-size:26px;
}
.H5APP_TSGSearch>div.tl_item.dist_init
{ position:relative;
margin: 20px auto;
max-width:4px;
background:#efeee8;
height:40px;
}
.H5APP_TSGSearch>div.tl_item.dist
{
position:relative;
margin: 20px auto;
max-width:4px;
background:#efeee8;
height:20px;
}
.H5APP_TSGSearch>div.tl_item.Event
{ text-align:center;
font-size:26px;
width:80%;
margin-bottom:30px;
position:relative;
margin: 20px auto;
}
.H5APP_TSGSearch>div.tl_item.Event img
{ margin-bottom:20px;
}
@media (max-width:1024px)
{ .H5APP_TSGSearch>div.tl_item.Event
{ text-align:center;
font-size:26px;
width:100%;
}
}
/*Grid **/
.H5APP_TSGSearch .item_wrapper
{ overflow:auto;
width:calc(100% + 8px);
margin-bottom:72px;
max-width: calc(1600px - 24px);
position:relative;
margin:0 auto;
}
.H5APP_TSGSearch .item_wrapper .product_panel
{ max-width:calc(16.6666% - 8px);
width:100%;
margin-right:8px;
margin-bottom:8px;
float:left;
background:#efeee8;
color:#333333;
text-align:left;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.H5APP_TSGSearch .item_wrapper .product_panel,
.H5APP_TSGSearch .item_wrapper .product_panel *
{ cursor:pointer;
}
.H5APP_TSGSearch.filtering .item_wrapper .product_panel
{ display:none;
}
.H5APP_TSGSearch.filtering .item_wrapper .product_panel.filter_result
{ display:block;
}
@media (max-width: 1024px) {
.H5APP_TSGSearch .item_wrapper .product_panel
{ max-width:calc(33.33333% - 8px);
}
}
@media (max-width: 786px) {
.H5APP_TSGSearch .item_wrapper .product_panel
{ max-width:calc(100% - 0px);
}
}
.H5APP_TSGSearch .item_wrapper .product_panel:hover
{
background-size:60% 60%;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info
{ position:absolute;
bottom:0;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity:0;
box-sizing: border-box;
padding:10px;
margin:0px;
}
@media (max-width:1024px)
{ .H5APP_TSGSearch .item_wrapper .product_panel>.info
{
opacity:1;
}
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>h1
{
text-align:left;
border-bottom:0px;
font-size:1.2vw;
line-height: 1.3vw;
margin:0px;
padding:0px;
margin-bottom:3px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.name
{
font-family:trade-gothic-lt;
font-weight:normal;
text-transform:none;
margin-bottom:8px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price
{ font-size:0.9vw;
font-family:trade-gothic-lt;
font-weight:bold;
text-transform:none;
margin-bottom:0px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price>span
{
text-decoration: line-through;
color:#807f7a;
font-size:0.7vw;
}
.H5APP_TSGSearch .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
@media (max-width: 1280px) {
.H5APP_TSGSearch .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:3.2vw;
line-height:3.4vw;
margin-bottom:10px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price
{ font-size:2.7vw;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price>span
{
font-size:1.7vw;
}
.H5APP_TSGSearch .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
@media (max-width: 768px) {
.H5APP_TSGSearch .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:30px;
margin:0px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:7.2vw;
line-height:7.4vw;
margin-bottom:10px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price
{ font-size:4.7vw;
}
.H5APP_TSGSearch .item_wrapper .product_panel>.info>.price>span
{
font-size:3.7vw;
}
.H5APP_TSGSearch .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
.H5APP_TSGSearch .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display:none;
}
.H5APP_TSGSearch .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
@media (max-width:1024px)
{ .H5APP_TSGSearch .filter_wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_TSGSearch .filter_wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
}
/********************************************************************************************/
/* H5APP_Rider */
/********************************************************************************************/
.H5APP_Rider
{
}
.H5APP_Rider h1, .H5APP_Rider h3, .H5APP_Rider h2, .H5APP_Rider p
{ text-align:center;
}
.H5APP_Rider p
{ color:#bababa;
}
.H5APP_Rider div.fact_wrapper
{ width:calc(100% + 10px);
overflow:auto;
height:auto;
}
.H5APP_Rider div.fact_wrapper div.fact
{ width:calc(25% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#000000;
border:2px solid white;
display:flex;
align-items: center;
text-align:center;
overflow:hidden;
}
.H5APP_Rider div.fact_wrapper div.fact div
{ display:block;
padding:20px;
width:100%;
overflow:hidden;
}
.H5APP_Rider div.fact_wrapper div.fact div h1
{ display:block;
font-size:40px;
line-height:40px;
text-align:center;
margin:0px;
width:100%;
}
.H5APP_Rider div.fact_wrapper div.fact div p
{ display:block;
text-align:center;
margin:0px;
width:100%;
}
.H5APP_Rider blockquote
{ margin-bottom:100px;
margin-top:160px;
background:#222222;
color:#bababa;
padding:72px 72px 50px 72px;
}
.H5APP_Rider .gallery_wrapper
{ background:#222222;
padding-top:50px;
padding-bottom:50px;
margin-top:20px;
margin-bottom:50px;
}
.H5APP_Rider .rider_items
{ background:#222222;
padding-top:50px;
padding-bottom:50px;
margin-top:20px;
margin-bottom:50px;
}
.H5APP_Rider .gallery_wrapper h1, .H5APP_Rider .track_wrapper h1, .H5APP_Rider .rider_items h1
{
margin-top:30px;
margin-bottom:50px;
}
.H5APP_Rider .gallery_wrapper .gallery_panel
{ background:#222222;
position:relative;;
overflow:hidden;
}
.H5APP_Rider .gallery_wrapper .gallery_panel .slide
{ display:none;
}
.H5APP_Rider .gallery_wrapper .gallery_panel .slide.visible
{ display:block;
}
.H5APP_Rider .gallery_wrapper .gallery_panel .slide .img
{
background-size:cover;
background-position: center center;
background-color:transparent;
margin-right:10px;
position:relative;
margin-bottom:20px;
}
.H5APP_Rider .gallery_panel_index
{ text-align:center;
overflow:auto;
margin-top:20px;
}
.H5APP_Rider .gallery_panel_index .item
{ border-radius:50%;
border:solid 1px #b5b4ae;
float:none;
width:12px;
height:12px;
margin:8px;
display:inline-block;
background:transparent;
cursor:pointer;
}
.H5APP_Rider .gallery_panel_index .item.selected
{ background:#8fb6ad;
}
.track_wrapper
{ text-align:center;
overflow:auto;
}
.track_wrapper .social_wrapper
{ width:auto;
overflow:auto;
display:inline-block;
padding:72px;
}
.track_wrapper .social_wrapper .social::before
{ font-size:40px;
padding:20px;
border:0px solid transparent;
}
.track_wrapper .social
{ font-size:60px;
}
@media (max-width: 1024px) {
.H5APP_Rider div.fact_wrapper div.fact
{ width:calc(50% - 10px);
}
}
@media (max-width: 860px){
.H5APP_Rider div.fact_wrapper div.fact
{ width:calc(50% - 10px);
}
.H5APP_Rider div.fact_wrapper div.fact div h1 {
font-size: 26px;
line-height: 26px;
}
}
.phone .H5APP_Rider div.fact_wrapper div.fact
{ width:calc(50% - 10px);
}
/*Grid **/
.H5APP_Rider .item_wrapper
{ overflow:auto;
width:calc(100% + 8px);
margin-bottom:72px;
max-width: calc(1600px - 24px);
position:relative;
margin:0 auto;
}
.H5APP_Rider .item_wrapper .product_panel
{ max-width:calc(16.6666% - 8px);
width:100%;
margin-right:8px;
margin-bottom:8px;
float:left;
background:#efeee8;
color:#333333;
text-align:left;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.H5APP_Rider .item_wrapper .product_panel,
.H5APP_Rider .item_wrapper .product_panel *
{ cursor:pointer;
}
.H5APP_Rider.filtering .item_wrapper .product_panel
{ display:none;
}
.H5APP_Rider.filtering .item_wrapper .product_panel.filter_result
{ display:block;
}
@media (max-width: 1024px) {
.H5APP_Rider .item_wrapper .product_panel
{ max-width:calc(33.33333% - 8px);
}
}
@media (max-width: 786px) {
.H5APP_Rider .item_wrapper .product_panel
{ max-width:calc(100% - 0px);
}
}
.H5APP_Rider .item_wrapper .product_panel:hover
{
background-size:60% 60%;
}
.H5APP_Rider .item_wrapper .product_panel>.info
{ position:absolute;
bottom:0;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
opacity:0;
box-sizing: border-box;
padding:10px;
margin:0px;
}
@media (max-width:1024px)
{ .H5APP_Rider .item_wrapper .product_panel>.info
{
opacity:1;
}
}
.H5APP_Rider .item_wrapper .product_panel>.info>h1
{
text-align:left;
border-bottom:0px;
font-size:1.2vw;
line-height: 1.3vw;
margin:0px;
padding:0px;
margin-bottom:3px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.name
{
font-family:trade-gothic-lt;
font-weight:normal;
text-transform:none;
margin-bottom:8px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price
{ font-size:0.9vw;
font-family:trade-gothic-lt;
font-weight:bold;
text-transform:none;
margin-bottom:0px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price>span
{
text-decoration: line-through;
color:#807f7a;
font-size:0.7vw;
}
.H5APP_Rider .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
@media (max-width: 1280px) {
.H5APP_Rider .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:3.2vw;
line-height:3.4vw;
margin-bottom:10px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price
{ font-size:2.7vw;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price>span
{
font-size:1.7vw;
}
.H5APP_Rider .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
@media (max-width: 768px) {
.H5APP_Rider .item_wrapper .product_panel>.info
{
box-sizing: border-box;
padding:30px;
margin:0px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>h1
{
border-bottom:0px;
font-size:7.2vw;
line-height:7.4vw;
margin-bottom:10px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.name
{
margin-bottom:8px;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price
{ font-size:4.7vw;
}
.H5APP_Rider .item_wrapper .product_panel>.info>.price>span
{
font-size:3.7vw;
}
.H5APP_Rider .item_wrapper .product_panel:hover>.info
{ opacity:1;
}
}
.H5APP_Rider .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
display:none;
}
.H5APP_Rider .tsg-rider-portrait-wrapper
{ margin-top:45px;
display:block
}
.H5APP_Rider .tsg-rider-portrait
{ margin-bottom:25px;
display:flex;
flex-direction: row;
align-items: stretch;
}
.mobile .H5APP_Rider .tsg-rider-portrait
{ display:block;
margin-bottom:40px;
}
.H5APP_Rider .tsg-rider-portrait>.portrait-image
{ flex:0.4;
padding-right:20px;
max-width:450px;
}
.mobile .H5APP_Rider .tsg-rider-portrait>.portrait-image
{ flex:1;
padding-right:0px;
max-width:100%;
}
.H5APP_Rider .tsg-rider-portrait>.portrait-image>div
{ background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.H5APP_Rider .tsg-rider-portrait>.portrait-details
{ flex:0.6;
}
.H5APP_Rider .tsg-rider-portrait>.portrait-details h1,
.H5APP_Rider .tsg-rider-portrait>.portrait-details h2,
.H5APP_Rider .tsg-rider-portrait>.portrait-details h3,
.H5APP_Rider .tsg-rider-portrait>.portrait-details p
{ text-align:left;
}
.H5APP_Rider .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
@media (max-width:1024px)
{ .H5APP_Rider .filter_wrapper .filter
{ width:100% !important;
border-right:1px solid #b5b4af;
border-top:0px solid #b5b4af;
}
.H5APP_Rider .filter_wrapper .filter:first-child
{
border-top:1px solid #b5b4af;
}
}
/***********************************************************************************************/
/* H5APP_RiderGrid */
/***********************************************************************************************/
.H5APP_RiderGrid
{ width:calc(100%);
position: relative;
height:auto;
background:transparent;
padding:0px 12px;
margin-bottom:5px;
}
.H5APP_RiderGrid select
{
/* irrelevante Eigenschaften gekürzt */
border: 2px solid #efeee8;
padding:20px 30px;
border-radius:0px;
box-shadow: 0 2px 1px 0 rgba(0,0,0,1);
background-color:#333;
color:white;
width:100%;
max-width:400px;
text-align:center;
position:relative;
display:block;
margin:0 auto;
margin-top:40px;
margin-bottom:60px;
font-size:26px;
font-family:trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
}
.H5APP_RiderGrid option {
background:#222;
border: 2px solid #efeee8;
border-radius:0px;
border-top:0px solid #444;
padding:20px 30px;
}
.H5APP_RiderGrid>div.grid_wrapper
{ width:calc(100% + 10px);
overflow:auto;
height:auto;
}
.H5APP_RiderGrid .grid_item_wrapper.no-match
{ display:none;
}
.H5APP_RiderGrid .grid_item_wrapper
{ width:calc(25% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
position:relative;
overflow:hidden;
font-family:trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
}
.H5APP_RiderGrid>div.grid_wrapper.Global .grid_item_wrapper
{ width:calc(33% - 10px);
}
.H5APP_RiderGrid .grid_item_wrapper div.content
{ position:absolute;
width:100%;
height:auto;
font-size:16px;
bottom:0px;
left:0px;
padding:20px;
z-index:200;
}
.H5APP_RiderGrid .grid_item_wrapper a.link
{ position:relative;
display:block;
font-size:14px;
text-transform:uppercase;
color:#efeee8;
}
.H5APP_RiderGrid .grid_item_wrapper a.link .icon-arrow-right
{font-size:12px;
margin-left:10px;
color:#fff;
}
.H5APP_RiderGrid .grid_item_wrapper.gray div.content
{ background:#222222;
}
.H5APP_RiderGrid .grid_item_wrapper div.content h1
{ font-size:30px;
line-height:30px;
color:#efeee8;
}
.H5APP_RiderGrid .grid_item_wrapper div.content p
{ font-size:16px;
line-height:18px;
color:#efeee8;
margin:0px;
padding:0px 0px 0px 0px;
}
.H5APP_RiderGrid .grid_item_wrapper div.content a
{ font-size:16px;
line-height:18px;
color:#efeee8;
text-transform:uppercase;
}
.H5APP_RiderGrid .grid_item_wrapper.fullwidth
{ width:calc(100% - 10px);
overflow:visible;
background-color:transparent;
}
.H5APP_RiderGrid .grid_item_wrapper .rider_type
{ position:absolute;
left:20px;
top:20px;
color:#ffffff;
z-index:201;
text-transform:uppercase;
font-size:12px;
font-family:trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
}
.H5APP_RiderGrid .grid_item_wrapper.fullwidth div.content
{ top:0px;
height:auto;
padding-top:50px;
padding-bottom:50px;
}
.H5APP_RiderGrid .grid_item_wrapper.fullwidth div.content h1
{ font-size:40px;
line-height:40px;
color:#efeee8;
}
.H5APP_RiderGrid .grid_item_wrapper.width_2
{ width:calc(50% - 10px);
}
@media (max-width: 1024px) {
.H5APP_RiderGrid .grid_item_wrapper
{ width:calc(50% - 10px);
}
.H5APP_RiderGrid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
}
@media (max-width: 860px){
.H5APP_RiderGrid .grid_item_wrapper
{ width:calc(100% - 10px);
}
.H5APP_RiderGrid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
}
.phone .H5APP_RiderGrid .grid_item_wrapper
{ width:calc(100% - 10px);
}
.phone .H5APP_RiderGrid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
.H5APP_RiderGrid .grid_item_wrapper.Section,
.H5APP_RiderGrid .grid_item_wrapper.Rider
{ width:calc(25% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
}
.H5APP_RiderGrid .grid_item_wrapper.Rider
{ aspect-ratio: 1 / 1;
}
.H5APP_RiderGrid .grid_item_wrapper.Rider div.content h1
{ opacity:1;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_RiderGrid .grid_item_wrapper.Rider:hover div.content h1
{ opacity:1;
}
.H5APP_RiderGrid .grid_item_wrapper.Section.width_2, .H5APP_RiderGrid .grid_item_wrapper.Rider.width_2
{ width:calc(33.333333332% - 10px);
}
@media (max-width: 1024px) {
.H5APP_RiderGrid .grid_item_wrapper.Section, .H5APP_RiderGrid .grid_item_wrapper.Rider
{ width:calc(33.333333335% - 10px);
}
.H5APP_RiderGrid .grid_item_wrapper.Section.width_2, .H5APP_RiderGrid .grid_item_wrapper.Rider.width_2
{ width:calc(100% - 10px);
}
.H5APP_RiderGrid>div.grid_wrapper.Global .grid_item_wrapper
{ width:calc(100% - 10px);
}
}
@media (max-width: 860px){
.H5APP_RiderGrid .grid_item_wrapper.Section, .H5APP_RiderGrid .grid_item_wrapper.Rider
{ width:calc(100% - 10px);
}
}
.H5APP_RiderGrid .grid_item_wrapper .item>.blend, .item>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_RiderGrid .grid_item_wrapper:hover .item img{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
width:100%;
height:auto;
}
.H5APP_RiderGrid .grid_item_wrapper .item img{
display:block;
margin:0px;
padding:0px;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
width:100%;
height:auto;
}
.H5APP_RiderGrid .grid_item_wrapper .item.missing
{ box-sizing:border-box;
padding:0px;
color:#ffffff;
text-align:center;
}
.H5APP_RiderGrid .grid_item_wrapper .item.missing b
{ display:block;
text-align:center;
color:#ffffff;
padding-top:40%;
}
.H5APP_RiderGrid .grid_item_wrapper:hover .item>.blend, .item:hover>.blend
{ opacity:0.6;
}
.H5APP_RiderGrid .grid_item_wrapper>.item
{ width:100%;
height:100%;
background-size:cover;
background-position: center center;
background-color:transparent;
}
.H5APP_RiderGrid .grid_item_wrapper.Product>.item
{
background-size:80%;
background-position: center top;
background-repeat:no-repeat;;
}
.H5APP_RiderGrid .grid_item_wrapper>.item.expand
{ width:100%;
height:100%;
}
/********************************************************************************************/
/* H5APP_HeaderTabs */
/********************************************************************************************/
/********************************************************************************************/
/* H5APP_Header_tab */
/********************************************************************************************/
.H5APP_HeaderTabs .header_tabs
{ margin-bottom:0px;
}
.H5APP_HeaderTabs
{ overflow-x:hidden;
}
.H5APP_HeaderTabs .range_panel
{ overflow:auto;
overflow-x:hidden;
}
.H5APP_HeaderTabs .range_panel h1
{ border-bottom:5px solid #f0efe8;
font-size:2.8em;
color:#f0efe8;
}
.range_image
{ width:100px;
height:100px;
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
float:right;
border:0px solid red;
font-size:90px;
}
.split-section
{ border:0px solid transparent;
}
.H5APP_HeaderTabs
{ position:relative;
margin:20px 0px;
}
.H5APP_HeaderTabs .filter_wrapper
{ overflow:auto;
margin-bottom:10px;
border:0px solid f0efe8;
width:100%;
margin-bottom:20px;
box-sizing:border-box;
}
.mode-desktop.scrolling .H5APP_HeaderTabs
{ position:fixed;
top:95px;
left:0px;
margin:0;
}
.admin-bar.mode-desktop.scrolling .H5APP_HeaderTabs
{ position:fixed;
top:127px;
left:0px;
margin:0;
}
.scrolling .H5APP_HeaderTabs
{ margin: 5px 0 25px 0;
width:100%;
height:auto;
overflow:auto;
max-width:100%;
z-index:400;
background:transparent;
}
.scrolling .H5APP_HeaderTabs .filter_wrapper
{ position:relative;;
margin: 0 auto;
width:calc(100% - 24px);
max-width:calc(1600px - 50px);
background:rgba(0,0,0,0.9);
}
.scrolling .H5APP_HeaderTabs .filter_wrapper .filter
{ color:#fff;
}
@media (max-width:1024px)
{ .scrolling .H5APP_HeaderTabs
{ position:relative;
width:100%;
height:auto;
overflow:auto;
max-width:100%;
z-index:400;
background:transparent;
}
.scrolling .H5APP_HeaderTabs .filter_wrapper
{ position:relative;;
margin: 0 auto;
width:calc(100% - 20px);
max-width:calc(1600px - 48px);
background:rgba(0,0,0,0.9);
}
}
.H5APP_HeaderTabs .special_offer
{ position:absolute;
width:40px;
height:80px;
background:#ca161d;
color:#fff;
text-align:center;
box-sizing:border-box;
padding-top:20px;
z-index:100;
right:0px;
top:0px;
-webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 54%);
clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 54%);
}
.H5APP_HeaderTabs .filter_wrapper .filter
{ float:left;
text-align: center;
padding:16px;
border:1px solid #b5b4af;
border-right:0px solid #b5b4af;
transition:all 0.2s;
}
.H5APP_HeaderTabs .filter_wrapper .filter.mobile
{ float:left;
text-align: center;
padding:16px;
}
.H5APP_HeaderTabs .filter_wrapper .filter.selected
{ background:#f0efe8;
color:#000000;
border:1px solid #b5b4af;
border-right:0px solid black;
}
.H5APP_HeaderTabs .filter_wrapper .filter>a
{ color:#b5b4af;
text-transform:uppercase;
transition:all 0.2s;
}
.H5APP_HeaderTabs .filter_wrapper .filter:hover>a
{ color:#b5b4af;
;
}
.H5APP_HeaderTabs .filter_wrapper .filter.selected>a
{ color:#000000;
}
.H5APP_HeaderTabs .filter_wrapper .filter:last-child
{
border-right:1px solid #b5b4af;
}
.H5APP_HeaderTabs .item_wrapper
{ overflow:auto;
width:calc(100% + 8px)
}
.H5APP_HeaderTabs .item_wrapper .product_panel
{ max-width:calc(16.6666% - 8px);
width:100%;
margin-right:8px;
margin-bottom:8px;
float:left;
background:#222222;
background-size:70% 70%;
background-position: center;
background-repeat: no-repeat;;
overflow:hidden;
-webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
}
.H5APP_HeaderTabs.filtering .item_wrapper .product_panel
{ display:none;
}
.H5APP_HeaderTabs.filtering .item_wrapper .product_panel.filter_result
{ display:block;
}
@media (max-width: 1024px) {
.H5APP_HeaderTabs .item_wrapper .product_panel
{ max-width:calc(33.33333% - 8px);
}
}
@media (max-width: 786px) {
.H5APP_HeaderTabs .item_wrapper .product_panel
{ max-width:calc(100% - 8px);
}
}
.H5APP_HeaderTabs .item_wrapper .product_panel:hover
{
background-size:80% 80%;
}
.H5APP_HeaderTabs .item_wrapper .product_panel>h1
{ position:absolute;
bottom:-100%;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-bottom:0px;
font-size:1.4vw;
line-height: 1.5vw;
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_HeaderTabs .item_wrapper .product_panel:hover>h1
{ position:absolute;
bottom:0;
left:0px;
z-index:25;
}
.H5APP_HeaderTabs .item_wrapper .product_panel>h2
{ position:absolute;
top:-100%;
left:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-bottom:0px;
font-size:1.4vw;
line-height: 1.5vw;
box-sizing: border-box;
padding:20px;
margin:0px;
}
.H5APP_HeaderTabs .item_wrapper .product_panel:hover>h2
{ position:absolute;
top:0;
left:0px;
z-index:25;
}
.H5APP_HeaderTabs .item_wrapper .product_panel>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_HeaderTabs .item_wrapper .product_panel:hover .blend
{
opacity: 0.05;
z-index:20;
}
/***********************************************************************************************/
/* H5APP_Rider */
/***********************************************************************************************/
.H5APP_TeaserGallery
{ margin-bottom:20px;
padding-top:00px;
}
.H5APP_TeaserGallery .tg_slide
{ display:none;
font-size:18px;
font-family:trade-gothic-lt, Verdana, Arial, Helvetica, sans-serif;
}
.H5APP_TeaserGallery .tg_slide.visible
{ display:block;
}
.H5APP_TeaserGallery .slide_index
{ text-align:center;
overflow:auto;
position:absolute;
bottom:50px;
text-align:center;
width:100%;
}
.H5APP_TeaserGallery .slide_wrapper
{ margin-bottom:50px;
}
.H5APP_TeaserGallery .slide_index .item
{ border-radius:50%;
border:solid 1px #b5b4ae;
float:none;
width:12px;
height:12px;
margin:8px;
display:inline-block;
background:transparent;
cursor:pointer;
}
.H5APP_TeaserGallery .slide_index .item.selected
{ background:#8fb6ad;
}
/***********************************************************************************************/
/* H5APP_Grid */
/***********************************************************************************************/
.H5APP_Grid
{ width:calc(100%);
position: relative;
height:auto;
background:transparent;
padding:0px;
margin-bottom:5px;
position: relative;
margin: 0 auto;
width: calc(100% - 20px);
max-width: calc(1600px - 48px);
}
.H5APP_Grid>div.grid_wrapper
{ width:calc(100% + 10px);
overflow:auto;
height:auto;
}
.H5APP_Grid .grid_item_wrapper
{ width:calc(25% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
position:relative;
overflow:hidden;
}
.H5APP_Grid .grid_item_wrapper div.content
{ position:absolute;
width:100%;
height:auto;
font-size:16px;
bottom:0px;
left:0px;
padding:20px;
z-index:200;
}
.H5APP_Grid .grid_item_wrapper.moreheight div.content
{ height:auto;
color:#efeee8;
}
.H5APP_Grid .grid_item_wrapper a.link
{ position:relative;
display:block;
font-size:14px;
text-transform:uppercase;
color:#efeee8;
}
.H5APP_Grid .grid_item_wrapper a.link .icon-arrow-right
{font-size:12px;
}
.H5APP_Grid .grid_item_wrapper.gray div.content
{ background:#222222;
}
.H5APP_Grid .grid_item_wrapper div.content h1
{ font-size:30px;
line-height:30px;
color:#efeee8;
}
@media (max-width: 992px) {
.H5APP_Grid .grid_item_wrapper div.content h1
{ font-size:4.5vw;
line-height:4.8vw;
color:#efeee8;
}
}
.H5APP_Grid .grid_item_wrapper div.content p
{ font-size:16px;
line-height:18px;
color:#efeee8;
}
.H5APP_Grid .grid_item_wrapper.fullwidth
{ width:calc(100% - 10px);
overflow:visible;
background-color:transparent;
}
.H5APP_Grid .grid_item_wrapper.fullwidth div.content
{ top:0px;
height:auto;
padding-top:50px;
padding-bottom:50px;
}
.H5APP_Grid .grid_item_wrapper.fullwidth div.content h1
{ font-size:40px;
line-height:40px;
color:#efeee8;
}
.H5APP_Grid .grid_item_wrapper.width_2
{ width:calc(50% - 10px);
}
@media (max-width: 1024px) {
.H5APP_Grid .grid_item_wrapper
{ width:calc(50% - 10px);
}
.H5APP_Grid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
.H5APP_Grid .grid_item_wrapper>.content>p>span
{ display:none;
}
.H5APP_Grid .grid_item_wrapper>.content>h3
{ display:none;
}
.H5APP_Grid .grid_item_wrapper>.content>h1
{ display:block;
}
}
@media (max-width: 860px){
.H5APP_Grid .grid_item_wrapper
{ width:calc(100% - 10px);
}
.H5APP_Grid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
}
.phone .H5APP_Grid .grid_item_wrapper
{ width:calc(100% - 10px);
}
.phone .H5APP_Grid .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
.H5APP_Grid .grid_item_wrapper.Section, .H5APP_Grid .grid_item_wrapper.Rider
{ width:calc(16.666666665% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
}
.H5APP_Grid .grid_item_wrapper.Rider
{ aspect-ratio: 1 / 1;
}
.H5APP_Grid .grid_item_wrapper.Rider div.content h1
{ opacity:0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_Grid .grid_item_wrapper.Rider:hover div.content h1
{ opacity:1;
}
.H5APP_Grid .grid_item_wrapper.Section.width_2, .H5APP_Grid .grid_item_wrapper.Rider.width_2
{ width:calc(33.333333332% - 10px);
}
@media (max-width: 1024px) {
.H5APP_Grid .grid_item_wrapper.Section, .H5APP_Grid .grid_item_wrapper.Rider
{ width:calc(33.333333335% - 10px);
}
.H5APP_Grid .grid_item_wrapper.Section.width_2, .H5APP_Grid .grid_item_wrapper.Rider.width_2
{ width:calc(100% - 10px);
}
}
@media (max-width: 860px){
.H5APP_Grid .grid_item_wrapper.Section, .H5APP_Grid .grid_item_wrapper.Rider
{ width:calc(100% - 10px);
}
}
.H5APP_Grid .grid_item_wrapper .item>.blend, .item>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_Grid .grid_item_wrapper .item.missing
{ box-sizing:border-box;
padding:0px;
color:#ffffff;
text-align:center;
}
.H5APP_Grid .grid_item_wrapper .item.missing b
{ display:block;
text-align:center;
color:#ffffff;
padding-top:40%;
}
.H5APP_Grid .grid_item_wrapper:hover .item>.blend, .item:hover>.blend
{ opacity:0.6;
}
.H5APP_Grid .grid_item_wrapper>.item
{ width:100%;
height:100%;
background-size:cover;
background-position: center center;
background-color:transparent;
}
.phone .H5APP_Grid .grid_item_wrapper div.content
{ height:55%;
}
.phone .H5APP_Grid .grid_item_wrapper div.content
{ height:auto;
}
.phone .H5APP_Grid .grid_item_wrapper>div.content>p:first
{ display:none;
}
.phone .grid_item_wrapper .content>p>span
{ display:none;
}
.phone .grid_item_wrapper .content>h2
{ display:none;
}
.phone .H5APP_Grid .grid_item_wrapper.width_1 .link
{
}
.H5APP_Grid .grid_item_wrapper.Product>.item
{
background-size:80%;
background-position: center top;
background-repeat:no-repeat;;
}
.H5APP_Grid .grid_item_wrapper>.item.expand
{ width:100%;
height:100%;
}
/***********************************************************************************************/
/* H5APP_ChildPages */
/***********************************************************************************************/
.H5APP_ChildPages
{ width:calc(100%);
position: relative;
height:auto;
background:transparent;
padding:0px;
margin-bottom:5px;
}
.H5APP_ChildPages>div.grid_wrapper
{ width:calc(100% + 10px);
overflow:auto;
height:auto;
}
.H5APP_ChildPages .grid_item_wrapper
{ width:calc(25% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
position:relative;
overflow:hidden;
background-size:cover;
background-position:center;
}
.H5APP_ChildPages .grid_item_wrapper div.content
{ position:absolute;
width:100%;
height:50%;
font-size:16px;
bottom:0px;
left:0px;
padding:20px;
z-index:200;
}
.H5APP_ChildPages .grid_item_wrapper.moreheight div.content
{ height:70%;
color:#efeee8;
}
.H5APP_ChildPages .grid_item_wrapper a.link
{ position:absolute;
display:block;
bottom:20px;
left:20px;
font-size:14px;
text-transform:uppercase;
color:#efeee8;
}
.H5APP_ChildPages .grid_item_wrapper a.link .icon-arrow-right
{font-size:12px;
}
.H5APP_ChildPages .grid_item_wrapper.gray div.content
{ background:#222222;
}
.H5APP_ChildPages .grid_item_wrapper div.content h1
{ font-size:30px;
line-height:30px;
color:#efeee8;
}
.H5APP_ChildPages .grid_item_wrapper div.content p
{ font-size:16px;
line-height:18px;
color:#efeee8;
}
.H5APP_ChildPages .grid_item_wrapper.fullwidth
{ width:calc(100% - 10px);
overflow:visible;
background-color:transparent;
}
.H5APP_ChildPages .grid_item_wrapper.fullwidth div.content
{ top:0px;
height:auto;
padding-top:50px;
padding-bottom:50px;
}
.H5APP_ChildPages .grid_item_wrapper.fullwidth div.content h1
{ font-size:40px;
line-height:40px;
color:#efeee8;
}
.H5APP_ChildPages .grid_item_wrapper.width_2
{ width:calc(50% - 10px);
}
@media (max-width: 1024px) {
.H5APP_ChildPages .grid_item_wrapper
{ width:calc(50% - 10px);
}
.H5APP_ChildPages .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
.H5APP_ChildPages .grid_item_wrapper>.content>*
{ display:none;
}
.H5APP_ChildPages .grid_item_wrapper>.content>h1
{ display:block;
}
}
@media (max-width: 860px){
.H5APP_ChildPages .grid_item_wrapper
{ width:calc(100% - 10px);
}
.H5APP_ChildPages .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
}
.phone .H5APP_ChildPages .grid_item_wrapper
{ width:calc(100% - 10px);
}
.phone .H5APP_ChildPages .grid_item_wrapper.width_2
{ width:calc(100% - 10px);
}
.H5APP_ChildPages .grid_item_wrapper.Section, .H5APP_ChildPages .grid_item_wrapper.Rider
{ width:calc(16.666666665% - 10px);
height:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#222222;
}
.H5APP_ChildPages .grid_item_wrapper.Rider div.content h1
{ opacity:0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_ChildPages .grid_item_wrapper.Rider:hover div.content h1
{ opacity:1;
}
.H5APP_ChildPages .grid_item_wrapper.Section.width_2, .H5APP_ChildPages .grid_item_wrapper.Rider.width_2
{ width:calc(33.333333332% - 10px);
}
@media (max-width: 1024px) {
.H5APP_ChildPages .grid_item_wrapper.Section, .H5APP_ChildPages .grid_item_wrapper.Rider
{ width:calc(33.333333335% - 10px);
}
.H5APP_ChildPages .grid_item_wrapper.Section.width_2, .H5APP_ChildPages .grid_item_wrapper.Rider.width_2
{ width:calc(100% - 10px);
}
}
@media (max-width: 860px){
.H5APP_ChildPages .grid_item_wrapper.Section, .H5APP_ChildPages .grid_item_wrapper.Rider
{ width:calc(100% - 10px);
}
}
.H5APP_ChildPages .grid_item_wrapper .item>.blend, .item>.blend
{ position:absolute;
width:100%;
height:100%;
background: url(/bd_xml_series/47/blend.png);
opacity:0.8;
background-size : 100% 100%;
left:0px;
top:0px;
z-index:20;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.H5APP_ChildPages .grid_item_wrapper .item.missing
{ box-sizing:border-box;
padding:0px;
color:#ffffff;
text-align:center;
}
.H5APP_ChildPages .grid_item_wrapper .item.missing b
{ display:block;
text-align:center;
color:#ffffff;
padding-top:40%;
}
.H5APP_ChildPages .grid_item_wrapper:hover .item>.blend, .item:hover>.blend
{ opacity:0.6;
}
.H5APP_ChildPages .grid_item_wrapper>.item
{ width:100%;
height:100%;
background-size:cover;
background-position: center center;
background-color:transparent;
}
.H5APP_ChildPages .grid_item_wrapper.Product>.item
{
background-size:80%;
background-position: center top;
background-repeat:no-repeat;;
}
.H5APP_ChildPages .grid_item_wrapper>.item.expand
{ width:100%;
height:100%;
}
/********************************************************************************************/
/* H5APP_logos */
/********************************************************************************************/
.TSGTimeline
{ position: relative;
overflow:auto;
margin-top:40px;
}
.TSGTimeline>div.tl_item.Year
{ position:relative;
margin: 20px auto;
width:40%;
border:2px solid #efeee8;
padding:20px;
text-align:center;
font-size:26px;
}
.TSGTimeline div.tl_item.dist_init
{ position:relative;
margin: 20px auto;
max-width:4px;
background:#efeee8;
height:40px;
}
.TSGTimeline div.tl_item.dist
{
position:relative;
margin: 20px auto;
max-width:4px;
background:#efeee8;
height:20px;
}
.TSGTimeline div.tl_item.Event
{ text-align:center;
font-size:26px;
width:80%;
margin-bottom:30px;
position:relative;
margin: 20px auto;
}
.TSGTimeline div.tl_item.Event img
{ margin-bottom:20px;
}
@media (max-width:1024px)
{ .TSGTimeline div.tl_item.Event
{ text-align:center;
font-size:26px;
width:100%;
}
}
/********************************************************************************************/
/* H5APP_logos */
/********************************************************************************************/
.H5APP_Dealer
{ position: relative;
overflow:auto;
margin-top:0px;
margin-bottom:70px;
min-height:600px;
color:#333333;
}
.H5APP_Dealer .dealer_form
{ position: relative;
overflow:auto;
width:50%;
float:right;
background:#f0efe9;
padding:70px;
}
.H5APP_Dealer .dealer_form a
{
color:#000;
}
.H5APP_Dealer.searching .dealer_form p.description
{ display:none;
}
.H5APP_Dealer .dealer_form .results
{ display:none;
margin-top:20px;
}
.H5APP_Dealer.searching .dealer_form .results
{ display:block;
}
.H5APP_Dealer.searching .dealer_form .search_result_info
{ margin:30px 0;
}
.H5APP_Dealer .dealer_result
{ border-bottom:1px solid #aaaaaa;
margin-top:20px;
padding:0 40px 20px 80px;
position:relative;
cursor:pointer;
}
.H5APP_Dealer .dealer_result p.details
{ display:none;
font-size:18px;
}
.H5APP_Dealer .dealer_result.selected p.details
{ display:block;
}
.H5APP_Dealer .dealer_result .marker
{ position:absolute;
left:15px;
top:15px;
background:url(/bd_xml_series/47/marker_inactive.png);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
width:30px;
height: 49px;
text-align:center;
color:#c92a2a;
padding-top:10px;
}
.H5APP_Dealer .dealer_result .arrow
{ position:absolute;
right:15px;
top:15px;
background:url(/bd_xml_series/47/icon-ios7-arrow-down-512.png);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
width:40px;
height: 40px;
cursor:pointer;
}
.H5APP_Dealer .dealer_result.selected .marker
{ background-image:url(/bd_xml_series/47/marker_active.png);
color:#fff;
}
.H5APP_Dealer .dealer_result.selected .arrow
{ background-image:url(/bd_xml_series/47/icon-ios7-arrow-up-512.png);
}
.H5APP_Dealer .dealer_result b
{ font-size:20px;
}
.H5APP_Dealer .dealer_form a strong
{ display:block;
}
.H5APP_Dealer .dealer_form .input_wrapper
{ margin-bottom:150px;
}
.H5APP_Dealer.searching .dealer_form .input_wrapper
{ margin-bottom:20px;
}
.H5APP_Dealer .dealer_form input
{ color:#333333;
border:0px;
border-bottom:2px solid black;
padding:5px;
font-size:18px;
}
.H5APP_Dealer .dealer_form input.i1
{ width:calc(70% - 30px);
margin-right:30px;
}
.H5APP_Dealer .dealer_form input.i2
{ width:30%;
}
.H5APP_Dealer .dealer_form h1
{ border-bottom:7px solid #333333;
padding-bottom:20px;
margin-bottom:30px;
}
@media (max-width:1024px)
{ .H5APP_Dealer .dealer_form
{ position: relative;
overflow:auto;
width:100%;
padding:30px;
}
.H5APP_Dealer .dealer_form input.i1
{ width:100%;
margin-right:00px;
}
.H5APP_Dealer .dealer_form input.i2
{ width:100%;
}
}
/********************************************************************************************/
/* H5APP_logos */
/********************************************************************************************/
.H5APP_logos
{ width:calc(100% -24px);
position: relative;
height:240px;
overflow:hidden;
background:#111111;
padding:0px;
margin-bottom:5px;
margin-top:20px;
margin-left:12px;
margin-right:12px;
}
.H5APP_logos>div.logo_slider_wrapper
{ width:10000px;
position:absolute;;
left:0px;
top:0px;
margin:20px;
padding-left:20px;
margin:0px;
}
.H5APP_logos>div.logo_slider_wrapper>div.logo_item
{ width:200px;
height:200px;
float:left;
margin-right:20px;
font-size:200px;
color:#b5b4ae;
}
/********************************************************************************************/
/* H5APP_logos */
/********************************************************************************************/
.H5APP_TSGUser
{ display:block;
height:0px;
overflow:auto;
background:#ffffff;
color:#000000;
}
.H5APP_TSGUser .wrapper
{ position:relative;
margin:0 auto;
padding:12px 20px;
max-width:calc(1600px - 0px);
}
.H5APP_TSGUser .wrapper
{
overflow:auto;
}
#bd_addusers_logout
{ float:right;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_TSGFaq
{ max-width:calc(64%);
position:relative;
margin:0 auto;
}
@media (max-width:1024px)
{
.H5APP_TSGFaq
{ max-width:calc(100%);
}
}
.H5APP_TSGFaq .faq_wrapper>div
{ display:block;
max-height:0px;
overflow:hidden;
margin-bottom:20px;
}
.H5APP_TSGFaq .faq_wrapper.selected>div
{ display:block;
}
.H5APP_TSGFaq .faq_wrapper>h2
{ cursor:pointer;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_checkoutProcess
{ overflow:auto;
position:relative;
margin-bottom:30px;
}
.H5APP_checkoutProcess .checkout_panel
{ margin-top:30px;
}
.H5APP_checkoutProcess h3
{ font-size:28px;
}
.H5APP_checkoutProcess .pdf
{ height:auto;
overflow:auto;
padding-bottom:50px;
}
.H5APP_checkoutProcess .pdf>*
{ min-height:600px;
}
.H5APP_checkoutProcess .dark h3
{ color:#fff;
}
.H5APP_checkoutProcess .loading_block
{ position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-image:url(../img/wait.svg);;
background-repeat;
background-position:center;
background-repeat:no-repeat;
display:none;
}
.paypal_button
{ float:right;
}
.H5APP_checkoutProcess.loading .loading_block
{ z-index:100;
display:block;
}
.H5APP_checkoutProcess .checkbox_mask
{ padding-left:0px;
font-size:20px;
overflow:auto;
cursor:pointer;
}
.H5APP_checkoutProcess .checkbox_mask .check_sel
{ margin-right:20px;
position:absolute;
top:5px;
}
.H5APP_checkoutProcess .checkbox_mask .label
{
display:inline-block;
width:calc(100% - 50px);
margin-left:50px;
margin-bottom:20px;
}
.H5APP_checkoutProcess .checkbox_mask .label h4
{
margin-top:0px;
margin-bottom:5px;
text-transform:uppercase;
}
.H5APP_checkoutProcess .checkbox_mask .label p
{
margin-top:0px;
margin-bottom:5px;
}
.H5APP_checkoutProcess .checkbox_mask .check_sel.sel_on,
.H5APP_checkoutProcess .checkbox_mask.checked .check_sel.sel_off
{ display:none;
}
.H5APP_checkoutProcess .checkbox_mask.checked .check_sel.sel_on,
.H5APP_checkoutProcess .checkbox_mask .check_sel.sel_off
{ display:inline-block;
}
.H5APP_checkoutProcess .hide_on_login
{ display:none;
}
.H5APP_checkoutProcess.logged_in .hide_on_login
{ display:none;
}
.H5APP_checkoutProcess.logged_in .create_account
{ display:none;
}
.H5APP_checkoutProcess h2
{ margin-top:0px;
}
H5APP_checkoutProcess .login_table .dms_button
{ display:none;
}
.H5APP_checkoutProcess .checkout_panel
{ overflow:auto;
position:relative;
margin-bottom:30px;
display:none;
opacity:0.6;
}
.H5APP_checkoutProcess .checkout_panel.visible
{ overflow:auto;
position:relative;
margin-bottom:30px;
display:block;
opacity:1;
}
.H5APP_checkoutProcess .checkout_panel>h1:first-child
{ margin-bottom:70px;
}
.H5APP_checkoutProcess .button
{ float:right;
transition: background-color 0.75s , color 0.75s ;
}
.H5APP_checkoutProcess .button.button_fullwidth
{ width:100%;
}
.H5APP_checkoutProcess .button.button_fullwidth>a
{ margin:0px;
margin-bottom:10px;
width:100%;
display:block;
}
.H5APP_checkoutProcess .dark .button
{ float:right;
}
.H5APP_checkoutProcess .button.button_left
{ float:left;
}
button.bdh-button
{ color:#111;
padding:10px;
min-width:150px;
font-size:20px;
background:#fff;
margin-right:0px;
margin-left:20px;
border:2px solid black;
border-radius:0;
background:#fff;
color:#000;
text-transform:uppercase;
border:2px solid #fff;;
}
button.bdh-button>span
{
background:transparent;
/*text-transform:uppercase;*/
}
button.bdh-button:hover
{ background:#000;
color:#fff;
border:2px solid #fff;;
}
button.bdh-button.bdh-icon
{
overflow:hidden;
min-width:auto;
}
button.bdh-button.bdh-icon>span.material-icons
{
background:transparent;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
height:100%;
width:auto;
overflow:hidden;
border:0px solid black;
/*text-transform:uppercase;*/
}
button.bdh-button.bdh-icon:hover
{ border:0px solid black;
}
.bd-shortcode[data-attr-type=checkoutResponseDT]
{ overflow:visible;
}
.bd-shortcode button.bdh-button>span.material-icons
{ display:none;
}
.bd-shortcode button.bdh-button.left
{ margin-left:0px;
}
.wp-admin .DialogView.cdl-wrapper
{ position:fixed;
background:rgba(0,0,0,0.1);
}
.DialogView.cdl-wrapper .cdl-content p
{ margin-bottom:5px;
}
.DialogView.cdl-wrapper .cdl-content ul
{ list-style-type: circle;
padding-inline-start: 40px;
margin-bottom:5px;
}
.DialogView.cdl-wrapper .cdl-content ul>li
{
}
.DialogView.cdl-wrapper>.cdl-block
{ position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
max-height:100;
overflow:hidden;
transition:none;
filter: blur(2px);
-webkit-filter: blur(1px);
backdrop-filter: blur(1px);
}
.H5APP_checkoutProcess .button.fullwidth
{ float:none;
display:block;
width:auto;
max-width:auto;
min-width:auto;
width:100%;
}
.H5APP_checkoutProcess .button>a
{ color:#111;
border-color:#111;
padding:10px;
min-width:150px;
font-size:20px;
background:#fff;
margin-right:0px;
margin-left:20px;
border:2px solid black;
}
.H5APP_checkoutProcess .button.fullwidth a
{ width:auto;
min-width:auto;
max-width:auto;
width;100%;
display:block;
}
.H5APP_checkoutProcess .button:hover a
{ color:#efeee8;
background:#111;
}
.H5APP_checkoutProcess .dark .button
{ float:right;
}
.H5APP_checkoutProcess .dark .button.button_nostyle a
{ border:2px solid transparent;
background:transparent;
color:#fff;
margin-left:0px;
}
.H5APP_checkoutProcess .dark .button a
{ color:#000;
border-color:#fff;
padding:10px;
min-width:150px;
font-size:20px;
background:#fff;
}
.H5APP_checkoutProcess .dark .button:hover a
{ color:#fff;
background:#000;
border-color:#fff;
}
.H5APP_checkoutProcess .checkout_tab
{ display:none;
}
.H5APP_checkoutProcess .checkout_tab.visible
{ display:block;
}
.H5APP_checkoutProcess .tab_wrapper
{ overflow:auto;
}
.H5APP_checkoutProcess .checkout_panel .panel
{ overflow:auto;
}
.H5APP_checkoutProcess .checkout_panel .panel.dark
{ padding:20px;
margin-bottom:10px;
}
.H5APP_checkoutProcess .checkout_panel .panel.left
{ width:calc(50% - 5px);
float:left;
margin-right:5px;
}
.H5APP_checkoutProcess .checkout_panel .panel.dark
{ background:#111;
color:#fff;
}
.H5APP_checkoutProcess .checkout_panel .panel.right
{ width:calc(50% - 5px);
float:right;
margin-left:5px;
padding:0px;
}
@media (max-width:1280px)
{
.H5APP_checkoutProcess .checkout_panel .panel.right,
.H5APP_checkoutProcess .checkout_panel .panel.left
{ width:calc(100%);
float:none;
}
}
/***********************************************************************************************/
/* H5APP_ProductGrid */
/***********************************************************************************************/
.H5APP_TSGCart
{ background:#ffffff;
color:#222222;
position:relative;
height:0px;
overflow:auto;
}
.H5APP_TSGCart .wrapper
{ max-width:1600px;
margin:0 auto;
position:relative;
overflow:auto;
}
.H5APP_TSGCart .side
{ padding:20px;
float:none;
width:100%;
position:relative;
display:block;
}
@media (max-width:992px)
{
.H5APP_TSGCart .side
{ width:100%;
}
}
.H5APP_TSGCart h1
{ font-size:50px;
}
.H5APP_TSGCart .button
{ float:right;
}
.H5APP_TSGCart .button a
{ color:#222222;
border-color:#222222;
padding:10px;
min-width:150px;
font-size:20px;
}
.H5APP_TSGCart .button:hover a
{ color:#efeee8;
background:#222222;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_cartOverview
{ overflow:auto;
position:relative;
margin-bottom:30px;
font-family:trade-gothic-lt;
}
.H5APP_cartOverview table.cart_table td,
.H5APP_cartOverview table.cart_table th
{ vertical-align:middle;
padding:5px;
margin:0x;
font-weight:normal;
}
.H5APP_cartOverview table.cart_table tr:first-child>th
{ font-size:16px;
}
.H5APP_cartOverview input.promocode
{
}
.H5APP_cartOverview table.cart_table td:nth-child(4n),
.H5APP_cartOverview table.cart_table td:nth-child(5n),
.H5APP_cartOverview table.cart_table td:nth-child(6n),
.H5APP_cartOverview table.cart_table td:nth-child(7n)
{ text-align:right;
}
.H5APP_cartOverview table.cart_table tr
{
}
.H5APP_cartOverview .promo_info
{ text-transform:none;
font-size:16px;
font-style:italic;
}
.H5APP_cartOverview table.cart_table img
{ max-width:100px;
width:100%;
height:auto;
}
.H5APP_cartOverview table.cart_table tr .price,
.H5APP_cartOverview table.cart_table tr .quantity
{ font-size:24px;
text-transform:uppercase;
text-align:right;
}
.H5APP_cartOverview table.cart_table tr>th
{ font-size:24px;
text-transform:uppercase;
}
.H5APP_cartOverview table.cart_table tr>th:first-child
{ text-align:left;
}
.H5APP_cartOverview table.cart_table tr.sep td
{ height:1px;
border-bottom: 1px dotted black;
}
.H5APP_cartOverview table.cart_table td.prod_img
{ min-width:100px;
width:10%;
}
.H5APP_cartOverview table.cart_table td>b
{ font-size:24px;
text-transform:uppercase;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_orderReview
{ overflow:auto;
position:relative;
margin-bottom:130px;
display:block;
padding:20px;
min-height:600px;
font-size:24px;
line-height:34px;
padding-bottom:150px;
}
.H5APP_orderReview .summary
{ margin-bottom:30px;
}
.H5APP_orderReview .right
{ width:calc(50% - 5px);
float:right;
margin-left:5px;
}
.H5APP_orderReview .inner
{ background:#000;
padding:20px;
margin-bottom:10px;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_checkoutContact
{ position:relative;
margin-bottom:130px;
width:calc(100% + 20px);
overflow:auto;
display:block;
}
.H5APP_checkoutContact .block_wrapper
{ position:relative;
overflow:auto;
}
.H5APP_checkoutContact .checkout_input_block
{ overflow:auto;
position:relative;
border:0px solid red;
margin-bottom:0px;
box-sizing:border-box;
width:100%;
padding:0px 20px;
color:#fff;
}
.H5APP_checkoutContact .checkbox_mask
{ padding-left:0px;
font-size:20px;
}
.H5APP_checkoutContact .checkbox_mask .check_sel
{ margin-right:20px;
}
.H5APP_checkoutContact .checkbox_mask .check_sel.sel_on,
.H5APP_checkoutContact .checkbox_mask.checked .check_sel.sel_off
{ display:none;
}
.H5APP_checkoutContact .checkbox_mask.checked .check_sel.sel_on,
.H5APP_checkoutContact .checkbox_mask .check_sel.sel_off
{ display:inline-block;
}
.H5APP_checkoutContact .select_mask
{ min-height:30px;
width:calc(100% - 75px);
margin-top:10px;
}
.H5APP_checkoutContact .select_mask .show_wrap
{ overflow:auto;
border-bottom:1px solid white;
padding:15px 0px;
display:block;
cursor:pointer;
padding-left:10px;
}
.H5APP_checkoutContact .select_mask.active
{
}
.H5APP_checkoutContact .select_mask .form_input_description
{ display:none;
}
.H5APP_checkoutContact .select_mask.active .form_input_description
{ display:block;
}
.H5APP_checkoutContact .select_mask .list_wrap
{ display:block;
overflow:hidden;
height:100%;;
max-height:0px;
transition: max-height 0.4s;
}
.H5APP_checkoutContact .select_mask.active .list_wrap
{ max-height:300px;
overflow:auto;
}
.H5APP_checkoutContact .select_mask .list_wrap ul
{list-style-type:none;
padding:0px;
margin:0px;
border-top:1px solid #666666;
margin:10px 0px 10px 10px;
}
.H5APP_checkoutContact .select_mask .list_wrap ul>li
{ display:block;
width:100%;
border-bottom:1px solid #666666;
padding:10px 0px;
cursor:pointer;
}
.input_wrapper .list_wrap .form_input_description
{
width:100%;
}
.H5APP_checkoutContact .select_mask .list_wrap ul>li.selected
{ background:#333333;
}
.H5APP_checkoutContact .select_mask .list_wrap ul>li:hover
{ background:#222222;
}
.H5APP_checkoutContact .checkout_input_block
{
color:#fff;
padding:20px;
}
.H5APP_checkoutContact .checkout_input_block.create_account
{ display:none;
}
.H5APP_checkoutContact .checkout_input_block.create_account.active
{ display:block;
}
.H5APP_checkoutContact .checkout_input_block.billing_block
{ display:none;
}
.H5APP_checkoutContact .checkout_input_block.billing_block.active
{ display:block;
}
@media (max-width:1024px)
{
.H5APP_checkoutContact .checkout_input_block
{ width:100%;
padding-right:00px;
}
}
:focus {
outline: none;
}
/* necessary to give position: relative to parent. */
.input_wrapper
{ margin-bottom:25px;padding-top:15px;
}
.input_wrapper .form_input_description
{ font-size:14px;
padding-top:2px;
text-align:right;
width:calc(100% - 75px);
}
:focus {
outline: none;
}
/* necessary to give position: relative to parent. */
input.cart-input[type="password"] {
font: 15px/24px "Lato", Arial, sans-serif;
color: #333;
width: calc(100% - 75px);
box-sizing: border-box;
letter-spacing: 1px;
margin-bottom:10px;
color:#dadada;
border:0px solid transparent;
background:#222222;
margin-bottom:0px;
padding-left:10px;
border-bottom:1px solid white;
}
input.cart-input[type="text"] {
font: 18px/28px "Lato", Arial, sans-serif;
color: #333;
width: calc(100% - 75px);
box-sizing: border-box;
letter-spacing: 1px;
margin-bottom:10px;
color:#fff;
border:0px solid transparent;
background:transparent;
margin-bottom:0px;
padding-left:10px;
border-bottom:1px solid white;
}
.error input.cart-input[type="password"],
.error input.cart-input[type="text"],
.missing input.cart-input[type="password"],
.missing input.cart-input[type="text"] {
border-bottom:1px solid #aa0000;
}
.input_wrapper.checked input.cart-input[type="text"] {
background:transparent;
}
input.cart-input[type="text"]:focus {
}
.H5APP_checkoutContact .input_wrapper select
{ appearance: none;
}
.H5APP_checkoutContact .focus-border {
position: absolute;
top: 0;
left: 00%;
width: calc(100% - 75px);
height: 2px;
border-color: #999999;
transition: 0.4s;
border-top:0px;
border-top-style:solid;
font-size:14px;
color:#aaaaaa;
padding-top:2px;
padding-left:10px;
text-align:left;
text-transform:uppercase;
}
.cart-input:focus~.focus-border,
.has-content.cart-input~.focus-border {
width: calc(100% - 75px);
transition: 0.4s;
left: 0;
}
/*<div style="background:transparent;border-top:2px solid orange; text-align:right; width:calc(100% - 75px); padding-top:2px; color:#aaaaaa" class="focus-border">missing Phone number</div>
*/
.input_wrapper.error .focus-border
{
width: calc(100% - 75px);
transition: 0.4s;
left: 0;
border-color:#aa0000;
}
.input_wrapper.missing .focus-border
{
width: calc(100% - 75px);
transition: 0.4s;
left: 0;
border-color:#aa0000;
}
.input_wrapper.checked .focus-border
{
width: calc(100% - 75px);
transition: 0.4s;
left: 0;
border-color:#ffffff;
}
.basket .info
{ display:none !important;
}
.cart-input~label {
position: absolute;
left: 0;
width: 100%;
top: 9px;
color: #aaa;
transition: 0.3s;
z-index: -1;
letter-spacing: 0.5px;
opacity:0;
}
.cart-input:focus~label,
.has-content.cart-input~label {
top: -16px;
font-size: 12px;
color: #999999;
transition: 0.3s;
opacity:1;
}
/********************************************************************************************/
/* TSGFeatureDetails */
/********************************************************************************************/
.H5APP_checkoutPayment
{ overflow:auto;
position:relative;
margin-bottom:130px;
display:block;
}
.H5APP_checkoutPayment .left
{ width:100%;
}
.H5APP_checkoutPayment .inner
{ background:#000;
padding:20px;
margin-bottom:10px;
color:#fff;
}
body.bdh-debugx *.blend
{ display:none !important;
}
.content-max
{ max-width: calc(1600px - 48px);
margin: 0 auto;
}
.content-max-width
{ max-width: 1600px;
margin: 0 auto;
}
.content-middle-width
{ max-width: 1200px;
margin: 0 auto;
}
.content-middle-pad
{ max-width: 1200px;
margin: 0 auto;
padding:24px;
}
.content-max-pad
{ max-width: 1600px;
margin: 0 auto;
padding:24px;
}
div.content-max-marg
{ max-width: calc(100% - 48px);
width:100%;
margin: 0 auto;
padding:24px;
}
.content-medium-pad
{ max-width: 960px;
margin: 0 auto;
padding:24px;
}