:root {--color1: #B8B8B8;--color1rgb: 184,184,184;--color1a: #b0b0b0;--color1b: #a8a8a8;--color1c: #a1a1a1;--color1d: #999999;--color1e: #919191;--color1f: #8a8a8a;--color1g: #828282;--color1h: #7a7a7a;--color1i: #474747;--color1j: #171717;--color1k: #000000;--color2: #008dd2;--color2rgb: 0,141,210;--color2a: #0097e1;--color2b: #00a2f1;--color2c: #01acff;--color2d: #10b1ff;--color2e: #20b6ff;--color2f: #2fbbff;--color2g: #3ec0ff;--color2h: #4dc5ff;--color2i: #b3e6ff;--color2j: #ffffff;--color2k: #ffffff;--color4: #F3F3F3;--color4rgb: 243,243,243;--color4a: #ebebeb;--color4b: #e3e3e3;--color4c: #dcdcdc;--color4d: #d4d4d4;--color4e: #cccccc;--color4f: #c5c5c5;--color4g: #bdbdbd;--color4h: #b5b5b5;--color4i: #828282;--color4j: #525252;--color4k: #212121;--color5: #FFFFFF;--color5rgb: 255,255,255;--color5a: #f7f7f7;--color5b: #efefef;--color5c: #e8e8e8;--color5d: #e0e0e0;--color5e: #d8d8d8;--color5f: #d1d1d1;--color5g: #c9c9c9;--color5h: #c1c1c1;--color5i: #8e8e8e;--color5j: #5e5e5e;--color5k: #2d2d2d;--color6: #FFFFFF;--color6rgb: 255,255,255;--color6a: #f7f7f7;--color6b: #efefef;--color6c: #e8e8e8;--color6d: #e0e0e0;--color6e: #d8d8d8;--color6f: #d1d1d1;--color6g: #c9c9c9;--color6h: #c1c1c1;--color6i: #8e8e8e;--color6j: #5e5e5e;--color6k: #2d2d2d;--color7: #4d4d4d;--color7rgb: 77,77,77;--color7a: #545454;--color7b: #5c5c5c;--color7c: #636363;--color7d: #6b6b6b;--color7e: #737373;--color7f: #7a7a7a;--color7g: #828282;--color7h: #8a8a8a;--color7i: #bdbdbd;--color7j: #ededed;--color7k: #ffffff;--font1: Roboto;--font2: Poppins;--font3: Roboto;} .formValue .form_input,.formValue .cart_input, .formValue select, .formFile .buttonFile{border:0;background-color:transparent;outline: none;} .formValue select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;text-indent: 0.01px;text-overflow: "";background:url(../../images/selectarrow.svg) right center no-repeat;background-size: 18px 18px;-webkit-border-radius: 0;-moz-border-radius:0;border-radius:0;} .formFile .buttonFile{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;text-indent: 0.01px;text-overflow: "";-webkit-border-radius: 0;-moz-border-radius:0;border-radius:0;} #main-buttons .main-header span, #main-buttons .main-close span{color: var(--color2k);} #main-buttons .main-header, #main-buttons .main-close{background-color: var(--color2);} nav, nav li.NavMenuLevel1{background-color:var(--color2);} nav li.NavMenuLevel2{background-color:#4CAAD2;} nav li.NavMenuLevel3{background-color:#4CAAD2;} nav li.NavMenuLevel1 a, nav #NavSocial, nav #NavSocial .navsocial-icon{color:#ffffff;} nav li.NavMenuLevel2 a{color:#ffffff;} nav li.NavMenuLevel3 a{color:#ffffff;} nav #NavMenu li div{border-bottom: 1px solid var(--color2);} nav #NavSocial:before{background:var(--color2);opacity:1;} #main-buttons .main-contact, #main-buttons .main-contact span{color: var(--color1h);} #main-buttons .main-contact{background-color: #B3D9E9;} #main-buttons #shopping_cart_list_mobile .main-shoppingcart .main-shoppingcart-icon{color: var(--color6a);} #main-buttons #shopping_cart_list_mobile{background-color: var(--color1h);} #SmartFilterMobile > h4{font-family: var(--font1);} #SmartFilterMobile > h4{font-weight: 100;} #SmartFilterMobile > h4{font-size: 14px;} .HeadData, .BodyData, .FootData, .viewport > .Banner div.banner > div.banner_content .banner_content_value, .fancybox-container.fancybox-iframe-mobile .fancybox-content, .swipeBanner .banner_content_items{max-width: 1200px;width:100%;} header{width:100%;max-width:none;} header, header .HeadData, header .Head{min-height:112px;} footer{width:100%;max-width:none;} .Foot{min-height:400px;} body, .content_group.transparency{background-attachment: fixed;} .LeftSide{background-repeat: no-repeat;} header{margin-top:0px;} #Main{margin-top:-20px;} footer{margin-top:-20px;} .FootData{border-bottom-width:0px;} .FootData{border-bottom-style:solid;} .HeadData, .BodyData, .FootData{border-left-width:0px;} .HeadData, .BodyData, .FootData{border-left-style:solid;} .HeadData, .BodyData, .FootData{border-right-width:0px;} .HeadData, .BodyData, .FootData{border-right-style:solid;} .BodyData:last-child{border-bottom-width:0px;} .BodyData:last-child{border-bottom-style:solid;} .BodyData{border-left-width:0px;} .BodyData{border-left-style:solid;} .BodyData{border-right-width:0px;} .BodyData{border-right-style:solid;} .LeftSide{border-bottom-width:0px;} .LeftSide{border-bottom-style:solid;} .LeftSide{border-left-width:0px;} .LeftSide{border-left-style:solid;} .LeftSide{border-right-width:0px;} .LeftSide{border-right-style:solid;} .RightSide{border-bottom-width:0px;} .RightSide{border-bottom-style:solid;} .RightSide{border-left-width:0px;} .RightSide{border-left-style:solid;} .RightSide{border-right-width:0px;} .RightSide{border-right-style:solid;} .BodyData:last-child .ContentHolder{border-bottom-width:0px;} .BodyData:last-child .ContentHolder{border-bottom-style:solid;} .ContentHolder{border-left-width:0px;} .ContentHolder{border-left-style:solid;} .ContentHolder{border-right-width:0px;} .ContentHolder{border-right-style:solid;} .Head{padding-top:20px;} .Head{padding-bottom:20px;} .Head{padding-left:20px;} .Head{padding-right:20px;} .LeftSide{padding-left:30px;} .LeftSide{padding-right:20px;} .BodyData .ContentHolder{padding-top:20px;} .BodyData ~ .BodyData .ContentHolder{padding-top:0;} .BodyData:last-child .ContentHolder{padding-bottom:20px;} .ContentHolder{padding-left:35px;} .ContentHolder{padding-right:35px;} .Foot{padding-top:50px;} .Foot{padding-bottom:20px;} .Foot{padding-left:30px;} .Foot{padding-right:30px;} .swipeBanner .swiper .banner_bg, .swipeBanner .swipeBannerBackgrounds .background-image{background-color: #cdcdcd;} .SwipeBannerData .swipebanner_progress{background-color: rgba(0,0,0,0.8);} .swipeBanner .swipe-wrap .swiper span.text {font-family: Arial, Helvetica, sans-serif;} .swipeBanner .swipe-wrap .swiper span.text {font-size: 14px;} .swipeBanner .swipe-wrap .swiper span.text {font-weight: 400;} .swipeBanner .swipe-wrap .swiper span.text {color: #000000;} .swipeBanner .swipe-wrap .swiper span.text{line-height: normal;} .swipeBanner .swipe-wrap .swiper span.text{text-shadow: 0;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow { height: 27px; width: 27px;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow > span{font-size: 24px;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow {color: #000000;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow {background-color: #ffffff;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow {background-color: rgba(255,255,255,0.7);} .swipebanner_pager{font-size: 24px;} .swipebanner_pager li {background-color: #FF2600;} .swipebanner_pager li.active {background-color: #ffffff;} .SwipeBannerData .swipebanner_navigation_menu ul {background-color: #000000;} .SwipeBannerData .swipebanner_navigation_menu ul {background-color: rgba(0,0,0,0.4);} .SwipeBannerData .swipebanner_navigation_menu li {font-family: Arial, Helvetica, sans-serif;} .SwipeBannerData .swipebanner_navigation_menu li {font-size: 24px;} .SwipeBannerData .swipebanner_navigation_menu li {font-weight: 400;} .SwipeBannerData .swipebanner_navigation_menu li p{font-family: Arial, Helvetica, sans-serif;} .SwipeBannerData .swipebanner_navigation_menu li p{font-size: 14px;} .SwipeBannerData .swipebanner_navigation_menu li p{font-weight: 400;} .SwipeBannerData .swipebanner_navigation_menu li {color: #ffffff;} .SwipeBannerData .swipebanner_navigation_menu li.active {color: #ffffff;} .SwipeBannerData .swipebanner_navigation_menu li.active {background-color: rgba(0,0,0,0.2);} .SwipeBannerData .swipebanner_scroll_after span {font-size: morepx; line-height: morepx;} .SwipeBannerData .swipebanner_scroll_after span{color: #ffffff;} #Logo{background-repeat:no-repeat;} #Logo{background-position:center left;} #Logo{position:absolute;z-index:99;} #Logo{margin-top:10px;} .SearchRInput_Div,.SearchInput_Div{height: 40px;} .SearchInput_Div { border:1px solid #CDCDCD; } .SearchRInput_Div, .SearchInput_Div{-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .Search,.SearchR{margin-top:2px;} .Menu-search .icon.icon-search-1{padding-top:2px;} .SearchInput_Div,.SearchRInput_Div{padding-left:5px;} .SearchInput_Div,.SearchRInput_Div{padding-top:8px;} .SearchInput_Div,.SearchRInput_Div{padding-right:5px;} .SearchInput_Div,.SearchRInput_Div{padding-bottom:8px;} a.userName span{color: #cd0000;} .button-login{font-family: "Roboto", Arial, Helvetica, sans-serif;} .button-login{font-size:14px;} .button-login{font-weight:300;} .button-login{color:#000000;} .button-login{border-width:0px;border-style: solid;} .button-login{border-color: #9a9a9a;} .button-login{padding-left:8px;} .button-login{padding-top:3px;} .button-login{padding-right:8px;} .button-login{padding-bottom:3px;} .button-logout{font-family: "Roboto", Arial, Helvetica, sans-serif;} .button-logout{font-size:14px;} .button-logout{font-weight:300;} .button-logout{color:#000000;} .button-logout{border-width:0px;border-style: solid;} .button-logout{border-color: #9a9a9a;} .button-logout{-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .button-logout{padding-left:8px;} .button-logout{padding-top:3px;} .button-logout{padding-right:8px;} .button-logout{padding-bottom:3px;} #Login{margin-top:4px;} #Login{z-index:999;} #Login{padding-left:10px;} #Login{padding-right:20px;} #Menu{width:auto;} #SubMenu{width:auto;} #SubMenu1{width:auto;} #SecondaryMenu{width:auto;} #SecondarySubMenu{width:auto;} #SecondarySubMenu1{width:auto;} li.SecondaryMenuLevel1, li.SecondaryMenuLevel1 > div a, li.SecondaryMenuLevel1 > div a span.MenuLevelImage{height: 22px;max-height:22px;} li.SecondaryMenuOffsetLast1, li.SecondaryMenuSeparator1{height: 22px;} li.MenuLevel1 > div a, li.MenuLevel1 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel2 > div a, li.MenuLevel2 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel3 > div a, li.MenuLevel3 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel4 > div a, li.MenuLevel4 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel5 > div a, li.MenuLevel5 > div a > span{vertical-align: middle;text-align: left;} li.SecondaryMenuLevel1 > div a, li.SecondaryMenuLevel1 > div a > span{vertical-align: middle;text-align: left;} li.SecondaryMenuLevel2 > div a, li.SecondaryMenuLevel2 > div a > span{vertical-align: top;text-align: left;} li.SecondaryMenuLevel3 > div a, li.SecondaryMenuLevel3 > div a > span{vertical-align: top;text-align: left;} li.MenuLevel1 > div a > span{color: var(--color2);} li.MenuLevel1 > div a:hover > span, li.MenuLevel1.active > div a > span, li.MenuLevel1.sfHover > div a > span{color: var(--color6i);} li.MenuLevel2 > div a > span{color: #2D2C2C;} li.MenuLevel2 > div a:hover > span, li.MenuLevel2.active > div a > span{color: #4CAAD2;} li.MenuLevel3 > div a > span{color: #666666;} li.MenuLevel3 > div a:hover > span, li.MenuLevel3.active > div a > span{color: #666666;} li.MenuLevel4 > div a > span{color: #666666;} li.MenuLevel4 > div a:hover > span, li.MenuLevel4.active > div a > span{color: #000000;} li.MenuLevel5 > div a > span{color: #666666;} li.MenuLevel5 > div a:hover > span, li.MenuLevel5.active > div a > span{color: #000000;} li.SecondaryMenuLevel1 > div a > span{color: var(--color1);} li.SecondaryMenuLevel1 > div a:hover > span, li.SecondaryMenuLevel1.active > div a > span, li.SecondaryMenuLevel1.sfHover > div a > span{color: var(--color2);} li.SecondaryMenuLevel2 > div a > span{color: var(--color2k);} li.SecondaryMenuLevel2 > div a:hover > span, li.SecondaryMenuLevel2.active > div a > span{color: var(--color2k);} li.SecondaryMenuLevel3 > div a > span{color: var(--color2k);} li.SecondaryMenuLevel3 > div a:hover > span, li.SecondaryMenuLevel3.active > div a > span{color: var(--color7k);} li.MenuLevel1 > div a > span{font-family: var(--font2);} li.MenuLevel1 > div a > span{font-weight: 300;} li.MenuLevel1 > div a > span{font-size: 17px;} li.MenuLevel2 > div a > span{font-family: "Roboto", Arial, Helvetica, sans-serif;} li.MenuLevel2 > div a > span{font-weight: 500;} li.MenuLevel2 > div a > span{font-size: 16px;} li.MenuLevel3 > div a > span{font-family: "Roboto", Arial, Helvetica, sans-serif;} li.MenuLevel3 > div a > span{font-weight: 300;} li.MenuLevel3 > div a > span{font-size: 14px;} li.MenuLevel4 > div a > span{font-family: Arial, Helvetica, sans-serif;} li.MenuLevel4 > div a > span{font-weight: 100;} li.MenuLevel4 > div a > span{font-size: 11px;} li.MenuLevel5 > div a > span{font-family: Arial, Helvetica, sans-serif;} li.MenuLevel5 > div a > span{font-weight: 100;} li.MenuLevel5 > div a > span{font-size: 10px;} li.SecondaryMenuLevel1 > div a > span{font-family: "Roboto", Arial, Helvetica, sans-serif;} li.SecondaryMenuLevel1 > div a > span{font-weight: 500;} li.SecondaryMenuLevel1 > div a > span{font-size: 14px;} li.SecondaryMenuLevel2 > div a > span{font-family: Arial, Helvetica, sans-serif;} li.SecondaryMenuLevel2 > div a > span{font-weight: 100;} li.SecondaryMenuLevel2 > div a > span{font-size: 14px;} li.SecondaryMenuLevel3 > div a > span{font-family: Arial, Helvetica, sans-serif;} li.SecondaryMenuLevel3 > div a > span{font-weight: 100;} li.SecondaryMenuLevel3 > div a > span{font-size: 14px;} li.MenuLevel1 > div a{border-left-width:0px;} li.MenuLevel1 > div a{border-left-style:solid;} li.MenuLevel1 > div a{border-right-width:0px;} li.MenuLevel1 > div a{border-right-style:solid;} li.MenuLevel2 > div a{border-bottom-width:1px;} li.MenuLevel2 > div a{border-bottom-style:solid;} li.MenuLevel2 > div a{border-bottom-color:#D2D2D2;} li.MenuLevel2.last div > a{border: 0;} li.MenuLevel3.last div > a{border: 0;} li.MenuLevel4 > div a{border-bottom-width:0px;} li.MenuLevel4 > div a{border-bottom-style:solid;} li.MenuLevel4 > div a{border-left-width:0px;} li.MenuLevel4 > div a{border-left-style:solid;} li.MenuLevel4 > div a{border-right-width:0px;} li.MenuLevel4 > div a{border-right-style:solid;} li.MenuLevel4.last div > a{border: 0;} li.MenuLevel5 > div a{border-bottom-width:0px;} li.MenuLevel5 > div a{border-bottom-style:solid;} li.MenuLevel5 > div a{border-left-width:0px;} li.MenuLevel5 > div a{border-left-style:solid;} li.MenuLevel5 > div a{border-right-width:0px;} li.MenuLevel5 > div a{border-right-style:solid;} li.MenuLevel5.last div > a{border: 0;} li.SecondaryMenuLevel1 > div a{border-right-width:1px;} li.SecondaryMenuLevel1 > div a{border-right-style:solid;} li.SecondaryMenuLevel1 > div a{border-right-color:#CDCDCD;} li.SecondaryMenuLevel1.last div > a{border: 0;} li.SecondaryMenuLevel2 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel2 > div a{border-bottom-style:solid;} li.SecondaryMenuLevel2 > div a{border-left-width:0px;} li.SecondaryMenuLevel2 > div a{border-left-style:solid;} li.SecondaryMenuLevel2 > div a{border-right-width:0px;} li.SecondaryMenuLevel2 > div a{border-right-style:solid;} li.SecondaryMenuLevel2.last div > a {border: 0;} li.SecondaryMenuLevel3 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel3 > div a{border-bottom-style:solid;} li.SecondaryMenuLevel3 > div a{border-left-width:0px;} li.SecondaryMenuLevel3 > div a{border-left-style:solid;} li.SecondaryMenuLevel3 > div a{border-right-width:0px;} li.SecondaryMenuLevel3 > div a{border-right-style:solid;} li.SecondaryMenuLevel3.last div > a{border: 0;} li.MenuLevel1 > div a{-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} li.MenuLevel1 > div a:hover{-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} li.MenuLevel1 > div a{-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;} li.MenuLevel1 > div a:hover{-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;} li.MenuLevel1 > div a{-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} li.MenuLevel1 > div a:hover{-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} li.MenuLevel1 > div a{-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;} li.MenuLevel1 > div a:hover{-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;} li.MenuLevel3 > div a:hover, li.MenuLevel3.active > div a{background-color: #F2F2F2;} #Menu{background-position:top left;} #SubMenu{background-position:top left;} #SubMenu1{background-position:top left;} #SecondaryMenu{background-position:top left;} #SecondarySubMenu {background-position:top left;} #SecondarySubMenu1 {background-position:top left;} li.MenuLevel1 > div a{background-position:center right;} li.MenuLevel1:last-child > div a{background-image:none;} li.MenuLevel2 > div a{background-repeat: repeat;} li.MenuLevel2 > div a{background-position:top left;} li.MenuLevel2:last-child > div a{background-image:none;} li.MenuLevel3 > div a{background-repeat: no-repeat;} li.MenuLevel3 > div a{background-position:center left;} li.MenuLevel4 > div a{background-position:top left;} li.MenuLevel4:last-child > div a{background-image:none;} li.MenuLevel5 > div a{background-position:top left;} li.MenuLevel5:last-child > div a{background-image:none;} li.SecondaryMenuLevel1 > div a{background-position:top left;} li.SecondaryMenuLevel1:last-child > div a{background-image:none;} li.SecondaryMenuLevel2 > div a{background-position:top left;} li.SecondaryMenuLevel3 > div a{background-position:top left;} #Menu{margin-top:40px;} #SubMenu{margin-top:10px;} li.MenuLevel1{margin-left:7px;} #Menu li.MenuLevel1 > ul.MenuOver{margin-left:7px;} .LeftSide li.MenuLevel1, .RightSide li.MenuLevel1{max-width: calc(100% - 7px);} li.MenuLevel3{margin-top:5px;} li.MenuLevel4{margin-top:1px;} li.MenuLevel5{margin-top:1px;} #Menu{padding-left:190px;} li.MenuLevel1 > div a{padding-left:12px;padding-right:12px;} li.MenuLevel1 > div a{padding-top:5px;padding-bottom:5px;} li.MenuLevel2 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel2 > div a{padding-top:10px;padding-bottom:10px;} li.MenuLevel3 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel4 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel5 > div a{padding-left:10px;padding-right:10px;} li.SecondaryMenuLevel1 > div a{padding-left:14px;padding-right:14px;} li.MenuOffsetLast1 > div p{background-position:top left;} li.MenuOffsetLast1 > div p{background-color:#e6e6e6;} li.MenuOffsetLast2 > div p{background-position:top left;} li.MenuOffsetLast2 > div p{background-color:#ffffff;} li.MenuOffsetLast3 > div p{background-position:top left;} li.MenuOffsetLast3{height:20px;} li.MenuOffsetLast4 > div p{background-position:top left;} li.MenuOffsetLast4 > div p{background-color:#ffffff;} li.MenuOffsetLast5 > div p{background-position:top left;} li.MenuOffsetLast5 > div p{background-color:#ffffff;} li.SecondaryMenuOffsetLast1 > div p{background-position:top left;} li.SecondaryMenuOffsetLast1 > div p{background-color:#ffffff;} li.SecondaryMenuOffsetLast2 > div p{background-position:top left;} li.SecondaryMenuOffsetLast3 > div p{background-position:top left;} li.MenuSeparator1 > div p{background-position:top left;} li.MenuSeparator1{width:auto;} li.MenuOffsetLast1, li.MenuSeparator1{width:auto;} li.MenuSeparator1 > div{width:20px;} li.MenuSeparator1{height:20px;} li.MenuSeparator2 > div p{background-position:top left;} li.MenuSeparator3 > div p{background-position:top left;} li.MenuSeparator4 > div p{background-position:top left;} li.MenuSeparator5 > div p{background-position:top left;} li.SecondaryMenuSeparator1 > div p{background-repeat:repeat-x;} li.SecondaryMenuSeparator1 > div p{background-position:top left;} li.SecondaryMenuSeparator2 > div p{background-position:top left;} li.SecondaryMenuSeparator3 > div p{background-position:top left;} li.MenuLevel1 > div .effect-underline .effect{border-bottom-color: var(--color7k);} li.MenuLevel1 > div .effect-underline{position:relative;} li.MenuLevel1 > div .effect-underline:hover .effect, li.MenuLevel1.active > div .effect-underline .effect{width:100%;border-bottom-style: solid; border-bottom-width: 1px;} li.MenuLevel1 ul.MenuOver a{font-family:Arial, Helvetica, sans-serif;} li.MenuLevel1 ul.MenuOver a{font-weight:100;} li.MenuLevel1 ul.MenuOver a{font-size:14px;} li.MenuLevel1 ul.MenuOver{-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;overflow:hidden;} .MainTitle{color:var(--color2);} #productBuyDetail .svg_animate_check, #productBuyDetail .svg_animate_circle{stroke:var(--color2);} .MainTitle{font-family:var(--font2);} .MainTitle{font-size:45px;} .MainTitle{font-weight:600;} .SubTitle, .SubTitle a{color:#00B0C7;} .SubTitle, .SubTitle a{font-family:"Open Sans", Arial, Helvetica, sans-serif;} .SubTitle, .SubTitle a{font-size:17px;} .SubTitle, .SubTitle a{font-weight:300;} .SubTitle{padding-top: 10px;} .SubTitle{padding-bottom: 10px;} .PathText, .PathSeparator{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .PathText, .PathHome, .PathSeparator{font-size: 13px;} .PathText, .PathSeparator{font-weight: 500;} .Path.decoration-border .PathText, .Path.decoration-check-empty .PathText{border: 1px solid #000000;} .Path.decoration-border .PathText, .Path.decoration-check-empty .PathText {background-color: #c;} .PathSeparator{color: #878788;} .PathText, .PathHome{color: #878788;} .PathText:hover, .PathText.active{color: #2D2C2C;} .Path.hideDevice-3 .PathText, .Path.hideDevice-3 .PathHome{padding-left:10px;} .Path.hideDevice-3 .PathSeparator, .Path.hideDevice-1 .PathText, .Path.hideDevice-1 .PathHome{padding-left:10px;} .Path.hideDevice-1 .PathSeparator{padding-left: 5.0px;} .Path.hideDevice-3 .PathText, .Path.hideDevice-3 .PathHome {padding-right:6px;} .Path.hideDevice-3 .PathSeparator, .Path.hideDevice-1 .PathText, .Path.hideDevice-1 .PathHome {padding-right:6px;} .Path.hideDevice-1 .PathSeparator{padding-right: 3.0px;} .Path.hideDevice-3 .PathText, .Path.hideDevice-3 .PathHome, .Path.hideDevice-3 .PathSeparator, .Path.hideDevice-1 .PathText, .Path.hideDevice-1 .PathHome, .Path.hideDevice-1 .PathSeparator{padding-top:18px;} .Path.hideDevice-3, .Path.hideDevice-1 {padding-left:30px;} .Path.hideDevice-3, .Path.hideDevice-1 {padding-top:0px;} .Path.hideDevice-3, .Path.hideDevice-1 {padding-bottom:10px;} h3.article_title, h3.article_title a {color:var(--color7b);} h3.article_title, h3.article_title a {font-family: var(--font1);} h3.article_title{font-size:24px;} h3.article_title{font-weight:600;} article li, article p, article cite, article li a, article p a, article cite a{color:#4D4D4D;} article li span, article p span, article cite span{font-family: var(--font2);} article li, article p, article cite{font-size:15px;} article li span, article p span, article cite span{font-weight:300;} article .Article.notab_br > h3.article_title, article .Article.notab_br > .table h3.article_title, article .Article.tab_br > h3.article_title, article .Article.tab_br > .table-row h3.article_title {margin-bottom: 15px;} article .Article.notab_br div > p, article .Article.notab_br > .table p, article .Article.tab_br div > p, article .Article.tab_br > .table p, article .Article.notab_br .articleIcon > *, article .Article.tab_br .articleIcon > * {margin-bottom: 10px;} article .Article.notab_br ul > li, article .Article.notab_br ol > li, article .Article.tab_br ul > li, article .Article.tab_br ol > li{margin-bottom: 10px;} article .Article.notab_br > cite, article .Article.notab_br > .table-row cite, article .Article.tab_br > cite, article .Article.tab_br > .table-row cite{margin-bottom: 10px;} article {padding-top: 15px;} article {padding-bottom: 15px;} #CPane, #Copyright, #CookieInfo{font-family: "Open Sans", Arial, Helvetica, sans-serif;} #CPanel a,#CPanel, #Copyright a,#Copyright,#CookieInfo, #CookieInfo a{color: #ffffff;} #CPanel{margin-top: 100px;} address.Contact, address.Contact a{font-family: "Open Sans", Arial, Helvetica, sans-serif;} address.Contact, address.Contact a{font-size: 15px;} address.Contact, address.Contact a{font-weight: 400;} address.Contact, address.Contact a{color: #000000;} address .contact-icon{color: #E81013;} address .contact-icon{font-size: 22px;} address.Contact {padding-left: 10px;} address.Contact {padding-top: 10px;} address.Contact {padding-right: 10px;} address.Contact {padding-bottom: 10px;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-weight: 500;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title{font-size: 16px;} .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-size: 10.666px;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value, .ThemeNavigation .ThemeNavigationShoppingCart .product_availability_name{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value{font-weight: 300;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value, .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value.ellipsis{font-size: 14px;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price, .ThemeNavigation .ThemeNavigationShoppingCart .product_price_small small, .ThemeNavigation .productDetail .productPrice .price_primary{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .productDetail .productPrice .price_primary{font-weight: 500;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .productDetail .productPrice .price_primary{font-size: 17px;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle, .ThemeNavigation .ThemeNavigationItem .themenavigation_title a, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle a, .ThemeNavigation .ThemeNavigationItem a.themenavigation_title, .ThemeNavigation .ThemeNavigationSub a.themenavigation_subtitle{color: #000000;} .ThemeNavigation .ThemeNavigationItem:hover .themenavigation_title, .ThemeNavigation .ThemeNavigationItem .themenavigation_title:hover, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle:hover, .ThemeNavigation .ThemeNavigationItem:hover .themenavigation_title a, .ThemeNavigation .ThemeNavigationItem .themenavigation_title:hover a, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle:hover a{color: #000000;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value{color: #808080;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .ThemeNavigationShoppingCart .product_price_small small, .ThemeNavigation .productDetail .productPrice .price_primary{color: #000000;} .ThemeNavigation:not(.type-7) .themenavigation_description_value.ellipsis{height:100px;overflow:hidden;} .ThemeNavigation.type-7 .themenavigation_description_value.ellipsis{max-height:100px;overflow:hidden;} .formTitle{font-family: "Roboto", Arial, Helvetica, sans-serif;} .formTitle{font-weight:400;} .formTitle{font-size:15px;} .formTitle{color:#4D4D4D;} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{font-family: "Roboto", Arial, Helvetica, sans-serif;} .formSubTitle span, form.webForm fieldset legend{font-weight:400;} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{font-size:15px;} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{color:#4D4D4D;} .formName, .formValue .formCheckboxItem *{font-family: "Roboto", Arial, Helvetica, sans-serif;} .formName, .formValue .formCheckboxItem *{font-weight:400;} .formName, .formValue .formCheckboxItem *{font-size:17px;} .formName, .formValue .formCheckboxItem *{color:var(--color7a);} .webForm.type-3 .formSelectMulti .formSelectInput .formSelectInputLabel {color: rgba(,0.6);} .webForm.type-3 ::placeholder{color: rgba(,0.6);} .webForm.type-3 ::-webkit-input-placeholder{color: rgba(,0.6);} .webForm.type-3 ::-moz-placeholder{color:rgba(,0.6);} .webForm.type-3 :-ms-input-placeholder{color:rgba(,0.6);} .webForm.type-3 :-moz-placeholder{color: rgba(,0.6);} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-family: "Roboto", Arial, Helvetica, sans-serif;} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-weight:400;} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-size:15px;} .formValue *, .formValue .formCheckboxItem input{color:#4D4D4D;} .webForm .formField.type-calculator .formName{font-family: Arial, Helvetica, sans-serif;} .webForm .formField.type-calculator .formName{font-weight:100;} .webForm .formField.type-calculator .formName{font-size:14px;} .webForm .formField.type-calculator .formValue .formPrice{font-family: Arial, Helvetica, sans-serif;} .webForm .formField.type-calculator .formValue .formPrice{font-weight:100;} .webForm .formField.type-calculator .formValue .formPrice{font-size:14px;} .required_error, #login_error{font-family: "Roboto", Arial, Helvetica, sans-serif;} .required_error, #login_error{font-weight:400;} .required_error, #login_error{font-size:15px;} .required_error, #login_error{color:#4D4D4D;} .required{color:#4D4D4D;} .formButton .sendButton{font-family: "Roboto", Arial, Helvetica, sans-serif;} .formButton .sendButton{font-weight:400;} .formButton .sendButton{font-size:23px;} .formButton .sendButton{color:var(--color6k);} .formSubTitle{text-align: left;} .formButton{text-align: right;} .formDiv{background-position:top left;} .formInput{background-position:top left;} .formTextarea{background-position:top left;} .formSelect{background-position:top left;} .formInput, .formTextarea, .formSelect, .formFile .buttonIcon{background-color:#ffffff;} .formButton .sendButton{background-color: var(--color1c);} .formDiv{padding-left: 10px;} .formDiv{padding-right: 10px;} .formDiv{padding-top: 10px;} .formDiv{padding-bottom: 10px;} .formValue .formInput{padding-left: 10px;} .formValue .formInput{padding-right: 10px;} .formValue .formInput{padding-top: 10px;} .formValue .formInput{padding-bottom: 10px;} .formValue .formTextarea{padding-left: 10px;} .formValue .formTextarea{padding-right: 10px;} .formValue .formTextarea{padding-top: 10px;} .formValue .formTextarea{padding-bottom: 10px;} .formValue .formSelect{padding-left: 10px;} .formValue .formSelect{padding-right: 10px;} .formValue .formSelect{padding-top: 10px;} .formValue .formSelect{padding-bottom: 10px;} .formButton .sendButton{padding-left: 30px;} .formButton .sendButton{padding-right: 30px;} .formButton .sendButton{padding-top: 10px;} .formButton .sendButton{padding-bottom: 10px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formButton .sendButton, .formValue .buttonIcon{-moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formValue .formSelectItems, .formButton .sendButton, .formValue .buttonIcon, form.webForm fieldset{border-style: solid;border-width:1px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formValue .formSelectItems, .formButton .sendButton, .formValue .buttonIcon, form.webForm fieldset{border-color:#D5D5D5;} .SmartFilterForm .smartAttributes h4, .SmartFilterForm .smartAttributesGroup h4, .SmartFilterForm .smartAttributes h5, .SmartFilterActive .SmartFilterActiveName{font-family: Arial, Helvetica, sans-serif;} .SmartFilterForm .smartAttributes h4, .SmartFilterForm .smartAttributesGroup h4, .SmartFilterForm .smartAttributes h5{font-weight: 100;} .SmartFilterForm .smartAttributes h4, .SmartFilterForm .smartAttributesGroup h4, .SmartFilterForm .smartAttributes h5{font-size: 12px;} .SmartFilterForm .smartAttributes .size, .slider .ui-slider-tip, .SmartFilterForm .smartAttributes .size, .slider-range .ui-slider-tip, .slider-price .ui-slider-tip, .SmartFilterActive a, .countFilters{font-family: Arial, Helvetica, sans-serif;} .SmartFilterForm .smartAttributes .size, .slider .ui-slider-tip, .slider-range .ui-slider-tip, .slider-price .ui-slider-tip, .countFilters{font-weight: 100;} .SmartFilterForm .smartAttributes .size, .slider .ui-slider-tip, .slider-range .ui-slider-tip, .slider-price .ui-slider-tip, .countFilters{font-size: 11px;} .SmartFilterForm .smartAttributes .inputsmartfilter{height: 11px;width: 11px;} .FilterSubmit{font-family: Arial, Helvetica, sans-serif;} .FilterSubmit{font-weight: 100;} .FilterSubmit{font-size: 14px;} .SmartFilterForm .smartAttributes h4, .SmartFilterForm .smartAttributesGroup h4{background-color: #F2F2F2;padding:5px;} .slider.ui-widget-content .custom-handle.ui-state-default, .slider-range.ui-widget-content .custom-handle.ui-state-default, .slider-price.ui-widget-content .custom-handle.ui-state-default{background-color: #F2F2F2;} .slider.ui-widget.ui-widget-content, .slider-range.ui-widget.ui-widget-content, .slider-price.ui-widget.ui-widget-content{border-color: #F2F2F2;} .SmartFilterForm .smartAttributes .inputsmartfilter, .slider .ui-slider-tip, .slider-range .ui-slider-tip{border-color: #F2F2F2;} .slider .ui-slider-tip:before, .slider-range .ui-slider-tip:before, .slider-price .ui-slider-tip:before{border-bottom-color: #F2F2F2;} .FilterSubmit{border-style: solid;border-width:1px;} article .article_indent a,h3.article_title a, article .ArticleMore a.ArticleMoreButton, h2.SubTitle a, h1.MainTitle a,h2.MainTitle a, a.fileDownload, .themenavigation_description_value a, .NewsLeft .PerexText a.news_item_read {color: #4d4d4d;} article .article_indent a,h3.article_title a, article .ArticleMore a.ArticleMoreButton, h2.SubTitle a, h1.MainTitle a,h2.MainTitle a, a.fileDownload, .themenavigation_description_value a, .NewsLeft .PerexText a.news_item_read {font-weight: bold;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected{font-family: Arial, Helvetica, sans-serif;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected{font-size: 24px;} .Tabs .tab_titles .tab{font-weight: 400;} .Tabs .tab_titles .tab{color: #000000;} .Tabs .tab_titles .tab_selected{font-weight: 100;} .Tabs .tab_titles .tab:hover{font-weight: 100;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-style: solid;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-style: solid;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-style: solid;} .Tabs .tabs_data {border-bottom-width: 0px;} .Tabs .tabs_data {border-bottom-style: solid;} .Tabs .tabs_data {border-left-width: 0px;} .Tabs .tabs_data {border-left-style: solid;} .Tabs .tabs_data {border-right-width: 0px;} .Tabs .tabs_data {border-right-style: solid;} .Table .TableCaption{font-family: var(--font1);} .Table .TableCaption{font-size: 20px;} .Table .TableCaption{font-weight: 400;} .Table .TableHead{font-family: var(--font1);} .Table .TableHead{font-weight:500;} .Table .TableCell{font-family: var(--font2);} .Table .TableCell{font-weight:300;} #Menu > ul li.MenuLevel1 ul.Megamenu, #SecondaryMenu > ul li.SecondaryMenuLevel1 ul.Megamenu{margin-top:20px;} ul.Megamenu{background-repeat:no-repeat;} ul.Megamenu{background-position:top center;} #Menu > ul li.MenuLevel1 ul.Megamenu, #SecondaryMenu > ul li.SecondaryMenuLevel1 ul.Megamenu{background-color: #e6e6e6;} #Menu > ul li.MenuLevel1 .megamenu-arrow-div .megamenu-arrows, #SecondaryMenu > ul li.SecondaryMenuLevel1 .megamenu-arrow-div .megamenu-arrows{border-color: transparent transparent #e6e6e6; } ul.Megamenu{-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36); -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);} section.type-3, .Data.type-3{margin-top: 60px;} .content_separator, .SmartContentSeparator{width: 30px;} .ThemeNavigation .ThemeNavigationSeparator{width:20px;} .ThemeNavigation .ThemeNavigationItem{padding-top:10.0px;padding-bottom:10.0px;} .ThemeNavigation .ThemeNavigationItem.effect-item .ThemeNavigationItemOver{left:-10.0px;right:-10.0px;} #Sort{padding-bottom:20px;} .Button{background-color: transparent;} .Button span, article .Button span{font-family:var(--font1) !important;} .Button span{font-size:16px;} .Button span, article .Button span{font-weight:700;} .Button span{text-transform: inherit;} .Button span{color: var(--color1);} .Button{padding-top: 10px;} .Button{padding-left: 20px;} .Button{padding-bottom: 10px;} .Button{padding-right: 20px;} .Button, .Button span{-webkit-transition: all 0.3s; transition: all 0.3s;} .Image.effect-transform .effect small, .Hyperlink.effect-transform .effect small{font-family: Arial, Helvetica, sans-serif;} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect{font-size: 14px;} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect{font-weight: 400;} .GalleryImage small, .GalleryImageTop small{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .GalleryImage small, .GalleryImageTop small{font-size: 12px;} .GalleryImage small, .GalleryImageTop small{font-weight: 400;} .GalleryImage small, .GalleryImageTop small{color: #4d4d4d;} .Gallery {padding-left: 0px;} .Gallery {padding-right: 0px;} .Gallery {padding-top: 0px;} .Gallery {padding-bottom: 0px;} #privacy{font-family: "Roboto", Arial, Helvetica, sans-serif;} #privacy .privacy-text{font-weight: 400;} #privacy .privacy-button{color: #ffffff;} #privacy .privacy-button{background-color: var(--color2);} .Paging .PagingItem{font-family: Arial, Helvetica, sans-serif;} .Paging .PagingItem{font-weight:400;} .Paging .PagingItem{font-size:16px;} .Paging .PagingItem{color:#333333;} .Paging .PagingItem:not(.Inactive):hover, .Paging .PagingItem.Selected{color:#333333;} .Paging .PagingItem {border-top-width:2px;} .Paging .PagingItem {border-top-style:solid;} .Paging .PagingItem {border-top-color:#999999;} .Paging .PagingItem:not(.Inactive):hover, .Paging .PagingItem.Selected {border-top-color:#FF0000;} .Paging .PagingItem {border-bottom-width:2px;} .Paging .PagingItem {border-bottom-style:solid;} .Paging .PagingItem {border-left-width:2px;} .Paging .PagingItem {border-left-style:solid;} .Paging .PagingItem {border-right-width:2px;} .Paging .PagingItem {border-right-style:solid;} .Paging .PagingItem{padding-top: 10px;} .Paging .PagingItem{padding-left: 9px;} .Paging .PagingItem{padding-bottom: 10px;} .Paging .PagingItem{padding-right: 9px;} .Paging{margin-top: 12px;} h2.SubTitleNews, h2.SubTitleNews a{font-family: "Open Sans", Arial, Helvetica, sans-serif;} h2.SubTitleNews, h2.SubTitleNews a{font-size: 18px;} h2.SubTitleNews, h2.SubTitleNews a{font-weight: 600;} h2.SubTitleNews, h2.SubTitleNews a{color: #E81013;} .NewsLeft .PerexText{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .NewsLeft .PerexText{font-size: 15px;} .NewsLeft .PerexText{font-weight: 400;} .NewsLeft .PerexText, .NewsLeft .PerexText a{color: #4D4D4D;} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{font-weight: 400;} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{color: #4D4D4D;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{font-weight: 400;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{color: #4D4D4D;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{font-family: "Open Sans", Arial, Helvetica, sans-serif;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{font-size: 14px;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{font-weight: 700;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{color: #4D4D4D;} .NewsLeft .NewsItemLighlight {border-bottom-width:0px;} .NewsLeft .NewsItemLighlight {border-bottom-style:solid;} .NewsLeft .NewsItemLighlight {border-left-width:0px;} .NewsLeft .NewsItemLighlight {border-left-style:solid;} .NewsLeft .NewsItemLighlight {border-right-width:0px;} .NewsLeft .NewsItemLighlight {border-right-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-left-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-left-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-style:solid;} #ShoppingCartList, #ShoppingCartListSmall {height:0px;} #Main{position: relative;} #Main{z-index:102;} .GroupData > .GroupDataItem > .GroupDataItemValue{padding-left: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-left: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-top: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-top: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-right: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-right: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-bottom: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-bottom: 12px !important;} } .Table .TableCaption{color: #4d4d4d;} .Table .TableCaption{text-align: center;} .Table .TableHead{font-size: 17px;} .Table .TableCell{font-size: 16px;} .Table.style1, .Table.style1 .TableHead, .Table.style1 .TableCell, .Table.style2, .Table.style2 .TableHead, .Table.style2 .TableCell, .Table.style6, .Table.style7 {border: 1px solid var(--color7i);} .Table.style1, .Table.style2, .Table.style5{border-collapse: collapse;} .Table.style2 .TableHead, .Table.style4 .TableHead, .Table.style9 .TableHead, .Table.style10 .TableHead{background-color: var(--color7i);} .Table.style3 .TableHeaderGroup .TableRow .TableHead, .Table.style8 .TableHeaderGroup .TableRow .TableHead, .Table.style10 .TableCell, .Table.style10.first_row .TableCell, .Table.style11.first_row .TableHeaderGroup .TableHead{border-bottom: 1px solid var(--color7i);} .Table.style3 .TableBodyGroup .TableRow .TableHead, .Table.style3.first_col .TableHeaderGroup .TableRow .TableHead:first-child, .Table.style8 .TableBodyGroup .TableRow .TableHead, .Table.style8.first_col .TableHeaderGroup .TableHead:first-child, .Table.style10.first_col .TableCell, .Table.style11.first_row .TableBodyGroup .TableHead, .Table.style11.first_row .TableHeaderGroup .TableHead:first-child{border-right: 1px solid var(--color7i);} .Table.style3 .TableHead {color: var(--color7i);} .Table.style5 {border-top:2px solid var(--color7i);border-bottom:2px solid var(--color7i);} .Table.style5, .Table.style5 .TableRow .TableHead, .Table.style5 .TableRow .TableCell{border: 1px solid var(--color7i);} .Table.style6 .TableHeaderGroup .TableRow .TableHead, .Table.style7 .TableHeaderGroup .TableRow .TableHead{border-bottom: 1px dashed var(--color7i);} .Table.style6 .TableBodyGroup .TableRow .TableHead, .Table.style6.first_col .TableHeaderGroup .TableHead:first-child, .Table.style7 .TableBodyGroup .TableRow .TableHead, .Table.style7.first_col .TableHeaderGroup .TableHead:first-child{border-right: 1px dashed var(--color7i);} .Table.style9, .Table.style9.first_row, .Table.style9.first_row.first.col{border-top:1px solid var(--color7i);border-bottom:1px solid var(--color7i);} .Table.style9.first_col{border-left:1px solid var(--color7i);border-right:1px solid var(--color7i);} .Table.style2 .TableHead, .Table.style4 .TableHead, .Table.style9 .TableHead{color: var(--color2);} .Table.style1 .TableHead, .Table.style2 .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style4 .TableCell, .Table.style5, .Table.style7 .TableCell, .Table.style8 .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style9 .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style11 .TableHead{background-color: #e6e6e6;} .Table.style3 .TableRow .TableCell, .Table.style3.first_row .TableRow .TableCell, .Table.style11 .TableRow .TableCell, .Table.style11.first_row .TableRow .TableCell {border-bottom: 1px solid #e6e6e6;} .Table.style3.first_col .TableRow .TableCell, .Table.style11.first_col .TableRow .TableCell{border-right: 1px solid #e6e6e6;} .Table.style1 .TableHead, .Table.style2 .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style4 .TableCell, .Table.style5, .Table.style7 .TableCell, .Table.style8 .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style9 .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style11 .TableHead{color: var(--color7e);} .Table.style1 .TableCell, .Table.style2 .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style3, .Table.style6, .Table.style7 .TableHead, .Table.style8 .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style8 .TableRow .TableHead, .Table.style9 .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style10, .Table.style11 .TableCell{background-color: var(--color3);} .Table.style3 .TableCell, .Table.style3.first_row .TableCell, .Table.style4 .TableCell, .Table.style4.first_row .TableCell, .Table.style7 .TableCell, .Table.style7.first_row .TableCell {border-bottom: 1px solid var(--color3);} .Table.style4.first_col .TableCell, .Table.style7.first_col .TableCell{border-right: 1px solid var(--color3);} .Table.style1 .TableCell, .Table.style2 .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style3 .TableCell, .Table.style6, .Table.style7 .TableHead, .Table.style8 .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style8 .TableRow .TableHead, .Table.style9 .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style10, .Table.style11 .TableCell {color: #666666;} .FilterNavigation {--sw-gutter-x: 20px; --sw-gutter-y: 20px;margin-right: calc(var(--sw-gutter-x) * -.5);margin-left: calc(var(--sw-gutter-x) * -.5);margin-top: calc(var(--sw-gutter-y) * -.5);margin-bottom: calc(var(--sw-gutter-y) * -.5);} .FilterNavigation > * {padding-right: calc(var(--sw-gutter-x) * .5);padding-left: calc(var(--sw-gutter-x) * .5);margin-top: calc(var(--sw-gutter-y) * .5);margin-bottom: calc(var(--sw-gutter-y) * .5);} .content_separator.hrv{width: 30px;} html,body, .SwipeBannerData .banner_content{font-size: 12px;} .SeparatorHR{border-bottom-color: #e6e6e6;} .SeparatorHRV{border-left-color: #e6e6e6;} .content_separator.hrv .hrv span:before{border-bottom-color: #e6e6e6;} .SeparatorHorizontal{height: 1px;} .SeparatorHR{border-bottom-width: 1px;} .SeparatorHRV{border-left-width: 1px;} .SeparatorHorizontal{margin-top: 10px;} .SeparatorHorizontal{padding-bottom: 10px;} .SeparatorBG.type-more{background-position: left center;} article cite:before, article cite:before{border-right-style: solid;} article li, article li:before, article p span, article cite span, article cite:before {line-height: normal;} article cite.top:before{padding-top: 0 !important;} .ThemeNavigation.theme_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-left{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.theme_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-right{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.theme_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-thin, .ThemeNavigation.theme_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-medium, .ThemeNavigation.theme_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-thick{color: #e6e6e6;background-color: #e6e6e6;} .ThemeNavigation.theme_navigation .ThemeNavigationItem.separatorborder-thin, .ThemeNavigation.theme_navigation .ThemeNavigationItem.separatorborder-medium, .ThemeNavigation.theme_navigation .ThemeNavigationItem.separatorborder-thick{border-color: #e6e6e6;} .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_title a{color: #000000;} .ThemeNavigation.theme_navigation .ThemeNavigationItem:hover .themenavigation_title, .ThemeNavigation.theme_navigation .ThemeNavigationItem:hover .themenavigation_title a{color: #000000;} .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_description_value, .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_description_value a{color: #808080;} .ThemeNavigation.theme_navigation .themenavigation_description_value{line-height: normal;} .SubTitle{line-height: normal;} .Button.type-round_corners{border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;} .Button.type-cutter{-webkit-border-top-left-radius:50px; -moz-border-radius-topleft:50px; border-top-left-radius:50px; -webkit-border-bottom-right-radius:50px; -moz-border-radius-bottomright:50px;border-bottom-right-radius:50px;} .MainButton{width:12.5%;} .MainButton{min-width: 150px;} .Button:not(.hvr-radial-in):not(.hvr-rectangle-in):not(.hvr-shutter-in-horizontal):not(.hvr-shutter-in-vertical), .Button.hvr-radial-in:after, .Button.hvr-rectangle-in:after, .Button.hvr-shutter-in-horizontal:after,.Button.hvr-shutter-in-vertical:after {background-color: transparent;} .Button:not(.hvr-sweep-to-right):not(.hvr-sweep-to-left):not(.hvr-sweep-to-bottom):not(.hvr-sweep-to-top):not(.hvr-radial-out):not(.hvr-rectangle-out):not(.hvr-shutter-out-horizontal):not(.hvr-shutter-out-vertical):hover, .Button.hvr-sweep-to-right:after, .Button.hvr-sweep-to-left:after, .Button.hvr-sweep-to-bottom:after, .Button.hvr-sweep-to-top:after, .Button.hvr-radial-out:after, .Button.hvr-rectangle-out:after, .Button.hvr-shutter-out-horizontal:after, .Button.hvr-shutter-out-vertical:after, .Button.hvr-radial-in, .Button.hvr-rectangle-in, .Button.hvr-shutter-in-horizontal,.Button.hvr-shutter-in-vertical, .formRadioButtonItem input[type="radio"]:checked + label.Button:not(.hvr-radial-in):not(.hvr-rectangle-in):not(.hvr-shutter-in-horizontal):not(.hvr-shutter-in-vertical){background-color: transparent;} .Button.border{border-width: 2px;} .Button.border{border-color: var(--color1);} .Button.border:hover{border-color: var(--color3);} .Button, .Button span{color: var(--color1);} .Button:hover, .Button:hover span, .formRadioButtonItem input[type="radio"]:checked + label.Button{color: var(--color3);} .HeadData{border-top-width:0px;} .FootData{border-bottom-color: transparent;} .HeadData, .BodyData, .FootData{border-left-color:transparent;} .HeadData, .BodyData, .FootData{border-right-color:transparent;} .BodyData{border-top-color: transparent;} .BodyData ~ .BodyData{border-top-color: transparent;} .BodyData{border-top-width:0px;} .BodyData ~ .BodyData{border-top-width: medium;} .BodyData:last-child{border-bottom-color: transparent;} .BodyData{border-left-color: transparent;} .BodyData{border-right-color: transparent;} .LeftSide{border-top-color: transparent;} .LeftSide{border-top-width:0px;} .LeftSide{border-bottom-color: transparent;} .LeftSide{border-left-color: transparent;} .LeftSide{border-right-color: transparent;} .RightSide{border-top-color: transparent;} .RightSide{border-top-width:0px;} .RightSide{border-bottom-color: transparent;} .RightSide{border-left-color: transparent;} .RightSide{border-right-color: transparent;} .BodyData .ContentHolder{border-top-color: transparent;} .BodyData ~ .BodyData .ContentHolder{border-top-color: transparent;} .BodyData .ContentHolder{border-top-width:0px;} .BodyData ~ .BodyData .ContentHolder{border-top-width: medium;} .BodyData:last-child .ContentHolder{border-bottom-color: transparent;} .ContentHolder{border-left-color: transparent;} .ContentHolder{border-right-color: transparent;} .HeadData{-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;} .HeadData{-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;} .FootData{-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;} .FootData{-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;} .BodyData:last-child{-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;} .BodyData:last-child{-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;} .RightSide{padding-bottom:20px;} .RightSide{padding-right:20px;} .RightSide{padding-top:20px;} .RightSide{padding-left:20px;} li.MenuLevel1 > div a{border-top-width:0px;} li.MenuLevel1 > div a{border-bottom-color:transparent;} li.MenuLevel1 > div a{border-bottom-width:0px;} li.MenuLevel1 > div a{border-left-color:transparent;} li.MenuLevel1 > div a{border-right-color:transparent;} li.MenuLevel2 > div a{border-top-width:0px;} li.MenuLevel2 > div a{border-left-color:transparent;} li.MenuLevel2 > div a{border-left-width:0px;} li.MenuLevel2 > div a{border-right-color:transparent;} li.MenuLevel2 > div a{border-right-width:0px;} li.MenuLevel3 > div a{border-top-width:0px;} li.MenuLevel3 > div a{border-bottom-width:0px;} li.MenuLevel3 > div a{border-left-color:transparent;} li.MenuLevel3 > div a{border-left-width:0px;} li.MenuLevel3 > div a{border-right-color:transparent;} li.MenuLevel3 > div a{border-right-width:0px;} li.MenuLevel4 > div a{border-top-width:0px;} li.MenuLevel4 > div a{border-bottom-color:transparent;} li.MenuLevel4 > div a{border-left-color:transparent;} li.MenuLevel4 > div a{border-right-color:transparent;} li.MenuLevel5 > div a{border-top-width:0px;} li.MenuLevel5 > div a{border-bottom-color:transparent;} li.MenuLevel5 > div a{border-left-color:transparent;} li.MenuLevel5 > div a{border-right-color:transparent;} li.SecondaryMenuLevel1 > div a{border-top-color:transparent;} li.SecondaryMenuLevel1 > div a{border-top-width:0px;} li.SecondaryMenuLevel1 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel1 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel1 > div a{border-left-width:0px;} li.SecondaryMenuLevel2 > div a{border-top-color:transparent;} li.SecondaryMenuLevel2 > div a{border-top-width:0px;} li.SecondaryMenuLevel2 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel2 > div a{border-left-color:transparent;} li.SecondaryMenuLevel2 > div a{border-right-color:transparent;} li.SecondaryMenuLevel3 > div a{border-top-color:transparent;} li.SecondaryMenuLevel3 > div a{border-top-width:0px;} li.SecondaryMenuLevel3 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel3 > div a{border-left-color:transparent;} li.SecondaryMenuLevel3 > div a{border-right-color:transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-top-color: transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-top-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-color: transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-color: transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-color: transparent;} .Tabs .tabs_data {border-top-color: transparent;} .Tabs .tabs_data {border-top-width: 0px;} .Tabs .tabs_data {border-bottom-color: transparent;} .Tabs .tabs_data {border-left-color: transparent;} .Tabs .tabs_data {border-right-color: transparent;} .Paging .PagingItem {border-bottom-color:#999999;} .Paging .PagingItem:not(.Inactive):hover, .Paging .PagingItem.Selected {border-bottom-color:#FF0000;} .Paging .PagingItem {border-left-color:#999999;} .Paging .PagingItem:not(.Inactive):hover, .Paging .PagingItem.Selected {border-left-color:#FF0000;} .Paging .PagingItem {border-right-color:#999999;} .Paging .PagingItem:not(.Inactive):hover, .Paging .PagingItem.Selected {border-right-color:#FF0000;} .NewsLeft .NewsItemLighlight > div{padding-bottom:20px;} .NewsLeft .NewsItemLighlight > div{padding-right:20px;} .NewsLeft .NewsItemLighlight > div{padding-top:20px;} .NewsLeft .NewsItemLighlight > div{padding-left:20px;} .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > div{padding-bottom:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > .PerexText{padding-top:10px;padding-bottom:20px;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > .PerexText{padding-right:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > div{padding-right:20px !important;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div{padding-top:20px;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate, #News .NewsItem3 .NewsItem > div{padding-top: 20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > .NewsTitle{padding-bottom:10px;padding-top:20px;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > .NewsPreviewsThumb{padding-left:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > div{padding-left:20px !important;} } .NewsLeft .NewsItemLighlight {border-top-color: transparent;} .NewsLeft .NewsItemLighlight {border-top-width:0px;} .NewsLeft .NewsItemLighlight {border-bottom-color: transparent;} .NewsLeft .NewsItemLighlight {border-left-color: transparent;} .NewsLeft .NewsItemLighlight {border-right-color: transparent;} .NewsLeft .NewsItemRow .NewsItem1 {border-top-color: transparent;} .NewsLeft .NewsItemRow .NewsItem1 {border-top-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-color: transparent;} @media all and (max-width:480px), screen and (max-device-width:480px){#News > .NewsLeft > .NewsItemRow > .NewsItem1, #News .NewsLeft .NewsItemLighlight{border-bottom-color: transparent;} } .NewsLeft .NewsItemRow .NewsItem1 {border-left-color: transparent;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-color: transparent;} .Head{max-width:1200px;width:100%;margin:0 auto;} header{background-color: var(--color7k);} .HeadData{background-color:transparent;} header{background-color:rgba(,0.9);} .HeadData{background-color:transparent;} header{border-top-width:6px;} header{border-top-style:solid;} header{border-top-color: #008dd2;} header{border-bottom-width:0px;} header{border-left-width:0px;} header{border-left-color: transparent;} header{border-right-width:0px;} header{border-right-color: transparent;} header{-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;} header{-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;} .BodyData > div{width:100%;max-width: 1200px;} .LeftData{width: 0px;min-width: 0px;} .LeftSide{max-width: 0px;} .RightData{width: 0px;min-width: 0px;} .RightSide{max-width: 0px;} .ContentHolder, .fancybox-container.fancybox-iframe-mobile .fancybox-content{width:100%;max-width:1200px;} .Foot{max-width:1200px;width:100%;margin: 0 auto;} footer{background-color: #008dd2;} .FootData{background-color:transparent;} footer{border-top-width:0px;} footer{border-top-color: transparent;} footer{border-bottom-width:0px;} footer{border-bottom-color: transparent;} footer{border-left-width:0px;} footer{border-left-color: transparent;} footer{border-right-width:0px;} footer{border-right-color: transparent;} .formField, form fieldset, .formFields .formValue.new_line .formRadioItem{margin-bottom:10px;} table tr.formTrFirst td{padding-bottom:0;} #Search{width:180px;} #SearchBox #Search{max-width:500px;} .SearchRInput_Div, .SearchInput_Div{line-height: 40px;} .SearchRInput_Div .SearchInput, .SearchInput_Div .SearchInput{line-height: 40px;height:40px;} .SearchRInput, .SearchInput{font-size: 25px;} .SearchInput_Div .icon-search-1{font-size: 27px;} body, .content_group.transparency{background-image: ;} body, .content_group.transparency{background-position: ;} body, .content_group.transparency{background-repeat: ;} #Main{background-image: ;} #Main{background-position: ;} #Main{background-repeat: ;} .BodyData{background-image: ;} .BodyData{background-position: ;} .BodyData{background-repeat: ;} .LeftSide{background-image: ;} .LeftSide{background-position: ;} .LeftSide{background-repeat: ;} .RightSide{background-image: ;} .RightSide{background-position: ;} .RightSide{background-repeat: ;} .ContentHolder{background-image: ;} .ContentHolder{background-position: ;} .ContentHolder{background-repeat: ;} header{background-image: ;} header{background-position: ;} header{background-repeat: ;} footer{background-image: ;} footer{background-position: ;} footer{background-repeat: ;} #SubMenu .MenuLevel2 > ul.none{display: block !important;} .swipebanner_scroll_after{bottom:40px;} .swipebanner_pager{bottom:10px !important;}.css115 .SubTitle { position: relative; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .css115 .SubTitle::after { margin-left: .75rem; } .css115 .SubTitle::after { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 1px solid var(--color5c); } .css115 .play-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 30px; line-height: 30px; } .css115 .video-play { border-radius: 50%; padding: 30px; background: var(--color1); border: 5px solid rgba(255,255,255,.1); -webkit-animation: pulse-blue 2s infinite; animation: pulse-blue 2s infinite; } .css115 .mask img { -webkit-mask: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(1.87868,0,0,1.87868,100,116.723)'><g transform='matrix(4.22666,0,0,5.47216,229.986,228.644)'><path d='M57.5,-19.4C63.5,-0.1 49.8,24.8 31.6,36.4C13.3,48 -9.5,46.3 -30.7,33C-51.9,19.8 -71.5,-4.9 -66.1,-23.3C-60.7,-41.7 -30.4,-53.9 -2.3,-53.1C25.7,-52.4 51.4,-38.7 57.5,-19.4Z' style='fill-rule:nonzero;'/></g></g></svg>"); mask: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(1.87868,0,0,1.87868,100,116.723)'><g transform='matrix(4.22666,0,0,5.47216,229.986,228.644)'><path d='M57.5,-19.4C63.5,-0.1 49.8,24.8 31.6,36.4C13.3,48 -9.5,46.3 -30.7,33C-51.9,19.8 -71.5,-4.9 -66.1,-23.3C-60.7,-41.7 -30.4,-53.9 -2.3,-53.1C25.7,-52.4 51.4,-38.7 57.5,-19.4Z' style='fill-rule:nonzero;'/></g></g></svg>"); } @keyframes pulse-blue { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(var(--color1rgb), 0.7); -webkit-box-shadow: 0 0 0 0 rgba(var(--color1rgb), 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(var(--color1rgb), 0); -webkit-box-shadow: 0 0 0 20px rgba(var(--color1rgb), 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(var(--color1rgb), 0); -webkit-box-shadow: 0 0 0 0 rgba(var(--color1rgb), 0); } } .css115 .video-play::before { content: "▶"; color: var(--color1k); } @media (max-width: 767px) { .css115 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css306 article h3::before { content: "???"; color: var(--color2); padding-right: 15px; font-size: 80%; vertical-align: middle; } .css306 article h3 span { font-weight: 700; } .css306 .MainTitle { line-height: 1; border-right: 8px solid rgba(0,0,0,.1); padding-right: 30px; } .css306 .MainTitle span { font-weight: 300; font-style: italic; } @media (max-width: 767px) { .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css802 article { position: relative; } .css802 article:first-of-type { margin: 0; padding: 0; } .css802 .step article .Article { padding-top: 50px!important; } .css802 article:first-of-type p.article_indent span { font-weight: 700; padding: 25px 30px; background: var(--color5a); border-radius: 15px; line-height: 20px; font-size: 20px; position: absolute; bottom: -40px; width: auto; left: 50%; transform: translateX(-50%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); box-shadow: 0 5px 20px rgba(0,0,0,.2); z-index: 1; } @media (max-width: 767px) { .css802 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css304 .article_title { line-height: 1.3; text-transform: uppercase; border-left: 8px solid var(--color1); padding-left: 30px; } .css304 .SubTitle { position: relative; text-transform: uppercase; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .css304 .SubTitle::after { margin-left: .75rem; } .css304 .SubTitle::after { content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 1px solid var(--color5c); } .css304 a { color: var(--color1); border-bottom: 3px solid rgba(0,0,0,.1); line-height: 1; } .css304 img { box-shadow: 0 5px 30px rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1); } .css304 .type-disc li::before { content: "-"; color: var(--color1); padding-right: 15px; } @media (max-width: 767px) { .css304 article h3.article_title { font-size: 30px!important; } } .css4 span span, .MainTitle span { position: relative; z-index: 1; } /* .css4 span span::before, .MainTitle span::before { content: ''; opacity: 1; width: 106%; height: 20px; position: absolute; left: -3%; border-radius: 4px; opacity: .8; bottom: 0; background: yellow; z-index: 0; }*/ .css4 span span, .MainTitle span { background: linear-gradient( 104deg , rgba(130, 255, 173,0) 0.9%, hsl(184deg 98% 62%) 2.4%, rgb(115 220 228 / 100%) 5.8%, rgb(115 220 228 / 10%) 93%, rgb(115 220 228 / 70%) 96%, rgba(130, 255, 173,0) 98%), linear-gradient( 183deg , rgba(130, 255, 173,0) 0%, rgb(115 220 228 / 30%) 7.9%, rgba(130, 255, 173,0) 15%); padding: 0.2em 13.7px; -webkit-box-decoration-break: clone; margin: 0; border-radius: 7.5px; text-shadow: -12px 12px 9.8px rgb(115 220 228 / 70%), 21px -18.1px 7.3px rgb(255 255 255), -18.1px -27.3px 30px rgb(255 255 255); } /* ----------------------------------- */ .css1203 .owl-item small { position: relative; font-size: 16px; font-weight: 700; color: var(--color4k); margin-top: 20px; -webkit-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); opacity: 0; transition: transform .5s, opacity .3s .1s; -webkit-transition: transform .5s, opacity .3s .1s; -o-transition: transform .5s, opacity .3s .1s; } .css1203 .owl-item:hover small { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); opacity: 1; } .css1203 .owl-item .fancybox-gallery::before { content: url("data:image/svg+xml; utf8, <svg width='20px' height='20px' viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(1,0,0,1,-674.95,-898.313)'><g transform='matrix(28.9572,0,0,28.9572,-4610.74,-5939.68)'><path d='M203.677,239.595L213.615,239.595L213.615,249.532' style='fill:none;stroke:rgb(3,4,4);stroke-width:2.07px;'/></g><g transform='matrix(28.9572,0,0,28.9572,-4610.74,-5939.68)'><path d='M213.615,256.025L213.615,267.222L185.988,267.222L185.988,239.595L197.186,239.595' style='fill:none;stroke:rgb(3,4,4);stroke-width:2.07px;'/></g><g transform='matrix(28.9572,0,0,28.9572,-4610.74,-5939.68)'><path d='M199.801,253.408L213.615,239.595' style='fill:none;stroke:rgb(3,4,4);stroke-width:2.07px;'/></g></g></svg>"); color: #333; font-size: 25px; line-height: 30px; position: absolute; width: 30px; height: 30px; top: calc(50% - 25px); left: calc(50% - 25px); z-index: 2; font-family: Arial; background: rgba(255,255,255,.8); padding: 10px; border-radius: 5px; transition: transform .5s, opacity .3s .1s; -webkit-transition: transform .5s, opacity .3s .1s; -o-transition: transform .5s, opacity .3s .1s; -webkit-transform: scale(.7); transform: scale(.7); opacity: 0; text-align: center; } .css1203 .owl-item .fancybox-gallery, .css1203 .owl-item .fancybox-gallery img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .css1203 .owl-item:hover .fancybox-gallery { background: rgba(255,255,255,.8); } .css1203 .owl-item:hover .fancybox-gallery img { opacity: .7; } .css1203 .owl-item:hover .fancybox-gallery::before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .css1203 .owl-prev, .css1203 .owl-next { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; display: block!important; } .css1203 .owl-theme .owl-nav .owl-prev { -webkit-transform: translate3d(-110%, 0, 0); transform: translate3d(-110%, 0, 0); top: calc(50% - 28px); } .css1203 .owl-theme .owl-nav .owl-next { -webkit-transform: translate3d(110%, 0, 0); transform: translate3d(110%, 0, 0); top: calc(50% - 28px); } .css1203 .owl-theme:hover .owl-next, .css1203 .owl-theme:hover .owl-prev { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .css1203 .owl-theme span[class*=icon-angle] { background: rgba(0,0,0,.3); color: #fff; padding: 10px 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-radius: 0 5px 5px 0; } .css1203 .owl-theme span.icon-angle-circled-right { border-radius: 5px 0 0 5px; } .css1203 .owl-theme span[class*=icon-angle]:hover { background: var(--color1); color: var(--color1k); } .css1203 .owl-theme .icon-angle-circled-left::before { content: '\e851'; } .css1203 .owl-theme .icon-angle-circled-right::before { content: '\e850'; } .css1119 article .Article h3.article_title { text-transform: uppercase; } /* ----------------------------------- *//* 400 --------- Obrázkové menu --------- */ .css400 article h3.article_title { margin: 0!important; } .css400 .SmartContent .item > .GroupData { border-radius: 15px; position: relative; } .css400 .item { -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2); box-shadow: 0 20px 40px rgba(0,0,0,.2); border-radius: 15px; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; position: relative; } .css400 .Image span { right: -50px; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .css400 .item:hover .Image span { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .css400 .item article { z-index: 999; position: relative; } .css400 .MainButton .Button { transition: transform .2s, opacity .3s .1s; transform: translate3d(0, 110%, 0); opacity: 0; z-index: 1000; } .css400 .item:hover .MainButton .Button { transform: translate3d(0, 0, 0); opacity: 1; } .css400 .item::after { content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); z-index: 999; } .css400 .item:hover::after { opacity: 1; top: -30%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } .css400 .item:active::after { opacity: 0; } /* ----------------------------------- */ .css401 article h3.article_title, .css401 article h3.article_title a { font-weight: 700; margin-bottom: 10px!important; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css401 .item:hover article h3.article_title a { color: var(--color1)!important; } .css401 .SmartContentGroup { border-right: 1px solid var(--color5c); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); } .css401 .SmartContent { border-top: 1px solid var(--color5c); border-left: 1px solid var(--color5c); position: relative; z-index: 999; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css401 .SmartContent:hover { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3); box-shadow: 0 1px 4px rgba(0,0,0,.3); } .css401 .SmartContentSeparator { width: 0; height: 0!important; display: none; } .css401 .SmartContentSeparator > span { height: 0!important; display: none!important; } .css401 .SmartContentSeparator .SeparatorHR { display: none; } .css401 .item::before { opacity: 0; content: ''; position: absolute; background: var(--color1); height: 3px; top: 0; left: 50%; width: 0; transform: translateX( -50% ); -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css401 .item:hover::before { opacity: 1; width: 100%; } /* ----------------------------------- */ .css402 article h3.article_title { margin: 0!important; } .css402 .MainTitle strong { position: relative; } .css402 .MainTitle strong::before { position: absolute; bottom: 0; content: ""; border-bottom: 3px solid var(--color1); width: 100%; } .css402 .item { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); overflow: hidden; position: relative; border-radius: 5px; } .css402 .item .content { z-index: 1000; } .css402 .MainButton .Button { transition: transform .2s, opacity .3s .1s; transform: translate3d(0, -110%, 0); opacity: 0; z-index: 1000; position: absolute; bottom: 150%; left: 20px; right: 20px; width: auto; } .css402 .item:hover .MainButton .Button { transform: translate3d(0, 0, 0); opacity: 1; } .css402 .item article .Article h3.article_title, .css402 .item article .Article p { -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css402 .item:hover article .Article h3.article_title, .css402 .item:hover article .Article p { color: var(--color1k)!important; } .css402 .item::after { content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(var(--color1rgb), .7); transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; z-index: 999; } .css402 .item:hover::after { opacity: 1; top: -30%; left: -70%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } .css402 .item:active::after { opacity: 0; } @media (max-width: 767px) { .css402 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css403 .MainTitle, .css403 article .Article h3.article_title { padding: 0; } .css403 { background-image: -webkit-gradient(linear ,left top, left bottom ,from(var(--color5)) ,to(var(--color6))); background-image: -o-linear-gradient(var(--color5) ,var(--color6)); background-image: linear-gradient(var(--color5) ,var(--color6)); } .css403 .content_group article { padding: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-radius: 0 0 10px 10px; } .css403 .content_group > .GroupData > .GroupDataItem, .css403 .content_group > .GroupData > .GroupDataItem > .GroupDataItemValue { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .css403 .content_group { box-shadow: 0 0 40px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; } .css403 .content_group:hover > .GroupData > .GroupDataItem { background: rgba(0,0,0,.3); border-radius: 10px; } .css403 .content_group:hover > .GroupData > .GroupDataItem > .GroupDataItemValue { padding: 0 10px 10px 10px; } .css403 article .Article.notab_br div > p { margin: 0; } .css403 .coming { overflow: hidden; } .css403 .coming::before { position: absolute; left: 0; background: var(--color1); color: #fff; position: absolute; content: "Coming soon!"; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 999; top: 30px; padding: 10px 50px; font-weight: 700; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif; border: 1px dashed var(--color1b); } /* ----------------------------------- */ .css404 .MainTitle { padding: 0; } .css404 article .Article h3.article_title { margin-bottom: 10px; } .css404 .SubTitle { margin-bottom: 40px; } .css404 .Article .article_indents:first-child p span { font-weight: 700; font-size: 25px; position: absolute; top: 40px; left: 40px; } .css404 .Button { text-transform: uppercase; letter-spacing: 1px; } .css404 .item::before { background: rgba(0,0,0,.5); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; z-index: 1; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css404 .item:hover::before { background: rgba(0,0,0,.8); } .css404 .item .GroupData .GroupDataItem { position: relative; z-index: 2; } .css404 .item .Widget::before, .css404 .item .Widget::after { position: absolute; content: ""; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; z-index: 0; } .css404 .item .Widget::before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; width: 50px; height: 50px; left: 20px; bottom: 20px; } .css404 .item .Widget::after { border-top: 2px solid #fff; border-right: 2px solid #fff; width: 50px; height: 50px; top: 20px; right: 20px; } .css404 .item:hover .Widget::before, .css404 .item:hover .Widget::after { width: calc(100% - 38px); height: calc(100% - 38px); } @media (max-width: 767px) { .css404 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css405 .content_separator, .css405 .SmartContentSeparator { width: 0; height: 0!important; } .css405 .swipebanner_pager_arrows { z-index: 999; position: relative; } .css405 .swipebanner_pager_arrows .pagger_arrow_left, .css405 .swipebanner_pager_arrows .pagger_arrow_right { right: 20px; bottom: 0; top: unset; } .css405 .swipebanner_pager_arrows .pagger_arrow_left { right: 70px; left: unset; } .css405 .pagger_arrow span span { background: rgba(0,0,0,.3); border-radius: 5px; font-size: 30px; line-height: 1.5em; min-width: 1.5em; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .css405 .pagger_arrow span span:hover { background: rgba(0,0,0,.5); } .css405 article .Article h3.article_title { margin-bottom: 5px; } .css405 h3.article_title, .css405 h3.article_title a { color: #fff; } .css405 .SmartContent > .content_group, .css405 .SmartContent .item > .GroupData > .GroupDataItem { display: block; position: relative; } .css405 .SmartContent .item > .GroupData { position: relative; } .css405 .SmartContent .item > .GroupData::before, .css405 .item-banner .swipeBanner::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .8))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%); } .css405 .item-banner .swipeBanner::before { z-index: 2; } .css405 .slide-item { position: absolute; top: 310px; } /* ----------------------------------- */ .css406 .MainTitle { padding: 0; } .css406 article .Article h3.article_title, .css406 .article_indents .article_indent { margin-bottom: 5px!important; } .css406 .article_indents .article_indent:last-child span { font-weight: 700; color: var(--color3); } .css406 .article_indents .article_indent span a:not(.menu-item):not(.menu-icon):not(.PathText):not(.PathHome):not(.PathSeparator):not(.statistic):not(.mystatistic-logout):not(.mystatistic-menu):not(.mystatistic-close):not(.Button):not(.fancybox-close):not(.fancybox-next):not(.fancybox-close):not(.news_item_read):not(.SearchClose):not(.ThemeNavigationItemZoom):not(.themenavigation_title_link):not(.themenavigation_title):not(.themenavigation_subtitle):not(.tab):not(.tab_selected):not(.disableAllFilters):not(.printPageButton):not(.PagingItem):not(.tag-link):hover { color: var(--color3)!important; } @media (max-width: 767px) { .css406 .MainTitle { font-size: 30px!important; } } .css406 .SmartContent { -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius: 5px; padding: 20px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: var(--color5); } .css406 .SmartContent:hover { -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); } .css406 .MainTitle, .css1200 .MainTitle { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .css406 .MainTitle::after, .css1200 .MainTitle::after { margin-left: .75rem; content: ''; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 0; border-top: 2px solid var(--color4c); } /* ----------------------------------- */ .css407 .SmartContent .item > .GroupData { position: relative; } .css407 .item { -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2); box-shadow: 0 20px 40px rgba(0,0,0,.2); -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; position: relative; } .css407 .Image span { -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .css407 .item:hover .Image span { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .css407 .item article { z-index: 999; position: relative; } .css407 .MainButton .Button { z-index: 1000; } .css407 .item::after { content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); z-index: 999; } .css407 .item:hover::after { opacity: 1; top: -30%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } .css407 .item:active::after { opacity: 0; } @media (max-width: 767px) { .css407 { padding-top: 50px; margin-top: 0!important; } } /* ----------------------------------- */ .css408 .SmartContent .item > .GroupData { position: relative; } .css408 > .GroupData > .GroupDataItem > .GroupDataItemValue > .type-0 article h3 { text-transform: uppercase; margin: 0!important; } .css408 .item { -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2); box-shadow: 0 20px 40px rgba(0,0,0,.2); -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; position: relative; } .css408 .Image span { -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .css408 .item:hover .Image span { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .css408 .item article { z-index: 999; position: relative; } .css408 .MainButton .Button { z-index: 1000; box-shadow: none; border-radius: 0; border-top: 2px solid var(--color4c); } .css408 .item:hover .Button { border-color: var(--color1); } @media (max-width: 767px) { .css408 { padding-top: 50px; margin-top: 0!important; } .css408 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */ .css409 .MainTitle { padding: 0!important; } .css409 .SmartContent .item > .GroupData { border-radius: 15px; position: relative; } .css409 .item { -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2); box-shadow: 0 20px 40px rgba(0,0,0,.2); border-radius: 15px; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; position: relative; } .css409 .Image span { right: -50px; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: 1; } .css409 .item:hover .Image span { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .css409 h3.article_title { -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .css409 .item:hover h3.article_title { border-left: 4px solid var(--color1); padding-left: 20px; } .css409 .item article { z-index: 999; position: relative; } .css409 .MainButton .Button { transition: transform .2s, opacity .3s .1s; transform: translate3d(0, 110%, 0); opacity: 0; z-index: 1000; } .css409 .item:hover .MainButton .Button { transform: translate3d(0, 0, 0); opacity: 1; } /* ----------------------------------- */ .css410 .GroupData .GroupDataItem > .GroupDataItemValue { max-width: 1800px!important; } .css410 .SmartContentSeparator { width: 10px; } @media (min-width: 867px) { .css410 .type-content_group > .SmartContentSeparator:nth-of-type(3n+3) { height: 10px!important; } } .css410 article .Article h3.article_title { margin-bottom: 10px; } .css410 .SubTitle { margin-bottom: 40px; } .css410 .item::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; z-index: 1; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .css410 .SmartContent:first-child .item { border: 1px solid var(--color4c); padding: 50px; } .css410 .SmartContent:not(:first-child) .item:hover::before { background: rgba(var(--color1rgb),.95); } .css410 .item .GroupData .GroupDataItem { position: relative; z-index: 2; } .css410 .Button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent!important; } .css410 .Button:hover { background: transparent!important; } .css410 .ButtonName.table { height: 100%; } /* ----------------------------------- */ .css411 .MainButton .Button { transition: transform .2s, opacity .3s .1s; transform: translate3d(0, 110%, 0); opacity: 0; z-index: 1000; } .css411 .item:hover .MainButton .Button { transform: translate3d(0, 0, 0); opacity: 1; } .css411 .SmartContentGroup .SmartContent > .content_group > .GroupData { -o-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .css411 .SmartContentGroup .SmartContent > .content_group.item:hover > .GroupData { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .css411 .MainTitle { padding-bottom: 10px; } .css411 .SmartContentSeparator { display: none; height: 0!important; } .css411 .SmartContent { overflow: hidden; } .css411 .SmartContent > .content_group { display: block; }.css125 .swipeBanner .swipe-wrap .swiper span.text span, .css125 .MainTitle span { color: var(--color1)!important; font-size: 150%; } .css125 .swipeBanner .swipe-wrap .swiper span.text { text-shadow: rgba(0,0,0,.2) 0 2px 2px; } .css125 .MainTitle { font-weight: 500; padding: 0; } .css125 .MainTitle span { color: var(--color1); } /* ----------------------------------- */ .css903 section:first-of-type { text-align: center; } .css903 .MainTitle { background: var(--color5); box-shadow: 0 0 40px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 40px rgba(0,0,0,.1); border-radius: 4rem; padding: 20px 40px; display: inline-block; } .css903 article { position: relative; } .css903 article:first-of-type { margin: 0; padding: 0; } .css903 div[class*="package"] .GroupData { border: 1px dashed var(--color1); border-radius: 10px; } .css903 div[class*="package"] article .Article { padding-top: 0px!important; } .css903 article:first-of-type p.article_indent span { font-weight: 700; padding: 0 25px; font-size: 25px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: var(--color5); position: absolute; bottom: 0; width: auto; left: 50%; display: table; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: var(--color1); } .css903 div[class*="package"]:hover article:first-of-type p.article_indent span { color: var(--color5k); } .css903 .type-check li::before { content: ""; } .css903 .type-check li span::before { background: var(--color1); -webkit-mask-image: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(12.809,0,0,12.809,46.9963,-1285.83)'><path d='M4.138,141.391L26.083,165.036L66.594,113.804' style='fill:none;stroke:rgb(169,172,173);stroke-width:9.76px;'/></g></svg>"); mask-image: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 1000 1000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(12.809,0,0,12.809,46.9963,-1285.83)'><path d='M4.138,141.391L26.083,165.036L66.594,113.804' style='fill:none;stroke:rgb(169,172,173);stroke-width:9.76px;'/></g></svg>"); width: 15px; height: 15px; content: ""; display: inline-block; margin-right: 10px; } .css903 .Button { background-image: -o-linear-gradient(50deg,var(--color1) 0,var(--color3) 100%); background-image: linear-gradient(50deg,var(--color1) 0,var(--color3) 100%); color: #fff; } @media (min-width: 880px) { .css903 div[class*="package-featured"] { transform: scale(1.1); -webkit-transform: scale(1.1); z-index: 999; } } @media (max-width: 767px) { .css903 .MainTitle { font-size: 30px!important; } } /* ----------------------------------- */  @media all and (max-width:767px){ #Logo.left, #Logo.right, #Logo.center, #LogoHead { width: 100%;} header, header .HeadData, header .Head{ min-height: 0;height: auto;} .Head{ padding-left:30px;} .Head{ padding-right:10px;} .Head{ padding-top:20px;} .Head{ padding-bottom:10px;} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect small{ font-size: 80%;} #News .NewsItem3 .NewsItem > .NewsTitle{ padding-left: 20px;} .Button{ padding-top: 5px;} .Button{ padding-bottom: 5px;} .Button{ padding-left: 20px;} .Button{ padding-right: 20px;}  }@media all and (max-width:480px){ .Table.type1 { border: 1px solid #color7i !important;}   .Table.type1 .TableRow:not(.tablesorter-filter-row){ border-bottom: 1px solid #color7i !important;}  }