.mainFrame { width:1200px !important; margin:0 auto; } .halfFrame { width:600px !important; margin:0 auto; } .pc-yes { display:block; } .pc-no{ display:none !important; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .cookies { width:100%; } .cookiesFrame { padding:15px 0px 0px 0px; width:100%; } .cookiesContainerFrame { width:100%; height:70px; position:relative; } .cookiesContainer { width:100%; height:70px; position:fixed; bottom:15px; overflow:hidden; z-index:1001; } .cookiesContent { position:relative; height:70px; } .cookiesContent .left { position:absolute; width:3000px; right:15px; top:0px; height:70px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2); background-color:#494e5c; z-index:1002; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:15px 30px 15px 30px; z-index:1003; } .cookiesContent .container .content { float:left; padding:3px 0px; line-height:17px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#ffffff; } .cookiesContent .container .cookie { float:left; width:40px; color:#ffe902; margin-right:15px; } .cookiesContent .container .close { float:right; width:24px; color:#ffe902; margin:8px 0px; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; }  .burgerMenu { display:none; } .burgerMenuFrame { display:none; }  .header { } .headerFrame { } .headerContact { height:40px; padding:10px 0px; line-height:20px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:#ffffff; } .headerContact B, .headerContact STRONG { font-weight:600; } .headerRegister { float:left; cursor:default; height:40px; padding:10px 15px; line-height:20px; border-radius:20px; box-shadow:0 2px 2px 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:16px; color:#262a35; } .headerRegister:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .headerRegister .svg { float:left; width:26px; margin-right:5px; } .headerFacebook { float:right; color:#ffffff; width:40px; } .headerFacebook:hover { color:#0081fa; } .headerLogo { width:100%; } .headerLogo IMG { width:100%; } .headerMenu { width:100%; height:80px; padding:0px 10px; box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2); background-color:#494e5c; } .headerMenu .item { float:left; position:relative; padding:27.5px 40px 27.5px 16px; border-left:4px solid transparent; line-height:25px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#ffffff;} .headerMenu .item .home { width:29px; color:#ffea00; } .headerMenu .item .subarrow { float:right; width:10px; color:#ffea00; margin:-2px 0px 0px 5px; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { text-decoration:underline; } .headerMenu .item.hover { border-left:4px solid #ffe902; } .headerMenu .item .submenu { display:none; position:absolute; top:80px; left:-4px; background-color:#2f333f; border-left:4px solid #ffe902; width:100%; padding:0px 0px; } .headerMenu .item .arrow { position:absolute; left:calc(50% - 10px); top:-5px; background-color:#2f333f; width:20px; height:20px; transform:rotate(45deg); } .headerMenu .item .submenuFrame { position:relative; width:100%; height:0px; } .headerMenu .item .submenuContainer { position:absolute; top:0px; left:-4px; border-left:4px solid #ffe902; z-index:200; background-color:#2f333f; } .headerMenu .item .submenuMenu { float:left; padding:10px 20px; min-width:150px; background-color:#2f333f; } .headerMenu .item .submenuMenu .subitem { padding:10px 0px; line-height:30px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#ffffff; } .headerMenu .item .submenuMenu .subitem:hover { color:#ffe902; } .headerMenu .item .submenuMenuOffer { float:left; padding:8px 10px 10px 10px; width:calc(100% - 190px); min-height:170px; background-color:#3f4453; border-top:2px solid #2f333f; } .headerMenu .item .submenuMenuOffer .subitem { padding:15px 0px 15px 10px; line-height:20px; float:left; width:50%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#ffffff; } .headerMenu .item .submenuMenuOffer .subitem:hover { color:#ffe902; } .headerMenu .item .submenuMenuOffer [category] { display:none; } .headerMenu .item .submenuMenuOffer [category]:first-child { display:block; } .headerPromo { height:60px; padding:20px; line-height:20px; background-color:#0081fa; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#ffffff; } .headerPromo B, .headerPromo STRONG { font-weight:600; } .headerPromoOptions { float:right; height:20px; margin-left:20px; } .headerPromoOptions .more { float:left; margin-right:15px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#ffe902; } .headerPromoOptions .more A { text-decoration:none; } .headerPromoOptions .more A:hover { text-decoration:underline; } .headerPromoOptions .close { float:right; cursor:pointer; width:20px; color:#ffe902; }  .footer { background-color: rgba(0, 0, 0, 0.4); padding:15px 0px; } .footerFrame { } .footerContact { } .footerContact .logo { width:90px; margin:0 auto; } .footerContact .logo IMG { width:100%; } .footerContact .content { padding:10px 0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#ffffff; } .footerContact .map { cursor:default; height:40px; padding:10px; line-height:20px; float:left; border-radius:20px; box-shadow:0 2px 2px 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:16px; color:#262a35; } .footerContact .map:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; }  .footerMenuLabel { line-height:30px; margin-bottom:15px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:18px; color:#ffffff; } .footerMenuLabel .svg { float:left; width:17px; color:#ffe902; margin-right:5px; } .footerMenu { } .footerMenu .item { padding:5px 0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#059eff; } .footerMenu .item A { color:#ffffff; text-decoration:none; } .footerMenu .item A:hover { text-decoration:underline; } .footerMore { padding:15px 0px; } .footerMoreFrame { } .footerMoreLabel { line-height:30px; margin-bottom:10px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:18px; color:#c1c1c1; } .footerMoreLabel .svg { float:left; width:17px; color:#c1c1c1; margin-right:5px; } .footerMoreContent { font-family:'Metropolis',sans-serif; font-weight:500; font-size:20px; color:#ffffff; line-height:150%; } .footerMoreButton { padding:20px 0px; } .footerFacebook { float:right; width:40px; margin:10px 0px 10px 25px; color:#ffffff; } .footerFacebook:hover { color:#0081fa; } .footerForm { cursor:default; float:right; margin:0px 25px; width:156px; height:60px; padding:15px; border-radius:5px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #696e7e, #494e5c 68%); line-height:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:14px; color:#ffffff; } .footerForm:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .footerForm .icon { width:27px; float:left; margin-right:10px; } .footerRegister { cursor:default; float:right; margin:0px 25px; width:156px; height:60px; padding:15px; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #fff965, #ffe902); line-height:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:14px; color:#262a35; } .footerRegister:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .footerRegister .icon { width:38px; float:left; margin-right:10px; } .footerCopy { } .footerCopyFrame { padding:0px 15px; } .footerCopyContainer { padding:10px 0px 15px 0px; border-top:2px solid #494e5c; } .footerCopyLeft { float:left; line-height:15px; font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#c1c1c1; } .footerCopyRight { float:right; } .footerCopyRight .logo { float:right; width:120px; color:#c1c1c1; } .footerCopyRight .logo:hover { color:#ffffff; } .footerCopyRight .label { float:right; line-height:30px; margin-right:15px; font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#494e5c; }  .static { } .staticFrame { } .staticLeft { float:left; width:300px; padding:15px; } .staticRight { float:left; width:calc(100% - 300px); padding:15px; } .staticMenu { padding:30px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; } .staticMenu .label { padding-bottom:15px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:20px; color:#ffe902; line-height:28px; } .staticMenu .label .svg { float:left; color:#ffe902; width:18px; height:26px; margin-right:5px; } .staticMenu .menu { padding-left:23px; } .staticMenu .menu .item { font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#ffe902; padding-bottom:15px; } .staticMenu .menu .item A { color:#ffffff; text-decoration:none; } .staticMenu .menu .item A:hover { text-decoration:underline; } .staticMenu .menu .item.selected A { color:#ffe902; font-weight:700; } .staticContainer { background-color: #ffffff; padding:30px; } .staticContainer .label { padding-bottom:15px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#2f333f; line-height:35px; } .staticContainer .label H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#2f333f; line-height:35px; } .staticContainer .label .svg { float:left; color:#0081fa; width:24px; height:33px; } .staticContainer .content { line-height:160%; font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; } .staticBorderFrame { padding:30px 15px 15px 15px; } .staticBorder { background-color:#2f333f; height:5px; }  .homePromo { } .homePromoFrame { padding:15px; } .homeRotator { } .homeRotatorFrame { height:399px; width:100%; position:relative; background-color:#494e5c; z-index:10; margin-bottom:2px; } .homeRotatorSlide { width:100%; height:100%; position:absolute; top:0px; left:0px; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeRotatorSwitchFrame { position:absolute; bottom:20px; left:0px; height:20px; width:100%; z-index:20; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; height:20px; width:20px; margin:0px 5px; border:solid 3px #0081fa; background-color:#0081fa; border-radius:300px; } .homeRotatorSwitch1 { border: solid 3px #ffe902; background-color:transparent; } .homePromoOfferFrame { float:left; position:relative; height:70px; margin-left:2px; } .homePromoOfferFrame.first { margin-left:0px; } .homePromoOfferFrame A { text-decoration:none; } .homePromoOffer { cursor:default; height:70px; padding:15px 20px; line-height:40px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; text-align:center; font-family:'Metropolis',sans-serif; font-weight:500; font-size:22px; color:rgba(255, 255, 255, 0.5); } .homePromoOffer:hover { background-color:#0081fa; color:#ffffff; } .homePromoOfferFrame .register { display:none; position:absolute; top:15px; right:20px; height:40px; border-radius:20px; line-height:12px; padding:8px 8px; box-shadow:0 2px 2px 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:10px; color:#262a35; } .homePromoOfferFrame:hover .register { display:block; }  .homeNews { } .homeNewsFrame { } .homeNewsLabel { padding-bottom:15px; height:55px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .homeNewsLabel .svg { float:left; width:24px; color:#ffe902; } .homeNewsLabel .more { float:right; font-family:'Metropolis',sans-serif; font-weight:600; font-size:14px; color:#c1c1c1; } .homeNewsLabel .more A { text-decoration:none; } .homeNewsLabel .more A:hover { text-decoration:underline; } .homeNewsLeftFrame { float:left; width:75%; } .homeNewsLeft { padding:15px; } .homeNewsList { } .homeNewsItem { float:left; width:calc(33.33% - 2px); margin-left:3px; margin-top:3px; height:350px; background-color:#d8d8d8; } .homeNewsItem.firstCol { margin-left:0px; } .homeNewsItem.firstRow { margin-top:0px; } .homeNewsItem .photo { height:160px; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeNewsItem .container { background-color:#ffffff; height:190px; padding:20px 20px; overflow:hidden; } .homeNewsItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:12px; color:#494e5c; line-height:16px; } .homeNewsItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:18px; color:#2a52c2; min-height:44px; line-height:22px; } .homeNewsItem .title A { text-decoration:none; } .homeNewsItem .title A:hover { text-decoration:underline; } .homeNewsItem .content { font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#7c8191; line-height:18.33px; } .homeNewsRightFrame { float:left; width:25%; } .homeNewsRight { padding:15px; } .homeNewsRecommend { position:relative; width:100%; height:703px; } .homeRecommendSlide { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; } .homeRecommendSlide:first-child { display:block; } .homeRecommendItemX1 { height:170px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; } .homeRecommendItemX2 { height:350px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; } .homeRecommendItemX1.margin2, .homeRecommendItemX2.margin2 { margin-top:3px; } .homeRecommendItemX1.margin3, .homeRecommendItemX2.margin3 { margin-top:6.5px; } .homeRecommendItemX1.margin4, .homeRecommendItemX2.margin4 { margin-top:7.66px; } .homeRecommendItemX1 .photo, .homeRecommendItemX2 .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeRecommendSwitchFrame { position:absolute; top:-45px; right:0px; height:20px; width:100px; } .homeRecommendSwitch, .homeRecommendSwitch1 { cursor:pointer; float:left; margin-left:10px; width:20px; height:20px; background-color:#494e5c;; border-radius:300px; } .homeRecommendSwitch1 { background-color:#0081fa; }  .homeSpecial { } .homeSpecialFrame { } .homeSpecialLabel { padding:15px 15px 0px 15px; height:55px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .homeSpecialLabel .svg { float:left; width:24px; color:#ffe902; } .homeSpecials { position:relative; width:100%; height:200px; } .homeSpecialSlide { display:none; position:absolute; width:100%; height:100%; top:0px; left:0px; } .homeSpecialSlide:first-child { display:block; } .homeSpecialItem { height:170px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c} .homeSpecialItemX1 { float:left; padding:15px; width:25%; } .homeSpecialItemX2 { float:left; padding:15px; width:50%; } .homeSpecialItem .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeSpecialSwitchFrame { position:absolute; top:-40px; right:15px; height:20px; width:100px; } .homeSpecialSwitch, .homeSpecialSwitch1 { cursor:pointer; float:left; margin-left:10px; width:20px; height:20px; background-color:#494e5c;; border-radius:300px; } .homeSpecialSwitch1 { background-color:#0081fa; } .newsletterContainer { height:60px; margin:15px 0px; } .newsletterLeft { float:left; width:50%; height:60px; padding-right:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:23px; color:#ffffff; line-height:30px; } .newsletterLeft .svg { float:left; color:#0081fa; width:35px; margin:5px 10px; } .newsletterRight { float:left; width:50%; height:60px; padding-left:15px; } .newsletterRight INPUT[type="TEXT"] { float:left; width:calc(100% - 170px); height:60px; line-height:20px; padding:17px; border-radius:5px; border:solid 3px #0081fa; font-family:'Lato',sans-serif; font-weight:700; font-size:16px; color:#ffffff; background-color:transparent; } .newsletterRight INPUT[type="TEXT"].error { border-color:#ff0000; } .newsletterRight INPUT[type="SUBMIT"] { float:right; width:160px; height:60px; border-radius:5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #0081fa, #0062be); border:none; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:18px; 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:32px; color:#ffffff; } .newsletterDone TABLE { width:100%; height:100%; } .newsletterDone TD { width:100%; height:100%; vertical-align:middle; text-align:center; }  .newsList { } .newsListFrame { } .newsBorderFrame { padding:30px 15px 15px 15px; } .newsBorder { background-color:#2f333f; height:5px; } .newsListHeader { padding:15px; } .newsListLabel { height:75px; background-color:#2f333f; padding:20px 20px 15px 20px; float:left; width:300px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .newsListLabel H1 { margin:0px; padding:0px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .newsListLabel .svg { float:left; width:24px; color:#ffe902; } .newsListContainer { padding:10px 10px; } .newsListItemFrame { padding:5px; float:left; width:25%; height:360px; } .newsListItem { width:100%; height:100%; background-color:#d8d8d8; } .newsListItem .photo { height:160px; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsListItem .container { background-color:#ffffff; height:190px; padding:20px 20px; overflow:hidden; } .newsListItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:12px; color:#494e5c; line-height:16px; } .newsListItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:18px; color:#2a52c2; min-height:44px; line-height:22px; } .newsListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .newsListItem .content { font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#7c8191; line-height:18.33px; }  .newsView { } .newsViewFrame { } .newsViewLeftFrame { float:left; width:75%; } .newsViewLeft { padding:15px; } .newsViewHeader { height:75px; background-color:#2f333f; } .newsViewLabel { height:75px; background-color:#494e5c; padding:20px 20px 15px 20px; float:left; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .newsViewLabel H1 { float:left; margin:0px; padding:0px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .newsViewLabel .svg { float:left; width:24px; color:#ffe902; } .newsViewTitle { float:left; padding:25px 20px; line-height:25px; } .newsViewTitle .border { float:left; width:2px; height:30px; transform:rotate(23deg); background-color:#494e5c; margin:-3px 10px 0px 0px; } .newsViewTitle .title { float:left; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#c1c1c1; } .newsViewContainer { margin-top:30px; background-color:#ffffff; padding:30px; } .newsViewContainer .label { margin-bottom:15px; } .newsViewContainer .label H2 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a52c2; } .newsViewContainer .date { height:25px; line-height:15px; padding:5px; float:left; background-color:rgba(255, 0, 32, 0.9); margin-bottom:15px; font-family:'Lato',sans-serif; font-weight:400; font-size:15px; color:#ffffff; } .newsViewContainer .photo { height:450px; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom:15px; } .newsViewContainer .content { font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; line-height:160%; } .newsViewRightFrame { float:left; width:25%; } .newsViewRight { padding:15px; } .homeViewMoreLabel { padding:20px 0px; height:75px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .homeViewMoreLabel .svg { float:left; width:24px; color:#ffe902; } .homeViewMoreList { margin:30px 0px 15px 0px; } .homeViewMoreList A { text-decoration:none; } .homeViewMoreItem { height:85px; padding:15px; background-image:linear-gradient(to top, #dbdbdb, #ffffff); margin-bottom:15px; } .homeViewMoreItem .date { font-family:'Lato',sans-serif; font-weight:400; font-size:12px; color:#494e5c; line-height:16px; } .homeViewMoreItem .title { font-family:'Lato',sans-serif; font-weight:700; font-size:16px; color:#2a52c2; min-height:40px; line-height:20px; }  .offerList { } .offerListFrame { } .offerBorderFrame { padding:30px 15px 15px 15px; } .offerBorder { background-color:#2f333f; height:5px; }  .offerListHeader { padding:15px; } .offerListLabel { height:75px; background-color:#2f333f; padding:20px 20px 15px 20px; float:left; width:300px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .offerListLabel H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .offerListLabel .svg { float:left; width:24px; color:#ffe902; } .offerListSelector { float:left; width:calc(100% - 300px); height:75px; } .offerListSelector A { text-decoration:none; } .offerListSelectorItem { float:left; height:75px; padding:25px; text-align:center; line-height:25px; margin-left:2px; background-color:#494e5c; font-family:'Metropolis',sans-serif; font-weight:500; font-size:20px; color:#c1c1c1; text-transform:uppercase; } .offerListSelectorItem.selected { background-color:#0081fa; color:#ffffff; } .offerListSelectorItem H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:20px; color:#c1c1c1; } .offerListSelectorItem.selected H1 { color:#ffffff; } .offerListContent { background-color:#0081fa; padding:30px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:#ffffff; } .offerListItems { } .offerListItems A { text-decoration:none; } .offerListItem { position:relative; padding:20px 90px 20px 35px; height:120px; border-radius:5px; box-shadow:0 3px 0 0 rgba(0, 129, 250, 0.9); background-image:linear-gradient(to top, #c1c1c1, #ffffff);} .offerListItem:hover { box-shadow:0 5px 15px 0 #0081fa, 0 3px 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:16px; line-height:1.4;color:#262a35; } .offerListItem .dot { position:absolute; left:20px; top:57.5px; width:5px; height:5px; background-color:#0081fa; border-radius:300px; } .offerListItem .register { position:absolute; top:40px; right:20px; height:40px; border-radius:20px; line-height:12px; padding:8px 10px; width:70px; text-align:center; box-shadow:0 2px 2px 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:10px; color:#262a35; } .offerListItem:hover .label { color:#ffffff; } .offerListItem:hover .dot { background-color:#ffe902; }  .product { } .productFrame { } .productHeader { padding:20px 20px; line-height:35px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; } .productHeader .offerLabel { float:left; height:35px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .productHeader .offerLabel .svg { float:left; width:24px; color:#ffe902; } .productHeader .offerLabel A { text-decoration:none; } .productHeader .offerLabel A:hover { text-decoration:underline; } .productHeader .offerBreadcrumbs { float:left; } .productHeader .offerBreadcrumbs .category { height:35px; float:left; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#ffffff; text-transform:uppercase; } .productHeader .offerBreadcrumbs .category .svg { float:left; width:16px; color:#000000; margin:0px 20px; } .productHeader .offerBreadcrumbs .category A { text-decoration:none; } .productHeader .offerBreadcrumbs .category A:hover { text-decoration:underline; } .productHeader .offerBreadcrumbs .product { height:35px; float:left; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#c1c1c1; } .productHeader .offerBreadcrumbs .product .svg { float:left; width:16px; color:#000000; margin:0px 20px; } .productHeader .offerBreadcrumbs .product A { text-decoration:none; } .productHeader .offerBreadcrumbs .product A:hover { text-decoration:underline; } .productDesc { padding:15px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .productDescLeft { float:left; padding:15px; width:calc(100% - 300px); } .productDescLabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#262a35; border-bottom:3px solid #0081fa; margin-bottom:25px; padding-bottom:25px; } .productDescLabel H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#262a35; } .productDescContent { font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; line-height:140%; } .productDescRight { float:left; padding:10px; width:300px; } .productDescPhoto { float:left; padding:5px; height:110px; width:50%; } .productDescPhoto.big { height:210px; width:100%; } .productDescPhoto.hidden { display:none; } .productDescPhoto .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .productDescPhotoCounter { float:left; padding:5px; width:100%; text-align:right; font-family:'Lato',sans-serif; font-weight:700; font-size:14px; color:#0081fa; } .productGroupHeader { padding:20px 30px; background-color:#0081fa; } .productGroupHeaderLabel { height:60px; float:left; } .productGroupHeaderLabel .breadcrumbs { height:20px; line-height:20px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:13px; color:#ffffff; } .productGroupHeaderLabel .breadcrumbs .category { float:left; color:#8fc9ff; text-transform:uppercase; } .productGroupHeaderLabel .breadcrumbs .svg { float:left; color:#ffe902; width:8px; height:20px; margin:0px 10px; } .productGroupHeaderLabel .breadcrumbs .product { float:left; font-weight:700; } .productGroupHeaderLabel .breadcrumbs A { text-decoration:none; } .productGroupHeaderLabel .breadcrumbs A:hover { text-decoration:underline; } .productGroupHeaderLabel .label { height:40px; line-height:35px; padding-top:5px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#ffffff; } .productGroupHeaderLabel .label .svg { float:left; width:24px; color:#ffe902; margin-right:10px; } .productGroupHeaderButtons { height:60px; float:right; padding:10px 0px; } .productGroupHeaderButtons .button { cursor:default; height:40px; padding:10px; line-height:20px; margin-left:20px; float:left; border-radius:20px; box-shadow:0 2px 2px 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:16px; color:#262a35; } .productGroupHeaderButtons .button:hover { background-image:linear-gradient(to bottom, #494e5c, #000000); color:#ffffff; } .productGroupHeaderButtons .button .facebook { float:left; width:20px; margin-right:5px; } .productGroupHeaderButtons .button .register { float:left; width:26px; margin-right:5px; } .productGroupHeaderButtonsMobile { display:none; }  .productGroupContent { padding:15px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .productGroupContentLeft { float:left; padding:15px; width:calc(100% - 300px); } .productGroupContentDesc { line-height:140%; font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; } .productGroupContentSheduleFrame { padding-top:30px; } .productGroupContentSheduleFrame .fieldLeft { float:left; width:calc(50% - 15px); height:200px; margin-right:15px; padding:20px; border-radius:5px; background-color:#eaeaea; } .productGroupContentSheduleFrame .fieldRight { float:left; width:calc(50% - 15px); height:200px; margin-left:15px; padding:20px; border-radius:5px; background-color:#eaeaea; } .productGroupContentSheduleFrame .label { height:30px; line-height:30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:18px; color:#0081fa; } .productGroupContentSheduleFrame .label .term { float:left; width:30px; height:30px; margin-right:10px; color:#2f333f; } .productGroupContentSheduleFrame .label .coach { float:left; width:30px; height:30px; margin-right:10px; color:#2f333f; } .productGroupContentSheduleFrame .day { float:left; width:25%; } .productGroupContentSheduleFrame .hour { float:left; width:calc(50% - 50px); } .productGroupContentSheduleFrame .room { float:left; width:25%; } .productGroupContentSheduleFrame .register { float:left; width:50px; } .productGroupContentSheduleFrame .tableHeader { margin-bottom:5px; padding:15px 0px 10px 0px; font-family:'Lato',sans-serif; font-weight:400; font-size:13px; color:#494e5c; border-bottom:1px solid #c1c1c1; } .productGroupContentSheduleFrame .tableRow { padding:5px 0px; line-height:30px; font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; } .productGroupContentSheduleFrame .tableRow.day { text-transform:capitalize; } .productGroupContentSheduleFrame .registerButton { cursor:default; height:30px; padding:5px 13px; line-height:20px; float:left; width:100%; border-radius:15px; box-shadow:0 2px 2px 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:16px; color:#262a35; } .productGroupContentSheduleFrame .registerButton:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .productGroupContentSheduleFrame .coaches { padding-top:10px; } .productGroupContentSheduleFrame .coachName { padding:10px 0px; line-height:40px; font-family:'Lato',sans-serif; font-weight:400; font-size:18px; color:#262a35; } .productGroupContentSheduleFrame .coachName .icon { float:left; margin-right:15px; width:40px; height:40px; border-radius:300px; border:solid 1px #979797; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .productGroupContentPayment { margin-top:30px; padding:20px; border-radius:5px; background-color:#eaeaea; } .productGroupContentPayment .label { height:30px; line-height:30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:18px; color:#0081fa; } .productGroupContentPayment .label .account { float:left; width:30px; height:30px; margin-right:10px; color:#2f333f; } .productGroupContentPayment .content { padding:10px 0px 0px 40px; } .productGroupContentPayment .content .price { font-family:'Lato',sans-serif; font-weight:400; font-size:18px; color:#262a35; padding-bottom:15px; } .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:16px; color:#262a35; padding-bottom:15px; } .productGroupContentPayment .content .account { font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#262a35; } .productGroupContentRight { float:left; padding:15px; width:300px; } .productGroupContentRight .photo { margin-bottom:30px; } .productGroupContentRight .photo IMG { width:100%; }  .register { } .registerFrame { } .registerContainer { padding:0px 0px 0px 300px; } .registerHeader { padding:15px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; line-height:35px; } .registerHeader H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .registerHeader .svg { float:left; width:24px; color:#ffe902; height:35px; } .registerInfoFrame { padding:15px; } .registerInfo { padding:30px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#494e5c; font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#ffffff; } .registerInfo .checkbox { width:35px; float:left; } .registerInfo .content { width:calc(100% - 35px); float:left; } .registerInfo.error { box-shadow:0 6px 10px 0 rgba(255, 0, 32, 0.6); } .registerStepFrame { padding:15px; } .registerStep { box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .registerStepHeader { padding:30px; background-color:#ffe902; } .registerStepHeader .label { height:35px; line-height:35px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:30px; color:#2f333f; } .registerStepHeader .label .svg { float:left; width:24px; color:#2f333f; height:35px; margin-right:5px; } .registerStepContent { padding:20px 15px; } #step1container { opacity:0.5; } .registerLabel { float:left; padding:20px 15px; width:35%; line-height:30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:18px; color:#262a35; text-align:right; } .registerLabel SPAN { color:rgba(255, 0, 32, 0.9); } .registerInput { float:left; padding:10px 15px; width:65%; } .registerInput INPUT[type="TEXT"] { padding:12px; line-height:24px; width:100%; height:50px; border:solid 1px #c1c1c1; background-color:#ffffff; font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#c1c1c1; } .registerInput INPUT[type="TEXT"].date { width:150px; } .registerInput INPUT[type="TEXT"].edit { color:#494e5c; } .registerInput INPUT[type="TEXT"].error { box-shadow:0 6px 10px 0 rgba(255, 0, 32, 0.6); } .registerCategory { cursor:pointer; float:left; width:calc(33.33% - 5.33px); margin-left:8px; height:50px; border-radius:5px; background-color:#494e5c; } .registerCategory.first { margin-left:0px; } .registerCategory .radio { float:left; padding:15px; width:50px; height:50px; } .registerCategory .label { float:left; padding:7px 15px 7px 0px; width:calc(100% - 50px); height:50px; line-height:18px; text-align:center; text-transform:uppercase; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:rgba(255, 255, 255, 0.5); } .registerCategory.selected { box-shadow:0 3px 8px 0 rgba(0, 129, 250, 0.7);background-color:#0081fa; } .registerCategory.selected .label { color:#ffffff; } .registerCategory.error { box-shadow:0 6px 10px 0 rgba(255, 0, 32, 0.6); } .registerSelect { height:50px; width:100%; padding:12px; box-shadow:0 4px 6px 0 rgba(0, 129, 250, 0.5); border:solid 1px #0081fa; background-color:#ffffff; } .registerSelect.disabled { box-shadow: 0 4px 6px 0 rgba(73, 78, 92, 0.2); border:solid 1px #c1c1c1; background-color:rgba(193, 193, 193, 0.25); } .registerSelect SELECT { height:24px; width:100%; border:none; background-color:transparent; font-family:'Lato',sans-serif; font-size:16px; font-weight:400; color:#c1c1c1; } .registerSelect SELECT.edit { color:#494e5c; } .registerSelect.error { box-shadow:0 6px 10px 0 rgba(255, 0, 32, 0.6); } .registerInfoField { padding:14px 12px; line-height:20px; border:solid 1px #c1c1c1; background-color:rgba(193, 193, 193, 0.25); font-family:'Lato',sans-serif; font-weight:400; font-size:16px; color:#494e5c; } .registerPersons { padding:10px 15px; width:100%; } .registerPerson { cursor:pointer; float:left; width:calc(50% - 4px); margin-left:8px; height:50px; border-radius:5px; background-color:#494e5c; } .registerPerson.first { margin-left:0px; } .registerPerson .radio { float:left; padding:15px; width:50px; height:50px; } .registerPerson .label { float:left; padding:15px 15px 15px 0px; width:calc(100% - 50px); height:50px; line-height:18px; text-align:center; text-transform:uppercase; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:rgba(255, 255, 255, 0.5); } .registerPerson.selected { box-shadow:0 3px 8px 0 rgba(0, 129, 250, 0.7); background-color:#0081fa; } .registerPerson.selected .label { color:#ffffff; } .registerPersonGroup { position:relative; margin:15px; background-color:#eaeaea; border-radius:5px; }  .registerPersonGroup .label { padding:15px 30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:22px; color:#000000; } .registerButtonFrame { padding:15px; } .registerButton { cursor:default; margin:0 auto; padding:15px; line-height:30px; width:540px; height:60px; border-radius:5px; box-shadow:0 2px 2px 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:18px; color:#262a35; } .registerButton:hover { background-image:linear-gradient(to bottom, #0081fa, #2a52c2); color:#ffffff; } .registerButton .icon { width:38px; float:left; margin-right:10px; }  .contact { } .contactFrame { } .contactLeft { float:left; padding:15px; width:700px; } .contactRight { float:left; padding:15px; width:calc(100% - 700px); } .contactLabel { float:left; margin-bottom:20px; height:75px; padding:20px; line-height:35px; background-color:#2f333f; font-family:'Metropolis',sans-serif; font-weight:500; font-size:24px; color:#ffffff; } .contactLabel .svg { float:left; width:24px; height:33px; color:#ffe902; } .contactData { height:700px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3); background-color:#ffffff; } .contactDataContent { height:440px; padding:30px; } .contactDataMap { height:260px; background-color:#d8d8d8; } .contactData .label { height:35px; line-height:20px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#0081fa; } .contactData .label .svg { float:left; width:14px; height:20px; color:#0081fa; margin-right:5px; } .contactData .labelBig { height:35px; line-height:20px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:24px; color:#0081fa; } .contactData .labelBig .svg { float:left; width:14px; height:20px; color:#0081fa; margin-right:5px; } .contactData .content { padding-bottom:15px; font-family:'Lato',sans-serif; font-weight:400; font-size:18px; color:#262a35; line-height:140%; } .contactData .content A { text-decoration:none; color:inherit; } .contactData .content A:hover { text-decoration:underline; } .contactData .coaches { padding-bottom:15px; } .contactData .coach { float:left; width:50%; padding-bottom:15px; } .contactData .coach .icon { width:60px; height:60px; float:left; margin-right:15px; } .contactData .coach .photo { width:100%; height:100%; border-radius:300px; border:solid 1px #979797; background-color:#d8d8d8; background-size:cover; background-repeat:no-repeat; background-position:center; } .contactData .coach .name { margin-top:10px; line-height:20px; font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#262a35; } .contactData .coach .phone { line-height:20px; font-family:'Lato',sans-serif; font-weight:700; font-size:18px; color:#262a35; } .contactFormContainer { padding:30px; height:700px; box-shadow:0 2px 8px 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:24px; color:#0081fa; } .contactFormInput { float:left; width:100%; padding-bottom:15px; } .contactFormField { padding:14px; border:solid 1px #c1c1c1; background-color: #ffffff; } .contactFormField.error { border-color:rgba(255, 0, 32, 0.9); } .contactFormField INPUT[type="TEXT"] { width:100%; line-height:20px; height:20px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#262a35; } .contactFormField SELECT { width:100%; line-height:20px; height:20px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#262a35; } .contactFormField TEXTAREA { width:100%; line-height:20px; height:20px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:#262a35; } .contactFormField TEXTAREA { height:160px;} .contactFormConfirm { position:absolute; left:0px; bottom:0px; width:100%; padding:20px; background-color: #2f333f; } .contactFormConfirm .checkbox { float:left; width:30px; } .contactFormConfirm .content { float:left; width:calc(100% - 30px); font-family:'Lato',sans-serif; font-weight:400; font-size:14px; color:#ffffff;} .contactFormConfirm INPUT[type="SUBMIT"] { margin:0px; border:none; background-color:transparent; width:0px; height:0px; } .contactFormButton { cursor:default; width:250px; margin:0 auto; padding:15px; height:60px; line-height:30px; border-radius:5px; box-shadow:0 2px 2px 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:18px; color:#262a35; } .contactFormButton .icon { float:left; width:35px; height:30px; margin-right:10px; } .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:14px; color:rgba(255, 0, 32, 0.9); }