.mainFrame { width:100%; min-width:320px; padding:0vw 1vw; } .mobile-yes { display:block; } .mobile-no { display:none !important; }  .col-m-0 {width:0.00%;} .col-m-0- {width:4.17%;} .col-m-0-- {width:6.25%;} .col-m-1 {width:8.33%;} .col-m-1- {width:12.50%;} .col-m-2 {width:16.66%;} .col-m-2- {width:20.83%;} .col-m-3 {width:25.00%;} .col-m-3- {width:29.17%;}  .col-m-4 {width:33.33%;} .col-m-4- {width:37.50%;} .col-m-5 {width:41.66%;} .col-m-5- {width:45.83%;} .col-m-6 {width:50.00%;} .col-m-6- {width:54.17%;} .col-m-7 {width:58.33%;} .col-m-7- {width:62.50%;}  .col-m-8 {width:66.66%;} .col-m-8- {width:70.83%;} .col-m-9 {width:75.00%;} .col-m-9- {width:79.17%;} .col-m-10 {width:83.33%;} .col-m-10- {width:87.50%;} .col-m-11 {width:91.67%;} .col-m-11- {width:95.83%;}  .col-m-12 {width:100.00%;} .col-m-no { display:none; } .debug { background-color:yellow; } .debugFrame { padding:3vw 3vw 3vw 3vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; }  .cookies { width:100%; } .cookiesFrame { padding:3vw 0vw 0vw 0vw; width:100%; } .cookiesContainerFrame { width:100%; height:26vw; position:relative; } .cookiesContainer { width:100%; height:26vw; position:fixed; bottom:3vw; overflow:hidden; z-index:1001; } .cookiesContent { position:relative; height:26vw; } .cookiesContent .left { position:absolute; width:600vw; right:3vw; top:0vw; height:26vw; box-shadow:0 1vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#494e5c; z-index:1002; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:3vw 8vw 3vw 6vw; z-index:1003; } .cookiesContent .container .content { float:left; width:calc(100% - 24vw); line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:2.8vw; color:#ffffff; text-align:center; } .cookiesContent .container .cookie { float:left; width:11vw; color:#ffe902; margin:4vw 3vw 0vw 0vw; } .cookiesContent .container .close { float:right; width:7vw; color:#ffe902; margin:6vw 0vw 0vw 3vw; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; }  .burgerMenu { position:fixed; display:none; top:0vw; left:0vw; z-index:300; height:100%; width:100%; padding:0vw; } .burgerMenuFrame { position:fixed; display:none; top:0vw; left:0vw; width:70vw; z-index:301; height:100%; } .burgerMenuHeader { width:20vw; height:27vw; padding:4vw 3vw; background-color:rgba(73, 78, 92, 0.9); position:relative; } .burgerMenuHeader .headerLogo { width:100%; border:none; } .burgerMenuHeader .headerLogo .logo { width:20vw; margin-left:0vw; padding:0vw; } .headerMobileClose { position:absolute; top:8vw; right:6vw; width:9vw; } .headerMobileClose .button { color:#ffe902; cursor:pointer; } .headerMobileClose .button:hover { color:#ffffff; } .burgerMenuContent { height:calc(100% - 27vw); overflow:auto; padding:2vw 0vw 2vw 0vw; padding:0vw; background-color: rgba(73, 78, 92, 0.9); } .burgerMenuItems { padding:3vw 0vw; } .burgerMenuItems .item { font-family:'Metropolis',sans-serif; font-size:4vw; font-weight:500; color:#ffffff; text-transform:uppercase; padding:3vw 3vw 3vw 3vw; margin-left:3vw; border-bottom:none; } .burgerMenuItems A { text-decoration:none; } .burgerMenuItem A:hover { text-decoration:underline; } .burgerMenuItems .item.register { color:#ffe902; }  .header { } .headerFrame { } .headerContact { display:none; } .headerRegister { display:none; } .headerBurger { float:left; width:11vw; padding:7vw 0vw 0vw 2vw; cursor:pointer; } .headerFacebook { float:right; color:#ffffff; width:10vw; padding:6vw 2vw 0vw 0vw; } .headerFacebook:hover { color:#0081fa; } .headerLogo { width:100%; padding:3vw 0vw 3vw 0vw; } .headerLogo IMG { width:100%; } .headerMenu { display:none; } .headerPromoFrame { display:none; }  .footer { background-color: rgba(0, 0, 0, 0.4); padding:3vw 0vw; } .footerFrame { } .footerContact { padding-bottom:6vw; } .footerContact .logo { width:25vw; margin:0 auto; } .footerContact .logo IMG { width:100%; } .footerContact .content { padding:2vw 0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#ffffff; } .footerContact .map { cursor:default; height:8vw; padding:2vw; line-height:4vw; float:left; border-radius:4vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.2vw; color:#262a35; } .footerContact .map:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; }  .footerMenuLabel { line-height:6vw; margin-bottom:3vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#ffffff; } .footerMenuLabel .svg { float:left; width:4vw; color:#ffe902; margin-right:1vw; } .footerMenu { } .footerMenu .item { padding:1vw 0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.6vw; color:#059eff; } .footerMenu .item A { color:#ffffff; text-decoration:none; } .footerMenu .item A:hover { text-decoration:underline; } .footerScrollTop { cursor:pointer; padding:3vw; border-radius:5px; height:33vw; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.1); background-image:linear-gradient(to bottom, #696e7e, #494e5c 68%); } .footerScrollTop .arrow { color:#0081fa; width:10vw; margin:0 auto; } .footerScrollTop .label { padding-top:2vw; text-align:center; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#ffffff;} .footerMore { padding:3vw 0vw; } .footerMoreFrame { } .footerMoreLabel { line-height:6vw; margin-bottom:2vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.6vw; color:#c1c1c1; } .footerMoreLabel .svg { float:left; width:5vw; color:#c1c1c1; margin-right:1vw; } .footerMoreContent { font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#ffffff; line-height:150%; padding-left:6vw; } .footerMoreButton { padding:3vw 0vw; } .footerFacebook { display:none; } .footerForm { cursor:default; float:right; margin:0vw 0vw 0vw 3vw; width:calc(50% - 3vw); height:15vw; padding:3vw; border-radius:1vw; box-shadow: 0 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #696e7e, #494e5c 68%); line-height:5vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#ffffff; } .footerForm:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .footerForm .icon { width:7.8vw; float:left; margin-right:2vw; } .footerRegister { cursor:default; float:right; margin:0vw 3vw 0vw 0vw; width:calc(50% - 3vw); height:15vw; padding:3vw; border-radius: 1vw; box-shadow: 0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #fff965, #ffe902); line-height:5vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#262a35; } .footerRegister:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .footerRegister .icon { width:11.4vw; float:left; margin-right:2vw; } .footerCopy { } .footerCopyFrame { padding:0vw 3vw; } .footerCopyContainer { padding:3vw 0vw 3vw 0vw; border-top:0.4vw solid #494e5c; } .footerCopyLeft { float:left; width:100%; line-height:5vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#c1c1c1; text-align:center; } .footerCopyLeft BR { display:none; } .footerCopyRight { float:right; width:100%; padding-top:6vw; } .footerCopyRight .logo { float:right; width:30vw; color:#c1c1c1; } .footerCopyRight .logo:hover { color:#ffffff; } .footerCopyRight .label { float:right; line-height:6vw; margin-right:3vw; font-family:'Lato',sans-serif; font-weight:400; font-size:2.8vw; color:#494e5c; }  .static { } .staticFrame { } .staticLeft { float:left; width:100%; padding:2vw; } .staticRight { float:left; width:100%; padding:2vw; } .staticLeftFrame { position:relative; height:11vw; } .staticMenuMobile { cursor:pointer; float:left; height:11vw; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color: #494e5c; } .staticMenuMobile .label { float:left; padding:2vw; line-height:7vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:5vw; color:#ffffff; } .staticMenuMobile .icon { float:left; width:11vw; height:11vw; background-color:#ffffff; } .staticMenuMobile .icon .burger { padding:3vw; } .staticMenuMobile .icon .close { display:none; padding:3vw; color:#0081fa; } .staticMenu { display:none; position:absolute; top:11vw; left:0vw; padding:4vw 4vw 2vw 4vw; box-shadow:-1px 3px 5px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; } .staticMenu .label { padding-bottom:3vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:5vw; color:#262a35; line-height:5.6vw; } .staticMenu .label .svg { display:none; } .staticMenu .menu { padding-left:2vw; } .staticMenu .menu .item { font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#262a35; padding-bottom:3vw; } .staticMenu .menu .item A { color:#262a35; text-decoration:none; } .staticMenu .menu .item A:hover { text-decoration:underline; } .staticContainer { background-color: #ffffff; padding:4vw; } .staticContainer .label { padding-bottom:3vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:6vw; color:#2f333f; line-height:9vw; } .staticContainer .label H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:6vw; color:#2f333f; line-height:9vw; } .staticContainer .label .svg { float:left; color:#0081fa; width:6vw; height:8vw; } .staticContainer .content { line-height:160%; font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#262a35; } .staticBorderFrame { padding:6vw 3vw 3vw 3vw; } .staticBorder { background-color:#2f333f; height:1vw; }  .homePromo { } .homePromoFrame { padding:0vw; } .homeRotator { } .homeRotatorFrame { height:110vw; width:100%; position:relative; background-color:#494e5c; z-index:10; margin-bottom:0.4vw; } .homeRotatorSlide { width:100%; height:100%; position:absolute; top:0vw; left:0vw; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeRotatorSwitchFrame { position:absolute; bottom:5vw; left:0vw; height:5vw; width:100%; z-index:20; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; height:5vw; width:5vw; margin:0vw 1vw; border:solid 0.6vw #0081fa; background-color:#0081fa; border-radius:60vw; } .homeRotatorSwitch1 { border: solid 0.6vw #ffe902; background-color:transparent; } .homePromoOfferFrame { float:left; position:relative; height:22vw; margin-left:0.4vw; } .homePromoOfferFrame.first { margin-left:0vw; } .homePromoOfferFrame A { text-decoration:none; } .homePromoOffer { cursor:default; height:22vw; padding:5vw 4vw 3vw 4vw; line-height:5vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; text-align:center; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:rgba(255, 255, 255, 0.5); text-transform:uppercase; } .homePromoOffer:hover { background-color:#0081fa; color:#ffffff; } .homePromoOfferFrame .register { position:absolute; bottom:4vw; left:9vw; height:6vw; margin:0 auto; width:calc(80% - 6vw); border-radius:4vw; line-height:6vw; padding:0vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.2vw; color:#262a35; text-align:center; } .homePromoOfferFrame .register BR { display:none; } .homePromoOfferFrame:hover .register { display:block; }  .homeNews { } .homeNewsFrame { } .homeNewsLabel { position:absolute; top:3vw; left:3vw; width:92vw; padding-bottom:3vw; height:11vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .homeNewsLabel .svg { float:left; width:4.8vw; color:#ffe902; } .homeNewsLabel .more { float:right; font-family:'Metropolis',sans-serif; font-weight:600; font-size:2.8vw; color:#c1c1c1; } .homeNewsLabel .more A { text-decoration:none; } .homeNewsLabel .more A:hover { text-decoration:underline; } .homeNewsLeftFrame { position:relative; float:left; width:100%; } .homeNewsLeft { padding:14vw 3vw 3vw 3vw; width:100%; height:118vw; overflow:auto; } .homeNewsList { width:140vw; } .homeNewsItem { float:left; width:45vw; margin-left:1vw; margin-top:1vw; height:50vw; background-color:#d8d8d8; } .homeNewsItem.firstCol { margin-left:0vw; } .homeNewsItem.firstRow { margin-top:0vw; } .homeNewsItem .photo { height:25vw; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeNewsItem .container { background-color:#ffffff; height:25vw; padding:3vw 3vw; overflow:hidden; } .homeNewsItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:3vw; color:#494e5c; line-height:4vw; } .homeNewsItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:4vw; color:#2a52c2; min-height:15vw; line-height:5vw; } .homeNewsItem .title A { text-decoration:none; } .homeNewsItem .title A:hover { text-decoration:underline; } .homeNewsItem .content { display:none; } .homeNewsRightFrame { position:relative; float:left; width:100%; } .homeNewsRight { padding:14vw 3vw 3vw 3vw; height:98vw; overflow:auto; } .homeNewsRecommend { height:80vw; } .homeNewsRecommend.pages1 { width:124vw; } .homeNewsRecommend.pages2 { width:248vw; } .homeNewsRecommend.pages3 { width:372vw; } .homeRecommendSlide { float:left; width:124vw; } .homeRecommendItemX1 { float:left; width:60vw; height:40vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; margin-right:2vw; } .homeRecommendItemX2 { float:left; width:60vw; height:80vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; margin-right:2vw; } .homeRecommendItemX1 .photo, .homeRecommendItemX2 .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeRecommendSwitchFrame { display:none; }  .homeSpecial { } .homeSpecialFrame { } .homeSpecialLabel { padding:3vw 3vw 0vw 3vw; height:11vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .homeSpecialLabel .svg { float:left; width:4.8vw; color:#ffe902; } .homeSpecialsFrame { width:100%; overflow:auto; } .homeSpecials { height:auto; padding:2vw; } .homeSpecials.pages1 { width:96vw; } .homeSpecials.pages2 { width:96vw; } .homeSpecials.pages3 { width:96vw; } .homeSpecialSlide { float:left; width:96vw; } .homeSpecialItem { height:28vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c} .homeSpecialItemX1 { float:left; padding:1vw; width:100%; } .homeSpecialItemX2 { float:left; padding:1vw; width:100%; } .homeSpecialItem .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeSpecialSwitchFrame { display:none; } .newsletterContainer { height:auto; margin:3vw 0vw; } .newsletterLeft { float:left; width:100%; height:auto; padding-bottom:3vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#ffffff; line-height:6vw; } .newsletterLeft BR { display:none; } .newsletterLeft .svg { float:left; color:#0081fa; width:7vw; margin:1vw 2vw; } .newsletterRight { float:left; width:100%; height:12vw; } .newsletterRight INPUT[type="TEXT"] { float:left; width:calc(100% - 34vw); height:12vw; line-height:4vw; padding:3.4vw; border-radius:1vw; border:solid 0.6vw #0081fa; font-family:'Lato',sans-serif; font-weight:700; font-size:3.2vw; color:#ffffff; background-color:transparent; } .newsletterRight INPUT[type="TEXT"].error { border-color:#ff0000; } .newsletterRight INPUT[type="SUBMIT"] { float:right; width:32vw; height:12vw; border-radius:1vw; box-shadow: 0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #0081fa, #0062be); border:none; margin:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; } .newsletterRight INPUT[type="SUBMIT"]:hover { background-image: linear-gradient(to bottom, #000000, #000000); } .newsletterDone { display:none; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.4vw; color:#ffffff; } .newsletterDone TABLE { width:100%; height:100%; } .newsletterDone TD { width:100%; height:100%; vertical-align:middle; text-align:center; }  .newsList { } .newsListFrame { padding:0vw; } .newsBorderFrame { padding:6vw 3vw 3vw 3vw; } .newsBorder { background-color:#2f333f; height:1vw; } .newsListHeader { padding:0vw 0vw 3vw 0vw; } .newsListLabel { height:12vw; background-color:#2f333f; padding:2.5vw 2vw 2.5vw 3vw; float:left; width:calc(50% - 1vw); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .newsListLabel H1 { margin:0vw; padding:0vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .newsListLabel .svg { float:left; width:4.8vw; color:#ffe902; } .newsListContainer { padding:2vw 2vw; } .newsListItemFrame { padding:1vw; float:left; width:50%; height:52vw; } .newsListItem { width:100%; height:100%; background-color:#d8d8d8; } .newsListItem .photo { height:25vw; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsListItem .container { background-color:#ffffff; height:25vw; padding:3vw 3vw; overflow:hidden; } .newsListItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:3vw; color:#494e5c; line-height:4vw; } .newsListItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:4vw; color:#2a52c2; min-height:15vw; line-height:5vw; } .newsListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .newsListItem .content { display:none; }  .newsView { } .newsViewFrame { padding:0vw; } .newsViewLeftFrame { float:left; width:100%; } .newsViewLeft { padding:0vw; } .newsViewHeader { height:15vw; background-color:transparent; } .newsViewLabel { height:12vw; background-color:#2f333f; padding:2.5vw 2vw 2.5vw 3vw; float:left; width:calc(50% - 1vw); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .newsViewLabel H1 { margin:0vw; padding:0vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .newsViewLabel .svg { float:left; width:4.8vw; color:#ffe902; } .newsViewTitle { display:none; } .newsViewContainer { margin:3vw 3vw 3vw 3vw; background-color:#ffffff; padding:4vw; } .newsViewContainer .label { margin-bottom:4vw; } .newsViewContainer .label H2 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#2a52c2; } .newsViewContainer .date { height:6vw; line-height:4vw; padding:1vw; float:left; background-color:rgba(255, 0, 32, 0.9); margin-bottom:4vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .newsViewContainer .photo { height:50vw; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:4vw; } .newsViewContainer .content { font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#262a35; line-height:150%; } .newsViewRightFrame { float:left; width:100%; } .newsViewRight { padding:3vw; } .newsViewRecommendFrame { position:relative; float:left; width:100%; } .newsViewRecommend { padding:14vw 0vw 0vw 0vw; height:118vw; overflow:auto; } .newsViewRecommend .homeNewsLabel { left:0vw; } .homeViewMoreLabel { padding:0vw 0vw; height:7vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .homeViewMoreLabel .svg { float:left; width:4.8vw; color:#ffe902; } .homeViewMoreList { margin:6vw 0vw 3vw 0vw; } .homeViewMoreList A { text-decoration:none; } .homeViewMoreItem { float:left; width:50%; height:17vw; padding:3vw; background-image:linear-gradient(to top, #dbdbdb, #ffffff); margin-bottom:1vw; } .homeViewMoreItem.leftColumn { width:calc(50% - 0.5vw); margin-right:0.5vw; } .homeViewMoreItem.rightColumn { width:calc(50% - 0.5vw); margin-left:0.5vw; } .homeViewMoreItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:2.4vw; color:#494e5c; line-height:3.6vw; } .homeViewMoreItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:4vw; color:#2a52c2; min-height:8vw; line-height:4vw; }  .offerList { } .offerListFrame { padding:0vw; } .offerBorderFrame { padding:6vw 3vw 3vw 3vw; } .offerBorder { background-color:#2f333f; height:1vw; }  .offerListHeader { padding:0vw; } .offerListLabel { height:12vw; background-color:#2f333f; padding:2.5vw 2vw 2.5vw 3vw; float:left; width:33.33%; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .offerListLabel H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .offerListLabel .svg { float:left; width:4.8vw; color:#ffe902; } .offerListSelector { float:left; width:100%; height:15vw; } .offerListSelector A { text-decoration:none; } .offerListSelectorItem { float:left; height:15vw; padding:3vw; text-align:center; line-height:5vw; margin-left:0.4vw; background-color:#494e5c; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#c1c1c1; text-transform:uppercase; } .offerListSelectorItem.selected { background-color:#0081fa; color:#ffffff; } .offerListSelectorItem H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#c1c1c1; } .offerListSelectorItem.selected H1 { color:#ffffff; } .offerListContent { display:none; } .offerListItems { padding:2vw 1vw; } .offerListItems A { text-decoration:none; } .offerListItem { position:relative; padding:3vw 3vw 3vw 6vw; height:24vw; border-radius:1vw; box-shadow:0 0.6vw 0 0 rgba(0, 129, 250, 0.9); background-image:linear-gradient(to top, #c1c1c1, #ffffff);} .offerListItem:hover { box-shadow:0 1vw 3vw 0 #0081fa, 0 0.6vw 0 0 #ffe902; background-color:#0081fa; background-image:none; } .offerListItem TABLE { width:100%; height:100%; } .offerListItem TD { width:100%; height:100%; vertical-align:middle; } .offerListItem .label { font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#262a35; line-height:1.2; } .offerListItem .dot { position:absolute; left:3vw; top:11.2vw; width:1.6vw; height:1.6vw; background-color:#0081fa; border-radius:60vw; } .offerListItem .register { position:absolute; top:0px; right:0px; width:52px; } .offerListItem:hover .label { color:#ffffff; } .offerListItem:hover .dot { background-color:#ffe902; }  .product { } .productFrame { } .productHeader { padding:4vw 4vw; line-height:7vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; } .productHeader .offerLabel { float:left; height:7vw; width:25%; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .productHeader .offerLabel .svg { float:left; width:4.8vw; color:#ffe902; } .productHeader .offerLabel A { text-decoration:none; } .productHeader .offerLabel A:hover { text-decoration:underline; } .productHeader .offerBreadcrumbs { float:left; width:75%; } .productHeader .offerBreadcrumbs .category { height:7vw; width:100%; float:left; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.6vw; color:#ffffff; text-transform:uppercase; } .productHeader .offerBreadcrumbs .category .svg { float:left; width:3.2vw; color:#000000; margin:0vw 2vw 0vw 0vw; } .productHeader .offerBreadcrumbs .category A { text-decoration:none; } .productHeader .offerBreadcrumbs .category A:hover { text-decoration:underline; } .productHeader .offerBreadcrumbs .product { height:7vw; width:100%; float:left; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.2vw; color:#c1c1c1; } .productHeader .offerBreadcrumbs .product .svg { float:left; width:3.2vw; color:#000000; margin:0vw 2vw 0vw 0vw; } .productHeader .offerBreadcrumbs .product A { text-decoration:none; } .productHeader .offerBreadcrumbs .product A:hover { text-decoration:underline; } .productDesc { padding:2vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .productDescLeft { float:left; padding:2vw; width:100%; } .productDescLabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#262a35; border-bottom:0.6vw solid #0081fa; margin-bottom:5vw; padding-bottom:5vw; } .productDescLabel H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#262a35; } .productDescContent { font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; line-height:140%; } .productDescRight { float:left; padding:1vw; width:100%; } .productDescPhoto { float:left; padding:1vw; height:30vw; width:50%; } .productDescPhoto.big { height:30vw; width:50%; } .productDescPhoto.third { display:none; } .productDescPhoto.hidden { display:none; } .productDescPhoto .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .productDescPhotoCounter { float:left; padding:1vw; width:100%; text-align:right; font-family:'Lato',sans-serif; font-weight:700; font-size:3.6vw; color:#0081fa; } .productGroupHeader { padding:3vw 3vw; background-color:#0081fa; } .productGroupHeaderLabel { height:12vw; float:left; } .productGroupHeaderLabel .breadcrumbs { height:11vw; line-height:5.5vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.6vw; color:#ffffff; } .productGroupHeaderLabel .breadcrumbs .category { float:left; width:100%; color:#8fc9ff; text-transform:uppercase; } .productGroupHeaderLabel .breadcrumbs .svg { float:left; color:#ffe902; width:2vw; height:5vw; margin:0vw 2vw 0vw 0vw; } .productGroupHeaderLabel .breadcrumbs .product { float:left; font-weight:700; } .productGroupHeaderLabel .breadcrumbs A { text-decoration:none; } .productGroupHeaderLabel .breadcrumbs A:hover { text-decoration:underline; } .productGroupHeaderLabel .label { height:8vw; line-height:7vw; padding-top:1vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#ffffff; } .productGroupHeaderLabel .label .svg { float:left; width:4.8vw; color:#ffe902; margin-right:2vw; } .productGroupHeaderButtons { display:none; } .productGroupHeaderButtonsMobile { height:20vw; float:right; padding:0vw 0vw; overflow:hidden; } .productGroupHeaderButtonsMobile .button { width:14vw; cursor:default; height:8vw; padding:2vw; line-height:4vw; margin-bottom:4vw; border-radius:4vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.2vw; color:#262a35; } .productGroupHeaderButtonsMobile .button:hover { background-image:linear-gradient(to bottom, #494e5c, #000000); color:#ffffff; } .productGroupHeaderButtonsMobile .button .facebook { float:left; width:4vw; margin-right:1vw; } .productGroupHeaderButtonsMobile .button .group { float:left; width:4.6vw; }  .productGroupHeaderButtonsMobile .button .register { float:left; width:5.2vw; margin:0vw 2vw; }  .productGroupContent { padding:1vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .productGroupContentLeft { float:left; padding:3vw; width:100%; } .productGroupContentDesc { line-height:140%; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; } .productGroupContentSheduleFrame { padding-top:0vw; } .productGroupContentSheduleFrame .fieldLeft { margin-top:6vw; float:left; width:100%; height:40vw; padding:4vw; border-radius:1vw; background-color:#eaeaea; } .productGroupContentSheduleFrame .fieldRight { margin-top:6vw; float:left; width:100%; height:40vw; padding:4vw; border-radius:1vw; background-color:#eaeaea; } .productGroupContentSheduleFrame .label { height:6vw; line-height:6vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#0081fa; } .productGroupContentSheduleFrame .label .term { float:left; width:6vw; height:6vw; margin-right:2vw; color:#2f333f; } .productGroupContentSheduleFrame .label .coach { float:left; width:6vw; height:6vw; margin-right:2vw; color:#2f333f; } .productGroupContentSheduleFrame .day { float:left; width:25%; } .productGroupContentSheduleFrame .hour { float:left; width:calc(50% - 10vw); } .productGroupContentSheduleFrame .room { float:left; width:25%; } .productGroupContentSheduleFrame .register { float:left; width:10vw; } .productGroupContentSheduleFrame .tableHeader { margin-bottom:1vw; padding:3vw 0vw 2vw 0vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3vw; color:#494e5c; border-bottom:0.2vw solid #c1c1c1; } .productGroupContentSheduleFrame .tableRow { padding:1vw 0vw; line-height:6vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; } .productGroupContentSheduleFrame .tableRow.day { text-transform:capitalize; } .productGroupContentSheduleFrame .registerButton { cursor:default; height:6vw; padding:1vw 2.6vw; line-height:4vw; float:left; border-radius:3vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.2vw; color:#262a35; } .productGroupContentSheduleFrame .registerButton:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .productGroupContentSheduleFrame .coaches { padding-top:2vw; } .productGroupContentSheduleFrame .coachName { padding:2vw 0vw; line-height:8vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; } .productGroupContentSheduleFrame .coachName .icon { float:left; margin-right:3vw; width:8vw; height:8vw; border-radius:60vw; border:solid 0.2vw #979797; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .productGroupContentPayment { margin-top:6vw; padding:4vw; border-radius:1vw; background-color:#eaeaea; } .productGroupContentPayment .label { height:6vw; line-height:6vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#0081fa; } .productGroupContentPayment .label .account { float:left; width:6vw; height:6vw; margin-right:2vw; color:#2f333f; } .productGroupContentPayment .content { padding:2vw 0vw 0vw 8vw; } .productGroupContentPayment .content .price { font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#262a35; padding-bottom:3vw; } .productGroupContentPayment .content .price SPAN { font-weight:700; color:rgba(255, 0, 32, 0.9); } .productGroupContentPayment .content .extra { font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; padding-bottom:3vw; } .productGroupContentPayment .content .account { font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; } .productGroupContentRight { display:none; }  .register { } .registerFrame { } .registerContainer { padding:0vw 0vw 0vw 0vw; } .registerHeader { padding:3vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; line-height:7vw; } .registerHeader H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .registerHeader .svg { float:left; width:4.8vw; color:#ffe902; height:7vw; } .registerInfoFrame { padding:3vw; } .registerInfo { padding:6vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; } .registerInfo .checkbox { width:7vw; float:left; } .registerInfo .content { width:calc(100% - 7vw); float:left; } .registerInfo.error { box-shadow:0 1.2vw 2vw 0 rgba(255, 0, 32, 0.6); } .registerStepFrame { padding:3vw; } .registerStep { box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .registerStepHeader { padding:6vw; background-color:#ffe902; } .registerStepHeader .label { height:7vw; line-height:7vw; font-family:'Metropolis',sans-serif; font-weight:400; font-size:5vw; color:#2f333f; } .registerStepHeader .label .svg { float:left; width:4.8vw; color:#2f333f; height:7vw; margin-right:1vw; } .registerStepContent { padding:3vw 3vw; } #step1container { opacity:0.5; } .registerLabel { float:left; padding:2vw 3vw; width:100%; line-height:6vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; text-align:left; } .registerLabel SPAN { color:rgba(255, 0, 32, 0.9); } .registerInput { float:left; padding:2vw 3vw; width:100%; } .registerInput INPUT[type="TEXT"] { padding:2.4vw; line-height:6vw; width:100%; height:12vw; border:solid 0.2vw #c1c1c1; background-color:#ffffff; font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#c1c1c1; } .registerInput INPUT[type="TEXT"].date { width:30vw; } .registerInput INPUT[type="TEXT"].edit { color:#494e5c; } .registerInput INPUT[type="TEXT"].error { box-shadow:0 1.2vw 2vw 0 rgba(255, 0, 32, 0.6); } .registerCategory { float:left; width:calc(33.33% - 2vw); margin-left:3vw; height:20vw; border-radius:1vw; background-color:#494e5c; } .registerCategory.first { margin-left:0vw; } .registerCategory .radio { float:left; padding:2vw; width:100%; height:8vw; text-align:center; } .registerCategory .label { float:left; padding:2vw; width:100%; height:12vw; line-height:4vw; text-align:center; text-transform:uppercase; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.2vw; color:rgba(255, 255, 255, 0.5); } .registerCategory.selected { box-shadow:0 0.6vw 1.6vw 0 rgba(0, 129, 250, 0.7);background-color:#0081fa; } .registerCategory.selected .label { color:#ffffff; } .registerCategory.error { box-shadow:0 1.2vw 2vw 0 rgba(255, 0, 32, 0.6); } .registerSelect { height:12vw; width:100%; padding:2.4vw; box-shadow:0 0.8vw 1.2vw 0 rgba(0, 129, 250, 0.5); border:solid 0.2vw #0081fa; background-color:#ffffff; } .registerSelect.disabled { box-shadow: 0 0.8vw 1.2vw 0 rgba(73, 78, 92, 0.2); border:solid 0.2vw #c1c1c1; background-color:rgba(193, 193, 193, 0.25); } .registerSelect SELECT { height:6vw; width:100%; border:none; background-color:transparent; font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#c1c1c1; } .registerSelect SELECT.edit { color:#494e5c; } .registerSelect.error { box-shadow:0 1.2vw 2vw 0 rgba(255, 0, 32, 0.6); } .registerInfoField { padding:3vw 3vw; line-height:6vw; border:solid 0.2vw #c1c1c1; background-color:rgba(193, 193, 193, 0.25); font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#494e5c; } .registerPersons { padding:2vw 3vw; width:100%; } .registerPerson { float:left; width:calc(50% - 1.5vw); margin-left:3vw; height:20vw; border-radius:1vw; background-color:#494e5c; } .registerPerson.first { margin-left:0vw; } .registerPerson .radio { float:left; padding:2vw; width:100%; height:8vw; text-align:center; } .registerPerson .label { float:left; padding:2vw; width:100%; height:8vw; line-height:3.6vw; text-align:center; text-transform:uppercase; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.2vw; color:rgba(255, 255, 255, 0.5); } .registerPerson.selected { box-shadow:0 0.6vw 1.6vw 0 rgba(0, 129, 250, 0.7); background-color:#0081fa; } .registerPerson.selected .label { color:#ffffff; } .registerPersonGroup { position:relative; margin:3vw; background-color:#eaeaea; border-radius:1vw; } .registerPersonGroup .border { display:none; } .registerPersonGroup .label { padding:3vw 3vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#000000; }  .registerButtonFrame { padding:3vw; } .registerButton { cursor:default; margin:0 auto; padding:3vw; line-height:6vw; width:100%; height:12vw; border-radius:1vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; } .registerButton:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .registerButton .icon { width:7.6vw; float:left; margin-right:2vw; }  .contact { } .contactFrame { } .contactLeft { float:left; padding:3vw; width:100%; } .contactRight { float:left; padding:3vw; width:100%; } .contactLabel { float:left; margin-bottom:4vw; height:15vw; padding:4vw; line-height:7vw; background-color:#2f333f; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4.8vw; color:#ffffff; } .contactLabel .svg { float:left; width:4.8vw; height:6.6vw; color:#ffe902; } .contactData { height:auto; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .contactDataContent { height:auto; padding:6vw; } .contactDataMap { height:90vw; background-color:#d8d8d8; } .contactData .label { height:7vw; line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.2vw; color:#0081fa; } .contactData .label .svg { float:left; width:2.8vw; height:4vw; color:#0081fa; margin-right:1vw; } .contactData .labelBig { height:7vw; line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4.8vw; color:#0081fa; } .contactData .labelBig .svg { float:left; width:2.8vw; height:4vw; color:#0081fa; margin-right:1vw; } .contactData .content { padding-bottom:3vw; font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; line-height:140%; } .contactData .content A { text-decoration:none; color:inherit; } .contactData .content A:hover { text-decoration:underline; } .contactData .coaches { padding-bottom:3vw; } .contactData .coach { float:left; width:100%; padding-bottom:3vw; } .contactData .coach .icon { width:12vw; height:12vw; float:left; margin-right:3vw; } .contactData .coach .photo { width:100%; height:100%; border-radius:60vw; border:solid 0.2vw #979797; background-color:#d8d8d8; background-size:cover; background-repeat:no-repeat; background-position:center; } .contactData .coach .name { margin-top:2vw; line-height:4vw; font-family:'Lato',sans-serif; font-weight:400; font-size:2.8vw; color:#262a35; } .contactData .coach .phone { line-height:4vw; font-family:'Lato',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; } .contactFormContainer { padding:6vw; height:150vw; box-shadow:0 0.4vw 1.6vw 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .contactForm { height:100%; width:100%; position:relative; } .contactFormOK { display:none; width:100%; height:100%; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { width:100%; height:100%; text-align:center; vertical-align:middle; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4.8vw; color:#0081fa; } .contactFormInput { float:left; width:100%; padding-bottom:3vw; } .contactFormField { padding:2vw; border:solid 0.2vw #c1c1c1; background-color: #ffffff; } .contactFormField.error { border-color:rgba(255, 0, 32, 0.9); } .contactFormField INPUT[type="TEXT"] { width:100%; line-height:4vw; height:4vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; } .contactFormField SELECT { width:100%; line-height:4vw; height:4vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; } .contactFormField TEXTAREA { width:100%; line-height:4vw; height:4vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.6vw; color:#262a35; } .contactFormField TEXTAREA { height:32vw;} .contactFormConfirm { position:absolute; left:0vw; bottom:0vw; width:100%; padding:4vw; background-color: #2f333f; } .contactFormConfirm .checkbox { float:left; width:6vw; } .contactFormConfirm .content { float:left; width:calc(100% - 6vw); font-family:'Lato',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff;} .contactFormConfirm INPUT[type="SUBMIT"] { margin:0vw; border:none; background-color:transparent; width:0vw; height:0vw; } .contactFormButton { cursor:default; width:50vw; margin:0 auto; padding:3vw; height:12vw; line-height:6vw; border-radius:1vw; box-shadow:0 0.4vw 0.4vw 0 rgba(0, 0, 0, 0.2); background-image:linear-gradient(to bottom, #fff965, #ffe902); font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.6vw; color:#262a35; } .contactFormButton .icon { float:left; width:7vw; height:6vw; margin-right:2vw; } .contactFormButton:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .contactFormButton:hover .icon { color:#ffffff; } .contactFormError { display:none; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:2.8vw; color:rgba(255, 0, 32, 0.9); }