.spinner { position: absolute; top: 50%; width: 100%; z-index: 1; text-align: center; } .spinner .bounce { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner-wrapper { position: relative; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; background-color: #007bc0; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; background-color: #69b136; } .spinner .bounce3 { background-color: #ffda00; } .spinner-text { padding: 20px 0px; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .g-row:before, .g-row:after, .clearfix:after, .clearfix:after { content: ""; display: table; } .g-row:after, .clearfix:after { clear: both; } .g-row-full-height { height:100%; } .g-row-full-height > *[class^="g-col"] { height:100%; } .g-row * { box-sizing: border-box; outline: none; } .g-col-inline { text-align:center; } .g-col-inline *[class^="g-col"] { vertical-align:top; float:none; margin-left:-5px; display:inline-block; } .g-row { margin-left: -15px; margin-right: -15px; } .g-row-12 { margin-left: -12px; margin-right: -12px; } .g-row-20 { margin-left: -20px; margin-right: -20px; } .g-row-8 { margin-left: -8px; margin-right: -8px; } .g-row-5 { margin-left: -5px; margin-right: -5px; } .g-row--no-gutter > *[class^="g-col"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row--no-gutter-important > *[class*="g-col"], .g-row--no-gutter-important > *[class*="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 15px !important; padding-right: 15px !important; } .g-row-12.g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 12px !important; padding-right: 12px !important; } .g-row-20.g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 20px !important; padding-right: 20px !important; } .g-row-12.g-row--no-gutter-important > *[class^="g-col"] , .g-row--no-gutter-important > *[class^="g-col"], .g-row--no-gutter-important > *[class^="g-col-xs-12"], .g-row-12.g-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row-20.g-row--no-gutter-important > *[class^="g-col"] , .g-row--no-gutter-important > *[class^="g-col"], .g-row--no-gutter-important > *[class^="g-col-xs-12"], .g-row-20.g-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row-8.g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 8px !important; padding-right: 8px !important; } .g-row-8.g-row--no-gutter-important > *[class^="g-col"] , .g-row--no-gutter-important > *[class^="g-col"], .g-row--no-gutter-important > *[class^="g-col-xs-12"], .g-row-8.g-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row-5.g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 5px !important; padding-right: 5px !important; } .g-row-5.g-row--no-gutter-important > *[class^="g-col"] , .g-row--no-gutter-important > *[class^="g-col"], .g-row--no-gutter-important > *[class^="g-col-xs-12"], .g-row-5.g-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-row--plain-all { margin-left: 0; margin-right: 0; } @media (max-width: 768px) { g-row-12.g-row--no-gutter-mobile-important > *[class^="g-col"], .g-row--no-gutter-mobile-important > *[class^="g-col"], .g-row--no-gutter-mobile-important > *[class^="g-col-xs-12"], .g-row-12.g-row--no-gutter-mobile-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } g-row-20.g-row--no-gutter-mobile-important > *[class^="g-col"], .g-row--no-gutter-mobile-important > *[class^="g-col"], .g-row--no-gutter-mobile-important > *[class^="g-col-xs-12"], .g-row-20.g-row--no-gutter-mobile-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 1000px) { .g-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 1000px) { .g-row--plain { margin-left: 0; margin-right: 0; } } .g-row-indented { padding-top: 25px; padding-bottom: 25px; } .g-row-indented--top { padding-top: 25px; } .g-row-indented--bottom { padding-bottom: 25px; } @media (min-width: 1000px) { .g-row-indented { padding-top: 50px; padding-bottom: 50px; } .g-row-indented--top { padding-top: 50px; } .g-row-indented--bottom { padding-bottom: 50px; } } .g-row-pull-top { margin-top: -30px; } .g-col-xs-1, .g-col-sm-1, .g-col-md-1, .g-col-lg-1, .g-col-xs-2, .g-col-sm-2, .g-col-md-2, .g-col-lg-2, .g-col-xs-3, .g-col-sm-3, .g-col-md-3, .g-col-lg-3, .g-col-xs-4, .g-col-sm-4, .g-col-md-4, .g-col-lg-4, .g-col-xs-5, .g-col-sm-5, .g-col-md-5, .g-col-lg-5, .g-col-xs-6, .g-col-sm-6, .g-col-md-6, .g-col-lg-6, .g-col-xs-7, .g-col-sm-7, .g-col-md-7, .g-col-lg-7, .g-col-xs-8, .g-col-sm-8, .g-col-md-8, .g-col-lg-8, .g-col-xs-9, .g-col-sm-9, .g-col-md-9, .g-col-lg-9, .g-col-xs-10, .g-col-sm-10, .g-col-md-10, .g-col-lg-10, .g-col-xs-11, .g-col-sm-11, .g-col-md-11, .g-col-lg-11, .g-col-xs-12, .g-col-sm-12, .g-col-md-12, .g-col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .g-row-12 .g-col-xs-1, .g-row-12 .g-col-sm-1, .g-row-12 .g-col-md-1, .g-row-12 .g-col-lg-1, .g-row-12 .g-col-xs-2, .g-row-12 .g-col-sm-2, .g-row-12 .g-col-md-2, .g-row-12 .g-col-lg-2, .g-row-12 .g-col-xs-3, .g-row-12 .g-col-sm-3, .g-row-12 .g-col-md-3, .g-row-12 .g-col-lg-3, .g-row-12 .g-col-xs-4, .g-row-12 .g-col-sm-4, .g-row-12 .g-col-md-4, .g-row-12 .g-col-lg-4, .g-row-12 .g-col-xs-5, .g-row-12 .g-col-sm-5, .g-row-12 .g-col-md-5, .g-row-12 .g-col-lg-5, .g-row-12 .g-col-xs-6, .g-row-12 .g-col-sm-6, .g-row-12 .g-col-md-6, .g-row-12 .g-col-lg-6, .g-row-12 .g-col-xs-7, .g-row-12 .g-col-sm-7, .g-row-12 .g-col-md-7, .g-row-12 .g-col-lg-7, .g-row-12 .g-col-xs-8, .g-row-12 .g-col-sm-8, .g-row-12 .g-col-md-8, .g-row-12 .g-col-lg-8, .g-row-12 .g-col-xs-9, .g-row-12 .g-col-sm-9, .g-row-12 .g-col-md-9, .g-row-12 .g-col-lg-9, .g-row-12 .g-col-xs-10, .g-row-12 .g-col-sm-10, .g-row-12 .g-col-md-10, .g-row-12 .g-col-lg-10, .g-row-12 .g-col-xs-11, .g-row-12 .g-col-sm-11, .g-row-12 .g-col-md-11, .g-row-12 .g-col-lg-11, .g-row-12 .g-col-xs-12, .g-row-12 .g-col-sm-12, .g-row-12 .g-col-md-12, .g-row-12 .g-col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .g-row-20 .g-col-xs-1, .g-row-20 .g-col-sm-1, .g-row-20 .g-col-md-1, .g-row-20 .g-col-lg-1, .g-row-20 .g-col-xs-2, .g-row-20 .g-col-sm-2, .g-row-20 .g-col-md-2, .g-row-20 .g-col-lg-2, .g-row-20 .g-col-xs-3, .g-row-20 .g-col-sm-3, .g-row-20 .g-col-md-3, .g-row-20 .g-col-lg-3, .g-row-20 .g-col-xs-4, .g-row-20 .g-col-sm-4, .g-row-20 .g-col-md-4, .g-row-20 .g-col-lg-4, .g-row-20 .g-col-xs-5, .g-row-20 .g-col-sm-5, .g-row-20 .g-col-md-5, .g-row-20 .g-col-lg-5, .g-row-20 .g-col-xs-6, .g-row-20 .g-col-sm-6, .g-row-20 .g-col-md-6, .g-row-20 .g-col-lg-6, .g-row-20 .g-col-xs-7, .g-row-20 .g-col-sm-7, .g-row-20 .g-col-md-7, .g-row-20 .g-col-lg-7, .g-row-20 .g-col-xs-8, .g-row-20 .g-col-sm-8, .g-row-20 .g-col-md-8, .g-row-20 .g-col-lg-8, .g-row-20 .g-col-xs-9, .g-row-20 .g-col-sm-9, .g-row-20 .g-col-md-9, .g-row-20 .g-col-lg-9, .g-row-20 .g-col-xs-10, .g-row-20 .g-col-sm-10, .g-row-20 .g-col-md-10, .g-row-20 .g-col-lg-10, .g-row-20 .g-col-xs-11, .g-row-20 .g-col-sm-11, .g-row-20 .g-col-md-11, .g-row-20 .g-col-lg-11, .g-row-20 .g-col-xs-12, .g-row-20 .g-col-sm-12, .g-row-20 .g-col-md-12, .g-row-20 .g-col-lg-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .g-row-8 .g-col-xs-1, .g-row-8 .g-col-sm-1, .g-row-8 .g-col-md-1, .g-row-8 .g-col-lg-1, .g-row-8 .g-col-xs-2, .g-row-8 .g-col-sm-2, .g-row-8 .g-col-md-2, .g-row-8 .g-col-lg-2, .g-row-8 .g-col-xs-3, .g-row-8 .g-col-sm-3, .g-row-8 .g-col-md-3, .g-row-8 .g-col-lg-3, .g-row-8 .g-col-xs-4, .g-row-8 .g-col-sm-4, .g-row-8 .g-col-md-4, .g-row-8 .g-col-lg-4, .g-row-8 .g-col-xs-5, .g-row-8 .g-col-sm-5, .g-row-8 .g-col-md-5, .g-row-8 .g-col-lg-5, .g-row-8 .g-col-xs-6, .g-row-8 .g-col-sm-6, .g-row-8 .g-col-md-6, .g-row-8 .g-col-lg-6, .g-row-8 .g-col-xs-7, .g-row-8 .g-col-sm-7, .g-row-8 .g-col-md-7, .g-row-8 .g-col-lg-7, .g-row-8 .g-col-xs-8, .g-row-8 .g-col-sm-8, .g-row-8 .g-col-md-8, .g-row-8 .g-col-lg-8, .g-row-8 .g-col-xs-9, .g-row-8 .g-col-sm-9, .g-row-8 .g-col-md-9, .g-row-8 .g-col-lg-9, .g-row-8 .g-col-xs-10, .g-row-8 .g-col-sm-10, .g-row-8 .g-col-md-10, .g-row-8 .g-col-lg-10, .g-row-8 .g-col-xs-11, .g-row-8 .g-col-sm-11, .g-row-8 .g-col-md-11, .g-row-8 .g-col-lg-11, .g-row-8 .g-col-xs-12, .g-row-8 .g-col-sm-12, .g-row-8 .g-col-md-12, .g-row-8 .g-col-lg-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .g-row-5 .g-col-xs-1, .g-row-5 .g-col-sm-1, .g-row-5 .g-col-md-1, .g-row-5 .g-col-lg-1, .g-row-5 .g-col-xs-2, .g-row-5 .g-col-sm-2, .g-row-5 .g-col-md-2, .g-row-5 .g-col-lg-2, .g-row-5 .g-col-xs-3, .g-row-5 .g-col-sm-3, .g-row-5 .g-col-md-3, .g-row-5 .g-col-lg-3, .g-row-5 .g-col-xs-4, .g-row-5 .g-col-sm-4, .g-row-5 .g-col-md-4, .g-row-5 .g-col-lg-4, .g-row-5 .g-col-xs-5, .g-row-5 .g-col-sm-5, .g-row-5 .g-col-md-5, .g-row-5 .g-col-lg-5, .g-row-5 .g-col-xs-6, .g-row-5 .g-col-sm-6, .g-row-5 .g-col-md-6, .g-row-5 .g-col-lg-6, .g-row-5 .g-col-xs-7, .g-row-5 .g-col-sm-7, .g-row-5 .g-col-md-7, .g-row-5 .g-col-lg-7, .g-row-5 .g-col-xs-8, .g-row-5 .g-col-sm-8, .g-row-5 .g-col-md-8, .g-row-5 .g-col-lg-8, .g-row-5 .g-col-xs-9, .g-row-5 .g-col-sm-9, .g-row-5 .g-col-md-9, .g-row-5 .g-col-lg-9, .g-row-5 .g-col-xs-10, .g-row-5 .g-col-sm-10, .g-row-5 .g-col-md-10, .g-row-5 .g-col-lg-10, .g-row-5 .g-col-xs-11, .g-row-5 .g-col-sm-11, .g-row-5 .g-col-md-11, .g-row-5 .g-col-lg-11, .g-row-5 .g-col-xs-12, .g-row-5 .g-col-sm-12, .g-row-5 .g-col-md-12, .g-row-5 .g-col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; } .g-col-xs-1, .g-col-xs-2, .g-col-xs-3, .g-col-xs-4, .g-col-xs-5, .g-col-xs-6, .g-col-xs-7, .g-col-xs-8, .g-col-xs-9, .g-col-xs-10, .g-col-xs-11, .g-col-xs-12 { float: left; } .g-col-xs-12 { width: 100%; } .g-col-xs-11 { width: 91.66666667%; } .g-col-xs-10 { width: 83.33333333%; } .g-col-xs-9 { width: 75%; } .g-col-xs-8 { width: 66.66666667%; } .g-col-xs-7 { width: 58.33333333%; } .g-col-xs-6 { width: 50%; } .g-col-xs-5 { width: 41.66666667%; } .g-col-xs-4 { width: 33.33333333%; } .g-col-xs-3 { width: 25%; } .g-col-xs-2 { width: 16.66666667%; } .g-col-xs-1 { width: 8.33333333%; } .g-col-xs-pull-12 { right: 100%; } .g-col-xs-pull-11 { right: 91.66666667%; } .g-col-xs-pull-10 { right: 83.33333333%; } .g-col-xs-pull-9 { right: 75%; } .g-col-xs-pull-8 { right: 66.66666667%; } .g-col-xs-pull-7 { right: 58.33333333%; } .g-col-xs-pull-6 { right: 50%; } .g-col-xs-pull-5 { right: 41.66666667%; } .g-col-xs-pull-4 { right: 33.33333333%; } .g-col-xs-pull-3 { right: 25%; } .g-col-xs-pull-2 { right: 16.66666667%; } .g-col-xs-pull-1 { right: 8.33333333%; } .g-col-xs-pull-0 { right: auto; } .g-col-xs-push-12 { left: 100%; } .g-col-xs-push-11 { left: 91.66666667%; } .g-col-xs-push-10 { left: 83.33333333%; } .g-col-xs-push-9 { left: 75%; } .g-col-xs-push-8 { left: 66.66666667%; } .g-col-xs-push-7 { left: 58.33333333%; } .g-col-xs-push-6 { left: 50%; } .g-col-xs-push-5 { left: 41.66666667%; } .g-col-xs-push-4 { left: 33.33333333%; } .g-col-xs-push-3 { left: 25%; } .g-col-xs-push-2 { left: 16.66666667%; } .g-col-xs-push-1 { left: 8.33333333%; } .g-col-xs-push-0 { left: auto; } .g-col-xs-offset-12 { margin-left: 100%; } .g-col-xs-offset-11 { margin-left: 91.66666667%; } .g-col-xs-offset-10 { margin-left: 83.33333333%; } .g-col-xs-offset-9 { margin-left: 75%; } .g-col-xs-offset-8 { margin-left: 66.66666667%; } .g-col-xs-offset-7 { margin-left: 58.33333333%; } .g-col-xs-offset-6 { margin-left: 50%; } .g-col-xs-offset-5 { margin-left: 41.66666667%; } .g-col-xs-offset-4 { margin-left: 33.33333333%; } .g-col-xs-offset-3 { margin-left: 25%; } .g-col-xs-offset-2 { margin-left: 16.66666667%; } .g-col-xs-offset-1 { margin-left: 8.33333333%; } .g-col-xs-offset-0 { margin-left: 0%; } @media (min-width: 470px) { .g-col-xsm-1, .g-col-xsm-2, .g-col-xsm-3, .g-col-xsm-4, .g-col-xsm-5, .g-col-xsm-6, .g-col-xsm-7, .g-col-xsm-8, .g-col-xsm-9, .g-col-xsm-10, .g-col-xsm-11, .g-col-xsm-12 { float: left; } .g-col-xsm-12 { width: 100%; } .g-col-xsm-11 { width: 91.66666667%; } .g-col-xsm-10 { width: 83.33333333%; } .g-col-xsm-9 { width: 75%; } .g-col-xsm-8 { width: 66.66666667%; } .g-col-xsm-7 { width: 58.33333333%; } .g-col-xsm-6 { width: 50%; } .g-col-xsm-5 { width: 41.66666667%; } .g-col-xsm-4 { width: 33.33333333%; } .g-col-xsm-3 { width: 25%; } .g-col-xsm-2 { width: 16.66666667%; } .g-col-xsm-1 { width: 8.33333333%; } .g-col-xsm-pull-12 { right: 100%; } .g-col-xsm-pull-11 { right: 91.66666667%; } .g-col-xsm-pull-10 { right: 83.33333333%; } .g-col-xsm-pull-9 { right: 75%; } .g-col-xsm-pull-8 { right: 66.66666667%; } .g-col-xsm-pull-7 { right: 58.33333333%; } .g-col-xsm-pull-6 { right: 50%; } .g-col-xsm-pull-5 { right: 41.66666667%; } .g-col-xsm-pull-4 { right: 33.33333333%; } .g-col-xsm-pull-3 { right: 25%; } .g-col-xsm-pull-2 { right: 16.66666667%; } .g-col-xsm-pull-1 { right: 8.33333333%; } .g-col-xsm-pull-0 { right: auto; } .g-col-xsm-push-12 { left: 100%; } .g-col-xsm-push-11 { left: 91.66666667%; } .g-col-xsm-push-10 { left: 83.33333333%; } .g-col-xsm-push-9 { left: 75%; } .g-col-xsm-push-8 { left: 66.66666667%; } .g-col-xsm-push-7 { left: 58.33333333%; } .g-col-xsm-push-6 { left: 50%; } .g-col-xsm-push-5 { left: 41.66666667%; } .g-col-xsm-push-4 { left: 33.33333333%; } .g-col-xsm-push-3 { left: 25%; } .g-col-xsm-push-2 { left: 16.66666667%; } .g-col-xsm-push-1 { left: 8.33333333%; } .g-col-xsm-push-0 { left: auto; } .g-col-xsm-offset-12 { margin-left: 100%; } .g-col-xsm-offset-11 { margin-left: 91.66666667%; } .g-col-xsm-offset-10 { margin-left: 83.33333333%; } .g-col-xsm-offset-9 { margin-left: 75%; } .g-col-xsm-offset-8 { margin-left: 66.66666667%; } .g-col-xsm-offset-7 { margin-left: 58.33333333%; } .g-col-xsm-offset-6 { margin-left: 50%; } .g-col-xsm-offset-5 { margin-left: 41.66666667%; } .g-col-xsm-offset-4 { margin-left: 33.33333333%; } .g-col-xsm-offset-3 { margin-left: 25%; } .g-col-xsm-offset-2 { margin-left: 16.66666667%; } .g-col-xsm-offset-1 { margin-left: 8.33333333%; } .g-col-xsm-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .g-col-sm-1, .g-col-sm-2, .g-col-sm-3, .g-col-sm-4, .g-col-sm-5, .g-col-sm-6, .g-col-sm-7, .g-col-sm-8, .g-col-sm-9, .g-col-sm-10, .g-col-sm-11, .g-col-sm-12 { float: left; } .g-col-inline *[class^="g-col"] { float:none; display:inline-block!important; } .g-col-sm-12 { width: 100%; } .g-col-sm-11 { width: 91.66666667%; } .g-col-sm-10 { width: 83.33333333%; } .g-col-sm-9 { width: 75%; } .g-col-sm-8 { width: 66.66666667%; } .g-col-sm-7 { width: 58.33333333%; } .g-col-sm-6 { width: 50%; } .g-col-sm-5 { width: 41.66666667%; } .g-col-sm-4 { width: 33.33333333%; } .g-col-sm-3 { width: 25%; } .g-col-sm-2 { width: 16.66666667%; } .g-col-sm-1 { width: 8.33333333%; } .g-col-sm-1-5 { width: 20%; } .g-col-sm-2-5 { width: 40%; } .g-col-sm-pull-12 { right: 100%; } .g-col-sm-pull-11 { right: 91.66666667%; } .g-col-sm-pull-10 { right: 83.33333333%; } .g-col-sm-pull-9 { right: 75%; } .g-col-sm-pull-8 { right: 66.66666667%; } .g-col-sm-pull-7 { right: 58.33333333%; } .g-col-sm-pull-6 { right: 50%; } .g-col-sm-pull-5 { right: 41.66666667%; } .g-col-sm-pull-4 { right: 33.33333333%; } .g-col-sm-pull-3 { right: 25%; } .g-col-sm-pull-2 { right: 16.66666667%; } .g-col-sm-pull-1 { right: 8.33333333%; } .g-col-sm-pull-0 { right: auto; } .g-col-sm-push-12 { left: 100%; } .g-col-sm-push-11 { left: 91.66666667%; } .g-col-sm-push-10 { left: 83.33333333%; } .g-col-sm-push-9 { left: 75%; } .g-col-sm-push-8 { left: 66.66666667%; } .g-col-sm-push-7 { left: 58.33333333%; } .g-col-sm-push-6 { left: 50%; } .g-col-sm-push-5 { left: 41.66666667%; } .g-col-sm-push-4 { left: 33.33333333%; } .g-col-sm-push-3 { left: 25%; } .g-col-sm-push-2 { left: 16.66666667%; } .g-col-sm-push-1 { left: 8.33333333%; } .g-col-sm-push-0 { left: auto; } .g-col-sm-offset-12 { margin-left: 100%; } .g-col-sm-offset-11 { margin-left: 91.66666667%; } .g-col-sm-offset-10 { margin-left: 83.33333333%; } .g-col-sm-offset-9 { margin-left: 75%; } .g-col-sm-offset-8 { margin-left: 66.66666667%; } .g-col-sm-offset-7 { margin-left: 58.33333333%; } .g-col-sm-offset-6 { margin-left: 50%; } .g-col-sm-offset-5 { margin-left: 41.66666667%; } .g-col-sm-offset-4 { margin-left: 33.33333333%; } .g-col-sm-offset-3 { margin-left: 25%; } .g-col-sm-offset-2 { margin-left: 16.66666667%; } .g-col-sm-offset-1 { margin-left: 8.33333333%; } .g-col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 1000px) { .g-col-md-1, .g-col-md-2, .g-col-md-3, .g-col-md-4, .g-col-md-5, .g-col-md-6, .g-col-md-7, .g-col-md-8, .g-col-md-9, .g-col-md-10, .g-col-md-11, .g-col-md-12 { float: left; } .g-col-inline *[class^="g-col"] { float:none; display:inline-block!important; } .g-col-md-12 { width: 100%; } .g-col-md-11 { width: 91.66666667%; } .g-col-md-10 { width: 83.33333333%; } .g-col-md-9 { width: 75%; } .g-col-md-8 { width: 66.66666667%; } .g-col-md-7 { width: 58.33333333%; } .g-col-md-6 { width: 50%; } .g-col-md-5 { width: 41.66666667%; } .g-col-md-4 { width: 33.33333333%; } .g-col-md-3 { width: 25%; } .g-col-md-2 { width: 16.66666667%; } .g-col-md-1 { width: 8.33333333%; } .g-col-md-1-5 { width: 20%; } .g-col-md-2-5 { width: 40%; } .g-col-md-pull-12 { right: 100%; } .g-col-md-pull-11 { right: 91.66666667%; } .g-col-md-pull-10 { right: 83.33333333%; } .g-col-md-pull-9 { right: 75%; } .g-col-md-pull-8 { right: 66.66666667%; } .g-col-md-pull-7 { right: 58.33333333%; } .g-col-md-pull-6 { right: 50%; } .g-col-md-pull-5 { right: 41.66666667%; } .g-col-md-pull-4 { right: 33.33333333%; } .g-col-md-pull-3 { right: 25%; } .g-col-md-pull-2 { right: 16.66666667%; } .g-col-md-pull-1 { right: 8.33333333%; } .g-col-md-pull-0 { right: auto; } .g-col-md-push-12 { left: 100%; } .g-col-md-push-11 { left: 91.66666667%; } .g-col-md-push-10 { left: 83.33333333%; } .g-col-md-push-9 { left: 75%; } .g-col-md-push-8 { left: 66.66666667%; } .g-col-md-push-7 { left: 58.33333333%; } .g-col-md-push-6 { left: 50%; } .g-col-md-push-5 { left: 41.66666667%; } .g-col-md-push-4 { left: 33.33333333%; } .g-col-md-push-3 { left: 25%; } .g-col-md-push-2 { left: 16.66666667%; } .g-col-md-push-1 { left: 8.33333333%; } .g-col-md-push-0 { left: auto; } .g-col-md-offset-12 { margin-left: 100%; } .g-col-md-offset-11 { margin-left: 91.66666667%; } .g-col-md-offset-10 { margin-left: 83.33333333%; } .g-col-md-offset-9 { margin-left: 75%; } .g-col-md-offset-8 { margin-left: 66.66666667%; } .g-col-md-offset-7 { margin-left: 58.33333333%; } .g-col-md-offset-6 { margin-left: 50%; } .g-col-md-offset-5 { margin-left: 41.66666667%; } .g-col-md-offset-4 { margin-left: 33.33333333%; } .g-col-md-offset-3 { margin-left: 25%; } .g-col-md-offset-2 { margin-left: 16.66666667%; } .g-col-md-offset-1 { margin-left: 8.33333333%; } .g-col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1400px) { .g-col-lg-1, .g-col-lg-2, .g-col-lg-3, .g-col-lg-4, .g-col-lg-5, .g-col-lg-6, .g-col-lg-7, .g-col-lg-8, .g-col-lg-9, .g-col-lg-10, .g-col-lg-11, .g-col-lg-12 { float: left; } .g-col-inline *[class^="g-col"] { float:none; display:inline-block!important; } .g-col-lg-12 { width: 100%; } .g-col-lg-11 { width: 91.66666667%; } .g-col-lg-10 { width: 83.33333333%; } .g-col-lg-9 { width: 75%; } .g-col-lg-8 { width: 66.66666667%; } .g-col-lg-7 { width: 58.33333333%; } .g-col-lg-6 { width: 50%; } .g-col-lg-5 { width: 41.66666667%; } .g-col-lg-4 { width: 33.33333333%; } .g-col-lg-3 { width: 25%; } .g-col-lg-2 { width: 16.66666667%; } .g-col-lg-1 { width: 8.33333333%; } .g-col-lg-pull-12 { right: 100%; } .g-col-lg-pull-11 { right: 91.66666667%; } .g-col-lg-pull-10 { right: 83.33333333%; } .g-col-lg-pull-9 { right: 75%; } .g-col-lg-pull-8 { right: 66.66666667%; } .g-col-lg-pull-7 { right: 58.33333333%; } .g-col-lg-pull-6 { right: 50%; } .g-col-lg-pull-5 { right: 41.66666667%; } .g-col-lg-pull-4 { right: 33.33333333%; } .g-col-lg-pull-3 { right: 25%; } .g-col-lg-pull-2 { right: 16.66666667%; } .g-col-lg-pull-1 { right: 8.33333333%; } .g-col-lg-pull-0 { right: auto; } .g-col-lg-push-12 { left: 100%; } .g-col-lg-push-11 { left: 91.66666667%; } .g-col-lg-push-10 { left: 83.33333333%; } .g-col-lg-push-9 { left: 75%; } .g-col-lg-push-8 { left: 66.66666667%; } .g-col-lg-push-7 { left: 58.33333333%; } .g-col-lg-push-6 { left: 50%; } .g-col-lg-push-5 { left: 41.66666667%; } .g-col-lg-push-4 { left: 33.33333333%; } .g-col-lg-push-3 { left: 25%; } .g-col-lg-push-2 { left: 16.66666667%; } .g-col-lg-push-1 { left: 8.33333333%; } .g-col-lg-push-0 { left: auto; } .g-col-lg-offset-12 { margin-left: 100%; } .g-col-lg-offset-11 { margin-left: 91.66666667%; } .g-col-lg-offset-10 { margin-left: 83.33333333%; } .g-col-lg-offset-9 { margin-left: 75%; } .g-col-lg-offset-8 { margin-left: 66.66666667%; } .g-col-lg-offset-7 { margin-left: 58.33333333%; } .g-col-lg-offset-6 { margin-left: 50%; } .g-col-lg-offset-5 { margin-left: 41.66666667%; } .g-col-lg-offset-4 { margin-left: 33.33333333%; } .g-col-lg-offset-3 { margin-left: 25%; } .g-col-lg-offset-2 { margin-left: 16.66666667%; } .g-col-lg-offset-1 { margin-left: 8.33333333%; } .g-col-lg-offset-0 { margin-left: 0%; } } .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); height:100%; } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 200; } .bx-wrapper .bx-controls-direction a.disabled { display: none!important; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .iframe-wrapper { position: relative; height: 0; overflow: hidden; z-index:1 } /* 16x9 Aspect Ratio */ .iframe-wrapper-16x9 { padding-bottom: 56.25%; } /* 4x3 Aspect Ratio */ .iframe-wrapper-4x3 { padding-bottom: 75%; } .iframe-wrapper iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } .u-relative { position:relative; } .u-absolute { position:absolute; } .u-static { position:static; } .u-static-important, .u-static-i { position:static!important; } .u-fixed { position:fixed; } .u-overflow-hidden { overflow:hidden; } .u-futura-tot-bold { font-family:"FuturaTotBold"!important; } .u-full-height { min-height:100%; } .u-full-width { min-width:100%; } .u-clear-3n:nth-of-type(3n + 1) { clear:left; } .u-link-overlay { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); cursor:pointer; display:block; } .u-text-shadow--no { text-shadow:none!important; } .u-decoration-none, .u-decoration-none-a a { text-decoration:none; } .u-decoration-hover:hover, .u-decoration-hover-a a:hover { text-decoration:underline; } .u-decoration-underline, .u-decoration-underline-a a { text-decoration:underline; } .u-cursor-default { cursor:default; } .u-cursor-pointer { cursor:pointer; } .u-center { text-align:center; } .u-align-right { text-align:right; } .u-align-left { text-align:left; } .u-center-sm { text-align:left; } .u-center-xs { text-align:center; } .u-br-sm-hide br { display:none; } .u-br-xsm-hide br { display:none; } .u-hide { display:none!important; } .u-show { display:block; } .u-show-important { display:block!important; } .u-width-auto { width:auto; } .u-width-auto-important { width:auto!important; } .u-hide-sm { display:block; } .u-height-1-a-sm { height:0; overflow:hidden; } .u-height-0-a-sm { height:auto; } .u-height-1-a-xsm { height:0; overflow:hidden; } .u-height-0-a-xsm { height:auto; overflow:hidden; } .u-hide-sm-important { display:block!important; } .u-show-sm { display:none; } .u-show-sm-important { display:none!important; } .u-hide-xsm { display:block; } .u-show-xsm { display:none; } .u-show-xsm1 { display:none; } .u-hide-xsm1 { display:block; } .u-show-a-xsm { display:none; } .u-hide-a-sm { display:block; } .u-hide-a-md { display:block; } .u-show-a-sm { display:none; } .u-show-a-md { display:none; } .u-height-a-sm { height:0; overflow:hidden; } .u-show-xsm-important { display:none!important; } .u-hide-xsm-important { display:block!important; } .u-padding-top-10 { padding-top:10px; } .u-padding-top-15 { padding-top:15px; } .u-padding-top-20 { padding-top:20px; } .u-no-margin { margin:0; } .u-p-no-margin p { margin-bottom:0; } .u-no-margin-top { margin-top:0; } .u-no-margin-x { margin-left:0; margin-right:0; } .u-no-margin-x-important { margin-left:0!important; margin-right:0!important; } .u-no-padding { padding:0; } .u-no-padding-top { padding-top:0!important; } .u-no-padding-bottom { padding-bottom:0!important; } .u-no-padding-left { padding-left:0!important; } .u-no-padding-right { padding-right:0!important; } .u-padding-x-30 { padding-left:30px; padding-right:30px; } .u-margin-y-15 { margin-top:15px; margin-bottom:15px; } .u-margin-right-10 { margin-right:10px; } .u-margin-top-10-important { margin-top:10px!important; } .u-margin-top-20-important { margin-top:20px!important; } .u-margin-top-20 { margin-top:20px; } .u-margin-top-30 { margin-top:30px; } .u-margin-bottom-20 { margin-bottom:20px; } .u-margin-bottom-20-important { margin-bottom:20px!important; } .u-margin-bottom-30 { margin-bottom:30px; } .u-capitalize { text-transform:capitalize!important; } .u-uppercase { text-transform:uppercase!important; } .u-plain-list, .u-plain-list ul { list-style:none; margin:0; padding:0; } .u-plain-list li { margin:0; padding:0; } .u-plain-list-dot li:before { content:""; display:inline-block; border-radius:5px; background-color:#000000; width:10px; height:10px; margin-right:10px; } .u-plain-list-dot-blue li:before { background-color:#227fc6; } .u-full-height { height:100%; } .u-full-height-min { min-height:100%; } .u-block { display:block; } .u-block-i { display:block!important; } .u-inline-block { display:inline-block; float:none; } .u-inline-block-i { display:inline-block!important; float:none!important; } .u-first-letter { font-size:22px; font-weight:bold; } .u-responsive-image { max-width:100%; margin:0 auto; height:auto; display:block; } .u-responsive-image-full { width:100%; } .u-responsive-image-full-xs { width:100%; } .u-responsive-image-full-xsm { width:100%; } .u-border-right-black-sm { border:none; } .u-info-box { padding:10px; border-radius:10px; border:1px solid #cccccc; background-color:#f3f0f0; } .u-a-sacale-relative { position:relative; } .u-a-sacale-relative:hover { z-index:2; } .u-a-sacale, .u-a-scale { transform:scale(1); transition:transform 200ms ease-in-out; } .u-a-sacale:hover, .u-a-scale:hover { transform:scale(1.02); transition:transform 200ms ease-in-out; } .u-link-overlay-scale + * .u-a-link-scale, .u-link-overlay-scale + .u-a-link-scale { transform:scale(1); transition:transform 200ms ease-in-out; } .u-link-overlay-scale-i + * .u-a-link-scale-i, .u-link-overlay-scale-i + .u-a-link-scale-i { transform:scale(1)!important; transition:transform 200ms ease-in-out!important; } .u-link-overlay-scale:hover + * .u-a-link-scale, .u-link-overlay-scale:hover + .u-a-link-scale { transform:scale(1.02); transition:transform 200ms ease-in-out; } .u-link-overlay-scale:hover ~ .u-a-link-scale-wrap .u-a-link-scale { transform:scale(1.02); transition:transform 200ms ease-in-out; } .u-link-overlay-scale-i:hover + * .u-a-link-scale-i, .u-link-overlay-scale-i:hover + .u-a-link-scale-i { transform:scale(1.02)!important; transition:transform 200ms ease-in-out!important; } .u-a-sacale--1:hover, .u-a-scale--1:hover, .u-link-overlay-scale:hover + * .u-a-link-scale--1, .u-link-overlay-scale:hover + .u-a-link-scale--1 { transform:scale(1.1); } .u-a-sacale--1-i:hover, .u-a-scale--1-i:hover, .u-link-overlay-scale-i:hover + * .u-a-link-scale--1-i, .u-link-overlay-scale-i:hover + .u-a-link-scale--1-i { transform:scale(1.1); } .u-a-sacale--2:hover, .u-a-scale--2:hover, .u-link-overlay-scale:hover + * .u-a-link-scale--2, .u-link-overlay-scale:hover + .u-a-link-scale--2 { transform:scale(1.2); } .u-a-show-sm, .u-a-show-md, .u-a-show-lg { display:none; } .ms-grill .u-s-show-xs { display:block; } .u-a-br-xsm, .u-a-br-sm, .u-a-br-md, .u-a-br-lg { display:none; } .u-a-br-xs { display:block; } @media (max-width:768px) { .u-no-padding-xs { padding:0!important; } .u-no-padding-x-xs { padding-left:0!important; padding-right:0!important; } } @media (min-width:480px) { .u-hide-a-xsm { display:none; } .u-height-0-a-xsm { height:0; overflow:hidden; } .u-show-a-xsm { display:block; } .u-height-1-a-xsm { height:auto; overflow:hidden; } .u-a-left-xsm { text-align:left; } } @media (min-width:469px) { .u-hide-xsm { display:none; } .u-show-xsm { display:block; } .u-show-xsm-important { display:block!important; } .u-hide-xsm-important { display:none!important; } .u-br-xsm-hide br { display:inline-block; } .u-responsive-image-full-xsm { width:auto; } } @media (min-width:641px) { .u-show-xsm1 { display:block; } .u-hide-xsm1 { display:none; } } @media (min-width:760px) { .u-hide-a-sm { display:none; } .u-height-0-a-sm { height:0; overflow:hidden; } .u-show-a-sm { display:block; } .u-height-1-a-sm { height:auto; } } @media (min-width:768px) { .u-border-right-black-sm { border-right:2px solid #000000; } .u-hide-sm { display:none; } .u-hide-sm-important { display:none!important; } .u-show-sm { display:block; } .u-show-sm-important { display:block!important; } .u-center-sm { text-align:center; } .u-center-xs { text-align:left; } .u-right-sm { text-align:right!important; } .u-br-sm-hide br { display:inline-block; } .u-padding-r-sm-5 { paddimg-right:5px!important } .u-padding-L-sm-5, .u-padding-l-sm-5 { padding-left:5px!important } .u-responsive-image-full-xs { width:auto; } } @media (min-width:980px) { .u-hide-a-md { display:none; } .u-show-a-md { display:block; } } @media (min-width:1160px) { .u-no-padding-x-md { padding-left:0!important; padding-right:0!important; } } .u-a-show-xs, .u-a-show-xs1, .u-a-show-sm, .u-a-show-sm1, .u-a-show-md, .u-a-show-lg { display:none; } .u-a-br-sm , .u-a-br-sm, .u-a-br-md, .u-a-br-lg { display:none; } .u-a-show-xs { display:block; } .u-a-br-xs { display:inline-block; } @media (min-width:376px) { .u-a-br-xs { display:none; } .u-a-br-sm { display:inline-block; } .u-a-show-xs { display:none; } .u-a-show-xs1 { display:block; } .u-a-show-sm { display:block; } .u-clear-2n-xsm:nth-of-type(2n + 1) { clear:left; } } @media (min-width:768px) { .u-a-br-sm { display:none; } .u-a-br-md { display:inline-block; } .u-a-show-xs1 { display:none; } .u-a-show-sm { display:none; } .u-a-show-md { display:block; } .u-clear-2n-xsm:nth-of-type(2n + 1) { clear:none; } .u-clear-3n-sm:nth-of-type(3n + 1) { clear:left; } } @media (min-width:1201px) { .u-a-br-md { display:none; } .u-a-br-lg { display:inline-block; } .u-a-show-md { display:none; } .u-a-show-lg { display:block; } } .module-responzive-article-center img { display:inline-block; margin:0 auto; } .module-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ //padding-top: 25px; height: 0; } .module-video-thumbnail { padding:0!important; height:auto; } .module-video-thumbnail iframe { padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .module-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module-video-cover { position: absolute; top: 0; left: 0; right:0; bottom:0; padding:0; height:auto; } .module-video-img { max-width:100%; } .module-video-cover .module-video-image, .module-video-cover .module-video-img { height:100%; padding:0; display:block; } .module-video-wrapper .video-lazy-load-link:before, .module-video-play__icon:before { content:""; display:block; width:50px; height:35px; position:absolute; top:50%; left:0; z-inde:5000; right:0; margin:0 auto; opacity:0.8; background:url('/-a110504---emTLgICx/youtube-play-white') no-repeat center; background-size:contain; transform:translateY(-50%); transition:opacity 300ms; } .module-video-wrapper .video-lazy-load-link--circle:before, .module-video-wrapper .module-video-play__icon--circle:before { width:84px; height:84px; background:url('/-a119451---3MgzcMfa/play-btn-circle') no-repeat center; } .module-video-wrapper .video-lazy-load-link:hover:before, .module-video-wrapper .module-video-play__icon:hover:before { opacity:1; transition:opacity 300ms; } .module-video-hack.ended::after { content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==); } .module-video-hack.paused::after { content:""; position: absolute; top: 70px; left: 0; bottom: 50px; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } @media(min-width:751px) { .module-video-wrapper .video-lazy-load-link:before { width:100px; height:70px; } .module-video-wrapper .video-lazy-load-link--circle:before { width:84px; height:84px; } } .g-a-row:before, .g-a-row:after, .clearfix:after, .clearfix:after { content: ""; display: table; } .g-a-row:after, .clearfix:after { clear: both; } .g-a-row-full-height { height:100%; } .g-a-row-full-height > *[class^="g-col"] { height:100%; } .g-a-row * { box-sizing: border-box; outline: none; } .g-a-col-inline { text-align:center; } .g-a-col-inline *[class^="g-a-col"] { vertical-align:top; float:none; margin-left:-4px; display:inline-block; } .g-a-row { margin-left: -15px; margin-right: -15px; } .g-a-row-12 { margin-left: -12px; margin-right: -12px; } .g-a-row-8 { margin-left: -8px; margin-right: -8px; } .g-a-row--no-gutter > *[class^="g-col"] { padding-left: 0 !important; padding-right: 0 !important; } .g-a-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 15px !important; padding-right: 15px !important; } .g-a-row-12.g-a-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 12px !important; padding-right: 12px !important; } .g-a-row-12.g-a-row--no-gutter-important > *[class^="g-col"] , .g-a-row--no-gutter-important > *[class^="g-col"], .g-a-row--no-gutter-important > *[class^="g-col-xs-12"], .g-a-row-12.g-a-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .g-a-row-8.g-a-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 8px !important; padding-right: 8px !important; } .g-a-row-8.g-a-row--no-gutter-important > *[class^="g-col"] , .g-a-row--no-gutter-important > *[class^="g-col"], .g-a-row--no-gutter-important > *[class^="g-col-xs-12"], .g-a-row-8.g-a-row--no-gutter-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 768px) { g-row-12.g-a-row--no-gutter-mobile-important > *[class^="g-col"], .g-a-row--no-gutter-mobile-important > *[class^="g-col"], .g-a-row--no-gutter-mobile-important > *[class^="g-col-xs-12"], .g-a-row-12.g-a-row--no-gutter-mobile-important > *[class^="g-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 1000px) { .g-a-row--no-gutter > *[class^="g-col-xs-12"] { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 1000px) { .g-a-row--plain { margin-left: 0; margin-right: 0; } } .g-a-row-indented { padding-top: 25px; padding-bottom: 25px; } .g-a-row-indented--top { padding-top: 25px; } .g-a-row-indented--bottom { padding-bottom: 25px; } @media (min-width: 1000px) { .g-a-row-indented { padding-top: 50px; padding-bottom: 50px; } .g-a-row-indented--top { padding-top: 50px; } .g-a-row-indented--bottom { padding-bottom: 50px; } } .g-a-row-pull-top { margin-top: -30px; } .g-a-col-xs-1, .g-a-col-sm-1, .g-a-col-md-1, .g-a-col-lg-1, .g-a-col-xs-2, .g-a-col-sm-2, .g-a-col-md-2, .g-a-col-lg-2, .g-a-col-xs-3, .g-a-col-sm-3, .g-a-col-md-3, .g-a-col-lg-3, .g-a-col-xs-4, .g-a-col-sm-4, .g-a-col-md-4, .g-a-col-lg-4, .g-a-col-xs-5, .g-a-col-sm-5, .g-a-col-md-5, .g-a-col-lg-5, .g-a-col-xs-6, .g-a-col-sm-6, .g-a-col-md-6, .g-a-col-lg-6, .g-a-col-xs-7, .g-a-col-sm-7, .g-a-col-md-7, .g-a-col-lg-7, .g-a-col-xs-8, .g-a-col-sm-8, .g-a-col-md-8, .g-a-col-lg-8, .g-a-col-xs-9, .g-a-col-sm-9, .g-a-col-md-9, .g-a-col-lg-9, .g-a-col-xs-10, .g-a-col-sm-10, .g-a-col-md-10, .g-a-col-lg-10, .g-a-col-xs-11, .g-a-col-sm-11, .g-a-col-md-11, .g-a-col-lg-11, .g-a-col-xs-12, .g-a-col-sm-12, .g-a-col-md-12, .g-a-col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .g-a-row-12 .g-a-col-xs-1, .g-a-row-12 .g-a-col-sm-1, .g-a-row-12 .g-a-col-md-1, .g-a-row-12 .g-a-col-lg-1, .g-a-row-12 .g-a-col-xs-2, .g-a-row-12 .g-a-col-sm-2, .g-a-row-12 .g-a-col-md-2, .g-a-row-12 .g-a-col-lg-2, .g-a-row-12 .g-a-col-xs-3, .g-a-row-12 .g-a-col-sm-3, .g-a-row-12 .g-a-col-md-3, .g-a-row-12 .g-a-col-lg-3, .g-a-row-12 .g-a-col-xs-4, .g-a-row-12 .g-a-col-sm-4, .g-a-row-12 .g-a-col-md-4, .g-a-row-12 .g-a-col-lg-4, .g-a-row-12 .g-a-col-xs-5, .g-a-row-12 .g-a-col-sm-5, .g-a-row-12 .g-a-col-md-5, .g-a-row-12 .g-a-col-lg-5, .g-a-row-12 .g-a-col-xs-6, .g-a-row-12 .g-a-col-sm-6, .g-a-row-12 .g-a-col-md-6, .g-a-row-12 .g-a-col-lg-6, .g-a-row-12 .g-a-col-xs-7, .g-a-row-12 .g-a-col-sm-7, .g-a-row-12 .g-a-col-md-7, .g-a-row-12 .g-a-col-lg-7, .g-a-row-12 .g-a-col-xs-8, .g-a-row-12 .g-a-col-sm-8, .g-a-row-12 .g-a-col-md-8, .g-a-row-12 .g-a-col-lg-8, .g-a-row-12 .g-a-col-xs-9, .g-a-row-12 .g-a-col-sm-9, .g-a-row-12 .g-a-col-md-9, .g-a-row-12 .g-a-col-lg-9, .g-a-row-12 .g-a-col-xs-10, .g-a-row-12 .g-a-col-sm-10, .g-a-row-12 .g-a-col-md-10, .g-a-row-12 .g-a-col-lg-10, .g-a-row-12 .g-a-col-xs-11, .g-a-row-12 .g-a-col-sm-11, .g-a-row-12 .g-a-col-md-11, .g-a-row-12 .g-a-col-lg-11, .g-a-row-12 .g-a-col-xs-12, .g-a-row-12 .g-a-col-sm-12, .g-a-row-12 .g-a-col-md-12, .g-a-row-12 .g-a-col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .g-a-row-8 .g-a-col-xs-1, .g-a-row-8 .g-a-col-sm-1, .g-a-row-8 .g-a-col-md-1, .g-a-row-8 .g-a-col-lg-1, .g-a-row-8 .g-a-col-xs-2, .g-a-row-8 .g-a-col-sm-2, .g-a-row-8 .g-a-col-md-2, .g-a-row-8 .g-a-col-lg-2, .g-a-row-8 .g-a-col-xs-3, .g-a-row-8 .g-a-col-sm-3, .g-a-row-8 .g-a-col-md-3, .g-a-row-8 .g-a-col-lg-3, .g-a-row-8 .g-a-col-xs-4, .g-a-row-8 .g-a-col-sm-4, .g-a-row-8 .g-a-col-md-4, .g-a-row-8 .g-a-col-lg-4, .g-a-row-8 .g-a-col-xs-5, .g-a-row-8 .g-a-col-sm-5, .g-a-row-8 .g-a-col-md-5, .g-a-row-8 .g-a-col-lg-5, .g-a-row-8 .g-a-col-xs-6, .g-a-row-8 .g-a-col-sm-6, .g-a-row-8 .g-a-col-md-6, .g-a-row-8 .g-a-col-lg-6, .g-a-row-8 .g-a-col-xs-7, .g-a-row-8 .g-a-col-sm-7, .g-a-row-8 .g-a-col-md-7, .g-a-row-8 .g-a-col-lg-7, .g-a-row-8 .g-a-col-xs-8, .g-a-row-8 .g-a-col-sm-8, .g-a-row-8 .g-a-col-md-8, .g-a-row-8 .g-a-col-lg-8, .g-a-row-8 .g-a-col-xs-9, .g-a-row-8 .g-a-col-sm-9, .g-a-row-8 .g-a-col-md-9, .g-a-row-8 .g-a-col-lg-9, .g-a-row-8 .g-a-col-xs-10, .g-a-row-8 .g-a-col-sm-10, .g-a-row-8 .g-a-col-md-10, .g-a-row-8 .g-a-col-lg-10, .g-a-row-8 .g-a-col-xs-11, .g-a-row-8 .g-a-col-sm-11, .g-a-row-8 .g-a-col-md-11, .g-a-row-8 .g-a-col-lg-11, .g-a-row-8 .g-a-col-xs-12, .g-a-row-8 .g-a-col-sm-12, .g-a-row-8 .g-a-col-md-12, .g-a-row-8 .g-a-col-lg-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .g-a-col-xs-1, .g-a-col-xs-2, .g-a-col-xs-3, .g-a-col-xs-4, .g-a-col-xs-5, .g-a-col-xs-6, .g-a-col-xs-7, .g-a-col-xs-8, .g-a-col-xs-9, .g-a-col-xs-10, .g-a-col-xs-11, .g-a-col-xs-12 { float: left; } .g-a-col-xs-12 { width: 100%; } .g-a-col-xs-11 { width: 91.66666667%; } .g-a-col-xs-10 { width: 83.33333333%; } .g-a-col-xs-9 { width: 75%; } .g-a-col-xs-8 { width: 66.66666667%; } .g-a-col-xs-7 { width: 58.33333333%; } .g-a-col-xs-6 { width: 50%; } .g-a-col-xs-5 { width: 41.66666667%; } .g-a-col-xs-4 { width: 33.33333333%; } .g-a-col-xs-3 { width: 25%; } .g-a-col-xs-2 { width: 16.66666667%; } .g-a-col-xs-1 { width: 8.33333333%; } .g-a-col-xs-pull-12 { right: 100%; } .g-a-col-xs-pull-11 { right: 91.66666667%; } .g-a-col-xs-pull-10 { right: 83.33333333%; } .g-a-col-xs-pull-9 { right: 75%; } .g-a-col-xs-pull-8 { right: 66.66666667%; } .g-a-col-xs-pull-7 { right: 58.33333333%; } .g-a-col-xs-pull-6 { right: 50%; } .g-a-col-xs-pull-5 { right: 41.66666667%; } .g-a-col-xs-pull-4 { right: 33.33333333%; } .g-a-col-xs-pull-3 { right: 25%; } .g-a-col-xs-pull-2 { right: 16.66666667%; } .g-a-col-xs-pull-1 { right: 8.33333333%; } .g-a-col-xs-pull-0 { right: auto; } .g-a-col-xs-push-12 { left: 100%; } .g-a-col-xs-push-11 { left: 91.66666667%; } .g-a-col-xs-push-10 { left: 83.33333333%; } .g-a-col-xs-push-9 { left: 75%; } .g-a-col-xs-push-8 { left: 66.66666667%; } .g-a-col-xs-push-7 { left: 58.33333333%; } .g-a-col-xs-push-6 { left: 50%; } .g-a-col-xs-push-5 { left: 41.66666667%; } .g-a-col-xs-push-4 { left: 33.33333333%; } .g-a-col-xs-push-3 { left: 25%; } .g-a-col-xs-push-2 { left: 16.66666667%; } .g-a-col-xs-push-1 { left: 8.33333333%; } .g-a-col-xs-push-0 { left: auto; } .g-a-col-xs-offset-12 { margin-left: 100%; } .g-a-col-xs-offset-11 { margin-left: 91.66666667%; } .g-a-col-xs-offset-10 { margin-left: 83.33333333%; } .g-a-col-xs-offset-9 { margin-left: 75%; } .g-a-col-xs-offset-8 { margin-left: 66.66666667%; } .g-a-col-xs-offset-7 { margin-left: 58.33333333%; } .g-a-col-xs-offset-6 { margin-left: 50%; } .g-a-col-xs-offset-5 { margin-left: 41.66666667%; } .g-a-col-xs-offset-4 { margin-left: 33.33333333%; } .g-a-col-xs-offset-3 { margin-left: 25%; } .g-a-col-xs-offset-2 { margin-left: 16.66666667%; } .g-a-col-xs-offset-1 { margin-left: 8.33333333%; } .g-a-col-xs-offset-0 { margin-left: 0%; } @media (min-width: 480px) { .g-a-col-xsm-1, .g-a-col-xsm-2, .g-a-col-xsm-3, .g-a-col-xsm-4, .g-a-col-xsm-5, .g-a-col-xsm-6, .g-a-col-xsm-7, .g-a-col-xsm-8, .g-a-col-xsm-9, .g-a-col-xsm-10, .g-a-col-xsm-11, .g-a-col-xsm-12 { float: left; } .g-a-col-xsm-12 { width: 100%; } .g-a-col-xsm-11 { width: 91.66666667%; } .g-a-col-xsm-10 { width: 83.33333333%; } .g-a-col-xsm-9 { width: 75%; } .g-a-col-xsm-8 { width: 66.66666667%; } .g-a-col-xsm-7 { width: 58.33333333%; } .g-a-col-xsm-6 { width: 50%; } .g-a-col-xsm-5 { width: 41.66666667%; } .g-a-col-xsm-4 { width: 33.33333333%; } .g-a-col-xsm-3 { width: 25%; } .g-a-col-xsm-2 { width: 16.66666667%; } .g-a-col-xsm-1 { width: 8.33333333%; } .g-a-col-xsm-pull-12 { right: 100%; } .g-a-col-xsm-pull-11 { right: 91.66666667%; } .g-a-col-xsm-pull-10 { right: 83.33333333%; } .g-a-col-xsm-pull-9 { right: 75%; } .g-a-col-xsm-pull-8 { right: 66.66666667%; } .g-a-col-xsm-pull-7 { right: 58.33333333%; } .g-a-col-xsm-pull-6 { right: 50%; } .g-a-col-xsm-pull-5 { right: 41.66666667%; } .g-a-col-xsm-pull-4 { right: 33.33333333%; } .g-a-col-xsm-pull-3 { right: 25%; } .g-a-col-xsm-pull-2 { right: 16.66666667%; } .g-a-col-xsm-pull-1 { right: 8.33333333%; } .g-a-col-xsm-pull-0 { right: auto; } .g-a-col-xsm-push-12 { left: 100%; } .g-a-col-xsm-push-11 { left: 91.66666667%; } .g-a-col-xsm-push-10 { left: 83.33333333%; } .g-a-col-xsm-push-9 { left: 75%; } .g-a-col-xsm-push-8 { left: 66.66666667%; } .g-a-col-xsm-push-7 { left: 58.33333333%; } .g-a-col-xsm-push-6 { left: 50%; } .g-a-col-xsm-push-5 { left: 41.66666667%; } .g-a-col-xsm-push-4 { left: 33.33333333%; } .g-a-col-xsm-push-3 { left: 25%; } .g-a-col-xsm-push-2 { left: 16.66666667%; } .g-a-col-xsm-push-1 { left: 8.33333333%; } .g-a-col-xsm-push-0 { left: auto; } .g-a-col-xsm-offset-12 { margin-left: 100%; } .g-a-col-xsm-offset-11 { margin-left: 91.66666667%; } .g-a-col-xsm-offset-10 { margin-left: 83.33333333%; } .g-a-col-xsm-offset-9 { margin-left: 75%; } .g-a-col-xsm-offset-8 { margin-left: 66.66666667%; } .g-a-col-xsm-offset-7 { margin-left: 58.33333333%; } .g-a-col-xsm-offset-6 { margin-left: 50%; } .g-a-col-xsm-offset-5 { margin-left: 41.66666667%; } .g-a-col-xsm-offset-4 { margin-left: 33.33333333%; } .g-a-col-xsm-offset-3 { margin-left: 25%; } .g-a-col-xsm-offset-2 { margin-left: 16.66666667%; } .g-a-col-xsm-offset-1 { margin-left: 8.33333333%; } .g-a-col-xsm-offset-0 { margin-left: 0%; } } @media (min-width: 760px) { .g-a-col-sm-1, .g-a-col-sm-2, .g-a-col-sm-3, .g-a-col-sm-4, .g-a-col-sm-5, .g-a-col-sm-6, .g-a-col-sm-7, .g-a-col-sm-8, .g-a-col-sm-9, .g-a-col-sm-10, .g-a-col-sm-11, .g-a-col-sm-12 { float: left; } .g-a-col-inline *[class^="g-a-col"] { float:none; display:inline-block!important; } .g-a-col-sm-12 { width: 100%; } .g-a-col-sm-1-5 { width: 20%; } .g-a-col-sm-11 { width: 91.66666667%; } .g-a-col-sm-10 { width: 83.33333333%; } .g-a-col-sm-9 { width: 75%; } .g-a-col-sm-8 { width: 66.66666667%; } .g-a-col-sm-7 { width: 58.33333333%; } .g-a-col-sm-6 { width: 50%; } .g-a-col-sm-5 { width: 41.66666667%; } .g-a-col-sm-4 { width: 33.33333333%; } .g-a-col-sm-3 { width: 25%; } .g-a-col-sm-2 { width: 16.66666667%; } .g-a-col-sm-1 { width: 8.33333333%; } .g-a-col-sm-pull-12 { right: 100%; } .g-a-col-sm-pull-11 { right: 91.66666667%; } .g-a-col-sm-pull-10 { right: 83.33333333%; } .g-a-col-sm-pull-9 { right: 75%; } .g-a-col-sm-pull-8 { right: 66.66666667%; } .g-a-col-sm-pull-7 { right: 58.33333333%; } .g-a-col-sm-pull-6 { right: 50%; } .g-a-col-sm-pull-5 { right: 41.66666667%; } .g-a-col-sm-pull-4 { right: 33.33333333%; } .g-a-col-sm-pull-3 { right: 25%; } .g-a-col-sm-pull-2 { right: 16.66666667%; } .g-a-col-sm-pull-1 { right: 8.33333333%; } .g-a-col-sm-pull-0 { right: auto; } .g-a-col-sm-push-12 { left: 100%; } .g-a-col-sm-push-11 { left: 91.66666667%; } .g-a-col-sm-push-10 { left: 83.33333333%; } .g-a-col-sm-push-9 { left: 75%; } .g-a-col-sm-push-8 { left: 66.66666667%; } .g-a-col-sm-push-7 { left: 58.33333333%; } .g-a-col-sm-push-6 { left: 50%; } .g-a-col-sm-push-5 { left: 41.66666667%; } .g-a-col-sm-push-4 { left: 33.33333333%; } .g-a-col-sm-push-3 { left: 25%; } .g-a-col-sm-push-2 { left: 16.66666667%; } .g-a-col-sm-push-1 { left: 8.33333333%; } .g-a-col-sm-push-0 { left: auto; } .g-a-col-sm-offset-12 { margin-left: 100%; } .g-a-col-sm-offset-11 { margin-left: 91.66666667%; } .g-a-col-sm-offset-10 { margin-left: 83.33333333%; } .g-a-col-sm-offset-9 { margin-left: 75%; } .g-a-col-sm-offset-8 { margin-left: 66.66666667%; } .g-a-col-sm-offset-7 { margin-left: 58.33333333%; } .g-a-col-sm-offset-6 { margin-left: 50%; } .g-a-col-sm-offset-5 { margin-left: 41.66666667%; } .g-a-col-sm-offset-4 { margin-left: 33.33333333%; } .g-a-col-sm-offset-3 { margin-left: 25%; } .g-a-col-sm-offset-2 { margin-left: 16.66666667%; } .g-a-col-sm-offset-1 { margin-left: 8.33333333%; } .g-a-col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 1000px) { .g-a-col-md-1, .g-a-col-md-2, .g-a-col-md-3, .g-a-col-md-4, .g-a-col-md-5, .g-a-col-md-6, .g-a-col-md-7, .g-a-col-md-8, .g-a-col-md-9, .g-a-col-md-10, .g-a-col-md-11, .g-a-col-md-12 { float: left; } .g-a-col-inline *[class^="g-a-col"] { float:none; display:inline-block!important; } .g-a-col-md-12 { width: 100%; } .g-a-col-md-1-5 { width: 20%; } .g-a-col-md-11 { width: 91.66666667%; } .g-a-col-md-10 { width: 83.33333333%; } .g-a-col-md-9 { width: 75%; } .g-a-col-md-8 { width: 66.66666667%; } .g-a-col-md-7 { width: 58.33333333%; } .g-a-col-md-6 { width: 50%; } .g-a-col-md-5 { width: 41.66666667%; } .g-a-col-md-4 { width: 33.33333333%; } .g-a-col-md-3 { width: 25%; } .g-a-col-md-2 { width: 16.66666667%; } .g-a-col-md-1 { width: 8.33333333%; } .g-a-col-md-pull-12 { right: 100%; } .g-a-col-md-pull-11 { right: 91.66666667%; } .g-a-col-md-pull-10 { right: 83.33333333%; } .g-a-col-md-pull-9 { right: 75%; } .g-a-col-md-pull-8 { right: 66.66666667%; } .g-a-col-md-pull-7 { right: 58.33333333%; } .g-a-col-md-pull-6 { right: 50%; } .g-a-col-md-pull-5 { right: 41.66666667%; } .g-a-col-md-pull-4 { right: 33.33333333%; } .g-a-col-md-pull-3 { right: 25%; } .g-a-col-md-pull-2 { right: 16.66666667%; } .g-a-col-md-pull-1 { right: 8.33333333%; } .g-a-col-md-pull-0 { right: auto; } .g-a-col-md-push-12 { left: 100%; } .g-a-col-md-push-11 { left: 91.66666667%; } .g-a-col-md-push-10 { left: 83.33333333%; } .g-a-col-md-push-9 { left: 75%; } .g-a-col-md-push-8 { left: 66.66666667%; } .g-a-col-md-push-7 { left: 58.33333333%; } .g-a-col-md-push-6 { left: 50%; } .g-a-col-md-push-5 { left: 41.66666667%; } .g-a-col-md-push-4 { left: 33.33333333%; } .g-a-col-md-push-3 { left: 25%; } .g-a-col-md-push-2 { left: 16.66666667%; } .g-a-col-md-push-1 { left: 8.33333333%; } .g-a-col-md-push-0 { left: auto; } .g-a-col-md-offset-12 { margin-left: 100%; } .g-a-col-md-offset-11 { margin-left: 91.66666667%; } .g-a-col-md-offset-10 { margin-left: 83.33333333%; } .g-a-col-md-offset-9 { margin-left: 75%; } .g-a-col-md-offset-8 { margin-left: 66.66666667%; } .g-a-col-md-offset-7 { margin-left: 58.33333333%; } .g-a-col-md-offset-6 { margin-left: 50%; } .g-a-col-md-offset-5 { margin-left: 41.66666667%; } .g-a-col-md-offset-4 { margin-left: 33.33333333%; } .g-a-col-md-offset-3 { margin-left: 25%; } .g-a-col-md-offset-2 { margin-left: 16.66666667%; } .g-a-col-md-offset-1 { margin-left: 8.33333333%; } .g-a-col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1180px) { .g-a-col-lg-1, .g-a-col-lg-2, .g-a-col-lg-3, .g-a-col-lg-4, .g-a-col-lg-5, .g-a-col-lg-6, .g-a-col-lg-7, .g-a-col-lg-8, .g-a-col-lg-9, .g-a-col-lg-10, .g-a-col-lg-11, .g-a-col-lg-12 { float: left; } .g-a-col-inline *[class^="g-a-col"] { float:none; display:inline-block!important; } .g-a-col-lg-1-5 { width: 20%; } .g-a-col-lg-12 { width: 100%; } .g-a-col-lg-11 { width: 91.66666667%; } .g-a-col-lg-10 { width: 83.33333333%; } .g-a-col-lg-9 { width: 75%; } .g-a-col-lg-8 { width: 66.66666667%; } .g-a-col-lg-7 { width: 58.33333333%; } .g-a-col-lg-6 { width: 50%; } .g-a-col-lg-5 { width: 41.66666667%; } .g-a-col-lg-4 { width: 33.33333333%; } .g-a-col-lg-3 { width: 25%; } .g-a-col-lg-2 { width: 16.66666667%; } .g-a-col-lg-1 { width: 8.33333333%; } .g-a-col-lg-pull-12 { right: 100%; } .g-a-col-lg-pull-11 { right: 91.66666667%; } .g-a-col-lg-pull-10 { right: 83.33333333%; } .g-a-col-lg-pull-9 { right: 75%; } .g-a-col-lg-pull-8 { right: 66.66666667%; } .g-a-col-lg-pull-7 { right: 58.33333333%; } .g-a-col-lg-pull-6 { right: 50%; } .g-a-col-lg-pull-5 { right: 41.66666667%; } .g-a-col-lg-pull-4 { right: 33.33333333%; } .g-a-col-lg-pull-3 { right: 25%; } .g-a-col-lg-pull-2 { right: 16.66666667%; } .g-a-col-lg-pull-1 { right: 8.33333333%; } .g-a-col-lg-pull-0 { right: auto; } .g-a-col-lg-push-12 { left: 100%; } .g-a-col-lg-push-11 { left: 91.66666667%; } .g-a-col-lg-push-10 { left: 83.33333333%; } .g-a-col-lg-push-9 { left: 75%; } .g-a-col-lg-push-8 { left: 66.66666667%; } .g-a-a-col-lg-push-7 { left: 58.33333333%; } .g-a-col-lg-push-6 { left: 50%; } .g-a-col-lg-push-5 { left: 41.66666667%; } .g-a-col-lg-push-4 { left: 33.33333333%; } .g-a-col-lg-push-3 { left: 25%; } .g-a-col-lg-push-2 { left: 16.66666667%; } .g-a-col-lg-push-1 { left: 8.33333333%; } .g-a-col-lg-push-0 { left: auto; } .g-a-col-lg-offset-12 { margin-left: 100%; } .g-a-col-lg-offset-11 { margin-left: 91.66666667%; } .g-a-col-lg-offset-10 { margin-left: 83.33333333%; } .g-a-col-lg-offset-9 { margin-left: 75%; } .g-a-col-lg-offset-8 { margin-left: 66.66666667%; } .g-a-col-lg-offset-7 { margin-left: 58.33333333%; } .g-a-col-lg-offset-6 { margin-left: 50%; } .g-a-col-lg-offset-5 { margin-left: 41.66666667%; } .g-a-col-lg-offset-4 { margin-left: 33.33333333%; } .g-a-col-lg-offset-3 { margin-left: 25%; } .g-a-col-lg-offset-2 { margin-left: 16.66666667%; } .g-a-col-lg-offset-1 { margin-left: 8.33333333%; } .g-a-col-lg-offset-0 { margin-left: 0%; } } .ms-row:before, .ms-row:after, .clearfix:after, .clearfix:after { content: ""; display: table; } .ms-row:after, .clearfix:after { clear: both; } .ms-row-full-height { height:100%; } .ms-row-full-height > *[class^="ms-col"] { height:100%; } .ms-row * { box-sizing: border-box; outline: none; } .ms-col-inline { text-align:center; } .ms-col-inline *[class^="ms-col"] { vertical-align:top; float:none; margin-left:-5px; display:inline-block; } .ms-row { margin-left: -15px; margin-right: -15px; } .ms-row-12 { margin-left: -12px; margin-right: -12px; } .ms-row-10 { margin-left: -10px; margin-right: -10px; } .ms-row-20 { margin-left: -20px; margin-right: -20px; } .ms-row-8 { margin-left: -8px; margin-right: -8px; } .ms-row-no-margin { margin-left:0; margin-right:0; } .ms-row--no-gutter > *[class^="ms-col"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 15px !important; padding-right: 15px !important; } .ms-row-12.ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 12px !important; padding-right: 12px !important; } .ms-row-10.ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 10px !important; padding-right: 10px !important; } .ms-row-20.ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 20px !important; padding-right: 20px !important; } .ms-row-12.ms-row--no-gutter-important > *[class^="ms-col"] , .ms-row--no-gutter-important > *[class^="ms-col"], .ms-row--no-gutter-important > *[class^="ms-col-xs-12"], .ms-row-12.ms-row--no-gutter-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row-10.ms-row--no-gutter-important > *[class^="ms-col"] , .ms-row--no-gutter-important > *[class^="ms-col"], .ms-row--no-gutter-important > *[class^="ms-col-xs-12"], .ms-row-10.ms-row--no-gutter-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row-20.ms-row--no-gutter-important > *[class^="ms-col"] , .ms-row--no-gutter-important > *[class^="ms-col"], .ms-row--no-gutter-important > *[class^="ms-col-xs-12"], .ms-row-20.ms-row--no-gutter-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row-8.ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 8px !important; padding-right: 8px !important; } .ms-row-8.ms-row--no-gutter-important > *[class^="ms-col"] , .ms-row--no-gutter-important > *[class^="ms-col"], .ms-row--no-gutter-important > *[class^="ms-col-xs-12"], .ms-row-8.ms-row--no-gutter-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 800px) { .ms-row-12.ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"], .ms-row-12.ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row-20.ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"], .ms-row-20.ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row-10.ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col"], .ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"], .ms-row-10.ms-row--no-gutter-mobile-important > *[class^="ms-col-xs-12"] { padding-left: 0 !important; padding-right: 0 !important; } .ms-row.ms-row-no-margin-mobile { margin-left:0!important; margin-right:0!important; } } @media (min-width: 801px) { .ms-row--no-gutter > *[class^="ms-col-xs-12"] { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 1366px) { .ms-row--plain { margin-left: 0; margin-right: 0; } } .ms-row-indented { padding-top: 25px; padding-bottom: 25px; } .ms-row-indented--top { padding-top: 25px; } .ms-row-indented--bottom { padding-bottom: 25px; } @media (min-width: 1367px) { .ms-row-indented { padding-top: 50px; padding-bottom: 50px; } .ms-row-indented--top { padding-top: 50px; } .ms-row-indented--bottom { padding-bottom: 50px; } } .ms-row-pull-top { margin-top: -30px; } .ms-col-xs-1, .ms-col-sm-1, .ms-col-md-1, .ms-col-lg-1, .ms-col-xs-2, .ms-col-sm-2, .ms-col-md-2, .ms-col-lg-2, .ms-col-xs-3, .ms-col-sm-3, .ms-col-md-3, .ms-col-lg-3, .ms-col-xs-4, .ms-col-sm-4, .ms-col-md-4, .ms-col-lg-4, .ms-col-xs-5, .ms-col-sm-5, .ms-col-md-5, .ms-col-lg-5, .ms-col-xs-6, .ms-col-sm-6, .ms-col-md-6, .ms-col-lg-6, .ms-col-xs-7, .ms-col-sm-7, .ms-col-md-7, .ms-col-lg-7, .ms-col-xs-8, .ms-col-sm-8, .ms-col-md-8, .ms-col-lg-8, .ms-col-xs-9, .ms-col-sm-9, .ms-col-md-9, .ms-col-lg-9, .ms-col-xs-10, .ms-col-sm-10, .ms-col-md-10, .ms-col-lg-10, .ms-col-xs-11, .ms-col-sm-11, .ms-col-md-11, .ms-col-lg-11, .ms-col-xs-12, .ms-col-sm-12, .ms-col-md-12, .ms-col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .ms-row-12 .ms-col-xs-1, .ms-row-12 .ms-col-sm-1, .ms-row-12 .ms-col-md-1, .ms-row-12 .ms-col-lg-1, .ms-row-12 .ms-col-xs-2, .ms-row-12 .ms-col-sm-2, .ms-row-12 .ms-col-md-2, .ms-row-12 .ms-col-lg-2, .ms-row-12 .ms-col-xs-3, .ms-row-12 .ms-col-sm-3, .ms-row-12 .ms-col-md-3, .ms-row-12 .ms-col-lg-3, .ms-row-12 .ms-col-xs-4, .ms-row-12 .ms-col-sm-4, .ms-row-12 .ms-col-md-4, .ms-row-12 .ms-col-lg-4, .ms-row-12 .ms-col-xs-5, .ms-row-12 .ms-col-sm-5, .ms-row-12 .ms-col-md-5, .ms-row-12 .ms-col-lg-5, .ms-row-12 .ms-col-xs-6, .ms-row-12 .ms-col-sm-6, .ms-row-12 .ms-col-md-6, .ms-row-12 .ms-col-lg-6, .ms-row-12 .ms-col-xs-7, .ms-row-12 .ms-col-sm-7, .ms-row-12 .ms-col-md-7, .ms-row-12 .ms-col-lg-7, .ms-row-12 .ms-col-xs-8, .ms-row-12 .ms-col-sm-8, .ms-row-12 .ms-col-md-8, .ms-row-12 .ms-col-lg-8, .ms-row-12 .ms-col-xs-9, .ms-row-12 .ms-col-sm-9, .ms-row-12 .ms-col-md-9, .ms-row-12 .ms-col-lg-9, .ms-row-12 .ms-col-xs-10, .ms-row-12 .ms-col-sm-10, .ms-row-12 .ms-col-md-10, .ms-row-12 .ms-col-lg-10, .ms-row-12 .ms-col-xs-11, .ms-row-12 .ms-col-sm-11, .ms-row-12 .ms-col-md-11, .ms-row-12 .ms-col-lg-11, .ms-row-12 .ms-col-xs-12, .ms-row-12 .ms-col-sm-12, .ms-row-12 .ms-col-md-12, .ms-row-12 .ms-col-lg-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } .ms-row-10 .ms-col-xs-1, .ms-row-10 .ms-col-sm-1, .ms-row-10 .ms-col-md-1, .ms-row-10 .ms-col-lg-1, .ms-row-10 .ms-col-xs-2, .ms-row-10 .ms-col-sm-2, .ms-row-10 .ms-col-md-2, .ms-row-10 .ms-col-lg-2, .ms-row-10 .ms-col-xs-3, .ms-row-10 .ms-col-sm-3, .ms-row-10 .ms-col-md-3, .ms-row-10 .ms-col-lg-3, .ms-row-10 .ms-col-xs-4, .ms-row-10 .ms-col-sm-4, .ms-row-10 .ms-col-md-4, .ms-row-10 .ms-col-lg-4, .ms-row-10 .ms-col-xs-5, .ms-row-10 .ms-col-sm-5, .ms-row-10 .ms-col-md-5, .ms-row-10 .ms-col-lg-5, .ms-row-10 .ms-col-xs-6, .ms-row-10 .ms-col-sm-6, .ms-row-10 .ms-col-md-6, .ms-row-10 .ms-col-lg-6, .ms-row-10 .ms-col-xs-7, .ms-row-10 .ms-col-sm-7, .ms-row-10 .ms-col-md-7, .ms-row-10 .ms-col-lg-7, .ms-row-10 .ms-col-xs-8, .ms-row-10 .ms-col-sm-8, .ms-row-10 .ms-col-md-8, .ms-row-10 .ms-col-lg-8, .ms-row-10 .ms-col-xs-9, .ms-row-10 .ms-col-sm-9, .ms-row-10 .ms-col-md-9, .ms-row-10 .ms-col-lg-9, .ms-row-10 .ms-col-xs-10, .ms-row-10 .ms-col-sm-10, .ms-row-10 .ms-col-md-10, .ms-row-10 .ms-col-lg-10, .ms-row-10 .ms-col-xs-11, .ms-row-10 .ms-col-sm-11, .ms-row-10 .ms-col-md-11, .ms-row-10 .ms-col-lg-11, .ms-row-10 .ms-col-xs-12, .ms-row-10 .ms-col-sm-12, .ms-row-10 .ms-col-md-12, .ms-row-10 .ms-col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .ms-row-20 .ms-col-xs-1, .ms-row-20 .ms-col-sm-1, .ms-row-20 .ms-col-md-1, .ms-row-20 .ms-col-lg-1, .ms-row-20 .ms-col-xs-2, .ms-row-20 .ms-col-sm-2, .ms-row-20 .ms-col-md-2, .ms-row-20 .ms-col-lg-2, .ms-row-20 .ms-col-xs-3, .ms-row-20 .ms-col-sm-3, .ms-row-20 .ms-col-md-3, .ms-row-20 .ms-col-lg-3, .ms-row-20 .ms-col-xs-4, .ms-row-20 .ms-col-sm-4, .ms-row-20 .ms-col-md-4, .ms-row-20 .ms-col-lg-4, .ms-row-20 .ms-col-xs-5, .ms-row-20 .ms-col-sm-5, .ms-row-20 .ms-col-md-5, .ms-row-20 .ms-col-lg-5, .ms-row-20 .ms-col-xs-6, .ms-row-20 .ms-col-sm-6, .ms-row-20 .ms-col-md-6, .ms-row-20 .ms-col-lg-6, .ms-row-20 .ms-col-xs-7, .ms-row-20 .ms-col-sm-7, .ms-row-20 .ms-col-md-7, .ms-row-20 .ms-col-lg-7, .ms-row-20 .ms-col-xs-8, .ms-row-20 .ms-col-sm-8, .ms-row-20 .ms-col-md-8, .ms-row-20 .ms-col-lg-8, .ms-row-20 .ms-col-xs-9, .ms-row-20 .ms-col-sm-9, .ms-row-20 .ms-col-md-9, .ms-row-20 .ms-col-lg-9, .ms-row-20 .ms-col-xs-10, .ms-row-20 .ms-col-sm-10, .ms-row-20 .ms-col-md-10, .ms-row-20 .ms-col-lg-10, .ms-row-20 .ms-col-xs-11, .ms-row-20 .ms-col-sm-11, .ms-row-20 .ms-col-md-11, .ms-row-20 .ms-col-lg-11, .ms-row-20 .ms-col-xs-12, .ms-row-20 .ms-col-sm-12, .ms-row-20 .ms-col-md-12, .ms-row-20 .ms-col-lg-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .ms-row-8 .ms-col-xs-1, .ms-row-8 .ms-col-sm-1, .ms-row-8 .ms-col-md-1, .ms-row-8 .ms-col-lg-1, .ms-row-8 .ms-col-xs-2, .ms-row-8 .ms-col-sm-2, .ms-row-8 .ms-col-md-2, .ms-row-8 .ms-col-lg-2, .ms-row-8 .ms-col-xs-3, .ms-row-8 .ms-col-sm-3, .ms-row-8 .ms-col-md-3, .ms-row-8 .ms-col-lg-3, .ms-row-8 .ms-col-xs-4, .ms-row-8 .ms-col-sm-4, .ms-row-8 .ms-col-md-4, .ms-row-8 .ms-col-lg-4, .ms-row-8 .ms-col-xs-5, .ms-row-8 .ms-col-sm-5, .ms-row-8 .ms-col-md-5, .ms-row-8 .ms-col-lg-5, .ms-row-8 .ms-col-xs-6, .ms-row-8 .ms-col-sm-6, .ms-row-8 .ms-col-md-6, .ms-row-8 .ms-col-lg-6, .ms-row-8 .ms-col-xs-7, .ms-row-8 .ms-col-sm-7, .ms-row-8 .ms-col-md-7, .ms-row-8 .ms-col-lg-7, .ms-row-8 .ms-col-xs-8, .ms-row-8 .ms-col-sm-8, .ms-row-8 .ms-col-md-8, .ms-row-8 .ms-col-lg-8, .ms-row-8 .ms-col-xs-9, .ms-row-8 .ms-col-sm-9, .ms-row-8 .ms-col-md-9, .ms-row-8 .ms-col-lg-9, .ms-row-8 .ms-col-xs-10, .ms-row-8 .ms-col-sm-10, .ms-row-8 .ms-col-md-10, .ms-row-8 .ms-col-lg-10, .ms-row-8 .ms-col-xs-11, .ms-row-8 .ms-col-sm-11, .ms-row-8 .ms-col-md-11, .ms-row-8 .ms-col-lg-11, .ms-row-8 .ms-col-xs-12, .ms-row-8 .ms-col-sm-12, .ms-row-8 .ms-col-md-12, .ms-row-8 .ms-col-lg-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; } .ms-col-xs-1, .ms-col-xs-2, .ms-col-xs-3, .ms-col-xs-4, .ms-col-xs-5, .ms-col-xs-6, .ms-col-xs-7, .ms-col-xs-8, .ms-col-xs-9, .ms-col-xs-10, .ms-col-xs-11, .ms-col-xs-12 { float: left; } .ms-col-xs-12 { width: 100%; } .ms-col-xs-11 { width: 91.66666667%; } .ms-col-xs-10 { width: 83.33333333%; } .ms-col-xs-9 { width: 75%; } .ms-col-xs-8 { width: 66.66666667%; } .ms-col-xs-7 { width: 58.33333333%; } .ms-col-xs-6 { width: 50%; } .ms-col-xs-5 { width: 41.66666667%; } .ms-col-xs-4 { width: 33.33333333%; } .ms-col-xs-3 { width: 25%; } .ms-col-xs-2 { width: 16.66666667%; } .ms-col-xs-1 { width: 8.33333333%; } .ms-col-xs-pull-12 { right: 100%; } .ms-col-xs-pull-11 { right: 91.66666667%; } .ms-col-xs-pull-10 { right: 83.33333333%; } .ms-col-xs-pull-9 { right: 75%; } .ms-col-xs-pull-8 { right: 66.66666667%; } .ms-col-xs-pull-7 { right: 58.33333333%; } .ms-col-xs-pull-6 { right: 50%; } .ms-col-xs-pull-5 { right: 41.66666667%; } .ms-col-xs-pull-4 { right: 33.33333333%; } .ms-col-xs-pull-3 { right: 25%; } .ms-col-xs-pull-2 { right: 16.66666667%; } .ms-col-xs-pull-1 { right: 8.33333333%; } .ms-col-xs-pull-0 { right: auto; } .ms-col-xs-push-12 { left: 100%; } .ms-col-xs-push-11 { left: 91.66666667%; } .ms-col-xs-push-10 { left: 83.33333333%; } .ms-col-xs-push-9 { left: 75%; } .ms-col-xs-push-8 { left: 66.66666667%; } .ms-col-xs-push-7 { left: 58.33333333%; } .ms-col-xs-push-6 { left: 50%; } .ms-col-xs-push-5 { left: 41.66666667%; } .ms-col-xs-push-4 { left: 33.33333333%; } .ms-col-xs-push-3 { left: 25%; } .ms-col-xs-push-2 { left: 16.66666667%; } .ms-col-xs-push-1 { left: 8.33333333%; } .ms-col-xs-push-0 { left: auto; } .ms-col-xs-offset-12 { margin-left: 100%; } .ms-col-xs-offset-11 { margin-left: 91.66666667%; } .ms-col-xs-offset-10 { margin-left: 83.33333333%; } .ms-col-xs-offset-9 { margin-left: 75%; } .ms-col-xs-offset-8 { margin-left: 66.66666667%; } .ms-col-xs-offset-7 { margin-left: 58.33333333%; } .ms-col-xs-offset-6 { margin-left: 50%; } .ms-col-xs-offset-5 { margin-left: 41.66666667%; } .ms-col-xs-offset-4 { margin-left: 33.33333333%; } .ms-col-xs-offset-3 { margin-left: 25%; } .ms-col-xs-offset-2 { margin-left: 16.66666667%; } .ms-col-xs-offset-1 { margin-left: 8.33333333%; } .ms-col-xs-offset-0 { margin-left: 0%; } @media (min-width: 470px) { .ms-col-xsm-1, .ms-col-xsm-2, .ms-col-xsm-3, .ms-col-xsm-4, .ms-col-xsm-5, .ms-col-xsm-6, .ms-col-xsm-7, .ms-col-xsm-8, .ms-col-xsm-9, .ms-col-xsm-10, .ms-col-xsm-11, .ms-col-xsm-12 { float: left; } .ms-col-xsm-12 { width: 100%; } .ms-col-xsm-11 { width: 91.66666667%; } .ms-col-xsm-10 { width: 83.33333333%; } .ms-col-xsm-9 { width: 75%; } .ms-col-xsm-8 { width: 66.66666667%; } .ms-col-xsm-7 { width: 58.33333333%; } .ms-col-xsm-6 { width: 50%; } .ms-col-xsm-5 { width: 41.66666667%; } .ms-col-xsm-4 { width: 33.33333333%; } .ms-col-xsm-3 { width: 25%; } .ms-col-xsm-2 { width: 16.66666667%; } .ms-col-xsm-1 { width: 8.33333333%; } .ms-col-xsm-pull-12 { right: 100%; } .ms-col-xsm-pull-11 { right: 91.66666667%; } .ms-col-xsm-pull-10 { right: 83.33333333%; } .ms-col-xsm-pull-9 { right: 75%; } .ms-col-xsm-pull-8 { right: 66.66666667%; } .ms-col-xsm-pull-7 { right: 58.33333333%; } .ms-col-xsm-pull-6 { right: 50%; } .ms-col-xsm-pull-5 { right: 41.66666667%; } .ms-col-xsm-pull-4 { right: 33.33333333%; } .ms-col-xsm-pull-3 { right: 25%; } .ms-col-xsm-pull-2 { right: 16.66666667%; } .ms-col-xsm-pull-1 { right: 8.33333333%; } .ms-col-xsm-pull-0 { right: auto; } .ms-col-xsm-push-12 { left: 100%; } .ms-col-xsm-push-11 { left: 91.66666667%; } .ms-col-xsm-push-10 { left: 83.33333333%; } .ms-col-xsm-push-9 { left: 75%; } .ms-col-xsm-push-8 { left: 66.66666667%; } .ms-col-xsm-push-7 { left: 58.33333333%; } .ms-col-xsm-push-6 { left: 50%; } .ms-col-xsm-push-5 { left: 41.66666667%; } .ms-col-xsm-push-4 { left: 33.33333333%; } .ms-col-xsm-push-3 { left: 25%; } .ms-col-xsm-push-2 { left: 16.66666667%; } .ms-col-xsm-push-1 { left: 8.33333333%; } .ms-col-xsm-push-0 { left: auto; } .ms-col-xsm-offset-12 { margin-left: 100%; } .ms-col-xsm-offset-11 { margin-left: 91.66666667%; } .ms-col-xsm-offset-10 { margin-left: 83.33333333%; } .ms-col-xsm-offset-9 { margin-left: 75%; } .ms-col-xsm-offset-8 { margin-left: 66.66666667%; } .ms-col-xsm-offset-7 { margin-left: 58.33333333%; } .ms-col-xsm-offset-6 { margin-left: 50%; } .ms-col-xsm-offset-5 { margin-left: 41.66666667%; } .ms-col-xsm-offset-4 { margin-left: 33.33333333%; } .ms-col-xsm-offset-3 { margin-left: 25%; } .ms-col-xsm-offset-2 { margin-left: 16.66666667%; } .ms-col-xsm-offset-1 { margin-left: 8.33333333%; } .ms-col-xsm-offset-0 { margin-left: 0%; } } @media (min-width: 376px) { .ms-col-sm-1, .ms-col-sm-2, .ms-col-sm-3, .ms-col-sm-4, .ms-col-sm-5, .ms-col-sm-6, .ms-col-sm-7, .ms-col-sm-8, .ms-col-sm-9, .ms-col-sm-10, .ms-col-sm-11, .ms-col-sm-12 { float: left; } .ms-col-inline *[class^="ms-col"] { float:none; display:inline-block!important; } .ms-col-sm-12 { width: 100%; } .ms-col-sm-11 { width: 91.66666667%; } .ms-col-sm-10 { width: 83.33333333%; } .ms-col-sm-9 { width: 75%; } .ms-col-sm-8 { width: 66.66666667%; } .ms-col-sm-7 { width: 58.33333333%; } .ms-col-sm-6 { width: 50%; } .ms-col-sm-5 { width: 41.66666667%; } .ms-col-sm-4 { width: 33.33333333%; } .ms-col-sm-3 { width: 25%; } .ms-col-sm-2 { width: 16.66666667%; } .ms-col-sm-1 { width: 8.33333333%; } .ms-col-sm-pull-12 { right: 100%; } .ms-col-sm-pull-11 { right: 91.66666667%; } .ms-col-sm-pull-10 { right: 83.33333333%; } .ms-col-sm-pull-9 { right: 75%; } .ms-col-sm-pull-8 { right: 66.66666667%; } .ms-col-sm-pull-7 { right: 58.33333333%; } .ms-col-sm-pull-6 { right: 50%; } .ms-col-sm-pull-5 { right: 41.66666667%; } .ms-col-sm-pull-4 { right: 33.33333333%; } .ms-col-sm-pull-3 { right: 25%; } .ms-col-sm-pull-2 { right: 16.66666667%; } .ms-col-sm-pull-1 { right: 8.33333333%; } .ms-col-sm-pull-0 { right: auto; } .ms-col-sm-push-12 { left: 100%; } .ms-col-sm-push-11 { left: 91.66666667%; } .ms-col-sm-push-10 { left: 83.33333333%; } .ms-col-sm-push-9 { left: 75%; } .ms-col-sm-push-8 { left: 66.66666667%; } .ms-col-sm-push-7 { left: 58.33333333%; } .ms-col-sm-push-6 { left: 50%; } .ms-col-sm-push-5 { left: 41.66666667%; } .ms-col-sm-push-4 { left: 33.33333333%; } .ms-col-sm-push-3 { left: 25%; } .ms-col-sm-push-2 { left: 16.66666667%; } .ms-col-sm-push-1 { left: 8.33333333%; } .ms-col-sm-push-0 { left: auto; } .ms-col-sm-offset-12 { margin-left: 100%; } .ms-col-sm-offset-11 { margin-left: 91.66666667%; } .ms-col-sm-offset-10 { margin-left: 83.33333333%; } .ms-col-sm-offset-9 { margin-left: 75%; } .ms-col-sm-offset-8 { margin-left: 66.66666667%; } .ms-col-sm-offset-7 { margin-left: 58.33333333%; } .ms-col-sm-offset-6 { margin-left: 50%; } .ms-col-sm-offset-5 { margin-left: 41.66666667%; } .ms-col-sm-offset-4 { margin-left: 33.33333333%; } .ms-col-sm-offset-3 { margin-left: 25%; } .ms-col-sm-offset-2 { margin-left: 16.66666667%; } .ms-col-sm-offset-1 { margin-left: 8.33333333%; } .ms-col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 801px) { .ms-col-md-1, .ms-col-md-2, .ms-col-md-3, .ms-col-md-4, .ms-col-md-5, .ms-col-md-6, .ms-col-md-7, .ms-col-md-8, .ms-col-md-9, .ms-col-md-10, .ms-col-md-11, .ms-col-md-12 { float: left; } .ms-col-inline *[class^="ms-col"] { float:none; display:inline-block!important; } .ms-col-md-12 { width: 100%; } .ms-col-md-11 { width: 91.66666667%; } .ms-col-md-10 { width: 83.33333333%; } .ms-col-md-9 { width: 75%; } .ms-col-md-8 { width: 66.66666667%; } .ms-col-md-7 { width: 58.33333333%; } .ms-col-md-6 { width: 50%; } .ms-col-md-5 { width: 41.66666667%; } .ms-col-md-4 { width: 33.33333333%; } .ms-col-md-3 { width: 25%; } .ms-col-md-2 { width: 16.66666667%; } .ms-col-md-1 { width: 8.33333333%; } .ms-col-md-pull-12 { right: 100%; } .ms-col-md-pull-11 { right: 91.66666667%; } .ms-col-md-pull-10 { right: 83.33333333%; } .ms-col-md-pull-9 { right: 75%; } .ms-col-md-pull-8 { right: 66.66666667%; } .ms-col-md-pull-7 { right: 58.33333333%; } .ms-col-md-pull-6 { right: 50%; } .ms-col-md-pull-5 { right: 41.66666667%; } .ms-col-md-pull-4 { right: 33.33333333%; } .ms-col-md-pull-3 { right: 25%; } .ms-col-md-pull-2 { right: 16.66666667%; } .ms-col-md-pull-1 { right: 8.33333333%; } .ms-col-md-pull-0 { right: auto; } .ms-col-md-push-12 { left: 100%; } .ms-col-md-push-11 { left: 91.66666667%; } .ms-col-md-push-10 { left: 83.33333333%; } .ms-col-md-push-9 { left: 75%; } .ms-col-md-push-8 { left: 66.66666667%; } .ms-col-md-push-7 { left: 58.33333333%; } .ms-col-md-push-6 { left: 50%; } .ms-col-md-push-5 { left: 41.66666667%; } .ms-col-md-push-4 { left: 33.33333333%; } .ms-col-md-push-3 { left: 25%; } .ms-col-md-push-2 { left: 16.66666667%; } .ms-col-md-push-1 { left: 8.33333333%; } .ms-col-md-push-0 { left: auto; } .ms-col-md-offset-12 { margin-left: 100%; } .ms-col-md-offset-11 { margin-left: 91.66666667%; } .ms-col-md-offset-10 { margin-left: 83.33333333%; } .ms-col-md-offset-9 { margin-left: 75%; } .ms-col-md-offset-8 { margin-left: 66.66666667%; } .ms-col-md-offset-7 { margin-left: 58.33333333%; } .ms-col-md-offset-6 { margin-left: 50%; } .ms-col-md-offset-5 { margin-left: 41.66666667%; } .ms-col-md-offset-4 { margin-left: 33.33333333%; } .ms-col-md-offset-3 { margin-left: 25%; } .ms-col-md-offset-2 { margin-left: 16.66666667%; } .ms-col-md-offset-1 { margin-left: 8.33333333%; } .ms-col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1367px) { .ms-col-lg-1, .ms-col-lg-2, .ms-col-lg-3, .ms-col-lg-4, .ms-col-lg-5, .ms-col-lg-6, .ms-col-lg-7, .ms-col-lg-8, .ms-col-lg-9, .ms-col-lg-10, .ms-col-lg-11, .ms-col-lg-12 { float: left; } .ms-col-inline *[class^="ms-col"] { float:none; display:inline-block!important; } .ms-col-lg-12 { width: 100%; } .ms-col-lg-11 { width: 91.66666667%; } .ms-col-lg-10 { width: 83.33333333%; } .ms-col-lg-9 { width: 75%; } .ms-col-lg-8 { width: 66.66666667%; } .ms-col-lg-7 { width: 58.33333333%; } .ms-col-lg-6 { width: 50%; } .ms-col-lg-5 { width: 41.66666667%; } .ms-col-lg-4 { width: 33.33333333%; } .ms-col-lg-3 { width: 25%; } .ms-col-lg-2 { width: 16.66666667%; } .ms-col-lg-1 { width: 8.33333333%; } .ms-col-lg-pull-12 { right: 100%; } .ms-col-lg-pull-11 { right: 91.66666667%; } .ms-col-lg-pull-10 { right: 83.33333333%; } .ms-col-lg-pull-9 { right: 75%; } .ms-col-lg-pull-8 { right: 66.66666667%; } .ms-col-lg-pull-7 { right: 58.33333333%; } .ms-col-lg-pull-6 { right: 50%; } .ms-col-lg-pull-5 { right: 41.66666667%; } .ms-col-lg-pull-4 { right: 33.33333333%; } .ms-col-lg-pull-3 { right: 25%; } .ms-col-lg-pull-2 { right: 16.66666667%; } .ms-col-lg-pull-1 { right: 8.33333333%; } .ms-col-lg-pull-0 { right: auto; } .ms-col-lg-push-12 { left: 100%; } .ms-col-lg-push-11 { left: 91.66666667%; } .ms-col-lg-push-10 { left: 83.33333333%; } .ms-col-lg-push-9 { left: 75%; } .ms-col-lg-push-8 { left: 66.66666667%; } .ms-col-lg-push-7 { left: 58.33333333%; } .ms-col-lg-push-6 { left: 50%; } .ms-col-lg-push-5 { left: 41.66666667%; } .ms-col-lg-push-4 { left: 33.33333333%; } .ms-col-lg-push-3 { left: 25%; } .ms-col-lg-push-2 { left: 16.66666667%; } .ms-col-lg-push-1 { left: 8.33333333%; } .ms-col-lg-push-0 { left: auto; } .ms-col-lg-offset-12 { margin-left: 100%; } .ms-col-lg-offset-11 { margin-left: 91.66666667%; } .ms-col-lg-offset-10 { margin-left: 83.33333333%; } .ms-col-lg-offset-9 { margin-left: 75%; } .ms-col-lg-offset-8 { margin-left: 66.66666667%; } .ms-col-lg-offset-7 { margin-left: 58.33333333%; } .ms-col-lg-offset-6 { margin-left: 50%; } .ms-col-lg-offset-5 { margin-left: 41.66666667%; } .ms-col-lg-offset-4 { margin-left: 33.33333333%; } .ms-col-lg-offset-3 { margin-left: 25%; } .ms-col-lg-offset-2 { margin-left: 16.66666667%; } .ms-col-lg-offset-1 { margin-left: 8.33333333%; } .ms-col-lg-offset-0 { margin-left: 0%; } } #tajenka-form #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px;} #tajenka-form #mkt_result { text-align:center; position: absolute;} #tajenka-form .mkt-error, #tajenka-form #agreement-error { font-size:10pt; color:#c00; padding-left:5px;} #tajenka-form .mkt-success { font-size:10pt; color:#c00;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} #tajenka-form .mkt-suggest { color: #ccc; } #tajenka-form a.suggestion { color:#6ab133;} #tajenka-form .mkt_email2 {top:4px!important;color:#6ab133;font-size:1em;} #tajenka-form #Quiz-email-error {color:#c00; top:5px; position:relative;} /* MAIN STYLE SHEET*/ /* MODAL */ .tefal-modal-wrap .mfp-close { display: none; } .tefal-modal-wrap .tefal-modal-close-btn { font-size: 15px; color: #a60000; text-align: right; text-transform: uppercase; position: relative; top: -16px; left: 13px; } .tefal-modal-wrap .tefal-modal-close-btn span { cursor: pointer; } .tefal-modal-wrap .tefal-modal-close-btn :last-child { font-size: 22px; } .tefal-modal-wrap .product-image .img-responsive { text-align: center; max-width: 300px; } .tefal-modal-wrap .product-name h2 { color: #006633; font-family: FutureCEBold; } .tefal-modal-wrap .modal-desc { font-family: TradeGothicLTProBC20; } .tefal-modal-wrap .modal-desc p { font-size: 16px; } .tefal-modal-wrap .price-and-detail { background-color: #fafafa; font-size: 27px; font-weight: bold; font-family: TradeGothicLTProBC20; } @media screen and (min-width: 1200px) { .tefal-modal-wrap .price-and-detail { background: none; } } .tefal-modal-wrap .price-and-detail span { color: #a60000; font-size: 22px; } .tefal-modal-wrap .price-and-detail div:first-child { margin: 10px 0; } .tefal-modal-wrap .price-and-detail div:last-child { color: #94908d; text-transform: uppercase; font-size: 18px; } @media screen and (min-width: 768px) { .ms-vanoce-tefal .text-shadow { text-shadow: 0px 0px 10px rgba(0,0,0,0.7); } } /*MAIN STYLES*/ body.ms-vanoce-tefal { padding: 0; margin: 0; font-weight: bold; background-image: url("../../img/albert-main-bg.jpg"); background-position: top center; background-repeat: no-repeat; width: 100%; background-attachment: initial; } @media screen and (min-width: 768px) { body.ms-vanoce-tefal { /*background-image: url("../../img/albert-main-bg.jpg");*/ background-image: url("../../img/tefal.bg.jpg"); background-size: auto; background-attachment:fixed; } } .container { max-width: 1160px; padding: 0 !important; } .row { margin: 0 !important; } .tefal-main-wrap { font-family: FutureCEBold; } .tefal-main-wrap h1 { font-size: 40px; margin: 0; text-transform: uppercase; text-align: center; } .tefal-main-wrap h1.h1-green { font-size: 26px; } @media screen and (min-width: 1200px) { .tefal-main-wrap h1.h1-green { font-size: 36px; } } .tefal-main-wrap h1, .tefal-main-wrap h2, .tefal-main-wrap h3, .tefal-main-wrap h4 { font-family: FutureCEBold; font-weight: bold; } #main-menu.tefal-green-menu { background-color: #006633; } .tefal-header { background-image: url('/-a106210---Bydxcr8_/header-banner-mobile-1300-jpg'); background-position: top; background-repeat: no-repeat; background-size: cover; height: auto; font-family: FutureCEBold; } @media screen and (min-width: 768px) { .tefal-header { background-image: url('/-a106740---f8YrDBCf/header-bg-png-2'); } } @media screen and (min-width: 1200px) { .tefal-header { background-size: contain; min-height: 900px; } } .tefal-header .header-content-wrap { padding: 0; } @media screen and (min-width: 1200px) { .tefal-header .header-content-wrap { max-width: 540px; } } .tefal-header .header-content-wrap .header-ribbon-section { color: white; } .tefal-header .header-content-wrap .header-ribbon-section .header-white-ribbon { background-image: url("../../img/ribbon-white-top.svg"); width: 100%; height: 45px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-top: 20px; } .tefal-header .header-content-wrap .header-ribbon-section h1 { color: white; } @media screen and (min-width: 1200px) { .tefal-header .header-content-wrap .header-ribbon-section h1 { font-size: 70px; margin-top: 10px; } .tefal-header .header-content-wrap .header-ribbon-section .x-uppercase { font-size: 20px; } } .tefal-header .header-content-wrap .header-content-section { color: black; margin-top: 50%; } @media screen and (min-width: 580px) { .tefal-header .header-content-wrap .header-content-section { margin-top: 58%; } } @media screen and (min-width: 768px) { .tefal-header .header-content-wrap .header-content-section { margin-top: 140px; } } @media screen and (min-width: 1200px) { .tefal-header .header-content-wrap .header-content-section { margin-top: 30px; } .tefal-header .header-content-wrap .header-content-section .center-block { width: 100% !important; } } .tefal-header .header-content-wrap .header-content-section .mobile-logo-wrap { height: 30px; } .tefal-header .header-content-wrap .header-content-section .mobile-logo-wrap .mobile-logo-section { background-image: url('/-a105800---5LyBDSNC/tefal-logo-png'); width: 70px; height: 15px; background-repeat: no-repeat; background-size: contain; position: relative; top: 5px; float: right; } .tefal-header .header-content-wrap .header-content-section .center-block { width: 60%; } .tefal-header .btn-section { margin: 20px 0; } @media screen and (min-width: 1200px) { .tefal-header .btn-section { margin: 0; } } .tefal-header .btn-section .btn-section-main-wrap { width: 95%; } @media screen and (min-width: 480px) { .tefal-header .btn-section .btn-section-main-wrap { width: 60%; } } @media screen and (min-width: 768px) { .tefal-header .btn-section .btn-section-main-wrap { width: 95%; } } .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper { padding: 10px 0; margin-left: 10px; } .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .logo { width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; margin-right: 10px; margin-top: 16px; } @media screen and (min-width: 1200px) { .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .logo { width: 40px; height: 40px; margin-top: 0; } .tefal-header .btn-section .btn-section-main-wrap { margin-left:50px; } .tefal-header .desktop-logo-wrap .desktop-logo-section { margin-right:10px; } } .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .red-ribbon-logo { background-image: url('/-a105814---7si_PwtV/red-ribbon-png'); } .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .download-logo { background-image: url('/-a105801---zjzflCRI/download-logo-png'); } .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .download-links { padding: 29px 0; } @media screen and (min-width: 1200px) { .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper .download-links { padding: 6px 0; } } @media screen and (min-width: 1200px) { .tefal-header .btn-section .btn-section-main-wrap .btns-wrapper { margin-left: 60px; } } .tefal-header .desktop-logo-wrap .desktop-logo-section { background-image: url('/-a105802---3mQAGbck/tefal-logo-desktop-png'); width: 151px; height: 76px; background-repeat: no-repeat; background-size: contain; float: right; } .tefal-header .tefal-note-wrap { margin-top: 4%; } .tefal-header .tefal-note-wrap p, .section-2-header .tefal-note-wrap p { font-size: 13px; text-align: center; line-height: 16px; margin-top: 30px; font-family: FuturaBook; } @media screen and (min-width: 768px) { .tefal-header .tefal-note-wrap p, .section-2-header .tefal-note-wrap p { font-size: 16px; width: 70%; } } .tefal-header a { color: #a60000; border-bottom: 3px solid #a60000; text-decoration: none; font-size: 12px; } .tefal-header a:hover { color: #6d0000; text-decoration: none; } .tefal-header a:focus { color: #a60000; } .tefal-header a:visited { color: #a60000; } @media screen and (min-width: 1200px) { .tefal-header a { font-size: 16px; } } .main-content-section { min-height: 500px; background-color: white; } @media screen and (min-width: 768px) { .main-content-section { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.94) 32%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 51%, rgba(255, 255, 255, 0.85) 80%); border-radius: 30px; margin-top: 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } } @media screen and (min-width: 1200px) { .main-content-section { position: relative; top: -77px; } } .main-content-section .product-wrap-outer .product-wrap { padding: 0; min-height: 441px; font-family: TradeGothicLTProBC20; } @media screen and (min-width: 768px) { .main-content-section .product-wrap-outer .product-wrap { border-right: 1px solid #cbc8c3; border-bottom: 1px solid #cbc8c3; } } @media screen and (min-width: 768px) and (max-width: 999px) { .main-content-section .product-wrap-outer .product-wrap:nth-child(2n+0) { border-right: none; } .main-content-section .product-wrap-outer .product-wrap:nth-last-child(-n+2) { border-bottom: none; } } @media screen and (min-width: 1200px) { .main-content-section .product-wrap-outer .product-wrap:nth-child(3n+0) { border-right: none; } .main-content-section .product-wrap-outer .product-wrap:nth-last-child(-n+3) { border-bottom: none; } } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap h2 { text-transform: uppercase; font-size: 40px; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .product-image { margin-top: 16%; margin-left: 27px; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .product-image img { width: 200px; height: 100px; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .search-loupe-wrap { text-align: right; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .search-loupe-wrap .search-loupe { width: 40px; height: 40px; margin-right: 30px; margin-top: 30px; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .product-name { margin-top: 3%; text-transform: uppercase; min-height: 73px; padding: 10px 0; font-size: 27px; } @media screen and (min-width: 1200px) { .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .product-name { width: 70%; } } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .product-name h2 { font-size: 16px; margin: 0; padding: 0; color: #006633; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .price-and-detail { padding: 20px 0; background-color: #fafafa; font-size: 27px; font-weight: bold; } @media screen and (min-width: 1200px) { .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .price-and-detail { background: none; } } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .price-and-detail span { color: #a60000; font-size: 22px; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .price-and-detail div:first-child { margin: 10px 0; } .main-content-section .product-wrap-outer .product-wrap .product-inner-wrap .price-and-detail div:last-child { color: #94908d; text-transform: uppercase; font-size: 18px; } .main-content-section .product-wrap-outer .sale-tile-wrap { background-color: #e5cab0; font-family: FutureCEBold; font-weight: bold; color: black; padding: 30px; } .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap { padding: 0; } .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap .center-block { text-align: left; } .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap .center-block h2 { font-size: 30px; color: black; } .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap .center-block h2 sup { font-size: 24px; } @media screen and (min-width: 1200px) { .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap .center-block h2 { font-size: 40px; } } .main-content-section .product-wrap-outer .sale-tile-wrap .product-inner-wrap :nth-child(2) { font-size: 97px; text-align: left; } .main-content-section .product-wrap-outer .sale-tile-wrap .tefal-certificate { background-image: url('/-a106289---DEq76rPs/tefal-certificates-png'); width: 100%; height: 60px; background-size: contain; background-position: center center; background-repeat: no-repeat; } .main-content-section .tefal-notice p { padding: 50px 0; text-align: center; font-size: 10px; width: 90%; coloor:#000000; } .sale-section { background-image: url("../../img/sale-section-bg.jpg"); background-position: top center; background-repeat: no-repeat; width: 100%; background-size: cover; } @media screen and (min-width: 768px) { .sale-section { background: none; } } @media screen and (min-width: 1200px) { .sale-section { position: relative; top: -60px; } .main-content-section .tefal-notice p { width: 85%; } } .sale-section .sixty-sale-section { padding: 0 30px; } .sale-section .sixty-sale-section h1 { font-size: 26px; text-align: center; color: black; } /*@media screen and (min-width: 768px) { .sale-section .sixty-sale-section h1 { color: black; } }*/ @media screen and (min-width: 1200px) { .sale-section .sixty-sale-section h1 { color: white; text-align: left; font-size: 34px; } .ms-vanoce-tefal .sale-section .sixty-sale-section { padding:40px 40px 0!important; } } .sale-section .sixty-sale-section .col-xs-12 { padding: 30px 0 0 0; } .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section p { text-align: center; color: black; font-size: 10px; margin: 0 auto; opacity: 0.8; padding: 20px 0; font-family: FuturaBook; font-size: 12px; } /*@media screen and (min-width: 768px) { .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section p { color: black; } }*/ @media screen and (min-width: 1200px) { .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section p { width: 60%; color: #fff; font-size: 17px; } } .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section a { text-decoration: underline; color: black; } /*@media screen and (min-width: 768px) { .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section a { color: black; } }*/ @media screen and (min-width: 1200px) { .sale-section .sixty-sale-section .col-xs-12 .sale-conditions-section a { color: white; } } .sale-section .sixty-sale-section .sale-conditions-link { text-align: center; margin-bottom: 20px; } @media screen and (min-width: 1200px) { .sale-section .sixty-sale-section .sale-conditions-link { margin-bottom: 30px; } } .sale-section .sixty-sale-section .sale-conditions-link a { color: black; text-transform: uppercase; text-decoration: underline; font-family: TradeGothicLTProBC20; font-size: 18px; } @media screen and (min-width: 1200px) { .sale-section .sixty-sale-section .sale-conditions-link a { color:white; } } .sale-section .download-card a { text-decoration: none; text-transform: uppercase; color: white; } .sale-section .download-card-btn { background-color: #006633; width: 90%; border: 1px solid black; } @media screen and (min-width: 1200px) { .sale-section .download-card-btn { width: 58%; } } .sale-section .download-card-btn > :first-child { border-right: 1px solid black; height: 45px; padding: 15px 0; width: 50px; text-align: center; } .sale-section .download-card-btn > :last-child { font-family: TradeGothicLTProBC20; font-size: 20px; padding-left: 11px; } .tefal-brochure-section h1 { font-size: 26px; width: 90%; margin: 0 auto; padding: 20px 0; color: black; } @media screen and (min-width: 1200px) { .tefal-brochure-section { margin-bottom: 30px; } .tefal-brochure-section h1 { font-size: 25px; width: 50%; color: white; } .tefal-brochure-section .tefal-brochure-img > img { min-height: 410px; min-width: 357px; } } .tefal-brochure-section .tefal-brochure-wrap { margin-bottom: 30px; } @media screen and (min-width: 1200px) { .tefal-brochure-section .tefal-brochure-wrap { margin: 0; } } .tefal-brochure-section .tefal-brochure-more-btn { margin-top: 10px; } .tefal-brochure-section .tefal-brochure-more-btn .yellow-btn-txt { display: inline-block; text-transform: uppercase; font-family: TradeGothicLTProBC20; height: 40px; padding: 10px 0; font-size: 16px; } @media screen and (min-width: 768px) { .tefal-brochure-section .tefal-brochure-more-btn .yellow-btn-txt { color:#ffffff; } } .tefal-brochure-section .tefal-brochure-more-btn .yellow-btn { display: inline-block; height: 40px; background-color: #bb9200; padding: 10px; text-align: center; } .tefal-brochure-section .tefal-brochure-more-btn .yellow-btn div { display: inline-block; } .tefal-brochure-section .tefal-brochure-more-btn .yellow-btn .more-btn-wrap { margin-top: 2px; } .tefal-brochure-section .tefal-brochure-more-btn a { text-decoration: none; color: black; text-transform: uppercase; } .bottom-banner-section { margin: 30px 0; } @media screen and (min-width: 1200px) { .bottom-banner-section { position: relative; top: -63px; margin: 0; } } .x-uppercase { text-transform: uppercase; } .x-margin-right { margin-right: 10px; } .x-color-green { color: #006633; } .x-inline-block { display: inline-block; } .responsive-ribbon-wrap { margin: 20px 0; } .responsive-ribbon-wrap .green-ribbon { background-image: url('/-a105828---tstAxtl2/green-ribbon-no-lines-png'); width: 110px; height: 40px; background-repeat: no-repeat; background-size: contain; } .responsive-ribbon-wrap .green-ribbon:before { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid #006633; border-bottom: 1px solid #006633; top: 57%; left: 7%; } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .green-ribbon:before { left: 8%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .green-ribbon:before { left: 4%; width: 45%; } } .responsive-ribbon-wrap .green-ribbon:after { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid #006633; border-bottom: 1px solid #006633; top: 58%; left: 53%; } @media screen and (min-width: 480px) { .responsive-ribbon-wrap .green-ribbon:after { left: 52%; } } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .green-ribbon:after { left: 51%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .green-ribbon:after { left: 51%; width: 45%; } } .responsive-ribbon-wrap .white-ribbon { background-image: url('/-a105823---jxKvxZIA/white-ribbon-png'); width: 110px; height: 40px; background-repeat: no-repeat; background-size: contain; } .responsive-ribbon-wrap .white-ribbon:before { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid white; border-bottom: 1px solid white; top: 57%; left: 7%; } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .white-ribbon:before { left: 8%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .white-ribbon:before { left: 4%; width: 45%; } } .responsive-ribbon-wrap .white-ribbon:after { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid white; border-bottom: 1px solid white; top: 58%; left: 53%; } @media screen and (min-width: 480px) { .responsive-ribbon-wrap .white-ribbon:after { left: 52%; } } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .white-ribbon:after { left: 51%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .white-ribbon:after { left: 51%; width: 45%; } } .responsive-ribbon-wrap .pink-ribbon { background-image: url('/-a106255---qNc4GFxv/pink-ribbon-png'); width: 110px; height: 40px; background-repeat: no-repeat; background-size: contain; } .responsive-ribbon-wrap .pink-ribbon:before { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid #fa4461; border-bottom: 1px solid #fa4461; top: 57%; left: 7%; } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .pink-ribbon:before { left: 8%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .pink-ribbon:before { left: 4%; width: 45%; } } .responsive-ribbon-wrap .pink-ribbon:after { content: ""; position: absolute; width: 41%; height: 1px; border-top: 1px solid #fa4461; border-bottom: 1px solid #fa4461; top: 58%; left: 53%; } @media screen and (min-width: 480px) { .responsive-ribbon-wrap .pink-ribbon:after { left: 52%; } } @media screen and (min-width: 992px) { .responsive-ribbon-wrap .pink-ribbon:after { left: 51%; } } @media screen and (min-width: 1200px) { .responsive-ribbon-wrap .pink-ribbon:after { left: 51%; width: 45%; } } .ms-vanoce-tefal #legal { height:auto; } .ms-vanoce-tefal .section-2-header { background: url('/-a106777---aucR8O4P/header-products-2-png') no-repeat center bottom; padding-bottom:128px; } .ms-vanoce-tefal #tefal-products-section-2 .tefal-notice { min-height:50px; } .ms-vanoce-tefal #tefal-products-section-2 .product-wrap-mobile { display:block; } .ms-vanoce-tefal #tefal-products-section-2 .product-wrap-desktop { display:none; } .ms-vanoce-tefal #tefal-products-section-2 .product-wrap-custom { min-height:auto; } @media screen and (min-width: 768px) { .ms-vanoce-tefal #tefal-products-section-2 .product-wrap-mobile { display:none; } .ms-vanoce-tefal #tefal-products-section-2 .product-wrap-desktop { display:block; min-height:441px; } } @media(min-width:768px) { .module-image-text .module-image-text-content-isImageRight .module-image-text-image { float:right; } .module-image-text .module-image-text-content-isImageLeft .module-image-text-image { float:left; } } .pageflip { position: relative; -webkit-perspective: 2000px; perspective: 2000px; } .pageflip .page { display: none; height: 100%; width: 100%; position: relative; z-index: 10; } .pageflip .page.page-current { display: block; } .pageflip .half { position: absolute; width: 50%; height: 100%; overflow: hidden; top: 0; z-index: 15; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pageflip .half.half-left { left: 0; } .pageflip .half.half-right { left: 50%; } .pageflip .half.half-right .page { margin-left: -100%; } .pageflip .dark-overlay { position: absolute; z-index: 16; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .pageflip .dark-overlay.darken { opacity: 1; } .pageflip .dark-overlay.page-overlay { z-index: 14; -webkit-transition: opacity 0.9s; transition: opacity 0.9s; -webkit-transition-delay: 0; transition-delay: 0; } .pageflip .half .page, .pageflip .side .page { display: block !important; width: 200%; } .pageflip .flip-part { position: absolute; width: 50%; height: 100%; top: 0; left: 50%; z-index: 20; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1.2s; transition: transform 1.2s; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; } .pageflip .flip-part .side { display: block; position: absolute; overflow: hidden; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pageflip .flip-part .side.side-front .page { margin-left: -100%; } .pageflip .flip-part .side.side-back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .pageflip .flip-part.flipped { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .pageflip .flip-part.flip-reverse { left: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } .pageflip .flip-part.flip-reverse.flipped { -webkit-transform: rotateY(0); transform: rotateY(0); } .pageflip .flip-part.flip-reverse .side.side-front .page { margin-left: 0%; } .pageflip .flip-part.flip-reverse .side.side-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .pageflip .flip-part.flip-reverse .side.side-back .page { margin-left: -100%; } .pageflip a.flip-directional { height: 30px; line-height: 30px; position: absolute; margin-top: -15px; top: 50%; z-index: 30; background: #fff; color: #333; padding: 0 10px; border-radius: 5px; text-decoration: none; opacity: 0.2; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .pageflip a.flip-directional:hover { opacity: 0.8; } .pageflip a.flip-directional.flip-next { right: 10px; } .pageflip a.flip-directional.flip-prev { left: 10px; } .pageflip a.flip-directional { height: 30px; line-height: 30px; position: absolute; margin-top: -15px; top: 50%; background: #fff; color: #333; padding: 0 10px; border-radius: 5px; text-decoration: none; opacity: 0.2; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; z-index: 30; } .pageflip a.flip-directional:hover { opacity: 0.8; } .pageflip a.flip-directional.flip-next { right: 10px; } .pageflip a.flip-directional.flip-prev { left: 10px; } .pageflip .flip-navigation { position: absolute; width: 100%; bottom: 10px; text-align: center; line-height: 20px; z-index: 30; } .pageflip .flip-navigation a { display: inline-block; width: 12px; height: 12px; vertical-align: middle; text-align: center; background: #fff; color: #333; opacity: 0.2; -webkit-transition: all 0.25s; transition: all 0.25s; border-radius: 50%; text-decoration: none; margin: 0 2px; } .pageflip .flip-navigation a:hover { opacity: 0.8; } .pageflip .flip-navigation a.active { width: 20px; height: 20px; } .mfp-action-popup-shopBanner .mfp-container { width:100%; } .action-popup-shopBanner { max-width:90%!important; } @media (min-width:768px) { .mfp-action-popup-shopBanner .mfp-container { width:100%; } .action-popup-shopBanner { max-width:90%!important; } } @media (min-width:900px) { .action-popup-shopBanner { max-width:800px!important; } } .js-a-toggle-box { display:inline-block; text-decoration:underline; cursor:pointer } .js-a-toggle-active { max-height:90000px; } .js-a-toggle-hidden { max-height:0; overflow:hidden; } .content-hp { display: block; position: relative; margin: 30px 0; background-color: #e95a46; color: #fff; font-family: "FuturaBook"; font-size: 1.1em; padding:15px; text-transform:uppercase; } .content-hp strong { font-family: "FutureCEBold"; text-transform:uppercase; } .content-hp > p:last-of-type { margin-bottom:0; } .container-1160 { max-width:1160px; margin:0 auto; width:100%; } .container-wide { max-width:100%; margin:0 auto; width:100%; } .box-magazine-header { } .box-magazine-header-body { font-size:28px; line-height:33px; color:#000000; font-family:"FuturaBook"; } @media (min-width:760px) { font-size:30px; line-height:36px; } @media (min-width:960px) { .box-magazine-header-body { font-size:30px; line-height:36px; color:#000000; font-family:"FuturaBook"; } } .bg-white { background-color:#ffffff; } .bg-gray { background-color:#e6e6e4; } /* Generate margins and padding */ @media (min-width:0px) { .margin-top-xxs-0 { margin-top:0px; } .margin-top-xxs-5 { margin-top:5px; } .margin-top-xxs-10 { margin-top:10px; } .margin-top-xxs-15 { margin-top:15px; } .margin-top-xxs-20 { margin-top:20px; } .margin-top-xxs-25 { margin-top:25px; } .margin-top-xxs-30 { margin-top:30px; } .margin-top-xxs-35 { margin-top:35px; } .margin-top-xxs-40 { margin-top:40px; } .margin-top-xxs-45 { margin-top:45px; } .margin-top-xxs-50 { margin-top:50px; } .margin-top-xxs-55 { margin-top:55px; } .margin-top-xxs-60 { margin-top:60px; } .margin-top-xxs-65 { margin-top:65px; } .margin-top-xxs-70 { margin-top:70px; } .margin-top-xxs-75 { margin-top:75px; } .margin-top-xxs-80 { margin-top:80px; } .margin-top-xxs-85 { margin-top:85px; } .margin-top-xxs-90 { margin-top:90px; } .margin-top-xxs-95 { margin-top:95px; } .margin-top-xxs-100 { margin-top:100px; } } @media (min-width:760px) { .margin-top-sm-0 { margin-top:0px; } .margin-top-sm-5 { margin-top:5px; } .margin-top-sm-10 { margin-top:10px; } .margin-top-sm-15 { margin-top:15px; } .margin-top-sm-20 { margin-top:20px; } .margin-top-sm-25 { margin-top:25px; } .margin-top-sm-30 { margin-top:30px; } .margin-top-sm-35 { margin-top:35px; } .margin-top-sm-40 { margin-top:40px; } .margin-top-sm-45 { margin-top:45px; } .margin-top-sm-50 { margin-top:50px; } .margin-top-sm-55 { margin-top:55px; } .margin-top-sm-60 { margin-top:60px; } .margin-top-sm-65 { margin-top:65px; } .margin-top-sm-70 { margin-top:70px; } .margin-top-sm-75 { margin-top:75px; } .margin-top-sm-80 { margin-top:80px; } .margin-top-sm-85 { margin-top:85px; } .margin-top-sm-90 { margin-top:90px; } .margin-top-sm-95 { margin-top:95px; } .margin-top-sm-100 { margin-top:100px; } } @media (min-width:980px) { .margin-top-sm-0 { margin-top:0px; } .margin-top-sm-5 { margin-top:5px; } .margin-top-sm-10 { margin-top:10px; } .margin-top-sm-15 { margin-top:15px; } .margin-top-sm-20 { margin-top:20px; } .margin-top-sm-25 { margin-top:25px; } .margin-top-sm-30 { margin-top:30px; } .margin-top-sm-35 { margin-top:35px; } .margin-top-sm-40 { margin-top:40px; } .margin-top-sm-45 { margin-top:45px; } .margin-top-sm-50 { margin-top:50px; } .margin-top-sm-55 { margin-top:55px; } .margin-top-sm-60 { margin-top:60px; } .margin-top-sm-65 { margin-top:65px; } .margin-top-sm-70 { margin-top:70px; } .margin-top-sm-75 { margin-top:75px; } .margin-top-sm-80 { margin-top:80px; } .margin-top-sm-85 { margin-top:85px; } .margin-top-sm-90 { margin-top:90px; } .margin-top-sm-95 { margin-top:95px; } .margin-top-sm-100 { margin-top:100px; } } @media (min-width:1160px) { .margin-top-sm-0 { margin-top:0px; } .margin-top-sm-5 { margin-top:5px; } .margin-top-sm-10 { margin-top:10px; } .margin-top-sm-15 { margin-top:15px; } .margin-top-sm-20 { margin-top:20px; } .margin-top-sm-25 { margin-top:25px; } .margin-top-sm-30 { margin-top:30px; } .margin-top-sm-35 { margin-top:35px; } .margin-top-sm-40 { margin-top:40px; } .margin-top-sm-45 { margin-top:45px; } .margin-top-sm-50 { margin-top:50px; } .margin-top-sm-55 { margin-top:55px; } .margin-top-sm-60 { margin-top:60px; } .margin-top-sm-65 { margin-top:65px; } .margin-top-sm-70 { margin-top:70px; } .margin-top-sm-75 { margin-top:75px; } .margin-top-sm-80 { margin-top:80px; } .margin-top-sm-85 { margin-top:85px; } .margin-top-sm-90 { margin-top:90px; } .margin-top-sm-95 { margin-top:95px; } .margin-top-sm-100 { margin-top:100px; } } @media (min-width:0px) { .margin-bottom-xxs-0 { margin-bottom:0px; } .margin-bottom-xxs-5 { margin-bottom:5px; } .margin-bottom-xxs-10 { margin-bottom:10px; } .margin-bottom-xxs-15 { margin-bottom:15px; } .margin-bottom-xxs-20 { margin-bottom:20px; } .margin-bottom-xxs-25 { margin-bottom:25px; } .margin-bottom-xxs-30 { margin-bottom:30px; } .margin-bottom-xxs-35 { margin-bottom:35px; } .margin-bottom-xxs-40 { margin-bottom:40px; } .margin-bottom-xxs-45 { margin-bottom:45px; } .margin-bottom-xxs-50 { margin-bottom:50px; } .margin-bottom-xxs-55 { margin-bottom:55px; } .margin-bottom-xxs-60 { margin-bottom:60px; } .margin-bottom-xxs-65 { margin-bottom:65px; } .margin-bottom-xxs-70 { margin-bottom:70px; } .margin-bottom-xxs-75 { margin-bottom:75px; } .margin-bottom-xxs-80 { margin-bottom:80px; } .margin-bottom-xxs-85 { margin-bottom:85px; } .margin-bottom-xxs-90 { margin-bottom:90px; } .margin-bottom-xxs-95 { margin-bottom:95px; } .margin-bottom-xxs-100 { margin-bottom:100px; } } @media (min-width:760px) { .margin-bottom-sm-0 { margin-bottom:0px; } .margin-bottom-sm-5 { margin-bottom:5px; } .margin-bottom-sm-10 { margin-bottom:10px; } .margin-bottom-sm-15 { margin-bottom:15px; } .margin-bottom-sm-20 { margin-bottom:20px; } .margin-bottom-sm-25 { margin-bottom:25px; } .margin-bottom-sm-30 { margin-bottom:30px; } .margin-bottom-sm-35 { margin-bottom:35px; } .margin-bottom-sm-40 { margin-bottom:40px; } .margin-bottom-sm-45 { margin-bottom:45px; } .margin-bottom-sm-50 { margin-bottom:50px; } .margin-bottom-sm-55 { margin-bottom:55px; } .margin-bottom-sm-60 { margin-bottom:60px; } .margin-bottom-sm-65 { margin-bottom:65px; } .margin-bottom-sm-70 { margin-bottom:70px; } .margin-bottom-sm-75 { margin-bottom:75px; } .margin-bottom-sm-80 { margin-bottom:80px; } .margin-bottom-sm-85 { margin-bottom:85px; } .margin-bottom-sm-90 { margin-bottom:90px; } .margin-bottom-sm-95 { margin-bottom:95px; } .margin-bottom-sm-100 { margin-bottom:100px; } } @media (min-width:980px) { .margin-bottom-sm-0 { margin-bottom:0px; } .margin-bottom-sm-5 { margin-bottom:5px; } .margin-bottom-sm-10 { margin-bottom:10px; } .margin-bottom-sm-15 { margin-bottom:15px; } .margin-bottom-sm-20 { margin-bottom:20px; } .margin-bottom-sm-25 { margin-bottom:25px; } .margin-bottom-sm-30 { margin-bottom:30px; } .margin-bottom-sm-35 { margin-bottom:35px; } .margin-bottom-sm-40 { margin-bottom:40px; } .margin-bottom-sm-45 { margin-bottom:45px; } .margin-bottom-sm-50 { margin-bottom:50px; } .margin-bottom-sm-55 { margin-bottom:55px; } .margin-bottom-sm-60 { margin-bottom:60px; } .margin-bottom-sm-65 { margin-bottom:65px; } .margin-bottom-sm-70 { margin-bottom:70px; } .margin-bottom-sm-75 { margin-bottom:75px; } .margin-bottom-sm-80 { margin-bottom:80px; } .margin-bottom-sm-85 { margin-bottom:85px; } .margin-bottom-sm-90 { margin-bottom:90px; } .margin-bottom-sm-95 { margin-bottom:95px; } .margin-bottom-sm-100 { margin-bottom:100px; } } @media (min-width:1160px) { .margin-bottom-sm-0 { margin-bottom:0px; } .margin-bottom-sm-5 { margin-bottom:5px; } .margin-bottom-sm-10 { margin-bottom:10px; } .margin-bottom-sm-15 { margin-bottom:15px; } .margin-bottom-sm-20 { margin-bottom:20px; } .margin-bottom-sm-25 { margin-bottom:25px; } .margin-bottom-sm-30 { margin-bottom:30px; } .margin-bottom-sm-35 { margin-bottom:35px; } .margin-bottom-sm-40 { margin-bottom:40px; } .margin-bottom-sm-45 { margin-bottom:45px; } .margin-bottom-sm-50 { margin-bottom:50px; } .margin-bottom-sm-55 { margin-bottom:55px; } .margin-bottom-sm-60 { margin-bottom:60px; } .margin-bottom-sm-65 { margin-bottom:65px; } .margin-bottom-sm-70 { margin-bottom:70px; } .margin-bottom-sm-75 { margin-bottom:75px; } .margin-bottom-sm-80 { margin-bottom:80px; } .margin-bottom-sm-85 { margin-bottom:85px; } .margin-bottom-sm-90 { margin-bottom:90px; } .margin-bottom-sm-95 { margin-bottom:95px; } .margin-bottom-sm-100 { margin-bottom:100px; } } @media (min-width:0px) { .margin-left-xxs-0 { margin-left:0px; } .margin-left-xxs-5 { margin-left:5px; } .margin-left-xxs-10 { margin-left:10px; } .margin-left-xxs-15 { margin-left:15px; } .margin-left-xxs-20 { margin-left:20px; } .margin-left-xxs-25 { margin-left:25px; } .margin-left-xxs-30 { margin-left:30px; } .margin-left-xxs-35 { margin-left:35px; } .margin-left-xxs-40 { margin-left:40px; } .margin-left-xxs-45 { margin-left:45px; } .margin-left-xxs-50 { margin-left:50px; } .margin-left-xxs-55 { margin-left:55px; } .margin-left-xxs-60 { margin-left:60px; } .margin-left-xxs-65 { margin-left:65px; } .margin-left-xxs-70 { margin-left:70px; } .margin-left-xxs-75 { margin-left:75px; } .margin-left-xxs-80 { margin-left:80px; } .margin-left-xxs-85 { margin-left:85px; } .margin-left-xxs-90 { margin-left:90px; } .margin-left-xxs-95 { margin-left:95px; } .margin-left-xxs-100 { margin-left:100px; } } @media (min-width:760px) { .margin-left-sm-0 { margin-left:0px; } .margin-left-sm-5 { margin-left:5px; } .margin-left-sm-10 { margin-left:10px; } .margin-left-sm-15 { margin-left:15px; } .margin-left-sm-20 { margin-left:20px; } .margin-left-sm-25 { margin-left:25px; } .margin-left-sm-30 { margin-left:30px; } .margin-left-sm-35 { margin-left:35px; } .margin-left-sm-40 { margin-left:40px; } .margin-left-sm-45 { margin-left:45px; } .margin-left-sm-50 { margin-left:50px; } .margin-left-sm-55 { margin-left:55px; } .margin-left-sm-60 { margin-left:60px; } .margin-left-sm-65 { margin-left:65px; } .margin-left-sm-70 { margin-left:70px; } .margin-left-sm-75 { margin-left:75px; } .margin-left-sm-80 { margin-left:80px; } .margin-left-sm-85 { margin-left:85px; } .margin-left-sm-90 { margin-left:90px; } .margin-left-sm-95 { margin-left:95px; } .margin-left-sm-100 { margin-left:100px; } } @media (min-width:980px) { .margin-left-sm-0 { margin-left:0px; } .margin-left-sm-5 { margin-left:5px; } .margin-left-sm-10 { margin-left:10px; } .margin-left-sm-15 { margin-left:15px; } .margin-left-sm-20 { margin-left:20px; } .margin-left-sm-25 { margin-left:25px; } .margin-left-sm-30 { margin-left:30px; } .margin-left-sm-35 { margin-left:35px; } .margin-left-sm-40 { margin-left:40px; } .margin-left-sm-45 { margin-left:45px; } .margin-left-sm-50 { margin-left:50px; } .margin-left-sm-55 { margin-left:55px; } .margin-left-sm-60 { margin-left:60px; } .margin-left-sm-65 { margin-left:65px; } .margin-left-sm-70 { margin-left:70px; } .margin-left-sm-75 { margin-left:75px; } .margin-left-sm-80 { margin-left:80px; } .margin-left-sm-85 { margin-left:85px; } .margin-left-sm-90 { margin-left:90px; } .margin-left-sm-95 { margin-left:95px; } .margin-left-sm-100 { margin-left:100px; } } @media (min-width:1160px) { .margin-left-sm-0 { margin-left:0px; } .margin-left-sm-5 { margin-left:5px; } .margin-left-sm-10 { margin-left:10px; } .margin-left-sm-15 { margin-left:15px; } .margin-left-sm-20 { margin-left:20px; } .margin-left-sm-25 { margin-left:25px; } .margin-left-sm-30 { margin-left:30px; } .margin-left-sm-35 { margin-left:35px; } .margin-left-sm-40 { margin-left:40px; } .margin-left-sm-45 { margin-left:45px; } .margin-left-sm-50 { margin-left:50px; } .margin-left-sm-55 { margin-left:55px; } .margin-left-sm-60 { margin-left:60px; } .margin-left-sm-65 { margin-left:65px; } .margin-left-sm-70 { margin-left:70px; } .margin-left-sm-75 { margin-left:75px; } .margin-left-sm-80 { margin-left:80px; } .margin-left-sm-85 { margin-left:85px; } .margin-left-sm-90 { margin-left:90px; } .margin-left-sm-95 { margin-left:95px; } .margin-left-sm-100 { margin-left:100px; } } @media (min-width:0px) { .margin-right-xxs-0 { margin-right:0px; } .margin-right-xxs-5 { margin-right:5px; } .margin-right-xxs-10 { margin-right:10px; } .margin-right-xxs-15 { margin-right:15px; } .margin-right-xxs-20 { margin-right:20px; } .margin-right-xxs-25 { margin-right:25px; } .margin-right-xxs-30 { margin-right:30px; } .margin-right-xxs-35 { margin-right:35px; } .margin-right-xxs-40 { margin-right:40px; } .margin-right-xxs-45 { margin-right:45px; } .margin-right-xxs-50 { margin-right:50px; } .margin-right-xxs-55 { margin-right:55px; } .margin-right-xxs-60 { margin-right:60px; } .margin-right-xxs-65 { margin-right:65px; } .margin-right-xxs-70 { margin-right:70px; } .margin-right-xxs-75 { margin-right:75px; } .margin-right-xxs-80 { margin-right:80px; } .margin-right-xxs-85 { margin-right:85px; } .margin-right-xxs-90 { margin-right:90px; } .margin-right-xxs-95 { margin-right:95px; } .margin-right-xxs-100 { margin-right:100px; } } @media (min-width:760px) { .margin-right-sm-0 { margin-right:0px; } .margin-right-sm-5 { margin-right:5px; } .margin-right-sm-10 { margin-right:10px; } .margin-right-sm-15 { margin-right:15px; } .margin-right-sm-20 { margin-right:20px; } .margin-right-sm-25 { margin-right:25px; } .margin-right-sm-30 { margin-right:30px; } .margin-right-sm-35 { margin-right:35px; } .margin-right-sm-40 { margin-right:40px; } .margin-right-sm-45 { margin-right:45px; } .margin-right-sm-50 { margin-right:50px; } .margin-right-sm-55 { margin-right:55px; } .margin-right-sm-60 { margin-right:60px; } .margin-right-sm-65 { margin-right:65px; } .margin-right-sm-70 { margin-right:70px; } .margin-right-sm-75 { margin-right:75px; } .margin-right-sm-80 { margin-right:80px; } .margin-right-sm-85 { margin-right:85px; } .margin-right-sm-90 { margin-right:90px; } .margin-right-sm-95 { margin-right:95px; } .margin-right-sm-100 { margin-right:100px; } } @media (min-width:980px) { .margin-right-sm-0 { margin-right:0px; } .margin-right-sm-5 { margin-right:5px; } .margin-right-sm-10 { margin-right:10px; } .margin-right-sm-15 { margin-right:15px; } .margin-right-sm-20 { margin-right:20px; } .margin-right-sm-25 { margin-right:25px; } .margin-right-sm-30 { margin-right:30px; } .margin-right-sm-35 { margin-right:35px; } .margin-right-sm-40 { margin-right:40px; } .margin-right-sm-45 { margin-right:45px; } .margin-right-sm-50 { margin-right:50px; } .margin-right-sm-55 { margin-right:55px; } .margin-right-sm-60 { margin-right:60px; } .margin-right-sm-65 { margin-right:65px; } .margin-right-sm-70 { margin-right:70px; } .margin-right-sm-75 { margin-right:75px; } .margin-right-sm-80 { margin-right:80px; } .margin-right-sm-85 { margin-right:85px; } .margin-right-sm-90 { margin-right:90px; } .margin-right-sm-95 { margin-right:95px; } .margin-right-sm-100 { margin-right:100px; } } @media (min-width:1160px) { .margin-right-sm-0 { margin-right:0px; } .margin-right-sm-5 { margin-right:5px; } .margin-right-sm-10 { margin-right:10px; } .margin-right-sm-15 { margin-right:15px; } .margin-right-sm-20 { margin-right:20px; } .margin-right-sm-25 { margin-right:25px; } .margin-right-sm-30 { margin-right:30px; } .margin-right-sm-35 { margin-right:35px; } .margin-right-sm-40 { margin-right:40px; } .margin-right-sm-45 { margin-right:45px; } .margin-right-sm-50 { margin-right:50px; } .margin-right-sm-55 { margin-right:55px; } .margin-right-sm-60 { margin-right:60px; } .margin-right-sm-65 { margin-right:65px; } .margin-right-sm-70 { margin-right:70px; } .margin-right-sm-75 { margin-right:75px; } .margin-right-sm-80 { margin-right:80px; } .margin-right-sm-85 { margin-right:85px; } .margin-right-sm-90 { margin-right:90px; } .margin-right-sm-95 { margin-right:95px; } .margin-right-sm-100 { margin-right:100px; } } @media (min-width:0px) { .padding-top-xxs-0 { padding-top:0px; } .padding-top-xxs-5 { padding-top:5px; } .padding-top-xxs-10 { padding-top:10px; } .padding-top-xxs-15 { padding-top:15px; } .padding-top-xxs-20 { padding-top:20px; } .padding-top-xxs-25 { padding-top:25px; } .padding-top-xxs-30 { padding-top:30px; } .padding-top-xxs-35 { padding-top:35px; } .padding-top-xxs-40 { padding-top:40px; } .padding-top-xxs-45 { padding-top:45px; } .padding-top-xxs-50 { padding-top:50px; } .padding-top-xxs-55 { padding-top:55px; } .padding-top-xxs-60 { padding-top:60px; } .padding-top-xxs-65 { padding-top:65px; } .padding-top-xxs-70 { padding-top:70px; } .padding-top-xxs-75 { padding-top:75px; } .padding-top-xxs-80 { padding-top:80px; } .padding-top-xxs-85 { padding-top:85px; } .padding-top-xxs-90 { padding-top:90px; } .padding-top-xxs-95 { padding-top:95px; } .padding-top-xxs-100 { padding-top:100px; } } @media (min-width:760px) { .padding-top-sm-0 { padding-top:0px; } .padding-top-sm-5 { padding-top:5px; } .padding-top-sm-10 { padding-top:10px; } .padding-top-sm-15 { padding-top:15px; } .padding-top-sm-20 { padding-top:20px; } .padding-top-sm-25 { padding-top:25px; } .padding-top-sm-30 { padding-top:30px; } .padding-top-sm-35 { padding-top:35px; } .padding-top-sm-40 { padding-top:40px; } .padding-top-sm-45 { padding-top:45px; } .padding-top-sm-50 { padding-top:50px; } .padding-top-sm-55 { padding-top:55px; } .padding-top-sm-60 { padding-top:60px; } .padding-top-sm-65 { padding-top:65px; } .padding-top-sm-70 { padding-top:70px; } .padding-top-sm-75 { padding-top:75px; } .padding-top-sm-80 { padding-top:80px; } .padding-top-sm-85 { padding-top:85px; } .padding-top-sm-90 { padding-top:90px; } .padding-top-sm-95 { padding-top:95px; } .padding-top-sm-100 { padding-top:100px; } } @media (min-width:980px) { .padding-top-sm-0 { padding-top:0px; } .padding-top-sm-5 { padding-top:5px; } .padding-top-sm-10 { padding-top:10px; } .padding-top-sm-15 { padding-top:15px; } .padding-top-sm-20 { padding-top:20px; } .padding-top-sm-25 { padding-top:25px; } .padding-top-sm-30 { padding-top:30px; } .padding-top-sm-35 { padding-top:35px; } .padding-top-sm-40 { padding-top:40px; } .padding-top-sm-45 { padding-top:45px; } .padding-top-sm-50 { padding-top:50px; } .padding-top-sm-55 { padding-top:55px; } .padding-top-sm-60 { padding-top:60px; } .padding-top-sm-65 { padding-top:65px; } .padding-top-sm-70 { padding-top:70px; } .padding-top-sm-75 { padding-top:75px; } .padding-top-sm-80 { padding-top:80px; } .padding-top-sm-85 { padding-top:85px; } .padding-top-sm-90 { padding-top:90px; } .padding-top-sm-95 { padding-top:95px; } .padding-top-sm-100 { padding-top:100px; } } @media (min-width:1160px) { .padding-top-sm-0 { padding-top:0px; } .padding-top-sm-5 { padding-top:5px; } .padding-top-sm-10 { padding-top:10px; } .padding-top-sm-15 { padding-top:15px; } .padding-top-sm-20 { padding-top:20px; } .padding-top-sm-25 { padding-top:25px; } .padding-top-sm-30 { padding-top:30px; } .padding-top-sm-35 { padding-top:35px; } .padding-top-sm-40 { padding-top:40px; } .padding-top-sm-45 { padding-top:45px; } .padding-top-sm-50 { padding-top:50px; } .padding-top-sm-55 { padding-top:55px; } .padding-top-sm-60 { padding-top:60px; } .padding-top-sm-65 { padding-top:65px; } .padding-top-sm-70 { padding-top:70px; } .padding-top-sm-75 { padding-top:75px; } .padding-top-sm-80 { padding-top:80px; } .padding-top-sm-85 { padding-top:85px; } .padding-top-sm-90 { padding-top:90px; } .padding-top-sm-95 { padding-top:95px; } .padding-top-sm-100 { padding-top:100px; } } @media (min-width:0px) { .padding-bottom-xxs-0 { padding-bottom:0px; } .padding-bottom-xxs-5 { padding-bottom:5px; } .padding-bottom-xxs-10 { padding-bottom:10px; } .padding-bottom-xxs-15 { padding-bottom:15px; } .padding-bottom-xxs-20 { padding-bottom:20px; } .padding-bottom-xxs-25 { padding-bottom:25px; } .padding-bottom-xxs-30 { padding-bottom:30px; } .padding-bottom-xxs-35 { padding-bottom:35px; } .padding-bottom-xxs-40 { padding-bottom:40px; } .padding-bottom-xxs-45 { padding-bottom:45px; } .padding-bottom-xxs-50 { padding-bottom:50px; } .padding-bottom-xxs-55 { padding-bottom:55px; } .padding-bottom-xxs-60 { padding-bottom:60px; } .padding-bottom-xxs-65 { padding-bottom:65px; } .padding-bottom-xxs-70 { padding-bottom:70px; } .padding-bottom-xxs-75 { padding-bottom:75px; } .padding-bottom-xxs-80 { padding-bottom:80px; } .padding-bottom-xxs-85 { padding-bottom:85px; } .padding-bottom-xxs-90 { padding-bottom:90px; } .padding-bottom-xxs-95 { padding-bottom:95px; } .padding-bottom-xxs-100 { padding-bottom:100px; } } @media (min-width:760px) { .padding-bottom-sm-0 { padding-bottom:0px; } .padding-bottom-sm-5 { padding-bottom:5px; } .padding-bottom-sm-10 { padding-bottom:10px; } .padding-bottom-sm-15 { padding-bottom:15px; } .padding-bottom-sm-20 { padding-bottom:20px; } .padding-bottom-sm-25 { padding-bottom:25px; } .padding-bottom-sm-30 { padding-bottom:30px; } .padding-bottom-sm-35 { padding-bottom:35px; } .padding-bottom-sm-40 { padding-bottom:40px; } .padding-bottom-sm-45 { padding-bottom:45px; } .padding-bottom-sm-50 { padding-bottom:50px; } .padding-bottom-sm-55 { padding-bottom:55px; } .padding-bottom-sm-60 { padding-bottom:60px; } .padding-bottom-sm-65 { padding-bottom:65px; } .padding-bottom-sm-70 { padding-bottom:70px; } .padding-bottom-sm-75 { padding-bottom:75px; } .padding-bottom-sm-80 { padding-bottom:80px; } .padding-bottom-sm-85 { padding-bottom:85px; } .padding-bottom-sm-90 { padding-bottom:90px; } .padding-bottom-sm-95 { padding-bottom:95px; } .padding-bottom-sm-100 { padding-bottom:100px; } } @media (min-width:980px) { .padding-bottom-sm-0 { padding-bottom:0px; } .padding-bottom-sm-5 { padding-bottom:5px; } .padding-bottom-sm-10 { padding-bottom:10px; } .padding-bottom-sm-15 { padding-bottom:15px; } .padding-bottom-sm-20 { padding-bottom:20px; } .padding-bottom-sm-25 { padding-bottom:25px; } .padding-bottom-sm-30 { padding-bottom:30px; } .padding-bottom-sm-35 { padding-bottom:35px; } .padding-bottom-sm-40 { padding-bottom:40px; } .padding-bottom-sm-45 { padding-bottom:45px; } .padding-bottom-sm-50 { padding-bottom:50px; } .padding-bottom-sm-55 { padding-bottom:55px; } .padding-bottom-sm-60 { padding-bottom:60px; } .padding-bottom-sm-65 { padding-bottom:65px; } .padding-bottom-sm-70 { padding-bottom:70px; } .padding-bottom-sm-75 { padding-bottom:75px; } .padding-bottom-sm-80 { padding-bottom:80px; } .padding-bottom-sm-85 { padding-bottom:85px; } .padding-bottom-sm-90 { padding-bottom:90px; } .padding-bottom-sm-95 { padding-bottom:95px; } .padding-bottom-sm-100 { padding-bottom:100px; } } @media (min-width:1160px) { .padding-bottom-sm-0 { padding-bottom:0px; } .padding-bottom-sm-5 { padding-bottom:5px; } .padding-bottom-sm-10 { padding-bottom:10px; } .padding-bottom-sm-15 { padding-bottom:15px; } .padding-bottom-sm-20 { padding-bottom:20px; } .padding-bottom-sm-25 { padding-bottom:25px; } .padding-bottom-sm-30 { padding-bottom:30px; } .padding-bottom-sm-35 { padding-bottom:35px; } .padding-bottom-sm-40 { padding-bottom:40px; } .padding-bottom-sm-45 { padding-bottom:45px; } .padding-bottom-sm-50 { padding-bottom:50px; } .padding-bottom-sm-55 { padding-bottom:55px; } .padding-bottom-sm-60 { padding-bottom:60px; } .padding-bottom-sm-65 { padding-bottom:65px; } .padding-bottom-sm-70 { padding-bottom:70px; } .padding-bottom-sm-75 { padding-bottom:75px; } .padding-bottom-sm-80 { padding-bottom:80px; } .padding-bottom-sm-85 { padding-bottom:85px; } .padding-bottom-sm-90 { padding-bottom:90px; } .padding-bottom-sm-95 { padding-bottom:95px; } .padding-bottom-sm-100 { padding-bottom:100px; } } @media (min-width:0px) { .padding-left-xxs-0 { padding-left:0px; } .padding-left-xxs-5 { padding-left:5px; } .padding-left-xxs-10 { padding-left:10px; } .padding-left-xxs-15 { padding-left:15px; } .padding-left-xxs-20 { padding-left:20px; } .padding-left-xxs-25 { padding-left:25px; } .padding-left-xxs-30 { padding-left:30px; } .padding-left-xxs-35 { padding-left:35px; } .padding-left-xxs-40 { padding-left:40px; } .padding-left-xxs-45 { padding-left:45px; } .padding-left-xxs-50 { padding-left:50px; } .padding-left-xxs-55 { padding-left:55px; } .padding-left-xxs-60 { padding-left:60px; } .padding-left-xxs-65 { padding-left:65px; } .padding-left-xxs-70 { padding-left:70px; } .padding-left-xxs-75 { padding-left:75px; } .padding-left-xxs-80 { padding-left:80px; } .padding-left-xxs-85 { padding-left:85px; } .padding-left-xxs-90 { padding-left:90px; } .padding-left-xxs-95 { padding-left:95px; } .padding-left-xxs-100 { padding-left:100px; } } @media (min-width:760px) { .padding-left-sm-0 { padding-left:0px; } .padding-left-sm-5 { padding-left:5px; } .padding-left-sm-10 { padding-left:10px; } .padding-left-sm-15 { padding-left:15px; } .padding-left-sm-20 { padding-left:20px; } .padding-left-sm-25 { padding-left:25px; } .padding-left-sm-30 { padding-left:30px; } .padding-left-sm-35 { padding-left:35px; } .padding-left-sm-40 { padding-left:40px; } .padding-left-sm-45 { padding-left:45px; } .padding-left-sm-50 { padding-left:50px; } .padding-left-sm-55 { padding-left:55px; } .padding-left-sm-60 { padding-left:60px; } .padding-left-sm-65 { padding-left:65px; } .padding-left-sm-70 { padding-left:70px; } .padding-left-sm-75 { padding-left:75px; } .padding-left-sm-80 { padding-left:80px; } .padding-left-sm-85 { padding-left:85px; } .padding-left-sm-90 { padding-left:90px; } .padding-left-sm-95 { padding-left:95px; } .padding-left-sm-100 { padding-left:100px; } } @media (min-width:980px) { .padding-left-sm-0 { padding-left:0px; } .padding-left-sm-5 { padding-left:5px; } .padding-left-sm-10 { padding-left:10px; } .padding-left-sm-15 { padding-left:15px; } .padding-left-sm-20 { padding-left:20px; } .padding-left-sm-25 { padding-left:25px; } .padding-left-sm-30 { padding-left:30px; } .padding-left-sm-35 { padding-left:35px; } .padding-left-sm-40 { padding-left:40px; } .padding-left-sm-45 { padding-left:45px; } .padding-left-sm-50 { padding-left:50px; } .padding-left-sm-55 { padding-left:55px; } .padding-left-sm-60 { padding-left:60px; } .padding-left-sm-65 { padding-left:65px; } .padding-left-sm-70 { padding-left:70px; } .padding-left-sm-75 { padding-left:75px; } .padding-left-sm-80 { padding-left:80px; } .padding-left-sm-85 { padding-left:85px; } .padding-left-sm-90 { padding-left:90px; } .padding-left-sm-95 { padding-left:95px; } .padding-left-sm-100 { padding-left:100px; } } @media (min-width:1160px) { .padding-left-sm-0 { padding-left:0px; } .padding-left-sm-5 { padding-left:5px; } .padding-left-sm-10 { padding-left:10px; } .padding-left-sm-15 { padding-left:15px; } .padding-left-sm-20 { padding-left:20px; } .padding-left-sm-25 { padding-left:25px; } .padding-left-sm-30 { padding-left:30px; } .padding-left-sm-35 { padding-left:35px; } .padding-left-sm-40 { padding-left:40px; } .padding-left-sm-45 { padding-left:45px; } .padding-left-sm-50 { padding-left:50px; } .padding-left-sm-55 { padding-left:55px; } .padding-left-sm-60 { padding-left:60px; } .padding-left-sm-65 { padding-left:65px; } .padding-left-sm-70 { padding-left:70px; } .padding-left-sm-75 { padding-left:75px; } .padding-left-sm-80 { padding-left:80px; } .padding-left-sm-85 { padding-left:85px; } .padding-left-sm-90 { padding-left:90px; } .padding-left-sm-95 { padding-left:95px; } .padding-left-sm-100 { padding-left:100px; } } @media (min-width:0px) { .padding-right-xxs-0 { padding-right:0px; } .padding-right-xxs-5 { padding-right:5px; } .padding-right-xxs-10 { padding-right:10px; } .padding-right-xxs-15 { padding-right:15px; } .padding-right-xxs-20 { padding-right:20px; } .padding-right-xxs-25 { padding-right:25px; } .padding-right-xxs-30 { padding-right:30px; } .padding-right-xxs-35 { padding-right:35px; } .padding-right-xxs-40 { padding-right:40px; } .padding-right-xxs-45 { padding-right:45px; } .padding-right-xxs-50 { padding-right:50px; } .padding-right-xxs-55 { padding-right:55px; } .padding-right-xxs-60 { padding-right:60px; } .padding-right-xxs-65 { padding-right:65px; } .padding-right-xxs-70 { padding-right:70px; } .padding-right-xxs-75 { padding-right:75px; } .padding-right-xxs-80 { padding-right:80px; } .padding-right-xxs-85 { padding-right:85px; } .padding-right-xxs-90 { padding-right:90px; } .padding-right-xxs-95 { padding-right:95px; } .padding-right-xxs-100 { padding-right:100px; } } @media (min-width:760px) { .padding-right-sm-0 { padding-right:0px; } .padding-right-sm-5 { padding-right:5px; } .padding-right-sm-10 { padding-right:10px; } .padding-right-sm-15 { padding-right:15px; } .padding-right-sm-20 { padding-right:20px; } .padding-right-sm-25 { padding-right:25px; } .padding-right-sm-30 { padding-right:30px; } .padding-right-sm-35 { padding-right:35px; } .padding-right-sm-40 { padding-right:40px; } .padding-right-sm-45 { padding-right:45px; } .padding-right-sm-50 { padding-right:50px; } .padding-right-sm-55 { padding-right:55px; } .padding-right-sm-60 { padding-right:60px; } .padding-right-sm-65 { padding-right:65px; } .padding-right-sm-70 { padding-right:70px; } .padding-right-sm-75 { padding-right:75px; } .padding-right-sm-80 { padding-right:80px; } .padding-right-sm-85 { padding-right:85px; } .padding-right-sm-90 { padding-right:90px; } .padding-right-sm-95 { padding-right:95px; } .padding-right-sm-100 { padding-right:100px; } } @media (min-width:980px) { .padding-right-sm-0 { padding-right:0px; } .padding-right-sm-5 { padding-right:5px; } .padding-right-sm-10 { padding-right:10px; } .padding-right-sm-15 { padding-right:15px; } .padding-right-sm-20 { padding-right:20px; } .padding-right-sm-25 { padding-right:25px; } .padding-right-sm-30 { padding-right:30px; } .padding-right-sm-35 { padding-right:35px; } .padding-right-sm-40 { padding-right:40px; } .padding-right-sm-45 { padding-right:45px; } .padding-right-sm-50 { padding-right:50px; } .padding-right-sm-55 { padding-right:55px; } .padding-right-sm-60 { padding-right:60px; } .padding-right-sm-65 { padding-right:65px; } .padding-right-sm-70 { padding-right:70px; } .padding-right-sm-75 { padding-right:75px; } .padding-right-sm-80 { padding-right:80px; } .padding-right-sm-85 { padding-right:85px; } .padding-right-sm-90 { padding-right:90px; } .padding-right-sm-95 { padding-right:95px; } .padding-right-sm-100 { padding-right:100px; } } @media (min-width:1160px) { .padding-right-sm-0 { padding-right:0px; } .padding-right-sm-5 { padding-right:5px; } .padding-right-sm-10 { padding-right:10px; } .padding-right-sm-15 { padding-right:15px; } .padding-right-sm-20 { padding-right:20px; } .padding-right-sm-25 { padding-right:25px; } .padding-right-sm-30 { padding-right:30px; } .padding-right-sm-35 { padding-right:35px; } .padding-right-sm-40 { padding-right:40px; } .padding-right-sm-45 { padding-right:45px; } .padding-right-sm-50 { padding-right:50px; } .padding-right-sm-55 { padding-right:55px; } .padding-right-sm-60 { padding-right:60px; } .padding-right-sm-65 { padding-right:65px; } .padding-right-sm-70 { padding-right:70px; } .padding-right-sm-75 { padding-right:75px; } .padding-right-sm-80 { padding-right:80px; } .padding-right-sm-85 { padding-right:85px; } .padding-right-sm-90 { padding-right:90px; } .padding-right-sm-95 { padding-right:95px; } .padding-right-sm-100 { padding-right:100px; } } .box-magazine-challenge-left, .box-magazine-challenge-right { z-index:2; position:relative; } .box-magazine-challenge-title { font-size:34px; line-height:40px; color:#000000; margin-bottom:10px; font-family:"AthitiRegular"; } .box-magazine-challenge-body { font-size:20px; line-height:25px; color:#000000; margin-bottom:10px; font-family:"AthelasRegular"; } .box-magazine-challenge-body strong { font-family:"AthelasBold"; } .box-magazine-challenge-items { padding-top:20px; } .box-magazine-challenge-item { display:inline-block; position:relative; } .box-magazine-challenge-1 { top:70px; } .box-magazine-challenge-2 { bottom:20px; } @media (min-width:760px) { .box-magazine-challenge-item { width:33%; float:left; } .box-magazine-challenge-item:nth-of-type(1) { z-index:3; right:-5%; } .box-magazine-challenge-item:nth-of-type(2) { z-index:2; } .box-magazine-challenge-item:nth-of-type(3) { z-index:1; left:-3%; } } .a-link-black a, .a-link-black a:hover, .a-link-black a:visited, .a-link-black a:active { color:#000000; } .a-link-black-1 a, .a-link-black-1 a:hover, .a-link-black-1 a:visited, .a-link-black-1 a:active { color:#4c4c4c; } .a-link-lightgreen a, .a-link-lightgreen a:hover, .a-link-lightgreen a:visited, .a-link-lightgreen a:active { color:#86c295; } .section-image { position:absolute; display:none; z-index:1; } .section-image-left { left:0; } .section-image-right { right:0; } .section-image img { max-width:100%; } @media(min-width:960px) { .section-image { display:block; max-width:20%; } } @media(min-width:1060px) { .section-image { max-width:60%; } } @media(min-width:1200px) { .section-image { max-width:60%; } } .categorization { white-space: nowrap; } .categorization-circle { min-width:40px; height:40px; border-radius:20px; font-size:10px; color:#ffffff; margin:5px 5px 0 0; background-color:#168cc6; display:inline-block; line-height:40px; padding:0 5px; } .categorization-circle:nth-of-type(2n) { background-color:#231f20; } .categorization-circle:nth-of-type(3n) { background-color:#97c95a; } .categorization-wrapped { white-space: normal; } .categorization-spaced { margin-top:5px; margin-bottom:5px; display:inline-block; } .categorization .categorization-rounded { padding:4px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; background-color:#f3f3f3; margin-right:5px; color:#616161; border:0; vertical-align:inherit; } .categorization .cat-icon, .categorization .cat-icon-w, .categorization .icon-before { margin-left: 50px; } .categorization-separator { display:inline; margin:0 10px; border:1px solid #cccccc; } .categorization-blue { color:#227fc6; } .categorization-text .categorization-item { font-weight:normal; } @media only screen and (max-width:976px) { .categorization .cat-icon, .categorization .cat-icon-w, .categorization .icon-before { margin-left: 14px; } } @media only screen and (max-width:759px) { .categorization-text { display:block; } } .categorization .cat-icon:first-child, .categorization .icon-before:first-child { margin-left: 0; } .a-button { display:inline-block; background-color:#7fb584; border-radius:5px; font-size:15px; text-align:center; text-decoration:none; opacity:1; transition:opacity 200ms; color:#ffffff; font-family:"MontserratRegular"; } .a-button-white { background-color:#ffffff; color:#e95a46; } .a-button-shadow { box-shadow:0 1px 2px 0px rgba(0,0,0,0.45); } .a-button:active, .a-button:visited { color:#ffffff; } .a-button:hover { opacity:0.8; transition:opacity 200ms; color:#ffffff; } .a-button > span { display:inline-block; padding:12px 30px 12px 30px; line-height:1; text-align:left; } .a-button-multiline > span { padding:12px 30px 12px 30px; } .a-button-icon > span { padding-left:50px; } .a-button-small { font-size:11px; line-height:1; } .a-button-small > span { padding:12px 15px 12px 30px; } .a-button-wide { width:100%; } @media(min-width:769px) { .a-button { font-size:17px; } .a-button > span { padding:15px 30px 15px 30px; } .a-button-icon > span { padding-left:50px; } .a-button-wide { width:auto; } } @media(min-width:1060px) { .a-button { font-size:20px; } .a-button > span { padding:22px 30px 22px 30px; } .a-button-icon > span { padding-left:50px; } .a-button-300 { min-width:300px; } } .a-icon { position:relative; } .a-icon-after:after, .a-icon-before:before { display:block; content:""; position:absolute; top:50%; transform: translate(0, -50%)!important; margin:0 18px; } .a-icon-top-after:after, .a-icon-top-before:before { top:8px; transform: translate(0, 0)!important; } .a-icon-after:after { right:100%; } .a-icon-before:before { right:100%; } .a-icon-after.a-icon-arrowRight-white:after, .a-icon-before.a-icon-arrowRight-white:before { width:8px; height:12px; background:url('/-a113765---GKRXxwUr/arrow-white') no-repeat left center; background-size:contain; } .a-icon-after.a-icon-arrowRight-red:after, .a-icon-before.a-icon-arrowRight-red:before { width:8px; height:12px; background:url('/-a113766---Rv-e_7LI/arrow-orange') no-repeat left center; background-size:contain; } .a-icon-before.a-icon-youtube:before { width:70px; height:49px; background:url('/-a113905---Rc_cnRFd/youtube-icon') no-repeat left center; background-size:contain; } .a-icon-center:after, .a-icon-center:before { left:50%; right:auto; top:50%; transform: translate(-50%,-50%)!important; margin:0; } .a-icon-small:after, .a-icon-small:before { width:6px!important; height:10px!important; margin:0 6px; } .slider-bx.bx-wrapper, .bx-wrapper { border:0; box-shadow:none; margin-bottom:0; } .slider-bx.bx-wrapper .bx-controls .bx-prev, .slider-bx.bx-wrapper .bx-controls .bx-next { top:50%; transform:translateY(-50%); opacity:0.9; transition:opacity 0.2s ease-in-out; margin-top:0; width: 28px!important; height: 43px!important; background:url('/-a3562---7_AE8IsQ/icons') no-repeat center center; } .slider-bx.bx-wrapper .bx-controls .bx-prev:hover, .slider-bx.bx-wrapper .bx-controls .bx-next:hover { transition:opacity 0.4s ease-in-out; opacity:1; } .slider-bx.bx-wrapper .bx-controls .bx-prev { left:10px; /*background-position: -234px -570px;*/ background-position: -14px -397px; } .slider-bx.bx-wrapper .bx-controls .bx-next { right:10px; left:inherit; /*background-position: -256px -570px;*/ background-position: -43px -397px; } .slider-bx.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link { width: 14px!important; height: 14px!important; background:url('/-a3562---7_AE8IsQ/icons') no-repeat center center; background-position: -0px -70px; } .slider-bx.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link.active { background-position: -14px -70px; } .slider-bx.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px; } @media(min-width:780px) { .slider-bx.bx-wrapper .bx-controls .bx-prev { left:10px; background-position: -14px -397px; } .slider-bx.bx-wrapper .bx-controls .bx-next { right:10px; background-position: -43px -397px; } .slider-bx.bx-wrapper .bx-controls .bx-prev, .slider-bx.bx-wrapper .bx-controls .bx-next { display:block; } } .flex-display { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .flex-display-next > div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-full { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-full-height > * { min-height:100%; } .flex-auto { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .flex-auto-i { -webkit-box-flex: 0!important; -ms-flex: 0 1 auto!important; flex: 0 1 auto!important; } .flex-flex-eq > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-column { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .flex-column-xs { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .flex-row { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-align-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .flex-align-top { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .flex-align-bottom { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } .flex-justify-center { -ms-flex-pack: center; justify-content: center; } .flex-justify-end { -ms-flex-pack: end; justify-content: flex-end; } .flex-justify-start { -ms-flex-pack: start; justify-content: flex-start; } .flex-justify-between { -webkit-justify-content: space-between; justify-content: space-between; } .flex-item-vertical-center { -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; } .flex-item-vertical-top { -ms-flex-item-align: start; align-self: flex-start; } .flex-item-vertical-bottom { -ms-flex-item-align: end; align-self: flex-end; } .flex-order-1 { -webkit-box-ordinal-group:1; -ms-flex-order:1; order:1; } .flex-order-2 { -webkit-box-ordinal-group:2; -ms-flex-order:2; order:2; } .flex-order-3 { -webkit-box-ordinal-group:3; -ms-flex-order:3; order:3; } .flex-order-4 { -webkit-box-ordinal-group:4; -ms-flex-order:4; order:4; } .flex-order-5 { -webkit-box-ordinal-group:5; -ms-flex-order:5; order:5; } .flex-order-6 { -webkit-box-ordinal-group:6; -ms-flex-order:6; order:6; } .flex-order-7 { -webkit-box-ordinal-group:7; -ms-flex-order:7; order:7; } .flex-order-8 { -webkit-box-ordinal-group:8; -ms-flex-order:8; order:8; } .flex-order-9 { -webkit-box-ordinal-group:9; -ms-flex-order:9; order:9; } .flex-order-10 { -webkit-box-ordinal-group:10; -ms-flex-order:10; order:10; } @media (min-width:470px) { .flex-row-xsm { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-column-xsm { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .flex-display-xsm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media (min-width:768px) { .flex-display-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-row-sm { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-order-sm-1 { -webkit-box-ordinal-group:1; -ms-flex-order:1; order:1; } .flex-order-sm-2 { -webkit-box-ordinal-group:2; -ms-flex-order:2; order:2; } .flex-order-sm-3 { -webkit-box-ordinal-group:3; -ms-flex-order:3; order:3; } .flex-order-sm-4 { -webkit-box-ordinal-group:4; -ms-flex-order:4; order:4; } .flex-order-sm-5 { -webkit-box-ordinal-group:5; -ms-flex-order:5; order:5; } .flex-order-sm-6 { -webkit-box-ordinal-group:6; -ms-flex-order:6; order:6; } .flex-order-sm-7 { -webkit-box-ordinal-group:7; -ms-flex-order:7; order:7; } .flex-order-sm-8 { -webkit-box-ordinal-group:8; -ms-flex-order:8; order:8; } .flex-order-sm-9 { -webkit-box-ordinal-group:9; -ms-flex-order:9; order:9; } .flex-order-sm-10 { -webkit-box-ordinal-group:10; -ms-flex-order:10; order:10; } .flex-column-sm { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .flex-flex-eq-sm > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (min-width:470px) { flex-row-xsm { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-column-xsm { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } } @media (min-width:768px) { .flex-no-wrap-sm1 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width:1000px) { .flex-row-md { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-column-md { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .flex-flex-eq-md > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .flex-no-wrap-sm { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width:1200px) { flex-row-lg{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .flex-column-lg { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } } /* Generate margins and padding */ @media (min-width:0px) { .margin-top-xxs-0 { margin-top:0px; } .margin-top-xxs-5 { margin-top:5px; } .margin-top-xxs-10 { margin-top:10px; } .margin-top-xxs-15 { margin-top:15px; } .margin-top-xxs-20 { margin-top:20px; } .margin-top-xxs-25 { margin-top:25px; } .margin-top-xxs-30 { margin-top:30px; } .margin-top-xxs-35 { margin-top:35px; } .margin-top-xxs-40 { margin-top:40px; } .margin-top-xxs-45 { margin-top:45px; } .margin-top-xxs-50 { margin-top:50px; } .margin-top-xxs-55 { margin-top:55px; } .margin-top-xxs-60 { margin-top:60px; } .margin-top-xxs-65 { margin-top:65px; } .margin-top-xxs-70 { margin-top:70px; } .margin-top-xxs-75 { margin-top:75px; } .margin-top-xxs-80 { margin-top:80px; } .margin-top-xxs-85 { margin-top:85px; } .margin-top-xxs-90 { margin-top:90px; } .margin-top-xxs-95 { margin-top:95px; } .margin-top-xxs-100 { margin-top:100px; } } @media (min-width:760px) { .margin-top-sm-0 { margin-top:0px; } .margin-top-sm-5 { margin-top:5px; } .margin-top-sm-10 { margin-top:10px; } .margin-top-sm-15 { margin-top:15px; } .margin-top-sm-20 { margin-top:20px; } .margin-top-sm-25 { margin-top:25px; } .margin-top-sm-30 { margin-top:30px; } .margin-top-sm-35 { margin-top:35px; } .margin-top-sm-40 { margin-top:40px; } .margin-top-sm-45 { margin-top:45px; } .margin-top-sm-50 { margin-top:50px; } .margin-top-sm-55 { margin-top:55px; } .margin-top-sm-60 { margin-top:60px; } .margin-top-sm-65 { margin-top:65px; } .margin-top-sm-70 { margin-top:70px; } .margin-top-sm-75 { margin-top:75px; } .margin-top-sm-80 { margin-top:80px; } .margin-top-sm-85 { margin-top:85px; } .margin-top-sm-90 { margin-top:90px; } .margin-top-sm-95 { margin-top:95px; } .margin-top-sm-100 { margin-top:100px; } } @media (min-width:980px) { .margin-top-md-0 { margin-top:0px; } .margin-top-md-5 { margin-top:5px; } .margin-top-md-10 { margin-top:10px; } .margin-top-md-15 { margin-top:15px; } .margin-top-md-20 { margin-top:20px; } .margin-top-md-25 { margin-top:25px; } .margin-top-md-30 { margin-top:30px; } .margin-top-md-35 { margin-top:35px; } .margin-top-md-40 { margin-top:40px; } .margin-top-md-45 { margin-top:45px; } .margin-top-md-50 { margin-top:50px; } .margin-top-md-55 { margin-top:55px; } .margin-top-md-60 { margin-top:60px; } .margin-top-md-65 { margin-top:65px; } .margin-top-md-70 { margin-top:70px; } .margin-top-md-75 { margin-top:75px; } .margin-top-md-80 { margin-top:80px; } .margin-top-md-85 { margin-top:85px; } .margin-top-md-90 { margin-top:90px; } .margin-top-md-95 { margin-top:95px; } .margin-top-md-100 { margin-top:100px; } } @media (min-width:1160px) { .margin-top-lg-0 { margin-top:0px; } .margin-top-lg-5 { margin-top:5px; } .margin-top-lg-10 { margin-top:10px; } .margin-top-lg-15 { margin-top:15px; } .margin-top-lg-20 { margin-top:20px; } .margin-top-lg-25 { margin-top:25px; } .margin-top-lg-30 { margin-top:30px; } .margin-top-lg-35 { margin-top:35px; } .margin-top-lg-40 { margin-top:40px; } .margin-top-lg-45 { margin-top:45px; } .margin-top-lg-50 { margin-top:50px; } .margin-top-lg-55 { margin-top:55px; } .margin-top-lg-60 { margin-top:60px; } .margin-top-lg-65 { margin-top:65px; } .margin-top-lg-70 { margin-top:70px; } .margin-top-lg-75 { margin-top:75px; } .margin-top-lg-80 { margin-top:80px; } .margin-top-lg-85 { margin-top:85px; } .margin-top-lg-90 { margin-top:90px; } .margin-top-lg-95 { margin-top:95px; } .margin-top-lg-100 { margin-top:100px; } } @media (min-width:0px) { .margin-bottom-xxs-0 { margin-bottom:0px; } .margin-bottom-xxs-5 { margin-bottom:5px; } .margin-bottom-xxs-10 { margin-bottom:10px; } .margin-bottom-xxs-15 { margin-bottom:15px; } .margin-bottom-xxs-20 { margin-bottom:20px; } .margin-bottom-xxs-25 { margin-bottom:25px; } .margin-bottom-xxs-30 { margin-bottom:30px; } .margin-bottom-xxs-35 { margin-bottom:35px; } .margin-bottom-xxs-40 { margin-bottom:40px; } .margin-bottom-xxs-45 { margin-bottom:45px; } .margin-bottom-xxs-50 { margin-bottom:50px; } .margin-bottom-xxs-55 { margin-bottom:55px; } .margin-bottom-xxs-60 { margin-bottom:60px; } .margin-bottom-xxs-65 { margin-bottom:65px; } .margin-bottom-xxs-70 { margin-bottom:70px; } .margin-bottom-xxs-75 { margin-bottom:75px; } .margin-bottom-xxs-80 { margin-bottom:80px; } .margin-bottom-xxs-85 { margin-bottom:85px; } .margin-bottom-xxs-90 { margin-bottom:90px; } .margin-bottom-xxs-95 { margin-bottom:95px; } .margin-bottom-xxs-100 { margin-bottom:100px; } } @media (min-width:760px) { .margin-bottom-sm-0 { margin-bottom:0px; } .margin-bottom-sm-5 { margin-bottom:5px; } .margin-bottom-sm-10 { margin-bottom:10px; } .margin-bottom-sm-15 { margin-bottom:15px; } .margin-bottom-sm-20 { margin-bottom:20px; } .margin-bottom-sm-25 { margin-bottom:25px; } .margin-bottom-sm-30 { margin-bottom:30px; } .margin-bottom-sm-35 { margin-bottom:35px; } .margin-bottom-sm-40 { margin-bottom:40px; } .margin-bottom-sm-45 { margin-bottom:45px; } .margin-bottom-sm-50 { margin-bottom:50px; } .margin-bottom-sm-55 { margin-bottom:55px; } .margin-bottom-sm-60 { margin-bottom:60px; } .margin-bottom-sm-65 { margin-bottom:65px; } .margin-bottom-sm-70 { margin-bottom:70px; } .margin-bottom-sm-75 { margin-bottom:75px; } .margin-bottom-sm-80 { margin-bottom:80px; } .margin-bottom-sm-85 { margin-bottom:85px; } .margin-bottom-sm-90 { margin-bottom:90px; } .margin-bottom-sm-95 { margin-bottom:95px; } .margin-bottom-sm-100 { margin-bottom:100px; } } @media (min-width:980px) { .margin-bottom-md-0 { margin-bottom:0px; } .margin-bottom-md-5 { margin-bottom:5px; } .margin-bottom-md-10 { margin-bottom:10px; } .margin-bottom-md-15 { margin-bottom:15px; } .margin-bottom-md-20 { margin-bottom:20px; } .margin-bottom-md-25 { margin-bottom:25px; } .margin-bottom-md-30 { margin-bottom:30px; } .margin-bottom-md-35 { margin-bottom:35px; } .margin-bottom-md-40 { margin-bottom:40px; } .margin-bottom-md-45 { margin-bottom:45px; } .margin-bottom-md-50 { margin-bottom:50px; } .margin-bottom-md-55 { margin-bottom:55px; } .margin-bottom-md-60 { margin-bottom:60px; } .margin-bottom-md-65 { margin-bottom:65px; } .margin-bottom-md-70 { margin-bottom:70px; } .margin-bottom-md-75 { margin-bottom:75px; } .margin-bottom-md-80 { margin-bottom:80px; } .margin-bottom-md-85 { margin-bottom:85px; } .margin-bottom-md-90 { margin-bottom:90px; } .margin-bottom-md-95 { margin-bottom:95px; } .margin-bottom-md-100 { margin-bottom:100px; } } @media (min-width:1160px) { .margin-bottom-lg-0 { margin-bottom:0px; } .margin-bottom-lg-5 { margin-bottom:5px; } .margin-bottom-lg-10 { margin-bottom:10px; } .margin-bottom-lg-15 { margin-bottom:15px; } .margin-bottom-lg-20 { margin-bottom:20px; } .margin-bottom-lg-25 { margin-bottom:25px; } .margin-bottom-lg-30 { margin-bottom:30px; } .margin-bottom-lg-35 { margin-bottom:35px; } .margin-bottom-lg-40 { margin-bottom:40px; } .margin-bottom-lg-45 { margin-bottom:45px; } .margin-bottom-lg-50 { margin-bottom:50px; } .margin-bottom-lg-55 { margin-bottom:55px; } .margin-bottom-lg-60 { margin-bottom:60px; } .margin-bottom-lg-65 { margin-bottom:65px; } .margin-bottom-lg-70 { margin-bottom:70px; } .margin-bottom-lg-75 { margin-bottom:75px; } .margin-bottom-lg-80 { margin-bottom:80px; } .margin-bottom-lg-85 { margin-bottom:85px; } .margin-bottom-lg-90 { margin-bottom:90px; } .margin-bottom-lg-95 { margin-bottom:95px; } .margin-bottom-lg-100 { margin-bottom:100px; } } @media (min-width:0px) { .margin-left-xxs-0 { margin-left:0px; } .margin-left-xxs-5 { margin-left:5px; } .margin-left-xxs-10 { margin-left:10px; } .margin-left-xxs-15 { margin-left:15px; } .margin-left-xxs-20 { margin-left:20px; } .margin-left-xxs-25 { margin-left:25px; } .margin-left-xxs-30 { margin-left:30px; } .margin-left-xxs-35 { margin-left:35px; } .margin-left-xxs-40 { margin-left:40px; } .margin-left-xxs-45 { margin-left:45px; } .margin-left-xxs-50 { margin-left:50px; } .margin-left-xxs-55 { margin-left:55px; } .margin-left-xxs-60 { margin-left:60px; } .margin-left-xxs-65 { margin-left:65px; } .margin-left-xxs-70 { margin-left:70px; } .margin-left-xxs-75 { margin-left:75px; } .margin-left-xxs-80 { margin-left:80px; } .margin-left-xxs-85 { margin-left:85px; } .margin-left-xxs-90 { margin-left:90px; } .margin-left-xxs-95 { margin-left:95px; } .margin-left-xxs-100 { margin-left:100px; } } @media (min-width:760px) { .margin-left-sm-0 { margin-left:0px; } .margin-left-sm-5 { margin-left:5px; } .margin-left-sm-10 { margin-left:10px; } .margin-left-sm-15 { margin-left:15px; } .margin-left-sm-20 { margin-left:20px; } .margin-left-sm-25 { margin-left:25px; } .margin-left-sm-30 { margin-left:30px; } .margin-left-sm-35 { margin-left:35px; } .margin-left-sm-40 { margin-left:40px; } .margin-left-sm-45 { margin-left:45px; } .margin-left-sm-50 { margin-left:50px; } .margin-left-sm-55 { margin-left:55px; } .margin-left-sm-60 { margin-left:60px; } .margin-left-sm-65 { margin-left:65px; } .margin-left-sm-70 { margin-left:70px; } .margin-left-sm-75 { margin-left:75px; } .margin-left-sm-80 { margin-left:80px; } .margin-left-sm-85 { margin-left:85px; } .margin-left-sm-90 { margin-left:90px; } .margin-left-sm-95 { margin-left:95px; } .margin-left-sm-100 { margin-left:100px; } } @media (min-width:980px) { .margin-left-md-0 { margin-left:0px; } .margin-left-md-5 { margin-left:5px; } .margin-left-md-10 { margin-left:10px; } .margin-left-md-15 { margin-left:15px; } .margin-left-md-20 { margin-left:20px; } .margin-left-md-25 { margin-left:25px; } .margin-left-md-30 { margin-left:30px; } .margin-left-md-35 { margin-left:35px; } .margin-left-md-40 { margin-left:40px; } .margin-left-md-45 { margin-left:45px; } .margin-left-md-50 { margin-left:50px; } .margin-left-md-55 { margin-left:55px; } .margin-left-md-60 { margin-left:60px; } .margin-left-md-65 { margin-left:65px; } .margin-left-md-70 { margin-left:70px; } .margin-left-md-75 { margin-left:75px; } .margin-left-md-80 { margin-left:80px; } .margin-left-md-85 { margin-left:85px; } .margin-left-md-90 { margin-left:90px; } .margin-left-md-95 { margin-left:95px; } .margin-left-md-100 { margin-left:100px; } } @media (min-width:1160px) { .margin-left-lg-0 { margin-left:0px; } .margin-left-lg-5 { margin-left:5px; } .margin-left-lg-10 { margin-left:10px; } .margin-left-lg-15 { margin-left:15px; } .margin-left-lg-20 { margin-left:20px; } .margin-left-lg-25 { margin-left:25px; } .margin-left-lg-30 { margin-left:30px; } .margin-left-lg-35 { margin-left:35px; } .margin-left-lg-40 { margin-left:40px; } .margin-left-lg-45 { margin-left:45px; } .margin-left-lg-50 { margin-left:50px; } .margin-left-lg-55 { margin-left:55px; } .margin-left-lg-60 { margin-left:60px; } .margin-left-lg-65 { margin-left:65px; } .margin-left-lg-70 { margin-left:70px; } .margin-left-lg-75 { margin-left:75px; } .margin-left-lg-80 { margin-left:80px; } .margin-left-lg-85 { margin-left:85px; } .margin-left-lg-90 { margin-left:90px; } .margin-left-lg-95 { margin-left:95px; } .margin-left-lg-100 { margin-left:100px; } } @media (min-width:0px) { .margin-right-xxs-0 { margin-right:0px; } .margin-right-xxs-5 { margin-right:5px; } .margin-right-xxs-10 { margin-right:10px; } .margin-right-xxs-15 { margin-right:15px; } .margin-right-xxs-20 { margin-right:20px; } .margin-right-xxs-25 { margin-right:25px; } .margin-right-xxs-30 { margin-right:30px; } .margin-right-xxs-35 { margin-right:35px; } .margin-right-xxs-40 { margin-right:40px; } .margin-right-xxs-45 { margin-right:45px; } .margin-right-xxs-50 { margin-right:50px; } .margin-right-xxs-55 { margin-right:55px; } .margin-right-xxs-60 { margin-right:60px; } .margin-right-xxs-65 { margin-right:65px; } .margin-right-xxs-70 { margin-right:70px; } .margin-right-xxs-75 { margin-right:75px; } .margin-right-xxs-80 { margin-right:80px; } .margin-right-xxs-85 { margin-right:85px; } .margin-right-xxs-90 { margin-right:90px; } .margin-right-xxs-95 { margin-right:95px; } .margin-right-xxs-100 { margin-right:100px; } } @media (min-width:760px) { .margin-right-sm-0 { margin-right:0px; } .margin-right-sm-5 { margin-right:5px; } .margin-right-sm-10 { margin-right:10px; } .margin-right-sm-15 { margin-right:15px; } .margin-right-sm-20 { margin-right:20px; } .margin-right-sm-25 { margin-right:25px; } .margin-right-sm-30 { margin-right:30px; } .margin-right-sm-35 { margin-right:35px; } .margin-right-sm-40 { margin-right:40px; } .margin-right-sm-45 { margin-right:45px; } .margin-right-sm-50 { margin-right:50px; } .margin-right-sm-55 { margin-right:55px; } .margin-right-sm-60 { margin-right:60px; } .margin-right-sm-65 { margin-right:65px; } .margin-right-sm-70 { margin-right:70px; } .margin-right-sm-75 { margin-right:75px; } .margin-right-sm-80 { margin-right:80px; } .margin-right-sm-85 { margin-right:85px; } .margin-right-sm-90 { margin-right:90px; } .margin-right-sm-95 { margin-right:95px; } .margin-right-sm-100 { margin-right:100px; } } @media (min-width:980px) { .margin-right-md-0 { margin-right:0px; } .margin-right-md-5 { margin-right:5px; } .margin-right-md-10 { margin-right:10px; } .margin-right-md-15 { margin-right:15px; } .margin-right-md-20 { margin-right:20px; } .margin-right-md-25 { margin-right:25px; } .margin-right-md-30 { margin-right:30px; } .margin-right-md-35 { margin-right:35px; } .margin-right-md-40 { margin-right:40px; } .margin-right-md-45 { margin-right:45px; } .margin-right-md-50 { margin-right:50px; } .margin-right-md-55 { margin-right:55px; } .margin-right-md-60 { margin-right:60px; } .margin-right-md-65 { margin-right:65px; } .margin-right-md-70 { margin-right:70px; } .margin-right-md-75 { margin-right:75px; } .margin-right-md-80 { margin-right:80px; } .margin-right-md-85 { margin-right:85px; } .margin-right-md-90 { margin-right:90px; } .margin-right-md-95 { margin-right:95px; } .margin-right-md-100 { margin-right:100px; } } @media (min-width:1160px) { .margin-right-lg-0 { margin-right:0px; } .margin-right-lg-5 { margin-right:5px; } .margin-right-lg-10 { margin-right:10px; } .margin-right-lg-15 { margin-right:15px; } .margin-right-lg-20 { margin-right:20px; } .margin-right-lg-25 { margin-right:25px; } .margin-right-lg-30 { margin-right:30px; } .margin-right-lg-35 { margin-right:35px; } .margin-right-lg-40 { margin-right:40px; } .margin-right-lg-45 { margin-right:45px; } .margin-right-lg-50 { margin-right:50px; } .margin-right-lg-55 { margin-right:55px; } .margin-right-lg-60 { margin-right:60px; } .margin-right-lg-65 { margin-right:65px; } .margin-right-lg-70 { margin-right:70px; } .margin-right-lg-75 { margin-right:75px; } .margin-right-lg-80 { margin-right:80px; } .margin-right-lg-85 { margin-right:85px; } .margin-right-lg-90 { margin-right:90px; } .margin-right-lg-95 { margin-right:95px; } .margin-right-lg-100 { margin-right:100px; } } @media (min-width:0px) { .padding-top-xxs-0 { padding-top:0px; } .padding-top-xxs-5 { padding-top:5px; } .padding-top-xxs-10 { padding-top:10px; } .padding-top-xxs-15 { padding-top:15px; } .padding-top-xxs-20 { padding-top:20px; } .padding-top-xxs-25 { padding-top:25px; } .padding-top-xxs-30 { padding-top:30px; } .padding-top-xxs-35 { padding-top:35px; } .padding-top-xxs-40 { padding-top:40px; } .padding-top-xxs-45 { padding-top:45px; } .padding-top-xxs-50 { padding-top:50px; } .padding-top-xxs-55 { padding-top:55px; } .padding-top-xxs-60 { padding-top:60px; } .padding-top-xxs-65 { padding-top:65px; } .padding-top-xxs-70 { padding-top:70px; } .padding-top-xxs-75 { padding-top:75px; } .padding-top-xxs-80 { padding-top:80px; } .padding-top-xxs-85 { padding-top:85px; } .padding-top-xxs-90 { padding-top:90px; } .padding-top-xxs-95 { padding-top:95px; } .padding-top-xxs-100 { padding-top:100px; } } @media (min-width:760px) { .padding-top-sm-0 { padding-top:0px; } .padding-top-sm-5 { padding-top:5px; } .padding-top-sm-10 { padding-top:10px; } .padding-top-sm-15 { padding-top:15px; } .padding-top-sm-20 { padding-top:20px; } .padding-top-sm-25 { padding-top:25px; } .padding-top-sm-30 { padding-top:30px; } .padding-top-sm-35 { padding-top:35px; } .padding-top-sm-40 { padding-top:40px; } .padding-top-sm-45 { padding-top:45px; } .padding-top-sm-50 { padding-top:50px; } .padding-top-sm-55 { padding-top:55px; } .padding-top-sm-60 { padding-top:60px; } .padding-top-sm-65 { padding-top:65px; } .padding-top-sm-70 { padding-top:70px; } .padding-top-sm-75 { padding-top:75px; } .padding-top-sm-80 { padding-top:80px; } .padding-top-sm-85 { padding-top:85px; } .padding-top-sm-90 { padding-top:90px; } .padding-top-sm-95 { padding-top:95px; } .padding-top-sm-100 { padding-top:100px; } } @media (min-width:980px) { .padding-top-md-0 { padding-top:0px; } .padding-top-md-5 { padding-top:5px; } .padding-top-md-10 { padding-top:10px; } .padding-top-md-15 { padding-top:15px; } .padding-top-md-20 { padding-top:20px; } .padding-top-md-25 { padding-top:25px; } .padding-top-md-30 { padding-top:30px; } .padding-top-md-35 { padding-top:35px; } .padding-top-md-40 { padding-top:40px; } .padding-top-md-45 { padding-top:45px; } .padding-top-md-50 { padding-top:50px; } .padding-top-md-55 { padding-top:55px; } .padding-top-md-60 { padding-top:60px; } .padding-top-md-65 { padding-top:65px; } .padding-top-md-70 { padding-top:70px; } .padding-top-md-75 { padding-top:75px; } .padding-top-md-80 { padding-top:80px; } .padding-top-md-85 { padding-top:85px; } .padding-top-md-90 { padding-top:90px; } .padding-top-md-95 { padding-top:95px; } .padding-top-md-100 { padding-top:100px; } } @media (min-width:1160px) { .padding-top-lg-0 { padding-top:0px; } .padding-top-lg-5 { padding-top:5px; } .padding-top-lg-10 { padding-top:10px; } .padding-top-lg-15 { padding-top:15px; } .padding-top-lg-20 { padding-top:20px; } .padding-top-lg-25 { padding-top:25px; } .padding-top-lg-30 { padding-top:30px; } .padding-top-lg-35 { padding-top:35px; } .padding-top-lg-40 { padding-top:40px; } .padding-top-lg-45 { padding-top:45px; } .padding-top-lg-50 { padding-top:50px; } .padding-top-lg-55 { padding-top:55px; } .padding-top-lg-60 { padding-top:60px; } .padding-top-lg-65 { padding-top:65px; } .padding-top-lg-70 { padding-top:70px; } .padding-top-lg-75 { padding-top:75px; } .padding-top-lg-80 { padding-top:80px; } .padding-top-lg-85 { padding-top:85px; } .padding-top-lg-90 { padding-top:90px; } .padding-top-lg-95 { padding-top:95px; } .padding-top-lg-100 { padding-top:100px; } } @media (min-width:0px) { .padding-bottom-xxs-0 { padding-bottom:0px; } .padding-bottom-xxs-5 { padding-bottom:5px; } .padding-bottom-xxs-10 { padding-bottom:10px; } .padding-bottom-xxs-15 { padding-bottom:15px; } .padding-bottom-xxs-20 { padding-bottom:20px; } .padding-bottom-xxs-25 { padding-bottom:25px; } .padding-bottom-xxs-30 { padding-bottom:30px; } .padding-bottom-xxs-35 { padding-bottom:35px; } .padding-bottom-xxs-40 { padding-bottom:40px; } .padding-bottom-xxs-45 { padding-bottom:45px; } .padding-bottom-xxs-50 { padding-bottom:50px; } .padding-bottom-xxs-55 { padding-bottom:55px; } .padding-bottom-xxs-60 { padding-bottom:60px; } .padding-bottom-xxs-65 { padding-bottom:65px; } .padding-bottom-xxs-70 { padding-bottom:70px; } .padding-bottom-xxs-75 { padding-bottom:75px; } .padding-bottom-xxs-80 { padding-bottom:80px; } .padding-bottom-xxs-85 { padding-bottom:85px; } .padding-bottom-xxs-90 { padding-bottom:90px; } .padding-bottom-xxs-95 { padding-bottom:95px; } .padding-bottom-xxs-100 { padding-bottom:100px; } } @media (min-width:760px) { .padding-bottom-sm-0 { padding-bottom:0px; } .padding-bottom-sm-5 { padding-bottom:5px; } .padding-bottom-sm-10 { padding-bottom:10px; } .padding-bottom-sm-15 { padding-bottom:15px; } .padding-bottom-sm-20 { padding-bottom:20px; } .padding-bottom-sm-25 { padding-bottom:25px; } .padding-bottom-sm-30 { padding-bottom:30px; } .padding-bottom-sm-35 { padding-bottom:35px; } .padding-bottom-sm-40 { padding-bottom:40px; } .padding-bottom-sm-45 { padding-bottom:45px; } .padding-bottom-sm-50 { padding-bottom:50px; } .padding-bottom-sm-55 { padding-bottom:55px; } .padding-bottom-sm-60 { padding-bottom:60px; } .padding-bottom-sm-65 { padding-bottom:65px; } .padding-bottom-sm-70 { padding-bottom:70px; } .padding-bottom-sm-75 { padding-bottom:75px; } .padding-bottom-sm-80 { padding-bottom:80px; } .padding-bottom-sm-85 { padding-bottom:85px; } .padding-bottom-sm-90 { padding-bottom:90px; } .padding-bottom-sm-95 { padding-bottom:95px; } .padding-bottom-sm-100 { padding-bottom:100px; } } @media (min-width:980px) { .padding-bottom-md-0 { padding-bottom:0px; } .padding-bottom-md-5 { padding-bottom:5px; } .padding-bottom-md-10 { padding-bottom:10px; } .padding-bottom-md-15 { padding-bottom:15px; } .padding-bottom-md-20 { padding-bottom:20px; } .padding-bottom-md-25 { padding-bottom:25px; } .padding-bottom-md-30 { padding-bottom:30px; } .padding-bottom-md-35 { padding-bottom:35px; } .padding-bottom-md-40 { padding-bottom:40px; } .padding-bottom-md-45 { padding-bottom:45px; } .padding-bottom-md-50 { padding-bottom:50px; } .padding-bottom-md-55 { padding-bottom:55px; } .padding-bottom-md-60 { padding-bottom:60px; } .padding-bottom-md-65 { padding-bottom:65px; } .padding-bottom-md-70 { padding-bottom:70px; } .padding-bottom-md-75 { padding-bottom:75px; } .padding-bottom-md-80 { padding-bottom:80px; } .padding-bottom-md-85 { padding-bottom:85px; } .padding-bottom-md-90 { padding-bottom:90px; } .padding-bottom-md-95 { padding-bottom:95px; } .padding-bottom-md-100 { padding-bottom:100px; } } @media (min-width:1160px) { .padding-bottom-lg-0 { padding-bottom:0px; } .padding-bottom-lg-5 { padding-bottom:5px; } .padding-bottom-lg-10 { padding-bottom:10px; } .padding-bottom-lg-15 { padding-bottom:15px; } .padding-bottom-lg-20 { padding-bottom:20px; } .padding-bottom-lg-25 { padding-bottom:25px; } .padding-bottom-lg-30 { padding-bottom:30px; } .padding-bottom-lg-35 { padding-bottom:35px; } .padding-bottom-lg-40 { padding-bottom:40px; } .padding-bottom-lg-45 { padding-bottom:45px; } .padding-bottom-lg-50 { padding-bottom:50px; } .padding-bottom-lg-55 { padding-bottom:55px; } .padding-bottom-lg-60 { padding-bottom:60px; } .padding-bottom-lg-65 { padding-bottom:65px; } .padding-bottom-lg-70 { padding-bottom:70px; } .padding-bottom-lg-75 { padding-bottom:75px; } .padding-bottom-lg-80 { padding-bottom:80px; } .padding-bottom-lg-85 { padding-bottom:85px; } .padding-bottom-lg-90 { padding-bottom:90px; } .padding-bottom-lg-95 { padding-bottom:95px; } .padding-bottom-lg-100 { padding-bottom:100px; } } @media (min-width:0px) { .padding-left-xxs-0 { padding-left:0px; } .padding-left-xxs-5 { padding-left:5px; } .padding-left-xxs-10 { padding-left:10px; } .padding-left-xxs-15 { padding-left:15px; } .padding-left-xxs-20 { padding-left:20px; } .padding-left-xxs-25 { padding-left:25px; } .padding-left-xxs-30 { padding-left:30px; } .padding-left-xxs-35 { padding-left:35px; } .padding-left-xxs-40 { padding-left:40px; } .padding-left-xxs-45 { padding-left:45px; } .padding-left-xxs-50 { padding-left:50px; } .padding-left-xxs-55 { padding-left:55px; } .padding-left-xxs-60 { padding-left:60px; } .padding-left-xxs-65 { padding-left:65px; } .padding-left-xxs-70 { padding-left:70px; } .padding-left-xxs-75 { padding-left:75px; } .padding-left-xxs-80 { padding-left:80px; } .padding-left-xxs-85 { padding-left:85px; } .padding-left-xxs-90 { padding-left:90px; } .padding-left-xxs-95 { padding-left:95px; } .padding-left-xxs-100 { padding-left:100px; } } @media (min-width:760px) { .padding-left-sm-0 { padding-left:0px; } .padding-left-sm-5 { padding-left:5px; } .padding-left-sm-10 { padding-left:10px; } .padding-left-sm-15 { padding-left:15px; } .padding-left-sm-20 { padding-left:20px; } .padding-left-sm-25 { padding-left:25px; } .padding-left-sm-30 { padding-left:30px; } .padding-left-sm-35 { padding-left:35px; } .padding-left-sm-40 { padding-left:40px; } .padding-left-sm-45 { padding-left:45px; } .padding-left-sm-50 { padding-left:50px; } .padding-left-sm-55 { padding-left:55px; } .padding-left-sm-60 { padding-left:60px; } .padding-left-sm-65 { padding-left:65px; } .padding-left-sm-70 { padding-left:70px; } .padding-left-sm-75 { padding-left:75px; } .padding-left-sm-80 { padding-left:80px; } .padding-left-sm-85 { padding-left:85px; } .padding-left-sm-90 { padding-left:90px; } .padding-left-sm-95 { padding-left:95px; } .padding-left-sm-100 { padding-left:100px; } } @media (min-width:980px) { .padding-left-md-0 { padding-left:0px; } .padding-left-md-5 { padding-left:5px; } .padding-left-md-10 { padding-left:10px; } .padding-left-md-15 { padding-left:15px; } .padding-left-md-20 { padding-left:20px; } .padding-left-md-25 { padding-left:25px; } .padding-left-md-30 { padding-left:30px; } .padding-left-md-35 { padding-left:35px; } .padding-left-md-40 { padding-left:40px; } .padding-left-md-45 { padding-left:45px; } .padding-left-md-50 { padding-left:50px; } .padding-left-md-55 { padding-left:55px; } .padding-left-md-60 { padding-left:60px; } .padding-left-md-65 { padding-left:65px; } .padding-left-md-70 { padding-left:70px; } .padding-left-md-75 { padding-left:75px; } .padding-left-md-80 { padding-left:80px; } .padding-left-md-85 { padding-left:85px; } .padding-left-md-90 { padding-left:90px; } .padding-left-md-95 { padding-left:95px; } .padding-left-md-100 { padding-left:100px; } } @media (min-width:1160px) { .padding-left-lg-0 { padding-left:0px; } .padding-left-lg-5 { padding-left:5px; } .padding-left-lg-10 { padding-left:10px; } .padding-left-lg-15 { padding-left:15px; } .padding-left-lg-20 { padding-left:20px; } .padding-left-lg-25 { padding-left:25px; } .padding-left-lg-30 { padding-left:30px; } .padding-left-lg-35 { padding-left:35px; } .padding-left-lg-40 { padding-left:40px; } .padding-left-lg-45 { padding-left:45px; } .padding-left-lg-50 { padding-left:50px; } .padding-left-lg-55 { padding-left:55px; } .padding-left-lg-60 { padding-left:60px; } .padding-left-lg-65 { padding-left:65px; } .padding-left-lg-70 { padding-left:70px; } .padding-left-lg-75 { padding-left:75px; } .padding-left-lg-80 { padding-left:80px; } .padding-left-lg-85 { padding-left:85px; } .padding-left-lg-90 { padding-left:90px; } .padding-left-lg-95 { padding-left:95px; } .padding-left-lg-100 { padding-left:100px; } } @media (min-width:0px) { .padding-right-xxs-0 { padding-right:0px; } .padding-right-xxs-5 { padding-right:5px; } .padding-right-xxs-10 { padding-right:10px; } .padding-right-xxs-15 { padding-right:15px; } .padding-right-xxs-20 { padding-right:20px; } .padding-right-xxs-25 { padding-right:25px; } .padding-right-xxs-30 { padding-right:30px; } .padding-right-xxs-35 { padding-right:35px; } .padding-right-xxs-40 { padding-right:40px; } .padding-right-xxs-45 { padding-right:45px; } .padding-right-xxs-50 { padding-right:50px; } .padding-right-xxs-55 { padding-right:55px; } .padding-right-xxs-60 { padding-right:60px; } .padding-right-xxs-65 { padding-right:65px; } .padding-right-xxs-70 { padding-right:70px; } .padding-right-xxs-75 { padding-right:75px; } .padding-right-xxs-80 { padding-right:80px; } .padding-right-xxs-85 { padding-right:85px; } .padding-right-xxs-90 { padding-right:90px; } .padding-right-xxs-95 { padding-right:95px; } .padding-right-xxs-100 { padding-right:100px; } } @media (min-width:760px) { .padding-right-sm-0 { padding-right:0px; } .padding-right-sm-5 { padding-right:5px; } .padding-right-sm-10 { padding-right:10px; } .padding-right-sm-15 { padding-right:15px; } .padding-right-sm-20 { padding-right:20px; } .padding-right-sm-25 { padding-right:25px; } .padding-right-sm-30 { padding-right:30px; } .padding-right-sm-35 { padding-right:35px; } .padding-right-sm-40 { padding-right:40px; } .padding-right-sm-45 { padding-right:45px; } .padding-right-sm-50 { padding-right:50px; } .padding-right-sm-55 { padding-right:55px; } .padding-right-sm-60 { padding-right:60px; } .padding-right-sm-65 { padding-right:65px; } .padding-right-sm-70 { padding-right:70px; } .padding-right-sm-75 { padding-right:75px; } .padding-right-sm-80 { padding-right:80px; } .padding-right-sm-85 { padding-right:85px; } .padding-right-sm-90 { padding-right:90px; } .padding-right-sm-95 { padding-right:95px; } .padding-right-sm-100 { padding-right:100px; } } @media (min-width:980px) { .padding-right-md-0 { padding-right:0px; } .padding-right-md-5 { padding-right:5px; } .padding-right-md-10 { padding-right:10px; } .padding-right-md-15 { padding-right:15px; } .padding-right-md-20 { padding-right:20px; } .padding-right-md-25 { padding-right:25px; } .padding-right-md-30 { padding-right:30px; } .padding-right-md-35 { padding-right:35px; } .padding-right-md-40 { padding-right:40px; } .padding-right-md-45 { padding-right:45px; } .padding-right-md-50 { padding-right:50px; } .padding-right-md-55 { padding-right:55px; } .padding-right-md-60 { padding-right:60px; } .padding-right-md-65 { padding-right:65px; } .padding-right-md-70 { padding-right:70px; } .padding-right-md-75 { padding-right:75px; } .padding-right-md-80 { padding-right:80px; } .padding-right-md-85 { padding-right:85px; } .padding-right-md-90 { padding-right:90px; } .padding-right-md-95 { padding-right:95px; } .padding-right-md-100 { padding-right:100px; } } @media (min-width:1160px) { .padding-right-lg-0 { padding-right:0px; } .padding-right-lg-5 { padding-right:5px; } .padding-right-lg-10 { padding-right:10px; } .padding-right-lg-15 { padding-right:15px; } .padding-right-lg-20 { padding-right:20px; } .padding-right-lg-25 { padding-right:25px; } .padding-right-lg-30 { padding-right:30px; } .padding-right-lg-35 { padding-right:35px; } .padding-right-lg-40 { padding-right:40px; } .padding-right-lg-45 { padding-right:45px; } .padding-right-lg-50 { padding-right:50px; } .padding-right-lg-55 { padding-right:55px; } .padding-right-lg-60 { padding-right:60px; } .padding-right-lg-65 { padding-right:65px; } .padding-right-lg-70 { padding-right:70px; } .padding-right-lg-75 { padding-right:75px; } .padding-right-lg-80 { padding-right:80px; } .padding-right-lg-85 { padding-right:85px; } .padding-right-lg-90 { padding-right:90px; } .padding-right-lg-95 { padding-right:95px; } .padding-right-lg-100 { padding-right:100px; } } .bg-white { background-color:#ffffff; } .bg-gray { background-color:#e6e6e4; } .color-white { color:#ffffff; } .color-black { color:#000000; } .color-white-i, .color-white--i { color:#ffffff!important; } .color-black-i, .color-black--i { color:#000000!important; } .container-frame { margin-top:44px!important; } .container-1160 { max-width:1160px; margin:0 auto; width:100%; } .container-wide { max-width:100%; margin:0 auto; width:100%; } .a-icon { position:relative; } .a-icon-after:after, .a-icon-before:before { display:block; content:""; position:absolute; top:50%; transform: translate(0, -50%)!important; margin:0 18px; } .a-icon-top-after:after, .a-icon-top-before:before { top:8px; transform: translate(0, 0)!important; } .a-icon-after:after { left:100%; } .a-icon-before:before { right:100%; } .a-icon-after.a-icon-arrowRight-white:after, .a-icon-before.a-icon-arrowRight-white:before { width:8px; height:12px; background:url('/-a114791---Cgm1_ug_/arrow-right-white-2') no-repeat left center; background-size:contain; } .a-icon-after.a-icon-arrowBottom-white:after, .a-icon-before.a-icon-arrowBottom-white:before { width:8px; height:12px; background:url('/-a114791---Cgm1_ug_/arrow-right-white-2') no-repeat left center; background-size:contain; transform:translate(0, -50%) rotate(90deg)!important; } .a-icon-after.a-icon-arrowTop-white:after, .a-icon-before.a-icon-arrowTop-white:before { width:8px; height:12px; background:url('/-a114791---Cgm1_ug_/arrow-right-white-2') no-repeat left center; background-size:contain; transform:translate(0, -50%) rotate(-90deg)!important; } .a-icon-after.a-icon-list:after, .a-icon-before.a-icon-list:before { width:16px; height:25px; background:url('/-a115658---r0B_GY_N/icon-list-png') no-repeat left center; background-size:contain; margin:0 10px; } .a-icon-center:after, .a-icon-center:before { left:50%; right:auto; top:50%; transform: translate(-50%,-50%)!important; margin:0; } .a-icon-small:after, .a-icon-small:before { width:6px!important; height:10px!important; margin:0 10px; } .a-button, .a-button:link, a-button:visited, a-button:active, a-button:focus { display:inline-block; background-color:#4a9536; border-radius:5px; font-size:15px; text-align:center; text-decoration:none; opacity:1; transition:opacity 200ms; color:#ffffff; font-family:"MontserratRegular"; border:0; cursor:pointer; } .a-button--blue { background-color:#227fc6!important; color:#ffffff!important; } .a-button--green { background-color:#4a9536!important; color:#ffffff!important; } .a-button--black { background-color:#000000!important; color:#ffffff!important; } .a-button--red { background-color:#cd155e!important; color:#ffffff!important; } .a-button-shadow { box-shadow:0 1px 2px 0px rgba(0,0,0,0.45); } .a-button:active, .a-button:visited { color:#ffffff; } .a-button:hover { opacity:0.8; transition:opacity 200ms; color:#ffffff; } .a-button > span { display:inline-block; padding:12px 30px 12px 30px; line-height:1; text-align:left; } .a-button > span span { display:inline-block; } .a-button-multiline > span { padding:12px 30px 12px 30px; } .a-button-icon > span { padding-left:50px; } .a-button-icon-right > span { padding-right:50px; } .a-button-small, .a-button--small { font-size:11px; line-height:1; } .a-button-small > span { padding:12px 15px 12px 30px; } .a-button-small.a-button-icon > span { padding-left:35px; } .a-button-small.a-button-icon-right > span { padding-right:35px; } .a-button-wide { width:100%; } .a-button-list { border-radius:0; text-transform:uppercase; } .a-button-list > span { padding:15px 16px 15px 41px!important; } @media(min-width:769px) { .a-button { font-size:17px; } .a-button-small { font-size:11px; } .a-button > span { padding:15px 30px 15px 30px; } .a-button-icon > span { padding-left:50px; } .a-button-small > span { padding:12px 15px 12px 30px; } .a-button-icon-right > span { padding-right:50px; } .a-button-small.a-button-icon > span { padding-left:35px; } .a-button-small.a-button-icon-right > span { padding-right:35px; } .a-button-wide { width:auto; } } @media(min-width:1060px) { .a-button { font-size:20px; } .a-button-small, .a-button--small{ font-size:11px; } .a-button > span { padding:22px 30px 22px 30px; } .a-button-small > span { padding:12px 15px 12px 30px; } .a-button--small > span { padding:12px 15px 12px 15px; } .a-button-icon > span { padding-left:50px; } .a-button-small.a-button-icon > span { padding-left:35px; } .a-button-icon-right > span { padding-right:50px; } .a-button-small.a-button-icon-right > span { padding-right:35px; } .a-button-300 { min-width:300px; } } .bottom-right-banner { position:fixed; top:100%; right:0; transform:translateY(0); transition: transform 200ms ease; display:inline-block; z-index:200; } .bottom-right-banner__slide { transform:translateY(-100%); transition: transform 300ms ease; } .bottom-right-banner__close { display:block; width:25px; height:25px; background:url('/-a115339---vicJcV1O/close-banner') no-repeat center center; background-size:cover!important; cursor:pointer; position:absolute; top:10px; right:10px; display:block; z-index:200; } @media(min-width:760px) { .bottom-right-banner__close { width:20px; height:20px; } } .vizual-fb__button { position:absolute; left:10px; right:10px; bottom:20px; z-index:10; text-align:center; } .vizual-fb__content { border:1px solid #e5e5e5; } .main__vizual-button { position:absolute; right:20px; bottom:20px; } .box-magazine-number-images { display: flex; flex-flow:row wrap; position:relative; z-index:3; } .box-magazine-number-image { width:50%; display:block; overflow:hidden; } .box-magazine-number-image img { transform:scale(1); transition:transform 200ms; } .box-magazine-number-image:hover img { transform:scale(1.1); transition:transform 300ms; position:relative; z-index:3; } .box-magazine-number-archive a, .box-magazine-number-view, .box-magazine-number-download { font-family:"AthitiRegular"; font-size:20px; line-height:24px; } .box-magazine-number-view { margin-top:20px; } .box-magazine-number-valid { font-family:"AthitiRegular"; font-size:18px; line-height:25px; } .box-magazine-number-valid strong { font-family:"AthitiBold"; } .box-magazine-number-1 { margin-top:-92px; margin-right:-80px; } @media(min-width:400px) { .box-magazine-number-image { width:33.33%; } } @media (max-width:759px) { .box-magazine-number-cover { background-image:none!important; margin-bottom:20px; } .box-magazine-number-cover img { display:inline-block; } } @media (min-width:600px) { .box-magazine-number-image { width:20%; } .box-magazine-number-image--all { width:25%; } } @media (min-width:768px) { .box-magazine-number-cover img { display:none; } .box-magazine-number-cover { background-size:cover!important; } .box-magazine-number-images { margin-top:2.5%; } .box-magazine-number-leaflet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; flex-flow:row nowrap; } .box-magazine-number-image { width:25%; } .box-magazine-number-button-magazine { text-align:center; } .box-magazine-number-valid, .box-magazine-number-archive { text-align:left; } .box-magazine-number-button-recipes { text-align:right; } } @media (min-width:800px) { .box-magazine-number-image { width:25%; } .box-magazine-number-image--all { width:20%; } } .box-magazine-newsletter .mailkit_instance .mailkit_submit { margin-top:0; } .box-magazine-newsletter .mailkit_instance .eac-input-wrap { height:100%; } .box-magazine-newsletter .newsletter-consent__checkbox { width: 30px; height: 30px; position: absolute; left: 0; top: 2px; display:block; } .box-magazine-newsletter-content { background:url('/-a113733---sfcipSsX/bg-newsletter') no-repeat top center; background-size:cover; min-height:340px; } .box-magazine-newsletter .newsletter-form-right { margin-top:10px; } .box-magazine-newsletter-body, .box-magazine-newsletter-title, .box-magazine-newsletter-subtitle { font-size:25px; line-height:30px; font-family:"AthitiRegular"; color:#000000; } .box-magazine-newsletter-body strong, .box-magazine-newsletter-title { font-family:"FuturaTotBold"; } .box-magazine-newsletter-pagelet { margin-top:15px; } .box-magazine-newsletter .newsletter-consent-desktop { display:none; } .box-magazine-newsletter input[type="text"] { width:100%; height: 50px; line-height: 50px; text-align: left; padding: 0 20px; font-size: 20px!important; border: 5px solid #86c295; color:#4c4c4c; font-family:"MontserratRegular"; border-radius: 6px; } .box-magazine-newsletter .mailkit_instance .eac-sugg { height:50px; line-height:50px; font-family:"MontserratRegular"; font-size: 20px; padding-left:95px; } .box-magazine-newsletter button { height: 50px; line-height: 50px; border: none; width: 100%; cursor: pointer; background-color: #86c295; font-size: 20px; color:#ffffff; font-family:"MontserratRegular"; border-radius: 6px; } .box-magazine-newsletter input[type="text"]::-webkit-input-placeholder { color: #4c4c4c; text-align:left; } .box-magazine-newsletter input[type="text"]:-moz-placeholder { color: #4c4c4c; text-align:left; } .box-magazine-newsletter input[type="text"]::-moz-placeholder { color: #4c4c4c; text-align:left; } .box-magazine-newsletter input[type="text"]:-ms-input-placeholder { color: #4c4c4c; text-align:left; } .box-magazine-newsletter input[name="agreement"] { opacity:0; position:absolute; top:0; left:0; z-index:1; width: 100%; height: 100%; margin:0; } .box-magazine-newsletter input[name="agreement"]:checked ~ .checkbox-label:after { opacity: 1; transition: opacity 300ms ease-in-out; } .box-magazine-newsletter .checkbox-label { width: 100%; height: 100%; display: block; border: 4px solid #86c295; border-radius: 6px; background-color: #ffffff; cursor: pointer; position: absolute; left:0; top:0; z-index:2; } .box-magazine-newsletter .checkbox-label:after { content: ""; position: absolute; display: block; width: 15px; height: 11px; background:url('/-a113746---BMazsrTx/checked') no-repeat center; opacity: 0; transition: opacity 200ms ease-in-out; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); background-size: contain; } .box-magazine-newsletter .newsletter-consent { margin-top:29px; padding-left:45px; font-size:15px; line-height:20px; position:relative; font-family:"MontserratRegular"; text-align:left; } .box-magazine-newsletter newsletter-consent .consent { text-align:left; display:block; padding-top:6px; } .box-magazine-newsletter input:focus {border: 2px solid #900;} .box-magazine-newsletter #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px; padding-bottom:10px;} .box-magazine-newsletter #mkt_result { text-align:center; position: absolute;} .box-magazine-newsletter .mkt-error { font-size:16px; color:#900; padding-left:5px;} .box-magazine-newsletter #agreement-error { font-size:15px;color:#900; top:0px; position:relative; padding:10px 0; font-size:16px;} .box-magazine-newsletter .mkt-success { font-size:16px; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} .box-magazine-newsletter .mkt-suggest { color: #; } .box-magazine-newsletter a.suggestion { color:#e12f28;;} .box-magazine-newsletter .mkt_email2 {color:#666666;padding-top:0!important;line-height:50px!important;font-size: 20px;} .box-magazine-newsletter #email-error {color:#900; top:0px; position:relative; padding:10px 0; font-size:16px;} .box-magazine-newsletter .eac-input-wrap {width:100%;} .box-magazine-newsletter .validation-error {padding:10px 0;} .box-magazine-newsletter .validation-success {color:#000000;} @media (min-width:760px) { .box-magazine-newsletter .newsletter-form-left { float:left; width:calc(100% - 160px); } .box-magazine-newsletter .newsletter-form-right { float:right; width:160px; margin-top:0; } .box-magazine-newsletter input[type="text"] { border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; height: 70px; line-height: 70px; } .box-magazine-newsletter .mailkit_instance .eac-sugg { height:70px; line-height:70px; } .box-magazine-newsletter button { border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; height: 70px; line-height: 70px; } .box-magazine-newsletter .newsletter-consent__checkbox { width: 44px; height: 44px; position: absolute; left: 0; top: 2px; display:block; } .box-magazine-newsletter .checkbox-label { width:44px; height:44px; border-width:5px; } .box-magazine-newsletter .checkbox-label:after { width: 15px; height: 12px; } .box-magazine-newsletter .newsletter-consent { padding-left:60px; font-size:16px; line-height:20px; } .box-magazine-newsletter .mkt_email2 {color:#666666;padding-top:0!important;line-height:70px!important;font-size: 20px;} } @media (min-width:1000px) { .box-magazine-newsletter-content:after { display:block; top:45px; bottom:45px; position:absolute; left:calc(50% - 2px); width:2px; z-index:2; content:""; background:url('/-a113744---PPvz9pN4/border') repeat-y top center; } } .box-magazine-recipes-item-info { padding:20px; } .box-magazine-recipes-item { z-index:3; position:relative; } .box-magazine-recipes-item-image { margin-top:20px; overflow:hidden; } .box-magazine-recipes-item-image img { display:block!important; } .box-magazine-recipes-1 { bottom:100%; margin-bottom:-30px; margin-left:-30px; margin-bottom:-18%; margin-left:-9.5%; } @media (min-width:470px) { .box-magazine-recipes-item-title { overflow:hidden; } .box-magazine-recipes-item-info-title { height:90px; overflow:hidden; } } @media (min-width:470px) and (max-width:759px) { .box-magazine-recipes-item-tags { min-height:135px; } } @media (min-width:760px) { .box-magazine-recipes-item-info { position:absolute; top:100%; left:0; right:0; background-color:rgba(255,255,255,0.8); transform:translateY(-120px); transition: transform 200ms ease-in-out; min-height:150px; } .box-magazine-recipes-item-image:hover .box-magazine-recipes-item-info { transform:translateY(-100%); transition: transform 300ms ease-in-out; } } @media (min-width:820px) { .box-magazine-recipes-item-info-title { } .box-magazine-recipes-item-info { position:absolute; top:100%; left:0; right:0; background-color:rgba(255,255,255,0.8); transform:translateY(-100px); transition: transform 200ms ease-in-out; min-height:150px; } } @media (min-width: 1060px) { .box-magazine-recipes-1 { max-width:25%; } } @media (min-width: 1200px) { .box-magazine-recipes-1 { max-width:25%; } } @media (max-width:1059px) { .box-magazine-recipes-item-button a > span { font-size:12px; line-height:14px; } .box-magazine-recipes-item-button a { width:100%; } } @media(min-width:470px) { .section-magazine-archive .centered-preview-h { min-height:80px; } .section-magazine-archive .centered-preview-control { min-height:70px; } } @media(min-width:1000px) { .section-magazine-archive .centered-preview-h { min-height:50px; } } .box-magazine-videorecipes .box-magazine-videorecipes-video-text { text-align:center; padding:20px; } .box-magazine-videorecipes .box-magazine-videorecipes-title { margin-top:10px; font-size:15px; line-height:18px; } .box-magazine-videorecipes .box-magazine-videorecipes-video-wrap { overflow:hidden; } .box-magazine-videorecipes .box-magazine-videorecipes-video-wrap:before { z-index:100; } @media(min-width:470px) { .box-magazine-videorecipes .box-magazine-videorecipes-title { font-size:15px; line-height:18px; height:54px; overflow:hidden; } } @media(min-width:760px) { .box-magazine-videorecipes .box-magazine-videorecipes-title { font-size:18px; line-height:21px; height:50px; overflow:hidden; } } #magazine-box--preview { z-index:100; position:relative; } .magazine-box--hide { display:none; overflow:hidden; } .section-magazine h2 { color:#edb725!important; } .section-magazine .a-button { background-color:#edb725!important; border-radius:0!important; } .section-magazine .box-magazine-newsletter button { background-color:#edb725!important; } .section-magazine .box-magazine-newsletter input[type="text"] { border-color:#edb725!important; } .section-magazine .box-magazine-newsletter .checkbox-label { border-color:#edb725!important; } .o_praci_u_nas table { border:1px solid #000000; } .o_praci_u_nas tr { min-height:20px; } .o_praci_u_nas th, .o_praci_u_nas td { border:none; word-break: break-word; } .o_praci_u_nas tbody tr:nth-of-type(1) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(2) { border-bottom:1px solid #000000; border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(4) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(5) { border-bottom:1px solid #000000; border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(7) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(8) { border-bottom:1px solid #000000; border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(10) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(1), .o_praci_u_nas tbody tr:nth-of-type(2) { background-color:#d9e2f3; } .o_praci_u_nas tbody tr:nth-of-type(4), .o_praci_u_nas tbody tr:nth-of-type(5) { background-color:#fef2cb } .o_praci_u_nas tbody tr:nth-of-type(7), .o_praci_u_nas tbody tr:nth-of-type(8) { background-color:#e2efd9; } .o_praci_u_nas tbody td { border-right:1px solid #cecece; } .o_praci_u_nas tbody td:last-of-type { border-right:none; } .o_praci_u_nas tbody td span { display:none; } @media(max-width:999px) { .o_praci_u_nas th, .o_praci_u_nas td { display:block; } .o_praci_u_nas thead { display:none; } .o_praci_u_nas tbody td { position:relative; padding-left:150px; } .o_praci_u_nas tbody td span { display:inline-block; width:100px; position:absolute; left:20px; font-weight:bold; } .o_praci_u_nas tbody tr td:nth-of-type(5) { padding-bottom:20px; } .o_praci_u_nas tbody tr:nth-of-type(2) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(5) { border-top:1px solid #000000; } .o_praci_u_nas tbody tr:nth-of-type(8) { border-top:1px solid #000000; } } @media(min-width:1000px) { .o_praci_u_nas tbody tr td:nth-of-type(6), .o_praci_u_nas tbody tr th:nth-of-type(6) { width:53px; } .o_praci_u_nas tbody tr td:nth-of-type(4), .o_praci_u_nas tbody tr th:nth-of-type(4) { width:64px; } .o_praci_u_nas tbody tr td:nth-of-type(8), .o_praci_u_nas tbody tr th:nth-of-type(8) { width:21%; } .o_praci_u_nas tbody tr td:nth-of-type(7), .o_praci_u_nas tbody tr th:nth-of-type(7) { width:15%; } } .article-position--desktop { display:none; } .article-position table thead tr { background-color:#c8c8c8!important; } .article-position table tbody tr { border-top:none!important; border-bottom:1px solid #000000!important; } @media (max-width: 999px) { .article-position table tbody td { border-right:0!important; } .article-position table tbody tr { background-color:#dcdcdc!important; } } @media (min-width: 1000px) { .article-position--desktop { display:block; } .article-position--mobile { display:none; } .article-position table tbody tr { background-color:#ffffff!important; } .article-position table tbody tr:nth-of-type(1) { background-color:#dcdcdc!important; } .article-position tbody tr td:nth-of-type(1), .article-position tbody tr th:nth-of-type(1) { width:150px; } .article-position tbody tr td:nth-of-type(2), .article-position tbody tr th:nth-of-type(2) { width:65px; } .article-position tbody tr td:nth-of-type(3), .article-position tbody tr th:nth-of-type(3) { width:60px; } .article-position tbody tr td:nth-of-type(4), .article-position tbody tr th:nth-of-type(4) { width:53px; } .article-position tbody tr td:nth-of-type(6), .article-position tbody tr th:nth-of-type(6) { width:190px; } } .price-box { display:inline-block; font-family:"ProximaNovaExtraBold"; } .price-box__integer { line-height:23px; font-size:43px; padding-right:2px; } .price-box__decimal, .price-box__old { font-size:18px; line-height:1; } .price-box__top { background-color:#FFDA00; padding:4px 4px 0 6px; min-height:48px; } .price-box__bottom { height:30px; font-size:16px; line-height:23px; } .price-box__left, .price-box__right { min-width:50px; } .price-box .line-through { position:relative; } .price-box .line-through:after { content:""; position:absolute; border: 1px solid #D60000; display:block; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-21deg); width:90%; } .price-box .price-box--sale svg { width:17px; margin-left:5px; position:relative; top:-2px; } .price-box__bottom { position:relative; overflow:hidden; color:#ffffff; height:30px; line-height:30px; background:url('') no-repeat center; background-size:100% 30px; } .price-box-2 { background:url('/-a126864---qjpfh1xi/price-bg') no-repeat center; background-size:contain; width:114px; height:119px; font-family:"AlbertDraft"; font-size: 28px; line-height: 34px; } .price-box-2--small { transform:scale(0.7); } .price-box-2__top { height:35%; padding:5px 0 0 8px; } .price-box-2__bottom { height:65%; padding:5px 8px 5px 8px; } .price-box-2__old { width:40%; font-size:76%; line-height:1; padding-bottom:5%; } .price-box-2__old--3 .price-box-2__old { font-size:76%; } .price-box-2__old--4 .price-box-2__old { font-size:66%; } .price-box-2__sale { width:60%; font-size:90%; line-height:1; position:relative; font-family:"AlbertDraft"; margin-top:2px; } .price-box-2__sale > span { background:url('/-a126865---II9gQgCm/sale-black') no-repeat center; background-size:contain; display:block; padding:4px 5px; color:#ffffff; font-size:100%; line-height:1; width:113%; left:0; top:3px; bottom:0px; position:absolute; text-align:center; } .price-box-2__sale--red .price-box-2__sale > span { background:url('/-a126887---V35z1vg6/sale-red') no-repeat center; background-size:contain; } .price-box-2__integer { font-size:260%; padding-right:4px; line-height:1; min-width:55%; text-align:right; } .price-box-2__price--3 .price-box-2__integer { font-size:250%; } .price-box-2__price--3 .price-box-2__decimal { font-size:175%; } .price-box-2__price--4 .price-box-2__integer { font-size:200%; } .price-box-2__price--4 .price-box-2__decimal { font-size:140%; } .price-box-2__decimal { font-size:180%; line-height:1; padding-left:4px; } .price-box-2 .line-through { position:relative; } .price-box-2 .price-box--sale svg { width:17px; margin-left:5px; position:relative; top:-2px; } .price-box-2 .line-through:after { content:""; position:absolute; display:block; left:-16px; top:0; right:0; bottom:0; z-index:1; background:url('/-a126863---w7U6E3WO/line') no-repeat center; } .price-box-3 { background:url('/-a130059---zBZa6CAw/cenovka-3-bg') no-repeat center; background-size:contain; width:114px; height:119px; font-family:"AlbertDraft"; font-size: 28px; line-height: 34px; position:relative; margin-top:20px; } .price-box-3:before { content:""; position:absolute; bottom:92%; left:-10px; displlay:block; width:90%; height:42px; background:url('/-a130062---9db0WyEJ/cenovka-3-top') no-repeat center; background-size:contain; } .price-box-3--small { transform:scale(0.7); } .price-box-3__top { height:35%; padding:5px 0 0 8px; } .price-box-3__bottom { height:65%; padding:5px 8px 5px 8px; } .price-box-3__old { width:40%; font-size:76%; line-height:1; padding-bottom:5%; } .price-box-3__old--3 .price-box-3__old { font-size:76%; } .price-box-3__old--4 .price-box-3__old { font-size:66%; } .price-box-3__sale { width:60%; font-size:90%; line-height:1; position:relative; font-family:"AlbertDraft"; margin-top:2px;; } .price-box-3__sale > span { background:url('/-a126865---II9gQgCm/sale-black') no-repeat center; background-size:contain; display:block; padding:4px 5px; color:#ffffff; font-size:100%; line-height:1; width:113%; left:0; top:3px; bottom:0px; position:absolute; text-align:center; } .price-box-3__sale--red .price-box-3__sale > span { background:url('/-a126887---V35z1vg6/sale-red') no-repeat center; background-size:contain; } .price-box-3__integer { font-size:260%; padding-right:4px; line-height:1; min-width:55%; text-align:right; } .price-box-3__price--3 .price-box-3__integer { font-size:250%; } .price-box-3__price--3 .price-box-3__decimal { font-size:175%; } .price-box-3__price--4 .price-box-3__integer { font-size:200%; } .price-box-3__price--4 .price-box-3__decimal { font-size:140%; } .price-box-3__decimal { font-size:180%; line-height:1; padding-left:4px; } .price-box-3 .line-through { position:relative; } .price-box-3 .price-box--sale svg { width:17px; margin-left:5px; position:relative; top:-2px; } .price-box-3 .line-through:after { content:""; position:absolute; display:block; left:-16px; top:0; right:0; bottom:0; z-index:1; background:url('/-a126863---w7U6E3WO/line') no-repeat center; } .price-box-4 { background:url('/-a126864---qjpfh1xi/price-bg') no-repeat center; background-size:contain; width:114px; height:119px; font-family:"AlbertDraft"; font-size: 28px; line-height: 34px; } .price-box-4--small { transform:scale(0.7); } .price-box-4__top { height:35px; background:url('/-a142796---rgBg_mNx/sale-black-supercena') no-repeat center; background-size:contain; margin-left:13px; margin-top:9px; width:92%; } .price-box-4__bottom { height:65%; padding:5px 8px 5px 8px; } .price-box-4__old { width:40%; font-size:76%; line-height:1; padding-bottom:5%; } .price-box-4__old--3 .price-box-4__old { font-size:76%; } .price-box-4__old--4 .price-box-4__old { font-size:66%; } .price-box-4__integer { font-size:260%; padding-right:4px; line-height:1; min-width:55%; text-align:right; } .price-box-4__price--3 .price-box-4__integer { font-size:250%; } .price-box-4__price--3 .price-box-4__decimal { font-size:175%; } .price-box-4__price--4 .price-box-4__integer { font-size:200%; } .price-box-4__price--4 .price-box-4__decimal { font-size:140%; } .price-box-4__decimal { font-size:180%; line-height:1; padding-left:4px; } .price-box-5 { font-family:"AlbertDraft"; font-size: 28px; line-height: 34px; position:relative; } .price-box-5--bg { background:url('/-a147327---N_7-6tAs/cenovka-muj-albert-top-png') no-repeat center top; background-size:contain; position:relative; z-index:10; width:123px; height:126px; margin-left:28%; } .price-box-5--small { transform:scale(0.7); } .price-box-5__top { height:35%; padding:5px 0 0 8px; } .price-box-5__bottom { height:65%; padding:5px 8px 5px 8px; } .price-box-5__old { width:40%; font-size:76%; line-height:1; padding-bottom:5%; padding-left:5%; } .price-box-5__old--3 .price-box-5__old { font-size:76%; } .price-box-5__old--4 .price-box-5__old { font-size:66%; } .price-box-5__sale { width:60%; font-size:90%; line-height:1; position:relative; font-family:"AlbertDraft"; margin-top:2px; } .price-box-5__sale > span { background:url('/-a126865---II9gQgCm/sale-black') no-repeat center; background-size:contain; display:block; padding:4px 5px; color:#ffffff; font-size:100%; line-height:1; width:113%; left:0; top:3px; bottom:0px; position:absolute; text-align:center; } .price-box-5__sale--red .price-box-5__sale > span { background:url('/-a126887---V35z1vg6/sale-red') no-repeat center; background-size:contain; } .price-box-5__integer { font-size:260%; padding-right:4px; line-height:1; min-width:55%; text-align:right; } .price-box-5__price--3 .price-box-5__integer { font-size:250%; } .price-box-5__price--3 .price-box-5__decimal { font-size:175%; } .price-box-5__price--4 .price-box-5__integer { font-size:200%; } .price-box-5__price--4 .price-box-5__decimal { font-size:140%; } .price-box-5__decimal { font-size:180%; line-height:1; padding-left:4px; } .price-box-5 .line-through { position:relative; } .price-box-5 .price-box--sale svg { width:17px; margin-left:5px; position:relative; top:-2px; } .price-box-5 .line-through:after { content:""; position:absolute; display:block; left:-10px; top:0; right:0; bottom:0; z-index:1; background:url('/-a126863---w7U6E3WO/line') no-repeat center; } .price-box-5--kredit { background:url('/-a147328---XfD2nPJq/cenovka-muj-albert-bottom-png') no-repeat center; background-size:contain; width:191px; height:91px; position:relative; top:100%; z-index:2; transform:translateY(-7px); } .price-box-5--circle { padding:10px; position:absolute; top:10%; left:12%; font-family:"TradeGothicLTProBC20Fixed"; color:#ffffff; font-size:53px; line-height:53px; text-align:center; } .price-box-5--text { padding:10px; position:relative; top:28%; left:40%; width:64px; font-family:"FuturaTotMedium"; color:#000000; text-transform:uppercase; font-size:15px; line-height:35px; text-align:center; } .price-box-6 { font-family:"AlbertDraft"; font-size: 28px; line-height: 34px; position:relative; } .price-box-6--bg { background:url('/-a147327---N_7-6tAs/cenovka-muj-albert-top-png') no-repeat center top; background-size:contain; position:relative; z-index:10; width:123px; height:126px; margin-left:28%; padding-top:2px; } .price-box-6--small { transform:scale(0.7); } .price-box-6__top { height:35px; background:url('/-a142796---rgBg_mNx/sale-black-supercena') no-repeat center; background-size:contain; margin-left:13px; margin-top:9px; width:92%; } .price-box-6__bottom { height:65%; padding:5px 8px 5px 8px; } .price-box-6__old { width:40%; font-size:76%; line-height:1; padding-bottom:5%; } .price-box-6__old--3 .price-box-6__old { font-size:76%; } .price-box-6__old--4 .price-box-6__old { font-size:66%; } .price-box-6__integer { font-size:260%; padding-right:4px; line-height:1; min-width:55%; text-align:right; } .price-box-6__price--3 .price-box-6__integer { font-size:250%; } .price-box-6__price--3 .price-box-6__decimal { font-size:175%; } .price-box-6__price--4 .price-box-6__integer { font-size:200%; } .price-box-6__price--4 .price-box-6__decimal { font-size:140%; } .price-box-6__decimal { font-size:180%; line-height:1; padding-left:4px; } .price-box-5--kredit { background:url('/-a147328---XfD2nPJq/cenovka-muj-albert-bottom-png') no-repeat center; background-size:contain; width:191px; height:91px; position:relative; top:100%; z-index:2; transform:translateY(-7px); } .price-box-5--circle { padding:10px; position:absolute; top:10%; left:12%; font-family:"TradeGothicLTProBC20Fixed"; color:#ffffff; font-size:53px; line-height:53px; text-align:center; } .price-box-5--text { padding:10px; position:relative; top:28%; left:40%; width:64px; font-family:"FuturaTotMedium"; color:#000000; text-transform:uppercase; font-size:15px; line-height:35px; text-align:center; } .form-modern .form-modern__label { margin-bottom:5px; display:inline-block; } .form-modern .form-modern__label--2 { margin-bottom:5px; font-size:15px; line-height:18px; color:#cecece; } .form-modern__label--small { font-size:16px; line-height:21px; } .form-modern .require { color:#f53b3b; font-weight:normal; } .form-modern .require-inherit { color:inherit; font-weight:normal; } .form-modern .form-modern__consent .require { margin-left:17px; } .form-modern .form-modern__separator { height:1px; background-color:rgba(206, 206, 206, 0.6); } .form-modern .form-modern__input-text, .form-modern .form-modern__input-textarea, .form-modern .form-modern__input-select { height:40px; line-height:40px; padding:0 10px; border-radius:5px; border-color:#cecece; background-color:#ffffff; width:100%; border-width:1px; outline:none!important; } .form-modern .form-modern__input-textarea { height:200px; } .form-modern .error .form-modern__input-text, .form-modern .error .form-modern__input-textarea, .form-modern .error .form-modern__input-select { border-color:#f53b3b; } .form-modern .form-modern__input-error { border:1px solid #f53b3b; } .form-modern--error { color:#f53b3b; } .form-modern__button { border-radius:5px; color:#ffffff; background-color:#227fc6; padding:0 30px; font-size:18px; width:100%; height:40px; line-height:40px; border:none; margin-top:20px; cursor:pointer; opacity:0.8; transition:opacity 0.2s; border:0; } .form-modern__button:hover { opacity:1; transition:opacity 0.3s; } .form-modern__button--blue { background-color:#227fc6; } .form-modern__consent { position:relative; padding-left:30px; margin-top:20px; } .form-modern__consent-checkbox { position:absolute; left:0; top:3px; width:15px; height:15px; } .form-modern__consent-checkbox-label, .form-modern__consent-checkbox-input { position:absolute; left:0; top:0; width:100%; height:100%; } .form-modern__consent-checkbox-input { z-index:2; opacity:0; margin:0; } .form-modern__consent-checkbox-label { border:1px solid #cecece; border-radius:3px; background-color:#ffffff; z-index:1; cursor:pointer; } .form-modern__consent-checkbox-label:after { content:""; position:absolute; display:block; width:15px; height:11px; background:url('/-a114779---dELJOb8T/checked-gray') no-repeat center; opacity:0; transition: opacity 200ms ease-in-out; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); background-size:contain; } .form-modern__consent-checkbox-input:checked ~ .form-modern__consent-checkbox-label:after { opacity:1; transition: opacity 300ms ease-in-out; } .form-modern__radio { position:absolute; left:0; top:3px; width:18px; height:18px; border-radius:9px; } .form-modern__radio-label, .form-modern__radio-input { position:absolute; left:0; top:0; width:100%; height:100%; } .form-modern__radio-input { z-index:2; opacity:0; margin:0; } .form-modern__radio-label { border:1px solid #cecece; border-radius:8px; background-color:#ffffff; z-index:1; cursor:pointer; } .form-modern__radio-label:after { content:""; position:absolute; display:block; width:14px; height:14px; background-color:#227fc6; border-radius:7px; opacity:0; transition: opacity 200ms ease-in-out; margin:0 auto; left:50%; top:50%; transform:translate(-50%, -50%); background-size:contain; } .form-modern__radio-input:checked ~ .form-modern__radio-label:after { opacity:1; transition: opacity 300ms ease-in-out; } @media (min-width:759px) { .form-modern__button { width:auto; } } .star-rating__stars { position: relative; height: 25px; width: 125px; background: url(/-a130726---7rzZCZss/off-svg); background-size: 25px 25px; } .star-rating__label { position: absolute; height: 100%; background-size: 25px 25px; cursor:pointer; } .star-rating__input { margin: 0; position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .star-rating__stars .star-rating__label:nth-of-type(1) { z-index: 5; width: 20%; } .star-rating__stars .star-rating__label:nth-of-type(2) { z-index: 4; width: 40%; } .star-rating__stars .star-rating__label:nth-of-type(3) { z-index: 3; width: 60%; } .star-rating__stars .star-rating__label:nth-of-type(4) { z-index: 2; width: 80%; } .star-rating__stars .star-rating__label:nth-of-type(5) { z-index: 1; width: 100%; } .star-rating__input:checked + .star-rating__label, .star-rating__input:focus + .star-rating__label, .star-rating__label:hover { background-image: url(/-a130728---tt7tJZfB/on-svg-2); } .star-rating__label:hover ~ .star-rating__label { background-image: url(/-a130726---7rzZCZss/off-svg); } .star-rating__input:focus ~ .star-rating__focus { position: absolute; top: -.25em; right: -.25em; bottom: -.25em; left: -.25em; outline: 0.25rem solid lightblue; } .healthly-inspiration { margin-bottom:20px; } .healthly-inspiration p { margin-bottom:5px; } .healthly-inspiration__title { color:#004d1b; font-weight:bold; } .healthly-inspiration__body--top { } .healthly-inspiration__body--bottom { } .healthly-inspiration__body--variant { padding:10px 15px; margin-bottom:5px; } .healthly-inspiration__body--variant span { text-transform:uppercase; font-size:20px; font-weight:bold; } .healthly-inspiration__body--vitamin_c { background-color:#ffdf4a; } .healthly-inspiration__body--vitamin_c span { color:#896602; } .healthly-inspiration__body--vitamin_a { background-color:#ffdf4a; } .healthly-inspiration__body--vitamin_a span { color:#896602; } .healthly-inspiration__body--vlaknina { background-color:#d27b56; } .healthly-inspiration__body--vlaknina span { color:#623b2a; } @font-face { font-family: "OpenSans"; src: url("/-a42--eot-gXD7q7In/opensans-bold?_linka=a27607"); src: url("/-a42--eot-gXD7q7In/opensans-bold?_linka=a27607#iefix") format('embedded-opentype'), url("/-a42--woff-dD4rb6g2/opensans-bold?_linka=a27607") format('woff'), url("/-a42--ttf-5Sjj7ZQz/opensans-bold?_linka=a27607") format('truetype'), url("/-a42--svg-o2SiWSpb/opensans-bold?_linka=a27607#OpenSansBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "OpenSans"; src: url("/-a43--eot-nFYO2zDP/opensans-bolditalic?_linka=a27608"); src: url("/-a43--eot-nFYO2zDP/opensans-bolditalic?_linka=a27608#iefix") format('embedded-opentype'), url("/-a43--woff-ld_iXZEg/opensans-bolditalic?_linka=a27608") format('woff'), url("/-a43--ttf-Fe2rOo1V/opensans-bolditalic?_linka=a27608") format('truetype'), url("/-a43--svg-G-crQp3v/opensans-bolditalic?_linka=a27608#OpenSansBoldItalic") format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: "OpenSans"; src: url("/-a67--eot-8HccRIdx/opensans-italic?_linka=a27611"); src: url("/-a67--eot-8HccRIdx/opensans-italic?_linka=a27611#iefix") format('embedded-opentype'), url("/-a67--woff-u78RtXSy/opensans-italic?_linka=a27611") format('woff'), url("/-a67--ttf-4brzgQqo/opensans-italic?_linka=a27611") format('truetype'), url("/-a67--svg-yHEMqbBr/opensans-italic?_linka=a27611#OpenSansItalic") format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: "OpenSans"; src: url("/-a70--eot-uee3F3DG/opensans-regular?_linka=a27614"); src: url("/-a70--eot-uee3F3DG/opensans-regular?_linka=a27614#iefix") format('embedded-opentype'), url("/-a70--woff-y2WzTwgV/opensans-regular?_linka=a27614") format('woff'), url("/-a70--ttf-tq-i69DX/opensans-regular?_linka=a27614") format('truetype'), url("/-a70--svg-eVopyHgZ/opensans-regular?_linka=a27614#OpenSansRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "TradeGothicLTPro"; src: url("/-a73--eot-xGxqw6ZP/tradegothicltpro-regular?_linka=a33495"); src: url("/-a73--eot-xGxqw6ZP/tradegothicltpro-regular?_linka=a33495#iefix") format('embedded-opentype'), url("/-a73--woff-aWznxjrd/tradegothicltpro-regular?_linka=a33495") format('woff'), url("/-a73--ttf-NAQV8a1t/tradegothicltpro-regular?_linka=a33495") format('truetype'), url("/-a73--svg-VMGSsPCh/tradegothicltpro-regular?_linka=a33495#TradeGothicLTProRoman") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "TradeGothicLTPro"; src: url("/-a75--eot-izYNIc4C/tradegothicltpro-bold?_linka=a37429"); src: url("/-a75--eot-izYNIc4C/tradegothicltpro-bold?_linka=a37429#iefix") format('embedded-opentype'), url("/-a75--woff-WgWbDKLY/tradegothicltpro-bold?_linka=a37429") format('woff'), url("/-a75--ttf-JBfDz8NU/tradegothicltpro-bold?_linka=a37429") format('truetype'), url("/-a75--svg-SglOZdt4/tradegothicltpro-bold?_linka=a37429#TradeGothicLTProBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "AlbertDraft"; src: url("/-a3561--eot-7P-6qGzD/albert-draft?_linka=a314680"); src: url("/-a3561--eot-7P-6qGzD/albert-draft?_linka=a314680#iefix") format('embedded-opentype'), url("/-a3561--woff-Br6h6y8h/albert-draft?_linka=a314680") format('woff'), url("/-a3561--ttf-U9NAgWzr/albert-draft?_linka=a314680") format('truetype'), url("/-a3561--svg-NhCp5wCY/albert-draft?_linka=a314680#albertdraftregular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "TradeGothicLTProBC20"; src: url("/-a37759--eot-wK1cPgrN/tradegothicltpro-bold-c?_linka=a86219"); src: url("/-a37759--eot-wK1cPgrN/tradegothicltpro-bold-c?_linka=a86219#iefix") format('embedded-opentype'), url("/-a37759--woff-Ya7rS4zN/tradegothicltpro-bold-c?_linka=a86219") format('woff'), url("/-a37759--ttf-wiCBEn8o/tradegothicltpro-bold-c?_linka=a86219") format('truetype'), url("/-a37759--svg-QxEv5gZY/tradegothicltpro-bold-c?_linka=a86219#TradeGothicLTProBC20") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "icomoon"; src: url("/-a76662--eot-zu4vW-Vq/icomoon?_linka=a149800"); src: url("/-a76662--eot-zu4vW-Vq/icomoon?_linka=a149800#iefix") format('embedded-opentype'), url("/-a76662--woff-tgI85s_h/icomoon?_linka=a149800") format('woff'), url("/-a76662--ttf-4K5Yd-3h/icomoon?_linka=a149800") format('truetype'), url("/-a76662--svg-PFr92Zdl/icomoon?_linka=a149800#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "TradeGothicLTProCn18"; src: url("/-a83887--eot-_QEqNDt6/tradegothicltpro-condensed-18?_linka=a162650"); src: url("/-a83887--eot-_QEqNDt6/tradegothicltpro-condensed-18?_linka=a162650#iefix") format('embedded-opentype'), url("/-a83887--woff-QFjoMk53/tradegothicltpro-condensed-18?_linka=a162650") format('woff'), url("/-a83887--ttf-IM2q3w8Y/tradegothicltpro-condensed-18?_linka=a162650") format('truetype'), url("/-a83887--svg-EpFjiw1n/tradegothicltpro-condensed-18?_linka=a162650#TradeGothicLTProCn18") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "CaveatRegular"; src: url("/-a84467--eot-00azKNEy/file?_linka=a165234"); src: url("/-a84467--eot-00azKNEy/file?_linka=a165234#iefix") format('embedded-opentype'), url("/-a84467--woff-Vr5l0S-9/file?_linka=a165234") format('woff'), url("/-a84467--ttf-A046Sfwd/file?_linka=a165234") format('truetype'), url("/-a84467--svg-3IqVbWJQ/file?_linka=a165234#CaveatRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "CaveatBold"; src: url("/-a84468--eot-KNccbo1b/caveat-bold?_linka=a165233"); src: url("/-a84468--eot-KNccbo1b/caveat-bold?_linka=a165233#iefix") format('embedded-opentype'), url("/-a84468--woff-c1NeWWg5/caveat-bold?_linka=a165233") format('woff'), url("/-a84468--ttf-r1lgXvS0/caveat-bold?_linka=a165233") format('truetype'), url("/-a84468--svg-6WfWy1YI/caveat-bold?_linka=a165233#CaveatBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "FutureCEBold"; src: url("/-a86462--eot-ccPUGDFD/future-ce-bold?_linka=a170773"); src: url("/-a86462--eot-ccPUGDFD/future-ce-bold?_linka=a170773#iefix") format('embedded-opentype'), url("/-a86462--woff-_SnNod7H/future-ce-bold?_linka=a170773") format('woff'), url("/-a86462--ttf-n6MptaNp/future-ce-bold?_linka=a170773") format('truetype'), url("/-a86462--svg-8k_sNt_b/future-ce-bold?_linka=a170773#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "FuturaBook"; src: url("/-a92504--eot-TwBHFY-B/futura-book?_linka=a234465"); src: url("/-a92504--eot-TwBHFY-B/futura-book?_linka=a234465#iefix") format('embedded-opentype'), url("/-a92504--woff-0oqg5in0/futura-book?_linka=a234465") format('woff'), url("/-a92504--ttf-WlSHsCO-/futura-book?_linka=a234465") format('truetype'), url("/-a92504--svg-m8e41qZq/futura-book?_linka=a234465#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "TradeGothicLTProLight"; src: url("/-a95758--eot-gFqzXPmx/tradegothicltpro-light?_linka=a202429"); src: url("/-a95758--eot-gFqzXPmx/tradegothicltpro-light?_linka=a202429#iefix") format('embedded-opentype'), url("/-a95758--woff-OhVoUHuV/tradegothicltpro-light?_linka=a202429") format('woff'), url("/-a95758--ttf-HMeMlobE/tradegothicltpro-light?_linka=a202429") format('truetype'), url("/-a95758--svg-VhvrVWY7/tradegothicltpro-light?_linka=a202429#TradeGothicLTProLight") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SlabSerifBoldCon"; src: url("/-a96600--eot-jb5FVY0X/slab-serif-bold-con?_linka=a206959"); src: url("/-a96600--eot-jb5FVY0X/slab-serif-bold-con?_linka=a206959#iefix") format('embedded-opentype'), url("/-a96600--woff-jTkz2QbR/slab-serif-bold-con?_linka=a206959") format('woff'), url("/-a96600--ttf-B7EjMoKf/slab-serif-bold-con?_linka=a206959") format('truetype'), url("/-a96600--svg-_jtROYYc/slab-serif-bold-con?_linka=a206959#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "TradeGothicLTProBC20Fixed"; src: url("/-a97852--eot-hioc6CfN/tradegothicltpro-bold-c-fixed?_linka=a213088"); src: url("/-a97852--eot-hioc6CfN/tradegothicltpro-bold-c-fixed?_linka=a213088#iefix") format('embedded-opentype'), url("/-a97852--woff-jgWwhkpE/tradegothicltpro-bold-c-fixed?_linka=a213088") format('woff'), url("/-a97852--ttf-y-CjAQni/tradegothicltpro-bold-c-fixed?_linka=a213088") format('truetype'), url("/-a97852--svg-fSIXMI7T/tradegothicltpro-bold-c-fixed?_linka=a213088#TradeGothicLTProBC20Fixed") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "FutureMedium"; src: url("/-a100469--eot-BcFhnvsg/future-medium?_linka=a221265"); src: url("/-a100469--eot-BcFhnvsg/future-medium?_linka=a221265#iefix") format('embedded-opentype'), url("/-a100469--woff-UnrQcpMf/future-medium?_linka=a221265") format('woff'), url("/-a100469--ttf-Vn1fgYAi/future-medium?_linka=a221265") format('truetype'), url("/-a100469--svg-MX9yyjcb/future-medium?_linka=a221265#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "OpenSansSemiBold"; src: url("/-a100884--eot-SxgSuFkc/opensans-semibold?_linka=a222938"); src: url("/-a100884--eot-SxgSuFkc/opensans-semibold?_linka=a222938#iefix") format('embedded-opentype'), url("/-a100884--woff-VxXq95Ed/opensans-semibold?_linka=a222938") format('woff'), url("/-a100884--ttf-apFJ0FKS/opensans-semibold?_linka=a222938") format('truetype'), url("/-a100884--svg-Ebkv1cbb/opensans-semibold?_linka=a222938#OpenSansSemiBold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "MicrobrewBanners"; src: url("/-a100885--eot-GR1xXxKK/microbrew-banners?_linka=a222896"); src: url("/-a100885--eot-GR1xXxKK/microbrew-banners?_linka=a222896#iefix") format('embedded-opentype'), url("/-a100885--woff-lqjQZQlh/microbrew-banners?_linka=a222896") format('woff'), url("/-a100885--ttf-m0AhTJ3u/microbrew-banners?_linka=a222896") format('truetype'), url("/-a100885--svg-Zkjo2TWv/microbrew-banners?_linka=a222896#MicrobrewBanners") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "MicrobrewOne"; src: url("/-a100907--eot-tgltsBCa/microbrew-one?_linka=a222895"); src: url("/-a100907--eot-tgltsBCa/microbrew-one?_linka=a222895#iefix") format('embedded-opentype'), url("/-a100907--woff-E7rQFeck/microbrew-one?_linka=a222895") format('woff'), url("/-a100907--ttf-3i-7cBl-/microbrew-one?_linka=a222895") format('truetype'), url("/-a100907--svg-ifeOKdrJ/microbrew-one?_linka=a222895#MicrobrewOne") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "RobotoRegular"; src: url("/-a105076--eot-PXRqRn-G/roboto-regular?_linka=a234847"); src: url("/-a105076--eot-PXRqRn-G/roboto-regular?_linka=a234847#iefix") format('embedded-opentype'), url("/-a105076--woff-IGldeVOF/roboto-regular?_linka=a234847") format('woff'), url("/-a105076--ttf-gvdQccMn/roboto-regular?_linka=a234847") format('truetype'), url("/-a105076--svg-pe6np6y9/roboto-regular?_linka=a234847#RobotoRegular") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "DINRoundProBold"; src: url("/-a107967--eot--h3cMy6F/dinroundprobold?_linka=a246240"); src: url("/-a107967--eot--h3cMy6F/dinroundprobold?_linka=a246240#iefix") format('embedded-opentype'), url("/-a107967--woff-C6jm5mbm/dinroundprobold?_linka=a246240") format('woff'), url("/-a107967--ttf-LA3Wn0e4/dinroundprobold?_linka=a246240") format('truetype'), url("/-a107967--svg-vneg-6o9/dinroundprobold?_linka=a246240#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "MontserratRegular"; src: url("/-a110770--eot-RuhOCcXg/montserrat-regular?_linka=a255108"); src: url("/-a110770--eot-RuhOCcXg/montserrat-regular?_linka=a255108#iefix") format('embedded-opentype'), url("/-a110770--woff-FWYJw3bA/montserrat-regular?_linka=a255108") format('woff'), url("/-a110770--ttf-DBrjW0Zs/montserrat-regular?_linka=a255108") format('truetype'), url("/-a110770--svg-VXAcPHnD/montserrat-regular?_linka=a255108#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "MontserratBold"; src: url("/-a110771--eot-6PVjQIc6/montserrat-bold?_linka=a255110"); src: url("/-a110771--eot-6PVjQIc6/montserrat-bold?_linka=a255110#iefix") format('embedded-opentype'), url("/-a110771--woff-GSUZOWQO/montserrat-bold?_linka=a255110") format('woff'), url("/-a110771--ttf-9n-J5ZpD/montserrat-bold?_linka=a255110") format('truetype'), url("/-a110771--svg-idE9W_dj/montserrat-bold?_linka=a255110#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "MontserratLight"; src: url("/-a111038--eot-ASfjDxPF/montserrat-light?_linka=a256490"); src: url("/-a111038--eot-ASfjDxPF/montserrat-light?_linka=a256490#iefix") format('embedded-opentype'), url("/-a111038--woff-CNSZ4oz5/montserrat-light?_linka=a256490") format('woff'), url("/-a111038--ttf-Vct8mDAV/montserrat-light?_linka=a256490") format('truetype'), url("/-a111038--svg-gZdML8U6/montserrat-light?_linka=a256490#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "MontserratMedium"; src: url("/-a112557--eot-Y5yTeBF5/montserrat-medium?_linka=a262960"); src: url("/-a112557--eot-Y5yTeBF5/montserrat-medium?_linka=a262960#iefix") format('embedded-opentype'), url("/-a112557--woff-pGaKB8DZ/montserrat-medium?_linka=a262960") format('woff'), url("/-a112557--ttf-A8r4blME/montserrat-medium?_linka=a262960") format('truetype'), url("/-a112557--svg-_rPcz3_7/montserrat-medium?_linka=a262960#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FuturaTotBold"; src: url("/-a112701--eot-E5YnJIv5/futura-tot-bold?_linka=a309274"); src: url("/-a112701--eot-E5YnJIv5/futura-tot-bold?_linka=a309274#iefix") format('embedded-opentype'), url("/-a112701--woff-Qfd1-ZgG/futura-tot-bold?_linka=a309274") format('woff'), url("/-a112701--ttf-uiHRUGgt/futura-tot-bold?_linka=a309274") format('truetype'), url("/-a112701--svg-_8Owdiff/futura-tot-bold?_linka=a309274#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "FuturaTotMedium"; src: url("/-a112702--eot-xc7GEtIt/futura-tot-medium?_linka=a299969"); src: url("/-a112702--eot-xc7GEtIt/futura-tot-medium?_linka=a299969#iefix") format('embedded-opentype'), url("/-a112702--woff-79zOANmI/futura-tot-medium?_linka=a299969") format('woff'), url("/-a112702--ttf-3RBWXGb6/futura-tot-medium?_linka=a299969") format('truetype'), url("/-a112702--svg-nKSRkvyf/futura-tot-medium?_linka=a299969#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FuturaTotLight"; src: url("/-a112703--eot-8k-X9BwQ/futura-tot-light?_linka=a263697"); src: url("/-a112703--eot-8k-X9BwQ/futura-tot-light?_linka=a263697#iefix") format('embedded-opentype'), url("/-a112703--woff-7aWTEFAR/futura-tot-light?_linka=a263697") format('woff'), url("/-a112703--ttf-HCOlWfuA/futura-tot-light?_linka=a263697") format('truetype'), url("/-a112703--svg-FrJGgJoc/futura-tot-light?_linka=a263697#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FuturaTotDemi"; src: url("/-a112808--eot-4Tk4OrNm/futura-tot-demi?_linka=a264329"); src: url("/-a112808--eot-4Tk4OrNm/futura-tot-demi?_linka=a264329#iefix") format('embedded-opentype'), url("/-a112808--woff-66Q3roCp/futura-tot-demi?_linka=a264329") format('woff'), url("/-a112808--ttf-UnhDNYr7/futura-tot-demi?_linka=a264329") format('truetype'), url("/-a112808--svg-DLd6ELAD/futura-tot-demi?_linka=a264329#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "RobotoCondensedBold"; src: url("/-a112809--eot-8L0wWoCO/roboto-condensed-bold?_linka=a264332"); src: url("/-a112809--eot-8L0wWoCO/roboto-condensed-bold?_linka=a264332#iefix") format('embedded-opentype'), url("/-a112809--woff--S_moz_e/roboto-condensed-bold?_linka=a264332") format('woff'), url("/-a112809--ttf-5BRgNsUp/roboto-condensed-bold?_linka=a264332") format('truetype'), url("/-a112809--svg-Urc40n50/roboto-condensed-bold?_linka=a264332#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "AthelasRegular"; src: url("/-a113717--eot-Fb83T6yy/athelas-regular?_linka=a267809"); src: url("/-a113717--eot-Fb83T6yy/athelas-regular?_linka=a267809#iefix") format('embedded-opentype'), url("/-a113717--woff-4_mdqCEG/athelas-regular?_linka=a267809") format('woff'), url("/-a113717--ttf-DXFRfVFP/athelas-regular?_linka=a267809") format('truetype'), url("/-a113717--svg-GD2dEAcK/athelas-regular?_linka=a267809#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "AthitiRegular"; src: url("/-a113718--eot-mt3QXDsU/athiti-regular?_linka=a267812"); src: url("/-a113718--eot-mt3QXDsU/athiti-regular?_linka=a267812#iefix") format('embedded-opentype'), url("/-a113718--woff-cSKKSVNv/athiti-regular?_linka=a267812") format('woff'), url("/-a113718--ttf-AftK2eBv/athiti-regular?_linka=a267812") format('truetype'), url("/-a113718--svg-muNWEsaO/athiti-regular?_linka=a267812#") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "AthitiBold"; src: url("/-a113721--eot-eowQd43l/athiti-bold?_linka=a267835"); src: url("/-a113721--eot-eowQd43l/athiti-bold?_linka=a267835#iefix") format('embedded-opentype'), url("/-a113721--woff-LnzuM-Vi/athiti-bold?_linka=a267835") format('woff'), url("/-a113721--ttf-ghWVVqWI/athiti-bold?_linka=a267835") format('truetype'), url("/-a113721--svg-dkPBKPqF/athiti-bold?_linka=a267835#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "AthelasBold"; src: url("/-a113722--eot-QaEdpgR6/athelas-bold?_linka=a267838"); src: url("/-a113722--eot-QaEdpgR6/athelas-bold?_linka=a267838#iefix") format('embedded-opentype'), url("/-a113722--woff-8RCjEhZ0/athelas-bold?_linka=a267838") format('woff'), url("/-a113722--ttf-wm-vhx5K/athelas-bold?_linka=a267838") format('truetype'), url("/-a113722--svg-BvCkS3EF/athelas-bold?_linka=a267838#") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "RobotoBold"; src: url("/-a124834--eot-4x-2HN56/roboto-bold?_linka=a306718"); src: url("/-a124834--eot-4x-2HN56/roboto-bold?_linka=a306718#iefix") format('embedded-opentype'), url("/-a124834--woff-N3KxfJCa/roboto-bold?_linka=a306718") format('woff'), url("/-a124834--ttf-NdC0h-YY/roboto-bold?_linka=a306718") format('truetype'), url("/-a124834--svg-NtHVpold/roboto-bold?_linka=a306718#RobotoBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "SourceSans"; src: url("/-a126540--eot-YloR4f1Y/source-sans?_linka=a313307"); src: url("/-a126540--eot-YloR4f1Y/source-sans?_linka=a313307#iefix") format('embedded-opentype'), url("/-a126540--woff-b9Tz2Th7/source-sans?_linka=a313307") format('woff'), url("/-a126540--ttf-SXRMW8n0/source-sans?_linka=a313307") format('truetype'), url("/-a126540--svg-z54l8AzF/source-sans?_linka=a313307#Sourcesans") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceSans"; src: url("/-a126541--eot-xAwDUXFY/source-sans-2?_linka=a313306"); src: url("/-a126541--eot-xAwDUXFY/source-sans-2?_linka=a313306#iefix") format('embedded-opentype'), url("/-a126541--woff-gpzBmxse/source-sans-2?_linka=a313306") format('woff'), url("/-a126541--ttf-rLa5dnEK/source-sans-2?_linka=a313306") format('truetype'), url("/-a126541--svg-7wKFvFiS/source-sans-2?_linka=a313306#Sourcesans") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "ProximaNovaBold"; src: url("/-a126766--eot-6ZI89WT2/x?_linka=a314375"); src: url("/-a126766--eot-6ZI89WT2/x?_linka=a314375#iefix") format('embedded-opentype'), url("/-a126766--woff-Y84thQ2k/x?_linka=a314375") format('woff'), url("/-a126766--ttf-39uDQaNM/x?_linka=a314375") format('truetype'), url("/-a126766--svg-FjxGPvqy/x?_linka=a314375#proximaNovaBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "ProximaNovaExtrabold"; src: url("/-a126767--eot-nkYEQvm-/x-2?_linka=a314374"); src: url("/-a126767--eot-nkYEQvm-/x-2?_linka=a314374#iefix") format('embedded-opentype'), url("/-a126767--woff-uJUmEB2r/x-2?_linka=a314374") format('woff'), url("/-a126767--ttf-lyzKNAfd/x-2?_linka=a314374") format('truetype'), url("/-a126767--svg-Yv43fopk/x-2?_linka=a314374#proximaNovaExtraBold") format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: "BourgeoisCondensedBold"; src: url("/-a127633--eot-tyRD6XdE/bourgeois-condensed-bold?_linka=a319081"); src: url("/-a127633--eot-tyRD6XdE/bourgeois-condensed-bold?_linka=a319081#iefix") format('embedded-opentype'), url("/-a127633--woff-ZdSdgVyw/bourgeois-condensed-bold?_linka=a319081") format('woff'), url("/-a127633--ttf-pJcZGSIk/bourgeois-condensed-bold?_linka=a319081") format('truetype'), url("/-a127633--svg-M4c49xJ1/bourgeois-condensed-bold?_linka=a319081#BourgeoisCondensedBold") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FuturaMd"; src: url("/-a147046--eot-vjilRY_y/futuramd?_linka=a381030"); src: url("/-a147046--eot-vjilRY_y/futuramd?_linka=a381030#iefix") format('embedded-opentype'), url("/-a147046--woff-4uIQ-miS/futuramd?_linka=a381030") format('woff'), url("/-a147046--ttf-dnY1ZokP/futuramd?_linka=a381030") format('truetype'), url("/-a147046--svg-3Qy_vuS2/futuramd?_linka=a381030#FuturaMd") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FuturaMdBt"; src: url("/-a147047--eot-w1fSvETh/futuramdbt?_linka=a381558"); src: url("/-a147047--eot-w1fSvETh/futuramdbt?_linka=a381558#iefix") format('embedded-opentype'), url("/-a147047--woff-_5X_TWYD/futuramdbt?_linka=a381558") format('woff'), url("/-a147047--ttf-QUQipw5S/futuramdbt?_linka=a381558") format('truetype'), url("/-a147047--svg-UCzqua9x/futuramdbt?_linka=a381558#FuturaMdBt") format('svg'); font-weight: normal; font-style: normal; } body, #main-menu li.main-menu-extra a:link, #main-menu li.main-menu-extra a:visited { font-family: "OpenSans", Verdana, sans-serif; } .ie7 body, .ie8 body, .ie7 #main-menu li.main-menu-extra a:link, .ie8 #main-menu li.main-menu-extra a:link, .ie7 #main-menu li.main-menu-extra a:visited, .ie8 #main-menu li.main-menu-extra a:visited { font-family: Verdana, sans-serif; } .price-sticker-main, .big-price-sticker-digit, .big-price-sticker-invalid { font-family: "AlbertDraft", Arial, sans-serif; } #main-menu, h1, .as-h, .card-text a .h2, .carousel-inner-text h2, .visual-info > h1, .visual-info-h, .sec-h, .as-sec-h, .leaflet-sec-h, .stacked-preview-h, .rich-visual-link-large .rich-visual-link-h { font-family: "TradeGothicLTPro", Arial, sans-serif; } .ie8 #main-menu, .ie8 h1, .ie8 .as-h, .ie8 .card-text a .h2, .ie8 .carousel-inner-text h2, .ie8 .visual-info > h1, .ie8 .visual-info-h, .ie8 .sec-h, .ie8 .as-sec-h, .ie8 .leaflet-sec-h, .ie8 .stacked-preview-h, .ie8 .rich-visual-link-large .rich-visual-link-h{ font-family: Arial, sans-serif; } .ie8 #main-menu a:link, .ie8 #main-menu a:visited { font-size: 1em; } .ie8 .card-text a .h2, .ie8 .sec-h { font-size: 21px; } .ie8 .leaflet-sec-h { font-size: 3em; } /** * @base */ html { margin:0!important } html, body, form, fieldset, div, span, img, a img { margin: 0; padding: 0; border: 0; } html { font-size: 100.01%; } body { font-size: 0.875em; line-height: 1.385; color: #333333; letter-spacing:0; background-color:#f0f0f0 ; background-position:center 0; background-repeat:no-repeat; background-attachment: fixed; /** background-image: url('/-a99948---cJ--WGb7/deska-a27-jpg?_linka=a219910'); **/ } a:focus { outline: none; } /** * @base */ h3, h4, h5 { font-weight: normal; } h1, h2, h6, .as-h { font-weight: bold; color:#666666; } h1 { line-height: 1.200381348587277; font-size: 3.142em; margin: 0; font-family: "TradeGothicLTPro", Arial, sans-serif; } .as-h { line-height: 1.2; font-size: 1.715em; margin: 0; } h2 { font-size: 1.714em; margin-bottom: 0.5em; font-family: "TradeGothicLTPro", Arial, sans-serif; text-transform:uppercase; } .h2-large { font-size: 2em; } .rendering-AHRecipe h2 { font-size:2.571em; color:#000000; } h3 { font-size: 1.5em; line-height: 1.5em; margin-bottom: 1em; } h3.subtitle { font-size: 1.714em; margin-bottom: 0.5em; font-family: "TradeGothicLTPro", Arial, sans-serif; text-transform:uppercase; color:#000000; font-weight:bold; } h4 { font-size: 1.2em; line-height: 1.285; margin-bottom: 1.285em; text-transform:uppercase; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.25em; } h6 { font-size: 1em; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } a:focus, a:hover { color: #2af; } a, .as-link { color: #227fc6; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: underline; cursor: pointer; } a.link-medium-size { font-size:18px; } p { margin: 0 0 1.200381348587277em; } blockquote { margin: 1.200381348587277em; } strong { font-weight: bold; } em, dfn { font-style: italic; } sup, sub { line-height: 0; } .perex { font-size: 1.2307em; } li ul, li ol { margin: 0; } ul, ol { margin: 0 1.200381348587277em 1.200381348587277em 0; padding-left: 1.200381348587277em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.200381348587277em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.200381348587277em; } img.responsive-image { max-width:100%; display:inline-block; } img.left { float: left; margin: 0 20px 20px 0; } img.right { float: right; margin: 0 0 20px 20px; } .border-bottom { border-bottom:1px solid #e5e5e5; padding-bottom:50px!important; margin-bottom:45px; } .align-center { text-align:center!important; } .align-left { text-align:left; } .align-right { text-align:right; } .text-uppercase { text-transform:uppercase; } .text-lowercase { text-transform:lowercase; } .text-none { text-transform:none; } .text-bold { font-weight:bold; } .color-red { color:#f1435c!important; } .color-black { color:#000000!important; } .as-inline-block { display:inline-block!important; } .as-block { display:block; } .text-capitalize { text-transform:capitalize; } .text-initial { text-transform:initial; } .position-center { margin:0 auto; left:0; right:0; } table { margin-bottom: 1.200381348587277em; width: 100%; border-collapse: collapse; } th { font-weight: bold; } caption { background-color: #776e65; color: #ffffff; } td, th { border-style: solid; border-color: #e7edf0 #fbd5d5; } th, td, caption { text-align: left; vertical-align: top; padding: 0.6001906742936385em 1.200381348587277em; } thead th { border-width: 0 0 2px; } tbody td, tbody th { border-width: 1px 0 0 1px; } tbody td:first-child, tbody th:first-child { border-width: 1px 1px 0 0; } tbody tr:last-child td, tbody tr:last-child th { border-bottom-width: 2px; } .table-in-table table td, .table-in-table table th, .table-in-table table tr { border:none; } /** * @base */ fieldset { min-width: 0; } /** * @base * Buttons, button-like objects. * * @modifies child .icon-before ... */ /** * @base * Text inputs, textareas, input-like objects. ... */ button::-moz-focus-inner { padding: 0; border: none; outline: none; } .button, input[type="text"], .input, textarea, select { margin: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none !important; font-size: 1em; border-style: solid; line-height: 26px; } .button.extended, input[type="text"].extended, .input.extended, textarea.extended, select.extended { line-height: 31px; } .button, input[type="text"], .input, select { height: 35px; } .button.extended, input[type="text"].extended, .input.extended, select.extended { height: 35px; } .button-auto { height:auto!important; } .button { height:35px; position: relative; cursor: pointer; padding: 0; color: #666666 !important; font-weight: bold; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -o-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -ms-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #efefef 0%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d9d9d9', GradientType=0); border-width: 0; -moz-transition: border-color 0.5s; -webkit-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; } .button-text-normal { font-weight:normal; } .button.big { height:45px; font-size:1.285em; } .button.button-white, .button:active.button-white { background:none; background-color:#ffffff; opacity:1; } .button.button-white span, .button:active.button-white span { color:#61a22f; } .button.button-red, .button:active.button-red { background:none; background-color:#e9292f; opacity:1; } .button.button-gray, .button:active.button-gray { background:none; background-color:#cccccc; opacity:1; } .button.button-white2, .button:active.button-white { background:none; background-color:#ffffff; opacity:1; } .button.button-white2 span, .button:active.button-white span { color:#a11915; } .button.button-blue, .button:active.button-blue, .button.button-hover-blue:hover { color: #ffffff !important; background: #227fc6; background: -moz-linear-gradient(top, #1f72b2 0%, #227fc6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f72b2), color-stop(100%, #227fc6)); background: -webkit-linear-gradient(top, #1f72b2 0%, #227fc6 100%); background: -o-linear-gradient(top, #1f72b2 0%, #227fc6 100%); background: -ms-linear-gradient(top, #1f72b2 0%, #227fc6 100%); background: linear-gradient(to bottom, #1f72b2 0%, #227fc6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f72b2', endColorstr='#227fc6', GradientType=0); } .button.button-lightblue, .button:active.button-lightblue, .button.button-hover-lightblue:hover { color: #ffffff !important; background: #2078bb; } .button.button-padded, .button:active.button-padded { padding:0 20px; } .button.button-green, .button:active.button-green, .button.button-hover-green:hover { color: #ffffff !important; background: #6ab133; background: -moz-linear-gradient(top, #5f9f2e 0%, #6ab133 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f9f2e), color-stop(100%, #6ab133)); background: -webkit-linear-gradient(top, #5f9f2e 0%, #6ab133 100%); background: -o-linear-gradient(top, #5f9f2e 0%, #6ab133 100%); background: -ms-linear-gradient(top, #5f9f2e 0%, #6ab133 100%); background: linear-gradient(to bottom, #5f9f2e 0%, #6ab133 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9f2e', endColorstr='#6ab133', GradientType=0); } .button.button-text-red, .button.button-text-red > span { color:#da1d25!important; } .button.button-text-white, .button.button-text-white > span { color:#ffffff!important; } .button > span { display: block; padding: 5px 16px 6px; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .button-middle > span { padding: 5px 11px 6px; } .button-newsletter > span { padding: 7px 16px 7px; } .button.big > span { padding: 9px 16px 9px; } .button > span.icon-before:before { margin-left: -8px; margin-top: -1px; } .button > span.icon-before-relative:before { left:7px; top:-3px; position:relative; } .button:hover { opacity:0.8; } .button.button-blue:hover, .button.button-green:hover { opacity(0.8); } .button-radius { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .button-large { height:50px; } .button-large > span { font-size:18px; padding:12px 16px 11px; } input[type="text"], .input, textarea { border-width: 1px 0; color: #111111; padding: 0 11px; border-color: #d3d3d3 #ebebeb transparent transparent ; background-color: #f8f8f8; } input[type="text"]::-webkit-input-placeholder, .input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a9a9a9; } input[type="text"]:-moz-placeholder, .input:-moz-placeholder, textarea:-moz-placeholder { color: #a9a9a9; } input[type="text"]::-moz-placeholder, .input::-moz-placeholder, textarea::-moz-placeholder { color: #a9a9a9; } input[type="text"]:-ms-input-placeholder, .input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a9a9a9; } input[type="text"].pl-italic.input-green::-webkit-input-placeholder, .input.pl-italic.input-green::-webkit-input-placeholder { color:#d5edc0; } input[type="text"].pl-italic.input-green:-moz-placeholder, .input.pl-italic.input-green:-moz-placeholder { color:#d5edc0; } input[type="text"].pl-italic.input-green::-moz-placeholder, .input.pl-italic.input-green::-moz-placeholder { color:#d5edc0; } input[type="text"].pl-italic.input-green:-ms-input-placeholder, .input.pl-italic.input-green:-ms-input-placeholder { color:#d5edc0; } input[type="text"].pl-italic::-webkit-input-placeholder, .input.pl-italic::-webkit-input-placeholder, textarea.pl-italic::-webkit-input-placeholder { font-style:italic; font-size:18px; } input[type="text"].pl-italic:-moz-placeholder, .input.pl-italic:-moz-placeholder, textarea.pl-italic:-moz-placeholder { font-style:italic; font-size:18px; } input[type="text"].pl-italic::-moz-placeholder, .input.pl-italic::-moz-placeholder, textarea.pl-italic::-moz-placeholder { font-style:italic; font-size:18px; } input[type="text"].pl-italic:-ms-input-placeholder, .input.pl-italic:-ms-input-placeholder, textarea.pl-italic:-ms-input-placeholder { font-style:italic; font-size:18px; } .input-green, input[type=text].input-green { background:#61a22f; color:#ffffff; } .input-large, input[type=text].input-large { height:60px; padding:0 30px; } .input-border-green, input[type=text].input-border-green { border:1px solid #6ab133; } .input-border-white, input[type=text].input-border-white { border:1px solid #ffffff; } .input-border-radius, input[type=text].input-border-radius { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; } .input-bg-darkGray, input[type=text].input-bg-darkGray, textarea.input-bg-darkGray { background-color:#e5e5e5; } label-strong, label.label-strong { font-weight:bold; padding-bottom:10px; display:inline-block; } .form-hint { color: #a9a9a9; font-style:italic; } .form-hint-green { color: #a9cc8c; font-style:italic; } .select-style { border-top: 2px solid #e5e5e5; height: 28px; overflow: hidden; background: #f8f8f8 url("/-a5740---0XOafVOP/select-arrow") no-repeat right -2px; } .select-style select { padding: 1px 8px; padding-right: 30px; width: 130%; height: 30px; color: #666; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } .input-m-t { margin-top:15px!important; } .field-mandatory { color:red; } /** * @nonsemantic * A line holding both buttons and text. ... */ .button-line-height { line-height: 30px; } .feedback-form textarea { width: 100%; } .feedback-form .error input, .feedback-form .el-input-error, .feedback-form .error select, .feedback-form .error textarea { outline: 1px solid #E2AAAA; } .magnus-form { width: 100%; display: table; margin: 0; border: 0; padding: 0; table-layout: auto; border-spacing: 0; border-collapse: separate; } .magnus-form > div { display: table-row; } .magnus-form-control { display: table-cell; width: 1px; white-space: nowrap; } .magnus-form-item { display: table-cell; } .magnus-form-item input[type="text"] { width: 100%; } .magnus-form .button, .magnus-form input[type="text"], .magnus-form .input, .magnus-form select { line-height: 41px; height: 45px; font-size: 1.25em; } .magnus-form .button .icon-before { padding-left: 24px; } /* Newsletter fprm na hp */ #tail-newsletter-registration { text-align:center; padding:22px 10px; } #tail-newsletter-registration input { width:235px; float:left; } #tail-newsletter-registration .vertical-inputs { display:inline-block; margin-left:22px; } #tail-newsletter-registration .tail-h { display:inline-block; margin:0; position:relative; padding-left:70px; margin-bottom:14px; } #tail-newsletter-registration .tail-h span { width:68px; height:54px; display:inline-block; background-position:-17px -330px; margin-right:10px; } #tail-newsletter-registration button { display:inline-block; width:auto; margin:0 0 0 10px; border:none; } #tail-newsletter-registration button span { padding:0 24px; background: #227fc6; background: -webkit-linear-gradient(#1f72b2, #227fc6); background: -o-linear-gradient(#1f72b2, #227fc6); background: -moz-linear-gradient(#1f72b2, #227fc6); background: linear-gradient(#1f72b2, #227fc6); height:100%; line-height:35px; color:#ffffff; } @media screen and (min-width: 1024px) { #tail-newsletter-registration .tail-h { margin-bottom:0; } } .form-gruped fieldset { border: 1px solid #E2E2E2; margin-top: 10px; padding: 8px 10px; margin-left: 0; margin-right: 0; } .form-gruped fieldset legend { font-weight: bold; margin-bottom: 5px; padding: 0 5px 0 5px; } .form-gruped fieldset label { float: left; width: 20%; clear: left; margin: 5px 0 5px 0; } .form-gruped fieldset input, .form-gruped fieldset textarea { width: 45%; border: 1px solid #E8E8E8; margin: 5px 0 5px 0; } .form-gruped fieldset label.checkbox { width:auto; float:none; } .form-gruped fieldset label.checkbox { padding-left:10px; } .form-gruped fieldset input[type=checkbox] { width:auto; float:none; } .form-gruped button { margin-top:20px; } .form-gruped-success { text-align:center; } .input-focus:focus { border: 2px solid #900; } /** * @nonsemantic * Element for screen readers only, not shown otherwise. ... */ .if-assisted { display: block; position: absolute; top: -1000em; left: -1000em; } /** * @nonsemantic * Element for print only, not shown on screen. ... */ .if-print { display: none; } /** * @nonsemantic * Element for plain HTML without CSS support. ... */ .if-not-css { display: none; } /** * @nonsemantic * Text alignment. ... */ .center { text-align: center !important; } .left { text-align: left !important; } .right { text-align: right !important; } /** * @nonsemantic * Vertical alignment. ... */ .top { vertical-align: top !important; } .middle { vertical-align: middle !important; } .bottom { vertical-align: bottom !important; } /** * @nonsemantic * Margins. ... */ .small-h-margin, .small-l-margin { margin-left: 5px !important; } .small-h-margin, .small-r-margin { margin-right: 5px !important; } .small-v-margin, .small-t-margin { margin-top: 5px !important; } .small-v-margin, .small-b-margin { margin-bottom: 5px !important; } .medium-h-margin, .medium-l-margin { margin-left: 10px !important; } .medium-h-margin, .medium-r-margin { margin-right: 10px !important; } .medium-v-margin, .medium-t-margin { margin-top: 10px !important; } .medium-v-margin, .medium-b-margin { margin-bottom: 10px !important; } .big-h-margin, .big-l-margin { margin-left: 20px !important; } .big-h-margin, .big-r-margin { margin-right: 20px !important; } .big-v-margin, .big-t-margin { margin-top: 20px !important; } .big-v-margin, .big-b-margin { margin-bottom: 20px !important; } .huge-h-margin, .huge-l-margin { margin-left: 50px !important; } .huge-h-margin, .huge-r-margin { margin-right: 50px !important; } .huge-v-margin, .huge-t-margin { margin-top: 50px !important; } .huge-v-margin, .huge-b-margin { margin-bottom: 50px !important; } .no-h-margin, .no-l-margin { margin-left: 0px !important; } .no-h-margin, .no-r-margin { margin-right: 0px !important; } .no-v-margin, .no-t-margin { margin-top: 0px !important; } .no-v-margin, .no-b-margin { margin-bottom: 0px !important; } /** * @nonsemantic ... */ .nowrap { white-space: nowrap !important; } /** * @nonsemantic ... */ .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } /** * @nonsemantic * Percentual width. ... */ .p-100 { width: 100% !important; } .p-80 { width: 80% !important; } .p-75 { width: 75% !important; } .p-66 { width: 66% !important; } .p-60 { width: 60% !important; } .p-50 { width: 50% !important; } .p-40 { width: 40% !important; } .p-33 { width: 33% !important; } .p-25 { width: 25% !important; } .p-20 { width: 20% !important; } /** * @nonsemantic * Display property values. ... */ .as-block { display: block !important; } .as-inline { display: inline !important; } .as-inline-block { display: inline-block !important; } .l-height-1 { line-height: 1; } .l-height-1-5 { line-height: 1.5; } .l-height-2 { line-height: 2; } .size-1-25 { font-size: 1.25em; } .scroll-nav-top, .scroll-nav-bottom, .scroll-nav-middle { position: fixed; left: 0; width: 100%; z-index: 500; } .scroll-nav-top { top: 0; } .scroll-nav-middle { top: 50%; } .scroll-nav-bottom { bottom: 0; } .scroll-nav-base { margin: 0 auto; width: 1160px; position: relative; } @media screen and (max-width: 1440px) { .scroll-nav-base { display: none; } } .scroll-nav-item { position: absolute; } .scroll-nav-top .scroll-nav-item, .scroll-nav-middle .scroll-nav-item { top: 0; } .scroll-nav-bottom .scroll-nav-item { bottom: 50px; } .scroll-nav-left.scroll-nav-125 .scroll-nav-item { width: 125px; left: -125px; } .scroll-nav-left.scroll-nav-100 .scroll-nav-item { width: 100px; left: -100px; } .scroll-nav-right.scroll-nav-100 .scroll-nav-item { width: 100px; right: -100px; } .scroll-nav-left.scroll-nav-75 .scroll-nav-item { width: 75px; left: -75px; } .scroll-nav-right.scroll-nav-75 .scroll-nav-item { width: 75px; right:-75px; } .scroll-nav-left.scroll-nav-50 .scroll-nav-item { width: 50px; left: -50px; } .scroll-nav-right.scroll-nav-50 .scroll-nav-item { width: 50px; right:-50px; } /** * @module ... */ .sec-h { font-weight: bold; text-align: center; font-size: 25px; line-height: 1.125; border-top: 1px solid #e5e5e5; margin: 0.75em 0 0; text-transform: uppercase; margin-bottom: 0.6em; } .sec-h span { display: inline-block; padding: 0 18px; position: relative; top: -0.6667em; background-color: #ffffff; } .as-sec-h { font-weight: bold; text-align: center; font-size: 25px; line-height: 1.125; text-transform: uppercase; } /** * @module

...

... +
*/ .leaflet-sec { background-color: #ffffff; padding: 20px; } .leaflet-sec-h { font-weight: bold; text-align: center; font-size: 3.6923em; line-height: 1.125; border-top: 1px solid #e5e5e5; margin: 0.75em 0 0; } .leaflet-sec-h-medium { font-weight: bold; text-align: center; line-height: 1.125; border-top: 1px solid #e5e5e5; margin: 0.75em 0 0; font-size: 24px; padding:20px; display:none; } .leaflet-sec-h span { display: inline-block; padding: 0 18px; position: relative; top: -0.6667em; background-color: #ffffff; } .leaflet-sec-part + .leaflet-sec-part { margin-top: 20px; } .leaflet-sec-sp { border-top: 1px solid #fff; background-color: #f5b7d0; } .leaflet-sec-sp .leaflet-sec-h { color: #fff; } .leaflet-sec-sp .leaflet-sec-h span { background-color: #f5b7d0; } .leaflet-wrap-floated .leaflet-banner__lg { display:none; } .leaflet-wrap-floated .leaflet-banner__xs { display:block; } @media screen and (max-width: 759px) { .leaflet-sec { padding: 20px 0; } } .leaflet-wrap { padding-bottom:20px; } .leaflet-wrap .leaflet-banner { clear:both; } @media screen and (min-width: 980px) { .leaflet-wrap { widtn:100%; } .leaflet-wrap-floated .leaflet-sec { width:calc(50% - 40px); float:left; } .leaflet-wrap-floated .leaflet-sec:nth-of-type(2n + 1) { clear:left; } .leaflet-wrap-floated .leaflet-banner__xs { display:none; } .leaflet-wrap-floated .leaflet-banner__lg { display:block; } } /** * @sprite * Sprite description for /-a3562---7_AE8IsQ/icons. ... ... ... ... */ .icon, .icon-before:before, .icon-after:after, .icon-over:after, .ie7 .icon-before .before { background-image: url('/-a3562---7_AE8IsQ/icons?_linka=a252807'); background-repeat: no-repeat; background-color: transparent; } .icon-float.icon-before:before, .icon-float.icon { float:left; } .icon-over { position: relative; display: inline-block; overflow: hidden; } .icon-over:before, .icon-over:after { position: absolute; left: 0; top: 0; } .icon-over:before { background-color: #ffffff; } .icon-over:after { opacity: 0.7; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .icon-over:hover:after { opacity: 1; } .icon, .icon-before:before, .ie7 .icon-before .before, .icon-after:after, .icon-over:before, .icon-over:after { display: inline-block; vertical-align: middle; } .icon-before:before, .icon-after:after, .icon-over:before, .icon-over:after { content: " "; } .icon-shopping-list.icon, .icon-shopping-list.icon-before:before, .ie7 .icon-shopping-list.icon-before .before, .icon-shopping-list.icon-after:after, .icon-shopping-list.icon-over, .icon-shopping-list.icon-over:before, .icon-shopping-list.icon-over:after { width: 24px; height: 24px; } .icon-shopping-list.icon, .icon-shopping-list.icon-before:before, .ie7 .icon-shopping-list.icon-before .before, .icon-shopping-list.icon-after:after, .icon-shopping-list.icon-over:after { background-position: -0px -0px; } .icon-shopping-list.icon-before:before, .ie7 .icon-shopping-list.icon-before .before { margin-right: 9.6px; } .icon-shopping-list.icon-after:after { margin-left: 9.6px; } .icon-home.icon, .icon-home.icon-before:before, .ie7 .icon-home.icon-before .before, .icon-home.icon-after:after, .icon-home.icon-over, .icon-home.icon-over:before, .icon-home.icon-over:after { width: 27px; height: 27px; } .icon-home.icon, .icon-home.icon-before:before, .ie7 .icon-home.icon-before .before, .icon-home.icon-after:after, .icon-home.icon-over:after { background-position: -194px -171px; } .icon-home.icon-before:before, .ie7 .icon-home.icon-before .before { margin-right: 10.8px; } .icon-home.icon-after:after { margin-left: 10.8px; } .icon-newsletter.icon, .icon-newsletter.icon-before:before, .ie7 .icon-newsletter.icon-before .before, .icon-newsletter.icon-after:after, .icon-newsletter.icon-over, .icon-newsletter.icon-over:before, .icon-newsletter.icon-over:after { width: 33px; height: 27px; } .icon-newsletter.icon, .icon-newsletter.icon-before:before, .ie7 .icon-newsletter.icon-before .before, .icon-newsletter.icon-after:after, .icon-newsletter.icon-over:after { background-position: -189px -61px; } .icon-newsletter.icon-before:before, .ie7 .icon-newsletter.icon-before .before { margin-right: 13.2px; } .icon-newsletter.icon-after:after { margin-left: 13.2px; } .icon-newsletter-green.icon, .icon-newsletter-green.icon-before:before, .ie7 .icon-newsletter-green.icon-before .before, .icon-newsletter-green.icon-after:after, .icon-newsletter-green.icon-over, .icon-newsletter-green.icon-over:before, .icon-newsletter-green.icon-over:after { width: 29px; height: 21px; } .icon-newsletter-green.icon, .icon-newsletter-green.icon-before:before, .ie7 .icon-newsletter-green.icon-before .before, .icon-newsletter-green.icon-after:after, .icon-newsletter-green.icon-over:after { background-position: -160px -54px; } .icon-newsletter-green.icon-before:before, .ie7 .icon-newsletter-green.icon-before .before { margin-right: 11.6px; } .icon-newsletter-green.icon-after:after { margin-left: 11.6px; } .icon-recipe-search.icon, .icon-recipe-search.icon-before:before, .ie7 .icon-recipe-search.icon-before .before, .icon-recipe-search.icon-after:after, .icon-recipe-search.icon-over, .icon-recipe-search.icon-over:before, .icon-recipe-search.icon-over:after { width: 24px; height: 24px; } .icon-recipe-search.icon, .icon-recipe-search.icon-before:before, .ie7 .icon-recipe-search.icon-before .before, .icon-recipe-search.icon-after:after, .icon-recipe-search.icon-over:after { background-position: -24px -0px; } .icon-recipe-search.icon-before:before, .ie7 .icon-recipe-search.icon-before .before { margin-right: 9.6px; } .icon-recipe-search.icon-after:after { margin-left: 9.6px; } .icon-recipe-search-1.icon, .icon-recipe-search-1.icon-before:before, .ie7 .icon-recipe-search-1.icon-before .before, .icon-recipe-search-1.icon-after:after, .icon-recipe-search-1.icon-over, .icon-recipe-search-1.icon-over:before, .icon-recipe-search-1.icon-over:after { width: 24px; height: 24px; } .icon-recipe-search-1.icon, .icon-recipe-search-1.icon-before:before, .ie7 .icon-recipe-search-1.icon-before .before, .icon-recipe-search-1.icon-after:after, .icon-recipe-search-1.icon-over:after { background-position: -199px -20px; } .icon-recipe-search-1.icon-before:before, .ie7 .icon-recipe-search-1.icon-before .before { margin-right: 9.6px; } .icon-recipe-search-1.icon-after:after { margin-left: 9.6px; } .icon-recipe-search-close.icon, .icon-recipe-search-close.icon-before:before, .ie7 .icon-recipe-search-close.icon-before .before, .icon-recipe-search-close.icon-after:after, .icon-recipe-search-close.icon-over, .icon-recipe-search-close.icon-over:before, .icon-recipe-search-close.icon-over:after { width: 24px; height: 24px; } .icon-recipe-search-close.icon, .icon-recipe-search-close.icon-before:before, .ie7 .icon-recipe-search-close.icon-before .before, .icon-recipe-search-close.icon-after:after, .icon-recipe-search-close.icon-over:after { background-position: -173px -136px; } .icon-recipe-search-close.icon-before:before, .ie7 .icon-recipe-search-close.icon-before .before { margin-right: 9.6px; } .icon-recipe-search-close.icon-after:after { margin-left: 9.6px; } .icon-menu.icon, .icon-menu.icon-before:before, .ie7 .icon-menu.icon-before .before, .icon-menu.icon-after:after, .icon-menu.icon-over, .icon-menu.icon-over:before, .icon-menu.icon-over:after { width: 24px; height: 24px; } .icon-menu.icon, .icon-menu.icon-before:before, .ie7 .icon-menu.icon-before .before, .icon-menu.icon-after:after, .icon-menu.icon-over:after { background-position: -48px -0px; } .icon-menu.icon-before:before, .ie7 .icon-menu.icon-before .before { margin-right: 9.6px; } .icon-menu.icon-after:after { margin-left: 9.6px; } .icon-see-map.icon, .icon-see-map.icon-before:before, .ie7 .icon-see-map.icon-before .before, .icon-see-map.icon-after:after, .icon-see-map.icon-over, .icon-see-map.icon-over:before, .icon-see-map.icon-over:after { width: 24px; height: 24px; } .icon-see-map.icon, .icon-see-map.icon-before:before, .ie7 .icon-see-map.icon-before .before, .icon-see-map.icon-after:after, .icon-see-map.icon-over:after { background-position: -72px -0px; } .icon-see-map.icon-before:before, .ie7 .icon-see-map.icon-before .before { margin-right: 9.6px; } .icon-see-map.icon-after:after { margin-left: 9.6px; } .icon-facebook.icon, .icon-facebook.icon-before:before, .ie7 .icon-facebook.icon-before .before, .icon-facebook.icon-after:after, .icon-facebook.icon-over, .icon-facebook.icon-over:before, .icon-facebook.icon-over:after { width: 30px; height: 30px; } .icon-facebook.icon, .icon-facebook.icon-before:before, .ie7 .icon-facebook.icon-before .before, .icon-facebook.icon-after:after, .icon-facebook.icon-over:after { background-position: -0px -24px; } .icon-facebook.icon-before:before, .ie7 .icon-facebook.icon-before .before { margin-right: 12.0px; } .icon-facebook.icon-after:after { margin-left: 12.0px; } .icon-twitter.icon, .icon-twitter.icon-before:before, .ie7 .icon-twitter.icon-before .before, .icon-twitter.icon-after:after, .icon-twitter.icon-over, .icon-twitter.icon-over:before, .icon-twitter.icon-over:after { width: 30px; height: 30px; } .icon-twitter.icon, .icon-twitter.icon-before:before, .ie7 .icon-twitter.icon-before .before, .icon-twitter.icon-after:after, .icon-twitter.icon-over:after { background-position: -30px -24px; } .icon-twitter.icon-before:before, .ie7 .icon-twitter.icon-before .before { margin-right: 12.0px; } .icon-twitter.icon-after:after { margin-left: 12.0px; } .icon-youtube.icon, .icon-youtube.icon-before:before, .ie7 .icon-youtube.icon-before .before, .icon-youtube.icon-after:after, .icon-youtube.icon-over, .icon-youtube.icon-over:before, .icon-youtube.icon-over:after { width: 30px; height: 30px; } .icon-youtube.icon, .icon-youtube.icon-before:before, .ie7 .icon-youtube.icon-before .before, .icon-youtube.icon-after:after, .icon-youtube.icon-over:after { background-position: -60px -24px; } .icon-youtube.icon-before:before, .ie7 .icon-youtube.icon-before .before { margin-right: 12.0px; } .icon-youtube.icon-after:after { margin-left: 12.0px; } .icon-youtube-large.icon, .icon-youtube-large.icon-before:before, .ie7 .icon-youtube-large.icon-before .before, .icon-youtube-large.icon-after:after, .icon-youtube-large.icon-over, .icon-youtube-large.icon-over:before, .icon-youtube-large.icon-over:after { width: 71px; height: 71px; } .icon-youtube-large.icon, .icon-youtube-large.icon-before:before, .ie7 .icon-youtube-large.icon-before .before, .icon-youtube-large.icon-after:after, .icon-youtube-large.icon-over:after { background-position: -158px -249px; } .icon-youtube-large.icon-before:before, .ie7 .icon-youtube-large.icon-before .before { margin-right: 28.4px; } .icon-youtube-large.icon-after:after { margin-left: 28.4px; } .icon-twitter-large.icon, .icon-twitter-large.icon-before:before, .ie7 .icon-twitter-large.icon-before .before, .icon-twitter-large.icon-after:after, .icon-twitter-large.icon-over, .icon-twitter-large.icon-over:before, .icon-twitter-large.icon-over:after { width: 71px; height: 71px; } .icon-twitter-large.icon, .icon-twitter-large.icon-before:before, .ie7 .icon-twitter-large.icon-before .before, .icon-twitter-large.icon-after:after, .icon-twitter-large.icon-over:after { background-position: -84px -249px; } .icon-twitter-large.icon-before:before, .ie7 .icon-twitter-large.icon-before .before { margin-right: 28.4px; } .icon-twitter-large.icon-after:after { margin-left: 28.4px; } .icon-facebook-large.icon, .icon-facebook-large.icon-before:before, .ie7 .icon-facebook-large.icon-before .before, .icon-facebook-large.icon-after:after, .icon-facebook-large.icon-over, .icon-facebook-large.icon-over:before, .icon-facebook-large.icon-over:after { width: 71px; height: 71px; } .icon-facebook-large.icon, .icon-facebook-large.icon-before:before, .ie7 .icon-facebook-large.icon-before .before, .icon-facebook-large.icon-after:after, .icon-facebook-large.icon-over:after { background-position: -12px -249px; } .icon-facebook-large.icon-before:before, .ie7 .icon-facebook-large.icon-before .before { margin-right: 28.4px; } .icon-facebook-large.icon-after:after { margin-left: 28.4px; } .icon-star-old-1.icon, .icon-star-old-1.icon-before:before, .ie7 .icon-star-old-1.icon-before .before, .icon-star-old-1.icon-after:after, .icon-star-old-1.icon-over, .icon-star-old-1.icon-over:before, .icon-star-old-1.icon-over:after { width: 18px; height: 16px; } .icon-star-old-1.icon, .icon-star-old-1.icon-before:before, .ie7 .icon-star-old-1.icon-before .before, .icon-star-old-1.icon-after:after, .icon-star-old-1.icon-over:after { background-position: -19px -55px; } .icon-star-old-1.icon-before:before, .ie7 .icon-star-old-1.icon-before .before { margin-right: 7.2px; } .icon-star-old-1.icon-after:after { margin-left: 7.2px; } .icon-star-old-0.icon, .icon-star-old-0.icon-before:before, .ie7 .icon-star-old-0.icon-before .before, .icon-star-old-0.icon-after:after, .icon-star-old-0.icon-over, .icon-star-old-0.icon-over:before, .icon-star-old-0.icon-over:after { width: 18px; height: 16px; } .icon-star-old-0.icon, .icon-star-old-0.icon-before:before, .ie7 .icon-star-old-0.icon-before .before, .icon-star-old-0.icon-after:after, .icon-star-old-0.icon-over:after { background-position: -0px -55px; } .icon-star-old-0.icon-before:before, .ie7 .icon-star-old-0.icon-before .before { margin-right: 7.2px; } .icon-star-old-0.icon-after:after { margin-left: 7.2px; } .icon-star-yellow-1.icon, .icon-star-yellow-1.icon-before:before, .ie7 .icon-star-yellow-1.icon-before .before, .icon-star-yellow-1.icon-after:after, .icon-star-yellow-1.icon-over, .icon-star-yellow-1.icon-over:before, .icon-star-yellow-1.icon-over:after { width: 20px; height: 20px; } .icon-star-yellow-1.icon, .icon-star-yellow-1.icon-before:before, .ie7 .icon-star-yellow-1.icon-before .before, .icon-star-yellow-1.icon-after:after, .icon-star-yellow-1.icon-over:after { background-position: -178px -591px; } .icon-star-yellow-1.icon-before:before, .ie7 .icon-star-yellow-1.icon-before .before { margin-right: 8.0px; } .icon-star-yellow-1.icon-after:after { margin-left: 8.0px; } .icon-star-yellow-0.icon, .icon-star-yellow-0.icon-before:before, .ie7 .icon-star-yellow-0.icon-before .before, .icon-star-yellow-0.icon-after:after, .icon-star-yellow-0.icon-over, .icon-star-yellow-0.icon-over:before, .icon-star-yellow-0.icon-over:after { width: 20px; height: 20px; } .icon-star-yellow-0.icon, .icon-star-yellow-0.icon-before:before, .ie7 .icon-star-yellow-0.icon-before .before, .icon-star-yellow-0.icon-after:after, .icon-star-yellow-0.icon-over:after { background-position: -196px -591px; } .icon-star-yellow-0.icon-before:before, .ie7 .icon-star-yellow-0.icon-before .before { margin-right: 8.0px; } .icon-star-yellow-0.icon-after:after { margin-left: 8.0px; } .icon-star-1.icon, .icon-star-1.icon-before:before, .ie7 .icon-star-1.icon-before .before, .icon-star-1.icon-after:after, .icon-star-1.icon-over, .icon-star-1.icon-over:before, .icon-star-1.icon-over:after { width: 18px; height: 16px; } .icon-star-1.icon, .icon-star-1.icon-before:before, .ie7 .icon-star-1.icon-before .before, .icon-star-1.icon-after:after, .icon-star-1.icon-over:after { background-position: -150px -344px; } .icon-star-1.icon-before:before, .ie7 .icon-star-1.icon-before .before { margin-right: 7.2px; } .icon-star-1.icon-after:after { margin-left: 7.2px; } .icon-star-0.icon, .icon-star-0.icon-before:before, .ie7 .icon-star-0.icon-before .before, .icon-star-0.icon-after:after, .icon-star-0.icon-over, .icon-star-0.icon-over:before, .icon-star-0.icon-over:after { width: 18px; height: 16px; } .icon-star-0.icon, .icon-star-0.icon-before:before, .ie7 .icon-star-0.icon-before .before, .icon-star-0.icon-after:after, .icon-star-0.icon-over:after { background-position: -169px -344px; } .icon-star-0.icon-before:before, .ie7 .icon-star-0.icon-before .before { margin-right: 7.2px; } .icon-star-0.icon-after:after { margin-left: 7.2px; } .icon-star-3.icon, .icon-star-3.icon-before:before, .ie7 .icon-star-3.icon-before .before, .icon-star-3.icon-after:after, .icon-star-3.icon-over, .icon-star-3.icon-over:before, .icon-star-3.icon-over:after { width: 18px; height: 16px; } .icon-star-3.icon, .icon-star-3.icon-before:before, .ie7 .icon-star-3.icon-before .before, .icon-star-3.icon-after:after, .icon-star-3.icon-over:after { background-position: -169px -369px; } .icon-star-3.icon-before:before, .ie7 .icon-star-3.icon-before .before { margin-right: 7.2px; } .icon-star-3.icon-after:after { margin-left: 7.2px; } .icon-star-7.icon, .icon-star-7.icon-before:before, .ie7 .icon-star-7.icon-before .before, .icon-star-7.icon-after:after, .icon-star-7.icon-over, .icon-star-7.icon-over:before, .icon-star-7.icon-over:after { width: 18px; height: 16px; } .icon-star-7.icon, .icon-star-7.icon-before:before, .ie7 .icon-star-7.icon-before .before, .icon-star-7.icon-after:after, .icon-star-7.icon-over:after { background-position: -169px -391px; } .icon-star-7.icon-before:before, .ie7 .icon-star-7.icon-before .before { margin-right: 7.2px; } .icon-star-7.icon-after:after { margin-left: 7.2px; } .icon-button-0.icon, .icon-button-0.icon-before:before, .ie7 .icon-button-0.icon-before .before, .icon-button-0.icon-after:after, .icon-button-0.icon-over, .icon-button-0.icon-over:before, .icon-button-0.icon-over:after { width: 14px; height: 14px; } .icon-button-0.icon, .icon-button-0.icon-before:before, .ie7 .icon-button-0.icon-before .before, .icon-button-0.icon-after:after, .icon-button-0.icon-over:after { background-position: -0px -70px; } .icon-button-0.icon-before:before, .ie7 .icon-button-0.icon-before .before { margin-right: 5.6px; } .icon-button-0.icon-after:after { margin-left: 5.6px; } .icon-button-1.icon, .icon-button-1.icon-before:before, .ie7 .icon-button-1.icon-before .before, .icon-button-1.icon-after:after, .icon-button-1.icon-over, .icon-button-1.icon-over:before, .icon-button-1.icon-over:after { width: 14px; height: 14px; } .icon-button-1.icon, .icon-button-1.icon-before:before, .ie7 .icon-button-1.icon-before .before, .icon-button-1.icon-after:after, .icon-button-1.icon-over:after { background-position: -14px -70px; } .icon-button-1.icon-before:before, .ie7 .icon-button-1.icon-before .before { margin-right: 5.6px; } .icon-button-1.icon-after:after { margin-left: 5.6px; } .icon-search.icon, .icon-search.icon-before:before, .ie7 .icon-search.icon-before .before, .icon-search.icon-after:after, .icon-search.icon-over, .icon-search.icon-over:before, .icon-search.icon-over:after { width: 20px; height: 20px; } .icon-search.icon, .icon-search.icon-before:before, .ie7 .icon-search.icon-before .before, .icon-search.icon-after:after, .icon-search.icon-over:after { background-position: -0px -84px; } .icon-search.icon-before:before, .ie7 .icon-search.icon-before .before { margin-right: 8.0px; } .icon-search.icon-after:after { margin-left: 8.0px; } .icon-search-white.icon, .icon-search-white.icon-before:before, .ie7 .icon-search-white.icon-before .before, .icon-search-white.icon-after:after, .icon-search-white.icon-over, .icon-search-white.icon-over:before, .icon-search-white.icon-over:after { width: 20px; height: 20px; } .icon-search-white.icon, .icon-search-white.icon-before:before, .ie7 .icon-search-white.icon-before .before, .icon-search-white.icon-after:after, .icon-search-white.icon-over:after { background-position: -207px -103px; } .icon-search-white.icon-before:before, .ie7 .icon-search-white.icon-before .before { margin-right: 8.0px; } .icon-search-white.icon-after:after { margin-left: 8.0px; } .icon-print.icon, .icon-print.icon-before:before, .ie7 .icon-print.icon-before .before, .icon-print.icon-after:after, .icon-print.icon-over, .icon-print.icon-over:before, .icon-print.icon-over:after { width: 17px; height: 16px; } .icon-print.icon, .icon-print.icon-before:before, .ie7 .icon-print.icon-before .before, .icon-print.icon-after:after, .icon-print.icon-over:after { background-position: -0px -104px; } .icon-print.icon-before:before, .ie7 .icon-print.icon-before .before { margin-right: 6.8px; } .icon-print.icon-after:after { margin-left: 6.8px; } .icon-print-black.icon, .icon-print-black.icon-before:before, .ie7 .icon-print-black.icon-before .before, .icon-print-black.icon-after:after, .icon-print-black.icon-over, .icon-print-black.icon-over:before, .icon-print-black.icon-over:after { width: 22px; height: 16px; } .icon-print-black.icon, .icon-print-black.icon-before:before, .ie7 .icon-print-black.icon-before .before, .icon-print-black.icon-after:after, .icon-print-black.icon-over:after { background-position: -37px -80px; } .icon-print-black.icon-before:before, .ie7 .icon-print-black.icon-before .before { margin-right: 8.8px; } .icon-print-black.icon-after:after { margin-left: 8.8px; } .icon-print-white.icon, .icon-print-white.icon-before:before, .ie7 .icon-print-white.icon-before .before, .icon-print-white.icon-after:after, .icon-print-white.icon-over, .icon-print-white.icon-over:before, .icon-print-white.icon-over:after { width: 22px; height: 16px; } .icon-print-white.icon, .icon-print-white.icon-before:before, .ie7 .icon-print-white.icon-before .before, .icon-print-white.icon-after:after, .icon-print-white.icon-over:after { background-position: -59px -80px; } .icon-print-white.icon-before:before, .ie7 .icon-print-white.icon-before .before { margin-right: 8.8px; } .icon-print-white.icon-after:after { margin-left: 8.8px; } .icon-share.icon, .icon-share.icon-before:before, .ie7 .icon-share.icon-before .before, .icon-share.icon-after:after, .icon-share.icon-over, .icon-share.icon-over:before, .icon-share.icon-over:after { width: 17px; height: 16px; } .icon-share.icon, .icon-share.icon-before:before, .ie7 .icon-share.icon-before .before, .icon-share.icon-after:after, .icon-share.icon-over:after { background-position: -17px -104px; } .icon-share.icon-before:before, .ie7 .icon-share.icon-before .before { margin-right: 6.8px; } .icon-share.icon-after:after { margin-left: 6.8px; } .icon-qr.icon, .icon-qr.icon-before:before, .ie7 .icon-qr.icon-before .before, .icon-qr.icon-after:after, .icon-qr.icon-over, .icon-qr.icon-over:before, .icon-qr.icon-over:after { width: 20px; height: 20px; } .icon-qr.icon, .icon-qr.icon-before:before, .ie7 .icon-qr.icon-before .before, .icon-qr.icon-after:after, .icon-qr.icon-over:after { background-position: -34px -100px; } .icon-qr.icon-before:before, .ie7 .icon-qr.icon-before .before { margin-right: 8.0px; } .icon-qr.icon-after:after { margin-left: 8.0px; } .icon-email.icon, .icon-email.icon-before:before, .ie7 .icon-email.icon-before .before, .icon-email.icon-after:after, .icon-email.icon-over, .icon-email.icon-over:before, .icon-email.icon-over:after { width: 20px; height: 20px; } .icon-email.icon, .icon-email.icon-before:before, .ie7 .icon-email.icon-before .before, .icon-email.icon-after:after, .icon-email.icon-over:after { background-position: -54px -100px; } .icon-email.icon-before:before, .ie7 .icon-email.icon-before .before { margin-right: 8.0px; } .icon-email.icon-after:after { margin-left: 8.0px; } .icon-left-0.icon, .icon-left-0.icon-before:before, .ie7 .icon-left-0.icon-before .before, .icon-left-0.icon-after:after, .icon-left-0.icon-over, .icon-left-0.icon-over:before, .icon-left-0.icon-over:after { width: 28px; height: 43px; } .icon-left-0.icon, .icon-left-0.icon-before:before, .ie7 .icon-left-0.icon-before .before, .icon-left-0.icon-after:after, .icon-left-0.icon-over:after { background-position: -0px -120px; } .icon-left-0.icon-before:before, .ie7 .icon-left-0.icon-before .before { margin-right: 11.2px; } .icon-left-0.icon-after:after { margin-left: 11.2px; } .icon-right-0.icon, .icon-right-0.icon-before:before, .ie7 .icon-right-0.icon-before .before, .icon-right-0.icon-after:after, .icon-right-0.icon-over, .icon-right-0.icon-over:before, .icon-right-0.icon-over:after { width: 28px; height: 43px; } .icon-right-0.icon, .icon-right-0.icon-before:before, .ie7 .icon-right-0.icon-before .before, .icon-right-0.icon-after:after, .icon-right-0.icon-over:after { background-position: -28px -120px; } .icon-right-0.icon-before:before, .ie7 .icon-right-0.icon-before .before { margin-right: 11.2px; } .icon-right-0.icon-after:after { margin-left: 11.2px; } .icon-left-1.icon, .icon-left-1.icon-before:before, .ie7 .icon-left-1.icon-before .before, .icon-left-1.icon-after:after, .icon-left-1.icon-over, .icon-left-1.icon-over:before, .icon-left-1.icon-over:after { width: 28px; height: 43px; } .icon-left-1.icon, .icon-left-1.icon-before:before, .ie7 .icon-left-1.icon-before .before, .icon-left-1.icon-after:after, .icon-left-1.icon-over:after { background-position: -56px -120px; } .icon-left-1.icon-before:before, .ie7 .icon-left-1.icon-before .before { margin-right: 11.2px; } .icon-left-1.icon-after:after { margin-left: 11.2px; } .icon-right-1.icon, .icon-right-1.icon-before:before, .ie7 .icon-right-1.icon-before .before, .icon-right-1.icon-after:after, .icon-right-1.icon-over, .icon-right-1.icon-over:before, .icon-right-1.icon-over:after { width: 28px; height: 43px; } .icon-right-1.icon, .icon-right-1.icon-before:before, .ie7 .icon-right-1.icon-before .before, .icon-right-1.icon-after:after, .icon-right-1.icon-over:after { background-position: -84px -120px; } .icon-right-1.icon-before:before, .ie7 .icon-right-1.icon-before .before { margin-right: 11.2px; } .icon-right-1.icon-after:after { margin-left: 11.2px; } .icon-left-2.icon, .icon-left-2.icon-before:before, .ie7 .icon-left-2.icon-before .before, .icon-left-2.icon-after:after, .icon-left-2.icon-over, .icon-left-2.icon-over:before, .icon-left-2.icon-over:after { width: 28px; height: 43px; } .icon-left-2.icon, .icon-left-2.icon-before:before, .ie7 .icon-left-2.icon-before .before, .icon-left-2.icon-after:after, .icon-left-2.icon-over:after { background-position: -14px -397px; } .icon-left-2.icon-before:before, .ie7 .icon-left-2.icon-before .before { margin-right: 11.2px; } .icon-left-2.icon-after:after { margin-left: 11.2px; } .icon-right-2.icon, .icon-right-2.icon-before:before, .ie7 .icon-right-2.icon-before .before, .icon-right-2.icon-after:after, .icon-right-2.icon-over, .icon-right-2.icon-over:before, .icon-right-2.icon-over:after { width: 28px; height: 43px; } .icon-right-2.icon, .icon-right-2.icon-before:before, .ie7 .icon-right-2.icon-before .before, .icon-right-2.icon-after:after, .icon-right-2.icon-over:after { background-position: -43px -397px; } .icon-right-2.icon-before:before, .ie7 .icon-right-2.icon-before .before { margin-right: 11.2px; } .icon-right-2.icon-after:after { margin-left: 11.2px; } .icon-left-3.icon, .icon-left-3.icon-before:before, .ie7 .icon-left-3.icon-before .before, .icon-left-3.icon-after:after, .icon-left-3.icon-over, .icon-left-3.icon-over:before, .icon-left-3.icon-over:after { width: 28px; height: 43px; } .icon-left-3.icon, .icon-left-3.icon-before:before, .ie7 .icon-left-3.icon-before .before, .icon-left-3.icon-after:after, .icon-left-3.icon-over:after { background-position: -20px -570px; } .icon-left-3.icon-before:before, .ie7 .icon-left-3.icon-before .before { margin-right: 11.2px; } .icon-left-3.icon-after:after { margin-left: 11.2px; } .icon-right-3.icon, .icon-right-3.icon-before:before, .ie7 .icon-right-3.icon-before .before, .icon-right-3.icon-after:after, .icon-right-3.icon-over, .icon-right-3.icon-over:before, .icon-right-3.icon-over:after { width: 28px; height: 43px; } .icon-right-3.icon, .icon-right-3.icon-before:before, .ie7 .icon-right-3.icon-before .before, .icon-right-3.icon-after:after, .icon-right-3.icon-over:after { background-position: -43px -570px; } .icon-right-3.icon-before:before, .ie7 .icon-right-3.icon-before .before { margin-right: 11.2px; } .icon-right-3.icon-after:after { margin-left: 11.2px; } .icon-left-4.icon, .icon-left-4.icon-before:before, .ie7 .icon-left-4.icon-before .before, .icon-left-4.icon-after:after, .icon-left-4.icon-over, .icon-left-4.icon-over:before, .icon-left-4.icon-over:after { width: 28px; height: 43px; } .icon-left-4.icon, .icon-left-4.icon-before:before, .ie7 .icon-left-4.icon-before .before, .icon-left-4.icon-after:after, .icon-left-4.icon-over:after { background-position: -233px -573px; } .icon-left-4.icon-before:before, .ie7 .icon-left-4.icon-before .before { margin-right: 11.2px; } .icon-left-4.icon-after:after { margin-left: 11.2px; } .icon-right-4.icon, .icon-right-4.icon-before:before, .ie7 .icon-right-4.icon-before .before, .icon-right-4.icon-after:after, .icon-right-4.icon-over, .icon-right-4.icon-over:before, .icon-right-4.icon-over:after { width: 28px; height: 43px; } .icon-right-4.icon, .icon-right-4.icon-before:before, .ie7 .icon-right-4.icon-before .before, .icon-right-4.icon-after:after, .icon-right-4.icon-over:after { background-position: -256px -573px; } .icon-right-4.icon-before:before, .ie7 .icon-right-4.icon-before .before { margin-right: 11.2px; } .icon-right-4.icon-after:after { margin-left: 11.2px; } .icon-up-1.icon, .icon-up-1.icon-before:before, .ie7 .icon-up-1.icon-before .before, .icon-up-1.icon-after:after, .icon-up-1.icon-over, .icon-up-1.icon-over:before, .icon-up-1.icon-over:after { width: 24px; height: 14px; } .icon-up-1.icon, .icon-up-1.icon-before:before, .ie7 .icon-up-1.icon-before .before, .icon-up-1.icon-after:after, .icon-up-1.icon-over:after { background-position: -112px -120px; } .icon-up-1.icon-before:before, .ie7 .icon-up-1.icon-before .before { margin-right: 9.6px; } .icon-up-1.icon-after:after { margin-left: 9.6px; } .icon-down-1.icon, .icon-down-1.icon-before:before, .ie7 .icon-down-1.icon-before .before, .icon-down-1.icon-after:after, .icon-down-1.icon-over, .icon-down-1.icon-over:before, .icon-down-1.icon-over:after { width: 24px; height: 14px; } .icon-down-1.icon, .icon-down-1.icon-before:before, .ie7 .icon-down-1.icon-before .before, .icon-down-1.icon-after:after, .icon-down-1.icon-over:after { background-position: -112px -134px; } .icon-down-1.icon-before:before, .ie7 .icon-down-1.icon-before .before { margin-right: 9.6px; } .icon-down-1.icon-after:after { margin-left: 9.6px; } .icon-duration.icon, .icon-duration.icon-before:before, .ie7 .icon-duration.icon-before .before, .icon-duration.icon-after:after, .icon-duration.icon-over, .icon-duration.icon-over:before, .icon-duration.icon-over:after { width: 44px; height: 44px; } .icon-duration.icon, .icon-duration.icon-before:before, .ie7 .icon-duration.icon-before .before, .icon-duration.icon-after:after, .icon-duration.icon-over:after { background-position: -0px -163px; } .icon-duration.icon-before:before, .ie7 .icon-duration.icon-before .before { margin-right: 17.6px; } .icon-duration.icon-after:after { margin-left: 17.6px; } .icon-level-1.icon, .icon-level-1.icon-before:before, .ie7 .icon-level-1.icon-before .before, .icon-level-1.icon-after:after, .icon-level-1.icon-over, .icon-level-1.icon-over:before, .icon-level-1.icon-over:after { width: 44px; height: 44px; } .icon-level-1.icon, .icon-level-1.icon-before:before, .ie7 .icon-level-1.icon-before .before, .icon-level-1.icon-after:after, .icon-level-1.icon-over:after { background-position: -44px -163px; } .icon-level-1.icon-before:before, .ie7 .icon-level-1.icon-before .before { margin-right: 17.6px; } .icon-level-1.icon-after:after { margin-left: 17.6px; } .icon-level-2.icon, .icon-level-2.icon-before:before, .ie7 .icon-level-2.icon-before .before, .icon-level-2.icon-after:after, .icon-level-2.icon-over, .icon-level-2.icon-over:before, .icon-level-2.icon-over:after { width: 44px; height: 44px; } .icon-level-2.icon, .icon-level-2.icon-before:before, .ie7 .icon-level-2.icon-before .before, .icon-level-2.icon-after:after, .icon-level-2.icon-over:after { background-position: -88px -163px; } .icon-level-2.icon-before:before, .ie7 .icon-level-2.icon-before .before { margin-right: 17.6px; } .icon-level-2.icon-after:after { margin-left: 17.6px; } .icon-level-3.icon, .icon-level-3.icon-before:before, .ie7 .icon-level-3.icon-before .before, .icon-level-3.icon-after:after, .icon-level-3.icon-over, .icon-level-3.icon-over:before, .icon-level-3.icon-over:after { width: 44px; height: 44px; } .icon-level-3.icon, .icon-level-3.icon-before:before, .ie7 .icon-level-3.icon-before .before, .icon-level-3.icon-after:after, .icon-level-3.icon-over:after { background-position: -132px -163px; } .icon-level-3.icon-before:before, .ie7 .icon-level-3.icon-before .before { margin-right: 17.6px; } .icon-level-3.icon-after:after { margin-left: 17.6px; } .icon-cupcake.icon, .icon-cupcake.icon-before:before, .ie7 .icon-cupcake.icon-before .before, .icon-cupcake.icon-after:after, .icon-cupcake.icon-over, .icon-cupcake.icon-over:before, .icon-cupcake.icon-over:after { width: 25px; height: 23px; } .icon-cupcake.icon, .icon-cupcake.icon-before:before, .ie7 .icon-cupcake.icon-before .before, .icon-cupcake.icon-after:after, .icon-cupcake.icon-over:after { background-position: -105px -0px; } .icon-cupcake.icon-before:before, .ie7 .icon-cupcake.icon-before .before { margin-right: 10.0px; } .icon-cupcake.icon-after:after { margin-left: 10.0px; } .icon-reload.icon, .icon-reload.icon-before:before, .ie7 .icon-reload.icon-before .before, .icon-reload.icon-after:after, .icon-reload.icon-over, .icon-reload.icon-over:before, .icon-reload.icon-over:after { width: 26px; height: 26px; } .icon-reload.icon, .icon-reload.icon-before:before, .ie7 .icon-reload.icon-before .before, .icon-reload.icon-after:after, .icon-reload.icon-over:after { background-position: -104px -23px; } .icon-reload.icon-before:before, .ie7 .icon-reload.icon-before .before { margin-right: 10.4px; } .icon-reload.icon-after:after { margin-left: 10.4px; } .icon-close.icon, .icon-close.icon-before:before, .ie7 .icon-close.icon-before .before, .icon-close.icon-after:after, .icon-close.icon-over, .icon-close.icon-over:before, .icon-close.icon-over:after { width: 10px; height: 11px; } .icon-close.icon, .icon-close.icon-before:before, .ie7 .icon-close.icon-before .before, .icon-close.icon-after:after, .icon-close.icon-over:after { background-position: -120px -49px; } .icon-close.icon-before:before, .ie7 .icon-close.icon-before .before { margin-right: 4.0px; } .icon-close.icon-after:after { margin-left: 4.0px; } .icon-close-w.icon, .icon-close-w.icon-before:before, .ie7 .icon-close-w.icon-before .before, .icon-close-w.icon-after:after, .icon-close-w.icon-over, .icon-close-w.icon-over:before, .icon-close-w.icon-over:after { width: 10px; height: 11px; } .icon-close-w.icon, .icon-close-w.icon-before:before, .ie7 .icon-close-w.icon-before .before, .icon-close-w.icon-after:after, .icon-close-w.icon-over:after { background-position: -130px -49px; } .icon-close-w.icon-before:before, .ie7 .icon-close-w.icon-before .before { margin-right: 4.0px; } .icon-close-w.icon-after:after { margin-left: 4.0px; } .icon-big-phone.icon, .icon-big-phone.icon-before:before, .ie7 .icon-big-phone.icon-before .before, .icon-big-phone.icon-after:after, .icon-big-phone.icon-over, .icon-big-phone.icon-over:before, .icon-big-phone.icon-over:after { width: 40px; height: 38px; } .icon-big-phone.icon, .icon-big-phone.icon-before:before, .ie7 .icon-big-phone.icon-before .before, .icon-big-phone.icon-after:after, .icon-big-phone.icon-over:after { background-position: -90px -60px; } .icon-big-phone.icon-before:before, .ie7 .icon-big-phone.icon-before .before { margin-right: 16.0px; } .icon-big-phone.icon-after:after { margin-left: 16.0px; } .icon-invalid.icon, .icon-invalid.icon-before:before, .ie7 .icon-invalid.icon-before .before, .icon-invalid.icon-after:after, .icon-invalid.icon-over, .icon-invalid.icon-over:before, .icon-invalid.icon-over:after { width: 30px; height: 16px; } .icon-invalid.icon, .icon-invalid.icon-before:before, .ie7 .icon-invalid.icon-before .before, .icon-invalid.icon-after:after, .icon-invalid.icon-over:after { background-position: -100px -98px; } .icon-invalid.icon-before:before, .ie7 .icon-invalid.icon-before .before { margin-right: 12.0px; } .icon-invalid.icon-after:after { margin-left: 12.0px; } .icon-big-invalid.icon, .icon-big-invalid.icon-before:before, .ie7 .icon-big-invalid.icon-before .before, .icon-big-invalid.icon-after:after, .icon-big-invalid.icon-over, .icon-big-invalid.icon-over:before, .icon-big-invalid.icon-over:after { width: 61px; height: 33px; } .icon-big-invalid.icon, .icon-big-invalid.icon-before:before, .ie7 .icon-big-invalid.icon-before .before, .icon-big-invalid.icon-after:after, .icon-big-invalid.icon-over:after { background-position: -136px -96px; } .icon-big-invalid.icon-before:before, .ie7 .icon-big-invalid.icon-before .before { margin-right: 24.4px; } .icon-big-invalid.icon-after:after { margin-left: 24.4px; } .icon-remove.icon, .icon-remove.icon-before:before, .ie7 .icon-remove.icon-before .before, .icon-remove.icon-after:after, .icon-remove.icon-over, .icon-remove.icon-over:before, .icon-remove.icon-over:after { width: 18px; height: 19px; } .icon-remove.icon, .icon-remove.icon-before:before, .ie7 .icon-remove.icon-before .before, .icon-remove.icon-after:after, .icon-remove.icon-over:after { background-position: -130px -77px; } .icon-remove.icon-before:before, .ie7 .icon-remove.icon-before .before { margin-right: 7.2px; } .icon-remove.icon-after:after { margin-left: 7.2px; } .icon-add.icon, .icon-add.icon-before:before, .ie7 .icon-add.icon-before .before, .icon-add.icon-after:after, .icon-add.icon-over, .icon-add.icon-over:before, .icon-add.icon-over:after { width: 13px; height: 13px; } .icon-add.icon, .icon-add.icon-before:before, .ie7 .icon-add.icon-before .before, .icon-add.icon-after:after, .icon-add.icon-over:after { background-position: -148px -77px; } .icon-add.icon-before:before, .ie7 .icon-add.icon-before .before { margin-right: 5.2px; } .icon-add.icon-after:after { margin-left: 5.2px; } .icon-phone.icon, .icon-phone.icon-before:before, .ie7 .icon-phone.icon-before .before, .icon-phone.icon-after:after, .icon-phone.icon-over, .icon-phone.icon-over:before, .icon-phone.icon-over:after { width: 32px; height: 30px; } .icon-phone.icon, .icon-phone.icon-before:before, .ie7 .icon-phone.icon-before .before, .icon-phone.icon-after:after, .icon-phone.icon-over:after { background-position: -130px -12px; } .icon-phone.icon-before:before, .ie7 .icon-phone.icon-before .before { margin-right: 12.8px; } .icon-phone.icon-after:after { margin-left: 12.8px; } .icon-location.icon, .icon-location.icon-before:before, .ie7 .icon-location.icon-before .before, .icon-location.icon-after:after, .icon-location.icon-over, .icon-location.icon-over:before, .icon-location.icon-over:after { width: 26px; height: 35px; } .icon-location.icon, .icon-location.icon-before:before, .ie7 .icon-location.icon-before .before, .icon-location.icon-after:after, .icon-location.icon-over:after { background-position: -162px -12px; } .icon-location.icon-before:before, .ie7 .icon-location.icon-before .before { margin-right: 10.4px; } .icon-location.icon-after:after { margin-left: 10.4px; } .icon-bullet-green.icon, .icon-bullet-green.icon-before:before, .ie7 .icon-bullet-green.icon-before .before, .icon-bullet-green.icon-after:after, .icon-bullet-green.icon-over, .icon-bullet-green.icon-over:before, .icon-bullet-green.icon-over:after { width: 10px; height: 10px; } .icon-bullet-green.icon, .icon-bullet-green.icon-before:before, .ie7 .icon-bullet-green.icon-before .before, .icon-bullet-green.icon-after:after, .icon-bullet-green.icon-over:after { background-position: -130px -0px; } .icon-bullet-green.icon-before:before, .ie7 .icon-bullet-green.icon-before .before { margin-right: 4.0px; } .icon-bullet-green.icon-after:after { margin-left: 4.0px; } .icon-check-green.icon, .icon-check-green.icon-before:before, .ie7 .icon-check-green.icon-before .before, .icon-check-green.icon-after:after, .icon-check-green.icon-over, .icon-check-green.icon-over:before, .icon-check-green.icon-over:after { width: 15px; height: 12px; } .icon-check-green.icon, .icon-check-green.icon-before:before, .ie7 .icon-check-green.icon-before .before, .icon-check-green.icon-after:after, .icon-check-green.icon-over:after { background-position: -140px -0px; } .icon-check-green.icon-before:before, .ie7 .icon-check-green.icon-before .before { margin-right: 6.0px; } .icon-check-green.icon-after:after { margin-left: 6.0px; } .icon-closed.icon, .icon-closed.icon-before:before, .ie7 .icon-closed.icon-before .before, .icon-closed.icon-after:after, .icon-closed.icon-over, .icon-closed.icon-over:before, .icon-closed.icon-over:after { width: 8px; height: 5px; } .icon-closed.icon, .icon-closed.icon-before:before, .ie7 .icon-closed.icon-before .before, .icon-closed.icon-after:after, .icon-closed.icon-over:after { background-position: -155px -0px; } .icon-closed.icon-before:before, .ie7 .icon-closed.icon-before .before { margin-right: 3.2px; } .icon-closed.icon-after:after { margin-left: 3.2px; } .icon-open.icon, .icon-open.icon-before:before, .ie7 .icon-open.icon-before .before, .icon-open.icon-after:after, .icon-open.icon-over, .icon-open.icon-over:before, .icon-open.icon-over:after { width: 8px; height: 5px; } .icon-open.icon, .icon-open.icon-before:before, .ie7 .icon-open.icon-before .before, .icon-open.icon-after:after, .icon-open.icon-over:after { background-position: -155px -5px; } .icon-open.icon-before:before, .ie7 .icon-open.icon-before .before { margin-right: 3.2px; } .icon-open.icon-after:after { margin-left: 3.2px; } .icon-select.icon, .icon-select.icon-before:before, .ie7 .icon-select.icon-before .before, .icon-select.icon-after:after, .icon-select.icon-over, .icon-select.icon-over:before, .icon-select.icon-over:after { width: 10px; height: 8px; } .icon-select.icon, .icon-select.icon-before:before, .ie7 .icon-select.icon-before .before, .icon-select.icon-after:after, .icon-select.icon-over:after { background-position: -163px -0px; } .icon-select.icon-before:before, .ie7 .icon-select.icon-before .before { margin-right: 4.0px; } .icon-select.icon-after:after { margin-left: 4.0px; } .icon-leaflet.icon, .icon-leaflet.icon-before:before, .ie7 .icon-leaflet.icon-before .before, .icon-leaflet.icon-after:after, .icon-leaflet.icon-over, .icon-leaflet.icon-over:before, .icon-leaflet.icon-over:after { width: 60px; height: 35px; } .icon-leaflet.icon, .icon-leaflet.icon-before:before, .ie7 .icon-leaflet.icon-before .before, .icon-leaflet.icon-after:after, .icon-leaflet.icon-over:after { background-position: -0px -207px; } .icon-leaflet.icon-before:before, .ie7 .icon-leaflet.icon-before .before { margin-right: 24.0px; } .icon-leaflet.icon-after:after { margin-left: 24.0px; } .icon-recipes-1.icon, .icon-recipes-1.icon-before:before, .ie7 .icon-recipes-1.icon-before .before, .icon-recipes-1.icon-after:after, .icon-recipes-1.icon-over, .icon-recipes-1.icon-over:before, .icon-recipes-1.icon-over:after { width: 76px; height: 72px; } .icon-recipes-1.icon, .icon-recipes-1.icon-before:before, .ie7 .icon-recipes-1.icon-before .before, .icon-recipes-1.icon-after:after, .icon-recipes-1.icon-over:after { background-position: -156px -447px; } .icon-recipes-1.icon-before:before, .ie7 .icon-recipes-1.icon-before .before { margin-right: 30.4px; } .icon-recipes-1.icon-after:after { margin-left: 30.4px; } .icon-leaflet-1.icon, .icon-leaflet-1.icon-before:before, .ie7 .icon-leaflet-1.icon-before .before, .icon-leaflet-1.icon-after:after, .icon-leaflet-1.icon-over, .icon-leaflet-1.icon-over:before, .icon-leaflet-1.icon-over:after { width: 76px; height: 72px; } .icon-leaflet-1.icon, .icon-leaflet-1.icon-before:before, .ie7 .icon-leaflet-1.icon-before .before, .icon-leaflet-1.icon-after:after, .icon-leaflet-1.icon-over:after { background-position: -0px -447px; } .icon-leaflet-1.icon-before:before, .ie7 .icon-leaflet-1.icon-before .before { margin-right: 30.4px; } .icon-leaflet-1.icon-after:after { margin-left: 30.4px; } .icon-recipes.icon, .icon-recipes.icon-before:before, .ie7 .icon-recipes.icon-before .before, .icon-recipes.icon-after:after, .icon-recipes.icon-over, .icon-recipes.icon-over:before, .icon-recipes.icon-over:after { width: 60px; height: 35px; } .icon-recipes.icon, .icon-recipes.icon-before:before, .ie7 .icon-recipes.icon-before .before, .icon-recipes.icon-after:after, .icon-recipes.icon-over:after { background-position: -60px -207px; } .icon-recipes.icon-before:before, .ie7 .icon-recipes.icon-before .before { margin-right: 24.0px; } .icon-recipes.icon-after:after { margin-left: 24.0px; } .icon-map.icon, .icon-map.icon-before:before, .ie7 .icon-map.icon-before .before, .icon-map.icon-after:after, .icon-map.icon-over, .icon-map.icon-over:before, .icon-map.icon-over:after { width: 60px; height: 35px; } .icon-map.icon, .icon-map.icon-before:before, .ie7 .icon-map.icon-before .before, .icon-map.icon-after:after, .icon-map.icon-over:after { background-position: -120px -207px; } .icon-map.icon-before:before, .ie7 .icon-map.icon-before .before { margin-right: 24.0px; } .icon-map.icon-after:after { margin-left: 24.0px; } .icon-articles.icon, .icon-articles.icon-before:before, .ie7 .icon-articles.icon-before .before, .icon-articles.icon-after:after, .icon-articles.icon-over, .icon-articles.icon-over:before, .icon-articles.icon-over:after { width: 60px; height: 39px; } .icon-articles.icon, .icon-articles.icon-before:before, .ie7 .icon-articles.icon-before .before, .icon-articles.icon-after:after, .icon-articles.icon-over:after { background-position: -180px -203px; } .icon-articles.icon-before:before, .ie7 .icon-articles.icon-before .before { margin-right: 24.0px; } .icon-articles.icon-after:after { margin-left: 24.0px; } .icon-articles-1.icon, .icon-articles-1.icon-before:before, .ie7 .icon-articles-1.icon-before .before, .icon-articles-1.icon-after:after, .icon-articles-1.icon-over, .icon-articles-1.icon-over:before, .icon-articles-1.icon-over:after { width: 76px; height: 72px; } .icon-articles-1.icon, .icon-articles-1.icon-before:before, .ie7 .icon-articles-1.icon-before .before, .icon-articles-1.icon-after:after, .icon-articles-1.icon-over:after { background-position: -83px -447px; } .icon-articles-1.icon-before:before, .ie7 .icon-articles-1.icon-before .before { margin-right: 30.4px; } .icon-articles-1.icon-after:after { margin-left: 30.4px; } .icon-vanoce-1.icon, .icon-vanoce-1.icon-before:before, .ie7 .icon-vanoce-1.icon-before .before, .icon-vanoce-1.icon-after:after, .icon-vanoce-1.icon-over, .icon-vanoce-1.icon-over:before, .icon-vanoce-1.icon-over:after { width: 40px; height: 77px; } .icon-vanoce-1.icon, .icon-vanoce-1.icon-before:before, .ie7 .icon-vanoce-1.icon-before .before, .icon-vanoce-1.icon-after:after, .icon-vanoce-1.icon-over:after { background-position: -233px -450px; } .icon-vanoce-1.icon-before:before, .ie7 .icon-vanoce-1.icon-before .before { margin-right: 16.0px; } .icon-vanoce-1.icon-after:after { margin-left: 16.0px; } .icon-newsletter-box.icon, .icon-newsletter-box.icon-before:before, .ie7 .icon-newsletter-box.icon-before .before, .icon-newsletter-box.icon-after:after, .icon-newsletter-box.icon-over, .icon-newsletter-box.icon-over:before, .icon-newsletter-box.icon-over:after { width: 68px; height: 54px; } .icon-newsletter-box.icon, .icon-newsletter-box.icon-before:before, .ie7 .icon-newsletter-box.icon-before .before, .icon-newsletter-box.icon-after:after, .icon-newsletter-box.icon-over:after { background-position: -17px -330px; } .icon-newsletter-box.icon-before:before, .ie7 .icon-newsletter-box.icon-before .before { margin-right: 27.2px; } .icon-newsletter-box.icon-after:after { margin-left: 27.2px; } .icon-newsletter-close.icon, .icon-newsletter-close.icon-before:before, .ie7 .icon-newsletter-close.icon-before .before, .icon-newsletter-close.icon-after:after, .icon-newsletter-close.icon-over, .icon-newsletter-close.icon-over:before, .icon-newsletter-close.icon-over:after { width: 20px; height: 17px; } .icon-newsletter-close.icon, .icon-newsletter-close.icon-before:before, .ie7 .icon-newsletter-close.icon-before .before, .icon-newsletter-close.icon-after:after, .icon-newsletter-close.icon-over:after { background-position: -87px -351px; } .icon-newsletter-close.icon-before:before, .ie7 .icon-newsletter-close.icon-before .before { margin-right: 8.0px; } .icon-newsletter-close.icon-after:after { margin-left: 8.0px; } .icon-carousel-box-menu-arrow.icon, .icon-carousel-box-menu-arrow.icon-before:before, .ie7 .icon-carousel-box-menu-arrow.icon-before .before, .icon-carousel-box-menu-arrow.icon-after:after, .icon-carousel-box-menu-arrow.icon-over, .icon-carousel-box-menu-arrow.icon-over:before, .icon-carousel-box-menu-arrow.icon-over:after { width: 20px; height: 20px; } .icon-carousel-box-menu-arrow.icon, .icon-carousel-box-menu-arrow.icon-before:before, .ie7 .icon-carousel-box-menu-arrow.icon-before .before, .icon-carousel-box-menu-arrow.icon-after:after, .icon-carousel-box-menu-arrow.icon-over:after { background-position: -124px -382px; } .icon-carousel-box-menu-arrow.icon-before:before, .ie7 .icon-carousel-box-menu-arrow.icon-before .before { margin-right: 8.0px; } .icon-carousel-box-menu-arrow.icon-after:after { margin-left: 8.0px; } .icon-recipes-preview-item.icon, .icon-recipes-preview-item.icon-before:before, .ie7 .icon-recipes-preview-item.icon-before .before, .icon-recipes-preview-item.icon-after:after, .icon-recipes-preview-item.icon-over, .icon-recipes-preview-item.icon-over:before, .icon-recipes-preview-item.icon-over:after { width: 36px; height: 45px; } .icon-recipes-preview-item.icon, .icon-recipes-preview-item.icon-before:before, .ie7 .icon-recipes-preview-item.icon-before .before, .icon-recipes-preview-item.icon-after:after, .icon-recipes-preview-item.icon-over:after { background-position: -64px -521px; } .icon-recipes-preview-item.icon-before:before, .ie7 .icon-recipes-preview-item.icon-before .before { margin-right: 14.4px; } .icon-recipes-preview-item.icon-after:after { margin-left: 14.4px; } .icon-hint.icon, .icon-hint.icon-before:before, .ie7 .icon-hint.icon-before .before, .icon-hint.icon-after:after, .icon-hint.icon-over, .icon-hint.icon-over:before, .icon-hint.icon-over:after { width: 45px; height: 45px; } .icon-hint.icon, .icon-hint.icon-before:before, .ie7 .icon-hint.icon-before .before, .icon-hint.icon-after:after, .icon-hint.icon-over:after { background-position: -5px -521px; } .icon-hint.icon-before:before, .ie7 .icon-hint.icon-before .before { margin-right: 18.0px; } .icon-hint.icon-after:after { margin-left: 18.0px; } .icon-time.icon, .icon-time.icon-before:before, .ie7 .icon-time.icon-before .before, .icon-time.icon-after:after, .icon-time.icon-over, .icon-time.icon-over:before, .icon-time.icon-over:after { width: 45px; height: 45px; } .icon-time.icon, .icon-time.icon-before:before, .ie7 .icon-time.icon-before .before, .icon-time.icon-after:after, .icon-time.icon-over:after { background-position: -117px -521px; } .icon-time.icon-before:before, .ie7 .icon-time.icon-before .before { margin-right: 18.0px; } .icon-time.icon-after:after { margin-left: 18.0px; } .icon-email-large.icon, .icon-email-large.icon-before:before, .ie7 .icon-email-large.icon-before .before, .icon-email-large.icon-after:after, .icon-email-large.icon-over, .icon-email-large.icon-over:before, .icon-email-large.icon-over:after { width: 40px; height: 40px; } .icon-email-large.icon, .icon-email-large.icon-before:before, .ie7 .icon-email-large.icon-before .before, .icon-email-large.icon-after:after, .icon-email-large.icon-over:after { background-position: -172px -520px; } .icon-email-large.icon-before:before, .ie7 .icon-email-large.icon-before .before { margin-right: 16.0px; } .icon-email-large.icon-after:after { margin-left: 16.0px; } .icon-phone-white.icon, .icon-phone-white.icon-before:before, .ie7 .icon-phone-white.icon-before .before, .icon-phone-white.icon-after:after, .icon-phone-white.icon-over, .icon-phone-white.icon-over:before, .icon-phone-white.icon-over:after { width: 25px; height: 40px; } .icon-phone-white.icon, .icon-phone-white.icon-before:before, .ie7 .icon-phone-white.icon-before .before, .icon-phone-white.icon-after:after, .icon-phone-white.icon-over:after { background-position: -113px -411px; } .icon-phone-white.icon-before:before, .ie7 .icon-phone-white.icon-before .before { margin-right: 10.0px; } .icon-phone-white.icon-after:after { margin-left: 10.0px; } .icon-email-white.icon, .icon-email-white.icon-before:before, .ie7 .icon-email-white.icon-before .before, .icon-email-white.icon-after:after, .icon-email-white.icon-over, .icon-email-white.icon-over:before, .icon-email-white.icon-over:after { width: 25px; height: 40px; } .icon-email-white.icon, .icon-email-white.icon-before:before, .ie7 .icon-email-white.icon-before .before, .icon-email-white.icon-after:after, .icon-email-white.icon-over:after { background-position: -83px -411px; } .icon-email-white.icon-before:before, .ie7 .icon-email-white.icon-before .before { margin-right: 10.0px; } .icon-email-white.icon-after:after { margin-left: 10.0px; } .icon-list-green.icon, .icon-list-green.icon-before:before, .ie7 .icon-list-green.icon-before .before, .icon-list-green.icon-after:after, .icon-list-green.icon-over, .icon-list-green.icon-over:before, .icon-list-green.icon-over:after { width: 26px; height: 26px; } .icon-list-green.icon, .icon-list-green.icon-before:before, .ie7 .icon-list-green.icon-before .before, .icon-list-green.icon-after:after, .icon-list-green.icon-over:after { background-position: -185px -419px; } .icon-list-green.icon-before:before, .ie7 .icon-list-green.icon-before .before { margin-right: 10.4px; } .icon-list-green.icon-after:after { margin-left: 10.4px; } .icon-list-white.icon, .icon-list-white.icon-before:before, .ie7 .icon-list-white.icon-before .before, .icon-list-white.icon-after:after, .icon-list-white.icon-over, .icon-list-white.icon-over:before, .icon-list-white.icon-over:after { width: 26px; height: 26px; } .icon-list-white.icon, .icon-list-white.icon-before:before, .ie7 .icon-list-white.icon-before .before, .icon-list-white.icon-after:after, .icon-list-white.icon-over:after { background-position: -157px -422px; } .icon-list-white.icon-before:before, .ie7 .icon-list-white.icon-before .before { margin-right: 10.4px; } .icon-list-white.icon-after:after { margin-left: 10.4px; } .icon-star-1, .icon-star-0 { display:inline-block; } /* Social media icons */ .social-media-link.icon-over, .social-media-link.icon-over:after, .social-media-link.icon-over:before { width: 70px; height: 70px; } .social-media-link.icon-over:after { background-image: url('/-a45323---jg4gQtK6/social-media-sprite?_linka=a117457'); background-repeat: no-repeat; background-position: -1000px 0; } {/* Selektory jsou generovany ze stejneho vyctoveho zdroje, jako se generuji odkazy */} .icon-facebook-large.icon-over:after { background-position: 0px 1px; } .icon-facebook-large.icon-over:hover:after { background-position: 0px bottom; } .icon-twitter-large.icon-over:after { background-position: -100px 1px; } .icon-twitter-large.icon-over:hover:after { background-position: -100px bottom; } .icon-youtube-large.icon-over:after { background-position: -200px 1px; } .icon-youtube-large.icon-over:hover:after { background-position: -200px bottom; } .icon-instagram-large.icon-over:after { background-position: -300px 1px; } .icon-instagram-large.icon-over:hover:after { background-position: -300px bottom; } .icon-linkedIn-large.icon-over:after { background-position: -400px 1px; } .icon-linkedIn-large.icon-over:hover:after { background-position: -400px bottom; } /** * @sprite * Sprite description for /-a3568---LwnEiO1M/cat-icons (and ). ... */ .cat-icon:before, .ie7 .cat-icon .before { background-image: url('/-a3568---LwnEiO1M/cat-icons?_linka=a147889'); background-repeat: no-repeat; background-color: transparent; content: " "; display: inline-block; vertical-align: top; width: 50px ; height: 44px ; } .cat-icon.grafic-cat-legend:before, .ie7 .cat-icon.grafic-cat-legend .before { margin-left:4%; } .cat-icon-bezmase.cat-icon:before, .ie7 .cat-icon-bezmase.cat-icon .before { background-position: -8px -503px ; } .cat-icon-cukrovi.cat-icon:before, .ie7 .cat-icon-cukrovi.cat-icon .before { background-position: -8px -54px ; } .cat-icon-dezerty.cat-icon:before, .ie7 .cat-icon-dezerty.cat-icon .before { background-position: -115px -600px ; } .cat-icon-gurman.cat-icon:before, .ie7 .cat-icon-gurman.cat-icon .before { background-position: -60px -902px ; } .cat-icon-hlavni_chod.cat-icon:before, .ie7 .cat-icon-hlavni_chod.cat-icon .before { background-position: -115px -653px ; } .cat-icon-chutovky.cat-icon:before, .ie7 .cat-icon-chutovky.cat-icon .before { background-position: -8px -553px ; } .cat-icon-lehke.cat-icon:before, .ie7 .cat-icon-lehke.cat-icon .before { background-position: -60px -854px ; } .cat-icon-marinady.cat-icon:before, .ie7 .cat-icon-marinady.cat-icon .before { background-position: -8px -304px ; } .cat-icon-moucniky.cat-icon:before, .ie7 .cat-icon-moucniky.cat-icon .before { background-position: -8px -154px ; } .cat-icon-moucniky_a_kolace.cat-icon:before, .ie7 .cat-icon-moucniky_a_kolace.cat-icon .before { background-position: -8px -154px ; } .cat-icon-napoje.cat-icon:before, .ie7 .cat-icon-napoje.cat-icon .before { background-position: -8px -600px ; } .cat-icon-omacky_a_zalivky.cat-icon:before, .ie7 .cat-icon-omacky_a_zalivky.cat-icon .before { background-position: -8px -256px ; } .cat-icon-zalivky_a_dresinky.cat-icon:before, .ie7 .cat-icon-zalivky_a_dresinky.cat-icon .before { background-position: -8px -256px ; } .cat-icon-dipy_a_studene_omacky.cat-icon:before, .ie7 .cat-icon-dipy_a_studene_omacky.cat-icon .before { background-position: -8px -256px ; } .cat-icon-pohary.cat-icon:before, .ie7 .cat-icon-pohary.cat-icon .before { background-position: -8px -204px ; } .cat-icon-polevky.cat-icon:before, .ie7 .cat-icon-polevky.cat-icon .before { background-position: -115px -705px ; } .cat-icon-polevy.cat-icon:before, .ie7 .cat-icon-polevy.cat-icon .before { background-position: -600px -5px ; } .cat-icon-pomazanky.cat-icon:before, .ie7 .cat-icon-pomazanky.cat-icon .before { background-position: -8px -852px ; } .cat-icon-predkrm.cat-icon:before, .ie7 .cat-icon-predkrm.cat-icon .before { background-position: -115px -753px ; } .cat-icon-salaty.cat-icon:before, .ie7 .cat-icon-salaty.cat-icon .before { background-position: -8px -454px ; } .cat-icon-zavareniny.cat-icon:before, .ie7 .cat-icon-zavareniny.cat-icon .before { background-position: -8px -705px ; } .cat-icon-priloha.cat-icon:before, .ie7 .cat-icon-priloha.cat-icon .before { background-position: -115px -804px ; } .cat-icon-snidane.cat-icon:before, .ie7 .cat-icon-snidane.cat-icon .before { background-position: -115px -852px ; } .cat-icon-prilohy.cat-icon:before, .ie7 .cat-icon-prilohy.cat-icon .before { background-position: -115px -804px ; } .cat-icon-sladka_jidla.cat-icon:before, .ie7 .cat-icon-sladka_jidla.cat-icon .before { background-position: -8px -5px ; } .cat-icon-omacky.cat-icon:before, .ie7 .cat-icon-omacky.cat-icon .before { background-position: -8px -256px ; } .cat-icon-bezmasa_jidla.cat-icon:before, .ie7 .cat-icon-bezmasa_jidla.cat-icon .before { background-position: -8px -505px ; } .cat-icon-dezert.cat-icon:before, .ie7 .cat-icon-dezert.cat-icon .before { background-position: -115px -600px ; } .cat-icon-kompoty.cat-icon:before, .ie7 .cat-icon-kompoty.cat-icon .before { background-position: -8px -705px ; } .cat-icon-pochutiny.cat-icon:before, .ie7 .cat-icon-pochutiny.cat-icon .before { background-position: -8px -553px ; } .cat-icon-moucnik.cat-icon:before, .ie7 .cat-icon-moucnik.cat-icon .before { background-position: -8px -156px ; } .cat-icon-nadivky.cat-icon:before, .ie7 .cat-icon-nadivky.cat-icon .before { background-position: -600px -5px ; } .cat-icon-zvireci_pokrmy.cat-icon:before, .ie7 .cat-icon-zvireci_pokrmy.cat-icon .before { background-position: -600px -5px ; } .cat-icon-dorty.cat-icon:before, .ie7 .cat-icon-dorty.cat-icon .before { background-position: -8px -105px ; } .cat-icon-zmrzlina.cat-icon:before, .ie7 .cat-icon-zmrzlina.cat-icon .before { background-position: -8px -204px ; } .cat-icon-svaciny.cat-icon:before, .ie7 .cat-icon-svaciny.cat-icon .before { background-position: -115px -902px ; } .cat-icon-dip.cat-icon:before, .ie7 .cat-icon-dip.cat-icon .before { background-position: -8px -406px ; } .cat-icon-svacina.cat-icon:before, .ie7 .cat-icon-svacina.cat-icon .before { background-position: -115px -902px ; } .cat-icon-polevka.cat-icon:before, .ie7 .cat-icon-polevka.cat-icon .before { background-position: -115px -705px ; } .cat-icon-snidne.cat-icon:before, .ie7 .cat-icon-snidne.cat-icon .before { background-position: -115px -852px ; } .cat-icon-predkrmy.cat-icon:before, .ie7 .cat-icon-predkrmy.cat-icon .before { background-position: -115px -753px ; } .cat-icon-marmelady_a_dzemy.cat-icon:before, .ie7 .cat-icon-marmelady_a_dzemy.cat-icon .before { background-position: -8px -705px ; } .cat-icon-dezety.cat-icon:before, .ie7 .cat-icon-dezety.cat-icon .before { background-position: -8px -156px ; } .cat-icon-povidla.cat-icon:before, .ie7 .cat-icon-povidla.cat-icon .before { background-position: -8px -705px ; } .cat-icon-vecere.cat-icon:before, .ie7 .cat-icon-vecere.cat-icon .before { background-position: -600px -5px ; } .cat-icon-pastiky.cat-icon:before, .ie7 .cat-icon-pastiky.cat-icon .before { background-position: -600px -5px ; } .cat-icon-_10.cat-icon:before, .ie7 .cat-icon-_10.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_15.cat-icon:before, .ie7 .cat-icon-_15.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_20.cat-icon:before, .ie7 .cat-icon-_20.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_25.cat-icon:before, .ie7 .cat-icon-_25.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_30.cat-icon:before, .ie7 .cat-icon-_30.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_35.cat-icon:before, .ie7 .cat-icon-_35.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_40.cat-icon:before, .ie7 .cat-icon-_40.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_45.cat-icon:before, .ie7 .cat-icon-_45.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_50.cat-icon:before, .ie7 .cat-icon-_50.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_60.cat-icon:before, .ie7 .cat-icon-_60.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_90.cat-icon:before, .ie7 .cat-icon-_90.cat-icon .before { background-position: -8px -960px ; } .cat-icon-_120_plus.cat-icon:before, .ie7 .cat-icon-_120_plus.cat-icon .before { background-position: -8px -960px ; } .cat-icon-narozeniny.cat-icon:before, .ie7 .cat-icon-narozeniny.cat-icon .before { background-position: -60px -506px ; } .cat-icon-party.cat-icon:before, .ie7 .cat-icon-party.cat-icon .before { background-position: -60px -554px ; } .cat-icon-piknik.cat-icon:before, .ie7 .cat-icon-piknik.cat-icon .before { background-position: -60px -600px ; } .cat-icon-silvestr.cat-icon:before, .ie7 .cat-icon-silvestr.cat-icon .before { background-position: -60px -654px ; } .cat-icon-valentyn.cat-icon:before, .ie7 .cat-icon-valentyn.cat-icon .before { background-position: -60px -706px ; } .cat-icon-vanoce.cat-icon:before, .ie7 .cat-icon-vanoce.cat-icon .before { background-position: -60px -755px ; } .cat-icon-velikonoce.cat-icon:before, .ie7 .cat-icon-velikonoce.cat-icon .before { background-position: -60px -805px ; } .cat-icon-neco_lehkeho.cat-icon:before, .ie7 .cat-icon-neco_lehkeho.cat-icon .before { background-position: -60px -852px ; } .cat-icon-pro_gurmany.cat-icon:before, .ie7 .cat-icon-pro_gurmany.cat-icon .before { background-position: -60px -902px ; } .cat-icon-bez_vareni.cat-icon:before, .ie7 .cat-icon-bez_vareni.cat-icon .before { background-position: -60px -5px ; } .cat-icon-duseni.cat-icon:before, .ie7 .cat-icon-duseni.cat-icon .before { background-position: -60px -53px ; } .cat-icon-grilovani.cat-icon:before, .ie7 .cat-icon-grilovani.cat-icon .before { background-position: -60px -105px ; } .cat-icon-mrazeni_a_zachlazovani.cat-icon:before, .ie7 .cat-icon-mrazeni_a_zachlazovani.cat-icon .before { background-position: -60px -157px ; } .cat-icon-peceni.cat-icon:before, .ie7 .cat-icon-peceni.cat-icon .before { background-position: -60px -205px ; } .cat-icon-posirovani.cat-icon:before, .ie7 .cat-icon-posirovani.cat-icon .before { background-position: -60px -256px ; } .cat-icon-smazeni.cat-icon:before, .ie7 .cat-icon-smazeni.cat-icon .before { background-position: -60px -304px ; } .cat-icon-vareni.cat-icon:before, .ie7 .cat-icon-vareni.cat-icon .before { background-position: -60px -253px ; } .cat-icon-vareni_v_mikrovlnne_troube.cat-icon:before, .ie7 .cat-icon-vareni_v_mikrovlnne_troube.cat-icon .before { background-position: -60px -406px ; } .cat-icon-vareni_v_pare.cat-icon:before, .ie7 .cat-icon-vareni_v_pare.cat-icon .before { background-position: -60px -454px ; } .cat-icon-zapekani.cat-icon:before, .ie7 .cat-icon-zapekani.cat-icon .before { background-position: -60px -957px ; } .cat-icon-ceska.cat-icon:before, .ie7 .cat-icon-ceska.cat-icon .before { background-position: -115px -205px ; } .cat-icon-stredomorska.cat-icon:before, .ie7 .cat-icon-stredomorska.cat-icon .before { background-position: -115px -505px ; } .cat-icon-recka.cat-icon:before, .ie7 .cat-icon-recka.cat-icon .before { background-position: -115px -454px ; } .cat-icon-italska.cat-icon:before, .ie7 .cat-icon-italska.cat-icon .before { background-position: -115px -305px ; } .cat-icon-africka.cat-icon:before, .ie7 .cat-icon-africka.cat-icon .before { background-position: -115px -5px ; } .cat-icon-americka.cat-icon:before, .ie7 .cat-icon-americka.cat-icon .before { background-position: -115px -53px ; } .cat-icon-orientalni.cat-icon:before, .ie7 .cat-icon-orientalni.cat-icon .before { background-position: -8px -5px ; } .cat-icon-anglicka.cat-icon:before, .ie7 .cat-icon-anglicka.cat-icon .before { background-position: -8px -5px ; } .cat-icon-asijska.cat-icon:before, .ie7 .cat-icon-asijska.cat-icon .before { background-position: -115px -105px ; } .cat-icon-britska.cat-icon:before, .ie7 .cat-icon-britska.cat-icon .before { background-position: -115px -156px ; } .cat-icon-francouzska.cat-icon:before, .ie7 .cat-icon-francouzska.cat-icon .before { background-position: -115px -256px ; } .cat-icon-mexicka.cat-icon:before, .ie7 .cat-icon-mexicka.cat-icon .before { background-position: -115px -353px ; } .cat-icon-ostatni.cat-icon:before, .ie7 .cat-icon-ostatni.cat-icon .before { background-position: -115px -406px ; } .cat-icon-vychodoevropska.cat-icon:before, .ie7 .cat-icon-vychodoevropska.cat-icon .before { background-position: -115px -553px ; } .cat-icon-ceska.cat-icon:before, .ie7 .cat-icon-ceska.cat-icon .before { background-position: -115px -205px ; } .cat-icon-bezlepkove.cat-icon:before, .ie7 .cat-icon-bezlepkove.cat-icon .before { background-position: -115px -350px ; } .cat-icon-bezlaktozove.cat-icon:before, .ie7 .cat-icon-bezlaktozove.cat-icon .before { background-position: -115px -350px ; } .cat-icon-vegetarianske.cat-icon:before, .ie7 .cat-icon-vegetarianske.cat-icon .before { background-position: -115px -350px ; } .cat-icon-veganske.cat-icon:before, .ie7 .cat-icon-veganske.cat-icon .before { background-position: -115px -350px ; } .cat-icon-z_plechu.cat-icon:before, .ie7 .cat-icon-z_plechu.cat-icon .before { background-position: -8px -655px ; } .cat-icon-zelenina.cat-icon:before, .ie7 .cat-icon-zelenina.cat-icon .before { background-position: -8px -755px ; } .cat-icon-chleb_a_pecivo.cat-icon:before, .ie7 .cat-icon-chleb_a_pecivo.cat-icon .before { background-position: -8px -806px ; } .cat-icon-maso.cat-icon:before, .ie7 .cat-icon-maso.cat-icon .before { background-position: -60px -902px ; } .cat-icon-ryby.cat-icon:before, .ie7 .cat-icon-ryby.cat-icon .before { background-position: -60px -256px ; } .cat-icon-testoviny.cat-icon:before, .ie7 .cat-icon-testoviny.cat-icon .before { background-position: -115px -305px ; } .cat-icon-sendvice.cat-icon:before, .ie7 .cat-icon-sendvice.cat-icon .before { background-position: -8px -902px ; } /** * @sprite * Sprite description for /-a28328---KJZY_v9S/znacky-nove. ... */ .trademark { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; margin-bottom:20px; } .trademark:before, .trademark:after { content: " "; display: block; position: absolute; left: 0; top: 0; } .trademark:before { background-color: #ffffff; } .trademark:after { background-image: url('/-a28328---KJZY_v9S/znacky-nove?_linka=a367439'); background-repeat: no-repeat; background-color: transparent; opacity: 0.7; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .trademark:hover:after { opacity: 1; } .trademark-alone { display:block!important; margin-bottom:30px!important; } /* link */ .trademark-cherokee.trademark, .trademark-cherokee.trademark:before, .trademark-cherokee.trademark:after { width: 100px; height: 70px; } .trademark-cherokee.trademark:after { background-position: -618px -95px; } .trademark-bio.trademark, .trademark-bio.trademark:before, .trademark-bio.trademark:after { width: 99px; height: 70px; } .trademark-bio.trademark:after { background-position: -21px -90px; } .trademark-quality.trademark, .trademark-quality.trademark:before, .trademark-quality.trademark:after { width: 107px; height: 70px; } .trademark-quality.trademark:after { background-position: -127px -87px; } .trademark-etos.trademark, .trademark-etos.trademark:before, .trademark-etos.trademark:after { width: 61px; height: 70px; } .trademark-etos.trademark:after { background-position: -254px -92px; } .trademark-basic.trademark, .trademark-basic.trademark:before, .trademark-basic.trademark:after { width: 91px; height: 70px; } .trademark-basic.trademark:after { background-position: -340px -92px; } .trademark-excellent.trademark, .trademark-excellent.trademark:before, .trademark-excellent.trademark:after { width: 120px; height: 73px; } .trademark-excellent.trademark:after { background-position: -465px -92px; } .trademark-veggie.trademark, .trademark-veggie.trademark:before, .trademark-veggie.trademark:after { width: 90px; height: 70px; } .trademark-veggie.trademark:after { background-position: -730px -92px; } .trademark-free_form.trademark, .trademark-free_form.trademark:before, .trademark-free_form.trademark:after { width: 90px; height: 70px; } .trademark-free_form.trademark:after { background-position: -830px -92px; } .trademark-ceskaChut.trademark, .trademark-ceskaChut.trademark:before, .trademark-ceskaChut.trademark:after { width: 113px; height: 70px; } .trademark-ceskaChut.trademark:after { background-position: -933px -92px; } .trademark-naturesPromise.trademark, .trademark-naturesPromise.trademark:before, .trademark-naturesPromise.trademark:after { width: 125px; height: 70px; } .trademark-naturesPromise.trademark:after { background-position: -1059px -92px; } .trademark-freshBistro.trademark, .trademark-freshBistro.trademark:before, .trademark-freshBistro.trademark:after { width: 76px; height: 76px; } .trademark-freshBistro.trademark:after { background-position: -1213px -94px; } .trademark-perla.trademark, .trademark-perla.trademark:before, .trademark-perla.trademark:after { width: 94px; height: 76px; } .trademark-perla.trademark:after { background-position: -1309px -98px; } /* hover */ .trademark-cherokee.trademark:hover, .trademark-cherokee.trademark:hover:before, .trademark-cherokee.trademark:hover:after { width: 100px; height: 70px; } .trademark-cherokee.trademark:hover:after { background-position: -618px -5px; } .trademark-bio.trademark:hover, .trademark-bio.trademark:hover:before, .trademark-bio.trademark:hover:after { width: 99px; height: 70px; } .trademark-bio.trademark:hover:after { background-position: -20px -5px; } .trademark-quality.trademark:hover, .trademark-quality.trademark:hover:before, .trademark-quality.trademark:hover:after { width: 107px; height: 70px; } .trademark-quality.trademark:hover:after { background-position: -127px -0px; } .trademark-etos.trademark:hover, .trademark-etos.trademark:hover:before, .trademark-etos.trademark:hover:after { width: 61px; height: 70px; } .trademark-etos.trademark:hover:after { background-position: -254px -5px; } .trademark-basic.trademark:hover, .trademark-basic.trademark:hover:before, .trademark-basic.trademark:hover:after { width: 91px; height: 70px; } .trademark-basic.trademark:hover:after { background-position: -340px -5px; } .trademark-excellent.trademark:hover, .trademark-excellent.trademark:hover:before, .trademark-excellent.trademark:hover:after { width: 120px; height: 73px; } .trademark-excellent.trademark:hover:after { background-position: -465px -5px; } .trademark-veggie.trademark:hover, .trademark-veggie.trademark:hover:before, .trademark-veggie.trademark:hover:after { width: 90px; height: 70px; } .trademark-veggie.trademark:hover:after { background-position: -730px -2px; } .trademark-free_form.trademark:hover, .trademark-free_form.trademark:hover:before, .trademark-free_form.trademark:hover:after { width: 90px; height: 70px; } .trademark-free_form.trademark:hover:after { background-position: -830px -2px; } .trademark-ceskaChut.trademark:hover, .trademark-ceskaChut.trademark:hover:before, .trademark-ceskaChut.trademark:hover:after { width: 113px; height: 70px; } .trademark-ceskaChut.trademark:hover:after { background-position: -933px -2px; } .trademark-naturesPromise.trademark:hover, .trademark-naturesPromise.trademark:hover:before, .trademark-naturesPromise.trademark:hover:after { width: 125px; height: 70px; } .trademark-naturesPromise.trademark:hover:after { background-position: -1059px -2px; } .trademark-freshBistro.trademark:hover, .trademark-freshBistro.trademark:hover:before, .trademark-freshBistro.trademark:hover:after { width: 76px; height: 76px; } .trademark-freshBistro.trademark:hover:after { background-position: -1213px -4px; } .trademark-perla.trademark:hover, .trademark-perla.trademark:hover:before, .trademark-perla.trademark:hover:after { width: 94px; height: 76px; } .trademark-perla.trademark:hover:after { background-position: -1309px -8px; } /** * @sprite * Sprite description for ../images/storetype.png. ... */ .store-type { position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .store-type:after { content: " "; display: block; position: absolute; left: 0; top: 0; } .store-type:after { background-image: url('/-a3574---pgXNoYgU/store-types?_linka=a76617'); background-repeat: no-repeat; background-color: transparent; } .store-type, .store-type:after { width: 85px; height: 55px; } .store-type-supermarket.store-type:after { background-position: 0px 0; } .store-type-hypermarket.store-type:after { background-position: -85px 0; } /** * @sprite * Sprite description for ../images/s_flags.png. ... */ .s-flag:before { background-image: url('/-a4075---LsjvASil/s-flags?_linka=a359244'); background-repeat: no-repeat; background-color: transparent; content: " "; display: inline-block; vertical-align: middle; width: 55px; height: 55px; } .s-flag-zverimex.s-flag:before { background-position: -110px 0; } .s-flag-kvetinarstvi.s-flag:before { background-position: -165px 0; } .s-flag-cestovni_kancelar.s-flag:before { background-position: -220px 0; } .s-flag-platebni_karty.s-flag:before { background-position: 0px 0; } .s-flag-sazkova_kancelar.s-flag:before { background-position: -275px 0; } .s-flag-drogerie_a_parfumerie.s-flag:before { background-position: -330px 0; } .s-flag-knihkupectvi.s-flag:before { background-position: -385px 0; } .s-flag-sport.s-flag:before { background-position: -440px 0; } .s-flag-nakup_na_splatky.s-flag:before { background-position: -495px 0; } .s-flag-sluzby_albert.s-flag:before { background-position: -550px 0; } .s-flag-kadernictvi.s-flag:before { background-position: -605px 0; } .s-flag-trafika.s-flag:before { background-position: -660px 0; } .s-flag-textil_a_obleceni.s-flag:before { background-position: -715px 0; } .s-flag-sluzby_partneru.s-flag:before { background-position: -770px 0; } .s-flag-hrackarstvi.s-flag:before { background-position: -825px 0; } .s-flag-cashback.s-flag:before { background-position: -55px 0; } .s-flag-mobilni_telefony.s-flag:before { background-position: -880px 0; } .s-flag-elektro.s-flag:before { background-position: -935px 0; } .s-flag-bankomat.s-flag:before { background-position: -990px 0; } .s-flag-obcerstveni.s-flag:before { background-position: -1045px 0; } .s-flag-dalsi_sluzby.s-flag:before { background-position: -1100px 0; } .s-flag-napojovy_automat.s-flag:before { background-position: -1155px 0; } .s-flag-baleni_darku.s-flag:before { background-position: -1210px 0; } .s-flag-dalsi_prodejny.s-flag:before { background-position: -1265px 0; } .s-flag-rozvoz_zbozi_do_domu.s-flag:before { background-position: -1320px 0; } .s-flag-parkoviste.s-flag:before { background-position: -1375px 0; } .s-flag-stravenky.s-flag:before { background-position: -1430px 0; } .s-flag-vyroba_klicu.s-flag:before { background-position: -1485px 0; } .s-flag-detsky_koutek.s-flag:before { background-position: -1540px 0; } .s-flag-financni_sluzby.s-flag:before { background-position: -1595px 0; } .s-flag-optik.s-flag:before { background-position: -1650px 0; } .s-flag-cerpaci_stanice.s-flag:before { background-position: -1705px 0; } .s-flag-obuv.s-flag:before { background-position: -1760px 0; } .s-flag-lekarna.s-flag:before { background-position: -1815px 0; } .s-flag-zlatnictvi.s-flag:before { background-position: -1870px 0; } .s-flag-papirnictvi.s-flag:before { background-position: -1925px 0; } .s-flag-cistirna_odevu.s-flag:before { background-position: -1980px 0; } .s-flag-kosmeticke_studio.s-flag:before { background-position: -2035px 0; } .s-flag-oprava_obuvi.s-flag:before { background-position: -2090px 0; } .s-flag-darkove_sluzby.s-flag:before { background-position: -2145px 0; } .s-flag-smenarna.s-flag:before { background-position: -2200px 0; } .s-flag-free_wifi.s-flag:before { background-position: -2255px 0; } .s-flag-restaurace.s-flag:before { background-position: -2310px 0; } .s-flag-kavarna.s-flag:before { background-position: -2365px 0; } .s-flag-samoobsluzna_pokladna.s-flag:before { background-position: -2420px 0; } .s-flag-cherokee.s-flag:before { background-position: -2475px 0; } .s-flag-teply_pult.s-flag:before { background-position: -2530px 0; } .s-flag-fresh_bar.s-flag:before { background-position: -2585px 0; } .s-flag-pekarna.s-flag:before { background-position: -2640px 0; } .s-flag-obsluhovany_pult.s-flag:before { background-position: -2695px 0; } /** * @sprite * Sprite description for ... */ .kitchen-type-icon { position:relative; } .kitchen-type-icon:before, .ie7 .kitchen-type-icon .before { background-image: url('/-a35530---ydpe0FRM/typ-do-kuchyne?_linka=a81924'); background-repeat: no-repeat; background-color: transparent; content: " "; display: inline-block; vertical-align: middle; width: 51px; height: 62px; position:absolute; top:10px; left:10px; overflow:hidden; } .kitchen-type-test.kitchen-type-icon:before, .ie7 .kitchen-type-test.kitchen-type-icon .before { background-position: -204px 0; } .kitchen-type-.kitchen-type-icon:before, .ie7 .kitchen-type-.kitchen-type-icon .before { background-position: px 0; } /** * @sprite * Sprite description for (and /-a3569---egnLNqMf/cat-icons-w). ... */ .cat-icon-w:before, .ie7 .cat-icon-w .before { background-image: url('/-a3569---egnLNqMf/cat-icons-w?_linka=a147882'); background-repeat: no-repeat; background-color: transparent; content: " "; display: inline-block; vertical-align: middle; width: 50px ; height: 44px ; } .cat-icon-w.grafic-cat-legend:before, .ie7 .cat-icon-w.grafic-cat-legend .before { margin-left:4%; } .cat-icon-bezmase.cat-icon-w:before, .ie7 .cat-icon-bezmase.cat-icon-w .before { background-position: -8px -503px ; } .cat-icon-cukrovi.cat-icon-w:before, .ie7 .cat-icon-cukrovi.cat-icon-w .before { background-position: -8px -54px ; } .cat-icon-dezerty.cat-icon-w:before, .ie7 .cat-icon-dezerty.cat-icon-w .before { background-position: -115px -600px ; } .cat-icon-gurman.cat-icon-w:before, .ie7 .cat-icon-gurman.cat-icon-w .before { background-position: -60px -902px ; } .cat-icon-hlavni_chod.cat-icon-w:before, .ie7 .cat-icon-hlavni_chod.cat-icon-w .before { background-position: -115px -653px ; } .cat-icon-chutovky.cat-icon-w:before, .ie7 .cat-icon-chutovky.cat-icon-w .before { background-position: -8px -553px ; } .cat-icon-lehke.cat-icon-w:before, .ie7 .cat-icon-lehke.cat-icon-w .before { background-position: -60px -854px ; } .cat-icon-marinady.cat-icon-w:before, .ie7 .cat-icon-marinady.cat-icon-w .before { background-position: -8px -304px ; } .cat-icon-moucniky.cat-icon-w:before, .ie7 .cat-icon-moucniky.cat-icon-w .before { background-position: -8px -154px ; } .cat-icon-moucniky_a_kolace.cat-icon-w:before, .ie7 .cat-icon-moucniky_a_kolace.cat-icon-w .before { background-position: -8px -154px ; } .cat-icon-napoje.cat-icon-w:before, .ie7 .cat-icon-napoje.cat-icon-w .before { background-position: -8px -600px ; } .cat-icon-omacky_a_zalivky.cat-icon-w:before, .ie7 .cat-icon-omacky_a_zalivky.cat-icon-w .before { background-position: -8px -256px ; } .cat-icon-zalivky_a_dresinky.cat-icon-w:before, .ie7 .cat-icon-zalivky_a_dresinky.cat-icon-w .before { background-position: -8px -256px ; } .cat-icon-dipy_a_studene_omacky.cat-icon-w:before, .ie7 .cat-icon-dipy_a_studene_omacky.cat-icon-w .before { background-position: -8px -256px ; } .cat-icon-pohary.cat-icon-w:before, .ie7 .cat-icon-pohary.cat-icon-w .before { background-position: -8px -204px ; } .cat-icon-polevky.cat-icon-w:before, .ie7 .cat-icon-polevky.cat-icon-w .before { background-position: -115px -705px ; } .cat-icon-polevy.cat-icon-w:before, .ie7 .cat-icon-polevy.cat-icon-w .before { background-position: -600px -5px ; } .cat-icon-pomazanky.cat-icon-w:before, .ie7 .cat-icon-pomazanky.cat-icon-w .before { background-position: -8px -852px ; } .cat-icon-predkrm.cat-icon-w:before, .ie7 .cat-icon-predkrm.cat-icon-w .before { background-position: -115px -753px ; } .cat-icon-salaty.cat-icon-w:before, .ie7 .cat-icon-salaty.cat-icon-w .before { background-position: -8px -454px ; } .cat-icon-zavareniny.cat-icon-w:before, .ie7 .cat-icon-zavareniny.cat-icon-w .before { background-position: -8px -705px ; } .cat-icon-priloha.cat-icon-w:before, .ie7 .cat-icon-priloha.cat-icon-w .before { background-position: -115px -804px ; } .cat-icon-snidane.cat-icon-w:before, .ie7 .cat-icon-snidane.cat-icon-w .before { background-position: -115px -852px ; } .cat-icon-prilohy.cat-icon-w:before, .ie7 .cat-icon-prilohy.cat-icon-w .before { background-position: -115px -804px ; } .cat-icon-sladka_jidla.cat-icon-w:before, .ie7 .cat-icon-sladka_jidla.cat-icon-w .before { background-position: -8px -5px ; } .cat-icon-omacky.cat-icon-w:before, .ie7 .cat-icon-omacky.cat-icon-w .before { background-position: -8px -256px ; } .cat-icon-bezmasa_jidla.cat-icon-w:before, .ie7 .cat-icon-bezmasa_jidla.cat-icon-w .before { background-position: -8px -505px ; } .cat-icon-dezert.cat-icon-w:before, .ie7 .cat-icon-dezert.cat-icon-w .before { background-position: -115px -600px ; } .cat-icon-kompoty.cat-icon-w:before, .ie7 .cat-icon-kompoty.cat-icon-w .before { background-position: -8px -705px ; } .cat-icon-pochutiny.cat-icon-w:before, .ie7 .cat-icon-pochutiny.cat-icon-w .before { background-position: -8px -553px ; } .cat-icon-moucnik.cat-icon-w:before, .ie7 .cat-icon-moucnik.cat-icon-w .before { background-position: -8px -156px ; } .cat-icon-nadivky.cat-icon-w:before, .ie7 .cat-icon-nadivky.cat-icon-w .before { background-position: -600px -5px ; } .cat-icon-zvireci_pokrmy.cat-icon-w:before, .ie7 .cat-icon-zvireci_pokrmy.cat-icon-w .before { background-position: -600px -5px ; } .cat-icon-dorty.cat-icon-w:before, .ie7 .cat-icon-dorty.cat-icon-w .before { background-position: -8px -105px ; } .cat-icon-zmrzlina.cat-icon-w:before, .ie7 .cat-icon-zmrzlina.cat-icon-w .before { background-position: -8px -204px ; } .cat-icon-svaciny.cat-icon-w:before, .ie7 .cat-icon-svaciny.cat-icon-w .before { background-position: -115px -902px ; } .cat-icon-dip.cat-icon-w:before, .ie7 .cat-icon-dip.cat-icon-w .before { background-position: -8px -406px ; } .cat-icon-svacina.cat-icon-w:before, .ie7 .cat-icon-svacina.cat-icon-w .before { background-position: -115px -902px ; } .cat-icon-polevka.cat-icon-w:before, .ie7 .cat-icon-polevka.cat-icon-w .before { background-position: -115px -705px ; } .cat-icon-snidne.cat-icon-w:before, .ie7 .cat-icon-snidne.cat-icon-w .before { background-position: -115px -852px ; } .cat-icon-predkrmy.cat-icon-w:before, .ie7 .cat-icon-predkrmy.cat-icon-w .before { background-position: -115px -753px ; } .cat-icon-marmelady_a_dzemy.cat-icon-w:before, .ie7 .cat-icon-marmelady_a_dzemy.cat-icon-w .before { background-position: -8px -705px ; } .cat-icon-dezety.cat-icon-w:before, .ie7 .cat-icon-dezety.cat-icon-w .before { background-position: -8px -156px ; } .cat-icon-povidla.cat-icon-w:before, .ie7 .cat-icon-povidla.cat-icon-w .before { background-position: -8px -705px ; } .cat-icon-vecere.cat-icon-w:before, .ie7 .cat-icon-vecere.cat-icon-w .before { background-position: -600px -5px ; } .cat-icon-pastiky.cat-icon-w:before, .ie7 .cat-icon-pastiky.cat-icon-w .before { background-position: -600px -5px ; } .cat-icon-_10.cat-icon-w:before, .ie7 .cat-icon-_10.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_15.cat-icon-w:before, .ie7 .cat-icon-_15.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_20.cat-icon-w:before, .ie7 .cat-icon-_20.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_25.cat-icon-w:before, .ie7 .cat-icon-_25.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_30.cat-icon-w:before, .ie7 .cat-icon-_30.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_35.cat-icon-w:before, .ie7 .cat-icon-_35.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_40.cat-icon-w:before, .ie7 .cat-icon-_40.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_45.cat-icon-w:before, .ie7 .cat-icon-_45.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_50.cat-icon-w:before, .ie7 .cat-icon-_50.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_60.cat-icon-w:before, .ie7 .cat-icon-_60.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_90.cat-icon-w:before, .ie7 .cat-icon-_90.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-_120_plus.cat-icon-w:before, .ie7 .cat-icon-_120_plus.cat-icon-w .before { background-position: -8px -960px ; } .cat-icon-narozeniny.cat-icon-w:before, .ie7 .cat-icon-narozeniny.cat-icon-w .before { background-position: -60px -506px ; } .cat-icon-party.cat-icon-w:before, .ie7 .cat-icon-party.cat-icon-w .before { background-position: -60px -554px ; } .cat-icon-piknik.cat-icon-w:before, .ie7 .cat-icon-piknik.cat-icon-w .before { background-position: -60px -600px ; } .cat-icon-silvestr.cat-icon-w:before, .ie7 .cat-icon-silvestr.cat-icon-w .before { background-position: -60px -654px ; } .cat-icon-valentyn.cat-icon-w:before, .ie7 .cat-icon-valentyn.cat-icon-w .before { background-position: -60px -706px ; } .cat-icon-vanoce.cat-icon-w:before, .ie7 .cat-icon-vanoce.cat-icon-w .before { background-position: -60px -755px ; } .cat-icon-velikonoce.cat-icon-w:before, .ie7 .cat-icon-velikonoce.cat-icon-w .before { background-position: -60px -805px ; } .cat-icon-neco_lehkeho.cat-icon-w:before, .ie7 .cat-icon-neco_lehkeho.cat-icon-w .before { background-position: -60px -852px ; } .cat-icon-pro_gurmany.cat-icon-w:before, .ie7 .cat-icon-pro_gurmany.cat-icon-w .before { background-position: -60px -902px ; } .cat-icon-bez_vareni.cat-icon-w:before, .ie7 .cat-icon-bez_vareni.cat-icon-w .before { background-position: -60px -5px ; } .cat-icon-duseni.cat-icon-w:before, .ie7 .cat-icon-duseni.cat-icon-w .before { background-position: -60px -53px ; } .cat-icon-grilovani.cat-icon-w:before, .ie7 .cat-icon-grilovani.cat-icon-w .before { background-position: -60px -105px ; } .cat-icon-mrazeni_a_zachlazovani.cat-icon-w:before, .ie7 .cat-icon-mrazeni_a_zachlazovani.cat-icon-w .before { background-position: -60px -157px ; } .cat-icon-peceni.cat-icon-w:before, .ie7 .cat-icon-peceni.cat-icon-w .before { background-position: -60px -205px ; } .cat-icon-posirovani.cat-icon-w:before, .ie7 .cat-icon-posirovani.cat-icon-w .before { background-position: -60px -256px ; } .cat-icon-smazeni.cat-icon-w:before, .ie7 .cat-icon-smazeni.cat-icon-w .before { background-position: -60px -304px ; } .cat-icon-vareni.cat-icon-w:before, .ie7 .cat-icon-vareni.cat-icon-w .before { background-position: -60px -253px ; } .cat-icon-vareni_v_mikrovlnne_troube.cat-icon-w:before, .ie7 .cat-icon-vareni_v_mikrovlnne_troube.cat-icon-w .before { background-position: -60px -406px ; } .cat-icon-vareni_v_pare.cat-icon-w:before, .ie7 .cat-icon-vareni_v_pare.cat-icon-w .before { background-position: -60px -454px ; } .cat-icon-zapekani.cat-icon-w:before, .ie7 .cat-icon-zapekani.cat-icon-w .before { background-position: -60px -957px ; } .cat-icon-ceska.cat-icon-w:before, .ie7 .cat-icon-ceska.cat-icon-w .before { background-position: -115px -205px ; } .cat-icon-stredomorska.cat-icon-w:before, .ie7 .cat-icon-stredomorska.cat-icon-w .before { background-position: -115px -505px ; } .cat-icon-recka.cat-icon-w:before, .ie7 .cat-icon-recka.cat-icon-w .before { background-position: -115px -454px ; } .cat-icon-italska.cat-icon-w:before, .ie7 .cat-icon-italska.cat-icon-w .before { background-position: -115px -305px ; } .cat-icon-africka.cat-icon-w:before, .ie7 .cat-icon-africka.cat-icon-w .before { background-position: -115px -5px ; } .cat-icon-americka.cat-icon-w:before, .ie7 .cat-icon-americka.cat-icon-w .before { background-position: -115px -53px ; } .cat-icon-orientalni.cat-icon-w:before, .ie7 .cat-icon-orientalni.cat-icon-w .before { background-position: -8px -5px ; } .cat-icon-anglicka.cat-icon-w:before, .ie7 .cat-icon-anglicka.cat-icon-w .before { background-position: -8px -5px ; } .cat-icon-asijska.cat-icon-w:before, .ie7 .cat-icon-asijska.cat-icon-w .before { background-position: -115px -105px ; } .cat-icon-britska.cat-icon-w:before, .ie7 .cat-icon-britska.cat-icon-w .before { background-position: -115px -156px ; } .cat-icon-francouzska.cat-icon-w:before, .ie7 .cat-icon-francouzska.cat-icon-w .before { background-position: -115px -256px ; } .cat-icon-mexicka.cat-icon-w:before, .ie7 .cat-icon-mexicka.cat-icon-w .before { background-position: -115px -353px ; } .cat-icon-ostatni.cat-icon-w:before, .ie7 .cat-icon-ostatni.cat-icon-w .before { background-position: -115px -406px ; } .cat-icon-vychodoevropska.cat-icon-w:before, .ie7 .cat-icon-vychodoevropska.cat-icon-w .before { background-position: -115px -553px ; } .cat-icon-ceska.cat-icon-w:before, .ie7 .cat-icon-ceska.cat-icon-w .before { background-position: -115px -205px ; } .cat-icon-z_plechu.cat-icon-w:before, .ie7 .cat-icon-z_plechu.cat-icon-w .before { background-position: -8px -655px ; } .cat-icon-zelenina.cat-icon-w:before, .ie7 .cat-icon-zelenina.cat-icon-w .before { background-position: -8px -755px ; } .cat-icon-chleb_a_pecivo.cat-icon-w:before, .ie7 .cat-icon-chleb_a_pecivo.cat-icon-w .before { background-position: -8px -806px ; } .cat-icon-sendvice.cat-icon-w:before, .ie7 .cat-icon-sendvice.cat-icon-w .before { background-position: -8px -902px ; } .cat-icon-bezlepkove.cat-icon-w:before, .ie7 .cat-icon-bezlepkove.cat-icon-w .before { background-position: -115px -350px ; } .cat-icon-bezlaktozove.cat-icon-w:before, .ie7 .cat-icon-bezlaktozove.cat-icon-w .before { background-position: -115px -350px ; } .cat-icon-vegetarianske.cat-icon-w:before, .ie7 .cat-icon-vegetarianske.cat-icon-w .before { background-position: -115px -350px ; } .cat-icon-maso.cat-icon-w:before, .ie7 .cat-icon-maso.cat-icon-w .before { background-position: -60px -902px ; } .cat-icon-veganske.cat-icon-w:before, .ie7 .cat-icon-veganske.cat-icon-w .before { background-position: -115px -350px ; } /** * @module * @extends .icon-before | .cat-icon | .s-flag ... */ .before-on-top { display: inline-block; vertical-align: middle; } .before-on-top:before { display: block; margin: 0 auto !important; line-height: 1.5; } .ie7 .before-on-top .before { margin: 0 auto !important; line-height: 1.5; } .before-on-top > span { display: block; text-align: center; line-height: 1.5; } /** * @module * @extends .icon-before | .cat-icon | .s-flag ... */ .before-only { display: block; width: 100%; text-align: center; } a.before-only { background-color: rgba(51, 51, 51, 0.5); -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .ie8 a.before-only { background-color: rgb(136, 136, 136); } a.before-only:hover { background-color: rgba(51, 51, 51, 0.33); } .ie8 a.before-only:hover { background-color: rgb(97, 97, 97); } .before-only.icon-before:before { margin: 0; } .before-only span { display: none; } .icon-before.before-assisted:before { margin-right: -8px; } .scroll-nav-100 .before-only { height: 100px; line-height: 95px; } .scroll-nav-75 .before-only { height: 75px; line-height: 72px; } .scroll-nav-50 .before-only { height: 50px; line-height: 47px; } .rendering-AHInfoArticle .article-body p img { float: right; margin: 0 0 20px 20px; } .rendering-AHInfoArticle .article-body p img.left { float: left; margin: 0 20px 20px 0; } .rendering-AHInfoArticle .article-body p img.center { float: none; display: block; margin: 0 auto; } .new-column { -webkit-column-break-before: always; break-before: column; } /** MAGAZIN ALBERT */ #tabs-mag-container .sec-h { color: #000; font-size: 24px; line-height: initial; padding-top: 60px; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); } #tabs-mag-container .sec-h span { display: inline-block; padding: 0; position: static; top: 0; background-color: transparent; } .magazine-bordered-info { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; /* bloky bohuzel nejsou nastylovany kompatibilne, kazdy odstavec a prvek stranky ma sve paddingy a marginy, neda se tedy spolehnout na jednotne nastaveni obalovaciho bloku. */ margin-top: 20px; padding: 24px 0; display: inline-block; font-style: italic; } .magazine-bordered-info--botom { border-top:none; margin-top:0; } .button--appstore { margin-right: 10px; } .magazin-instagram-feed { min-height: 300px; margin-top: 40px; } .magazin-instagram-feed a { margin: 0 15px; } .magazin-instagram-feed a:first-child { margin-left: 0; } .magazin-instagram-feed a:last-child { margin-right: 0; } .magazin-instagram-feed img { width: 300px; height: 300px; } .text-pane > .preview-list { margin-top: 0px; overflow:hidden; } @media screen and (max-width: 759px) { #tabs-mag-container .sec-h { padding-top: 20px; } .magazin-instagram-feed { margin-top: 0; } } @media screen and (max-width: 479px) { .magazin-instagram-feed { margin-top: 0; } .magazin-instagram-feed a { margin: 0; } .magazin-instagram-feed img { width: 100%; height: auto; padding: 5px 0; } .text-pane > .preview-list { margin-top: 0px; } #mag-now img { width: 100%; } .magazine-bordered-info { padding: 10px 0; margin-top: 0; } #tabs-mag-container .sec-h { padding-top: 10px; } } .js-hidden { display: none; } .js-clickable { cursor: pointer; } .js-autocomplete-container { z-index: 1100; } .aFtLink { display: block; text-decoration: none; } .js-scroll-attach-a { position: absolute; } .pseudo-options { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .pseudo-options > * { cursor: pointer; background-color: #fff; color: #333; padding: 0 11px; line-height: 2; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pseudo-options > .selected, .pseudo-options > *:hover { background-color: #227fc6; color: #fff; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-repeat: repeat-x; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); border-right-style: none; border-right-color: inherit; border-right-width: medium; border-top-style: none; border-top-color: inherit; border-top-width: medium; border-bottom-style: none; border-bottom-color: inherit; border-bottom-width: medium; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; background-repeat: repeat-x; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); border-top-style: none; border-top-color: inherit; border-top-width: medium; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); border-bottom-style: none; border-bottom-color: inherit; border-bottom-width: medium; } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .page-module { /*margin-bottom:20px;*/ position:relative; overflow:hidden; } .page-module * { box-sizing: border-box; } .page-module__content { padding:20px; } .page-module__title { font-size: 40px; line-height: 48px; margin-bottom: 0.5em; margin-top: 0.5em; font-family: "TradeGothicLTProBC20", Arial, sans-serif; font-weight:bold; color:#000000; } .page-module__perex { font-size:20px; line-height:24px } .page-module__body { font-size:20px; line-height:24px; } .page-module__article-title { font-size: 35px; line-height: 40px; margin-bottom: 0.5em; margin-top: 0.5em; font-family: "TradeGothicLTProBC20", Arial, sans-serif; font-weight:bold; color:#000000; } .page-module__article-perex { font-size:20px; line-height:24px; } .page-module__article-body { font-size:20px; line-height:24px; } .page-module-textImage__text { padding:20px 0; } .page-module__carousel .page-module__content { padding:20px 20px 50px 20px; } .page-module--cover { background-size:cover!important; } .page-module--contain { background-size:contain!important; } .page-module__sideImage { position:absolute; z-index:30; display:block; } .page-module__scrollTop.page-module__scrollTop--active { display:block; } .page-module__scrollTop--hide.page-module__scrollTop--active, .page-module__scrollTop--hide { display:none; } .page-module__scrollTop { display:none; position:fixed; width:50px; height:50px; right:20px; bottom:20px; opacity:0.7; transition:opacity 200ms; background:#ffffff url('/-a124937---sZjvp2pu/scroll-top') center; background-size:cover; z-index:300; border-radius:25px; } .page-module__scrollTop:hover { opacity:1; transition:opacity 300ms; } .page-module-vizual__title { font-weight: bold; font-size: 20px; margin: 0; line-height: 24px; padding: 16px 0; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75); color:#ffffff; text-transform:normal; } .page-module-vizual__item { position:relative; } .page-module-vizual__text-content { height:100%; position:relative; } .page-module-vizual .page-module__button { position:absolute; bottom:50px; left:20px; right:20px; display:none; } .page-module-vizual__item.page-module--normal .page-module__text { position:absolute; top:0; left:0; bottom:0; right:0; } @media (min-width:500px) { .page-module-vizual .page-module__button { display:block; } } @media (min-width:760px) { .page-module-vizual__title { font-size:38px; line-height: 40px; } } .page-module-textImage .flex-display .page-module-textImage__text, .page-module-textImage .flex-display .page-module-textImage__image { width:100%; } .page-module-textImage__item { position:relative; } .page-module-textImage .page-module-textImage__carousel { margin:0!important; height:auto!important; } .page-module-textImage__carousel .carousel-indicators { bottom:0; display:block!important; } .page-module-textImage .bx-wrapper .bx-pager { position:static; } .page-module-textImage__carousel .carousel-control { height:100%; } .page-module-textImage__carousel .carousel-control:before { margin:0; left:0px; bottom:inherit; top:50%; transform:translateY(-50%); } .page-module-textImage__carousel .carousel-control-right:before { left:inherit; right:0px; } .page-module-textImage .page-module-textImage__image { position:relative!important; } .page-module-textImage .page-module-textImage__image .lSSlideOuter { position:relative; padding-bottom:20px; } .page-module-textImage .page-module--extra, .page-module-textImage .page-module--extra-carousel { min-height:45vw!important; } .page-module-textImage .page-module--extra .page-module-textImage__img { position:absolute!important; left:0; right:0; top:0; bottom:0; } .page-module--extra-carousel .page-module-textImage__carousel-item, .page-module--extra-carousel .page-module-textImage__slider-images, .page-module--extra-carousel .page-module-textImage__img, .page-module--extra-carousel .lSSlideWrapper { height:100%!important; } .page-module-textImage__slider-images img.left, .page-module-textImage__slider-images img.right { margin:0!important; } .page-module--extra-carousel .lSSlideOuter { position:absolute; top:0; left:0; right:0; bottom:0; } .page-module--extra-carousel .bx-wrapper { position:absolute; top:0; right:0; left:0; bottom:0; } .page-module-textImage__item .carousel-inner > .item { display:block!important; max-height:0; } .page-module-textImage__item .carousel-inner > .active { max-height:700px; } .page-module-textImage__image-overlay { position:absolute; left:10px; bottom:10px; z-index:10; max-width:38%; width:100%; } @media (min-width:760px) { .page-module-textImage .flex-display .page-module-textImage__text, .page-module-textImage .flex-display .page-module-textImage__image { width:50%; } .page-module-textImage__text-content { padding:0 40px 0 40px; } .page-module-textImage .page-module--extra, .page-module-textImage .page-module--extra-carousel { min-height:0!important; } .page-module-textImage__image-overlay { max-width:50%; } } .page-module-textVideo .flex-display .page-module-textVideo__text, .page-module-textVideo .flex-display .page-module-textVideo__image { width:100%; } .page-module-textVideo__item { position:relative; } .page-module-textVideo .page-module-textVideo__carousel { margin:0!important; height:auto!important; } .page-module-textVideo__carousel .carousel-indicators { bottom:0; display:block!important; } .page-module-textVideo .bx-wrapper .bx-pager { position:static; } .page-module-textVideo__carousel .carousel-control { height:100%; } .page-module-textVideo__carousel .carousel-control:before { margin:0; left:0px; bottom:inherit; top:50%; transform:translateY(-50%); } .page-module-textVideo__carousel .carousel-control-right:before { left:inherit; right:0px; } .page-module-textVideo .page-module-textVideo__image { position:relative!important; } .page-module-textVideo .page-module--extra, .page-module-textVideo .page-module--extra-carousel { min-height:45vw!important; } .page-module-textVideo .page-module--extra .page-module-textVideo__img { position:absolute!important; left:0; right:0; top:0; bottom:0; } .page-module--extra-carousel .page-module-textVideo__carousel-item, .page-module--extra-carousel .page-module-textVideo__slider-images, .page-module--extra-carousel .page-module-textVideo__img, .page-module--extra-carousel .lSSlideWrapper { height:100%!important; } .page-module--extra-carousel .lSSlideOuter { position:absolute; top:0; left:0; right:0; bottom:0; } .page-module--extra-carousel .bx-wrapper { position:absolute; top:0; right:0; left:0; bottom:0; } .page-module-textVideo__item .carousel-inner > .item { display:block!important; max-height:0; } .page-module-textVideo__item .carousel-inner > .active { max-height:700px; } @media (min-width:760px) { .page-module-textVideo .flex-display .page-module-textVideo__text, .page-module-textVideo .flex-display .page-module-textVideo__image { width:50%; } .page-module-textVideo--flex .page-module-textVideo__text-content { padding:0 40px 0 0; } .page-module-textVideo__image--left .page-module-textVideo__text-content { padding:0 0 0 40px; } .page-module-textVideo__carousel .page-module-textVideo__text-content { padding:0 40px 0 40px; } .page-module-textVideo .page-module--extra, .page-module-textVideo .page-module--extra-carousel { min-height:0!important; } } .page-module-accordion .article-tab { width:100%; clear:both; } .page-module-accordion .article-tab__articles { padding:15px 0; } .page-module-accordion .article-tab__article-title { padding:10px 30px 10px 15px; cursor:pointer; background-color:#cd155e; margin:0; color:#ffffff; margin-bottom:2px; position:relative; font-weight:bold; } .page-module-accordion .article-tab__article-title span { display:block; position:absolute; right:15px; top:50%; transform: rotate(0); margin-top:-7px; transition:transform 0.2s; } .page-module-accordion .article-tab__article-body { max-height:0; transition:max-height 0.2s; overflow:hidden; font-size:20px; line-height:24px; } .page-module-accordion .article-tab__article-content { padding:15px 15px 20px 15px; } .page-module-accordion .article-tab__article--open .article-tab__article-body { max-height:5000px; transition:max-height 0.5s; } .page-module-accordion .article-tab__article--open .article-tab__article-title span { transform: rotate(-180deg); transition:transform 0.2s; } .page-module-accordion .article-tab.article-tab--blue .article-tab__article-title { background-color:#227fc6; } .page-module-accordion .article-tab.article-tab--black .article-tab__article-title { background-color:#000000; } .page-module-accordion .article-tab.article-tab--green .article-tab__article-title { background-color:#4a9536; } .page-module-accordion .article-tab.article-tab--red .article-tab__article-title { background-color:#4a9536; } .page-module-newsletter { padding-top:20px; } .page-module-newsletter input[type="text"] { height:50px; line-height:50px; border:4px solid #4a9536; border-radius:6px; width:100%; font-size:20px; color:#4c4c4c; padding:0 16px; background:#ffffff; text-align:left; font-family:"MontserratRegular"; } .page-module-newsletter input[type="text"]::-webkit-input-placeholder { color: #4c4c4c; text-align:center; } .page-module-newsletter input[type="text"]:-moz-placeholder { color: #4c4c4c; text-align:center; } .page-module-newsletter input[type="text"]::-moz-placeholder { color: #4c4c4c; text-align:center; } .page-module-newsletter input[type="text"]:-ms-input-placeholder { color: #4c4c4c; text-align:center; } .page-module-newsletter .newsletter-form-left { margin-top:51px; } .page-module-newsletter .newsletter-form-right { margin-top:33px; margin-bottom:86px; } .page-module-newsletter button { height:60px; line-height:60px; background-color:#4a9536; padding:0 20px; color:#ffffff; font-family:"MontserratRegular"; font-size:20px; display:inline-block; border:none; cursor:pointer; opacity:1; transition: opacity 200ms ease-in-out; } .page-module-newsletter .ms-button:hover { opacity:0.9; transition: opacity 300ms ease-in-out; } .page-module-newsletter .newsletter-consent-desktop { display:none; } .page-module-newsletter .newsletter-consent { font-size:15px; line-height:20px; color:#4c4c4c; font-family: "OpenSans"; padding-left:40px; position:relative; margin-top:38px; } .page-module-newsletter .newsletter-consent__checkbox { width:30px; height:30px; display:block; position:absolute; left:0; top:2px; } .page-module-newsletter .checkbox-label { width:30px; height:30px; display:block; border:4px solid #4a9536; border-radius:6px; background-color:#ffffff; cursor:pointer; position:absolute; left:0; top:2px; } .page-module-newsletter .newsletter-consent__checkbox .checkbox-label { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; } .page-module-newsletter .newsletter-consent__checkbox input[name="agreement"] { visibility:visible; z-index:1; left:0; top:0; opacity:0; width:100%; height:100%; } .page-module-newsletter .checkbox-label:after { content:""; position:absolute; display:block; width:15px; height:11px; background:url('/-a114779---dELJOb8T/checked-gray') no-repeat center; opacity:0; transition: opacity 200ms ease-in-out; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); background-size:contain; } .page-module-newsletter input[name="agreement"] { visibility:hidden; position:absolute; } .page-module-newsletter input[name="agreement"]:checked ~ .checkbox-label:after { opacity:1; transition: opacity 300ms ease-in-out; } .page-module-newsletter .newsletter-consent a { text-decoration:none; color:#616161; } .page-module-newsletter .newsletter-consent a:hover { text-decoration:underline; } .page-module-newsletter--red.page-module-newsletter .checkbox-label, .page-module-newsletter--red.page-module-newsletter input[type="text"] { border-color:#cd155e; } .page-module-newsletter--red.page-module-newsletter button { background-color:#cd155e; } .page-module-newsletter--black.page-module-newsletter .checkbox-label, .page-module-newsletter--black.page-module-newsletter input[type="text"] { border-color:#000000; } .page-module-newsletter--black.page-module-newsletter button { background-color:#000000; } .page-module-newsletter--green.page-module-newsletter .checkbox-label, .page-module-newsletter--green.page-module-newsletter input[type="text"] { border-color:#4a9536; } .page-module-newsletter--green.page-module-newsletter button { background-color:#4a9536; } .page-module-newsletter--blue.page-module-newsletter .checkbox-label, .page-module-newsletter--blue.page-module-newsletter input[type="text"] { border-color:#227fc6; } .page-module-newsletter--blue.page-module-newsletter button { background-color:#227fc6; } @media(min-width:550px) { .page-module-newsletter .checkbox-label { width:30px; height:30px; left:26px; } .page-module-newsletter .newsletter-consent { padding-left:70px; } } @media(min-width:769px) { .page-module-newsletter { padding-top:70px; } .page-module-newsletter #ms-newsletter-wrap { max-width:690px; width:100%; margin:0 auto; padding-top:23px; } .page-module-newsletter .newsletter-form-left { margin:0; width:470px; float:left; } .page-module-newsletter .newsletter-form-right { margin:0; width:220px; float:left; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .page-module-newsletter .newsletter-consent-mobile { display:none; } .page-module-newsletter .newsletter-consent-desktop { display:block; } .page-module-newsletter input[type="text"] { height:70px; line-height:70px; text-align:left; padding:0 20px; font-size:20px; border-radius:0; border-top-left-radius:6px; border-bottom-left-radius:6px; border:5px solid #4a9536; } .page-module-newsletter .newsletter-form-right button { height:70px; line-height:70px; border:none; width:100%; border-radius:0; border-top-right-radius:6px; border-bottom-right-radius:6px; cursor:pointer; } .page-module-newsletter .newsletter-form-right button span { padding:0; text-align:center; } .page-module-newsletter input[type="text"]::-webkit-input-placeholder { color: #4c4c4c; text-align:left; } .page-module-newsletter input[type="text"]:-moz-placeholder { color: #4c4c4c; text-align:left; } .page-module-newsletter input[type="text"]::-moz-placeholder { color: #4c4c4c; text-align:left; } .page-module-newsletter input[type="text"]:-ms-input-placeholder { color: #4c4c4c; text-align:left; } .page-module-newsletter .checkbox-label { width:44px; height:44px; border-width:5px; left:29px; top:2px; } .page-module-newsletter .checkbox-label:after { width:15px; height:12px; background-size:contain; } .page-module-newsletter .newsletter-consent { margin-top:29px; padding-left:87px; font-size:16px; line-height:20px; } .page-module-newsletter .newsletter-consent .consent { text-align:left; display:block; padding-top:6px; } } .page-module-newsletter input:focus {border: 2px solid #900;} .page-module-newsletter #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px; padding-bottom:10px;} .page-module-newsletter #mkt_result { text-align:center; position: absolute;} .page-module-newsletter .mkt-error, .page-module-newsletter #agreement-error { font-size:15px; color:#900; padding-left:5px;} .page-module-newsletter .mkt-success { font-size:15px; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} .page-module-newsletter .mkt-suggest { color: #; } .page-module-newsletter a.suggestion { color:#e12f28;;} .page-module-newsletter .mkt_email2 {color:#666666;padding-top:0!important;line-height:50px!important;font-size: 20px;} .page-module-newsletter #email-error, .page-module-newsletter #agreement-error {color:#900; top:0px; position:relative; padding:10px 0; font-size:15px;} .page-module-newsletter .eac-input-wrap {width:100%;} .page-module-newsletter .validation-error {padding:10px 0;} @media(min-width:769px) { .page-module-newsletter .mkt_email2 {line-height:70px!important;} } @media(max-width:768px) { .page-module-newsletter button { height:50px; line-height:50px; font-family:"MontserratRegular"; font-size:15px; display:block; border-radius:6px; width:100%; } } .page-module-body #page { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page-module-body #header { } .page-module-submenu { background-color:#da4735; box-shadow:0 7px 16px 0 rgba(0,0,0,0.2); margin-bottom:20px; } .page-module-submenu i { display:inline-block; width:8px; height:12px; position:absolute; top:50%; transform:translateY(-50%); right:100%; margin-right:7px; } .page-module-submenu i svg { display:block; width:100%; height:100%; } .page-module-submenu--red { background-color:#cd155e; } .page-module-submenu--red i svg { stroke:#cd155e; } .page-module-submenu--green { background-color:#4a9536; } .page-module-submenu--green i svg { stroke:#4a9536; } .page-module-submenu--black { background-color:#000000; } .page-module-submenu--black i svg { stroke:#000000; } .page-module-submenu--blue { background-color:#227fc6; } .page-module-submenu--blue i svg { stroke:#227fc6; } .page-module-submenu__item { width:100%; min-height:50px; text-align:center; opacity:1; transition:opacity 200ms ease-in-out; display:block; } .page-module-submenu__item :hover { opacity:0.7; transition:opacity 200ms ease-in-out; } .page-module-submenu__item-content { margin:0 20px; width:100%; padding:5px 15px; } .page-module-submenu__item-title { font-size:18px; line-height:20px; color:#ffffff; font-family: "TradeGothicLTPro"; text-transform:uppercase; font-weight:bold; } .page-module-submenu__item-title span { position:relative; top:2px; display:inline-block; } .page-module-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; } .js-fixScroll-fixed.page-module-submenu { margin-bottom:0; } .js-fixScroll-fixed .page-module-submenu__item { min-height:38px; } .js-fixScroll-fixed .page-module-submenu__item-content { padding:5px 15px; } .js-fixScroll-fixed .page-module-submenu__item-title { font-size:15px; line-height:25px; } .page-module-submenu__item:not(:last-of-type) { border-bottom:1px solid rgba(204,204,204,0.5); } @media (min-width:768px) { .page-module-submenu__item-title { font-size:17px; line-height:25px; } .page-module-submenu__item { min-height:50px; } .page-module-submenu__item { border:none; } .page-module-submenu { margin-bottom:20px; } .page-module-submenu__item:not(:last-of-type) { border-right:1px solid rgba(204,204,204,0.5); } .js-fixScroll-fixed.page-module-submenu { margin-bottom:0; } .js-fixScroll-fixed .page-module-submenu__item-title { font-size:15px; line-height:22px; } .js-fixScroll-fixed .page-module-submenu__item { display:inline-block; margin-right:-4px!important; border:none; } .js-fixScroll-fixed .page-module-submenu__item:not(:last-of-type) { border-right:1px solid rgba(204,204,204,0.5); } } @media (min-width:950px) { .page-module-submenu__item { min-height:80px; } .page-module-submenu__item-title { font-size:20px; line-height:25px; } .js-fixScroll-fixed .page-module-submenu__item { min-height:50px; } .js-fixScroll-fixed .page-module-submenu__item-title { font-size:18px; line-height:22px; } .js-fixScroll-fixed .page-module-submenu__item:nth-child(1), .js-fixScroll-fixed .page-module-submenu__item:nth-child(2) { border-bottom:none; } } .page-module-banner__content { width:100%; overflow:hidden; } .page-module-banner__cover-image { position:absolute; top:0; bottom:0; left:15px; right:15px; } .page-module-banner__item { margin-bottom:20px; } .page-module-banner__item.page-module-banner__item--more { margin-bottom:16px; } .page-module-banner__img { display:block!important; } .page-module-banner .page-module__button { position:absolute; bottom:20px; right:20px; left:20px; } @media (min-width:760px) { .page-module-banner__item { margin-bottom:0; } .page-module-banner .page-module__button { bottom:30px; } } .page-module-card .card-image__wrap { overflow:hidden; } .page-module-card .card-image-label { font-family: OpenSans, Verdana, sans-serif; font-size: 14px; line-height: 36px; } .page-module-card .carousel-indicators { z-index:101; } .page-module-card .card-text { font-size:15px; line-height:128%; text-transform:none; font-family: "TradeGothicLTPro"; } .page-module-card .page-module__carousel { height:auto; } .page-module-card .page-module__carousel .carousel-indicators { bottom: 0px; margin-top: 5px; } .page-module-card .card-image { height:58vw; } @media(min-width:420px) { .page-module-card .card-image { height:250px; } } @media(min-width:760px) { .page-module-card .page-module__items { margin-top:40px; } .page-module-card .card-image { height:19vw; } .page-module-card .card-image-label { max-width:100%; } } @media(min-width:1000px) { .page-module-card .card-image { height:20vw; } } @media(min-width:1180px) { .page-module-card .card-image { height:235px; } } .page-module-product__price-item { display:block; } .page-module-product__image, .page-module-product__text { width:100%; } .page-module-product__image img { max-width:290px; width:100%; } .page-module-product .bx-wrapper { background-color:transparent; padding-bottom:50px; } @media(min-width:760px) { .page-module-product__image, .page-module-product__text { width:50%; } } @media(min-width:780px) { .page-module-product .bx-pager { display:none; } .page-module-product .bx-wrapper { padding-bottom:0; } } .mfp-page-module-product .mfp-container { max-width:95%; width:100%; } .mfp-page-module-product .mfp-page-module-product-box { padding:50px 10px 12px 10px; background-color:#000000; } .mfp-page-module-product .mfp-close, .mfp-page-module-product .mfp-close:active { width:19px; height:19px; top:12px; right:18px; line-height:19px; content:""; text-indent:-99999px; overflow:hidden; background:url('/-a115666---rACLHB4e/close-popup-png') no-repeat center; } @media(min-width:760px) { .mfp-page-module-product .mfp-page-module-product-box { padding:12px 50px; } } @media(min-width:1160px) { .mfp-page-module-product .mfp-container { max-width:1000px; width:100%; } } @media(min-width:1260px) { .mfp-page-module-product .mfp-container { max-width:1200px; width:100%; } } .slider-page-module-product .lSAction { display:block; position:absolute; bottom:0; left:0; right:0; z-index:100; } .slider-page-module-product .lSSlideWrapper { padding-bottom:70px; } .slider-page-module-product .lSPrev, .slider-page-module-product .lSNext { position:static; width:auto; text-decoration:none; color:#ffffff; font-size:18px; line-height:22px; background-image:none; margin:0; } .slider-page-module-product .lSPrev:before, .slider-page-module-product .lSNext:after { content:""; display:inline-block; width:19px; height:21px; vertical-align:middle; } .slider-page-module-product .lSPrev span, .slider-page-module-product .lSNext span { display:none; } .slider-page-module-product .lSPrev { float:left; } .slider-page-module-product .lSNext { float:right; } .slider-page-module-product .lSPrev:before { background:url('/-a115668---dR7YSoi3/left-popup-png') no-repeat center; margin-right:20px; } .slider-page-module-product .lSNext:after { background:url('/-a115667---xu39BRI-/right-popup-png') no-repeat center; margin-left:20px; } .slider-page-module-product .lSSlideOuter .lSPager.lSpg > li a { background-image:none; width:auto; height:auto; color:#ffffff; text-indent:0; text-decoration:none; font-size:18px; line-height:22px; } .slider-page-module-product .lSSlideOuter .lSPager.lSpg > li { display:none; } .slider-page-module-product .lSSlideOuter .lSPager.lSpg { bottom:26px; margin:0; left:0; right:0; } .slider-page-module-product .lSSlideOuter .lSPager.lSpg > li a:before { content:"Strana"; display:inline-block; padding-right:15px; } .slider-page-module-product .lSSlideOuter .lSPager.lSpg > li.active { display:inline-block; } @media(min-width:760px) { .slider-page-module-product .lSPrev span, .slider-page-module-product .lSNext span { display:inline-block; } .slider-page-module-product .lSPrev, .slider-page-module-product .lSNext, .slider-page-module-product .lSSlideOuter .lSPager.lSpg > li a { font-size:22px; line-height:26px; } .slider-page-module-product .lSSlideWrapper { padding-bottom:100px; } } .page-module-partners .page-module__items-image { max-height:60px; vertical-align:middle; margin:10px 10px; } @media(min-width:769px) { .page-module-partners .page-module__items-image { max-height:72px; vertical-align:middle; margin:0 10px; } } .page-module-related { overflow:visible; } .page-module-related__recipes { background-color:#ffffff; padding:20px; } .page-module-related__recipes .visual-preview-h-title { font-size:16px; line-height:18px; } .page-module-related__recipes .categorization-text { font-size:15px; } .page-module-related__recipes .preview-list-item-recipes .visual-preview-h { height:110px; } @media (min-width:500px) { .page-module-related__recipes .preview-list-item-recipes { width:48%; margin:0 4% 25px 0; } .page-module-related__recipes .preview-list { margin:0; } .page-module-related__recipes .preview-list-item-recipes:nth-of-type(2n) { margin-right:0; } .page-module-related__recipes .visual-preview-h-title { font-size:16px; line-height:18px; } .page-module-related__recipes .categorization-text { font-size:15px; } } @media (min-width:730px) { .page-module-related__recipes .preview-list-item-recipes .visual-preview-h { margin-top:140px; } .page-module-related__recipes .preview-list-item-recipes { width:30%; margin:0 5% 25px 0; } .page-module-related__recipes .preview-list-item-recipes:nth-of-type(2n) { margin-right:5%; } .page-module-related__recipes .preview-list-item-recipes:nth-of-type(3n) { margin-right:0; } .page-module-related__recipes .preview-list-item-recipes .visual-preview-h { margin-top:150px; } .page-module-related__recipes .visual-preview-h-title { font-size:18px; line-height:20px; } .page-module-related__recipes .categorization-text { font-size:17px; } } @media (min-width:900px) { .page-module-related__recipes .preview-list-item-recipes .visual-preview-h { margin-top:170px; } } @media (min-width:1060px) { .page-module-related__recipes .preview-list-item-recipes .visual-preview-h { margin-top:190px; } } .page-module-related--withButton .page-module__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; text-align:center; margin-bottom: 16px; } .page-module-related--withButton .page-module__item--image { min-height:100px; } .page-module-related--withButton .page-module__item--image img { display:block; } .page-module-related--withButton .page-module__item--body > div { max-width:100%; } .page-module-related--withButton .page-module__item--body { min-height:132px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .page-module-related--withButton .page-module__item--title { font-size:21px; line-height:25px; text-transform:uppercase; margin-bottom:5px; } .page-module-related--withButton .page-module__item--category span { color:#ffffff; font-size:21px; line-height:25px; } .page-module-related--infoOverImage .page-module__item--body { bottom:0; left:0; right:0; background: rgba(42, 55, 23, 0.8); } .page-module-related--infoOverImage .page-module__item { overflow:hidden; margin-bottom:16px; } .page-module-related--infoOverImage .page-module__item--title { text-transform:uppercase; min-height:48px; } .page-module-related--infoOverImage .page-module__item--category .categorization-blue { color:#ffffff; } .page-module-related--infoOverImage .page-module__item--content { padding:25px 20px 22px; text-align:center; } .page-module-related--infoOverImage .page-module__item--squar .page-module__item--content { padding:50px 20px 50px; } @media(max-width:767px) { .page-module-related--infoOverImage .page-module__item--category .categorization-blue { font-size:16px; } .page-module-related--infoOverImage .page-module__items { max-width:588px; margin:0 auto; } } .page-module-related--infoOverImage .page-module__item--body { bottom:0; left:0; right:0; background: rgba(42, 55, 23, 0.8); } .page-module-related--infoOverImage .page-module__item { overflow:hidden; margin-bottom:16px; } .page-module-related--infoOverImage .page-module__item--title { text-transform:uppercase; min-height:48px; } .page-module-related--infoOverImage .page-module__item--category .categorization-blue { color:#ffffff; } .page-module-related--infoOverImage .page-module__item--content { padding:25px 20px 22px; text-align:center; } .page-module-related--infoOverImage .page-module__item--squar .page-module__item--content { padding:50px 20px 50px; } @media(max-width:767px) { .page-module-related--infoOverImage .page-module__item--category .categorization-blue { font-size:16px; } .page-module-related--infoOverImage .page-module__items { max-width:588px; margin:0 auto; } } .mfp-page-module-popup .mfp-inline-holder { width: 100%; } .mfp-page-module-popup .mfp-inline-holder .mfp-content { background: transparent; max-width: 1110px; margin-top: 10px; width: 100%; } .mfp-page-module-popup .page-module-popup { margin: 0 10px 40px 10px; background: #ffffff; padding: 60px 20px 16px 20px; position: relative; width:calc(100% - 60px); max-width:100%; } .mfp-page-module-popup .page-module-popup .module-video-outer { width:100%!important; } .mfp-page-module-popup .mfp-close { width: 48px; height: 48px; display: block; position: absolute; right: 10px; top: 0px; padding: 0; background: url("/-a119855---DpMmbrR7/close-button") no-repeat left top; overflow: hidden; text-indent: 9999px; z-index: 2000; } @media(min-width: 768px) { .mfp-page-module-popup .mfp-inline-holder .mfp-content { max-width: 690px; width: 100%; padding: 0; } } @media(min-width: 1000px) { .mfp-page-module-popup .mfp-inline-holder .mfp-content { max-width: 915px; width: 100%; } } @media(min-width: 1200px) { .mfp-page-module-popup .mfp-inline-holder .mfp-content { max-width: 1110px; } } .page-module-leaflet__wrap:not(.page-module-leaflet__wrap--withText) { background:url('/-a115472---REpC1B17/bg-letaky') no-repeat center; max-height:416px; text-align:center; overflow:hidden; padding-top:50px; position:relative; } .page-module-leaflet__wrap img { display:inline-block!important; max-width:32%; vertical-align:top; box-shadow: -3px 0 10px 0px rgba(0,0,0,0.5); } .page-module-leaflet__wrap .page-module-leaflet__supermarket { transform:rotate(-6deg); margin-right:-20px; } .page-module-leaflet__wrap .page-module-leaflet__hypermarket { transform:rotate(6deg); margin-left:-20px; } .page-module-leaflet .page-module__button { position: absolute; bottom: 50px; left: 20px; right: 20px; } .page-module-leaflet__wrap--withText { padding-top:50px; padding-bottom:20px; } .page-module-leaflet__wrap--withText .page-module-leaflet__supermarket { margin-left:30px!important; margin-right:0; } .page-module-leaflet__wrap--withText .page-module__button { position:static; text-align:left!important; } .page-module-leaflet__wrap--withText .page-module__body { margin-bottom:20px; margin-top:30px; } @media(min-width:768px) { margin-top:0px; } .page-module-switch { position: fixed; width: 34px; height: 34px; left: 10px; bottom: 20px; opacity: 0.7; z-index: 300; border-radius: 18px; transition:opacity 200ms; background-color:#cecece; } .page-module-switch:hover { opacity:1; transition:opacity 200ms; } .page-module-switch:after { content:""; width: 26px; height: 26px; display:block; position:absolute; left:50%; top:50%; background:url('/-a126895---8b8VA2gA/light') no-repeat center; background-size: cover; transform:translate(-50%,-50%); transition:background 200ms; } body.dark-mode .page-module-switch:after { background-image: url('/-a126894---k8tP_LVk/dark'); transition:background 200ms; } .sekce-sbirka-potravin { background-image:none; background-color:#ffffff; } .sekce-sbirka-potravin #main-frame { max-width:100%!important; } .sekce-sbirka-potravin .hero-image { background-size:cover!important; min-height:194px; } .sekce-sbirka-potravin .article-shops { max-height:0; transition: max-height 200ms; overflow:hidden; margin-top:20px; } .sekce-sbirka-potravin .article-shops--open { max-height:10000px; transition: max-height 300ms; } .sekce-sbirka-potravin .article-body { padding-bottom:0; } .sekce-sbirka-potravin .article-button { padding-bottom:15px; } .sekce-sbirka-potravin .article-button span { position:relative; } .sekce-sbirka-potravin .article-button span span:after { position:absolute; content:""; display:block; width:49px; height:32px; left:100%; top:100%; background:url('/-a120618---gwEtJaVU/vector-png') no-repeat left top; margin-left:5px; margin-top:-8px; } .sekce-sbirka-potravin .article-button__link, .sekce-sbirka-potravin .article-button__link:visited, .sekce-sbirka-potravin .article-button__link:hover, .sekce-sbirka-potravin .article-button__link:active, .sekce-sbirka-potravin .article-button__link:link { color:#000000; font-weight:bold; text-decoration:underline; } .sekce-sbirka-potravin .article-button__link span { text-decoration:underline; } .sekce-sbirka-potravin .article-button__link .article-button__link--1 { display:inline-block; } .sekce-sbirka-potravin .article-button__link .article-button__link--2 { display:none; } .sekce-sbirka-potravin .article-button__link--open .article-button__link--1 { display:none; } .sekce-sbirka-potravin .article-button__link--open .article-button__link--2 { display:inline-block; } .sekce-sbirka-potravin .article-shops__title--shopname { text-transform:capitalize; } @media(min-width:760px) { .sekce-sbirka-potravin .hero-image { background-size:cover!important; min-height:440px; } } @media(min-width:1160px) { .sekce-sbirka-potravin .hero-image { background-size:auto!important; min-height:600px; } } #kariera-kategorie .page-module__item { background: #fff; padding: 15px; color: #fff; cursor:pointer; } #kariera-kategorie .page-module__item:hover .page-module__item-text svg { fill: #88ab32; } #kariera-kategorie .page-module__item-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: 100% 100%; width: 280px; } #kariera-kategorie .page-module__item-text::before { content: ''; display: block; padding-top: 47.85714286%; } #kariera-kategorie .page-module__item-text svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; fill: #007ac2; transition: fill .3s; } #kariera-kategorie .page-module__item-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color:#ffffff; font-size:26px; line-height:35px; font-family:"FuturaTotBold"; text-transform:uppercase; } .kariera-jobs #page-module-frame { position:relative; overflow:hidden; } .kariera-jobs #page-module-frame .container-1160 { max-width:1200px; } .kariera-jobs #page-module-frame .main__bg { position: absolute; left: 0; right: 0; top: 0; background-size: 100% auto; z-index:1; } .kariera-jobs #page-module-frame .main__bg::before { content: ''; display: block; padding-top: 44.20998456%; } .kariera-jobs #page-module-frame .main__bg::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 40%,#fff 90%,#fff 100%); } .kariera-jobs .page-module-frame__content { position:relative; z-index:2; } .kariera-jobs #page { max-width:inherit; } .kariera-jobs #tail{ box-shadow:none!important; } .kariera-jobs .page-module-frame, .kariera-jobs .page-module__body, .kariera-jobs .page-module__perex { font-size:16px; line-height:22px; color:#585858; font-family:"SourceSans"; } .kariera-jobs .page-module-frame h1, .kariera-jobs .page-module-frame .title-as--h1 { font-size:26px; line-height:31px; margin:0 0 40px 0; padding:0; color:#007ac2; font-family:"FuturaTotBold"; text-transform:uppercase; } .kariera-jobs .page-module-frame h1 > .subtitle, .kariera-jobs .page-module-frame .title-as--h1 > .subtitle { font-size: 20px; line-height:24px; display:block; } .kariera-jobs .page-module-frame h2 { font-size:20px; line-height:24px; margin:0 0 40px 0; padding:0; color:#585858; font-family:"FuturaTotBold"; text-transform:uppercase; } .kariera-jobs .page-module-frame h3 { font-size:16px; line-height:19px; margin:0 0 40px 0; padding:0; color:#585858; font-weight:bold; font-family:"SourceSans"; } .kariera-jobs .page-module-frame h4 { font-size:20px; line-height:24px; margin:0 0 20px; padding:0; color:#88ab32; font-weight:bold; font-family:"SourceSans"; } @media(min-width:768px) { .kariera-jobs .page-module-frame h1, .kariera-jobs .page-module-frame .title-as--h1 { font-size:40px; line-height:48px; } .kariera-jobs .page-module-frame h1 > .subtitle, .kariera-jobs .page-module-frame .title-as--h1 > .subtitle { font-size: 26px; line-height:31px; } } @media(min-width:1200px) { .kariera-jobs .page-module-frame h1, .kariera-jobs .page-module-frame .title-as--h1 { font-size:50px; line-height:60px; } .kariera-jobs .page-module-frame h1 > .subtitle, .kariera-jobs .page-module-frame .title-as--h1 > .subtitle { font-size: 30px; line-height:36px; } } #kariera-zamestnavatel { background: linear-gradient(to bottom,#ece9e7 0,#fff 525px); } #kariera-zamestnavatel .page-module__item { opacity: 1; transition: opacity .6s; border: 20px solid transparent; border-width: 0 0 10px 0; text-align:center; } #kariera-zamestnavatel .page-module__item-content { background: #fff; box-shadow: 0 10px 16px rgba(88,88,88,.27); padding: 35px 20px; } #kariera-zamestnavatel .page-module__item-image { margin: 0 auto 20px; width: 75px; height: 77px; } #kariera-zamestnavatel .page-module__item-image img { width: 100%; height: 100%; } #kariera-oceneni .page-module__items { align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; } #kariera-oceneni .page-module__item { border: 20px solid transparent; border-width: 0 0 20px 20px; text-align:center; opacity:0; opacity: 1; transition: opacity .6s; } #kariera-oceneni .page-module__item:nth-child(2) { opacity: 1; transition-delay: .3s; } #kariera-oceneni .page-module__item:nth-child(3) { opacity: 1; transition-delay: .6s; } #kariera-oceneni .page-module__item:nth-child(4) { opacity: 1; transition-delay: .9s; } #kariera-oceneni .page-module__item:nth-child(5) { opacity: 1; transition-delay: 1.2s; } @media(max-width:767px) { #kariera-oceneni .page-module__item { max-width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } #kariera-oceneni .page-module__item img { max-height: 75px; flex: 0 0 auto; width: auto; vertical-align: middle; } } @media(min-width:768px) { } @media(min-width:1000px) { #kariera-oceneni .page-module__item { border-width: 0 0 40px 170px; } } #kariera-pozice table * { box-sizing:content-box; } #kariera-pozice table { border:0; } #kariera-pozice table th { color:#88ab32; background-color:transparent; } #kariera-pozice table a { color:#88ab32; } #kariera-pozice .article-position table tbody tr, #kariera-pozice .article-position table tbody td { border:0!important; } #kariera-pozice .article-position table tbody td { } #kariera-pozice .article-position table thead tr { background-color:transparent!important; } #kariera-pozice .article-position table tbody tr:nth-of-type(1) { font-weight:bold; } #kariera-pozice .article-position table thead tr { border-bottom: 1px solid #88ab32; ransition: all .3s; } #kariera-pozice .article-position table tbody tr:hover:not(:first-of-type) { box-shadow:-1.888px 2.331px 7.76px 0.24px rgba(177,175,174,.3); color:#88ab32; } @media (max-width: 999px) { #kariera-pozice tbody td span { color:#88ab32; ransition: all .3s; } #kariera-pozice .article-position table tbody tr { background-color:#f3f6ea!important; } #kariera-pozice .article-position table tbody tr:hover { background-color:#ffffff!important; color:#88ab32; } } @media(min-width:1000px) { #kariera-pozice .article-position { margin-top:40px; } #kariera-pozice .article-position table tbody tr:nth-of-type(1) { background-color:#f3f6ea!important; } #kariera-pozice .article-position table tbody tr { border-bottom: 1px solid rgba(136,171,50,.1)!important; } #kariera-pozice .article-position tbody tr td:nth-of-type(2), #kariera-pozice .article-position tbody tr th:nth-of-type(2) { width:80px; } } .formular-recepty-od-fanousku { padding:0 20px; } .formular-recepty-od-fanousku .form-modern__input-text { max-width:300px; display:inline-block; margin:5px 10px 0; } .info-text-aplikace { padding: 20px 0px 20px; background: #fbd83f; color: #000; font-size: 16px; position:relative; border-bottom:1px solid rgba(0,0,0,0.1); z-index:2; } .info-text-aplikace__buttons a { margin-top:5px; margin-bottom:5px; } .info-text-aplikace__link { white-space:nowrap; } .info-text-aplikace__content { margin:0 auto; } .info-text-aplikace__perex { padding:0 10px; } .info-text-aplikace__flex { padding:0 10px; } .info-text-aplikace__close:hover { opacity:1; transition: opacity 300ms; } .shop-custom__header-title { color:#000000!important; font-family:"TradeGothicLTPro"; font-weight:bold; text-transform:uppercase; border-top:4px solid #000000; border-bottom:4px solid #000000; font-size:30px; line-height:36px; } .shop-custom__header-shopType { color:#000000; padding-bottom:20px; display:inline-block; font-size:16px; line-height:19px; display:block; } .shop-custom__header-shopType:first-letter { text-transform:uppercase; } @media(min-width:980px) { .shop-custom__header { padding-top:35px; } .shop-custom__header-title { font-size:36px; line-height:43px; } .shop-custom__header-subtitle { font-size:23px; line-height:33px; margin-top:17px; } } .shop-custom__banner .item-image__desktop { display:none; } @media(min-width:980px) { .shop-custom__banner .item-image__desktop { display:block; } .shop-custom__banner .item-image__mobile { display:none; } .shop-custom__banner { margin-top:30px; } .shop-custom__banner-header img { transform:translateY(50%); max-width:70%; } } .shop-custom__images { margin-top:40px; } .shop-custom__images-item { margin-bottom:20px; } .shop-custom__images-item img { max-width:70%; } @media(min-width:760px) { .shop-custom__images-item img { max-width:100%; } } @media(min-width:980px) { .shop-custom__images-item img { max-width:100%; } .shop-custom__images { margin-top:45px; } } .shop-custom__slider .slider-bx .bx-controls .bx-prev, .shop-custom__slider .slider-bx .bx-controls .bx-next { background-image:none!important; background-color:#000000!important; width:50px!important; height:50px!important; display:block; border-radius:25px!important; } .shop-custom__slider .slider-bx .bx-controls .bx-prev:before, .shop-custom__slider .slider-bx .bx-controls .bx-next:before { content:""; display:block; width:9px; height:15px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url('/-a131325---bS5QvwpY/arrow-left-shop-png') no-repeat left center; background-size:contain; } .shop-custom__slider .slider-bx .bx-controls .bx-next:before { transform:translate(-50%,-50%) rotate(180deg); } .shop-custom__slider .slider-bx .bx-controls .bx-prev:hover:before, .shop-custom__slider .slider-bx .bx-controls .bx-next:hover:before { background:url('/-a131326---WdwkFHVU/arrow-right-yellow-shop-png') no-repeat right center; background-size:contain; } .shop-custom__slider .slider-bx .bx-controls .bx-next:hover:before { transform:translate(-50%,-50%) rotate(0); } .shop-custom__slider .slider-bx .bx-controls .bx-prev:hover:before { transform:translate(-50%,-50%) rotate(-180deg); } @media(min-width:760px) { .shop-custom__slider .slider-bx .bx-controls .bx-prev:before, .shop-custom__slider .slider-bx .bx-controls .bx-next:before { width:20px; height:34px; } .shop-custom__slider .slider-bx .bx-controls .bx-prev, .shop-custom__slider .slider-bx .bx-controls .bx-next { background-image:none!important; background-color:#000000!important; width:80px!important; height:80px!important; display:block; border-radius:40px!important; } .shop-custom__slider .slider-bx .bx-controls .bx-prev { left:20px; } .shop-custom__slider .slider-bx .bx-controls .bx-next { right:20px; } } @media(min-width:980px) { } .shop-custom__text { margin-top:30px; } .shop-custom__text-title { color:#000000; font-family:"TradeGothicLTPro"; font-weight:bold; font-size:30px; line-height:36px; } .shop-custom__text-body { color:#666666; } @media(min-width:980px) { .shop-custom__text { margin-top:35px; } .shop-custom__text-body { font-size:18px; line-height:22px; } .shop-custom__text-title { font-size:36px; line-height:43px; } } .shop-custom__info-setShop { margin-bottom:30px; } .shop-custom__info-item { padding:25px 10px 38px 10px; } .shop-custom__info-col--2 .shop-custom__info-item { background-color:#f2f2f2; } .shop-custom__info-title { text-align:left!important; } .shop-custom__info-col--1 .hours .hours-day { padding-left:15px; font-weight:bold; } .shop-custom__info-col--1 .hours .hours-day:first-letter { text-transform:uppercase; } .shop-custom__info-col--1 .hours .hours-time { padding-right:15px; } .shop-custom__info tr td, .shop-custom__info tr th { color:#000000; } .shop-custom__info .hours-control { display:none; } .shop-custom__info tr.hours-active td, .shop-custom__info tr.hours-active th { background-color:#8ea946; color:#ffffff; } .shop-custom__info-col--3 .big-icon-list li, .shop-custom__info-col--3 .big-icon-list li strong { font-size:14px; line-height:23px; color:#000000; } .shop-custom__info .big-icon-list > li { padding-left:80px; margin-bottom:40px; } .shop-custom__info .big-icon-list > li.icon-before:before { left:0; top:-4px; } .shop-custom__info .icon-location.icon-before:before { background:url('/-a131338---40USP-QG/map-icon-png') no-repeat center; background-size:contain; width:60px; height:60px; } .shop-custom__info .icon-phone.icon-before:before { background:url('/-a131339---dvxrRAQa/phone-icon-png') no-repeat center; background-size:contain; width:60px; height:60px; } @media(min-width:760px) { .shop-custom__info { padding-bottom:20px; } .shop-custom__info-col--2 .shop-custom__info-title { text-align:center!important; } } @media(min-width:980px) { .shop-custom__info-setShop { margin-bottom:50px; } .shop-custom__info-col--1 .shop-custom__info-item { padding-left:15%; } .shop-custom__info-col--3 .shop-custom__info-item { padding-right:15%; padding-left:10%; } } .shop-custom__slick .slick-prev, .shop-custom__slick .slick-next { width:50px!important; height:50px!important; display:block; border-radius:25px; position:absolute; border:0; background-color:#000000!important; top:50%; transform: translateY(-50%); opacity: 0.9; transition: opacity 0.2s ease-in-out; z-index:2; text-indent:-9999px; overflow:hidden; } .shop-custom__slick .slick-disabled { display:none!important; } .shop-custom__slick .slick-prev { left:20px; } .shop-custom__slick .slick-next { right:20px; } .shop-custom__slick .slick-prev:focus, .shop-custom__slick .slick-next:focus { outline:none; } .shop-custom__slick .slick-prev:before, .shop-custom__slick .slick-next:before { content:""; display:block; width:9px; height:15px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url('/-a131325---bS5QvwpY/arrow-left-shop-png') no-repeat left center; background-size:contain; } .shop-custom__slick .slick-next:before { transform:translate(-50%,-50%) rotate(180deg); } .shop-custom__slick .slick-prev:hover:before, .shop-custom__slick .slick-next:hover:before { background:url('/-a131326---WdwkFHVU/arrow-right-yellow-shop-png') no-repeat right center; background-size:contain; } .shop-custom__slick .slick-next:hover:before { transform:translate(-50%,-50%) rotate(0); } .shop-custom__slick .slick-prev:hover:before { transform:translate(-50%,-50%) rotate(-180deg); } @media(min-width:760px) { .shop-custom__slick .slick-prev:before, .shop-custom__slick .slick-next:before { width:20px; height:34px; } .shop-custom__slick .slick-prev, .shop-custom__slick .slick-next { width:80px!important; height:80px!important; display:block; border-radius:40px!important; } .shop-custom__slick .slick-prev { left:20px; } .shop-custom__slick .slick-next { right:20px; } } @media(min-width:980px) { } .floated-box { position:fixed; top:300px; right:0; transform:translateX(301px); z-index:500; display:none; } .floated-box-item { transform:translateX(0); transition:transform 200ms; position:relative; z-index:500; margin:10px 0; } .floated-box-item:hover { transform:translateX(-301px); transition:transform 300ms; } .floated-box-item__content { height:200px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.4); border-radius:5px 0 0 5px; } .floated-box-item__left { width:40px; background-color:#227fc6; color:#ffffff; position:relative; cursor:pointer; min-height:100%; border-radius:5px 0 0 5px; } .floated-box-item__title { transform: translateX(-50%) translateY(-50%) rotate(-90deg); display:block; position: absolute; white-space:nowrap; top: 50%; left: 50%; line-height:40px; font-weight:bold; } .floated-box-item__right { width:300px; background-color:#ffffff; background-position:right top!important; min-height:100%; } .floated-box-item__right-content { padding:5px 140px 5px 20px; min-height:100%; color:#ffffff; font-size:15px; font-weight:bold; text-shadow:2px 0 10px rgba(0,0,0,0.5); } @media(min-width:768px) { .floated-box { display:block; } } .leaflet-product { background: #f0f0f0!important; } .leaflet-product .leaflet-product--banner { padding-bottom:10px!important; } .leaflet-product__col { margin-bottom:30px; } .leaflet-product .carousel-indicators { display:block!important; } .leaflet-product__item--info { text-align:center; padding:0 15px; } .leaflet-product__item--image { margin-top:40px; } .leaflet-product__item--wrap { display:inline-block; text-align:left; width:80%; } .leaflet-product .carousel { height:auto; } .leaflet-product__item-amount .leaflet-product__item--image { margin-top:0px; } .leaflet-product__item-amount .leaflet-product__item--info { margin-top:80px; } .leaflet-product__item { position:relative; background: #ffffff!important; padding:10px 10px 20px 10px; } .leaflet-product__item--price { position:absolute; top:10px; right:-35px; z-index:10; width:221px; } .leaflet-product__item--price > div { margin-left:15px; margin-right:15px; display:inline-block; } .leaflet-product__item--title { font-family:"FuturaTotMedium"; margin-top:0; margin-bottom:5px; } .leaflet-product .carousel-3-1 .leaflet-product__item { padding-bottom:40px; margin-bottom:20px; min-height:100%; } .leaflet-product .carousel-3-1 .flex-wrapper { min-height:462px; } .leaflet-product .carousel-3-1 .carousel-indicators { bottom:15px; } .leaflet-product__item--price .price-box-2, .leaflet-product__item--pricee .price-box-3, .leaflet-product__item--price .price-box-4 { position:relative; right:-15px; } .leaflet-product__item--price .price-box-5, .leaflet-product__item--price .price-box-6 { position:relative; top:83px; } @media(min-width:760px) { .leaflet-product__item--image { margin-top:80px; } } @media(min-width:768px) { .leaflet-product__item { padding-bottom:60px; } .leaflet-product .carousel-3-1 .leaflet-product__item { padding-bottom:60px; margin-bottom:0px; } } @media(min-width:1000px) { .leaflet-product__item--image { margin-top:40px; } .leaflet-product__item-amount .leaflet-product__item--info { margin-top:40px; } } .hp-multibox { background: #f0f0f0!important; } .hp-multibox .hp-multibox--banner { padding-bottom:10px!important; } .hp-multibox__col { margin-bottom:30px; } .hp-multibox .carousel-indicators { display:block!important; } .hp-multibox #carousel-generic-multi { height:auto; } .hp-multibox__item--info { margin-top:0px; text-align:center; padding:0 15px; } .hp-multibox__item--image { margin-top:40px; } .hp-multibox__item--amount .hp-multibox__item--image { margin-top:0; } .hp-multibox__item--amount .hp-multibox__item--info { margin-top:50px; } .hp-multibox--banner .hp-multibox__item--image { position:relative; } .hp-multibox--banner .hp-multibox__item--image img { display:inline-block; } .hp-multibox--banner .hp-multibox__item--image:after { position:absolute; content:""; display:block; background-color:#ffffff; height:10px; left:0; bottom:0; right:0; } .hp-multibox__item--wrap { display:inline-block; text-align:left; width:80%; } .hp-multibox .carousel { height:auto; } .hp-multibox__item { position:relative; background: #ffffff!important; padding:10px 10px 10px 10px; } .hp-multibox__item--price { position:absolute; top:10px; /*right:-35px;*/ right:-25px; z-index:10; width:221px; } .hp-multibox__item--price .price-box-2, .hp-multibox__item--price .price-box-3, .hp-multibox__item--price .price-box-4 { position:relative; right:-15px; } .hp-multibox__item--price .price-box-5, .hp-multibox__item--price .price-box-6 { position:relative; top:83px; } .hp-multibox__item--price > div { margin-left:15px; margin-right:15px; display:inline-block; } .hp-multibox__item--title { font-family:"FuturaTotMedium"; margin-top:0; margin-bottom:5px; } .hp-multibox .hp-multibox__item { padding-bottom:80px; } .hp-multibox .carousel-indicators { bottom:15px; } @media(min-width:760px) { .hp-multibox__item { min-height:480px; max-height:480px; padding-bottom:40px; } .hp-multibox--banner { min-height:470px; max-height:470px; } .hp-multibox .carousel-3-1 .hp-multibox__item { padding-bottom:40px; margin-bottom:0px; } .hp-multibox .hp-multibox__item { padding-bottom:40px; } .hp-multibox .carousel-indicators { bottom:0px; } .hp-multibox__item--image { margin-top:60px; } .hp-multibox__item--info { padding:0 20px; } } @media(min-width:1000px) { .hp-multibox__item { min-height:480px; max-height:480px; padding-bottom:40px; } .hp-multibox--banner { min-height:480px; max-height:480px; } } .product-item__col { margin-bottom:30px; } .product-item__info { text-align:center; padding-bottom:20px; } .product-item__wrap { display:inline-block; text-align:left; } .product-item__price { position:relative; padding-top:50px; } .product-item__price .price-box-2, .product-item__price .price-box-4, .product-item__price .price-box-3 { position:absolute; top:10px; right:10px; z-index:10; } .product-item__price > div { margin-left:15px; margin-right:15px; display:inline-block; } .product-item__title { font-family:"FuturaTotMedium"; margin-top:0; margin-bottom:5px; } .product-item .product-item__item { padding-bottom:80px; } @media(min-width:760px) { .product-item__item { min-height:440px; max-height:440px; padding-bottom:40px; } .product-item .product-item { padding-bottom:40px; } } @media(min-width:1000px) { .product-item__item { min-height:440px; max-height:440px; padding-bottom:40px; } } .header-application { margin-top:13px; } .header-application__text { background-color:#2fc4ef; color:#ffffff; padding:10px 10px; margin:0px; border-radius:0 8px 8px 0; font-family:"FuturaTotBold"; text-align:center; text-transform:uppercase; } .header-application__logo { max-width:75px; } .header-application__img { max-width:75px; margin-right:10px; } .header-application__logo svg { width:100%; height:auto; } .header-application a:link, .header-application a:visited { color: #666; } @media screen and (min-width: 760px) { .header-application { position:absolute; right: 10px; top: 10px; z-index:231; } .header-application__img, .header-application__text { display:none; } } @media screen and (min-width: 760px) { } @media screen and (max-width: 1190px) { } @media screen and (max-width: 1050px) { . } @media screen and (max-width: 979px) { } @media screen and (max-width: 868px) { } .recipe-process .recipe-process__item-image { max-height:0; overflow:hidden; transition:max-height 200ms; } .recipe-process .btn-hide { display:none; } .recipe-process .js-toggle-active .recipe-process__item-image { max-height:1000px; overflow:hidden; transition:max-height 300ms; } .recipe-process .js-toggle-active .btn-hide { display:inline-block; } .recipe-process .js-toggle-active .btn-show { display:none; } .notice { margin: 20px 0; padding: 20px; background-color: #4c8735; color: #fff; font-weight: bold; font-size: 1.2307em; background-repeat: no-repeat; background-position: 0 0; } .notice > p:last-child, .notice > ul:last-child { margin-bottom: 0; } .grid { margin-left: -2%; max-width: 105%; margin-bottom: 30px; } .grid-no-h-margin { margin:0; max-width:100%; } .grid-unit { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 2%; margin-right: -0.25em; } .grid-unit.no-margin { margin:0!important; } .grid-unit:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .grid-1of1 { width: 98%; } .grid-1of2 { width: 48%; } grid-1of2-no-m { width: 50%; } .grid-1of3 { width: 31.36%; } .no-margin.grid-1of3 { width: 33%; } .grid-1of4 { width: 22.05%; } .grid-1of5 { width: 17.07%; } .grid-2of3 { width: 63.666666666%; } .grid-2of3-no-m { width: 66.666666666%; } .grid-2of5 { width: 42%; } .grid-2of5-no-m { width: 40%; } .grid-3of4 { width: 68%; } .grid-3of5 { width: 54%; } .grid-3of5-no-m { width: 59%; } .grid-4of5 { width: 78%; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1;} .leaflet-content-top-logo { margin:0 auto; } /* responsive visibility */ @media screen and (max-width: 479px) { .m1-hidden { display: none; } } /*ie8*/ .ie8 .grid-1of3 { width: 31.2%; } .ie8 .f-left { float: left; } .ie8 #site-home, .ie8 .image-list li a, .ie8 button.icon-after, .ie8 #tail .icon-over { text-indent: -10000px; } @media screen and (max-width: 319px) { .grid { margin-left: 0; max-width: none; } .grid-unit, .no-margin.grid-unit{ width: auto; margin-left: 0; display: block; } } @media screen and (min-width: 320px) and (max-width: 479px) { .grid { margin-left: 0; max-width: none; } .grid-unit, .no-margin.grid-unit { width: auto; margin-left: 0; display: block; } } @media screen and (min-width: 480px) and (max-width: 759px) { .grid { margin-left: 0; max-width: none; } .grid-unit, .no-margin.grid-unit { width: auto; margin-left: 0; display: block; } } /** * @module * * wrapper for some boxes cards
...
*/ .card { background: #fff; min-height: 530px; text-align: center; } .card-en { min-height: 530px; } .card-text { overflow: hidden; text-align: center; padding: 20px; } .card-text a { color: #666666; display: block; text-decoration: none; } .card-text a:hover { color: #333333; } .card-text a .h2 { display: block; font-weight: bold; text-align: center; font-size: 25px; line-height: 1.125; text-transform: uppercase; margin: 10px 0; } .card-text a .p { display: block; margin-bottom: 0.5em; } .card-image { height: 250px; text-align: center; } .card-image__leaflet-bg, .card-image__magazine-bg { position:relative; overflow:hidden; display:inline-block; } .card-image__leaflet-wrap, .card-image__magazine-wrap { text-align:center; position:absolute; top:0; right:0; bottom:0; left:0; } .card-image__magazine-wrap { text-align:left; } .card-image__magazine-image { display:inline-block!important; max-width:53%!important; vertical-align:top; margin-top:6%; margin-left:6%; box-shadow: -3px 0 10px 0px rgba(0,0,0,0.5); transform:rotate(-5deg); } .card-image__leaflet-image { display:inline-block!important; max-width:48%!important; vertical-align:top; margin-top:5%; box-shadow: -3px 0 10px 0px rgba(0,0,0,0.5); } .card-image__leaflet .card-image__leaflet--supermarket { /*transform:rotate(-6deg);*/ margin-right:-10px; } .card-image__leaflet .card-image__leaflet--hypermarket { /*transform:rotate(6deg);*/ margin-left:-10px; } .card-image img { max-width: 100%; display:block; } .card-image__wrap { display:inline-block; position:relative; } .card-image-label { width: 238px; margin: auto; position: relative; padding:0; top: -25px; font-weight:bold; height:36px; line-height:36px; } .card-image-label.no-margin { top:0; margin:0; } .card-image-label > a { display: block; padding: 0 10px; color:#ffffff!important; text-decoration:none; background: #227fc6; background: -webkit-linear-gradient(#1f72b2, #227fc6); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#1f72b2, #227fc6); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#1f72b2, #227fc6); /* For Firefox 3.6 to 15 */ background: linear-gradient(#1f72b2, #227fc6); } .card-image-label-red { width: 238px; margin: auto; position: relative; padding:0; top: -25px; font-weight:bold; height:36px; line-height:36px; } .card-image-label-red.no-margin { top:0; margin:0; } .card-image-label-red > a { display: block; padding: 0 10px; color:#ffffff!important; text-decoration:none; background: #cd202c; background: -webkit-linear-gradient(#b91b22, #cd202c); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#b91b22, #cd202c); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#b91b22, #cd202c); /* For Firefox 3.6 to 15 */ background: linear-gradient(#b91b22, #cd202c); } @media (max-width:759px) { .card-fb { min-height:0; } } @media (min-width:760px) { .card-image { height: 160px; } } @media (min-width:980px) { .card-image { height: 200px; } } @media (min-width:1180px) { .card-image { height: 225px; } } .card-icon { z-index:3; width:80px; height:80px; left:15px; top:15px; position:absolute; background-size:cover!important; } @media (min-width:760px) { .card-icon { width:60px; height:60px; left:10px; left:6px; } } @media (min-width:980px) { .card-icon { width:70px; height:70px; left:15px; left:15px; } } @media (min-width:1180px) { .card-icon { width:90px; height:90px; left:15px; left:15px; } } .card-icon--bio { background:url('/-a116676---heEkaR1f/bio-logo-png') no-repeat 0 0 ; } .card-icon--choiceOfWeek { background:url('/-a91464---C65Av4_X/tip-tydne-png') no-repeat 0 0 ; } .card-icon--choiceAlbert { background:url('/-a91463---xEkeYV2a/tip-albert-png') no-repeat 0 0 ; } .card-inner { padding: 30px 15px; } .carousel-box.hp { margin-top:0px; } .wrapper-carousel-box-menu-content .grid-unit { background-color:#ffffff; -webkit-transition:background-color 1s; transition:background-color 1s; cursor:pointer; } .wrapper-carousel-box-menu-content .grid-unit:hover { background-color:#f8f8f8; } .carousel-box-menu { position: relative; padding:0 56px 0 80px; } .carousel-box-menu a { color: #666666; display: block; text-decoration: none; padding-top:22px; min-height:88px; } .carousel-box-menu a:hover { color: #333333; } .carousel-box-menu a .h2 { display: block; font-size: 1.2307em; font-weight: bold; margin: 0 0 0.7em ; margin-bottom: 0.5em; text-transform:uppercase; } .carousel-box-menu a .p { display: block; margin-bottom: 0.5em; } .carousel-box-menu a .icon.icon-image-left { display: block; position: absolute; left: 10px; top: 30px; width: 66px; height: 50px; opacity: 0.6; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -moz-transition: top 0.5s ease-in; -webkit-transition: top 0.5s ease-in; -o-transition: top 0.5s ease-in; transition: top 0.5s ease-in; } .carousel-box-menu a .icon.icon-image-left-bottom { display: block; position: absolute; left: 10px; top: 80px; width: 66px; height: 16px; opacity: 0.8; background-position:-5px -495px; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .carousel-box-menu a .icon.icon-image-left-bottom.icon-leaflet-1 { background-position:0px -495px; } .wrapper-carousel-box-menu-content .grid-unit:hover a .icon.icon-image-left { opacity: 1; height: 50px; top:20px; -moz-transition: top 0.1s ease-in; -webkit-transition: top 0.1s ease-in; -o-transition: top 0.1s ease-in; transition: top 0.1s ease-in; } .wrapper-carousel-box-menu-content .grid-unit:hover a .icon.icon-image-left-bottom { opacity: 1; } .carousel-box-menu a .icon-carousel-box-menu-arrow { position:absolute; width:20px; height:20px; right:31px; top:54px; left:initial; display:none; } .carousel .item .carousel-inner-centred { text-align:center; } .carousel .carousel-inner-centred > div { display:inline-block; float:none; vertical-align:top; } .carousel .carousel-inner-centred > div > div { text-align:left; } #carousel-generic-small, #carousel-generic-small-2 { height: auto; } #carousel-generic-small .carousel-indicators , #carousel-generic-small-2 .carousel-indicators { bottom: 0px; margin-top: 5px; } @media screen and (max-width: 759px) { .carousel-indicators { display: none; } .carousel-inner-text-more { display: none; } .carousel-control { top: -30%; } .carousel-inner-text { padding-top: 45%; } .card-image img { max-width: 100%; display:inline-block; } .card-image__leaflet-bg > img { display:block; } } @media screen and (min-width: 978px) { .carousel-box-menu a .icon-carousel-box-menu-arrow { display:block; } .leaflet-content-top-logo { width:40%; } } .padded-text { padding-left: 20px; padding-right: 20px; } .padded-text .padded-text-reset { margin-left: -20px; margin-right: -20px; } .padded-text .cols.cols-2 > .col, .padded-text .cols.cols-2 > .col-last { width: 420px; } .padded-text .cols.cols-3 > .col, .padded-text .cols.cols-3 > .col-last { width: 285px; } .padded-text .cols.cols-3 > .col { margin-right: 25px; } @media screen and (max-width: 759px) { .padded-text .cols.cols-2 > .col, .padded-text .cols.cols-2 > .col-last { width: 100%; } } /** * @module * Text container pane. ... */ .text-pane { background-color: #ffffff; padding: 20px; } .text-pane-no-bg { background-color:transparent; } .text-pane-noPadding { padding:0; } .text-pane-greenBorder { border:10px solid #64b441; margin-top:6px; } .text-pane.no-padding, .text-pane.padding-m2 { padding:20px 0; } .text-pane.no-padding-top { padding-top:0; } .text-pane-marked, .text-pane-marked .sec-h > span { background-color: #ffffe7; } .text-pane-marked .sec-h { border-color: #e5e5a7; } .text-pane-cta, .text-pane-cta .sec-h > span { background-color: #87ab31; } .text-pane-cta .sec-h { border-color: #a6e5a7; } .text-pane-cta, .text-pane-cta a:link, .text-pane-cta a:visited { color: #fff; } .text-pane-cta + .modal-close { background-color: transparent; } .modal .close-white + .modal-close { background:transparent; color:#ffffff; } .modal .close-white + .modal-close .icon-close { background: url('/-a3562---7_AE8IsQ/icons') no-repeat -175px -138px; width:20px; height:20px; } .text-pane-cta + .modal-close .icon.icon-close { background-position: -130px -49px; } .text-pane-cta .validation-success { color: #f0f0f0; } .text-pane-cta-grey { width: 515px; color: #666; font-size: 0.9em; -webkit-box-shadow: 270px 0 #f8f8f8 inset; -moz-box-shadow: 270px 0 #f8f8f8 inset; box-shadow: 270px 0 #f8f8f8 inset; } .text-pane-cta-515 { width: 555px; color: #666; font-size: 0.9em; } .modal .nwl-shadow { -webkit-box-shadow: 0 2px 6px #999; -moz-box-shadow: 0 2px 6px #999; box-shadow: 0 2px 6px #999; } .modal .nwl-theme.text-pane { font-size:14px; color:#ffffff; position:relative; background-color:#61a22f; } .modal .nwl-theme.text-pane:after, .modal .nwl-theme.text-pane:before { content:""; position:absolute; display:block; } .modal .nwl-theme.text-pane:after { width:161px; height:97px; background:url('/-a68072---oSyRk1q1/letter-bottom.png') no-repeat -32px 0; bottom:0px; left:0px } .modal .nwl-theme.text-pane:before { width:181px; height:161px; background:url('/-a68071---9DiYwFA0/letter-top.png') no-repeat 0 0; right:22px; top:17px; } .text-pane-cta-grey h4 { text-align: left; font-size: 1.6em; } .text-pane-cta-grey .button { font-size: 1em; } @media screen and (max-width: 759px) { .text-pane-cta-grey { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .text-pane.padding-m2 { padding:20px; } .modal { margin-top:100px!important; } } @media screen and (max-width: 559px) { .text-pane-cta-grey { width: 350px; } .text-pane-cta-515 { padding:5%; width:100%; } .modal { width:100%!important; position:absolute!important; z-index:300; //top:50%!important; //transform: translate(0,-50%); left:0!important; right:0!important; margin:0 auto; } } /** * @module ... ... */ .bordered-pane { padding: 17px 20px; border: 1px solid #e5e5e5; background-color: #ffffff; } .bordered-pane-h { font-size: 1.2307em; font-weight: bold; text-align: center; margin: 0 0 1.5em; line-height: 1; } /** * @module * @extends .text-pane
...
...
...
*/ .recipe-layout:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .recipe-layout-l { width: 387px; float: left; } .recipe-layout-r { width: 772px; float: right; } .recipe-layout-r:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } @media screen and (max-width: 1180px) { .recipe-layout-l { float: left; width: 40%; } .recipe-layout-r { float: right; width: 60%; } } @media screen and (max-width: 759px) { .recipe-layout-l, .recipe-layout-r { float: none; width: auto; } .recipe-layout-r1, .recipe-layout-r3{ float: none; width: 100%; } } @media screen and (max-width: 759px) { .recipe-layout-r1, .recipe-layout-r2 { float: none; width: auto; } } /** * @module
...
?
...
?
...
?
*/ .triad-center, .triad-left, .triad-right { display: block; } .triad-center { text-align: center; } .triad-left, .triad-right { position: absolute; top: 0px; } .triad-left { left: 20px; } .triad-right { right: 20px; } .subframe { margin: 20px 0; } {/*.subframe + .subframe { margin-top: 30px; }*/} .dropdown-list { display: none; line-height: 20px; list-style: none; background: #fff; -webkit-box-shadow: 0 1px 2px #555; -moz-box-shadow: 0 1px 2px #555; box-shadow: 0 1px 2px #555; margin: 0; padding: 0; } .dropdown-list li a { color: #227FC6; padding: 5px; display: block; border-bottom: 1px solid #B1A0A0; } .dropdown-list li a:hover { color: #2AF; background: #fafafa; } #dropdown-share { position: relative; top: -7px; z-index: 5; } #dropdown-share li a { color: #227FC6; } #dropdown-share li a:hover { color: #2AF; } #social-buttons > div, #social-buttons > a { display: inline-block!important; vertical-align: text-top!important; line-height: 20px!important; } .fb-comments { max-width: 600px; margin: 0 auto; } .fb-likebox iframe { width: 100%!important; } #shop-search-map svg{ max-width: 100%; } .basket-status { position:relative; } .basket-status-hiden { display:none; } .basket-status-icon { position:absolute; background-color:#e30000; display:inline-block; line-height:1; font-size:12px; right:-43px; top:-9px; width:20px; height:20px; line-height:20px; text-align:center; border-radius: 50%;; } @media screen and (max-width: 979px) { #shop-search-map svg{ width: 290px; } } @media screen and (max-width: 759px) { #shop-search-map svg{ width: 357px; } } @media screen and (max-width: 479px) { #shop-search-map svg{ width: 290px; } } @media screen and (max-width: 319px) { #shop-search-map svg{ width: 210px; } } .article-body { padding-bottom:20px; } .article-body:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .article-body-columns { -webkit-column-count: 2; -webkit-column-gap: 55px; -moz-column-count: 2; -moz-column-gap: 55px; column-count: 2; column-gap: 55px; } .article-body-singleColumn-text, .article-body-singleColumn > * { //padding:0 23%; } .article-body-singleColumn-text { //margin:0 23%; padding:0; } .article-body-singleColumn > iframe { //width:calc(100% - (33%))!important; } .article-body-singleColumn .article-single-column-img { //padding:0 10% 0 23%; } .article-body-singleColumn > iframe, .article-body.article-body-singleColumn > span { //margin:0 10% 0 23%!important; padding:0!important; } .article-body-columns > h2:first-child { margin-top: 0; } @media screen and (max-width: 759px) { .article-body-columns { -webkit-column-count: initial; -moz-column-count: initial; column-count: initial; } .article-body-singleColumn-text, .article-body-singleColumn > *, .article-body-singleColumn .article-single-column-img, .article-body.article-body-singleColumn > span, .article-body-singleColumn > iframe{ padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; } .article-body-singleColumn > iframe { width:calc(100%)!important; } } .categorization { white-space: nowrap; } .categorization-wrapped { white-space: normal; } .categorization-spaced { margin-top:5px; margin-bottom:5px; display:inline-block; } .categorization .categorization-rounded { padding:4px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; background-color:#f3f3f3; margin-right:5px; color:#616161; border:0; vertical-align:inherit; } .categorization .cat-icon, .categorization .cat-icon-w, .categorization .icon-before { margin-left: 50px; } .categorization-separator { display:inline; margin:0 10px; border:1px solid #cccccc; } .categorization-blue { color:#227fc6; } .categorization-text .categorization-item { font-weight:normal; } @media only screen and (max-width:976px) { .categorization .cat-icon, .categorization .cat-icon-w, .categorization .icon-before { margin-left: 14px; } } @media only screen and (max-width:759px) { .categorization-text { display:block; } } .categorization .cat-icon:first-child, .categorization .icon-before:first-child { margin-left: 0; } .visual-preview .categorization .cat-icon, .visual-preview .categorization .icon-before { margin-left: 18px; } .visual-preview .categorization .cat-icon:first-child, .visual-preview .categorization .icon-before:first-child { margin-left: 0; } h1.h-area { margin: 40px 0 20px; text-align: center; padding-top:20px; } .responsive-image { max-width: 100%; height: auto; } .deco-pane:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .deco-pane-image { display: block; max-width: 100%; } .deco-pane-content { background-color: #fff; overflow: auto; } .deco-pane-items { } .deco-pane-item { display: inline-block; width: 32%; min-height: 70px; line-height: 70px; text-align: center; border-left: 1px solid #e5e5e5; } .deco-pane-item:first-child { border-left: none; } .deco-pane-item > span { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 1.2307em; margin: 0 10px; } @media screen and (max-width: 479px) { .deco-pane-item { width: 100%; border-left: none; } } .kariera-form { margin-bottom: 1em; text-align: center; } .kariera-form .single-line-form-item { display: inline-block; float: none; min-width: 15%; margin: 0 1.5%; } @media screen and (max-width: 759px) { .kariera-form .single-line-form-item { min-width: 80%; margin: 0 1.5%; } } svg #regions path { cursor: pointer; transition: fill 0.5s; -webkit-transition: fill 0.5s; } svg #regions path:hover { fill: #9e9289; } img.subframe.as-block { max-width: 100%; } @media screen and (max-width: 979px) { #tabs-related-container { min-height: initial!important; } } .validation-error, .validation-success { font-weight: bold; } .validation-error { color: #c00; } .validation-success { color: #999; } .modal .nwl-theme .validation-success { color:#ffffff; } .p-frame { background-color: #fff; margin-top: 20px; height: 165px; overflow: hidden; } .tricol { .autoclear; } .tricol:after { content: ""; display: table; width: 100%; clear: both; } .tricol-1 { width: 570px; float: left; } .tricol-2 { width: 370px; float: right; } @media screen and (min-width: 1171px) { .tricol-2 { width: 570px; } } @media screen and (max-width: 979px) { .tricol-1, .tricol-2 { width: auto; float: none; } .p-frame { width: 365px; display: inline-block; } .p-frame + .p-frame { margin-left: 10px; } } /* * newsletter na hp */ .newsletter-box { position:relative; background-color:#ffda00; margin:-22px 0 40px; display:block; } .newsletter-box.hide { display:none; } .newsletter-box:before { content: ""; display: block; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #ffda00; position: absolute; top: -23px; left: 180px; } .newsletter-box .icon-newsletter-close { display: block; width: 20px; height: 17px; position:absolute; top: 11px; right: 9px; overflow:hidden; opacity:0.5; transition:opacity 1s; cursor:pointer; } .newsletter-box .icon-newsletter-close:hover { opacity:1; } @media screen and (min-width: 768px) { .newsletter-box { display:block; } } .plain-table td,.plain-table th{ border:none; } .hide-element { display:none; } .leaflet-bar { padding:10px; overflow:hidden; } .leaflet-bar-menu { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } .leaflet-bar-menu-fixed { position:fixed; top:44px; left:0; right:0; width:calc(100% - 20px); z-index:200; box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); } .leaflet-bar.leaflet-bar-green { background-color:#66b540; } .leaflet-bar.leaflet-bar-gray { background-color:#f8f8f8; } .leaflet-bar .leaflet-bar-perex { color:#ffffff; margin-top:7px; display:inline-block; } .leaflet-bar-title { color: #ffffff; font-weight: bold; } .leaflet-bar .leaflet-bar-section-title .leaflet-bar-title { color:#666666; font-weight:bold; text-decoration:none; font-size:22px; padding-right:20px; border:none; } .leaflet-bar .leaflet-bar-shopChange { font-size:18px; } .leaflet-bar .leaflet-bar-section-date { color:#666666; font-size:20px } .leaflet-bar .leaflet-bar-category { display:inline-block; position:relative; margin-right:10px; background-color:#ffffff; margin-top:7px; } .leaflet-bar-button { float:right; } .leaflet-bar .leaflet-bar-category > select { border-color:#dddddd; background-color:transparent; color:#2779b5; font-size:16px; border-radius:0; width:250px; -webkit-border-radius:none; -ms-border-radius:none; -moz-border-radius:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left:10px; padding-right:30px; } .leaflet-bar .leaflet-bar-category::before { content:""; position:absolute; right:10px; top:13px; display:inline-block; width:10px; height:10px; z-index:0; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #2779b5; } .leaflet-bar .leaflet-bar-category > select option { color:#2779b5; font-size:16px; } .leaflet-bar .leaflet-bar-button-next { display:inline-block; } .leaflet-bar .leaflet-bar-button-next span { position:relative; font-size:16px; padding:5px 30px 5px 10px; } .leaflet-bar .leaflet-bar-button-next span::after { content:""; position:absolute; right:10px; top:13px; display:inline-block; width:10px; height:10px; z-index:10; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ffffff; } .leaflet-bar .leaflet-bar-logo { margin-top:10px; margin-left:60px; } .leaflet-bar .leaflet-bar-button-newsletter, .leaflet-bar .leaflet-bar-button-pdf { margin-right:60px; display:inline-block; float:right; } .leaflet-bar .leaflet-bar-button-newsletter > span, .leaflet-bar .leaflet-bar-button-pdf span { width:236px; } .leaflet-bar .leaflet-bar-button-newsletter { margin-top:38px; } .leaflet-bar .leaflet-bar-button-pdf { margin-top:15px; } .leaflet-bar-menu .grid-unit:nth-of-type(2) { display:none; } .leaflet-bar-menu-fixed .leaflet-bar-scrollTop { display:block; position:fixed; bottom:30px; left:10px; z-index:100; width:50px; height:50px; background:url('/-a121530---_q_hzwoA/scroll-top-png') no-repeat center; background-size:cover; opacity:0.5; transition:opacity 200ms; cursor:pointer; } .leaflet-bar-menu-fixed .leaflet-bar-scrollTop:hover { opacity:1; transition:opacity 300ms; } .leaflet-bar-button-newsletter .desktop, .leaflet-bar-button-newsletter .mobil { display:none; } @media screen and (max-width: 1179px) { .leaflet-bar .leaflet-bar-category { margin-right:0; margin-bottom:10px; } .leaflet-bar .leaflet-bar-button-newsletter, .leaflet-bar .leaflet-bar-button-pdf { margin-right:0; } .leaflet-bar .leaflet-bar-logo { margin-left:0; } } @media screen and (max-width: 979px) { .leaflet-bar .leaflet-bar-section-title .leaflet-bar-title { color:#666666; font-weight:bold; text-decoration:none; font-size:18px; padding-right:20px; border:none; } .leaflet-bar .leaflet-bar-shopChange { font-size:16px; } .leaflet-bar .leaflet-bar-section-date { color:#666666; font-size:18px } } @media screen and (max-width: 759px) { .leaflet-bar .leaflet-bar-section-form { text-align:center; margin-top:5px; } .leaflet-bar .leaflet-bar-category { margin-right:10px; } .leaflet-bar .leaflet-bar-logo { margin:0 auto; } .leaflet-bar .leaflet-bar-section-buttons { text-align:center; } .leaflet-bar .leaflet-bar-button-newsletter, .leaflet-bar .leaflet-bar-button-pdf { float:none; } .leaflet-bar .leaflet-bar-button { float: none; margin-top: 10px; } .leaflet-bar .leaflet-bar-section-title .leaflet-bar-title { color:#666666; font-weight:bold; text-decoration:none; font-size:16px; padding-right:20px; border:none; } .leaflet-bar .leaflet-bar-shopChange { font-size:14px; } .leaflet-bar .leaflet-bar-section-date { color:#666666; font-size:16px } .leaflet-bar-button-newsletter .mobil, .leaflet-bar-button-pdf { display:inline-block; } .leaflet-bar-button-newsletter .icon-before:before, .leaflet-bar-button-pdf .icon-before:before { display:none; } .leaflet-bar-button-newsletter, .leaflet-bar-button-pdf { width:47%; margin:0 1%!important; } .leaflet-bar-button-newsletter span, .leaflet-bar-button-pdf span { width:auto!important; font-size:12px; } } @media(min-width:760px) { .leaflet-bar-button-newsletter .desktop { display:inline-block; } .leaflet-bar-menu-fixed .leaflet-bar-scrollTop { display:none; } .leaflet-bar-menu-fixed { position:fixed; top:44px; left:0; right:0; width:calc(100% - 20px); z-index:200; box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2); } .leaflet-bar-menu .grid-unit:nth-of-type(2) { display:inline-block; } } .text-center { text-align:center; } .m-t-minus25 { margin-top:-25px; } .m-r-0 { margin-right:0; } .p-r-40 { padding-right:40px; } .hide-box { display:none; } .link-white { color:#ffffff; } /* Favorite store */ .favorite-store { display: block; position: relative; margin: 30px 0; background-color: #217cc1; color: #fff; font-family: TradeGothicLTPro, Arial, sans-serif; font-weight: bold; font-size: 1.1em; } .favorite-store-title, .favorite-store-hours, .favorite-store-buttons { display: inline-block; } .favorite-store-title { padding: 15px 5px 15px 15px; } .favorite-store-hours { padding: 15px 5px 15px 5px; } .favorite-store-buttons { position: absolute; top: 14px; right: 10px; padding: 0 0 0 5px; } .favorite-store-name { position: relative; padding-left: 45px; text-transform: uppercase; } .favorite-store-name:before { content: ''; position: absolute; top: -12px; left: 0; width: 45px; height: 45px; background-image: url('/-a33109---B-LMzB84/logo-kruh?_linka=a78308'); background-position: center center; background-repeat: no-repeat; background-size: 100%; } .favorite-store-btn { margin-right: 8px; padding: 9px 13px; background-color: #60A1D4; color: #fff; border: 1px solid #fff; font-size: 0.8em; text-decoration: none; } .favorite-store-btn:hover { color: #eee; } .favorite-store-btn:last-child { margin-right: 0; } @media screen and (max-width: 1180px) { .favorite-store { font-size: 0.9em; } } @media screen and (max-width: 980px) { .favorite-store { padding-bottom: 20px; font-size: 1.02em; } .favorite-store-title, .favorite-store-hours, .favorite-store-buttons { display: block; text-align: center; } .favorite-store-buttons { position: static; padding-top: 10px; } } @media screen and (max-width: 480px) { .favorite-store-name { display: block; padding-left: 0; } .favorite-store-btn { display: block; margin-top: 8px; } .favorite-store-btn:last-child { margin-right: 8px; } } .leaflet-list { list-style-type: none; text-align: center; } .leaflet-list li { display: inline-block; margin-right: 40px; } .leaflet-list li:last-of-type { margin-right: 0px; } /* Favorite store Petrol*/ .favorite-store-petrol { display: block; position: relative; margin: 30px 0; background-color: #ffcc00; color: #000; font-family: TradeGothicLTPro, Arial, sans-serif; font-weight: bold; font-size: 1.1em; } .favorite-store-petrol-title, .favorite-store-petrol-hours, .favorite-store-petrol-buttons { display: inline-block; } .favorite-store-petrol-title { padding: 15px 5px 15px 15px; } .favorite-store-petrol-hours { padding: 15px 5px 15px 5px; } .favorite-store-petrol-buttons { position: absolute; top: 14px; right: 10px; padding: 0 0 0 5px; } .favorite-store-petrol-name { position: relative; padding-left: 45px; text-transform: uppercase; } .favorite-store-petrol-name:before { content: ''; position: absolute; top: -12px; left: 0; width: 45px; height: 45px; background-image: url('/-a33109---B-LMzB84/logo-kruh?_linka=a78308'); background-position: center center; background-repeat: no-repeat; background-size: 100%; } .favorite-store-petrol-btn { margin-right: 8px; padding: 9px 13px; background-color: #c19930; color: #fff; border: 1px solid #fff; font-size: 0.8em; text-decoration: none; } .favorite-store-petrol-btn:hover { color: #eee; } .favorite-store-petrol-btn:last-child { margin-right: 0; } @media screen and (max-width: 1180px) { .favorite-store-petrol { font-size: 0.9em; } } @media screen and (max-width: 980px) { .favorite-store-petrol { padding-bottom: 20px; font-size: 1.02em; } .favorite-store-petrol-title, .favorite-store-petrol-hours, .favorite-store-petrol-buttons { display: block; text-align: center; } .favorite-store-petrol-buttons { position: static; padding-top: 10px; } } @media screen and (max-width: 480px) { .favorite-store-petrol-name { display: block; padding-left: 0; } .favorite-store-petrol-btn { display: block; margin-top: 8px; } .favorite-store-petrol-btn:last-child { margin-right: 8px; } } .clearfix:after { content: ""; display: table; clear: both; } .clear { clear:both; } .language-change { float:right; margin: -20px 10px 0 0; } @media screen and (max-width: 1190px) { .language-change { margin: -20px 20px 0 0; } } @media screen and (max-width: 1051px) { .language-change { margin: -6px 20px 0 0; } } @media screen and (max-width: 868px) { .language-change a { font-size:18px; } .language-change { margin-top:-17px; } } .language-change a { color:#867f7f; margin-left:10px; } .language-change .language-change-active { text-decoration:none; cursor:initial; color:#ffffff; } .language-change-footer { float:none; margin-left:20px; } .language-change-footer .language-change-active { color:#227fc6 } #subscription-form input:focus {border: 2px solid #900;} #subscription-form #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px;} #subscription-form #mkt_result { text-align:center; position: absolute;} #subscription-form .mkt-error, #subscription-form #agreement-error { font-size:10pt; color:#900; padding-left:5px;} #subscription-form .mkt-success { font-size:10pt; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} #subscription-form .mkt-suggest { color: #ccc; } #subscription-form a.suggestion { color:#666666;} #subscription-form .mkt_email2 {top:17px!important;color:#666666;padding-top:0!important;line-height:27px!important;} #subscription-form #email-error {color:#900; top:5px; position:relative;} .if-print { display:none!important; } .contact-us-block { font-size: 0.875em; } textarea { font: 400 1em "OpenSans", Verdana, sans-serif !important; line-height: 26px; } /** * @module * @extends table +
... ... ...
*/ .hours tbody td { border-width: 1px 0 0; padding-left: 5px; padding-right: 5px; } .hours tbody tr:first-child td { border-width: 0; } .hours tbody tr:last-child td { border-bottom-width: 0; } td.hours-control .icon { vertical-align: baseline; } td.hours-control, td.hours-time { width: 1px; white-space: nowrap; } tr.hours-active td, tr.hours-active th { background-color: #f2f8fb; } .price-sticker { width: 102px; } .price-sticker-main { height: 68px; position: relative; background-color: #ffda00; color: #000000; } .lg-bordered-red .price-sticker-main { color: #e30514; background-color: #f7f7f7; } .price-sticker-integer { display: block; text-align: right; font-size: 5.3846em; width: 60px; height: 68px; line-height: 80px; } .price-sticker-decimal, .price-sticker-invalid { display: block; right: 0; width: 40px; position: absolute; text-align: left; } .price-sticker-decimal { font-size: 34.5px; height: 44px; line-height: 47px; top: 0; } .price-sticker-invalid { font-size: 23px; height: 27px; line-height: 32px; bottom: 0; } .price-sticker-invalid.icon-after:after { display: block; position: absolute; left: -1px; top: 7px; margin: 0; } .price-sticker-discount { display: block; position: relative; font-size: 1.2308em; /* 16px */ font-weight: bold; background-color: #000; color: #fff; text-align: center; overflow: visible; height: 26px; background: transparent url('/-a9288---1v0Rj2gw/sticker') no-repeat 0 0; } .lg-bordered-red .price-sticker-discount { background-image: url('/-a15252---X2uTJR8z/sticker-red'); } .price-sticker-discount > span { position: relative; margin: 0 auto; z-index: 100; } .price-sticker-3 { width: 112px; } .price-sticker-recipes { position:absolute; top:0; right:0; transform: scale(0.64); -webkit-transform: scale(0.64); -moz-transform: scale(0.64); -ms-transform: scale(0.64); width:130px; } .price-sticker-recipes .price-sticker-main { height:90px; padding:7px 9px; } .price-sticker-recipes .price-sticker-integer { font-size:85px; margin-top:9px; } .price-sticker-recipes .price-sticker-decimal { font-size:52px; top:19px; right:20px; } .price-sticker-recipes .price-sticker-invalid { font-size:27px; bottom:7px; right:17px; } .price-sticker-recipes .price-sticker-discount > span { font-size:30px; } .price-sticker-recipes .price-sticker-discount { height: 50px; background: transparent url('/-a91480---KA0CIcFI/price-bottom-png') no-repeat center bottom; background-position: center bottom!important; } .price-sticker-3 .price-sticker-integer { width: 70px; } .price-sticker-3 .price-sticker-discount { background-position: -102px 0; } .price-sticker-4 { width: 128px; } .price-sticker-4 .price-sticker-integer { width: 86px; } .price-sticker-4 .price-sticker-discount { background-position: -214px 0; } .price-sticker-5 { width: 144px; } .price-sticker-5 .price-sticker-integer { width: 102px; } .price-sticker-5 .price-sticker-discount { background-position: -342px 0; } @media screen and (max-width: 759px) { .price-sticker { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } } /** * @module
... ...
(.price-sticker | .big-price-sticker) ... ... ... */ .product-preview { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .product-preview .price-sticker, .product-preview .big-price-sticker { position: absolute; top: 12px; z-index: 100; right: 12px; } .product-preview-control { position: absolute; left: 12px; top: 12px; z-index: 150; } .product-preview-c-control { display: block; opacity: 0; position: absolute; left: 12px; bottom: 12px; z-index: 150; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; } .product-preview-validity { display: block; position: absolute; left: 12px; bottom: 50px; } .product-preview:hover .product-preview-c-control { opacity: 1; } .product-preview-image { display: block; max-width: 100%; } .product-preview-text { font-size: 11px; position: absolute; right: 12px; top: 110px; width: 102px; padding: 9px 0; bottom: 9px; overflow: hidden; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; } .lg-item .product-preview-text:hover, .stacked-preview .product-preview-text:hover { padding: 8px; bottom: auto; right: 3px; background-color: #fff; overflow: visible; z-index: 130; border: 1px solid #f0f0f0; } .product-preview-text-h { color: #000; margin: 0 0 0.5em; font-weight: bold; font-size: 12px; } .product-preview-text-h a:link, .product-preview-text-h a:visited { color: #000; text-decoration: none; } .product-preview-control-text:after { display: inline; content: ' \00BB'; } .product-preview-color .product-preview-text { padding: 9px 12px; background-color: rgba(255, 255, 255, 0.75); right: 0; width: 93px; bottom: auto; } .ie7 .product-preview-color .product-preview-text, .ie8 .product-preview-color .product-preview-text { background-color: #fff; } .product-preview-color.lg-item .product-preview-text:hover, .stacked-preview .product-preview-color .product-preview-text:hover { padding: 8px 11px; right: 0; } .product-preview-big .price-sticker, .product-preview-big .big-price-sticker { right: auto; left: 212px; } .product-preview-big .big-price-sticker-4 { right: auto; left: 180px; } .product-preview-big .product-preview-text { width: 170px; top: 170px; } .product-preview-big.product-preview-color .product-preview-text { padding: 17px 20px; } .product-preview-big.product-preview-color .product-preview-text:hover, .stacked-preview .product-preview-big.product-preview-color .product-preview-text:hover { padding: 16px 19px; } .product-preview-big .product-preview-text-h { font-size: 16px; } .product-preview .store-type { display: block; transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); position: absolute; left: -17px; top: -9px; border: 4px solid #fff; z-index: 200; } .ie7 .product-preview .store-type, .ie8 .product-preview .store-type{ display: none; } @media screen and (max-width: 979px) { .product-preview .product-preview-control-text, .product-preview .product-preview-button-text{ display: none; } .product-preview .icon-before:before { margin-right: -8px; } .product-preview-validity { left: auto; right: 12px; bottom: 12px; font-size: 11px; } .product-preview-big .product-preview-validity { left: 10px; right: auto; bottom: auto; top:12px; } .product-preview-c-control { opacity: 1; } } @media screen and (max-width: 759px) { .product-preview-color { border: none; height: auto; } .product-preview img { width: 100%; } .product-preview-big { width: 100% !important; } .product-preview-big .product-preview-validity { left: auto; right: 12px; bottom: 12px; font-size: 11px; top:auto; } } .big-price-sticker { height: 152px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; position: relative; background-color: #ffda00; } .big-price-sticker-no-discount { height: 125px; } .big-price-sticker:after { content: " "; display: block; position: absolute; left: 15px; bottom: -53px; border-width: 53px; border-style: solid; width: 0; height: 0; border-color: transparent transparent transparent #ffda00; } .big-price-sticker-main { padding: 15px 12px 0 15px; height: 95px; position: relative; z-index: 100; float: right; } .big-price-sticker-digit, .big-price-sticker-invalid { background-color: #000; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; } .big-price-sticker-digit { display: inline-block; margin: 0 3px 0 0; vertical-align: top; } .big-price-sticker-integer .big-price-sticker-digit { width: 40px; height: 95px; font-size: 105px; line-height: 117px; } .big-price-sticker-decimal .big-price-sticker-digit { width: 29px; height: 59px; font-size: 59px; line-height: 73px; } .big-price-sticker-invalid { display: block; position: absolute; width: 61px; height: 33px; line-height: 37px; right: 15px; bottom: 0; font-size: 33px; } .big-price-sticker-invalid.icon-after:after { display: block; position: absolute; left: 1px; top: 0; margin: 0; } .big-price-sticker-discount { display: block; position: relative; height: 43px; line-height: 40px; text-transform: uppercase; text-align: center; font-size: 26px; font-weight: bold; z-index: 100; color: #000; clear: right; } .big-price-sticker-1 .big-price-sticker-discount { font-size: 19px; } .carousel { position: relative; height: 350px; overflow: hidden; } .carousel-box.hp { max-width:1160px; margin:0 auto; } .carousel-box.hp .carousel { position: relative; height: 234px; overflow: hidden; } .carousel-box.hp img { max-width:none; position:relative; top:-50px; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .hp .carousel-inner .carousel-inner-text:before { content:""; height:100%; width:100%; position:absolute; top:0; left:0; /*background-color:rgba(0,0,0,0.3); background: -webkit-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -ms-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -o-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -moz-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% );*/ } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 75px; height: 205px; font-size: 20px; color: #ffffff; text-align: center; z-index: 75; opacity:0.4; -webkit-transition:opacity 1s; transition:opacity 1s; } .carousel-control.carousel-control-extra { top:50%; width:28px; height:43px; transform:translateY(-50%); } .carousel-box.hp .carousel-control { position: absolute; width: 35px; height: 123px; } .carousel-control:hover { opacity:1; } .carousel-control:before { display: block; position: absolute; bottom: 4px; left: 50%; margin: 0 0 0 -14px; } .carousel-control-right { left: auto; right: 0; } .carousel-control:hover, .carousel-control:focus { outline: none;r color: #ffffff; text-decoration: none; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-box.hp .carousel-indicators { bottom: 20px; } .carousel-indicators li { margin: 1px; text-indent: -999px; cursor: pointer; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } .carousel-caption .btn { text-shadow: none; } .carousel-inner-text { top: 0; left: 0; height: 350px; overflow: hidden; padding-top: 186px; position: absolute; z-index:0; } .carousel-box.hp .carousel-inner-text { position:absolute; width:100%; } .carousel-box.hp .carousel-inner-text { padding-top:40px; height:164px; } .carousel-inner-text h2 { position: relative; z-index: 100; color: #fff; font-size: 36px; text-align: center; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.75); font-weight: bold; text-transform:none; } .carousel-box.hp .carousel-inner-text h2 { font-size: 30px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); padding:0 35px; } .ie .carousel-inner-text h2 { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .carousel-inner-text h2 a { color: #fff; text-decoration: none; } .carousel-inner-text-more { position: relative; z-index: 100; text-align: right; margin: 40px; font-size: 1.1em; } .carousel-box.hp .carousel-inner-text-more { position: absolute; text-align: center; font-size: 1.142em; right:12px; top:10px; display:none; margin:0; border-radius:5px; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:10px; right:10px; left:10px; top:auto; display:inline-block; text-align:center; position:absolute; } .carousel-box.hp .carousel-video .carousel-inner-text-more { position:static; text-decoration:none; display:inline-block; } .carousel-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .carousel-inner-text-more a { color: #fff; text-decoration: none; text-shadow: 0 2px 3px #000, 0 0 6px #000; } .carousel-box.hp .carousel-inner-text-more a { text-shadow: 0px 1px 5px rgba(0,0,0,0.4); padding:7px 15px; border:1px solid #ffffff; display:inline-block; } .ie .carousel-inner-text-more { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .wrapper-carousel-box-menu-content { background-color:#ffffff; padding:0; margin:0; } .carousel-box.hp .carousel-banner .carousel-inner-text-more, .carousel-box.hp .carousel-video .carousel-inner-text-more { font-size:20px; padding:12px 26px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more:after { display:inline-block; content:'\00BB'; padding-left:5px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more.bg-white, .carousel-box.hp .carousel-video .carousel-inner-text-more.bg-white { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.7); text-shadow:none; color:#000000; } @media screen and (min-width: 768px) { .carousel-box.hp .carousel { height:346px; } .carousel-box.hp .carousel-control { height:163px; width:75px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } .carousel-box.hp .carousel-indicators { bottom: 56px; } .carousel-box.hp .carousel-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .wrapper-carousel-box-menu-content { margin-left:2%; } .carousel-box.hp .carousel-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:95px; height:250px; width:100%; } .carousel-box.hp .carousel-inner-text h2 { font-size:44px; padding:0 50px; } } @media screen and (min-width: 978px) { .carousel-box.hp .carousel { height:472px; } .carousel-box.hp .carousel-control { height:252px; } .carousel-box.hp .carousel-inner-text h2 { width:550px; margin:0 auto; } .carousel-box.hp .carousel-inner-text-more { position: absolute; display:block; right:70px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more { top:187px; } .carousel-box.hp .carousel-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:150px; height:322px; width:100%; } } .carousel-banner, .carousel-video, .carousel-default { width:100%; height:auto!important; margin-top:44px; /*padding-bottom:40px;*/ } .carousel-banner .carousel-indicators { bottom:60px!important; } .carousel-banner img { max-width:100%!important; top:0px!important; } .carousel-banner .carousel-inner-text-more { display:inline-block!important; top:auto!important; bottom:40px; } .carousel-banner .carousel-inner-text { height:100%!important; padding-top:0!important; } .carousel-banner .carousel-inner-text .inner-page { height:100%; } .carousel-video .item { position:relative; height:300px; } .carousel-video .box-header-hp-video { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .carousel-video .box-header-hp-video iframe { width:504px; height:180px; position:absolute; top:0; left:50%; transform: translateX(-50%); } @media screen and (max-width: 979px) { .carousel-banner .carousel-inner-text-more { bottom:60px; } } @media screen and (min-width: 520px) { .carousel-video .box-header-hp-video iframe { width:759px; height:270px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:350px; } } @media screen and (max-width: 766px) { .carousel-banner .carousel-inner-text-more { bottom:-68px; max-width:200px; left:0!important; right:0!important; margin:0 auto!important; } .carousel-banner .carousel-inner-text, .carousel-banner .carousel-inner { overflow:initial; } .carousel-banner { padding-bottom:70px; } } @media screen and (min-width: 768px) { .carousel-video .box-header-hp-video iframe { width:967px; height:347px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:347px; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:24px; right:13px; text-align:right; } } @media screen and (min-width: 980px) { .carousel-video .box-header-hp-video iframe { width:1177px; height:422px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:422px; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:24px; right:70px; } } @media screen and (min-width: 1180px) { .carousel-box.hp .item img { max-width:100%; } .carousel-box.hp .carousel-indicators { bottom:82px; } .carousel-video .box-header-hp-video iframe { width:1164px; height:436px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:436px; } } /** * @module */ .banner, .banner img { display: block; } /** * @module */ .tabular-list { width: 100%; display: table; table-layout: auto; border-collapse: collapse; } .tabular-list, .tabular-list > li { margin: 0; padding: 0; list-style-type: none; } .tabular-list > li { display: table-row; } .tabular-list-toggle .tabular-list-control--close { display:none; } .tabular-list-toggle .tabular-list-body { display:none; opacity:0; transitio:opacity 200ms; } .tabular-list-toggle--active .tabular-list-control--close { display:table-cell; } .tabular-list-toggle--active .tabular-list-control--open { display:none; } .tabular-list-toggle--active .tabular-list-perex { display:none; } .tabular-list-toggle--active .tabular-list-body { display:block; opacity:1; transitio:opacity 200ms; } @media screen and (max-width: 759px) { .tabular-list > li { border-style: solid; border-width: 0 0 1px; border-color: #e7edf0; } } .tabular-list > li > * { display: table-cell; vertical-align: middle; border-style: solid; border-width: 0 0 1px; border-color: #e7edf0; padding: 5px; } .tabular-list > li .tabular-list-part { } @media screen and (max-width: 759px) { .tabular-list > li > * { display: block; border: none; } } .tabular-list .icon-before:before { margin-right: 0.5em; } .tabular-list-icon, .tabular-list-control { width: 1px; white-space: nowrap; } .tabular-list > li > .tabular-list-control { vertical-align: bottom; } .tabular-list-control a { float: right; padding-right: 5px; padding-bottom: 3px; font-size: 14px; } .tabular-list-h { font-size: 1.2307em; line-height: 1em; } .tabular-list-address { margin-top: 3px; line-height: 1.2em; font-size: 0.85em; } .tabular-list-icon-replacement { display: none; } @media screen and (max-width: 759px) { .tabular-list-icon-replacement { display: block; } .tabular-list .tabular-list-icon { display: none; } .tabular-list .tabular-list-part { padding: 4px 0; display: table-cell; } .tabular-list .tabular-list-part.nowrap { float: left; display: block; } .tabular-list .tabular-list-control { width: auto; float: right; padding: 0 0 10px 0 !important; } } /** * @module */ .preview-list { margin: 0 -10px -25px 0; } .preview-list:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .preview-list-overflow-none { overflow:visible!important; } .preview-list, .preview-list > li { padding: 0; list-style-type: none; } .preview-list > li { width: 290px; float: left; margin: 0 10px 25px 0; } .preview-list > li.width-auto { width:auto; } .preview-list > li .grafic-cat-wrapper { position:relative; } .preview-list > .product-preview { border: 1px solid #e5e5e5; } .no-padding .preview-list > li .grafic-cat-wrapper, .preview-list > li .grafic-cat-wrapper { overflow:hidden; } .preview-list-item-ico { position:relative } .preview-list-item-ico::after { content:""; width:50px; height:50px; position:absolute; top:70px; right:0; left:0; margin:0 auto; } .preview-list-item-ico-video::after { background:url('/-a77608---XUCW62JP/play-btn-50-50-png') no-repeat 0 0; } @media screen and (min-width: 1179px) { .preview-list > li { width:366px; } .no-padding .preview-list > li { width:380px; } .no-padding .preview-list > li grafic-cat-wrapper, .preview-list > li .grafic-cat-wrapper { height:200px; } } @media screen and (max-width: 1179px) { .preview-list > li { width:300px; } .no-padding .preview-list > li { width:313px; } .no-padding .preview-list { margin: 0 -12px -25px 0; } .no-padding .preview-list > li .grafic-cat-wrapper, .preview-list > li .grafic-cat-wrapper { height:164px; } .preview-list-item-ico::after { top:60px; } } @media screen and (max-width: 979px) { .preview-list > li { width: 340px; margin: 0 30px 25px 0; } .preview-list { margin: 0 -30px -25px 0; } .no-padding .preview-list > li { width:360px; } .no-padding .preview-list { margin: 0 -30px -25px 0; } .no-padding .preview-list > li .grafic-cat-wrapper, .preview-list > li .grafic-cat-wrapper { height:180px; } } @media screen and (max-width: 759px) { .preview-list > li { width: 100%; margin: 0 0 25px 0; } .preview-list { margin: 0 0 -25px 0; } .no-padding .preview-list > li { width:470px; } .preview-list-item-ico::after { top:60px; } } @media screen and (max-width: 479px) { .preview-list > li.grafic-cat { margin-bottom: 0; margin-top: 0; } .no-padding .preview-list > li { width:100%; } .no-padding .preview-list > li .visual-preview-h { margin-top:132px; } .no-padding .preview-list > li .grafic-cat-wrapper, .preview-list > li .grafic-cat-wrapper { height:122px; } .preview-list-item-ico::after { top:30px; } .preview-list { margin:0!important; } } /** * @module */ .menu-line { background-color: #ffffff; line-height: 35px; } .menu-line, .menu-line a { display: block; min-height: 35px; } .menu-line ul, .menu-line li { margin: 0; padding: 0; list-style-type: none; } .menu-line > ul > li { display: inline-block; vertical-align: top; position: relative; max-width: 100%; } .menu-line a { padding: 0 16px; line-height: 33px; text-decoration: none; color: #666666; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .menu-line a:hover { background-color: #f0f0f0; } .menu-line > ul > li > a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-style: solid; border-color: #ffffff; border-width: 0 0 2px; } .menu-line-expandable:after { content: " "; background: transparent url('/-a3562---7_AE8IsQ/icons') no-repeat -155px 0; display: block; position: absolute; right: 6px; top: 15px; width: 8px; height: 5px; } .menu-line-expandable > a { padding-right: 18px; } .menu-line > ul > li > a.selected { border-color: #1a6298; color: #ffffff !important; background: #227fc6; background: -moz-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #227fc6), color-stop(100%, #1f73b3)); background: -webkit-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -o-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -ms-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: linear-gradient(to bottom, #227fc6 0%, #1f73b3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#227fc6', endColorstr='#1f73b3', GradientType=0); } .menu-line ul ul { display: none; position: absolute; top: 35px; background-color: #fff; left: 0; width: auto; z-index: 100; min-width: 100%; } .menu-line ul ul a { white-space: nowrap; } .menu-line li.menu-line-expandable:hover, .menu-line li.menu-line-expandable.menu-open { overflow: visible; } .menu-line li.menu-line-expandable:hover > a, .menu-line li.menu-line-expandable.menu-open > a { background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } .menu-line li.menu-line-expandable:hover ul, .menu-line li.menu-line-expandable.menu-open ul { display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.75); } .menu-line-bordered { text-align: center; } .menu-line-bordered > ul { border-width: 0 1px; display: inline-block; border-style: solid; border-color: #e5e5e5; } .menu-line-bordered > ul > li > a { border-color: #e5e5e5; border-width: 1px 0; } @media screen and (max-width: 979px) { .menu-line { height: auto; min-height: 35px; } } @media screen and (max-width: 479px) { .menu-line a { padding-left: 5px; padding-right: 5px; } } /** * @module */ .wide-tabs { margin: 0 -6px; } .wide-tabs ul { list-style-type: none; padding: 0; display: table; margin: -6px 0; width: 100%; border: 0; border-collapse: separate; border-spacing: 6px; table-layout: fixed; } @media screen and (max-width: 979px) { .wide-tabs ul { table-layout: auto; } } .wide-tabs li { display: table-cell; padding: 0; border: 0; } .wide-tabs li > a, .wide-tabs li .wide-tabs-pair a { text-decoration: none; } .wide-tabs li .wide-tabs-pair a { color: #fff; } .wide-tabs li .wide-tabs-pair.selected a { color: #666; } .wide-tabs li > a, .wide-tabs li .wide-tabs-pair { display: block; color: #fff; line-height: 45px; padding: 0 10px; font-size: 1.2307em; text-align: center; background-color: rgba(51, 51, 51, 0.5); white-space: nowrap; -moz-transition: color,background-color 0.5s; -webkit-transition: color,background-color 0.5s; -o-transition: color,background-color 0.5s; transition: color,background-color 0.5s; } .ie8 .wide-tabs li a, .ie8 .wide-tabs li .wide-tabs-pair { background-color: rgb(136, 136, 136); } .wide-tabs li > a:hover, .wide-tabs li .wide-tabs-pair:hover { background-color: rgba(51, 51, 51, 0.75); } .ie8 .wide-tabs li a:hover, .ie8 .wide-tabs li .wide-tabs-pair:hover { background-color: rgb(97, 97, 97); } .wide-tabs li > a.selected, .wide-tabs li .wide-tabs-pair.selected, .ie8 .wide-tabs li > a.selected, .ie8 .wide-tabs li .wide-tabs-pair.selected { background-color: #fff; color: #666; font-weight: bold; } @media screen and (max-width: 759px) { .wide-tabs { padding: 48px 0 0; position: relative; z-index: 100; height: 0; overflow: hidden; z-index:2; } .wide-tabs ul { width: auto; border: 1px solid #cdcdcd; } .wide-tabs.menu-open, .wide-tabs.wide-tabs-open { overflow: visible; } .wide-tabs:before { content: " "; display: block; height: 45px; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%); background: -o-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%); background: -ms-linear-gradient(top, #f0f0f0 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #f0f0f0 0%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d9d9d9', GradientType=0); border-bottom: 3px solid #cdcdcd; } .wide-tabs:before, .wide-tabs .selected { position: absolute; left: 0; top: 0; right: 0; } .wide-tabs, .wide-tabs ul, .wide-tabs li { display: block; margin: 0; } .wide-tabs ul, .wide-tabs li, .wide-tabs div { height: auto; } .wide-tabs li > a, .wide-tabs li .wide-tabs-pair { height: 45px; line-height: 45px; text-align: left; background: #fff; } .wide-tabs li > a, .wide-tabs li .wide-tabs-pair, .wide-tabs li > a a, .wide-tabs li .wide-tabs-pair a { color: #666; } .wide-tabs li > a:hover, .wide-tabs li .wide-tabs-pair:hover { background-color: #f0f0f0; } .wide-tabs li > a.selected, .wide-tabs li .wide-tabs-pair.selected { background: transparent none; text-align: center; } .wide-tabs .selected:after { background-image: url('/-a3562---7_AE8IsQ/icons'); display: inline-block; vertical-align: middle; content: " "; width: 10px; height: 8px; background-position: -163px 0; margin-left: 10px; } } .wide-tabs-pair { position: relative; } .wide-tabs-pair br { display: none; } .wide-tabs-main { text-transform: uppercase; display: block; margin: -10px 0; } @media screen and (max-width: 759px) { .wide-tabs-main { margin: 0; } } .wide-tabs-additional { display: block; position: absolute; font-size: 13px; right: 13px; top: 0; } .wide-tabs-additional:after { display: inline; content: ' \00BB'; } .wide-tabs-additional span { text-decoration: underline; } @media screen and (max-width: 759px) { .wide-tabs-additional { display: none; } } /** * @module * Tag visual representation * @modifies: child .before-on-top ... */ .tag { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-style: solid; border-width: 1px; display: inline-block; vertical-align: middle; background-color: #ffda00; border-color: #ffda00; } .tag > span { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; padding: 0.3333em 7px; font-size: 0.8461em; line-height: 1.3333; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; //white-space: nowrap; } .tag:hover > span { background-color: rgba(255, 255, 255, 0.75); } a.tag { text-decoration: none; color: #000000; } .tag > .before-on-top { padding-top: 0.3333em; } .tag > .before-on-top > span { padding-top: 3px; line-height: 1.3333; } .tag-green { background-color: #67b541; border-color: #67b541; } .tag-green:hover > span { background-color: rgba(0, 0, 0, 0.25); } a.tag-green, a.tag-green:link, a.tag-green:visited { color: #ffffff; } .tag-red { background-color: #ec2f2b; border-color: #ec2f2b; } .tag-red:hover > span { background-color: rgba(0, 0, 0, 0.25); } a.tag-red, a.tag-red:link, a.tag-red:visited { color: #ffffff; } .tag-blue { background-color: #227fc6; border-color: #227fc6; } .tag-blue:hover > span { background-color: rgba(0, 0, 0, 0.25); } a.tag-blue, a.tag-blue:link, a.tag-blue:visited { color: #ffffff; } .tag-grey { background-color: #857d75; border-color: #857d75; } .tag-grey:hover > span { background-color: rgba(0, 0, 0, 0.25); } a.tag-grey, a.tag-grey:link, a.tag-grey:visited { color: #ffffff; } .tag-white { background-color: #f0f0f0; border-color: #e5e5e5; } .tag-white:hover > span { background-color: #fff; } /** * @module * Short visual information * * @modifies descendant .cat-icon, .icon-before ... ... ... */ .visual-preview { position: relative; background-color: #ffffff; text-align: center; } .visual-preview-clear { clear:left; } .visual-preview-absolute-link { position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; display:block; text-decoration:none; background-color: rgba(0,0,0,0); } .visual-preview.grafic-cat { text-align:left; } .visual-preview-h { border-width: 0; text-align: left; font-weight: bold; font-size: 1.1538em; padding: 0 10px 0; margin-top:210px; height: 100px; overflow: hidden; } .visual-preview-author { color:#227fc6; font-weight:normal; } .visual-preview-recipes { position:relative; } .visual-preview-h.auto-height { height:auto; } .visual-preview-perex { font-weight:normal; font-size:0.848em; } .visual-preview-h-left { width:78px; float:left; height:100px; border-right:1px solid #cccccc; margin-right:20px; } .visual-preview-h-left:before { margin:15px 0 15px 10px; } .visual-preview-h-title { font-size:1.125em; margin:0; height:75px; overflow:hidden; } .visual-preview-recipes .visual-preview-image { position:static; } .visual-preview-h a:link, .visual-preview-h a:visited { color: #227fc6; font-size:0.875em; } .visual-preview-h-left .rich-visual-link-date { position:static; background-color:transparent; } .visual-preview-h-left .rich-visual-link-date > strong, .visual-preview-h-left .rich-visual-link-date > span { color:#000000; } .visual-preview-h, .visual-preview-footer { border-style: solid; border-color: #e5e5e5; } .visual-preview-structured { position: absolute; width: 100%; left: 0; right: 0; height: 68px; line-height: 66px; top: 190px; background-color: rgba(0, 0, 0, 0.5); font-size: 0.9231em; } .ie8 .visual-preview-structured, .ie7 .visual-preview-structured{ background-color: #555; } .visual-preview-structured, .visual-preview-structured a:link, .visual-preview-structured a:visited, .visual-preview-structured input[type="text"], .visual-preview-structured .input { color: #ffffff; } .visual-preview-structured .cat-icon:before { background-image: url('/-a3569---egnLNqMf/cat-icons-w'); } .visual-preview-structured .cat-icon:before, .visual-preview-structured .icon-before:before { -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); -o-transform: scale(0.86); transform: scale(0.86); } .ie7 .visual-preview-structured .cat-icon > .before, .ie7 .visual-preview-structured .icon-before > .before { zoom: 0.86; } .visual-preview-image { display: block; position: absolute; height: auto; left: 0; top: 0; } .visual-preview-footer { height: 40px; border-width: 0 1px 1px; } .visual-preview-custom { position:relative; } .visual-preview-custom .visual-preview-custom-item { position:absolute; left:0; top:-20px; z-index:100; background-color:#61a22f; bottom:0; width:calc(100% + 22px); } .visual-preview-custom .visual-preview-content { padding:10px; } .visual-preview-custom .visual-preview-custom-item:after { content:""; display:block; position:absolute; width: 181px; height: 161px; background: url(/-a68071?field=data) no-repeat 0 0; right: 22px; top: 17px; } .visual-preview-custom .visual-preview-custom-item-title { color:#ffffff; margin-top:40px; line-height:1.3em; } .visual-preview-custom .visual-preview-custom-item-body { color:#ffffff; } .visual-preview-custom .visual-preview-custom-item-button { margin-top:50px; } .visual-preview-similarly { position:relative; } .visual-preview-similarly-title { margin-bottom:26px!important; } .visual-preview-similarly-item { position:relative; } .visual-preview-similarly-h { background-color:#f3f3f3; height:68px; overflow:hidden; display:table; width:100%; } .visual-preview-similarly-h .visual-preview-similarly-h-content { padding:10px; vertical-align:middle; display:none; } .visual-preview-similarly-h .visual-preview-similarly-h-content-xs { display:table-cell; } @media screen and (max-width: 1179px) { .visual-preview-h { margin-top:167px; } .visual-preview-custom .visual-preview-custom-item-title { margin-top:10px; } .visual-preview-custom .visual-preview-custom-item-button { margin-top:10px; } } @media screen and (max-width: 979px) { .visual-preview-h { margin-top:190px; } .visual-preview-custom .visual-preview-custom-item { width:100%; top:0; } .visual-preview-clear { clear:none; } .visual-preview-custom .visual-preview-custom-item-button { margin-top:30px; } } @media screen and (max-width: 759px) { .visual-preview-h-title { height:auto; min-height:30px; } .visual-preview-h { height:auto; min-height:65px; } } @media screen and (max-width: 479px) { .visual-preview-h { margin-top:42%; } .visual-preview-h-title { font-size:0.9em; } .visual-preview-custom .visual-preview-custom-item-body { display:none; } .visual-preview-custom .visual-preview-custom-item-title { margin-top:30px; } .visual-preview-custom .visual-preview-h { margin-top:50%; } } @media screen and (max-width: 347px) { .visual-preview-custom .button span { font-size:12px; } } @media screen and (max-width: 334px) { .visual-preview-h { margin-top:56%; } } @media screen and (max-width: 319px) { .visual-preview-structured { top: 121px; } .visual-preview .categorization { display: block; width: 125%; margin-left: -12.5%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } } @media (min-width: 480px) { .visual-preview-similarly-h .visual-preview-similarly-h-content-xsm { display:table-cell; height:60px; overflow:hidden } .visual-preview-similarly-h .visual-preview-similarly-h-content-xs { display:none; } } @media (min-width: 760px) { .visual-preview-similarly-h .visual-preview-similarly-h-content-sm { display:table-cell; height:60px; overflow:hidden } .visual-preview-similarly-h .visual-preview-similarly-h-content-xsm { display:none; } } @media (min-width: 980px) { .visual-preview-similarly-h .visual-preview-similarly-h-content-sm { display:none; } .visual-preview-similarly-h .visual-preview-similarly-h-content-md { display:table-cell; height:60px; overflow:hidden; } } @media (min-width: 1080px) { } /** * @module ... */ .simple-preview { position: relative; background-color: #ffffff; text-align: center; } .simple-preview-h { border: 1px solid #e5e5e5; text-align: center; font-weight: bold; font-size: 1.1538em; padding: 155px 18px 18px; height: 63px; overflow: hidden; } .simple-preview-h a:link, .simple-preview-h a:visited { color: #666; text-decoration: none; } .simple-preview-image { display: block; position: absolute; height: 138px; left: 0; top: 0; } @media screen and (min-width: 1179px) { .simple-preview-image { height:169px; } .simple-preview-h { padding-top:190px; } } /** * @module */ .big-icon-list { margin: 0; padding: 0; font-size: 1.2307em; } .big-icon-list, .big-icon-list > li { list-style-type: none; } .big-icon-list > li { margin: 0 0 30px; padding: 0 0 0 60px; position: relative; } .big-icon-list > li strong { font-size: 1.5em; } .big-icon-list > li.icon-before:before { position: absolute; left: 8px; top: 5px; } .big-icon-list > li:last-child { margin-bottom: 0; } /** * @module * Plain list */ .plain-list, .plain-list > li { margin: 0; padding: 0; list-style-type: none; line-height: 25px; } .plain-list-auto, .plain-list-auto > li { line-height:initial; } /** * @module * Plain link list */ .plain-link-list, .plain-link-list > li { margin: 0; padding: 0; list-style-type: none; line-height: 30px; } .plain-link-list a:link, .plain-link-list a:visited { text-decoration: none; } .plain-link-list a:hover { text-decoration: underline; } /** * @module * Image pair list */ .image-pair-list:after, .image-list:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .image-pair-list, .image-pair-list > li, .image-list, .image-list > li { margin: 0; padding: 0; list-style-type: none; } .image-list { margin-right: -20px; } .image-pair-list li { float: left; clear: left; margin: 0 0 15px; } .image-list li { float: left; margin: 0 20px 15px 0; } .image-pair-list li:nth-child(even) { float: right; clear: right; } .ie7 .image-pair-list li + li, .ie8 .image-pair-list li + li { float: right; clear: right; } .image-pair-list a, .image-list a { text-decoration: none; } .image-pair-list strong { text-align: center; display: block; margin: 0 0 7px; } @media screen and (max-width: 979px) { .image-pair-list li:nth-child(even), .image-pair-list li { float: none; text-align: center; } } /** * @module * Icon link line */ .icon-link-line, .icon-link-line > li { margin: 0; padding: 0; list-style-type: none; } .icon-link-line > li { display: inline; margin-right: 20px; } .icon-link-line a:link, .icon-link-line a:visited, .icon-link-line a:hover { text-decoration: none; } .icon-link-line .icon-before, .icon-link-line .cat-icon { color: #666; font-size: 1.25em; margin-right: 21px; } .icon-link-line .icon-before:before, .icon-link-line .cat-icon:before { margin-right: 8px; } /** * @module * Fulltext search input
*/ .fulltext-input input[type="text"] { width: 315px; } @media screen and (max-width: 319px) { .fulltext-input input[type="text"] { width: 100px; } } @media screen and (min-width: 320px) and (max-width: 370px) { .fulltext-input input[type="text"] { width: 140px; } .fulltext-input.full-width input[type="text"] { width:235px; } } @media screen and (min-width: 371px) and (max-width: 479px) { .fulltext-input input[type="text"] { width: 180px; } } @media screen and (min-width: 480px) and (max-width: 759px) { .fulltext-input input[type="text"] { width: 300px; } .fulltext-input.full-width input[type="text"] { width:385px; } } .fulltext-input input[type="text"] { background-color: #fff; } .fulltext-input button { width: 40px; padding: 0; overflow: hidden; position: relative; cursor: pointer; } .fulltext-input button:before, .fulltext-input button:after { display: block; position: absolute; margin: 0; } .fulltext-input button:before { content: " "; width: 100%; height: 100%; background-color: #fff; z-index: 100; } .fulltext-input button:after { left: 6px; top: 5px; z-index: 200; } /** * @module * Vertical full-width inputs. [] ... ( | .input | .button )+ ... [] */ .vertical-inputs input[type="text"], .vertical-inputs .input, .vertical-inputs .button { display: block; width: 100%; margin-top: 10px; } .vertical-inputs input[type="text"]:first-child, .vertical-inputs .input:first-child, .vertical-inputs .button:first-child { margin-top: 0; } .vertical-inputs .button > span { text-align: center; } @media screen and (min-width: 760px) and (max-width: 979px) { .m4-line .vertical-inputs input[type="text"], .m4-line .vertical-inputs .input, .m4-line .vertical-inputs .button { display: inline-block; width: auto; margin-top: 0; margin-left: 10px; } } @media screen and (min-width: 760px) and (max-width: 979px) { .m4-line { text-align: right; } .m4-line > * { display: inline; } .m4-line > *:first-child { float: left; } } /** * @module * Visual information * * @modifies descendant .tag, .cat-icon, input[type="text"], .input

...

...
...
...
...
*/ .visual-info { display: block; position: relative; background-color: #776e65; } .visual-info, .visual-info a:link, .visual-info a:visited, .visual-info input[type="text"], .visual-info .input { color: #ffffff; } .visual-info .tag { background-color: #857d75; border-color: #615c57; } .visual-info .tag:hover > span { background-color: rgba(255, 255, 255, 0.25); } .visual-info .cat-icon:before { background-image: url('/-a3569---egnLNqMf/cat-icons-w?_linka=a147882'); } .visual-info input[type="text"], .visual-info .input { border-color: #615c57 transparent #8b847c; background-color: #8b847c; } .visual-info-h, .visual-info-structured { position: absolute; width: 100%; left: 0; right: 0; } .visual-info > h1, .visual-info-h { bottom: 130px; font-weight: bold; font-size: 2.75em; margin: 0; line-height: 40px; padding: 16px 0; text-align: center; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75); color:#ffffff; } .ie .visual-info h1, .ie .visual-info-h { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .visual-info > h1 a:link, .visual-info-h a:link { text-decoration: none; } .visual-info-plain > h1, .visual-info-plain > .visual-info-h { bottom: 50px; } .visual-info-structured { height: 80px; line-height: 78px; bottom: 50px; background-color: rgba(0, 0, 0, 0.5); } .ie8 .visual-info-structured { background-color: #555; } .visual-info-image, .visual-info-video { display: block; } .visual-info-footer { height: 50px; line-height: 48px; } .visual-info-footer .triad-left, .visual-info-footer .triad-right { position: absolute; bottom: 3px; top: inherit; } .visual-info.full_width { background-color:transparent; height:472px; overflow:hidden; margin-top:-44px; } .visual-info.full_width:after { content:""; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.6); background: -webkit-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50% ); background: -ms-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50% ); background: -o-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50% ); background: -moz-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50% ); background: linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50% ); } .visual-info.full_width > .responsive-image { position:absolute; max-width:none; width:auto; } .visual-info.full_width .visual-info-h { font-size:3.428em; text-transform:uppercase; bottom:55px; z-index:2; text-shadow:none; width:96%; padding-left: 2%; padding-right: 2%; } .visual-info.full_width .visual-info-structured { background-color:transparent; bottom:142px; z-index:2; } .visual-info.full_width .visual-info-footer { background-color:transparent; position:absolute; bottom:10px; width:100%; left:0; right:0; z-index:2; } .visual-info.full_width .tag { border-color:#ffffff; background-color:transparent; margin-right:10px!important; z-index:2; } @media screen and (max-width: 1179px) { .visual-info.full_width .visual-info-h { line-height:50px; } .visual-info.full_width .visual-info-structured { bottom:181px; } } @media screen and (max-width: 979px) { .visual-info.full_width .visual-info-structured { bottom:140px; } .visual-info.full_width { height:272px; } .visual-info-image, .visual-info-video { width: 100%; } .visual-info > h1, .visual-info > .visual-info-h { bottom: 170px; } .visual-info.full_width .visual-info-h { font-size:30px; } .visual-info .rating { display: none; } .visual-info-footer .triad-center { text-align: right; padding-right: 20px; } .visual-info.full_width .visual-info-footer .triad-center { text-align: center; padding-right: 20px; } .visual-info-footer .triad-right { top: 0px; bottom: inherit; } } @media screen and (max-width: 759px) { .visual-info-structured { position: static; height: 24px; padding: 100px 0 60px 0; } .visual-info.full_width .visual-info-structured { position: absolute; } .visual-info.full_width .visual-info-h { font-size:30px; line-height:35px; } .visual-info { padding-bottom: 8%; } .visual-info.full_width { background-color:transparent; height:135px; } .visual-info > h1, .visual-info > .visual-info-h { font-size: 1.85em; line-height: 35px; bottom: 170px; } .visual-info-footer .triad-center { padding-top: 13px; } .visual-info-footer .triad-left { position: static; height: 40px; text-align: center; } .visual-info-footer .triad-center { text-align: center; padding: 0; } .visual-info-footer .triad-right { left: 0px; text-align: center; } .visual-info> h1, .visual-info > .visual-info-h { font-size: 2.3em; } .visual-info.visual-info-plain > h1, .visual-info.visual-info-plain > .visual-info-h { bottom: inherit; top: 25px; } } @media screen and (max-width: 479px) { .visual-info.full_width { height:127px; } .visual-info.full_width .visual-info-h { bottom:15px; } .visual-info-tags { display: none; } .visual-info > h1, .visual-info > .visual-info-h { font-size: 1.5em; line-height: 25px; bottom: 155px; } .visual-info .categorization { display: block; -moz-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } } @media screen and (max-width: 319px) { .visual-info .categorization .icon-before, .visual-info .categorization .cat-icon { margin-left: 15px; } .visual-info .categorization .icon-before:first-child { margin-left: 0; } .visual-info .categorization { -moz-transform: scale(0.66); -webkit-transform: scale(0.66); transform: scale(0.66); } } /** * @module * @extends table + ? + +
...
...
*/ .t-grid > thead th { font-weight: normal; } .t-grid-control, .t-grid-short { width: 1px; padding-left: 5px; padding-right: 5px; } .t-grid-control { border-left-width: 0; } tr.t-grid-active td, tr.t-grid-active th { background-color: #f2f8fb; } .t-grid-no-head tbody tr:first-child th, .t-grid-no-head tbody tr:first-child td { border-top-width: 2px; } /** * @module * @extends .t-grid * * @modifies descendant .tag + +
...
... ... .tag *
*/ td.ingredients-amount { width: 1px; white-space: nowrap; text-align: right; } td.ingredients-name { color: #111111; } tbody td.ingredients-info { border-left: 0; width: 1px; padding: 0; vertical-align: middle; } tbody td.ingredients-info .tag { font-weight: bold; } .ingredients > tbody tr.ingredients-group-title td, .ingredients > tbody tr.ingredients-group-title th { border-width: 2px 0; padding-top: 2.5em; } .ingredients > tbody tr.ingredients-group-title:first-child td, .ingredients > tbody tr.ingredients-group-title:first-child th { border-width: 0 0 2px; padding-top: 1.5em; } .google-map-canvas { min-height: 360px; } .google-map-info { text-align: center; margin-top: 20px; } /**
Vybrat soubor
*/ .upload { margin: 20px 0; border: 1px #cdcdcd dashed; } .upload:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .upload-button { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none !important; font-size: 1em; border-style: solid; line-height: 26px; height: 30px; position: relative; cursor: pointer; padding: 0; border-color: #b8b8b8; color: #666666 !important; font-weight: bold; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -o-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: -ms-linear-gradient(top, #efefef 0%, #d9d9d9 100%); background: linear-gradient(to bottom, #efefef 0%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d9d9d9', GradientType=0); border-width: 0 0 2px; -moz-transition: border-color 0.5s; -webkit-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; margin: 10px; display: inline-block; vertical-align: middle; width: 120px; text-align: center; } .upload-button.extended { line-height: 31px; } .upload-button.extended { height: 35px; } .upload-button.button-blue { border-color: #1a6298; color: #ffffff !important; background: #227fc6; background: -moz-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #227fc6), color-stop(100%, #1f73b3)); background: -webkit-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -o-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: -ms-linear-gradient(top, #227fc6 0%, #1f73b3 100%); background: linear-gradient(to bottom, #227fc6 0%, #1f73b3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#227fc6', endColorstr='#1f73b3', GradientType=0); } .upload-button input[type=file] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .upload-info { display: inline-block; width: 50%; border: none; background: none; } @media screen and (max-width: 759px) { .upload-info { display: block; width: auto; padding: 5px 10px; } } .youtube-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtube-video iframe, .youtube-video object, .youtube-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stacked-preview { position: relative; } .stacked-preview .product-preview { position: absolute; left: 40px; top: 43px; bottom: 43px; width: 420px; background-color: #fff; } .stacked-preview .product-preview-big .price-sticker, .stacked-preview .product-preview-big .big-price-sticker { left: 180px; } .stacked-preview-background { display: block; } .stacked-preview-overlay, .stacked-preview-overlay a:link, .stacked-preview-overlay a:visited { color: #fff; } .stacked-preview-overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 40px; top: 43px; bottom: 43px; width: 420px; text-align: center; padding: 20px 0; } .ie7 .stacked-preview-overlay, .ie8 .stacked-preview-overlay { background-color: #222; } .stacked-preview-h { font-weight: bold; line-height: 1.200381348587277; font-size: 2.75em; text-shadow: rgba(0, 0, 0, 0.5) -1px 1px 0; } .stacked-preview-control { display: block; text-decoration: none; position: absolute; right: 25px; bottom: 25px; font-size: 1.3333em; } .stacked-preview-control:after { display: inline; content: ' \00BB'; } .stacked-preview .cat-icon:before { background-image: url('/-a3569---egnLNqMf/cat-icons-w'); } .stacked-preview .cat-icon:before, .stacked-preview .icon-before:before { -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); -o-transform: scale(0.86); transform: scale(0.86); } /** * @module */ .condensed-preview-list { margin: 0 -15px -11px 0; } .condensed-preview-list:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .condensed-preview-list, .condensed-preview-list > li { padding: 0; list-style-type: none; } .condensed-preview-list > li { width: 197px; float: left; margin: 0 11px 11px 0; } .condensed-preview-list > .product-preview { border: 1px solid #e5e5e5; height: 265px; padding-top: 92px; } .condensed-preview-list .product-preview-image { max-height: 100%; margin-left:18px; } .condensed-preview-list .product-preview-text { top: 66%; width: 50%; right:0; } .condensed-preview-list .product-preview-text-h { font-size: 12px; font-weight:normal; font-weight:bold; } .condensed-preview-list .price-sticker { top: 105px!important; right: 32px!important; margin: -22px -26px 0 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .condensed-preview-list .product-preview-validity { left: 5px; bottom: 5px; } .condensed-preview-list .store-type, .condensed-preview-list .product-preview .store-type { top: 13px; left: 54px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @media only screen and (max-width:975px) { .condensed-preview-list .product-preview-image { width:auto; } } ul.v-tabs { list-style-type: none; margin: 0 0 1px; padding: 0; } ul.v-tabs a { display: block; padding: 6px 10px; background-color: rgba(51, 51, 51, 0.5); -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .ie8 ul.v-tabs a { background-color: rgb(136, 136, 136); } ul.v-tabs a:hover { background-color: rgba(51, 51, 51, 0.33); } .ie8 ul.v-tabs a:hover { background-color: rgb(180, 180, 180); } ul.v-tabs a.selected { padding: 3px 9px; margin: 0 -2px; border: 3px solid #776e65; position: relative; } ul.v-tabs a.selected:after { display: block; content: " "; position: absolute; top: 50%; right: -18px; margin: -8px 0 0; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: transparent transparent transparent #776e65; } ul.v-tabs a:link, ul.v-tabs a:visited { color: #fff; text-decoration: none; } /** * @module * Standard link list */ .std-link-list, .std-link-list > li { margin: 0; padding: 0; list-style-type: none; line-height: 26px; } .std-link-list > li { padding: 4px 8px; } .std-link-list a { color: #666; text-decoration: none; } .std-link-list .tag { margin-left: -8px; margin-right: -8px; } .std-link-list .tag > span { font-size: 1em; line-height:1.125; } .filter-tabs { background-color: #fff; text-align: left; } .filter-tabs-menu { background-color: #f8f8f8; } .filter-tabs-menu, .filter-tabs-menu a, .filter-tabs-menu .filter-tabs-menu-h { height: 52px; line-height: 52px; } .filter-tabs-menu ul { list-style-type: none; margin: 0; padding: 0; } .filter-tabs-menu ul:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .filter-tabs-menu li { float: left; } .filter-tabs-menu li:first-child a { padding-left: 23px; } .filter-tabs-menu a { display: block; color: #666; text-decoration: none; padding: 0 19px; border-right: 1px solid #e5e5e5; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .filter-tabs-menu a:hover { background-color: #fff; } .filter-tabs-menu a.selected { font-weight: bold; background-color: #fff; } .filter-tabs-menu-h { float: left; position: relative; background-color: #227fc6; color: #fff; font-weight: bold; padding: 0 17px 0 20px; } .filter-tabs-menu-h:after { content: " "; display: block; position: absolute; right: -20px; top: 0; width: 0; height: 0; border-style: solid; border-width: 26px 10px; border-color: transparent transparent transparent #227fc6; } .filter-tabs-pane { padding: 20px; } .filter-tabs-pane-h { font-size: 1.125em; line-height: 32px; font-weight: bold; float: left; } .filter-tabs-pane-content { margin-left: 192px; } .filter-tabs-pane-content:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .filter-tabs-pane-item { -webkit-column-count: 4; -webkit-column-gap: 34px; -moz-column-count: 4; -moz-column-gap: 34px; column-count: 4; column-gap: 34px; } .ie7 .filter-tabs-pane-item li, .ie8 .filter-tabs-pane-item li { float: left; width: 20%; min-height: 30px; } @media screen and (max-width: 759px) { .filter-tabs-pane-item { -webkit-column-count: 3; -webkit-column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media screen and (max-width: 479px) { .filter-tabs-pane-item { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } div + .filter-tabs-selection { border-top: 1px solid #e5e5e5; } .filter-tabs-selection { line-height: 44px; padding: 0 165px 0 20px; position: relative; } .filter-tabs-selection .tag { margin-top: -2px; margin-right: 5px; } .filter-tabs-selection .tag > span.icon-after:after { margin-left: 0.5em; } .filter-tabs-selection-h { margin-right: 1em; } .filter-tabs-selection-control { display: block; position: absolute; right: 20px; bottom: 0; line-height: 44px; } .filter-tabs-selection-control:link, .filter-tabs-selection-control:visited { color: #eb3229; text-decoration: none; } .filter-tabs-selection-control span { text-decoration: underline; } .filter-tabs-disabled { color: #ccc; } @media screen and (max-width: 979px) { .filter-tabs-pane-h { float: none; } .filter-tabs-pane-h:before { content: ""; display: block; height: 0; clear: both; } .filter-tabs-pane-content { margin-left: 0; } } .deco-pane-pair:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .deco-pane-pair { } .deco-pane-pair-image { display: block; float: left; max-width: 100%; } @media screen and (min-width: 980px) { .deco-pane-pair-image--570 { max-width:570px; height:350px; object-fit:cover; } } .deco-pane-pair-content { padding: 15px; background-color: #fff; float: right; width: 340px; height: 320px; overflow: auto; } @media screen and (min-width: 1179px) { .deco-pane-pair-content { width:540px; } } @media screen and (max-width: 979px) { .deco-pane-pair-image { float: none; width: 100%; } .deco-pane-pair-content { float: none; width: initial; height: initial; } } .single-line-form:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .single-line-form-item { float: left; margin: 0 3px 0 0; } .single-line-form-item-inline { display:inline-block; padding-top:20px; } .single-line-form-item-h { font-weight: normal; display: block; height: 35px; line-height: 35px; padding: 0 12px; } .single-line-form-item-field { display: block; } .single-line-form-item-without-h { padding-top: 35px; } .single-line-form-item-without-h-float { float:left; } .simple-guidepost-h { font-weight: bold; margin: 0 0 0.95em; font-size: 1.42em; } .simple-guidepost .plain-link-list li { line-height: 1.5; margin: 0 0 0.75em; } .simple-guidepost .plain-link-list a { text-decoration: underline; } .pane-triplet:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .pane-triplet { height: auto;; } .pane-triplet-main { height: 670px; width: 770px; float: left; background-color: #fff; } .pane-triplet-r { width: 380px; height: 670px; float: right; background-color: #fff; } .pane-triplet-r1, .pane-triplet-r2 { width: 370px; height: 165px; float: right; background-color: #fff; } .pane-triplet-r1 { margin-bottom: 20px; } @media screen and (min-width: 1179px){ .pane-triplet-r1, .pane-triplet-r2 { width: 570px; } } @media screen and (max-width: 1179px){ .pane-triplet-r { width: 300px; height:584px; } .pane-triplet-main { width:650px; height:584px; } } @media screen and (max-width: 979px) { .pane-triplet { height: initial; } .pane-triplet-main { float: none; width: initial; margin-bottom: 20px; height:620px; } .pane-triplet-r1 { float: left; } .pane-triplet-r1, .pane-triplet-r2 { margin-bottom: 0; width: 365px; } .pane-triplet-r { width: 750px; height:auto; } } @media screen and (max-width: 759px) { .pane-triplet-r1, .pane-triplet-r2 { width: 100%; } .pane-triplet-r1 { margin-bottom: 20px; } .pane-triplet-r { width:initial; } .pane-triplet-main { height:initial; } } .std-preview:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .std-preview { overflow: hidden; } .std-preview-image { float: right; margin: 0 0 0 20px; display: block; } .std-preview-h { display: block; margin: 0 0 10px; padding: 15px 20px 0; text-decoration: none; color: #666; font-weight: bold; font-size: 1.25em; } .std-preview-text { margin: 0; padding: 0 20px 15px; } .std-preview-left .std-preview-image { float: left; margin: 0 20px 0 0; } @media screen and (max-width: 979px) { .std-preview .std-preview-image { float: left; margin: 0 20px 0 0; } } /** * @module */ .large-preview-list { margin: 0 -40px -40px 0; } .large-preview-list-m-r-0 { margin-right:0; } .large-preview-list:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .large-preview-list, .large-preview-list > li { padding: 0; list-style-type: none; } .large-preview-list > li { width: 440px; float: left; margin: 0 40px 40px 0; } .large-preview-list-single > li { float:none; margin:40px auto; } @media screen and (min-width: 1179px){ .large-preview-list > li { width:540px; } } @media screen and (max-width: 759px) { .large-preview-list { margin: 0 0 -40px; } .large-preview-list > li { width: 100%; margin: 0 0 40px; } .large-preview-list-single > li { float:none; margin:40px auto; } } @media screen and (min-width: 760px) and (max-width: 979px) { .large-preview-list > li { width: 47%; margin: 0 2% 2% 0; } .large-preview-list-single > li { float:none; margin:2% auto; } } .centered-preview { text-align: center; } .centered-preview-image { } .centered-preview-h { font-size: 1.25em; margin: 10px 20px 3px; font-weight: bold; } .centered-preview-control { margin: 15px 0 0; } @media screen and (min-width: 760px) { .centered-preview-control-magazine { min-height:60px; } } @media screen and (max-width: 979px) { .centered-preview-image { max-width: 100%; height: auto; } } .shopping-list thead th { background-color: #f7efe6; line-height: 40px; } .shopping-list td, .shopping-list th { border-width: 0 0 1px; vertical-align: middle; } .shopping-list tbody td { height: 54px; } .shopping-list tbody .t-grid-control { padding-left: 25px; padding-right: 25px; } .shopping-list td.shopping-list-ord, .shopping-list th.shopping-list-ord { width: 1px; text-align: center; border-right-width: 1px; } .shopping-list-h { font-size: 1.25em; } .shopping-list-ord { padding-left: 0.5em; padding-right: 0.5em; } .shopping-list .price-sticker { transform: scale(0.58); -webkit-transform: scale(0.58); -moz-transform: scale(0.58); -o-transform: scale(0.58); -ms-transform: scale(0.58); margin: -20px; } .list-remove-all { width: 22%; } .list-remove-all .button { overflow: hidden; } @media screen and (max-width: 759px) { .shopping-list .tdi input[type="text"] { width: 100%; } } @media screen and (max-width: 479px) { .shopping-list thead th { line-height: 1.5; } .shopping-list-h { font-size: 1em; } } html, body { height: 100%; } .modal * { box-sizing:border-box; } .modal, .modal-shim { display: block; display: block; position: fixed; } .modal { z-index: 1002; left: 0!important; right: 0!important; margin: 0 auto; top: 50%; width:555px; position:absolute; transition: left, top 0.5s; -webkit-transition: left, top 0.5s; -moz-transition: left, top 0.5s; -ms-transition: left, top 0.5s; -o-transition: left, top 0.5s; } .modal button { white-space:nowrap; } .modal-close { position: absolute; right: 0; top: 0; padding: 10px; background-color: #fff; cursor: pointer; } .modal-close .icon { display: block; } .modal-shim { background-color: rgba(0, 0, 0, 0.5); z-index: 1001; width: 100%; height: 100%; left: 0; top: 0; } .pagination { text-align: center; clear: both; } .pagination a { display: inline-block; margin: 0; background-color: #fff; transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; height: 2em; width: 2em; } .pagination a span { font-size: 1.125em; text-align: center; line-height: 2; display: block; } a.pagination--prev, a.pagination--next { width: auto; padding: 0 10px; } .pagination a:last-child { margin: 0; } .pagination a:hover { background-color: #f0f0f0; } .pagination a.selected { color: #666; text-decoration: none; background-color: #fff; } .image-preview-container { height: 266px; line-height: 266px; } .image-preview-container > img { vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; } .image-preview-h { font-size: 1.125em; font-weight: bold; margin: 10px 0 0; } .image-preview-h a:link, .image-preview-h a:visited { color: #666; text-decoration: none; } .image-preview-text { margin: 10px 0 0; } .image-preview { text-align: center; } .image-preview-control { margin: 10px 0 0; } /** * @module +
+
*/ table.lg { border: 0; table-layout: fixed; border-collapse: separate; border-spacing: 0; } table.lg tbody tr td { border: 0; padding: 0; background-color: #fff; } .lg-item { position: relative; margin: 0; width: 230px; height: 260px; overflow:hidden; } .lg-colspan-2 { width: 460px; } .lg-rowspan-2 { height: 520px; } /* * Dotted borders */ .lg-bordered .lg-item:before, .lg-bordered .lg-item:after { display: block; content: " "; background: transparent url('/-a4092---OtuGQXFs/lg') no-repeat 0 0; position: absolute; z-index: 100; } .lg-bordered-red .lg-item:before, .lg-bordered-red .lg-item:after { background-image: url('/-a15251---qIomIXwc/lg-red'); } .lg-bordered .lg-item:before { width: 4px; left: -2px; top: 4px; bottom: 4px; } .lg-bordered .lg-item:after { height: 4px; left: 0; right: 0; margin: 0 7px; top: -2px; } .lg-bordered .lg-item.lg-left:before { display: none; } .lg-bordered .lg-item.lg-top:after { display: none; } .lg-item .product-preview-text:hover { height: initial!important; } @media screen and (max-width: 759px) { .lg-bordered .lg-item { width: 50%; } .lg-bordered .lg-item img { width: 100%; height: auto; } .lg-bordered .lg-item:before, .lg-bordered .lg-item:after { display: none; } } /* responsive leaflet */ @media screen and (min-width: 1179px) { .lg-item { width:280px; } .lg-colspan-2 { width: 560px; } } @media screen and (min-width: 760px) and (max-width: 979px) { .lg-item { height: 200px; } .lg-rowspan-2 { height: 400px; } } @media screen and (max-width: 979px) { .lg .lg-item{ width: 100%; } .lg td[colspan="1"]{ width: 25%; } .lg td[colspan="2"]{ width: 50%; } .lg .product-preview-big .price-sticker, .lg .product-preview-big .big-price-sticker { right: 12px; height: 89px; } .lg .product-preview-big .product-preview-text { right: 0; } .lg .product-preview-image { max-width: 40%; } .lg .product-preview-color img { max-width: 100%!important; width: 100%; } .lg .product-preview-color .big-price-sticker { left: auto; } .leaflet-sec-h { font-size: 24px; } .scroll-nav-top, .scroll-nav-right, .scroll-nav.left, .scroll-nav.bottom { display: none; } /* obrázek na pozadí */ .leaflet-sec img.stacked-preview-background { max-width: 100%; } /* bílý blok */ .leaflet-sec .stacked-preview .product-preview { width: 315px; } /* overlay */ .leaflet-sec .stacked-preview-overlay { width: 315px; } /* nadpis */ .leaflet-sec div.stacked-preview-h { font-size: 2em; } /* štítek */ .leaflet-sec div.big-price-sticker.big-price-sticker-no-discount.big-price-sticker-3 { height: 90px; left: 22px; } /* velké číslice */ .leaflet-sec .big-price-sticker-integer .big-price-sticker-digit { font-size: 59px; height: 59px; line-height: 75px; width: 28px; } /* malé číslice */ .leaflet-sec .big-price-sticker-decimal .big-price-sticker-digit { font-size: 30px; height: 35px; line-height: 41px; width: 20px; } /* přejít na recept */ .leaflet-sec .stacked-preview-control { position: absolute; bottom: 5px; right: 10px; font-size: 14px; } /* info produktu */ .leaflet-sec .product-preview-big .product-preview-text { right: 12px; top: 130px; width: 97px; font-size: 12px; } .leaflet-sec .stacked-preview .product-preview-big .product-preview-text { top: 30px; } .product-preview-big .price-sticker, .product-preview-big .big-price-sticker { left:auto; } /* obrázek produktu */ .leaflet-sec .product-preview.product-preview-big img.product-preview-image { max-width: 50%; float: left; } /* promo obrázek receptu */ .leaflet-sec .stacked-preview .product-preview.product-preview-big img.product-preview-image { max-width: 100%; float: none; } /* zlezněno z */ .leaflet-sec .big-price-sticker-invalid { display: block; position: absolute; width: 43px; height: 21px; line-height: 27px; right: 15px; bottom: 36px; font-size: 22px; } .leaflet-sec .big-price-sticker-invalid.icon-after:after { display: block; position: absolute; left: 1px; bottom: 0px; top: inherit; margin: 0; } .stacked-preview .product-preview-big .price-sticker, .stacked-preview .product-preview-big .big-price-sticker { left: 0; float: left; height: initial; } .leaflet-sec .icon-big-invalid.icon-after:after, .leaflet-sec .icon-big-invalid.icon-over:after { width: 42px; height: 31px; } /* sleva */ .leaflet-sec span.big-price-sticker-discount { display: none; } } @media screen and (max-width: 759px) { .lg-item.product-preview-color { height:260px; } .lg-item.product-preview-color img { width: 100%; } .lg tr{ display: block; } .lg td[colspan="1"] { display: inline-block; width: 49%; } .lg td[colspan="2"] { display: inline-block; width: 100%; clear: both; } .lg-rowspan-2 { height: 260px; } .lg .product-preview { box-sizing: border-box; -moz-box-sizing: border-box; } table.lg tbody tr td { width: 50%!important; border: 2px dotted #000; margin-right: -5px; margin-top: -2px; margin-left: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .leaflet-sec-part.stacked-preview { display: none; } .leaflet-sec .product-preview .product-preview-text { height: 75px; } .leaflet-sec .product-preview-big .product-preview-text { height: 115px; } .leaflet-sec .product-preview-big .product-preview-text { right: 0px; width: 130px; top:115px; } .lg .product-preview-big .big-price-sticker { left: auto; height: 89px; top: 0px; right: 12px; } .lg .product-preview-color .big-price-sticker { left: auto; height: 89px; top: 0px; right: 12px; } .lg .product-preview-big .big-price-sticker:after, .lg .product-preview-color .big-price-sticker:after { display: none; } } @media screen and (max-width: 479px) { .lg td[colspan="1"], .lg td[colspan="2"] { display: inline-block; width: 100%!important; } .lg-rowspan-2, .lg-rowspan-1, .product-preview-color { height:330px; } .lg-bordered .lg-item:before, .lg-bordered .lg-item:after { display: none; content: " "; } .lg .lg-featured-price { display: block!important; width: 100%!important; } .stacked-preview { display: none; } .lg .product-preview-big .price-sticker, .lg .product-preview-big .big-price-sticker { left: auto; right: 0px; } .product-preview .price-sticker, .product-preview .big-price-sticker { top: 0; right: -5px; } .leaflet-sec .product-preview-big .product-preview-text { right: 0; width: 130px; } .lg-colspan-2:not(.product-preview-color) .product-preview-image { position: absolute; left: 45px; bottom: 0; } .product-preview-control.tag-green { left: 12px; bottom: 45px; top: inherit; } } @media screen and (max-width: 319px) { .product-preview .price-sticker, .product-preview .big-price-sticker { right: -17px; } } /** * @module * modifies: descendant .icon-before

...

...

...

?
*/ .phone-box { text-align: left; margin: auto; width: 240px; } .phone-box:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .phone-box h2 { margin-bottom: 0.2em; font-size: 1em; } .phone-box.icon-before:before { float: left; position: relative; top: 10px; margin-right: 20px; } .phone-box strong { font-size: 2em; display: block; } .phone-box p { margin-top: 0.125em; margin-bottom: 0; font-size: 1.25em; } .phone-box h2, .phone-box strong, .phone-box p { margin-left: 60px; } .phone-box strong { color:#666666; font-size:1.714em; } .m-nav { display: none; position: relative; } .m-nav > ul { display: none; position: absolute; top: 45px; left: 0; width: auto; z-index: 500; } .m-nav.menu-open > ul{ display: block; } .m-nav > ul, .m-nav > ul li { list-style-type: none; margin: 0; padding: 0; } .m-nav > ul a { display: block; height: 50px; line-height: 49px; padding: 0 12px; white-space: nowrap; background-color: #776e65; text-decoration: none; color: #fff; } .m-nav > ul a:hover { background-color: #857d75; } .m-nav > ul a > span { display: block; border-bottom: solid 1px #6b635b; } .m-nav > ul li:last-child a > span { border-bottom: 0; } @media screen and (max-width: 1440px) { .m-nav-set:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .m-nav { display: block; width: 45px; height: 45px; float: left; } .m-nav > a { background-color: #776e65; display: block; padding: 0 0 0 45px; width: 0; height: 45px; position: relative; overflow: hidden; } .m-nav > a:before { content: " "; display: block; position: absolute; width: 10px; height: 8px; left: 17px; top: 19px; background: transparent url('/-a3562---7_AE8IsQ/icons') no-repeat -181px 0; } .m-nav-other { float: right; width: 1172px; } } @media screen and (max-width: 1179px) { .m-nav-other { width: 973px; } } @media screen and (min-width: 760px) and (max-width: 979px) { .m-nav-other { width: 762px; } } @media screen and (max-width: 759px) { .m-nav > a { border-bottom: solid 3px #6b635b; } .m-nav { height: 48px; } .m-nav > ul { top: 48px; } } @media screen and (min-width: 480px) and (max-width: 759px) { .m-nav-other { width: 470px; } } @media screen and (min-width: 320px) and (max-width: 479px) { .m-nav-other { width: 100%; } } @media screen and (max-width: 319px) { .m-nav-other { width: 100%; } } .cols:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } .cols.cols-2 > .col, .cols.cols-2 > .col-last { width: 440px; } .cols.cols-2 > .col { margin-right: 40px; } .cols.cols-3 > .col, .cols.cols-3 > .col-last { width: 290px; } .cols.cols-3 > .col { margin-right: 25px; } .col, .col-last { float: left; } .col-item { margin-bottom: 25px; } @media screen and (min-width: 1179px) { .cols.cols-3 > .col, .cols.cols-3 > .col-last { width: 356px; } } @media screen and (max-width: 979px) { .cols.cols-2-m4-minus { margin-right: -30px; } .cols.cols-2-m4-minus > .col { margin-right: 30px; } .cols.cols-2-m4-minus > .col, .cols.cols-2-m4-minus > .col-last { width: 340px; } } @media screen and (max-width: 759px) { .cols.cols-1-m3-minus { margin-right: 0; } .cols.cols-1-m3-minus > .col { margin-right: 0; margin-bottom: 20px; } .cols.cols-1-m3-minus > .col, .cols.cols-1-m3-minus > .col-last { width: 100%; } } .q-grid-row { *zoom: 1; } .q-grid-row:before, .q-grid-row:after { content: ""; display: table; } .q-grid-row:after { clear: both; } .q-grid-row + .q-grid-row { margin-top: 20px; } .q-grid-item-margin { margin-right:20px; margin-left:0!important; } .q-grid-item-margin:nth-child(3n) { margin-right:0px; margin-left:0; } .q-grid-item { float: left; } .q-grid-item + .q-grid-item { margin-left: 20px; } .q-grid-1-3 { width: 360px; height:450px; } .q-grid-1-5 { width: 176px; } .q-grid-1-5.q-grid-cell { height: 165px; } .q-grid-2-5 { width: 372px; } .q-grid-2-5.q-grid-cell { height: 258px; } .q-grid-3-5 { width: 568px; } .q-grid-3-5.q-grid-cell { height: 350px; } .q-grid-4-5 { width: 764px; } .q-grid-4-5.q-grid-cell { height: 350px; } .q-grid-4-15 { width: 241px; } .q-grid-4-15.q-grid-cell { height: 258px; } .q-grid-4-15 + .q-grid-4-15 + .q-grid-4-15 { margin-left: 21px; } @media screen and (min-width: 1179px) { .q-grid-3-5 { width:768px; } .q-grid-4-5 { width:964px; } .q-grid-4-15 { width:307px; } } @media screen and (max-width: 1179px) { .q-grid-1-3 { width: 293px; height:390px; } } @media screen and (max-width: 979px) { .q-grid-row { overflow: hidden; } .q-grid-row + .q-grid-row { margin-top: 10px; } .q-grid-item + .q-grid-item { margin-left: 10px; } .q-grid-1-5 { width: 142px; } .q-grid-1-3 { width: 360px; } .q-grid-1-5.q-grid-cell { height: 134px; } .q-grid-2-5 { width: 294px; } .q-grid-2-5.q-grid-cell { height: 204px; } .q-grid-3-5 { width: 446px; } .q-grid-3-5.q-grid-cell { height: 278px; } .q-grid-4-5 { width: 598px; } .q-grid-4-5.q-grid-cell { height: 278px; } .q-grid-4-15 { width: 192px; } .q-grid-4-15.q-grid-cell { height: 204px; } .q-grid-4-15 + .q-grid-4-15, .q-grid-4-15 + .q-grid-4-15 + .q-grid-4-15 { margin-left: 11px; } .q-grid-item-margin:nth-child(3n) { margin-right:20px; margin-left:0; } .q-grid-item-margin:nth-child(2n) { margin-right:0px; margin-left:0; } .q-grid-1-3 { width: 345px; height:430px; } } @media screen and (max-width: 759px) { .q-grid-row + .q-grid-row { margin-top: 15px; } .q-grid-item, .q-grid-item + .q-grid-item { margin-left: 0; float: none; width: 100%; } .q-grid-item.q-grid-cell { height: auto; } .q-grid-item + .q-grid-item { margin-top: 15px; } .q-grid-1-5.q-grid-cell { width: 227px; float: left; } .q-grid-1-5.q-grid-cell + .q-grid-1-5.q-grid-cell { margin-left: 15px; margin-top: 0; } .q-grid-item.q-grid-1-5 .q-grid-row { width: 227px; float: left; } .q-grid-item.q-grid-1-5 .q-grid-row+.q-grid-row { margin-left: 15px; margin-top: 0; } .q-grid-4-15 + .q-grid-4-15 + .q-grid-4-15 { margin-left: 0; } .q-grid-1-3 { height:510px; } } @media screen and (max-width: 479px) { .q-grid-item.q-grid-1-5 .q-grid-row { text-align:center; } .q-grid-item.q-grid-1-5 .q-grid-row .text-pane { text-align:left; } .q-grid-1-5.q-grid-cell { //width: 152px; width: 46%; float: none; margin: 0px 2%!important; display:inline-block; } .q-grid-item.q-grid-1-5 .q-grid-row { //width: 152px; width:100%; margin:15px 0!important; float:none; display:inline-block; } .q-grid-1-3 { height:380px; } } /** ... */ a.visual-link { color: #fff; background-color: #000; display: block; position: relative; text-decoration: none; overflow: hidden; } a.visual-link > img { display: block; position: relative; margin: 0; border: 0; padding: 0; width: 100%; height: auto; transition: opacity 0.5s; } a.visual-link:hover { -webkit-box-shadow: rgba(0,0,0,0.95) 0 0 7px; -moz-box-shadow: rgba(0,0,0,0.95) 0 0 7px; box-shadow: rgba(0,0,0,0.95) 0 0 7px; } a.visual-link:hover > img { opacity: 0.85; } a.visual-link > span { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; height: 20px; line-height: 20px; font-size: 17px; background-color: rgba(0,0,0,0.5); text-align: center; } .ie8 a.visual-link > span { background-color: #555; } @media screen and (max-width: 979px) { a.visual-link > span { font-size: 14px; line-height: 20px; padding: 15px 5px; } } /**
...

...

...
NN. ... */ .rich-visual-link { background-color: #000; display: block; position: relative; overflow: hidden; } .rich-visual-link, .rich-visual-link a:link, .rich-visual-link a:visited { color: #fff; text-decoration: none; } .rich-visual-link img { width: auto; min-height: 100%; max-height: 100%; } .rich-visual-link-content { left: 0; right: 0; bottom: 0; } .rich-visual-link-content, .rich-visual-link-date { display: block; position: absolute; background-color: rgba(0,0,0,0.5); } .ie8 .rich-visual-link-content, .ie8 .rich-visual-link-date { background-color: #555; } .rich-visual-link:hover .rich-visual-link-content { top: 0; } .rich-visual-link-text { height: 0; padding: 0; overflow: hidden; } .rich-visual-link:hover .rich-visual-link-text { padding: 0 25px 15px; height: auto; } .rich-visual-link-h { display: block; text-align: center; height: 20px; line-height: 20px; padding: 15px 25px; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rich-visual-link-animated { display:inline-block; background-color:transparent; } .rich-visual-link-animated .rich-visual-link-content{ transition: top 500ms ease-in-out; transition: top 500ms ease-in-out; -moz-transition: top 500ms ease-in-out; -webkit-transition: top 500ms ease-in-out; -ms-transition: top 500ms ease-in-out; top:100%; } .rich-visual-link-animated .rich-visual-link-content .rich-visual-link-more { width:80%; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; } .rich-visual-link-animated .rich-visual-link-content p { max-height: 40px; overflow: hidden; min-height: 40px; } .rich-visual-link-animated:hover .rich-visual-link-content .rich-visual-link-text { padding-top:22px; } .rich-visual-link-animated:hover .rich-visual-link-content { transition: top 1s ease-in-out; -moz-transition: top 1s ease-in-out; -webkit-transition: top 1s ease-in-out; -ms-transition: top 1s ease-in-out; top:65%; } .rich-visual-link-animated .rich-visual-link-content.rich-visual-link-h { height:0; padding-top:0; padding-bottom:0; } .rich-visual-link:hover .rich-visual-link-h { height:auto; transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; padding: 22px 30px 0 ; } .rich-visual-link:hover .rich-visual-link-h { white-space: normal; height: auto; max-height: 40px; padding: 80px 25px 0; margin-bottom: 15px; } .rich-visual-link-more { display: block; margin: 22px auto 15px; width: 7em; text-align: center; padding: 0 15px; font-size: 12px; font-weight: bold; line-height: 35px; border: 1px solid #fff; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; } a.rich-visual-link-more:hover { background-color: rgba(0,0,0,0.25); } .rich-visual-link:hover { -webkit-box-shadow: rgba(0,0,0,0.95) 0 0 7px; -moz-box-shadow: rgba(0,0,0,0.95) 0 0 7px; box-shadow: rgba(0,0,0,0.95) 0 0 7px; } .rich-visual-link-large .rich-visual-link-h { font-size: 36px; line-height: 50px; padding-top: 25px; padding-bottom: 25px; height: 50px; } .rich-visual-link-large:hover .rich-visual-link-h { padding-top: 65px; height: auto; max-height: 100px; } .rich-visual-link p { max-height: 54px; overflow: hidden; } .rich-visual-link-large p { max-height: 80px; font-size: 15px; } .rich-visual-link-large .rich-visual-link-h, .rich-visual-link-large .rich-visual-link-text { padding-left: 60px !important; padding-right: 60px !important; } .rich-visual-link-small p { max-height: 54px; } .rich-visual-link-date { left: 10px; top: 10px; width: 50px; height: 50px; padding: 10px; margin: 0; text-align: center; } .rich-visual-link-date > strong, .rich-visual-link-date > span { font-weight: normal; color: #fff; display: block; } .rich-visual-link-date > strong { height: 38px; line-height: 38px; font-size: 35px; } .rich-visual-link-date > span { height: 12px; line-height: 12px; font-size: 10px; } @media screen and (max-width: 1159px) { .rich-visual-link:hover .rich-visual-link-h-recipes { padding-top: 40px; } } @media screen and (max-width: 979px) { .rich-visual-link:hover .rich-visual-link-h { padding-top: 40px; } .rich-visual-link-large:hover .rich-visual-link-h { padding-top: 25px; } .rich-visual-link p { max-height: 57px; } .rich-visual-link-large p { max-height: 43px; } .rich-visual-link-small p { max-height: 39px; } .sec-h span { padding: 0; } .rich-visual-link-date { display: none; } } @media screen and (max-width: 759px) { .rich-visual-link img { position: relative; right: 50%; } .rich-visual-link-animated img { max-width: 100%; height: auto; right:initial; width:100%; } .rich-visual-link-animated { width:100%; } .rich-visual-link-date { display: none; } } @media screen and (max-width: 479px) { .rich-visual-link-animated .rich-visual-link-content p { max-height: 50px; overflow: hidden; min-height: 50px; } } @media screen and (max-width: 320px) { .rich-visual-link-animated .rich-visual-link-content p { max-height: 60px; overflow: hidden; min-height: 60px; } .rich-visual-link-animated:hover .rich-visual-link-content { transition: top 1s ease-in-out; -moz-transition: top 1s ease-in-out; -webkit-transition: top 1s ease-in-out; -ms-transition: top 1s ease-in-out; top:0; } .rich-visual-link-animated .rich-visual-link-more { width:100%!impoertant; line-height:20px; } } .facepile-box-left { display: inline-block; width: 22%; vertical-align: top; } .facepile-box-left h4 { margin: 0 0 0.5em; } .facepile-box-right { display: inline-block; width: 75%; vertical-align: top; } #iframe-content { width:100%; height:534px; } .iframe-preview-h { border-width: 0; text-align: left; font-weight: bold; padding: 0 10px 0; margin-top: 10px; height: 100px; overflow: hidden; } .iframe-preview-h-left { width: 78px; float: left; height: 100px; border-right: 1px solid #cccccc; margin-right: 20px; } .iframe-preview-h-left:before { margin: 15px 0 15px 0; } .iframe-preview-h-title { font-size: 2.1em; margin: 0; height: 75px; overflow: hidden; color:#000000; } @media only screen and (max-width: 1179px) { #iframe-content { height:450px; } } @media only screen and (max-width: 979px) { #iframe-content { height:500px; } } @media screen and (max-width: 759px) { #iframe-content { display:none } .iframe-preview-h { display:none; } } .category-items h3 { font-size:1.714em; text-transform:uppercase; color:#000000; font-family:"TradeGothicLTPro", Arial, sans-serif; } .category-items-special h3 { display:none; } .category-items .legend { margin-left:20px; border-left:1px solid #cccccc; padding-left:20px; min-height:39px; display:inline-block; } .category-items .hidden-items { display:none; } .category-items a, .category-items a:visited, .category-items a:hover, .category-items a:active { color:#227fc6; font-size:1.1em; text-transform:lowercase; } .category-items a .special { text-transform:initial; } .category-items a span { text-decoration:underline; } .category-items .js-more-button { padding-left:90px; } .category-items .js-more-button .short { display:none; } .category-items .js-more-button.open .short { display:inline-block; } .category-items .js-more-button.open .more { display:none; } .category-items-special { overflow:hidden; } .category-items-special li { float:left; width:100%; } .category-items li.special { clear:both; width:auto; padding-top:11px; } .category-items li.special a { padding-left:0; } @media screen and (min-width: 1180px) { .category-items-special { width:730px; } .category-items-special li { width:33.33%; } .category-items .legend { max-width:150px; } } @media screen and (max-width: 1179px) { .category-items-special { width:597px; } .category-items-special li { width:50%; } .category-items .legend { max-width:150px; } } @media screen and (max-width: 979px) { .category-items-special { width:320px; } .category-items-special li { width:100%; } .category-items .legend { max-width:none; } } @media screen and (max-width: 759px) { .category-items-special { width:430px; } } @media screen and (max-width: 479px) { .category-items-special { width:280px; } } .header-decoration { text-align:center; } .header-decoration span { position:relative; display:inline-block; } .header-decoration span:after, .header-decoration span:before { content:""; position:absolute; width:0px; background-color:#666666; height:4px; display:block; top:52%; left:110%; } .header-decoration-image { width:200px; height:200px; display:inline-block; margin:30px 0; } .header-decoration span:before { right:110%; left:auto; } @-webkit-keyframes title-decoration-animated { from { width: 0; } to { width: 200px; } } @-moz-keyframes title-decoration-animated { from { width: 0; } to { width: 200px; } } @-o-keyframes title-decoration-animated { from { width: 0; } to { width: 200px; } } @keyframes title-decoration-animated-scale { 0% { transform:scale(0); } 100% { transform:scale(1);} } @-webkit-keyframes title-decoration-animated-scale { 0% { transform:scale(0); } 100% { transform:scale(1);} } @-moz-keyframes title-decoration-animated-scale { 0% { transform:scale(0); } 100% { transform:scale(1);} } @-o-keyframes title-decoration-animated-scale { 0% { transform:scale(0); } 100% { transform:scale(1);} } @keyframes title-decoration-animated-scale { 0% { transform:scale(0); } 100% { transform:scale(1);} } .header-decoration span.title-decoration-animated:before, .header-decoration span.title-decoration-animated:after { -webkit-animation: title-decoration-animated 0.5s linear forwards; /* Safari 4+ */ -moz-animation: title-decoration-animated 0.5s linear forwards; /* Fx 5+ */ -o-animation: title-decoration-animated 0.5s linear forwards; /* Opera 12+ */ animation: title-decoration-animated 0.5s linear forwards; /* IE 10+, Fx 29+ */ } .header-decoration span.title-decoration-animated-wait-1:before, .header-decoration span.title-decoration-animated-wait-1:after { -webkit-animation: 1s title-decoration-animated 0.5s linear forwards; /* Safari 4+ */ -moz-animation: 1s title-decoration-animated 0.5s linear forwards; /* Fx 5+ */ -o-animation: 1s title-decoration-animated 0.5s linear forwards; /* Opera 12+ */ animation: 1s title-decoration-animated 0.5s linear forwards; /* IE 10+, Fx 29+ */ } .header-decoration .title-decoration-animated-scale { -webkit-animation: title-decoration-animated-scale 1s linear; /* Safari 4+ */ -moz-animation: title-decoration-animated-scale 1s linear; /* Fx 5+ */ -o-animation: title-decoration-animated-scale 1s linear; /* Opera 12+ */ animation: title-decoration-animated-scale 1s linear; /* IE 10+, Fx 29+ */ } @media only screen and (max-width:759px) { .header-decoration span:after, .header-decoration span:before { width:60px; } @-webkit-keyframes title-decoration-animated { from { width: 0; } to { width: 60px; } } @-moz-keyframes title-decoration-animated { from { width: 0; } to { width: 60px; } } @-o-keyframes title-decoration-animated { from { width: 0; } to { width: 60px; } } @keyframes title-decoration-animated { from { width: 0; } to { width: 60px; } } } @media only screen and (max-width:479px) { .header-decoration span:after, .header-decoration span:before { display:none; } .header-decoration-image { width:50%; height:auto; } } .image-box .image-box-item { margin:10px 0; } .image-box .image-box-item img { max-width:100%; height:auto; } .grid-row { width:100%; } .grid-row:before, .grid-row:after { content: ""; display: table; } .grid-row:after { clear: both; } .grid-row { zoom: 1; /* ie 6/7 */ } .grid-item { float:left; } .grid-item-1-3 { width:33%; } .grid-item-1-2 { width:50%; } .grid-item-1-2.grid-item-padding { padding:0 2%; width:46%; } .grid-item-2-3 { width:66%; } .grid-item-1-3.grid-item-padding { padding:0 2%; width:29%; } @media screen and (max-width: 759px) { .grid-item { width:100%!important; padding:0!important; } } /*
+ ....
....
*/ .static-filter { height:241px; } .static-filter-recipe-detail { height:auto; } .static-filter-item-hover-js .static-filter { position:absolute; z-index:200; width:100%; top:0; } .static-filter-item-hover-js .static-filter-recipe-detail { position:static; top:inherit; } .static-filter-category-wrap { text-align:left; display:inline-block; width:13%; margin-right:1%; position:relative; height:140px; } .static-filter-category-col { position:absolute; top:0; left:0; right:0; vertical-align:top; max-height:124px; overflow:hidden; padding:0 5px; background-color:#ffffff; z-index:200; } .static-filter-category-border { bottom:0; left:0; z-index:200; width:100%; display:none; position:absolute; height:35px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-*/ } .static-filter-more-js .static-filter-category-content li { line-height:18px; padding:3px 0; } /* js component start */ .static-filter-more-js { transition:max-height 4s ease; -webkit-transition:max-height 4s ease; -moz-transition:max-height 4s ease; -o-transition:max-height 4s ease; -ms-transition:max-height 4s ease; padding-bottom:20px; } .static-filter-more-js .static-filter-category-border { display:block; } .static-filter-more-js:after, .static-filter-more-js:before { display:block; position:absolute; content:""; width:100%; } .static-filter-more-js:after { margin:0 auto; bottom: 6px; left:0; right:0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #227fc6; position:absolute; z-index:2000; clear: both; transition:transform 500ms ease; -webkit-transition:transform 500ms ease; -moz-transition:transform 500ms ease; -o-transition:transform 500ms ease; -ms-transition:transform 500ms ease; } .static-filter-more-js:before { bottom:13px; left:5px; right:5px; width:auto; background-color:#227fc6; height:1px; z-index:300; } .static-filter-more-js:hover { transition:max-height 4s ease; -webkit-transition:max-height 4s ease; -moz-transition:max-height 4s ease; -o-transition:max-height 4s ease; -ms-transition:max-height 4s ease; max-height:1500px; box-shadow:0px 5px 10px -1px rgba(0,0,0,0.5); -moz-box-shadow:0px 5px 10px -1px rgba(0,0,0,0.5); -webkit-box-shadow:0px 5px 10px -1px rgba(0,0,0,0.5); z-index:250; } .static-filter-more-js:hover .static-filter-category-border { display:none; } .static-filter-more-js:hover:after { transform:rotate(-180deg); } .static-filter-more-js .static-filter-category-active .tag > span { padding:2px 7px; } /* js component end */ /* js component mobile start */ .static-filter-more-mobile-js { max-height:1200px; } .static-filter-more-mobile-js .static-filter-category-content > li { display:none; color:#227fc6; margin:10px 0; } .static-filter-more-mobile-js .static-filter-category-content > li.static-filter-category-active { display:block; } .static-filter-more-mobile-js .static-filter-category-content > li.static-filter-category-title { display:block; height:auto; cursor:pointer; } .static-filter-more-mobile-js .static-filter-category-content > li.static-filter-category-title > strong { position:relative; } .static-filter-more-mobile-js .static-filter-category-content > li.static-filter-category-title > strong:after { position:absolute; content:""; right:-20px; top:10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #227fc6; position:absolute; z-index:200; transition:transform 500ms ease-in-out; -webkit-transition:transform 500ms ease-in-out; -moz-transition:transform 500ms ease-in-out; -o-transition:transform 500ms ease-in-out; } .static-filter-more-mobile-js.static-filter-more-mobile-open-js .static-filter-category-content > li.static-filter-category-title > strong:after { transform:rotate(-180deg); } .static-filter-more-mobile-js.static-filter-more-mobile-open-js .static-filter-category-content > li { display:block; } /* js component mobile end */ .static-filter-category-wrap:last-child { margin-right:0; width:14%; } .static-filter-category-title { font-size:17px; display:inline-block; line-height:25px; } .static-filter-category-item { font-size:15px; margin:0; color:#227fc6; text-decoration:none; display:inline-block; } .static-filter-category-item.tag > span { font-size:15px; } .static-filter-category-item > span { } .static-filter-category-item-disabled { color:#ccc; } .static-filter-result { position:absolute; font-size:17px; top:10px; right:125px; display:inline-block; } #static-filter-controls .filter-tabs-selection { padding:10px 295px 0 20px; } .static-filter-selection-control { position:absolute; font-size:17px; top:15px; right:0; display:inline-block; } @media screen and (max-width:1179px) { .static-filter { height:445px; } .static-filter-category-wrap { width:19%; margin-right:1%; margin-bottom:30px; } .static-filter-category-wrap:nth-child(5n + 5), .static-filter-category-wrap:last-child { margin-right:0; width:18%; } } @media screen and (max-width:979px) { .static-filter { height:auto; } .static-filter-category-wrap { width:100%; margin-right:0; margin-bottom:0; height:auto; } .static-filter-category-wrap:nth-child(5n + 5), .static-filter-category-wrap:last-child { margin-right:0; width:100%; } .static-filter-selection-control { position:static; display:block; margin-top:15px; text-align:center; } .static-filter-item-hover-js .static-filter { //position:static; position:absolute; } .static-filter-category-col { position:static; } #static-filter-controls .filter-tabs-selection { padding:10px 20px; } .static-filter-result { position:static; display:block; margin-top:15px; } } .m-t-10 { margin-top:10px; } .m-t-20 { margin-top:20px; } .m-t-30 { margin-top:30px; } .m-b-10 { margin-bottom:10px; } .m-b-20 { margin-bottom:20px; } .m-b-30 { margin-bottom:30px; } [class^="icon-font-"], [class*=" icon-font-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-circle-recipe { position:absolute; float:left; top:0; left:0; } .social-circle-recipe .social-circle-icon { display: block; float: left; margin-right: 10px; list-style:none; } .social-circle-recipe a { width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(0,0,0,.15); position: relative; transition: color,background .3s,.3s; background: transparent; text-align: center; overflow: hidden; cursor: pointer; text-decoration: none; display: inline-block; } .social-circle-recipe .icon-font:before { content:""; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(.75); transform: translate(-50%,-50%) scale(.75); transition: opacity 0.3s,0.3s ease-in-out,linear,-webkit-transform; transition: transform,opacity .3s,.3s ease-in-out,linear; transition: transform,opacity .3s,.3s ease-in-out,linear,-webkit-transform; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; z-index: 20; opacity: 1; box-sizing:border-box; } .social-circle-recipe .icon-font:after { display: block; width: 50px; height: 50px; position: absolute; line-height:50px; color:#ffffff; font-size:26px; z-index: 10; opacity: 1; box-sizing:border-box; } .social-circle-recipe .icon-font:hover { border-color: transparent; } .social-circle-recipe .icon-font:hover:before { transform: translate(-50%,-50%) scale(1); opacity: 0.4; background: #227fc6; } .icon-font-envelop:after { content: "\e945"; } .icon-font-printer:after { content: "\e954"; } .icon-font-facebook:after { content: "\ea90"; } .icon-font-twitter:after{ content: "\ea96"; } .icon-font-pinterest:after { content: "\ead1"; } .social-circle-recipe-gray { display:none; } @media screen and (max-width:765px) { .social-circle-recipe { display:none; } .social-circle-recipe-gray { display:block; float:none; overflow:hidden; text-align:center; position:static; } .social-circle-recipe-gray .social-circle-icon { float:none; display:inline-block; } .social-circle-recipe-gray .icon-font:after { color:#666666; } } /** * @module */ .small-preview-list { margin: 30px 0; padding:0; position:relative; } .small-preview-list .small-preview-list-link { z-index:100; position:absolute; top:0; left:0; right:0; bottom:0; display:block; background-color:transparent; } .small-preview-list > li { padding: 0; list-style-type: none; display:inline-block; margin:20px 20px; //vertical-align:top; } @media screen and (min-width: 1179px){ .small-preview-list > li { } } @media screen and (max-width: 759px) { .small-preview-list > li { margin:20px 0px; width:100%; } } @media screen and (min-width: 760px) and (max-width: 979px) { .small-preview-list > li { width: 47%; margin: 0 2% 2% 0; } } .carousel-box-vanoce { max-width:100%; width:100%; padding-bottom:60px; } .carousel-box-vanoce .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-vanoce .carousel-inner { position: relative; overflow: visible; width: 100%; } .carousel-box-vanoce .carousel-inner > .item { height:100%; } .carousel-box-vanoce .carousel-inner .slider-image-mobile { width:100%; display:block; } .carousel-box-vanoce .carousel-inner .slider-image-desktop { display:none; } .carousel-box-vanoce .carousel-inner > .active, .carousel-box-vanoce .carousel-inner > .next, .carousel-box-vanoce .carousel-inner > .prev { display: block; } .carousel-box-vanoce .carousel-inner > .active { left: 0; } .carousel-box-vanoce .carousel-inner > .next, .carousel-box-vanoce .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-vanoce .carousel-inner > .next { left: 100%; } .carousel-box-vanoce .carousel-inner > .prev { left: -100%; } .carousel-box-vanoce .carousel-inner > .next.left, .carousel-box-vanoce .carousel-inner > .prev.right { left: 0; } .carousel-box-vanoce .carousel-inner > .active.left { left: -100%; } .carousel-box-vanoce .carousel-inner > .active.right { left: 100%; } .carousel-box-vanoce .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .carousel-box-vanoce .carousel-control:hover { opacity:1; } .carousel-box-vanoce .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-vanoce .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; left:0px; } .carousel-box-vanoce .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:41px; } .carousel-box-vanoce .carousel-control-right{ background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; right:0px; } .carousel-box-vanoce .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .carousel-box-vanoce .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .carousel-box-vanoce .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .carousel-box-vanoce .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .carousel-box-vanoce .carousel-links-item-title { color:#0085c4; font-size:14px; line-height:18px; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; text-align:left; } .carousel-box-vanoce .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .carousel-box-vanoce .carousel .carousel-inner-text { position:absolute; z-index:4; top:37%; left:23px; padding:0; height:auto; text-align:left; } .carousel-box-vanoce .carousel .carousel-inner-text-title { font-size:60px; color:#ffffff; line-height:65px; font-family: "FutureCEBold"; text-transform:uppercase; text-shadow:4px 4px 10px rgba(19,17,21,0.75); -ms-text-shadow:4px 4px 10px rgba(19,17,21,0.75); -webkit-text-shadow:4px 4px 10px rgba(19,17,21,0.75); -moz-text-shadow:4px 4px 10px rgba(19,17,21,0.75); } .carousel-box-vanoce .carousel .carousel-inner-text-perex { font-size:22px; color:#ffffff; line-height:30px; font-family: "FutureCEBold"; text-transform:uppercase; text-shadow:4px 4px 10px rgba(19,17,21,0.75); -ms-text-shadow:4px 4px 10px rgba(19,17,21,0.75); -webkit-text-shadow:4px 4px 10px rgba(19,17,21,0.75); -moz-text-shadow:4px 4px 10px rgba(19,17,21,0.75); } @media screen and (min-width: 470px) { .carousel-box-vanoce .carousel { height:auto; } .carousel-box-vanoce .carousel-inner .slider-image-desktop { display:block; } .carousel-box-vanoce .carousel-inner .slider-image-mobile { display:none; } .carousel-box-vanoce .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .carousel-box-vanoce .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; } .carousel-box-vanoce .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:33px; } .carousel-box-vanoce .carousel-control-right { background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; } .carousel-box-vanoce .carousel-control-seperator { width:16px; height:49px; } } @media screen and (min-width: 768px) { .carousel-box-vanoce { padding-bottom:0; } .carousel-box-vanoce .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .carousel-box-vanoce .carousel-links-item { margin-bottom:24px; float:none; width:100%; } } @media screen and (min-width: 978px) { ..carousel-box-vanoce .carousel { //height:550px; } } @media screen and (min-width: 1160px) { .carousel-box-vanoce { max-width:1920px; margin:0 auto; } .carousel-box-vanoce .carousel { height:631px; } .carousel-box-vanoce .carousel-inner { height:100%; } .carousel-box-vanoce .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .carousel-box-vanoce .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .carousel-box-vanoce .carousel .carousel-inner-text { top:220px; left:30px; } .carousel-box-vanoce .carousel .carousel-inner-text-title { font-size:92px; line-height:1; padding-top:19px; } .carousel-box-vanoce .carousel .carousel-inner-text-perex { font-size:30px; line-height:36px; } .carousel-box-vanoce .carousel-links { position:absolute; z-index:5; top:170px; right:0; } } .carousel-box-healthy { max-width:100%; width:100%; } .carousel-box-healthy .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-healthy .carousel-inner { position: relative; overflow: visible; width: 100%; } .carousel-box-healthy .carousel-inner > .item { height:100%; } .carousel-box-healthy .carousel-inner .slider-image-mobile { width:100%; display:block; } .carousel-box-healthy .carousel-inner .slider-image-desktop { display:none; } .carousel-box-healthy .carousel-inner > .active, .carousel-box-healthy .carousel-inner > .next, .carousel-box-healthy .carousel-inner > .prev { display: block; } .carousel-box-healthy .carousel-inner > .active { left: 0; } .carousel-box-healthy .carousel-inner > .next, .carousel-box-healthy .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-healthy .carousel-inner > .next { left: 100%; } .carousel-box-healthy .carousel-inner > .prev { left: -100%; } .carousel-box-healthy .carousel-inner > .next.left, .carousel-box-healthy .carousel-inner > .prev.right { left: 0; } .carousel-box-healthy .carousel-inner > .active.left { left: -100%; } .carousel-box-healthy .carousel-inner > .active.right { left: 100%; } .carousel-box-healthy .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .carousel-box-healthy .carousel-control:hover { opacity:1; } .carousel-box-healthy .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-healthy .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; left:0px; } .carousel-box-healthy .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:41px; } .carousel-box-healthy .carousel-control-right{ background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; right:0px; } .carousel-box-healthy .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .carousel-box-healthy .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .carousel-box-healthy .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .carousel-box-healthy .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .carousel-box-healthy .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .carousel-box-healthy .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .carousel-box-healthy .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .carousel-box-healthy .carousel .carousel-inner-text-perex { font-size:18px; color:#006b3d; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .carousel-box-healthy .carousel .carousel-inner-text-anchor { margin-top:45px; } @media screen and (min-width: 470px) { .carousel-box-healthy .carousel { height:auto; } .carousel-box-healthy .carousel-inner .slider-image-desktop { display:block; } .carousel-box-healthy .carousel-inner .slider-image-mobile { display:none; } .carousel-box-healthy .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .carousel-box-healthy .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; } .carousel-box-healthy .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:33px; } .carousel-box-healthy .carousel-control-right { background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; } .carousel-box-healthy .carousel-control-seperator { width:16px; height:49px; } .carousel-box-healthy .carousel .carousel-inner-text-anchor { margin-top:20px; } .carousel-box-healthy .carousel .carousel-inner-text { top:52%; } } @media screen and (min-width: 768px) { .carousel-box-healthy { padding-bottom:0; } .carousel-box-healthy .carousel .carousel-inner-text { top:54%; } .carousel-box-healthy .carousel .carousel-inner-text-anchor { margin-top:45px; } .carousel-box-healthy .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .carousel-box-healthy .carousel-links-item { margin-bottom:24px; float:none; width:100%; } } @media screen and (min-width: 978px) { .carousel-box-healthy .carousel .carousel-inner-text { top:62%; width:389px; } } @media screen and (min-width: 1160px) { .carousel-box-healthy { max-width:1920px; margin:0 auto; } .carousel-box-healthy .carousel { height:599px; } .carousel-box-healthy .carousel-inner { height:100%; } .carousel-box-healthy .carousel .carousel-inner-text { top:389px; } .carousel-box-healthy .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .carousel-box-healthy .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .carousel-box-healthy .carousel .carousel-inner-text-perex { font-size:18px; color:#006b3d; line-height:24px; font-family: "TradeGothicLTPro"; } .carousel-box-healthy .carousel-links { position:absolute; z-index:5; top:170px; right:0; } } .carousel-box-easter { max-width:100%; width:100%; } .carousel-box-easter .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-easter .carousel-inner { position: relative; overflow: visible; width: 100%; } .carousel-box-easter .carousel-inner > .item { height:100%; } .carousel-box-easter .carousel-inner .slider-image-mobile { width:100%; display:block; } .carousel-box-easter .carousel-inner .slider-image-desktop { display:none; } .carousel-box-easter .carousel-inner > .active, .carousel-box-easter .carousel-inner > .next, .carousel-box-easter .carousel-inner > .prev { display: block; } .carousel-box-easter .carousel-inner > .active { left: 0; } .carousel-box-easter .carousel-inner > .next, .carousel-box-easter .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-easter .carousel-inner > .next { left: 100%; } .carousel-box-easter .carousel-inner > .prev { left: -100%; } .carousel-box-easter .carousel-inner > .next.left, .carousel-box-easter .carousel-inner > .prev.right { left: 0; } .carousel-box-easter .carousel-inner > .active.left { left: -100%; } .carousel-box-easter .carousel-inner > .active.right { left: 100%; } .carousel-box-easter .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .carousel-box-easter .carousel-control:hover { opacity:1; } .carousel-box-easter .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-easter .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; left:0px; } .carousel-box-easter .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:41px; } .carousel-box-easter .carousel-control-right{ background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; right:0px; } .carousel-box-easter .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .carousel-box-easter .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .carousel-box-easter .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .carousel-box-easter .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .carousel-box-easter .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .carousel-box-easter .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .carousel-box-easter .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .carousel-box-easter .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .carousel-box-easter .carousel .carousel-inner-text-anchor { margin-top:45px; } @media screen and (min-width: 470px) { .carousel-box-easter .carousel { height:auto; } .carousel-box-easter .carousel-inner .slider-image-desktop { display:block; } .carousel-box-easter .carousel-inner .slider-image-mobile { display:none; } .carousel-box-easter .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .carousel-box-easter .carousel-control-left { background:url('/-a87584---BwdT_bAF/arrow-left-white') no-repeat 0 0; } .carousel-box-easter .carousel-control-seperator { background:url('/-a87588---YAhUEJyk/slider-divider') no-repeat 0 0; right:33px; } .carousel-box-easter .carousel-control-right { background:url('/-a87586---_8rAvR3W/arrow-right-white') no-repeat 0 0; } .carousel-box-easter .carousel-control-seperator { width:16px; height:49px; } .carousel-box-easter .carousel .carousel-inner-text-anchor { margin-top:20px; } .carousel-box-easter .carousel .carousel-inner-text { top:52%; } } @media screen and (min-width: 768px) { .carousel-box-easter { padding-bottom:0; } .carousel-box-easter .carousel .carousel-inner-text { top:54%; } .carousel-box-easter .carousel .carousel-inner-text-anchor { margin-top:14px; } .carousel-box-easter .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .carousel-box-easter .carousel-links-item { margin-bottom:24px; float:none; width:100%; } } @media screen and (min-width: 978px) { .carousel-box-easter .carousel .carousel-inner-text { top:62%; width:389px; } } @media screen and (min-width: 1160px) { .carousel-box-easter { max-width:1920px; margin:0 auto; } .carousel-box-easter .carousel { height:599px; } .carousel-box-easter .carousel-inner { height:100%; } .carousel-box-easter .carousel .carousel-inner-text { top:320px; } .carousel-box-easter .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .carousel-box-easter .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .carousel-box-easter .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; } .carousel-box-easter .carousel-links { position:absolute; z-index:5; top:170px; right:0; } } .recipe-newsletter-box { text-align:center; margin-top:13px; margin-left:-20px; margin-right:-20px; background:#61a22e url('/-a91465---BY_nuvkk/news-jpg') no-repeat center 120px; } .recipe-newsletter-content { padding:22px 17px 35px; } .recipe-newsletter-title { color:#ffffff!important; font-size: 2.571em; margin:0 0 7px; } .recipe-newsletter-body { padding-bottom:70px; color:#ffffff; } @media (min-width:479px) { .recipe-newsletter-box { margin-left:0; margin-right:0; } } .recipe-tip { position:relative; } .recipe-tip-wrap { z-index:3; width:90px; height:90px; left:15px; top:15px; position:absolute; } .recipe-tip-wrap-small { width:55px; height:55px; } .recipe-tip-icon { width:100%; height:100%; background-size:cover!important; } .recipe-tip-icon-week { background:url('/-a91464---C65Av4_X/tip-tydne-png') no-repeat 0 0 ; } .recipe-tip-icon-albert { background:url('/-a91463---xEkeYV2a/tip-albert-png') no-repeat 0 0 ; } .visual-preview-product { position:relative; } .visual-preview-product-title { margin-bottom:26px!important; } .visual-preview-product-item { position:relative; } .visual-preview-product-h { height:47px; overflow:hidden; display:table; width:100%; font-weight:bold; } .visual-preview-product-h .visual-preview-product-h-content { padding:10px; vertical-align:middle; display:none; text-align:center; } .visual-preview-product-h .visual-preview-product-h-content-xs { display:table-cell; } .visual-preview-product .recipe-tip-wrap-small { width:69px; height:69px; top:inherit; bottom:47px; left:2px; } @media (min-width: 480px) { .visual-preview-product-h .visual-preview-product-h-content-xsm { display:table-cell; } .visual-preview-product-h .visual-preview-product-h-content-xs { display:none; } } @media (min-width: 760px) { .visual-preview-product-h .visual-preview-product-h-content-sm { display:table-cell; } .visual-preview-product-h .visual-preview-product-h-content-xsm { display:none; } } @media (min-width: 980px) { .visual-preview-product-h .visual-preview-product-h-content-sm { display:none; } .visual-preview-product-h .visual-preview-product-h-content-md { display:table-cell; } } .carousel-box-microsite { max-width:100%; width:100%; } .carousel-box-microsite .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-microsite .carousel-inner { position: relative; overflow: visible; width: 100%; } .carousel-box-microsite .carousel-inner > .item { height:100%; } .carousel-box-microsite .carousel-inner .slider-image-mobile { width:100%; display:block; } .carousel-box-microsite .carousel-inner .slider-image-desktop { display:none; } .carousel-box-microsite .carousel-inner > .active, .carousel-box-microsite .carousel-inner > .next, .carousel-box-microsite .carousel-inner > .prev { display: block; } .carousel-box-microsite .carousel-inner > .active { left: 0; } .carousel-box-microsite .carousel-inner > .next, .carousel-box-microsite .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-microsite .carousel-inner > .next { left: 100%; } .carousel-box-microsite .carousel-inner > .prev { left: -100%; } .carousel-box-microsite .carousel-inner > .next.left, .carousel-box-microsite .carousel-inner > .prev.right { left: 0; } .carousel-box-microsite .carousel-inner > .active.left { left: -100%; } .carousel-box-microsite .carousel-inner > .active.right { left: 100%; } .carousel-box-microsite .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .carousel-box-microsite .carousel-control:hover { opacity:1; } .carousel-box-microsite .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; left:0px; } .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:41px; } .carousel-box-microsite .carousel-control-right{ background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; right:0px; } .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .carousel-box-microsite .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .carousel-box-microsite .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .carousel-box-microsite .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .carousel-box-microsite .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .carousel-box-microsite .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:45px; } .carousel-box-microsite .carousel .carousel-sticker { width:476px; height:315px; background-repeat:no-repeat; background-position: center bottom; top:0; left:0; right:0; margin:0 auto; text-align:center; transform: scale(0.34); right: inherit; top: -104px; margin: 0; left: 6%; position:absolute; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:39%; top:80px; position:absolute; margin:0; z-index:20; transform: scale(0.46); } .carousel-box-microsite .carousel .carousel-sticker-content { padding:17px 10px 10px 17px; } .carousel-box-microsite .carousel .carousel-sticker-title { font-size:57px; line-height:55px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff!important; font-weight:bold; margin-top:30px; } .carousel-box-microsite .carousel .carousel-sticker-title .before { font-size:38px; line-height:39px; display:inline-block; padding-bottom:10px; } .carousel-box-microsite .carousel .carousel-sticker-title .after { font-size:44px; line-height:54px; } .carousel-box-microsite .carousel .carousel-sticker-perex { font-size:16px; line-height:18px; font-family: "TradeGothicLTProBC20"; color:#ffffff; margin-top:8px; display:none; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor a { position:relative; text-decoration:none; color:#ffffff; padding:0 46px; display:inline-block; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { display:block; background:url('/-a91733---vqLLNTLl/header-button-middle') repeat-x 0 0; height:98px; line-height:98px; font-size:22px; text-transform:uppercase; font-family: "TradeGothicLTProBC20"; white-space: nowrap; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before, .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { position:absolute; width:46px; height:100%; content:""; display:block; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before { left:0px; top:0; background:url('/-a91732---bMco3Kwg/header-button-left') repeat-x 0 0; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { right:0px; top:0; background:url('/-a91734---IaX74Mvt/header-button-right') repeat-x 0 0; } @media screen and (min-width: 470px) { .carousel-box-microsite .carousel { height:auto; } .carousel-box-microsite .carousel-inner .slider-image-desktop { display:block; } .carousel-box-microsite .carousel-inner .slider-image-mobile { display:none; } .carousel-box-microsite .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; } .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:33px; } .carousel-box-microsite .carousel-control-right { background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; } .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; } .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:20px; } .carousel-box-microsite .carousel .carousel-inner-text { top:52%; } .carousel-box-microsite .carousel .carousel-sticker { width:476px; height:315px; background-repeat:no-repeat; background-position: center bottom; top:0; left:0; right:0; margin:0 auto; text-align:center; transform: scale(0.6); right: inherit; top: -63px; margin: 0; left: 16%; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:37%; top:180px; position:absolute; margin:0; transform: scale(0.7); } .carousel-box-microsite .carousel .carousel-sticker-title { font-size:57px; line-height:55px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff!important; font-weight:bold; margin-top:25px; } } @media screen and (min-width: 768px) { .carousel-box-microsite { padding-bottom:0; } .carousel-box-microsite .carousel .carousel-inner-text { top:54%; } .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:14px; } .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .carousel-box-microsite .carousel-links-item { margin-bottom:24px; float:none; width:100%; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:10%; top:265px; position:absolute; margin:0; } .carousel-box-microsite .carousel .carousel-sticker-perex { display:block; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:35%; top:315px; position:absolute; margin:0; transform: scale(0.8); } .carousel-box-microsite .carousel .carousel-sticker { transform: scale(0.8); top:-32px; } .carousel-box-microsite .carousel .carousel-sticker-title { margin-top:0; } } @media screen and (min-width: 978px) { .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } } @media screen and (min-width: 1160px) { .carousel-box-microsite { max-width:1920px; margin:0 auto; } .carousel-box-microsite .carousel { height:599px; } .carousel-box-microsite .carousel-inner { height:100%; } .carousel-box-microsite .carousel .carousel-inner-text { top:320px; } .carousel-box-microsite .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .carousel-box-microsite .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; } .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; } .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:315px; right:inherit; left:550px; transform: scale(1); } .carousel-box-microsite .carousel .carousel-sticker { width:476px; height:315px; background-repeat:no-repeat; background-position: center bottom; top:0; left:0; right:0; margin:0 auto; text-align:center; z-index:10; transform: scale(1); } } /* .truncate-content-xs { display:table-cell; } @media (min-width: 480px) { .truncate-content-xsm { display:table-cell; } .truncate-content-xs { display:none; } } @media (min-width: 760px) { .truncate-content-sm { display:table-cell; } .truncate-content-xsm { display:none; } } @media (min-width: 980px) { .truncate-content-sm { display:none; } .truncate--content-md { display:table-cell; } } */ .truncate-content-xs, .truncate-content-xsm, .truncate-content-sm, .truncate-content-md { display:none; } .truncate-content-xs { display:table-cell; } @media (min-width:470px) { .truncate-content-xsm { display:table-cell; } .truncate-content-xs { display:none; } } @media (min-width: 768px) { .truncate-content-sm { display:table-cell; } .truncate-content-xsm { display:none; } } @media (min-width: 1000px) { .truncate-content-sm { display:none; } .truncate-content-md { display:table-cell; } } .ms-outdoor-2 .carousel-box-microsite { max-width:100%; width:100%; } .ms-outdoor-2 .carousel-box-microsite .carousel { position: relative; height: auto; overflow: visible; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner { position: relative; overflow: visible; width: 100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .item { height:100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner .slider-image-mobile { width:100%; display:block; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner .slider-image-desktop { display:none; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .active, .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .next, .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .prev { display: block; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .active { left: 0; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .next, .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .next { left: 100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .prev { left: -100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .next.left, .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .prev.right { left: 0; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .active.left { left: -100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner > .active.right { left: 100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control:hover { opacity:1; } .ms-outdoor-2 .carousel-box-microsite .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; left:0px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:41px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-right{ background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; right:0px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .ms-outdoor-2 .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .ms-outdoor-2 .carousel-box-microsite .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .ms-outdoor-2 .carousel-box-microsite .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:45px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { width:514px; height:314px; background-repeat:no-repeat; background-position: center bottom; text-align:center; position:absolute; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { position:absolute; width:514px; z-index:20; text-align:center; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-content { padding:10px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-title { font-size:66px; line-height:76px; text-transform:uppercase; font-family: "FutureCEBold"; color:#1d6f2c!important; font-weight:bold; margin-top:14px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-title .before { font-size:38px; line-height:32px; display:inline-block; padding-bottom:10px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-title .after { font-size:37px; line-height:54px; display:inline-block; position:relative; top:-22px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-perex { font-size:16px; line-height:18px; font-family: "TradeGothicLTProBC20"; color:#ffffff; margin-top:8px; display:none; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a { position:relative; text-decoration:none; color:#1D702C; padding:0 31px; display:inline-block; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { display:block; background:url('/-a95726---vJkfUh43/header-button-yellow-middle') repeat-x 0 0; height:58px; line-height:63px; font-size:27px; text-transform:uppercase; font-family: "TradeGothicLTProBC20"; white-space: nowrap; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before, .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { position:absolute; width:32px; height:100%; content:""; display:block; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before { left:0px; top:0; background:url('/-a95725---EBhhXzS8/header-button-yellow-left') no-repeat 0 0; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { right:0px; top:0; background:url('/-a95727---NwVrfpuM/header-button-yellow-right') no-repeat 0 0; } .ms-outdoor-2 .carousel-box-microsite .carousel { height:534px; } @media (max-width:650px) { .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:100px; margin-left:-380px; transform: scale(0.6) ; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-110px; left:100%; margin-left:-380px; transform: scale(0.3); } } @media screen and (min-width: 651px) { .ms-outdoor-2 .carousel-box-microsite .carousel { height:602px; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner .slider-image-desktop { display:block; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner .slider-image-mobile { display:none; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:33px; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-right { background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; } .ms-outdoor-2 .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:20px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { top:52%; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:200px; margin-left:-450px; transform: scale(0.8); } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-64px; left:100%; margin-left:-450px; transform: scale(0.6); } } @media screen and (min-width: 768px) { .ms-outdoor-2 .carousel-box-microsite { padding-bottom:0; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { top:54%; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:14px; } .ms-outdoor-2 .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .ms-outdoor-2 .carousel-box-microsite .carousel-links-item { margin-bottom:24px; float:none; width:100%; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-perex { display:block; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-500px; transform: scale(0.8); } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-32px; left:100%; margin-left:-500px; transform: scale(0.8); } } @media screen and (min-width: 978px) { .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-500px; transform: scale(0.8); } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-32px; left:100%; margin-left:-500px; transform: scale(0.8); } } @media screen and (min-width: 1160px) { .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-600px; transform: scale(0.8); } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-32px; left:100%; margin-left:-600px; transform: scale(0.8); } } @media screen and (min-width: 1600px) { .ms-outdoor-2 .carousel-box-microsite { max-width:1920px; margin:0 auto; } .ms-outdoor-2 .carousel-box-microsite .carousel { height:602px; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner { height:100%; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text { top:320px; } .ms-outdoor-2 .carousel-box-microsite .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; } .ms-outdoor-2 .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:363px; margin-left:-591px; transform: scale(1); } .ms-outdoor-2 .carousel-box-microsite .carousel .carousel-sticker { top:-11px; left:100%; margin-left:-607px; transform: scale(1); } } .ms-contigo .carousel-box-microsite { max-width:100%; width:100%; } .ms-contigo .carousel-box-microsite .carousel { position: relative; height: auto; overflow: visible; } .ms-contigo .carousel-box-microsite .carousel-inner { position: relative; overflow: visible; width: 100%; background-repeat:no-repeat; background-position:center top; } .ms-contigo .carousel-box-microsite .carousel-inner > .item { height:100%; } .ms-contigo .carousel-box-microsite .carousel-inner .slider-image-mobile { width:100%; display:block; } .ms-contigo .carousel-box-microsite .carousel-inner .slider-image-desktop { display:none; } .ms-contigo .carousel-box-microsite .carousel-inner > .active, .ms-contigo .carousel-box-microsite .carousel-inner > .next, .ms-contigo .carousel-box-microsite .carousel-inner > .prev { display: block; } .ms-contigo .carousel-box-microsite .carousel-inner > .active { left: 0; } .ms-contigo .carousel-box-microsite .carousel-inner > .next, .ms-contigo .carousel-box-microsite .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .ms-contigo .carousel-box-microsite .carousel-inner > .next { left: 100%; } .ms-contigo .carousel-box-microsite .carousel-inner > .prev { left: -100%; } .ms-contigo .carousel-box-microsite .carousel-inner > .next.left, .ms-contigo .carousel-box-microsite .carousel-inner > .prev.right { left: 0; } .ms-contigo .carousel-box-microsite .carousel-inner > .active.left { left: -100%; } .ms-contigo .carousel-box-microsite .carousel-inner > .active.right { left: 100%; } .ms-contigo .carousel-box-microsite .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-contigo .carousel-box-microsite .carousel-control:hover { opacity:1; } .ms-contigo .carousel-box-microsite .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-contigo .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; left:0px; } .ms-contigo .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:41px; } .ms-contigo .carousel-box-microsite .carousel-control-right{ background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; right:0px; } .ms-contigo .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .ms-contigo .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .ms-contigo .carousel-box-microsite .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .ms-contigo .carousel-box-microsite .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .ms-contigo .carousel-box-microsite .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:45px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { width:514px; height:314px; background-repeat:no-repeat; background-position: center bottom; text-align:center; position:absolute; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { position:absolute; width:514px; z-index:20; text-align:center; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-content { padding:10px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-title { font-size:40px; line-height:60px; text-transform:uppercase; font-family: "FutureCEBold"; color:#1d6f2c!important; font-weight:bold; margin-top:16px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-title .before { font-size:35px; line-height:42px; display:inline-block; padding-bottom:10px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-title .after { font-size:37px; line-height:54px; display:inline-block; position:relative; top:-22px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-perex { font-size:16px; line-height:18px; font-family: "TradeGothicLTProBC20"; color:#ffffff; margin-top:8px; display:none; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a { position:relative; text-decoration:none; color:#1D702C; padding:0 31px; display:inline-block; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { display:block; background:url('/-a95726---vJkfUh43/header-button-yellow-middle') repeat-x 0 0; height:58px; line-height:63px; font-size:27px; text-transform:uppercase; font-family: "TradeGothicLTProBC20"; white-space: nowrap; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before, .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { position:absolute; width:32px; height:100%; content:""; display:block; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before { left:0px; top:0; background:url('/-a95725---EBhhXzS8/header-button-yellow-left') no-repeat 0 0; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { right:0px; top:0; background:url('/-a95727---NwVrfpuM/header-button-yellow-right') no-repeat 0 0; } .ms-contigo .carousel-box-microsite .carousel { height:592px; } @media (max-width:650px) { .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:100px; margin-left:-380px; transform: scale(0.6) ; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:-66px; left:100%; margin-left:-380px; transform: scale(0.3); } } @media screen and (min-width: 651px) { .ms-contigo .carousel-box-microsite .carousel { height:591px; } .ms-contigo .carousel-box-microsite .carousel-inner .slider-image-desktop { display:block; } .ms-contigo .carousel-box-microsite .carousel-inner .slider-image-mobile { display:none; } .ms-contigo .carousel-box-microsite .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .ms-contigo .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; } .ms-contigo .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:33px; } .ms-contigo .carousel-box-microsite .carousel-control-right { background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; } .ms-contigo .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:20px; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { top:52%; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:200px; margin-left:-450px; transform: scale(0.8); } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:-20px; left:100%; margin-left:-450px; transform: scale(0.6); } } @media screen and (min-width: 768px) { .ms-contigo .carousel-box-microsite { padding-bottom:0; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { top:54%; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:14px; } .ms-contigo .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .ms-contigo .carousel-box-microsite .carousel-links-item { margin-bottom:24px; float:none; width:100%; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-perex { display:block; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-500px; transform: scale(0.8); } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:12px; left:100%; margin-left:-500px; transform: scale(0.8); } } @media screen and (min-width: 978px) { .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-500px; transform: scale(0.8); } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:12px; left:100%; margin-left:-500px; transform: scale(0.8); } } @media screen and (min-width: 1160px) { .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:331px; margin-left:-600px; transform: scale(0.8); } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:12px; left:100%; margin-left:-600px; transform: scale(0.8); } } @media screen and (min-width: 1600px) { .ms-contigo .carousel-box-microsite { max-width:1920px; margin:0 auto; } .ms-contigo .carousel-box-microsite .carousel { height:591px; } .ms-contigo .carousel-box-microsite .carousel-inner { height:100%; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text { top:320px; } .ms-contigo .carousel-box-microsite .carousel-inner .slider-image-desktop { position:absolute; margin:0 auto; top:0; left: 50%; transform: translate(-50%,0); z-index:3; max-width:inherit; width:auto; } .ms-contigo .carousel-box-microsite .carousel .carousel-content { max-width:1160px; position:relative; left:initial; right:initial; bottom:initial; top:initial; } .ms-contigo .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; } .ms-contigo .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:100%; top:363px; margin-left:-591px; transform: scale(1); } .ms-contigo .carousel-box-microsite .carousel .carousel-sticker { top:43px; left:100%; margin-left:-607px; transform: scale(1); } } .ms-books .carousel-box-microsite { max-width:100%; width:100%; } .ms-books .carousel-box-microsite .carousel { position: relative; height: auto; overflow: visible; } .ms-books .carousel-box-microsite .carousel-inner { position: relative; overflow: visible; width: 100%; } .ms-books .carousel-box-microsite .carousel-inner > .item { height:100%; } .ms-books .carousel-box-microsite .carousel-inner .slider-image-mobile { width:100%; display:block; } .ms-books .carousel-box-microsite .carousel-inner .slider-image-desktop { display:none; } .ms-books .carousel-box-microsite .carousel-inner > .active, .ms-books .carousel-box-microsite .carousel-inner > .next, .ms-books .carousel-box-microsite .carousel-inner > .prev { display: block; } .ms-books .carousel-box-microsite .carousel-inner > .active { left: 0; } .ms-books .carousel-box-microsite .carousel-inner > .next, .ms-books .carousel-box-microsite .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .ms-books .carousel-box-microsite .carousel-inner > .next { left: 100%; } .ms-books .carousel-box-microsite .carousel-inner > .prev { left: -100%; } .ms-books .carousel-box-microsite .carousel-inner > .next.left, .ms-books .carousel-box-microsite .carousel-inner > .prev.right { left: 0; } .ms-books .carousel-box-microsite .carousel-inner > .active.left { left: -100%; } .ms-books .carousel-box-microsite .carousel-inner > .active.right { left: 100%; } .ms-books .carousel-box-microsite .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-books .carousel-box-microsite .carousel-control:hover { opacity:1; } .ms-books .carousel-box-microsite .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-books .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; left:0px; } .ms-books .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:41px; } .ms-books .carousel-box-microsite .carousel-control-right{ background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; right:0px; } .ms-books .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .ms-books .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:100%; width:100%; } .ms-books .carousel-box-microsite .carousel-links-item { float:left; width:50%; background-color:#ffffff; position:relative; padding:3px 5px 2px 54px; min-height:46px; text-align:left; } .ms-books .carousel-box-microsite .carousel-links-item-icon { position:absolute; left:25px; top:50%; transform:translate(-50%,-50%); z-index:6; } .carousel-links-item-link { position:absolute; z-index:7; top:0; bottom:0; right:0; left:0; background-color:transparent; display:block; } .ms-books .carousel-box-microsite .carousel .carousel-content { width:100%; margin:0 auto; position:absolute; left:0; right:0; top:0; bottom:0; z-index:4; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text { position:absolute; z-index:4; top:50%; left:0; right:0; margin:0 auto; padding-top:0; text-align:center; height:auto; overflow:visible; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text-title { text-indent:-9000px; display:none; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text-perex { font-size:18px; color:#000000; line-height:24px; font-family: "TradeGothicLTPro"; font-weight:bold; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:45px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker { width:514px; height:314px; background-repeat:no-repeat; background-position: center -44px; text-align:center; position:absolute; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { position:absolute; width:514px; z-index:20; text-align:center; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-content { padding:10px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-title { font-size:53px; line-height:60px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff!important; font-weight:bold; margin-top:14px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-title .before { font-size:30px; line-height:30px; display:inline-block; padding-bottom:18px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-title .after { font-size:30px; line-height:30px; display:inline-block; position:relative; top:-5px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-perex { font-size:16px; line-height:18px; font-family: "TradeGothicLTProBC20"; color:#ffffff; margin-top:8px; display:none; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a { position:relative; text-decoration:none; color:#ffffff; padding:0 10px; display:inline-block; border-radius:23px; -webkit-border-radius:23px; -ms-border-radius:23px; -moz-border-radius:23px; background-color:#1d7ab9; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { display: inline-block; background: none; height:46px; line-height:46px; font-size:28px; text-transform:uppercase; font-family: "TradeGothicLTProBC20Fixed"; white-space: nowrap; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before, .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { display:none; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before { left:0px; top:0; background:url('/-a95725---EBhhXzS8/header-button-yellow-left') no-repeat 0 0; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { right:0px; top:0; background:url('/-a95727---NwVrfpuM/header-button-yellow-right') no-repeat 0 0; } .ms-books .carousel-box-microsite .carousel { height:433px; } @media (max-width:650px) { .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:-115px; top:107px; margin-left:0; transform: scale(0.55); } .ms-books .carousel-box-microsite .carousel .carousel-sticker { top:-96px; left:-115px; margin-left:0; transform: scale(0.40); } } @media screen and (min-width: 651px) { .ms-books .carousel-box-microsite .carousel { height:615px; } .ms-books .carousel-box-microsite .carousel-inner .slider-image-desktop { display:block; } .ms-books .carousel-box-microsite .carousel-inner .slider-image-mobile { display:none; } .ms-books .carousel-box-microsite .carousel-control-wrap { height:49px; text-align:right; bottom:21px; } .carousel-control-inner { width:80px; margin-right:28px; } .ms-books .carousel-box-microsite .carousel-control-left { background:url('/-a91713---g-vjy0-B/arrow-left-white') no-repeat 0 0; } .ms-books .carousel-box-microsite .carousel-control-seperator { background:url('') no-repeat 0 0; right:33px; } .ms-books .carousel-box-microsite .carousel-control-right { background:url('/-a91715---1j7xb4DG/arrow-right-white') no-repeat 0 0; } .ms-books .carousel-box-microsite .carousel-control-seperator { width:16px; height:49px; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:20px; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text { top:52%; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:-9%; top:160px; margin-left:0; transform: scale(0.7); } .ms-books .carousel-box-microsite .carousel .carousel-sticker { top:-79px; left:-9%; margin-left:0; transform: scale(0.5); background-position: center top; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-title { margion-top:21px; } } @media screen and (min-width: 768px) { .ms-books .carousel-box-microsite { padding-bottom:0; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text { top:54%; } .ms-books .carousel-box-microsite .carousel .carousel-inner-text-anchor { margin-top:14px; } .ms-books .carousel-box-microsite .carousel-links { position:absolute; z-index:5; top:170px; right:0; width:100%; width:174px; } .ms-books .carousel-box-microsite .carousel-links-item { margin-bottom:24px; float:none; width:100%; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { } .ms-books .carousel-box-microsite .carousel .carousel-sticker-perex { display:block; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:-7%; top:200px; margin-left:0; transform: scale(0.7); } .ms-books .carousel-box-microsite .carousel .carousel-sticker { top:-63px; left:-7%; margin-left:0; transform: scale(0.6); } } @media screen and (min-width: 978px) { .ms-books .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:5%; top:347px; margin-left:0; transform: scale(1); } .ms-books .carousel-box-microsite .carousel .carousel-sticker { top:0px; left:5%; margin-left:-0; transform: scale(1); } } @media screen and (min-width: 1160px) { .ms-books .carousel-box-microsite .carousel .carousel-inner-text { top:62%; width:389px; } .ms-books .carousel-box-microsite .carousel .carousel-sticker-button-anchor { left:4%; top:350px; margin-left:0; transform: scale(1); } .ms-books .carousel-box-microsite .carousel .carousel-sticker { top:0; left:5%; margin-left:0; transform: scale(1); } } .mapycz-map-canvas { min-height: 360px; } .mapycz-map-info { text-align: center; margin-top: 20px; } .carousel-box-microsite-v1 { max-width:100%; width:100%; position:relative } .carousel-box-microsite-v1:after { content:""; display:block; width:158px; height:172px; position:absolute; top:100%; right:-5px; margin-top:-73px; background:url('/-a104682---BxeOmSet/header-cookie') no-repeat center top; background-size:cover; z-index:100; } .carousel-box-microsite-v1 .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-microsite-v1 .carousel-inner { position: relative; overflow: visible; width: 100%; height:100%; } .carousel-box-microsite-v1 .carousel-inner > .item { height:auto; min-height: 412px; position:relative; padding-bottom:20px; } .carousel-box-microsite-v1 .carousel-text { height:100%; } .carousel-box-microsite-v1 .carousel-inner .item-image { position:absolute; left:0; top:0; right:0; bottom:0; background-position:center top; background-repeat: no-repeat; background-size:cover; display:none; } .carousel-box-microsite-v1 .carousel-inner .item-image-mobile { display:block; } .carousel-box-microsite-v1 .carousel-inner > .active, .carousel-box-microsite-v1 .carousel-inner > .next, .carousel-box-microsite-v1 .carousel-inner > .prev { display: block; } .carousel-box-microsite-v1 .carousel-inner > .active { left: 0; } .carousel-box-microsite-v1 .carousel-inner > .next, .carousel-box-microsite-v1 .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-microsite-v1 .carousel-inner > .next { left: 100%; } .carousel-box-microsite-v1 .carousel-inner > .prev { left: -100%; } .carousel-box-microsite-v1 .carousel-inner > .next.left, .carousel-box-microsite-v1 .carousel-inner > .prev.right { left: 0; } .carousel-box-microsite-v1 .carousel-inner > .active.left { left: -100%; } .carousel-box-microsite-v1 .carousel-inner > .active.right { left: 100%; } .carousel-box-microsite-v1 .carousel-control-inner { position:static; display:inline-block; height:100%; width:100px; } .carousel-box-microsite-v1 .carousel-control:hover { opacity:1; } .carousel-box-microsite-v1 .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-microsite-v1 .carousel-control-left { background:url('/-a104665---7kF9C9ar/arrow-left-white') no-repeat 0 0; left:15px; } .carousel-box-microsite-v1 .carousel-control-seperator { //background:url('') no-repeat 0 0; display:none; } .carousel-box-microsite-v1 .carousel-control-right{ background:url('/-a104667---ebjUXGbi/arrow-right-white') no-repeat 0 0; right:15px; } .carousel-box-microsite-v1 .carousel-text-video-content { position:relative; } .carousel-box-microsite-v1 .carousel-text-video-content:hover { cursor:pointer; } .carousel-box-microsite-v1 .carousel-text-video-content:before { display:block; width:48px; height:48px; content:""; position:absolute; top:50%; left:21%; transform:translateY(-50%); background:url('/-a104677---CZvMeBN5/btn-play') no-repeat 0 0; background-size:cover; transition:transform 200ms ease-in-out; } .carousel-box-microsite-v1 .carousel-text-video-content:hover:before { transform:translateY(-50%) scale(1.1); transition:transform 100ms ease-in-out; } .carousel-box-microsite-v1 .carousel-text-video-content { margin:0 19px; } .carousel-box-microsite-v1 .carousel-text-video img { border:3px solid #ffffff; } .carousel-box-microsite-v1 .carousel-text-info-content { padding-top:30px; } .carousel-box-microsite-v1 .carousel-text-info { margin-top:44px; position:relative; } .carousel-box-microsite-v1 .carousel-text-info:before { content:""; display:block; position:absolute; height:31px; top:-1px; left:0; right:0; width:100%; background:url('/-a104680---LvfipRj8/header-divider-mobile') no-repeat center top; } .carousel-box-microsite-v1 .carousel-text-info-title { font-size: 43px; line-height: 43px; color: #ffffff; margin-bottom: 0px; margin-top: 0px; font-family: "FutureCEBold"; padding: 0; text-transform: uppercase; text-align:center; } .carousel-box-microsite-v1 .carousel-text-info-body { font-size: 22px; line-height: 26px; color: #ffffff; margin-bottom: 29px; margin-top: 0px; font-family: "FutureCEBold"; padding: 0; text-transform: uppercase; text-align:center; } .carousel-box-microsite-v1 .carousel-text-video-wrap { display:inline-block; } @media screen and (min-width: 321px) { .carousel-box-microsite-v1 .carousel { height: auto; } .carousel-box-microsite-v1 .carousel-inner > .item { height:auto; min-height: 412px; } .carousel-box-microsite-v1 .carousel-inner .item-image-mobile { display:none; } .carousel-box-microsite-v1 .carousel-inner .item-image-tablet { display:block; } .carousel-box-microsite-v1 .carousel-text-video-content:before { transform:translate(-50%, -50%); left:50%; } .carousel-box-microsite-v1 .carousel-text-video-content:hover:before { transform:translate(-50%, -50%) scale(1.1); } .carousel-box-microsite-v1 .carousel-text-video-content { margin:0 34px; } } @media screen and (min-width: 768px) { .carousel-box-microsite-v1 .carousel-text-video { margin-top:71px; position:relative; } .carousel-box-microsite-v1 .carousel-text-video-content:before { width:105px; height:105px; } .carousel-box-microsite-v1 .carousel-text-info-content { padding-top:55px; } .carousel-box-microsite-v1 .carousel-text-info { margin-top:67px; } .carousel-box-microsite-v1 .carousel-text-info:before { height:52px; top:-1px; background:url('/-a104679---cvydbIYn/header-divider-notebook') no-repeat center top; } .carousel-box-microsite-v1 .carousel-text-info-title { font-size: 52px; line-height: 52px; } .carousel-box-microsite-v1 .carousel-text-info-body { font-size: 30px; line-height: 40px; } .carousel-box-microsite-v1:after { right:inherit; left:21%; width:234px; height:246px; margin-top:-163px; } } @media screen and (min-width: 960px) { } @media screen and (min-width: 1160px) { .carousel-box-microsite-v1 { max-width:1920px; margin:0 auto; } .carousel-box-microsite-v1 .carousel { height: auto; } .carousel-box-microsite-v1 .carousel-inner > .item { height:auto; min-height: 412px; } .carousel-box-microsite-v1 .carousel-inner .item-image-tablet { display:none; } .carousel-box-microsite-v1 .carousel-inner .item-image-notebook { display:block; } .carousel-box-microsite-v1 .carousel-text-info { width:430px; margin-left:104px; } .carousel-box-microsite-v1 .carousel-text-info-title { font-size: 72px; line-height: 72px; } .carousel-box-microsite-v1 .carousel-text-info-body { font-size: 36px; line-height: 44px; } .carousel-box-microsite-v1:after { right:inherit; left:272px; width:234px; height:246px; margin-top:-143px; } } @media screen and (min-width: 1286px) { .carousel-box-microsite-v1 .carousel { height: auto; } .carousel-box-microsite-v1 .carousel-inner > .item { height:auto; min-height: 534px; } .carousel-box-microsite-v1 .carousel-inner .item-image-notebook { display:none; } .carousel-box-microsite-v1 .carousel-inner .item-image-desktop { display:block; } .carousel-box-microsite-v1 .carousel-text-video-content { margin:0; } .carousel-box-microsite-v1 .carousel-text-video { margin-top:111px; } .carousel-box-microsite-v1 .carousel-text-info { width:500px; margin-left:0; margin-top:145px; } .carousel-box-microsite-v1 .carousel-text-info-title { font-size:85px; line-height:85px; } .carousel-box-microsite-v1 .carousel-text-info-body { font-size:41px; line-height:55px; } .carousel-box-microsite-v1 .carousel-text-info-content { padding-top:65px; padding-right:20px; } .carousel-box-microsite-v1 .carousel-text-info:before { height:61px; top:-1px; background:url('/-a104681---yytCDMNf/header-divider-desktop') no-repeat left top; } .carousel-box-microsite-v1:after { margin-top:-126px; left:30.7%; } .carousel-box-microsite-v1 .carousel-text-video-content:before { left:50%; } } .carousel-v-lego { max-width:100%; width:100%; } .carousel-v-lego .carousel { position: relative; height: auto; overflow: visible; } .carousel-v-lego .carousel-inner { position: relative; overflow: visible; width: 100%; } .carousel-v-lego .carousel-inner > .item { height:100%; position:relative; } .carousel-v-lego .carousel .carousel-inner-text-title { text-indent:0; display:block; } .carousel-v-lego .carousel-inner > .active, .carousel-v-lego .carousel-inner > .next, .carousel-v-lego .carousel-inner > .prev { display: block; } .carousel-v-lego .carousel-inner > .active { left: 0; } .carousel-v-lego .carousel-inner > .next, .carousel-v-lego .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-v-lego .carousel-inner > .next { left: 100%; } .carousel-v-lego .carousel-inner > .prev { left: -100%; } .carousel-v-lego .carousel-inner > .next.left, .carousel-v-lego .carousel-inner > .prev.right { left: 0; } .carousel-v-lego .carousel-inner > .active.left { left: -100%; } .carousel-v-lego .carousel-inner > .active.right { left: 100%; } .carousel-v-lego .carousel-control-wrap { max-width:1400px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .carousel-v-lego .carousel-control:hover { opacity:1; } .carousel-v-lego .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-v-lego .carousel-control-left { background:url('') no-repeat 0 0; left:0px; } .carousel-v-lego .carousel-control-seperator { background:url('') no-repeat 0 0; right:41px; } .carousel-v-lego .carousel-control-right{ background:url('') no-repeat 0 0; right:0px; } .carousel-v-lego .carousel-control-seperator { width:16px; height:49px; position:absolute; bottom:0; } .carousel-v-lego .carousel .carousel-inner { min-height:526px; position:relative; } .carousel-v-lego .carousel .carousel-inner:after { content:""; width:52px; height:52px; display:block; bottom:12px; right:24px; background:url('/-a105524---Mb9ff4Eg/lego-logo') no-repeat 0 0; background-size:cover; position:absolute; } .carousel-v-lego .carousel .carousel-content { position:static; } .carousel-v-lego .carousel .carousel-inner-text { position:static; height:auto; padding:0; left:0; top:0; padding-top:27px; } .carousel-v-lego .carousel .carousel-wrap { padding-bottom:66px; } .carousel-v-lego .carousel .carousel-inner-text-image { background:url(/-a105522---VkZVQoGi/visa-m) no-repeat left top; background-size:contain; min-height:52px; margin-top:16px; } .carousel-v-lego .carousel .carousel-inner-text:before { display:block; content:""; height:53px; width:100%; background:url(/-a105520---i_mgVvXm/header-separator-m) no-repeat center top; } .carousel-v-lego .carousel .carousel-inner-text-title { font-size:36px; line-height:40px; color:#ffffff; font-family:"FutureCEBold"; } .carousel-v-lego .carousel .carousel-inner-text-title span { font-size:66px; line-height:70px; display:inline-block; margin-top:28px; } .carousel-v-lego .carousel .carousel-inner-text-perex { font-size:22px; line-height:22px; color:#ffffff; font-family:"FutureCEBold"; } .carousel-v-lego .carousel .carousel-image { margin-top:10px; } @media screen and (min-width: 470px) { .carousel-v-lego .carousel { height:auto; } } @media screen and (min-width: 768px) { .carousel-v-lego .carousel .carousel-content { float:left; width:340px; } .carousel-v-lego .carousel .carousel-inner { height:390px; min-height:390px; } .carousel-v-lego .carousel .carousel-image { float:left; width:calc(100% - 340px); } .carousel-v-lego .carousel .carousel-image-content { padding:21px 5px 5px 68px; } .carousel-v-lego .carousel .carousel-inner-text { margin-top:6px; } .carousel-v-lego .carousel .carousel-inner-text-image { position:absolute; bottom:0; left:64px; background:url(/-a105523---E7gT4D2-/visa) no-repeat left top; background-size:contain; margin-top:16px; width:432px; height:62px; } .carousel-v-lego .carousel .carousel-wrap { position:relative; padding-bottom:68px; } .carousel-v-lego .carousel .carousel-inner:after { width:55px; height:55px; bottom:48px; right:13px; } } @media screen and (min-width: 1200px) { .carousel-v-lego .carousel .carousel-wrap { padding-bottom:38px; } } .module-recipes-carousell { background:url(/-a106517---h5ys45DC/vanoce-bg-carousell) no-repeat center bottom; background-size:cover; position:relative; margin-top:20px; } .module-recipes-carousell-title { text-align:center; text-transform:uppercase; font-family:"FutureCEBold"; font-size:20px; line-height:24px; color:#ffffff; margin:0; padding:10px 0; } .module-recipes-carousell-item-title { margin:13px 0 0 0; color:#ffffff; font-size:13px; line-height:15px; text-transform:uppercase; font-family: "FuturaBook"; text-align:center; } .module-recipes-carousell-items { padding-top:10px; padding-bottom:10px; width:100%; margin:0 auto; } .module-recipes-carousell .bx-wrapper { border:0; box-shadow:none; background-color:transparent; position:static; margin:0 auto; } .module-recipes-carousell .bx-viewport { height:auto!important; } .module-recipes-carousell-small .module-recipes-carousell-items { max-width:398px!important; } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:600px!important; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a { display:block; width:50px!important; height:60px!important; top: 50%; opacity: 1; position: absolute; text-indent:9999px; transition: opacity 100ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a:hover { opacity: 0.8; transition: opacity 200ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-prev { background:url(/-a104825----oBVoLYO/prev) no-repeat center bottom; right:inherit; left:-10px; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-next { background:url(/-a104826---BBjKXHqV/next) no-repeat center bottom; left:inherit; right:-10px;; } @media(min-width:979px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:979px) { .module-recipes-carousell-small .module-recipes-carousell-items{ max-width:650px!important; } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:1181px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:1160px!important; } } .carousel-box-albertZdrave { max-width:100%; width:100%; position:relative } .carousel-box-albertZdrave .carousel { position: relative; height: auto; overflow: visible; } .carousel-box-albertZdrave .carousel-inner { position: relative; overflow: visible; width: 100%; height:100%; } .carousel-box-albertZdrave .carousel-inner > .item { height:auto; min-height: 412px; position:relative; overflow:hidden; } .carousel-box-albertZdrave .carousel-text { height:100%; } .carousel-box-albertZdrave .carousel-inner .item-image-mobile { display:block; } .carousel-box-albertZdrave .carousel-inner > .active, .carousel-box-albertZdrave .carousel-inner > .next, .carousel-box-albertZdrave .carousel-inner > .prev { display: block; } .carousel-box-albertZdrave .carousel-inner > .active { left: 0; } .carousel-box-albertZdrave .carousel-inner > .next, .carousel-box-albertZdrave .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-box-albertZdrave .carousel-inner > .next { left: 100%; } .carousel-box-albertZdrave .carousel-inner > .prev { left: -100%; } .carousel-box-albertZdrave .carousel-inner > .next.left, .carousel-box-albertZdrave .carousel-inner > .prev.right { left: 0; } .carousel-box-albertZdrave .carousel-inner > .active.left { left: -100%; } .carousel-box-albertZdrave .carousel-inner > .active.right { left: 100%; } .carousel-box-albertZdrave .carousel-sticker { position:absolute; top:0; left:0; width:200px; margin:0 auto; left:0; right:0; top:-50px; } .carousel-box-albertZdrave .carousel-control-inner { position:static; display:inline-block; height:100%; width:100px; } .carousel-box-albertZdrave .carousel-control:hover { opacity:1; } .carousel-box-albertZdrave .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .carousel-box-albertZdrave .carousel-control-left { background:url('/-a107642---Y7YMf0d6/arrow-left-white') no-repeat 0 0; left:15px; } .carousel-box-albertZdrave .carousel-control-seperator { //background:url('') no-repeat 0 0; display:none; } .carousel-box-albertZdrave .carousel-control-right{ background:url('/-a107643---_Xtves2v/arrow-right-white') no-repeat 0 0; right:15px; } .carousel-box-albertZdrave .carousel-text-info-content { padding-top:120px; } .carousel-box-albertZdrave .carousel-button-wrap .carousel-leaflet-button { margin-top:20px; display:none; } .carousel-box-albertZdrave .carousel-text { position:absolute; top:0; left:0; } .carousel-box-albertZdrave .carousel-text-info { margin-top:44px; position:relative; } .carousel-box-albertZdrave .carousel-text-info-perex { color: #ffffff; margin-bottom: 10px; margin-top: 0px; font-family: "FutureCEBold"; padding: 0; text-align:center; text-transform:uppercase; font-size:20px; } .carousel-box-albertZdrave .carousel-text-info-body { color: #ffffff; margin-bottom: 29px; margin-top: 0px; font-family: "FutureMedium"; padding: 0; text-align:center; } .carousel-box-albertZdrave .carousel-text-info-body p { margin-bottom:0; } .carousel-box-albertZdrave .carousel-social { position:absolute; top:420px; left:100%; display:none; z-index:110; } .carousel-box-albertZdrave .carousel-social-fixed { position:fixed; top:100px; right:0; z-index:110; } .carousel-box-albertZdrave .carousel-social a { margin-bottom:3px; display:inline-block; padding-left:60px; padding-right:15px; color:#ffffff; line-height:59px; text-align:left; text-decoration:none; font-size:16px; transform:translateX(-59px); transition:transform 200ms; text-transform:uppercase; } .carousel-box-albertZdrave .carousel-social a:hover { transform:translateX(-100%); transition:transform 500ms; } .carousel-box-albertZdrave .carousel-instagram { height:59px; background:#1a9da1 url('/-a107649---DF-HW2A6/icon-inst') no-repeat 0 0; } .carousel-box-albertZdrave .carousel-facebook { height:59px; background:#1a9da1 url('/-a107923---w_sCqNWs/icon-fb') no-repeat 0 0; } .carousel-box-albertZdrave a.carousel-leaflet { height:59px; background:#1a9da1 url('/-a109988---cuynkLnC/icon-leafletdownload') no-repeat 0 0; padding-left:60px; padding-top:14px; line-height:17px; } @media screen and (min-width: 321px) { .carousel-box-albertZdrave .carousel { height: auto; } .carousel-box-albertZdrave .carousel-inner > .item { height:auto; min-height: 412px; } .carousel-box-albertZdrave .carousel-button-wrap .carousel-leaflet-button { display:inline-block; } } @media screen and (min-width: 550px) { .carousel-box-albertZdrave .carousel-sticker { width:250px; top:-70px; } .carousel-box-albertZdrave .carousel-text-info-content { padding-top:150px; } .carousel-box-albertZdrave .carousel-text-info-body { font-size: 20px; line-height: 31px; } } @media screen and (min-width: 650px) { .carousel-box-albertZdrave .carousel-sticker { width:392px;.carousel-box-albertZdrave .carousel-text-info-body top:-85px; } .carousel-box-albertZdrave .carousel-text-info-content { padding-top:277px; } .carousel-box-albertZdrave .carousel-text-info-body { font-size: 20px; line-height: 40px; } } @media screen and (min-width: 751px) { .carousel-box-albertZdrave .carousel-social { display:inline-block; } .carousel-box-albertZdrave .carousel-sticker { width:162px; top:-54px; } .carousel-box-albertZdrave .carousel-inner .item-image { position:absolute; left:0; top:0; right:0; bottom:0; background-position:73% top; background-repeat: no-repeat; /*background-size:cover;*/ } .carousel-box-albertZdrave .carousel-inner > .item { min-height:887px; } .carousel-box-albertZdrave .carousel-text-info-content { padding-top:65px; } .carousel-box-albertZdrave .carousel-button-wrap .carousel-button { min-width:402px; } .carousel-box-albertZdrave .carousel-text { position:relative; z-index:10; } .carousel-box-albertZdrave .carousel-text-info { margin-top:205px; } .carousel-box-albertZdrave .carousel-text-info-body { font-size: 25px; line-height: 35px; text-shadow:0 0 30px rgba(0,0,0,0.8); margin-bottom:0; } .carousel-box-albertZdrave .carousel-inner .item-image-mobile { display:none; } .carousel-box-albertZdrave .carousel-inner .item-image-notebook { display:block; } .carousel-box-albertZdrave .carousel-button-wrap { margin-top:34px; } .carousel-box-albertZdrave .carousel-button-wrap .carousel-button > span:before { margin-right:10px; } } @media screen and (min-width: 1142px) { .carousel-box-albertZdrave .carousel-sticker { width:392px; top:-93px; left:2%; right:inherit; } .carousel-box-albertZdrave .carousel-text { width:512px; float:left; margin-left:6%; margin-top:50px; } .carousel-box-albertZdrave .carousel-text-info-body, .carousel-box-albertZdrave .carousel-text-info-perex { text-align:left; text-shadow:none; } .carousel-box-albertZdrave .carousel-inner .item-image { background-position:center top; } .carousel-box-albertZdrave .carousel-button-wrap .carousel-button > span { padding:20px 40px; } } @media screen and (min-width: 1800px) { .carousel-box-albertZdrave .carousel-sticker { left:243px; } .carousel-box-albertZdrave .carousel-text { margin-left:304px; } .carousel-box-albertZdrave .carousel-text-info-body { font-size:30px; line-height:35px; } } @media screen and (min-width: 1901px) { .carousel-box-albertZdrave .carousel-inner .item-image { background-size:cover; } } .module-recipes-carousell { background:url(/-a108278---HztpL60j/bg-bio-d) no-repeat center bottom; background-size:cover; position:relative; margin-top:20px; } .module-recipes-carousell-title { text-align:center; text-transform:uppercase; font-family:"FutureCEBold"; font-size:20px; line-height:24px; color:#1a9da1; margin:0; padding:10px 0; } .module-recipes-carousell-item-title { margin:13px 0 0 0; color:#1a9da1; font-size:13px; line-height:15px; text-transform:uppercase; font-family: "FuturaBook"; text-align:center; } .module-recipes-carousell-items { padding-top:10px; padding-bottom:10px; width:100%; margin:0 auto; } .module-recipes-carousell .bx-wrapper { border:0; box-shadow:none; background-color:transparent; position:static; margin:0 auto; } .module-recipes-carousell .bx-viewport { height:auto!important; } .module-recipes-carousell-small .module-recipes-carousell-items { max-width:398px!important; } .module-recipes-carousell-small .module-recipes-carousell-item-image img { } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:600px!important; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a { display:block; width:50px!important; height:60px!important; top: 50%; opacity: 1; position: absolute; text-indent:9999px; transition: opacity 100ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a:hover { opacity: 0.8; transition: opacity 200ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-prev { background:#1a9da1 url(/-a109796---2j65THLV/prev-t-png) no-repeat center bottom; right:inherit; left:-10px; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-next { background:#1a9da1 url(/-a109797---9H2wBfOJ/next-t-png) no-repeat center bottom; left:inherit; right:-10px;; } @media(min-width:979px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:979px) { .module-recipes-carousell-small .module-recipes-carousell-items{ max-width:650px!important; } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:1181px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:1160px!important; } } .module-recipes-carousell { background:url(/-a111136---i8b-4mKm/ms-jaro-carousell-jpg) no-repeat center bottom; background-size:cover; position:relative; margin-top:20px; } .module-recipes-carousell-item-text { font-size:18px; line-height:20px; } .module-recipes-carousell-item-title { margin:13px 0 0 0; font-size:13px!important; line-height:15px!important; text-transform:uppercase; font-family: "FuturaBook"; text-align:center; } .recipe-carousell .module-recipes-carousell .module-recipes-carousell-title { font-size:21px; line-height:25px; padding:0 10px; } .module-recipes-carousell-items { padding-top:10px; padding-bottom:10px; width:100%; margin:0 auto; } .module-recipes-carousell .bx-wrapper { border:0; box-shadow:none; background-color:transparent; position:static; margin:0 auto; } .module-recipes-carousell .bx-viewport { height:auto!important; } .module-recipes-carousell-small .module-recipes-carousell-items { max-width:398px!important; } .module-recipes-carousell-small .module-recipes-carousell-item-image img { } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:600px!important; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a { display:block; width:50px!important; height:60px!important; top: 50%; opacity: 1; position: absolute; text-indent:9999px; transition: opacity 100ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a:hover { opacity: 0.8; transition: opacity 200ms ease-in-out; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-prev { background:#cd155e url(/-a109796---2j65THLV/prev-t-png) no-repeat center bottom; right:inherit; left:-10px; } .module-recipes-carousell .bx-wrapper .bx-controls-direction a.bx-next { background:#cd155e url(/-a109797---9H2wBfOJ/next-t-png) no-repeat center bottom; left:inherit; right:-10px;; } @media(min-width:979px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:979px) { .module-recipes-carousell-small .module-recipes-carousell-items{ max-width:650px!important; } .module-recipes-carousell-large .module-recipes-carousell-items { max-width:860px!important; } } @media(min-width:1181px) { .module-recipes-carousell-large .module-recipes-carousell-items { max-width:1160px!important; } } .carousel { position: relative; height: 350px; overflow: hidden; } .carousel-box.hp { max-width:1160px; margin:0 auto; } .carousel-box.hp .carousel { position: relative; height: 234px; overflow: hidden; } .carousel-box.hp img { max-width:none; position:relative; top:-50px; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .hp .carousel-inner .carousel-inner-text:before { content:""; height:100%; width:100%; position:absolute; top:0; left:0; /*background-color:rgba(0,0,0,0.3); background: -webkit-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -ms-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -o-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -moz-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% );*/ } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 75px; height: 205px; font-size: 20px; color: #ffffff; text-align: center; z-index: 75; opacity:0.4; -webkit-transition:opacity 1s; transition:opacity 1s; } .carousel-control.carousel-control-extra { top:50%; width:28px; height:43px; transform:translateY(-50%); } .carousel-box.hp .carousel-control { position: absolute; width: 35px; height: 123px; } .carousel-control:hover { opacity:1; } .carousel-control:before { display: block; position: absolute; bottom: 4px; left: 50%; margin: 0 0 0 -14px; } .carousel-control-right { left: auto; right: 0; } .carousel-control:hover, .carousel-control:focus { outline: none;r color: #ffffff; text-decoration: none; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 101; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-box.hp .carousel-indicators { bottom: 30px; } .carousel-indicators li { margin: 1px; text-indent: -999px; cursor: pointer; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } .carousel-caption .btn { text-shadow: none; } .carousel-inner-text { top: 0; left: 0; height: 350px; overflow: hidden; padding-top: 186px; position: absolute; z-index:0; } .carousel-box.hp .carousel-inner-text { position:absolute; width:100%; } .carousel-box.hp .carousel-inner-text { padding-top:40px; height:164px; } .carousel-inner-text h2 { position: relative; z-index: 100; color: #fff; font-size: 36px; text-align: center; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.75); font-weight: bold; text-transform:none; } .carousel-box.hp .carousel-inner-text h2 { font-size: 22px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); padding:0 35px; } .ie .carousel-inner-text h2 { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .carousel-inner-text h2 a { color: #fff; text-decoration: none; } .carousel-inner-text-more { position: relative; z-index: 100; text-align: right; margin: 40px; font-size: 1.1em; } .carousel-box.hp .carousel-inner-text-more { position: absolute; text-align: center; font-size: 1.142em; right:12px; top:10px; display:none; margin:0; } .carousel-box.hp .carusel-content-text__button { position: absolute; z-index:50; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:11px; right:20px; left:20px; top:auto; display:inline-block; text-align:center; position:absolute; } .carousel-box.hp .carousel-video .carousel-inner-text-more { position:static; text-decoration:none; display:inline-block; } .carousel-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .carousel-inner-text-more a { color: #fff; text-decoration: none; text-shadow: 0 2px 3px #000, 0 0 6px #000; } .carousel-box.hp .carousel-inner-text-more a { text-shadow: 0px 1px 5px rgba(0,0,0,0.4); padding:7px 15px; border:1px solid #ffffff; display:inline-block; } .ie .carousel-inner-text-more { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .wrapper-carousel-box-menu-content { background-color:#ffffff; padding:0; margin:0; } .carousel-box.hp .carousel-banner .carousel-inner-text-more, .carousel-box.hp .carousel-video .carousel-inner-text-more { font-size:20px; padding:12px 26px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more:after { display:inline-block; content:'\00BB'; padding-left:5px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more.bg-white, .carousel-box.hp .carousel-video .carousel-inner-text-more.bg-white { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.7); text-shadow:none; color:#000000; } @media(max-width:759px) { .carousel-box.hp .carousel-banner { padding-bottom:0; } .carousel-box.hp .carusel-content-text__button { display:none; } .carousel-box.hp .carousel-control { height:100%; } .carousel-box.hp .carousel-control:before, .carousel-box.hp .carousel-control:after { bottom:50%; transform:translateY(50%); } } @media screen and (min-width: 768px) { .carousel-box.hp .carousel { height:346px; } .carousel-box.hp .carousel-control { height:163px; width:75px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } .carousel-box.hp .carousel-indicators { bottom: 56px; } .carousel-box.hp .carousel-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .wrapper-carousel-box-menu-content { margin-left:2%; } .carousel-box.hp .carousel-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:95px; height:250px; width:100%; } .carousel-box.hp .carousel-inner-text h2 { font-size:44px; padding:0 50px; } } @media screen and (min-width: 978px) { .carousel-box.hp .carousel { height:472px; } .carousel-box.hp .carousel-control { height:252px; } .carousel-box.hp .carousel-inner-text h2 { width:550px; margin:0 auto; } .carousel-box.hp .carousel-inner-text-more { position: absolute; display:block; right:70px; } .carousel-box.hp .carousel-banner .carousel-inner-text-more { top:187px; } .carousel-box.hp .carousel-banner .carusel-content-text__button { bottom:30px; right:20px; } .carousel-box.hp .carousel-default .carusel-content-text__button-recipes { bottom:104px; right:20px; } .carousel-box.hp .carousel-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:150px; height:322px; width:100%; } } .carousel-banner .u-link-overlay, .carousel-video .u-link-overlay, .carousel-default .u-link-overlay { z-index:60; } .carousel-banner, .carousel-video, .carousel-default { width:100%; height:auto!important; margin-top:44px; /*padding-bottom:40px;*/ } .carousel-banner .carousel-indicators { bottom:30px!important; } .carousel-banner img { max-width:100%!important; top:0px!important; } .carousel-banner .carousel-inner-text-more { display:inline-block!important; top:auto!important; bottom:40px; } .carousel-banner .carousel-inner-text { height:100%!important; padding-top:0!important; } .carousel-banner .carousel-inner-text .inner-page { height:100%; } .carousel-video .item { position:relative; height:300px; } .carousel-video .box-header-hp-video { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .carousel-video .box-header-hp-video iframe { width:504px; height:180px; position:absolute; top:0; left:50%; transform: translateX(-50%); } @media screen and (max-width: 979px) { .carousel-banner .carousel-inner-text-more { bottom:60px; } } @media screen and (min-width: 520px) { .carousel-video .box-header-hp-video iframe { width:759px; height:270px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:350px; } } @media screen and (max-width: 767px) { .carousel-banner .carousel-inner-text-more { bottom:-68px; max-width:200px; left:0!important; right:0!important; margin:0 auto!important; } .carousel-banner .carousel-inner-text, .carousel-banner .carousel-inner { overflow:initial; } .carousel-banner { padding-bottom:70px; } .carousel-banner .carusel-content-text__button { top:100%; left:20px; right:20px; margin:16px auto 0; } .carousel-default .carusel-content-text__button-recipes { bottom:0; left:20px; right:20px; margin:16px auto 0; } } @media screen and (min-width: 768px) { .carousel-video .box-header-hp-video iframe { width:967px; height:347px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:347px; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:50px; right:20px; text-align:right; } .carousel-banner .carusel-content-text__button { bottom:50px; right:20px; text-align:right; } .carousel-default .carusel-content-text__button-recipes { bottom:104px; right:20px; text-align:right; } } @media screen and (min-width: 980px) { .carousel-video .box-header-hp-video iframe { width:1177px; height:422px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:422px; } .carousel-box.hp .carousel-video .carousel-inner-text-wrap { bottom:50px; right:20px; } } @media screen and (min-width: 1180px) { .carousel-box.hp .item img { max-width:100%; } .carousel-box.hp .carousel-indicators { bottom:82px; } .carousel-video .box-header-hp-video iframe { width:1164px; height:436px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carousel-video .item { position:relative; height:436px; } } .carouselv { position: relative; height: 350px; overflow: hidden; } .carouselv-box.hp { max-width:1160px; margin:0 auto; } .carouselv-box.hp .carouselv { position: relative; height: 234px; overflow: hidden; } .carouselv-box.hp img { max-width:none; position:relative; top:-50px; } .carouselv-inner { position: relative; overflow: hidden; width: 100%; } .box-header-hp-video iframe .ytp-chrome-top { display:none; } .hp .carouselv-inner .carouselv-inner-text:before { content:""; height:100%; width:100%; position:absolute; top:0; left:0; /*background-color:rgba(0,0,0,0.3); background: -webkit-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -ms-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -o-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: -moz-linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% ); background: linear-gradient( bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60% );*/ } .carouselv-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carouselv-inner > .item > img, .carouselv-inner > .item > a > img { line-height: 1; } .carouselv-inner > .active, .carouselv-inner > .next, .carouselv-inner > .prev { display: block; } .carouselv-inner > .active { left: 0; } .carouselv-inner > .next, .carouselv-inner > .prev { position: absolute; top: 0; width: 100%; } .carouselv-inner > .next { left: 100%; } .carouselv-inner > .prev { left: -100%; } .carouselv-inner > .next.left, .carouselv-inner > .prev.right { left: 0; } .carouselv-inner > .active.left { left: -100%; } .carouselv-inner > .active.right { left: 100%; } .carouselv-control { position: absolute; top: 0; left: 0; bottom: 0; width: 75px; height: 205px; font-size: 20px; color: #ffffff; text-align: center; z-index: 75; opacity:0.4; -webkit-transition:opacity 1s; transition:opacity 1s; } .carouselv-control.carouselv-control-extra { top:50%; width:28px; height:43px; transform:translateY(-50%); } .carouselv-box.hp .carouselv-control { position: absolute; width: 35px; height: 123px; } .carouselv-control:hover { opacity:1; } .carouselv-control:before { display: block; position: absolute; bottom: 4px; left: 50%; margin: 0 0 0 -14px; } .carouselv-control-right { left: auto; right: 0; } .carouselv-control:hover, .carouselv-control:focus { outline: none;r color: #ffffff; text-decoration: none; } .carouselv-control .icon-prev, .carouselv-control .icon-next, .carouselv-control .glyphicon-chevron-left, .carouselv-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carouselv-control .icon-prev, .carouselv-control .glyphicon-chevron-left { left: 50%; } .carouselv-control .icon-next, .carouselv-control .glyphicon-chevron-right { right: 50%; } .carouselv-control .icon-prev, .carouselv-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carouselv-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carouselv-box.hp .carouselv-indicators { bottom: 20px; } .carouselv-indicators li { margin: 1px; text-indent: -999px; cursor: pointer; } .carouselv-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } .carouselv-caption .btn { text-shadow: none; } .carouselv-inner-text { top: 0; left: 0; height: 350px; overflow: hidden; padding-top: 186px; position: absolute; z-index:0; } .carouselv-box.hp .carouselv-inner-text { position:absolute; width:100%; } .carouselv-box.hp .carouselv-inner-text { padding-top:40px; height:164px; } .carouselv-inner-text h2 { position: relative; z-index: 100; color: #fff; font-size: 36px; text-align: center; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.75); font-weight: bold; text-transform:none; } .carouselv-box.hp .carouselv-inner-text h2 { font-size: 30px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); padding:0 35px; } .ie .carouselv-inner-text h2 { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .carouselv-inner-text h2 a { color: #fff; text-decoration: none; } .carouselv-inner-text-more { position: relative; z-index: 100; text-align: right; margin: 40px; font-size: 1.1em; border-radius:5px; } .carouselv-box.hp .carouselv-inner-text-more { position: absolute; text-align: center; font-size: 1.142em; right:12px; top:10px; display:none; margin:0; } .carouselv-box.hp .carouselv-video .carouselv-inner-text-wrap { bottom:11px; right:20px; left:20px; top:auto; display:inline-block; text-align:center; position:absolute; } .carouselv-box.hp .carouselv-video .carouselv-inner-text-more { position:static; text-decoration:none; display:inline-block; } .carouselv-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .carouselv-inner-text-more a { color: #fff; text-decoration: none; text-shadow: 0 2px 3px #000, 0 0 6px #000; } .carouselv-box.hp .carouselv-inner-text-more a { text-shadow: 0px 1px 5px rgba(0,0,0,0.4); padding:7px 15px; border:1px solid #ffffff; display:inline-block; } .ie .carouselv-inner-text-more { zoom: 1; background-color: #999999; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color=#999999) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#999999) } .wrapper-carouselv-box-menu-content { background-color:#ffffff; padding:0; margin:0; } .carouselv-box.hp .carouselv-banner .carouselv-inner-text-more, .carouselv-box.hp .carouselv-video .carouselv-inner-text-more { font-size:20px; padding:12px 26px; } .carouselv-box.hp .carouselv-banner .carouselv-inner-text-more:after { display:inline-block; content:'\00BB'; padding-left:5px; } .carouselv-box.hp .carouselv-banner .carouselv-inner-text-more.bg-white, .carouselv-box.hp .carouselv-video .carouselv-inner-text-more.bg-white { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.7); text-shadow:none; color:#000000; } @media screen and (min-width: 768px) { .carouselv-box.hp .carouselv { height:346px; } .banner-overlay { height:346px; } .carouselv-box.hp .carouselv-control { height:163px; width:75px; } .carouselv-control .icon-prev, .carouselv-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carouselv-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carouselv-indicators { bottom: 20px; } .carouselv-box.hp .carouselv-indicators { bottom: 56px; } .carouselv-box.hp .carouselv-info-image { position: absolute; left: 0; top: 0; z-index: 50; height: 100%; width: auto; } .wrapper-carouselv-box-menu-content { margin-left:2%; } .carouselv-box.hp .carouselv-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:95px; height:250px; width:100%; } .carouselv-box.hp .carouselv-inner-text h2 { font-size:44px; padding:0 50px; } } @media screen and (min-width: 978px) { .carouselv-box.hp .carouselv { height:472px; } .banner-overlay { height:472px; } .carouselv-box.hp .carouselv-control { height:252px; } .carouselv-box.hp .carouselv-inner-text h2 { width:550px; margin:0 auto; } .carouselv-box.hp .carouselv-inner-text-more { position: absolute; display:block; right:70px; } .carouselv-box.hp .carouselv-banner .carouselv-inner-text-more { top:187px; } .carouselv-box.hp .carouselv-inner-text { top: 0; left: 0; overflow: hidden; position: absolute; z-index:0; padding-top:150px; height:322px; width:100%; } } .carouselv-banner .u-link-overlay, .carouselv-video .u-link-overlay, .carouselv-default .u-link-overlay { z-index:60; } .carouselv-banner, .carouselv-video, .carouselv-default { width:100%; height:auto!important; margin-top:44px; /*padding-bottom:40px;*/ } .carouselv-banner .carouselv-indicators { bottom:60px!important; } .carouselv-banner img { max-width:100%!important; top:0px!important; } .carouselv-banner .carouselv-inner-text-more { display:inline-block!important; top:auto!important; bottom:40px; } .carouselv-banner .carouselv-inner-text { height:100%!important; padding-top:0!important; } .carouselv-banner .carouselv-inner-text .inner-page { height:100%; } .carouselv-video .item { position:relative; height:300px; } .carouselv-video .box-header-hp-video { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .carouselv-video .box-header-hp-video iframe { width:504px; height:180px; position:absolute; top:0; left:50%; transform: translateX(-50%); } @media screen and (max-width: 979px) { .carouselv-banner .carouselv-inner-text-more { bottom:60px; } } @media screen and (min-width: 520px) { .carouselv-video .box-header-hp-video iframe { width:759px; height:270px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carouselv-video .item { position:relative; height:350px; } .banner-overlay { height:350px; } } @media screen and (max-width: 766px) { .carouselv-banner .carouselv-inner-text-more { bottom:-50px; max-width:200px; left:0!important; right:0!important; margin:0 auto!important; } .carouselv-banner .carouselv-inner-text, .carouselv-banner .carouselv-inner { overflow:initial; } .carouselv-banner { padding-bottom:70px; } } @media screen and (min-width: 768px) { .carouselv-video .box-header-hp-video iframe { width:967px; height:347px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carouselv-video .item { position:relative; height:347px; } .banner-overlay { height:347px; } .carouselv-box.hp .carouselv-video .carouselv-inner-text-wrap { bottom: 50px; right: 20px; text-align: right; } } @media screen and (min-width: 980px) { .carouselv-video .box-header-hp-video iframe { width:1177px; height:422px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carouselv-video .item { position:relative; height:422px; } .banner-overlay { height:422px; } .carouselv-box.hp .carouselv-video .carouselv-inner-text-wrap { bottom: 50px; right: 20px; } } @media screen and (min-width: 1180px) { .carouselv-box.hp .item img { max-width:100%; } .carouselv-box.hp .carouselv-indicators { bottom:82px; } .carouselv-video .box-header-hp-video iframe { width:1164px; height:436px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .carouselv-video .item { position:relative; height:436px; } .banner-overlay { height:436px; } } .recipe-bio { position:relative; } .recipe-bio-wrap { z-index:3; width:90px; height:90px; left:15px; top:15px; position:absolute; } .recipe-bio-wrap-small { width:55px; height:55px; } .recipe-bio-icon { width:100%; height:100%; background-size:cover!important; } .recipe-bio-icon { background:url('/-a116676---heEkaR1f/bio-logo-png') no-repeat 0 0 ; background-size:cover!important; } .deco-pane-pair__body { } .deco-pane-pair__body-content { padding: 15px; background-color: #fff; } @media screen and (min-width: 980px) { .deco-pane-pair__body { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } } /** * @singleton
#tail-top-1 #tail-top-2 #tail-top-3 #tail-top-4
*/ #tail { padding: 0; max-width:100%; margin:0 auto; } #tail, #tail .trademark:before, #tail .icon-over:before { background-color: #ffffff; } .tail-h { font-size: 1.125em; line-height: 1.5; font-weight: bold; padding: 0.25em 0; margin: 0 0 15px; } #tail-top { padding: 0 0 20px; border-bottom:1px solid #e5e5e5; } #tail-top:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; } #tail-top .tail-h { text-align:center; font-size:1.846em; color:#666666; padding:34px; margin-bottom:0; text-transform:uppercase; font-family: TradeGothicLTPro, Arial, sans-serif; } #tail-top-1, #tail-top-2, #tail-top-2-1, #tail-top-3, #tail-top-4 { width:100%; } #tail-top-1 { text-align:center; border-bottom:1px solid #e5e5e5; } #tail-top-1 > li { display:inline-block; } #tail-top-1 > li a { margin:0 30px; } #tail-top-1 > li a, #tail-top-1 > li a:link, #tail-top-1 > li a:visited { font-size:1.384em; line-height:59px; font-family: TradeGothicLTPro, Arial, sans-serif; color:#217cc1; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-transform:uppercase; font-weight:bold; } #tail-top-1 > li a:hover { color:#1f72b2; } #tail-top-1 > li:first-child a { margin-left:0; } #tail-top-1 > li:last-child a { margin-right:0; } #tail-top-2 .image-list, #tail-top-2-1 .image-list { text-align:center; margin-bottom:59px; margin-right:0; } #tail-top-2 .image-list > li, #tail-top-2-1 .image-list > li { display:inline-block; float:none; margin:0 15px; } #tail-top-3 { border-top:1px solid #e5e5e5; } #tail-top-3 #tail-top-3a { text-align:center; } #tail-top-3 #tail-top-3a > li { display:inline-block; } #legal { height: 56px; text-align: right; } #legal, #legal > li { line-height: 56px; list-style-type: none; padding: 0; color:#666666; font-size:14px; } #legal > li { vertical-align: top; display: inline-block; } #legal > li:first-child { float: left; padding-left:10px; } #legal > li:last-child { padding-right:10px; } @media screen and (max-width: 979px) { #tail-top-1 > li a { margin:0 14px; } } @media screen and (max-width: 759px) { #tail-top-1 > li { display:block; border-bottom:1px solid #e5e5e5; } #tail-top-1 > li:last-child { border:none; } #tail-top-1 > li a { margin:0; } #legal { height: auto; text-align: center; padding: 15px 0; } #legal, #legal > li { line-height: 2; } #legal > li, #legal > li:first-child { float: none; } } @media screen and (max-width: 479px) { #tail-newsletter-registration .tail-h { font-size: 0.95em; } #tail-top-3 { border:none; } #legal > li:last-child { display:none; } #tail-top-2 .image-list, #tail-top-2-1 .image-list { margin-bottom:0; } } /** * @singleton * Page container. ... .if-assisted
#header #site-home #search #main-frame #main-menu #contacts #tail
*/ #page { max-width: 1920px; width:100%; margin: 0 auto; position: relative; //height:100%; } .m1-minus, .m2-minus, .m3-minus, .m4-minus { display: none !important; } .inner-page { max-width:1160px; width:100%; margin:0 auto; position:relative; } @media screen and (max-width: 319px) { #page { width: 240px; } .m2-plus, .m3-plus, .m4-plus, .m5-plus { display: none !important; } .m1-minus, .m2-minus, .m3-minus, .m4-minus { display: block !important; } } @media screen and (min-width: 320px) and (max-width: 479px) { #page { max-width: 479px; width:100%; } .m3-plus, .m4-plus, .m5-plus { display: none !important; } .m2-minus, .m3-minus, .m4-minus { display: block !important; } } @media screen and (min-width: 480px) and (max-width: 759px) { #page { max-width: 759px; width:100%; } .m4-plus, .m5-plus { display: none !important; } .m3-minus, .m4-minus { display: block !important; } } @media screen and (min-width: 760px) and (max-width: 979px) { #page { max-width: 979px; width:100%; } .m5-plus { display: none !important; } .m4-minus { display: block !important; } } #main-menu, #contacts { z-index: 150; } /** * @singleton * Contact information - moved to the header. */ #contacts { text-align:center; padding-bottom:50px; } #contacts, #contacts > li { list-style-type: none; margin: 0; padding: 0; } #contacts > li { display:inline-block; padding: 0; color:#666; } #contacts a:link, #contacts a:visited { color: #666; } #contacts br { display: none; } @media screen and (max-width: 979px) { #contacts, #contacts > li { line-height: 1.5; } #contacts br { display: block; } #contacts > li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } } /** * @singleton * Main menu. */ #main-menu { height: 44px; position: absolute; left: 0; right: 0; top: 123px; text-align: right; width:100%; margin:0 auto!important; z-index:210; background-color: #227fc6; } #main-menu.red { background-color:#bd2025; } #main-menu.red-2 { background-color:#da393a; } #main-menu.blue { background-color:#227ec4; } #main-menu.brown { background-color:#3e1909; } #main-menu.green { background-color:#7eb041; } #main-menu.wine { background-color:#cc2c77; } #main-menu.getfit { background-color:#1a9da1; } #main-menu.blue-transparent { background-color:rgba(49,165,211,0.8); } #main-menu.fixed { position: fixed; top: 0!important; left: 0; right: 0; z-index: 200; width: 100%; margin: 0 auto; max-width:100%; } #main-menu, #main-menu ul, #main-menu li { list-style-type: none; margin: 0; padding: 0; } #main-menu ul, #main-menu a, #main-menu:before { display: block; line-height: 44px; height: 44px; padding: 0 10px; } #main-menu ul { padding:0; } #main-menu li { display: inline-block; vertical-align: top; text-align:left; } #main-menu li, #main-menu li.main-menu-left { float: left; } #main-menu li { position:relative; } ##main-menu li:nth-child(10) { position:relative; margin-left:15px; } ##main-menu li:nth-child(9) .shopping-list-content { margin-right:15px; } /** #main-menu li:nth-child(6), #main-menu li:nth-child(9) { position:relative; margin-left:15px; } #main-menu li:nth-child(5), #main-menu li:nth-child(8) .shopping-list-content { margin-right:15px; */ } #main-menu li:nth-child(10) { position:static; } /** #main-menu li:nth-child(6):before { content:"|"; position:absolute; left:-15px; color:#ffffff; font-size:22px; top:3px; } */ #main-menu a:link, #main-menu a:visited, #main-menu:before { text-decoration: none; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 1.285em; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } #main-menu a:hover { background-color: rgba(255, 255, 255, 0.25); } #main-menu li.main-menu-extra { float:none; } #main-menu .shopping-list-content { position:relative; } #main-menu .shopping-list-content:after{ content: "|"; position: absolute; right: -20px; color: #ffffff; font-size: 22px; top: 3px; } #main-menu li.main-menu-extra a:link, #main-menu li.main-menu-extra a:visited { text-transform: none; font-weight: normal; font-size: 1em; } #main-menu li.home-section span{ display:none; } #main-menu li.home-section { position:relative; } #main-menu li.home-section:after { content: "|"; position: absolute; right: -2px; color: #ffffff; font-size: 22px; top: 3px; } #main-menu li.home-section a:before { margin-right:0; } #main-menu .menu-main { display: none; } @media screen and (max-width: 759px) { #main-menu { top: 200px!important; } } @media screen and (max-width: 979px) { #main-menu { overflow: hidden; } #main-menu ul { display: block; float: left; padding: 0; margin:0; border: 1px solid #cdcdcd; height: 0; } #main-menu:before { content: "menu"; padding-left: 46px; text-align: left; } #main-menu:after { content: " "; display: block; background: transparent url('/-a3562---7_AE8IsQ/icons') no-repeat -48px 0; width: 24px; height: 24px; position: absolute; left: 10px; top: 10px; } #main-menu.main-menu-open, #main-menu.menu-open { overflow: visible; } #main-menu:hover ul, #main-menu.main-menu-open ul, #main-menu.menu-open ul { height: auto; } #main-menu li:nth-child(even), #main-menu li:nth-child(odd), #main-menu li.main-menu-left { float: none; display: block; } #main-menu a:link, #main-menu a:visited { text-align: left; padding: 0 20px; background-color: #fff; color: #666; } #main-menu a:hover { background-color: #f0f0f0; } #main-menu .shopping-list-content, #main-menu li.main-menu-newsletter { position: absolute; top: -44px; } #main-menu .shopping-list-content { right: 210px; } #main-menu .main-menu-newsletter { right: 0px; } #main-menu .main-menu-extra a { padding: 0 7px 0 15px; } #main-menu .main-menu-extra a:link, #main-menu .main-menu-extra a:visited { background-color: transparent; color: #fff; } #main-menu .main-menu-extra a:hover { background-color: rgba(255, 255, 255, 0.25); } #main-menu .menu-main { position: absolute; top: 0; left: 0; z-index: 199; display: inline-block; height: 38px; width: 130px; } #main-menu .main-menu--a127043 a { background-color:#60a845; color:#ffffff; } #main-menu .main-menu--a127043 img { margin-left:0; } } #main-menu .main-menu--a127043 img { margin:0 10px; position:relative; top:4px; } #main-menu .main-menu--active.main-menu--a127043 a, #main-menu .main-menu--a127043 a:hover { background-color:#60a845; color:#ffffff; } @media screen and (max-width: 979px) { #main-menu { top:123px; z-index:200; } #main-menu li:nth-child(5) { margin-right:0; } #main-menu li:nth-child(6) { margin-left:0; } #main-menu li.home-section:after, #main-menu li.home-section a:before { display:none; } #main-menu li.home-section span { display:block; } } @media screen and (max-width: 1140px) and (min-width:980px) { #main-menu .main-menu-extra a > span:first-child { display: none; } } @media screen and (max-width: 479px) { #main-menu .main-menu-extra a > span:first-child { font-size:11px; } #main-menu .shopping-list-content { right:71px; } } @media screen and (max-width: 319px) { #main-menu:before { content: ""; } } #main-menu .main-menu__submenu { background-color:#ffffff; max-height:0; overflow:hidden; position:relative; width:0; } #main-menu .main-menu__hassubmenu > a { padding-right:30px; } #main-menu .main-menu__hassubmenu.main-menu__no-click > a { cursor:default!important; } #main-menu .main-menu__submenu a { height:auto; line-height:22px; padding-bottom:9px; padding-top:9px; } #main-menu .main-menu__hassubmenu:before { position:absolute; top:15px; right:5px; content:"+"; display:block; width:15px; height:15px; line-height:15px; } #main-menu .main-menu__hassubmenu.main-menu--open:before { content:"-" } @media screen and (max-width: 599px) { #main-menu ul { width:100%; max-height:100%; overflow-y:auto; } #main-menu .main-menu--open .main-menu__submenu { max-height:800px; transition: max-height 300ms; padding-left:10px; padding-right:10px; width:auto; } #main-menu .main-menu--open > a { background-color: #f0f0f0; } } @media screen and (min-width: 600px) { #main-menu .main-menu__submenu a { color:#000000; text-align:left; } #main-menu .main-menu__submenu a:hover { background-color:#cccccc; } #main-menu li .main-menu__submenu { position:absolute; top:0; left:100%; } #main-menu li:hover .main-menu__submenu { max-height:800px; transition: max-height 300ms; min-width:300px; padding-left:0px; border: 1px solid #cdcdcd; } #main-menu .main-menu__hassubmenu:hover:before { content:"-" } } @media screen and (min-width: 980px) { #main-menu li .main-menu__submenu { top:100%; left:0; } #main-menu li:hover .main-menu__submenu { max-height:800px; transition: max-height 300ms; position:absolute; top:100%; left:0; min-width:300px; border: 1px solid #cdcdcd; } #main-menu .main-menu__hassubmenu:before { display:none; } #main-menu .main-menu--active { background-color:rgba(255, 255, 255, 0.25); } #main-menu .main-menu__hassubmenu > a { padding-right:15px; } } /** * @singleton * Main frame. ... */ #main-frame { max-width:1160px; margin:44px auto; position:relative; } #main-frame.extra-margin { margin:80px auto 38px; } #main-frame.iframe-homepage { margin:10px auto 38px; } @media screen and (min-width: 768px) { #main-frame.iframe-homepage { /*margin:-56px auto 38px;*/ margin:0px auto 38px } } @media screen and (min-width: 1160px) { #main-frame.iframe-homepage { /*margin:-56px auto 38px;*/ margin:0px auto 38px } } @media screen and (max-width: 319px) { #main-frame { width: 100%; } } @media screen and (min-width: 320px) and (max-width: 479px) { #main-frame { width: 100%; } } @media screen and (min-width: 480px) and (max-width: 759px) { #main-frame { width: 470px; } } @media screen and (min-width: 760px) and (max-width: 980px) { #main-frame { width: 750px; } } @media screen and (min-width: 980px) and (max-width: 1179px) { #main-frame { width: 960px; } } /** * @singleton * Page header. */ #header { padding: 0; /** background:#f1f1f1 url('/-a33108---wsNamS1t/pozadi-hlavicky') no-repeat center 0; **/ background:#f5f4ee no-repeat center 0; /** background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); **/ height:123px; /** //max-width:1160px; **/ margin:0 auto; } @media screen and (max-width: 759px) { #header { height: 200px; } } #site-home, #site-home-shadow { position: relative; } #site-home,#site-home-shadow,#site-home-shadow:after, #site-home:after { display: block; width: 112px; height: 105px; text-indent:-99999px; } #site-home:after { content: " "; background: transparent url('/-a89290---Chsfh07p/albert-nove-logo-png?_linka=a181308') no-repeat 0 0; position: absolute; top:11px; left:0px; z-index:300; } #site-home-shadow:after { content: " "; background: transparent url('/-a101614---XsbOQKDb/logo-albert-shadow-png?_linka=a224434') no-repeat 0 0; position: absolute; top:11px; left:0px; z-index:200; } /** * @singleton * Search area. */ #search { margin: 43px 0 0; padding: 0; position: absolute; left:0; top:0; z-index:230; width:100%; text-align:center; } #search .fulltext-input, #search .recipe-search { display: inline-block; } #search .fulltext-input { margin-left:-3px; } #search .recipe-search .icon-recipe-search-1 { padding: 3px 16px 1px; } #search #recipe-search-container { display: block; position: absolute; left: 0; right: 0; top: 80px; box-shadow: rgba(0, 0, 0, 0.25) 0 2px 2px; z-index: 300; } .search-leflet { text-align:center; padding:20px 0; } .search-leflet.search-static-filter { padding:0 0 20px 0; } .search-static-filter-perex { color:#a4a4a4; font-size:13px; margin-bottom:10px; } #search.no-recipe-search button { border:none; } #search.no-recipe-search button:after { top:8px; left:3px; } #search.no-recipe-search button:before { display:none; } #search.no-recipe-search button > span { display:block; padding:0; height:35px; } #search.no-recipe-search button > span > span { display:none; } .search-leflet .search-button-wrapper { display:inline-block; border:1px solid #d3d3d3; } .search-leflet .search-button-wrapper.search-border-dark-gray { border:1px solid #8e3a3a; } .search-leflet .search-button-wrapper input, .search-leflet .search-button-wrapper button { border:none; } .search-static-filter input[type=text]::-webkit-input-placeholder { color:#d2d2d2; font-style: italic; } .search-static-filter input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #d2d2d2; font-style: italic; } .search-static-filter input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #d2d2d2; font-style: italic; } .search-static-filter input[type=text]:-ms-input-placeholder { color: #d2d2d2; font-style: italic; } @media screen and (max-width: 759px) { #search .search-button-wrapper { float:right; margin-right:10px; } } @media screen and (max-width: 479px) { .recipe-search .icon-recipe-search { font-size:1.125em; } #search .search-button-wrapper { margin-left:0; } #search .button.extended { height:35px; line-height:30px; } #search .icon-before:before { margin-top:0px } } @media screen and (max-width: 319px) { #search .icon-before:before { display: none; } } /** * @singleton * Recipes detail. class: rendering-AHRecipe */ .rendering-AHRecipe h3.subtitle { font-size:1.6em; } .rendering-AHRecipe h2 { font-size:2.3em; } .rendering-AHRecipe .subframe { background-color:#ffffff; } .rendering-AHRecipe .recipe-image:after { content:""; display:block; width:20px; height:20px; position:absolute; z-index:10; right:10px; bottom:10px; background:url('/-a91632---Ozy68W1R/lupa-small') no-repeat center; } .rendering-AHRecipe .recipe-info-header { margin-bottom:6px; } .rendering-AHRecipe .recipe-info-title { color:#000000; font-size: 40px; text-transform: uppercase; text-shadow:none; } .rendering-AHRecipe .recipe-reating { margin-right:2px; margin-top:17px; } .rendering-AHRecipe .reating-number { color:#3d84c0; font-size:15px; } .rendering-AHRecipe .recipe-reating .icon { margin-left:3px; } .rendering-AHRecipe .recipe-print { margin-top:14px; } .rendering-AHRecipe .recipe-share .share-buttons > span { margin-bottom:5px; height:20px!important; } .rendering-AHRecipe .recipe-share .share-buttons-facebook { margin-left:-9px; } .rendering-AHRecipe .recipe-share .share-buttons-pinterest { margin-right:13px; } .rendering-AHRecipe .recipe-share .share-buttons-facebook div > span { height:20px!important; } .rendering-AHRecipe .recipe-share .share-buttons-twitter { margin-top:1px; } .rendering-AHRecipe .recipe-categorization { margin-top:11px; text-align:center; } .rendering-AHRecipe .recipe-banner-item-more { position: absolute; text-align: center; font-size:20px; padding:12px 26px; right:0; left:0; margin:0 auto; bottom:-70px; z-index:20; max-width:200px; } .rendering-AHRecipe .recipe-banner-item-more a { text-shadow: 0px 1px 5px rgba(0,0,0,0.4); padding:7px 15px; border:1px solid #ffffff; display:inline-block; } .rendering-AHRecipe .recipe-banner-item-more:after { display:inline-block; content:'\00BB'; padding-left:5px; } .rendering-AHRecipe .recipe-banner-item-more.bg-white { background-color:#ffffff; background-color:rgba(34, 127, 198, 1); text-shadow:none; color:#000000; } .rendering-AHRecipe .recipe-banner-item { margin-bottom:100px; } @media only screen and (max-width:1180px) { .rendering-AHRecipe .recipe-layout-r .print-link { position:static; margin-top:-15px; } } @media only screen and (min-width:760px) { .rendering-AHRecipe .recipe-categorization { text-align:left; } .rendering-AHRecipe .recipe-reating { margin-top:2px; } .rendering-AHRecipe .recipe-banner-item-more { position: absolute; display:block; right:70px; left:inherit; top:inherit; bottom:40px; } .rendering-AHRecipe .recipe-banner-item { margin-bottom:0px; } .rendering-AHRecipe .recipe-banner-item-more.bg-white { background-color:#ffffff; background-color:rgba(255, 255, 255, 0.7); text-shadow:none; color:#000000; } } .pane-triplet-r .recipes-page.preview-list > li { width: 380px; } .grafic-cat-legend { position:absolute; bottom:0; width:100%; overflow:hidden; height:68px; line-height:68px; background-color:#000000; background-color:rgba(0,0,0,0.6); } .grafic-cat-legend .legend { font-size:1.285em; color:#ffffff; text-transform:lowercase; margin-left: 20px; border-left: 1px solid #ffffff; padding-left: 20px; line-height:39px; display: inline-block; } @media screen and (max-width: 1179px) { .pane-triplet-r .recipes-page.preview-list > li { width: 300px; } } @media screen and (max-width: 979px) { .pane-triplet-r .recipes-page.preview-list > li { width: 360px; } } @media screen and (max-width: 759px) { .pane-triplet-r .recipes-page.preview-list > li { width: 470px; } } @media screen and (max-width: 479px) { .pane-triplet-r .recipes-page.preview-list > li { width: 320px; } .pane-triplet-r .recipes-page.preview-list > li .visual-preview-h { margin-top:132px; } .grafic-cat, .text-pane.no-padding { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .border-bottom { margin-bottom: 0; padding-bottom: 20px !important; /* overidujeme super vlastnost .border-bottom, ktera nastavuje spodni padding pomoci !important */ } .grafic-cat-wrapper, .no-mobile { display: none; } } /** * @singleton * Cookies box info
*/ .cookies-box{ position:fixed; padding:10px 0; background-color:#ffda00; background-color:rgba(255,218,0,0.8); width:100%; z-index:300; display:block; bottom:0; } .cookies-box.hide { display:none; } .cookies-box-content { color:#333333; font-size:12px; text-align:center; position:relative; font-weight:bold; width:80%; margin:0 auto; } .cookies-box-content p { margin:0; line-height:22px; } .cookies-box-button { position:absolute; width:10px; height:5px; right:10px; top:3px; cursor:pointer; font-size:21px; opacity:0.5; display:block; } .cookies-box-button:hover { transition: opacity 0.5s; opacity:1; } .cookies-confirm-button { display:inline-block; padding:3px 10px; margin-left:10px; color:#ffffff; background-color:#227ec4; font-weight:normal; cursor:pointer; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 50%; height: 100%; left: 0; top: 0; right:0; bottom:0; margin:auto; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; text-align:center; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:pointer; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } a.mpf-file { color:rgba(106,177,51,0.85); opacity:0.6; } a.mpf-file:hover { opacity:1; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgba(106,177,51,0.85); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-close { color: rgba(106,177,51,0.85)!important; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: -100px; } .mfp-arrow-left:after { border-right: 17px solid rgba(106,177,51,0.85); margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: -100px; } .mfp-arrow-right:after { border-left: 17px solid rgba(106,177,51,0.85); margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /*** animace z hora ************/ /* overlay at start */ .mfp-from-top.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-from-top.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-from-top.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-from-top.mfp-wrap .mfp-content { opacity: 0; top:-1000px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; transition: all 2s ease-out; } /* content animate it */ .mfp-from-top.mfp-wrap.mfp-ready .mfp-content { opacity: 1; top:0px; } /* content animate out */ .mfp-from-top.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-popup-action { display:inline-block; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .white-popup { position: relative; background: #FFF; padding: 30px; width: auto; max-width: 500px; margin: 20px auto; } .white-popup .mfp-close { right:-5px; } .mfp-responsive-image { max-width:100%; display:block; margin:0 auto; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .spolecne-jsme h1.h-area { margin-top:0 } .spolecne-jsme .perex { width:80%; text-align:center; text-transform:uppercase; font-weight:bold; margin:10px auto 30px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .spolecne-jsme .video { width:500px; margin:40px auto; } .spolecne-jsme .content p { font-family: "TradeGothicLTPro", Arial, sans-serif; text-align:center; text-transform:uppercase; font-size:1.2307em; line-height:23px; } .spolecne-jsme .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .spolecne-jsme .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .spolecne-jsme .gallery { margin:30px 0; } .spolecne-jsme .social { text-align:center; margin-bottom:15px; } .spolecne-jsme .social a{ padding:10px 15px; color:#ffffff; background-color:#227ec4; display:inline-block; text-decoration:none; font-size:20px; font-family: "TradeGothicLTPro", Arial, sans-serif; } @media screen and (max-width: 759px) { .spolecne-jsme .video, .spolecne-jsme .perex { width:100%; } } /* * shops */ .shops .shops-name > span { font-weight:bold; } @media screen and (max-width: 979px) { .shops { padding-borrom:10px } .shops > li > * { display:block; border:none; } .shops .shops-header { display:none; } .shops li > *:first-child { padding:5px 0; } .shops-name > span { padding-bottom:10px; display:inline-block; } .shops li > * { padding:5px 0; } .shops-link .button{ margin-bottom:10px; } .shops > li { border-bottom:1px solid #e7edf0; } .shops > li:last-child { border:none; } } /* * Header title */ .albertzdrave .h-area { display:none; } /* * Jidelnicek menu */ .food-menu { margin-left:5px; margin-bottom:10px; border-bottom:1px solid #e7edf0; display:inline-block; padding-right:10px; padding-left:5px; } .food-menu li { display:inline-block; margin-top:5px; } .food-menu-item a { text-decoration:none; background-color:#f0f0f0; } .food-menu-item a:hover { color:#2af; } .food-menu-item a.active { color:#2af; font-weight:bold; background-color:#ffffff; border:1px solid #e7edf0; border-bottom:none; position:relative; } .food-menu-item a.active:after { content:""; width:100%; height:-2px; position:absolute; bottom:0; left:0; background-color:#ffffff; display:block; } /* * Header title */ .food-content { max-height:2000px; transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; overflow:hidden; } .food-content.hidden { transition: max-height 0s ease-in-out; -webkit-transition: max-height 0s ease-in-out; -moz-transition: max-height 0s ease-in-out; -ms-transition: max-height 0s ease-in-out; -o-transition: max-height 0s ease-in-out; max-height:0; } .food-content-header { padding-top:10px; display:inline-block; } .food-content-item { padding:20px 0; border-bottom:1px solid #e7edf0; } .food-content-item:last-child { border:none; } .food-content-item h4 { margin-top:0; } .food-content-file { margin:20px 0 10px; } @media screen and (max-width: 759px) { .food-content-item h4 { margin-top:10px; } } /* * Loga partneru */ .partners-logo { max-width:962px; margin:0 auto; } @media screen and (max-width: 1179px) { .partners-logo { max-width:none; text-align:center; } } /* * Box soutez */ .albertzdrave #soutez { background:#ffffff url('/-a61576---xwf1h4WE/head-jpg') no-repeat right 0; } @media screen and (max-width: 759px) { .albertzdrave #soutez { background-image:none; } } /** * @singleton * Search area. */ #search { margin: 43px 0 0; padding: 0; position: absolute; left:0; top:0; z-index:230; width:100%; text-align:center; } #search .fulltext-input, #search .recipe-search { display: inline-block; } #search .fulltext-input { margin-left:-3px; } #search .recipe-search .icon-recipe-search-1 { padding: 3px 16px 1px; } #search #recipe-search-container { display: block; position: absolute; left: 0; right: 0; top: 80px; box-shadow: rgba(0, 0, 0, 0.25) 0 2px 2px; z-index: 300; } .search-leflet { text-align:center; padding:20px 0; } .search-leflet.search-static-filter { padding:0 0 20px 0; } .search-static-filter-perex { color:#a4a4a4; font-size:13px; margin-bottom:10px; } #search.no-recipe-search button { border:none; } #search.no-recipe-search button:after { top:8px; left:3px; } #search.no-recipe-search button:before { display:none; } #search.no-recipe-search button > span { display:block; padding:0; height:35px; } #search.no-recipe-search button > span > span { display:none; } .search-leflet .search-button-wrapper { display:inline-block; border:1px solid #d3d3d3; } .search-leflet .search-button-wrapper.search-border-dark-gray { border:1px solid #8e3a3a; } .search-leflet .search-button-wrapper input, .search-leflet .search-button-wrapper button { border:none; } .search-static-filter input[type=text]::-webkit-input-placeholder { color:#d2d2d2; font-style: italic; } .search-static-filter input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #d2d2d2; font-style: italic; } .search-static-filter input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #d2d2d2; font-style: italic; } .search-static-filter input[type=text]:-ms-input-placeholder { color: #d2d2d2; font-style: italic; } @media screen and (max-width: 759px) { #search .search-button-wrapper { float:right; margin-right:10px; } } @media screen and (max-width: 479px) { .recipe-search .icon-recipe-search { font-size:1.125em; } #search .search-button-wrapper { margin-left:0; } #search .button.extended { height:35px; line-height:30px; } #search .icon-before:before { margin-top:0px } } @media screen and (max-width: 319px) { #search .icon-before:before { display: none; } } #shop-search-tabs-container .card { min-height:10px!important; } .shop-search { min-height: 610px; } .shop-results{ float: left; width: 40%; height: 401px; margin-top: 20px; overflow-y: hidden; } .shop-search-heading { width: 40%; margin-left: 0; float: left; text-align: center; } .shop-results .tabular-list { } .shop-results .text-pane { padding-right: 0; padding-top: 0; } .shop-map { width: 60%; float: left; margin-top: 20px; } .shop-search-form { margin-bottom: -16px; margin-top: 15px; width: 100%; float: left; } .shop-search-form-input { width: 49%; } .shop-search-map .card .card-body { min-width:250px; } @media (max-width:759px) { .shop-search-form .shop-search-btn { font-size:10px; } .shop-search-form .shop-filters { font-size:11px; } .shop-search-form .shop-filters-s, .shop-search-form .shop-filters-h { display:inline-block; width:49%; } .shop-search-form .shop-filters-s label, .shop-search-form .shop-filters-h label { margin:0; } .shop-search-map .card .card-body { min-width:40vw; } .shop-results{ max-height: 401px; height:auto; } } @media screen and (min-width: 480px) { .shop-search-form .grid-unit.shop-filters { text-align:center; } } @media screen and (min-width: 760px) { .shop-search-form .shop-search-form-input { width:45%; } .shop-search-form .grid-unit.shop-filters { width:98%; text-align:left; } } @media screen and (min-width:980px) { .shop-search-form .shop-search-form-input { width:45%; } } @media (max-width: 980px) { .shop-results, .shop-search-heading, .shop-map, .shop-search-form-input { width: 100%; } .shop-search-form-input { margin-bottom: 7px; } .shop-results .text-pane { padding-left: 0; } } input[type="text"].shop-search-input { width: 100%; margin-bottom: 5px; border: 1px solid #d3d3d3; background-colof: #fff; } .shop-filters { font-size: 14px; padding-top: 5px; } .shop-search-btn { padding: 5px 20px; margin-bottom: 10px; } #search-results-map, #shops { opacity: 0; z-index: -1; } .shop-current-position { font-size: 12px; padding-bottom: 10px; padding-top: 10px; color: #666666; } #button-geolocation svg { width: 20px; height: 20px; } .capitalize { text-transform: capitalize; } .checkbox-blue, .checkbox-green, .checkbox-yellow { position: relative; border-radius: 3px; width: 16px; height: 16px; top: 1px; } .checkbox-blue:checked { -webkit-box-shadow:inset 0 0 10px 10px rgba(41,129,196,1); -moz-box-shadow:inset 0 0 10px 10px rgba(41,129,196,1); box-shadow:inset 0 0 10px 10px rgba(41,129,196,1); } .checkbox-green:checked { -webkit-box-shadow:inset 0 0 10px 10px rgba(102,178,78,1); -moz-box-shadow:inset 0 0 10px 10px rgba(102,178,78,1); box-shadow:inset 0 0 10px 10px rgba(102,178,78,1); } .checkbox-yellow:checked { -webkit-box-shadow:inset 0 0 10px 10px rgba(255,218,0,1); -moz-box-shadow:inset 0 0 10px 10px rgba(255,218,0,1); box-shadow:inset 0 0 10px 10px rgba(255,218,0,1); } .checkbox-blue:after, .checkbox-green:after, .checkbox-yellow:after { content: url('data:image/svg+xml; utf8, '); display: block; width: 14px; height: 15px; position: absolute; padding-left: 2px; padding-top: 2px; } label.blue { font-weight: bold; color: #2981c4; } label.green { font-weight: bold; color: #66b24e; } label.yellow { font-weight: bold; color: #ffda00; } label.offset { margin-right: 25px; } .checkbox-icon { height: 25px; position: relative; top: 7px; } #main-frame.favorable-price { margin-top:66px; margin-bottom:0px; min-height:970px; background:url(/-a89420---iuS_16E0/logo-2-png) no-repeat top right; padding:20px; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight: bold; padding:0; background-color:#ffffff; } .favorable-price-content { padding:20px 20px 20px; margin-bottom:30px; } .favorable-price-products { margin-top:20px; } .favorable-price .favorable-price-perex { width:50%; font-size:30px; line-height:35px; text-transform:uppercase; color:#eeeeee; position:relative; padding:30px 0 40px 110px; } .favorable-price-logo { position:absolute; top:5px; left:5px; height:41px; } .favorable-price-logo span { display:inline-block; background:#ffffff url('/-a85305---ZyIoaySm/shop-logos-small') no-repeat left center; width:65px; height:41px; margin-right:10px; } .favorable-price-logo span.favorable-price-logo-hypermarket { background-position:-65px center; } .favorable-price .favorable-price-perex p { margin-bottom:0; color:#e9292f; position:relative; } .favorable-price .favorable-price-perex:before { content:""; background:#ffffff url('/-a89419---rsXFRFpQ/vykricnik-png') no-repeat left center; position:absolute; width:80px; height:232px; background-size:100%; top:30px; left:0; } .favorable-price .favorable-price-buttons a { margin-left:16px; } .favorable-price .favorable-price-buttons a:first-child { margin-left:0px; } .favorable-price-item { position:relative; margin-bottom:20px; background-color:#ffffff; } .favorable-price-info { position:absolute; z-index:10; left:15px; bottom:15px; right:15px; } .favorable-price-info-content { padding:15px 10px; background-color:rgba(255,255,255,0.6); border-radius:5px; } .favorable-price-description { font-size:17px; line-height:20px; } .favorable-price-description p { margin:0; } .favorable-price-title { font-size:23px; line-height:25px; } .favorable-price-price { position:absolute; top:10px; right:10px; z-index:10; width:140px; height:100px; background-color:#ffffff; box-shadow:0 0 20px rgba(0,0,0,0.2); } .favorable-price-price:before { content:""; display:block; position:absolute; top:100%; left:0; width:100%; height:10px; background-color:#000014; box-shadow:0 2px 20px rgba(0,0,0,0.2); } .favorable-price-price:after { content:""; display:block; position:absolute; bottom:-30px; left:0; right:0; width: 0; height: 0; border-left: 70px solid transparent; border-right: 70px solid transparent; border-top: 20px solid #000014; //box-shadow:0 0 5px rgba(0,0,0,0.5); } .favorable-price-sticker { font-family: "AlbertDraft", Arial, sans-serif; text-align:center; height:100%; } .favorable-price-sticker-integer { display: inline-block; text-align: right; font-size: 105px; color:#e9292f; font-weight: normal; height:100%; line-height:125px; } .favorable-price-sticker-decimal { display: inline-block; text-align: left; font-size: 62px; font-weight: normal; color:#e9292f; height:100%; vertical-align:top; } @media screen and (max-width:1179px) { .favorable-price .favorable-price-perex { width:46%; } } @media screen and (max-width:979px) { .favorable-price .favorable-price-perex { width:80%; padding-top:320px; } .favorable-price .favorable-price-perex:before { top:320px; } .favorable-price .favorable-price-buttons { text-align:center; } .favorable-price .favorable-price-buttons a:first-child { margin:0; } } @media screen and (max-width:759px) { #main-frame.favorable-price { background-size:contain; } .favorable-price .favorable-price-buttons a { margin:10px 0; } .favorable-price .favorable-price-perex { padding-top:73%; padding-left:18%; padding-bottom:30px; } .favorable-price .favorable-price-perex:before { width:14%!important; top:41%!important;; } } @media screen and (max-width:479px) { .favorable-price-price { transform:scale(0.75); -webkit-transform:scale(0.75); -moz-transform:scale(0.75); -ms-transform:scale(0.75); -o-transform:scale(0.75); top:10px; right:-5px; } .favorable-price .favorable-price-perex { width:100%; padding:73% 0 30px 0; } .favorable-price .favorable-price-perex:before { display:none; } } #main-frame.splichoni { margin-bottom:80px; } /*** Box 1 *************************/ .splichoni .box-1 { position:relative; min-height:337px; margin-top:74px; padding:0; } .splichoni .box-1-content { } .splichoni .box-1-image-left { position:absolute; top:-33px; left:0; background:url('/-a82577---VOXSOxtM/box-1-left.png') no-repeat 0 0; width:560px; z-index:2; height:367px; } .splichoni .box-1-content-middle { margin-left:374px; width:536px; float:left; } .splichoni .box-1-content-middle h1 { margin-top:71px; } .splichoni .box-1-button-right { float:left; } .splichoni .box-1-button-right .box-1-get-card { display:inline-block; width:202px; height:200px; background:url('/-a82580---ge59Fqxc/karta-png') no-repeat center 0; padding-top:106px; margin-top:63px; position:relative; } .splichoni .box-1-button-right .box-1-get-card:after { content:""; width:100%; height:18px; top:100%; left:0; position:absolute; background:url('/-a82739---4LQ_beMi/button-shadow-png') no-repeat center 0; margin-top:-1px; } .splichoni .box-1-button-right .box-1-get-card span { display:inline-block; vertical-align:middle; height:93px; line-height:22px; font-size:18px; color:#ffffff; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:bold; text-align:center; width:100%; padding-top:15px; } /*** Box 2 *************************/ .splichoni .box-2 { position:relative; padding-top:41px; min-height:302px; } .splichoni .box-2-content { margin:0 auto; width:700px; min-height:128px; background: url('/-a82586---ox38DoYy/sticker-middle-png') repeat-y left 0; position:relative; text-align:center; } .splichoni .box-2-content p br { display:none; } .splichoni .box-2-content:after, .splichoni .box-2-content:before { content:""; position:absolute; width:100%; left:0; } .splichoni .box-2-content:before { height:41px; bottom:100%; background: url('/-a82581---f5H7Uemp/sticker-top-png') no-repeat 0 0; } .splichoni .box-2-content:after { height:24px; top:100%; background: url('/-a82587---X6GKvaCC/sticker-bottom-png') no-repeat left bottom; } .splichoni .box-2-image-left { position:absolute; left:44px; top:75px; width:484px; height:217px; background: url('/-a82582---lhjHKnxz/tooltip-box-2-image-left-png') no-repeat left top; background-size:contain; } .splichoni .box-2-image-left:before, .splichoni .box-2-image-right:after { content:""; position:absolute; z-index:-1; } .splichoni .box-2-image-left:before { width:208px; height:217px; left:-116px; top:-105px; background: url('/-a82584---yU8vB1PE/tooltip-box-2-left-png') no-repeat left top; } .splichoni .box-2-image-right:after { width:193px; height:202px; right:-96px; top:-102px; background: url('/-a82585---Ojq2lo5z/tooltip-box-2-right-png') no-repeat left top; } .splichoni .box-2-image-right{ position:absolute; right:38px; top:87px; width:287px; height:215px; background: url('/-a82583---pOoR37jg/tooltip-box-2-image-right-png') no-repeat left top; background-size:contain; } .splichoni .box-2 .text-blue { margin-top:-20px; display:inline-block; } /*** Box 3 *************************/ .splichoni .box-3 { } .splichoni .box-3-header { position:relative; min-height:187px; } .splichoni .box-3-header-left { float:left; width:385px; text-align:right; padding-top:56px; } .splichoni .box-3-header-right { float:right; width:378px; padding-top:56px; } .splichoni .box-3-header-middle { position:absolute; width:387px; height:213px; top:-26px; margin:0 auto; left:0; right:0; background: url('/-a82579---5vs5UWkj/center.png') no-repeat 0 0; background-size:contain; } .splichoni .box-3-content { min-height:290px; } .splichoni .box-3-content-col { background-color:#ffffff; min-height:246px; } .splichoni .box-3-content-left { position:relative; } .splichoni .box-3-content-left:before { content:""; position:absolute; width:363px; height:321px; left:-45px; top:-31px; background: url('/-a82578---lNDGuC0i/box-2-left.png') no-repeat 0 0; background-size:contain; } .splichoni .box-3-content-left-wrap { padding-left:270px; } .splichoni .box-3-content-left-wrap h2.large { margin-top:10px; } .splichoni .box-3-content-left-wrap h2, .splichoni .box-3-content-left-wrap h3, .splichoni .box-3-content-left-wrap a { font-family: "TradeGothicLTProBC20", Arial, sans-serif; } .splichoni .box-3-content-right form input[type="text"], .splichoni .box-3-content-right form input[type="text"].input.text { height:50px; line-height:50px; border:1px solid #b9b9b9; background-color:#ffffff; width:100%; } .splichoni .box-3-content-right .validation-success { font-size:18px; line-height:24px; } .splichoni .box-3-content-right form button { width:100%; } .splichoni .box-3-content-right form button span { font-family: "TradeGothicLTProBC20", Arial, sans-serif; padding:0; display:block; line-height:50px; background-color:#0085c4; } .splichoni .box-3-content-right label { font-family: "TradeGothicLTPro", Arial, sans-serif; } /*** Box 4 *************************/ .splichoni .box-bottom-image { background:#ffffff url('/-a82576---DdR-o-w6/bottom.png') no-repeat center 0; background-size:contain; min-height:343px; display:block; } .splichoni .box-bottom-promo { display:none; margin-top:20px; } .splichoni .box-bottom-promo-item { background-color:#ffffff; } .splichoni .box-bottom-promo-text h5 { font-size:16px; line-height:24px; margin:0; font-family: "TradeGothicLTPro", Arial, sans-serif; } .splichoni .box-bottom-promo-text p { font-size:16px; line-height:24px; font-family: "TradeGothicLTPro", Arial, sans-serif; margin-bottom:16px; } .splichoni .box-bottom-disclaimer { font-size:18px; line-height:24px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .splichoni h1 { font-size:98px; line-height:1; text-transform:uppercase; } .splichoni h2 { font-size:64px; line-height:1; margin:0; } .splichoni h2.small { font-size:60px; line-height:1; margin:0; } .splichoni h2.large{ font-size:76px; line-height:1; margin:0; } .splichoni h3 { font-size:36px; line-height:40px; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:bold; text-transform:uppercase; margin:0; } .splichoni h3.small { font-size:30px; line-height:40px; } .splichoni p { font-size:24px; line-height:40px; font-family: "TradeGothicLTPro", Arial, sans-serif; text-transform:uppercase; font-weight:bold; margin-bottom:10px; } .splichoni h1, .splichoni h2, .splichoni h3, .splichoni h4, .splichoni p { color:#000000; } .splichoni .responsive-image { max-width:100% height:auto; } .splichoni .row-gutter > [class*=col-] { margin:0 5px; } .splichoni .margin-bottom { margin-bottom:20px!important; } .splichoni .margin-bottom-small { margin-bottom:10px!important; } .splichoni .margin-bottom-large { margin-bottom:50px!important; } .splichoni .margin-top-small { margin-top:10px!important; } .splichoni .margin-top { margin-top:30px; } .splichoni .margin-top-large { margin-top:50px; } .splichoni * { box-sizing:border-box; } .splichoni .link-blue { color:#0085c4; } .splichoni .link-blue:hover { color:#227fc6; } .splichoni .text-small { font-size:18px; line-height:24px; font-weight:bold; font-family: "TradeGothicLTPro", Arial, sans-serif; } .splichoni .text-large { font-size:24px; line-height:48px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .splichoni .text-blue { color:#0173c2; } .splichoni .text-large { font-size:20px; } .splichoni .text-lightblue { color:#0085c4; } .splichoni .text-initial { text-transform:initial!important; } .splichoni .button-full { width:100%; text-align:center; } .splichoni .button-blue { background-color:#0085c4; transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; -ms-transition:background-color 0.5s; } .splichoni .button-blue span { Font-family: "TradeGothicLTProBC20", Arial; text-transform:uppercase; padding:0; line-height:50px; } .splichoni .button-blue:hover { background-color:#227fc6; transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; -ms-transition:background-color 0.5s; } .splichoni .box-padding { padding:10px; } .splichoni .box-padding-large { padding:30px 40px; } .splichoni .row { width:100%; //overflow:hidden; } .splichoni .row > .col-sm-6 { width:100%; float:none; } .splichoni .row > .col-sm-8 { width:100%; float:none; } .splichoni .row > .col-sm-4 { width:100%; float:none; } .splichoni .row > .col-md-6 { width:100%; float:none; } .splichoni .row > .col-md-8 { width:100%; float:none; } .splichoni .row > .col-md-4 { width:100%; float:none; } @media (min-width: 765px) { .splichoni .row > .col-sm-6 { width:50%; padding:0 10px; float:left; } .splichoni .row > .col-sm-8 { width:66%; float:left; } .splichoni .row > .col-sm-4 { width:33%; float:left; } } @media (min-width: 980px) { .splichoni .row-padded > [class*=col-]{ padding:0 5px; } .splichoni .row-padded { margin:0 -5px; } .splichoni .row { margin:0 -10px; } .splichoni .row > .col-md-6 { width:50%; padding:0 10px; float:left; } .splichoni .row > .col-md-8 { width:66%; float:left; } .splichoni .row > .col-md-4 { width:33%; float:left; } } @media screen and (max-width: 1179px) { .splichoni .box-1-content-middle { float:right; } .splichoni .box-1-button-right { float:none; clear:right; text-align:center; padding-bottom:50px; } .splichoni .box-2-image-left { top:125px; } .splichoni .box-2-image-right { top:128px; } .splichoni .box-3 { margin-top:80px; } .splichoni .box-3-header-left { text-align:left; } .splichoni .box-3-header-right { text-align:right; } .splichoni .box-3-header-middle { width:306px; top:-11px; } .splichoni .box-3-header { min-height:157px; } .splichoni .box-3-content-left-wrap { padding-left:168px; } .splichoni .box-3-content-left:before { width:300px; left:-74px; } .splichoni .box-3-content-right form button span { font-size:14px; } .splichoni .box-3-content-col { min-height:286px; } .splichoni .box-bottom-image { min-height:291px; } .splichoni br { display:none; } .splichoni .box-1-button-right .box-1-get-card span br { display:block; } } @media screen and (max-width: 979px) { .splichoni .box-1-image-left { position:static; margin:0 auto; } .splichoni .box-1-content-middle { float:none; width:100%; margin-left:0; text-align:center; } .splichoni .box-1-button-right .box-1-get-card { margin-top:0; } .splichoni .box-2-image-left { left:-80px; } .splichoni .box-2-image-right { right:-72px; } .splichoni .box-2-image-left:before, .splichoni .box-2-image-right:after { display:none; } .splichoni .box-3-header-left, .splichoni .box-3-header-right { float:none; text-align:center; width:100%; padding-top:0; } .splichoni .box-3-header { min-height:278px; } .splichoni .box-3-header-middle { top:110px; } .splichoni .box-3-content-left:before { width:365px; } .splichoni .box-3-content-left-wrap { padding-left:300px; text-align:right; padding-right:30px; } } @media screen and (max-width: 759px) { .splichoni .box-1 { overflow:hidden; } .splichoni .box-1-image-left { margin:0 auto 0 64px; } .splichoni .box-1-content-middle h1 { margin-top:0; } .splichoni .box-2-content { width:100%; } .splichoni .box-2-content h3 { width:270px; margin:0 auto; padding-bottom:195px; } .splichoni .box-2-content p { font-size:24px; line-height:30px; padding-bottom:208px; } .splichoni .box-2-content p br { display:block; } .splichoni .box-2 .text-blue { margin-top:0px; } .splichoni .box-2-content:before, .splichoni .box-2-content:after, .splichoni .box-2-content { background-position-x:center; } .splichoni .box-2-image-left { left:40px; top:130px; width:394px; } .splichoni .box-2-image-right { right:90px; top:420px; } .splichoni .box-3 { margin-top:30px; } .splichoni .box-3-content-left { display:none; } .splichoni .box-bottom h3, .splichoni .box-bottom h3.small { font-size:18px; line-height:24px; text-transform:initial; } .splichoni .box-bottom-image { display:none; } .splichoni .box-bottom-promo { display:block; } .splichoni .box-bottom-disclaimer { font-size:14px; line-height:18px; font-weight:bold; padding:0 10px; } .splichoni h1 { font-size:56px; } .splichoni h2 { font-size:36px; } .splichoni h2.small { font-size:30px; } .splichoni h3 { font-size:30px; } .splichoni h3.small { font-size:30px; } .splichoni p { font-size:13px; } } @media screen and (max-width: 479px) { .splichoni .box-1-image-left { margin:0 auto; width:475px; height:320px; background-size:contain; } .splichoni .box-2-image-left { width:310px; height:137px; left:0; right:0; margin:0 auto; top:154px; } .splichoni .box-2-content h3 { padding-bottom:195px; } .splichoni .box-2-image-right { right:0; left:0; width:288px; top:434px; margin:0 auto; } .splichoni .box-2-content p { padding-bottom:226px; } } @media screen and (max-width: 319px) { #main-frame.splichoni { width:100%; } #page.splichoni { width:100%; } .splichoni .box-padding-large{ padding:10px!important; } .splichoni .box-bottom-promo { padding:20px; } } .bts #main-frame { max-width:100%; width:auto; margin-bottom:0; } @media screen and (max-width: 319px) { .bts #main-frame { max-width:100%; width:auto; } .bts#page { max-width:100%; width:319px; } } @media screen and (min-width: 320px) and (max-width: 479px) { .bts #main-frame { max-width:100%; width:auto; } } @media screen and (min-width: 480px) and (max-width: 759px) { .bts #main-frame { max-width:100%; width:auto; } } @media screen and (min-width: 760px) and (max-width: 980px) { .bts #main-frame { max-width:100%; width:auto; padding-bottom:210px; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .bts #main-frame { max-width:100%; width:auto; } } @media screen and (min-width: 980px) { .bts #main-frame { padding-bottom:210px; } } .bts .container { max-width:1160px; margin:0 auto; } @media screen (max-width: 759px) { .bts .container { width: 100%; } } @media screen and (min-width: 760px) and (max-width: 980px) { .bts .container { width: 750px; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .bts .container { width: 960px; } } /**** Header ****/ .bts .header .container { min-height:444px; background:url('/-a83642---dQSh4yx8/header-bg-jpg-2') no-repeat 0 0; position:relative; margin-top:26px; } .bts .header-content-middle { width:548px; margin:0 auto; position:relative; margin-top:95px; min-height:200px; padding-top:128px; background:url('/-a83641---QeVi-IRA/header-box-content-png-2') repeat-y 0 0; padding-bottom:37px; } .bts .header-content-middle:after, .bts .header-content-middle:before { display:block; content:""; position:absolute; bottom:100%; right:0; height:45px; left:0; background:url('/-a83640---5SrliRG6/header-box-top-png-2') no-repeat center 0; } .bts .header-content-middle h3 { font-family: "TradeGothicLTProBC20"; font-size:21px; line-height:23px; padding:0 39px; text-transform:uppercase; text-align:center; padding-top:10px } .bts .header-image-left, .bts .header-image-right { display:block; content:""; position:absolute; } .bts .header-image-left { width:537px; height:490px; left:-69px; top:-5px; background-image:url('/-a83639---vhHzEciT/header-left-png-2'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .header-image-right { width:669px; height:500px; top:-10px; right:-33px; background-image:url('/-a83638---h3SayTkf/header-right-png-2'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .header-content-middle:before { height:128px; background:url('/-a83643---9eJ4kMFj/header-box-content-text-png') no-repeat center 0; top:0px; } /**** Box 1 ****/ .bts .box1 { position:relative; } .bts .box1 .contaiber { } .bts .box1-title { text-align:center; } .bts .box1-perex { text-align:center; padding:12px 0; } .bts .box1-menu { max-width:970px; margin:0 auto; } .bts .box1-menu ul { width:100%; margin:0 auto; padding:20px 0; border-top:2px solid #0085c4; border-bottom:2px solid #0085c4; } .bts .box1-menu li { display:inline-block; padding:0 23px; margin-left:-4px; } .bts .box1-menu li a { font-size:17px; line-height:22px; text-decoration:underline; } .bts .box1-image-left, .bts .box1-image-left-1, .bts .box1-image-right { position:absolute; display:block; } .bts .box1-image-left { left:0; top:0; width:163px; height:229px; background-image:url('/-a83610---N80vRWUl/sec-pripravte-left-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box1-image-right { right:0; top:0; width:215px; height:258px; background-image:url('/-a83609---EdhUBVLr/sec-pripravte-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } /**** Box 2 ****/ .bts .box2 { position:relative; } .bts .box2 .container { } .bts .box2-title { text-align:center; } .bts .box2 .promo-image { height:299px; } .bts .box2 .promo-title { font-size:18px; line-height:20px; font-weight:bold; text-transform:none; } .bts .box2 .promo-body p { font-size:16px; line-height:18px; padding-top:5px; } .bts .box2-text-bottom { text-align:center; } .bts .box2-text-bottom span { font-size:18px; line-height:30px; font-family: "TradeGothicLTProBC20"; } .bts .box2-image-left, .bts .box2-image-left1, .bts .box2-image-right { position:absolute; display:block; } .bts .box2-image-left { width:133px; height:193px; top:0; left:0; background-image:url('/-a83616---DCGpm41q/sec-potreby-left-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box2-image-left1 { width:97px; height:150px; top:489px; left:0; background-image:url('/-a83617---WOy36UMe/sec-potreby-left-2-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box2-image-right{ width:107px; height:207px; top:163px; right:0; background-image:url('/-a83613---w8mF4XSU/sec-potreby-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } /**** Box3 ****/ .bts .box3 { position:relative; } .bts .box3-left-content, .bts .box3-left-content { padding:30px 50px; min-height:357px; } .bts .box3-left-title { margin:26px 0 20px; } .bts .box3-left-link { font-size:18px; line-height:24px; } .bts .box3-right-title { font-size:24px; line-height:26px; text-transform:none; margin-top:5px; } .bts .box3-right-body { font-size:16px; line-height:18px; } .bts .box3-right-link { font-size:16px; line-height:18px; margin-top:-10px; } .bts .box3-image-left { position:absolute; display:block; width:192px; height:212px; top:-104px; left:0; background-image:url('/-a83607---Dk9Dn3Nx/sec-proc-left-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box3-image-right { position:absolute; display:block; width:160px; height:134px; bottom:-124px; right:0; background-image:url('/-a83606---CTTIB49N/sec-proc-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } /**** Box4 ****/ .bts .box4 { position:relative; } .bts .box4-tab { margin-right:30px; display:inline-block; } .bts .box4-tab a { display:inline-block; font-size:24px; height:100px; line-height:100px; font-family: "TradeGothicLTProBC20"; text-decoration:none; text-transform:uppercase; padding:0 33px 0 23px; vertical-align:middle; background-color:#46bb33; color:#ffffff; cursor:pointer; } .bts .box4-tab a.selected { background-color:#ffffff; color:#000000; cursor:default; } .bts .box4-tab-icon { vertical-align:middle; margin-right:10px; background:url('/-a83879---TyoRwuz_/tabs-png') no-repeat 0 0; overflow:hidden; } .bts .box4-tab-0 .box4-tab-icon { width:118px; height:83px; display:inline-block; background-position:0 -67px; } .bts .box4-tab-0 .selected .box4-tab-icon { background-position:0 6px; } .bts .box4-tab-1 .box4-tab-icon { width:84px; height:83px; display:inline-block; background-position:-117px -87px; } .bts .box4-tab-1 .selected .box4-tab-icon { background-position:-117px 0; } .bts .box4-tab-container { padding:60px 20px 50px 20px; } .bts .box4-tab-container-item { height:670px; overflow:hidden; } .bts .box4-tab-container-item .box4-body p { font-size:16px; line-height:21px; } .bts .box4 > .box4-image-left, .bts .box4 .box4-image-right, .bts .box4-content > .box4-image-right { position:absolute; } .bts .box4 .box4-image-left { width:118px; height:298px; top:435px; left:0; background-image:url('/-a83603---3YIYjREI/sec-tab-left-box-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box4 .box4-image-right { width:181px; height:364px; top:321px; right:0; background-image:url('/-a83602---ImYMJTpP/sec-tab-right-box-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box4-content { position:relative; } .bts .box4-content > .box4-image-right { width:101px; height:287px; top:-24px; right:60px; background-image:url('/-a83601---8YIkxh6G/sec-tab-tab-pen-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } /**** Box5 ****/ .bts .box5 { position:relative; } .bts .box5-title { text-align:center; } .bts .box5-subtitle, .bts .box5-subtitle.text-large { text-align:center; line-height:30px; } .bts .box5-content-left { position:relative; } .bts .box5-content-right { padding:30px 256px 30px 30px; margin-top:50px; position:relative; } .bts .box5-content-title { text-transform:none; } .bts .box5-content-body p { font-size:16px; line-height:18px; margin-bottom:0; } .bts .box5-image-left { position:absolute; display:block; width:184px; height:213px; top:0px; left:0px; background-image:url('/-a83857---iMw2zyKu/sec-cviceni-left-png-3'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box5-content-image-right { position:absolute; display:block; width:345px; height:327px; top:-69px; right:-70px; background-image:url('/-a83623---E6kuODF0/sec-cviceni-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box5-button { text-align:center; margin-top:10px; } .bts .box5-content-link { position:absolute; display:block; background-color:transparent; opacity:0; cursor:pointer; } .bts .box5-content-link-1 { left: 22px; top: 16px; width: 158px; height: 225px; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); z-index:4; } .bts .box5-content-link-2 { left: 153px; top: 32px; width: 155px; height: 222px; transform: rotate(6deg); -moz-transform: rotate(6deg); -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); z-index:3; } .bts .box5-content-link-3 { left: 251px; top: 24px; width: 155px; height: 219px; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); z-index:2; } .bts .box5-content-link-4 { left: 395px; top: 27px; width: 148px; height: 209px; transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); z-index:1; } /**** Box6 ****/ .bts .box6 { position:relative; } .bts .box6 > .box6-image-left { position:absolute; display:block; width:202px; height:219px; top:-86px; left:0; background-image:url('/-a83599---XmcKYOhZ/sec-video-left-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box6-title, .bts .box6-title.large { text-align:center; margin-bottom:48px; margin-top:26px; } .bts .box6-video { margin:0 auto; max-width:958px; } .bts .box6-content { position:relative; } .bts .box6-video > .box6-image-left, .bts .box6-video > .box6-image-right { position:absolute; display:block; } .bts .box6-video > .box6-image-left { width:274px; height:325px; bottom:-91px; left:-182px; background-image:url('/-a83600---WFJL-SUc/sec-video-bottom-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:0; } .bts .box6-video > .box6-image-right { width:329px; height:363px; top:-175px; right:-210px; background-image:url('/-a83598---VhgCYgJI/sec-video-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:0; } /**** Box7 ****/ .bts .box7 { position:relative; padding-top:320px; } .bts .box7-content { width:568px; margin:0 auto; position:relative; padding:34px 25px 34px 50px; } .bts .box7-content form input[type="text"], .bts .box7-content form input[type="text"].input.text { height:50px; line-height:50px; border:1px solid #b9b9b9; background-color:#ffffff; width:100%; } .bts .box7-content .validation-error { clear:both; } .bts .box7-content .validation-success { font-size:18px; line-height:20px; clear:both } .bts .box7-content form button { width:100%; } .bts .box7-content form button span { font-family: "TradeGothicLTProBC20", Arial, sans-serif; padding:0; display:block; line-height:50px; background-color:#0085c4; } .bts .box7-content #podminky + label { font-family: "TradeGothicLTPro", Arial, sans-serif; float:right; display:inline-block; width:470px; } .bts .box7-image-left { position:absolute; display:block; width:169px; height:224px; top:120px; left:0; background-image:url('/-a83622---Oe_Ck9Vo/sec-news-left-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box7-image-center { position:absolute; display:block; width:465px; height:330px; top:0px; right:0; left:0; margin:0 auto; background-image:url('/-a83620---RXy93Nd0/sec-news-top-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box7-image-right{ position:absolute; display:block; width:241px; height:290px; top:162px; right:0; background-image:url('/-a83621---2ie__aWd/sec-news-right-png'); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1; } .bts .box-leaflet { background-color:#ffffff; overflow:hidden; min-height:244px; } .bts .box-leaflet pre { font-family: "TradeGothicLTPro", Arial, sans-serif; font-size:16px; line-height:18px; white-space: normal; } .bts .box-leaflet-image, .box-leaflet-text { float:left; } .bts .box-leaflet-image { width:46%; } .bts .box-leaflet-text { width:54%; padding:42px 42px 10px 20px; } .bts .box-leaflet img { max-width:100%; height:auto; margin:1px 2px; } /**** Footer ****/ .bts .footer { position:absolute; bottom:0; left:0; right:0; padding:20px 20px 39px; } .bts .footer .tail-h { font-size:24px; line-height:30px; color:#8b8b8b; font-family: "TradeGothicLTProBC20"!important; } .mpf-bts-holder .mfp-container { max-width:800px; width:100%; } .mpf-bts { padding:50px 50px 35px; margin-top:140px; max-width:100%; } .mpf-bts .mpf-bts-title { font-size:30px; line-height:35px; margin:10px 0 24px; color:#000000; text-align:left; } .mpf-bts .mpf-bts-body p { font-size:16px; line-height:21px; margin:10px 0; font-family: "TradeGothicLTPro", Arial, sans-serif; text-align:left; } .mpf-bts-close { width:55px; margin:0 auto; } .mpf-bts-close span { font-size:18px; line-height:24px; color:#0085c4; display:block; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:bold; cursor:pointer; } .mpf-bts-close-top { width:100px; position:absolute; top:-30px; right:0; text-align:right; } .mpf-bts-close-bottom { margin-top:30px; } .mpf-bts-close-top span { display:inline-block; } .mpf-bts-close span:nth-child(2) { text-decoration:underline; } .mpf-bts-close-top span:nth-child(1) { color:#ffffff; position:relative; top:1px; } .mpf-bts .mfp-close { display:none; } /*************************************/ .bts h1 { font-size:60px; line-height:63px; font-family: "TradeGothicLTPro", Arial, sans-serif; margin-bottom:19px; color:#000000; } .bts h2 { Font-size:36px; line-height:40px; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:bold; margin:0; color:#000000; text-transform:none; } .bts h2.large{ font-size:60px; line-height:63px; font-family: "TradeGothicLTPro", Arial, sans-serif; margin-bottom:19px; color:#000000; } .bts h3 { font-size:36px; line-height:40px; font-family: "TradeGothicLTProBC20"!important; font-weight:bold; color:#000000; margin:0; } .bts h4, .bts .as-h4 { font-size:30px; line-height:34px; font-family: "TradeGothicLTProBC20"!important; color:#000000; margin:0; } .bts h5 { font-size:18px; line-height:22px; font-family: "TradeGothicLTProBC20"!important; font-weight:bold; color:#000000; margin:0; } .bts p { font-size:18px; line-height:24px; font-family: "TradeGothicLTPro", Arial, sans-serif; color:#000000; } .bts .responsive-image { max-width:100%; height:auto; display:inline-block; } .bts .no-bg { background:none!important; } .bts .row-gutter > [class*=col-] { margin:0 5px; } .bts .margin-bottom { margin-bottom:25px!important; } .bts .margin-bottom-small { margin-bottom:10px!important; } .bts .margin-bottom-large { margin-bottom:50px!important; } .bts .margin-top-small { margin-top:10px!important; } .bts .margin-top { margin-top:30px; } .bts .margin-top-large { margin-top:50px; } .bts * { box-sizing:border-box; } .bts .link-blue { color:#0085c4; font-family: "TradeGothicLTPro", Arial, sans-serif; } .bts .link-blue:hover { color:#227fc6; } .bts .link-blue2 { color:#0085c4; font-family: "TradeGothicLTProBC20", Arial, sans-serif; } .bts .link-blue2:hover { color:#227fc6; } .bts .font-bc20 { font-family: "TradeGothicLTProBC20"!important; } .bts strong { font-family: "TradeGothicLTProBC20"; } .bts .text-strongBC20 { font-family: "TradeGothicLTProBC20"; } .bts .text-small { font-size:18px; line-height:24px; font-weight:bold; font-family: "TradeGothicLTPro", Arial, sans-serif; } .bts .text-large { font-size:24px; line-height:26px; font-family: "TradeGothicLTProCn18", Arial, sans-serif; } .bts .text-blue { color:#0173c2; } .bts .text-lightblue { color:#0085c4; } .bts .text-initial { text-transform:initial!important; } .bts .button-full { width:100%; text-align:center; } .bts .button-blue { background-color:#0085c4; transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; -ms-transition:background-color 0.5s; display:inline-block; } .bts .button-shadow { box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4); -ms-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4); } .bts .button-blue span { Font-family: "TradeGothicLTProBC20", Arial; text-transform:uppercase; padding:0; line-height:50px; } .bts .button-blue-padded span { padding-left:25px; padding-right:25px; } .bts .text-transform-none { text-transform:none; } .bts .button-blue:hover { background-color:#227fc6; transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; -ms-transition:background-color 0.5s; } .bts .box-padding { padding:10px; } .bts .sm-no-padding-right { padding-right:0; } .bts .box-padding-large { padding:30px!important; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bts .row { width:100%; //overflow:hidden; } .bts .row > .col-sm-6 { width:100%; float:none; } .bts .row > .col-sm-8 { width:100%; float:none; } .bts .row > .col-sm-4 { width:100%; float:none; } .bts .row > .col-md-6 { width:100%; float:none; } .bts .row > .col-md-8 { width:100%; float:none; } .bts .row > .col-md-4 { width:100%; float:none; } @media (min-width: 765px) { .bts .row > .col-sm-6 { width:50%; padding:0 10px; float:left; } .bts .row > .col-sm-8 { width:66%; float:left; } .bts .row > .col-sm-4 { width:33%; float:left; } } @media (min-width: 980px) { .bts .row-padded > [class*=col-]{ padding:0 5px; } .bts .row-padded { margin:0 -5px; } .bts .row > .col-md-6 { width:50%; padding:0 10px; float:left; } .bts .row > .col-md-8 { width:66%; float:left; } .bts .row > .col-md-4 { width:33%; float:left; } } @media screen and (max-width: 1480px) { .bts .box1-image-right { right:-90px; } .bts .box1-image-left { left:-50px; } .bts .box4-image-right { right:-40px; } } @media screen and (max-width: 1179px) { .bts .header-image-right { width:529px; top:30px; } .bts .header-image-left { width:487px; top:45px; } .bts .box1-menu { max-width:100%; } .bts .box1-menu ul { text-align:center; } .bts .box1-image-right, .bts .box1-image-left { display:none; } .bts .box2 .promo-image { height:239px; } .bts .box3-left-content, .bts .box3-left-content { min-height:391px; } .bts .box4-tab-container-item { height:560px; } .bts .box5-content-link-1 { left: 20px; top: 14px; width: 129px; height: 185px; transform: rotate(-4deg); -moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); } .bts .box5-content-link-2 { left: 120px; top: 27px; width: 133px; height: 182px; transform: rotate(6deg); -moz-transform: rotate(6deg); -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); } .bts .box5-content-link-3 { left: 210px; top: 19px; width: 125px; height: 181px; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); } .bts .box5-content-link-4 { left: 321px; top: 23px; width: 123px; height: 171px; transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); } } @media screen and (max-width: 979px) { .bts .header-image-right { width:377px; top:80px; right:-46px; } .bts .header-image-left { width:359px; top:102px; left:-100px; } .bts br { display:none; } .bts .box2 .promo-image { height:189px; } .bts .box3-left-content, .bts .box3-left-content { min-height:463px; } .bts .box4-content > .box4-image-right { display:none; } .bts .box3-image-right { right:-80px; } .bts .box4 .box4-image-right, .bts .box4 .box4-image-left { display:none; } .bts .box4-tab-container-item { height:540px; } .bts .box5 { display:none; } .bts .box6 > .box6-image-left, .bts .box6-video > .box6-image-right, .bts .box6-video > .box6-image-left { display:none; } .bts .box7-image-right, .bts .box7-image-center, .bts .box7-image-left { display:none; } .bts .box7 { padding-top:0; margin-top:40px; } .bts .box7-content { width:100%; } .bts .box7-content #podminky + label { width:95%; } .bts #ms-bts-newsletter button { margin-bottom:20px; } .bts .box7-content { padding: 34px 50px 34px 50px; } .bts .box-leaflet-image { width:100%; text-align:center; padding-top:40px; } .bts .box-leaflet-text { width:100%; padding:40px; } } @media screen and (max-width: 759px) { .bts .margin-bottom { margin-bottom:0!important; } .bts .header .container { min-height:610px; background-size:cover; } .bts .header-image-right { width:299px; top:277px; right:-30px; height:270px; } .bts .header-image-left { width:309px; top:237px; left:-34px; height:370px; } .bts .box2 .promo-image { height:auto; } .box2-text-bottom span{ display:block; text-align:center; } .bts .box3-left-content, .bts .box3-left-content { min-height:0; } .bts .box3-image-left { width:120px; } .bts .box4-tab-container-item { height:auto; } .bts .footer { position:static; } .bts .box-leaflet-text { padding-left:50px; padding-right:50px; } .bts .sm-no-padding-right { padding-right:10px; } } @media screen and (max-width: 701px) { .bts .box4-tab .box4-tab-icon { display:none; } } @media screen and (max-width: 600px) { .bts .header-content-middle { width:90%; min-height:0; padding-top:23%; } .bts .header-content-middle:before { width:100%; background-size:contain; } .bts .header-content-middle h3 { padding:0 12px; } } @media screen and (max-width: 580px) { .bts .header-image-right { width:299px; top:277px; right:-30px; height:270px; } .bts .header-image-left { width:209px; top:277px; left:-34px; height:190px; } .bts .header .container { min-height:540px; } } @media screen and (max-width: 479px) { .bts h1 { font-size:30px; line-height:33px; font-family: "TradeGothicLTPro", Arial, sans-serif; margin-bottom:19px; color:#000000; } .bts h2.large{ font-size:30px; line-height:33px; margin-bottom:19px; color:#000000; } .bts h3 { font-size:30px; line-height:36px; font-family: "TradeGothicLTProBC20"!important; font-weight:bold; color:#000000; margin:0; } .bts h4, .bts .as-h4 { font-size:24px; line-height:30px; } .bts .text-large { font-size: 18px; line-height: 24px; } .bts .row > [class*=col-].box-padding { padding: 0!important; } .bts .row > [class*=col-].box-padding-large { padding: 0!important; } .bts p { font-size:16px; line-height:18px; } .bts .header-content-middle h3 { padding:0 12px; } .bts .header-image-right { width: 179px; top: 257px; right: -13px; height: 150px; } .bts .header-image-left { width: 149px; top: 257px; left: -14px; height: 140px; } .bts .header .container { min-height: 430px; } .bts .box1-menu li { width:100%; margin:0; } .bts .box1-menu li a { font-size:18px; line-height:30px; } .bts .box2 { background-color:#ffffff; } .bts .box2-image-left, .bts .box2-image-right, .bts .box2-image-left1 { display:none; } .bts .box3-image-left, .bts .box3-image-right { display:none; } .bts .box3-left-content, .bts .box3-left-content { padding-right:20px; padding-left:20px; min-height:0; } .bts .box3-left-link { text-align:center; font-size:16px; } .bts .box4-tab { width:120px; } .bts .box4-tab a { line-height:30px; font-size:24px; padding:10px; height:auto; } .bts .box-padding { padding:0!important; } .bts .box6-video { margin-bottom:40px; } .bts .box7-content #podminky + label { width:90%; } .bts .box7-content { padding: 34px 20px 34px 20px; } .mpf-bts { padding:60px 17px 50px; } .mpf-bts-close-top { top:30px; right:17px; } .mpf-bts-close-top span:nth-child(1) { color:#0085c4; top:0; } .mpf-bts-holder .mfp-container { padding:0; } .bts .box-leaflet { margin-bottom:20px; } .bts .box-leaflet-text { padding-left:20px; padding-right:20px; } } @media screen and (max-width: 319px) { .bts .header-image-right, .bts .header-image-left { display:none; } .bts .header .container { min-height:340px; } .bts .box4-tab, .bts .box4-tab a { width:100%; } } body.albatros { background-color:#ffffff; background-image:none!important; overflow-x:hidden; } @media screen and (max-width: 1443px) { .albatros .container, .albatros #main-frame { max-width:100%!important; width:100%; margin:44px auto 0; } } @media screen and (min-width: 1443px) { .albatros #main-frame, .albatros .container { max-width:1443px; margin:44px auto; } } .albatros #header { background:url('') repeat 0 0!important; } .albatros .main-frame-container { background:url('/-a84155---pZD2VVfH/bg-pattern') repeat 0 0!important; } .albatros.subpage .main-frame-container, .albatros.detail { background:url('/-a84384---iqkgF_6J/pattern-subpage') repeat 0 0!important; } .albatros .main-frame-container-inner, .albatros.detail #page { background:url('/-a84240---28You3yf/stars-left') left 764px repeat-y, url('/-a84241---WIE92E5C/stars-right') right 764px repeat-y; height:auto; } .albatros.detail #page { min-height:100%; } .albatros .cloud-1 { width:190px; height:373px; //background:url('/-a84153---OBQrWrn1/hp-left-cloud') no-repeat 0 bottom; } .albatros .cloud-1-small { width:348px; height:250px; background:url('/-a84515---xJYGGPvr/cloud-1-small') no-repeat 0 bottom; } .albatros .cloud-2 { width:441px; height:519px; //background:url('/-a84151---YsLiE1Wy/hp-middle-cloud') no-repeat 0 bottom; } .albatros .cloud-3 { width:231px; height:321px; //background:url('/-a84152---1UQV0oTP/hp-right-cloud') no-repeat 0 bottom; } .albatros .cloud img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; } .albatros .cloud-3-small { width:348px; height:250px; background:url('/-a84514---fqsFOUWH/cloud-3-small') no-repeat 0 bottom; } .albatros .cloud-4 { width:890px; height:650px; //background:url('/-a84387---ZUrKZLV1/cloud-4') no-repeat 0 bottom; } .albatros .cloud-5 { width:982px; height:681px; //background:url('/-a84421---38EGjSU6/cloud-5') no-repeat 0 bottom; } .albatros .cloud-6 { width:308px; height:179px; background:url('/-a84423---Af795gkq/cloud-6') no-repeat 0 bottom; } .albatros .cloud-7 { width:680px; height:396px; background:url('/-a84422---xAt0otaS/cloud-7') no-repeat 0 bottom; } .albatros .cloud-content { font-size: 16px; line-height: 18px; color: #ffffff; //position:relative; } @media screen and (max-width: 779px) { .albatros .cloud-animated, .albatros .cloud-animated-big, .albatros .cloud-animated-1 { transform:translateY(0); } } @media screen and (min-width: 780px) { .albatros .cloud-animated { transform:translateY(-100%); transform-origin:50% 0; animation: 2s linear forwards 2s slide-bottom, 4s linear infinite 4s hanging; } .albatros .cloud-animated-big { transform:translateY(-100%); transform-origin:50% 0; animation: fallBig 2s ease-in-out 1s forwards, smallMove2 3.5s linear 3s infinite; } .albatros .cloud-animated-1 { transform:translateY(-100%); transform-origin:50% 0; animation: fallBig 2.5s linear 0.75s forwards, smallMove2 4s linear 2.8s infinite; } .albatros .cloud-animated-2 { transform:translateY(-100%); transform-origin:50% 0; animation: fallBig 2s linear 0.75s forwards, smallMove 3.7s linear 2.5s infinite; } .albatros .cloud-animated-3 { } } .albatros .star-pulse-hover:hover .star-image { transform:scale(1); animation: 600ms ease-in-out infinite pulse; } .albatros .start-pulse-1 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 1000ms start-pulse; } .albatros .start-pulse-3 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 900ms start-pulse; } .albatros .start-pulse-2 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 950ms start-pulse; } .albatros .start-pulse-4 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 800ms start-pulse; } .albatros .start-pulse-5 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 850ms start-pulse; } .albatros .start-pulse-6 .star-image { transform:scale(0); animation: 500ms ease-in-out forwards 840ms start-pulse; } .albatros .button-white, .albatros .button-yellow { font-family: "TradeGothicLTProCn18", Arial; font-size: 24px; line-height: 60px; height:60px; border-radius: 30.5px; padding: 0 33px; background-color: #ffde00; color: #101522; text-decoration: none; display: inline-block; } .albatros .button-small { font-size: 16px; line-height: 45px; height:45px; } .albatros .button-white:hover , .albatros .button-yellow:hover { box-shadow:0 0 10px rgba(0,0,0,0.6); } .albatros .button-white { background-color: #ffffff; } .albatros .shadow { box-shadow:0 0 10px rgba(0,0,0,0.6); } .albatros .icon-back { display:block; width:13px; height:9px; background:url('/-a84386---vCbEP12a/arrow') no-repeat left top; margin-top:5px!important; position: relative; } .albatros .icon-back-blue { background:url('/-a84954---5f_Hh74U/arrow-blue') no-repeat left top; } .albatros .icon-inline { display:inline-block; } .albatros .icon-center { margin:0 auto; } .albatros .scroll-image { opacity:0; transition:opacity 1s ease-in-out; } .albatros .js-show-image .scroll-image { opacity:1; transition:opacity 1s ease-in-out; } /*** HP Header **************************/ .albatros.hp .header { min-height:593px; background:url('/-a84154---wr6AezVU/hp-header') no-repeat center bottom; position:relative; overflow:hidden; background-size:cover; } .albatros .hp .header:after { width:120px; height:69px; bottom:78px; right:158px; background:url('/-a84156---GAuHe2Pu/knihkupectvo') no-repeat left top; z-index:10; } .albatros .header .cloud-left, .albatros .header .cloud-middle, .albatros .header .cloud-right, .albatros .header .cloud-big, .albatros .header .cloud-big-2 { position:absolute; } .albatros .header .cloud-left { left:80px; top:-158px; } .albatros .header .cloud-left-content { margin: 256px 0 0 0; height:123px; padding-top:40px; } .albatros .header .cloud-middle { left:196px; top:-150px; } .albatros .header .cloud-middle-content { margin:338px 51px 0 60px; } .albatros .header .cloud-middle-content a { position:absolute; bottom:-19px; left:38px; } .albatros .header .cloud-right { right:116px; top:-158px; z-index:3; } .albatros .header .cloud-right-content { margin:182px 0 0; height:141px; padding-top:39px; position:relative; } .albatros.vyherci .header .cloud-right-content { margin-top:247px; height:162px; padding-top:40px; } .albatros .header .cloud-link { position:absolute; display:block; z-index:1; width:100%; height:100%; text-decoration:none; left:0; top:0; } /*** HP Box1 **************************/ .albatros .hp .box1 { min-height:470px; background:url('/-a84157---rK3cHB-E/bg-wood') repeat-y 0 top; padding-top:60px; position:relative; overflow:hidden; } .albatros .hp .box2:before { width:100%; height:35px; top:0; z-index:0; background:url('/-a84316---Tr4HPfMP/shadow') no-repeat center bottom; } .albatros .hp .box1 .box1-card-item { width:320px; position:relative; margin-right:53px; height:200px; box-shadow:0 0 10px rgba(0,0,0,0.7); } .albatros .hp .box1 .box1-card-item:last-child { margin-right:0; } .albatros .hp .box1 .box1-card-item-image { display:inline-block; background-position:center top; width:67px; height:59px; background-repeat:no-repeat; margin:18px auto 0; } .albatros .hp .box1 .box1-card-item-perex p { margin-bottom:0; } .albatros .hp .box1 .box1-card-item-perex a { font-size:14px; line-height:24px; color:007ac4; } .albatros .hp .box1 .box1-card-item:nth-child(1) { transform:rotate(-1deg); } .albatros .hp .box1 .box1-card-item:nth-child(2) { transform:rotate(1deg); } .albatros .hp .box1 .box1-card-item:nth-child(1) .box-with-items-item-content{ transform:rotate(1deg); } .albatros .hp .box1 .box1-card-item:nth-child(2) .box-with-items-item-content { transform:rotate(-1deg); } .albatros .hp .box1 .box1-card-item:nth-child(3) .box-with-items-item-content{ margin-right:0; } .albatros .hp. box-with-items-item. .box1-button-button { display:none; } .albatros .hp .box1 .box1-card-item:after { width:86px; height:40px; left:0; right:0; margin:0 auto; top:-20px; background:url('/-a84171---iv0ohN-E/card-title') no-repeat 0 0; } .albatros .hp .box1 .box1-left-image, .albatros .hp .box1 .box1-right-image { position:absolute; display:block; } .albatros .hp .box1 .box1-left-image { width:229px; height:260px; left:21px; bottom:-8px; background:url('/-a84158---RZBEnd5u/bear') no-repeat 0 0; } .albatros .hp .box1 .box1-right-image { width:257px; height:270px; right:0px; bottom:0; background:url('/-a84160---pA-S5pLO/crow') no-repeat 0 0; } .albatros .hp .box1-button { text-align:center; margin-top:60px; } .albatros .hp .box1-button-button { Font-family: "TradeGothicLTProBC20", Arial; font-size:24px; color:#000000; text-decoration:none; text-decoration:none; padding:20px 44px 20px 226px; background-color:#ffde00; display:inline-block; border-radius:40px; text-align:left; margin-bottom:60px; } .albatros .hp .box2 .box1-button-button { display:none; } .albatros .hp .box1-button-button:hover { box-shadow:0 0 10px rgba(0,0,0,0.6); } .albatros .hp .box1-button-button:after { width:203px; height:138px; left:25px; top:-30px; background:url('/-a84159---2SeedgZG/sberatelska-karta') no-repeat center; } .albatros .hp .box1-button-button span { font-family: "TradeGothicLTPro", Arial, sans-serif; font-size:16px; color:#000000; line-height:18px; display:inline-block; } /*** HP Box2 **************************/ .albatros .hp .box2 { min-height:500px; background:url('/-a84286---aIeq3j7T/cloth') no-repeat center -10px; padding-top:64px; } .albatros .hp .box2 .box2-books { height:512px; position:relative; //background:url('/-a84289---lUwt5gPD/books-nav') no-repeat center; //opacity:0.5; } .albatros .hp .box2 .book-mala-carodejnice { width:251px; height:318px; left: 109px; top: 7px; } .albatros .hp .box2 .book-mala-carodejnice .box2-books-image { background:url('/-a84509---b3KQC99_/mala-carodejnice') no-repeat center; } .albatros .hp .box2 .book-maly-princ { width:240px; height:310px; left: 209px; top: 82px; } .albatros .hp .box2 .book-maly-princ .box2-books-image{ background:url('/-a84508---QeAkMFFD/maly-princ') no-repeat center; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka { width:274px; height:325px; left: 375px; top: 35px; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka .box2-books-image{ background:url('/-a84507---96aj1tDr/modroocko') no-repeat center; } .albatros .hp .box2 .book-hurvinkova-nebesicka { width:238px; height:314px; left: 520px; top: 120px; } .albatros .hp .box2 .book-hurvinkova-nebesicka .box2-books-image { background:url('/-a84506---2ouFgJse/hurvinek') no-repeat center; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula { width:227px; height:300px; left: 692px; top: 57px; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula .box2-books-image { background:url('/-a84505---0WPEKlZ4/kubula') no-repeat center; } .albatros .hp .box2 .book-dasenka { width:263px; height:316px; left: 835px; top: 98px; } .albatros .hp .box2 .book-dasenka .box2-books-image{ background:url('/-a84504---Tf95Ulgg/dasenka') no-repeat center; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa { width:250px; height:315px; left: 987px; top: 191px; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa .box2-books-image{ background:url('/-a84503---q-OyynjU/ceske-dejiny') no-repeat center; } .albatros .hp .box2 .book-o-chytre-kmotre-lisce { width:234px; height:310px; left: 1100px; top: 31px; } .albatros .hp .box2 .book-o-chytre-kmotre-lisce .box2-books-image{ background:url('/-a84502---7h7n7Yoc/kmotra-liska') no-repeat center; } .albatros .hp .box2 .box2-books .box2-books-link { position:absolute; display:block; cursor:pointer; transition:transform 300ms ease-in-out; } .albatros .hp .box2 .box2-books .box2-books-link a { display:block; width:100%; height:100%; text-decoration:none; z-index:3; position:absolute; } .albatros .hp .box2 .box2-books .box2-books-image { width:100%; height:100%; z-index:1; position:absolute; } .albatros .hp .box2 .box2-books .box2-books-shadow { position:absolute; z-index:0; display:none; } .albatros .hp .box2 .box2-books-link:hover { transform:scale(1.1); transition:transform 300ms ease-in-out; z-index:100; } .albatros .hp .box2 .box2-books-link:hover .box2-books-shadow { display:block; box-shadow:0 0 34px 10px rgba(0,0,0,0.6); } .albatros .hp .box2 .box2-books .box2-books-link-1 .box2-books-shadow { width: 189px; height: 268px; left: 33px; top: 26px; transform: rotate(-11deg); z-index:1; } .albatros .hp .box2 .box2-books .box2-books-link-2 .box2-books-shadow { width: 192px; height: 277px; left: 26px; top: 17px; transform: rotate(6deg); z-index:1; } .albatros .hp .box2 .box2-books .box2-books-link-3 .box2-books-shadow { width: 185px; height: 262px; left: 45px; top: 32px; transform: rotate(17deg); z-index:1; } .albatros .hp .box2 .box2-books .box2-books-link-4 .box2-books-shadow { width: 189px; height: 276px; left: 25px; top: 18px; transform: rotate(-8deg); z-index: 1; } .albatros .hp .box2 .box2-books .box2-books-link-5 .box2-books-shadow { width: 188px; height: 272px; left: 19px; top: 14px; transform: rotate(-5deg); z-index: 1; } .albatros .hp .box2 .box2-books .box2-books-link-6 .box2-books-shadow { width: 183px; height: 257px; left: 39px; top: 30px; transform: rotate(15deg); z-index:1; } .albatros .hp .box2 .box2-books .box2-books-link-7 .box2-books-shadow { width: 181px; height: 265px; left: 37px; top: 24px; transform: rotate(-12deg); z-index: 1; } .albatros .hp .box2 .box2-books .box2-books-link-8 .box2-books-shadow { width: 184px; height: 265px; left: 26px; top: 26px; transform: rotate(7deg); z-index:1; } .albatros .hp .box2 .box2-books-item { width:552px; float:left; margin-right:36px; padding:60px 60px 39px; border-radius:10px; text-align:left; background-size:cover!important; margin-bottom:42px; } .albatros .hp .box2 .box2-books-item:last-of-type{ margin-bottom:0; } .albatros .hp .box2 .box2-books-item-title { color:#000000; font-family: "TradeGothicLTProBC20", Arial; } .albatros .hp .box2 .box2-books-item-author { font-family: "TradeGothicLTProBC20", Arial; font-size:14px; margin-bottom:10px; } .albatros .hp .box2 .box2-books-content { margin:-35px auto 0; } .albatros .hp .box2 .box2-books-item:nth-child(2n) { margin-right:0; } .albatros .hp .box2 #mala-carodejnice { padding-top:370px; background:#c4eae4 url('/-a84301---i0q_PCmg/book-carodejnice') no-repeat left top; height:657px; } .albatros .hp .box2 #maly-princ { margin-top:95px; padding-bottom:374px; background:#ffffff url('/-a84302---CbRCfHnh/maly-princ') no-repeat right bottom; height:645px; } .albatros .hp .box2 #z-deniku-kocoura-modroocka { padding-top:362px; background:#ced7d3 url('/-a84315---qUfya0Os/kocour') no-repeat left top; height:594px; } .albatros .hp .box2 #hurvinkova-nebesicka { padding-right:270px; background:#ffffff url('/-a84303---i2aspxJo/hurvinek') no-repeat right top; background-size:contain!important; height:401px; } .albatros .hp .box2 #dasenka { padding-top:105px; padding-bottom:107px; padding-right:170px; background:#fefefc url('/-a84304---4GybA_-L/dasenka') no-repeat right bottom; height:402px; } .albatros .hp .box2 #o-chytre-kmotre-lisce { padding-bottom:457px; background:#f3f3f3 url('/-a84305---ZSRXOhXq/lisce') no-repeat left bottom; height:705px; } .albatros .hp .box2 #ceske-dejiny-ocima-psa { padding-bottom:307px; background:#ffffff url('/-a84314---o6eccunj/ocima-psa') no-repeat right bottom; height:640px; } .albatros .hp .box2 #kubula-a-kuba-kubikula { padding-top:160px; padding-bottom:245px; background:#c6f4fa url('/-a84319---BWPPMGe5/medved2') no-repeat right bottom; height:577px; } .albatros .hp .box2 .box2-card-button { font-family: "TradeGothicLTProBC20", Arial; font-size:30px; line-height:36px; color:#000000; text-decoration:none; text-decoration:none; padding:35px 275px 35px 60px; background-color:#ffde00; display:inline-block; border-radius:10px; text-align:left; left:-60px; width:551px; } .albatros .hp .box2 .box-with-items-item-button { padding:0 60px; } .albatros .hp .box2 .box2-card-button:hover { box-shadow:0 0 10px rgba(0,0,0,0.6); } .albatros .hp .box2 .box2-card-button span { font-size:16px; line-height:24px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .albatros .hp .box2 .box2-card-button:after { width:216px; height:160px; background:url('/-a84321---DbasSm2m/sberatelska-karta-big') no-repeat 0 0; top:20px; right:53px; } .albatros .hp .box2 h2 { text-align:center; } .albatros .footer { background-color:#ffffff; padding:8px 0 57px; position:relative; bottom:0; } .albatros .footer h4 { color:#000000; text-align:center; } .albatros .footer #ms-newsletter-wrap { width:612px; margin:0 auto; } .albatros .footer #ms-newsletter-wrap label { float:right; width:95%; } .albatros .footer #ms-newsletter-wrap input[type=text] { width:100%; line-height:52px; height:52px; background-image:none; background-color:#ffffff; border:1px solid #b9b9b9; border-radius:26px 0 0 26px; padding:0 20px 0 40px; } .albatros .footer #ms-newsletter-wrap button { line-height:52px; height:52px; border-radius:0 26px 26px 0; font-size:18px; Font-family: "TradeGothicLTProBC20", Arial; width:200px; } .albatros .footer #ms-newsletter-wrap #agreement-message { clear:both; } .albatros .footer #ms-newsletter-wrap .validation-success { color:#000000; line-height:18px; height:24px; } .albatros .footer #ms-newsletter-wrap button span { padding:0; width:100%; line-height:52px; height:100%; display:inline-block; } .albatros .footer #ms-newsletter-wrap .row-padded > [class*=col-] { padding:0; } .albatros .footer-copy img { margin-right:20px; } .albatros .footer-copy { color:#5d5d5d; font-size:16px; line-height:18px; } .albatros .footer-copy p { margin-bottom:0 } .albatros .footer-copy p { Font-family: "TradeGothicLTProCn18", Arial; margin-top:13px; } .albatros .footer-brands ul { text-align:center; } .albatros .footer-brands li { display:inline-block; margin:5px 0 0; vertical-align:top; width:120px; text-align:center; } /*** Subpage ***********************/ .albatros.subpage .header { background:none; overflow:hidden; } .albatros.subpage.maly-basnik .header { min-height:730px; } .albatros.subpage.maly-basnik .header .cloud-right { top:-191px; right:176px; } .albatros.subpage.maly-basnik .cloud-right-content { margin:241px 0 0 0; height:170px; padding-top:47px; } .albatros.subpage.vyhry .header .cloud-right-content { margin-top:244px; height:168px; padding-top:45px; } .albatros.subpage #main-frame{ background:url('/-a84959---cHZkKKC5/bg-header-subpage4') no-repeat center top; //background-size:contain; margin-top:44px; } .albatros.subpage .header .cloud-big { left:126px; top:-147px; } .albatros.subpage .header .cloud-left { z-index:2; left:79px; top:-138px; } .albatros.subpage.vyherci .header .cloud-left { left:132px; top:-182px } .albatros.subpage.vyhry .header .cloud-left, .albatros.subpage.thank-you .header .cloud-left { z-index:2; left:126px; top:-143px; } .albatros.subpage.thank-you .header .cloud-left { top:-180px; left:136px; } .albatros.subpage.success .header .cloud-left { left:140px; top:-177px; } .albatros.subpage .cloud-3 { width:261px; height:407px; } .albatros.subpage .header .cloud-big-content { margin:328px 65px 0 160px; } .albatros.subpage .header .cloud-big-content .buttons { margin-top:15px; } .albatros.subpage .header .cloud-big-content .buttons a { margin-right:16px; } .albatros.subpage .header .cloud-big .subcloud { position:absolute; left:80px; top:374px; z-index:-3; } .albatros.subpage .back-button-mobile { display:none; } .albatros.subpage .header .cloud-big .subcloud .cloud-content { margin: 235px 0 0 0; height174px; padding-top:87px; } .albatros.subpage .box1 { position:relative; } .albatros.subpage .circle-list { position:absolute; top:474px; left:350px; text-align:center; } .albatros.subpage .circle-list li { display:inline-block; vertical-align:top; margin:0 35px; } .albatros.subpage .circle-list-image { width:120px; height:120px; border-radius:60px; margin:15px auto; position:relative; } .albatros.subpage .circle-list-1 .circle-list-image { background:#ffffff url('/-a84390---VUFPLjum/icon-star') no-repeat center; } .albatros.subpage .circle-list-2 .circle-list-image { background:#ffffff url('/-a84389---trZEuwEx/icon-document') no-repeat center; } .albatros.subpage .circle-list-3 .circle-list-image { background:#ffffff url('/-a84388---JsyLuuBw/icon-book') no-repeat center; } .albatros.subpage .circle-list-3:before { width:275px; height:196px; left:-24px; top:-86px; background: url('/-a84392---R4FMLYxy/vejar') no-repeat 0 0; } .albatros.subpage .circle-list-3 a { position:absolute; width:180px; bottom:92px; right:-109px; padding-left:40px; padding-right:10px } .albatros.subpage .stars { position:relative; height:255px; } .albatros.subpage .star { position:absolute; } .albatros.subpage .star-image { width:100%; height:100% } .albatros.subpage .star-1 { width:128px; height:132px; top:-20px; left:10%; } .albatros.subpage .star-2 { width:139px; height:135px; top:80px; left:20%; } .albatros.subpage .star-3 { width:134px; height:131px; top:22px; left:30%; } .albatros.subpage .star-4 { width:134px; height:130px; top:90px; left:40%; } .albatros.subpage .star-5 { width:149px; height:140px; top:40px; left:49%; } .albatros.subpage .star-6 { width:117px; height:110px; top:20px; left:60%; } .albatros.subpage .star-7 { width:117px; height:108px; top:111px; left:64%; } .albatros.subpage .star-8 { width:169px; height:160px; top:-28px; left:70%; } .albatros.subpage .star-9 { width:112px; height:112px; top:138px; left:74% } .albatros.subpage .star-10 { width:126px; height:126px; top:52px; left:80%; } .albatros.subpage .star-1 .star-image { background: url('/-a84397---28S87wZl/star-sbirat') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-2 .star-image { background: url('/-a84399---nni7kbMM/star-albert') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-3 .star-image { background: url('/-a84405---N44V68H4/star-usmev') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-4 .star-image { background: url('/-a84407---zSukzjzH/star-zdravi') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-5 .star-image { background: url('/-a84406---3I0mmmzP/star-vecere') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-6 .star-image { background: url('/-a84404---RPCcqlko/star-rodina') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-7 .star-image { background: url('/-a84403---DJvzCRJd/star-radost') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-8 .star-image { background: url('/-a84401---VkUw29Dh/star-dobrodruzstvi') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-9 .star-image { background: url('/-a84402---nAN2qVyJ/star-princ') no-repeat 0 0; background-size:cover; } .albatros.subpage .star-10 .star-image { background: url('/-a84400---W8AWgIAA/star-cerstvy') no-repeat 0 0; background-size:cover; } .albatros.subpage .box1-image { position:absolute; background-size:cover; } .albatros.subpage .box1-image-1 { background: url('/-a84411---WtGEJxmt/carodejnice') no-repeat 0 0; width:185px; height:368px; top:264px; left:-20px; } .albatros.subpage .box1-image-2 { background: url('/-a84412---JGRDn5e8/vrana-text') no-repeat 0 0; width:356px; height:373px; top:48px; right:-100px; } .albatros.subpage .box1-image-3 { background: url('/-a84409---7fjUdTQg/macka') no-repeat 0 0; width:320px; height:252px; right:-16px; top:758px; } .albatros.subpage .box1-image-4 { background: url('/-a84408---QPE6PGHz/medved-text') no-repeat 0 0; width:273px; height:369px; bottom:-25px; left:120px; } .albatros.subpage .header .cloud-big-2 { top:-142px; left:157px; } .albatros.subpage.vyherci .header .cloud-big-2 { top:-145px; left:182px; width: 750px; height: 609px; } .albatros.subpage.thank-you .header .cloud-big-2 { top:-197px; left:186px; } .albatros.subpage.vyhry .header .cloud-big-2 { top:-147px; left:160px; } .albatros.subpage .header .cloud-big-2 .subcloud { position:absolute; left:-140px; top:400px; z-index:-1; } .albatros.subpage.vyhry .header .cloud-big-2 .subcloud { position:absolute; left:-140px; top:433px; z-index:-1; } .albatros.subpage .header .cloud-big-2 .cloud-content { margin: 331px 0 0 159px; } .albatros.subpage.vyherci .header .cloud-big-2 .cloud-content { margin: 303px 0 0 152px; } .albatros.subpage.success .header .cloud-big-2 .cloud-content { margin: 310px 0 0 191px; } .albatros.subpage.vyhry .header .cloud-big-2 .cloud-content { margin: 335px 82px 0 166px; } .albatros.subpage .header .cloud-big-2 .subcloud .cloud-content { margin: 66px 0 0 12px; } .albatros.subpage.vyhry .header .cloud-big-2 .subcloud .cloud-content { margin: 0 0 0 12px; padding-top:62px; } .albatros.vyhry .header { min-height:545px; z-index:2; } .albatros.vyhry .header .cloud-right { right:153px; top:-129px; z-index:2; } .albatros.vyhry .box1 .box1-books { min-height:500px; background-color:#ffffff; border-radius:10px; padding:170px 40px 80px; width:1140px; margin:-170px auto 0; } .albatros.vyhry .box1-image-4 { left:-37px; width: 229px; height: 260px; bottom:-9px; background: url('/-a84158---RZBEnd5u/bear') no-repeat 0 0; } .albatros.vyhry .box1-image-2 { right:-127px; width: 257px; height: 270px; bottom:190px; top:initial; background: url('/-a84160---pA-S5pLO/crow') no-repeat 0 0; } .albatros.vyhry .box1-image-3 { right:-62px; top:-67px; } .albatros.vyhry .box1-image-1 { left:-58px; top:287px; } .albatros.vyhry .box1-books-item { margin-bottom:40px; } .albatros.vyhry .box1-books-item-image { height:402px; position:relative; } .albatros.vyhry .box1-books-item-text { padding:0 15px; } .albatros.vyhry .box1-books-item-text p { margin:0; } .albatros.vyhry .box1-books-item-image img { max-height:100%; width:auto; position: } .albatros.vyhry .box1-books-item:nth-child(2n + 1) .box1-books-item-image { z-index:2; } .albatros.vyherci .cloud-right { right:287px; top:-148px; z-index:2; } .albatros .box-vyherci .box-vyherci-title { padding-top:10px; } .albatros .box-vyherci-content { width:1154px; margin:40px auto 40px; position:relative; } .albatros .winners-article-item { background-color:#ffffff; border-radius:10px; padding:25px; width:355px; height:540px; overflow:hidden; display:inline-block; vertical-align:top; margin:0 13px 34px; position:relative; } .albatros .winners-article-item-title { font-family: "CaveatBold"; font-size:36px; line-height:40px; color:#198ed0; } .albatros .winners-article-item-author { font-family: "CaveatBold"; font-size:18px; line-height:26px; color:#3a3b3c; } .albatros .winners-article-item-link { position:absolute; bottom:30px; left:0; right:0; } .albatros .winners-article-item-perex { font-family: "CaveatRegular"; font-size:24px; line-height:26px; color:#3a3b3c; margin-top:10px; } .albatros.vyherci .header { height:457px; } .albatros.vyherci .box-vyherci .box1-image-2 { right:-195px; width: 257px; height: 270px; bottom:initial; top:-161px; z-index:2; background: url('/-a84160---pA-S5pLO/crow') no-repeat 0 0; } .albatros.vyherci .box-vyherci .box1-image-3 { right:-163px; top:768px; } .albatros.vyherci .box-vyherci .box1-image-1 { left:-97px; top:667px; } .albatros.vyherci .box-bottom a { margin-top:30px; } .albatros.vyherci .box-bottom { padding-bottom:162px; position:relative; padding-top:50px; } .albatros.vyherci .box-bottom .box1-image-4 { right:147px; width: 260px; height: 309px; bottom:-26px; left:initial; background: url('/-a84469---rLqLdWSH/bear-inverted') no-repeat 0 0; } .albatros.subpage.thank-you .header { height:645px; } .albatros.subpage.thank-you .header .cloud-big-2 .subcloud { position:absolute; right:-69px; top:initial; bottom:-151px; z-index:-1; left:initial; } .albatros.subpage.thank-you .header .cloud-big-2 .subcloud .cloud-content { margin: 45px 0 0 0; height:310px; padding: 103px 70px 10px 110px; } .albatros.subpage.thank-you .box1 { padding-top:50px; } .albatros.subpage.thank-you .box1 .box-1-bottom { color:#ffffff; padding-top:70px; padding-bottom:40px; } .albatros.subpage.thank-you .box1 .box1-image-4 { left:135px; width: 229px; height: 260px; bottom:-9px; background: url('/-a84158---RZBEnd5u/bear') no-repeat 0 0; } .albatros.subpage.thank-you .box1 .box1-image-3 { right:0; top:-124px; } .albatros.success .header { height:515px; } .albatros.subpage.success .header .cloud-big-2 { top:-209px; left:193px; } .albatros.success .header .cloud-left { top:-195px; } .albatros.success .box1-image-1 { left:178px; width: 129px;px; height: 257px; bottom:36px; top:initial; background-size:cover; z-index:2; } .albatros.success .box1-image-2 { right:249px; width: 192px; height: 204px; bottom:166px; top:initial; z-index:2; background: url('/-a84160---pA-S5pLO/crow') no-repeat 0 0; background-size:cover; } /*** Popup ***********************/ .mpf-albatros-holder .mfp-container { max-width:800px; width:100%; } .mpf-albatros { padding:30px 50px 50px; margin-top:140px; min-width:100%; width:100%; border-radius:10px; text-align:center; } .mpf-albatros:before { position:absolute; width:218px; height:259px; left:-161px; bottom:-33px; background:url('/-a84476---s7Xmexfc/bear-popup') no-repeat 0 top; content:""; display:block; } .mpf-albatros .mpf-albatros-title { font-size:36px; font-family: "CaveatBold"; line-height:40px; margin:10px 0 0; color:#198ed0; } .mpf-albatros .mpf-albatros-author { font-size:18px; line-height:26px; margin:10px 0 0; color:#3a3b3c; font-family: "CaveatBold"; } .mpf-albatros .mpf-albatros-body p { font-size:24px; line-height:26px; margin:30px 0 0; font-family: "CaveatRegular"; color:#3a3b3c; } .mpf-albatros-close-top { width:214px; height:167px; margin:0 auto; background:url('/-a84477---Kd0NA9Hm/close-popup') no-repeat 0 top; } .mpf-albatros-close-mobile { color:#198ed0; background-image:none; position:relative; left:-29px; top:-15px; text-align:left; display:none; } .mpf-albatros-close-mobile span { margin-right:10px!important; } .mpf-albatros-close span { font-size:16px; line-height:24px; color:#ffffff; display:block; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:bold; cursor:pointer; } .mpf-albatros-close-top { position:absolute; top:-94px; right:-80px;; text-align:center; padding-top:70px; } .mpf-albatros-close-bottom { margin-top:30px; } .mpf-albatros-close-top span { display:inline-block; } .mpf-albatros-close span:nth-child(2) { text-decoration:underline; } .mpf-albatros-close-top span:nth-child(1) { color:#ffde00; position:relative; top:1px; } .mpf-albatros .mfp-close { display:none; } /*** Form ***********************/ .albatros.subpage .form-rhyme { padding:45px; width:741px; background-color:#ffffff; margin:0 auto; border-radius:10px; } .albatros.subpage .form-rhyme label { display:block; font-size:18px; font-family: "TradeGothicLTProBC20", Arial; } .albatros.subpage .form-rhyme label .label-1 { float:right; Font-family: "TradeGothicLTProCn18", Arial; padding-right:5px; } .albatros.subpage .form-rhyme textarea { width:100%; min-height:217px; } .albatros .form-checkbox { font-size:16px; font-family: "TradeGothicLTProBC20", Arial; } .albatros .form-checkbox input[type=checkbox] { margin-right:10px; } .albatros .input-round { border-radius:10px; } .albatros .input-col-padding-left { padding-left:40px!important; } .albatros .input-wrap { margin-bottom:25px; } .albatros .input-l { width:287px; } .albatros .input-m { width:215px; } .albatros .input-s { width:51px; } .albatros .button-send { font-size:24px; line-height:57px; height:51px; padding:0 30px; border-radius:25.5px; background-color:#0085c4; font-family: "TradeGothicLTProBC20", Arial; text-transform:uppercase; background-image:none; color:#ffffff; border:none; } .albatros .button-send:hover { box-shadow:0 0 10px rgba(0,0,0,0.6); } .albatros .input-text { height:36px; line-height:36px; font-size:16px; color:#777777; padding:0 8px; } .albatros .input-wide { width:60%; } .albatros .input-bordred { background-image:none; background-color:#ffffff; border:1px solid #b9b9b9; } .u-after, .u-before { position:relative; } .u-after:after, .u-before:before { position:absolute; content:""; display:block; visibility:visible; } .albatros.hp .box-with-items { width:1157px; padding:0 40px; margin:0 auto; text-align:center; } .albatros .box-with-items-item { display:inline-block; vertical-align:top; } .albatros { font-size:16px; line-height:20px; font-family: "TradeGothicLTPro", Arial, sans-serif; color:#000000; } .albatros h1 { font-size:98px; line-height:1; text-transform:uppercase; color:#ffffff; } .albatros h2 { font-size:48px; line-height:54px; margin:0; font-family: "TradeGothicLTProBC20", Arial; color:#ffffff; text-transform:none; } .albatros h2.h2-medium { font-size:48px; line-height:58px; margin:0; Font-family: "TradeGothicLTProCn18", Arial; color:#ffffff; text-transform:none; } .albatros h2.h2-small { font-size:36px; line-height:40px; } .albatros h2 span { font-size:36px; line-height:54px; margin:0; Font-family: "TradeGothicLTProCn18", Arial; color:#ffffff; } .albatros h3 { font-size:33px; line-height:40px; margin:0; Font-family: "TradeGothicLTProCn20", Arial; color:#ffffff; } .albatros h4 { font-size:30px; line-height:35px; margin:0; Font-family: "TradeGothicLTProBC20", Arial; color:#ffffff; } .albatros h5 { font-size:24px; line-height:30px; margin:0; Font-family: "TradeGothicLTProBC20", Arial; color:#ffffff; } .albatros .responsive-image { max-width:100% height:auto; } .albatros .text-cloud-big { Font-family: "TradeGothicLTProBC20", Arial; font-size:41px; line-height:45px; color:#ffffff; } .albatros .text-cloud-big-1 { Font-family: "TradeGothicLTProBC20", Arial; font-size:48px; line-height:54px; color:#ffffff; } .albatros .text-cloud-small { font-size:14px; line-height:18px; color:#ffffff; } .albatros .text-cloud-small-1 { font-size:16px; line-height:18px; color:#ffffff; } .albatros .text-cloud-small-2 { font-size:22px; line-height:36px; color:#ffffff; } .albatros .text-cloud-small-4 { font-size:18px; line-height:24px; color:#ffffff; } .albatros .text-cloud-small-3 { font-size:24px; line-height:18px; color:#ffffff; } .albatros .text-cloud-medium { font-family: "TradeGothicLTProCn18", Arial; font-size:41px; line-height:45px; color:#ffffff; } .albatros .text-cloud-medium-1 { font-family: "TradeGothicLTProCn18", Arial; font-size:48px; line-height:54px; color:#ffffff; } .albatros .text-cloud-normal { font-size:30px; line-height:54px; Font-family: "TradeGothicLTProBC20", Arial; } .albatros .text-cloud-normal-2 { font-size:30px; line-height:36px; Font-family: "TradeGothicLTProBC20", Arial; } .albatros .text-cloud-normal-1 { font-size:36px; line-height:24px; Font-family: "TradeGothicLTProBC20", Arial; } .albatros .text-cloud-link { font-family: "TradeGothicLTProBC20", Arial; font-size:30px; line-height:36px; color:#ffde00; } .albatros .color-gray { #color:#5d5d5d; } .albatros .color-black { color:#000000; } .albatros .color-white { color:#ffffff; } .albatros .color-blue { color:#0085c4; } .albatros .color-yellow { color:#ffde00; } .albatros .text-small { font-size:14px; line-height:18px; } .albatros .text-middle { font-size:16px; line-height:18px; } .albatros .text-medium { font-size:18px; line-height:24px; } .albatros .text-medium-1 { font-size:18px; line-height:34px; } .albatros .text-medium-2 { font-size:24px; line-height:34px; } .albatros .text-large { font-size:30px; line-height:34px; } .albatros .row-gutter > [class*=col-] { margin:0 5px; } .albatros .font-cn18 { font-family: "TradeGothicLTProCn18", Arial; } .albatros .font-bc20 { Font-family: "TradeGothicLTProBC20", Arial; } .albatros .font-cn20 { Font-family: "TradeGothicLTProCn20", Arial; } .albatros .no-decoration { text-decoration:none; } .albatros .no-margin-bottom { margin-bottom:0!important; } .albatros .margin-bottom { margin-bottom:20px!important; } .albatros .margin-bottom-5 { margin-bottom:5px; } .albatros .margin-bottom-30 { margin-bottom:30px; } .albatros .margin-bottom-20 { margin-bottom:20px; } .albatros .margin-bottom-50 { margin-bottom:50px; } .albatros * { box-sizing:border-box; } .albatros .border-top { border-top:1px solid #c5d7dc; } .albatros .center-vertical { display:flex; align-items:center; } .albatros .text-initial { text-transform:initial!important; } .albatros .button-full { width:100%; text-align:center; } .albatros .hide-mobile-large { display:block; } .albatros .hide-mobile { display:block; } .albatros .hide-desktop { display:none; } .albatros .box-padding { padding:10px; } .albatros .padding-bottom-large { padding-bottom:40px!important; } .albatros .padding-bottom-120 { padding-bottom:120px!important; } .albatros .padding-bottom-50 { padding-bottom:50px!important; } .albatros .padding-top-large { padding-top:40px!important; } .albatros .padding-27-0 { padding:27px 0!important; } .albatros .padding-top-45 { padding-top:45px!important; } .albatros .row { width:100%; //overflow:hidden; } .albatros .col-no-padding > [class*=col-]{ padding:0!important; } @media (max-width: 769px) { .albatros .row > .col-xs-12 { width:100%!important; float:none; } .albatros .row > .col-sm-6 { width:50%; padding:0 10px; float:left; } .albatros .row > .col-sm-8 { width:66%; float:left; } .albatros .row > .col-sm-7 { width:58.31%; float:left; } .albatros .row > .col-sm-5 { width:41.66%; float:left; } .albatros .row > .col-sm-4 { width:33%; float:left; } .albatros .row > .col-sm-2 { width:16.666%; float:left; } .albatros .row > .col-sm-3 { width:24.999%; float:left; } .albatros .row > .col-sm-1 { width:8.333%; float:left; } .albatros .row > .col-sm-10 { width:83%; float:left; } .albatros .row > .col-sm-9 { width:74.97%; float:left; } } @media (min-width: 769px) { .albatros .col-no-padding > [class*=col-]{ padding:0; } .albatros .row > .col-sm-6 { width:50%; padding:0 10px; float:left; } .albatros .row > .col-sm-8 { width:66%; float:left; } .albatros .row > .col-sm-7 { width:58.31%; float:left; } .albatros .row > .col-sm-5 { width:41.66%; float:left; } .albatros .row > .col-sm-4 { width:33%; float:left; } .albatros .row > .col-sm-2 { width:16.666%; float:left; } .albatros .row > .col-sm-3 { width:24.999%; float:left; } .albatros .row > .col-sm-1 { width:8.333%; float:left; } .albatros .row > .col-sm-10 { width:83%; float:left; } .albatros .row > .col-sm-9 { width:74.97%; float:left; } } @media (min-width: 980px) { .albatros .row-padded > [class*=col-]{ padding:0 5px; } .albatros .col-no-padding > [class*=col-]{ padding:0; } .albatros .row-padded { margin:0 -5px; } .albatros .row > .col-md-6 { width:50%; padding:0 10px; float:left; } .albatros .row > .col-md-8 { width:66%; float:left; } .albatros .row > .col-md-10 { width:83%; float:left; } .albatros .row > .col-md-4 { width:33%; float:left; } .albatros .row > .col-md-2 { width:16.666%; float:left; } .albatros .row > .col-md-3 { width:24.999%; float:left; } .albatros .row > .col-md-1 { width:8.333%; float:left; } .albatros .row > .col-md-7 { width:58.31%; float:left; } .albatros .row > .col-md-5 { width:41.66%; float:left; } .albatros .row > .col-md-9 { width:74.97%; float:left; } } @media screen and (max-width: 1564px) { .albatros.subpage.maly-basnik .box1-image-2 { width:272px; height:287px; right:-21px; top:78px; background-size:cover; } .albatros.vyhry .box1-image-1 { background-size:cover; left: 0px; width:125px; height:245px; } .albatros.vyhry .box1-image-2 { width:147px; height:160px; right:-7px; background-size:cover; } .albatros.vyhry .box1-image-3 { right: 88px; top: -37px; width:220px; height:172px; background-size:cover; } .albatros.vyhry .box1-image-4 { left: -27px; bottom:-15px; width:139px; height:171px; background-size:cover; } .albatros.subpage.maly-basnik .box1-image-1 { width:134px; height:270px; left:20px; background-size:cover; } .albatros.subpage.maly-basnik .box1-image-3 { width:234px; height:175px; right:84px; background-size:cover; } .albatros.subpage.maly-basnik .box1-image-4 { width:187px; height:246px; left:150px; bottom:-13px; background-size:cover; } .albatros.vyherci .box-vyherci .box1-image-2 { right:-175px; width: 167px; height: 180px; background-size:cover; } .albatros.vyherci .box-vyherci .box1-image-3 { right:-163px; top:768px; width:210px; height:162px; background-size:cover; } .albatros.vyherci .box-vyherci .box1-image-1 { left:-157pxpx; width:125px; height:248px; background-size:cover; } .albatros.vyherci .box-bottom .box1-image-4 { width:166px; height:189px; bottom:-8px; background-size:cover; } } @media screen and (max-width: 1386px) { .albatros .header .cloud-left { left:10px; } .albatros .header .cloud-middle { left:126px; } .albatros .hp .header:after { right:128px; } .albatros .hp .box1 .box1-right-image { width:206px; height:219px; right:10px; background-size:cover; } .albatros .hp .box1 .box1-left-image { width:189px; height:238px; bottom:-19px; background-size:cover; } .albatros .hp .box2 .book-o-chytre-kmotre-lisce { right:1%; left:initial; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa { left:70%; } .albatros .hp .box2 .book-dasenka { left:60%; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula { left:50%; } .albatros .hp .box2 .book-hurvinkova-nebesicka { left:40%; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka { left:30%; } .albatros .hp .box2 .book-maly-princ { left:20%; } .albatros .hp .box2 .book-mala-carodejnice { left:10%; } .albatros.subpage.maly-basnik .box1-image-2 { width:232px; height:242px; right:-21px; top:78px; background-size:cover; } .albatros.subpage.vyhry .scroll-image { display:none!important; } .albatros.vyhry .header .cloud-right { right:3px; } .albatros.subpage.thank-you .box1 .box1-image-3 { width:240px; height:190px; right:10px; top:-158px; background-size:cover; } .albatros.subpage.thank-you .box1 .box1-image-4 { width:196px; height:220px; bottom:-5px; background-size:cover; left:10px; } .albatros.success .box1-image-2 { right:10px; } .albatros.vyherci .cloud-right { right:20px; } } @media screen and (max-width: 1271px) { .albatros.subpage .circle-list { width:100%; position:static; margin-top:600px; } .albatros.subpage .circle-list-3 { margin-right:120px!important; } .albatros .header .cloud-middle { top:-180px; } .albatros.hp .header { min-height:693px; } .albatros .hp .header:after { right:98px; } .albatros.vyherci .scroll-image { display:none; } .albatros.subpage.maly-basnik .box1-image-2 { top:438px; } .albatros.subpage.maly-basnik .box1-image-3 { width:194px; height:155px; right:14px; background-size:cover; } .albatros.subpage.maly-basnik .box1-image-4 { width:148px; height:216px; left:100px; bottom:-13px; background-size:cover; } .albatros.subpage.maly-basnik .box1-image-1 { width:114px; height:230px; top:334px; background-size:cover; } .albatros.vyhry .header .cloud-right { top:-203px; } } @media screen and (max-width: 1190px) { .albatros.hp .header { min-height:763px; } .albatros .hp .header:after { bottom:9px; right:16px; } .albatros .hp .box2 .box2-card-button { bottom:initial; } .albatros.vyhry .box1 .box1-books { width:90%; } .albatros.vyhry .box1-books-item-image img { max-width:100%; margin-bottom:10px; } .albatros.vyhry .box1-books-item-image { height:auto; } .albatros .box-with-items-item { height:auto!important; } .albatros.vyhry .box-with-items-item { height:510px!important; } .albatros .hp .box2 #maly-princ { margin-top:0 } .albatros .hp .box2 .box2-books-content { margin-bottom:42px; } .albatros.subpage .scroll-image { display:none!important; } .albatros.subpage.thank-you .scroll-image { display:block!important; } .albatros .box-vyherci-content { width:100%; } .albatros .winners-article-item { height:540px!important; } } @media screen and (max-width: 1169px) { .albatros #main-menu .main-menu-extra a > span:first-child { display:none; } .albatros .header .cloud-middle { left:6px; } .albatros.hp .box-with-items { width:100%; } .albatros .hp .box1 .box1-card-item { margin-bottom:40px; } .albatros .hp .box2 .book-maly-princ { left:18%; top:162px; } .albatros.subpage.maly-basnik .header .cloud-right { right:6px; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka { left:24%; } .albatros .hp .box2 .book-hurvinkova-nebesicka { top:140px; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula { top:37px; } .albatros .hp .box2 .book-dasenka { top:218px; left:54%; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa { top:58px; left:63%; } .albatros .hp .box2 .book-o-chytre-kmotre-lisce { top:141px; right:6%; } .albatros .hp .box2 .box2-books { height:622px; } .albatros.subpage .circle-list li { margin-bottom:100px; } .albatros.subpage .header .cloud-big-2 .cloud-content { margin: 331px 36% 0 197px; } .albatros.subpage.thank-you .header .cloud-big-2 .cloud-content { margin: 296px 14% 0 159px; } .albatros.vyhry .box-with-items-item { height:460px; } .albatros.subpage.vyhry .header .cloud-left { left:10px; top:-223px; } .albatros.subpage.vyhry .header .cloud-big-2 { left:-130px; } .albatros.subpage.vyhry .header .cloud-big-2 .subcloud { left:70px; top:473px; } .albatros.subpage.thank-you .header .cloud-big-2, .albatros.subpage.success .header .cloud-big-2 { left:0px; top:-173px; } .albatros.subpage.thank-you .header .cloud-left, .albatros.subpage.success .header .cloud-left { top:-235px; left:16px; } .albatros.subpage.thank-you .header .cloud-big-2 .subcloud { right:100px; } .albatros.success .box1-image-1 { left:10px; } .albatros.vyherci .cloud-right { top:-203px; } .mpf-albatros:before { left:-21px; width:158px; height:199px; bottom:-18px; background-size:cover; } } @media screen and (max-width: 960px) { .albatros.hp .header { min-height:875px; background-size:cover; } .albatros.subpage.thank-you .scroll-image { display:none!important; } .albatros .hp .box1 .box1-right-image { right:-70px; } .albatros .hp .box1 .box1-left-image { left:-60px; } .albatros .hp .box2 .box2-books-item { margin:0 auto 42px; position:static!important; float:none; } .albatros.success .box1-image-2, .albatros.success .box1-image-1 { display:none; } .albatros.subpage.vyherci .header .cloud-left { left:10px; } .albatros.subpage.vyherci .header .cloud-big-2 { left:62px; } .mpf-albatros-close-top { right:-30px; } .mpf-albatros:before { display:none; } } @media screen and (max-width: 769px) { .albatros .main-frame-container-inner, .albatros.detail #page, .albatros .main-frame-container, .albatros .hp .box2, .albatros.subpage .main-frame-container-inner, .albatros.subpage #main-frame { background-image:none; } .albatros.hp .header { background-size:cover; min-height:712px; background-position:60% bottom; } .albatros .cloud-2, .albatros .header .cloud-middle { background-size: contain; width:278px; height:309px; left:2px; top:-105px; } .albatros .header .cloud-middle-content { margin: 194px 10px 0 40px; } .albatros .header .cloud-left, .albatros .header .cloud-1 { display:none; } .albatros.hp .header .cloud-right, .albatros.hp .header .cloud-3 { width:183px; height:215px; right:-20px; top:-110px; background-size:cover; z-index:4; } .albatros .header .cloud-right-content { margin-top:132px; height:81px; padding-top:12px; } .albatros .hp .box1 { background-color:#ffffff; background-image:none; } .albatros .hp .box1 .box1-card-item, .albatros .hp .box1 .box1-card-item .box-with-items-item-content { transform: none!important; } .albatros .hp .box1 .box1-card { padding:17px 0 0 0; } .albatros .hp .box1 .box1-card-item { width:100%; padding:14px; box-shadow:none; margin-bottom:7px; height:auto; margin-right:0; } .albatros.vyhry .box1 .box1-books { width:100%; border-radius:0; margin-top:0; padding-top:67px; } .albatros .hp .box1 .box1-card-item:after { display:none; } .albatros .hp .box1 { position:relative; padding-top:0; } .albatros .hp .box1:after { width:86px; height:40px; content:""; display:block; position:absolute; left:0; right:0; margin:0 auto; top:-20px; background:url('/-a84171---iv0ohN-E/card-title') no-repeat 0 0; } .albatros .hp .box1-card-item-image { float:left; margin-right:10px!important; } .albatros .hp .box1-card-item-perex { text-align:left; padding-top:20px; } .albatros .scroll-image { display:none!important; } .albatros .hp .box1-button-button { padding: 20px 44px 20px 20px; font-size:18px; text-align:center; width:80%; margin:15px auto 40px; } .albatros .hp .box1-button-button:after { margin:0 auto; left:0; right:0; top:-76px; height:76px; background-position:center top; } .albatros .hp .box2 { padding-top:37px; } .albatros .hp .box2 .box2-books .box2-books-link:nth-child(1n) { left:5%; right:initial; } .albatros .hp .box2 .box2-books .box2-books-link:nth-child(2n) { left:initial; right:5%; } .albatros .hp .box2 .book-mala-carodejnice { height:205px; width:161px; } .albatros .hp .box2 .book-maly-princ { height:210px; width:161px; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka { height:213px; width:166px; z-index:1; left:initial!important; right:5%!important; } .albatros .hp .box2 .book-hurvinkova-nebesicka { height:213px; width:159px; z-index:1 left:5%!important; right:initial!important; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula { height:215px; width:162px; } .albatros .hp .box2 .book-dasenka { height:215px; width:176px; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa { height:213px; width:166px; } .albatros .hp .box2 .book-o-chytre-kmotre-lisce { height:209px; width:155px; } .albatros .hp .box2 .box2-books .box2-books-link-1 .box2-books-shadow { width: 120px; height: 160px; left: 20px; top: 26px; } .albatros .hp .box2 .box2-books .box2-books-link-2 .box2-books-shadow { width: 121px; height: 177px } .albatros .hp .box2 .box2-books .box2-books-link-3 .box2-books-shadow { width: 98px; height: 157px; left: 32px; top: 25px; } .albatros .hp .box2 .box2-books .box2-books-link-4 .box2-books-shadow { width: 122px; height: 184px; left: 22px; top: 13px; } .albatros .hp .box2 .box2-books .box2-books-link-5 .box2-books-shadow { width: 128px; height: 182px } .albatros .hp .box2 .box2-books .box2-books-link-6 .box2-books-shadow { width: 113px; height: 167px; left: 39px; top: 23px; } .albatros .hp .box2 .box2-books .box2-books-link-7 .box2-books-shadow { width: 121px; height: 175px; left: 24px; top: 18px; } .albatros .hp .box2 .box2-books .box2-books-link-8 .box2-books-shadow { width: 122px; height: 172px; left: 18px; top: 15px; } .albatros .hp .box2 .book-mala-carodejnice, .albatros .hp .box2 .book-maly-princ { top:0; } .albatros .hp .box2 .book-z-deniku-kocoura-modroocka, .albatros .hp .box2 .book-hurvinkova-nebesicka { top:138px; } .albatros .hp .box2 .book-kubula-a-kuba-kubikula, .albatros .hp .box2 .book-dasenka { top:300px; } .albatros .hp .box2 .book-ceske-dejiny-ocima-psa, .albatros .hp .box2 .book-o-chytre-kmotre-lisce { top:440px; } .albatros .hp .box2 .box2-books { max-width:320px; width:100%; margin:5px auto 0; } .albatros.hp .box2 .box2-books-item { margin:0 auto 20px; } .albatros .hp .box2 .box2-books-content { margin-top:0; width:100%!important; padding:0; margin-bottom:0; } .albatros .hp .box2 .box2-books .box2-books-link-2 .box2-books-shadow, .albatros .hp .box2 .box2-books .box2-books-image { background-size: contain; } .albatros .hp .box2 .box2-books { height:687px;; text-align:center; } .albatros .footer #ms-newsletter-wrap { width:100%; text-align:center; } .albatros .hp .box2 .box1-button-button { display:block; } .albatros .hp .box2 .box2-card-button { display:none; } .albatros .hp .box2 .box1-button-button:after { display:none; } .albatros .hp .box2 .box2-books-item:last-child { padding:37px 16px; text-align:center; } .albatros .footer #ms-newsletter-wrap input[type=text] { width:100%; border-radius:26px; } .albatros .footer #ms-newsletter-wrap button { width:100%; border-radius:26px; margin-top:10px; } .albatros .mobile-padding-16 { padding:0 16px; } .albatros .footer-copy img { margin-bottom:35px; } .albatros .footer-copy-partners { padding:36px 0 9px; } .albatros .hp .box2 #hurvinkova-nebesicka { padding-right:37%; } .albatros .hp .header:after { right:17px; bottom:3%; width:78px; height:44px; background-size: contain; } .albatros.subpage.maly-basnik .header .cloud-right, .albatros.maly-basnik .header .cloud-big .subcloud { display:none; } .albatros.subpage .header .cloud-big { left:-202px; top:-208px; width:969px; height:696px; } .albatros.subpage .header .cloud-big-content { margin: 358px 65px 0 250px; } .albatros.subpage .header .cloud-big-content .buttons { margin-top:106px; } .albatros.subpage .circle-list { margin-top:500px; } .albatros.subpage .circle-list-3 { margin-right:35px!important; margin-top:100px!important;; } .albatros.subpage .circle-list-1, .albatros.subpage .circle-list-2, .albatros.subpage .circle-list-3 { margin-bottom:5px!important; } .albatros.subpage .stars { height:405px; overflow:hidden; margin-top:20px; } .albatros.subpage .star-1 { left:9%; top:0; } .albatros.subpage .star-2 { left:28%; top:30px; } .albatros.subpage .star-3 { left:initial; right:4%; top:0px; } .albatros.subpage .star-4 { left:7%; top:110px; } .albatros.subpage .star-5 { left:32%; top:150px; } .albatros.subpage .star-6 { left:initial; right:0%; top:116px; } .albatros.subpage .star-7 { left:0; top:263px; } .albatros.subpage .star-8 { left:52%; top:229px; } .albatros.subpage .star-9 { left:initial; right:26%; top:63px; } .albatros.subpage .star-10 { left:initial; right:1%; top:230px; } .albatros.subpage .form-rhyme { width:100%; border-radius:0; padding:50px 16px 30px; } .albatros .input-l { width:100%; } .albatros .input-m { width:90%; } .albatros.subpage .form-rhyme label { margin-top:19px; } .albatros .input-wrap { margin-bottom:0; } .albatros .form-checkbox { margin-top:30px; } .albatros .button-send-wrap { text-align:center; } .albatros .button-send { margin:30px auto 0; } .albatros .form-rhyme h5 { margin-top:27px; } .albatros.vyhry .box1 .box1-books { padding-right:16px; padding-left:16px; padding-bottom:0; } .albatros.vyhry .box1-books-item-image { text-align:center; } .albatros .box-with-items-item { height:auto; margin-bottom:40px; } .albatros.vyhry .box-with-items-item { height:auto!important; } .albatros.vyhry .box1-books-item-text h3 { font-size:18px; line-height:24px } .albatros.vyhry .box1-books-item-text .box1-books-item-perex { font-size:14px; line-height:18px } .albatros.subpage .header .cloud-big-2 { left:-170px; top:-122px; } .albatros.subpage.vyhry .header .cloud-big-2 { left:-220px; top:-189px; } .albatros.subpage.vyhry .header .cloud-big-2 .subcloud { display:none; } .albatros.subpage .header .cloud-big-2 .cloud-content { margin: 331px 25% 0 197px; } .albatros.subpage.success .header .cloud-big-2 .cloud-content { margin: 314px 25% 0 183px; } .albatros.subpage.vyherci .header .cloud-big-2 .cloud-content { margin: 314px 25% 0 183px; } .albatros.subpage.vyhry .header .cloud-big-2 .cloud-content { margin: 331px 25% 0 252px; } .albatros.subpage.thank-you .header .cloud-big-2 .cloud-content { margin: 350px 26% 0 183px; } .albatros.vyhry .header { min-height:485px; } .albatros.vyherci .header { min-height:565px; } .albatros.vyherci h2 { font-size:30px; line-height:36px; } .albatros.vyhry .header .cloud-right, .albatros.vyhry .header .cloud-3, .albatros.vyherci .header .cloud-right, .albatros.vyherci .header .cloud-3 { width:376px; height:267px; top:initial; bottom:-40px; right:-80px; background-image:url(/-a84515---xJYGGPvr/cloud-1-small); background-size:cover; } .albatros.vyherci .header .cloud-right, .albatros.vyherci .header .cloud-3 { bottom:1px; } .albatros.vyhry .header .cloud-right img, .albatros.vyhry .header .cloud-3 img, .albatros.vyherci .header .cloud-right img, .albatros.vyherci .header .cloud-3 img{ display:none } .albatros.vyhry .header .cloud-right .text-cloud-link, .albatros.vyherci .header .cloud-right .text-cloud-link { font-size:30px; line-height:36px; } .albatros.subpage.vyhry .header .cloud-right-content, .albatros.subpage.vyherci .header .cloud-right-content { margin: 64px 0 0 9px; } .albatros.success .header .cloud-left { display:none; } .albatros.success .header .cloud-big-2 .cloud-content .text-cloud-normal-2 { font-size:18px; line-height:24px; margin-top:10px; } .albatros.subpage.thank-you .header .cloud-big-2 .subcloud { display:none; } .albatros.subpage.thank-you .text-cloud-medium-1, .albatros.subpage.thank-you .text-cloud-big-1 { font-size:24px; line-height:30px; } .albatros.subpage.thank-you .text-cloud-normal { font-size:30px; line-height:36px; } .albatros.subpage.thank-you .text-cloud-small-4 { font-size:16px; line-height:21px; } .albatros.subpage.thank-you .header .cloud-big-2 { height:741px; left:-152px; top:-223px; } .albatros.subpage.success .header .cloud-big-2 { left:-152px; top:-193px; } .albatros.subpage.vyherci .header .cloud-big-2 { left:-152px; top:-193px; width:890px; height:650px; } .mpf-albatros-close-top { display:none; } .mpf-albatros-close-mobile { display:block; } .mpf-albatros { border-radius:0 } .mpf-albatros .mpf-albatros-title { padding-top:54px } .mfp-container { padding:0; } .albatros .input-wide { width:100%; } .albatros .input-col-padding-left { padding:0!important; } .albatros .text-cloud-link { font-size:18px; line-height:24px; } .albatros .text-cloud-small-1 { font-size:14px; line-height:14px; } .albatros .text-cloud-medium, .albatros .text-cloud-big { font-size:24px; line-height:34px; } .albatros .text-medium { font-size:16px; line-height:21px; } .albatros .text-cloud-medium-1, .albatros .text-cloud-big-1 { font-size:30px; line-height:36px; } .albatros .text-cloud-normal { font-size:18px; line-height:24px; } .albatros .text-cloud-small-2 { font-size:18px; line-height:24px; } .albatros h2 { font-size:36px; line-height:40px; } .albatros h2.h2-medium { font-size:30px; line-height:36px; } .albatros h2 span { font-size:24px; line-height:54px; } .albatros .center-vertical { display:block; } .albatros .mobile-center { text-align:center; } .albatros.subpage .back-button-mobile { display:block; margin-left:20px; margin-top:-24px; position: relative; z-index: 4; } .albatros.subpage .back-button-mobile span { margin-right:10px; } .albatros .hide-mobile-large { display:none; } .albatros .hide-desktop { display:block; } .albatros.subpage.thank-you .box1 .button-yellow, .albatros.subpage.thank-you .box1 .button-white { display:block; margin:25px auto; font-size:24px; } .albatros.subpage.thank-you .header { height:506px; } } @media screen and (max-width: 540px) { .albatros .hp .box2 .box2-books-item { width:100%!important; border-radius:0; margin-right:0; margin-bottom:20px; padding: 60px 16px; } .albatros.subpage .stars { height:484px; overflow:hidden; } .albatros.subpage .star-1 { left:-6%; top:0; } .albatros.subpage .star-2 { left:28%; top:30px; } .albatros.subpage .star-3 { left:initial; right:-5%; top:0px; } .albatros.subpage .star-4 { left:-6%; top:110px; } .albatros.subpage .star-5 { left:32%; top:150px; } .albatros.subpage .star-6 { left:initial; right:-10%; top:90px; } .albatros.subpage .star-7 { left:-6%; top:212px; } .albatros.subpage .star-8 { left:46%; top:229px; } .albatros.subpage .star-9 { left:initial; right:52%; top:323px; } .albatros.subpage .star-10 { left:initial; right:-2%; top:360px; } .albatros.subpage .circle-list-3:before { width: 231px; height: 167px; background-size:cover; } .albatros .hp .box2-books-content.box-with-items { width:100%!important; } .albatros .hp .box1-button-button { width:100%; } .albatros .hp .box2 .box2-books-item { background-size:contain!important; } .albatros .hp .box2 #o-chytre-kmotre-lisce { padding-bottom:90%; } .albatros .hp .box2 #ceske-dejiny-ocima-psa { padding-bottom:60%; } .albatros .hp .box2 #dasenka { padding-bottom:51%%; } .albatros .hp .box2 #z-deniku-kocoura-modroocka { padding-top:80%; } .albatros .hp .box2 #maly-princ { padding-bottom:90%; } .albatros .hp .box2 #mala-carodejnice { padding-top:80%; } .albatros .hp .box2 #kubula-a-kuba-kubikula { padding-top:60px; } .albatros.subpage .header .cloud-big-content { margin: 364px 50% 0 233px; } .albatros.subpage .header .cloud-big-content .buttons { text-align:center; margin-top:26px; } .albatros.subpage .header .cloud-big-content .buttons a { margin-bottom:20px; } .albatros.subpage .circle-list-3 a { top:212px; left:0; right:0; margin:0 auto; padding:0 33px; } .albatros.subpage .circle-list-3 { margin-bottom:50px!important; } .albatros.subpage .header .cloud-big-2 .cloud-content { margin: 331px 55% 0 197px; } .albatros.subpage.vyhry .header .cloud-big-2 .cloud-content { margin: 331px 48% 0 252px; } .albatros.subpage.success .header .cloud-big-2 .cloud-content { margin: 314px 52% 0 183px; } .albatros.subpage.vyherci .header .cloud-big-2 .cloud-content { margin: 314px 52% 0 183px; } .albatros.subpage.thank-you .header .cloud-big-2 .cloud-content { margin: 350px 46% 0 183px; } .albatros.vyherci .winners-article-item { width:100%; margin:0 0 40px 0; border-radius:0; height: auto!important; min-height:400px; } .mpf-albatros { padding: 30px 20px 50px; } .mpf-albatros-close-mobile { left:0; } .albatros .hide-mobile { display:none; } .albatros .hide-desktop { display:block; } } @media screen and (max-width: 380px) { .albatros.subpage .circle-list-1, .albatros.subpage .circle-list-2, .albatros.subpage .circle-list-3 { margin-right:0!important; margin-left:0!important; } } @media screen and (max-width: 319px) { .albatros #page { width: 100%; } } @keyframes pulse { 0% {transform:scale(1); opacity:1} 50% {transform:scale(0.9);opacity:1;} 100% {transform:scale(1);opacity:1} } @keyframes start-pulse { 0% {transform:scale(0); opacity:0} 100% {transform:scale(1);opacity:1;} } @-webkit-keyframes fallBig { 0% {-webkit-transform: translateY(0px,-100%); opacity: 1; } 85% {-webkit-transform: translate(0px,10px); opacity: 1; } 100% {-webkit-transform: translate(0px,0px); opacity: 1; } } @keyframes fallBig { 0% {transform: translate(0px,-100%); opacity: 1; } 85% {transform: translate(0px,10px); opacity: 1; } 100% {transform: translate(0px,0px); opacity: 1; } } @-webkit-keyframes smallMove { 0% {-webkit-transform: translate(0px,0px); opacity: 1; } 50% {-webkit-transform: translate(0px,-20px); opacity: 1; } 100% {-webkit-transform: translate(0px,0px); opacity: 1; } } @keyframes smallMove { 0% {transform: translate(0px,0px); opacity: 1; } 50% {transform: translate(0px,-20px); opacity: 1; } 100% {transform: translate(0px,0px); opacity: 1; } } @-webkit-keyframes smallMove2 { 0% {-webkit-transform: translate(0px,0px); opacity: 1; } 50% {-webkit-transform: translate(0px,10px); opacity: 1; } 100% {-webkit-transform: translate(0px,0px); opacity: 1; } } @keyframes smallMove2 { 0% {transform: translate(0px,0px); opacity: 1; } 50% {transform: translate(0px,10px); opacity: 1; } 100% {transform: translate(0px,0px); opacity: 1; } } body.ms-vanoce .main-frame-container { font-family:"TradeGothicLTPro"; line-height:21px; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-vanoce .main-frame-container h1 { font-family:"FutureCEBold"; font-size:60px; color:#ffffff; text-transform:uppercase; line-height:1; } .ms-vanoce .main-frame-container h2 { font-family:"FutureCEBold"; font-size:36px; line-height:40px; color:#000000; padding-top:70px; padding-bottom:45px; margin:0; } .ms-vanoce .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:48px; line-height:52px; color:#000000; padding-top:70px; padding-bottom:40px; margin:0; } .ms-vanoce .main-frame-container h3 { font-family:"TradeGothicLTPro"; font-size:30px; color:#000000; } .ms-vanoce .main-frame-container h4 { font-family:"FutureCEBold"; font-size:24px; line-height:36px; color:#000000; padding-top:15px; } .ms-vanoce .main-frame-container p { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-vanoce .center-sm { text-align:left; } .ms-vanoce .center-xs { text-align:center; } .ms-vanoce .br-sm br { display:none; } .ms-vanoce .main-frame-container .perex-future p, .ms-vanoce .main-frame-container .perex-future { font-family:"FutureCEBold"; text-transform:uppercase; } .ms-vanoce .main-frame-container .container ul { padding-left:7px; } .ms-vanoce .main-frame-container .container ul li { font-size:16px; line-height:21px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-vanoce .main-frame-container .container ul li:before { display:block; content:""; position:absolute; left:-8px; top:6px; width:4px; height:4px; color:#000000; background:url('/-a86515---tdjHfZ7y/list-dot') no-repeat center; } .ms-vanoce .main-frame-container .hide-sm { display:block; } .ms-vanoce .main-frame-container .show-sm { display:none; } .ms-vanoce * { box-sizing: border-box; } .ms-vanoce .button.button-blue, .ms-vanoce .button:active.button-blue { background:none; background-color:#0085c4; } .ms-vanoce .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; } .ms-vanoce .button-dark { background-color:#217cc2; } .ms-vanoce .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-vanoce .button-large { height:auto; } .ms-vanoce .button-large > span { padding:15px 25px 11px; } .ms-vanoce .padding-30 { padding:30px; } .ms-vanoce .padding-left-30 { padding-left:30px; } .ms-vanoce .padding-right-30 { padding-right:30px; } .ms-vanoce .padding-top-30 { padding-top:30px; } .ms-vanoce .padding-bottom-30 { padding-bottom:30px; } .ms-vanoce .no-padding { padding:0!important; } .ms-vanoce .no-margin { margin:0!important; } .ms-vanoce .margin-bottom-20 { margin-bottom:20px; } .ms-vanoce .margin-top-20 { margin-top:20px; } .ms-vanoce .margin-top-5 { margin-top:5px; } .ms-vanoce .text-small { font-size:14px; line-height:18px; } .ms-vanoce .link { font-size:14px; color:#217cc2; } .ms-vanoce .hide-box { display:none; } .ms-vanoce .u-icon { position:relative; } .ms-vanoce .u-icon-after:after { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-vanoce .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-vanoce .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a86501---rKFRGK-S/button-more') no-repeat right center; } .ms-vanoce .u-icon-arrowRight:after { display:inline-block; content:""; width:14px; height:18px; padding-left:1px; background:url('/-a86505---290Dvmn1/arrow-right') no-repeat right center; } @media (max-width:768px) { .ms-vanoce .main-frame-container h1 { font-size:60px; } .ms-vanoce .main-frame-container h2 { font-family:"FutureCEBold"; font-size:48px; line-height:52px; padding-top:50px; padding-bottom:20px; margin:0; } .ms-vanoce .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:18px; line-height:24px; padding-top:50px; padding-bottom:30px; } .ms-vanoce .main-frame-container h4 { font-family:"FutureCEBold"; font-size:29px; line-height:36px; color:#000000; padding-top:0; } .ms-vanoce .padding-mobile-10 { padding-right: 10px!important; padding-left: 10px!important; } .ms-vanoce .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-vanoce .no-padding-mobile-left { padding-left:0; } .ms-vanoce .no-padding-mobile-right { padding-right:0; } .ms-vanoce .no-margin-mobile-left { margin-left:0; } .ms-vanoce .no-margin-mobile-right { margin-right:0; } .ms-vanoce .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-vanoce .main-frame-container .hide-sm { display:none; } .ms-vanoce .main-frame-container .show-sm { display:block; } .ms-vanoce .padding-mobile-10 { padding-right:0; padding-left:0; } .ms-vanoce .center-sm { text-align:center; } .ms-vanoce .center-xs { text-align:left; } .ms-vanoce .br-sm br { display:inline-block; } } @media (min-width:1160px) { .ms-vanoce .main-frame-container h1 { font-size:62px; } .ms-vanoce .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-vanoce .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-vanoce .container-extended { max-width:1226px; width:100; margin:0 auto 0; position:relative; } .ms-vanoce .main-frame-container { margin-top:44px; } .ms-vanoce .header-box { background:#ffffff url('/-a86507---jJLNheos/header-mobile') no-repeat 0 0; //background-size:contain; position:relative; } .ms-vanoce .header-box-inner { min-height:712px;; background: url('/-a86508---JHnpKXnH/header-bg-bottom-mobile') no-repeat center 536px; //background-size:contain; } .ms-vanoce .header-box-text { padding-top:83px; } .ms-vanoce .header-box-image { } .ms-vanoce .header-box-button-back { position:absolute; right:10px; top:17px; font-size:18px; color:#ffffff; font-family:"TradeGothicLTProBC20"; z-index:2; } .ms-vanoce .header-box h1, .ms-vanoce .header-box-perex, .ms-vanoce .header-box-body { color:#000; text-transform:uppercase; } .ms-vanoce .header-box-perex { font-size:19px; line-height:32px; padding-bottom:23px; font-family:"FutureCEBold"; } .ms-vanoce .header-box-body, .ms-vanoce .header-box-body p { color:#ffffff; font-size:16px; line-height:24px; font-family:"FutureCEBold"; margin-bottom:7px; } .ms-vanoce .header-box-body h4 { margin:0; color:#ffffff; padding-top:2px; } .ms-vanoce .header-box-buttons { margin-top:20px; display:none } .ms-vanoce .header-box-buttons-mobile { margin-top:20px; display:block; } .ms-vanoce .header-box-buttons .button:nth-child(2){ float:right; } .ms-vanoce .header-box-related { display:none; } .ms-vanoce .header-box-related-mobile { display:block; margin-top:7px; } .ms-vanoce .header-box-related-title { font-family:"FutureCEBold"; font-size:30px; line-height:32px; color:#000000; } .ms-vanoce .header-box-related-body, .ms-vanoce .header-box-related-body p { font-family:"FutureCEBold"; font-size:18px; line-height:24px; color:#000000; margin-bottom:40px; } .ms-vanoce .header-box-related-body span, .ms-vanoce .header-box-related-body span { color:#c49208; text-transform:uppercase; } .ms-vanoce .header-box-icons { display:block; } .ms-vanoce .header-box-icons .header-box-icons-item { float:left; } .ms-vanoce .header-box-icons-item { color:#0085c4; font-size:14px; line-height:18px; padding:7px 5px 4px 50px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; display:inline-block; text-decoration:none; position:relative; background-color:#ffffff; margin-bottom:24px; width:50%; } .ms-vanoce .header-box-icons-item:before { content:""; width:60px; height:62px; position:absolute; display:block; z-index:2; } .ms-vanoce .header-box-icons-vanoce:before { background:url('/-a86509---7xL_wmul/star') no-repeat 0 0; left:-10px; top:-7px; } .ms-vanoce .header-box-icons-philips:before { background:url('/-a87379---2VZT3qfm/nadacni-fond') no-repeat 0 0; width:42px; height:76px; left:3px; top:2px; background-size:contain!important; } @media (min-width:768px) and (max-width:1400px) { .ms-vanoce .header-box-icons { //top:430px!important; } } @media (min-width:470px) { .ms-vanoce .header-box-inner { min-height:712px; background: url('/-a86465---LCVPErx0/header-bg-bottom') no-repeat center 618px; //background-size:contain; } } @media (min-width:768px) { .ms-vanoce .header-box { background:#ffffff url('/-a86463---eKRD2eZz/header-bg') no-repeat 50% 0; } .ms-vanoce .header-box-image { padding-top:200px; } .ms-vanoce .header-box-inner { background-position: center 492px; } .ms-vanoce .header-box-button-back { top:30px; right:15px; } .ms-vanoce .header-box-text { padding-top:114px; } .ms-vanoce .header-box-perex { font-size:32px; line-height:34px; padding-top:10px; padding-bottom:15px; } .ms-vanoce .header-box-body, .ms-vanoce .header-box-body p { color:#ffffff; font-size:18px; line-height:24px; margin-bottom:15px; } .ms-vanoce .header-box-buttons { display:block; } .ms-vanoce .header-box-buttons-mobile { display:none; } .ms-vanoce .header-box-related { display:block; } .ms-vanoce .header-box-related-mobile { display:none; } .ms-vanoce .header-box-related-body, .ms-vanoce .header-box-related-body p { margin-bottom:inherit; } .ms-vanoce .header-box-icons { position:absolute; right:0; top:170px; width:190px; padding-left:16px; display:block; } .ms-vanoce .header-box-icons-item { display:block; width:100%; } } @media (min-width:1160px) { .ms-vanoce .header-box-image img { max-width:656px; } .ms-vanoce .header-box-image { padding-top:30px; } } .ms-vanoce .content-box { background: #ffffff url('/-a86700---vEkVD01y/bg-hd') no-repeat center -10px; position:relative; min-height:1000px; overflow:hidden; background-size:cover; } .ms-vanoce .content-box .section-title { text-align:left; } .ms-vanoce .content-box-inner { position:absolute; top:519px; left:0; right:0; bottom:0; //background: url('/-a86467---sHjQaPve/content-bg-hd') repeat-y center 0; display:none; background-size:cover; } .ms-vanoce .products-box { margin-top:40px; background-color:#ffffff; } .ms-vanoce .products-box-item { color:#000000; min-height:450px; height:auto; background-color:#ffffff; padding:29px 0px 35px; } .ms-vanoce .products-box-title { font-family:"TradeGothicLTPro"; font-size:24px; line-height:30px; font-weight:bold; margin:0; } .ms-vanoce .products-box-info { position:relative; } .ms-vanoce .products-box-info-top { display:block; position:absolute; width:57px; height:57px; background: url('/-a86509---7xL_wmul/star') no-repeat center; right:0px; top:0; } .ms-vanoce .products-box-info-image { position:relative; text-align:right; min-height:300px; } .ms-vanoce .products-box-info img { display:inline-block; } .ms-vanoce .products-box-info-sale { font-family:"TradeGothicLTPro"; position:absolute; width:106px; height:50px; font-weight:bold; line-height:50px; text-align:center; font-size:30px; color:#fa0043; background-color:#e2e2e2; bottom:77px; left:20px; } .ms-vanoce .products-box-info-points { font-size:24px; color:#217cc2; font-family:"TradeGothicLTPro"; font-weight:bold; vertical-align:baseline; padding-right:100px; } .ms-vanoce .products-box-title { min-height:0px; } .ms-vanoce .products-box-info-points sub { font-size:18px; font-weight:bold; text-transform:uppercase; padding-left:5px; vertical-align:baseline; } .ms-vanoce .products-box-info-price { margin-top:8px; padding-right:100px; } .ms-vanoce .products-box-info-button { text-align:right; position:absolute; right:-10px; top:0; } .ms-vanoce .products-box-info-button .button { background-color:#217cc2; } .ms-vanoce .products-box-info-button .button-large > span { font-family:"TradeGothicLTPro"; font-weight:bold; padding:12px 25px 12px 25px; font-size:16px; } .ms-vanoce .products-box-info-button .button-large > span:after { display:none; } .ms-vanoce .products-box-item { margin-top:0; position:relative; } .ms-vanoce .products-box-item:after { position:absolute; content:""; display:block; left:10px; right:10px; bottom:0; height:1px; background-color:#e2e2e2; z-index:2; } .ms-vanoce .products-box-item-card { background-color:#217cc2; margin-left:-12px; margin-right:-12px; padding-left:10px; padding-right:10px; } .ms-vanoce .products-box-item-card:after { display:none; } .ms-vanoce .products-box-item-card-image { min-height:313px; } .ms-vanoce .products-box-item-card-link { font-size:30px; font-weight:bold; line-height:34px; text-decoration:underline; color:#ffffff; } .ms-vanoce .products-box-item-card-perex { padding-top:15px; } @media (min-width:768px) { .ms-vanoce .products-box { background-color:transparent; } .ms-vanoce .products-box-item { margin-top:25px; height:590px; min-height:590px; padding:40px 30px; box-shadow:4px 4px 18px rgba(19,17,21,0.15); -moz-box-shadow:4px 4px 18px rgba(19,17,21,0.15); -webkit-box-shadow:4px 4px 18px rgba(19,17,21,0.15); -ms-box-shadow:4px 4px 18px rgba(19,17,21,0.15); margin-top:25px; } .ms-vanoce .content-box .section-title { text-align:center; } .ms-vanoce .products-box-info-price { margin-top:15px; padding-right:100px; } .ms-vanoce .products-box-info-points { padding-right:100px; } .ms-vanoce .products-box-info-button { text-align:right; position:absolute; right:-30px; top:0; } .ms-vanoce .products-box-info-button .button-large > span { font-family:"TradeGothicLTPro"; font-weight:bold; padding:14px 30px 14px 26px; font-size:16px; } .ms-vanoce .products-box-info-button .button-large > span:after { display:inline-block; } .ms-vanoce .products-box-title { font-size:30px; line-height:34px; min-height:70px; } .ms-vanoce .products-box-info-sale { left:0; } .ms-vanoce .products-box-item:after { display:none; } .ms-vanoce .products-box-item-card { padding-top:45px!important; margin-left:0px; margin-right:0px; padding-left:30px; padding-right:30px; } .ms-vanoce .products-box-item-card:after { display:none; } } @media (min-width:860px) { .ms-vanoce .products-box-item { min-height:540px; height:540px; } } @media (min-width:1160px) { .ms-vanoce .products-box-item { min-height:512px; height:512px; } } /*** Popup ***********************/ .mpf-vanoce-holder .mfp-container { max-width:800px; width:100%; min-height:600px; position:static; height:auto; } .mpf-vanoce-holder .mfp-container-inner { height:100%; width:100%; } .mpf-vanoce-holder .mfp-content { height:100%; text-align:left; margin-top:0px; } .mpf-vanoce { padding:0px; min-width:100%; width:100%; height:100%; margin:0; } .mpf-vanoce-left { padding:36px 10px; position:relative; height:auto; } .mpf-vanoce-right { height:auto; width:100%; } .mpf-vanoce-slide, .mpf-vanoce-slide-item { //background-size: cover; height:auto; } .mpf-vanoce-title { padding-top:30px; font-size:24px; line-height:30px; font-family:"FutureCEBold"; text-align:left; } .mpf-vanoce-code { font-size:14px; line-height:1; color:#616161; padding:12px 0; } .mpf-vanoce-body, .mpf-vanoce-body p { font-size:16px; line-height:21px; font-family:"TradeGothicLTPro"; } .mpf-vanoce-products { width:100%; height:auto; } .mpf-vanoce-products-item { height:100%; } .mpf-vanoce .bx-wrapper, .mpf-vanoce .bx-viewport { height:100%!important; border:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .mpf-vanoce .bx-wrapper { margin-bottom:0; } .mpf-vanoce-info-points { font-size:24px; color:#217cc2; font-family:"TradeGothicLTPro"; font-weight:bold; vertical-align:baseline; } .mpf-vanoce-info-points sub { font-size:18px; font-weight:bold; text-transform:uppercase; padding-left:5px; vertical-align:baseline; } .ms-vanoce .mpf-vanoce-info-price { margin-top:8px; } .mpf-vanoce-youtube-image { position:static; height:auto; } .mpf-vanoce-right iframe.iframe-hide { display:none; } .mpf-vanoce-youtube-box:after { content:""; display:inline-block; width:110px; height:110px; left:0; right:0; top:50%; margin:0 auto; vertical-align:middle; background:url('/-a86519---iiTnjtZu/play-button') no-repeat center; position:absolute; transform: translateY(-50px); cursor:pointer; } .mpf-vanoce .play-video-hide { display:none; } .mpf-vanoce .mfp-close { display:none; } .mpf-vanoce-close, .mpf-vanoce-close-mobil { top:15px; right:10px; margin-top:0; color:#0085c4; font-size:18px; font-family:"TradeGothicLTProBC20"; position:absolute; display:inline-block; text-decoration:underline; text-decoration:none; z-index:2; cursor:pointer; } .mpf-vanoce-close span, .mpf-vanoce-close-mobil span { text-decoration:underline; } .mpf-vanoce-close span.ico, .mpf-vanoce-close-mobil span.ico { text-decoration:none; padding-right:5px; } .mpf-vanoce-close-mobil { display:inline-block; width:44px; bottom:14px; left:0; right:0; top:initial; margin:0 auto; } .mpf-vanoce-close-mobil span { display:block; text-align:center; } .mpf-vanoce-close-mobil span.ico { margin-bottom:9px; } .bx-wrapper .bx-controls-direction a { text-indent:0; width:auto; top:initial; color:#0085c4; font-size:18px; margin-top:0; bottom:50px; font-family:"TradeGothicLTProBC20"; text-decoration:none; display:inline-block; } .bx-wrapper .bx-controls-direction a span { text-decoration:underline; } .bx-wrapper .bx-controls-direction a span.ico { color:#0085c4; text-decoration:none; } .bx-wrapper .bx-prev .ico { padding-right:5px; } .bx-wrapper .bx-next { right:10px; left:initial; width:60px!important; } .bx-wrapper .bx-next .ico { padding-left:5px; } @media(min-width:400px) and (max-width:768px) { .mpf-vanoce-right { width:400px; margin:0 auto; } .mpf-vanoce-youtube-image { margin:0 auto; width:400px; } } @media(max-width:768px) { .g-row-full-height > *[class^="g-col"] { height:auto; } } @media(min-width:768px) { .mpf-vanoce-products { height:600px; } .mpf-vanoce-right { height:100%; } .mpf-vanoce-slide, .mpf-vanoce-slide-item { height:100%; } .mpf-vanoce-right iframe { height:600px!important; } .mpf-vanoce-holder .mfp-content { top:160px; } .mpf-vanoce-left { height:100%; padding:36px 36px 100px 36px; } .bx-wrapper .bx-controls-direction a { text-indent:0; width:auto; top:0px; color:#0085c4; font-size:18px; margin-top:-27px; font-family:"TradeGothicLTProBC20"; } .bx-wrapper .bx-prev { left:0; } .bx-wrapper .bx-next { right:initial; left:100px; } .mpf-vanoce { padding-bottom:0; } .bx-wrapper .bx-controls-direction a span.ico { color:#ffffff; } .mpf-vanoce-close-mobil { display:none; } .mpf-vanoce-close { right:0; top:0; margin-top:-24px; } .mpf-vanoce-close span.ico, .mpf-vanoce-close-mobil span.ico { color:#ffffff; } .mpf-vanoce-info { position:absolute; bottom:36px; left:36px; right:36px; } .mpf-vanoce-title { padding-top:0; } .mpf-vanoce-youtube-image { height:600px; } } .ms-vanoce .footer { background-color:#ffffff; padding:40px 10px 113px; font-family: "TradeGothicLTProCn18"; } .ms-vanoce .footer br { display:none; } .ms-vanoce .footer p { margin-bottom:0; } .ms-vanoce .footer .top { font-size:18px; line-height:24px; } .ms-vanoce .footer .middle { font-size:14px; line-height:18px; margin-bottom:20px; } .ms-vanoce .footer .bottom { font-size:16px; line-height:20px; } @media(min-width:768px){ .ms-vanoce .footer { padding:50px 10px 30px; text-align:center; } .ms-vanoce .footer .top { margin-bottom:20px; } .ms-vanoce .footer br { display:inline-block; } } .ms-vanoce .competition h3 { font-size:30px; line-height:36px; font-family:"FutureCEBold"; margin-bottom:15px; text-transform:uppercase; } .ms-vanoce .competition-left, .ms-vanoce .competition-right-2 { padding-top:40px; min-height:537px; } .ms-vanoce .competition-left { padding-top:44px; background: url('/-a86688---DJvnttck/wings') no-repeat center -118px; min-height:757px; } .ms-vanoce .competition-right-2, .ms-vanoce .competition-right-3 { background: url('/-a86683---8P3xM98L/soutez-bg') no-repeat right top; background-size:contain; } .ms-vanoce .competition-right-2 { display:none; } .ms-vanoce .competition-right-3 { min-height:200px; display:none; } .ms-vanoce .competition-right button { margin-left:15px; margin-top:7px; } .ms-vanoce .competition-right-body li { list-style:none; position:relative; } .ms-vanoce .competition-right-body li:before { width:9px; height:11px; display:block; content:""; position:absolute; left:-14px; top:2px; background: url('/-a86686---iCvMNniP/list-arrow') no-repeat left top; } .ms-vanoce .competition-right-body ul { padding-left:14px; } .ms-vanoce .newsletter { padding-bottom:75px; } @media(min-width:768px) { .ms-vanoce .competition-right-3 { display:block; } .ms-vanoce .competition-right-2 { display:none; } .ms-vanoce .competition-right-1 { padding-top:0; } .ms-vanoce .competition-left { background: url('/-a86682---qhg7jFSb/competition') no-repeat left top; background-size: contain; min-height:537px; } .ms-vanoce .competition { background-none; } } @media(min-width:1000px) { .ms-vanoce .competition-right-3 { display:none; } .ms-vanoce .competition-right-2 { display:block; } .ms-vanoce .competition-right-1 { padding-top:70px; } .ms-vanoce .competition-left { padding-top:70px; } } .ms-vanoce .contribute h2 { padding-bottom:0; } .ms-vanoce .main-frame-container .contribute-left-title { font-size: 30px; line-height: 36px; font-family: "FutureCEBold"; margin-bottom: 15px; text-transform:uppercase; } .ms-vanoce .main-frame-container .contribute-right-title { font-size: 24px; line-height: 30px; font-family: "FutureCEBold"; color:#fb0209; text-transform:uppercase; } .ms-vanoce .contribute { padding-bottom:40px; } .ms-vanoce .contribute-bottom-qr { background: url('/-a86684---nEnf98oi/qr') no-repeat center bottom; position:relative; width:180px; height:227px; margin:0 auto; display:block; z-index:1 } .ms-vanoce .contribute-bottom { height:330px; width:370px; background: url('/-a86692---qgJ_NNVr/counter') no-repeat center top; margin:0 auto; position:relative; z-index:0; top:-19px; right:19px; } .ms-vanoce .contribute-bottom-picked { border-radius:105px; text-align:center; vertical-align:middle; color:#ffffff; display:block; background-color:#fb0209; line-height:210px; height:210px; width:210px; position:absolute; right:10px; top:50px; z-index:2; } .ms-vanoce .contribute-bottom-picked-price { font-size:35px; vertical-align:middle; } .ms-vanoce .contribute-bottom-picked-unit { font-size:18px; vertical-align:baseline; padding-left:4px; } @media(min-width:768px) { .ms-vanoce .contribute { background:none; padding-bottom:0px; } .ms-vanoce .contribute-bottom { top:-70px; left:67px; } .ms-vanoce .contribute-bottom-qr { display:none; } /*.ms-vanoce .contribute { background-position:center 420px; padding-bottom:250px; background: url('/-a86692---qgJ_NNVr/counter') no-repeat center bottom; }*/ .ms-vanoce .contribute-right-1 { background: url('/-a86684---nEnf98oi/qr') no-repeat left top; background-size: contain; min-height:270px; position:relative; z-index:1; } } @media(min-width:1000px) { /*.ms-vanoce .contribute { background-position:center 280px; padding-bottom:218px; }*/ } .ms-vanoce #ms-philips-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-vanoce #ms-philips-newsletter .button span { padding:14px 14px 11px; } .ms-vanoce #ms-philips-newsletter .button { margin-top:20px; } .ms-vanoce #ms-newsletter-wrap h4 { margin-bottom:18px; font-size:18px; line-height:20px; font-family: "FutureCEBold"; } .ms-vanoce #ms-philips-newsletter #podminky { float:left; } .ms-vanoce #ms-philips-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-vanoce .newsletter-right { text-align:center; } @media(min-width:1000px) { .ms-vanoce #ms-philips-newsletter .button { margin-top:0px; } .ms-vanoce .newsletter-right .button { margin-top:100px; } } .ms-vanoce-rozcestnik { overflow-x:hidden; } body.ms-vanoce-rozcestnik .main-frame-container { font-family:"TradeGothicLTPro"; font-size:16px; line-height:21px; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-vanoce-rozcestnik .main-frame-container h1 { font-family:"FutureCEBold"; font-size:65px; color:#ffffff; text-transform:uppercase; line-height:1; } .ms-vanoce-rozcestnik .main-frame-container h2 { font-family:"FutureCEBold"; font-size:36px; line-height:40px; color:#000000; padding-top:70px; padding-bottom:45px; margin:0; } .ms-vanoce-rozcestnik .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:48px; line-height:52px; color:#000000; padding-top:70px; padding-bottom:40px; margin:0; } .ms-vanoce-rozcestnik .main-frame-container h3 { font-family:"TradeGothicLTPro"; font-size:30px; color:#000000; } .ms-vanoce-rozcestnik .main-frame-container h4 { font-family:"FutureCEBold"; font-size:24px; line-height:36px; color:#000000; padding-top:15px; } .ms-vanoce-rozcestnik .main-frame-container p { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-vanoce-rozcestnik .center-sm { text-align:left; } .ms-vanoce-rozcestnik .center-xs { text-align:center; } .ms-vanoce-rozcestnik .br-sm br { display:none; } .ms-vanoce-rozcestnik .main-frame-container .perex-future p, .ms-vanoce-rozcestnik .main-frame-container .perex-future { font-family:"FutureCEBold"; text-transform:uppercase; } .ms-vanoce-rozcestnik .main-frame-container .container ul { padding-left:7px; } .ms-vanoce-rozcestnik .main-frame-container .container ul li { font-size:16px; line-height:21px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-vanoce-rozcestnik .main-frame-container .container ul li:before { display:block; content:""; position:absolute; left:-8px; top:6px; width:4px; height:4px; color:#000000; background:url('') no-repeat center; } .ms-vanoce-rozcestnik .main-frame-container .hide-sm { display:block; } .ms-vanoce-rozcestnik .main-frame-container .show-sm { display:none; } .ms-vanoce-rozcestnik * { box-sizing: border-box; } .ms-vanoce-rozcestnik .button.button-blue, .ms-vanoce-rozcestnik .button:active.button-blue { background:none; background-color:#0085c4; } .ms-vanoce-rozcestnik .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; } .ms-vanoce-rozcestnik .button-dark { background-color:#217cc2; } .ms-vanoce-rozcestnik .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-vanoce-rozcestnik .button-large { height:auto; } .ms-vanoce-rozcestnik .button-large > span { padding:15px 32px 11px; } .ms-vanoce-rozcestnik .button-middle > span { padding:15px 25px 11px; } .ms-vanoce-rozcestnik .padding-30 { padding:30px; } .ms-vanoce-rozcestnik .padding-left-30 { padding-left:30px; } .ms-vanoce-rozcestnik .padding-right-30 { padding-right:30px; } .ms-vanoce-rozcestnik .padding-top-30 { padding-top:30px; } .ms-vanoce-rozcestnik .padding-bottom-30 { padding-bottom:30px; } .ms-vanoce-rozcestnik .no-padding { padding:0!important; } .ms-vanoce-rozcestnik .no-margin { margin:0!important; } .ms-vanoce-rozcestnik .margin-bottom-20 { margin-bottom:20px; } .ms-vanoce-rozcestnik .margin-top-20 { margin-top:20px; } .ms-vanoce-rozcestnik .text-small { font-size:14px; line-height:18px; } .ms-vanoce-rozcestnik .link { font-size:14px; color:#217cc2; } .ms-vanoce-rozcestnik .hide-box { display:none; } .ms-vanoce-rozcestnik .u-icon { position:relative; } .ms-vanoce-rozcestnik .u-icon-after:after { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-vanoce-rozcestnik .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } @media (max-width:768px) { .ms-vanoce-rozcestnik .main-frame-container h1 { font-size:70px; } .ms-vanoce-rozcestnik .main-frame-container h2 { font-family:"FutureCEBold"; font-size:48px; line-height:52px; padding-top:50px; padding-bottom:20px; margin:0; } .ms-vanoce-rozcestnik .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:18px; line-height:24px; padding-top:50px; padding-bottom:30px; } .ms-vanoce-rozcestnik .main-frame-container h4 { font-family:"FutureCEBold"; font-size:29px; line-height:36px; color:#000000; padding-top:0; } .ms-vanoce-rozcestnik .padding-mobile-10 { padding-right: 15px!important; padding-left: 15px!important; } .ms-vanoce-rozcestnik .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-vanoce-rozcestnik .no-padding-mobile-left { padding-left:0; } .ms-vanoce-rozcestnik .no-padding-mobile-right { padding-right:0; } .ms-vanoce-rozcestnik .no-margin-mobile-left { margin-left:0; } .ms-vanoce-rozcestnik .no-margin-mobile-right { margin-right:0; } .ms-vanoce-rozcestnik .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-vanoce-rozcestnik .main-frame-container .hide-sm { display:none; } .ms-vanoce-rozcestnik .main-frame-container .show-sm { display:block; } .ms-vanoce-rozcestnik .padding-mobile-10 { padding-right:0; padding-left:0; } .ms-vanoce-rozcestnik .center-sm { text-align:center; } .ms-vanoce-rozcestnik .center-xs { text-align:left; } .ms-vanoce-rozcestnik .br-sm br { display:inline-block; } } @media (min-width:1160px) { .ms-vanoce-rozcestnik .main-frame-container h1 { font-size:100px; } .ms-vanoce-rozcestnik .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-vanoce-rozcestnik .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-vanoce-rozcestnik .container-extended { max-width:1226px; width:100; margin:0 auto 0; position:relative; } .ms-vanoce-rozcestnik .main-frame-container { margin-top:44px; } .ms-vanoce-rozcestnik .icon-next { display: inline-block; width: 13px; height: 10px; background: url('/-a87067---5Wkuispr/arrow-right') no-repeat left top; position: relative; margin-left:7px; } .ms-vanoce-rozcestnik .icon-center { margin:0 auto; } .ms-vanoce-rozcestnik .main-frame-container { background-image:none; background-color:#ffffff; } .ms-vanoce-rozcestnik .header-image-menu { margin-bottom:58px; } .ms-vanoce-rozcestnik .header-image-menu-item { position:relative; } .ms-vanoce-rozcestnik .header-image-menu-item img { width:100%; } .ms-vanoce-rozcestnik .header-image-menu-image-mobile { display:none; } .ms-vanoce-rozcestnik .header-image-menu-content { position:absolute; padding:30px 21px; top:0; left:0; } .ms-vanoce-rozcestnik .main-frame-container .header-image-menu-title { color: #ffffff; font-size: 48px; line-height: 52px; font-family: "FutureCEBold"; margin-bottom: 7px; padding:0; } .ms-vanoce-rozcestnik .main-frame-container .header-image-menu-perex { color: #ffffff; font-size: 18px; line-height: 24px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-vanoce-rozcestnik .header-image-menu-wide-link { position:absolute; top:0; left:0; bottom:0; right:0; background-color:transparent; z-index:3; } .ms-vanoce-rozcestnik .header-image-menu-link { position:absolute; bottom:30px; right:30px; z-index:2; } @media (min-width:400px) and (max-width:768px) { .ms-vanoce-rozcestnik .header-image-menu-item img { display:none; } .ms-vanoce-rozcestnik img.header-image-menu-image-mobile { display:block; } } @media (min-width:769px) { .ms-vanoce-rozcestnik .main-frame-container { background-image:none; background-color:#ffffff; background:#ffffff url('/-a87064---gUdM8fSj/footer-bg') no-repeat center bottom; } .ms-vanoce-rozcestnik .header-image-menu { padding-top:30px; margin-bottom:124px; } .ms-vanoce-rozcestnik .header-image-menu-content { padding:36px 33px; } .ms-vanoce-rozcestnik .header-image-menu-item { box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-vanoce-rozcestnik .header-image-menu-link { right:0; } } @media (min-width:769px) and (max-width: 960px) { .ms-vanoce-rozcestnik .header-image-menu-title { font-size:36px; line-height:40px; } } .ms-vanoce-rozcestnik .box-section { text-align:left!important; } .ms-vanoce-rozcestnik .box-section-container { display:inline-block; position:relative; } .ms-vanoce-rozcestnik .box-section-button { position:absolute; right:12px; left:12px; bottom:40px; z-index:2; } .ms-vanoce-rozcestnik .box-section-link { position:absolute; right:0; bottom:0; z-index:2; } .ms-vanoce-rozcestnik .main-frame-container .box-section-title { padding-top:10px; padding-bottom:26px; font-size:24px; line-height:28px; } .ms-vanoce-rozcestnik .box-section-title br { display:none; } .ms-vanoce-rozcestnik .main-frame-container .box-section-perex { margin-bottom:33px; font-size:16px; line-height:20px; } .ms-vanoce-rozcestnik .box-section-butons a:first-child { margin-right:25px; } .ms-vanoce-rozcestnik .box-section-butons a { margin-bottom:10px; } .ms-vanoce-rozcestnik .box-section img { display:none; width:100%; } .ms-vanoce-rozcestnik .box-section .box-section-image-mobile { display:inline-block; } .ms-vanoce-rozcestnik .box-section-1 .box-section-content { display:block; position:absolute; right:initial; left:20px; top:184px; z-index:2; padding:0!important; } .ms-vanoce-rozcestnik .main-frame-container .box-section-1 .box-section-title { font-size:60px; line-height:1; color:#ffffff; font-family:"FutureCEBold"; text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -ms-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -webkit-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -moz-text-shadow: 4px 4px rgba(19,17,21,0.75); padding:0; letter-spacing:initial; } .ms-vanoce-rozcestnik .main-frame-container .box-section-1 .box-section-perex { font-size:22px; line-height:35px; color:#ffffff; font-family:"FutureCEBold"; text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -ms-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -webkit-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -moz-text-shadow: 4px 4px rgba(19,17,21,0.75); margin:0; letter-spacing:initial; } @media (min-width:470px) { .ms-vanoce-rozcestnik .box-section img { display:inline-block; width:100%; } .ms-vanoce-rozcestnik .box-section .box-section-image-mobile { display:none; } .ms-vanoce-rozcestnik .box-section-1 .box-section-content { display:none; } } @media (min-width:769px) { .ms-vanoce-rozcestnik .box-section-0 { margin-bottom:29px; } .ms-vanoce-rozcestnik .box-section-1 { margin-bottom:54px; } .ms-vanoce-rozcestnik .box-section { text-align:center!important; } .ms-vanoce-rozcestnik .box-section-0 img { margin-top:250px; } .ms-vanoce-rozcestnik .box-section-content { position:absolute; right:0; left:0; top:0; z-index:2; } .ms-vanoce-rozcestnik .box-section-1 .box-section-content { left:57px; right:initial; top:170px; text-align:left; display:block; } .ms-vanoce-rozcestnik .main-frame-container .box-section-1 .box-section-title { font-size:92px; line-height:1; color:#ffffff; padding:0; } .ms-vanoce-rozcestnik .main-frame-container .box-section-1 .box-section-perex { font-size:30px; line-height:36px; margin:0; } .ms-vanoce-rozcestnik .box-section-button { right:42px; left:0; bottom:45px; } .ms-vanoce-rozcestnik .main-frame-container .box-section-title { padding-top:10px; padding-bottom:17px; font-size:36px; line-height:42px; letter-spacing:-1px; } .ms-vanoce-rozcestnik .main-frame-container .box-section-perex { margin-bottom:33px; font-size:18px; line-height:24px; letter-spacing:-1px; } .ms-vanoce-rozcestnik .box-section-title br { display:inline-block; } } @media (min-width:960px) { .ms-vanoce-rozcestnik .box-section-0 img { margin-top:140px; } } @media (min-width:1160px) { .ms-vanoce-rozcestnik .box-section-0 img { margin-top:-3px; } } .ms-vanoce-rozcestnik #ms-philips-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-vanoce-rozcestnik .footer { padding:38px 7px 30px; background-color: #ffffff; font-family: "TradeGothicLTProCn18"; } .ms-vanoce-rozcestnik .footer .top { padding-bottom:27px; font-size: 18px; line-height: 24px; margin-bottom:0; } .ms-vanoce-rozcestnik .footer .middle { padding-bottom:22px; margin-bottom:0; font-size: 14px; line-height: 18px; } .ms-vanoce-rozcestnik .footer .botom { padding-bottom:22px; font-size:16px; padding-bottom:0; } .ms-vanoce-rozcestnik .newsletter { padding-bottom:0px; padding-top:55px; background:#f8f8f6 url('') repeat-x 0 0 ; } .ms-vanoce-rozcestnik #ms-philips-newsletter .button span { padding:14px 14px 11px; } .ms-vanoce-rozcestnik #ms-philips-newsletter .button { margin-top:20px; } .ms-vanoce-rozcestnik #ms-newsletter-wrap h4 { margin-bottom:15px; font-size:18px; line-height:20px; font-family: "FutureCEBold"; } .ms-vanoce-rozcestnik #ms-philips-newsletter #podminky { float:left; } .ms-vanoce-rozcestnik #ms-philips-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-vanoce-rozcestnik .newsletter-right { text-align:center; } @media(max-width:768px) { .ms-vanoce-rozcestnik .newsletter { padding-right:20px; padding-left:20px; } .ms-vanoce-rozcestnik .newsletter .g-row { margin:0!important; } .ms-vanoce-rozcestnik .newsletter .g-row *[class^="g-col"] { padding-right:0!important; padding-left:0!important; } } @media(min-width:1000px) { .ms-vanoce-rozcestnik #ms-philips-newsletter .button { margin-top:0px; } .ms-vanoce-rozcestnik .newsletter-right .button { margin-top:100px; } } @media (min-width:768px) { .ms-vanoce-rozcestnik .newsletter { padding-bottom:0px; padding-top:0; background-color:transparent; background-image:none; } .ms-vanoce-rozcestnik .footer .top { padding-bottom:9px; } .ms-vanoce-rozcestnik .footer .middle { padding-bottom:16px; margin-bottom:0; } .ms-vanoce-rozcestnik .footer .botom { font-size:16px; padding-bottom:0; margin-bottom:0; } .ms-vanoce-rozcestnik .footer { padding-bottom:60px; text-align:center; } .ms-vanoce-rozcestnik .newsletter-left { padding-left:17px; } } body.ms-vanoce-csr { overflow-x:hidden; } body.ms-vanoce-csr .main-frame-container { font-family:"TradeGothicLTPro"; font-size:16px; line-height:21px; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-vanoce-csr .main-frame-container h1 { font-family:"FutureCEBold"; font-size:65px; color:#ffffff; text-transform:uppercase; line-height:1; } .ms-vanoce-csr .main-frame-container h2 { font-family:"FutureCEBold"; font-size:36px; line-height:40px; color:#000000; padding-top:70px; padding-bottom:45px; margin:0; } .ms-vanoce-csr .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:48px; line-height:52px; color:#000000; padding-top:80px; padding-bottom:40px; margin:0; } .ms-vanoce-csr .main-frame-container h3 { font-family:"TradeGothicLTPro"; font-size:30px; color:#000000; } .ms-vanoce-csr .main-frame-container h4 { font-family:"FutureCEBold"; font-size:24px; line-height:36px; color:#000000; padding-top:15px; } .ms-vanoce-csr .main-frame-container p { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-vanoce-csr .center-sm { text-align:left; } .ms-vanoce-csr .center-xs { text-align:center; } .ms-vanoce-csr .br-sm br { display:none; } .ms-vanoce-csr .main-frame-container .perex-future p, .ms-vanoce-csr .main-frame-container .perex-future { font-family:"FutureCEBold"; text-transform:uppercase; } .ms-vanoce-csr .main-frame-container .container ul { padding-left:7px; } .ms-vanoce-csr .main-frame-container .container ul li { font-size:16px; line-height:21px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-vanoce-csr .main-frame-container .container ul li:before { display:block; content:""; position:absolute; left:-8px; top:6px; width:4px; height:4px; color:#000000; background:url('') no-repeat center; } .ms-vanoce-csr .main-frame-container .hide-sm { display:block; } .ms-vanoce-csr .main-frame-container .show-sm { display:none; } .ms-vanoce-csr * { box-sizing: border-box; } .ms-vanoce-csr .button.button-blue, .ms-vanoce-csr .button:active.button-blue { background:none; background-color:#0085c4; } .ms-vanoce-csr .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; } .ms-vanoce-csr .button-dark { background-color:#217cc2; } .ms-vanoce-csr .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-vanoce-csr .button-large { height:auto; } .ms-vanoce-csr .button-large > span { padding:15px 33px 11px; } .ms-vanoce-csr .button-middle > span { padding:15px 27px 11px; } .ms-vanoce-csr .padding-30 { padding:30px; } .ms-vanoce-csr .padding-left-30 { padding-left:27px; } .ms-vanoce-csr .padding-right-30 { padding-right:27px; } .ms-vanoce-csr .padding-top-30 { padding-top:30px; } .ms-vanoce-csr .padding-bottom-30 { padding-bottom:30px; } .ms-vanoce-csr .no-padding { padding:0!important; } .ms-vanoce-csr .no-margin { margin:0!important; } .ms-vanoce-csr .margin-bottom-20 { margin-bottom:20px; } .ms-vanoce-csr .margin-top-20 { margin-top:20px; } .ms-vanoce-csr .text-small { font-size:14px; line-height:18px; } .ms-vanoce-csr .link { font-size:14px; color:#217cc2; } .ms-vanoce-csr .hide-box { display:none; } .ms-vanoce-csr .u-icon { position:relative; } .ms-vanoce-csr .u-icon-after:after { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-vanoce-csr .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } @media (max-width:768px) { .ms-vanoce-csr .main-frame-container h1 { font-size:70px; } .ms-vanoce-csr .main-frame-container h2 { font-family:"FutureCEBold"; font-size:48px; line-height:52px; padding-top:50px; padding-bottom:20px; margin:0; } .ms-vanoce-csr .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:18px; line-height:24px; padding-top:50px; padding-bottom:30px; } .ms-vanoce-csr .main-frame-container h4 { font-family:"FutureCEBold"; font-size:29px; line-height:36px; color:#000000; padding-top:0; } .ms-vanoce-csr .padding-mobile-10 { padding-right: 18px!important; padding-left: 18px!important; } .ms-vanoce-csr .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-vanoce-csr .no-padding-mobile-left { padding-left:0; } .ms-vanoce-csr .no-padding-mobile-right { padding-right:0; } .ms-vanoce-csr .no-margin-mobile-left { margin-left:0; } .ms-vanoce-csr .no-margin-mobile-right { margin-right:0; } .ms-vanoce-csr .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-vanoce-csr .main-frame-container .hide-sm { display:none; } .ms-vanoce-csr .main-frame-container .show-sm { display:block; } .ms-vanoce-csr .padding-mobile-10 { padding-right:0; padding-left:0; } .ms-vanoce-csr .center-sm { text-align:center; } .ms-vanoce-csr .center-xs { text-align:left; } .ms-vanoce-csr .br-sm br { display:inline-block; } } @media (min-width:1160px) { .ms-vanoce-csr .main-frame-container h1 { font-size:92px; } .ms-vanoce-csr .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-vanoce-csr .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-vanoce-csr .container-extended { max-width:1226px; width:100; margin:0 auto 0; position:relative; } .ms-vanoce-csr .main-frame-container { margin-top:44px; } .ms-vanoce-csr .header-box h1, .ms-vanoce-csr .header-box-perex, .ms-vanoce-csr .header-box-body { text-shadow:4px 4px 18px rgba(19,17,21,0.75); -ms-text-shadow:4px 4px 18px rgba(19,17,21,0.75); -webkit-text-shadow:4px 4px 18px rgba(19,17,21,0.75); -moz-text-shadow:4px 4px rgba(19,17,21,0.75); color:#ffffff; text-transform:uppercase; } .ms-vanoce-csr .header-box-perex { font-family:"FutureCEBold"; } .ms-vanoce-csr .header-box-body, .ms-vanoce-csr .header-box-body p { color:#ffffff; font-size:16px; line-height:24px; font-family:"FutureCEBold"; margin-bottom:7px; } .ms-vanoce-csr .header-box-body h4 { margin:0; color:#ffffff; padding-top:2px; } .ms-vanoce-csr .header-box-buttons { margin-top:24px; display:none } .ms-vanoce-csr .header-box-buttons-mobile { margin-top:20px; display:block; } .ms-vanoce-csr .header-box-buttons .button:nth-child(2){ float:right; } .ms-vanoce-csr .header-box-related { margin-top:115px; display:none; } .ms-vanoce-csr .header-box-related-mobile { display:block; margin-top:7px; } .ms-vanoce-csr .header-box-related-title { font-family:"FutureCEBold"; font-size:30px; line-height:32px; color:#000000; } .ms-vanoce-csr .header-box-related-body, .ms-vanoce-csr .header-box-related-body p { font-family:"FutureCEBold"; font-size:18px; line-height:24px; color:#000000; margin-bottom:40px; } .ms-vanoce-csr .header-box-related-body span, .ms-vanoce-csr .header-box-related-body span { color:#c49208; text-transform:uppercase; } @media (min-width:470px) { .ms-vanoce-csr .header-box-inner { min-height:712px; background: url('') no-repeat center 618px; //background-size:contain; } } @media (min-width:768px) { .ms-vanoce-csr .header-box { background:#ffffff url('') no-repeat 50% 0; } .ms-vanoce-csr .header-box-image { padding-top:200px; } .ms-vanoce-csr .header-box-inner { background-position: center 492px; } .ms-vanoce-csr .header-box-button-back { top:30px; right:15px; } .ms-vanoce-csr .header-box-text { padding-top:114px; } .ms-vanoce-csr .header-box-perex { font-size:29px; line-height:32px; padding-top:0; padding-bottom:15px; padding-bottom:23px; } .ms-vanoce-csr .header-box-body, .ms-vanoce-csr .header-box-body p { color:#ffffff; font-size:18px; line-height:24px; margin-bottom:15px; } .ms-vanoce-csr .header-box-buttons { display:block; } .ms-vanoce-csr .header-box-buttons-mobile { display:none; } .ms-vanoce-csr .header-box-related { display:block; } .ms-vanoce-csr .header-box-related-mobile { display:none; } .ms-vanoce-csr .header-box-related-body, .ms-vanoce-csr .header-box-related-body p { margin-bottom:inherit; } } @media (min-width:1160px) { .ms-vanoce-csr .header-box-image img { max-width:656px; } .ms-vanoce-csr .header-box-image { padding-top:30px; } } .ms-vanoce-csr .main-frame-container .article-title { font-size:30px; line-height:36px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:38px; margin-bottom:12px; } .ms-vanoce-csr .main-frame-container .article-title-small { font-size:24px; line-height:30px; font-family: "FutureCEBold"; margin-bottom:17px; } .ms-vanoce-csr .main-frame-container .article-title-red { color:#fb0209; padding-top:5px; padding-left:0; margin-bottom:10px; } .ms-vanoce-csr .article-body, .ms-vanoce-csr .article-body p { font-size:18px; line-height:24px; padding-bottom:0; } .ms-vanoce-csr .article-body a { color:#0085c4; } .ms-vanoce-csr .article-body-small, .ms-vanoce-csr .article-body-small p { font-size:16px; line-height:21px; } .ms-vanoce-csr .article-body-small ol { padding-left:20px; } .ms-vanoce-csr .main-frame-container h2.h2-subtitle { font-size:24px; line-height:30px; } .ms-vanoce-csr .bg-gray { background-color:#f8f8f6; } .ms-vanoce-csr .icon-next { display: inline-block; width: 13px; height: 10px; background: url('/-a87182---ihzNudRh/arrow-right') no-repeat left top; position: relative; margin-left:7px; } .ms-vanoce-csr .icon-center { margin:0 auto; } .ms-vanoce-csr .main-frame-container h2.h2-subtitle span { display:block; font-size:18px; line-height:24px; } .ms-vanoce-csr .main-frame-container { background-color:#ffffff; } .ms-vanoce-csr .header-box-csr { background-repeat:no-repeat; background-position:center top; background-size:cover!important; position:relative; } .ms-vanoce-csr .header-box-csr .container { height:496px; padding:22px 0 0; } .ms-vanoce-csr .header-box-perex { font-size:18px; line-height:24px; margin-bottom:16px; margin-top:16px; padding-bottom:0; } .ms-vanoce-csr .header-box-body, .ms-vanoce-csr .header-box-body p { font-size:14px; line-height:18px; padding-right:40px; } .ms-vanoce-csr .header-box-icons { display:none; } .ms-vanoce-csr .header-box-icons-mobile { display:block; background-color:#ffffff; } .ms-vanoce-csr .header-box-icons-mobile .header-box-icons-item { float:left; } .ms-vanoce-csr .header-box-icons-item { color:#0085c4; font-size:14px; line-height:18px; padding:7px 5px 4px 50px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; display:inline-block; text-decoration:none; position:relative; background-color:#ffffff; margin-bottom:24px; width:50%; } .ms-vanoce-csr .header-box-icons-item:before { content:""; width:60px; height:62px; position:absolute; display:block; z-index:2; } .ms-vanoce-csr .header-box-icons-vanoce:before { background:url('/-a87140---d7xIO8aB/star') no-repeat 0 0; left:-10px; top:-7px; } .ms-vanoce-csr .header-box-icons-philips:before { background:url('/-a87139---wKHYEo59/mixer') no-repeat 0 0; width:42px; height:76px; left:7px; top:-14px; } .ms-vanoce-csr .header-box-buttons { display:block; } @media (min-width:769px) and (max-width:1400px) { .ms-vanoce-csr .header-box-icons { top:430px!important; } } @media (max-width:470px) { .ms-vanoce-csr .header-box-csr { background:url('/-a87143---rOW_CRoi/header-mobile') no-repeat 0 0!important; width:100%; background-size:cover!important; } .ms-vanoce-csr .header-box-body br { display:none; } } @media (max-width:768px) { .ms-vanoce-csr .main-frame-container h1 { font-size:36px; line-height:40px; } } @media (min-width:769px) { .ms-vanoce-csr .bg-gray { background-color:transparent; } .ms-vanoce-csr .main-frame-container h2.h2-subtitle span { display:block; font-size:30px; line-height:34px; } .ms-vanoce-csr .main-frame-container h2.h2-subtitle { font-size:48px; line-height:52px; } .ms-vanoce-csr .main-frame-container { //background:#ffffff url('/-a87150---bbJ16VR3/bg-page') no-repeat center 0; background:#ffffff url('/-a87230---WWY38Z5P/bg-page-wide') no-repeat center 627px;; } .ms-vanoce-csr .header-box-csr { background-size:initial; height:627px; padding:140px 30px 0; } .ms-vanoce-csr .header-box-perex { font-size:30px; line-height:36px; margin-bottom:0px; padding-bottom:23px; margin-top:0; } .ms-vanoce-csr .header-box-body, .ms-vanoce-csr .header-box-body p { font-size:20px; line-height:30px; padding-right:0; } .ms-vanoce-csr .header-box-icons { position:absolute; right:0; top:170px; width:190px; padding-left:16px; display:block; } .ms-vanoce-csr .header-box-icons-mobile { display:none; } .ms-vanoce-csr .header-box-icons-item { display:block; width:auto; } } .ms-vanoce-csr .box-wish-item { position:relative; } .ms-vanoce-csr .box-wish-item-pdf { background-color:transparent; position:absolute; z-index:3; left:0; right:0; top:0; bottom:0; text-decoration:none; display:block; cursor:pointer; } .ms-vanoce-csr .main-frame-container .box-wish-item-title { font-size:18px; line-height:25px; color:#0085c4; margin:0; font-family:"TradeGothicLTPro"; font-weight:bold; text-transform:initial; margin-bottom:2px; } .ms-vanoce-csr .main-frame-container .box-wish-item-author { font-size:14px; line-height:18px; color:#606060; margin:0; } .ms-vanoce-csr .box-wish-wrap-mobile img { width:100%; } .ms-vanoce-csr .box-wish-wrap-mobile { padding-bottom:50px; background-color:#f8f8f6; } .ms-vanoce-csr .box-wish-wrap-mobile .box-wish-item { background-color:#ffffff; } .ms-vanoce-csr .box-wish-wrap-mobile .box-wish-item-last { padding-bottom:40px; } .ms-vanoce-csr .box-wish-wrap-mobile .box-wish-item-content { padding: 15px 18px 30px; } @media (min-width:769px) { .ms-vanoce-csr .box-wish-item-content { position:absolute; bottom:25px; left:15px; right:15px; } .ms-vanoce-csr .box-wish-item { margin-bottom:30px; } .ms-vanoce-csr .main-frame-container .box-wish-item-title { font-size:13px; line-height:17px; } .ms-vanoce-csr .main-frame-container .box-wish-item-author { font-size:12px; line-height:14px; } } @media (min-width:800px) { .ms-vanoce-csr .box-wish-item-content { position:absolute; bottom:30px; left:15px; right:15px; } } @media (min-width:1048px) { .ms-vanoce-csr .box-wish-item-content { position:absolute; bottom:38px; left:35px; right:30px; } .ms-vanoce-csr .main-frame-container .box-wish-item-title { font-size:18px; line-height:24px; } .ms-vanoce-csr .main-frame-container .box-wish-item-author { font-size:14px; line-height:18px; } } .ms-vanoce-csr .box-section { text-align:left!important; } .ms-vanoce-csr .box-section-vanoce { margin-bottom:0; } .ms-vanoce-csr .box-section-container { position:relative; } .ms-vanoce-csr .box-section-vanoce .box-section-text { position:absolute; top:170px; left:18px; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-title { font-size:60px; line-height:65px; font-family: "FutureCEBold"; color:#ffffff; text-transform:uppercase; text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -ms-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -webkit-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -moz-text-shadow: 4px 4px rgba(19,17,21,0.75); margin-top:20px; margin-bottom:0; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-perex { font-size:22px; line-height:28px; font-family: "FutureCEBold"; color:#ffffff; text-transform:uppercase; text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -ms-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -webkit-text-shadow: 4px 4px 18px rgba(19,17,21,0.75); -moz-text-shadow: 4px 4px rgba(19,17,21,0.75); } .ms-vanoce-csr .box-section-button { position:absolute; right:12px; left:12px; bottom:40px; z-index:2; } .ms-vanoce-csr .box-section-link { position:absolute; right:0; bottom:0; z-index:2; } .ms-vanoce-csr .main-frame-container .box-section-title { padding-top:10px; padding-bottom:26px; font-size:24px; line-height:28px; } .ms-vanoce-csr .box-section-title br { display:none; } .ms-vanoce-csr .main-frame-container .box-section-perex { margin-bottom:33px; font-size:16px; line-height:20px; } .ms-vanoce-csr .box-section-butons a:first-child { margin-right:21px; } .ms-vanoce-csr .box-section-butons a { margin-bottom:10px; } .ms-vanoce-csr .box-section img { display:none; width:100%; } .ms-vanoce-csr .box-section .box-section-image-mobile { display:block; } .ms-vanoce-csr .box-section-philips { background:#f8f8f6 url('/-a87193----wSZfaA3/bg-text-philis') repeat-x 0 0 ; } .ms-vanoce-csr .box-section-philips .box-section-title { font-size:24px; line-height:30px; color:#000000; padding-top:60px; padding-bottom:25px; } .ms-vanoce-csr .box-section-philips .box-section-perex { font-size:16px; line-height:24px; color:#000000; margin-bottom:30px; } .ms-vanoce-csr .box-section-philips .box-section-body, .ms-vanoce-csr .box-section-philips .box-section-body p { color: #000000; font-size: 18px; line-height: 24px; font-family: "FutureCEBold"; margin-bottom:0; letter-spacing:-1px; } .ms-vanoce-csr .box-section-philips .box-section-body h4 { color: #000000; font-size: 29px; line-height: 36px; font-family: "FutureCEBold"; margin-top:0; padding-top:3px; letter-spacing:-1px; } .ms-vanoce-csr .box-section-philips .box-section-related { margin-top:100px; } .ms-vanoce-csr .box-section-philips .box-section-related-title { font-family: "FutureCEBold"; font-size: 30px; line-height: 32px; color: #000000; } .ms-vanoce-csr .box-section-philips .box-section-related-body p, .ms-vanoce-csr .box-section-philips .box-section-related-body { font-family: "FutureCEBold"; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 40px; } .ms-vanoce-csr .box-section-philips .box-section-related-body span { color: #c49208; text-transform: uppercase; } } @media (max-width:768px) { .ms-vanoce-csr .box-section-philips img { margin-top:10px; } } @media (min-width:470px) { .ms-vanoce-csr .box-section-vanoce { margin-bottom:55px; } .ms-vanoce-csr .box-section img { display:inline-block; width:100%; } .ms-vanoce-csr .box-section .box-section-image-mobile { display:none; } .ms-vanoce-csr .box-section-philips { background:url('/-a87192---itrwEqFL/philips-bottom') no-repeat center bottom; } .ms-vanoce-csr .box-section-vanoce .box-section-text { top:10px; left:inherit; right:18px; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-title { font-size:50px; line-height:55px; margin-top:10px; margin-bottom:0; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-perex { font-size:20px; line-height:24px; } } @media (min-width:769px) { .ms-vanoce-csr .box-section-vanoce { margin-bottom:40px; } .ms-vanoce-csr .box-section-vanoce .box-section-button { right:37px; left:0; bottom:40px; } .ms-vanoce-csr .main-frame-container .box-section-title { padding-top:10px; padding-bottom:26px; font-size:36px; line-height:40px; } .ms-vanoce-csr .main-frame-container .box-section-perex { margin-bottom:33px; font-size:18px; line-height:24px; } .ms-vanoce-csr .box-section-title br { display:inline-block; } .ms-vanoce-csr .box-section-philips { margin-top:45px; } .ms-vanoce-csr .box-section-philips .box-section-content { padding-left:30px; padding-right:30px; } .ms-vanoce-csr .box-section-philips .box-section-title { font-size:96px; line-height:90px; color:#000000; padding-bottom:0; padding-top:2px; margin-left:-6px; letter-spacing:-1px; } .ms-vanoce-csr .box-section-philips .box-section-perex { font-size:27px; line-height:30px; color:#000000; margin-bottom:14px; letter-spacing:-1px; } .ms-vanoce-csr .box-section-philips img { margin-top:310px; } .ms-vanoce-csr .box-section-philips .box-section-content { min-height:586px; } .ms-vanoce-csr .box-section-vanoce .box-section-text { top:100px; left:57px; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-title { font-size:92px; line-height:100px; margin-top:20px; margin-bottom:0; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-perex { font-size:30px; line-height:36px; } } @media (min-width:960px) { .ms-vanoce-csr .box-section-philips { margin-bottom:46px; } .ms-vanoce-csr .box-section-philips img { margin-top:240px; } .ms-vanoce-csr .box-section-philips .box-section-content { min-height:586px; } .ms-vanoce-csr .box-section-vanoce .box-section-text { top:145px; left:57px; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-title { font-size:92px; line-height:100px; margin-top:20px; margin-bottom:0; } .ms-vanoce-csr .main-frame-container .box-section-vanoce .box-section-text-perex { font-size:30px; line-height:36px; } } @media (min-width:1160px) { .ms-vanoce-csr .box-section-philips img { margin-top:42px; } .ms-vanoce-csr .box-section-philips .box-section-content { min-height:532px; } } @media (min-width:1200px) { } .ms-vanoce-csr .box-contribute-csr { padding:18px 18px 0px; min-height:298px; background-color:#ffffff; box-shadow:0 0 26px rgba(0,0,0,0.2); -webkit-box-shadow:0 26px 10px rgba(0,0,0,0.2); -ms-box-shadow:0 0 26px rgba(0,0,0,0.2); -moz-box-shadow:0 0 26px rgba(0,0,0,0.2); } .ms-vanoce-csr .box-contribute-csr-bottom { font-size:24px; color:#ffffff; background-color:#fb0209; padding:26px 18px; margin-bottom:13px; position:relative; } .ms-vanoce-csr .box-contribute-csr-bottom:after, .ms-vanoce-csr .box-contribute-csr-bottom:before { content:""; display:block; width:21px; height:117px; bottom:0; position:absolute; z-inde:3; display:none; } .ms-vanoce-csr .box-contribute-csr-bottom:before { left:-21px; background: url('/-a87203---rORrWxMx/left-corner') no-repeat right bottom ; } .ms-vanoce-csr .box-contribute-csr-bottom:after { right:-21px; background: url('/-a87204---zn8hMWM3/right-corner') no-repeat left bottom ; } .ms-vanoce-csr .box-contribute-csr-bottom-text { padding-right:28px; font-family: "FutureCEBold"; vertical-align:middle; display:block; padding-bottom:16px; line-height:30px; } .ms-vanoce-csr .box-contribute-csr-bottom-value { font-size:48px; line-height:1; font-family: "FutureCEBold"; vertical-align:middle; display:block; } .ms-vanoce-csr .box-contribute-csr-bottom-unit { font-size:24px; line-height:1; font-family: "FutureCEBold"; vertical-align:baseline; padding-left:20px; } .ms-vanoce-csr .box-fund-csr { padding:18px 18px 0px; } .ms-vanoce-csr .box-fund-csr .box-fund-csr-middle img { margin-top:58px; } @media (min-width:768px) { .ms-vanoce-csr .box-contribute-csr-bottom-unit { vertical-align:top; padding-top:8px; } .ms-vanoce-csr .box-contribute-csr { box-shadow:0 -6px 26px rgba(0,0,0,0.2); -webkit-box-shadow:0 -6px 26px rgba(0,0,0,0.2);; -ms-box-shadow:0 -6px 26px rgba(0,0,0,0.2);; -moz-box-shadow:0 -6px 26px rgba(0,0,0,0.2);; margin-top:130px; } .ms-vanoce-csr .box-contribute-csr-right { padding-left:12px; } .ms-vanoce-csr .box-fund-csr-right { padding-left:12px; } .ms-vanoce-csr .box-contribute-csr, .ms-vanoce-csr .box-fund-csr { padding:18px 30px 0px; } .ms-vanoce-csr .box-fund-csr { padding:2px 30px 0px; } .ms-vanoce-csr .box-contribute-csr-bottom-text { margin-bottom:0; padding-top:17px; } .ms-vanoce-csr .box-contribute-csr-bottom { text-align:center; font-size:24px; height:108px; padding:0 10px; line-height:108px; margin-bottom:13px; } .ms-vanoce-csr .box-contribute-csr-bottom span { display:inline-block; } .ms-vanoce-csr .box-contribute-csr-bottom:after, .ms-vanoce-csr .box-contribute-csr-bottom:before { display:block; } } .ms-vanoce-csr #ms-philips-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-vanoce-csr .footer { padding:40px 18px 30px; background-color: #ffffff; font-family: "TradeGothicLTProCn18"; } .ms-vanoce-csr .footer .top { padding-bottom:27px; font-size: 18px; line-height: 24px; margin-bottom:0; } .ms-vanoce-csr .footer .middle { padding-bottom:22px; margin-bottom:0; font-size: 14px; line-height: 18px; } .ms-vanoce-csr .footer .botom { padding-bottom:22px; font-size:16px; padding-bottom:0; } .ms-vanoce-csr .newsletter { padding-bottom:0px; padding-top:55px; background:#f8f8f6 url('/-a87193----wSZfaA3/bg-text-philis') repeat-x 0 0 ; } .ms-vanoce-csr #ms-philips-newsletter .button span { padding:14px 14px 11px; } .ms-vanoce-csr #ms-philips-newsletter .button { margin-top:20px; } .ms-vanoce-csr #ms-newsletter-wrap h4 { margin-bottom:18px; font-size:18px; line-height:20px; font-family: "FutureCEBold"; } .ms-vanoce-csr #ms-philips-newsletter #podminky { float:left; } .ms-vanoce-csr #ms-philips-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-vanoce-csr .newsletter-right { text-align:center; } @media(max-width:768px) { .ms-vanoce-csr .newsletter { padding-right:18px; padding-left:18px; } .ms-vanoce-csr .newsletter .g-row { margin:0!important; } .ms-vanoce-csr .newsletter .g-row *[class^="g-col"] { padding-right:0!important; padding-left:0!important; } } @media(min-width:1000px) { .ms-vanoce-csr #ms-philips-newsletter .button { margin-top:0px; } .ms-vanoce-csr .newsletter-right .button { margin-top:100px; } } @media (min-width:768px) { .ms-vanoce-csr .newsletter { padding-bottom:70px; padding-top:0; background-color:transparent; background-image:none; } .ms-vanoce-csr .footer .top { padding-bottom:17px; } .ms-vanoce-csr .footer .middle { padding-bottom:22px; margin-bottom:0; } .ms-vanoce-csr .footer .botom { font-size:16px; padding-bottom:0; margin-bottom:0; } .ms-vanoce-csr .footer { padding-bottom:60px; text-align:center; } .ms-vanoce-csr .newsletter-left { padding-left:18px; } } body.ms-vanoce-2 { overflow-x:hidden; } body.ms-vanoce-2 .main-frame-container { font-family:"TradeGothicLTPro"; font-size:16px; line-height:21px; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-vanoce-2 .center-title { text-align:center; } .ms-vanoce-2 .main-frame-container h1 { font-family:"FutureCEBold"; font-size:65px; color:#ffffff; text-transform:uppercase; line-height:1; } .ms-vanoce-2 .main-frame-container h2 { font-family:"FutureCEBold"; font-size:30px; line-height:36px; color:#000000; padding-top:47px; padding-bottom:31px; margin:0; } .ms-vanoce-2 .main-frame-container h2.h2-small { font-family:"FutureCEBold"; font-size:24px; line-height:30px; color:#000000; padding-top:70px; padding-bottom:45px; margin:0; } .ms-vanoce-2 .main-frame-container h2.h2-large { font-family:"FutureCEBold"; font-size:48px; line-height:52px; color:#000000; padding-top:80px; padding-bottom:30px; margin:0; } .ms-vanoce-2 .main-frame-container h3 { font-family:"TradeGothicLTPro"; font-size:30px; color:#000000; } .ms-vanoce-2 .main-frame-container h4 { font-family:"FutureCEBold"; font-size:24px; line-height:36px; color:#000000; padding-top:15px; } .ms-vanoce-2 .main-frame-container p { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-vanoce-2 .center-sm { text-align:left; } .ms-vanoce-2 .center-xs { text-align:center; } .ms-vanoce-2 .br-sm br { display:none; } .ms-vanoce-2 .main-frame-container .perex-future p, .ms-vanoce-2 .main-frame-container .perex-future { font-family:"FutureCEBold"; text-transform:uppercase; } .ms-vanoce-2 .main-frame-container .container ul { padding-left:7px; } .ms-vanoce-2 .main-frame-container .container ul li { font-size:16px; line-height:21px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-vanoce-2 .main-frame-container .container ul li:before { display:block; content:""; position:absolute; left:-8px; top:6px; width:4px; height:4px; color:#000000; background:url('') no-repeat center; } .ms-vanoce-2 .main-frame-container .hide-sm { display:block; } .ms-vanoce-2 .main-frame-container .show-sm { display:none; } .ms-vanoce-2 * { box-sizing: border-box; } .ms-vanoce-2 .button.button-blue, .ms-vanoce-2 .button:active.button-blue { background:none; background-color:#0085c4; border-radius:0; } .ms-vanoce-2 .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; } .ms-vanoce-2 .button-dark { background-color:#217cc2; } .ms-vanoce-2 .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-vanoce-2 .button-large { height:auto; } .ms-vanoce-2 .button-large > span { padding:15px 28px 11px; } .ms-vanoce-2 .padding-30 { padding:30px; } .ms-vanoce-2 .padding-left-30 { padding-left:27px; } .ms-vanoce-2 .padding-top-70 { padding-top:70px; } .ms-vanoce-2 .padding-right-30 { padding-right:27px; } .ms-vanoce-2 .padding-top-30 { padding-top:30px; } .ms-vanoce-2 .padding-bottom-30 { padding-bottom:30px; } .ms-vanoce-2 .padding-bottom-5 { padding-bottom:5px; } .ms-vanoce-2 .padding-bottom-10 { padding-bottom:10px; } .ms-vanoce-2 .no-padding { padding:0!important; } .ms-vanoce-2 .no-margin { margin:0!important; } .ms-vanoce-2 .margin-bottom-20 { margin-bottom:20px; } .ms-vanoce-2 .margin-right-20 { margin-right:20px; } .ms-vanoce-2 .margin-top-20 { margin-top:20px; } .ms-vanoce-2 .float-left { float:left; } .ms-vanoce-2 .text-small { font-size:14px; line-height:18px; } .ms-vanoce-2 .link { font-size:14px; color:#217cc2; } .ms-vanoce-2 .hide-box { display:none; } .ms-vanoce-2 .u-icon { position:relative; } .ms-vanoce-2 .u-icon-after:after { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-vanoce-2 .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a87604---RpVQ4k9f/button-more') no-repeat right center; } .ms-vanoce-2 .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-vanoce-2 .main-frame-container { background-color:#ffffff; } @media (max-width:768px) { .ms-vanoce-2 .main-frame-container h1 { font-size:70px; } .ms-vanoce-2 .padding-mobile-10 { padding-right: 18px!important; padding-left: 18px!important; } .ms-vanoce-2 .no-padding-mobile-left { padding-left:0; } .ms-vanoce-2 .no-padding-mobile-right { padding-right:0; } .ms-vanoce-2 .no-margin-mobile-left { margin-left:0; } .ms-vanoce-2 .no-margin-mobile-right { margin-right:0; } .ms-vanoce-2 .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-vanoce-2 .content-padding, .ms-vanoce-2 .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-vanoce-2 .main-frame-container h2 { font-family:"FutureCEBold"; font-size:48px; line-height:52px; padding-top:58px; padding-bottom:10px; margin:0; } .ms-vanoce-2 .main-frame-container .hide-sm { display:none; } .ms-vanoce-2 .main-frame-container .show-sm { display:block; } .ms-vanoce-2 .padding-mobile-10 { padding-right:0; padding-left:0; } .ms-vanoce-2 .center-sm { text-align:center; } .ms-vanoce-2 .center-xs { text-align:left; } .ms-vanoce-2 .br-sm br { display:inline-block; } } @media (min-width:1160px) { .ms-vanoce-2 .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-vanoce-2 .main-frame-container h1 { font-size:92px; } .ms-vanoce-2 .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-vanoce-2 .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-vanoce-2 .container-extended { max-width:1180px; width:100; margin:0 auto 0; position:relative; } .ms-vanoce-2 .main-frame-container { margin-top:44px; } .ms-vanoce-2 .main-frame-container .article-title { font-size:30px; line-height:36px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:38px; margin-bottom:12px; } .ms-vanoce-2 .main-frame-container .article-title-small { font-size:24px; line-height:30px; font-family: "FutureCEBold"; margin-bottom:17px; } .ms-vanoce-2 .main-frame-container .article-title-red { color:#fb0209; padding-top:5px; padding-left:0; margin-bottom:10px; } .ms-vanoce-2 .article-body, .ms-vanoce-2 .article-body p { font-size:18px; line-height:24px; padding-bottom:0; } .ms-vanoce-2 .article-body a { color:#0085c4; } .ms-vanoce-2 .article-body-small, .ms-vanoce-2 .article-body-small p { font-size:16px; line-height:21px; } .ms-vanoce-2 .article-body-small ol { padding-left:20px; } .ms-vanoce-2 .main-frame-container h2.h2-subtitle { font-size:24px; line-height:30px; } .ms-vanoce-2 .bg-gray { background-color:#f8f8f6; } .ms-vanoce-2 .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-vanoce-2 .icon-center { margin:0 auto; } .ms-vanoce-2 .main-frame-container h2.h2-subtitle span { display:block; font-size:18px; line-height:24px; text-transform:initial; padding-bottom:19px; padding-top:7px; } .ms-vanoce-2 .main-frame-container { background-color:#ffffff; } @media (max-width:768px) { .ms-vanoce-2 .main-frame-container h1 { font-size:36px; line-height:37px; } } @media (min-width:769px) { .ms-vanoce-2 .bg-gray { background-color:transparent; } .ms-vanoce-2 .main-frame-container h2.h2-subtitle span { display:block; font-size:24px; line-height:30px; padding-top:18px; padding-bottom:0; } .ms-vanoce-2 .main-frame-container h2.h2-subtitle { font-size:48px; line-height:52px; padding-bottom:31px; padding-top:73px; } .ms-vanoce-2 .main-frame-container .main-frame-container-page { background:#ffffff url('/-a87627---mCkKp6hY/bg-page') repeat-y center top; } } @media (min-width:1160px) { .ms-vanoce-2 .main-frame-container .main-frame-container-page { background-repeat: no-repeat; } } .ms-vanoce-2 .card-box-mobile { margin-bottom:20px; } .ms-vanoce-2 .card-box-mobile .box-card-item { text-align:center } .ms-vanoce-2 .box-card-item-category { position:absolute; font-size:18px; line-height:21px; padding:6px 8px 6px 16px; color:#217cc2; background-color:#e5e5e5; font-family: "TradeGothicLTPro"; font-weight:bold; left:0; top:14px; z-index:5; text-transform:uppercase; } .ms-vanoce-2 .box-card-item-image-wrap { position:relative; } .ms-vanoce-2 .box-card-item-video { width:109px; height:109px; background:url('/-a87620---L4cy0bCt/btn-play') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-vanoce-2 .card-item-mobile-more { text-align:center; } .ms-vanoce-2 .card-item-mobile-more a { font-size:18px; line-height:18px; color:#0085c4; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-vanoce-2 .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-vanoce-2 .card-box-mobile .ms-vanoce-2 .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel { padding-bottom:59px; height:auto; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control:hover { opacity:1; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:initial; top:initial; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-left { background:url('/-a87583---lcFw8vef/arrow-left-blue') no-repeat 0 0; left:0px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-seperator { background:url('') no-repeat 0 0; right:21px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-right{ background:url('/-a87585---e19tmc_d/arrow-right-blue') no-repeat 0 0; right:0px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-seperator { width:12px; height:40px; position:absolute; bottom:0; } @media (min-width:768px) { .ms-vanoce-2 .box-card-item-category { top:10px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel { padding-bottom:59px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-inner { padding: 10px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-inner > .item { top:10px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-inner > .item.active { top:0px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-wrap { height:40px; text-align:right; bottom:0px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-inner { width:58px; margin-right:28px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-left { background:url('/-a87583---lcFw8vef/arrow-left-blue') no-repeat 0 0; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-seperator { background:url('/-a87587---2JYODhPc/slider-divider-blue') no-repeat 0 0; right:21px; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-right { background:url('/-a87585---e19tmc_d/arrow-right-blue') no-repeat 0 0; } .ms-vanoce-2 .carousel-box-vanoce-card .carousel-control-seperator { width:12px; height:40px; } } .ms-vanoce-2 .box-card-item { background-color:#ffffff; height:auto; position:relative; overflow:hidden; margin-bottom:35px; } .ms-vanoce-2 .box-card-item-content { position:relative; } .ms-vanoce-2 .main-frame-container .box-card-item-content-title { font-size:24px; line-height:30px; color:#000000; font-family: "TradeGothicLTPro"; text-transform:initial; font-weight:bold; margin:0; padding:14px 85px 4px 0; text-align:left; min-height:80px; position:relative; } .ms-vanoce-2 .main-frame-container .box-card-item-content-perex { font-size:16px; line-height:21px; color:#000000; font-family: "TradeGothicLTPro"; text-align:left; } .ms-vanoce-2 .box-card-item-content-more .button { background-color:#217cc2; } .ms-vanoce-2 .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTPro"; font-weight:bold; padding:12px 31px 12px 25px; font-size:16px; } .ms-vanoce-2 .box-card-item-content-more.button-large > span:after { display:none; } .ms-vanoce-2 .box-card-item-content-more { position:absolute; right:0; top:18px; } .ms-vanoce-2 .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-vanoce-2 .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-vanoce-2 .box-card-item-content { padding:3px 28px 16px; } .ms-vanoce-2 .box-card-item-content-more.button-large > span:after { display:none; } .ms-vanoce-2 .main-frame-container .box-card-item-content-title { height:114px; overflow:hidden; min-height:0; padding:15px 122px 4px 0; } .ms-vanoce-2 .main-frame-container .box-card-item-content-perex { height:120px; overflow: hidden; } .ms-vanoce-2 .box-card-item-content-more { position:absolute; right:0; top:18px; } } @media (min-width:960px) { .ms-vanoce-2 .box-card-item-content-more.button-large > span:after { display:inline-block; } } @media (min-width:1140px) { .ms-vanoce-2 .main-frame-container .box-card-item-content-title { height:80px; } .ms-vanoce-2 .main-frame-container .box-card-item-content-perex { height:62px; } } .ms-vanoce-2 .box-cataloge-item { position:relative; text-align:center; margin-bottom:27px; } .ms-vanoce-2 .box-cataloge-item-content { position:relative; } .ms-vanoce-2 .box-cataloge-item-first { text-align:left; margin-bottom:0; } .ms-vanoce-2 .box-cataloge-item-title { color:#217cc2; font-size:18px; line-height:24px; text-transform:uppercase; font-family: "FutureCEBold"; display:block; } .ms-vanoce-2 .box-cataloge-item-link { position:absolute; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); z-index:2; left:0; top:0; bottom:0; right:0; display:block; } @media (min-width:768px){ .ms-vanoce-2 .box-cataloge-item { width:25%; float:left; } .ms-vanoce-2 .box-cataloge-item-first { width:100%; } .ms-vanoce-2 .box-cataloge-item-content { padding-left:20px; } } @media (min-width:960px){ .ms-vanoce-2 .box-cataloge { margin-top:28px; } .ms-vanoce-2 .box-cataloge-item { width:21.6%; float:left; } .ms-vanoce-2 .box-cataloge-item-first { width:13.5%; } .ms-vanoce-2 .box-cataloge-item-first h2{ font-size:24px; line-height:30px; padding-top:92px; } } .ms-vanoce-2 .box-map .map-inner, .ms-vanoce-2 .box-map .box-map-inner-truck .box-coca { position:relative; display:block; } .ms-vanoce-2 .box-map .box-map-inner-truck .map-inner, .ms-vanoce-2 .box-map .box-coca { display:none; } .ms-vanoce-2 .box-map .box-map-legend-mobile { margin-bottom:20px; display:block; } .ms-vanoce-2 .box-map .box-map-legend { display:none; } .ms-vanoce-2 .box-map .box-map-legend-mobile, .ms-vanoce-2 .box-map .box-map-legend { text-align:center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item { width:33%; float:left; } .ms-vanoce-2 .box-map .box-map-legend-item { position:relative; cursor:pointer; } .ms-vanoce-2 .box-map .box-map-legend-item-cocacola.js-trigger-off { opacity:1; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-button, .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-button { position:absolute; left:0; top:0; bottom:0; right:0; background-color:transparent; display:block; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-image { width:79px; height:79px; margin:0 auto; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-title { color:#69b136; font-size:16px; line-height:18px; padding-top:6px; text-align:center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-cocacola .box-map-legend-item-title { color:#fb0209; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-fish .box-map-legend-item-image { background:url('/-a87816---uIkU9KQ_/fish-mobile-off') no-repeat center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-fish.js-trigger-on .box-map-legend-item-image { background:url('/-a87677---9kLiusup/fish-mobile-on') no-repeat center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-tree .box-map-legend-item-image { background:url('/-a87678---G1zvped2/tree-mobile-off') no-repeat center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-tree.js-trigger-on .box-map-legend-item-image { background:url('/-a87846---hl-jVhWQ/tree-mobile-on') no-repeat center; } .ms-vanoce-2 .box-map .box-map-legend-mobile .box-map-legend-item-cocacola .box-map-legend-item-image { background:url('/-a87676---onUzNDnR/cocacola-mobile') no-repeat center; } .ms-vanoce-2 .box-map .shop-map { margin-top:0; } .ms-vanoce-2 .box-map .shop-search { background-color:#ffffff; height:auto; } .ms-vanoce-2 .box-map .shop-search-form { display:none; } .ms-vanoce-2 .box-map #shop-search-results { padding:20px 10px; height:476px; } @media (max-width:768px) { .ms-vanoce-2 .box-map .shop-map #gmap { height:293px!important; } } @media (min-width:768px) { .ms-vanoce-2 .box-map .shop-search { min-height:550px; box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2); -ms-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); } .ms-vanoce-2 .box-map #shop-search-results { padding:0 28px 0 30px; margin-top:40px; height:490px; } } @media (min-width:1050px) { .ms-vanoce-2 .box-map { margin-bottom:58px; } .ms-vanoce-2 .box-map .box-map-legend { display:block; text-align:left; margin-bottom:6px; margin-top:-4px; } .ms-vanoce-2 .box-map .box-map-legend-mobile { display:none; } .ms-vanoce-2 .box-map .shop-results { width:37.7%; } .ms-vanoce-2 .box-map .shop-map { margin-top:0; width:62.3%; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item { display:inline-block; margin-right:21px; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-image { height:98px; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-cocacola { margin-right:0; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-fish { margin-left:14.6%; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-fish .box-map-legend-item-image { width:202px; background:url('/-a87815---BLL1rusD/fish-off') no-repeat left top; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-fish.js-trigger-on .box-map-legend-item-image { width:201px; background:url('/-a87680---xRO1XV_M/fish-on') no-repeat left top; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-tree .box-map-legend-item-image { width:222px; background:url('/-a87681---zi3BnDsu/tree-off') no-repeat left top; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-tree.js-trigger-on .box-map-legend-item-image { width:222px; background:url('/-a87844---_R00qDkX/tree-on') no-repeat left top; } .ms-vanoce-2 .box-map .box-map-legend .box-map-legend-item-cocacola .box-map-legend-item-image { width:355px; background:url('/-a87679---IV7Lqloc/cocacola') no-repeat left top; } } @media (min-width:1160px) { .ms-vanoce-2 .box-map .box-map-inner { padding:0; } } .ms-vanoce-2 .box-section { text-align:left!important; } .ms-vanoce-2 .box-section-container { position:relative; } .ms-vanoce-2 .box-section-button { position:absolute; right:12px; left:12px; bottom:40px; z-index:2; } .ms-vanoce-2 .box-section-link { position:absolute; right:0; bottom:0; z-index:2; } .ms-vanoce-2 .main-frame-container .box-section-title { padding-top:10px; padding-bottom:26px; font-size:24px; line-height:28px; } .ms-vanoce-2 .box-section-title br { display:none; } .ms-vanoce-2 .main-frame-container .box-section-perex { margin-bottom:33px; font-size:16px; line-height:20px; } .ms-vanoce-2 .box-section-butons a:first-child { margin-right:21px; } .ms-vanoce-2 .box-section-butons a { margin-bottom:10px; } .ms-vanoce-2 .box-section img { display:none; width:100%; } .ms-vanoce-2 .box-section .box-section-image-mobile { display:block; } .ms-vanoce-2 .box-section-philips { display:none; background:#f8f8f6 url('/-a87675---snPG0MJb/bg-text-philis') repeat-x 0 0 ; } .ms-vanoce-2 .box-section-philips .box-section-title { font-size:24px; line-height:30px; color:#000000; padding-top:60px; padding-bottom:25px; } .ms-vanoce-2 .box-section-philips .box-section-perex { font-size:16px; line-height:24px; color:#000000; margin-bottom:30px; } .ms-vanoce-2 .box-section-philips .box-section-body, .ms-vanoce-2 .box-section-philips .box-section-body p { color: #000000; font-size: 18px; line-height: 24px; font-family: "FutureCEBold"; margin-bottom:0; letter-spacing:-1px; } .ms-vanoce-2 .box-section-philips .box-section-body h4 { color: #000000; font-size: 29px; line-height: 36px; font-family: "FutureCEBold"; margin-top:0; padding-top:6px; letter-spacing:-1px; } .ms-vanoce-2 .box-section-philips .box-section-related { margin-top:100px; } .ms-vanoce-2 .box-section-philips .box-section-related-title { font-family: "FutureCEBold"; font-size: 30px; line-height: 32px; color: #000000; } .ms-vanoce-2 .box-section-philips .box-section-related-body p, .ms-vanoce-2 .box-section-philips .box-section-related-body { font-family: "FutureCEBold"; font-size: 18px; line-height: 24px; color: #000000; margin-bottom: 40px; } .ms-vanoce-2 .box-section-philips .box-section-related-body span { color: #c49208; text-transform: uppercase; } } @media (max-width:768px) { .ms-vanoce-2 .box-section-philips img { margin-top:10px; } } @media (min-width:470px) { .ms-vanoce-2 .box-section img { display:inline-block; width:100%; } .ms-vanoce-2 .box-section .box-section-image-mobile { display:none; } .ms-vanoce-2 .box-section-philips { background:url('/-a87672---hhpiEDjZ/philips-bottom') no-repeat center bottom; } } @media (min-width:769px) { .ms-vanoce-2 .box-section-philips { display:block; } .ms-vanoce-2 .main-frame-container .box-section-title { padding-top:10px; padding-bottom:26px; font-size:36px; line-height:40px; } .ms-vanoce-2 .main-frame-container .box-section-perex { margin-bottom:33px; font-size:18px; line-height:24px; } .ms-vanoce-2 .box-section-title br { display:inline-block; } .ms-vanoce-2 .box-section-philips { margin-top:45px; } .ms-vanoce-2 .box-section-philips .box-section-content { padding-left:28px; padding-right:28px; } .ms-vanoce-2 .box-section-philips .box-section-title { font-size:96px; line-height:87px; color:#000000; padding-bottom:0; padding-top:2px; margin-left:-6px; letter-spacing:-1px; } .ms-vanoce-2 .box-section-philips .box-section-perex { font-size:27px; line-height:30px; color:#000000; margin-bottom:14px; letter-spacing:-1px; } .ms-vanoce-2 .box-section-philips img { margin-top:310px; } .ms-vanoce-2 .box-section-philips .box-section-content { min-height:586px; } } @media (min-width:960px) { .ms-vanoce-2 .box-section-philips { margin-bottom:46px; } .ms-vanoce-2 .box-section-philips img { margin-top:240px; } .ms-vanoce-2 .box-section-philips .box-section-content { min-height:586px; } } @media (min-width:1160px) { .ms-vanoce-2 .box-section-philips img { margin-top:42px; } .ms-vanoce-2 .box-section-philips .box-section-content { min-height:532px; } } @media (min-width:1200px) { } .ms-vanoce-2 .box-contribute { display:none; padding:18px 18px 0px; min-height:298px; } .ms-vanoce-2 .box-contribute-bottom { display:none; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner { font-size:24px; color:#ffffff; background-color:#fb0209; padding:26px 18px; margin-bottom:13px; position:relative; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:after, .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:before { content:""; display:block; width:21px; height:117px; bottom:0; position:absolute; z-index:3; display:none; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:before { left:-21px; background: url('/-a87674---9Fo0QiT5/left-corner') no-repeat right bottom ; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:after { right:-21px; background: url('/-a87673---HWP_apYO/right-corner') no-repeat left bottom ; } .ms-vanoce-2 .box-contribute-bottom-text { padding-right:28px; font-family: "FutureCEBold"; //vertical-align:middle; display:block; padding-bottom:16px; line-height:30px; } .ms-vanoce-2 .box-contribute-bottom-value { font-size:48px; line-height:1; font-family: "FutureCEBold"; vertical-align:middle; display:block; } .ms-vanoce-2 .box-contribute-bottom-unit { font-size:24px; line-height:1; font-family: "FutureCEBold"; vertical-align:super; padding-left:20px; top:8px; position:relative; } @media (min-width:768px) { .ms-vanoce-2 .box-contribute-inner { background-color:#ffffff; box-shadow:0 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);; -ms-box-shadow:0 0px 10px rgba(0,0,0,0.2);; -moz-box-shadow:0 0px 10px rgba(0,0,0,0.2);; margin-top:0; } .ms-vanoce-2 .box-contribute .g-row-relative { position:relative; } .ms-vanoce-2 .box-contribute .g-row-relative .g-col-left { position:absolute; top:0; left:0; bottom:0; } .ms-vanoce-2 .box-contribute .g-row-relative .g-col-right { margin-left:50%; min-height:596px; } .ms-vanoce-2 .box-contribute { display:block; padding-top:0; bottom-top:0; } .ms-vanoce-2 .box-contribute-bottom { display:block; } 108-unit { vertical-align:top; padding-top:8px; } .ms-vanoce-2 .box-contribute-right { padding:0 38px; } .ms-vanoce-2 .main-frame-container .box-contribute-left { background-position:right top; background-repeat: no-repeat; background-size:cover; height:100%; width:100%; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-title { font-size:60px; line-height:65px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:49px; margin-bottom:3px; margin-left:-3px; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-perex { font-size:30px; line-height:36px; text-transform:uppercase; margin-bottom:26px; font-family: "FutureCEBold"; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body h3 { color:#fb0209; font-size:24px; line-height:30px; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:43px; margin-bottom:10px; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body ol, .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body h3, .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body ol + * { margin-left:16.5%; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body ol { position:relative; } .ms-vanoce-2 .main-frame-container .box-contribute-right .box-contribute-right-body ol:before { content:""; display:block; width:184px; height:221px; background: url('/-a87684---_aQdlG3D/qr') no-repeat right top; position:absolute; right:103%; top:-80px; } .ms-vanoce-2 .main-frame-container .box-contribute-right { position:relative; } .ms-vanoce-2 .main-frame-container .box-contribute-right:before { content:""; display:block; width: 56px; height: 57px; background: url('/-a87683---rzczQz8e/fund') no-repeat right top; position:absolute; right:-8px; top:-61px; background-size:contain; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner { text-align:center; font-size:24px; height:106px; padding:0 10px; line-height:108px; margin-bottom:36px; } .ms-vanoce-2 .box-contribute-bottom span { display:inline-block; } .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:after, .ms-vanoce-2 .box-contribute-bottom .box-contribute-bottom-inner:before { display:block; } } @media (min-width:960px) { .ms-vanoce-2 .main-frame-container .box-contribute-right:before { right:43px; top:-10px; width:70px; height:70px; } } @media (min-width:1100px) { .ms-vanoce-2 .main-frame-container .box-contribute-right:before { right:43px; top:-10px; width:86px; height:87px; } } .ms-vanoce-2 .box-coca-inner { background-color:#ffffff; } .ms-vanoce-2 .box-coca .g-row-relative { position:relative; } .ms-vanoce-2 .box-coca { padding-top:0; padding-bottom:0; margin-bottom:40px; } .ms-vanoce-2 .box-coca-bottom { display:block; } .ms-vanoce-2 .box-coca-right { padding:10px 28px 0px; } .ms-vanoce-2 .main-frame-container .box-coca-left { background-position:right top; background-repeat: no-repeat; background-size:cover; height:100%; width:100%; } .ms-vanoce-2 .g-col-left img { width:100%; } .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-title { font-size:18px; line-height:22px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:15px; margin-bottom:18px; margin-left:-3px; } .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-body, .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-body p { font-size:16px; line-height:18px; margin-bottom:19px; font-family:"TradeGothicLTPro"; mrgin-top:9px; } .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-body p { margin-bottom:20px; } .ms-vanoce-2 .main-frame-container .box-coca-right table { font-size:16px; line-height:22px; border:none; } .ms-vanoce-2 .main-frame-container .box-coca-right table td { text-align:left; padding:0; border:none; } .ms-vanoce-2 .main-frame-container .box-coca-right table td:nth-child(1) { color:#fb060d; text-align:right; width:54px; } .ms-vanoce-2 .main-frame-container .box-coca-right table td:nth-child(2) { padding-left:18px; } .ms-vanoce-2 .box-coca-more { margin-top:42px; } .ms-vanoce-2 .box-coca-more.button-large > span { padding:15px 30px 11px 42px; } @media (min-width:768px) { .ms-vanoce-2 .box-coca { margin-bottom:0; } .ms-vanoce-2 .g-col-left img { width:auto; } .ms-vanoce-2 .box-coca-inner { background-color:#ffffff; box-shadow:0 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2);; -ms-box-shadow:0 0px 10px rgba(0,0,0,0.2);; -moz-box-shadow:0 0px 10px rgba(0,0,0,0.2);; min-height:550px; } .ms-vanoce-2 .box-coca .g-row-relative .g-col-left { position:absolute; top:0; left:0; bottom:0; } .ms-vanoce-2 .box-coca .g-row-relative .g-col-right { margin-left:50%; min-height:550px; } .ms-vanoce-2 .box-coca-right { padding:10px 38px 20px; } .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-title { font-size:27px; line-height:30px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:28px; margin-bottom:8px; margin-left:-3px; } .ms-vanoce-2 .main-frame-container .box-coca-right .box-coca-right-body p { margin-bottom:16px; } } @media (min-width:960px) { .ms-vanoce-2 .box-map .box-coca-more { position:absolute; right:0; bottom:40px; z-index:5; margin-top:0 } } .ms-vanoce-2 #ms-philips-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-vanoce-2 .footer { padding:98px 18px 13px; background-color: #ffffff; font-family: "TradeGothicLTProCn18"; } .ms-vanoce-2 .footer .top { padding-bottom:27px; font-size: 18px; line-height: 24px; margin-bottom:0; } .ms-vanoce-2 .footer .middle { padding-bottom:22px; margin-bottom:0; font-size: 14px; line-height: 18px; } .ms-vanoce-2 .footer .botom { padding-bottom:22px; font-size:16px; padding-bottom:0; } .ms-vanoce-2 .newsletter { padding-bottom:0px; padding-top:55px; } .ms-vanoce-2 #ms-philips-newsletter .button span { padding:14px 14px 11px; } .ms-vanoce-2 #ms-philips-newsletter .button { margin-top:20px; } .ms-vanoce-2 #ms-newsletter-wrap h4 { margin-bottom:18px; font-size:18px; line-height:20px; font-family: "FutureCEBold"; } .ms-vanoce-2 #ms-philips-newsletter #podminky { float:left; } .ms-vanoce-2 #ms-philips-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-vanoce-2 .newsletter-right { text-align:center; } @media(max-width:768px) { .ms-vanoce-2 .newsletter { padding-right:28px; padding-left:28px; } .ms-vanoce-2 .newsletter .g-row { margin:0!important; } .ms-vanoce-2 .newsletter .g-row *[class^="g-col"] { padding-right:0!important; padding-left:0!important; } } @media(min-width:1000px) { .ms-vanoce-2 #ms-philips-newsletter .button { margin-top:0px; } .ms-vanoce-2 .newsletter-right .button { margin-top:100px; } } @media (min-width:768px) { .ms-vanoce-2 .footer { padding:48px 18px 30px; } .ms-vanoce-2 .newsletter { padding-bottom:53px; padding-top:0; background-color:transparent; background-image:none; } .ms-vanoce-2 .newsletter h4 { text-align:center; padding-top:15px; margin-bottom:15px; } .ms-vanoce-2 .footer .top { padding-bottom:9px; } .ms-vanoce-2 .footer .middle { padding-bottom:16px; margin-bottom:0; } .ms-vanoce-2 .footer .botom { font-size:16px; padding-bottom:0; margin-bottom:0; } .ms-vanoce-2 .footer { padding-bottom:48px; text-align:center; } .ms-vanoce-2 .newsletter-left { padding-left:43px; } } .ms-vanoce-2 .box-map-inner-truck .box-map-legend-item-cocacola .box-map-legend-item-image { background:url('/-a87817---mUA2O86q/truck-mobile-active') no-repeat center!important; } .ms-vanoce-2 .box-map-inner-truck .box-map-legend-item-fish .box-map-legend-item-image { background:url('/-a87816---uIkU9KQ_/fish-mobile-off') no-repeat center!important; } @media (min-width:1050px) { .ms-vanoce-2 .box-map-inner-truck .box-map-legend-item-cocacola .box-map-legend-item-image { background:url('/-a87814---FM1tXWrQ/truck-active') no-repeat center!important; } .ms-vanoce-2 .box-map-inner-truck .box-map-legend-item-fish .box-map-legend-item-image { background:url('/-a87815---BLL1rusD/fish-off') no-repeat center!important; } } body.ms-healthy { overflow-x:hidden; } body.ms-healthy .main-frame-container { font-family:"TradeGothicLTPro"; font-size:16px; line-height:18px; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-healthy .main-frame-container h2 { font-size:36px; line-height:36px; color:#006b3d; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:40px; font-family:"TradeGothicLTProBC20"; position:relative; z-index:10; } .ms-healthy .main-frame-container h3 { font-family:"TradeGothicLTProBC20"; font-size:36px; line-height:36px; color:#000000; margin-top:20px; margin-bottom:12px; } .ms-healthy .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:24px; line-height:29px; color:#000000; text-transform:initial; padding-top:21px; margin-bottom:6px; } .ms-healthy .text-small { font-family:"TradeGothicLTPro"; font-size:14px; line-height:18px; color:#000000; } .ms-healthy .text-large { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-healthy .main-frame-container h2.h2-subtitle span { display:block; font-size:18px; line-height:24px; color:#000000; padding-top:7px; padding-bottom:0; font-family:"TradeGothicLTProBC20"; text-transform:initial; } .ms-healthy .main-frame-container h2.h2-subtitle { font-size:36px; line-height:36px; color:#006b3d; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:40px; font-family:"TradeGothicLTProBC20"; position:relative; z-index:10; } .ms-healthy .instagram-style { background: -webkit-linear-gradient(#a049a4, #fa762e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ms-healthy .main-frame-container .list-item ul { padding-left:18px; margin:0; } .ms-healthy .main-frame-container .list-item-letter ul { padding-left:20px; } .ms-healthy .main-frame-container .list-item li { font-size:18px; line-height:24px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-healthy .main-frame-container .list-item li strong { font-family:"TradeGothicLTProBC20"; } .ms-healthy .main-frame-container .list-item-letter li { font-size:16px; line-height:25px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-healthy .main-frame-container .list-item ul li:before { display:block; content:""; position:absolute; left:-19px; top:6px; width:9px; height:9px; color:#000000; background:url('/-a89181---OfgoAFsx/list-circle') no-repeat center; } .ms-healthy .main-frame-container .list-item-letter ul li:before { left:-16zpx; top:7px; width:12px; height:5px; background:url('/-a89182---iY2Q-Xda/list-letter') no-repeat center; } .ms-healthy * { box-sizing: border-box; } .ms-healthy .button.button-blue, .ms-healthy .button:active.button-blue { background:none; background-color:#0085c4; border-radius:0; } .ms-healthy .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; }f .ms-healthy .button-dark { background-color:#217cc2; } .ms-healthy .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-healthy .button-large { height:auto; } .ms-healthy .button-large > span { padding:15px 28px 11px; } .ms-healthy .button-middle > span { padding:15px 22px 11px; } .ms-healthy .button-small > span { padding:12px 20px 5px; } .ms-healthy .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-healthy .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-healthy .link-black a { color:#000000; text-decoration:underline; } .ms-healthy .text-green { color:#006b3d!important; } .ms-healthy .text-white { color:#ffffff!important; } .ms-healthy .bg-green { background-color:#006b3d!important; } .ms-healthy .pulse-hover-pseudo:hover:after, .ms-healthy .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-healthy .hide-box { display:none; } .ms-healthy .u-icon { position:relative; } .ms-healthy .u-icon-after:after, .ms-healthy .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-healthy .u-icon-vertical-center:after, .ms-healthy .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-healthy .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a89062---0mH0FAjB/button-more') no-repeat right center; } .ms-healthy .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a89056---QE8tbe_2/circle-arrow') no-repeat right center; } .ms-healthy .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('/-a89168---02nBwCkg/arrow-down') no-repeat right center; } .ms-healthy .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-healthy .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-healthy .main-frame-container h2.subtitle-gray { background-color:#f8f8f6; padding-bottom:22px; padding-top:60px; } .ms-healthy .u-icon-circle-arrow:before { left:-1px; top:14px; } .ms-healthy .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-healthy .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-healthy .no-padding-mobile-left { padding-left:0; } .ms-healthy .no-padding-mobile-right { padding-right:0; } .ms-healthy .no-margin-mobile-left { margin-left:0; } .ms-healthy .no-margin-mobile-right { margin-right:0; } .ms-healthy .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-healthy .main-frame-container h2 { font-family:"FutureCEBold"; font-size:60px; line-height:72px; font-family:"TradeGothicLTProBC20"; color:#000000; padding-top:71px; padding-bottom:27px; margin:0; } .ms-healthy .main-frame-container h3 { font-family:"TradeGothicLTProBC20"; font-size:36px; line-height:36px; color:#000000; margin-top:30px; margin-bottom:7px; } .ms-healthy .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:24px; line-height:36px; color:#000000; padding-top:36px; margin-bottom:29px; } .ms-healthy .main-frame-container h2.h2-subtitle span { display:block; font-size:24px; line-height:46px; color:#000000; padding-top:7px; padding-bottom:0; font-family:"TradeGothicLTProBC20"; } .ms-healthy .main-frame-container h2.h2-subtitle-big span { font-size:36px; color:#006b3d; } .ms-healthy .main-frame-container h2.h2-subtitle-big { line-height:60px!important; } .ms-healthy .main-frame-container h2.h2-subtitle { font-size:60px; line-height:36px; color:#006b3d; margin-bottom:0; margin-top:45px; padding-bottom:18px; font-family:"TradeGothicLTProBC20"; } .ms-healthy .u-icon-arrow-down:before { display:block; } .ms-healthy .content-padding, .ms-healthy .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-healthy .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:1160px) { .ms-healthy .u-icon-arrow-down:before { bottom:-45px; } .ms-healthy .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-healthy .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-healthy .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-healthy .container-extended { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-healthy .main-frame-container { margin-top:44px; } .ms-healthy .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-healthy .icon-center { margin:0 auto; } .ms-healthy .main-frame-container { background-color:#ffffff; } .ms-healthy .main-frame-container .main-frame-container-page { background-color:#f8f8f6; } @media (min-width:769px) { .ms-healthy .container-extended { margin-top:-50px; } .ms-healthy .main-frame-container .main-frame-container-page { background:#f8f8f6 url('/-a89835---qXWd0ajn/bg-page-2018') repeat-y center top; } } @media (min-width:1160px) { .ms-healthy .main-frame-container .main-frame-container-page { //background-repeat: no-repeat; } } .ms-healthy .header-submenu { list-style:none; padding:17px 10px; text-align:center; background-color:#69b136; } .ms-healthy .header-submenu-item { text-align:left; padding:8px 0; } .ms-healthy .header-submenu-title { font-size:18px; line-height:22px; color:#ffffff; padding-top:8px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; letter-spacing:0.1px; } .ms-healthy .header-submenu-link { display:none; } .ms-healthy .header-submenu-content { margin:0 10px 0 25px; position:relative; padding-right:26px; } @media (min-width:768px) { .ms-healthy .header-submenu-title { line-height:1; } .ms-healthy .header-submenu-content { margin:0 10px 0 40px; position:relative; padding-right:26px; } .ms-healthy .header-submenu-content, .ms-healthy .header-submenu-item { min-height:100px; } .ms-healthy .header-submenu-item:not(:last-child) .header-submenu-content:after { display:block; content:""; width:1px; background-color:#8fc568; position:absolute; top:-4px; bottom:-4px; right:21px; z-index:5; } .ms-healthy .header-submenu-link { font-size:14px; line-height:16px; color:#ffffff; display:inline-block; padding-top:4px; letter-spacing:0.1px; } .ms-healthy .header-submenu-item { padding:0; } @media (min-width:960px) { .ms-healthy .header-submenu-content, .ms-healthy .header-submenu-item { min-height:80px; } } @media (min-width:1160px) { .ms-healthy .header-submenu-content, .ms-healthy .header-submenu-item { min-height:65px; } } } .ms-healthy .carousel-box-healthy-card .carousel, .ms-healthy .carousel-box-healthy-card .carousel-inner, .ms-healthy .card-box-mobile .carousel-inner { overflow:visible; } .ms-healthy .card-box-mobile { margin-bottom:20px; margin-top:55px; } .ms-healthy .card-box-mobile .box-card-item { text-align:center; padding-bottom:30px; } .ms-healthy .box-card-item-category { position:absolute; font-size:18px; line-height:21px; padding:6px 8px 6px 16px; color:#217cc2; background-color:#e5e5e5; font-family: "TradeGothicLTPro"; font-weight:bold; left:0; top:14px; z-index:5; text-transform:uppercase; } .ms-healthy .box-card-item-category-m { top:103px; } .ms-healthy .box-card-item-category-class { position:absolute; top:0; left:0; z-index:10; } .ms-healthy .box-card-item-category-promise_peceme { background:url('/-a89291---cUl5WPH3/promise-peceme') no-repeat 0 0; top:-57px; left:10px; width:147px; height:136px; } .ms-healthy .box-card-item-category-promise_varime { top:-57px; left:10px; width:147px; height:136px; background:url('/-a89292---Ls8l00yw/promise-varime') no-repeat 0 0; } .ms-healthy .box-card-item-image-wrap { position:relative; } .ms-healthy .box-card-item-video { width:109px; height:109px; background:url('/-a89070---IFsxotcJ/btn-play') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-healthy .card-item-mobile-more { text-align:center; } .ms-healthy .card-item-mobile-more a { font-size:18px; line-height:18px; color:#0085c4; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-healthy .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-healthy .card-box-mobile .ms-healthy .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-healthy .carousel-box-healthy-card .carousel { padding-bottom:59px; height:auto; } .ms-healthy .carousel-box-healthy-card .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-healthy .carousel-box-healthy-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-healthy .carousel-box-healthy-card .carousel-control:hover { opacity:1; } .ms-healthy .carousel-box-healthy-card .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:inherit; top:inherit; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-healthy .carousel-box-healthy-card .carousel-control-left { background:url('/-a89066---CL-LW3nM/arrow-left-blue') no-repeat 0 0; left:0px; } .ms-healthy .carousel-box-healthy-card .carousel-control-seperator { background:url('') no-repeat 0 0; right:21px; } .ms-healthy .carousel-box-healthy-card .carousel-control-right{ background:url('/-a89068---SFkPed3u/arrow-right-blue') no-repeat 0 0; right:0px; } .ms-healthy .carousel-box-healthy-card .carousel-control-seperator { width:12px; height:40px; position:absolute; bottom:0; } @media (min-width:768px) { .ms-healthy .box-health { padding-top:29px; } .ms-healthy .box-card-item-category-promise_varime, .ms-healthy .box-card-item-category-promise_peceme { left:60px; top:-40px; } .ms-healthy .box-card-item-category { top:10px; } .ms-healthy .box-card-item-category-m { top:103px; } .ms-healthy .carousel-box-healthy-card .carousel { padding-bottom:0; } .ms-healthy .carousel-box-healthy-card .carousel-inner-wrap { overflow:hidden; } .ms-healthy .carousel-box-healthy-card .carousel-inner { padding: 10px 20px 20px; margin-top:50px; } .ms-healthy .carousel-box-healthy-card .carousel-inner > .item { top:10px; } .ms-healthy .carousel-box-healthy-card .carousel-inner > .item.active { top:0px; } .ms-healthy .carousel-box-healthy-card .carousel-control-wrap { height:40px; text-align:right; bottom:-43px; } .ms-healthy .carousel-box-healthy-card .carousel-control-inner { width:58px; margin-right:28px; } .ms-healthy .carousel-box-healthy-card .carousel-control-left { background:url('/-a89066---CL-LW3nM/arrow-left-blue') no-repeat 0 0; } .ms-healthy .carousel-box-healthy-card .carousel-control-seperator { background:url('/-a89072---J8LYE-RH/slider-divider-blue') no-repeat 0 0; right:21px; } .ms-healthy .carousel-box-healthy-card .carousel-control-right { background:url('/-a89068---SFkPed3u/arrow-right-blue') no-repeat 0 0; } .ms-healthy .carousel-box-healthy-card .carousel-control-seperator { width:12px; height:40px; } } .ms-healthy .box-card-item { background-color:#ffffff; height:auto; position:relative; //overflow:hidden; margin-bottom:35px; } .ms-healthy .box-card-item-content { position:relative; } .ms-healthy .main-frame-container .box-card-item-content-title { font-size:24px; line-height:30px; color:#000000; font-family: "TradeGothicLTPro"; text-transform:initial; font-weight:bold; margin:0; padding:14px 85px 4px 0; text-align:left; min-height:80px; position:relative; } .ms-healthy .main-frame-container .box-card-item-content-perex { font-size:16px; line-height:21px; color:#000000; font-family: "TradeGothicLTPro"; text-align:left; } .ms-healthy .box-card-item-content-more .button { background-color:#217cc2; } .ms-healthy .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTPro"; font-weight:bold; padding:12px 31px 12px 25px; font-size:16px; } .ms-healthy .box-card-item-content-more.button-large > span:after { display:none; } .ms-healthy .box-card-item-content-more { position:absolute; right:0; top:18px; } .ms-healthy .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-healthy .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-healthy .box-card-item-content { padding:3px 28px 16px; min-height:182px; } .ms-healthy .box-card-item-content-more.button-large > span:after { display:none; } .ms-healthy .main-frame-container .box-card-item-content-title { height:114px; overflow:hidden; min-height:0; padding:15px 122px 4px 0; } .ms-healthy .main-frame-container .box-card-item-content-perex { height:120px; overflow: hidden; } .ms-healthy .box-card-item-content-more { position:absolute; right:0; top:18px; } } @media (min-width:960px) { .ms-healthy .box-card-item-content-more.button-large > span:after { display:inline-block; } } @media (min-width:1140px) { .ms-healthy .main-frame-container .box-card-item-content-title { height:80px; } .ms-healthy .main-frame-container .box-card-item-content-perex { height:62px; } } .ms-healthy .box-wrap-it-healthy-wrap { background-color:#ffffff; padding-top:36px!important; padding-bottom:0px; position:relative; margin-top:38px; } .ms-healthy .main-frame-container .box-wrap-it-healthy-title { margin:0; font-size:24px; line-height:30px; color:#92be39; text-transform:initial; padding:0; margin-bottom:11px; } .ms-healthy .box-wrap-it-healthy-popup { display:inline-block; margin:18px 14px; } .ms-healthy .box-wrap-it-healthy-left { } .ms-healthy .box-wrap-it-healthy-right { padding-left:0; } .ms-healthy .box-wrap-it-healthy-image-mobile { margin-bottom:30px; } .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image-mobile { margin-top:-47px; } @media (min-width:369px) { .ms-healthy .box-wrap-it-healthy-left .box-wrap-it-healthy-image { width:220px; height:125px; background:url('/-a89177---ovMVGrE-/wrap-it-left') no-repeat center 0 ; background-size:contain; } .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { width:234px; height:125px; background:url('/-a89179---7P_mj5T_/wrap-it-right') no-repeat center 0 ; background-size:contain; } } @media (min-width:768px) { .ms-healthy .box-wrap-it-healthy-popup { display:inline-block; margin:1px 14px; } .ms-healthy .box-wrap-it-healthy-wrap { margin-top:33px; } .ms-healthy .box-wrap-it-healthy-content { //min-height:265px; } .ms-healthy .box-wrap-it-healthy-right { padding-left:180px; margin-bottom:122px; } .ms-healthy .box-wrap-it-healthy-left { padding-right:82px; margin-bottom:137px; } .ms-healthy .box-wrap-it-healthy-wrap:before { content:""; position:absolute; background-size:contain; } .ms-healthy .box-wrap-it-healthy-left .box-wrap-it-healthy-image, .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { position:absolute; background-size:contain; } .ms-healthy .box-wrap-it-healthy-wrap:before { width:522px; height:200px; bottom:-7px; left:23%; background:url('/-a89188---ersVnPz6/wrap-it') no-repeat center 5px ; background-size:contain; } .ms-healthy .box-wrap-it-healthy-left .box-wrap-it-healthy-image { width:220px; height:125px; bottom:-7px; left:10px; right:initial; //background:url('/-a89177---ovMVGrE-/wrap-it-left') no-repeat center 0 ; background-size:contain; } .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { width:234px; height:125px; bottom:-7px; right:-10px; //background:url('/-a89179---7P_mj5T_/wrap-it-right') no-repeat center 0 ; background-size:contain; } .ms-healthy .box-wrap-it-healthy-wrap { margin-top:33px; } } @media (min-width:960px) { .ms-healthy .box-wrap-it-healthy-right { padding-left:175px; margin-bottom:120px; } .ms-healthy .box-wrap-it-healthy-left { padding-right:189px; margin-bottom:130px; } .ms-healthy .box-wrap-it-healthy-wrap:before { width:522px; height:300px; bottom:-13px; } .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { width:234px; height:125px; bottom:-95px; right:10px; } .ms-healthy .box-wrap-it-healthy-left .box-wrap-it-healthy-image { width:220px; height:125px; bottom:-7px; left:10px; right:initial; background:url('/-a89177---ovMVGrE-/wrap-it-left') no-repeat center 0 ; background-size:contain; } } @media (min-width:1160px) { .ms-healthy .box-wrap-it-healthy-right { padding-left:214px; margin-bottom:95px; } .ms-healthy .box-wrap-it-healthy-left { padding-right:0; margin-bottom:66px; } .ms-healthy .box-wrap-it-healthy-wrap:before { width:522px; height:463px; bottom:-23px; } .ms-healthy .box-wrap-it-healthy-left .box-wrap-it-healthy-image { width:366px; height:216px; bottom:-97px; right:174px; } .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { width:374px; height:204px; bottom:-66px; right:-40px; } } @media (min-width:1230px) { .ms-healthy .box-wrap-it-healthy-right .box-wrap-it-healthy-image { width:374px; height:204px; bottom:-66px; right:-51px; } } .ms-healthy .box-download-card { margin-top:0px; text-align:center; } .ms-healthy .box-download-card-points { font-family: "TradeGothicLTProBC20"; } .ms-healthy .box-download-card-points-1 { font-size:30px; line-height:36px; margin-top:38px; } .ms-healthy .box-download-card-points-1-item { padding:12px 5px 5px 5px!important; display:inline-block; } .ms-healthy .box-download-card-points-1 span { display:block; } .ms-healthy .box-download-card-points-2 { font-size:18px; line-height:30px; } .ms-healthy .box-download-card-perex { text-align:left; margin-top:48px; } .ms-healthy .box-download-card-button { overflow:hidden; padding-top:70px; position:relative; } .ms-healthy .box-download-card-button-image { position:absolute; top:0; left:0; right:0; margin:0 auto; } .ms-healthy .box-download-card-button-link { margin-bottom:0!important; } @media (min-width:768px) { .ms-healthy .bbox-download-card-content { text-align:center; } .ms-healthy .box-download-card-button, .ms-healthy .box-download-card-points { display:inline-block; } .ms-healthy .box-download-card-button { position:relative; padding-right:168px; left:43px; vertical-align:top; margin-top:55px; padding-top:0; overflow:visible; margin-bottom:0; height:auto; } .ms-healthy .box-download-card-points-1 { font-size:30px; line-height:41px; margin-top:54px; } .ms-healthy .box-download-card-points-1 span { padding-right:51px; display:inline; } .ms-healthy .box-download-card-perex { margin-top:46px; text-align:center; } .ms-healthy .box-download-card-points-2 { font-size:18px; line-height:30px; } .ms-healthy .box-download-card-button-link { margin:2px 0 44px; box-shadow:5px 5px 5px rgba(0,0,0,0.27); -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.27); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.27); -ms-box-shadow:5px 5px 5px rgba(0,0,0,0.27); } .ms-healthy .box-download-card-button-image { position:absolute; left:initial; bottom:initial; right:69px; top:-55px; } .ms-healthy .box-download-card .divider { margin-top:64px; } } @media (min-width:1039px) { .ms-healthy .box-download-card-points { text-align:left; } .ms-healthy .box-download-card { margin-top:58px; } } .ms-healthy .box-fit-left p { margin-top:10px; } .ms-healthy .box-fit-right { position:relative; } .ms-healthy .box-fit-right-title { font-size:36px; line-height:1; text-transform:uppercase; font-family: "TradeGothicLTProBC20"; } .ms-healthy .box-fit-right .box-fit-right-perex { padding-top:12px; position:relative; } .ms-healthy .box-fit-right .box-fit-right-perex p { font-size:16px; line-height:20px; font-family: "TradeGothicLTProBC20"; text-align:center; margin:0; } .ms-healthy .box-fit-right-instagram { width:99px; height:100px; margin:0 auto; background:url('/-a89259---A9r7ZE6l/inst-icon') no-repeat center 0 ; } .box-fit-left-upload-photo { text-align:center; margin:16px 0 53px; } @media (min-width:768px) { .ms-healthy .box-fit-right-instagram { position:absolute; top:-3px; left:30px; } .ms-healthy .box-fit-right-title { position:absolute; right:3px; top:30px; } .ms-healthy .box-fit-right-title:before { content:""; position:absolute; right:96px; top:15px; width:71px; height:26px; background:url('/-a89258---kDegbldg/inst-arrow') no-repeat center 0 ; } .ms-healthy .box-fit-left, .ms-healthy .box-fit-right { float:left; } .ms-healthy .box-fit-left { width:32.9% } .ms-healthy .box-fit-right { width:67%; padding-top:130px; } .ms-healthy .box-fit-right .module-responzive-article { position:relative; } } @media (min-width:1050px) { .ms-healthy .box-fit-right { padding-top:0; } .ms-healthy .box-fit-right .module-responzive-article-0 { top:50px; left:61px; } .ms-healthy .box-fit-right .module-responzive-article-0 .box-fit-right-perex { padding-top:17px; right:15px; } .ms-healthy .box-fit-right .module-responzive-article-1{ top:26px; left:39px; } .ms-healthy .box-fit-right .module-responzive-article-1 .box-fit-right-perex { padding-top:5px; right:21px; } .ms-healthy .box-fit-right .module-responzive-article-2 { top:84px; left:16px; } .ms-healthy .box-fit-right .module-responzive-article-2 .box-fit-right-perex { padding-top:17px; right:9px; } .ms-healthy .box-fit-right .module-responzive-article img { margin:0; font-size:16px; line-height:20px; } } .ms-healthy .main-frame-container .box-fit-vyherci h2 { color:#000000!important; } .ms-healthy .box-fit-vyherci .box-fit-right-instagram { width:107px; height:107px; margin:0 auto; background:url('/-a90014---lOFMBBG5/soutez-vyherci-logo') no-repeat center 0 ; } .ms-healthy .box-fit-vyherci .module-responzive-article-2, .ms-healthy .box-fit-vyherci .module-responzive-article-1 , .ms-healthy .box-fit-vyherci .module-responzive-article-0 { padding:0!important; } .ms-healthy .box-fit-vyherci .box-fit-right .box-fit-right-perex p { font-size:17px; line-height:20px; } @media(min-width:769px) { .ms-healthy .box-fit-vyherci .box-fit-right { float:none; margin:0 auto; } .ms-healthy .main-frame-container .box-fit-vyherci h2 { color:#006b3d; } .ms-healthy .box-fit-vyherci .box-fit-right { width:71%; } .ms-healthy .box-fit-vyherci .box-fit-right-instagram { top: -12px; left: 0px; } .ms-healthy .box-fit-vyherci .box-fit-right-title { position: absolute; right: 22px; top:22px; } .ms-healthy .box-fit-vyherci .box-fit-right-title:before { right: 104px; top: 17px; } } @media (min-width: 1050px) { .ms-healthy .box-fit-vyherci .box-fit-right .module-responzive-article-0 { top: 45px; left: 35px; } .ms-healthy .box-fit-vyherci .box-fit-right .module-responzive-article-1 { top: 17px; left: 16px; } .ms-healthy .box-fit-right .module-responzive-article-2 { top: 80px; left: -4px; } } .ms-healthy .box-instagram { margin-bottom:30px; } .ms-healthy .box-instagram-item { padding:10px; margin-bottom:30px; background-color:#ffffff; box-shadow:0 0 18px rgba(19,17,21,0.14); -moz-box-shadow:0 0 18px rgba(19,17,21,0.14); -webkit-box-shadow:0 0 18px rgba(19,17,21,0.14); -ms-box-shadow: 0 0 18px rgba(19,17,21,0.14); } .ms-healthy .box-instagram-image { margin-bottom:13px; width:100%; } .ms-healthy .box-instagram-perex { min-height:43px; } .ms-healthy .box-instagram-link { margin-top:38px; } @media (min-width:469px) { .ms-healthy .box-instagram h4 { text-align:center; } .ms-healthy .box-instagram-image { margin-bottom:13px; width:auto; } .ms-healthy .box-instagram-perex { text-align:center; } } @media (min-width:768px) { .ms-healthy .box-instagram-perex { min-height:60px; text-align:left; } .ms-healthy .box-instagram-link { margin-top:20px; } } @media (min-width:1000x) { .ms-healthy .box-instagram-item { margin-bottom:0; } .ms-healthy .box-instagram-perex { min-height:50px; } } @media (min-width:1160px) { .ms-healthy .box-instagram-perex { min-height:43px; } } .ms-healthy .box-wrap-box-activia { background:url('/-a89820---iIF8ECnC/activia-bg-mobile') no-repeat center bottom ; position:relative; background-size:contain; z-index:100; padding-bottom:78%; } .ms-healthy .box-wrap-box-activia-body, .ms-healthy .box-wrap-box-activia-perex { background-color:#ffffff; } .ms-healthy .box-wrap-box-activia-body { padding-top:34px; padding-bottom:50px; } .ms-healthy .box-wrap-box-activia-perex { color:#006b3d; } .ms-healthy .box-wrap-box-activia-image-content { padding:0 48px 23px 28px; } .ms-healthy .box-instagram-vyherci .container { max-width:1149px; } .ms-healthy .box-instagram-vyherci .box-instagram-perex { position: relative; text-align: right; font-size: 24px; line-height: 26px; font-family: "TradeGothicLTProBC20"; padding-right: 8px; padding-top: 14px; padding-left:96px; } .ms-healthy .box-instagram-vyherci .box-instagram-perex:before { content:""; display:block; position:absolute; width:69px; height:68px; top:-32px; left:5.3%; } .ms-healthy .box-instagram-vyherci .place-1 .box-instagram-perex:before { background:url('/-a90036---5yFyWbDP/place-1') no-repeat center 0 ; } .ms-healthy .box-instagram-vyherci .place-2 .box-instagram-perex:before { background:url('/-a90037---pYft20il/place-2') no-repeat center 0 ; } .ms-healthy .box-instagram-vyherci .place-3 .box-instagram-perex:before { background:url('/-a90038---WjkwLYNn/place-3') no-repeat center 0 ; } @media(min-width:469px) { .ms-healthy .box-wrap-box-activia { background:url('/-a89817---Ao9lkacG/activia-bg') no-repeat center 0 ; padding-bottom:0; } .ms-healthy .box-wrap-box-activia-content { position:relative; min-height:450px; margin-top:170px; } .ms-healthy .box-wrap-box-activia-body, .ms-healthy .box-wrap-box-activia-perex { position:absolute; background-size:contain; background-repeat:no-repeat; background-position: center 0; background-color:transparent; color:#000000; } .ms-healthy .box-wrap-box-activia-body { background-image:url('/-a89818---8pR_tEtG/activia-text-1'); width:433px; height:420px; top:0; right:initial; left:0%; z-index:1; padding-top:0; padding-bottom:0; } .ms-healthy .box-wrap-box-activia-body-content { padding:42px 24px 10px 94px; } .ms-healthy .box-wrap-box-activia-perex { font-family: "TradeGothicLTProCn18"; font-size:16px; line-height:19px; background-image:url('/-a89819---SMF-xPyb/activia-text-2'); width:444px; height:400px; bottom:-70px; right:-13%; z-index:3; } .ms-healthy .box-wrap-box-activia-perex-content { padding:111px 98px 10px 103px; text-align:center; } .ms-healthy .box-wrap-box-activia-image { position:absolute; width:280px; height:169px; right:14px; top:-143px; background:url('/-a89822---8q3tmb36/activia-jogurt') no-repeat center 0 ; background-size:contain; z-index:2; } } @media(min-width:670px) { .ms-healthy .box-wrap-box-activia-content { min-height:390px; } .ms-healthy .box-wrap-box-activia-perex { bottom:-45px; } } @media(min-width:768px) { .ms-healthy .box-wrap-box-activia-content { min-height:349px; margin-top:0; } .ms-healthy .box-wrap-box-activia-perex { width:366px; height:364px; bottom:-85px; right:14%; } .ms-healthy .box-wrap-box-activia-perex-content { padding:102px 24px 10px 24px; } .ms-healthy .box-wrap-box-activia-body { width:433px; height:420px; top:0; right:34%; left:inherit; } .ms-healthy .box-wrap-box-activia-body-content { padding:42px 24px 10px 94px; } .ms-healthy .box-wrap-box-activia-image { width:280px; height:259px; right:14px; top:-43px; } } @media(min-width:1160px) { .ms-healthy .box-wrap-box-activia-perex { right:226px; } .ms-healthy .box-wrap-box-activia-body { right:414px; } .ms-healthy .box-wrap-box-activia-image { width:341px; height:313px; right:14px; top:-43px; } } .ms-healthy .box-festival { background-color:#ffffff; } .ms-healthy .box-festival-wrap-content { margin-top:11px; } .ms-healthy .box-festival-wrap-perex { text-align:center; } .ms-healthy .box-festival-wrap-link { text-align:center; margin-top:14px; margin-bottom:30px; } .ms-healthy .box-festival-wrap-perex { margin-top:30px; } .ms-healthy .box-festival-wrap-image-content { position:relative; } .ms-healthy .box-festival-wrap-image-content:before { content:""; display:block; position:absolute; right:4%; top:25%; height:105px; width:108px; background:url('/-a89832---QdVWYgh3/festival-vim-co-jim') no-repeat 0 0; z-index:4; transform:translate(0,-50%); } @media(min-width:469px) { .ms-healthy .box-festival-wrap { background:url('/-a89828---qFjXpIVP/festival-bg') no-repeat left 0; position:relative; background-size:contain; padding-top:37%; } .ms-healthy .box-festival-wrap-image-content:before { display:none; } .ms-healthy .box-festival-wrap:after { content:""; display:block; position:absolute; left:697px; top:0; height:100%; width:451px; background:url('/-a89830---H-_NZeeE/festival-bg-right') no-repeat right 27px; z-index:3; display:none; } .ms-healthy .box-festival-wrap:before { content:""; display:block; position:absolute; right:25%; top:15%; height:105px; width:108px; background:url('/-a89832---QdVWYgh3/festival-vim-co-jim') no-repeat 0 0; z-index:4; transform:translate(0,-50%); } .ms-healthy .box-festival-wrap-body { padding:44px 20px 10px 30px; } .ms-healthy .box-festival-wrap-perex { margin-top:0; } .ms-healthy .box-festival-wrap-content { height:422px; margin-top:0; } .ms-healthy .box-festival-wrap-link a { margin-top:10px; margin-left:-9px; } } @media(min-width:669px) { .ms-healthy .box-festival-wrap { padding-top:0; } .ms-healthy .box-festival-wrap-body { position:absolute; background:url('/-a89831---LBwY_GVR/festival-text') no-repeat 0 0; width:371px; height:359px; z-index:4; top:38px; left:37%; } .ms-healthy .box-festival-wrap:before { left:100px; top:292px; } } @media(min-width:769px) { .ms-healthy .box-festival { background-color:transparent; } .ms-healthy .box-festival-wrap { background-size:initial; } .ms-healthy .box-festival-wrap-body { left:364px; } .ms-healthy .box-festival-wrap:after { display:block; } .ms-healthy .box-festival-wrap:before { left:163px; top:345px; } } @media(min-width:1000px) { .ms-healthy .box-festival-wrap-body { z-index:2; left:387px; } .ms-healthy .box-festival-wrap-link { margin-top:0; } } .ms-healthy .box-festival-partners-wrap { display:none; } @media(min-width:769px) { .ms-healthy .box-festival-partners-wrap { padding:0 30px; display:block; } .ms-healthy .box-festival-partners-row { padding:0 18px 18px 18px; background-color:#ffffff; margin-top:26px; display:block; } .ms-healthy .box-festival-partners-col-1 { position:relative; } .ms-healthy .box-festival-partners-col { width:100%; position:relative; } .ms-healthy .box-festival-partners-col-2 { width:100%; position:relative; } .ms-healthy .box-festival-partners-col-3 { width:100%; } .ms-healthy .box-festival-partners-wrap li { display:inline-block; vertical-align:top; margin-left:-4px; } .ms-healthy .box-festival-partners-title { text-transform:uppercase; color:#006b3d; font-size:16px; padding-top:26px; } } @media(min-width:970px) { .ms-healthy .box-festival-partners-wrap { background:url('/-a89829----XFK57Et/festival-partners-bg') no-repeat 0 0; margin:26px auto 0; width:961px; height:136px; padding:0; } .ms-healthy .box-festival-partners-row { padding:0; background-color:transparent; } .ms-healthy .box-festival-partners-col { float:left; } .ms-healthy .box-festival-partners-col-1:after, .ms-healthy .box-festival-partners-col-2:after { content:""; display:block; width:2px; height:75px; right:0; background-color:#609d7b; position:absolute; top:44px; } .ms-healthy .box-festival-partners-col-1 { width:190px; } .ms-healthy .box-festival-partners-col-2 { width:386px; } .ms-healthy .box-festival-partners-col-3 { width:385px; } .ms-healthy .box-festival-partners-col-1 .box-festival-partners-title { padding-left:38px; } .ms-healthy .box-festival-partners-col-1 img { margin-left:43px; } .ms-healthy .box-festival-partners-col-2 .box-festival-partners-title { padding-left:11px; } .ms-healthy .box-festival-partners-col-2 ul { padding-left:11px; } .ms-healthy .box-festival-partners-col-3 .box-festival-partners-title { padding-left:12px; } .ms-healthy .box-festival-partners-col-3 ul { padding-left:8px; } .ms-healthy .box-festival-partners-col .box-festival-partners-image-3 { margin-top:-5px; } } @media(min-width:1160px) { .ms-healthy .box-festival-partners-wrap { margin:26px 0 0 87px; } } .ms-healthy .box-festival-mapa { margin-top:-10px; } .ms-healthy .box-festival-mapa .map-inner { background-color:#ffffff; min-height:417px; } .ms-healthy .box-festival-mapa .shop-map, .ms-healthy .box-festival-mapa .shop-results { margin-top:0; } .ms-healthy #ms-healthy-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-healthy .newsletter { padding-top:55px; } .ms-healthy .newsletter-consent { margin-top:20px; } .ms-healthy #ms-newsletter-wrap h4 { margin-bottom:5px; font-size:24px; line-height:36px; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-healthy #ms-healthy-newsletter #podminky { float:left; } .ms-healthy #ms-healthy-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-healthy .newsletter-right { text-align:center; } @media(max-width:768px) { .ms-healthy .newsletter { padding-right:28px; padding-left:28px; } .ms-healthy .newsletter .g-row { margin:0!important; } .ms-healthy .newsletter .g-row *[class^="g-col"] { padding-right:0!important; padding-left:0!important; } .ms-healthy #ms-healthy-newsletter .button { margin-top:20px; } } @media(min-width:1000px) { .ms-healthy .newsletter-right .button { margin-top:100px; } } @media (min-width:768px) { .ms-healthy .newsletter { padding-top:0; background-color:transparent; background-image:none; } .ms-healthy .newsletter h4 { text-align:center; padding-top:15px; margin-bottom:5px; } .ms-healthy .newsletter-left { padding-left:43px; } } .ms-healthy .box-partners, .ms-healthy .newsletter { padding-bottom:194px; } .ms-healthy .box-partners ul { text-align:center; } .ms-healthy .box-partners li { display:inline-block; margin:10px; vertical-align:middle; max-width:100px; text-align:center; } @media (min-width:768px) { .ms-healthy .box-partners, .ms-healthy .newsletter { padding-bottom:176px; } } @-webkit-keyframes pulse { 0% { transform:scale(1); } 70% { transform:scale(1.1); } 100% { transform:scale(1); } } @keyframes pulse { 0% { transform:scale(1); } 70% { transform:scale(1.1); } 100% { transform:scale(1); } } .ms-healthy .divider { width:136px; height:16px; background:url('/-a89073---8gVmKD1j/divider') no-repeat center 5px ; margin:55px auto 0; } .ms-healthy .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; } .ms-healthy .mfp-container { width:100%; } .ms-healthy .mpf-healthy-close-bottom { display:none; } .mpf-healthy-close { position:absolute; color:#92be39; font-size:18px; line-height:30px; right:0; top:-31px; font-family:"TradeGothicLTProBC20"; } .mpf-healthy-close span:nth-child(1) { text-decoration:underline; } .mpf-healthy-close span:nth-child(2) { font-size:25px; vertical-align: middle; } .ms-healthy .mpf-headline { font-size:30px; line-30px; color:#92be39; font-family:"TradeGothicLTProBC20"; margin-top:0; } .ms-healthy .mfp-close { display:none; } .ms-healthy .mpf-healthy { max-width:100%; width:100%; padding:40px 18px 18px 18px; text-align:left; font-family: "TradeGothicLTPro"; } .ms-healthy .mpf-healthy p { font-size:16px; line-height:21px; font-family: "TradeGothicLTPro"; } @media (min-width:768px) { .ms-healthy .mpf-healthy { max-width:700px; padding:10px 10px 30px 30px; } .ms-healthy .mpf-headline { margin-top:44px; } } @media (min-width:968px) { .ms-healthy .mpf-healthy { max-width:800px; } } body.ms-easter { overflow-x:hidden; } body.ms-easter .main-frame-container { font-family:"TradeGothicLTPro"; font-size:16px; line-height:18px; color:#000000; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-easter .main-frame-container h2 { font-size:36px; line-height:36px; color:#b41d8d; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:40px; font-family:"TradeGothicLTProBC20"; position:relative; z-index:10; } .ms-easter .main-frame-container h3, .ms-easter h3 { font-family:"TradeGothicLTProBC20"; font-size:36px; line-height:36px; color:#b41d8d; margin-top:20px; margin-bottom:12px; } .ms-easter .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:24px; line-height:29px; color:#000000; text-transform:inherit; padding-top:21px; margin-bottom:6px; } .ms-easter .text-small { font-family:"TradeGothicLTPro"; font-size:14px; line-height:18px; color:#000000; } .ms-easter .text-large { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-easter .main-frame-container h2.h2-subtitle span { display:block; font-size:18px; line-height:24px; color:#000000; padding-top:7px; padding-bottom:0; font-family:"TradeGothicLTProBC20"; text-transform:inherit; } .ms-easter .main-frame-container h2.h2-subtitle { font-size:36px; line-height:36px; color:#b41d8d; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:40px; font-family:"TradeGothicLTProBC20"; position:relative; z-index:10; } .ms-easter .instagram-style { background: -webkit-linear-gradient(#a049a4, #fa762e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ms-easter .main-frame-container .list-item ul { padding-left:18px; margin:0; } .ms-easter .main-frame-container .list-item-letter ul { padding-left:20px; } .ms-easter .main-frame-container .list-item li { font-size:18px; line-height:24px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-easter .main-frame-container .list-item li strong { font-family:"TradeGothicLTProBC20"; } .ms-easter .main-frame-container .list-item-letter li { font-size:16px; line-height:25px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-easter .main-frame-container .list-item ul li:before { display:block; content:""; position:absolute; left:-19px; top:6px; width:9px; height:9px; color:#000000; background:url('/-a90750---0b43iHIn/list-circle') no-repeat center; } .ms-easter .main-frame-container .list-item-letter ul li:before { left:-16zpx; top:7px; width:12px; height:5px; background:url('/-a90751---kYESzTzP/list-letter') no-repeat center; } .ms-easter * { box-sizing: border-box; } .ms-easter .button.button-blue, .ms-easter .button:active.button-blue { background:none; background-color:#0085c4; border-radius:0; } .ms-easter .button.button-purple, .ms-easter .button:active.button-purple { background:none; background-color:#b41d8d; border-radius:0; font-size:18px!important; color:#ffffff!important; } .ms-easter .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; }f .ms-easter .button-dark { background-color:#217cc2; } .ms-easter .button.button-wide { width:100%; margin-bottom:17px; text-align:center; } .ms-easter .button-large, .ms-easter .button-large-xl { height:auto; } .ms-easter .button-large > span { padding:15px 28px 11px; } .ms-easter .button-large-xl > span { padding:15px 40px 11px; } .ms-easter .button-middle > span { padding:15px 22px 11px; } .ms-easter .button-small > span { padding:12px 20px 5px; } .ms-easter .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-easter .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-easter .link-black a { color:#000000; text-decoration:underline; } .ms-easter .text-green { color:#006b3d!important; } .ms-easter .text-white { color:#ffffff!important; } .ms-easter .bg-green { background-color:#006b3d!important; } .ms-easter .pulse-hover-pseudo:hover:after, .ms-easter .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-easter .hide-box { display:none; } .ms-easter .u-icon { position:relative; } .ms-easter .u-icon-after:after, .ms-easter .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-easter .u-icon-vertical-center:after, .ms-easter .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-easter .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a90735---fmyYVCc7/button-more') no-repeat right center; } .ms-easter .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a90733---7Zupmk_Z/circle-arrow') no-repeat right center; } .ms-easter .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('/-a90745---mOg-hnbf/arrow-down') no-repeat right center; } .ms-easter .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-easter .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-easter .main-frame-container h2.subtitle-gray { background-color:#f8fbe4; padding-bottom:22px; padding-top:60px; } .ms-easter .u-icon-circle-arrow:before { left:-1px; top:14px; } .ms-easter .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-easter .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-easter .no-padding-mobile-left { padding-left:0; } .ms-easter .no-padding-mobile-right { padding-right:0; } .ms-easter .no-margin-mobile-left { margin-left:0; } .ms-easter .no-margin-mobile-right { margin-right:0; } .ms-easter .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-easter .main-frame-container h2 { font-family:"FutureCEBold"; font-size:60px; line-height:72px; font-family:"TradeGothicLTProBC20"; color:#b41d8d; padding-top:71px; padding-bottom:27px; margin:0; } .ms-easter .main-frame-container h3, .ms-easter h3 { font-family:"TradeGothicLTProBC20"; font-size:36px; line-height:36px; color:#b41d8d; margin-top:30px; margin-bottom:7px; } .ms-easter .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:24px; line-height:36px; color:#000000; padding-top:36px; margin-bottom:29px; } .ms-easter .main-frame-container h2.h2-subtitle span { display:block; font-size:24px; line-height:36px; color:#000000; padding-top:7px; padding-bottom:0; font-family:"TradeGothicLTProBC20"; } .ms-easter .main-frame-container h2.h2-subtitle-big span { font-size:36px; color:#006b3d; } .ms-easter .main-frame-container h2.h2-subtitle-big { line-height:60px!important; } .ms-easter .main-frame-container h2.h2-subtitle { font-size:60px; line-height:36px; color:#b41d8d; margin-bottom:0; margin-top:43px; padding-bottom:18px; font-family:"TradeGothicLTProBC20"; } .ms-easter .u-icon-arrow-down:before { display:block; } .ms-easter .content-padding, .ms-easter .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-easter .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:1160px) { .ms-easter .u-icon-arrow-down:before { bottom:-127px; } .ms-easter .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-easter .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-easter .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-easter .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-easter .container-extended { max-width:1260px; width:100%; margin:0 auto 0; position:relative; } .ms-easter .main-frame-container { margin-top:44px; } .ms-easter .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-easter .icon-center { margin:0 auto; } .ms-easter .main-frame-container { background-color:#ffffff; } .ms-easter .main-frame-container .main-frame-container-page { background-color:#f8fbe4; } @media (min-width:769px) { .ms-easter .main-frame-container .main-frame-container-page { background:#f8fbe4 url('/-a90937---7qeF3tfe/bg-page') repeat-y center top; } } @media (min-width:1160px) { .ms-easter .main-frame-container .main-frame-container-page { //background-repeat: no-repeat; } } .ms-easter .header-submenu { list-style:none; padding:17px 10px; text-align:center; background-color:#f68715; } .ms-easter .header-submenu-item { text-align:left; padding:8px 0; } .ms-easter .header-submenu-title { font-size:18px; line-height:22px; color:#ffffff; padding-top:8px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; letter-spacing:0.1px; } .ms-easter .header-submenu-link { display:none; } .ms-easter .header-submenu-content { margin:0 10px 0 25px; position:relative; padding-right:26px; } .ms-easter .header-submenu-content:before { left:-30px; top:6px; } @media (min-width:768px) { .ms-easter .header-submenu-title { line-height:1; } .ms-easter .header-submenu-content { margin:0 10px 0 40px; position:relative; padding-right:26px; text-align:left; display:inline-block; } .ms-easter .header-submenu-content:before { left:-40px; } .ms-easter .header-submenu-content, .ms-easter .header-submenu-item { min-height:66px; } .ms-easter .header-submenu-link { font-size:14px; line-height:16px; color:#ffffff; display:inline-block; padding-top:4px; letter-spacing:0.1px; } .ms-easter .header-submenu-item { padding:0; text-align:center; } @media (min-width:960px) { .ms-easter .header-submenu-content, .ms-easter .header-submenu-item { min-height:80px; } } @media (min-width:1160px) { .ms-easter .header-submenu-content, .ms-easter .header-submenu-item { min-height:65px; } } } .ms-easter .box-collect-points { min-height:1218px; background-size:cover; background-repeat: no-repeat; } .ms-easter .box-collect-points-content { position:relative; } .ms-easter .box-collect-points-image { margin-top:2px; position:relative; z-index:1; } .ms-easter .box-collect-points-title { padding-bottom:6px!important; } .ms-easter .box-collect-points-sticker { font-size:18px; line-height:24px; font-family: "TradeGothicLTProBC20"; } .ms-easter .box-collect-points-sticker strong { color:#f68715; } .ms-easter .box-collect-points-sticker .box-collect-points-content { padding:0 18px 26px 18px; } .ms-easter .box-collect-points-item { font-size:18px; line-height:18px; font-family: "TradeGothicLTProBC20"; text-align:center; z-index:2; text-transform:uppercase; color:#ffffff; background:url('/-a90790---oVGBGYMI/collect-points-sticker-orange') no-repeat 0 0; background-size:contain; position:relative; } .ms-easter .box-collect-points-item .box-collect-points-item-popup { margin-top:10px; } .ms-easter .box-collect-points-item .box-collect-points-item-popup-link { color:#b41d8d; font-size:18px; line-height:18px; text-decoration:none; } .ms-easter .box-collect-points-vykrajovatka { width:158px; height:150px; left:11px; margin-top: 35px; } .ms-easter .box-collect-points-vykrajovatka .box-collect-points-content { padding: 60px 8px 10px 8px; } .ms-easter .box-collect-points-zdobeni { width:128px; height:121px; margin-top:74px; margin-left:100%; right:132px; } .ms-easter .box-collect-points-zdobeni .box-collect-points-content { padding: 46px 8px 10px 8px; } .ms-easter .box-collect-points-formy { width:164px; height:165px; margin-top:270px; margin-left:100%; right:167px; margin-bottom:10%; } .ms-easter .box-collect-points-formy .box-collect-points-content { padding: 66px 8px 10px 8px; } .ms-easter .box-collect-points-all-link { font-size:24px; line-height:36px; color:#f68715; font-family: "TradeGothicLTProBC20"; } .ms-easter .box-collect-points-all { margin-bottom:30px; } @media (min-width:344px) { .ms-easter .box-collect-points-formy { margin-top:720px; } } @media (min-width:469px) { .ms-easter .box-collect-points { padding-bottom:100px; background-image:none!important; min-height:0; } .ms-easter .box-collect-points-title, .ms-easter .box-collect-points-sticker { position:absolute!important; } .ms-easter .box-collect-points-item, .ms-easter .box-collect-points-sticker { position:relative!important; text-align:center; } .ms-easter .box-collect-points-sticker .box-collect-points-content { padding:61px 10px 10px 15px; } .ms-easter .box-collect-points-items { height:100px; } .ms-easter .box-collect-points-title { background-color:transparent!important; padding-bottom:22px!important; top:-8px; left:0; right:0; margin:0 auto; padding-top:20px!important; } .ms-easter .box-collect-points-sticker { left:-40px; z-index:1; top:16px; width:271px; height:256px; background:url('/-a90791---DszYa6Qc/collect-points-sticker-white') no-repeat 0 0; background-size:contain; } .ms-easter .box-collect-points-sticker strong { font-size:24px; line-height:30px; } .ms-easter .box-collect-points-formy { top:-352px; left:300px; margin-left:0; margin-top:0; } .ms-easter .box-collect-points-zdobeni { top:-203px; left:170px; margin-left:0; margin-top:0; } .ms-easter .box-collect-points-vykrajovatka { top:-253px; left:243px; margin-left:0; margin-top:0; } .ms-easter .box-collect-points-all { margin-bottom:0; } } @media (min-width:869px) { .ms-easter .box-collect-points { padding-bottom:0; } .ms-easter .box-collect-points-item, .ms-easter .box-collect-points-sticker { position:absolute!important; } .ms-easter .box-collect-points-items { height:auto; } .ms-easter .box-collect-points-sticker { top:173px; left:inherit; right:2%; z-index:3; } .ms-easter .box-collect-points-formy { top:431px; right:20px; left:inherit; } .ms-easter .box-collect-points-zdobeni { left:300px; top:inherit; bottom:100px; } .ms-easter .box-collect-points-vykrajovatka { top:261px; left:40px; } .ms-easter .box-collect-points-all { margin-top:17px; margin-bottom:0; } } @media (min-width:1100px) { .ms-easter .box-collect-points-sticker { top:53px; right:2px; z-index:0; } } @media (min-width:1160px) { } @media (min-width:1220px) { .ms-easter .box-collect-points-sticker { top:113px; } .ms-easter .box-collect-points-title { padding-top:71px!important; } .ms-easter .box-collect-points-zdobeni { bottom:inherit; top:579px; left:432px; } } @media (min-width:1360px) { .ms-easter .box-collect-points-formy { right: -18px; } } .ms-easter .carousel-box-easter-card .carousel, .ms-easter .carousel-box-easter-card .carousel-inner, .ms-easter .card-box-mobile .carousel-inner { overflow:visible; } .ms-easter .card-box-mobile { margin-bottom:20px; margin-top:55px; } .ms-easter .card-box-mobile .box-card-item { text-align:center; padding-bottom:30px; } .ms-easter .box-card-item-category { display:none; position:absolute; font-size:18px; line-height:21px; padding:6px 8px 6px 16px; color:#217cc2; background-color:#e5e5e5; font-family: "TradeGothicLTPro"; font-weight:bold; left:0; top:14px; z-index:5; text-transform:uppercase; } .ms-easter .box-card-item-category-m { top:103px; } .ms-easter .box-card-item-category-class { position:absolute; top:0; left:0; z-index:10; } .ms-easter .box-card-item-image-wrap { position:relative; } .ms-easter .box-card-item-video { width:109px; height:109px; background:url('') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-easter .card-item-mobile-more { text-align:center; padding:30px 0 0; } .ms-easter .card-item-mobile-more a { font-size:18px; line-height:18px; color:#0085c4; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-easter .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-easter .card-box-mobile .ms-easter .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-easter .carousel-box-easter-card .carousel { padding-bottom:59px; height:auto; } .ms-easter .carousel-box-easter-card .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-easter .carousel-box-easter-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-easter .carousel-box-easter-card .carousel-control:hover { opacity:1; } .ms-easter .carousel-box-easter-card .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:inherit; top:inherit; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-easter .carousel-box-easter-card .carousel-control-left { background:url('/-a90737---vmwIxe29/arrow-left-blue') no-repeat 0 0; left:0px; } .ms-easter .carousel-box-easter-card .carousel-control-seperator { background:url('') no-repeat 0 0; right:21px; } .ms-easter .carousel-box-easter-card .carousel-control-right{ background:url('/-a90739---jfM1Y8qv/arrow-right-blue') no-repeat 0 0; right:0px; } .ms-easter .carousel-box-easter-card .carousel-control-seperator { width:12px; height:40px; position:absolute; bottom:0; } @media (min-width:768px) { .ms-easter .box-health { padding-top:0px; } .ms-easter .box-card-item-category { top:10px; } .ms-easter .box-card-item-category-m { top:103px; } .ms-easter .carousel-box-easter-card .carousel { padding-bottom:0; } .ms-easter .carousel-box-easter-card .carousel-inner-wrap { overflow:hidden; } .ms-easter .carousel-box-easter-card .carousel-inner { padding: 10px 20px 20px; margin-top:0px; } .ms-easter .carousel-box-easter-card .carousel-inner > .item { top:10px; } .ms-easter .carousel-box-easter-card .carousel-inner > .item.active { top:0px; } .ms-easter .carousel-box-easter-card .carousel-control-wrap { height:40px; text-align:right; bottom:-43px; } .ms-easter .carousel-box-easter-card .carousel-control-inner { width:58px; margin-right:28px; } .ms-easter .carousel-box-easter-card .carousel-control-left { background:url('/-a90737---vmwIxe29/arrow-left-blue') no-repeat 0 0; } .ms-easter .carousel-box-easter-card .carousel-control-seperator { background:url('/-a90743---_iGuS0Xf/slider-divider-blue') no-repeat 0 0; right:21px; } .ms-easter .carousel-box-easter-card .carousel-control-right { background:url('/-a90739---jfM1Y8qv/arrow-right-blue') no-repeat 0 0; } .ms-easter .carousel-box-easter-card .carousel-control-seperator { width:12px; height:40px; } } .ms-easter .box-card-item { background-color:#ffffff; height:auto; position:relative; //overflow:hidden; margin-bottom:0px; } .ms-easter .box-card-item-content { position:relative; } .ms-easter .main-frame-container .box-card-item-content-title { font-size:24px; line-height:30px; color:#000000; font-family: "TradeGothicLTPro"; text-transform:inherit; font-weight:bold; margin:0; padding:14px 85px 4px 0; text-align:left; min-height:80px; position:relative; } .ms-easter .main-frame-container .box-card-item-content-perex { font-size:16px; line-height:21px; color:#000000; font-family: "TradeGothicLTPro"; text-align:left; } .ms-easter .box-card-item-content-more .button { background-color:#217cc2; } .ms-easter .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTPro"; font-weight:bold; padding:12px 31px 12px 25px; font-size:16px; } .ms-easter .box-card-item-content-more.button-large > span:after { display:none; } .ms-easter .box-card-item-content-more { position:absolute; right:0; top:18px; } .ms-easter .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-easter .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-easter .box-card-item-content { padding:3px 28px 16px; min-height:182px; } .ms-easter .box-card-item-content-more.button-large > span:after { display:none; } .ms-easter .main-frame-container .box-card-item-content-title { height:114px; overflow:hidden; min-height:0; padding:15px 122px 4px 0; } .ms-easter .main-frame-container .box-card-item-content-perex { height:120px; overflow: hidden; } .ms-easter .box-card-item-content-more { position:absolute; right:0; top:18px; } } @media (min-width:960px) { .ms-easter .box-card-item-content-more.button-large > span:after { display:inline-block; } } @media (min-width:1140px) { .ms-easter .main-frame-container .box-card-item-content-title { height:80px; } .ms-easter .main-frame-container .box-card-item-content-perex { height:62px; } } .ms-easter .box-download-card { margin-top:57px; background-color:#ffffff; padding-bottom:38px; } .ms-easter .box-download-card-perex { text-align:left; padding-top:54px; } .ms-easter .box-download-card-perex ol { margin-left: 0; padding-right: 0; list-style-type: none; padding-left:50px; } .ms-easter .box-download-card-perex br { display:none; } .ms-easter .box-download-card-perex p { margin-top: 22px; margin-bottom:0; } .ms-easter .box-download-card-perex p strong { font-weight:normal; } .ms-easter .box-download-card-perex ol li { font-size:18px; line-height:24px; padding:9px 0; counter-increment: step-counter; position:relative; } .ms-easter .box-download-card-perex ol li::before { content: counter(step-counter); position:absolute; margin-right: 10px; font-size: 80%; background-color: #f68715; color: white; font-weight: bold; text-align:center; border-radius: 34px; width:34px; height:34px; line-height:34px; display:inline-block; left:-47px; top:2px; } .ms-easter .box-download-card-perex ol li strong { font-family: "TradeGothicLTProBC20"; } .ms-easter .box-download-card-button { padding-top:38px; position:relative; width:auto; height:90px; margin:0 auto; } .ms-easter .box-download-card-button-image { position:absolute; top:-60px; right:0; left:0; margin:0 auto; } .ms-easter .box-download-card-button-link { margin-bottom:0!important; } @media (min-width:768px) { .ms-easter .box-download-card { background-color:transparent; padding-bottom:0; } .ms-easter .box-download-card-perex ol li { font-size:24px; line-height:30px; } .ms-easter .box-download-card-button { padding-top:160px; width:364px; height:379px; margin:0 auto; } .ms-easter .box-download-card-button-image { position:absolute; top:0; right:-73px; } } @media (min-width:940px) { .ms-easter .box-download-card-perex p { padding-left:34px; padding-left: 37px; margin-top: 22px; } .ms-easter .box-download-card-perex ol { padding-left:69px; } .ms-easter .box-download-card-perex br { display:block; } .ms-easter .box-download-card-perex { float:left; width:500px; } .ms-easter .box-download-card-button { float:left; } } @media (min-width:1043px) { .ms-easter .box-download-card-perex { width:604px; } } @media (min-width:1126px) { .ms-easter .box-download-card-button { margin-left:111px; } } .ms-easter .box-staropramen { background-color:#ffffff; padding-bottom:30px; } .ms-easter .box-staropramen-content { position:relative; overflow:hidden; } .ms-easter .box-staropramen-sticker { position:absolute; right:-15px; z-index:1; top:-35px; width:179px; height:185px; background:url('/-a90791---DszYa6Qc/collect-points-sticker-white') no-repeat 0 0; background-size:contain; font-size: 18px; line-height: 18px; font-family: "TradeGothicLTProBC20"; text-align: center; text-transform: uppercase; color: #f68715; } .ms-easter .box-staropramen-sticker-content { padding:68px 13px 10px 8px; } .ms-easter .box-staropramen-sticker-link { color: #b41d8d; font-size: 18px; line-height: 28px; text-decoration: none; } @media (min-width:768px) { .ms-easter .box-staropramen { background-color:transparent; } .ms-easter .box-staropramen-content { margin-top:-8px; } .ms-easter .box-staropramen-sticker { width:196px; height:185px; top:inherit; bottom:28px; right:23px; } .ms-easter .box-staropramen-sticker-content { padding:72px 13px 13px 15px; } } @media (min-width:1126px) { } .ms-easter #ms-easter-newsletter input[type="text"] { width:100%; height:44px; line-height44px; background-color:#ffffff; border:1px solid #b9b9b9; } .ms-easter .newsletter-consent { margin-top:20px; } .ms-easter #ms-newsletter-wrap h4 { margin-bottom:5px; font-size:24px; line-height:36px; font-family: "TradeGothicLTProBC20"; color:#b41d8d; } .ms-easter #ms-easter-newsletter #podminky { float:left; } .ms-easter #ms-easter-newsletter .consent { width: 88%; display: inline-block; padding-left: 5px; } .ms-easter .newsletter-right { text-align:center; } @media(max-width:768px) { .ms-easter .newsletter { padding-right:28px; padding-left:28px; } .ms-easter .newsletter .g-row { margin:0!important; } .ms-easter .newsletter .g-row *[class^="g-col"] { padding-right:0!important; padding-left:0!important; } .ms-easter #ms-easter-newsletter .button { margin-top:20px; } } @media(min-width:1000px) { .ms-easter .newsletter-right .button { margin-top:100px; } } @media (min-width:768px) { .ms-easter .newsletter { padding-top:0; background-color:transparent; background-image:none; //padding-top:55px; } .ms-easter .newsletter h4 { text-align:center; padding-top:4px; margin-bottom:5px; text-transform:uppercase; color:#000000; } .ms-easter .newsletter-left { padding-left:43px; } } .ms-easter .box-partners, .ms-easter .newsletter { padding-bottom:41px; } .ms-easter .box-partners { background-color:#ffffff; padding-top:8px; padding-bottom:122px; } .ms-easter .main-frame-container .box-partners h4 { font-size:16px; line-height:21px; font-family: "TradeGothicLTPro"; color:#000000; padding-top:0; margin-top:13px; margin-bottom:2px; } .ms-easter .box-partners ul { text-align:center; padding:20px 0 13px; } .ms-easter .box-partners li { display:inline-block; } .ms-easter .box-partners li img { height:47px; width:auto; } @media (min-width:768px) { .ms-easter .box-partners, .ms-easter .newsletter { padding-bottom:10px; } .ms-easter .box-partners { padding-bottom:100px; } .ms-easter .box-partners { background:transparent url('/-a90969---PmZbOzTq/partners-bg') no-repeat 0 0; width:739px; margin:41px auto 0; padding-top:40px; } .ms-easter .box-partners ul { padding:10px 0 13px; } .ms-easter .box-partners li img { height:auto; width:auto; } } @-webkit-keyframes pulse { 0% { transform:scale(1); } 70% { transform:scale(1.1); } 100% { transform:scale(1); } } @keyframes pulse { 0% { transform:scale(1); } 70% { transform:scale(1.1); } 100% { transform:scale(1); } } .ms-easter .divider { width:173px; height:40px; background:url('/-a90948---CBBEHeDp/divider') no-repeat center 0 ; margin:49px auto 0; } .ms-easter .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; } .ms-easter .mpf-easter { margin-top:100px; } .ms-easter .mfp-container { width:100%; } .ms-easter .mpf-easter-close-bottom { display:none; } .ms-easter .mpf-easter-title { padding-top:0; padding-bottom:10px; margin:0; } .ms-easter .mpf-easter-close { position:absolute; color:#b41d8d; font-size:18px; line-height:30px; right:0; top:-31px; font-family:"TradeGothicLTProBC20"; cursor:pointer; } .ms-easter .mpf-easter-close span:nth-child(1) { text-decoration:underline; } .ms-easter .mpf-easter-close span:nth-child(2) { font-size:25px; vertical-align: middle; } .ms-easter .mfp-close { display:none; } .ms-easter .mpf-easter { max-width:100%; width:100%; padding:28px 0; text-align:left; font-family: "TradeGothicLTPro"; } .ms-easter .mpf-article-wrap { margin-bottom:50px; } .ms-easter .mpf-article-wrap:last-of-type { margin-bottom:0; } .ms-easter .mpf-article-title { font-size:18px; line-height:30px; font-family:"TradeGothicLTProBC20"; text-transform:inherit; margin:0; } .ms-easter .mpf-article-body p { font-size:14px; line-height:18px; font-family: "TradeGothicLTPro"; margin-bottom:12px; } .ms-easter .mpf-article-image { margin-bottom:24px; text-align:center; } .ms-easter .mpf-article-image > img { display:inline-block; } .ms-easter .mpf-article-perex { font-size:24px; line-height:30px; color:#b41d8d; font-family:"TradeGothicLTProBC20"; } .ms-easter .mpf-article-short-perex { font-size:18px; line-height:24px; color:#b41d8d; font-family:"TradeGothicLTProBC20"; } @media (min-width:768px) { .ms-easter .mpf-article-image { height:238px; position:relative; } .ms-easter .mpf-article-image > img{ position:absolute; bottom:0; left:0; } .ms-easter .mpf-easter { max-width:700px; padding:36px 43px 36px 43px; } .ms-easter .mpf-title { margin-top:44px; } } @media (min-width:968px) { .ms-easter .mpf-easter { max-width:800px; } } body.ms-coffe { overflow-x:hidden; background-repeat:repeat; } body.ms-coffe .main-frame-container { font-family:"TradeGothicLTPro"; line-height:18px; color:#000000; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-coffe .main-frame-container h2 { font-size:36px; line-height:36px; color:#b41d8d; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:0px; font-family:"TradeGothicLTProBC20"; position:relative; z-index:10; } .ms-coffe .main-frame-container h3, .ms-coffe h3 { font-family: "FutureCEBold"; font-size:17px; line-height:29px; color:#3e1a10; margin-top:20px; margin-bottom:0; text-transform:uppercase; } .ms-coffe .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:24px; line-height:29px; color:#3e1a10; text-transform:inherit; padding-top:21px; margin-bottom:20px; text-transform:uppercase; margin-top:0; } .ms-coffe .text-small { font-family:"TradeGothicLTPro"; font-size:14px; line-height:18px; color:#000000; } .ms-coffe .text-large { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-coffe .main-frame-container h2.h2-subtitle span { display:block; font-size:15px; line-height:17px; color:#3e1a10; padding-top:0; padding-bottom:0; font-family:"TradeGothicLTProBC20"; text-transform:none; } .ms-coffe .main-frame-container h2.h2-subtitle { font-size:26px; line-height:26px; color:#3e1a10; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:0; font-family: "FutureCEBold"; position:relative; z-index:10; } .ms-coffe .instagram-style { background: -webkit-linear-gradient(#a049a4, #fa762e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ms-coffe .main-frame-container .list-item ul { padding-left:18px; margin:0; } .ms-coffe .main-frame-container .list-item-letter ul { padding-left:20px; } .ms-coffe .main-frame-container .list-item li { font-size:18px; line-height:24px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-coffe .main-frame-container .list-item li strong { font-family:"TradeGothicLTProBC20"; } .ms-coffe .main-frame-container .list-item-letter li { font-size:16px; line-height:25px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-coffe .main-frame-container .list-item ul li:before { display:block; content:""; position:absolute; left:-19px; top:6px; width:9px; height:9px; color:#000000; background:url('') no-repeat center; } .ms-coffe .main-frame-container .list-item-letter ul li:before { left:-16zpx; top:7px; width:12px; height:5px; background:url('') no-repeat center; } .ms-coffe * { box-sizing: border-box; } .ms-coffe .button.button-blue, .ms-coffe .button:active.button-blue { background:none; background-color:#0085c4; border-radius:0; } .ms-coffe .button.button-purple, .ms-coffe .button:active.button-purple { background:none; background-color:#b41d8d; border-radius:0; font-size:18px!important; color:#ffffff!important; } .ms-coffe .button > span { font-size:18px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; }f .ms-coffe .button-dark { background-color:#217cc2; } .ms-coffe .button.button-wide { width:100%; margin-bottom:17px; margin-top:4px; text-align:center; } .ms-coffe .button-large, .ms-coffe .button-large-xl { height:auto; } .ms-coffe .button-large > span { padding:15px 28px 11px; } .ms-coffe .button-large-xl > span { padding:15px 40px 11px; } .ms-coffe .button-middle > span { padding:15px 22px 11px; } .ms-coffe .button-small > span { padding:12px 20px 5px; } .ms-coffe .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-coffe .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-coffe .link-black a { color:#000000; text-decoration:underline; } .ms-coffe .text-green { color:#006b3d!important; } .ms-coffe .text-white { color:#ffffff!important; } .ms-coffe .bg-green { background-color:#006b3d!important; } .ms-coffe .pulse-hover-pseudo:hover:after, .ms-coffe .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-coffe .hide-box { display:none; } .ms-coffe .u-icon { position:relative; } .ms-coffe .u-icon-after:after, .ms-coffe .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-coffe .u-icon-vertical-center:after, .ms-coffe .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-coffe .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a91744---xRJzU66N/button-more') no-repeat right center; } .ms-coffe .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a91736---JUjaZtvW/circle-arrow') no-repeat right center; } .ms-coffe .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-coffe .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } /*** Submenu **********************************/ .ms-coffe .header-submenu { list-style:none; padding: 2px 10px 5px; text-align:center; background-color:#f68715; background: url('/-a91960---A1zynSO3/bg-menu-mobil') no-repeat left top; min-height:65px; background-size:cover; } .ms-coffe .header-submenu-item { text-align:left; padding:0; } .ms-coffe .header-submenu-title { font-size: 11px; line-height: 12px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-coffe .header-submenu-link { display:none; } .ms-coffe .header-submenu-content { margin:0 10px 0 30px; position:relative; padding-right:26px; } .ms-coffe .header-submenu-content:before { left:-29px; top:2px; transform:scale(0.6); } @media (min-width:470px) { .ms-coffe .header-submenu { background: url('/-a91735---Aw7tqXQA/bg-menu') repeat left top; padding:20px 10px; } .ms-coffe .header-submenu-title { font-size: 18px; line-height: 22px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-coffe .header-submenu-content { margin:0 10px 0 35px; } .ms-coffe .header-submenu-content:before { left:-29px; top:5px; transform:scale(1); } .ms-coffe.menu-fixed .header-submenu-content, .ms-coffe .header-submenu-item { min-height:10px; } .ms-coffe.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-coffe.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-coffe.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } } @media (min-width:768px) { .ms-coffe .header-submenu-content { margin:0 10px 0 40px; position:relative; padding-right:26px; text-align:left; display:inline-block; } .ms-coffe .header-submenu-content:before { left:-29px; } .ms-coffe .header-submenu-content, .ms-coffe .header-submenu-item { min-height:66px; } .ms-coffe .header-submenu-title { font-size: 18px; line-height: 22px; } .ms-coffe .header-submenu-link { font-size: 14px; line-height: 16px; color:#ffffff; font-family:"TradeGothicLTProBC20"; opacity:0.7; text-decoration:none; padding-top:7px; display:inline-block; } .ms-coffe .header-submenu-item { padding:0; text-align:center; } .ms-coffe.menu-fixed .header-submenu-content, .ms-coffe .header-submenu-item { min-height:10px; } .ms-coffe.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-coffe.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-coffe.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } .ms-coffe.menu-fixed .header-submenu-link { font-size:15px; line-height:17px; } @media (min-width:960px) { .ms-coffe .header-submenu-content, .ms-coffe .header-submenu-item { min-height:80px; } } @media (min-width:1000px) { .ms-coffe .header-submenu-content, .ms-coffe .header-submenu-item { min-height:80px; } .ms-coffe .header-submenu-title { font-size:30px; line-height:33px; } .ms-coffe .header-submenu-link { font-size:23px; line-height:26px; } } .ms-coffe.menu-fixed .header-submenu-content, .ms-coffe .header-submenu-item { min-height:10px; } .ms-coffe.menu-fixed .ms-coffe .header-submenu-title { font-size:15px!important; line-height:17px!important; } .ms-coffe.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } .ms-coffe.menu-fixed .header-submenu-link { font-size:15px; line-height:17px; } @media (min-width:1160px) { .ms-coffe .header-submenu-content, .ms-coffe .header-submenu-item { min-height:65px; } } } /*** Hlavni content **********************************/ .ms-coffe .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-coffe .main-frame-container h2.subtitle-gray { background-color:#f8fbe4; padding-bottom:22px; padding-top:60px; } .ms-coffe .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-coffe .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-coffe .no-padding-mobile-left { padding-left:0; } .ms-coffe .no-padding-mobile-right { padding-right:0; } .ms-coffe .no-margin-mobile-left { margin-left:0; } .ms-coffe .no-margin-mobile-right { margin-right:0; } .ms-coffe .button.button-wide-mobile { width:100%; } } @media (min-width:768px) { .ms-coffe .button.button-wide { margin-top:0; } .ms-coffe .main-frame-container h2 { font-family:"FutureCEBold"; font-size:60px; line-height:72px; font-family:"TradeGothicLTProBC20"; color:#b41d8d; padding-top:71px; padding-bottom:27px; margin:0; } .ms-coffe .main-frame-container h3, .ms-coffe h3 { font-family: "FutureCEBold"; font-size:35px; line-height:40px; color:#3e1a10; margin-top:30px; margin-bottom:0; text-transform:uppercase; } .ms-coffe .main-frame-container h4 { font-family:"TradeGothicLTProBC20"; font-size:27px; line-height:30px; color:#3e1a10; padding-top:0px; margin-bottom:20px; } .ms-coffe .main-frame-container h2.h2-subtitle span { display:block; font-size:23px; line-height:25px; color:#3e1a10; padding-top:7px; padding-bottom:0; font-family:"TradeGothicLTProBC20"; } .ms-coffe .main-frame-container h2.h2-subtitle-big span { font-size:36px; color:#006b3d; } .ms-coffe .main-frame-container h2.h2-subtitle-big { line-height:60px!important; } .ms-coffe .main-frame-container h2.h2-subtitle { font-size:54px; line-height:61px; color:#3e1a10; margin-bottom:0; margin-top:0; padding-top:0; padding-bottom:11px; font-family: "FutureCEBold"; } .ms-coffe .u-icon-arrow-down:before { display:block; } .ms-coffe .content-padding, .ms-coffe .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-coffe .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:1160px) { .ms-coffe .u-icon-arrow-down:before { bottom:-127px; } .ms-coffe .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-coffe .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-coffe .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-coffe .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-coffe .container-extended { max-width:1260px; width:100%; margin:0 auto 0; position:relative; } .ms-coffe .main-frame-container { margin-top:44px; } .ms-coffe .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-coffe .icon-center { margin:0 auto; } .ms-coffe .main-frame-container { background-color:transparent; } .ms-coffe .main-frame-container .main-frame-container-page { background-color:transparent; } @media (min-width:769px) { /*.ms-coffe .main-frame-container .main-frame-container-page { background:#f8fbe4 url('') repeat-y center top; }*/ } @media (min-width:1160px) { .ms-coffe .main-frame-container .main-frame-container-page { //background-repeat: no-repeat; } } /*** Slider Karty **********************************/ .ms-coffe .carousel-box-coffe-card .carousel, .ms-coffe .carousel-box-coffe-card .carousel-inner, .ms-coffe .card-box-mobile .carousel-inner { overflow:visible; } .ms-coffe .card-box-mobile { margin-bottom:20px; margin-top:55px; } .ms-coffe .card-box-mobile .box-card-item { text-align:center; padding-bottom:30px; } .ms-coffe .box-card-item-category { position: absolute; font-size: 27px; line-height: 35px; padding: 5px 58px 0 15px; color: #3e1a10; background-color: #ffffff; font-family: "TradeGothicLTProBC20"; font-weight: bold; left: 0; top: 14px; z-index: 5; text-transform: uppercase; vertical-align: middle; display: none; //height: 40px; } .ms-coffe .box-card-item-category-m { top:103px; } .ms-coffe .box-card-item-category-class { position:absolute; top:0; left:0; z-index:10; } .ms-coffe .box-card-item-image-wrap { position:relative; } .ms-coffe .box-card-item-video { width:109px; height:109px; background:url('') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-coffe .card-item-mobile-more { text-align:center; padding:30px 0 0; } .ms-coffe .card-item-mobile-more a { font-size:18px; line-height:18px; color:#3e1a10; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-coffe .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-coffe .card-box-mobile .ms-coffe .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-coffe .carousel-box-coffe-card .carousel { padding-bottom:59px; height:auto; } .ms-coffe .carousel-box-coffe-card .carousel-control-wrap { max-width:1160px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-coffe .carousel-box-coffe-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-coffe .carousel-box-coffe-card .carousel-control:hover { opacity:1; } .ms-coffe .carousel-box-coffe-card .carousel-control { display:inline-block; width:18px; height:19px; position:absolute; left:inherit; top:inherit; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-coffe .carousel-box-coffe-card .carousel-control-left { background:url('/-a91748---GskSgxnt/arrow-left-brown') no-repeat 0 0; left:0px; } .ms-coffe .carousel-box-coffe-card .carousel-control-seperator { background:url('') no-repeat 0 0; right:21px; } .ms-coffe .carousel-box-coffe-card .carousel-control-right{ background:url('/-a91749---mUOR1eFt/arrow-right-brown') no-repeat 0 0; right:0px; } .ms-coffe .carousel-box-coffe-card .carousel-control-seperator { width:12px; height:40px; position:absolute; bottom:0; } @media (min-width:470px) { .ms-coffe .box-card-item-category { display:block; } } @media (min-width:768px) { .ms-coffe .box-health { padding-top:0px; } .ms-coffe .box-card-item-category { top:15px; } .ms-coffe .box-card-item-category-m { top:103px; } .ms-coffe .carousel-box-coffe-card .carousel { padding-bottom:0; } .ms-coffe .carousel-box-coffe-card .carousel-inner-wrap { overflow:hidden; } .ms-coffe .carousel-box-coffe-card .carousel-inner { padding: 10px 20px 20px; margin-top:0px; } .ms-coffe .carousel-box-coffe-card .carousel-inner > .item { top:10px; } .ms-coffe .carousel-box-coffe-card .carousel-inner > .item.active { top:0px; } .ms-coffe .carousel-box-coffe-card .carousel-control-wrap { height:40px; text-align:right; bottom:-43px; } .ms-coffe .carousel-box-coffe-card .carousel-control-inner { width:58px; margin-right:28px; } .ms-coffe .carousel-box-coffe-card .carousel-control-left { background:url('/-a91748---GskSgxnt/arrow-left-brown') no-repeat 0 0; } .ms-coffe .carousel-box-coffe-card .carousel-control-seperator { background:url('/-a91750---_8Axu84v/slider-divider-brown') no-repeat 0 0; right:21px; } .ms-coffe .carousel-box-coffe-card .carousel-control-right { background:url('/-a91749---mUOR1eFt/arrow-right-brown') no-repeat 0 0; } .ms-coffe .carousel-box-coffe-card .carousel-control-seperator { width:12px; height:40px; } } .ms-coffe .box-card-item { background-color:#3e1a10; height:auto; position:relative; //overflow:hidden; margin-bottom:0px; } .ms-coffe .box-card-item-content { position:relative; } .ms-coffe .main-frame-container .box-card-item-content-title { font-size:29px; line-height:32px; color:#ffffff; font-family:"TradeGothicLTProBC20"; text-transform:inherit; font-weight:bold; margin:0; padding:14px 85px 4px 0; text-align:left; min-height:80px; position:relative; } .ms-coffe .main-frame-container .box-card-item-content-perex { font-size:20px; line-height:22px; color:#ffffff; font-family: "TradeGothicLTPro"; font-weight:normal; text-align:left; margin-top:2px; } .ms-coffe .box-card-item-content-more .button { background-color:#217cc2; } .ms-coffe .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTProBC20"; font-weight:bold; padding:18px 18px 10px 10px; font-size:27px; } .ms-coffe .box-card-item-content-more.button-large > span:after { display:none; position:relative; top:-2px; } .ms-coffe .box-card-item-content-more { position:absolute; right:0; top:18px; background-color:#ffffff!important; color:#3e1a10!important; } .ms-coffe .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-coffe .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-coffe .box-card-item-content { padding:3px 28px 16px; min-height:190px; } .ms-coffe .box-card-item-content-more.button-large > span:after { display:none; } .ms-coffe .main-frame-container .box-card-item-content-title { height:110px; overflow:hidden; min-height:0; padding:15px 122px 4px 0; } .ms-coffe .main-frame-container .box-card-item-content-perex { height:109px; overflow: hidden; } .ms-coffe .box-card-item-content-more { position:absolute; right:0; top:18px; } } @media (min-width:960px) { .ms-coffe .box-card-item-content-more.button-large > span:after { display:inline-block; } } @media (min-width:1140px) { .ms-coffe .main-frame-container .box-card-item-content-title { height:80px; } .ms-coffe .main-frame-container .box-card-item-content-perex { height:84px; } } .ms-coffe .box-download-card { position:relative; margin-bottom:84px; } .ms-coffe .box-download-card-points { width:295px; height:253px; margin:0 auto; background:url('/-a91971---IX75Lbwh/table-mobil') no-repeat -3px 0 ; } .ms-coffe .box-download-card-points-body, .ms-coffe .box-download-card-points-body a { padding:48px 32px 10px 32px; font-size:11px; line-height:12px; font-family:"TradeGothicLTProBC20"; color:#ffffff; text-transform:uppercase; text-decoration:none; } .ms-coffe .box-download-card-points-body a { padding:0; } .ms-coffe .box-download-card-points-perex { font-size:11px; line-height:11px; font-family:"TradeGothicLTPro"; color:#ffffff; text-transform:none; margin-bottom:13px; } .ms-coffe .box-download-card-button { position:absolute; left:1px; top:223px; width:150px; margin:0 auto; left:0; right:0; } .ms-coffe .box-download-card-button-link { background-color:#3e1a10; display:inline-block; text-decoration:none; color:#ffffff; text-transform:uppercase; text-align:center; } .ms-coffe .box-download-card-button-link span { font-size:14px; line-height:15px; padding:11px 10px 0px 10px; font-family:"TradeGothicLTProBC20"; display:inline-block; } .ms-coffe .box-download-card-button-image { position:absolute; z-index:20; left: -67px; top: -23px; } @media (min-width:769px) { .ms-coffe .box-download-card { position:relative; margin-bottom:84px; padding-bottom:300px; } .ms-coffe .box-download-card-points { width:788px; height:494px; margin:0 auto; background:url('/-a91970---ZWoibOIv/table-desktop') no-repeat -13px 0; transform:scale(0.75); } .ms-coffe .box-download-card-points-body, .ms-coffe .box-download-card-points-body a { padding: 111px 54px 10px 54px; font-size:28px; line-height:31px; font-family:"TradeGothicLTProBC20"; } .ms-coffe .box-download-card-points-body a { padding:0; } .ms-coffe .box-download-card-points-perex { font-size:18px; line-height:18px; font-family:"TradeGothicLTPro"; color:#ffffff; margin-bottom:15px; } .ms-coffe .box-download-card-button { position:absolute; left:1px; top:710px; width:283px; cursor:pointer; margin:0 auto; left:0; right:0; } .ms-coffe .box-download-card-button-link { background-color:#3e1a10; display:inline-block; text-decoration:none; color:#ffffff; text-transform:uppercase; text-align:center; } .ms-coffe .box-download-card-button-link span { font-size:28px; line-height:31px; padding:11px 10px 0px 10px; font-family:"TradeGothicLTProBC20"; display:inline-block; } .ms-coffe .box-download-card-button-image { top: -274px; left: 176px; } } @media (min-width:879px) { .ms-coffe .box-download-card-points { transform:scale(1); } } @media (min-width:1369px) { .ms-coffe .box-download-card-button { position:absolute; left:-83px; top: 340px; right:inherit; width:283px; cursor:pointer; } .ms-coffe .box-download-card { padding-bottom:0; } .ms-coffe .box-download-card-points-body { padding: 111px 54px 10px 174px; } .ms-coffe .box-download-card-button-image { top: -274px; left: 176px; } } .ms-coffe .newsletter { } .ms-coffe #ms-coffe-newsletter input[type="text"] { width:100%; height:50px; line-height:1; padding: 0 15px 0; background-color:#ffffff; border:5px solid #3e1a10; color:#3e1a10; font-size:17px; text-transform:uppercase; font-family:"TradeGothicLTProBC20"; line-height:40px; vertical-align:middle; } .ms-coffe #ms-coffe-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#3e1a10; font-size:17px; } .ms-coffe #ms-coffe-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color:#3e1a10; font-size:26px; } .ms-coffe #ms-coffe-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color:#3e1a10; font-size:17px; } .ms-coffe #ms-coffe-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color:#3e1a10; font-size:17px; } .ms-coffe .newsletter-content { padding-top:0; } .ms-coffe #ms-coffe-newsletter .consent { font-size:12px; line-height:14px; color:#3e1a10; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; padding-top:10px; } .ms-coffe #ms-newsletter-wrap { width:100%; margin-bottom:20px; } .ms-coffe .newsletter-left, .ms-coffe .newsletter-right { width:100%; } .ms-coffe .button.button-blue, .ms-coffe .button:active.button-blue { background-color:#3e1a10; } .ms-coffe .button-small { width:100%!important; margin-top:20px; } .ms-coffe #ms-coffe-newsletter .button-small > span { padding: 0px 17px 0; font-size: 17px; font-family: "TradeGothicLTProBC20"; line-height: 42px; vertical-align:middle; } .ms-coffe .box-competition { margin-bottom:11px; } .ms-coffe #ms-newsletter-wrap h4 { margin-bottom:14px; font-size:17px; line-height:21px; font-family: "FutureCEBold"; color:#3e1a10; text-transform:uppercase; font-weight:bold; padding-top:30px; } .ms-coffe #ms-coffe-newsletter #podminky { float:left; margin-top:10px; } .ms-coffe #ms-coffe-newsletter .consent { width: 90%; display: inline-block; padding-left: 5px; } @media (min-width:470px) { .ms-coffe #ms-coffe-newsletter .consent { font-size:20px; line-height:24px; } } @media (min-width:770px) { .ms-coffe .newsletter-content { padding-top:21px; } .ms-coffe .newsletter-form-left, .ms-coffe .newsletter-form-right { float:left; } .ms-coffe .newsletter-form-left { width:60%; } .ms-coffe .newsletter-form-right{ width:40%; } .ms-coffe .button-small { margin-top:0; } .ms-coffe #ms-newsletter-wrap { width:100%; margin:0 auto 55px; } .ms-coffe #ms-coffe-newsletter .button-small > span { padding:6px 17px 4px; font-size:32px; line-height:52px; //height:62px; vertical-align: middle; } .ms-coffe #ms-coffe-newsletter input[type="text"] { height: 62px; padding: 0 15px; font-size: 26px; line-height: 52px; } .ms-coffe #ms-coffe-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:26px; } .ms-coffe #ms-coffe-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size:26px; } .ms-coffe #ms-coffe-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-size:26px; } .ms-coffe #ms-coffe-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size:26px; } } @media (min-width:960px) { .ms-coffe #ms-newsletter-wrap { width:80%; margin:0 auto 55px; } } @media (min-width:1160px) { .ms-coffe #ms-newsletter-wrap { width:904px; margin:13px auto 55px; } .ms-coffe .newsletter-form-left { width:627px; } .ms-coffe .newsletter-form-right{ width:277px; } .ms-coffe #ms-coffe-newsletter #podminky { margin-left:72px; } .ms-coffe .newsletter { padding-bottom:0; } .ms-coffe #ms-coffe-newsletter .consent { width: 80%; } } .ms-coffe #ms-coffe-newsletter.subscription-form .mkt_email2 { font-size: 20px; text-transform: uppercase; font-family: "TradeGothicLTProBC20"; padding-left: 6px; padding-top:25px!important; } .ms-coffe #ms-coffe-newsletter #email-error, .ms-coffe #ms-coffe-newsletter #mkt_suggestion, .ms-coffe #ms-coffe-newsletter #agreement-error { padding:10px; display:inline-block; color:#c00; font-size:16px; } .ms-coffe #ms-coffe-newsletter #agreement-error { padding-top:0; } .ms-coffe #ms-coffe-newsletter .eac-input-wrap { width:100%; } .ms-coffe .box-partners { background-color:#ffffff; padding-top:15px; padding-bottom:100px; } @media (min-width:410px) { .ms-coffe .box-partners { padding-bottom:300px; background-color:#ffffff; padding-top:15px; padding-bottom:100px; } .ms-coffe .box-partners ul { text-align:center; padding:20px 0 13px; } .ms-coffe .box-partners li { display:inline-block; } .ms-coffe .box-partners li img { } } @media screen and (min-width: 768px) { .ms-coffe .box-partners { padding-bottom:200px; } } .ms-coffe .box-products-section { position:relative; } .ms-coffe .box-products-item-title { color:#db0000; font-size:17px; line-height:20px; text-align:center; font-family: "TradeGothicLTProBC20"; position:absolute; margin:0 auto; left:0; right:0; top:-40px; text-decoration:none; } .ms-coffe .box-products-mobile { display:block; } .ms-coffe .box-products-image-mobile { margin:0 auto; } .ms-coffe .box-products-desktop { display:none; } .ms-coffe .box-products-item-title > span { color:#000000; } .ms-coffe .box-products-section-0 { background:url('/-a92097---m2aPHdex/section-1-mobile') no-repeat center bottom ; } .ms-coffe .box-products-section-1 { background:url('/-a92098---JcolJpaz/section-2-mobile') no-repeat center bottom ; } .ms-coffe .box-products-section-2 { background:url('/-a92099---oh7OkqmT/section-3-mobile') no-repeat center bottom ; } .ms-coffe .box-products-title { width:216px; height:68px; position:absolute; z-index:30; margin:0 auto; left:0; right:0; } .ms-coffe .box-products-section-0 .box-products-title { background:url('/-a92077---aUS6SxXg/section-1-title') no-repeat center bottom ; bottom:-23%; } .ms-coffe .box-products-section-1 .box-products-title { background:url('/-a92078---zsOoNii7/section-2-title') no-repeat center bottom ; bottom:-24%; } .ms-coffe .box-products-section-2 .box-products-title { background:url('/-a92079---PHsprTJ1/section-3-title') no-repeat center bottom ; bottom:-13%; } .ms-coffe .box-products-wrap { position:absolute; width:100%; z-index:10; text-align:center; } .ms-coffe .box-products-item { display:inline-block; } .ms-coffe .box-products-section-0 { min-height:310px; } .ms-coffe .box-products-section-0 .box-products-wrap { bottom:93px; } .ms-coffe .box-products-section-1 { min-height:250px; } .ms-coffe .box-products-section-1 .box-products-wrap { bottom:97px; } .ms-coffe .box-products-section-2 { min-height:250px; } .ms-coffe .box-products-section-2 .box-products-wrap { bottom:84px; } .carousel-coffe .carousel-inner .slider-image { max-width:100%; } @media (max-width:755px) { .ms-coffe .box-products-mobile-wrap { display:inline-block; position:relative; } .ms-coffe .box-products-item { position:absolute; } .ms-coffe .box-products-mobile-wrap { display:inline-block; position:relative; } .ms-coffe .box-products-item { position:absolute; } .ms-coffe .box-products-section-0 .box-products-item-0 { width:73px; height:130px; bottom:0; left:0; z-index:2; } .ms-coffe .box-products-section-0 .box-products-item-1 { width:96px; height:84px; bottom:0; left:64px; z-index:1; } .ms-coffe .box-products-section-0 .box-products-item-2 { width:122px; height:130px; bottom:0; left:157px; z-index:1; } .ms-coffe .box-products-section-1 .box-products-item-0 { width:103px; height:130px; bottom:0; left:0; z-index:2; } .ms-coffe .box-products-section-1 .box-products-item-1 { width: 61px; height: 101px; bottom: 0; left: 102px; z-index: 1; } .ms-coffe .box-products-section-1 .box-products-item-2 { width:86px; height:130px; bottom:0; left:155px; z-index:1; } .ms-coffe .box-products-section-1 .box-products-item-3 { width: 48px; height: 90px; bottom: 0; left: 226px; z-index: 2; } .ms-coffe .box-products-section-2 .box-products-item-0 { width: 68px; height: 114px; bottom: 0; left: 0; z-index: 2; } .ms-coffe .box-products-section-2 .box-products-item-1 { width: 55px; height: 99px; bottom: 0; left: 64px; z-index: 1; } .ms-coffe .box-products-section-2 .box-products-item-2 { width: 52px; height: 120px; bottom: 0; left: 107px; z-index:3; } .ms-coffe .box-products-section-2 .box-products-item-3 { width:72px; height:130px; bottom:0; left:157px; z-index:1; } .ms-coffe .box-products-section .box-products-title { width:163px; background-size:contain; } } @media screen and (min-width: 756px) { .ms-coffe .box-products-desktop { display:block; } .ms-coffe .box-products-mobile { display:none } .ms-coffe .box-products-item { transform:scale(1); transition: transform 0.2s ease-in-out; } .ms-coffe .box-products-item:hover { transform:scale(1.05); transition: transform 0.4s ease-in-out; } .ms-coffe .box-products-item-title { top:-60px; } .ms-coffe .box-products-wrap { text-align:left; } .ms-coffe .box-products-section-0 .box-products-title { background:url('/-a92077---aUS6SxXg/section-1-title') no-repeat center bottom ; bottom:-27%; } .ms-coffe .box-products-section-1 .box-products-title { background:url('/-a92078---zsOoNii7/section-2-title') no-repeat center bottom ; bottom:-23%; } .ms-coffe .box-products-section-2 .box-products-title { background:url('/-a92079---PHsprTJ1/section-3-title') no-repeat center bottom ; bottom:-6%; } .ms-coffe .box-products-section-0 { background:url('/-a92074---CoyNALsI/section-1') no-repeat center bottom ; } .ms-coffe .box-products-section-1 { background:url('/-a92075---JNK01kmn/section-2') no-repeat center bottom ; } .ms-coffe .box-products-section-2 { background:url('/-a92076---3D-2PWHN/section-3') no-repeat center bottom ; } .ms-coffe .box-products-section { //background-size:contain!important; } .ms-coffe .box-products-section-0 { min-height:310px; } .ms-coffe .box-products-section-0 .box-products-item-0 { width:25%; margin-left:5%; } .ms-coffe .box-products-section-0 .box-products-item-1 { width:26%; } .ms-coffe .box-products-section-0 .box-products-item-2 { width:19%; } .ms-coffe .box-products-section-0 .box-products-wrap { bottom:107px; } .ms-coffe .box-products-section-1 { min-height:310px; } .ms-coffe .box-products-section-1 .box-products-item-0 { margin-left:13%; width:27.5%; } .ms-coffe .box-products-section-1 .box-products-item-1 { width:21%; } .ms-coffe .box-products-section-1 .box-products-item-2 { width:20.7%; } .ms-coffe .box-products-section-1 .box-products-item-3 { width:10.6%; } .ms-coffe .box-products-section-1 .box-products-wrap { bottom:111px; } .ms-coffe .box-products-section-2 { min-height:310px; } .ms-coffe .box-products-section-2 .box-products-item-0 { width:14.5%; margin-left:1.8%; } .ms-coffe .box-products-section-2 .box-products-item-1 { width:36.6%; } .ms-coffe .box-products-section-2 .box-products-item-2 { width:18%; } .ms-coffe .box-products-section-2 .box-products-item-3 { width:27.24%; } .ms-coffe .box-products-section-2 .box-products-wrap { bottom:90px; } } @media screen and (min-width: 856px) { .ms-coffe .box-products-section-0 .box-products-wrap { bottom:111px; } .ms-coffe .box-products-section-1 .box-products-wrap { bottom:109px; } .ms-coffe .box-products-section-2 .box-products-wrap { bottom:85px; } } @media screen and (min-width: 967px) { .ms-coffe .box-products-section-0 .box-products-wrap { bottom:98px; } .ms-coffe .box-products-section-1 .box-products-wrap { bottom:99px; } .ms-coffe .box-products-section-2 .box-products-wrap { bottom:77px; } .ms-coffe .box-products-section-1 { min-height:350px; } .ms-coffe .box-products-section-2 { min-height:350px; } .ms-coffe .box-products-section-0 { min-height:350px; } } @media screen and (min-width: 1069px) { .ms-coffe .box-products-section-0 .box-products-wrap { bottom:107px; } .ms-coffe .box-products-section-1 .box-products-wrap { bottom:111px; } .ms-coffe .box-products-section-2 .box-products-wrap { bottom:77px; } } @media screen and (min-width: 1160px) { .carousel-coffe .carousel { height:671px; } .carousel-box-microsite .carousel .carousel-sticker { transform:translateX(95px); } } .ms-coffe .mfp-iframe-holder .mfp-content { width: 95%; } .ms-coffe .mpf-coffe { margin-top:100px; width:90%; background:url('/-a92096---IqFWJsh-/bg-popup') repeat-y center bottom ; box-shadow: 0 0 120px 60px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 120px 60px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 120px 60px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 120px 60px rgba(0, 0, 0, 0.6); padding:25px 20px 20px 20px; } .ms-coffe .mfp-bg { opacity:0; } .ms-coffe .mfp-container { width:100%; } .ms-coffe .mpf-coffe-title { font-size:22px; line-height:24px; color:#3e1a10; margin-top:30px; margin-bottom:15px; padding:0; text-transform:none; font-family: "TradeGothicLTProBC20"; } .ms-coffe .mpf-coffe-points { font-size:24px; line-height:26px; color:#dd2822; font-family: "TradeGothicLTProBC20"; } .ms-coffe .mpf-coffe-points > span { color:#000000; padding-left:5px; } .ms-coffe .mpf-coffe-price { font-size:15px; line-height:16px; color:#000000; font-family: "TradeGothicLTProBC20"; } .ms-coffe .mpf-coffe-close-top { color:#3e1a10; font-size:14px; line-height:15px; font-family: "FutureCEBold"; text-transform:uppercase; display:inline-block; position:absolute; top:10px; right:10px; cursor:pointer; } .ms-coffe .mpf-coffe-close-icon { width:14px; height:14px; background-color:#3e1a10; display:inline-block; color:#ffffff; font-size:14px; line-height:14px; text-align:center; font-weight:normal; position:relative; top:-1px; } .ms-coffe .mfp-close { display:none; } .ms-coffe .mpf-coffe-close-bottom { display:none; } .ms-coffe .mpf-coffe-title { } .ms-coffe .mpf-coffe-body { font-size:14px; line-height:17px; font-family: "TradeGothicLTPro"; margin-bottom:12px; text-align:left; margin-top:15px; margin-bottom:30px; } @media (min-width:768px) { .ms-coffe .mpf-coffe { max-width:539px; width:100%; } .ms-coffe .mpf-coffe-body { padding-left:23px; font-size:19px; line-height:20px; } .ms-coffe .mpf-coffe-title { font-size:40px; line-height:43px; } .ms-coffe .mpf-coffe-points { font-size:43px; line-height:46px; } .ms-coffe .mpf-coffe-price { font-size:28px; line-height:30px; } .ms-coffe .mpf-coffe-close-top { color:#3e1a10; font-size:16px; line-height:17px; } .ms-coffe .mpf-coffe-close-icon { width:15px; height:15px; top:-2px; font-size:13px; line-height:15px; } } .ms-coffe .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; } .job-box { background-size:cover!important;; overflow:hidden; margin-bottom:20px; } .job-section #general-feedback-form { font-family: "FuturaBook"; font-size:17px; } .job-section #general-feedback-form label{ line-height:18px; display:block; } .job-section #general-feedback-form label em { font-size:11px; line-height:12px; } .job-section strong { font-family: "FutureCEBold"; } .job-box-item { position:relative; } .job-box-logo { position:absolute; z-index:20; bottom:240px; right:30px; } .job-box-text { background:url('/-a92368---ygsyh2KW/bg-wood') no-repeat 0 0; width:100%; background-size:cover; } .job-box-header { text-align:center; width:100%; padding:20px 10px; position:absolute; top:40px; left:0px; z-index:10; } .job-box-title { font-size:35px; line-height:38px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; margin-bottom:10px; text-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-text-shadow:0 0 10px rgba(0,0,0,0.5); -moz-text-shadow:0 0 10px rgba(0,0,0,0.5); -ms-text-shadow:0 0 10px rgba(0,0,0,0.5); } .job-box-subtitle { font-size:20px; line-height:22px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; text-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-text-shadow:0 0 10px rgba(0,0,0,0.5); -moz-text-shadow:0 0 10px rgba(0,0,0,0.5); -ms-text-shadow:0 0 10px rgba(0,0,0,0.5); } .job-box-perex { font-size:15px; line-height:18px; color:#231e22; text-transform: uppercase; font-family: "FutureCEBold"; margin-top:30px; margin-bottom:20px; } .job-box-body { font-size:15px; line-height:18px; color:#231e22; //text-transform: uppercase; font-family: "FuturaBook"; } .job-box-body strong { white-space:nowrap; font-family: "FutureCEBold"; font-weight:bold; } .job-box-body ul { margin-right:0; } .job-box-body em { font-size:15px; line-height:18px;; color:#231e22; text-transform: uppercase; font-family: "FuturaBook"; font-style:normal; } .job-box-container { padding:20px 0 0 0; position:relative; } .job-box-text-content { padding:20px 20px; } .job-box-person-image { position:relative; z-index:10; display:none; } .job-box-image { box-shadow:2px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.5); -ms-box-shadow:2px 2px 10px rgba(0,0,0,0.5); } @media (min-width:480px) { .job-box-container { padding:39px 20px 0 39px; position:relative; } .job-box-text-content { padding:15px; } .job-box-item { width:200px; float:right; } .job-box-text { width:366px; position:absolute; right:153px; width:260px; bottom:0; //top:0; } .job-box-person-image { margin-top:65px; display:block; } .job-box-pekar .job-box-person-image { margin-top:63px; } .job-box-brigadnik .job-box-person-image { margin-top:27px; } .job-box-skladnik-klecany .job-box-person-image { margin-top:173px; } .job-box-skladnik-olomouc .job-box-person-image { margin-top:119px; } .job-box-skladnik-brezhrad .job-box-person-image { margin-top:101px; } .job-box-reznik .job-box-person-image { margin-top:82px; } .job-box-header { width:410px; top:225px; left:35px; position:absolute; z-index:15; } .job-box-brigadnik .job-box-header { top:200px; } .job-box-skladnik-klecany .job-box-header { top:75px; left:25px; } .job-box-skladnik-olomouc .job-box-header { top:31px; left:25px; } .job-box-skladnik-brezhrad .job-box-header { top:28px; left:25px; } .job-box-pekar .job-box-header { top:243px; } .job-box-reznik .job-box-header { top:45px; } .job-box-logo { bottom:100px; right:10px; } .job-box-title { font-size:45px; line-height:50px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-subtitle { font-size:20px; line-height:22px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-perex { font-size:15px; line-height:18px; color:#231e22; text-transform: uppercase; font-family: "FutureCEBold"; margin-top:30px; margin-bottom:20px; } .job-box-body { font-size:15px; line-height:18px; color:#231e22; //text-transform: uppercase; } .job-box-body em { font-size:15px; line-height:18px; color:#231e22; text-transform: uppercase; font-style:normal; } .job-box-reznik .job-box-text { right:136px; } .job-box-reznik .job-box-container { padding-right:0; } .job-box-skladnik-olomouc .job-box-text, .job-box-skladnik-brezhrad .job-box-text, .job-box-skladnik-klecany .job-box-text { right:148px; } .job-box-skladnik-olomouc .job-box-container , .job-box-skladnik-brezhrad .job-box-container, .job-box-skladnik-klecany .job-box-container { padding-right:0; } } @media (min-width:760px) { .job-box-text-content { padding:15px; } .job-box-item { width:160px; } .job-box-text { right:122px; width:195px; } .job-box-person-image { margin-top:170px; } .job-box-header { width:360px; top:40px; left:-6px; } .job-box-brigadnik .job-box-header { top:30px; } .job-box-pekar .job-box-header { top:60px; } .job-box-skladnik-olomouc .job-box-header { top:55px; width:320px; left:35px; } .job-box-reznik .job-box-header { left:14px; } .job-box-skladnik-brezhrad .job-box-header { width:320px; top:60px; } .job-box-skladnik-klecany .job-box-header { left:10px; } .job-box-skladnik-klecany .job-box-person-image { margin-top:316px; } .job-box-skladnik-olomouc .job-box-person-image { margin-top:244px; } .job-box-skladnik-brezhrad .job-box-person-image { margin-top:226px; } .job-box-reznik .job-box-person-image { margin-top:188px; } .job-box-brigadnik .job-box-person-image { margin-top:116px; } .job-box-pekar .job-box-person-image { margin-top:188px; } .job-box-logo { bottom:100px; right:10px; } .job-box-title { font-size:45px; line-height:50px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-subtitle { font-size:20px; line-height:22px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-perex { font-size:15px; line-height:18px; color:#231e22; text-transform: uppercase; font-family: "FutureCEBold"; margin-top:30px; margin-bottom:20px; } .job-box-body { font-size:15px; line-height:18px; color:#231e22; //text-transform: uppercase; } .job-box-body em { font-size:15px; line-height:18px; color:#231e22; text-transform: uppercase; font-style:normal; } .job-box-reznik .job-box-text { right:109px; } .job-box-reznik .job-box-container { padding-right:0; } .job-box-skladnik-olomouc .job-box-text, .job-box-skladnik-brezhrad .job-box-text, .job-box-skladnik-klecany .job-box-text { right:119px; } .job-box-skladnik-olomouc .job-box-container , .job-box-skladnik-brezhrad .job-box-container, .job-box-skladnik-klecany .job-box-container { padding-right:0; } } @media (min-width:980px) { .job-box-item { width:200px; } .job-box-text { right:153px; width:256px; } .job-box-text-content { padding:20px 20px; } .job-box-person-image { margin-top:138px; } .job-box-pekar .job-box-person-image { margin-top:118px; } .job-box-reznik .job-box-person-image { margin-top:138px; } .job-box-skladnik-olomouc .job-box-person-image, .job-box-skladnik-brezhrad .job-box-person-image { margin-top:180px; } .job-box-skladnik-klecany .job-box-person-image { margin-top:261px; } .job-box-brigadnik .job-box-person-image { margin-top:78px; } .job-box-skladnik-olomouc .job-box-header , .job-box-skladnik-brezhrad .job-box-header , .job-box-skladnik-klecany .job-box-header { top: 50px; width: 374px; left: 37px; } .job-box-brigadnik .job-box-header { top:221px; width:434px; } .job-box-pekar .job-box-header { top:96px; width:404px; left:-10px; } .job-box-reznik .job-box-header { top:60px; width:404px; left:26px; } .job-box-header { width:444px; top:30px; left:-24px; } .job-box-logo { bottom:150px; right:30px; } .job-box-title { font-size:40px; line-height:45px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-subtitle { font-size:20px; line-height:22px; color:#ffffff; text-transform: uppercase; font-family: "FutureCEBold"; margin:0; } .job-box-perex { font-size:16px; line-height:20px; color:#231e22; text-transform: uppercase; font-family: "FutureCEBold"; margin-top:30px; margin-bottom:20px; } .job-box-body { font-size:16px; line-height:20px; color:#231e22; //text-transform: uppercase; } .job-box-body em { font-size:16px; line-height:20px; color:#231e22; text-transform: uppercase; font-style:normal; } .job-section #general-feedback-form label > em { min-height:30px; display:inline-block; } .job-box-reznik .job-box-text { right:136px; } .job-box-reznik .job-box-container { padding-right:0; } .job-box-skladnik-olomouc .job-box-text, .job-box-skladnik-brezhrad .job-box-text, .job-box-skladnik-klecany .job-box-text { right:147px; } .job-box-skladnik-olomouc .job-box-container , .job-box-skladnik-brezhrad .job-box-container, .job-box-skladnik-klecany .job-box-container { padding-right:0; } } @media (min-width:1180px) { .job-box-container { padding:39px 20px 0 39px; position:relative; } .job-box-header { top:190px; left:26px; width:494px; } .job-box-pekar .job-box-person-image { margin-top:-6px; } .job-box-reznik .job-box-person-image { margin-top:-26px; } .job-box-brigadnik .job-box-person-image { margin-top:-26px; } .job-box-prodavac .job-box-person-image { margin-top:-6px; } .job-box-skladnik-olomouc .job-box-person-image, .job-box-skladnik-brezhrad .job-box-person-image { margin-top:58px; } .job-box-skladnik-klecany .job-box-person-image { margin-top:67px; } .job-box-skladnik-brezhrad .job-box-person-image { margin-top:18px; } .job-box-skladnik-olomouc .job-box-header , .job-box-skladnik-brezhrad .job-box-header, .job-box-skladnik-klecany .job-box-header { top:248px; width:504px; left:42px; } .job-box-prodavac .job-box-header { top:240px; } .job-box-skladnik-klecany .job-box-header { top:259px; } .job-box-skladnik-brezhrad .job-box-header { top:210px; } .job-box-pekar .job-box-header { top:250px; width:504px; left:-4px; } .job-box-brigadnik .job-box-header { top:223px; width:504px; left:19px; } .job-box-reznik .job-box-header { top:244px; left:45px; width:494px; } .job-box-text { right:191px; width:320px; } .job-box-reznik .job-box-text { bottom:-20px; } .job-box-skladnik-klecany .job-box-text { bottom:-50px; } .job-box-logo { bottom:240px; right:30px; } .job-box-item { width:250px; } .job-box-person-image { margin-top:0; } .job-section #general-feedback-form label > em { min-height:30px; display:inline-block; } .job-box-reznik .job-box-image-wrap { position:relative; } .job-box-reznik .job-box-text { right:169px; } .job-box-reznik .job-box-container { padding-right:0; } .job-box-skladnik-olomouc .job-box-container , .job-box-skladnik-brezhrad .job-box-container, .job-box-skladnik-klecany .job-box-container { padding-right:0; } .job-box-skladnik-olomouc .job-box-text, .job-box-skladnik-brezhrad .job-box-text, .job-box-skladnik-klecany .job-box-text { right:185px; } } body.job-section { background-position:center bottom!important; } body.job-section h1.h-area { color:#ffffff; } body.job-section .header-decoration span:after, body.job-section .header-decoration span:before { background-color:#ffffff; } body.job-section.brigadnik { background: fixed url('/-a92378---V8pgDJjx/prodavac-page') no-repeat center bottom!important; } body.job-section.skladnik-olomouc, body.job-section.skladnik-brezhrad, body.job-section.skladnik-klecany { background:fixed url('/-a92381---_61oY4Tj/skladnik-page') no-repeat center bottom!important; } body.job-section.reznik { //background:fixed url('/-a92380---p04zNZ8d/reznik-page') no-repeat center bottom!important; background: fixed url('/-a92378---V8pgDJjx/prodavac-page') no-repeat center bottom!important; } body.job-section.pekar { background:fixed url('/-a92379---XrFLkRsU/pekar-page') no-repeat center bottom!important; } .ms-outdoor .main-content { background:#2d3b0f url('/-a95503---XcU1I7jG/bg-teaser-m') no-repeat center top!important; background-size:100%!important;; margin-top:44px; //margin-bottom:30px; } body.ms-outdoor .main-frame-container { font-family:"TradeGothicLTPro"; line-height:18px; color:#000000; } @media (max-width: 319px) { #page { width: 100%; } } @media (min-width: 1200px) { .ms-outdoor .main-content { background:#ffffff url('/-a95502---WCv3-PBr/bg-teaser') no-repeat center top!important; background-size:initial!important; } } .ms-outdoor .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor .container-extended { max-width:1260px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor .main-frame-container { //margin-top:44px; } .ms-outdoor .main-content { padding-top:70%; } @media screen and (min-width: 1200px) { .ms-outdoor .main-content { padding-top:757px; } } .ms-outdoor .ms-button { opacity:1; transition:opacity 0.3s ease-in-out; border:none; cursor:pointer; font-family:"TradeGothicLTProBC20"; margin:0; } .ms-outdoor .ms-button > span { white-space:nowrap; line-height:1; font-size:17px; color:#ffffff; text-transform:uppercase; padding: 6px 17px 4px; display:inline-block; } .ms-outdoor .ms-button-wide { width:100%; } .ms-outdoor .ms-button-large > span { font-size:25px; padding: 15px 17px 7px; } .ms-outdoor .ms-button-small { } .ms-outdoor .ms-button-green, .ms-outdoor .ms-button-green:active, .ms-outdoor .button-green:hover { background-color:#7dae2f!important;; } .ms-outdoor .ms-button:hover { opacity:0.95; transition:opacity 0.3s ease-in-out; } @media(min-width:768px) { .ms-outdoor .ms-button-wide { width:Auto; } } @media (max-width:768px) { .ms-outdoor .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } } .ms-outdoor .main-frame-container h1 { font-size:24px; line-height:30px; font-family:"TradeGothicLTProBC20"; color:#ffffff; padding-top:10px; padding-bottom:16px; margin:0; text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-outdoor .main-frame-container h2 { font-family:"FutureCEBold"; font-size:17px; line-height:21px; color:#ffffff; padding-top:7px; padding-bottom:0px; margin:0; text-transform:uppercase; text-shadow: 0 6px 10px rgba(0,0,0,0.9); } @media (min-width:768px) { .ms-outdoor .main-frame-container h1 { font-size:34px; line-height:38px; font-family:"TradeGothicLTProBC20"; color:#ffffff; padding-top:10px; padding-bottom:0px; margin:0; } .ms-outdoor .main-frame-container h2 { font-family:"FutureCEBold"; font-size:17px; line-height:21px; color:#ffffff; padding-top:7px; padding-bottom:13px; margin:0; } } .ms-outdoor .newsletter { padding-bottom:40px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"] { width:100%; height:50px; line-height:1; padding: 0 15px 0; background-color:#ffffff; border:5px solid #7dae2f; color:#7dae2f; font-size:17px; text-transform:uppercase; font-family:"TradeGothicLTProBC20"; line-height:40px; vertical-align:middle; outline: none; display:block; text-transform:inherit; } .ms-outdoor #ms-outdoor-newsletter #podminky { transform:scale(1.2); } .ms-outdoor #ms-outdoor-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor .newsletter-content { padding-top:0; } .ms-outdoor #ms-outdoor-newsletter .consent { font-size:12px; line-height:14px; padding-top:10px; text-transform:uppercase; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-shadow: 0 6px 10px rgba(0,0,0,0.9); width: 90%; display: inline-block; padding-left: 5px; } .ms-outdoor #ms-outdoor-newsletter .consent a { color:#ffffff; text-decoratiomn:underline; } .ms-outdoor #ms-newsletter-wrap { width:100%; margin-bottom:20px; margin-top:20px; } .ms-outdoor .newsletter-left, .ms-outdoor .newsletter-right { width:100%; } .ms-outdoor .box-competition { margin-bottom:11px; } .ms-outdoor #ms-outdoor-newsletter .ms-button { height:50px; margin-top:20px; } .ms-outdoor #ms-outdoor-newsletter .ms-button > span { font-size:17px; } .ms-outdoor #ms-newsletter-wrap h4 { margin-bottom:14px; font-size:17px; line-height:21px; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; font-weight:bold; padding-top:30px text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-outdoor #ms-newsletter-wrap .validation-success { font-size:15px; line-height:18px; color:#ffda00; text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-outdoor #ms-outdoor-newsletter #podminky { float:left; margin-top:10px; } @media (min-width:770px) { .ms-outdoor .newsletter { padding-bottom:54px; } .ms-outdoor .newsletter-content { padding-top:21px; } .ms-outdoor .newsletter-form-left, .ms-outdoor .newsletter-form-right { float:left; } .ms-outdoor .newsletter-form-left { width:542px; } .ms-outdoor .newsletter-form-right{ width:161px; } .ms-outdoor #ms-outdoor-newsletter #podminky { margin-left:72px; } .ms-outdoor #ms-outdoor-newsletter .consent { width: 80%; } .ms-outdoor #ms-newsletter-wrap { width:718px; margin:0 auto 9px; } .ms-outdoor #ms-outdoor-newsletter .ms-button { height:62px; margin-top:0; } .ms-outdoor #ms-outdoor-newsletter .ms-button >span { font-size:25px; padding: 10px 28px 7px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"] { height: 62px; padding: 0 15px; font-size: 25px; line-height: 44px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:25px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size:25px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-size:25px; } .ms-outdoor #ms-outdoor-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size:25px; } .ms-outdoor #ms-outdoor-newsletter .consent { font-size:15px; line-height:18px; } } @media (min-width:1160px) { .ms-outdoor .newsletter-form-left { width:542px; } .ms-outdoor .newsletter-form-right{ width:163px; } .ms-outdoor #ms-outdoor-newsletter #podminky { margin-left:72px; } .ms-outdoor #ms-outdoor-newsletter .consent { width: 80%; } } .ms-outdoor #ms-outdoor-newsletter.subscription-form .mkt_email2 { font-size: 17px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 6px; //padding-top:5px!important; color:#ffda00; } .ms-outdoor #ms-outdoor-newsletter #email-error, .ms-outdoor #ms-outdoor-newsletter #mkt_suggestion, .ms-outdoor #ms-outdoor-newsletter #agreement-error { padding:10px; display:inline-block; color:#ffffff; font-size:18px; } .ms-outdoor #ms-outdoor-newsletter #email-error, .ms-outdoor .validation-error { color:#ffda00; } .ms-outdoor #ms-outdoor-newsletter #agreement-error { color:#ffda00; padding:8px 0 0 10px; } .ms-outdoor #ms-outdoor-newsletter #mkt_suggestion .suggestion { color:#ffda00; } .ms-outdoor .box-separator { background: url('/-a95791---b90kwX1k/bg-wood') no-repeat center top; height:100px; } @media (min-width:768px) { .ms-outdoor #ms-outdoor-newsletter.subscription-form .mkt_email2 { font-size: 25px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 10px; //margin-left:17px; padding-top:9px!important; color:#ffda00; } } body.ms-outdoor-2 { overflow-x:hidden; background:url('/-a95739---5AI_E9yZ/bg-mobile') no-repeat left top!important; } body.ms-outdoor-2 .main-frame-container { font-family:"TradeGothicLTPro"; line-height:18px; color:#000000; } @media screen and (max-width: 319px) { #page { width: 100%; } } @media (min-width:650px) { body.ms-outdoor-2 { overflow-x:hidden; background:url('/-a95716---nb1MoS1s/bg') no-repeat center top!important; } } .ms-outdoor-2 .main-frame-container h2 { font-size:36px; line-height:36px; color:#ffffff; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:0px; font-family: "FutureCEBold"; position:relative; z-index:10; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h3, .ms-outdoor-2 h3 { font-family: "FutureCEBold"; font-size:17px; line-height:29px; color:#ffffff; margin-top:20px; margin-bottom:0; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h3.h3-medium, .ms-outdoor-2 h3.h3-medium { font-family: "FutureCEBold"; font-size:17px; line-height:29px; color:#ffffff; margin-top:10px; margin-bottom:10px; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h3.h3-small, .ms-outdoor-2 h3.h3-small { font-family: "FutureCEBold"; font-size:16px; line-height:20px; color:#ffffff; margin-top:10px; margin-bottom:10px; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h4 { font-family: "FutureCEBold"; font-size:24px; line-height:29px; color:#ffffff; text-transform:inherit; padding-top:21px; margin-bottom:20px; text-transform:uppercase; margin-top:0; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h5 { font-family:"TradeGothicLTProBC20"; font-size:20px; line-height:25px; color:#1d702c; text-transform:inherit; padding-top:21px; margin-bottom:20px; text-transform:uppercase; margin-top:0; } .ms-outdoor-2 .text-small { font-family:"TradeGothicLTPro"; font-size:14px; line-height:18px; color:#000000; } .ms-outdoor-2 .text-large { font-family:"TradeGothicLTPro"; font-size:18px; line-height:24px; color:#000000; } .ms-outdoor-2 .main-frame-container h2.h2-subtitle span, .ms-outdoor-2 .main-frame-container h2.h2-subtitle-big span { display:block; font-size:15px; line-height:17px; color:#ffffff; padding-top:0; padding-bottom:0; font-family: "FutureCEBold"; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h2.h2-subtitle-big span { font-family:"TradeGothicLTProBC20"; } .ms-outdoor-2 .main-frame-container h2.h2-subtitle, .ms-outdoor-2 .main-frame-container h2.h2-subtitle-big { font-size:26px; display:block; line-height:26px; color:#ffffff; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:0; font-family: "FutureCEBold"; position:relative; z-index:10; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container .list-item ul { padding-left:18px; margin:0; } .ms-outdoor-2 .main-frame-container .list-item-letter ul { padding-left:20px; } .ms-outdoor-2 .main-frame-container .list-item-inline li { display:inline-block; } .ms-outdoor-2 .main-frame-container .list-item li { font-size:18px; line-height:24px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-outdoor-2 .main-frame-container .list-item li strong { font-family:"TradeGothicLTProBC20"; } .ms-outdoor-2 .main-frame-container .list-item-letter li { font-size:16px; line-height:25px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-outdoor-2 .main-frame-container .list-item ul li:before { display:block; content:""; position:absolute; left:-20px; top:5px; width:10px; height:10px; color:#000000; background-color:#ffffff; border-radius:5px; } .ms-outdoor-2 .main-frame-container .list-item-letter ul li:before { left:-16zpx; top:7px; width:12px; height:5px; background:url('') no-repeat center; } .ms-outdoor-2 * { box-sizing: border-box; } .ms-outdoor-2 .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-outdoor-2 .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-outdoor-2 .pulse-hover-pseudo:hover:after, .ms-outdoor-2 .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-outdoor-2 .hide-box { display:none; } .ms-outdoor-2 .u-icon { position:relative; } .ms-outdoor-2 .u-icon-after:after, .ms-outdoor-2 .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-outdoor-2 .u-icon-vertical-center:after, .ms-outdoor-2 .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-outdoor-2 .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('/-a95756---Sk6Qvuzu/button-more') no-repeat right center; } .ms-outdoor-2 .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a95729---GDoCWLPv/circle-arrow') no-repeat right center; } .ms-outdoor-2 .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-outdoor-2 .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-outdoor-2 .search-button-wrapper .button.button-blue, .ms-outdoor-2 .search-button-wrapper .button:active.button-blue, .ms-outdoor-2 .search-button-wrapper .button.button-hover-blue:hover { background:#7DAF41!important; } .ms-outdoor-2 #contacts { background-color:#7DAF41; height: 35px; line-height: 35px; padding: 0 10px; } @media (min-width:768px) { .ms-outdoor-2 .main-frame-container h2 { font-family:"FutureCEBold"; font-size:62px; line-height:73px; color:#ffffff; padding-top:71px; padding-bottom:27px; margin:0; } .ms-outdoor-2 .main-frame-container h3, .ms-outdoor-2 h3 { font-family: "FutureCEBold"; font-size:46px; line-height:50px; color:#ffffff; margin-top:38px; margin-bottom:0; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h3.h3-medium, .ms-outdoor-2 h3.h3-medium { font-family: "FutureCEBold"; font-size:41px; line-height:50px; color:#ffffff; margin-top:10px; margin-bottom:10px; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h3.h3-small, .ms-outdoor-2 h3.h3-small { font-family: "FutureCEBold"; font-size:33px; line-height:64px; color:#ffffff; margin-top:10px; margin-bottom:0px; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h4 { font-family: "FutureCEBold"; font-size:29px; line-height:51px; color:#ffffff; padding-top:0px; margin-bottom:5px; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h5 { font-size:25px; line-height301px; color:#1d702c; padding-top:0px; margin-bottom:5px; } .ms-outdoor-2 .main-frame-container h2.h2-subtitle span { display:block; font-size:46px; line-height:50px; color:#ffffff; padding-top:7px; padding-bottom:0; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h2.h2-subtitle-big span { display:block; font-size:19px; line-height:21px; margin-top:-4px; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h2.h2-subtitle-big { display:block; font-size:54px; line-height:64px; padding-bottom:4px; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .main-frame-container h2.h2-subtitle { font-size:62px; line-height:64px; color:#ffffff; margin-bottom:0; margin-top:12px; padding-top:0; padding-bottom:11px; font-family: "FutureCEBold"; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .u-icon-arrow-down:before { display:block; } .ms-outdoor-2 .content-padding, .ms-outdoor-2 .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-outdoor-2 .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:1160px) { .ms-outdoor-2 .u-icon-arrow-down:before { bottom:-127px; } .ms-outdoor-2 .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-outdoor-2 .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-outdoor-2 .ms-button { opacity:1; transition:opacity 0.3s ease-in-out; border:none; cursor:pointer; font-family:"TradeGothicLTProBC20"; margin:0; } .ms-outdoor-2 .ms-button > span { white-space:nowrap; line-height:1; font-size:17px; color:#ffffff; text-transform:uppercase; padding: 6px 17px 4px; display:inline-block; } .ms-outdoor-2 .ms-button-wide { width:100%; } .ms-outdoor-2 .ms-button-large > span { font-size:25px; padding: 15px 17px 7px; } .ms-outdoor-2 .ms-button-small { } .ms-outdoor-2 .ms-button-yellow span { display: block; background: url('/-a95796---mak36i5e/header-button-yellow-middle') repeat-x 0 0; height: 58px; line-height: 63px; font-size: 21px; text-transform: uppercase; font-family: "TradeGothicLTProBC20"; white-space: nowrap; } .ms-outdoor-2 .ms-button-yellow { position: relative; text-decoration: none; color: #1D702C; padding: 0 31px; display: inline-block; } .ms-outdoor-2 .ms-button-yellow:before, .ms-outdoor-2 .ms-button-yellow:after { position: absolute; width: 32px; height: 100%; content: ""; display: block; } .ms-outdoor-2 .ms-button-yellow:before { left: 0px; top: 0; background: url('/-a95795---7tBVmIZn/header-button-yellow-left') no-repeat 0 0; } .ms-outdoor-2 .ms-button-yellow:after { right: 0px; top: 0; background: url('/-a95797---xaExwOY0/header-button-yellow-right') no-repeat 0 0; } .ms-outdoor-2 .ms-button-green, .ms-outdoor-2 .ms-button-green:active, .ms-outdoor-2 .button-green:hover { background-color:#7dae2f!important;; } .ms-outdoor-2 .ms-button:hover { opacity:0.95; transition:opacity 0.3s ease-in-out; } @media(min-width:8408px) { .ms-outdoor-2 .ms-button-wide { width:auto; } } /*** Submenu **********************************/ .ms-outdoor-2 .header-submenu { list-style:none; padding: 10px 10px; text-align:center; background-color:#f68715; background: url('/-a95728---xrvp-bpY/bg-menu') repeat-y left top; min-height:80px; background-size:cover; } .ms-outdoor-2 .header-submenu-item { text-align:left; padding:0; } .ms-outdoor-2 .header-submenu-title { font-size: 11px; line-height: 12px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .header-submenu-link { display:none; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-outdoor-2 .header-submenu-content { margin:0 10px 0 30px; position:relative; padding-right:26px; } .ms-outdoor-2 .header-submenu-content:before { left:-29px; top:2px; transform:scale(0.6); } @media (min-width:470px) { .ms-outdoor-2 .header-submenu { background: url('/-a95728---xrvp-bpY/bg-menu') repeat-y left top; padding:20px 10px; } .ms-outdoor-2 .header-submenu-title { font-size: 18px; line-height: 22px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-outdoor-2 .header-submenu-content { margin:0 10px 0 35px; } .ms-outdoor-2 .header-submenu-content:before { left:-29px; top:5px; transform:scale(1); } .ms-outdoor-2.menu-fixed .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:10px; } .ms-outdoor-2.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-outdoor-2.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-outdoor-2.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } } @media (min-width:768px) { .ms-outdoor-2 .header-submenu-content { margin:0 10px 0 40px; position:relative; padding-right:26px; text-align:left; display:inline-block; } .ms-outdoor-2 .header-submenu-content:before { left:-29px; } .ms-outdoor-2 .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:66px; } .ms-outdoor-2 .header-submenu-title { font-size: 18px; line-height: 22px; } .ms-outdoor-2 .header-submenu-link { font-size: 14px; line-height: 16px; color:#ffffff; font-family:"TradeGothicLTProBC20"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-outdoor-2 .header-submenu-item { padding:0; text-align:center; } .ms-outdoor-2.menu-fixed .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:10px; } .ms-outdoor-2.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-outdoor-2.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-outdoor-2.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } .ms-outdoor-2.menu-fixed .header-submenu-link { font-size:15px; line-height:17px; } @media (min-width:960px) { .ms-outdoor-2 .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:80px; } } @media (min-width:1000px) { .ms-outdoor-2 .header-submenu { padding:14px 10px 15px; } .ms-outdoor-2 .header-submenu-content:before { top:9px; } .ms-outdoor-2 .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:80px; } .ms-outdoor-2 .header-submenu-title { font-size:30px; line-height:33px; } .ms-outdoor-2 .header-submenu-link { font-size:23px; line-height:26px; } } .ms-outdoor-2.menu-fixed .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:10px; } .ms-outdoor-2.menu-fixed .ms-outdoor-2 .header-submenu-title { font-size:15px!important; line-height:17px!important; } .ms-outdoor-2.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } .ms-outdoor-2.menu-fixed .header-submenu-link { font-size:15px; line-height:17px; } @media (min-width:1160px) { .ms-outdoor-2 .header-submenu-content, .ms-outdoor-2 .header-submenu-item { min-height:65px; } } } /*** Hlavni content **********************************/ .ms-outdoor-2 .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-outdoor-2 .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-outdoor-2 .padding-mobile-18 { padding-right: 18px!important; padding-left: 18px!important; } .ms-outdoor-2 .no-padding-mobile-left { padding-left:0; } .ms-outdoor-2 .no-padding-mobile-right { padding-right:0; } .ms-outdoor-2 .no-margin-mobile-left { margin-left:0; } .ms-outdoor-2 .no-margin-mobile-right { margin-right:0; } } .ms-outdoor-2 .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor-2 .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor-2 .container-1300 { max-width:1300px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor-2 .container-1600 { max-width:1600px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor-2 .container-extended { max-width:1295px; width:100%; margin:0 auto 0; position:relative; } .ms-outdoor-2 .main-frame-container { margin-top:44px; } .ms-outdoor-2 .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-outdoor-2 .icon-center { margin:0 auto; } .ms-outdoor-2 .main-frame-container { background-color:transparent; } .ms-outdoor-2 .main-frame-container .main-frame-container-page { background-color:#7eb041; //overflow:hidden; } @media (min-width:769px) { /*.ms-outdoor-2 .main-frame-container .main-frame-container-page { background:#f8fbe4 url('') repeat-y center top; }*/ } @media (min-width:1600px) { .ms-outdoor-2 .main-frame-container .container-bg { position:relative; } .ms-outdoor-2 .main-frame-container-page-left { right:100%; background:fixed url('/-a95730---cZtPnO6-/bg-left') no-repeat left top; } .ms-outdoor-2 .main-frame-container-page-right { left:100%; background:fixed url('/-a95731---VYc-slxh/bg-right') no-repeat right top; } } /*** Produkty + newsletter **********************************/ .ms-outdoor-2 .products-wrap { background:url('/-a95740---xfuPccin/bg-products') repeat-y center top; //min-height:1000px; } /*** Slider Karty **********************************/ .ms-outdoor-2 .box-inspiration { background:url('/-a95755---oBfo7JBt/bg-cards') repeat-y center top; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel, .ms-outdoor-2 .carousel-box-outdoor-card .carousel-inner, .ms-outdoor-2 .card-box-mobile .carousel-inner { overflow:visible; } .ms-outdoor-2 .card-box-mobile { margin-bottom:20px; margin-top:55px; } .ms-outdoor-2 .card-box-mobile .box-card-item { text-align:center; padding-bottom:30px; } .ms-outdoor-2 .main-frame-container .box-inspiration h3, .ms-outdoor-2 .main-frame-container .box-inspiration h2.h2-subtitle-big, .ms-outdoor-2 .main-frame-container .box-inspiration h2.h2-subtitle-big span{ color:#000000; text-shadow:none; } .ms-outdoor-2 .box-card-item-category { position: absolute; font-size: 22px; line-height: 25px; padding: 7px 58px 0 15px; color: #7dae2f; background-color: #ffffff; font-family: "TradeGothicLTProBC20"; font-weight: bold; left: 0; top: 14px; z-index: 5; text-transform: uppercase; vertical-align: middle; display: none; //height: 40px; } .ms-outdoor-2 .box-card-item-category-m { top:103px; } .ms-outdoor-2 .box-card-item-category-class { position:absolute; top:0; left:0; z-index:10; } .ms-outdoor-2 .box-card-item-image-wrap { position:relative; } .ms-outdoor-2 .box-card-item-video { width:109px; height:109px; background:url('') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-outdoor-2 .card-item-mobile-more { text-align:center; padding:30px 0 0; } .ms-outdoor-2 .card-item-mobile-more a { font-size:18px; line-height:18px; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-outdoor-2 .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-outdoor-2 .card-box-mobile .ms-outdoor-2 .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel { padding-bottom:59px; height:auto; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-wrap { max-width:1300px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control:hover { opacity:1; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control { display:inline-block; width:23px; height:50px; position:absolute; left:inherit; top:inherit; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-left { background:url('/-a95757---FtjKq4X9/controls') no-repeat 0 0; left:0px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-seperator { background:url('/-a95757---FtjKq4X9/controls') no-repeat -28px 0; right:21px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-right{ background:url('/-a95757---FtjKq4X9/controls') no-repeat right 0; right:0px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-seperator { width:18px; height:50px; position:absolute; bottom:0; } @media (min-width:470px) { .ms-outdoor-2 .box-card-item-category { display:block; } } @media (min-width:768px) { .ms-outdoor-2 .box-inspiration { padding-bottom:20px; } .ms-outdoor-2 .box-cards { padding-bottom:40px; } .ms-outdoor-2 .box-card-item-image-wrap img{ width:100%; } .ms-outdoor-2 .box-card-item-category { top:15px; } .ms-outdoor-2 .box-card-item-category-m { top:103px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel { padding-bottom:0; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-inner-wrap { overflow:hidden; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-inner { padding: 10px 20px 20px; margin-top:0px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-inner > .item { top:10px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-inner > .item.active { top:0px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-wrap { height:50px; text-align:right; bottom:-36px; } .ms-outdoor-2 .carousel-box-outdoor-card .carousel-control-inner { width:68px; margin-right:26px; } } @media (min-width:1300px) { .ms-outdoor-2 .box-cards { padding-bottom:0; } } .ms-outdoor-2 .box-card-item { background-color:#7dae2f; height:auto; position:relative; //overflow:hidden; margin-bottom:0px; } .ms-outdoor-2 .box-card-item-content { position:relative; } .ms-outdoor-2 .main-frame-container .box-card-item-content-title { font-size:24px; line-height:27px; color:#ffffff; font-family:"TradeGothicLTProBC20"; text-transform:inherit; font-weight:bold; margin:0; padding:14px 85px 4px 0; text-align:left; min-height:80px; position:relative; text-shadow:none; } .ms-outdoor-2 .main-frame-container .box-card-item-content-perex { font-size:16px; line-height:18px; color:#ffffff; font-family: "TradeGothicLTProLight"; font-weight:normal; text-align:left; margin-top:2px; } .ms-outdoor-2 .box-card-item-content-more .button { background-color:#217cc2; } .ms-outdoor-2 .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTProBC20"; font-weight:bold; padding:11px 12px 10px 14px; font-size:23px; color:#7dae2f; } .ms-outdoor-2 .box-card-item-content-more.button-large > span:after { display:none; position:relative; top:0px; } .ms-outdoor-2 .box-card-item-content-more { position:absolute; right:0; top:18px; background:#ffffff!important; color:#3e1a10!important; } .ms-outdoor-2 .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-outdoor-2 .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-outdoor-2 .box-card-item-content { padding:3px 16px 16px; min-height:190px; } .ms-outdoor-2 .box-card-item-content-more.button-large > span:after { display:none; } .ms-outdoor-2 .main-frame-container .box-card-item-content-title { height:110px; overflow:hidden; min-height:0; padding:15px 122px 4px 0; } .ms-outdoor-2 .main-frame-container .box-card-item-content-perex { height:109px; overflow: hidden; } .ms-outdoor-2 .box-card-item-content-more { position:absolute; right:0; top:18px; height:48px; } } @media (min-width:960px) { .ms-outdoor-2 .box-card-item-content-more.button-large > span:after { display:inline-block; } } @media (min-width:1140px) { .ms-outdoor-2 .main-frame-container .box-card-item-content-title { height:80px; } .ms-outdoor-2 .main-frame-container .box-card-item-content-perex { height:84px; } } @media (min-width:1300px) { .ms-outdoor-2 .box-card-item-category { min-width:291px; } } /*** Newsletter **********************************/ .ms-outdoor-2 .newsletter { padding-bottom:40px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"] { width:100%; height:50px; line-height:1; padding: 0 15px 0; background-color:#ffffff; border:5px solid #7dae2f; color:#7dae2f; font-size:17px; text-transform:uppercase; font-family:"TradeGothicLTProBC20"; line-height:40px; vertical-align:middle; outline: none; display:block; text-transform:inherit; } .ms-outdoor-2 .newsletter. #ms-outdoor-newsletter #podminky { transform:scale(1.2); } .ms-outdoor-2 .main-frame-container .newsletter h4, .ms-outdoor-2 #ms-outdoor-newsletter .consent, .ms-outdoor-2 #ms-outdoor-newsletter .consent a { color:#000000!important; text-shadow:none!important;; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-outdoor-2 .newsletter-content { padding-top:0; } .ms-outdoor-2 #ms-outdoor-newsletter .consent { font-size:12px; line-height:14px; padding-top:10px; text-transform:uppercase; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-shadow: 0 6px 10px rgba(0,0,0,0.9); width: 90%; display: inline-block; padding-left: 5px; } .ms-outdoor-2 #ms-outdoor-newsletter .consent a { color:#ffffff; text-decoratiomn:underline; } .ms-outdoor-2 #ms-newsletter-wrap { width:100%; margin-bottom:20px; margin-top:20px; } .ms-outdoor-2 .newsletter-left, .ms-outdoor-2 .newsletter-right { width:100%; } .ms-outdoor-2 #ms-outdoor-newsletter .ms-button { height:50px; margin-top:20px; } .ms-outdoor-2 #ms-outdoor-newsletter .ms-button > span { font-size:17px; } .ms-outdoor-2 #ms-newsletter-wrap h4 { margin-bottom:14px; font-size:17px; line-height:21px; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; font-weight:bold; padding-top:30px text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-outdoor-2 #ms-newsletter-wrap .validation-success { font-size:15px; line-height:18px; color:#ffda00; text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-outdoor-2 #ms-outdoor-newsletter #podminky { float:left; margin-top:10px; transform:scale(1.2); } @media (min-width:840px) { .ms-outdoor-2 .newsletter { padding-bottom:0; } .ms-outdoor-2 .newsletter-content { padding-top:30px; } .ms-outdoor-2 .newsletter-form-left, .ms-outdoor-2 .newsletter-form-right { float:left; } .ms-outdoor-2 .newsletter-form-left { width:542px; } .ms-outdoor-2 .newsletter-form-right{ width:226px; } .ms-outdoor-2 #ms-outdoor-newsletter #podminky { margin-left:72px; } .ms-outdoor-2 #ms-outdoor-newsletter .consent { width: 80%; } .ms-outdoor-2 #ms-newsletter-wrap { width:762px; margin:0 auto 9px; } .ms-outdoor-2 #ms-outdoor-newsletter .ms-button { height:68px; margin-top:0; width:button; } .ms-outdoor-2 #ms-outdoor-newsletter .ms-button >span { font-size:27px; padding: 10px 5px 7px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"] { height: 68px; padding: 0 15px; font-size: 23px; line-height: 44px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:25px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size:25px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-size:25px; } .ms-outdoor-2 #ms-outdoor-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size:25px; } .ms-outdoor-2 #ms-outdoor-newsletter .consent { font-size:16px; line-height:20px; } } @media (min-width:1160px) { .ms-outdoor-2 .newsletter-form-left { width:530px; } .ms-outdoor-2 .newsletter-form-right{ width:226px; } .ms-outdoor-2 #ms-outdoor-newsletter #podminky { margin-left:72px; } .ms-outdoor-2 #ms-outdoor-newsletter .consent { width: 80%; } } .ms-outdoor-2 #ms-outdoor-newsletter.subscription-form .mkt_email2 { font-size: 17px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 6px; //padding-top:5px!important; color:#ffda00; } .ms-outdoor-2 #ms-outdoor-newsletter #email-error, .ms-outdoor-2 #ms-outdoor-newsletter #mkt_suggestion, .ms-outdoor-2 #ms-outdoor-newsletter #agreement-error { padding:10px; display:inline-block; color:#ffffff; font-size:18px; } .ms-outdoor-2 #ms-outdoor-newsletter #email-error, .ms-outdoor-2 .validation-error { color:#ffda00; } .ms-outdoor-2 #ms-outdoor-newsletter #agreement-error { color:#ffda00; padding:8px 0 0 10px; } .ms-outdoor-2 #ms-outdoor-newsletter #mkt_suggestion .suggestion { color:#ffda00; } @media (min-width:768px) { .ms-outdoor-2 #ms-outdoor-newsletter.subscription-form .mkt_email2 { font-size: 23px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 10px; //margin-left:17px; padding-top:12px!important; color:#ffda00; } } /*** Soutez **********************************/ .ms-outdoor-2 .box-competition-row { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; } .ms-outdoor-2 .box-competition-left-content { text-align:center; } .ms-outdoor-2 .box-competition-right-content { text-align:center; } .ms-outdoor-2 .box-competition-text-1 { font-size:20px; line-height:22px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-2 { font-size:20px; line-height:22px; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-3 { font-size:19px; line-height:22px; font-family: "TradeGothicLTProBC20"; color:#ffffff; } .ms-outdoor-2 .box-competition-body { font-size:14px; line-height:16px; font-family: "TradeGothicLTProBC20"; margin-top:10px; color:#ffffff; } .ms-outdoor-2 .box-competition-body p { margin-bottom:5px; } .ms-outdoor-2 .box-competition-body strong { color:#000000; background-color:#ffffff; padding: 3px 3px 0px; } .ms-outdoor-2 .box-competition-left-content { padding:15px; } .ms-outdoor-2 .box-competition-button { transform:scale(0.6); } @media (min-width:516px) { .ms-outdoor-2 .box-competition-text-1 { font-size:20px; line-height:22px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-2 { font-size:20px; line-height:22px; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-3 { font-size:19px; line-height:22px; font-family: "TradeGothicLTProBC20"; color:#ffffff; } .ms-outdoor-2 .box-competition-body { font-size:19px; line-height:22px; font-family: "TradeGothicLTProBC20"; margin-top:20px; color:#ffffff; } .ms-outdoor-2 .box-competition-button { transform:scale(1); } .ms-outdoor-2 .box-competition-body p { margin-bottom:20px; } } @media (min-width:612px) { .ms-outdoor-2 .box-competition-text-1 { font-size:28px; line-height:32px; text-transform:uppercase; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-2 { font-size:32px; line-height:35px; font-family: "FutureCEBold"; color:#ffffff; } .ms-outdoor-2 .box-competition-text-3 { font-size:25px; line-height:30px; font-family: "TradeGothicLTProBC20"; color:#ffffff; } .ms-outdoor-2 .box-competition-body { font-size:20px; line-height:25px; font-family: "TradeGothicLTProBC20"; margin-top:20px; color:#ffffff; } .ms-outdoor-2 .box-competition-left-content { padding:30px 17px 10px 0px; } .ms-outdoor-2 .box-competition-right-content { padding:30px 17px 10px 0px; } } @media (min-width:768px) { .ms-outdoor-2 .box-competition-left, .ms-outdoor-2 .box-competition-right { position:absolute; top:0; bottom:0; z-index:2; } .ms-outdoor-2 .box-competition-row { overflow:hidden; } .ms-outdoor-2 .box-competition-left { width:50%; left:0; } .ms-outdoor-2 .box-competition-right { width:50%; left:50%; } .ms-outdoor-2 .box-competition-right img { position:absolute; bottom:0; left:0; } .ms-outdoor-2 .box-competition-right-content { text-align:left; } .ms-outdoor-2 .box-competition-text-1 { font-size:30px; line-height:32px; } .ms-outdoor-2 .box-competition-text-2 { font-size:35px; line-height:40px; } .ms-outdoor-2 .box-competition-text-3 { font-size:28px; line-height:30px; } .ms-outdoor-2 .box-competition-left-content { padding:40px 17px 10px 20px; } .ms-outdoor-2 .box-competition-body { font-size:20px; line-height:25px; font-family: "TradeGothicLTProBC20"; margin-top:30px; } } @media (min-width:1070px) { .ms-outdoor-2 .box-competition-text-1 { font-size:45px; line-height:50px; } .ms-outdoor-2 .box-competition-text-2 { font-size:80px; line-height:87px; } .ms-outdoor-2 .box-competition-text-3 { font-size:40px; line-height:42px; } .ms-outdoor-2 .box-competition-body { font-size:28px; line-height:32px; font-family: "TradeGothicLTProBC20"; margin-top:20px; } } @media (min-width:1600px) { .ms-outdoor-2 .box-competition-left { width:975px; left:0; } .ms-outdoor-2 .box-competition-right { width:700px; left:875px; } .ms-outdoor-2 .box-competition-left-content { padding:179px 17px 10px 69px; } .ms-outdoor-2 .box-competition-right-content { padding:161px 17px 10px 69px; } .ms-outdoor-2 .box-competition-text-1 { font-size:49px; line-height:50px; } .ms-outdoor-2 .box-competition-text-2 { font-size:87px; line-height:106px; } .ms-outdoor-2 .box-competition-text-3 { font-size:42px; line-height:42px; } .ms-outdoor-2 .box-competition-body, .ms-outdoor-2 .box-competition-body p { margin-top:95px; font-size: 29px; line-height: 40px; margin-bottom:0; } .ms-outdoor-2 .box-competition-body { margin-bottom:30px; } } .ms-outdoor-2 .box-instagram-vyherci { margin:25px 0; } .ms-outdoor-2 .box-instagram-item { margin-bottom:20px; } @media (min-width:768px) { .ms-outdoor-2 .box-instagram-vyherci { margin:40px 0; } .ms-outdoor-2 .box-instagram-item { margin-bottom:0px; } } /*** Karta **********************************/ .ms-outdoor-2 .box-game-card { overflow:hidden; min-height:650px; position:relative; } .ms-outdoor-2 .box-game-card .box-game-card-left { position:relative; margin-top:150px; } .ms-outdoor-2 .box-game-card .box-game-card-button { position:absolute; z-index:2; bottom:20%; right:87px; transform:scale(0.7); } .ms-outdoor-2 .box-game-card .box-game-card-button span { line-height:21px; font-size:21px; text-align:center; } .ms-outdoor-2 .box-game-card .box-game-card-button span { padding:8px 3px 5px; } .ms-outdoor-2 .box-game-card .box-game-card-title { font-size:30px; line-height:35px; color:#7daf41; font-family: "FutureCEBold"; text-transform:uppercase; margin-bottom:18px; } .ms-outdoor-2 .box-game-card .box-game-card-text-content { padding:10px 10px 50px; text-align:center; } .ms-outdoor-2 .box-game-card .box-game-card-body, .ms-outdoor-2 .box-game-card .box-game-card-body p { font-size:25px; line-height:40px; color:#000000; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; margin-top:23px; letter-spacing:-0.5px; } .ms-outdoor-2 .box-game-card .box-game-card-body p{ margin-top:9px; margin-bottom:0; } .ms-outdoor-2 .box-game-card .box-game-card-body p:first-child { margin:0; } .ms-outdoor-2 .box-game-card .box-game-card-perex { font-size:18px; line-height:20px; color:#000000; font-weight:bold; font-family:"TradeGothicLTPro"; } .ms-outdoor-2 .box-game-card .box-game-card-perex2 h5, .ms-outdoor-2 .box-game-card .box-game-card-perex2 { font-size:16px; line-height:18px; padding-top:20px; } .ms-outdoor-2 .box-game-card .box-game-card-text-button { position:absolute; top:100%; margin-top:-31px; left:0; right:0; text-align:center; } .ms-outdoor-2 .box-game-card .box-game-card-text-button-link { font-size:25px; transform:scale(0.7) } .ms-outdoor-2 .box-game-card .box-game-card-text { width:90%; background:url('/-a95826---bFKP7KQW/bg-paper') repeat center top; min-height:352px; position:relative; margin-left:13px; } .ms-outdoor-2 .box-game-card .box-game-card-text:after { content:""; display:block; position:absolute; left:100%; z-index:2; width:372px; height:480px; top:100px; margin-left:-67px; background:url('/-a95825---3pA58buP/hand-right') repeat-y center top; } .ms-outdoor-2 .box-game-card .box-game-card-card { width:50%; } @media (min-width:660px) { .ms-outdoor-2 .box-game-card .box-game-card-button { bottom:50%; transform:scale(1); } .ms-outdoor-2 .box-game-card .box-game-card-text-button-link { transform:scale(1); } } @media (min-width:900px) { .ms-outdoor-2 .box-game-card .box-game-card-text { width:68%; margin-top:113px; } .ms-outdoor-2 .box-game-card .box-game-card-left, .box-game-card .box-game-card-right { position:absolute; bottom:0; } .ms-outdoor-2 .box-game-card .box-game-card-left { left:0; right:0; width:30%; } .ms-outdoor-2 .box-game-card .box-game-card-right { right:0; width:70%; margin-left:30px; bottom:43px; } .ms-outdoor-2 .box-game-card .box-game-card-text-content { padding:29px 25px 50px; text-align:center; } .ms-outdoor-2 .box-game-card .box-game-card-title { font-size:25px; line-height:30px; color:#7daf41; font-family: "FutureCEBold"; text-transform:uppercase; margin-bottom:18px; } .ms-outdoor-2 .box-game-card .box-game-card-body, .ms-outdoor-2 .box-game-card .box-game-card-body p { font-size:20px; line-height:25px; color:#000000; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; margin-top:23px; letter-spacing:-0.5px; } .ms-outdoor-2 .box-game-card .box-game-card-button { right:0; bottom:20px; } .ms-outdoor-2 .box-game-card .box-game-card-card { width:100%; } } @media (min-width:1600px) { .ms-outdoor-2 .box-game-card .box-game-card { min-height:620px; } .ms-outdoor-2 .box-game-card .box-game-card-title { font-size:41px; line-height:54px; color:#7daf41; margin-bottom:18px; } .ms-outdoor-2 .box-game-card .box-game-card-body, .ms-outdoor-2 .box-game-card .box-game-card-body p { font-size:29px; line-height:37px; color:#000000; margin-top:23px; letter-spacing:-0.5px; } .ms-outdoor-2 .box-game-card .box-game-card-body p{ margin-top:9px; margin-bottom:0; } .ms-outdoor-2 .box-game-card .box-game-card-body p:first-child { margin:0; } .ms-outdoor-2 .box-game-card .box-game-card-perex { font-size:18px; line-height:20px; } .ms-outdoor-2 .box-game-card .box-game-card-perex2 h5, .ms-outdoor-2 .box-game-card .box-game-card-perex2 { font-size:16px; line-height:18px; padding-top:20px; } .ms-outdoor-2 .box-game-card .box-game-card-left { width:577px; } .ms-outdoor-2 .box-game-card .box-game-card-right { width:1012px; margin-left:588px; bottom:100px; } .ms-outdoor-2 .box-game-card .box-game-card-text { width:694px; background:url('/-a95826---bFKP7KQW/bg-paper') repeat-y center top; min-height:352px; position:relative; margin-top:113px; margin-left:13px; } .ms-outdoor-2 .box-game-card .box-game-card-button { bottom:72px; right:87px; transform:scale(1.2); } .ms-outdoor-2 .box-game-card .box-game-card-button span { line-height:21px; font-size:21px; } .ms-outdoor-2 .box-game-card .box-game-card-text-button-link { transform:scale(1.2); } } /*** Produkty **********************************/ .ms-outdoor-2 .box-products-logo { padding-top:24px; } .ms-outdoor-2 .box-products-logo span { display:block; } .ms-outdoor-2 .box-products-text, .ms-outdoor-2 .box-products-text p { //color:#ffffff; //text-shadow: 0 3px 8px rgba(0,0,0,0.9); font-family: 'TradeGothicLTProBC20'; font-size:28px; line-height:28px; color:#2a7023; } .ms-outdoor-2 .box-products-text-content { background-color:#FFF; padding:20px; box-shadow:0px 4px 18px rgba(19,17,21,0.75); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.75); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.75); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.75); } .ms-outdoor-2 .box-products-logo-left, .ms-outdoor-2 .box-products-logo-right { width:50%; float:left; } .ms-outdoor-2 .box-products-logo-left { text-align:right; } .ms-outdoor-2 .box-products-logo-right { text-align:left; } .ms-outdoor-2 .box-products-logo-right span { margin-left:15%; } .ms-outdoor-2 .box-products-logo-left span { margin-right:12%; } .ms-outdoor-2 .box-products-logo span { display:inline-block; vertical-align:top; } .ms-outdoor-2 .box-products-wrap { min-height:1320px; position:relative; } .ms-outdoor-2 .box-products-item { position:absolute; right:0; top:0; cursor:pointer; } .ms-outdoor-2 .box-products-body { text-align:center; margin-bottom:20px; } .ms-outdoor-2 .box-products-body .box-products-body-text { background:url('/-a95826---bFKP7KQW/bg-paper') repeat left top; } .ms-outdoor-2 .box-products-body-text { display:inline-block; padding:15px; background-color:#ffffff; } .ms-outdoor-2 .box-products-item { transform:scale(1); transition: transform 0.2s ease-in-out; } .ms-outdoor-2 .box-products-item:hover { transform:scale(1.03); transition: transform 0.2s ease-in-out; } .ms-outdoor-2 .box-products-image { position:absolute; bottom:0; left:0; } .ms-outdoor-2 .box-products .box-products-item-info { position:absolute; left:0; right:0; bottom:46%; z-index:100; text-align:center; transform:scale(0.7); } .ms-outdoor-2 .box-products .box-products-item-info-content { background-color:#ffffff; font-family:"TradeGothicLTProBC20"; height:30px; line-height:30px; display:inline-block; padding:0 3px; white-space:nowrap; } .ms-outdoor-2 .box-products .box-products-item-info .points { font-size:24px; line-height:30px; white-space:nowrap; color:#000000; text-transform:uppercase; } .ms-outdoor-2 .box-products .box-products-item-info .price { font-size:24px; line-height:30px;; white-space:nowrap; color:#e40000; } .ms-outdoor-2 .box-products-item-extra .box-products-image { position:static; } .ms-outdoor-2 .box-products-wrap { min-height:1639px; } .ms-outdoor-2 .box-products .box-products-image { max-width:100%; } .ms-outdoor-2 .box-products .box-products-image2 { max-width:100%; } .ms-outdoor-2 .box-products-item { width:50%; } .ms-outdoor-2 .box-products .box-products-item-extra .box-products-image, .ms-outdoor-2 .box-products .box-products-item-extra.box-products-item { width:auto; max-width:100%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:0%; top:5%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:69%; left:11%; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:0%; top:17%; z-index:3; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:72%; left:44%; width:44%; } .ms-outdoor-2 .box-products-item-detska-celovka { right:2%; top:10%; z-index:2; left:inherit; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:51%; left:7%; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:0%; top:22%; z-index:4; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:59%; left:10%; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:2%; top:30%; z-index:5; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:71%; left:45%; width:43%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:-19%; top:44%; z-index:5; width:80%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:70%; left:10%; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:0%; left:inherit; top:34%; z-index:5; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:73%; left:1%; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:-4%; top:51%; z-index:5; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:60%; left:10%; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:2%; top:60%; width:70%; z-index:5; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:59%; left:9%; width:80%; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:5%; top:78%; z-index:8; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:5%; top:70%; z-index:7; } @media (min-width:400px) { .ms-outdoor-2 .box-products-item { width:40%; } .ms-outdoor-2 .box-products .box-products-item-extra .box-products-image, .ms-outdoor-2 .box-products .box-products-item-extra.box-products-item { width:auto; } .ms-outdoor-2 .box-products .box-products-item-info { transform:scale(0.9); } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:0%; top:5%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:69%; left:11%; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:0%; top:21%; z-index:3; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:72%; left:44%; width:44%; } .ms-outdoor-2 .box-products-item-detska-celovka { right:2%; top:10%; z-index:2; left:inherit; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:51%; left:7%; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:0%; top:26%; z-index:4; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:59%; left:10%; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:2%; top:36%; z-index:5; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:71%; left:45%; width:43%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:-19%; top:48%; z-index:5; width:80%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:70%; left:10%; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:0%; left:inherit; top:39%; z-index:5; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:73%; left:1%; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:-4%; top:58%; z-index:5; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:60%; left:10%; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:2%; top:68%; width:70%; z-index:5; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:59%; left:9%; width:90%; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:5%; top:88%; z-index:8; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:5%; top:77%; z-index:7; } .ms-outdoor-2 .box-products .box-products-item-kempingovy-pribor .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-baterka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-celovka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-0-5l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-nerez-1-l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingove-nadobi .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingova-deka .box-products-item-info { bottom:50%; } .ms-outdoor-2 .box-products .box-products-item-detsky-turisticky-batoh .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-turisticky-batoh .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-x .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-detsky-spaci-pytel .box-products-item-info { bottom:100%; } } @media (min-width:593px) { .ms-outdoor-2 .box-products-wrap { min-height:1600px; } .ms-outdoor-2 .box-products-wrap { min-height:1745px; } .ms-outdoor-2 .box-products-item { width:auto; } .ms-outdoor-2 .box-products .box-products-image { width:50%; } .ms-outdoor-2 .box-products .box-products-image2 { width:60%; } .ms-outdoor-2 .box-products .box-products-item-extra .box-products-image { width:80%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:0%; top:136px; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:69%; left:11%; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:21%; top:225px; z-index:3; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:72%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-detska-celovka { right:-20%; top:165px; z-index:2; left:inherit; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:51%; left:7%; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:-22%; top:353px; z-index:4; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:59%; left:10%; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:2%; top:570px; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:71%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:-3%; top:764px; z-index:6; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:70%; left:10%; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:-15%; left:inherit; top:606px; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:73%; left:7%; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:-21%; top:879px; z-index:5; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:60%; left:10%; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:2%; top:1049px; z-index:3; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:59%; left:9%; width:40%; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:5%; top:1514px; z-index:8; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:5%; top:1238px; z-index:7; } .ms-outdoor-2 .box-products .box-products-item-kempingovy-pribor .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-baterka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-celovka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-0-5l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-nerez-1-l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingove-nadobi .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingova-deka .box-products-item-info { bottom:50%; } .ms-outdoor-2 .box-products .box-products-item-detsky-turisticky-batoh .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-turisticky-batoh .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-x .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-detsky-spaci-pytel .box-products-item-info { bottom:100%; } } @media (min-width:760px) { .ms-outdoor-2 .box-products .box-products-item-info { transform:scale(1); } .ms-outdoor-2 .box-products-wrap { min-height:1745px; } .ms-outdoor-2 .box-products .box-products-image { width:50%; } .ms-outdoor-2 .box-products .box-products-image2 { width:60%; } .ms-outdoor-2 .box-products .box-products-item-extra .box-products-image { width:80%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:9%; top:136px; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:69%; left:11%; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:26%; top:225px; z-index:3; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:72%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-detska-celovka { right:inherit; left:51%; top:165px; z-index:2; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:51%; left:7%; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:-12%; top:353px; z-index:4; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:59%; left:10%; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:2%; top:570px; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:71%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:17%; top:764px; z-index:6; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:70%; left:10%; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:inherit; left:50%; top:606px; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:73%; left:7%; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:-4%; top:879px; z-index:5; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:60%; left:10%; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:2%; top:1049px; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:59%; left:9%; width:40%; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:35%; top:1334px; z-index:8; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:35%; top:1098px; z-index:7; } .ms-outdoor-2 .box-products .box-products-item-kempingovy-pribor .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-baterka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-detska-celovka .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-0-5l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-termoska-nerez-1-l .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingove-nadobi .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-kempingova-deka .box-products-item-info { bottom:60%; } .ms-outdoor-2 .box-products .box-products-item-detsky-turisticky-batoh .box-products-item-info { bottom:100%; } .ms-outdoor-2 .box-products .box-products-item-turisticky-batoh .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-x .box-products-item-info { bottom:100%; }.ms-outdoor-2 .box-products .box-products-item-detsky-spaci-pytel .box-products-item-info { bottom:100%; } } @media (min-width:1060px) { .ms-outdoor-2 .box-products .box-products-image { width:50%; } .ms-outdoor-2 .box-products .box-products-image2 { width:60%; } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:9%; top:136px; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:69%; left:11%; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:26%; top:225px; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:72%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-detska-celovka { right:inherit; left:51%; top:165px; z-index:2; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:51%; left:7%; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:-4%; top:353px; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:59%; left:10%; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:2%; top:570px; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:71%; left:24%; width:30%; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:17%; top:764px; z-index:2; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:70%; left:10%; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:inherit; left:50%; top:646px; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:73%; left:7%; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:-4%; top:879px; z-index:3; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:60%; left:10%; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:2%; top:1049px; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:59%; left:9%; width:40%; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:35%; top:1334px; z-index:8; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:35%; top:1098px; z-index:7; } } @media (min-width:1540px) { .ms-outdoor-2 .box-products .box-products-image, .ms-outdoor-2 .box-products .box-products-image2, .ms-outdoor-2 .box-products .box-products-item-extra .box-products-image { width:auto; } .ms-outdoor-2 .box-products-item-kempingovy-pribor { right:inherit; left:149px; top:136px; } .ms-outdoor-2 .box-products-item-kempingovy-pribor .box-products-image { bottom:145px; left:32px; } .ms-outdoor-2 .box-products-item-detska-baterka { right:inherit; left:378px; top:225px; } .ms-outdoor-2 .box-products-item-detska-baterka .box-products-image { bottom:223px; left:207px; } .ms-outdoor-2 .box-products-item-detska-celovka { right:inherit; left:780px; top:265px; } .ms-outdoor-2 .box-products-item-detska-celovka .box-products-image { bottom:105px; left:59px; } .ms-outdoor-2 .box-products-item-termoska-0-5l { right:inherit; left:1092px; top:353px; } .ms-outdoor-2 .box-products-item-termoska-0-5l .box-products-image { bottom:181px; left:94px; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l { right:inherit; left:0px; top:570px; } .ms-outdoor-2 .box-products-item-termoska-nerez-1-l .box-products-image { bottom:244px; left:175px; } .ms-outdoor-2 .box-products-item-kempingove-nadobi { right:inherit; left:157px; top:764px; z-index:5; } .ms-outdoor-2 .box-products-item-kempingove-nadobi .box-products-image { bottom:173px; left:155px; } .ms-outdoor-2 .box-products-item-kempingova-deka { right:inherit; left:752px; top:646px; } .ms-outdoor-2 .box-products-item-kempingova-deka .box-products-image { bottom:253px; left:23px; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh { right:inherit; left:1153px; top:879px; z-index:4; } .ms-outdoor-2 .box-products-item-detsky-turisticky-batoh .box-products-image { bottom:127px; left:53px; } .ms-outdoor-2 .box-products-item-turisticky-batoh { right:inherit; left:50px; top:1049px; z-index:5; } .ms-outdoor-2 .box-products-item-turisticky-batoh .box-products-image { bottom:172px; left:102px; z-index:5; } .ms-outdoor-2 .box-products-item-x { right:inherit; left:669px; top:1334px; z-index:8; } .ms-outdoor-2 .box-products-item-x .box-products-image { bottom:105px; left:59px; } .ms-outdoor-2 .box-products-item-detsky-spaci-pytel { right:inherit; left:531px; top:1098px; z-index:5; } } @media (min-width:1600px) { .ms-outdoor-2 .box-products .box-products-item-kempingovy-pribor .box-products-item-info { bottom:59px; right:inherit; left:104px; } .ms-outdoor-2 .box-products .box-products-item-detska-baterka .box-products-item-info { bottom:139px; left:6px; } .ms-outdoor-2 .box-products .box-products-item-detska-celovka .box-products-item-info { bottom:64px; right:inherit; left:86px; } .ms-outdoor-2 .box-products .box-products-item-termoska-0-5l .box-products-item-info { bottom:158px; right:inherit; left:135px; } .ms-outdoor-2 .box-products .box-products-item-termoska-nerez-1-l .box-products-item-info { bottom:157px; right:inherit; left:126px; } .ms-outdoor-2 .box-products .box-products-item-kempingove-nadobi .box-products-item-info { bottom:108px; right:inherit; left:315px; } .ms-outdoor-2 .box-products .box-products-item-kempingova-deka .box-products-item-info { bottom:178px; right:inherit; left:141px; } .ms-outdoor-2 .box-products .box-products-item-detsky-turisticky-batoh .box-products-item-info { bottom:78px; right:inherit; left:128px; } .ms-outdoor-2 .box-products .box-products-item-turisticky-batoh .box-products-item-info { bottom:107px; left:114px; right:inherit; } .ms-outdoor-2 .box-products .box-products-item-x .box-products-item-info { bottom:0px; left:482px; right:inherit; } .ms-outdoor-2 .box-products .box-products-item-detsky-spaci-pytel .box-products-item-info { bottom:30px; right:inherit; left:-30px; } } /*** Partneri **********************************/ .ms-outdoor-2 .box-partners { background-color:#ffffff; padding-top:0px; padding-bottom:100px; } .ms-outdoor-2 .box-partners { padding-bottom:300px; background-color:#ffffff; padding-top:29px; padding-bottom:100px; } .ms-outdoor-2 .box-partners ul { text-align:center; padding:10px 0 13px; } .ms-outdoor-2 .box-partners li { display:inline-block; } .ms-outdoor-2 .box-partners li img { max-width:60%; } @media screen and (min-width: 768px) { .ms-outdoor-2 .box-partners { padding-bottom:126px; padding-top:29px; } .ms-outdoor-2 .box-partners li img { max-width:100%; } } /*** Popup **********************************/ .ms-outdoor-2 .mfp-outdoor-holder .mfp-content { width: 95%; } .ms-outdoor-2 .mfp-outdoor { border-radius:45px; border:10px solid #ffffff; background:url('/-a95826---bFKP7KQW/bg-paper') repeat left top; padding:35px 15px 15px; } .ms-outdoor-2 .mfp-bg { opacity:0.7; } .ms-outdoor-2 .mfp-container { width:100%; } .ms-outdoor-2 .mfp-close { display:none; } .ms-outdoor-2 .mfp-outdoor-close-top { color:#000000; font-size:19px; line-height:20px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; display:inline-block; position:absolute; top:15px; right:15px; cursor:pointer; } .ms-outdoor-2 .mfp-outdoor-close-icon { width:15px; height:14px; display:inline-block; text-indent:-99999px; background:url('/-a95865---X0KJWu9N/mfp-close') repeat left top; overflow:hidden; } .ms-outdoor-2 .mfp-outdoor-title { font-size:27px; line-height:29px; color:#000000; font-family:"TradeGothicLTProBC20"; text-shadow:none; text-transform:none; margin-top:14px; } .ms-outdoor-2 .mfp-outdoor-color { font-size:23px; line-height:25px; color:#000000; font-family:"TradeGothicLTProBC20"; text-shadow:none; text-transform:none; margin-top:0px; } .ms-outdoor-2 .mfp-outdoor-image { margin:15px 0; text-align:center; } .ms-outdoor-2 .mfp-outdoor-image img { display:inline-block; } .ms-outdoor-2 .mfp-outdoor-body { font-size:17px; line-height:20px; color:#000000; font-family: "TradeGothicLTProLight"; } .ms-outdoor-2 .mfp-outdoor-price-with-points .points, .ms-outdoor-2 .mfp-outdoor-price-with-points .price { font-size:30px; line-height:40px; color:#e40000; font-family:"TradeGothicLTProBC20"; } .ms-outdoor-2 .mfp-outdoor-price-with-points .points { color:#000000; } .ms-outdoor-2 .mfp-outdoor-price-withOut-points { font-size:20px; line-height:30px; color:#000000; font-family:"TradeGothicLTProBC20"; } .ms-outdoor-2 .mfp-outdoor-brand { margin-bottom:15px; text-align:center; } .ms-outdoor-2 .mfp-outdoor-brand img { max-width:90px; height:auto; } .ms-outdoor-2 .mfp-outdoor .col-3 .mfp-outdoor-bottom, .ms-outdoor-2 .mfp-outdoor .col-2 .mfp-outdoor-bottom { margin-bottom:20px; } @media (min-width:768px) { .ms-outdoor-2 .col-3 .mfp-outdoor-title { min-height:80px; } .ms-outdoor-2 .mfp-outdoor { min-width:400px; max-width:750px; width:100%; padding:35px 25px 25px; } .ms-outdoor-2 .mfp-outdoor .col-3, .ms-outdoor-2 .mfp-outdoor .col-2 { min-width:678px!important; } .ms-outdoor-2 .mfp-outdoor .col-3 .mfp-outdoor-body { min-height:350px; } .ms-outdoor-2 .mfp-outdoor .mfp-outdoor-bottom { margin-bottom:0; } .ms-outdoor-2 .mfp-outdoor-close-top { right:25px; } } .ms-outdoor-2 .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; } .ms-outdoor-2 .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; } /**** Popup info ****/ .ms-outdoor-2 .box-popup-info { width:90%; background-color:#ffffff; box-shadow:0 0 20px 3px rgba(0,0,0,0.3); position:fixed; bottom:0; margin:0 auto; left:0; right:0; z-index:1000; margin-bottom:-100%; transition: margin 0.5s ease-in-out; } .ms-outdoor-2 .box-popup-info-active { margin-bottom:0; transition: margin 0.8s ease-in-out; } .ms-outdoor-2 .box-popup-info-content { padding:30px; } .ms-outdoor-2 .box-popup-info-close { background-color:#fafafa; cursor:pointer; position: absolute; right: 0; top: 0; padding: 10px; background-color: #fff; cursor: pointer; } .ms-outdoor-2 .box-popup-info-close .icon { position:relative; background-image:none; line-height:10px; text-align:center; } .ms-outdoor-2 .box-popup-info-close .icon:after { content:"×"; position:absolute; display:block; width:100%; height:100%; z-index:2; color:#2a7023; font-size:20px; text-align:center; } .ms-outdoor-2 .box-popup-info-perex { text-align:right; font-family: 'TradeGothicLTProBC20'; font-size: 25px; line-height: 28px; color: #2a7023; } .ms-outdoor-2 .box-popup-info-body { font-family: 'TradeGothicLTProBC20'; font-size: 25px; line-height: 28px; color: #2a7023; } .ms-outdoor-2 .box-popup-info-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 900; background-color: rgba(0,0,0,0.2); } @media (min-width:800px) { body.ms-outdoor-2 .box-popup-info { width:785px; } } .modal.graphic-newsletter-modal { width:100%; } .graphic-newsletter { width:100%; background-color:#fafafa; position:relative; min-height:100px; } .graphic-newsletter .graphic-newsletter-left { width:100%; background-repeat:no-repeat; background-position:top right; background-size:cover; min-height:100px; justify-content:center; align-items: center; flex-flow: column; } .graphic-newsletter .graphic-newsletter-right { width:100%; margin-left:0; } .graphic-newsletter .graphic-newsletter-header-title { font-size:57px; line-height:59px; color:#ffffff; font-weight:bold; text-transform:uppercase; text-shadow:0 5px 10px rgba(0,0,0,0.5); font-family:"FutureCEBold"; } .graphic-newsletter .graphic-newsletter-header-subtitle { font-size:34px; line-height:38px; color:#ffffff; font-weight:bold; text-transform:uppercase; text-align:center; text-shadow:0 5px 10px rgba(0,0,0,0.5); font-family:"FutureCEBold"; } .graphic-newsletter .graphic-newsletter-list li { color:#227fc6; line-height:18px; padding:4px 0; } .graphic-newsletter .graphic-newsletter-list { padding-bottom:10px; border-bottom:2px solid #e8e8e8; } .graphic-newsletter .graphic-newsletter-recipes-box, .graphic-newsletter .graphic-newsletter-leaflet { padding:10px 0; border-bottom:1px solid #e8e8e8; } .graphic-newsletter .graphic-newsletter-recipes-box-title, .graphic-newsletter .graphic-newsletter-leaflet-title { font-size:15px; line-height:18px; color:#b4b4b4; padding-bottom:12px; } .graphic-newsletter .graphic-newsletter-recipes-box-item, .graphic-newsletter .graphic-newsletter-leaflet-item { margin-bottom:20px; } .graphic-newsletter .graphic-newsletter-recipes-box-item-image { margin-bottom:5px; } .graphic-newsletter .graphic-newsletter-recipes-box-item-title { font-size:10px; line-height:12px; color:#000000; font-weight:bold; text-transform:uppercase; } .graphic-newsletter .graphic-newsletter-input-box { padding-top:13px; } .graphic-newsletter .eac-input-wrap { width:100%; } .graphic-newsletter #subscription-form .mkt_email2 { top: 9px!important; color: #666666; font-size:19px; line-height:44px; } .graphic-newsletter #subscription-form #email-error { font-size:14px; } .graphic-newsletter .validation-success { font-weight:norma; } .graphic-newsletter input[type=text].graphic-newsletter-input { width:100%; background-color:#ffffff; border:1px solid #d2d2d2; border-radius:5px; height:45px; line-height:45px; color: #000000; font-size:19px; } .graphic-newsletter .graphic-newsletter-input-title { font-size:22px; line-height:24px; text-transform:uppercase; color:#000000; margin:0 0 14px; } .graphic-newsletter input[type=text].graphic-newsletter-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter input[type=text].graphic-newsletter-input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter input[type=text].graphic-newsletter-input:-ms-input-placeholder { /* IE 10+ */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter input[type=text].graphic-newsletter-input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter .graphic-newsletter-left-desktop { display:none; } .graphic-newsletter .graphic-newsletter-left-mobile { display:flex; padding:15px; } .graphic-newsletter .graphic-newsletter-right-content { padding:25px; } .graphic-newsletter .graphic-newsletter-consent-box { position:relative; padding-top:14px; } .graphic-newsletter #podminky { margin-right:7px; float:left; } .graphic-newsletter .graphic-newsletter-input-consent, .graphic-newsletter .graphic-newsletter-input-consent a, .graphic-newsletter .graphic-newsletter-input-consent p { font-size:14px; line-height:16px; color:#000000; margin-bottom:0; } .graphic-newsletter .graphic-newsletter-button { margin-top:13px; margin-bottom:15px; } .graphic-newsletter .graphic-newsletter-perex { font-style:italic; font-size:12px; line-height:14px; color: #d9d9d9; text-align:center; } .graphic-newsletter-modal .modal-close { background-color:#fafafa; cursor:pointer; } .graphic-newsletter-modal .modal-close .icon { position:relative; background-image:none; line-height:10px; text-align:center; } .graphic-newsletter-modal .modal-close .icon:after { content:"×"; position:absolute; display:block; width:100%; height:100%; z-index:2; color:#227fc6; font-size:20px; text-align:center; } @media (max-width:469px) { .graphic-newsletter .graphic-newsletter-recipes-box-item img, .graphic-newsletter .graphic-newsletter-leaflet-item img { max-width:40%; } .graphic-newsletter .graphic-newsletter-recipes-box-item-title { text-align:center; } } @media (min-width:800px) { .modal.graphic-newsletter-modal { width:785px; } .graphic-newsletter { width:100%; min-height:600px; } .graphic-newsletter .graphic-newsletter-send { min-height:550px; justify-content: center; align-items: center; flex-flow: column; display:flex; } .graphic-newsletter .graphic-newsletter-left { width:300px; position:absolute; left:0; bottom:0; top:0; } .graphic-newsletter .graphic-newsletter-right { width:484px; margin-left:300px; float:right; } .graphic-newsletter .graphic-newsletter-left-desktop { display:flex; } .graphic-newsletter .graphic-newsletter-left-mobile { display:none; } .graphic-newsletter .graphic-newsletter-recipes-box-item, .graphic-newsletter .graphic-newsletter-leaflet-item { margin-bottom:0; } } .graphic-newsletter-light { min-height:251px; } .graphic-newsletter-light #subscription-form .mkt_email2 { top:10px!important; } .graphic-newsletter-light .graphic-newsletter-step-form { overflow:hidden; height:0; } .graphic-newsletter-light.graphic-newsletter-light-active .graphic-newsletter-step-form { overflow:visible; height:auto; } .graphic-newsletter-light.graphic-newsletter-light-active .graphic-newsletter-step-button, .graphic-newsletter-light.graphic-newsletter-light-active .graphic-newsletter-step-title { display:none; } .graphic-newsletter-light .graphic-newsletter-step-button { text-align:center; } .graphic-newsletter-light .graphic-newsletter-step-button a { max-width:355px; width:100%; } .graphic-newsletter-light .graphic-newsletter-right-content { padding:41px 36px; } .modal.graphic-newsletter-modal-light .modal-close .icon { width:30px; height:30px; line-height:30px; } .modal.graphic-newsletter-modal-light .modal-close .icon:after { font-size:50px; } .modal.graphic-newsletter-modal-light .graphic-newsletter-content-title, .graphic-newsletter-light .graphic-newsletter-step-title { color:#000000; font-size:22px; line-height:27px; margin-bottom:8px; font-family: "FutureCEBold"; } .modal.graphic-newsletter-modal-light .graphic-newsletter-content-subtitle { font-family: "FutureMedium"; text-transform:uppercase; font-size:22px; line-height:27px; margin-top:0; margin-bottom:37px; color:#000000; } .graphic-newsletter-light .graphic-newsletter-header-title, .graphic-newsletter-light .graphic-newsletter-header-subtitle { display:none; } .graphic-newsletter-light .graphic-newsletter-list-item > span { display:block; padding-left:53px; color:#63a22f; } .graphic-newsletter-light .graphic-newsletter-list-item { width:100%; float:none; position:relative; margin-bottom:15px; } .graphic-newsletter-light .graphic-newsletter-list-item:last-of-type { margin-bottom:0; } .graphic-newsletter-light .graphic-newsletter-list-item:before { width:45px; height:51px; content:""; display:block; position:absolute; top:0; left:0; } .graphic-newsletter-light .graphic-newsletter-list-item-recipes:before { background:url('/-a101745---AO0u2WZt/icons-popup') no-repeat -4px 4px; } .graphic-newsletter-light .graphic-newsletter-list-item-leaflet:before { background:url('/-a101745---AO0u2WZt/icons-popup') no-repeat -59px 0px; } .graphic-newsletter-light .graphic-newsletter-list-item-magazine:before { background:url('/-a101745---AO0u2WZt/icons-popup') no-repeat -122px 2px; } .graphic-newsletter-light .graphic-newsletter-list { border:none; padding-bottom:18px; } .graphic-newsletter-light .graphic-newsletter-input-title { display:none; } .graphic-newsletter-light input[type=text].graphic-newsletter-input { border-color:#5fa1d4; font-family: "TradeGothicLTPro", Arial, sans-serif; height:47px; line-height:47px; } .graphic-newsletter-light input[type=text].graphic-newsletter-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d9d9d9; font-size:15px; line-height:47px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .graphic-newsletter-light input[type=text].graphic-newsletter-input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; font-size:15px; line-height:47px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .graphic-newsletter-light input[type=text].graphic-newsletter-input:-ms-input-placeholder { /* IE 10+ */ color: #d9d9d9; font-size:15px; line-height:47px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .graphic-newsletter-light input[type=text].graphic-newsletter-input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; font-size:15px; line-height:47px; font-family: "TradeGothicLTPro", Arial, sans-serif; } .graphic-newsletter-light .graphic-newsletter-input-box { max-width:100%; width:100%; margin:0 auto; } .graphic-newsletter-light .graphic-newsletter-input-consent, .graphic-newsletter-light .graphic-newsletter-input-consent a, .graphic-newsletter-light .graphic-newsletter-input-consent p { font-size:12px; } .graphic-newsletter-light .graphic-newsletter-consent-box { position:relative; padding-left:25px; } .graphic-newsletter-light .graphic-newsletter-consent-box input[name=agreement] { position:absolute; left:0; right:0; top:12px; } .graphic-newsletter-light .graphic-newsletter-perex { display:none; } .graphic-newsletter-light .graphic-newsletter-button { margin-top:20px; } .graphic-newsletter-light .graphic-newsletter-button button { height:44px; padding:0 29px; } .graphic-newsletter-light .graphic-newsletter-button span { font-size:16px; font-family: "TradeGothicLTPro", Arial, sans-serif; font-weight:normal; padding:9px 16px 8px; } .graphic-newsletter-light .icon-newsletter:before { width:23px; height:18px; background:url('/-a101786---DYw1T3Uz/nws2') no-repeat 0 0; } @media (min-width:450px) { .graphic-newsletter-light .graphic-newsletter-step-title { margin-bottom:20px; } .graphic-newsletter-light .graphic-newsletter-left-desktop { display: flex; } .graphic-newsletter-light .graphic-newsletter-left { width:33%; position: absolute; left: 0; bottom: 0; top: 0; } .graphic-newsletter-light .graphic-newsletter-right { width:67%; margin-left: 33%; float: right; } } @media (min-width:500px) { .graphic-newsletter-light .graphic-newsletter-list-item { width:33%; float:left; position:relative; margin-bottom:0; } .graphic-newsletter-light .graphic-newsletter-list-item-leaflet span { padding-left:38px; } .graphic-newsletter-light .graphic-newsletter-list-item-leaflet:before { background:url('/-a101745---AO0u2WZt/icons-popup') no-repeat -75px 0px; width:32px; } } @media (max-width:850px) { .graphic-newsletter-light.graphic-newsletter-light-active .graphic-newsletter-left { display:none; } .graphic-newsletter-light.graphic-newsletter-light-active .graphic-newsletter-right { width:100%; margin-left:0; } } @media (min-width:851px) { .graphic-newsletter-light .graphic-newsletter-input-box { max-width:383px; } .modal.graphic-newsletter-modal-light .modal-close .icon { width:10px; height:10px; line-height:10px; } .modal.graphic-newsletter-modal-light .modal-close .icon:after { font-size:20px; } .graphic-newsletter .graphic-newsletter-right-content { padding:25px; } .graphic-newsletter-light .graphic-newsletter-left { width:300px; } .graphic-newsletter-light .graphic-newsletter-right { margin-left: 300px; } .graphic-newsletter-light .graphic-newsletter-step-form { height:auto; overflow:visible; } .graphic-newsletter-light .graphic-newsletter-step-button, .graphic-newsletter-light .graphic-newsletter-step-title { display:none; } .modal.graphic-newsletter-modal-light { width:832px; } .graphic-newsletter-light { min-height:440px; } .modal.graphic-newsletter-modal-light .graphic-newsletter-content-title { color:#000000; font-size:22px; line-height:27px; margin-bottom:8px; font-family: "FutureCEBold"; } .modal.graphic-newsletter-modal-light .graphic-newsletter-content-subtitle { font-family: "FutureMedium"; text-transform:uppercase; font-size:22px; line-height:27px; margin-top:0; margin-bottom:27px; } .graphic-newsletter-modal-light .modal-close { background-color:#f3f3f3; } .graphic-newsletter-light .graphic-newsletter-header-title, .graphic-newsletter-light .graphic-newsletter-header-subtitle { display:block; } .graphic-newsletter-light .graphic-newsletter-header-subtitle { font-size:30px; line-height:35px; } .graphic-newsletter-light .graphic-newsletter-header-title { font-size:50px; line-height:51px; } .graphic-newsletter-light { background-color:#f3f3f3; } .graphic-newsletter-light .graphic-newsletter-right { width:532px; } } .graphic-newsletter-recipes .mailkit_instance.mailkit_inline { max-width:100%; font-family: "OpenSans", Verdana, sans-serif; color:#333333; font-size:14px; } .graphic-newsletter-recipes .mailkit_instance .eac-sugg, .graphic-newsletter-recipes .mailkit_instance .eac-input-wrap input[type="text"] { font-family: "OpenSans", Verdana, sans-serif; font-size:19px; } .graphic-newsletter-recipes .mailkit_instance .eac-sugg { padding-left:60px; } .graphic-newsletter-recipes .mailkit_instance .mailkit_submit { margin-top:0; } .graphic-newsletter-recipes { background-color:#fafafa; min-height:100px; position:fixed; top:20px; margin-top:-1300px; overflow:hidden; overflow-y:auto; left:0; right:0; z-index:1000; box-shadow: -8px 0 46px 7px rgba(0,0,0,0.2); transition: margin 0.5s ease-in-out; } .graphic-newsletter-recipes-overlay { position:fixed; top:0; bottom:0; left:0; right:0; z-index:900; background-color:rgba(0,0,0,0.2); } .graphic-newsletter-recipes-active { margin-top:0; transition: margin 0.8s ease-in-out; max-height:95%; } .graphic-newsletter-recipes .graphic-newsletter-recipes-right-content { padding:40px 20px 20px 17px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left { width:100%; background-repeat:no-repeat; background-position:top right; background-size:cover; min-height:100px; justify-content:center; align-items: center; flex-flow: column; } .graphic-newsletter-recipes .graphic-newsletter-recipes-right { width:100%; margin-left:0; } .graphic-newsletter-recipes .graphic-newsletter-recipes-header-title { font-size:57px; line-height:59px; color:#ffffff; font-weight:bold; text-transform:uppercase; text-shadow:0 5px 10px rgba(0,0,0,0.5);; font-family: "FutureCEBold"; } .graphic-newsletter-recipes .graphic-newsletter-recipes-header-subtitle { font-size:34px; line-height:38px; color:#ffffff; font-weight:bold; text-transform:uppercase; text-align:center; text-shadow:0 5px 10px rgba(0,0,0,0.5); font-family: "FutureCEBold"; } .graphic-newsletter-recipes .graphic-newsletter-recipes-list li { color:#227fc6; line-height:18px; padding:4px 0; } .graphic-newsletter-recipes .graphic-newsletter-recipes-list { padding-bottom:10px; border-bottom:2px solid #e8e8e8; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right { margin-top:20px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right button { width:100%!important; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box { padding-top:13px; } .graphic-newsletter-recipes .eac-input-wrap { width:100%; } .graphic-newsletter-recipes #subscription-form-recipes .mkt_email2 { top: 9px!important; color: #666666; font-size:19px; line-height:31px!important; } .graphic-newsletter-recipes #subscription-form-recipes #email-error, .graphic-newsletter-recipes #subscription-form-recipes #agreement-error { font-size:14px; color:#900; } .graphic-newsletter-recipes .validation-success { font-weight:norma; } .graphic-newsletter-recipes input[type=text].graphic-newsletter-recipes-input { width:100%; background-color:#ffffff; border:1px solid #d2d2d2; border-radius:5px; height:47px; line-height:45px; color: #000000; font-size:19px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-title { font-size:22px; line-height:24px; text-transform:none; color:#000000; margin:0 0 17px; font-weight:bold; } .graphic-newsletter-recipes input[type=text].graphic-newsletter-recipes-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter-recipes input[type=text].graphic-newsletter-recipes-input::-moz-placeholder { /* Firefox 19+ */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter-recipes input[type=text].graphic-newsletter-recipes-input:-ms-input-placeholder { /* IE 10+ */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter-recipes input[type=text].graphic-newsletter-recipes-input:-moz-placeholder { /* Firefox 18- */ color: #d9d9d9; font-size:19px; line-height:45px; font-family: "OpenSans", Verdana, sans-serif; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left-desktop { display:none; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left-mobile { display:flex; padding:15px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-right-content { padding:25px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-consent-box { position:relative; padding-top:24px; } .graphic-newsletter-recipes #podminky { margin-right:7px; float:left; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-consent, .graphic-newsletter-recipes .graphic-newsletter-recipes-input-consent a, .graphic-newsletter-recipes .graphic-newsletter-recipes-input-consent p { font-size:14px; line-height:16px; color:#000000; margin-bottom:0; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right button { height:47px; width:215px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close { position:absolute; padding-right:20px; right:0; top:-1px; color:#227fc6; //font-weight:bold; font-size:18px; cursor:pointer; padding:10px; transform:scale(1); transition:transform 0.2s ease-in-out; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close:hover { transform:scale(1.01); transition:transform 0.2s ease-in-out; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close span { display:none; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close:after { content:"×"; position:absolute; display:block; width:30px; height:30px; background-color:#ffffff; z-index:2; color:#227fc6; font-size:21px; text-align:center; vertical-align:middle; line-height:30px; top:1px; right:0; } @media (min-width:800px) { .graphic-newsletter-recipes { top:inherit; bottom:0; margin-top:0; margin-bottom:-1300px; } .graphic-newsletter-recipes-active { margin-bottom:0; transition: margin 0.8s ease-in-out; max-height:10000px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-col-right, .graphic-newsletter-recipes .graphic-newsletter-recipes-col-left, .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-left, .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right { float:left; } .graphic-newsletter-recipes .graphic-newsletter-recipes-col-left { width:100%; padding-top:10px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-col-right { width:100%; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-left { width:100%; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right { width:100%; } .graphic-newsletter-recipes .graphic-newsletter-recipes-send { min-height:211px; justify-content: center; align-items: center; flex-flow: column; display:flex; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left { width:40%; position:absolute; left:0; bottom:0; top:0; } .graphic-newsletter-recipes .graphic-newsletter-recipes-right { width:60%; margin-left:40%; float:right; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left-desktop { display:flex; } .graphic-newsletter-recipes .graphic-newsletter-recipes-left-mobile { display:none; } } @media (min-width:960px) { .graphic-newsletter-recipes .graphic-newsletter-recipes-left { width:370px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-right { width:calc(100% - 370px); margin-left:370px; float:right; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-left { width:calc(100% - 219px); } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-left-content { padding-right:20px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-input-box-col-right { width:auto; margin-top:0; } } @media (min-width:1280px) { .graphic-newsletter-recipes .graphic-newsletter-recipes-right-content { padding:20px 120px 20px 17px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-col-left { width:37.6%; padding-top:10px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-col-right { width:62.4%; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close { position:absolute; padding-right:20px; right:16px; top:25px; color:#227fc6; //font-weight:bold; font-size:18px; padding:0 20px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close:after { height:100%; width:10px; line-height:24px; } .graphic-newsletter-recipes .graphic-newsletter-recipes-close span { display:inline-block; } } body.ms-grill { color:#232323; height:100%; overflow-x:hidden; } .ms-grill .main-frame-container { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:24px; line-height:30px; font-family: "TradeGothicLTPro"; background:url('/-a96276---s7Wp98F9/bg-d') no-repeat center 0!important; margin-top:44px; min-height:1000px; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-trends .main-frame-container { background:url('/-a96591---X-yRBd-0/bg-subpage-trends') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-health .main-frame-container { background:url('/-a96735---Jx1v7o_D/bg-subpage-health-grill') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-bylinky .main-frame-container { background:url('/-a97101---bTwnV6CD/bg-subpage-health-bylinky') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-steaky .main-frame-container { background:url('/-a97281---XEIKLfPh/bg-subpage-steaky') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-kempink .main-frame-container { background:url('/-a97459---oSGl3eP7/bg-subpage-kempink') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-marinady .main-frame-container { background:url('/-a97653---OtMXTD9H/bg-subpage-marinady') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-burgery .main-frame-container { background:url('/-a98713----3WA6VyB/bg-subpage-burgery') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-vegetariani .main-frame-container { background:url('/-a98535---byY6W2YL/bg-subpage-vegetariani') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill.ms-grill-deti .main-frame-container { background:url('/-a98971---uG6JT9lx/bg-subpage-deti') no-repeat center 0!important; -webkit-background-size: cover!important; /* Safari 3.0 - Old Chrome - Old Android */ -moz-background-size: cover!important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: cover!important; /* Opera 9.5 */ background-size: cover!important; } .ms-grill .container { max-width:100%; width:100%; margin:0 auto; } .ms-grill .truncate-content-xs { display:table-cell; } .ms-grill .truncate-content-xsm, .ms-grill .truncate-content-sm, .ms-grill .truncate-content-md { display:none; } @media (min-width: 375px) { .ms-grill .truncate-content-xsm { display:table-cell; } .ms-grill .truncate-content-xs { display:none; } } @media (min-width: 800px) { .ms-grill .truncate-content-sm { display:table-cell; } .ms-grill .truncate-content-xsm { display:none; } } @media (min-width: 1366px) { .ms-grill .truncate-content-sm { display:none; } .ms-grill .truncate-content-md { display:table-cell; } } @media (min-width:801px) { .ms-grill .container { max-width:100%; } .ms-grill .container-1090 { max-width:1090px; margin:0 auto; } } @media (min-width:1300px) { .ms-grill .container-1300 { max-width:1300px; margin:0 auto; } } @media (min-width:1600px) { .ms-grill .container { max-width:1600px; } } /*** HP Header box *****************************/ .ms-grill .box-header-hp { position:relative; height:518px; overflow:hidden; box-shadow:0 8px 20px 0 rgba(187, 159, 133, 0.5); } .ms-grill .box-header-hp-content { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; text-align:center; } .ms-grill .box-header-hp-video { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .ms-grill .box-header-hp-video iframe { width:1108px; height:520px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .ms-grill .box-header-hp-title { font-size:24px; color:#ffffff; margin-top:10px; margin-bottom:27px; } .ms-grill .box-header-hp-title span { font-size:42px; } .ms-grill .box-header-hp-body { font-size:24px; line-height:30px; color:#ffffff; text-transform:uppercase; margin-bottom:29px; font-family: "TradeGothicLTProBC20"; } .ms-grill .box-header-hp-logo { display:inline-block; margin-top:26px; max-width:104px; } @media (min-width:800px) { .ms-grill .box-header-hp { height:750px; } .ms-grill .box-header-hp-video iframe { width:1600px; height:750px; position:absolute; top:0; left:50%; transform: translateX(-50%); } .ms-grill .box-header-hp-title { font-size:36px; color:#ffffff; margin-top:74px; margin-bottom:20px } .ms-grill .box-header-hp-title span { font-size:65px; display:inline-block; margin-bottom:-7px; } .ms-grill .box-header-hp-body { font-size:30px; line-height:37px; color:#ffffff; text-transform:uppercase; margin-bottom:29px; } .ms-grill .box-header-hp-body p { margin:0; } .ms-grill .box-header-hp-logo { margin-top:50px; max-width:156px; } } @media (min-width:1366px) { .ms-grill .box-header-hp-video iframe { width:1600px; height:750px; position:absolute; top:0; left:50%; transform: translateX(-50%); } } /*** HP Box banner *****************************/ .ms-grill .box-banner { background-position: top right; } /*** HP Box steaky *****************************/ @media (min-width: 600px) { .ms-grill .box-steaky .box-banner-content { float: left; margin-left: 1.3%; } } @media (min-width: 801px) { .ms-grill .box-steaky .box-banner-content { float: right; margin-left:0; margin-right: 20%; } } @media (min-width: 930px) { .ms-grill .box-steaky .box-banner-content { float: right; margin-left:0; margin-right: 20%; } } @media (min-width: 1337px) { .ms-grill .box-steaky .box-banner-content { float: right; margin-left:0; margin-right: 30%; } } /*** HP Box desatero *****************************/ @media (min-width: 600px) { .ms-grill .box-desatero .box-banner-content { float: left; margin-left: 1.3%; } } @media (min-width: 801px) { .ms-grill .box-desatero .box-banner-content { float: right; margin-left:0; margin-right: 40%; } } @media (min-width: 930px) { .ms-grill .box-desatero .box-banner-content { float: right; margin-left:0; margin-right: 40%; } } @media (min-width: 1337px) { .ms-grill .box-desatero .box-banner-content { float: right; margin-left:0; margin-right: 40%; } } /*** HP Box herbs *****************************/ .ms-grill .box-herbs .box-herbs-title span { display:inline-block; } .ms-grill .box-herbs .box-herbs-title { font-size:58px; line-height:53px; margin-top:63px; margin-bottom:31px; } .ms-grill .box-herbs .box-herbs-title span { font-size: 30px; line-height:38px; } @media (min-width: 600px) { .ms-grill .box-herbs .box-banner-content { float: left; margin-left: 1.3%; } .ms-grill .box-herbs .box-herbs-title { font-size:104px; line-height:68px; margin-top:90px; margin-bottom:20px; } .ms-grill .box-herbs .box-herbs-title span { font-size: 52px; margin-top:13px; line-height:64px; } .ms-grill .box-herbs .box-herbs-body { margin-bottom:35px; } .ms-grill .box-herbs .box-herbs-wrap { background-position:center top; } } @media (min-width: 801px) { .ms-grill .box-herbs .box-banner-content { float: right; margin-left:0; margin-right: 40%; } } @media (min-width: 930px) { .ms-grill .box-herbs .box-banner-content { float: right; margin-left:0; margin-right: 46.4%; } } @media (min-width: 1337px) { .ms-grill .box-herbs .box-banner-content { float: right; margin-left:0; margin-right: 46.9%; } } /*** HP Box herbs-in-recipes *****************************/ @media (min-width:500px) { .ms-grill .box-herbs-in-recipes .graphic-items-large .box-herbs-in-recipes-item-image-content picture { bottom: -140px; } } @media (min-width:1366px) { .ms-grill .box-herbs-in-recipes .graphic-items-large .box-herbs-in-recipes-item-image-content picture { position:static; } } /*** HP Box newsletter *****************************/ .ms-grill .box-newsletter { background-repeat:repeat-y; background-position:center top; text-align:center; min-height:580px; } .ms-grill .box-newsletter .box-newsletter-title { font-size:36px; line-height:36px; color:#ffffff; font-family: "TradeGothicLTProBC20"; margin-top:27px; margin-bottom:17px; } .ms-grill .box-newsletter .box-newsletter-pagelet-subtitle { color:#e7bb92; font-size:30px; line-height:30px; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; margin-top:12px; margin-bottom:47px; display:inline-block; position:relative; } } .ms-grill .box-newsletter .box-newsletter-pagelet-right { margin-top:11px; } .ms-grill .box-newsletter .box-newsletter-pagelet-form .eac-input-wrap { width:100%; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent .custom-checkbox { position:relative; top:-5px; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent .custom-checkbox .custom-checkbox-label { position:absolute; width:26px; height:27px; left:-41px; top:0; z-index:2; background:url('/-a96380---QmlrTRdi/checkbox-sprite') no-repeat 0 0; display:block; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent .custom-checkbox input[type=checkbox] { visibility:hidden; position:absolute; left:-41px; top:0; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent .custom-checkbox input[type=checkbox]:checked ~ .custom-checkbox-label { background-position: -26px 0; } .ms-grill .box-newsletter .box-newsletter-pagelet-form input[type=text] { width:100%; height:40px; line-height:40px; font-size:18px; color:#1d1d1d; padding:0 10px; background: rgba(231,233,239,1); background: -moz-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(248,251,253,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,233,239,1)), color-stop(100%, rgba(248,251,253,1))); background: -webkit-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(248,251,253,1) 100%); background: -o-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(248,251,253,1) 100%); background: -ms-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(248,251,253,1) 100%); background: linear-gradient(to bottom, rgba(231,233,239,1) 0%, rgba(248,251,253,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ef', endColorstr='#f8fbfd', GradientType=0 ); border:none; } .ms-grill .box-newsletter .box-newsletter-pagelet-form button { font-size:21px; height:40px; line-height:40px; text-align:center; font-family: "TradeGothicLTProBC20Fixed"; text-transform:uppercase; color:#ffffff; width:100%; padding:0; } .ms-grill .box-newsletter .box-newsletter-pagelet-form button span { vertical-align:baseline; } .ms-grill .box-newsletter .box-newsletter-pagelet-form button:after { vertical-align:middle; } .ms-grill .box-newsletter .box-newsletter-pagelet-form .email-error, .ms-grill .box-newsletter .box-newsletter-pagelet-form .mkt_email2, .ms-grill .box-newsletter .error, .ms-grill .box-newsletter #mkt_suggestion, .ms-grill .box-newsletter .validation-error { color:#e7bb92!important; font-size:18px!important;; } .ms-grill .box-newsletter #mkt_suggestion { margin:15px; } .ms-grill .box-newsletter #mkt_suggestion a { color:#ffffff; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent { margin-top:22px; padding-left:40px; text-align:left; position:relative; box-sizing:border-box; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent label { font-size:14px; line-height:17px; font-family: "TradeGothicLTPro"; color:#ffffff; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent label p { margin-bottom:0; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent label a { font-weight:bold; color:#ffffff; } @media (min-width:600px) { .ms-grill .box-newsletter .box-newsletter-title { font-size:60px; line-height:60px; color:#ffffff; font-family: "TradeGothicLTProBC20"; margin-top:20px; } .ms-grill .box-newsletter .box-newsletter-pagelet-subtitle { color:#e7bb92; font-size:30px; line-height:30px; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; margin-top:8px; margin-bottom:37px; display:inline-block; position:relative; } } @media (min-width:801px) { .ms-grill .box-newsletter { min-height:440px; margin-top:57px; } .ms-grill .box-newsletter .box-newsletter-pagelet-right { margin-top:0px; } .ms-grill .box-newsletter .box-newsletter-pagelet-form { width:510px; margin:0 auto; } .ms-grill .box-newsletter .box-newsletter-pagelet-form, .ms-grill .box-newsletter .box-newsletter-pagelet-consent { width:510px; margin:0 auto; } .ms-grill .box-newsletter .box-newsletter-pagelet-consent { margin-top:22px; } .ms-grill .box-newsletter .box-newsletter-pagelet-left, .ms-grill .box-newsletter .box-newsletter-pagelet-right { float:left; } .ms-grill .box-newsletter .box-newsletter-pagelet-left { width:351px; margin-right:18px; } .ms-grill .box-newsletter .box-newsletter-pagelet-right { width:141px; } } @media (min-width:970px) { .ms-grill .box-newsletter .box-newsletter-pagelet-subtitle:before { display:block; } } /*** HP Box box-more-taste ********************/ .ms-grill .box-more-taste .box-more-taste-wrap { min-height:324px; background-repeat:no-repeat; background-position:center top; text-align:center; position:relative; background-size:contain; } .ms-grill .box-more-taste .box-banner-content { float:none; display:block; text-align:center; margin:0; top:50%; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); display:none; } .ms-grill .box-more-taste .box-more-taste-title { font-size:26px; line-height:26px; } .ms-grill .box-more-taste .box-more-taste-title span { font-size: 50px; line-height: 50px; display:inloine-block; } @media (min-width:600px) { .ms-grill .box-more-taste .box-more-taste-wrap { min-height:423px; background-size:auto 100%; } .ms-grill .box-more-taste .box-more-taste-title { font-size:36px; line-height:36px; } .ms-grill .box-more-taste .box-more-taste-title span { font-size: 71px; line-height: 71px; display:inloine-block; } } @media (min-width:801px) { .ms-grill .box-more-taste .box-more-taste-wrap { min-height:700px; background-size:auto; } .ms-grill .box-more-taste .box-more-taste-title { font-size:70px; line-height:90px; } .ms-grill .box-more-taste .box-more-taste-title span { font-size: 137px; line-height: 137px; display:inloine-block; } } /*** HP Box box-mapa ********************/ .ms-grill .box-map { min-height:729px; font-size:14px; } .ms-grill .box-map-content { background-position:center top; background-repeat:repeat-y; } .ms-grill .box-map-title { margin-top:23px; margin-bottom:33px; } .ms-grill .box-map-title span { color:#1e6ba9; } @media (max-width: 600px) { .ms-grill .box-map .box-map-wrap .shop-filters span { display:block; text-align:left; margin:0 auto; width:155px; } } @media (max-width: 759px) { .ms-grill .box-map .box-map-wrap .shop-filters { text-align:center; } } @media (max-width:980px) { .ms-grill .box-map .box-map-wrap .shop-search-form-input { width:98%!important; } } @media (min-width:981px) { .ms-grill .box-map #shop-search-results .shop-search-results-content { padding-left:25px; } } @media (min-width:1366px) { .ms-grill .box-map-wrap { max-width:1090px; margin:0 auto; } } /*** Box box-hot-trends ************************/ .ms-grill.ms-grill-trends .box-hot-trends-wrap.box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-trends .box-hot-trends-logo { padding-top:43px; padding-bottom:5px; } .ms-grill.ms-grill-trends .box-hot-trends .u-responsive-padding { padding:0; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-title { line-height:30px; margin-bottom:42px; text-shadow:0 12px 20px rgba(76, 48, 41,0.5); } @media (min-width:376px) { .ms-grill.ms-grill-trends .box-hot-trends-wrap.box-banner-wrap { min-height:550px; } .ms-grill.ms-grill-trends .box-hot-trends-logo { padding:0; top:14px; left:17px; position:absolute; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-content { padding-top:91px; float:none; margin:0; } } @media (min-width:601px) { .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-title span{ font-size:105px; line-height:105px; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-title { line-height:42px; margin-bottom:57px; } } @media (min-width:801px) { .ms-grill.ms-grill-trends .box-hot-trends-wrap.box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-trends .box-hot-trends-logo { left:158px; top:14px; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-content { padding-top:233px; float:none; margin:0; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-title span{ font-size:126px; line-height:126px; } .ms-grill.ms-grill-trends .box-hot-trends .box-hot-trends-title { line-height:77px; margin-bottom:67px; } } @media (min-width:1367px) { .ms-grill.ms-grill-trends .box-hot-trends-logo { left:272px; } } /*** HP Box box-herbs-trends *****************************/ @media (min-width:376px) { .ms-grill.ms-grill-trends .box-herbs-trends .box-herbs-title { margin-top:67px; } } @media (min-width:801px) { .ms-grill.ms-grill-trends .box-herbs-trends .box-banner-content { margin-right:35%; } .ms-grill.ms-grill-trends .box-herbs-trends .box-herbs-title { margin-top:107px; line-height:67px; } } @media (min-width:1000px) { .ms-grill.ms-grill-trends .box-herbs-trends .box-banner-content { margin-right:50%; } } /*** HP Box box-summer-recommended-recipes-trends *****************************/ .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title, .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span { color:#e7bb92; font-size:30px; line-height:35px; margin-top:3px; margin-bottom:48px; } .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span { margin-top:0px; margin-bottom:0px; } .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span ~ span { font-size:48px; line-height:44px; } .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .graphic-items-small .graphic-item-link div, .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .graphic-items-small .graphic-item-link a{ color:#b12613; } @media (min-width:376px) { .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title { color:#e7bb92; font-size:36px; line-height:42px; margin-bottom:50px; margin-top:0; } .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span { font-size:48px; line-height:44px; } .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .ms-grill.ms-grill-trends .graphic-item-link { margin-top:27px; margin-bottom:29px; } } @media (min-width:801px) { .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title, .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span, .ms-grill.ms-grill-trends .box-summer-recommended-recipes-trends .box-graphic-item-title span ~ span { font-size:36px; line-height:42px; margin-bottom:61px; margin-top:0; } } /*** Box box-health-grill ************************/ .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title { text-align:center; text-shadow:0 9px 18px rgba(115,118,106,0.5); font-size:26px; line-height:30px; margin-top:71px; margin-bottom:20px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title span { font-size:50px; line-height:50px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-buttons .ms-button:first-of-type { margin-bottom:14px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-health .box-healthy-grilling.box-banner-bordred { border-color:#e7bb92; border-width:0 0 1px 0; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-content { float:none; margin:0; } @media (min-width:720px) { .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title { font-size:48px; line-height:50px; margin-top:210px; margin-bottom:85px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title span { font-size:107px; line-height:102px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-wrap { min-height:750px; } } @media (min-width:801px) { .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title { font-size:66px; line-height:63px; margin-top:192px; margin-bottom:65px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-title span { font-size:127px; line-height:127px; } .ms-grill.ms-grill-health .box-healthy-grilling .box-banner-wrap { min-height:750px; } } @media (min-width:1600px) { .ms-grill.ms-grill-health .box-healthy-grilling.box-banner-bordred { border-color:#e7bb92; border-width:0 1px 1px 1px; } } /**** Box box-herbs-health-grill ************************/ @media (min-width:376px) { .ms-grill.ms-grill-health .box-herbs-health-grill .box-banner-wrap { min-height:627px; } } @media (min-width:600px) { .ms-grill.ms-grill-health .box-herbs-health-grill .box-herbs-title { margin-top:66px; } } @media (min-width:801px) { .ms-grill.ms-grill-health .box-herbs-health-grill { margin-bottom:180px; } .ms-grill.ms-grill-health .box-herbs-health-grill .box-herbs-title { margin-top:91px; } .ms-grill.ms-grill-health .box-herbs-health-grill .box-banner-content { margin-right:46%; } } /*** box-share health *****************************/ .ms-grill.ms-grill-health .box-share .box-share-title { margin-bottom:3px; color:#cc6834; } @media (min-width:376px) { .ms-grill.ms-grill-health .box-share .box-share-title { margin-bottom:23px; } .ms-grill.ms-grill-health .box-share .box-share-buttons { margin-bottom:118px; } } @media (min-width:801px) { .ms-grill.ms-grill-health .box-share .box-share-buttons { margin-bottom:108px; } } @media (min-width:1367px) { .ms-grill.ms-grill-health .box-share .box-share-title { margin-top:174px; margin-bottom:20px } .ms-grill.ms-grill-health .box-share .box-share-title span { line-height:46px; } } /*** Box box-three-recipes *****************************/ .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title { font-size:24px; line-height:30px; color:#cc6834; margin-bottom:48px; margin-top:8px; } .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title span { font-size:48px; line-height:48px; } .ms-grill.ms-grill-health .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-health .box-three-recipes .graphic-item-2 a { color:#cc6834; } .ms-grill.ms-grill-health .box-three-recipes .u-responsive-padding { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title { margin-bottom:71px; } .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title { font-size:31px; line-height:43px; color:#cc6834; margin-bottom:48px; margin-top:3px; } .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } .ms-grill.ms-grill-health .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-health .box-three-recipes .graphic-item-2 a { color:#cc6834; } } @media (min-width:801px) { .ms-grill.ms-grill-health .box-three-recipes { margin-top:57px; } .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title, .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title span{ font-size:36px; line-height:40px; } .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title { margin-bottom:64px; margin-top:50px; } } @media (min-width:1367px) { .ms-grill.ms-grill-health .box-three-recipes .box-graphic-item-title { margin-bottom:64px; margin-top:0px; } } /*** Box box-herbs-on-grill ************************/ .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title { text-align:center; text-shadow:0 9px 18px rgba(115,118,106,0.5); font-size:36px; line-height:20px; margin-top:71px; margin-bottom:29px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title span { font-size:72px; line-height:72px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill.box-banner-bordred { border-width:0; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-content { float:none; margin:0; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-herbs-on-grill-0 { margin-bottom:7px; } @media (min-width:720px) { .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title { font-size:77px; line-height:69px; margin-top:148px; margin-bottom:85px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title span { font-size:127px; line-height:127px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-wrap { min-height:750px; } } @media (min-width:801px) { .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title { font-size:66px; line-height:63px; margin-top:147px; margin-bottom:90px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-title span { font-size:127px; line-height:127px; } .ms-grill.ms-grill-bylinky .box-herbs-on-grill .box-banner-wrap { min-height:750px; } } @media (min-width:1600px) { .ms-grill.ms-grill-bylinky .box-herbs-on-grill.box-banner-bordred { border-color:#e7bb92; border-width:0 1px 1px 1px; } } /*** Box box-to-prave *************************/ .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title, .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title span { font-size:24px; line-height:48px; color:#449703; margin-top:28px; margin-bottom:21px; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title span { margin:0; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title span:nth-of-type(3) { font-size:48px; line-height:28px; } .ms-grill.ms-grill-bylinky .box-to-prave .box-image-text-right-2 .box-image-text-right-title { font-size:24px; line-height:26px; color:#449703; margin-top:50px; } @media (max-width:375px) { .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-left .box-image-text-image-desktop { display:block; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-right .graphic-item-image { display:none; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-right { margin-top:56px; } } @media (min-width:376px) { .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title, .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image { font-size:48px; line-height:60px; color:#449703; margin-top:72px; margin-bottom:60px; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image { position:relative; margin:0; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image:after { content:""; position:absolute; display:none; width:134px; height:74px; top:-38px; right:-145px; background:url('/-a96953---AhFr-bec/image-chutne') no-repeat 0 0; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title span:nth-of-type(2), .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title span:nth-of-type(3) { font-size:60px; line-height:60px; margin:0; } .ms-grill.ms-grill-bylinky .box-image-text .box-to-prave-wrap .box-image-text-right .box-image-text-right-title { margin-top:56px; } } @media (min-width:706px) { .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image:after { display:block; } } @media (min-width:801px) { .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title { margin-top:60px; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image:after { right:-156px; top:-33px; } .ms-grill.ms-grill-bylinky .box-image-text .box-to-prave-wrap .box-image-text-right .box-image-text-right-title { margin-top:82px; } .ms-grill.ms-grill-bylinky .box-image-text .box-to-prave-wrap .graphic-item-image-wrap img { width:100%; } } @media (min-width:1367px) { .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title { margin-top:60px; } .ms-grill.ms-grill-bylinky .box-to-prave .box-to-prave-wrap .box-to-prave-title .image:after { right:-156px; top:-34px; } } /***** Box share **********************/ .ms-grill.ms-grill-bylinky .box-share .box-share-title { margin-top:0; } .ms-grill.ms-grill-bylinky .box-share .box-share-buttons { margin-bottom:79px; } @media (min-width:376px) { .ms-grill.ms-grill-bylinky .box-share .box-share-buttons { margin-bottom:118px; } .ms-grill.ms-grill-bylinky .box-share .box-share-title { margin-top:14px; } } @media (min-width:801px) { .ms-grill.ms-grill-bylinky .box-share .box-share-buttons { margin-bottom:122px; } } /*** Box box-setrne-pestovane ***************************/ .ms-grill.ms-grill-bylinky .box-setrne-pestovane.box-article .box-setrne-pestovane-title { font-size:48px; line-height:48px; color:#449703; margin-bottom:27px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .u-responsive-padding { padding-top:0; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-article-content .box-article-wrap { padding-top:22px; } @media (max-width:375px) { .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-title { display:none; text-align:center; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-title.u-hide { display:block!important; } } @media (min-width:376px) { .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-title .image { position:relative; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-article-content .box-article-wrap { padding-top:40px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-title .image:after { content:""; position:absolute; display:none; width:126px; height:82px; top:-51px; right:-56px; background:url('/-a96954---WVgVIseA/image-pro-albert') no-repeat 0 0; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane.box-article .box-setrne-pestovane-title { line-height:58px; margin-bottom:36px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-article-right .box-article-item-content { padding-left:18px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-right { float:left; width:100%; } } @media (min-width:750px) { .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-right { float:none; width:auto; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-title .image:after { display:block; } } @media (min-width:801px) { .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-left { width:43.2%; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-setrne-pestovane-right { padding-top:18px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-article-right .box-article-item-content { padding-right:45px; } .ms-grill.ms-grill-bylinky .box-setrne-pestovane .box-article-content .box-article-wrap { padding-top:82px; } } /*** Box box-doporucene-recepty *****************************/ .ms-grill.ms-grill-bylinky .box-doporucene-recepty .box-doporucene-recepty-title { font-size:27px; line-height:22px; color:#449703; margin-bottom:35px; } .ms-grill.ms-grill-bylinky .box-doporucene-recepty .box-doporucene-recepty-title span { font-size:44px; line-height:48px; } .ms-grill.ms-grill-bylinky .box-doporucene-recepty .graphic-item-1 a, .ms-grill.ms-grill-bylinky .box-doporucene-recepty .graphic-item-2 a { color:#795324; } @media (min-width:801px) { .ms-grill.ms-grill-bylinky .box-doporucene-recepty .box-doporucene-recepty-title span, .ms-grill.ms-grill-bylinky .box-doporucene-recepty .box-doporucene-recepty-title { font-size:44px; line-height:48px; } } /*** Box box-header-steaky ************************/ .ms-grill.ms-grill-steaky .box-header-steaky.box-banner-bordred { border-bottom:1px solid #efd5bc; } .ms-grill.ms-grill-steaky .box-header-steaky .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title { font-size:36px; line-height:41px; margin-bottom:34px; margin-top:33px; text-shadow:0 9px 18px rgba(25,35,20,0.7); } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title span { font-size:60px; line-height:54px; } @media (min-width:600px) { .ms-grill.ms-grill-steaky .box-header-steaky .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title { font-size:44px; line-height:45px; margin-bottom:68px; margin-top:84px; } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title span { font-size:80px; line-height:90px; } } @media (min-width:801px) { .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title { font-size:65px; line-height:65px; margin-bottom:65px; margin-top:175px; } .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title span { font-size:126px; line-height:126px; } } @media (min-width:1367px) { .ms-grill.ms-grill-steaky .box-header-steaky .box-header-steaky-content .box-banner-title { margin-top:192px; } } /*** Box box-herbs-health-grill ************************/ @media (min-width:376px) { .ms-grill.ms-grill-steaky .box-herbs-health-grill .box-banner-wrap { min-height:700px; } .ms-grill.ms-grill-steaky .box-herbs-health-grill { margin-bottom:0; } } /*** Box box-share ************************/ .ms-grill.ms-grill-steaky .box-share .box-share-title { color:#933300; } .ms-grill.ms-grill-steaky .box-share .box-share-buttons:after { background-image:url('/-a97280---JCUDP6DZ/pip-steaky') } @media (min-width:376px) { .ms-grill.ms-grill-steaky .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-steaky .box-share .box-share-title { margin-top:76px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title { color:#933300; font-size:24px; line-height:33px; margin-bottom:32px; margin-top:63px; } .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-steaky .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-steaky .graphic-item-2 a { color:#933300; } @media (min-width:376px) { .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title { color:#933300; font-size:36px; line-height:46px; margin-bottom:67px; margin-top:65px; } .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } } @media (min-width:801px) { .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title { color:#933300; font-size:36px; line-height:46px; margin-bottom:58px; margin-top:58px; } .ms-grill.ms-grill-steaky .box-three-recipes .box-graphic-item-title span { font-size:36px; line-height:46px; } } /*** Box box-article-wrap ************************/ .ms-grill.ms-grill-steaky .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-steaky .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-steaky .box-article .box-article-wrap { padding-top:56px; } } @media (min-width:801px) { .ms-grill.ms-grill-steaky .box-article .box-article-wrap { padding-top:48px; } } /*** Box box-grill-healthly ************************/ .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title { font-size:30px; line-height:23px; margin-bottom:34px; margin-top:24px; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title span { font-size:54px; line-height:58px } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-body, .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-body p { font-size:23px; line-height:29px; font-family: "TradeGothicLTPro"; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-article-body { margin-bottom:36px; } .ms-grill.ms-grill-steaky .box-article-right { display:none; } .ms-grill.ms-grill-steaky .box-article-right-0 { display:block!important; } .ms-grill.ms-grill-steaky .box-article-left { margin-bottom:20px; } .ms-grill.ms-grill-steaky .box-article .box-article-title span { display:none; } .ms-grill.ms-grill-steaky .box-article .box-article-title { font-size:35px; line-height:59px; color:#933300; margin-top:6px; margin-bottom:15px; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-article .u-responsive-padding { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title { margin-top:41px; } .ms-grill.ms-grill-steaky .box-article-right-0 { display:none!important; } .ms-grill.ms-grill-steaky .box-article-right { display:block; } .ms-grill.ms-grill-steaky .box-article .box-article-title { font-size:36px; line-height:41px; margin-top:0px; margin-bottom:26px; } .ms-grill.ms-grill-steaky .box-article .box-article-wrap { padding-top:20px; } .ms-grill.ms-grill-steaky .box-article-reverse.box-article .box-article-title { margin-top:0px; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-body { margin-bottom:65px; } } @media (min-width:801px) { .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title, .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title span { font-size:54px; line-height:60px; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-title { margin-bottom:54px; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-body { max-width: 1300px; width: 100%; margin: 0 auto 50px; padding-left:0; padding-right:0; } .ms-grill.ms-grill-steaky .box-grill-healthly .box-grill-healthly-body-content { padding:0 106px; } } /*** Box box-header-kempink ************************/ .ms-grill.ms-grill-kempink .box-header-kempink .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title { font-size:36px; line-height:42px; margin-bottom:130px; margin-top:51px; text-shadow:0 9px 18px rgba(25,35,20,0.7); } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title span { font-size:44px; line-height:52px; } @media (min-width:600px) { .ms-grill.ms-grill-kempink .box-header-kempink .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title { font-size:50px; line-height:54px; margin-bottom:69px; margin-top:183px; } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title span { font-size:70px; line-height:70px; } } @media (min-width:801px) { .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title { font-size:65px; line-height:65px; margin-bottom:66px; margin-top:140px; } .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title span { font-size:90px; line-height:90px; } } @media (min-width:1020px) { .ms-grill.ms-grill-kempink .box-header-kempink .box-header-kempink-content .box-banner-title span { font-size:126px; line-height:126px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-kempink .box-share .box-share-title { color:#cc6834; } .ms-grill.ms-grill-kempink .box-share .box-share-buttons:after { background-image:url('/-a97382---iwxXlVl5/pip-kempink') } @media (min-width:376px) { .ms-grill.ms-grill-kempink .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-kempink .box-share .box-share-title { margin-top:76px; } } @media (min-width:801px) { .ms-grill.ms-grill-kempink .box-share .box-share-buttons { margin-bottom:108px; } } /*** Box box-herbs-health-grill ************************/ @media (min-width:376px) { .ms-grill.ms-grill-kempink .box-herbs-health-grill .box-banner-wrap { min-height:700px; } .ms-grill.ms-grill-kempink .box-herbs-health-grill { margin-bottom:0; } } /*** Box box-article-wrap ************************/ .ms-grill.ms-grill-kempink .box-article-right { margin-top:8px; } .ms-grill.ms-grill-kempink .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-kempink .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-kempink .box-article .box-article-wrap { padding-top:56px; } } @media (min-width:801px) { .ms-grill.ms-grill-kempink .box-article .box-article-wrap { padding-top:48px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title { color:#d26a3c; font-size:24px; line-height:33px; margin-bottom:32px; margin-top:63px; } .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-kempink .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-kempink .box-three-recipes .graphic-item-2 a { color:#d26a3c; } @media (min-width:376px) { .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:67px; margin-top:65px; } .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } } @media (min-width:801px) { .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:58px; margin-top:58px; } .ms-grill.ms-grill-kempink .box-three-recipes .box-graphic-item-title span { font-size:36px; line-height:46px; } } /*** Box box-header-desatero ************************/ .ms-grill.ms-grill-desatero .box-header-desatero .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-desatero .box-header-desatero.box-banner-bordred { border-bottom-color:#e7bb92; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title { font-size:40px; line-height:42px; margin-bottom:61px; margin-top:83px; text-shadow:0 9px 18px rgba(25,35,20,0.7); } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span { font-size:40px; line-height:42px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span:nth-of-type(2) { font-size:54px; line-height:54px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span:nth-of-type(3) { display:none; } @media (min-width:690px) { .ms-grill.ms-grill-desatero .box-header-desatero .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title { margin-bottom:96px; margin-top:114px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span:nth-of-type(1) { font-size:80px; line-height:103px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span:nth-of-type(2) { font-size:113px; line-height:94px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span:nth-of-type(3) { font-size:30px; line-height:34px; display:block; margin-top:-20px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title { font-size:65px; line-height:65px; margin-bottom:95px; margin-top:115px; } .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span { font-size:90px; line-height:90px; } } @media (min-width:1020px) { .ms-grill.ms-grill-desatero .box-header-desatero .box-header-desatero-content .box-banner-title span { font-size:126px; line-height:126px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-desatero .box-share .box-share-title { color:#ca371d; } .ms-grill.ms-grill-desatero .box-share .box-share-buttons:after { background-image:url('/-a97521---VojbTppx/pip-desatero') } @media (min-width:376px) { .ms-grill.ms-grill-desatero .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-desatero .box-share .box-share-title { margin-top:76px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-share .box-share-buttons { margin-bottom:108px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title { color:#ca371d; font-size:24px; line-height:33px; margin-bottom:50px; margin-top:11px; } .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-desatero .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-desatero .box-three-recipes .graphic-item-2 a { color:#ca371d; } @media (min-width:376px) { .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:56px; margin-top:45px; } .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:58px; margin-top:0px; } .ms-grill.ms-grill-desatero .box-three-recipes .box-graphic-item-title span { font-size:36px; line-height:46px; } } /*** Box box-article-wrap ************************/ .ms-grill.ms-grill-desatero .box-article .box-article-title { font-size:27px; line-height:33px; color:#232323; margin-bottom:27px; margin-top:0; } .ms-grill.ms-grill-desatero .box-article-right { margin-top:8px; padding-top:28px; } .ms-grill.ms-grill-desatero .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:56px; } .ms-grill.ms-grill-desatero .box-article-right { padding-top:13px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:48px; } .ms-grill.ms-grill-desatero .box-article-right { padding-top:32px; } .ms-grill.ms-grill-desatero .box-article-left { width:46.2%; margin-right:51px; } } .ms-grill.ms-grill-desatero .box-article-right { margin-top:8px; } .ms-grill.ms-grill-desatero .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:56px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-article .box-article-wrap { padding-top:48px; } } /*** Box box-grill-4 ************************/ .ms-grill.ms-grill-desatero .box-grill-4 { margin-bottom:58px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title { margin-top:26px; margin-bottom:45px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item-image { margin-top:45px; margin-bottom:37px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item-title { margin-top:23px; color:#ca371d; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item { margin:0 0 0 0; padding:0; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item .box-grill-4-item-article-2, .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item .box-grill-4-item-article-1 { margin:0; } .ms-grill.ms-grill-desatero .box-grill-4-item-article-buttons { margin-bottom:27px; } @media (min-width:376px) { .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title, .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title span { font-size: 54px; line-height: 54px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title { margin-top:52px; margin-bottom:0; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-image { float:right; padding:15px 0 15px 15px; border-left-width:1px; border-right-width:0; margin-left:40px; margin-right:-45px; margin-top:38px; width:50.4%; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item .box-grill-4-item-article-1 { margin-top:62px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-article-1 { margin-top:63px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-article-2 { clear:both; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-article-2 { clear:both; margin-top:70px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-article-buttons { margin-top:-8px; margin-bottom:8px; } } @media (min-width:801px) { .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-title { margin-top:66px; } .ms-grill.ms-grill-desatero .box-grill-4 .container-1300 { max-width:1240px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item-image { margin-top:37px; width:30.5%; margin-right:39px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-image { margin-right:0; padding:15px; border-right-width:1px; width:31.1%; margin-top:57px; } .ms-grill.ms-grill-desatero .box-grill-4 .box-grill-4-item-article-content { padding:0 74px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item .box-grill-4-item-article-1 { margin-top:81px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item .box-grill-4-item-article-2 { margin-top:66px; clear:none; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-article-1 { margin-top:105px; } .ms-grill.ms-grill-desatero .box-grill-4-reverse .box-grill-4-item-reverse .box-grill-4-item-article-2 { margin-top:72px; } } /*** Box box-header-marinady ************************/ .ms-grill.ms-grill-marinady .box-header-marinady .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-marinady .box-header-marinady.box-banner-bordred { border-bottom-color:#e7bb92; } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:36px; line-height:40px; margin-bottom:63px; margin-top:60px; text-shadow:0 9px 18px rgba(25,35,20,0.7); } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:55px; line-height:55px; } @media (min-width:620px) { .ms-grill.ms-grill-marinady .box-header-marinady .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:50px; line-height:52px; margin-bottom:54px; margin-top:188px; } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:83px; line-height:83px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:64px; line-height:75px; margin-bottom:53px; margin-top:193px; } .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:90px; line-height:90px; } } @media (min-width:900px) { .ms-grill.ms-grill-marinady .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:126px; line-height:126px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-marinady .box-share .box-share-title { color:#cc6834; margin-top:93px; } .ms-grill.ms-grill-marinady .box-share .box-share-buttons:after { background-image:url('/-a97382---iwxXlVl5/pip-kempink') } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-marinady .box-share .box-share-title { margin-top:90px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-share .box-share-buttons { margin-bottom:108px; margin-top:47px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title { color:#d26a3c; font-size:24px; line-height:33px; margin-bottom:50px; margin-top:17px; } .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-marinady .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-marinady .box-three-recipes .graphic-item-2 a { color:#d26a3c; } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:25px; margin-top:45px; } .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-three-recipes .u-responsive-padding { padding-top:23px; } .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:58px; margin-top:0px; } .ms-grill.ms-grill-marinady .box-three-recipes .box-graphic-item-title span { font-size:36px; line-height:46px; } } /*** Box box-article-wrap ************************/ .ms-grill.ms-grill-marinady .box-article-right { margin-top:8px; padding-top:28px; } .ms-grill.ms-grill-marinady .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:64px; } .ms-grill.ms-grill-marinady .box-article-right { padding-top:13px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:48px; } .ms-grill.ms-grill-marinady .box-article-right { padding-top:32px; } .ms-grill.ms-grill-marinady .box-article-left { width:46.2%; margin-right:51px; } } .ms-grill.ms-grill-marinady .box-article-right { margin-top:8px; } .ms-grill.ms-grill-marinady .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:56px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-article .box-article-wrap { padding-top:48px; } } /*** Box box-5-pravidel ************************/ .ms-grill.ms-grill-marinady .box-5-pravidel { margin-bottom:58px; counter-reset: item; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-title { font-size:25px; line-height:34px; margin-top:26px; margin-bottom:22px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-title span { font-size:40px; line-height:40px; color:#e8c505; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-left { display:none; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-body { text-align:center; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-content { padding-top:0; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-item { padding-top:0; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-wrap { padding-top:10px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-wrap ol { padding:0; margin:0; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-wrap ol li { display:block; margin-left: 44px; font-size:16px; line-height:26px; position:relative; padding-top:8px; padding-bottom:21px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article .box-article-wrap ol li::before { display: inline-block; position:absolute; content: counter(item)"."; counter-increment: item; font-size:36px; line-height:36px; color:#232323; font-family: "FutureCEBold"; left:inherit; top:1px; margin-left:-44px; } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-5-pravidel { margin-top:60px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-title { font-size:30px; line-height:31px; margin-top:26px; margin-bottom:31px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-title span { font-size:52px; line-height:52px; color:#e8c505; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article { margin-bottom:24px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-left { display:inline-block; width:51.5%; margin-right:81px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-body { margin-bottom:61px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-right { margin-top:12px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-reverse .box-article-right { margin-top:4px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-reverse .box-article-left { margin-right:0; display:inline-block; width:49.3%; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-5-pravidel .box-5-pravidel-title { margin-top:76px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-left { width:45%; margin-right:81px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article { margin-bottom:6px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-left { margin-right:103px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-right { margin-top:30px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-reverse .box-article-right { margin-top:4px; } .ms-grill.ms-grill-marinady .box-5-pravidel .box-article-reverse .box-article-left { width:45.8%; margin-right:0; } .ms-grill.ms-grill-marinady .box-5-pravidel { margin-bottom:0; } } /*** Box box-letem-svetem **************************/ .ms-grill.ms-grill-marinady .box-letem-svetem { margin-bottom:58px; counter-reset: item; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-letem-svetem-title { font-size:30px; line-height:35px; margin-top:0px; margin-bottom:30px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-letem-svetem-title span { font-size:52px; line-height:52px; color:#d36e42; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-letem-svetem-body { text-align:center; margin-bottom:37px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-body a { text-transform:uppercase; color:#d36e42; font-family: "TradeGothicLTProBC20"; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-title span { display:none; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-title { font-size:30px; line-height:35px; margin-bottom:26px; margin-top:0; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-buttons { margin-top:24px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article { margin-bottom:7px; } @media (min-width:376px) { .ms-grill.ms-grill-marinady .box-letem-svetem .box-article .box-article-wrap { padding-top:7px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-left { width:51.5%; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-title { margin-top:0px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-reverse .box-article-left { width:49.5%; margin-top:2px; } .ms-grill.ms-grill-marinady .box-article-reverse .box-article-right { padding-top:0; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article { margin-bottom:21px; } } @media (min-width:801px) { .ms-grill.ms-grill-marinady .box-letem-svetem { margin-bottom:0; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article { margin-bottom:45px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-left { width:45.5%; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-reverse .box-article-left { width:45%; margin-top:2px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article .u-responsive-padding { padding-top:8px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-letem-svetem-body { margin-top:0; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article .box-article-title { margin-top:24px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-reverse.box-article .box-article-title { margin-top:24px; } .ms-grill.ms-grill-marinady .box-letem-svetem .box-article-right { padding-top:10px; } } /*** Box box-header-burgery ************************/ .ms-grill.ms-grill-burgery .box-header-marinady .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-burgery .box-header-marinady.box-banner-bordred { border-bottom-color:#e7bb92; } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:36px; line-height:43px; margin-bottom:17px; margin-top:18px; text-shadow:0 9px 18px rgba(25,35,20,0.7); /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:55px; line-height:55px; } @media (min-width:620px) { .ms-grill.ms-grill-burgery .box-header-marinady .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:50px; line-height:59px; margin-bottom:52px; margin-top:125px; } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:83px; line-height:83px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title { font-size:64px; line-height:75px; margin-bottom:53px; margin-top:193px; } .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:90px; line-height:90px; } } @media (min-width:900px) { .ms-grill.ms-grill-burgery .box-header-marinady .box-header-marinady-content .box-banner-title span { font-size:126px; line-height:126px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-burgery .box-share .box-share-title { color:#cc6834; margin-top:63px; } .ms-grill.ms-grill-burgery .box-share .box-share-buttons:after { background-image:url('/-a97382---iwxXlVl5/pip-kempink') } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-burgery .box-share .box-share-title { margin-top:90px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-share .box-share-buttons { margin-bottom:108px; margin-top:24px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title { color:#ca7e35; font-size:24px; line-height:33px; margin-bottom:32px; margin-top:45px; /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-burgery .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-burgery .box-three-recipes .graphic-item-2 a { color:#ca7e35; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:66px; margin-top:45px; } .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title span { font-size:54px; line-height:54px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-three-recipes .u-responsive-padding { padding-top:23px; } .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title { font-size:36px; line-height:46px; margin-bottom:60px; margin-top:52px; } .ms-grill.ms-grill-burgery .box-three-recipes .box-graphic-item-title span { font-size:36px; line-height:46px; } } /*** Box box-article-wrap ************************/ .ms-grill.ms-grill-burgery .box-article-right { margin-top:8px; padding-top:28px; } .ms-grill.ms-grill-burgery .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:64px; } .ms-grill.ms-grill-burgery .box-article-right { padding-top:24px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:48px; } .ms-grill.ms-grill-burgery .box-article-right { padding-top:32px; } .ms-grill.ms-grill-burgery .box-article-left { width:45.2%; margin-right:67px; } } .ms-grill.ms-grill-burgery .box-article-right { margin-top:8px; } .ms-grill.ms-grill-burgery .box-article-wrap .u-s-show-xs .box-article-header-item { display:none; } .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:56px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-article .box-article-wrap { padding-top:48px; } } /*** Box box-6-kroku ************************/ .ms-grill.ms-grill-burgery .box-6-kroku { margin-bottom:58px; counter-reset: item; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-title { font-size:36px; line-height:40px; margin-top:37px; margin-bottom:13px; /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-title span { font-size:58px; line-height:58px; color:#ca7e35; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-left { display:block; margin-bottom:32px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-body { text-align:center; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-content { padding-top:0; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-item { padding-top:0; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-wrap { padding-top:0px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-wrap ol { padding:0; margin:0; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-wrap ol li { display:block; font-size:17px; line-height:26px; position:relative; padding-top:8px; padding-bottom:11px; margin-left: 44px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-wrap ol li::before { display: inline-block; position:absolute; content: counter(item)"."; counter-increment: item; font-size:35px; line-height:36px; color:#232323; font-family: "FutureCEBold"; left:inherit; top:1px; margin-left:-44px; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-6-kroku { margin-top:60px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-title { font-size:30px; line-height:31px; margin-top:26px; margin-bottom:31px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-title span { font-size:52px; line-height:52px; color:#ca7e35; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article { margin-bottom:0px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-left { display:inline-block; width:51.5%; margin-right:81px; margin-bottom:10px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-body { margin-bottom:32px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-right { margin-top:12px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-reverse .box-article-right { margin-top:4px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-reverse .box-article-left { margin-right:0; display:inline-block; width:49.3%; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-title { margin-top:76px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-left { width:45%; margin-right:81px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article { margin-bottom:6px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-left { margin-right:103px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-right { margin-top:30px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-reverse .box-article-right { margin-top:4px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article-reverse .box-article-left { width:45.8%; margin-right:0; } .ms-grill.ms-grill-burgery .box-6-kroku .box-article .box-article-wrap ol li { font-size:20px; } .ms-grill.ms-grill-burgery .box-6-kroku .box-6-kroku-body { margin-bottom:50px; } .ms-grill.ms-grill-burgery .box-6-kroku { margin-bottom:0; } } /*** Box box-maso-je-zaklad ************************/ .ms-grill.ms-grill-burgery .box-maso-je-zaklad { margin-bottom:67px; } .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-maso-je-zaklad-title { font-size:30px; line-height:30px; margin-top:26px; margin-bottom:28px; /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-maso-je-zaklad-title span { font-size:56px; line-height:58px; color:#ca7e35; } .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-grill-healthly-body a { color:#ca7e35; font-weight:bold; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-maso-je-zaklad-title { margin-top:38px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-maso-je-zaklad-title { font-size:36px; } .ms-grill.ms-grill-burgery .box-maso-je-zaklad { margin-bottom:84px; } .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-grill-healthly-body { max-width: 1300px; width: 100%; margin: 0 auto 50px; padding-left: 0; padding-right: 0; } .ms-grill.ms-grill-burgery .box-maso-je-zaklad .box-grill-healthly-body-content { padding: 0 106px; } } /*** Box box-a-co-dal **************************/ .ms-grill.ms-grill-burgery .box-a-co-dal .box-a-co-dal-title { color:#ca7e35; margin-bottom:28px; /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-body { margin-bottom:0; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-body p { margin-bottom:8px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-title { margin-top:78px; color:#ca7e35; font-size:34px; line-height:40px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item { min-height:594px; margin-bottom:0; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-0 .box-grill-5-item-title { text-shadow:0 8px 10px rgba(0,0,0,0.3); } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-body { font-size:20px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-body a { color:#ca7e35; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-1 { padding-top:0; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-a-co-dal .box-a-co-dal-title { margin-bottom:20px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-body { margin-bottom:28px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-0 .box-grill-5-item-wrap { float:none; width:auto; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-1 .box-grill-5-item-wrap { float:right; width:294px; padding-top:294px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-0 .box-grill-5-item-title { margin-top:154px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item { min-height:770px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-1 { min-height:779px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-a-co-dal .box-bez-peciva-body { margin-bottom:64px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item .box-grill-5-item-wrap { padding:0 35px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-1 .box-grill-5-item-wrap { float:right; width:355px; padding-top:333px; } .ms-grill.ms-grill-burgery .box-a-co-dal .box-grill-5-item-1 { min-height:770px; } } /*** Box box-bez-peciva **************************/ .ms-grill.ms-grill-burgery .box-bez-peciva .box-grill-3-title { color:#ca7e35; font-size:50px; line-height:60px; margin-bottom:22px; margin-top:12px; /*font FuturaTOT*/ } .ms-grill.ms-grill-burgery .box-bez-peciva .box-grill-3-items { margin-top:0; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-image { margin-bottom:10px; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-body a { color:#ca7e35; font-weight:bold; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-body p { margin-bottom:20px; font-size:16px; } @media (min-width:376px) { .ms-grill.ms-grill-burgery .box-bez-peciva .box-grill-3-title { margin-top:30px; color:#ca7e35; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-image { margin-bottom:26px; margin-top:5px; } } @media (min-width:801px) { .ms-grill.ms-grill-burgery .box-bez-peciva .box-grill-3-title { margin-top:39px; margin-bottom:55px; } .ms-grill.ms-grill-burgery .box-bez-peciva .box-grill-3-device { padding-top:27px; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-body p { font-size:17px; } .ms-grill.ms-grill-burgery .box-bez-peciva .graphic-item-small .graphic-item-small-image { padding-bottom:0px; } } /*** Box box-header-vegetariani ************************/ .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani.box-banner-bordred { border-bottom-color:#e7bb92; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title { font-size:30px; line-height:26px; margin-bottom:70px; margin-top:44px; text-shadow:0 9px 18px rgba(113,114,135,0.5); /*font FuturaTOT*/ } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(1) { font-size:41px; line-height:54px; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(2) { font-size:59px; line-height:57px; } @media (min-width:620px) { .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title { font-size:27px; line-height:48px; margin-bottom:39px; margin-top:169px; /*font FuturaTOT*/ } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(1) { font-size:71px; line-height:103px; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(2) { font-size:114px; line-height:97px; } } @media (min-width:801px) { .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title { font-size:27px; line-height:48px; margin-bottom:39px; margin-top:169px; /*font FuturaTOT*/ } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(1) { font-size:71px; line-height:103px; } .ms-grill.ms-grill-vegetariani .box-header-vegetariani .box-header-vegetariani-content .box-banner-title span:nth-of-type(2) { font-size:114px; line-height:97px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-vegetariani .box-share .box-share-title { color:#ca371d; margin-top:63px; } .ms-grill.ms-grill-vegetariani .box-share .box-share-buttons:after { background-image:url('/-a97521---VojbTppx/pip-desatero') } @media (min-width:376px) { .ms-grill.ms-grill-vegetariani .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-vegetariani .box-share .box-share-title { margin-top:17px; } } @media (min-width:801px) { .ms-grill.ms-grill-vegetariani .box-share .box-share-buttons { margin-bottom:108px; margin-top:24px; } .ms-grill.ms-grill-vegetariani .box-share .box-share-title { margin-top:112px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-vegetariani .box-three-recipes .box-graphic-item-title { color:#ca7e35; font-size:32px; line-height:40px; margin-bottom:72px; margin-top:26px; /*font FuturaTOT*/ } .ms-grill.ms-grill-vegetariani .box-three-recipes .box-graphic-item-title span { font-size:42px; line-height:42px; } .ms-grill.ms-grill-vegetariani .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-vegetariani .box-three-recipes .graphic-item-2 a { color:#ca7e35; } .ms-grill.ms-grill-vegetariani .box-three-recipes .graphic-item-icon-time { left:inherit; right:13px; } @media (min-width:376px) { .ms-grill.ms-grill-vegetariani .box-three-recipes .box-graphic-item-title { font-size:32px; line-height:40px; margin-bottom:66px; margin-top:21px; } .ms-grill.ms-grill-vegetariani .box-three-recipes .u-responsive-padding { padding-top:0; } } @media (min-width:801px) { .ms-grill.ms-grill-vegetariani .box-three-recipes .u-responsive-padding { padding-top:23px; } .ms-grill.ms-grill-vegetariani .box-three-recipes .box-graphic-item-title { font-size:32px; line-height:40px; margin-bottom:66px; margin-top:45px; } } /*** Box box-section-1 ************************/ .ms-grill.ms-grill-vegetariani .box-section-1 .graphic-item-image { display:none; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-title span { display:none; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-title { color:#232323; font-size:27px; line-height:33px; margin-top:46px; margin-bottom:30px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-right { padding-top:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-body p { margin:0; } @media (min-width:376px) { .ms-grill.ms-grill-vegetariani .box-section-1 { padding-top:61px; } .ms-grill.ms-grill-vegetariani .box-section-1 .graphic-item-image { display:block; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-left { float:right; margin-right:-60px; margin-left:40px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-left .graphic-item-image { border-left-width:1px; border-right-width:0; padding-right:0; padding-left:15px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-left { float:left; margin-left:-45px; margin-right:40px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-left .graphic-item-image { border-left-width:0; border-right-width:1px; padding-right:15px; padding-left:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse.box-article .box-article-title { margin-top:36px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-right .box-article-item-content { padding:0 40px } } @media (min-width:801px) { .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-left, .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-left { margin:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-left .graphic-item-image, .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-left .graphic-item-image { padding:15px; border-width:1px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-left { margin-left:48px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse .box-article-left { margin-right:48px; margin-left:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article .box-article-content { padding-right:45px; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article-reverse.box-article .box-article-content { padding-right:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article .box-article-content { padding-top:0; } .ms-grill.ms-grill-vegetariani .box-section-1 .box-article { margin-bottom:8px; } .ms-grill.ms-grill-vegetariani .box-section-1 { padding-top:90px; margin-bottom:20px; } } /*** Box box-herbs-title ************************/ @media(min-width:600px) { .ms-grill.ms-grill-vegetariani .box-herbs .box-herbs-title { margin-top:67px; } } @media(min-width:801px) { .ms-grill.ms-grill-vegetariani .box-herbs .box-herbs-title { margin-top:90px; } } /*** Box box-9-triku ************************/ .ms-grill.ms-grill-vegetariani .box-9-triku .box-9-triku-title { font-size:42px; line-height:50px; margin-top:16px; margin-bottom:25px; } .ms-grill.ms-grill-vegetariani .box-9-triku .box-grill-4-item-title { color:#ca7e35; } .ms-grill.ms-grill-vegetariani .box-9-triku .box-grill-4-item-body a { color:#ca7e35; font-weight:bold; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-title { margin-top:0; color:#cc8442; margin-bottom:24px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-2 { margin-top:0px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-1.box-grill-4-item-bg .box-grill-4-item-article-2 { margin-top:30px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-image { margin-bottom:0; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item { margin-bottom:11px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg { margin-bottom:0px; } @media (min-width:376px) { .ms-grill.ms-grill-vegetariani .box-9-triku .box-9-triku-title { font-size:52px; line-height:59px; margin-top:41px; margin-bottom:34px; } .ms-grill.ms-grill-vegetariani .box-9-triku .box-grill-4-item-reverse .box-grill-4-item-image { float:right; width:50.2%; margin-left:0; margin-right:-45px!important; border-right-width: 0; border-left-width: 1px; padding-left:15px; padding-right:0; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-article-1 { margin-bottom:0; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-title { margin-top:62px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg { margin-top:38px; padding-bottom:27px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article { float:right; width:322px; clear:both; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article-1 { margin-bottom:0; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-1.box-grill-4-item-bg .box-grill-4-item-article-2 { margin-top:18px; } } @media (min-width:801px) { .ms-grill.ms-grill-vegetariani .box-9-triku .box-9-triku-title { font-size:52px; line-height:59px; margin-top:51px; margin-bottom:37px; } .ms-grill.ms-grill-vegetariani .box-9-triku .box-grill-4-items .container-1300 { max-width:1243px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-image { width:44.6%; margin-right:38px; } .ms-grill.ms-grill-vegetariani .box-9-triku .box-grill-4-item-reverse .box-grill-4-item-image { width:44.6%; margin-top:24px; padding:15px; border-width:1px; margin-right: 0!important; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg { margin-top:64px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article { width:385px; margin-top:14px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg { padding-bottom:48px; margin-bottom:50px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-article-content { padding-right:76px; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-reverse .box-grill-4-item-article-content { padding-left:76px; padding-right:0; } .ms-grill.ms-grill-vegetariani .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article-content { padding:0; } } /*** Box box-header-deti ************************/ .ms-grill.ms-grill-deti .box-header-deti .box-banner-wrap { min-height:520px; } .ms-grill.ms-grill-deti .box-header-deti .box-banner-wrap .u-responsive-padding { padding-bottom:10px; } .ms-grill.ms-grill-deti .box-header-deti.box-banner-bordred { border-bottom-color:#e7bb92; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content { float:none; margin:0; text-align:center; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title { font-size:17px; line-height:22px; margin-bottom:100px; margin-top:44px; text-shadow:0 9px 18px rgba(25,35,20,0.7); } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span { display:inline-block; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(1) { font-size:41px; line-height:41px; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(2) { font-size:65px; line-height:65px; margin-top:12px; } @media (min-width:650px) { .ms-grill.ms-grill-deti .box-header-deti .box-banner-wrap { min-height:750px; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title { font-size:27px; line-height:38px; margin-bottom:84px; margin-top:121px; /*font FuturaTOT*/ } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(1) { font-size:71px; line-height:103px; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(2) { font-size:114px; line-height:97px; } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title { font-size:27px; line-height:41px; margin-bottom:82px; margin-top:120px; /*font FuturaTOT*/ } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(1) { font-size:71px; line-height:103px; } .ms-grill.ms-grill-deti .box-header-deti .box-header-deti-content .box-banner-title span:nth-of-type(2) { font-size:114px; line-height:97px; } } /*** Box box-share ************************/ .ms-grill.ms-grill-deti .box-share .box-share-title { color:#cc6834; margin-top:58px; } .ms-grill.ms-grill-deti .box-share .box-share-buttons:after { background-image:url('/-a97382---iwxXlVl5/pip-kempink') } @media (min-width:376px) { .ms-grill.ms-grill-deti .box-share .box-share-buttons { margin-bottom:117px; } .ms-grill.ms-grill-deti .box-share .box-share-title { margin-top:64px; } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-share .box-share-buttons { margin-bottom:84px; margin-top:24px; } .ms-grill.ms-grill-deti .box-share .box-share-title { margin-top:53px; } } @media (min-width:1367px) { .ms-grill.ms-grill-deti .box-share .box-share-buttons { margin-bottom:103px; margin-top:24px; } .ms-grill.ms-grill-deti .box-share .box-share-title { margin-top:40px; } } /*** Box box-three-recipes ************************/ .ms-grill.ms-grill-deti .box-three-recipes .box-graphic-item-title { color:#1499d1; font-size:30px; line-height:44px; margin-bottom:27px; margin-top:34px; } .ms-grill.ms-grill-deti .box-three-recipes .box-graphic-item-title span { font-size:50px; line-height:50px; } .ms-grill.ms-grill-deti .box-three-recipes .graphic-item-1 a, .ms-grill.ms-grill-deti .box-three-recipes .graphic-item-2 a { color:#1499d1; } .ms-grill.ms-grill-deti .box-three-recipes .graphic-item-icon-time { left:13px; } @media (min-width:376px) { .ms-grill.ms-grill-deti .box-three-recipes .box-graphic-item-title { font-size:32px; line-height:48px; margin-bottom:55px; margin-top:53px; } .ms-grill.ms-grill-deti .box-three-recipes .u-responsive-padding { padding-top:0; } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-three-recipes .u-responsive-padding { padding-top:23px; } .ms-grill.ms-grill-deti .box-three-recipes .box-graphic-item-title span { font-size:32px; line-height:48px; } .ms-grill.ms-grill-deti .box-three-recipes .box-graphic-item-title { font-size:32px; line-height:48px; margin-bottom:61px; margin-top:2px; } } /*** Box box-section-1 ************************/ .ms-grill.ms-grill-deti .box-section-1 .graphic-item-image { display:none; } .ms-grill.ms-grill-deti .box-section-1 .box-article-title span { display:none; } .ms-grill.ms-grill-deti .box-section-1 .box-article-title { color:#232323; font-size:27px; line-height:33px; margin-top:46px; margin-bottom:30px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-right { padding-top:0; } .ms-grill.ms-grill-deti .box-section-1 .box-article-body p { margin:0; } @media (min-width:376px) { .ms-grill.ms-grill-deti .box-section-1 { padding-top:61px; } .ms-grill.ms-grill-deti .box-section-1 .graphic-item-image { display:block; } .ms-grill.ms-grill-deti .box-section-1 .box-article-left { float:right; margin-right:-60px; margin-left:40px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-left .graphic-item-image { border-left-width:1px; border-right-width:0; padding-right:0; padding-left:15px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-left { float:left; margin-left:-45px; margin-right:40px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-left .graphic-item-image { border-left-width:0; border-right-width:1px; padding-right:15px; padding-left:0; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse.box-article .box-article-title { margin-top:36px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-right .box-article-item-content { padding:0 40px } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-section-1 .box-article-left, .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-left { margin:0; } .ms-grill.ms-grill-deti .box-section-1 .box-article-left .graphic-item-image, .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-left .graphic-item-image { padding:15px; border-width:1px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-left { margin-left:48px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse .box-article-left { margin-right:48px; margin-left:0; width:46%; } .ms-grill.ms-grill-deti .box-section-1 .box-article .box-article-content { padding-right:45px; } .ms-grill.ms-grill-deti .box-section-1 .box-article-reverse.box-article .box-article-content { padding-right:0; padding-left:0; } .ms-grill.ms-grill-deti .box-section-1 .box-article .box-article-content { padding-top:0; } .ms-grill.ms-grill-deti .box-section-1 .box-article { margin-bottom:8px; } .ms-grill.ms-grill-deti .box-section-1 { padding-top:90px; margin-bottom:20px; } } /*** Box box-herbs-title ************************/ @media(min-width:600px) { .ms-grill.ms-grill-deti .box-herbs .box-herbs-title { margin-top:67px; } } @media(min-width:801px) { .ms-grill.ms-grill-deti .box-herbs .box-herbs-title { margin-top:90px; } } /*** Box box-to-nejlepsi ************************/ .ms-grill.ms-grill-deti .box-to-nejlepsi .box-to-nejlepsi-title { font-size:42px; line-height:52px; margin-top:16px; margin-bottom:25px; color:#69b42a; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-body { display:none; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-body p { margin-bottom:8px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-0 .box-grill-4-item-title { color:#cbbd1d; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-1 .box-grill-4-item-title { color:#ef3616; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-2 .box-grill-4-item-title { color:#59ad14; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item { margin:0; padding:0; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg-title { font-size:48px; line-height:52px; color:#1499d1; margin-top:70px; margin-bottom:70px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item .box-grill-4-item-article { margin-top:0; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg { min-height:680px; box-shadow:0 8px 20px 0 rgba(187, 159, 133, 0.5); } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg .box-grill-4-item-body p { font-size:19px; line-height:26px; color:#000000; font-family:"TradeGothicLTProBC20Fixed"; margin-bottom:31px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg .box-grill-4-item-content { padding-top:72px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item .box-grill-4-item-image { box-shadow:0 8px 20px 0 rgba(187, 159, 133, 0.4); } @media (min-width:376px) { .ms-grill.ms-grill-deti .box-to-nejlepsi .box-to-nejlepsi-title { font-size:52px; line-height:59px; margin-top:12px; margin-bottom:59px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item { padding-bottom:25px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item .box-grill-4-item-image { width:51.5%; margin-bottom:34px; box-shadow:0 8px 20px 0 rgba(187, 159, 133, 0.5); } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-reverse .box-grill-4-item-image { float:right; width:51.2%; margin-left:0; margin-right:-45px!important; border-right-width: 0; border-left-width: 1px; padding-left:15px; padding-right:0; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-article-1 { margin-bottom:0; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-article-2 { clear:both; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-title { margin-top:47px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg { margin-top:38px; padding-bottom:27px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article { float:left; width:330px; clear:both; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg .box-grill-4-item-content { padding-top:80px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article-1 { margin-bottom:0; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-1.box-grill-4-item-bg .box-grill-4-item-article-2 { margin-top:18px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg-title { font-size:54px; line-height:57px; color:#1499d1; margin-top:70px; margin-bottom:41px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg { min-height:948px; } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-to-nejlepsi .box-to-nejlepsi-title { font-size:52px; line-height:59px; margin-top:64px; margin-bottom:21px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-body, .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-body p { display:block; text-align:center; font-size:18px; line-height:26px; color:#232323; font-family:"TradeGothicLTPro"; //font-weight:bold; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-body { margin-bottom:74px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-body em { color:#519715; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-items .container-1300 { max-width:1243px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-article-2 { clear:none; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg-title { font-size:52px; line-height:59px; color:#1499d1; margin-top:31px; margin-bottom:13px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item .box-grill-4-item-image { width:44.1%; margin-right:38px; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-reverse .box-grill-4-item-image { width:44.6%; margin-top:24px; padding:15px; border-width:1px; margin-right: 0!important; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg { min-height:947px; margin-top:67px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article { width:400px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-article-content { padding-right:76px; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-reverse .box-grill-4-item-article-content { padding-left:76px; padding-right:0; } .ms-grill.ms-grill-deti .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-article-content { padding:0; } .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg .box-grill-4-item-content { padding-left:16px; padding-right:16px; } } @media (min-width:1123px) { .ms-grill.ms-grill-deti .box-to-nejlepsi .box-grill-4-item-bg .box-grill-4-item-content { padding-left:0px; padding-righgt:0px; } } /*** Box box-zlata-pravidla ************************/ .ms-grill.ms-grill-deti .box-zlata-pravidla .box-to-nejlepsi-title { font-size:42px; line-height:52px; margin-top:76px; margin-bottom:25px; color:#d0c333; } @media (min-width:376px) { .ms-grill.ms-grill-deti .box-zlata-pravidla .box-to-nejlepsi-title { font-size:52px; line-height:59px; margin-top:125px; margin-bottom:38px; } } @media (min-width:376px) and (max-width:800px) { .ms-grill.ms-grill-deti .box-zlata-pravidla .box-grill-4-item .box-grill-4-item-image { float: right; width: 50.5%; margin-left: 0; margin-right: -45px; border-right-width: 0; border-left-width: 1px; padding-left: 15px; padding-right: 0; } .ms-grill.ms-grill-deti .box-zlata-pravidla .box-grill-4-item-reverse .box-grill-4-item-image { width: 52.5%; margin-bottom: 34px; box-shadow: 0 8px 20px 0 rgba(187, 159, 133, 0.5); float: left; margin-left: -45px; border-left-width: 0px; border-right-width: 1px; padding-right: 15px; padding-left:0px; margin-right: 40px!important; margin-top: 27px; } .ms-grill.ms-grill-deti .box-zlata-pravidla .box-grill-4-item { padding-bottom:14px; } } @media (min-width:801px) { .ms-grill.ms-grill-deti .box-zlata-pravidla .box-to-nejlepsi-title { font-size:52px; line-height:59px; margin-top:94px; margin-bottom:38px; } } .ms-grill .ms-icon { background:none; } .ms-grill .ms-icon-after:after { content:""; display:inline-block; vertical-align:middle; } .ms-grill .ms-icon-after-absolute:after { position:absolute; top:50%; transform:translateY(-50%); right:0; } .ms-grill .ms-icon-arrow-white-after:after , .ms-grill .ms-icon-arrow-white { width:12px; height:17px; background: url('/-a96303---V6RSBKrs/arrow-right-white') no-repeat center top; padding-left:24px; } .ms-grill .ms-icon-arrow-large-after:after , .ms-grill .ms-icon-arrow-large { padding-left:14px!important; margin-left:8px; } .ms-grill .ms-icon-arrow-light-after:after , .ms-grill .ms-icon-arrow-light { width:12px; height:17px; background: url('/-a96302---yFhKf-qU/arrow-right-light') no-repeat center top; padding-left:10px; } .ms-grill .ms-icon-arrow-black-after:after , .ms-grill .ms-icon-arrow-black { width:12px; height:17px; background: url('/-a96655---Ra2e42_K/arrow-right-black') no-repeat center top; padding-left:24px; } .ms-grill .ms-icon-arrow-brown-after:after , .ms-grill .ms-icon-arrow-brown { width:12px; height:17px; background: url('/-a97279---j-O9eDap/arrow-right-brown') no-repeat center top; padding-left:24px; } .ms-grill .ms-icon-play { width:66px; height:66px; background: url('/-a96279---aYVvn4Od/icon-play') no-repeat center; background-size:contain; } .ms-grill .ms-icon-time { width:66px; height:66px; background: url('/-a96325---YGYueR1Z/icon-time') no-repeat center; background-size:contain; } .ms-grill .ms-icon-time-large { width:90px; height:90px; background: url('/-a97935---M413viAJ/icon-time-large') no-repeat center; background-size:contain; } .ms-grill .ms-button { padding:13px 20px; display:inline-block; border:1px solid #ffffff; background-color:rgba(0,0,0,0.76); box-shadow:-2px 2px 10px rgba(0,0,0,0.76); font-size:21px; color:#ffffff; text-transform:uppercase; line-height:1; text-decoration:none; font-family: "TradeGothicLTProBC20Fixed"; opacity:1; transition: opacity 300ms ease-in-out; position:relative; } .ms-grill .ms-button span { white-space:nowrap; vertical-align:baseline; } .ms-grill .ms-button:hover { opacity:0.8; transition: opacity 300ms ease-in-out; } .ms-grill .ms-button-after { padding:9px 2px 9px 20px; } .ms-grill .ms-button-noBorder { border-width:0!important; } .ms-grill .ms-button-large { padding:9px 24px; font-size:30px; } .ms-grill .ms-button-medium { padding:6px 4px 7px 24px!important; font-size:24px; } .ms-grill .ms-button.ms-button-deti { border-top:3px solid rgba(0,0,0,0.1)!important; border-right:1px solid rgba(0,0,0,0.1)!important; box-shadow:none!important; position:relative; padding: 6px 0px 10px 12px!important; } .ms-grill .ms-button.ms-button-deti:before { content:""; position:absolute; display:block; bottom:-3px; height:1px; left:0; right:0; background: rgba(0,0,0,0.2); } .ms-grill .ms-button-extra-large { padding:13px 24px; font-size:30px; } .ms-grill .ms-button-light.ms-button-after { color:#e7bb92; padding:9px 7px 9px 20px; } .ms-grill .ms-button-white.ms-button-after { color:#2c1a15; padding:9px 7px 9px 20px; background-color:rgba(255,255,255,0.76); } .ms-grill .ms-button-orange.ms-button-after { background-color:rgba(202,109,66,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-lightGreen.ms-button-after { background-color:rgba(203,189,29,0.96); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-lightRed2.ms-button-after { background-color:rgba(240,73,44,0.96); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-green2.ms-button-after { background-color:rgba(105,181,43,0.96); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-orange2.ms-button-after { background-color:rgba(246,153,11,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-orange3.ms-button-after { background-color:rgba(209,145,62,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-orange4.ms-button-after { background-color:rgba(198,129,64,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-green.ms-button-after { background-color:rgba(83,114,47,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-brown.ms-button-after { background-color:rgba(118,47,20,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-lightRed.ms-button-after { background-color:rgba(196,62,31,0.76); padding:9px 7px 9px 20px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-lightRed-medium.ms-button-after { background-color:rgba(196,62,31,0.76); padding:9px 0 9px 14px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-purple.ms-button-after { background-color:rgba(190,60,165,0.86); padding:9px 0 9px 14px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-yellow.ms-button-after { background-color:rgba(241,216,92,0.76); padding:9px 0 9px 14px; box-shadow:0px 2px 2px rgba(29,19,13,0.45); } .ms-grill .ms-button-extra-padding { padding:9px 0px 9px 12px!important; } .ms-grill .ms-button-large-after { padding:9px 10px 9px 24px; font-size:30px; } .ms-grill .ms-button-section { font-size:21px; line-height:24px; font-family: "TradeGothicLTProBC20"; padding:6px 32px 6px 17px; box-shadow:none; display:inline-block; } .ms-grill .ms-button-section span { text-decoration:underline; white-space:normal; } .ms-grill .ms-button-section-white { background-color:rgba(233,234,234,0.8); color:#121619; } .ms-grill .ms-button-section-red { background-color:rgba(185,59,42,0.95); color:#ffffff; } .ms-grill .main-frame-container h1 { color:#ffffff; text-transform:uppercase; font-family: "FutureCEBold"; } .ms-grill .main-frame-container h2 { font-size:30px; line-height:48px; text-transform:uppercase; color:#ffffff; margin:12px 0 25px 0; font-family: "FutureCEBold"; } .ms-grill .main-frame-container h3.h3-subpage { font-size:30px; line-height:48px; margin-top:6px; margin-bottom:20px; color:#232323; } .ms-grill .main-frame-container h3.h3-subpage span { font-size:48px; line-height:45px; display:inline-block; } .ms-grill .main-frame-container .perex-small, .ms-grill .main-frame-container .perex-small p { font-size:17px; line-height:26px; color:#232323; } .ms-grill .main-frame-container h3 { font-size:33px; line-height:39px; text-transform:uppercase; color:#232323; margin:35px 0 27px; font-family: "FutureCEBold"; } .ms-grill .main-frame-container h3.h3-light { color:#e7bb92; line-height:38px; font-size:30px; margin-top:39px; margin-bottom:33px; } .ms-grill .main-frame-container h3.h3-light span { font-size:48px; line-height:54px; } .ms-grill .main-frame-container h5.h5-subpage { color:#e7bb92; font-size:24px; line-height:30px; font-family: "FutureCEBold"; text-transform:uppercase; margin-top:35px; margin-bottom:28px; } .ms-grill .main-frame-container h5.h5-subpage span { font-size:36px; line-height:38px; display:inline-block; } .ms-grill .color-light { color:e7bb92; } .ms-grill .color-white { color:#ffffff; } @media (min-width:376px) { .ms-grill .main-frame-container h3.h3-subpage { font-size:48px; line-height:60px; margin-top:40px; margin-bottom:55px; } .ms-grill .main-frame-container h3.h3-subpage span { font-size:60px; line-height:60px; } } @media (min-width:600px) { .ms-grill .main-frame-container h3.h3-light, .ms-grill .main-frame-container h3.h3-light { color:#e7bb92; line-height:52px; font-size:36px; margin-top:58px; margin-bottom:28px; } .ms-grill .main-frame-container h3.h3-light span { line-height:52px; font-size:36px; } } @media (min-width:651px) { .ms-grill .main-frame-container h2 { font-size:60px; line-height:90px; margin:0 0 10px 0; } } @media (min-width:801px) { .ms-grill .main-frame-container h3.h3-subpage { font-size:48px; line-height:60px; margin-top:60px; margin-bottom:61px; } } .ms-grill .u-responsive-padding { padding:40px 16px; } .ms-grill .u-responsive-padding-small { padding:40px 10px; } .ms-grill .u-responsive-padding-12 { padding:40px 12px; } .ms-grill .u-responsive-padding-y { padding:40px 0; } .ms-grill .u-padding-y-40-20 { padding-top:40px; padding-bottom:20px; } .ms-grill .u-relative { position:relative; } .ms-grill .u-margin-bottom-15 { margin-bottom:15px; } .ms-grill .u-padding-20-18 { padding:20px 16px; } .ms-grill .u-padding-y-20 { padding-top:20px; padding-bottom:20px; } .ms-grill .u-t-sacale { transform:scale(1); transition:transform 200ms ease-in-out; } .ms-grill .u-t-sacale:hover { transform:scale(1.02); transition:transform 200ms ease-in-out; } .ms-grill .u-herbs-list ul { margin:0; padding:0; } .ms-grill .u-herbs-list li { list-style:none; position:relative; padding-left:38px; } .ms-grill .u-herbs-list li:before { content:""; position:absolute; top:5px; left:10px; display:block; width:13px; height:13px; background:url('/-a96980---X8T5ggDn/list-herbs') no-repeat 0 0; } .ms-grill .u-g-hide-xsm { display:block; } .ms-grill .u-s-show-sm, .ms-grill .u-s-show-md, .ms-grill .u-s-show-lg { display:none; } .ms-grill .u-s-show-xs { display:block; } .ms-grill .u-g-show-xsm { display:none; } .ms-grill .u-g-hide-sm { display:block; } .ms-grill .u-g-show-sm { display:none; } .ms-grill .u-g-br-xsm, .ms-grill .u-g-br-sm, .ms-grill .u-g-br-md, .ms-grill .u-g-br-lg { display:none; } .ms-grill .u-g-br-xs { display:inline-block; } .ms-grill .u-padding-18-xs { padding-left:18px; padding-right:18px; } .ms-grill .u-color-brown { color:#2c1a15!important; } @media (min-width:376px) { .ms-grill .u-g-br-xs { display:none; } .ms-grill .u-g-br-sm { display:inline-block; } .ms-grill .u-responsive-padding-y { padding:40px 20px; } .ms-grill .u-padding-20-xs { padding-left:0px; padding-right:0px; } .ms-grill .u-s-show-xs { display:none; } .ms-grill .u-s-show-sm { display:block; } .ms-grill .u-padding-18-xs { padding-left:0; padding-right:0; } } @media (min-width:600px) { .ms-grill .u-g-hide-xsm { display:none; } .ms-grill .u-g-show-xsm { display:block; } .ms-grill .u-responsive-padding { padding:40px 45px; } } @media (min-width:800px) { .ms-grill .u-g-show-sm { display:block; } .ms-grill .u-g-hide-sm { display:none; } } @media (min-width:801px) { .ms-grill .u-responsive-padding { padding:40px 20px; } .ms-grill .u-g-hide-sm { display:none; } .ms-grill .u-g-show-md { display:block; } .ms-grill .u-g-br-sm { display:none; } .ms-grill .u-g-br-md { display:inline-block; } .ms-grill .u-s-show-sm { display:none; } .ms-grill .u-s-show-md { display:block; } .ms-grill .u-padding-x-md { padding-left:106px!important; padding-right:106px!important; } } @media (min-width:1367px) { .ms-grill .u-g-br-md { display:none; } .ms-grill .u-g-br-lg { display:inline-block; } .ms-grill .u-s-show-md { display:none; } .ms-grill .u-s-show-lg { display:block; } } .ms-grill .graphic-items { max-width:100%; width:100%; margin:0 auto; } .ms-grill .graphic-item-image { padding:15px; background-color:#ffffff; border:1px solid #e7bb92; box-shadow:0 8px 30px -5px rgba(11,95,86,0.3); background-color:#ffffff; } .ms-grill .graphic-items-large, .ms-grill .graphic-items-small { width:100%; box-sizing: border-box; } .ms-grill .graphic-item-icon { position:absolute; z-index:3; } .ms-grill .graphic-item-icon-play { margin:auto; left:0; right:0; top:0; bottom:0; } .ms-grill .graphic-item-icon-time { top:13px; left:13px; color:#ffffff; text-align:center; display:flex; flex-flow:column; justify-content:center; justify-items:center; font-family:"SlabSerifBoldCon"; } .ms-grill .graphic-item-icon-time-large { top:23px; left:30px; } .ms-grill .graphic-item-icon-time .number { font-size:36px; line-height:36px; } .ms-grill .graphic-item-icon-time .text { font-size:14px; line-height:11px; } .ms-grill .graphic-item-icon-time-large .number { font-size:46px; line-height:36px; } .ms-grill .graphic-item-icon-time-large .text { font-size:18px; line-height:14px; } .ms-grill .graphic-item-link { margin-top:40px; margin-bottom:45px; } .ms-grill .graphic-item-link a { font-size:24px; line-height:30px; color:#1d1d1d; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } @media (min-width:376px) { .ms-grill .graphic-items-large, .ms-grill .graphic-items-small { float:left; } .ms-grill .graphic-items { max-width:100%; } .ms-grill .graphic-items-large { width:100%; } .ms-grill .graphic-items-large .graphic-item-image-content { height:220px; overflow:hidden; } .ms-grill .graphic-items-large .graphic-item-image-content picture { position:absolute; left:0; bottom:0; right:0; } .ms-grill .graphic-items-small { width:100%; } .ms-grill .graphic-item-1, .ms-grill .graphic-item-2 { width:50%; box-sizing:border-box; float:left; } .ms-grill .graphic-items { max-width:708px; } .ms-grill .graphic-item-1 { padding-right:18px; } .ms-grill .graphic-item-2 { padding-left:18px; } .ms-grill .graphic-item-link { margin-bottom:50px; } } @media (min-width:376px) and (max-width:500px) { .ms-grill .graphic-item-icon-time { display:none; } } @media (min-width:1366px) { .ms-grill .graphic-items { max-width:1090px; } .ms-grill .graphic-items-large { padding-right:20px; width:66.8%; } .ms-grill .graphic-items-small { padding-left:19px; width:32.5%; } .ms-grill .graphic-item { width:100%; box-sizing:border-box; float:none; } .ms-grill .graphic-item-1 { padding-right:0; } .ms-grill .graphic-item-2 { padding-left:0; } .ms-grill .graphic-item-link { margin-bottom:20px; height:59px; overflow:hidden; } .ms-grill .graphic-items-large .graphic-item-image-content { height:auto; } .ms-grill .graphic-items-large .graphic-item-image-content picture { position:static; } } .ms-grill .box-banner { box-shadow:0 8px 20px 0 rgba(187, 159, 133, 0.5); } .ms-grill .box-banner-no-shadow { box-shadow:none; } .ms-grill .box-banner-bordred { border-bottom:1px solid #ae8e70; } .ms-grill .box-banner-wrap { min-height:418px; text-align:center; background-repeat:no-repeat; background-position:left top; } .ms-grill .box-banner-title { color:#ffffff; margin-bottom:43px; margin-top:16px; } .ms-grill .box-banner-title span { font-size:48px; line-height:48px; } .ms-grill .box-banner-body { display:none; } .ms-grill .box-summer-hits-button-0 { margin-bottom:15px; } .ms-grill .box-banner-content { display:inline-block; } .box-banner-wrap-tablet, .box-banner-wrap-desktop { display:none; } .ms-grill .box-banner-buttons .button-left, .ms-grill .box-banner-buttons .button-right { margin:0 3px; } @media (min-width:376px) { .ms-grill .box-banner-wrap { min-height:700px; background-position:center top; } .ms-grill .box-banner-body { color:#ffffff; margin-bottom:31px; display:block; } .ms-grill .box-banner-title { margin-bottom:43px; margin-top:10px; } .box-banner-wrap-tablet { display:block; } .box-banner-wrap-mobile { display:none; } } @media (min-width:651px) { .ms-grill .box-banner-title span { font-size:90px; line-height:90px; } .ms-grill .box-banner-content { float:right; margin-right:-40px; } } @media (min-width:801px) { .box-banner-wrap-tablet { display:none; } .box-banner-wrap-desktop { display:block; } .ms-grill .box-banner-content { float:right; margin-right:137px; } } @media (min-width:1367px) { .ms-grill .box-banner-content { float:right; margin-right:260px; } } @media (min-width:1600px) { .ms-grill .box-banner-bordred { border-bottom:1px solid #ae8e70; border-left:1px solid #ae8e70; border-right:1px solid #ae8e70; } } } .ms-grill .box-image-title { text-align:center; } .ms-grill .box-image-title-title { display:inline-block; position:relative; } .ms-grill .box-image-title-image { position:absolute; top:-31px; width:137px; height:55px; display:block; background-position:0 0; background-repeat:no-repeat; z-index:2; display:none; } @media (min-width:800px) { .ms-grill .box-image-title-image { display:block; } .ms-grill .box-image-title-image { left:96%; } .ms-grill .box-image-title-title { width:70%; } } @media (min-width:801px) { .ms-grill .box-image-title-image { left:100%; } } @media (min-width:1140px) { .ms-grill .box-image-title-image { left:95%; } .ms-grill .box-image-title-title { width:auto; } } .ms-grill .box-graphic-item { margin-bottom:0px; } @media (max-width:375px) { .ms-grill .box-graphic-item-title span { font-size:45px; display:inline-block; margin-bottom:0px; } .ms-grill .box-graphic-item-body { font-size:18px; line-height:24px; margin-bottom:24px; } } @media (min-width:375px) { .ms-grill .box-graphic-item { margin-bottom:0px; } .ms-grill .box-graphic-item-body { margin-bottom:47px; } } @media (min-width:801px) { .ms-grill .box-graphic-item-body { margin-bottom:67px; } .ms-grill .box-graphic-item { margin-bottom:15px; } } .ms-grill .box-image-text-image-mobile { margin-top:31px; } @media (min-width:376px) { .ms-grill .box-image-text .box-image-text-left { float:left; width:48.6%; } .ms-grill .box-image-text .box-image-text-left .graphic-item-image { padding-left:0; border-left-width:0; } .ms-grill .box-image-text .box-image-text-left { margin-right:40px; margin-bottom:20px; } .ms-grill .box-image-text .box-image-text-right .box-image-text-right-title { margin-top:26px; } .ms-grill .box-image-text .box-image-text-right-content { padding:14px 18px; } } @media (min-width:801px) { .ms-grill .box-image-text .box-image-text-content { padding-left:35px; padding-right:35px; } .ms-grill .box-image-text .box-image-text-left { width:44.9%; } .ms-grill .box-image-text .box-image-text-left { margin-right:63px; margin-bottom:20px; } .ms-grill .box-image-text .box-image-text-left .graphic-item-image { padding-left:15px; border-left-width:1px; } .ms-grill .box-image-text .box-image-text-right-content { padding:14px 0; } } @media (min-width:1367px) { .ms-grill .box-image-text .box-image-text-content { padding-left:35px; padding-right:35px; } .ms-grill .box-image-text .box-image-text-left { width:44.76%; } .ms-grill .box-image-text .box-image-text-left { margin-right:67px; margin-bottom:20px; } .ms-grill .box-image-text .box-image-text-right-content { padding:14px 0; } } .ms-grill .box-text-image-anchor .box-text-image-anchor-title { font-size:29px; line-height:45px; color:#b12613; margin-top:10px; margin-bottom:37px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-title span { font-size:48px; line-height:48px; color:#b12613; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links { margin-top:28px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap { position:relative; padding-left:45px; margin-bottom:10px; transition: transform 0.2s ease-in-out; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap a { font-size:21px; line-height:24px; font-family: "TradeGothicLTProBC20"; color:#b12613; text-decoration:none; text-transform:uppercase; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap:hover a { text-decoration:underline; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap .number { font-size:27px; line-height:40px; margin-right:17px; color:#e7bb92; font-family: "FutureCEBold"; position:absolute; left:15px; top:-3px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap-avokado a { color:#232323; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap-avokado .number { color:#b12613; } @media (min-width:376px) { .ms-grill .box-text-image-anchor .box-text-image-anchor-title { font-size:48px; line-height:55px; color:#b12613; margin-top:17px; margin-bottom:70px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-title span { font-size:48px; line-height:48px; color:#b12613; } .ms-grill .box-text-image-anchor .box-text-image-anchor-item { float:left; width:54.6%; } .ms-grill .box-text-image-anchor .box-text-image-anchor-body p { padding-right:10px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links { width:45.4%; margin-top:1px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-content { margin-bottom:8px; } } @media (min-width:801px) { .ms-grill .box-text-image-anchor .box-text-image-anchor-content { max-width:1090px; margin:0 auto; } .ms-grill .box-text-image-anchor .box-text-image-anchor-title { font-size:48px; line-height:52px; color:#b12613; margin-top:87px; margin-bottom:74px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-title span { font-size:48px; line-height:52px; color:#b12613; } .ms-grill .box-text-image-anchor .box-text-image-anchor-body { padding-top:21px; width:34.5%; } .ms-grill .box-text-image-anchor .box-text-image-anchor-image { width:30.7%; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links { width:34.8%; margin-top:24px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap:first-of-type:before { content:""; display:block; left:-31px; top:10px; width:53px; height:14px; background:url('/-a96618---ngjxpVeM/arrow-left') no-repeat 0 0; position:absolute; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap { padding-left:68px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-links .link-wrap .number { left:36px; } .ms-grill .box-text-image-anchor .box-text-image-anchor-content { margin-bottom:60px; } } @media (min-width:1367px) { } .ms-grill .box-share .box-share-title { margin-top:33px; font-size:24px; line-height:25px; color:#e7bb92; margin-bottom:24px; } .ms-grill .box-share .box-share-title span { display:block; font-size:48px; line-height:49px; color:#232323; } .ms-grill .box-share .box-share-buttons { margin-bottom:128px; position:relative; } .ms-grill .box-share .box-share-buttons:after { content:""; display:block; position:absolute; bottom:-50px; width:96px; height:29px; margin:0 auto; left:0; right:0; background:url('/-a96626---CKJBPUQZ/pin-arrow') no-repeat 0 0; } .ms-grill .box-share .box-share-button { display:inline-block; height:29px; margin-right:18px; text-indent: -9999px; overflow:hidden; vertical-align:top; margin-left:-11px; } .ms-grill .box-share .box-share-button:last-of-type { margin-right:0; } .ms-grill .box-share .box-share-button-facebook { background:url('/-a96623---dxJVio8g/fb-button') no-repeat 0 0; width:97px; } .ms-grill .box-share .box-share-button-twitter { background:url('/-a96625---fPpN47Ld/twitter-button') no-repeat 0 0; width:99px; } .ms-grill .box-share .box-share-button-pinterest { background:url('/-a96624---9CZ5yJfJ/pin-button') no-repeat 0 0; width:90px; } @media (min-width:376px) { .ms-grill .box-share .box-share-title { margin-top:113px; } .ms-grill .box-share .box-share-buttons:after { left:50%; right:inherit; } .ms-grill .box-share .box-share-buttons { margin-bottom:88px; } } @media (min-width:801px) { .ms-grill .box-share .box-share-title { margin-top:103px; margin-bottom:24px; } .ms-grill .box-share .box-share-buttons { margin-bottom:99px; } } @media (min-width:1367px) { .ms-grill .box-share .box-share-title { margin-top:177px; margin-bottom:24px; } } .ms-grill .box-section-inspiration .box-section-inspiration-title span:first-of-type { font-size:48px; line-height:60px; color:#232323; } .ms-grill .box-section-inspiration .box-section-inspiration-title { font-size:29px; line-height:26px; color:#232323; margin-top:0; margin-bottom:56px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-title { font-size:43px; line-height:60px; font-family: "FutureCEBold"; color:#ffffff; text-align:left; margin-top:25px; padding:0 14px; margin-bottom:20px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-title { color:#b12613; } .ms-grill .box-section-inspiration .box-section-inspiration-section-title span { margin-left:-7px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-content { padding:0 14px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-content p, .ms-grill .box-section-inspiration .box-section-inspiration-section-content { color:#ffffff; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-content p, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-content { color:#232323; } .ms-grill .box-section-inspiration .box-section-inspiration-section { padding-top:40px; padding-bottom:70px; background-repeat:repeat-y; background-position:left top; box-shadow: 0 8px 30px -5px rgba(11,95,86,0.3); background-size:cover!important; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section { box-shadow:none; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image .box-section-inspiration-section-content { padding:0; border-top:1px solid #e7bb92; border-bottom:1px solid #e7bb92; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image { margin-top:22px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image .box-section-inspiration-section-content { padding:15px 0; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image { margin-top:32px; display:inline-block; } /*** Try ***/ .ms-grill .box-section-inspiration .box-section-inspiration-section-try { border-top:1px solid #e7bb92; border-bottom:1px solid #e7bb92; background-color:rgba(0,0,0,0.4); margin-top:73px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try { margin-top:39px; background-color:rgba(247,240,233,0.4); } .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-header { font-size:24px; line-height:26px; color:#e7bb92; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:32px; margin-bottom:13px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try .box-section-inspiration-section-header { color:#b12613; } .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-text { font-size:20px; line-height:26px; color:#e7bb92; font-family: "TradeGothicLTProBC20"; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-text { color:#77522f; } /*** Try End ***/ /*** How ***/ .ms-grill .box-section-inspiration .box-section-inspiration-section-how { } .ms-grill .box-section-inspiration .box-section-inspiration-section-how .box-section-inspiration-section-header { font-size:36px; line-height:26px; color:#e7bb92; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:43px; margin-bottom:17px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-how .box-section-inspiration-section-header { margin-top:52px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-how .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration .box-section-inspiration-section-how .box-section-inspiration-section-text { color:#ffffff; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-how .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-how .box-section-inspiration-section-text { color:#232323; } /*** How End ***/ /*** Know ***/ .ms-grill .box-section-inspiration .box-section-inspiration-section-know { margin-top:38px; margin-bottom:44px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-content { padding:0 0 4px 0; margin:0 14px; border: 10px solid transparent; border-image: url('/-a96654---SrnHZO5p/border-image') 8 stretch; -webkit-border-image: url('/-a96654---SrnHZO5p/border-image') 8 stretch; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-header { font-size:24px; line-height:26px; color:#e7bb92; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:-13px; margin-bottom:17px; padding-left:33px } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know .box-section-inspiration-section-header { color:#b12613; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-text { padding:0 30px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-text { color:#e7bb92; font-family: "TradeGothicLTProBC20"; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know .box-section-inspiration-section-text { color:#b12613; } /*** Know End ***/ /*** Idea ***/ .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-header { font-size:24px; line-height:26px; color:#e7bb92; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:0; margin-bottom:12px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-header span { font-size:36px; line-height:36px; color:#e7bb92; display:inline-block; margin-top:7px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-text { color:#ffffff; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea .box-section-inspiration-section-text p, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea .box-section-inspiration-section-text { color:#232323; } /*** Idea End ***/ /*** Recipes ***/ .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes .box-section-inspiration-section-header { font-size:25px; line-height:26px; color:#e7bb92; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:40px; margin-bottom:24px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes a { margin-bottom:10px; } /*** Recipes End ***/ @media (min-width:376px) { .ms-grill .box-section-inspiration .box-section-inspiration-section-image .box-section-inspiration-section-content { border-right:1px solid #e7bb92; } .ms-grill .box-section-inspiration .box-section-inspiration-section-title { margin-bottom:0; padding:0 50px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-title { float:right; } .ms-grill .box-section-inspiration .box-section-inspiration-section-body { margin-top:21px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image .box-section-inspiration-section-content { border-left-width:0; border-right:1px solid #e7bb92; padding:15px 15px 15px 0; } } @media (min-width:600px) { .ms-grill .box-section-inspiration .box-section-inspiration-section { padding-top:40px; padding-bottom:75px; } .ms-grill .box-section-inspiration .box-section-inspiration-title span:first-of-type { font-size:60px; line-height:60px; display:inline-block; margin-top:20px; margin-bottom:10px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-title { margin-top:27px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-title { margin-top:40px; width:41%; padding:0; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-title + div { clear:both; } .ms-grill .box-section-inspiration .box-section-inspiration-title { font-size:48px; line-height:24px; margin-top:0; margin-bottom:82px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-body, .ms-grill .box-section-inspiration .box-section-inspiration-section-try, .ms-grill .box-section-inspiration .box-section-inspiration-section-how, .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes{ width:53.8%; float:left; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image, .ms-grill .box-section-inspiration .box-section-inspiration-section-idea, .ms-grill .box-section-inspiration .box-section-inspiration-section-know { width:46.2%; float:right; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-body, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-how, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-recipes{ width:51.2%; float:right; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea, .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know { width:48.8%; float:left; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try { width:46.4%; border-left: 1px solid #e7bb92; border-right-width: 0; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image { margin-top:0; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image .box-section-inspiration-section-content { border-right-width:0; border-left:1px solid #e7bb92; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image .box-section-inspiration-section-content { border-left-width:0; border-right:1px solid #e7bb92; padding:15px 15px 15px 0; } .ms-grill .box-section-inspiration .box-section-inspiration-section-content { padding:0 15px 0 45px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-content { padding:0 30px 0 37px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-try { margin-top:10px; margin-left:-40px; border-right:1px solid #e7bb92; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try { margin-left:0; margin-top:8px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-content { padding-left: 64px; padding-right: 10px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try .box-section-inspiration-section-content { padding-left: 29px; padding-right: 2px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-how .box-section-inspiration-section-header { margin-top:63px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes .box-section-inspiration-section-header { margin-top:20px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know { margin-top:73px; margin-bottom:72px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know { margin-top:52px; margin-bottom:45px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-content { margin:0 28px 0 0; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know .box-section-inspiration-section-content { margin:0 0 0 44px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-content { padding:0 28px 0 0; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea { clear:left; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea .box-section-inspiration-section-content { padding:0 0 0 44px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-recipes { padding-top:14px; } } @media (min-width:801px) { .ms-grill .box-section-inspiration .box-section-inspiration-title span:nth-of-type(3) { font-size:60px; line-height:60px; color:#232323; } .ms-grill .box-section-inspiration .box-section-inspiration-title, .ms-grill .box-section-inspiration .box-section-inspiration-title span:first-of-type { font-size:48px; line-height:35px; color:#232323; } .ms-grill .box-section-inspiration .box-section-inspiration-title { margin-bottom:74px; margin-top:60px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-title { font-size:54px; line-height:60px; font-family: "FutureCEBold"; text-align:left; margin-top:54px; padding:0 45px 0 0; margin-bottom:20px; margin-left:6px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-wrap { max-width:1190px; float:right; margin-right:35; margin-left:18px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-wrap { max-width:1190px; float:left; margin-right:18px; margin-left:35px; } .ms-grill .box-section-inspiration .box-section-inspiration-section { background-position: center top!important; } .ms-grill .box-section-inspiration .box-section-inspiration-section-content { padding:0 45px 0 0; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-content { padding:0 0 0 11%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-body, .ms-grill .box-section-inspiration .box-section-inspiration-section-try, .ms-grill .box-section-inspiration .box-section-inspiration-section-how { width:51%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image, .ms-grill .box-section-inspiration .box-section-inspiration-section-idea, .ms-grill .box-section-inspiration .box-section-inspiration-section-know { width: 48.9%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image { margin-top:-14px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-image .box-section-inspiration-section-content { border:1px solid #e7bb92; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-image .box-section-inspiration-section-content { padding:15px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-try { border-width:0; background-color: transparent; margin-left:0; margin-top:33px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try { width:45.4%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-try .box-section-inspiration-section-content { border: 1px solid #e7bb92; margin-left:0%; background-color: rgba(0,0,0,0.4); padding:0 28px; max-width:384px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-try .box-section-inspiration-section-content { background-color: rgba(247,240,233,0.4); } .ms-grill .box-section-inspiration .box-section-inspiration-section-how .box-section-inspiration-section-header { font-size:24px; line-height:26px; margin-top:60px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes { width:28%; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-recipes { width:28%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea { width:33.4%; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know { width:37.6%; clear:left; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know { width:38%; cleatr:none; } .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes .box-section-inspiration-section-header { margin-top:45px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-recipes .box-section-inspiration-section-header { margin-top:32px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-recipes .box-section-inspiration-section-content { padding-left:0%; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea { clear:none; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-header { margin-top:44px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-idea .box-section-inspiration-section-header { margin-top:35px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-idea .box-section-inspiration-section-content { padding: 0 28px 0 30px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know { margin-top:64px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-know .box-section-inspiration-section-content { margin-left:3px; max-width:333px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-know .box-section-inspiration-section-content { padding:0; margin-left:108px; max-width:333px; } .ms-grill .box-section-inspiration .box-section-inspiration-section { padding-bottom:26px; } .ms-grill .box-section-inspiration .box-section-inspiration-section-body { margin-top:0; } } @media (min-width:1367px) { .ms-grill .box-section-inspiration .box-section-inspiration-section-wrap { float:right; margin-right:8.7%; margin-left:18px; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-wrap { float:left; max-width:1190px; margin-right:18px; margin-left:8.7%; } .ms-grill .box-section-inspiration-reverse .box-section-inspiration-section-title { width:41%; } } .ms-grill .box-article .box-article-wrap { padding-top:40px; } .ms-grill .box-article-right { padding-top:38px; } .ms-grill .box-article .box-article-title { font-size:36px; line-height:40px; font-family: "FutureCEBold"; color:#cc6834; margin-top:0; margin-bottom:20px; } @media (min-width:376px) { .ms-grill .box-article-reverse.box-article .box-article-title { margin-top:20px; } .ms-grill .box-article .box-article-title { margin-top:0px; } .ms-grill .box-article .box-article-content { padding-right:45px; padding-left:0; } .ms-grill .box-article-reverse.box-article .box-article-content { padding-right:0; padding-left:45px; } .ms-grill .box-article-left .graphic-item-image { padding-left:0; border-left-width:0; } .ms-grill .box-article .box-article-wrap { padding-top:60px; } .ms-grill .box-article-left { float:left; margin-right:39px; margin-bottom:18px; } .ms-grill .box-article-reverse .box-article-left { margin-right:0; margin-left:39px; margin-bottom:18px; } .ms-grill .box-article-left { width:51.3%; } .ms-grill .box-article-right { //width:48.7%; } .ms-grill .box-article-right .box-article-item-content { padding-left:45px; padding-right:0; } .ms-grill .box-article-reverse .box-article-right .box-article-item-content { padding-left:0; padding-right:45px; } .ms-grill .box-article-right { padding-top:17px; } .ms-grill .box-article-reverse .box-article-left { float:right; } .ms-grill .box-article-reverse .graphic-item-image { padding-right:0; padding-left:15px; border-right-width:0; border-left-width:1px; } } @media (min-width:801px) { .ms-grill .box-article { max-width:1300px; width:100%; margin:0 auto; } .ms-grill .box-article-left .graphic-item-image { padding:15px; border-width:1px; } .ms-grill .box-article-left .graphic-item-image img { width:100%; } .ms-grill .box-article-left { width:44.9%; margin-right:67px; } .ms-grill .box-article-right { //width:54.3%; } .ms-grill .box-article-right .box-article-item-content { padding-left:18px; padding-right:0; } .ms-grill .box-article-right { padding-top:38px; } .ms-grill .box-article .box-article-wrap { padding-top:50px; } .ms-grill .box-article-right .box-article-item-content { padding-left:106px; padding-right:106px; } .ms-grill .box-article-reverse .box-article-right .box-article-item-content { padding-left:106px; padding-right:106px; } .ms-grill .box-grill-healthly .box-article .u-responsive-padding { padding:30px 0 0; } .ms-grill .box-article .box-article-content { padding-left:0; padding-right:0; } .ms-grill .box-article-reverse.box-article .box-article-title { margin-top:0; } } .ms-grill .box-grill-healthly .box-grill-healthly-title { color:#232323; font-size:24px; line-height:34px; margin-top:16px; margin-bottom:0; } .ms-grill .box-grill-healthly .box-grill-healthly-title span { font-size:48px; line-height:48px; } .ms-grill .box-grill-healthly .box-article-wrap { padding-top:0; } .ms-grill .box-grill-healthly .box-article .u-responsive-padding { padding-top:30px; } .ms-grill .box-grill-healthly-extra { background-position:center top; } .ms-grill .box-grill-healthly-extra { padding:50px 0; } .ms-grill .box-grill-healthly-extra .graphic-item-image { padding:0; border-width:0; box-shadow:0 5px 10px rgba(24,24,24,0.5); } .ms-grill .box-grill-healthly-extra .box-article-body, .ms-grill .box-grill-healthly-extra .box-article-body p { color:#ffffff; } @media (min-width:376px) { .ms-grill .box-grill-healthly .box-grill-healthly-title { color:#232323; font-size:36px; line-height:47px; margin-top:52px; margin-bottom:36px; } .ms-grill .box-grill-healthly .box-grill-healthly-title span { font-size:60px; line-height:60px; } .ms-grill .box-grill-healthly-extra { padding:80px 0; } } @media (min-width:801px) { .ms-grill .box-grill-healthly .box-grill-healthly-title { font-size:60px; line-height:60px; margin-top:53px; margin-bottom:96px; } .ms-grill .box-grill-healthly .box-article { margin-bottom:38px; } .ms-grill .box-grill-healthly-extra { padding:120px 0; } } .ms-grill .box-herbs-hint .box-herbs-hint-wrap .box-herbs-hint-title { font-size:42px; line-height:56px; margin-top:3px; } .ms-grill .box-herbs-hint .box-herbs-hint-right-title { font-size:22px; line-height:30px; color:#449703; font-family: "FutureCEBold"; margin-top:30px; margin-bottom:17px; } .ms-grill .box-herbs-hint .box-herbs-hint-right .box-herbs-hint-image { float:right; margin:0 0 10px 10px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 .box-herbs-hint-right .box-prakticke-rady-image { float:none; margin-bottom:30px; } .ms-grill .box-herbs-hint .box-herbs-hint-content { padding:40px 0; } @media (min-width:376px) { .ms-grill .box-herbs-hint { margin-top:20px; } .ms-grill .box-herbs-hint .box-herbs-hint-wrap .box-herbs-hint-title { margin-top:12px; margin-bottom:70px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-content { padding-left:0; } .ms-grill .box-herbs-hint .box-herbs-hint-item-reverse .box-herbs-hint-item-content { padding-right:0; padding-left:45px; } .ms-grill .box-herbs-hint .box-herbs-hint-left { float:left; width:50%; } .ms-grill .box-herbs-hint .box-herbs-hint-item-reverse .box-herbs-hint-left { float:right; } .ms-grill .box-herbs-hint .box-herbs-hint-right-perex { padding:0 0 0 45px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-reverse .box-herbs-hint-right-perex { padding:0 45px 0 0; } .ms-grill .box-herbs-hint .box-herbs-hint-item-0 .box-herbs-hint-left { margin-top:-45px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-0 { margin-bottom:73px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-1 .box-herbs-hint-left { margin-top:-45px; margin-left:38px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-1 { margin-bottom:83px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 .box-herbs-hint-left { margin-top:68px; margin-right:11px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 { margin-bottom:62px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 li { padding-bottom:18px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-3 .box-herbs-hint-left { width:54%; margin-right:20px; margin-top:-50px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-3 { margin-bottom:20px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-4 .box-herbs-hint-left { margin-top:-36px; width:51%; } .ms-grill .box-herbs-hint .box-herbs-hint-item-4 { margin-bottom:51px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-5.box-herbs-hint-left { margin-top:-42px; width:52%; margin-right:31px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-5 { margin-bottom:51px; } } @media (min-width:801px) { .ms-grill .box-herbs-hint .box-herbs-hint-wrap .box-herbs-hint-title { font-size:60px; line-height:60px; margin-top:51px; } .ms-grill .box-herbs-hint .box-herbs-hint-inner { max-width:1080px; width:100%; margin:0 auto; } .ms-grill .box-herbs-hint .box-herbs-hint-item-reverse .box-herbs-hint-item-content { padding-left:80px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-0 .box-herbs-hint-left { margin-top: -63px; margin-right: 99px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-0 { margin-bottom:64px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-1 .box-herbs-hint-left { margin-top: -61px; margin-left: -93px; margin-right:80px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-1 { margin-bottom:95px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 .box-herbs-hint-left { margin-top:-2px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-2 { margin-bottom:113px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-3 .box-herbs-hint-left { width: 54%; margin-right: 67px; margin-top: -91px; margin-left: -120px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-3 { margin-bottom:86px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-4 .box-herbs-hint-left { margin-top: -62px; width: 58%; } .ms-grill .box-herbs-hint .box-herbs-hint-item-4 { margin-bottom:60px } .ms-grill .box-herbs-hint .box-herbs-hint-item-5 .box-herbs-hint-left { float: left; width: 50%; margin-left: -59px; margin-top: -23px; margin-right:80px; } .ms-grill .box-herbs-hint .box-herbs-hint-item-5 { margin-right: 61px; } } .ms-grill .box-slider-herbs { margin-bottom:80px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title { margin-top:18px; margin-bottom:0; font-size:30px; line-height:33px; margin-bottom:14px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title span { font-size:30px; line-height:33px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title span span { font-size:43px; line-height:52px; } .ms-grill .box-slider-herbs .box-slider-herbs-pager { text-align:center; margin-top:37px; padding-bottom:48px!important; border-bottom:5px solid #e4b991; position:relative; } .ms-grill .box-slider-herbs .box-slider-herbs-pager:after { content:""; display:block; position:absolute; top:100%; left:84px; width:58px; height:31px; background:url('/-a97027---qo19ibDk/pager-icon') no-repeat right center; z-index:3; } .ms-grill .box-slider-herbs-pager-link { display:inline-block; text-decoration:none; width:31.33%; float:left; margin:0 1%; } .ms-grill .box-slider-herbs-pager-image img { display:inline; transform:scale(1); transition: transform 0.3s ease-in-out; vertical-align:middle; max-height:100%; width:auto; } .ms-grill .box-slider-herbs-pager-link img:hover { transform:scale(1.1); transition: transform 0.3s ease-in-out; } .ms-grill .box-slider-herbs-pager-image { height:70px; //overflow:hidden; text-align:center; display:block; margin-bottom:10px; } .ms-grill .box-slider-herbs-pager-title { font-size:21px; line-height:24px; color:#b37d51; font-family: "SlabSerifBoldCon"; text-transform:uppercase; margin-bottom:10px; display:block; } .ms-grill .box-slider-herbs-pager-link.active .box-slider-herbs-pager-title { color:#232323; } .ms-grill .box-slider-herbs .bx-wrapper { margin:0; padding:0; border:none; box-shadow:0 8px 20px rgba(187,159,133,0.5); } .ms-grill .box-slider-herbs .bx-controls .bx-prev, .ms-grill .box-slider-herbs .bx-controls .bx-next { top:100%; height:54px; line-height:54px; min-width:90px; margin-top:20px; } .ms-grill .box-slider-herbs .bx-controls .bx-prev span, .ms-grill .box-slider-herbs .bx-controls .bx-next span { font-size:21px; line-height:1; color:#e7bb92; vertical-align:middle; text-transform:uppercase; font-family: "TradeGothicLTProBC20"; } .ms-grill .box-slider-herbs .bx-controls .bx-prev { background:url('/-a97022---zApuoW_h/left-arrow-slider-small') no-repeat right center; padding-right:45px; text-align:right; right:50%; margin-right:6px; } .ms-grill .box-slider-herbs .bx-controls .bx-next { background:url('/-a97024---i9lFG8cO/right-arrow-slider-small') no-repeat left center; padding-left:45px; text-align:left; left:50%; margin-left:6px; } .ms-grill .box-slider-herbs .box-slider-herbs-device { min-height:1076px; height:100%; background-position:right top!important; padding-bottom:20px; background-size:auto 100%!important; //margin-bottom:80px; } .ms-grill .box-slider-herbs .box-slider-herbs-item-title { font-size:48px; line-height:60px; color:#e7bb92; font-family: "FutureCEBold"; padding-top:100px; margin-top:0; margin-bottom:37px; } .ms-grill .box-slider-herbs .box-slider-herbs-item-body, .ms-grill .box-slider-herbs .box-slider-herbs-item-body p { color:#fefefe; } .ms-grill .box-slider-herbs .box-slider-herbs-item-tip { border:1px solid #e7bb92; padding:22px; background-color:rgba(45,55,61,0.5); margin-bottom:20px; max-width:289px; } .ms-grill .box-slider-herbs .box-slider-herbs-item-tip, .ms-grill .box-slider-herbs .box-slider-herbs-item-tip p { color:#e7bb92; font-size:20px; line-height:24px; font-family: "TradeGothicLTProBC20"; } .ms-grill .box-slider-herbs .box-slider-herbs-item-tip p { margin:0; } @media (min-width:376px) { .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title { margin-top:57px; margin-bottom:14px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title .image { position:relative; } .ms-grill .box-slider-herbs { margin-bottom:42px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title .image:after { content:""; display:block; width:121px; height:41px; position:absolute; top:-25px; background:url('/-a97026---3mMMGbdb/image-bylinku') no-repeat right center; right:-113px;; display:none; } } @media (min-width:690px) { .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title .image:after { display:block; } .ms-grill .box-slider-herbs-pager-link { display:inline-block; text-decoration:none; transform:scale(1); transition: transform 0.2s ease-in-out; width:14.66%; float:left; margin:0 1%; } .ms-grill .box-slider-herbs .box-slider-herbs-pager { margin-top:84px; padding-bottom:0!important; z-index:2; } .ms-grill .box-slider-herbs .box-slider-herbs-pager:after { display:none; } .ms-grill .box-slider-herbs-pager-link.active:after { content:""; display:block; position:absolute; top:100%; right:0; left:0; margin:0 auto; width:58px; height:31px; background:url('/-a97027---qo19ibDk/pager-icon') no-repeat right center; z-index:3; } .ms-grill .box-slider-herbs .box-slider-herbs-item-content, .ms-grill .box-slider-herbs .bx-controls { max-width:700px; margin:0 auto; } .ms-grill .box-slider-herbs .box-slider-herbs-item-content-left { width:334px; margin:0 40px; float:left; } .ms-grill .box-slider-herbs .box-slider-herbs-device { background-position:center top!important; } .ms-grill .box-slider-herbs .bx-controls { position:absolute; left:0; right:0; top:260px; margin:0 auto; margin-left:45px; } .ms-grill .box-slider-herbs .bx-controls .bx-prev, .ms-grill .box-slider-herbs .bx-controls .bx-next { top:100%; height:110px; width:30px; margin:0; padding:0; min-width:30px; position:absolute; left:0; right:initial; } .ms-grill .box-slider-herbs .bx-controls .bx-prev span, .ms-grill .box-slider-herbs .bx-controls .bx-next span { display:none; } .ms-grill .box-slider-herbs .bx-controls .bx-prev { background:url('/-a97023---We2Smsve/left-arrow-slider') no-repeat right center; padding:0; left:-40px; } .ms-grill .box-slider-herbs .bx-controls .bx-next { background:url('/-a97025---8hiyKHWB/right-arrow-slider') no-repeat left center; padding:0; text-align:left; left:364px; margin-left:54px; } } @media (min-width:801px) { .ms-grill .box-slider-herbs { margin-bottom:0px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title { margin-top:25px; margin-bottom:0; font-size:48px; line-height:60px; margin-bottom:0px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title .image:after { top:-45px; right:-22px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title span { font-size:48px; line-height:60px; } .ms-grill .box-slider-herbs .box-slider-herbs-content .box-slider-herbs-title span span{ font-size:48px; line-height:60px; } .ms-grill .box-slider-herbs .box-slider-herbs-pager > div { max-width:1080px; margin:0 auto 0; } .ms-grill .box-slider-herbs .box-slider-herbs-pager { padding-bottom:0px!important; } .ms-grill .box-slider-herbs-pager-image { height:82px; } .ms-grill .box-slider-herbs .box-slider-herbs-item-content, .ms-grill .box-slider-herbs .bx-controls { max-width:700px; margin-left:6.5%; } .ms-grill .box-slider-herbs .box-slider-herbs-item-content-left { width:550px; } .ms-grill .box-slider-herbs .bx-controls { top:275px; } .ms-grill .box-slider-herbs .bx-controls .bx-prev { //margin-left:-48px; } .ms-grill .box-slider-herbs .bx-controls .bx-next { left:610px; margin-left:54px; } .ms-grill .box-slider-herbs .box-slider-herbs-item-tip { width:437px; max-width:437px; margin-top:54px; } .ms-grill .box-slider-herbs .box-slider-herbs-device { min-height:980px; } .ms-grill .box-slider-herbs .bx-wrapper { margin-bottom:10px; } .ms-grill .box-slider-herbs-pager-link { padding-bottom:48px; } } @media (min-width:1367px) { .ms-grill .box-slider-herbs .box-slider-herbs-item-content, .ms-grill .box-slider-herbs .bx-controls { margin-left:202px; } .ms-grill .box-slider-herbs-pager-link { padding-bottom:48px; } .ms-grill .box-slider-herbs .box-slider-herbs-pager { padding-bottom:0!important; } .ms-grill .box-slider-herbs .box-slider-herbs-device { min-height:820px; background-size: cover!important; } } .ms-grill .box-grill-1 { margin-top:60px; } .ms-grill .box-grill-1 .box-grill-1-content { padding-top:20px; padding-bottom:20px; } .ms-grill .box-grill-1 .box-grill-1-title { font-size:30px; line-height:34px; color:#933300; margin-top:60px; margin-bottom:56px; } .ms-grill .box-grill-1 .box-grill-1-title span { font-size:54px; line-height:54px; color:#933300; } .ms-grill .box-grill-1 .box-grill-1-body-content { font-size:23px; line-height:28px; color:#fffdfd; } .ms-grill .box-grill-1 .box-grill-1-item-title { font-size:22px; line-height:29px; color:#933300; text-transform:uppercase; margin-top:0; font-family: "FutureCEBold"; text-shadow: 0 9px 18px rgba(25,35,20,0.7); } .ms-grill .box-grill-1 .box-grill-1-body { margin-bottom:520px; } .ms-grill .box-grill-1 .box-grill-1-item-body, .ms-grill .box-grill-1 .box-grill-1-item-body p { font-size:16px; line-height:26px; color:#fffdfd; text-shadow: 0 9px 18px rgba(25,35,20,0.7); } .ms-grill .box-grill-1-device { min-height:2040px; border-top:1px solid #efd5bc; border-bottom:1px solid #efd5bc; box-shadow: 0 8px 30px -5px rgba(11,95,86,0.3); background-size:cover!important; } @media (min-width:376px) { .ms-grill .box-grill-1 { margin-top:80px; } .ms-grill .box-grill-1 .box-grill-1-title { margin-top:98px; margin-bottom:27px; } .ms-grill .box-grill-1 .box-grill-1-body { margin-bottom:50px; } .ms-grill .box-grill-1 .box-grill-1-item-0 { width:370px; } .ms-grill .box-grill-1 .box-grill-1-item-1 { width:342px; float:right; margin-top:151px; } .ms-grill .box-grill-1-device { min-height:1497px; } } @media (min-width:801px) { .ms-grill .box-grill-1-device { min-height:1258px; background-position:top center; } .ms-grill .box-grill-1 { margin-top:90px; } .ms-grill .box-grill-1 .box-grill-1-title { font-size:51px; line-height:54px; margin-top:120px; margin-bottom:58px; text-align:left; } .ms-grill .box-grill-1 .box-grill-1-title span { font-size:51px; line-height:54px; } .ms-grill .box-grill-1 .box-grill-1-item-0 { width:auto; margin-top:70px; } .ms-grill .box-grill-1 .box-grill-1-item-1 { float:none; width:auto; margin-top:60px; } .ms-grill .box-grill-1 .box-grill-1-item-content { margin-bottom:53px; } } .ms-grill .box-grill-2 .box-grill-2-title { font-size:52px; line-height:66px; margin-top:50px; margin-bottom:14px; } .ms-grill .box-grill-2 .box-grill-2-body,.ms-grill .box-grill-2 .box-grill-2-body p { font-size:22px; } .ms-grill .box-grill-2-image { margin:52px -16px 0 } .ms-grill .box-grill-2-item-title { font-size:35px; line-height:60px; color:#933300; text-transform:uppercase; font-family: "FutureCEBold"; margin-top:44px; margin-bottom:13px; } @media (min-width:376px) { .ms-grill .box-grill-2 .box-grill-2-device { background-repeat:no-repeat!important; margin-top:32px; padding:48px 45px 20px 20px; background-size:cover!important; box-shadow: 0 8px 30px rgba(0,0,0,0.4); } .ms-grill .box-grill-2 .box-grill-2-item { position:relative; float:left; width:322px; clear:both; } .ms-grill .box-grill-2 .box-grill-2-item:before { position:absolute; content:""; display:block; right:100%; top:58px; margin-right:20px; z-index:2; width:162px; height:12px; background:url('/-a97306---GKsQotTw/pointer') no-repeat 0 0 ; } .ms-grill .box-grill-2 .box-grill-2-item-title { font-size:30px; line-height:56px; color:#ffffff; margin-bottom:0; margin-top:38px; text-shadow: 0 9px 18px rgba(25,35,20,0.7); } .ms-grill .box-grill-2 .box-grill-2-item-body, .ms-grill .box-grill-2 .box-grill-2-item-body p { color:#ffffff; text-shadow: 0 9px 18px rgba(25,35,20,0.7); } } @media (min-width:400px) { .ms-grill .box-grill-2 .box-grill-2-item { float:right; } } @media (min-width:801px) { .ms-grill .box-grill-2 .box-grill-2-title { margin-top:102px; margin-bottom:51px; } .ms-grill .box-grill-2 .box-grill-2-image { padding:15px; margin:0; border:1px solid #e7bb92; float:right; width:46.2%; box-shadow: 0 8px 30px -5px rgba(11,95,86,0.3); } .ms-grill .box-grill-2 .box-grill-2-device { padding:0!important; box-shadow:none; margin-top:0; } .ms-grill .box-grill-2 .box-grill-2-device .box-grill-2-content { padding-right:0!important; } .ms-grill .box-grill-2 .box-grill-2-items { float:left; width:49%; margin-top:2px; } .ms-grill .box-grill-2 .box-grill-2-item { float:none; width:auto; padding-right:8%; } .ms-grill .box-grill-2 .box-grill-2-item-title { color:#933300; text-shadow:none; margin-top:36px; margin-bottom:8px; } .ms-grill .box-grill-2 .box-grill-2-item-body, .ms-grill .box-grill-2 .box-grill-2-item-body p { color:#232323; text-shadow:none; } } .ms-grill .graphic-item-small .graphic-item-small-image { padding:8px; border:1px solid #e7bb92; display:inline-block; box-shadow:0 8px 10px rgba(140,141,144,0.3); background-color:#ffffff; } .ms-grill .graphic-item-small .graphic-item-small-title { margin:14px 10px 0; } .ms-grill .graphic-item-small .graphic-item-small-body { margin:0 10px 0; } .ms-grill .graphic-item-small .graphic-item-small-title a { display:inline-block; font-size:18px; line-height:26px; color:#933300; font-weight:bold; } .ms-grill .graphic-item-small .graphic-item-small-body, .ms-grill .graphic-item-small .graphic-item-small-body p { display:inline-block; font-size:17px; line-height:26px; color:#232323; margin-bottom:0; } @media (min-width:376px) { .ms-grill .graphic-item-small .graphic-item-small-body { min-height:90px; } } .ms-grill .box-grill-3 { margin-bottom:51px; } .ms-grill .box-grill-3 .box-grill-3-title { font-size: 30px; line-height: 23px; margin-bottom: 34px; margin-top: 45px; } .ms-grill .box-grill-3 .box-grill-3-title span { font-size: 54px; line-height: 58px; } .ms-grill .box-grill-3 .box-grill-3-body { font-size:22px; } .ms-grill .box-grill-3 .box-grill-3-items { margin-top:21px; } @media (min-width:376px) { .ms-grill .box-grill-3 .box-grill-3-title { margin-top:95px; } .ms-grill .box-grill-3 .box-grill-3-items { margin-top:48px; } } @media (min-width:801px) { .ms-grill .box-grill-3 .box-grill-3-content { //padding:0; } .ms-grill .box-grill-3 .box-grill-3-title { margin-top:114px; margin-bottom:55px; } .ms-grill .box-grill-3 .box-grill-3-title { font-size: 54px; line-height: 58px; margin-top:116px; margin-bottom:55px; } .ms-grill .box-grill-3 .box-grill-3-items { margin-top:44px; } } .ms-grill .box-grill-4 .box-grill-4-title { font-size: 36px; line-height: 36px; margin-bottom: 24px; margin-top: 26px; } .ms-grill .box-grill-4 .box-grill-4-title span { font-size: 54px; line-height: 54px; } .ms-grill .box-grill-4 .box-grill-4-item-title { font-size: 32px; line-height: 40px; color:#cc6834; font-family: "FutureCEBold"; margin-bottom:23px; margin-top:41px; } .ms-grill .box-grill-4 .box-grill-4-item-image { margin-top:35px; padding:15px; border:1px solid #e7bb92; background-color:#ffffff; } .ms-grill .box-grill-4 .box-grill-4-item-0 { margin-bottom:46px; } .ms-grill .box-grill-4 .box-grill-4-item-bg { background-position:top center!important; background-repeat:no-repeat!important; background-size:cover!important; } .ms-grill .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-title { color:#ffffff; } .ms-grill .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-body, .ms-grill .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-body p { color:#ffffff; } .ms-grill .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-content { padding-top:45px; } .ms-grill .box-grill-4 .box-grill-4-item-1 .box-grill-4-item-article-2 { margin-top:248px; } .ms-grill .box-grill-4 .box-grill-4-item-1 { padding-bottom:50px; } .ms-grill .box-grill-4 .box-grill-4-item-2 { margin-top:36px; margin-bottom:80px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-content { padding:17px 24px 19px 24px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others { position:relative; margin-bottom:26px; margin-top:28px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others:after { content:""; display:block; left:10px; right:10px; height:4px; top:100%; margin-top:3px; position:absolute; } .ms-grill .box-grill-4 .box-grill-4-item-article-others:before { content:""; display:block; width:13px; height:13px; left:-6.5px; top:-6.5px; position:absolute; } .ms-grill .box-grill-4 .box-grill-4-item-article-others.box-grill-4-item-article-others-red:before { background:url(/-a97547---kSmJ7Aqq/circle-red) no-repeat 0 0 ; } .ms-grill .box-grill-4 .box-grill-4-item-article-others.box-grill-4-item-article-others-yellow:before { background:url(/-a97548---6S1V6apM/circle-yellow) no-repeat 0 0 ; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-red, .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow { border:1px solid rgba(202,55,29,0.6); } .ms-grill .box-grill-4 .box-grill-4-item-article-others-red .box-grill-4-item-article-others-body, .ms-grill .box-grill-4 .box-grill-4-item-article-others-red .box-grill-4-item-article-others-body p, .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-body, .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-body p{ color:#ca371d; font-size:19px; line-height:26px; font-family: "TradeGothicLTProBC20"; margin:0; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-red .box-grill-4-item-article-others-title, .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-title { color:#ca371d; font-size:18px; line-height:26px; text-transform:uppercase; font-family: "FutureCEBold"; margin-bottom:12px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-body, .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-body p{ color:#b48812; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow .box-grill-4-item-article-others-title { color:#b48812; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-red:after { background-color:#ca371d; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-yellow:after { background-color:#b48812; } @media (min-width:376px) { .ms-grill .box-grill-4 .box-grill-4-title { font-size: 30px; line-height: 30px; margin-bottom: 24px; margin-top: 70px; } .ms-grill .box-grill-4 .box-grill-4-item-title { font-size:4.1vw; } .ms-grill .box-grill-4 .box-grill-4-title span { font-size: 54px; line-height: 54px; } .ms-grill .box-grill-4 .box-grill-4-item-image { float:left; width:52.5%; margin-left:-45px; border-left-width:0; padding-left:0; margin-right:40px; margin-top:27px; margin-bottom:20px; } .ms-grill .box-grill-4 .box-grill-4-item-article-1 { margin-bottom:70px; } .ms-grill .box-grill-4 .box-grill-4-item-title { margin-top:43px; } .ms-grill .box-grill-4 .box-grill-4-item-0 { margin-bottom:94px; } .ms-grill .box-grill-4 .box-grill-4-item-bg .box-grill-4-item-content { padding-top:75px; } .ms-grill .box-grill-4 .box-grill-4-item-1 .box-grill-4-item-article-2 { margin-top:43px; } .ms-grill .box-grill-4 .box-grill-4-item-1 .box-grill-4-item-article-1 { margin-bottom:44px; } .ms-grill .box-grill-4 .box-grill-4-item-1 { padding-bottom:90px; } .ms-grill .box-grill-4 .box-grill-4-item-2 { margin-top:71px; } .ms-grill .box-grill-4 .box-grill-4-item-2 .box-grill-4-item-article-2 .box-grill-4-item-title { margin-bottom:38px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-wrap { margin-left:-4px; margin-right:-4px; padding-top:10px; //margin-bottom:38px; text-align:center; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-wrap .box-grill-4-item-article-buttons{ clear:both; padding-top:30px; padding-left:5px; margin-bottom:0; } .ms-grill .box-grill-4 .box-grill-4-item-article-others { width:calc(50% - 10px); display:inline-block; margin:0 4px 40px -5px; vertical-align:top; } } @media (min-width:630px){ .ms-grill .box-grill-4 .box-grill-4-item-article-others-wrap { text-align:left; } .ms-grill .box-grill-4 .box-grill-4-item-article-others { width:calc(33.33% - 10px); float:left; margin:0 4px; } } @media (min-width:801px) { .ms-grill .box-grill-4 .box-grill-4-title { font-size: 54px; line-height: 54px; margin-bottom: 58px; margin-top: 58px; } .ms-grill .box-grill-4 .box-grill-4-item-image { float:left; width:42.2%; margin-left:0; border-left-width:1px; padding-left:15px; margin-right:65px; margin-top:4px; margin-bottom:20px; } .ms-grill .box-grill-4 .box-grill-4-item-title { font-size: 32px; } .ms-grill .box-grill-4 .box-grill-4-item .box-grill-4-item-content { padding:73px 0 0; } .ms-grill .box-grill-4 .box-grill-4-item-0 { margin-bottom:68px; } .ms-grill .box-grill-4 .box-grill-4-item-2 { margin-bottom:96px; } .ms-grill .box-grill-4 .box-grill-4-item-article-content { padding:0 15px; } .ms-grill .box-grill-4 .box-grill-4-item-article-others-wrap { clear:both; } } @media (min-width:1252px) { .ms-grill .box-grill-4 .box-grill-4-item-article-others-wrap { float:right; clear:none; width:66%; } } .ms-grill .box-grill-5 .box-grill-5-title { color:#e8c505; font-size: 40px; line-height: 40px; margin-top:0; margin-bottom:15px; } .ms-grill .box-grill-5 .box-grill-5-body { text-align:center; margin-bottom:71px; } .ms-grill .box-grill-5 .box-grill-5-item-buttons { margin-bottom:20px } .ms-grill .box-grill-5 .box-grill-5-items { margin-bottom:37px; } .ms-grill .box-grill-5 .box-grill-5-item { min-height:768px; margin-bottom:50px; background-size:cover!important; box-shadow: 0 8px 20px 0 rgba(187, 159, 133, 0.5); } .ms-grill .box-grill-5 .box-grill-5-item-title { font-size:36px; line-height:40px; color:#ffe65d; font-family: "FutureCEBold"; margin-top:46px; margin-bottom:24px; } .ms-grill .box-grill-5 .box-grill-5-item-body { font-size:21px; line-height:26px; font-family: "TradeGothicLTProBC20"; color:#ffffff; } .ms-grill .box-grill-5 .box-grill-5-item-1 { padding-top:199px; } .ms-grill .box-grill-5 .box-grill-5-item .box-grill-5-item-wrap { overflow:auto; } @media (min-width:375px) { .ms-grill .box-grill-5 .box-grill-5-item { min-height:770px; } .ms-grill .box-grill-5 .box-grill-5-title { font-size: 52px; line-height: 52px; margin-top:70px; margin-bottom:24px; } .ms-grill .box-grill-5 .box-grill-5-body { margin-bottom:80px; } .ms-grill .box-grill-5 .box-grill-5-item-0 .box-grill-5-item-wrap { float:right; width:320px; } .ms-grill.box-grill-5 .box-grill-5-item-0 .box-grill-5-item-title { margin-top:80px; } .ms-grill .box-grill-5 .box-grill-5-item-body p, .ms-grill .box-grill-5 .box-grill-5-item-title { //text-shadow: 0 9px 18px rgba(25,35,20,0.7); } .ms-grill .box-grill-5 .box-grill-5-items { margin-bottom:64px; } } @media (min-width:801px) { .ms-grill .box-grill-5 .box-grill-5-title { margin-top:50px; } .ms-grill .box-grill-5 .box-grill-5-item-0 .box-grill-5-item-wrap { float:right; width:332px; } .ms-grill .box-grill-5 .box-grill-5-item-0 .box-grill-5-item-title { margin-top:72px; } .ms-grill .box-grill-5 .box-grill-5-item-1 .box-grill-5-item-wrap { margin-left:32px; } .ms-grill .box-grill-5 .box-grill-5-item-1 .box-grill-5-item-title { margin-top:43px; } .ms-grill .box-grill-5 .box-grill-5-items { margin-bottom:75px; } } .ms-grill .box-grill-6 .box-grill-6-title { color:#232323; font-size:24px; line-height:34px; margin-top:16px; margin-bottom:0; } .ms-grill .box-grill-6 .box-grill-6-title span { font-size:48px; line-height:48px; } .ms-grill .box-grill-6 .box-article-wrap { padding-top:0; } .ms-grill .box-grill-6 .box-article .u-responsive-padding { padding-top:30px; } .ms-grill .box-grill-6-extra { background-position:center top; } .ms-grill .box-grill-6-extra { padding:50px 0; } .ms-grill .box-grill-6-extra .graphic-item-image { padding:0; border-width:0; box-shadow:0 5px 10px rgba(24,24,24,0.5); } .ms-grill .box-grill-6-extra .box-article-body, .ms-grill .box-grill-6-extra .box-article-body p { color:#ffffff; } @media (min-width:376px) { .ms-grill .box-grill-6 .box-grill-6-title { color:#232323; font-size:36px; line-height:47px; margin-top:52px; margin-bottom:36px; } .ms-grill .box-grill-6 .box-grill-6-title span { font-size:60px; line-height:60px; } .ms-grill .box-grill-6-extra { padding:80px 0; } } @media (min-width:801px) { .ms-grill .box-grill-6 .box-grill-6-title { font-size:60px; line-height:60px; margin-top:53px; margin-bottom:96px; } .ms-grill .box-grill-6 .box-article { margin-bottom:38px; } .ms-grill .box-grill-6-extra { padding:120px 0; } } body.ms-contigo { overflow-x:hidden; background:url('/-a96536---BmNUO_gJ/header-mobile') no-repeat center top!important; } textarea:focus, input:focus{ outline: none; } @media (max-width:450px) { body.ms-contigo { //background-size:contain!important; } } body.ms-contigo .main-frame-container { font-family:"TradeGothicLTPro"; line-height:18px; color:#000000; } .padding-mobile-18 { padding:15px; } @media screen and (min-width: 1000px) { .padding-mobile-18 { padding:30px; } } @media screen and (max-width: 319px) { #page { width: 100%; } } @media (min-width:650px) { body.ms-contigo { overflow-x:hidden; background:url('/-a96535---Dda5142r/bg') no-repeat center top!important; } } .ms-contigo .main-frame-container h2 { font-size:36px; line-height:45px; color:#518425; margin-bottom:0; margin-top:0px; padding-bottom:18px; padding-top:0px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-contigo .main-frame-container h3{ font-size:36px; line-height:36px; color:#848383; margin:0; padding:0; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; } .ms-contigo .main-frame-container h4 { font-size:36px; line-height:36px; color:#848383; margin:0; padding-bottom:38px; padding-top:0px; color:#518526; font-family:"TradeGothicLTProBC20"; text-transform:none; } .ms-contigo .main-frame-container .list-item ul { padding-left:18px; margin:0; } .ms-contigo .main-frame-container .list-item-letter ul { padding-left:20px; } .ms-contigo .main-frame-container .list-item-inline li { display:inline-block; } .ms-contigo .main-frame-container .list-item li { font-size:18px; line-height:24px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-contigo .main-frame-container .list-item li strong { font-family:"TradeGothicLTProBC20"; } .ms-contigo .main-frame-container .list-item-letter li { font-size:16px; line-height:25px; font-family:"TradeGothicLTPro"; list-style:none; position:relative; } .ms-contigo .main-frame-container .list-item ul li:before { display:block; content:""; position:absolute; left:-20px; top:5px; width:10px; height:10px; color:#000000; background-color:#ffffff; border-radius:5px; } .ms-contigo .main-frame-container .list-item-letter ul li:before { left:-16zpx; top:7px; width:12px; height:5px; background:url('') no-repeat center; } .ms-contigo * { box-sizing: border-box; } .ms-contigo .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-contigo .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-contigo .pulse-hover-pseudo:hover:after, .ms-contigo .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-contigo .hide-box { display:none; } .ms-contigo .u-icon { position:relative; } .ms-contigo .u-icon-after:after, .ms-contigo .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-contigo .u-icon-vertical-center:after, .ms-contigo .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-contigo .u-icon-more:after { width:21px; height:27px; padding-left:12px; background:url('') no-repeat right center; } .ms-contigo .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('') no-repeat right center; } .ms-contigo .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-contigo .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-contigo .search-button-wrapper .button.button-blue, .ms-contigo .search-button-wrapper .button:active.button-blue, .ms-contigo .search-button-wrapper .button.button-hover-blue:hover { background:#7DAF41!important; } .ms-contigo .ms-button { opacity:1; transition:opacity 0.3s ease-in-out; border:none; cursor:pointer; font-family:"TradeGothicLTProBC20"; margin:0; } .ms-contigo .ms-button > span { white-space:nowrap; line-height:1; font-size:17px; color:#ffffff; text-transform:uppercase; padding: 6px 17px 4px; display:inline-block; } .ms-contigo .ms-button-wide { width:100%; } .ms-contigo .ms-button-large > span { font-size:25px; padding: 15px 17px 7px; } .ms-contigo .ms-button-small { } .ms-contigo .ms-button-yellow span { display: block; background: url('') repeat-x 0 0; height: 58px; line-height: 63px; font-size: 21px; text-transform: uppercase; font-family: "TradeGothicLTProBC20"; white-space: nowrap; } .ms-contigo .ms-button-yellow { position: relative; text-decoration: none; color: #1D702C; padding: 0 31px; display: inline-block; } .ms-contigo .ms-button-yellow:before, .ms-contigo .ms-button-yellow:after { position: absolute; width: 32px; height: 100%; content: ""; display: block; } .ms-contigo .ms-button-yellow:before { left: 0px; top: 0; background: url('') no-repeat 0 0; } .ms-contigo .ms-button-yellow:after { right: 0px; top: 0; background: url('') no-repeat 0 0; } .ms-contigo .ms-button-green, .ms-contigo .ms-button-green:active, .ms-contigo .button-green:hover { background-color:#7dae2f!important;; } .ms-contigo .ms-button:hover { opacity:0.95; transition:opacity 0.3s ease-in-out; } @media(min-width:8408px) { .ms-contigo .ms-button-wide { width:auto; } } .ms-contigo .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-contigo .container-1300 { max-width:1300px; width:100%; margin:0 auto 0; position:relative; } .ms-contigo .container-1600 { max-width:1601px; width:100%; margin:0 auto 0; position:relative; } .bg-white { background-color:#ffffff; } @media (min-width:1600px) { .ms-contigo .main-frame-container .container-bg { position:relative; } .ms-contigo .main-frame-container-page-left { right:100%; background:fixed url('/-a96534---5_AUVy9m/bg-left') no-repeat left top; } .ms-contigo .main-frame-container-page-right { left:100%; background:fixed url('/-a96533---TmJZuoC2/bg-right') no-repeat right top; } } /*** BOX PRODUCTS **********************************/ .ms-contigo .box-products { padding:20px 0 40px; } .ms-contigo .box-products-content { margin-top:40px; } .ms-contigo .box-products-content-inner { padding:0; } .ms-contigo .box-products-body, .ms-contigo .box-products-body p { padding-top:50px; font-size:24px; line-height:30px; color:#000000; font-family:"TradeGothicLTPro"; } .ms-contigo .box-products-body p { padding-top:0; } .ms-contigo .box-products-logo { text-align:left; } .ms-contigo .box-products-images { text-align:center; } .ms-contigo .box-products-logo img { display:inline-block; } .ms-contigo .box-products-left, .ms-contigo .box-products-right { display:inline-block; margin:15px; } @media (min-width:450px) { .ms-contigo .box-products-left, .ms-contigo .box-products-right { max-width:50%; } } @media (min-width:1000px) { .ms-contigo .box-products-content { margin:0 auto; width:835px; position:relative; } .ms-contigo .box-products-body { padding-top:56px; } .ms-contigo .box-products-left, .ms-contigo .box-products-right { display:block; position:absolute; z-index:2; } .ms-contigo .box-products-left { top:0; right:100%; } .ms-contigo .box-products-right { top:0; left:100%; } .ms-contigo .box-products-left, .ms-contigo .box-products-right { margin-left:-60px; max-width:100%; } .ms-contigo .box-products-left, .ms-contigo .box-products-left { margin-right:-60px; } .ms-contigo .box-products-content-inner { padding:0 100px; } .ms-contigo .box-products-content { margin-bottom:170px; } } @media (min-width:1600px) { .ms-contigo .box-products-content-inner { padding:0 100px; } .ms-contigo .box-products-left, .ms-contigo .box-products-right { width:auto; } } /*** Newsletter **********************************/ .ms-contigo .newsletter { padding-bottom:40px; background:url('/-a96537---KAtCy45s/bg-cards') repeat-y center top; } .ms-contigo #ms-contigo-newsletter input[type="text"] { width:100%; height:50px; line-height:1; padding: 0 15px 0; background-color:#ffffff; border:5px solid #7dae2f; color:#7dae2f; font-size:17px; text-transform:uppercase; font-family:"TradeGothicLTProBC20"; line-height:40px; vertical-align:middle; outline: none; display:block; text-transform:inherit; } .ms-contigo .newsletter. #ms-contigo-newsletter #podminky { transform:scale(1.2); } .ms-contigo .main-frame-container .newsletter h4, .ms-contigo #ms-contigo-newsletter .consent, .ms-contigo #ms-contigo-newsletter .consent a { color:#000000!important; text-shadow:none!important; text-transform:uppercase!important; } .ms-contigo #ms-contigo-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-contigo #ms-contigo-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-contigo #ms-contigo-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-contigo #ms-contigo-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color:#7dae2f; font-size:17px; text-transform:uppercase; } .ms-contigo .newsletter-content { padding-top:30px; } .ms-contigo #ms-contigo-newsletter .consent { font-size:12px; line-height:14px; padding-top:10px; text-transform:uppercase; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-shadow: 0 6px 10px rgba(0,0,0,0.9); width: 90%; display: inline-block; padding-left: 5px; } .ms-contigo #ms-contigo-newsletter .consent a { color:#ffffff; text-decoratiomn:underline; } .ms-contigo #ms-newsletter-wrap { width:100%; margin-bottom:20px; margin-top:20px; } .ms-contigo .newsletter-left, .ms-contigo .newsletter-right { width:100%; } .ms-contigo #ms-contigo-newsletter .ms-button { height:50px; margin-top:20px; } .ms-contigo #ms-contigo-newsletter .ms-button > span { font-size:17px; } .ms-contigo #ms-newsletter-wrap h4 { margin-bottom:14px; font-size:17px; line-height:21px; color:#ffffff; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; font-weight:bold; padding-top:30px text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-contigo #ms-newsletter-wrap .validation-success { font-size:15px; line-height:18px; color:#000000; text-shadow: 0 6px 10px rgba(0,0,0,0.9); } .ms-contigo #ms-contigo-newsletter #podminky { float:left; margin-top:10px; transform:scale(1.2); } @media (min-width:840px) { .ms-contigo .newsletter { padding-bottom:0; } .ms-contigo .newsletter-form-left, .ms-contigo .newsletter-form-right { float:left; } .ms-contigo .newsletter-form-left { width:535px; } .ms-contigo .newsletter-form-right{ width:226px; } .ms-contigo #ms-contigo-newsletter #podminky { margin-left:72px; } .ms-contigo #ms-contigo-newsletter .consent { width: 80%; } .ms-contigo #ms-newsletter-wrap { width:762px; margin:0 auto 9px; } .ms-contigo #ms-contigo-newsletter .ms-button { height:68px; margin-top:0; width:button; } .ms-contigo #ms-contigo-newsletter .ms-button >span { font-size:27px; padding: 10px 5px 7px; } .ms-contigo #ms-contigo-newsletter input[type="text"] { height: 68px; padding: 0 15px; font-size: 23px; line-height: 44px; } .ms-contigo #ms-contigo-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:25px; } .ms-contigo #ms-contigo-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size:25px; } .ms-contigo #ms-contigo-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-size:25px; } .ms-contigo #ms-contigo-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size:25px; } .ms-contigo #ms-contigo-newsletter .consent { font-size:16px; line-height:20px; } } @media (min-width:1160px) { .ms-contigo .newsletter-form-left { width:530px; } .ms-contigo .newsletter-form-right{ width:226px; } .ms-contigo #ms-contigo-newsletter #podminky { margin-left:72px; } .ms-contigo #ms-contigo-newsletter .consent { width: 80%; } } .ms-contigo #ms-contigo-newsletter.subscription-form .mkt_email2 { font-size: 17px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 6px; //padding-top:5px!important; color:#ffda00; } .ms-contigo #ms-contigo-newsletter #email-error, .ms-contigo #ms-contigo-newsletter #mkt_suggestion, .ms-contigo #ms-contigo-newsletter #agreement-error { padding:10px; display:inline-block; color:#000000; font-size:18px; } .ms-contigo #ms-contigo-newsletter #email-error, .ms-contigo .validation-error { color:#ff3b00; } .ms-contigo #ms-contigo-newsletter #agreement-error { color:#ff3b00; padding:8px 0 0 10px; } .ms-contigo #ms-contigo-newsletter #mkt_suggestion .suggestion { color:#ff3b00; } @media (min-width:768px) { .ms-contigo #ms-contigo-newsletter.subscription-form .mkt_email2 { font-size: 23px; text-transform: inherit; font-family: "TradeGothicLTProBC20"; //padding-left: 10px; //margin-left:17px; padding-top:12px!important; color:#ffda00; } } body.ms-books { background: url('/-a98331----bizyFW9/bg-page-mobil') repeat 0 0!important; } @media (min-width:641px) { body.ms-books { background:#f8fbe4 url('/-a98330---Vy5qeAEj/bg-page') repeat 0 0!important; } } body.ms-books #page { overflow-x:hidden; background:url('/-a98281---xeTt3UU_/bg-mobile') no-repeat left top!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.ms-books .main-frame-container { font-family:"TradeGothicLTPro"; line-height:18px; color:#000000; } body.ms-books #page { max-width:100%;} @media screen and (max-width: 319px) { #page { width: 100%; } } @media (min-width:650px) { body.ms-books #page { overflow-x:hidden; background:url('/-a98280---ARKhjfjP/bg') no-repeat center top!important; } } .ms-books .main-frame-container h2 { font-size:43px; line-height:50px; color:#c02866; padding-bottom:18px; padding-top:0px; font-family: "FutureCEBold"; margin-top:16px; margin-bottomn:18px; } .ms-books .main-frame-container h2.insite { font-size:22px; line-height:34px; color:#c02866; margin-bottom:0; margin-top:0px; padding-bottom:2px; padding-top:0px; font-family: "FutureCEBold"; } .ms-books .main-frame-container h2.insite span { font-size:34px; line-height:34px; display:inlione-block; } .ms-books .main-frame-container h3, .ms-books h3 { font-family: "FutureCEBold"; font-size:17px; line-height:29px; color:#ffffff; margin-top:20px; margin-bottom:0; text-transform:uppercase; } .ms-books .text-small, .ms-books .text-small p { font-family:"TradeGothicLTProBC20"; font-size:14px; line-height:20px; color:#000000; } .ms-books .text-large, .ms-books .text-large p { font-family:"TradeGothicLTProBC20"; font-size:19px; line-height:21px; color:#000000; } .ms-books * { box-sizing: border-box; } .ms-books .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-books .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-books .pulse-hover-pseudo:hover:after, .ms-books .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-books .hide-box { display:none; } .ms-books .u-icon { position:relative; } .ms-books .u-icon-after:after, .ms-books .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-books .u-icon-vertical-center:after, .ms-books .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-books .u-icon-more:after { width:30px; height:30px; top:-2px; padding-left:22px; background:url('/-a98326---ADjolf-e/button-more') no-repeat right center; } .ms-books .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a98284---gxSXCmNc/circle-arrow') no-repeat right center; } .ms-books .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-books .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-books .search-button-wrapper .button.button-blue, .ms-books .search-button-wrapper .button:active.button-blue, .ms-books .search-button-wrapper .button.button-hover-blue:hover { background:#cc2c77!important; } .ms-books #contacts { background-color:#cc2c77; height: 35px; line-height: 35px; padding: 0 10px; } @media (min-width:768px) { .ms-books .main-frame-container h2 { font-family:"FutureCEBold"; font-size:40px; line-height:74px; color:#c02866; padding-top:74px; padding-bottom:0px; margin:0; } .ms-books .main-frame-container h2.insite { font-size:33px; line-height:47px; color:#c02866; margin-bottom:0; margin-top:0px; padding-bottom:8px; padding-top:0px; font-family: "FutureCEBold"; } .ms-books .main-frame-container h2.insite span { font-size:51px; line-height:51px; display:inlione-block; } .ms-books .main-frame-container h3, .ms-books h3 { font-family: "FutureCEBold"; font-size:46px; line-height:50px; color:#ffffff; margin-top:38px; margin-bottom:0; text-transform:uppercase; text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-books .text-small, .ms-books .text-small p { font-family:"TradeGothicLTProBC20"; font-size:22px; line-height:31px; color:#000000; } .ms-books .text-large, .ms-books .text-large p { font-family:"TradeGothicLTProBC20"; font-size:18px; line-height:20px; color:#000000; } .ms-books .u-icon-arrow-down:before { display:block; } .ms-books .content-padding, .ms-books .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-books .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:768px) { .ms-books .u-icon-more:after { padding-left:12px; top:0; } } @media (min-width:1160px) { .ms-books .u-icon-arrow-down:before { bottom:-127px; } .ms-books .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-books .button.button-wide { width:auto; margin-bottom:inherit; } } .ms-books .ms-button { opacity:1; transition:opacity 0.3s ease-in-out; border:none; cursor:pointer; font-family:"TradeGothicLTProBC20"; margin:0; } .ms-books .ms-button > span { white-space:nowrap; line-height:1; font-size:17px; color:#ffffff; text-transform:uppercase; padding: 6px 17px 4px; display:inline-block; } .ms-books .ms-button-wide { width:100%; } .ms-books .ms-button-large > span { font-size:25px; padding: 15px 17px 7px; } /*** Submenu **********************************/ .ms-books .header-submenu { list-style:none; padding: 10px 10px; text-align:center; background-color:#f68715; background: url('/-a98283---GAytxAoF/bg-menu') repeat-y left top; min-height:80px; background-size:cover; } .ms-books .header-submenu-item { text-align:left; padding:0; } .ms-books .header-submenu .header-submenu-item:nth-of-type(3) { display:none; } .ms-books .header-submenu-title { font-size: 11px; line-height: 12px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; //text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-books .header-submenu-link { display:none; //text-shadow: 0 3px 8px rgba(0,0,0,0.9); } .ms-books .header-submenu-content { margin:0 10px 0 30px; position:relative; padding-right:26px; } .ms-books .header-submenu-content:before { left:-29px; top:2px; transform:scale(0.6); } @media (min-width:470px) { .ms-books .header-submenu { background: url('/-a98283---GAytxAoF/bg-menu') repeat-y left top; padding:5px 10px; } .ms-books .header-submenu-title { font-size: 18px; line-height: 22px; color:#ffffff; padding-top:8px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-books .header-submenu-content { margin:0 10px 0 35px; } .ms-books .header-submenu-content:before { left:-29px; top:5px; transform:scale(0.8); } .ms-books.menu-fixed .header-submenu-content, .ms-books .header-submenu-item { min-height:10px; } .ms-books.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-books.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-books.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } } @media (min-width:768px) { .ms-books .header-submenu-content { margin: 0px 0px 0px 34px; position:relative; padding-right:26px; text-align:left; display:inline-block; } .ms-books .header-submenu-content:before { left:-29px; } .ms-books .header-submenu-content, .ms-books .header-submenu-item { min-height:66px; } .ms-books .header-submenu .header-submenu-item:nth-of-type(3) { display:block; } .ms-books .header-submenu-title { font-size: 18px; line-height: 22px; } .ms-books .header-submenu-link { font-size: 14px; line-height: 16px; color:#ffffff; font-family:"TradeGothicLTProBC20"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-books .header-submenu { background-size:cover; } .ms-books .header-submenu-item { padding:0; text-align:center; } .ms-books.menu-fixed .header-submenu-content, .ms-books .header-submenu-item { min-height:10px; } .ms-books.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-books.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-books.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } @media (min-width:960px) { .ms-books .header-submenu-content, .ms-books .header-submenu-item { min-height:80px; } .ms-books .header-submenu-content:before { transform:scale(1); } } @media (min-width:1000px) { .ms-books .header-submenu { padding:14px 10px 11px; } .ms-books .header-submenu ul { max-width:943px; margin:0 auto; } .ms-books .header-submenu-content:before { top:9px; } .ms-books .header-submenu-content, .ms-books .header-submenu-item { min-height:80px; } .ms-books .header-submenu-title { font-size:20px; line-height:26px; } .ms-books .header-submenu-link { font-size:15px; line-height:22px; } } .ms-books.menu-fixed .header-submenu-content, .ms-books .header-submenu-item { min-height:10px; } .ms-books.menu-fixed .ms-books .header-submenu-title { font-size:15px!important; line-height:17px!important; } .ms-books.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } .ms-books.menu-fixed .header-submenu-link { font-size:15px; line-height:17px; } @media (min-width:1160px) { .ms-books .header-submenu-content, .ms-books .header-submenu-item { min-height:65px; } } } /*** Hlavni content **********************************/ .ms-books .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-books .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-books .padding-mobile-18 { padding-right: 34px!important; padding-left: 34px!important; } .ms-books .no-padding-mobile-left { padding-left:0; } .ms-books .no-padding-mobile-right { padding-right:0; } .ms-books .no-margin-mobile-left { margin-left:0; } .ms-books .no-margin-mobile-right { margin-right:0; } } .ms-books .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-books .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-books .container-1300 { max-width:1300px; width:100%; margin:0 auto 0; position:relative; } .ms-books .container-1600 { max-width:1600px; width:100%; margin:0 auto 0; position:relative; } .ms-books .container-extended { max-width:1295px; width:100%; margin:0 auto 0; position:relative; } .ms-books .main-frame-container { margin-top:44px; } .ms-books .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-books .icon-center { margin:0 auto; } .ms-books .main-frame-container { background-color:transparent; } .ms-books .main-frame-container .main-frame-container-page { background: url('/-a98331----bizyFW9/bg-page-mobil') repeat 0 0; } @media (min-width:641px) { .ms-books .main-frame-container .main-frame-container-page { background:#f8fbe4 url('/-a98330---Vy5qeAEj/bg-page') repeat 0 0; } } @media (min-width:1600px) { .ms-books .main-frame-container .container-bg { position:relative; } .ms-books .main-frame-container-page-left { right:100%; background:fixed url('') no-repeat left top; } .ms-books .main-frame-container-page-right { left:100%; background:fixed url('') no-repeat right top; } } /*** Slider Karty **********************************/ .ms-books .box-inspiration { background:url('/-a98306---pu6LzbrG/bg-inspirace') repeat-y center top; margin-top:40px; } .ms-books .box-inspiration .box-inspiration-header { padding-top:63px; } .ms-books .box-inspiration .box-inspiration-title { padding-bottom:0px; } .ms-books .books-books-card .carousel, .ms-books .carousel-box-books-card .carousel-inner, .ms-books .card-box-mobile .carousel-inner { overflow:visible; } .ms-books .card-box-mobile { margin-bottom:0; margin-top:0px; padding-bottom:50px; background:url('/-a98329---FxQD2nJt/bg-inspirace-bottom') no-repeat center bottom; } .ms-books .card-box-mobile .box-card-item { text-align:center; padding-bottom:30px; } .ms-books .main-frame-container .box-inspiration h3, .ms-books .main-frame-container .box-inspiration h2.h2-subtitle-big, .ms-books .main-frame-container .box-inspiration h2.h2-subtitle-big span{ color:#000000; text-shadow:none; } .ms-books .box-card-item-category { position: absolute; font-size: 22px; line-height: 25px; padding: 7px 58px 0 15px; color: #7dae2f; background-color: #ffffff; font-family: "TradeGothicLTProBC20"; font-weight: bold; left: 0; top: 14px; z-index: 5; text-transform: uppercase; vertical-align: middle; display: none; //height: 40px; } .ms-books .box-card-item-category-m { top:103px; } .ms-books .box-card-item-category-class { position:absolute; top:0; left:0; z-index:10; } .ms-books .box-card-item-image-wrap { position:relative; } .ms-books .box-card-item-video { width:109px; height:109px; background:url('') no-repeat 0 0; position:absolute; left:50%; top:50%; z-index:6; transform: translate(-50%, -50%); } .ms-books .card-item-mobile-more { text-align:center; padding:15px 0 0; } .ms-books .card-item-mobile-more a { font-size:18px; line-height:18px; color:#cc2c77; font-family: "TradeGothicLTProBC20"; text-transform:uppercase; } .ms-books .card-box-mobile .box-card-item-image { width:100%; dispay:inline-block; } .ms-books .card-box-mobile .ms-books .box-card-item-content { text-aligm:left; padding-top:3px; } .ms-books .carousel-box-books-card .carousel { padding-bottom:59px; height:auto; } .ms-books .carousel-box-books-card .carousel-control-wrap { max-width:1300px; width:100%; margin:0 auto; position: absolute; bottom: 31px; left: 0; right: 0; z-index:5; height:49px; text-align:center; } .ms-books .carousel-box-books-card .carousel-control-inner { position:relative; display:inline-block; height:100%; width:100px; } .ms-books .carousel-box-books-card .carousel-control:hover { opacity:1; } .ms-books .carousel-box-books-card .carousel-control { display:inline-block; width:18px; height:38px; position:absolute; left:inherit; top:inherit; bottom: 50%; transform: translate(0, 50%); opacity:1; } .ms-books .carousel-box-books-card .carousel-control-left { background:url('/-a98327---X240sI7J/controls') no-repeat 0 0; left:0px; } .ms-books .carousel-box-books-card .carousel-control-seperator { background:url('/-a98327---X240sI7J/controls') no-repeat -20px 0; right:20px; top:7px; } .ms-books .carousel-box-books-card .carousel-control-right{ background:url('/-a98327---X240sI7J/controls') no-repeat right 0; right:0px; } .ms-books .carousel-box-books-card .carousel-control-seperator { width:12px; height:38px; position:absolute; bottom:0; } @media (min-width:470px) { .ms-books .box-card-item-category { display:block; } } @media (min-width:768px) { .ms-books .box-inspiration { padding-bottom:20px; min-height:764px; } .ms-books .box-inspiration .box-inspiration-header { padding-top:0px; } .ms-books .box-inspiration .box-inspiration-title { padding-bottom:0; } .ms-books .card-box-mobile { padding:bottom:0; background-image:none; } .ms-books .box-cards { padding-bottom:40px; max-width:943px; margin:2px auto 0; } .ms-books .box-card-item-image-wrap img{ width:100%; } .ms-books .box-card-item-category { top:15px; } .ms-books .box-card-item-category-m { top:103px; } .ms-books .carousel-box-books-card .carousel { padding-bottom:50px; } .ms-books .carousel-box-books-card .carousel-inner-wrap { overflow:hidden; } .ms-books .carousel-box-books-card .carousel-inner { padding: 0; } .ms-books .carousel-box-books-card .carousel-inner > .item { top:0px; } .ms-books .carousel-box-books-card .carousel-inner > .item.active { top:0px; } .ms-books .carousel-box-books-card .carousel-control-wrap { height:50px; text-align:right; bottom:2px; } .ms-books .carousel-box-books-card .carousel-control-inner { width:52px; margin-right:1px; } } @media (min-width:1200px) { .ms-books .box-cards { padding-bottom:0; } } .ms-books .box-card-item { background-color:#cc2c77; height:auto; position:relative; //overflow:hidden; margin-bottom:0px; } .ms-books .box-card-item-content { position:relative; } .ms-books .main-frame-container .box-card-item-content-title { font-size:40px; line-height:45px; color:#ffffff; font-family:"TradeGothicLTProBC20"; text-transform:inherit; font-weight:bold; margin:0; padding:14px 112px 4px 0; text-align:left; min-height:95px; position:relative; text-shadow:none; } .ms-books .main-frame-container .box-card-item-content-perex { font-size:20px; line-height:30px; color:#ffffff; font-family: "TradeGothicLTProLight"; font-weight:normal; text-align:left; margin-top:2px; min-height:143px; } .ms-books .box-card-item-content-more .button { background-color:#217cc2; } .ms-books .box-card-item-content-more.button-large > span { font-family:"TradeGothicLTProBC20"; font-weight:bold; padding:0 12px 0 15px; font-size:36px; line-height:92px; color:#c02866; text-transform:uppercase; } .ms-books .box-card-item-content-more.button-large > span:after { position:relative; top:0px; } .ms-books .box-card-item-content-more { position:absolute; right:0; top:18px; background:#ffffff!important; color:#3e1a10!important; height:78px; line-height:78px; } .ms-books .box-card-item-content-link { position:absolute; z-index:8; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); left:0; right:0; top:0; bottom:0; display:block; } @media (min-width:768px) { .ms-books .box-card-item { margin-bottom:0; box-shadow:0px 4px 18px rgba(19,17,21,0.25); -moz-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -webkit-box-shadow:0px 4px 18px rgba(19,17,21,0.25); -ms-box-shadow:0px 4px 18px rgba(19,17,21,0.25); } .ms-books .box-card-item-content { padding:3px 16px 16px; min-height:123px; } .ms-books .main-frame-container .box-card-item-content-title { font-size:18px; line-height:20px; min-height:0; padding:13px 79px 4px 0;; height:49px; } .ms-books .main-frame-container .box-card-item-content-perex { height:100px; overflow: hidden; font-size:12px; line-height:13px; min-height:0; } .ms-books .box-card-item-content-more { position:absolute; right:0; top:10px; height:36px; line-height:30px } .ms-books .box-card-item-content-more.button-large > span { padding:0 0 0 8px; font-size:17px; line-height:45px; } .ms-books .box-card-item-content-more.button-large > span:after { display:inline-block; top:-1px; transform:scale(0.48); padding-left:5px; } } @media (min-width:1140px) { .ms-books .carousel-box-books-card .carousel-control-inner { margin-right:10px; } } @media (min-width:1140px) { .ms-books .main-frame-container .box-card-item-content-title { height:49px; } .ms-books .main-frame-container .box-card-item-content-perex { height:71px; } } @media (min-width:1300px) { .ms-books .box-card-item-category { min-width:291px; } } .ms-books .truncate-content-xs, .ms-books .truncate-content-xsm, .ms-books .truncate-content-sm, .ms-books .truncate-content-md { display:none; } .ms-books .truncate-content-xs { display:table-cell; } @media (min-width: 641px) { .ms-books .truncate-content-xsm { display:table-cell; } .ms-books .truncate-content-xs { display:none; } } @media (min-width: 768px) { .ms-books .truncate-content-sm { display:table-cell; } .ms-books .truncate-content-xsm { display:none; } } @media (min-width: 960px) { .ms-books .truncate-content-sm { display:none; } .ms-books .truncate-content-md { display:table-cell; } } /*** Produkty **********************************/ .ms-books .box-books { min-height:1235px; position: relative; } .ms-books .box-books .box-books-header { padding-top:33px; } .ms-books .box-books .box-books-books { position:absolute; top:150px; left:0; right:0; z-index:1; } .ms-books .box-books .box-books-books-device { min-height:566px; position:relative; background-position:center top!important; background-repeat:no-repeat!important; } .ms-books .box-books .box-books-books-device-tablet, .ms-books .box-books .box-books-books-device-desktop { display:none; } .ms-books .box-books .box-books-books-device-mobile, .ms-books .box-books .box-books-books-device-tablet, .ms-books .box-books .box-books-books-device-desktop { margin-left:50%; transform:translateX(-50%); } .ms-books .box-books .box-books-books-device-desktop { width:950px; } .ms-books .box-books .box-books-books-device-tablet { width:640px; } .ms-books .box-books .box-books-books-device-mobile { width:375px; } .ms-books .box-books .box-books-bottom-table-image-desktop { display:none; } .ms-books .box-books .box-books-items { position:relative; } .ms-books .box-books .box-books-item { position:absolute; width:100px; height:100px; //border:1px solid red; z-index:3; display:block; } .ms-books .box-books .box-books-item-button { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: -24px; transform: scale(0.65); } .ms-books .box-books .box-books-item-button a { height:25px; font-size: 16px; font-family: "TradeGothicLTProBC20Fixed"; line-height: 25px; color: #ffffff; text-transform: uppercase; padding: 0 5px; display: inline-block; border-radius: 12.5px;; -webkit-border-radius: 12.5px; -ms-border-radius: 12.5px;; -moz-border-radius: 12.5px;; background-color: #1d7ab9; text-decoration: none; white-space:nowrap; } .ms-books .box-books .box-books-item-button-overlay { opacity:0; transition:opacity 1s ease-in-out!important; margin-bottom:-10%; } .ms-books .box-books .box-books-item-button-overlay:hover { opacity:1; transition:opacity 1s ease-in-out!important; } .ms-books .box-books .box-books-item-button-overlay:hover:after { content:""; position:absolute; display:block; width:70%; height:70%; left:50%; top:50%; transform:translate(-50%,-50%); background:url('/-a99243---1btwHgkb/book-icon') no-repeat center; background-size:contain; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; } .ms-books .box-books .box-books-item-button span:after { content: ""; display: inline-block; margin-left: 2px; width: 16px; vertical-align: middle; height: 13px; margin-top: -3px; background:url('/-a98366---u1MC9hf-/icon-arrow-right') no-repeat center top; background-size: contain; } .ms-books .box-books .box-books-bottom { position:absolute; bottom:0; height:502px; width:100%; background:url('/-a98347---P7ydQ8nq/knihovna-bottom-mobil') repeat center top; } .ms-books .box-books .box-books-bottom-card { display:none; } .ms-books .box-books .box-books-bottom-table { display:inline-block; position:absolute; bottom:-475px; left:0; right:0; margin:0 auto; z-index:2; width:425px; } .ms-books .box-books .box-books-bottom-table-body { position:absolute; bottom:139px; left:8px; right:1px; } .ms-books .box-books .box-books-bottom-table-body, .ms-books .box-books .box-books-bottom-table-body p { font-size:11.5px; line-height:14px; font-family: "TradeGothicLTProCn18"; text-align:center; } .ms-books .box-books .box-mobile-body { display:none; } .ms-books .box-books .box-books-bottom-table-body a { font-family: "TradeGothicLTProBC20"; } .ms-books .box-books .box-books-bottom-table-button { position:absolute; left:0; right:0; margin:0 auto; text-align:center; bottom:51px; } .ms-books .box-books .box-books-bottom-table-button-btn { font-size:25px; font-family: "TradeGothicLTProBC20Fixed"; height:41px; line-height:42px; color:#ffffff; text-transform:uppercase; padding: 0 23px; display: inline-block; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; background-color: #1d7ab9; text-decoration:none; } .ms-books .box-books .box-books-item.box-books-item-0 { width:103px; height:108px; left:37px; top:117px; } .ms-books .box-books .box-books-item.box-books-item-1 { width:102px; height:108px; left:225px; top:117px; } .ms-books .box-books .box-books-item.box-books-item-2 { width:95px; height:112px; left:25px; top:249px; z-index:10; } .ms-books .box-books .box-books-item.box-books-item-3 { width:75px; height:113px; left:111px; top:248px; z-index:9; } .ms-books .box-books .box-books-item.box-books-item-4 { width:92px; height:113px; left:174px; top:248px; z-index:8; } .ms-books .box-books .box-books-item.box-books-item-5 { width:87px; height:113px; left:259px; top:248px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-6 { width:100px; height:122px; left:122px; top:377px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-7 { width:103px; height:120px; left:225px; top:379px; z-index:7; } @media (max-width: 437px) { .ms-books .box-books { min-height:1198px; } .ms-books .box-books .box-books-bottom-table { transform:scale(0.5); bottom:-402px; left:50%; right:inherit; transform:translateX(-50%) scale(0.5); } .ms-books .box-books .box-books-bottom-table-body { display:none; } .ms-books .box-books .box-mobile-body { display:block; position:absolute; bottom:0; } .ms-books .box-books .box-mobile-body p { //text-shadow:0 8px 10px rgba(0,0,0,0.5); font-size:15px; line-height:18px; font-family: "TradeGothicLTProCn18"; text-align:center; font-weight:bold; } .ms-books .box-books .box-mobile-body br { display:none; } .ms-books .box-books .box-books-bottom-table-button { transform: scale(1.5); bottom:20px; } } @media (min-width: 560px) { .ms-books .box-books { min-height:1433px; } .ms-books .box-books .box-books-books { top:0; } .ms-books .box-books .box-books-books-device { min-height:957px; } .ms-books .box-books .box-books-bottom { height:502px; } .ms-books .box-books .box-books-books-device-tablet { display:block; } .ms-books .box-books .box-books-books-device-mobile { display:none; } .ms-books .box-books .box-books-item.box-books-item-0 { width:171px; height:181px; left:66px; top:201px; } .ms-books .box-books .box-books-item.box-books-item-1 { width:170px; height:179px; left:386px; top:203px; } .ms-books .box-books .box-books-item.box-books-item-2 { width:156px; height:188px; left:44px; top:428px; z-index:10; } .ms-books .box-books .box-books-item.box-books-item-3 { width:128px; height:192px; left:187px; top:424px; z-index:9; } .ms-books .box-books .box-books-item.box-books-item-4 { width:153px; height:193px; left:298px; top:424px; z-index:8; } .ms-books .box-books .box-books-item.box-books-item-5 { width:154px; height:193px; left:434px; top:424px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-6 { width:163px; height:203px; left:213px; top:645px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-7 { width:169px; height:203px; left:391px; top:646px; z-index:7; } } @media (min-width:641px) { .ms-books .box-partners .box-partners-content ul { max-width:956px; margin:35px auto 0; padding:0; } .ms-books .box-books .box-books-item-button { transform: scale(1); } } @media (min-width: 768px) { .ms-books .box-books .box-books-books { top:110px; } .ms-books .box-books { min-height:1540px; } .ms-books .box-books .box-books-bottom-table { left:2%; right:inherit; } .ms-books .box-books .box-books-bottom-card { display:block; } .ms-books .box-books .box-books-bottom-card { display:block; position:absolute; bottom:-350px; right:-100px; z-index:10; width:281px; } .ms-books .box-books .box-books-bottom-card .box-books-bottom-card-button { position: absolute; left:-61px; margin: 0 auto; text-align: center; bottom: -74px; } .ms-books .box-books .box-books-bottom-card .box-books-bottom-card-button-btn { font-size: 23px; font-family: "TradeGothicLTProBC20Fixed"; min-height: 63px; line-height: 24px; color: #ffffff; text-transform: uppercase; padding: 0; text-align:center; display: inline-block; border-radius: 18px; -webkit-border-radius: 18px; -ms-border-radius: 18px; -moz-border-radius: 18px; background-color: #1d7ab9; text-decoration: none; width:250px; } .ms-books .box-books .box-books-bottom-card-button-btn span { padding-top: 8px; padding-bottom:8px; display: inline-block; } } @media (min-width: 960px) { .ms-books .box-books .box-books-bottom-table { transform:scale(0.9); } .ms-books .box-books .box-books-books-device-tablet { display:none; } .ms-books .box-books .box-books-books-device-desktop { display:block; } .ms-books .box-books .box-books-bottom-table-image-desktop { display:block; } .ms-books .box-books .box-books-bottom-table-image-mobile { display:none; } .ms-books .box-books { min-height:1658px; } .ms-books .box-books .box-books-books { top:82px; } .ms-books .box-books .box-books-books-device { min-height:1402px; } .ms-books .box-books .box-books-bottom { height:212px; background:url('/-a98350---HU5qdU7A/knihovna-bottom-desktop') repeat center top; } .ms-books .box-books .box-books-bottom-table { left: -38px; bottom: -134px; width: 479px; } .ms-books .box-books .box-books-bottom-table-button { bottom:45px; left:144px; bottom:45px; right:inherit; } .ms-books .box-books .box-books-bottom-table-body, .ms-books .box-books .box-books-bottom-table-body p { font-size:13px; line-height:16px; bottom:198px; } .ms-books .box-books .box-books-bottom-card { bottom:-80px; right:-67px; } .ms-books .box-books .box-books-item.box-books-item-0 { width:264px; height:278px; left:89px; top:227px; } .ms-books .box-books .box-books-item.box-books-item-1 { width:264px; height:278px; left:597px; top:227px; } .ms-books .box-books .box-books-item.box-books-item-2 { width:239px; height:292px; left:56px; top:581px; z-index:10; } .ms-books .box-books .box-books-item.box-books-item-3 { width:239px; height:300px; left:239px; top:574px; z-index:9; } .ms-books .box-books .box-books-item.box-books-item-4 { width:239px; height:296px; left:455px; top:578px; z-index:8; } .ms-books .box-books .box-books-item.box-books-item-5 { width:239px; height:299px; left:672px; top:574px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-6 { width:242px; height:316px; left:351px; top:924px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-7 { width:252px; height:316px; left:611px; top:924px; z-index:7; } .ms-books .box-books .box-books-item.box-books-item-0 .box-books-item-button, .ms-books .box-books .box-books-item.box-books-item-1 .box-books-item-button { bottom:-17px } .ms-books .box-books .box-books-item.box-books-item-2 .box-books-item-button, .ms-books .box-books .box-books-item.box-books-item-3 .box-books-item-button, .ms-books .box-books .box-books-item.box-books-item-4 .box-books-item-button, .ms-books .box-books .box-books-item.box-books-item-5 .box-books-item-button { bottom:-20px } .ms-books .box-books .box-books-item.box-books-item-6 .box-books-item-button, .ms-books .box-books .box-books-item.box-books-item-7 .box-books-item-button { bottom:-30px } .ms-books .box-books .box-books-item.box-books-item-6.box-books-item-button a { margin-left:-40px; } .ms-books .box-books .box-books-item.box-books-item-7 .box-books-item-button a { margin-left:-70px; } } @media (min-width: 1182px) { .ms-books .box-books .box-books-bottom-table { transform:scale(1); left:-110px; bottom:-146px; } } /*** Partneri **********************************/ .ms-books .box-partners { background-color:#ffffff; padding-top:0;; } .ms-books.menu-fixed .box-partners { padding-bottom:100px; } .ms-books .box-partners ul { text-align:center; padding:10px 0 13px; } .ms-books .box-partners li { display:inline-block; } .ms-books .box-partners li img { max-width:60%; } @media screen and (min-width: 641px) { .ms-books.menu-fixed .box-partners { padding-bottom:135px; padding-top:0px; } .ms-books .box-partners li img { max-width:100%; } } /*** Popup **********************************/ .ms-books .mfp-books-holder .mfp-content { width: 95%; } .ms-books .mfp-books { border-radius:20px; background:url('/-a98367---hPIIwucg/bg-popup-mobil') repeat left top; padding:42px 34px 15px; } .ms-books .mfp-bg { opacity:0.7; } .ms-books .mfp-container { width:95%; } .ms-books .mfp-close { display:none; } .ms-books .mfp-books-close-top { color:#000000; font-size:19px; line-height:20px; font-family:"TradeGothicLTProBC20"; text-transform:uppercase; display:inline-block; position:absolute; top:15px; right:15px; cursor:pointer; } .ms-books .mfp-books-close-icon { width:15px; height:14px; display:inline-block; text-indent:-99999px; background:url('/-a98368---6bUL-fWu/mfp-close') repeat left top; overflow:hidden; } .ms-books .mfp-books-title { font-size:23px; line-height:24px; color:#c02866; font-family:"TradeGothicLTProBC20"; text-shadow:none; text-transform:uppercase; margin-top:14px; } .ms-books .mfp-books-image { paddiong:0 text-align:center; } .ms-books .mfp-books-image img { display:inline-block; } .ms-books .mfp-books-body { font-size:14px; line-height:18px; color:#000000; font-family: "TradeGothicLTProBC20"; margin-top:10px; } .ms-books .mfp-books-close-bottom { display:none; } .ms-books .mfp-books-price-points{ color:#000000; font-size:25px; line-height:28px; font-family:"TradeGothicLTProBC20"; } .ms-books .mfp-books-price-no-points-price { color:#000000; font-size:22px; line-height:28px; font-family:"TradeGothicLTProBC20"; } .ms-books .mfp-books-price-number { color:#c02866; font-size:25px; line-height:28px; font-family:"TradeGothicLTProBC20"; } .ms-books .mfp-books-button { text-align:center; margin-top:7px; } .ms-books .mfp-books-button a { color:#ffffff; font-size:24px; font-family:"TradeGothicLTProBC20Fixed"; background-color:#1d7ab9; display:inline-block; text-decoration:none; text-transform:uppercase; height:32px; line-height:32px; padding:0 15px; border-radius:16px; -webkit-border-radius:16px; -ms-border-radius:16px; -moz-border-radius:16px; } @media (min-width:768px) { .ms-books .mfp-books-image { padding:0 0 15px; } .ms-books .mfp-books-title { font-size:35px; line-height:36px; } .ms-books .mfp-books-body { font-size:18px; line-height:20px; margin-top:14px; } .ms-books .mfp-books { min-width:400px; max-width:660px; width:100%; padding:33px 54px 22px; } .ms-books .mfp-books-close-top { right:25px; } .ms-books .mfp-books-price-points{ font-size:38px; line-height:43px; } .ms-books .mfp-books-price-number { font-size:38px; line-height:43px; } .ms-books .mfp-books-button { margin-top:8px; } .ms-books .mfp-books-button a { font-size:36px; height:47px; line-height:47px; padding:0 22px; border-radius:23.5px; -webkit-border-radius:23.5px; -ms-border-radius:23.5px; -moz-border-radius:23.5px; } } @media (min-width:960px) { .ms-books .mfp-books { min-width:400px; max-width:660px; } } .ms-books .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; } .ms-books .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; } /*** Popup slider ************************/ .ms-books .mfp-books-slider-holder .mfp-container{ width:100%; height:100%; } .ms-books .mfp-books-slider { max-width:100%; height:calc(100% - 40px); width:100%; padding:20px 0; } .ms-books .mfp-books-slider .mfp-inner-content { padding: 0 42px!important; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ height:87%; } .ms-books .mfp-books-slider .bx-wrapper { margin:0 auto; border:none; position:relative; max-width:100%!important;; width:100%; height:100%; } .ms-books .mfp-books-slider .bx-wrapper .bx-viewport, .ms-books .mfp-books-slider .bx-wrapper .mfp-books-slider-wrap { height:100%!important; } .ms-books .mfp-books-slider .mfp-books-slider-item { max-width:100%!important; width:100%; height:100%; text-align:center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ms-books .mfp-books-slider .mfp-books-slider-item img { max-height:100%!important; width:auto!important; max-width:inherit!important; display:inline-block; } .ms-books .mfp-books-slider .bx-prev, .ms-books .mfp-books-slider .bx-next { position:absolute; top:0; height:100%; width:28px!important; background-color:rgba(172,172,172,0.5); margin:0; bottom:0; text-indent:-9999px; opacity:0.8; transition:opacity 0.5s ease-in-out; } .ms-books .mfp-books-slider .bx-prev:after, .ms-books .mfp-books-slider .bx-next:after { content:""; display:block; width:16px; height:28px; left:50%; top:50%; transform:translate(-50%, -50%); position:absolute; background:url('/-a99030---0U5uPXUg/popup-slider-controls-mobile') no-repeat 0 0; } .ms-books .mfp-books-slider .bx-next:after { transform:translate(-50%, -50%) rotate(-180deg); } .ms-books .mfp-books-slider .bx-prev:hover, .ms-books .mfp-books-slider .bx-next:hover { opacity:1; transition:opacity 0.5s ease-in-out; } .ms-books .mfp-books-slider .bx-prev { left:-28px; right:inherit; } .ms-books .mfp-books-slider .bx-next { right:-28px; left:inherit; } .ms-books .mfp-books-slider-button { text-align:center; margin-top:8px; } .ms-books .mfp-books-slider-button-link { color:#ffffff; line-height:53px; height:53px; white-space:nowrap; font-size:36px; position:relative; display:inline-block; margin-left:22px; margin-right:22px; background:url('/-a99028---ne9t7dTT/close-button-middle-popup') repeat-x 0 0; text-transform:uppercase; font-family: "TradeGothicLTProBC20Fixed"; cursor:pointer; transform:scale(0.7); } .ms-books .mfp-books-slider-button-link:before, .ms-books .mfp-books-slider-button-link:after { content:""; display:block; height:100%; width:22px; top:0; bottom:0; position:absolute; } .ms-books .mfp-books-slider-button-link:before { right:100%; background:url('/-a99027---Br9tUnbP/close-button-left-popup') no-repeat 0 0; margin-right:-1px; } .ms-books .mfp-books-slider-button-link:after { left:100%; background:url('/-a99029---kgoJuF4s/close-button-right-popup') no-repeat 0 0; margin-left:-1px; } @media (min-width:768px) { .ms-books .mfp-books-slider-holder { position:fixed!important; top:0px !important; bottom:0px!important; left:0px!important; right:0px!important; height:auto!important; } .ms-books .mfp-books-slider-holder .mfp-content { width:100%; height:100%; } .ms-books .mfp-books-slider .mfp-inner-content { padding: 32px 45px 22px; } .ms-books .mfp-books-slider .bx-prev, .ms-books .mfp-books-slider .bx-next { width:36px!important; } .ms-books .mfp-books-slider-button-link { transform:scale(1); } .ms-books .mfp-books-slider .bx-prev { left:-36px; right:inherit; } .ms-books .mfp-books-slider .bx-next { right:-36px; left:inherit; } .ms-books .mfp-books-slider-button { margin-top:30px; } .ms-books .mfp-books-slider .bx-prev:after, .ms-books .mfp-books-slider .bx-next:after { width:24px; height:42px; background:url('/-a99031---oqPMelJY/popup-slider-controls') no-repeat 0 0; } } body.ms-100Let, body.ms-100Let #header { background:#ffffff none; } body.ms-100Let #page { overflow-x:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width:100%; } body.ms-100Let .main-frame-container { font-family: "FutureMedium"; line-height:18px; color:#0f4e81; font-size:14px; font-weight:normal; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-100Let .main-frame-container h2 { font-size:18px; line-height:22px; color:#035086; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite { font-size:20px; line-height:42px; color:#035086; margin-bottom:10px; margin-top:10px; padding:0; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite span { font-size:36px; line-height:42px; display:inline-block; } .ms-100Let .main-frame-container h3, .ms-100Let h3 { font-family:"TradeGothicLTProBC20Fixed"; font-size:24px; line-height:30px; color:#035086; margin-top:10px; margin-bottom:10px; padding:0; text-transform:none; } .ms-100Let .main-frame-container h4, .ms-100Let h4 { font-family: "FutureCEBold"; font-size:18px; line-height:22px; color:#035086; margin-top:10px; margin-bottom:10px; padding:0; text-transform:normal; } .ms-100Let .text-small, .ms-100Let .text-small p { font-size:15px; line-height:18px; } .ms-100Let .text-medium, .ms-100Let .text-medium p { font-size:18px; line-height:24px; } .ms-100Let .text-large, .ms-100Let .text-large p { font-size:30px; line-height:37px; } .ms-100Let .color-red { color:#d83e3a!important; } .ms-100Let .color-blue { color:#0f4e81!important; } .ms-100Let * { box-sizing: border-box; } .ms-100Let .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-100Let .hide-box { display:none; } .ms-100Let .u-icon { position:relative; } .ms-100Let .u-icon-after:after, .ms-100Let .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-100Let .u-icon-vertical-center:after, .ms-100Let .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-100Let .u-icon-more-blue:after { width:19px; height:19px; background:url('/-a100470---WV_qMsV6/more-blue') no-repeat right center; padding-left:7px; } .ms-100Let .u-icon-more-white:after { width:19px; height:19px; background:url('/-a100471---jHSl_nZk/more-white') no-repeat right center; padding-left:7px; } .ms-100Let .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('/-a100425---n1KyLJA_/circle-arrow') no-repeat right center; } .ms-100Let .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-100Let .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-100Let .search-button-wrapper .button.button-blue, .ms-100Let .search-button-wrapper .button:active.button-blue, .ms-100Let .search-button-wrapper .button.button-hover-blue:hover { background:#da393a!important; } .ms-100Let .search-button-wrapper input[type="text"] { border-top-color:#e6e6e7; border-bottom-color:#e6e6e7; border-left:1px solid #d0cec4; } .ms-100Let #contacts { background-color:#da393a; height: 35px; line-height: 35px; padding: 0 10px; } @media (min-width:768px) { .ms-100Let .main-frame-container h2 { font-size:28px; line-height:42px; color:#035086; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite { font-size:28px; line-height:42px; color:#035086; margin-bottom:10px; margin-top:10px; padding:0; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite span { font-size:40px; line-height:42px; display:inline-block; } .ms-100Let .main-frame-container h3, .ms-100Let h3 { font-family:"TradeGothicLTProBC20Fixed"; font-size:24px; line-height:30px; color:#035086; margin-top:10px; margin-bottom:10px; padding:0; text-transform:none; } .ms-100Let .main-frame-container h4, .ms-100Let h4 { font-family: "FutureCEBold"; font-size:28px; line-height:42px; margin-top:10px; margin-bottom:10px; padding:0; text-transform:normal; } .ms-100Let .text-small, .ms-100Let .text-small p { //font-family:"TradeGothicLTProBC20Fixed"; font-size:15px; line-height:18px; } .ms-100Let .text-medium, .ms-100Let .text-medium p { //font-family:"TradeGothicLTProBC20Fixed"; font-size:24x; line-height:32px; } .ms-100Let .text-large, .ms-100Let .text-large p { //font-family:"TradeGothicLTProBC20Fixed"; font-size:37px; line-height:46px; } .ms-100Let .u-icon-arrow-down:before { display:block; } .ms-100Let .content-padding, .ms-100Let .content-padding-extra { padding-left:28px!important; padding-right:28px!important; } .ms-100Let .padding-mobile-10 { padding-right:0; padding-left:0; } } @media (min-width:768px) { .ms-100Let .u-icon-more:after { padding-left:12px; top:0; } } @media (min-width:1201px) { .ms-100Let .main-frame-container h2 { font-size:28px; line-height:42px; color:#035086; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite { font-size:28px; line-height:42px; color:#035086; margin-bottom:10px; margin-top:10px; padding:0; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-100Let .main-frame-container h2.insite span { font-size:48px; line-height:52px; display:inlione-block; } .ms-100Let .main-frame-container h2.insite span.insite-medium { font-size:40px; line-height:42px; display:inline-block; } .ms-100Let .main-frame-container h3, .ms-100Let h3 { font-family:"TradeGothicLTProBC20Fixed"; font-size:24px; line-height:30px; color:#035086; margin-top:15px; margin-bottom:10px; padding:0; text-transform:normal; } .ms-100Let .main-frame-container h4, .ms-100Let h4 { font-family: "FutureCEBold"; font-size:28px; line-height:42px; margin-top:10px; margin-bottom:10px; padding:0; text-transform:normal; } } .button-more { text-decoration:none; cursor:pointer; display:inline-block; transition: opacity 0.2s ease-in-out; opacity:1; } .button-more:hover, .button-more-hover:hover .button-more, .button-more-hover:hover + .button-more { opacity:0.8; transition: opacity 0.15s ease-in-out; } .button-more-left { text-align:left; } .button-more-right { text-align:right; } .button-more-large { padding:12px 13px; } .button-more-small { padding:8px 11px 7px 17px; } .button-more-blue, .button-more-blue:hover, .button-more-blue:focus { background-color:#035086; color:#ffffff; } .button-more-white, .button-more-white:hover, .button-more-white:focus { background-color:#ffffff; color:#0f4e81; } .button-more > span { font-size:20px; line-height:1; white-space:nowrap; text-transform:uppercase; font-family:"TradeGothicLTPro"; font-weight:bold; vertical-align:middle; } .ms-100Let .button-global { text-decoration:none; cursor:pointer; display:inline-block; transition: opacity 0.2s ease-in-out; opacity:1; border-radius:17px; background-color:#e12f28; padding:5px 23px 4px; display:inline-block; text-decoration:none; text-align:center; transition: opacity 0.15s ease-in-out; } .button-global:hover, .button-global-hover:hover .button-global, .button-global-hover:hover + .button-global { opacity:0.8; transition: opacity 0.15s ease-in-out; } .ms-100Let .button-global > span { font-size:21px; line-height:26px; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; vertical-align:middle; color:#ffffff; } .ms-100Let .button-global-large { padding:7px 30px 7px; } .ms-100Let .button-global-large > span { font-size:22px; line-height:27px; } .ms-100Let .button-global-blue { background-color:#035086; } @media(min-width:768px) { .u-no-padding-min-xs { padding:0!important; } } /** Header **********************************/ .ms-100Let .carousel-box-microsite { position:relative; z-index:2; } .ms-100Let .carousel-box-microsite .slider-image, .ms-100Let .carousel-box-microsite .slider-image-tablet, .ms-100Let .carousel-box-microsite .slider-image-notebook { display:none; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { right:inherit; transform: translateX(0); height:141px; background-size: contain; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { left:-10.9%; top:0px; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title { font-size:14px; line-height:16px; font-family: "FutureCEBold"; color:#ffffff; margin-top:3px; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title span { font-size:23px; line-height:23px; margin-top:6px; display:inline-block; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a { padding:0; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:before, .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a:after { display:none; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { background:none; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span { font-size:26px; line-height:41px; height:41px; background-color:#d93f3b; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; color:#ffffff; padding:0 30px; border-radius:20.5px; transform: scale(1); } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:inherit; left:auto; right:15%; bottom:20px; transform: scale(1); } @media (min-width:470px) { .ms-100Let .carousel-box-microsite .slider-image-mobile { display:block; } } @media (min-width:481px) { .ms-100Let .carousel-box-microsite .slider-image-mobile { display:none; } .ms-100Let .carousel-box-microsite .slider-image-tablet { display:block; } .ms-100Let .carousel-box-microsite .carousel-inner .item { direction:rtl; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { transform: scale(1); left:inherit; right:-90px; top:0; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:inherit; left:10%; bottom:50px; transform: scale(1); } } @media (min-width:768px) { .ms-100Let .carousel-box-microsite .slider-image-mobil, .ms-100Let .carousel-box-microsite .slider-image-tablet, .ms-100Let .carousel-box-microsite .slider-image { display:none; } .ms-100Let .carousel-box-microsite .carousel-inner .item { direction:inherit; } .ms-100Let .carousel-box-microsite .slider-image-notebook { display:block; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { transform: scale(0.5); left:-90px; top:-76px; right:inherit; height:304px; width:476px; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title { font-size:33px; line-height:49px; font-family: "FutureCEBold"; color:#ffffff; margin-top:13px; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title span { font-size:54px; line-height:54px; margin-top:6px; display:inline-block; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:inherit; left:10%; bottom:50px; transform: scale(1); } } @media (min-width:1160px) { .carousel-box-microsite .carousel-inner .slider-image-desktop { position:static; transform:translate(0); height:auto; max-width:100%; width:100%; } } @media (min-width:1129px) { .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { transform: scale(1); } .ms-100Let .carousel-box-microsite .carousel { height:auto; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { transform: translateX(0); width:363px; height:235px; left:10%; top:-16px; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title { font-size:24px; line-height:32px; font-family: "FutureCEBold"; color:#ffffff; margin-top:23px; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title span { font-size:37px; line-height:41px; margin-top:6px; display:inline-block; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:inherit; left:22.1%; bottom:26px; transform: scale(1); } } @media (min-width:1201px) { .ms-100Let .carousel-box-microsite .carousel { height:auto; } .ms-100Let .carousel-box-microsite .slider-image-notebook { display:none; } .ms-100Let .carousel-box-microsite .slider-image { display:block; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor { top:inherit; left:233px; bottom:inherit; top:445px; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-button-anchor a > span{ font-size:38px; line-height:63px; height:63px; background-color:#035086; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; color:#ffffff; padding:0 50px; border-radius:20px; transform: scale(1); } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker { transform: translateX(0); height:304px; width:476px; top:0; left:109px; } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title { font-size:33px; line-height:49px; font-family: "FutureCEBold"; color:#ffffff; margin-top:13px; /* Futura Bol*/ } .ms-100Let .carousel-box-microsite .carousel .carousel-sticker-title span { font-size:54px; line-height:54px; margin-top:6px; display:inline-block; /* Futura Bol*/ } } /*** Submenu **********************************/ .ms-100Let .header-submenu { list-style:none; padding: 26px 10px; text-align:center; background: url('/-a100424---pbZBcUKr/menu-mobil') no-repeat center top; background-size:cover; min-height:248px; position:relative; z-index:2; } .ms-100Let .header-submenu-item { text-align:left; padding:0; margin-bottom:18px; width:100%; position:relative; } .ms-100Let .header-submenu-item:last-of-type { margin-bottom:0; } .ms-100Let .header-submenu-title { font-size: 18px; line-height: 19px; color:#035086; padding-top:4px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-100Let .header-submenu-link { font-size: 14px; line-height: 20px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-100Let .header-submenu-content { margin:0 10px 0 30px; position:relative; padding-right:26px; } .ms-100Let .header-submenu-content:before { left:-29px; top:1px; } @media (min-width:768px) { .ms-100Let .header-submenu { background: url('/-a100423---SqnuQzBz/menu-desktop') repeat-y left top; min-height:120px; padding:5px 10px; text-align:center } .ms-100Let .header-submenu > ul { padding:25px 0 14px; } .ms-100Let .header-submenu-item { float:left; width:33%; display:block; padding:0; } .ms-100Let .header-submenu-content { margin:0 10px 0 35px; } .ms-100Let .header-submenu-content:before { left:-29px; top:1px; } .ms-100Let.menu-fixed .header-submenu-content, .ms-100Let .header-submenu-item { min-height:10px; } .ms-100Let.menu-fixed .header-submenu .header-submenu-title { font-size:14px; line-height:18px; } .ms-100Let.menu-fixed .header-submenu .header-submenu-title > br { display:none; } .ms-100Let.menu-fixed .header-submenu { padding-top:5px; padding-bottom:5px; } } @media (min-width:920px) { .ms-100Let .header-submenu-item { display:inline-block; vertical-align:top; text-align:left; float:none; width:auto; padding:0; margin-bottom:0; margin-right:28px; } .ms-100Let .header-submenu-item:last-of-type { margin-right:0; } } @media (min-width:1201px) { .ms-100Let .header-submenu { min-height:150px; } .ms-100Let .header-submenu-title { font-size:24px; line-height:30px; } .ms-100Let .header-submenu-link { font-size: 18px; line-height: 22px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-100Let .header-submenu-content:before { left:-29px; top:7px; } } .ms-100Let .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; } /*** Hlavni content **********************************/ .ms-100Let .main-frame-container { background-color:#f8f8f6; } @media (max-width:768px) { .ms-100Let .main-frame-container .list-item-letter ul { padding-left:12px; } .ms-100Let .no-padding-mobile-left { padding-left:0; } .ms-100Let .no-padding-mobile-right { padding-right:0; } .ms-100Let .no-margin-mobile-left { margin-left:0; } .ms-100Let .no-margin-mobile-right { margin-right:0; } } @media (min-width:768px) { .ms-100Let .no-padding-from-xs { padding:0; } } @media (max-width:767px) { .ms-100Let .padding-mobile-18 { padding-right: 88px!important; padding-left: 88px!important; } } @media (max-width:479px) { .ms-100Let .padding-mobile-18 { padding-right: 34px!important; padding-left: 34px!important; } } .ms-100Let .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-820 { max-width:820px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-1300 { max-width:1300px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-1400 { max-width:1400px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-1600 { max-width:1600px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .container-extended { max-width:1295px; width:100%; margin:0 auto 0; position:relative; } .ms-100Let .main-frame-container { margin-top:44px; } .ms-100Let .icon-next { display: inline-block; width: 13px; height: 10px; background: url('') no-repeat left top; position: relative; margin-left:7px; } .ms-100Let .icon-center { margin:0 auto; } .ms-100Let .main-frame-container { background-color:transparent; } .ms-100Let .truncate-content-xs, .ms-100Let .truncate-content-xsm, .ms-100Let .truncate-content-sm, .ms-100Let .truncate-content-md { display:none; } .ms-100Let .truncate-content-xs { display:table-cell; } @media (min-width: 641px) { .ms-100Let .truncate-content-xsm { display:table-cell; } .ms-100Let .truncate-content-xs { display:none; } } @media (min-width: 768px) { .ms-100Let .truncate-content-sm { display:table-cell; } .ms-100Let .truncate-content-xsm { display:none; } } @media (min-width: 960px) { .ms-100Let .truncate-content-sm { display:none; } .ms-100Let .truncate-content-md { display:table-cell; } } /*** Box game **********************************/ .ms-100Let .box-game { padding-top:9px; margin-bottom:40px; position:relative; //overflow:hidden; } .ms-100Let .box-game-body { margin-top:35px; margin-bottom:5px; } .ms-100Let .box-game-product-title { font-family: "FutureCEBold"; margin-top:10px; font-size:18px; line-height:24px; } .ms-100Let .box-game-product-points { font-family: "FutureCEBold"; margin-top:2px; } .ms-100Let .box-game-product-price { margin-top:8px; line-height:30px; } .ms-100Let .box-game-card-image { margin-top:20px; position:relative; } .ms-100Let .box-game-card-image-inner { display:inline-block; } .ms-100Let .box-game-card { padding-bottom:40px; } .ms-100Let .box-game-card .box-game-content-inner { margin-top:41px; } .ms-100Let .box-game-card-button { position:absolute; bottom:-25px; right:-7px; z-index:0; } .ms-100Let .box-game-card-image-inner > img { z-index:1; position:relative; display:inline-block; } .ms-100Let .box-game-card-image .box-game-card-button { padding-left:63px; transform:rotate(8deg); transform-origin:right bottom; } .ms-100Let .box-game-disclaimer { padding:14px 0 0px; background-color:#d8f1ff; } @media (min-width: 768px) { .ms-100Let .box-game:before, .ms-100Let .box-game-disclaimer:after, .ms-100Let .box-game-disclaimer:before, .ms-100Let .box-game-article:before, .ms-100Let .box-game-disclaimer .box-game-content-inner:before { content:""; display:block; position:absolute; overflow:hidden; } .ms-100Let .box-game:before { top:-118px; left:-90px; background:url('/-a100473---IIxP2gJa/hand-left') no-repeat 0 0; background-size:contain; width:270px; height:332px; } .ms-100Let .box-game { margin-bottom:30px; } .ms-100Let .box-game-disclaimer { position:relative; } .ms-100Let .box-game-disclaimer:before { bottom:100%; left:0; background:url('/-a100472---5wZJXBjs/board') no-repeat 0 0; background-size:contain; width:300px; height:306px; } .ms-100Let .box-game-disclaimer:after { bottom:100%; margin-bottom:-32px; right:-15px; background:url('/-a100475---CChHk1gu/hand-right-m') no-repeat 0 0; background-size:contain; width:194px; height:223px; } .ms-100Let .box-game-article:before { top:100%; margin-top:19px; left:25px; background:url('/-a100477---7EgLb44Y/dice-red') no-repeat 0 0; background-size:contain; width:61px; height:71px; z-index:20; } .ms-100Let .box-game-disclaimer .box-game-content-inner:before { bottom:100%; margin-bottom:13px; left:350px; background:url('/-a100479---PN1UUni9/tea') no-repeat center 33px; background-size:contain; width:116px; height:108px; z-index:20; } .ms-100Let .box-game-game-image { position:absolute; right:-28px; top:19%; max-width:22%; } .ms-100Let .box-game .box-game-content { width:520px; margin:0 auto; min-height:747px; } .ms-100Let .box-game-body { padding-right:20px; margin-top:27px; } .ms-100Let .box-game-article { margin-top:50px; position:relative; } .ms-100Let .box-game-game { text-align:right; margin-top:50px; } .ms-100Let .box-game-game .box-game-content-inner { padding-right:27px; } .ms-100Let .box-game-product-title { font-size:14px; line-height:18px; } .ms-100Let .box-game-product-points { margin-top:0; } .ms-100Let .box-game-product-price { margin-top:4px; line-height:24px; } .ms-100Let .box-game-card { position:relative; text-align:right; margin-top:91px; padding-bottom:300px; } .ms-100Let .box-game-card-image { position:absolute; right: -27px; top: -40px; width: 224px; } .ms-100Let .box-game-card .box-game-content-inner { padding-right:113px; } .ms-100Let .box-game-card-image .box-game-card-button { transform:rotate(0deg); right:100%; bottom:54px; padding-right:35px; margin-right:-15px; padding-left:18px; } .ms-100Let .box-game-disclaimer { min-height:82px } .ms-100Let .box-game-disclaimer .box-game-content-inner { position:relative; } } @media (min-width: 960px) { .ms-100Let .box-game { margin-bottom:30px; } .ms-100Let .box-game:before { width:360px; height:452px; } .ms-100Let .box-game-disclaimer { position:relative } .ms-100Let .box-game-disclaimer:before { width:407px; height:416px; } .ms-100Let .box-game-disclaimer:after { width:195px; height:223px; } .ms-100Let .box-game-disclaimer .box-game-content-inner:before { left:448px; width:167px; height:136px; } .ms-100Let .box-game-game-image { right: -12px; top: 21%; } .ms-100Let .box-game-card { padding-bottom:0px; } } @media (min-width: 1160px) { .ms-100Let .box-game:before { left:0; width:360px; height:452px; } .ms-100Let .box-game-disclaimer:before { left:0; width:507px; height:519px; } .ms-100Let .box-game-disclaimer:after { width:294px; height:320px; } .ms-100Let .box-game-disclaimer .box-game-content-inner:before { left:590px; width:197px; height:128px; } .ms-100Let .box-game-game-image { right: -117px; top: 20px; max-width:100%; } .ms-100Let .box-game-card { padding-bottom:0px; } } @media(min-width:1201px) { .ms-100Let .box-game { margin-bottom:86px; } } @media (min-width: 1201px) { .ms-100Let .box-game .box-game-content { margin:0 0 0 263px; min-height:918px; } .ms-100Let .box-game-article { margin-top:73px; } .ms-100Let .box-game-body { font-size:18px; line-height:22px; margoin-top:24px; } .ms-100Let .box-game:before { top:-163px; } .ms-100Let .box-game-game-image { right:-166px; top:154px; max-width:50%; } .ms-100Let .box-game-product-title { font-size: 24px; line-height: 22px; margin-top:67px; } .ms-100Let .box-game-game .box-game-content-inner { padding-right:52px; } .ms-100Let .box-game-card .box-game-content-inner { margin-top:113px; padding-right:84px; } .ms-100Let .box-game-card-image { right:-81px; top:-26px; } .ms-100Let .box-game-card-image .box-game-card-button { margin-right:-25px; bottom:138px; } .ms-100Let .box-game-disclaimer:after { bottom:100%; margin-bottom:0; right:0; background:url('/-a100474---rVS3X2mq/hand-right-d') no-repeat 0 0; background-size:contain; width:297px; height:227px; } .ms-100Let .box-game-article:before { margin-top:41px; left:106px; } .ms-100Let .box-game-disclaimer .box-game-content-inner:before { margin-bottom:13px; left:530px; background-position:center 0; } } @media (min-width:1390px) { .ms-100Let .box-game-game-image { right:-66px; top:14px; max-width:100%; } .ms-100Let .box-game-disclaimer:after { width: 365px; height: 279px; } .ms-100Let .box-game-disclaimer .box-game-content-inner:before { left:350px; } } /**** Popup karty ***********************************/ .ms-100Let #box-game .mfp-100Let-holder.mfp-bg { display:none; } .ms-100Let #box-game .mfp-100Let-holder.mfp-wrap { top:0!important; bottom:0!important; height:100%!important; z-index:100; } .ms-100Let #box-game .mfp-100Let-holder .mfp-container { width:100%; padding:0; } .ms-100Let #box-game .mfp-100Let-holder .mfp-content { color:red; background-color:rgba(0,0,0,0.8); height:100%; } .ms-100Let #box-game .mfp-100Let-holder .popup-100Let { height:100%; width:100%; background:transparent; max-width:100% } .ms-100Let #box-game .mfp-100Let-holder .popup-100Let-inner { width:100%; min-height:479px; max-width:100%; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); background:url('/-a100488---DLU20i9w/bg-popup') no-repeat 0 0; background-size:cover; margin:0 auto; } .ms-100Let #box-game .mfp-100Let-holder .mfp-close, .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-close { color:#ffffff!important; width:30px; height:30px; line-height:0; font-size:60px; top:68px; right:68px; cursor:pointer; z-index:10; } .ms-100Let #box-game .mfp-100Let-holder .mfp-close { display:none; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-close { position:absolute; right:15px; top:15px; line-height:33px; display:inline-block; color:#d83e3a!important; opacity:0.8; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-close:hover { opacity:1; } .ms-100Let #box-game .mfp-100Let-holder .mfp-inner-content { padding:30px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-title { font-size:17px; line-height:26px; color:#000000; font-family: "FutureCEBold"; text-transform:none; overflow:hidden; margin:0; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item { padding-bottom15px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-body { font-size:14px; line-height:16px; color:#000000; overflow:hidden; } @media (min-width:470px) { .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-body { height:60px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item { padding-bottom:20px; height:241px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-title { height:26px; } } @media (min-width:768px) { .ms-100Let #box-game .mfp-100Let-holder .popup-100Let-inner { width:90%; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-body { height:40px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item { padding-bottom:40px; height:241px; } } @media (min-width:960px) { .ms-100Let #box-game .mfp-100Let-holder .popup-100Let-inner { width:870px; max-width:100%; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-item-image { height:135px; } .ms-100Let #box-game .mfp-100Let-holder .mfp-close { width:30px; height:30px; font-size:60px; line-height:0; top:68px; right:68px; display:block; } .ms-100Let #box-game .mfp-100Let-holder .mfp-inner-content { padding:51px 85px 0; } .ms-100Let #box-game .mfp-100Let-holder .mfp-100Let-close { display:none; } } /*** Popup iframe ***********************************/ .ms-100Let .mfp-iframe-holder .mfp-close { display: none; } .ms-100Let .mfp-iframe-holder { width:90%; } /**** box-video ***********************************/ .ms-100Let #box-video { margin-bottom:25px; } .ms-100Let #box-video .box-video-content { max-width:301px; margin:0 auto; padding-top:0!important; padding-bottom:0!important; } .ms-100Let .box-video-content .box-video-image { position:relative; } .ms-100Let .box-video-content:hover .box-video-image:before { opacity:1; transition: opacity 0.2s ease-in-out; } .ms-100Let .box-video-content .box-video-image:before { content:""; width:86px; height:112px; display:block; position:absolute; z-index:2; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); background:url('/-a100493---voMR7p-s/play') no-repeat 0 0; opacity:0.8; transition: opacity 0.2s ease-in-out; } .ms-100Let #box-video .box-video-text { background-color:#0f4e81; } .ms-100Let #box-video .box-video-text-title { font-size:20px; line-height:45px; color:#ffffff; font-family:"TradeGothicLTPro"; font-weight:bold; text-transform:uppercase; } .ms-100Let #box-video .box-video-text-content { padding:16px 35px 34px; text-align:center; } .ms-100Let #box-video .box-video-text-perex { font-size:14px; line-height:17px; color:#ffffff; margin-bottom:20px; } @media (min-width:768px) { .ms-100Let #box-video { margin-bottom:42px; } .ms-100Let #box-video .box-video-content { max-width:90%; } .ms-100Let #box-video .box-video-text-content { text-align:left; padding:6px 110px 16px 19px; position:relative; } .ms-100Let #box-video .box-video-text-button { position:absolute; right:0; top:13px; } } @media (min-width:960px) { .ms-100Let #box-video { margin-bottom:42px; } .ms-100Let #box-video .box-video-content { max-width:820px; } .ms-100Let #box-video .box-video-text-perex { font-size:18px; line-height:22px; } } @media (min-width:1201px) { .ms-100Let #box-video { margin-bottom:112px; } .ms-100Let #box-video .box-video-text-title { font-size:30px; line-height:39px; } .ms-100Let #box-video .box-video-text-content { padding:22px 110px 2px 29px; } } /*** box-collectCard ************************************/ .ms-100Let .box-collectCard { background:url('/-a100500---3Om_SfDG/bg-card-m') no-repeat right center; background-size:cover; text-align:center; } .ms-100Let .box-collectCard-text-title { font-size:30px; line-height:37px; font-family:"TradeGothicLTProBC20Fixed"; } .ms-100Let .box-collectCard-text-perex { margin-top:17px; } .ms-100Let .box-collectCard-text-button { margin-top:24px; } .ms-100Let .box-collectCard-text-perex p { margin:0; font-size:18px; line-height:24px; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; color:#000000; } .ms-100Let .box-collectCard-content { padding-top:22px; padding-bottom:40px; } .ms-100Let .box-collectCard-left { margin-bottom:40px; } .ms-100Let .box-collectCard-image-button { margin-top:35px; } @media (min-width:768px) { .ms-100Let .box-collectCard { background:url('/-a100499---lleFB8LE/bg-card-d') no-repeat right center; background-size:cover; text-align:left; } .ms-100Let .box-collectCard-content { padding-top:10px; padding-bottom:0; max-width:820px; margin:0 auto; } .ms-100Let .box-collectCard-text-title { font-size:37px; line-height:46px; font-family:"TradeGothicLTProBC20Fixed"; } .ms-100Let .box-collectCard-text-perex p { font-size:24px; line-height:32px; } .ms-100Let .box-collectCard-left { float:left; width:52.4%; } .ms-100Let .box-collectCard-right { float:right; width:47.6%; } .ms-100Let .box-collectCard-text-content { padding-top:51px; padding-bottom:16px; } .ms-100Let .box-collectCard-text-perex { margin-top:22px; } .ms-100Let .box-collectCard-text-button { margin-top:40px; margin-left:70px; } .ms-100Let .box-collectCard-image-container > img { width:300px; max-width:inherit; } .ms-100Let .box-collectCard-image-content { padding-left: 40px; padding-top: 18px; } .ms-100Let .box-collectCard-image-button { position:absolute; bottom:9px; left:89px; } } @media (min-width:960px) { .ms-100Let .box-collectCard-image-container > img { width:386px; max-width:inherit; } .ms-100Let .box-collectCard .padding-mobile-18 { padding-top:0; padding-bottom:0; } } @media (min-width:1201px) { .ms-100Let .box-collectCard-content { padding-top:10px; padding-bottom:9px; max-width:924px; margin:0 auto; } .ms-100Let .box-collectCard-text-title > span { font-size:60px; line-height:54px; } .ms-100Let .box-collectCard-text-title { font-size:36px; line-height:40px; font-family:"TradeGothicLTProBC20Fixed"; } .ms-100Let .box-collectCard-text-perex p { font-size:24px; line-height:32px; } .ms-100Let .box-collectCard-text-content { padding-top:86px; } .ms-100Let .box-collectCard-text-perex { margin-top:17px; } .ms-100Let .box-collectCard-text-title > span { display:block; } .ms-100Let .box-collectCard-image-container > img { width:auto; } .ms-100Let .box-collectCard-left { width:39%; } .ms-100Let .box-collectCard-right { width:61%; } .ms-100Let .box-collectCard-image-content { padding-left:0; padding-top:38px; } .ms-100Let .box-collectCard-image-button { bottom: 91px; left: -361px; } .ms-100Let .box-collectCard-text-button { position:absolute; right:-96px; bottom:-64px; z-index:102; } .ms-100Let .box-collectCard-text-button a { background-color:#035086; } } /*** box-ms-100Letletter **********************************/ .ms-100Let .box-newsletter { padding-bottom:4px; background: url('/-a100515---k-1leNcL/bg-nws-m') no-repeat center top; background-size:cover; } .ms-100Let .box-newsletter-content { padding-top:13px; } .ms-100Let #ms-newsletter-wrap { margin-top:34px; } .ms-100Let .box-newsletter input[type=text] { border:5px solid #035086; background-color:#ffffff; line-height:62px; height:62px; padding:0 14px; width:100%; font-family:"TradeGothicLTProBC20Fixed"; font-size:20px; color:#035086; } .ms-100Let #ms-100Let-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:20px; line-heigh:62px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; text-align:center; } .ms-100Let #ms-100Let-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ font-size:20px; line-heigh:62px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; text-align:center; } .ms-100Let #ms-100Let-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ font-size:20px; line-heigh:62px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; text-align:center; } .ms-100Let #ms-100Let-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ font-size:20px; line-heigh:62px; color:#035086; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; text-align:center; } .ms-100Let #ms-100Let-newsletter .ms-button { border:none; background-color:#035086; height:62px; line-height:62px; width:100%; color:#ffffff; font-family:"TradeGothicLTProBC20Fixed"; font-size:24px; text-transform:uppercase; } .ms-100Let #ms-100Let-newsletter .newsletter-consent { margin-top:30px; padding-left:40px; position:relative; text-align:left; } .ms-100Let #ms-100Let-newsletter .newsletter-consent p { font-size:15px; line-height:18px; color:#035086; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; } .ms-100Let #ms-100Let-newsletter input[type=checkbox] { position:absolute; left:0; top:0; display:inline-block; } .ms-100Let #ms-100Let-newsletter .newsletter-consent p > a { color:#035086; } @media (min-width:768px) { .ms-100Let .box-newsletter { background: url('/-a100514---CmTnTkms/bg-nws-d') no-repeat center top; background-size:cover; } .ms-100Let .box-newsletter-content { padding-top:20px; } .ms-100Let #ms-newsletter-wrap { margin:18px auto 5px; max-width:701px; width:100%; } .ms-100Let .newsletter-form-left { float:left; width:69.5%; } .ms-100Let .newsletter-form-right { float:right; width:30.5%; } .ms-100Let #ms-100Let-newsletter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align:left; } .ms-100Let #ms-100Let-newsletter input[type="text"]::-moz-placeholder { /* Firefox 19+ */ text-align:left; } .ms-100Let #ms-100Let-newsletter input[type="text"]:-ms-input-placeholder { /* IE 10+ */ text-align:left; } .ms-100Let #ms-100Let-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */ text-align:left; } .ms-100Let #ms-100Let-newsletter .newsletter-consent { margin-top:12px; padding-left:84px; } .ms-100Let #ms-100Let-newsletter input[type=checkbox] { left:54px; top:-1px; } } @media (min-width:1201px) { .ms-100Let .box-newsletter-content { padding-top:36px; } .ms-100Let #ms-newsletter-wrap { margin-top:28px; margin-bottom:25px; } .ms-100Let #ms-100Let-newsletter .newsletter-consent { margin-top:21px; } } /*** box-quiz **********************************/ .ms-100Let #box-quiz { position:relative; overflow:hidden; } .ms-100Let #box-quiz:before { width:21px; content:""; display:block; width:163px; height:201px; left:0; top:-29px; position:absolute; background:url('/-a100565---RNi5xQwO/half-card') no-repeat right center; display:none; background-size:contain; } .ms-100Let #box-quiz .box-quiz-title, .ms-100Let #box-quiz .box-quiz-title .insite { font-size:24px; line-height:30px; } .ms-100Let #box-quiz .box-quiz-subtitle { font-size:24px; line-height:30px; font-family:"TradeGothicLTProBC20Fixed"; color:#000000; text-transform:none; margin-top:22px; } .ms-100Let .box-quiz-body { width:100%; margin:0 auto; padding-top:27px; } .ms-100Let .box-quiz-options { font-size:24px; line-height:30px; font-family:"TradeGothicLTPro"; font-weight:bold; color:#000000; text-align:left; position:relative; display:block; text-decoration:none; padding:4px 10px 4px 57px; border-radius:19px; background-color:#f2f2f2; margin-bottom:3px; transition: background-color 0.2s linear; } .ms-100Let a.box-quiz-options { cursor:pointer; } .ms-100Let a.box-quiz-options:hover { background-color:#cbc5c5; transition: background-color 0.2s linear; } .ms-100Let span.box-quiz-options.box-quiz-selected { background-color:#d5d1d1; transition: background-color 0.2s linear; } .ms-100Let span.box-quiz-options.box-quiz-correct { background-color:#9ebe62!important; transition: background-color 0.2s linear 20s; } .ms-100Let .box-quiz-body .box-quiz-button { margin-top:37px; padding-left:32px; padding-right:32px; } .ms-100Let .box-quiz-options > span { position:absolute; display:inline-block; left:23px; top:4px; } .ms-100Let .box-quiz-content { padding-top:24px; padding-bottom:40px; } .ms-100Let .box-quiz-image { display:none; } @media (min-width:420px) { .ms-100Let #box-quiz:before { display:block; } .ms-100Let #box-quiz .box-quiz-title { margin-right:-38%; } .ms-100Let .box-quiz-body { width:280px; min-height:265px; } } @media (min-width:600px) { .ms-100Let #box-quiz .box-quiz-title { margin-right:0; } } @media (min-width:768px) { .ms-100Let #box-quiz .box-quiz-title { font-size:28px; line-height:42px; } .ms-100Let #box-quiz .box-quiz-title .insite { font-size:40px; line-height:50px; } .ms-100Let .box-quiz-content { padding-top:40px!important; padding-bottom:70px!important; } .ms-100Let #box-quiz .box-quiz-subtitle { font-size:28px; line-height:36px; margin-top:40px; } .ms-100Let .box-quiz-content-inner { width:500px; margin:0 auto; } .ms-100Let .box-quiz-body { width:407px; margin-top:15px; padding-top:9px; position:relative; min-height:263px; } .ms-100Let .box-quiz-body-inner:after { content:""; top:34px; left:-123px; background:url('/-a100476---7rusvRQ6/dice-blue') no-repeat 0 0; background-size:contain; width:61px; height:71px; z-index:20; position:absolute; display:block; } .ms-100Let .box-quiz-options { width:388px; } .ms-100Let .box-quiz-body .box-quiz-button { float:left; margin-top:23px; } .ms-100Let #box-quiz:before { width:163px; height:289px; top:-123px; } .ms-100Let #box-quiz .box-quiz-image { display:block; position:absolute; right:-180px; bottom:-21px; max-width:200px; } } @media (min-width:960px) { .ms-100Let #box-quiz .box-quiz-image { display:block; position:absolute; right:-276px; bottom:-21px; max-width:300px; } .ms-100Let #box-quiz:before { width: 253px; height: 349px; top: -143px; } } @media (min-width:1160px) { .ms-100Let #box-quiz .box-quiz-image { display:block; position:absolute; right:-393px; bottom:-21px; max-width:100%; } .ms-100Let #box-quiz:before { width: 323px; height: 449px; top: -183px; } } @media (min-width:1201px) { .ms-100Let .box-quiz-content { padding-top:71px!important; } .ms-100Let #box-quiz .box-quiz-title .insite { font-size:48px; line-height:52px; } .ms-100Let #box-quiz .box-quiz-subtitle { margin-top:43px; } .ms-100Let .box-quiz-body { padding-top:30px; } .ms-100Let .box-quiz-body-inner:after { top: 54px; left: -145px; } .ms-100Let #box-quiz:before { width: 351px; height: 471px; top: -183px; left: 50px; } .ms-100Let #box-quiz .box-quiz-image { right: -396px; bottom: -89px; transform: rotate(-1deg); } .ms-100Let .box-quiz-body { min-height:298px; } } /*** box-competition **********************************/ .ms-100Let .box-competition { padding-top:30px; } @media (min-width:768px) { .ms-100Let .box-competition { padding-top:0px; } } /*** Partneri **********************************/ .ms-100Let .box-partners { background-color:#ffffff; padding-top:0;; } .ms-100Let.menu-fixed .box-partners { padding-bottom:310px; } .ms-100Let .box-partners ul { text-align:center; padding:10px 0 13px; } .ms-100Let .box-partners li { display:inline-block; } .ms-100Let .box-partners li img { max-width:60%; } @media screen and (max-width: 767px) { .ms-100Let .box-partners li { width:50%; float:left; height:107px; } .ms-100Let .box-partners ul { max-width:300px; margin:0 auto; } .ms-100Let .box-partners li img { max-width:100%; } } @media screen and (min-width: 641px) { .ms-100Let.menu-fixed .box-partners { padding-bottom:305px; padding-top:0px; } .ms-100Let .box-partners li img { max-width:100%; } } @media screen and (min-width: 768px) { .ms-100Let.menu-fixed .box-partners { padding-bottom:165px; } } .ms-100Let .subscription-form input:focus {border: 2px solid #900;} .ms-100Let .subscription-form #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px; padding-bottom:10px;} .ms-100Let .subscription-form #mkt_result { text-align:center; position: absolute;} .ms-100Let .subscription-form .mkt-error, .ms-100Let .subscription-form #agreement-error { font-size:10pt; color:#900; padding-left:5px;} .ms-100Let. subscription-form .mkt-success { font-size:14px; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} .ms-100Let .subscription-form .mkt-suggest { color: #; } .ms-100Let .subscription-form a.suggestion { color:#e12f28;;} .ms-100Let .subscription-form .mkt_email2 {top:18px!important;color:#666666;padding-top:0!important;line-height:27px!important;font-size: 20px;} .ms-100Let .subscription-form #email-error {color:#900; top:0px; position:relative; padding:10px 0; font-size:14px;} .ms-100Let .subscription-form .eac-input-wrap {width:100%;} .ms-100Let .subscription-form .validation-error {padding:10px 0;} body.ms-freshBistro { background: #ffffff url('/-a100740---O_hGMaq-/bg-m') no-repeat 0 0!important; } @media (min-width:641px) { body.ms-freshBistro { background:#ffffff url('/-a100739---XNATG874/bg-d') no-repeat 0 0!important; } } body.ms-freshBistro #page { overflow-x:hidden; -webkit-font-smoothing: antialiased; } body.ms-freshBistro .main-frame-container { font-family:"OpenSans"; font-size:13px; line-height:17px; color:#000000; font-weight:normal; } body.ms-freshBistro #page { max-width:100%;} @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-freshBistro .main-frame-container h2 { font-size:23px; line-height:23px; color:#005650; padding:0; font-family: "MicrobrewOne"; margin-top:10px; margin-bottom:0px; font-weight:normal; } .ms-freshBistro .main-frame-container h3 { font-family: "MicrobrewOne"; font-size:30px; line-height:37px; color:#005650; margin-top:10px; margin-bottom:10px; text-transform:uppercase; padding:0; } .ms-freshBistro * { box-sizing: border-box; } .ms-freshBistro .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-freshBistro .link { font-size:16px; line-height:18px; color:#0085c4; font-weight:bold; position:relative; z-index:10; } .ms-freshBistro .pulse-hover-pseudo:hover:after, .ms-freshBistro .pulse-hover-pseudo:hover:before { animation: pulse 0.5s infinite; } .ms-freshBistro .hide-box { display:none; } .ms-freshBistro .u-icon { position:relative; } .ms-freshBistro .u-icon-after:after, .ms-freshBistro .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-freshBistro .u-icon-vertical-center:after, .ms-freshBistro .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-freshBistro .u-icon-more:after { width:30px; height:30px; top:-2px; padding-left:22px; background:url('') no-repeat right center; } .ms-freshBistro .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('') no-repeat right center; } .ms-freshBistro .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-freshBistro .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-freshBistro .padding-mobile { padding-left:27px; padding-right:27px; } @media (min-width:768px) { body.ms-freshBistro .main-frame-container { font-size:15px; line-height:19px; } .ms-freshBistro .padding-mobile { padding-right: 55px!important; padding-left: 55px!important; } .ms-freshBistro .main-frame-container h2 { font-size:45px; line-height:50px; color:#005650; padding:0; font-family: "MicrobrewOne"; margin-top:10px; margin-bottom:0px; font-weight:normal; } .ms-freshBistro .main-frame-container h3 { font-family: "MicrobrewOne"; font-size:34px; line-height:37px; color:#005650; margin-top:10px; margin-bottom:10px; text-transform:uppercase; padding:0; } } @media (min-width:1160px) { .ms-freshBistro .u-icon-arrow-down:before { bottom:-127px; } .ms-freshBistro .content-padding-extra { padding-left:0!important; padding-right:0!important; } .ms-freshBistro .button.button-wide { width:auto; margin-bottom:inherit; } } /*** Header **********************************/ .ms-freshBistro .carousel-freshBistro .carousel-content, .ms-freshBistro .carousel-freshBistro .carousel-inner-text { position:static; } .ms-freshBistro .carousel-freshBistro .carousel { height:auto; min-height:inherit; } .ms-freshBistro .carousel-control-wrap { display:none; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text { padding:0!important; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text-perex { font-size:15px; line-height:20px; font-family:"OpenSans"; padding:0 47px; margin-bottom:15px; font-weight:normal; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text-perex strong { color:#005c54; font-weight:bold; font-family:"OpenSans"; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text-title { font-family:"MicrobrewOne"; font-weight:bold; font-size:43px; line-height:47px; margin:10px 0 3px;; text-transform:uppercase; color:#0b5b53; text-indent:0; display:block; padding:4px 0 0 0; font-weight:normal; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text-title > span { color:#a9d186; } @media (min-width:768px) { .ms-freshBistro .carousel-freshBistro { max-height:467px; overflow:hidden; } .ms-freshBistro .carousel-freshBistro .carousel .carousel-inner-text { width:auto; padding:0 55px; min-height:inherit; position:relative; top:0; } .ms-freshBistro .carousel-freshBistro .carousel-content { max-width:1200px; padding:0 55px; } .ms-freshBistro .carousel-freshBistro .carousel-content-image { float:left; width:52.1%; position:absolute; left:0; top:0; bottom:0; } .ms-freshBistro .carousel-freshBistro .carousel-content-image img { position:absolute; left:0; bottom:0; } .ms-freshBistro .carousel-freshBistro .carousel-content-info { float:right; width:47.9%; padding-bottom:20px; } .ms-freshBistro .carousel-freshBistro .carousel-inner-text-title { font-size:55px; line-height:64px; margin-bottom:11px; margin-top:21.9%; } } @media (min-width:960px) { .ms-freshBistro .carousel-freshBistro .carousel-inner-text-title { font-size:81px; line-height:81px; } } @media (min-width:1080px) { .ms-freshBistro .carousel-freshBistro .carousel-content-image, .ms-freshBistro .carousel-freshBistro .carousel-content-image img { position:static; margin-top:-8px; } } /*** Jedla **********************************/ .ms-freshBistro .box-meal-menu { background-color:#005650; z-index:10; position:relative; } .ms-freshBistro .box-meal-menu-content { padding-top:10px; padding-bottom:10px; } .ms-freshBistro .box-meal-menu li { cursor:pointer } .ms-freshBistro .box-meal-menu li .box-meal-menu-item { min-height:47px; text-decoration:none; display:inline-block; } .ms-freshBistro .box-meal-menu-item-title { color:#ffffff; text-transform:uppercase; font-family:"MicrobrewOne"; display:inline-block; font-size:29px; line-height:30px; padding:9px 3px 9px 6px; vertical-align:top; } .ms-freshBistro .box-meal-menu-item.selected .box-meal-menu-item-title { color:#b1c46d; } .ms-freshBistro .box-meal-menu-items { padding-left:29px; } .ms-freshBistro .box-meal-data-item { padding:30px 10px; min-height:360px; } .ms-freshBistro .box-meal-menu-item-icon { display:inline-block; width:47px; height:40px; margin:0 8px 0 0; vertical-align:top; background:url('/-a101232---6Pjmp-WS/menu-mobile') no-repeat 0 0; } .ms-freshBistro .meal-menu-icon-wrapy { background-position:0 13px ; } .ms-freshBistro .meal-menu-icon-polevky { background-position:0px -34px ; } .ms-freshBistro .meal-menu-icon-salaty { background-position:0px -80px ; } .ms-freshBistro .meal-menu-icon-sendvice { background-position:0px -124px ; } .ms-freshBistro .meal-menu-icon-bagety { background-position:0px -165px ; } .ms-freshBistro .meal-menu-icon-hlavni-jidla { background-position:0px -210px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-wrapy { background-position:-80px 13px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-polevky { background-position:-80px -34px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-salaty { background-position:-80px -80px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-sendvice { background-position:-80px -124px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-bagety { background-position:-80px -165px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-hlavni-jidla { background-position:-80px -210px; } .ms-freshBistro .box-meal-data { text-align:center; } .ms-freshBistro .box-meal-data-text-content { padding-top:18px; } .ms-freshBistro .box-meal-data-perex { margin-top:20px; } .ms-freshBistro .box-meal-data-image { margin-top:20px; text-align:center } .ms-freshBistro .box-meal-data-right { margin-top:10px; overflow:hidden; } .ms-freshBistro .box-meal-data-right img { margin-left:0; display:inline-block!important; } .ms-freshBistro .box-meal-data-body + img { max-width:100%!important; } @media (min-width:550px) { .ms-freshBistro .box-meal-data-body + img { max-width:60%!important; } } @media (min-width:768px) { .ms-freshBistro .box-meal-data-image-align-left { text-align:left!important; } .ms-freshBistro .box-meal-data-image-align-left img { max-width:70%; } .ms-freshBistro .box-meal-data-left { float:left; width:30%; } .ms-freshBistro .box-meal-data-right { float:right; width:70%; overflow:visible; position:relative; } .ms-freshBistro .box-meal-menu-content { padding:8px 10px; } .ms-freshBistro .box-meal-menu-items { text-align:center; padding-left:0; } .ms-freshBistro .box-meal-menu li { display:inline-block; vertical-align:top; margin:0 2%; } .ms-freshBistro .box-meal-menu-item-title { display:block; min-height:47px; font-size:25px; padding:7px 0 0 0; } .ms-freshBistro .box-meal-menu-item-icon { display:block; width:55px; height:50px; vertical-align:top; margin:0 auto; background:url('/-a100932---7XvTPsxG/menu') no-repeat 0 0; } .ms-freshBistro .meal-menu-icon-wrapy { background-position:1px -55px ; } .ms-freshBistro .meal-menu-icon-polevky { background-position:-145px -55px ; } .ms-freshBistro .meal-menu-icon-salaty { background-position:-290px -55px ; } .ms-freshBistro .meal-menu-icon-sendvice { background-position:-439px -55px ; } .ms-freshBistro .meal-menu-icon-bagety { background-position:-594px -57px ; } .ms-freshBistro .meal-menu-icon-hlavni-jidla { background-position:-766px -55px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-wrapy { background-position:1px 1px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-polevky { background-position:-145px 1px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-salaty { background-position:-290px 1px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-sendvice { background-position:-439px 1px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-bagety { background-position:-594px -1px ; } .ms-freshBistro .box-meal-menu li .box-meal-menu-item.selected .meal-menu-icon-hlavni-jidla { background-position:-766px 1px; } .ms-freshBistro .box-meal-data-text-content { padding-top:33px; } .ms-freshBistro .box-meal-data-body { margin-top:29px; } .ms-freshBistro .box-meal-data-item { padding:30px 10px; min-height:360px; } } @media (min-width:833px) { .ms-freshBistro .box-meal-menu-item-title { font-size:29px; } } @media (min-width:1034px) { .ms-freshBistro .box-meal-menu li { margin:0 3.5%; } .ms-freshBistro .box-meal-data-left { width:45%; } .ms-freshBistro .box-meal-data-right { width:55%; } } @media (min-width:1160px) { .ms-freshBistro .box-meal-menu li { margin:0 4%; } } /*** box-competition **********************************/ .ms-freshBistro .box-competition { text-align:center; } .ms-freshBistro .box-competition .box-competition-body { position:relative; } .ms-freshBistro .box-competition-body:before, .ms-freshBistro .box-competition-body:after { content:""; display:inline-block; background-size:contain; vertical-align:top; } .ms-freshBistro .box-competition-body:before { width:137px; height:136px; background:url('/-a101340---osvDq7JD/logo-bistro') no-repeat 0 0; margin-bottom:20px; } .ms-freshBistro .box-competition-body:after { width:158px; height:24px; margin-top:26px; background:url('/-a101341---eRBRMFMR/logo-quality') no-repeat 0 0; } .ms-freshBistro .box-competition-body { background-color:#ffffff; padding:24px 27px 27px; } @media (min-width:768px) { .ms-freshBistro .box-competition-wrap { padding: 37px 37px 37px 70px; } .ms-freshBistro .box-competition .box-competition-body { font-size:13px; line-height:15px; width:353px; padding-bottom:29px; } .ms-freshBistro .box-competition-body:before { margin-bottom:29px; } .ms-freshBistro .box-competition .box-competition-body p { margin-bottom:20px; } .ms-freshBistro .box-competition .box-competition-body p:last-of-type { margin-bottom:0; } .ms-freshBistro .box-competition-body:after { margin-top:23px; } } /*** box-mapFresh **********************************/ .ms-freshBistro .box-mapFresh-content { padding:0 10px; } .ms-freshBistro .box-mapFresh-title { text-align:center; } .ms-freshBistro .box-mapFresh-subtitle { text-align:center; font-size:11px; line-height:11px; display:block; } .ms-freshBistro .shop-search-form { margin-top:26px; } .ms-freshBistro .shop-filters label.offset { margin-right:5px; font-size:12px; } .ms-freshBistro .shop-filters label.blue { font-size:12px; } /*.ms-freshBistro input[type="text"].shop-search-input { height:25px; font-size:10px; border-top:2px solid #e7e7e7; border-bottom:2px solid #e7e7e7; } .ms-freshBistro .shop-search-btn { font-size:10px; padding:0px 12px 0px 12px; height:25px; line-height:25px; margin-top:1px; } .ms-freshBistro .shop-search-form-input { margin-bottom:0; }*/ @media (min-width:768px) { .ms-freshBistro .box-mapFresh-content { padding:17px 40px; } .ms-freshBistro .box-mapFresh-subtitle { text-align:center; font-size:22px; line-height:11px; display:block; } .ms-freshBistro .shop-search-form { margin-top:25px; } .ms-freshBistro .shop-search { min-height:546px; } } .ms-freshBistro #tail-top-1 > li a, .ms-freshBistro #tail-top-1 > li a:link, .ms-freshBistro #tail-top-1 > li a:visited { color:#116761; } /*** Hlavni content **********************************/ .ms-freshBistro .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .container-1160 { max-width:1160px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .container-1300 { max-width:1300px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .container-1600 { max-width:1600px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .container-extended { max-width:1295px; width:100%; margin:0 auto 0; position:relative; } .ms-freshBistro .main-frame-container { margin-top:44px; } .ms-freshBistro .main-frame-container { background-color:transparent; } .ms-freshBistro .main-frame-container .main-frame-container-page { background: url('') repeat 0 0; } @media (min-width:641px) { .ms-freshBistro .main-frame-container .main-frame-container-page { background:#f8fbe4 url('') repeat 0 0; } } @media (min-width:1600px) { .ms-freshBistro .main-frame-container .container-bg { position:relative; } .ms-freshBistro .main-frame-container-page-left { right:100%; background:fixed url('') no-repeat left top; } .ms-freshBistro .main-frame-container-page-right { left:100%; background:fixed url('') no-repeat right top; } } .ms-freshBistro .box-meal-data--salaty .box-meal-data-body { font-family:"TradeGothicLTPro"; color:#005851; } .ms-freshBistro .box-meal-data--salaty .box-meal-data-body strong { font-weight:bold; } .ms-freshBistro .box-meal-data--salaty .box-meal-product { margin-bottom:30px; } .ms-freshBistro .box-meal-data--salaty .box-meal-product__title { color:#000000; font-family:"TradeGothicLTPro"; font-weight:bold; } .ms-freshBistro .box-meal-data--salaty .box-meal-product__text { color:#000000; font-family:"TradeGothicLTPro"; } .ms-freshBistro .box-meal-data--salaty .box-meal-product__body p { color:#005851; } .ms-freshBistro .box-meal-product__preview { display:block; width:82px; height:82px; position:absolute; bottom:-36px; right:-16px; z-index:2; background:url('/-a130083---qY8R8tcC/3d-button-png') no-repeat center; transform:scale(1); transition:transform 0.2s; } .ms-freshBistro .box-meal-product__preview:hover { transform:scale(1.1); transition:transform 0.3s; } .ms-freshBistro .box-meal-data--salaty .box-meal-products--1 .box-meal-product__preview { bottom:33px; } .ms-freshBistro .box-meal-data--salaty .box-meal-products--1 .box-meal-data-title { margin-top:40px; } .ms-freshBistro .box-meal-data--salaty .box-meal-products--1 .box-meal-data-body { margin-bottom:40px; } @media (min-width:1160px) { .ms-freshBistro .box-meal-data--salaty .box-meal-data-title { font-size:38px; line-height:46px; margin-top:0px; margin-bottom:20px; } .ms-freshBistro .box-meal-data--salaty .box-meal-data-body { font-size:18px; line-height:22px; color:#005851; font-family:"TradeGothicLTPro"; margin-top:20px; margin-bottom:20px; } .ms-freshBistro .box-meal-data--salaty .box-meal-product { margin-bottom:60px; } .ms-freshBistro .box-meal-data--salaty .box-meal-product__title { font-size:20px; line-height:24px; color:#000000; font-family:"TradeGothicLTPro"; font-weight:bold; margin-top:60px; } .ms-freshBistro .box-meal-data--salaty .box-meal-product__text { font-size:18px; line-height:27px; color:#000000; font-family:"TradeGothicLTPro"; } .ms-freshBistro .box-meal-data--salaty .box-meal-products--1 .box-meal-data-title { margin-top:100px; } .ms-freshBistro .box-meal-data--salaty .box-meal-products--1 .box-meal-data-body { margin-bottom:80px; } } .ms-freshBistro #tail { max-width: 100%; box-shadow: 0 0 24px 0px rgba(0,0,0,0.2); position: relative; padding-bottom:140px; } #tajenka-form .checkboxes input[type=checkbox] { margin-right:10px; transform:scale(1.2); } #tajenka-form .checkboxes label, #tajenka-form .checkboxes + p { font-size:15px; } #tajenka-form .checkboxes + p { margin-top:10px; margin-bottom:10px; } #tajenka-form button { margin-top:20px; } .box-newsletter-season-recipes { min-height:243px; overflow:hidden; position:relative; } .box-newsletter-season-recipes .box-newsletter-season-recipes-overlay { position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-color:rgba(0,0,0,0.5); } .box-newsletter-season-recipes .box-newsletter-season-recipes-content { position:relative; z-index:4; padding:40px 24px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-title { color:#ffffff; font-size:20px; line-height:24px; font-family: "FutureCEBold"; text-align:center; margin:0; padding:0; } .box-newsletter-season-recipes .box-newsletter-season-recipes-subtitle { color:#ffffff; font-size:18px; line-height:22px; font-family: "FutureMedium"; text-align:center; margin-top:5px; } #box-newsletter-season-recipes input[name=email] { width:100%; border:none; border-radius:4px; height:45px; line-height:45px; background-color:#ffffff; padding:0 108px 0 33px; font-size:14px; font-family: "OpenSans", Verdana, sans-serif; } #box-newsletter-season-recipes .mailkit_instance .eac-sugg { height:45px; line-height:45px; font-size:14px; font-family: "OpenSans", Verdana, sans-serif; padding-left: 22px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-form { position:relative; } .box-newsletter-season-recipes button { height:37px; line-height:37px; position:absolute; top:4px; right:4px; background-color:#227fc6; color:#ffffff; border-radius:4px; border:none; width:92px; text-align:center; } .box-newsletter-season-recipes button > span { text-transform:none; font-family: "TradeGothicLTPro", Arial, sans-serif; font-size:14px; line-height:37px; } .box-newsletter-season-recipes .eac-input-wrap { width:100%; } .box-newsletter-season-recipes-consent { position:relative; padding-left:20px; padding-top:10px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-consent input[name=agreement] { position:absolute; top:10px; left:0; margin:0; transform:scale(1.2); } .box-newsletter-season-recipes .box-newsletter-season-recipes-consent, .box-newsletter-season-recipes .box-newsletter-season-recipes-consent a, .box-newsletter-season-recipes .box-newsletter-season-recipes-consent p { font-size:12px; color:#ffffff; line-height:14px; } #box-newsletter-season-recipes .mailkit_instance .error { color:#f9fb6f!important; font-size:12px; padding-left:20px; text-align:left; display:inline-block; } .box-newsletter-season-recipes #mkt_suggestion a { color:#f9fb6f; font-size:12px; } .box-newsletter-season-recipes #agreement-error, .box-newsletter-season-recipes #email-error { padding-left:0; } .box-newsletter-season-recipes #agreement-error { padding-bottom:10px; } .box-newsletter-season-recipes .mkt_email2 { margin-left:-37px; font-size:14px; color:#6ab133; } .box-newsletter-season-recipes #mkt_suggestion { font-size:12px; color:#ffffff; padding:10px 0; } .box-newsletter-season-recipes .box-newsletter-pagelet-subtitle { color:#ffffff; } .box-newsletter-season-recipes .validation-success { color:#ffffff; } @media (min-width: 760px) { .box-newsletter-season-recipes { height:290px; } .box-newsletter-season-recipes-height-auto.box-newsletter-season-recipes { height:auto; } .box-newsletter-season-recipes .box-newsletter-season-recipes-content { padding:20px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-title { font-size:17px; line-height:20px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-subtitle { font-size:16px; line-height:19px; } } @media (min-width: 980px) { .box-newsletter-season-recipes { height:267px; } .box-newsletter-season-recipes-height-auto.box-newsletter-season-recipes { height:auto; } .box-newsletter-season-recipes .box-newsletter-season-recipes-title { margin-bottom:20px; font-size:18px; line-height:20px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-subtitle { display:none; font-size:15px; line-height:18px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-content { padding:20px 24px; } } @media (min-width: 1180px) { .box-newsletter-season-recipes { height:310px; } .box-newsletter-season-recipes-height-auto.box-newsletter-season-recipes { height:auto; } .box-newsletter-season-recipes .box-newsletter-season-recipes-content { padding:30px 24px; } .box-newsletter-season-recipes .box-newsletter-season-recipes-title { font-size:20px; line-height:24px; margin-bottom:0; } .box-newsletter-season-recipes .box-newsletter-season-recipes-subtitle { font-size:18px; line-height:22px; display:block; } } html { overflow-x:hidden; } body.ms-darkyOdSrdce { background-image:none; background-color:#ffffff; height:auto; } body.ms-darkyOdSrdce #page { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width:100%; background-color:transparent; } body.ms-darkyOdSrdce .main-frame-container { font-size:17px; line-height:21px; color:#000000; font-family: "FutureMedium"; } body.ms-darkyOdSrdce #contacts span, bodfy.ms-darkyOdSrdce #contacts a { color:#ffffff; } body.ms-darkyOdSrdce #contacts span, body.ms-darkyOdSrdce #contacts .icon-phone-white:before { /*background-position: -135px -581px;*/ } body.ms-darkyOdSrdce #contacts span, body.ms-darkyOdSrdce #contacts .icon-email-white:before { /*background-position: -103px -581px;*/ } body.ms-darkyOdSrdce #tail-top-1 > li a, body.ms-darkyOdSrdce #tail-top-1 > li a:link, body.ms-darkyOdSrdce #tail-top-1 > li a:visited { color:#c3c3c3; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-darkyOdSrdce .main-frame-container h2 { font-size:24px; line-height:30px; color:#d6192f; margin-bottom:0px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h2.insite { font-size:20px; line-height:32px; color:#d6192f; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h2.insite span { font-size:25px; line-height:36px; display:inline-block; } .ms-darkyOdSrdce .main-frame-container h3, .ms-darkyOdSrdce h3 { font-family: "FutureCEBold"; font-size:30px; line-height:36px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h4, .ms-darkyOdSrdce h4 { font-family: "FutureCEBold"; font-size:16px; line-height:20px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h5, .ms-darkyOdSrdce h5 { font-family: "FutureCEBold"; font-size:16px; line-height:20px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce * { box-sizing: border-box; } .ms-darkyOdSrdce .padding-x-30 { padding-left:30px; padding-right:30px; } .ms-darkyOdSrdce .padding-mobile-10 { padding-right:10px; padding-left:10px; } .ms-darkyOdSrdce .color-gold { color:#d4af37!important; } .ms-darkyOdSrdce .color-white { color:#ffffff!important; } .ms-darkyOdSrdce .text-shadow { text-shadow:0px 0px 10px rgba(0,0,0,0.7); } .ms-darkyOdSrdce .hide-box { display:none; } .ms-darkyOdSrdce .button-hover-animate { opacity:1; transition:opacity 200ms ease-in-out; } .ms-darkyOdSrdce .button-hover-animate:hover { opacity:0.9; transition:opacity 300ms ease-in-out; } .ms-darkyOdSrdce .youtube-icon:after, .ms-darkyOdSrdce .youtube-icon-small:after { display: block; width: 48px; height: 48px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('/-a104677---CZvMeBN5/btn-play') no-repeat 0 0; background-size: cover; transition: transform 200ms ease-in-out; z-index:10; } .ms-darkyOdSrdce .youtube-shadow { position:relative; } .ms-darkyOdSrdce .youtube-shadow:before { position:absolute; width:100%; height:100%; content:""; left:5px; top:5px; background-color:rgba(0,0,0,0.2); z-index:0; } .ms-darkyOdSrdce .youtube-icon-hover:hover + .youtube-icon:after, .ms-darkyOdSrdce .youtube-icon-hover:hover + div .youtube-icon:after, .ms-darkyOdSrdce .youtube-icon:hover:after, .ms-darkyOdSrdce .youtube-icon-hover:hover + div .youtube-icon-small:after, .ms-darkyOdSrdce .youtube-icon-hover:hover + .youtube-icon-small:after, .ms-darkyOdSrdce .youtube-icon-small:hover:after { transform: translate(-50%, -50%) scale(1.1); } .ms-darkyOdSrdce .u-icon { position:relative; } .ms-darkyOdSrdce .u-icon-after:after, .ms-darkyOdSrdce .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; } .ms-darkyOdSrdce .u-icon-vertical-center:after, .ms-darkyOdSrdce .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-darkyOdSrdce .u-icon-more:after { width:17px; height:17px; background:url('/-a104831---TdDbr4qc/more') no-repeat right center; padding-left:9px; background-size:contain; position:relative; top:-2px; } .ms-darkyOdSrdce .u-icon-arrowRight:after { width:7px; height:11px; background:url('/-a106087---HW8mmf3O/leaflet-arrow-right') no-repeat right center; padding-left:7px; background-size:contain; } .ms-darkyOdSrdce .u-icon-arrowDown:after { width:7px; height:11px; background:url('/-a106087---HW8mmf3O/leaflet-arrow-right') no-repeat right center; padding-left:7px; background-size:contain; transform:rotate(90deg); position:relative; top:-3px; left:4px; } .ms-darkyOdSrdce .u-icon-share:before { width:18px; height:20px; background:url('/-a104850---WHjFuCDW/share') no-repeat left top; padding-left:0; background-size:contain; margin-right:10px; } .ms-darkyOdSrdce .u-icon-print:before { width:20px; height:18px; background:url('/-a105009---sOasyAAh/print') no-repeat left top; padding-left:0; background-size:contain; margin-right:10px; } .ms-darkyOdSrdce .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } @media (min-width:768px) { .ms-darkyOdSrdce .main-frame-container h2 { font-size:36px; line-height:45px; margin-bottom:10px; margin-top:0px; padding:0; } .ms-darkyOdSrdce .main-frame-container h2.insite { font-size:23px; line-height:36px; margin-bottom:10px; margin-top:10px; padding:0; } .ms-darkyOdSrdce .main-frame-container h2.insite span { font-size:29px; line-height:29px; } .ms-darkyOdSrdce .main-frame-container h3, .ms-darkyOdSrdce h3 { font-size:30px; line-height:45px; color:#ffffff; margin-top:10px; margin-bottom:10px; padding:0;; } .ms-darkyOdSrdce .main-frame-container h4, .ms-darkyOdSrdce h4 { font-family: "FutureCEBold"; font-size:24px; line-height:30px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h5, .ms-darkyOdSrdce h5 { font-family: "FutureCEBold"; font-size:17px; line-height:21px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .youtube-icon:after { width: 130px; height: 130px; } } @media (min-width:1180px) { .ms-darkyOdSrdce .padding-mobile-10 { padding-right:0px; padding-left:0px; } } @media (min-width:1286px) { .ms-darkyOdSrdce .main-frame-container h2 { font-size:36px; line-height:45px; margin-bottom:0px; margin-top:10px; padding:0; } .ms-darkyOdSrdce .main-frame-container h2.insite { font-size:24px; line-height:36px; margin-bottom:10px; margin-top:10px; padding:0; } .ms-darkyOdSrdce .main-frame-container h2.insite span { font-size:31px; line-height:31px; } .ms-darkyOdSrdce .main-frame-container h3, .ms-darkyOdSrdce h3 { font-size:30px; line-height:45px; color:#ffffff; margin-top:10px; margin-bottom:10px; padding:0;; } .ms-darkyOdSrdce .main-frame-container h4, .ms-darkyOdSrdce h4 { font-family: "FutureCEBold"; font-size:16px; line-height:20px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-darkyOdSrdce .main-frame-container h5, .ms-darkyOdSrdce h5 { font-family: "FutureCEBold"; font-size:17px; line-height:21px; color:#d6192f; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } } .u-bg-white { background-color:#ffffff; } .u-bg-lightGray { background-color:#f0f0f0; } .u-list-circle ul { list-style:none; margin:0; padding:0; } .u-list-circle li { padding-left:20px; position:relative; } .u-list-circle li:before { content:""; display:block; background-color:#d8122e; width:4px; height:4px; border-radius:2px; left:6px; top:5px; position:absolute; } .u-fix-margin { padding:1px; } .u-cursor-pointer { cursor:pointer; } .u-zoom-hover, .u-zoom-hover-before:before, .u-zoom-hover-after:after { transform:scale(1); transition:transform 100ms ease-in-out; } .u-zoom-hover:hover, .u-zoom-hover-before:hover:before, .u-zoom-hover-after:hover:after { transform:scale(1.1); transition:transform 100ms ease-in-out; } .button-more { text-decoration:none; cursor:pointer; display:inline-block; transition: opacity 0.2s ease-in-out; opacity:1; } .button-more:hover, .button-more-hover:hover .button-more, .button-more-hover:hover + .button-more { opacity:0.9; transition: opacity 0.15s ease-in-out; } .button-more, .button-more:hover, .button-more:focus { background-color:#dbb52e; color:#66580c; } .button-more > span { font-size:17px; line-height:1; white-space:nowrap; text-transform:uppercase; font-family:"TradeGothicLTPro"; font-weight:bold; vertical-align:middle; padding:11px 16px 9px 25px; text-align:left; display:inline-block; } .button-gold { display:inline-block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9b428+0,cab041+100 */ background: #d9b428; /* Old browsers */ background: -moz-linear-gradient(left, #d9b428 0%, #cab041 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d9b428 0%,#cab041 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d9b428 0%,#cab041 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9b428', endColorstr='#cab041',GradientType=1 ); /* IE6-9 */ font-size:18px; color:#ffffff; text-align:center; padding:18px 12px 18px 17px; font-family: "FutureMedium"; text-decoration:none; } .button-gold-small { padding:12px 12px 12px 17px; } a.button-gold, a.button-gold:hover, a.button-gold:visited, a.button-gold:link, a.button-gold:focus { color:#ffffff; } /*** Hlavni content **********************************/ .ms-darkyOdSrdce .main-frame-container { background-color:#f8f8f6; } .ms-darkyOdSrdce .container { max-width:1160px; width:100%; margin:0 auto 0; position:relative; padding:1px; } .ms-darkyOdSrdce .container-1160 { max-width:1160px; width:100%; margin:0 auto 0; position:relative; padding:1px; } .ms-darkyOdSrdce .container-1082 { max-width:1082px; width:100%; margin:0 auto 0; position:relative; padding:1px; } .ms-darkyOdSrdce .main-frame-container { margin-top:44px; } .ms-darkyOdSrdce .main-frame-container { background-color:transparent; } .ms-darkyOdSrdce .truncate-content-xs, .ms-darkyOdSrdce .truncate-content-xsm, .ms-darkyOdSrdce .truncate-content-sm, .ms-darkyOdSrdce .truncate-content-md { display:none; } .ms-darkyOdSrdce .truncate-content-xs { display:table-cell; } @media (min-width: 641px) { .ms-darkyOdSrdce .truncate-content-xsm { display:table-cell; } .ms-darkyOdSrdce .truncate-content-xs { display:none; } } @media (min-width: 768px) { .ms-darkyOdSrdce .truncate-content-sm { display:table-cell; } .ms-darkyOdSrdce .truncate-content-xsm { display:none; } } @media (min-width: 960px) { .ms-darkyOdSrdce .truncate-content-sm { display:none; } .ms-darkyOdSrdce .truncate-content-md { display:table-cell; } } .ms-darkyOdSrdce .divider { height:26px; margin:10px 0; } .ms-darkyOdSrdce .divider-1 { background:url('/-a104705---TYx3BItY/divider-red') no-repeat center -76px; } .ms-darkyOdSrdce .divider-2 { background:url('/-a104707---BTLI9L06/divider-gold') no-repeat center -76px; display:block; } .ms-darkyOdSrdce .divider-3 { background:url('/-a104707---BTLI9L06/divider-gold') no-repeat center -76px; } .ms-darkyOdSrdce .divider-4 { background:url('/-a104706---_Xc88j03/divider-gray') no-repeat center -76px; } .ms-darkyOdSrdce .divider-5 { background:url('/-a104704---KG54ZInQ/divider-white') no-repeat center -76px; } @media (min-width: 768px) { .ms-darkyOdSrdce .divider-1 { background:url('/-a104705---TYx3BItY/divider-red') no-repeat center -76px; } .ms-darkyOdSrdce .divider-2 { background:url('/-a104705---TYx3BItY/divider-red') no-repeat center -76px; } .ms-darkyOdSrdce .divider-4 { display:none; } } @media (min-width: 1286px) { .ms-darkyOdSrdce .divider-2 { background:url('/-a104707---BTLI9L06/divider-gold') no-repeat center -76px; } .ms-darkyOdSrdce .divider-1 { background:url('/-a104705---TYx3BItY/divider-red') no-repeat center -76px; } } /*** popup ******************************/ .mfp-darkyOdSrdce .mfp-iframe-holder, .mfp-darkyOdSrdce-u .mfp-inline-holder { width:95%; } .mfp-darkyOdSrdce.mfp-bg { opacity:0.5; /*background: fixed url('/-a104852---gbFsppYr/bg-popup') repeat-y right top;*/ background-color:#000000; } .mfp-darkyOdSrdce-header .mfp-iframe-holder .mfp-content, .mfp-darkyOdSrdce-u .mfp-inline-holder .mfp-content { background:#ffffff; padding:60px 20px 20px; max-width:100%; } .mfp-darkyOdSrdce-u .mfp-inline-holder .mfp-content .mfp-popup-action { width:100%; max-width:100%; padding:0; margin:0; } .mfp-darkyOdSrdce-header .mfp-iframe-scaler iframe { z-index:1500; } .mfp-darkyOdSrdce-header .mfp-iframe-scaler { position:relative; overflow:inherit; } .mfp-darkyOdSrdce-header .mfp-iframe-holder .mfp-close, .mfp-darkyOdSrdce-u .mfp-inline-holder .mfp-close { width:48px; height:48px; display:block; position:absolute; right:-20px; top:-60px; padding:0; background: url('/-a104683---SpgrnjPk/close-button') no-repeat left top; overflow:hidden; text-indent:9999px; z-index:2000; } @media (min-width: 768px) { .mfp-darkyOdSrdce-header .mfp-content { background:#ffffff; padding:40px 30px 30px; max-width:100%; } .mfp-darkyOdSrdce-u .mfp-inline-holder .mfp-content { padding:60px 20px 20px; } } @media (min-width: 1161px) { .mfp-darkyOdSrdce .mfp-iframe-holder, .mfp-darkyOdSrdce-u .mfp-inline-holder { width:1110px; } } @media (min-width: 1201px) { } /*** Newsletter **********************************/ .ms-darkyOdSrdce .box-newsletter { margin-bottom:40px; } .ms-darkyOdSrdce .box-newsletter input[type="text"] { height:60px; line-height:60px; border:5px solid #d4af37; width:100%; font-size:20px; color:#6b6e70; font-family: "TradeGothicLTProBC20Fixed"; padding:0 16px; background:#ffffff; } .ms-darkyOdSrdce .box-newsletter input[type="text"]::-webkit-input-placeholder { color: #6b6e70; text-transform:uppercase; } .ms-darkyOdSrdce .box-newsletter input[type="text"]:-moz-placeholder { color: #6b6e70; text-transform:uppercase; } .ms-darkyOdSrdce .box-newsletter input[type="text"]::-moz-placeholder { color: #6b6e70; text-transform:uppercase; } .ms-darkyOdSrdce .box-newsletter input[type="text"]:-ms-input-placeholder { color: #6b6e70; text-transform:uppercase; } .ms-darkyOdSrdce .box-newsletter .newsletter-form-left { margin-top:28px; } .ms-darkyOdSrdce .box-newsletter .newsletter-form-right { margin-top:23px; } .ms-darkyOdSrdce .box-newsletter .ms-button { height:60px; line-height:60px; background-color:#d4af37; padding:0 20px; color:#ffffff; font-family: "TradeGothicLTProBC20Fixed"; font-size:24px; display:inline-block; border:none; cursor:pointer; opacity:1; transition: opacity 200ms ease-in-out; } .ms-darkyOdSrdce .box-newsletter .ms-button:hover { opacity:0.9; transition: opacity 300ms ease-in-out; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent-desktop { display:none; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent { font-size:15px; line-height:18px; color:#616161; font-family: "TradeGothicLTProBC20Fixed"; text-transform:uppercase; padding-left:44px; position:relative; margin-top:20px; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent #podminky { position:absolute; left:17px; top:-2px; transform:scale(1.1); } .ms-darkyOdSrdce .box-newsletter .newsletter-consent a { text-decoration:none; color:#616161; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent a:hover { text-decoration:underline; } @media (min-width: 768px) { .ms-darkyOdSrdce .box-newsletter #ms-newsletter-wrap{ margin:16px auto 0; max-width:664px; } .ms-darkyOdSrdce .box-newsletter { margin-bottom:18px; margin-top:30px; } .ms-darkyOdSrdce .box-newsletter .newsletter-form-left { margin:0; width:487px; float:left; } .ms-darkyOdSrdce .box-newsletter .newsletter-form-right { margin:0; width:177px; float:left; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent-mobile { display:none; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent-desktop { display:block; } .ms-darkyOdSrdce .box-newsletter .ms-button { padding:0; text-align:center; width:100%; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent { margin-top:23px; padding-left:77px; } .ms-darkyOdSrdce .box-newsletter .newsletter-consent #podminky { left:55px; top:-1px; } } @media (min-width: 1286px) { .ms-darkyOdSrdce .box-newsletter #ms-newsletter-wrap { margin-top:36px; } .ms-darkyOdSrdce .box-newsletter { margin-bottom:44px; } } .ms-darkyOdSrdce .main-frame-container-inner { /*background:url('/-a104709---mW-4ni60/bg-page-mobile') no-repeat center top;*/ background-size:cover!important; } @media (min-width: 321px) { .ms-darkyOdSrdce .main-frame-container-inner { /*background:url('/-a104710---TiMa9zmt/bg-page-notebook') no-repeat center top;*/ /*background:url('/-a104832---PmSV5Iyv/page-1-11') no-repeat center top;*/ } } @media (min-width: 768px) { background-size:auto!important; } @media (min-width: 1286px) { .ms-darkyOdSrdce .main-frame-container-inner { /*background:url('/-a104711---L6vSYZTn/bg-page-desktop') no-repeat center top;*/ /*background:url('/-a104834---u13mgM_g/page-1-11-desktop') no-repeat center top*/ } } /*** box-inspiration *************************/ .ms-darkyOdSrdce .box-inspiration { margin-top:40px; } .ms-darkyOdSrdce .box-inspiration-header { width:100%; background-color:#ffffff; } .ms-darkyOdSrdce .box-inspiration-left { width:100%; background-color:#ffffff; } .ms-darkyOdSrdce .box-inspiration-right { width:100%; } .ms-darkyOdSrdce .box-inspiration-header-content { padding:15px 20px 5px; } .ms-darkyOdSrdce .box-inspiration-left-content { padding:4px 20px 20px; } .ms-darkyOdSrdce .box-inspiration-left-body { font-family:"FuturaBook"; } .ms-darkyOdSrdce .box-inspiration-left-perex { color:#d6192f; font-family:"FuturaBook"; } .ms-darkyOdSrdce .box-inspiration-header-title { position:relative; } .ms-darkyOdSrdce .box-inspiration-header-title:after { display:inline-block; position:relative; content:""; width:96px; height:57px; background:url('/-a104712---sGtDVdp9/jinak') no-repeat left top; transform:scale(0.8); display:none; } @media (min-width: 768px) { .ms-darkyOdSrdce .box-inspiration-header-content { padding:27px 25px 10px; } } @media (min-width: 900px) { .ms-darkyOdSrdce .box-inspiration-header { width:867px; } .ms-darkyOdSrdce .box-inspiration-left { width:213px; float:left; margin-top:-11px; } .ms-darkyOdSrdce .box-inspiration-right { width:calc(100% - 213px); float:left; } .ms-darkyOdSrdce .box-inspiration-header-content { padding:27px 28px 10px; } .ms-darkyOdSrdce .box-inspiration { margin-top:35px; } .ms-darkyOdSrdce .box-inspiration-header-title:after { transform:scale(1); left:-5px; top:19px; } .ms-darkyOdSrdce .box-inspiration-left-content { padding:5px 25px 20px 28px; } } @media (min-width: 1286px) { .ms-darkyOdSrdce .box-inspiration { margin-top:58px; } .ms-darkyOdSrdce .box-inspiration-header-content { padding:25px 28px 25px; } } .ms-darkyOdSrdce .box-newsletter input:focus {border: 2px solid #900;} .ms-darkyOdSrdce .box-newsletter #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px; padding-bottom:10px;} .ms-darkyOdSrdce .box-newsletter #mkt_result { text-align:center; position: absolute;} .ms-darkyOdSrdce .box-newsletter .mkt-error, .ms-darkyOdSrdce .box-newsletter #agreement-error { font-size:16px; color:#900; padding-left:5px;} .ms-darkyOdSrdce .box-newsletter .mkt-success { font-size:16px; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} .ms-darkyOdSrdce .box-newsletter .mkt-suggest { color: #; } .ms-darkyOdSrdce .box-newsletter a.suggestion { color:#e12f28;;} .ms-darkyOdSrdce .box-newsletter .mkt_email2 {top:17px!important;color:#666666;padding-top:0!important;line-height:27px!important;font-size: 20px;} .ms-darkyOdSrdce .box-newsletter #email-error {color:#900; top:0px; position:relative; padding:10px 0; font-size:16px;} .ms-darkyOdSrdce .box-newsletter .eac-input-wrap {width:100%;} .ms-darkyOdSrdce .box-newsletter .validation-error {padding:10px 0;} /*** box-videoImage ************************/ .ms-darkyOdSrdce .box-videoImage { max-width:868px; } .ms-darkyOdSrdce .box-videoImage-top { margin-bottom:18px; } .ms-darkyOdSrdce .box-videoImage-top-text { background-color:#ffffff; min-height:101px; position:relative; z-index:2; } .ms-darkyOdSrdce .box-videoImage-top-content { padding:27px 20px 4px 20px; } .ms-darkyOdSrdce .box-videoImage-top-body { font-family:"FuturaBook"; font-size:13px; color:#000000; line-height:16px; margin-top:2px; } .ms-darkyOdSrdce .box-videoImage-more { position:absolute; right:0; bottom:0; } @media(min-width:768px) { .ms-darkyOdSrdce .box-videoImage-top { margin-bottom:39px; } .ms-darkyOdSrdce .box-videoImage-top-title { font-size:18px!important; line-height:24px!important;; } .ms-darkyOdSrdce .box-videoImage-top-text { min-height:115px; } .ms-darkyOdSrdce .box-videoImage-top-content { padding:36px 31px 16px 31px; } .ms-darkyOdSrdce .box-videoImage .item .carousel-inner-centred { text-align:center; } .ms-darkyOdSrdce .box-videoImage .item .carousel-inner-centred > div { display:inline-block; float:none; } .ms-darkyOdSrdce .box-videoImage .item .carousel-inner-centred > div .box-card-item { text-align:left; } } /*** box-card ************************/ .ms-darkyOdSrdce .box-cards .box-card-item { margin-bottom:18px; } .ms-darkyOdSrdce .box-cards .box-card-item-text { background-color:#ffffff; min-height:101px; } .ms-darkyOdSrdce .box-cards .box-card-item-content { padding:27px 20px 4px 20px; } .ms-darkyOdSrdce .box-cards .box-card-item-body { font-family:"FuturaBook"; font-size:13px; color:#000000; line-height:16px; margin-top:2px; } .ms-darkyOdSrdce .box-cards .card-item-mobile-more a , .ms-darkyOdSrdce .card-more-button a { width:100%; color:#ffffff; font-size:16px; line-height:60px; height:60px; text-transform:uppercase; padding-right:50px; position:relative; display:block; background-color:#bb0f23; text-decoration:none; text-align:center; font-family: "FutureCEBold"; margin-top: 37px; margin-bottom:23px; } .ms-darkyOdSrdce .card-more-button-inline a { display:inline-block; padding-right:70px; padding-left:20px; width:auto; } .ms-darkyOdSrdce .box-cards .card-item-mobile-more a:after, .ms-darkyOdSrdce .card-more-button a:after { width:50px; height:100%; position:absolute; top:0; right:0; content:""; display:block; background-color:#d6192f; background: url('/-a104827---0pcNbEgd/button-down') no-repeat center; } .ms-darkyOdSrdce .box-cards .carousel { height:auto!important; overflow:visible; } .ms-darkyOdSrdce .box-cards .carousel-control { width:50px; height:60px; display:inline-block; position:static; opacity:1; margin:0 10px; transition:opacity 100ms ease-in-out; } .ms-darkyOdSrdce .box-cards .carousel-control-inner { width:100%; position:static; height:auto; text-align:center; padding:15px 10px; } .ms-darkyOdSrdce .box-cards .carousel-control:hover { opacity:0.8; transition:opacity 200ms ease-in-out; } .ms-darkyOdSrdce .box-cards .carousel-control-left { background: url('/-a104825----oBVoLYO/prev') no-repeat center; } .ms-darkyOdSrdce .box-cards .carousel-control-right { background: url('/-a104826---BBjKXHqV/next') no-repeat center; } .ms-darkyOdSrdce .box-cards .carousel-control-wrap { font-size:0; line-height:0; } @media(min-width:768px) { .ms-darkyOdSrdce .box-cards .box-card-item-content { padding:28px 16px 4px 18px; } .ms-darkyOdSrdce .box-cards .box-card-item-text { height:170px; overflow:hidden; } .ms-darkyOdSrdce .box-cards .box-card-item-title { min-height:42px; } .ms-darkyOdSrdce .box-cards .box-card-item { margin:5px; box-shadow:0 0 0 0 rgba(0,0,0,0.2); transition: box-shadow 0.3s ease-in-out; } .ms-darkyOdSrdce .box-cards .box-card-item:hover { box-shadow:0 0 6px 1px rgba(0,0,0,0.2); transition: box-shadow 0.4s ease-in-out; } .ms-darkyOdSrdce .box-inspiration { margin-bottom:23px; } } @media(min-width:1161px) { .ms-darkyOdSrdce .box-cards .box-card-item-text { background-color:#ffffff; height:142px; } .ms-darkyOdSrdce .box-cards .box-card-item-title { min-height:42px; } } @media(min-width:1240px) { .ms-darkyOdSrdce .box-cards .carousel-control { width:50px; height:60px; display:block; top:50%; transform:translateY(-50%); opacity:1; position:absolute; margin:-18px 0 0 0; } .ms-darkyOdSrdce .box-cards .carousel-control-inner { padding:0; } .ms-darkyOdSrdce .box-cards .carousel-control-left { left:inherit; right:100%; margin-right:6px; } .ms-darkyOdSrdce .box-cards .carousel-control-right { left:100%; right:inherit; margin-left:6px; } } @media(min-width:1286px) { .ms-darkyOdSrdce .box-cards .carousel-control-left { left:inherit; right:100%; margin-right:16px; } .ms-darkyOdSrdce .box-cards .carousel-control-right { left:100%; right:inherit; margin-left:16px; } } /*** mfp-darkyDoRuky-recipes **********************************/ .mfp-darkyDoRuky-recipes.mfp-bg { opacity:0.5; /*background: fixed url('/-a104852---gbFsppYr/bg-popup') repeat-y right top;*/ position:fixed!important; top:0; left:0; right:0; bottom:0; height:auto!important; background-color:#000000; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder { width:100%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder .mfp-content { background:transparent; max-width:1110px; margin-top:10px; width:100%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder #popup-recipes-m { padding:0; max-width:100%; background:transparent; position:relative; text-align:left; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-close { width:48px; height:48px; display:block; position:absolute; right:10px; top:0px; padding:0; background: url('/-a104683---SpgrnjPk/close-button') no-repeat left top; overflow:hidden; text-indent:9999px; z-index:2000; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top { margin:0 10px 40px 10px; background:#ffffff; padding:16px 20px 16px 20px; position:relative; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top:first-of-type:after { position:absolute; width:100%; height:3px; content:""; left:0px; top:100%; background-color:rgba(0,0,0,0.3); z-index:1; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-title { padding-right:40px; font-size:19px; line-height:30px; text-transform:none; color:#e3352d; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share { height:23px; margin-top:15px; margin-bottom:17px; position:relative; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link { display:inline-block; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link a { display:inline-block; padding:0; width:32px; height:32px; overflow:hidden; position:relative; border-radius:3px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link a:after { content:""; width:20px; height:20px; display:block; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%) scale(0.8); transition:transform 200ms ease-in-out; overflow:hidden; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link a:hover:after { transform:translateY(-50%) scale(1); transition:transform 200ms ease-in-out; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-fb a { background-color:#3a5ca9; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-tw a { background-color:#188adb; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-pin a { background-color:#aa212e; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-fb a:after { background: url('/-a105075---iQYxlSj0/social-icons') no-repeat -3px 0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-tw a:after { background: url('/-a105075---iQYxlSj0/social-icons') no-repeat -3px -25px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .share-link-pin a:after { background: url('/-a105075---iQYxlSj0/social-icons') no-repeat -3px -145px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share-item-print { margin-left:27px; display:none!important;; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share-item-share img { display:block; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share > span, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share > a { display:inline-block; font-size:10px; line-height:23px; color:#000000; text-decoration:none; position:relative; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .popup-videoImage-share-items { max-height:0; overflow:hidden; position:absolute; width:114px; left:25px; top:0; background-color:#ffffff; transition:opacity 400ms ease-in-out; z-index:200; opacity:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share .popup-videoImage-share-items-content { padding:5px 5px 0; border:1px solid rgba(0,0,0,0.1); } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share-item:hover .popup-videoImage-share-items { max-height:500px; transition:opacity 500ms ease-in-out; opacity:1; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-perex, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-perex p { font-size:13px; font-family: "RobotoRegular"; font-weight:bold; margin-top:16px; line-height:16px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-perex { margin-bottom:10px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-ingredients-title, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-howTo-title { color:#d6192f; font-size:13px; font-family: "RobotoRegular"; font-weight:bold; line-height:16px; text-transform:uppercase; margin-bottom:13px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-ingredients-body li { color:#01241b; font-size:13px; font-family: "RobotoRegular"; font-weight:bold; line-height:18px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-ingredients { margin-bottom:37px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-howTo-body, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-howTo-body p { color:#01241b; font-size:13px; font-family: "RobotoRegular"; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others { padding:32px 10px 10px; background:#ffffff; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others-title { color:#d4af37; text-align:center; font-size:20px; line-height:25px; margin-bottom:23px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others-item-title { color:#d6192f; font-size:16px; line-height:20px; text-align:center; font-family: "RobotoRegular"; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others-item-content { padding:11px 0; /*condense*/ } .ms-darkyOdSrdce .popup-videoImage-others-more { margin-top:22px; } .ms-darkyOdSrdce .popup-videoImage-others-more a { width: 100%; color: #ffffff; font-size: 16px; line-height: 60px; height: 60px; text-transform: uppercase; padding-right: 50px; position: relative; display: block; background-color: #bb0f23; text-decoration: none; text-align: center; font-family: "FutureCEBold"; margin-top: -1px; margin-bottom: 23px; } .ms-darkyOdSrdce .popup-videoImage-others-more a:after { width:50px; height:100%; position:absolute; top:0; right:0; content:""; display:block; background-color:#d6192f; background: url('/-a104827---0pcNbEgd/button-down') no-repeat center; } @media(min-width:768px) { .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder { overflow-x:hidden; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-close { right:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top { margin:0; padding:16px 20px 16px 20px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top-wrap { position:relative; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder .mfp-content { max-width:690px; width:100%; padding:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share-item-print { display:inline-block!important; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share > span { margin-left:20px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others-title { font-size:20px; color:#ffffff; line-height:25px; margin-top:23px; margin-botom:24px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others-title br { display:none; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-right { position:absolute!important; top:0; left:69%; right:0; height:253px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-left, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-title { float:left; width:69%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top-wrap-full .popup-videoImage-left, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top-wrap-full .popup-videoImage-title { float:none; width:100%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share { float:left; width:31%; margin-top:45px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-text { padding:10px 28px 0; width:200px!important; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-perex, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-perex p { margin-top:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others { /*background-color:rgba(67, 45, 32,0.4);*/ padding:0; background: url('/-a104852---gbFsppYr/bg-popup') no-repeat right top; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper { max-width:87%!important; margin:0 auto; background-color:transparent; padding:0; box-shadow:none; border:0; padding-bottom:6px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction a { position:absolute!important; width: 50px; height: 60px; display: block; top: 50%; transform: translateY(-50%); opacity: 1; position: absolute; margin: -18px 0 0 0; text-indent:9999px; transition:opacity 100ms ease-in-out; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction a.bx-prev { right:100%; left:inherit; background: url('/-a104825----oBVoLYO/prev') no-repeat center; margin-right:20px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction a.bx-next { left:100%; right:inherit; background: url('/-a104826---BBjKXHqV/next') no-repeat center; margin-left:20px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top .youtube-icon:after, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top .youtube-icon-small:after { width:130px; height:130px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction:hover { opacity:0.8; transition:opacity 200ms ease-in-out; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .popup-videoImage-others-item { width:auto!important; max-width:176px; margin:0 15px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bxslider { margin-left:-15px; padding:0 4px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .popup-videoImage-others-item-title { padding:0 10px; /*color:#ffe2ab;*/ color:#ffffff; font-size:16px; line-height:20px; text-align:center; text-transform:uppercase; /* condense font */ } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .popup-videoImage-others-item-active .popup-videoImage-others-item-image:after { content:""; position:absolute; left:0; top:0; bottom:0; right:0; display:block; border:4px solid #ffffff; z-index:30; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others:after { position: absolute; width: 100%; height: 3px; content: ""; left: 0px; top: 100%; background-color: rgba(255,226,171,0.3); z-index: 1; border-bottom:2px solid rgba(0,0,0,0.3); } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .popup-videoImage-others-item-content { padding:9px 0; } } @media(min-width:1000px) { .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder .mfp-content { max-width:915px; width:100%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-right { height:334px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-text { width:267px!important; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction a.bx-prev { margin-right:32px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper .bx-controls-direction a.bx-next { margin-left:32px; } } @media(min-width:1200px) { .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-recipes-m { width:100%; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-top { padding: 30px 30px 30px 30px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-inline-holder .mfp-content { max-width:1110px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-title { font-size:30px; line-height:45px; margin-bottom:14px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-left, .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-title { float:left; width:743px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-right { left:743px; height:419px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-text { width:300px!important; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-share { float:left; width:240px; margin-top:15px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .popup-videoImage-others .bx-wrapper { max-width:1000px!important; } } /*** box-cataloge ***************************/ .ms-darkyOdSrdce .box-catalogs { padding-top:15px; } .ms-darkyOdSrdce .box-catalogs .box-catalogs-header-title { font-size:25px; line-height:34px; color:#d6192f; } .ms-darkyOdSrdce .box-catalogs-items { margin-top:35px; } .ms-darkyOdSrdce .box-catalogs-item-text-title { text-transform:uppercase; font-size:15px; /*font-size:17px;*/ line-height:21px; text-align:center; font-family:"TradeGothicLTProBC20Fixed"; margin-top:12px; } .ms-darkyOdSrdce .box-catalogs-item-text-title > span { display:block; } .ms-darkyOdSrdce .box-catalogs-item { margin-bottom:40px; } .ms-darkyOdSrdce .box-catalogs-item:last-of-type { margin-bottom:30px; } .ms-darkyOdSrdce .box-catalogs-item-text-title .button-more { transform:scale(0.9); margin-top:16px; } @media(min-width:768px) { .ms-darkyOdSrdce .box-catalogs .box-catalogs-header-title { color:#d6192f; font-size: 36px; line-height: 45px; } .ms-darkyOdSrdce .box-catalogs-items { margin-top:41px; margin-bottom:33px; } .ms-darkyOdSrdce .box-catalogs-header-content { padding-top:18px; } .ms-darkyOdSrdce .box-catalogs-item-text-title { text-align:left; min-height:40px; margin-top:4px; padding-right:100px; } .ms-darkyOdSrdce .box-catalogs-item-text-title .button-more { position:absolute; right:-6px; margin-top:0px; top:0px; } .ms-darkyOdSrdce .box-catalogs-item-text-title > span { display:inline-block; padding-top:8px; } .ms-darkyOdSrdce .box-catalogs-item { margin-bottom:0; } } @media(min-width:1180px) { .ms-darkyOdSrdce .box-catalogs .box-catalogs-item-text-content { padding-left:10px; } } /*** box-leaflet **********************/ .ms-darkyOdSrdce .box-leaflet { padding-top:18px; background-color:#ffffff; margin-top:10px; margin-bottom:0px; } .ms-darkyOdSrdce .box-leaflet-content { max-width:964px; width:100%; margin:0 auto; } .ms-darkyOdSrdce .box-leaflet .carousel { height:auto!important; overflow:visible; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-header-title { font-size:25px; line-height:34px; color:#d6192f; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-header-perex { color:#000000; font-size:16px; line-height:20px; font-family: "FuturaBook"; padding-top:22px; padding-bottom:30px; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-items { margin-top:21px; font-size:16px; line-height:20px; font-family: "FuturaBook"; } .ms-darkyOdSrdce .box-leaflet .box-card-item { margin-bottom:28px; border:1px solid #d5d5d5; } .ms-darkyOdSrdce .box-leaflet .box-card-item-more { float:right; } .ms-darkyOdSrdce .box-leaflet .box-card-item-body { padding:40px 27px 0; margin-bottom:5px; } .ms-darkyOdSrdce .box-leaflet .box-card-item-body p { margin:0; } .ms-darkyOdSrdce .box-leaflet .card-item-mobile-more a { width:100%; color:#ffffff; font-size:16px; line-height:60px; height:60px; text-transform:uppercase; padding-right:50px; position:relative; display:block; background-color:#bb0f23; text-decoration:none; text-align:center; font-family: "FutureCEBold"; margin-top:-1px; margin-bottom:23px; } .ms-darkyOdSrdce .box-leaflet .card-item-mobile-more a:after { width:50px; height:100%; position:absolute; top:0; right:0; content:""; display:block; background-color:#d6192f; background: url('/-a104827---0pcNbEgd/button-down') no-repeat center; } .ms-darkyOdSrdce .box-leaflet .carousel-control { width:50px; height:60px; display:inline-block; position:static; opacity:1; margin:0 10px; transition:opacity 100ms ease-in-out; } .ms-darkyOdSrdce .box-leaflet .carousel-control-inner { width:100%; position:static; height:auto; text-align:center; padding:15px 10px; } .ms-darkyOdSrdce .box-leaflet .carousel-control:hover { opacity:0.8; transition:opacity 200ms ease-in-out; } .ms-darkyOdSrdce .box-leaflet .carousel-control-left { background: url('/-a104825----oBVoLYO/prev') no-repeat center; } .ms-darkyOdSrdce .box-leaflet .carousel-control-right { background: url('/-a104826---BBjKXHqV/next') no-repeat center; } .ms-darkyOdSrdce .box-leaflet .carousel-control-wrap { font-size:0; line-height:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet { /*overflow-x:hidden;*/ } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet #popup-leaflet { max-width:100%; width:auto; background-color:transparent; overflow:hidden; padding:0; } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet #popup-leaflet .mfp-inner-content { padding:10px 10px 10px 10px; background-color:#ffffff; } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet .mfp-inline-holder { overflow:visible; } .ms-darkyOdSrdce .pageflip { background-color:#ffffff; } .ms-darkyOdSrdce .pageflip a.flip-directional { width:50px; height:60px; display:inline-block; transition:opacity 0.25s ease-in-out; text-indent:9999px; opacity:1; border-radius:0; transform:translateY(-50%); } .ms-darkyOdSrdce .pageflip a.flip-directional:hover { opacity:1; } .ms-darkyOdSrdce .pageflip .flip-directional.flip-prev { background: url('/-a104825----oBVoLYO/prev') no-repeat center; left:-10px; } .ms-darkyOdSrdce .pageflip .flip-directional.flip-next { background: url('/-a104826---BBjKXHqV/next') no-repeat center; right:-10px; } .ms-darkyOdSrdce .pageflip .flip-navigation { bottom:-25px; position:static; padding:10px; } .ms-darkyOdSrdce .pageflip .flip-navigation a { background-color:#d6192f; opacity:0.9; } .ms-darkyOdSrdce .leaflet-cataloge .leaflet-cataloge-buttons .leaflet-cataloge-title { padding-right:20px; color:#e3352d; text-align:left; font-size:20px; line-height:30px; margin-top:20px; display:inline-block; } .ms-darkyOdSrdce .leaflet-cataloge .leaflet-cataloge-buttons { padding:0 60px 0 0; text-align:left; margin-bottom:10px; } .ms-darkyOdSrdce .leaflet-cataloge .leaflet-cataloge-buttons .leaflet-cataloge-button { display:block; margin:12px 0; } @media(min-width:768px) { .ms-darkyOdSrdce .box-leaflet { margin-top:0px; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-items { margin-top:0px; } .ms-darkyOdSrdce .box-leaflet .box-card-item { margin-bottom:59px; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-header { padding-top:45px; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-header-title { color: #d6192f; font-size: 36px; line-height: 45px; } .ms-darkyOdSrdce .box-leaflet .box-leaflet-header-perex { font-size: 18px; line-height: 22px; padding-bottom:18px; } .ms-darkyOdSrdce .box-leaflet .box-card-item-body { height:133px; } .ms-darkyOdSrdce .leaflet-cataloge .leaflet-cataloge-buttons .leaflet-cataloge-button { display:inline-block; margin:12px 5px; float:right; } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet #popup-leaflet .mfp-inner-content { padding:20px } .ms-darkyOdSrdce .leaflet-cataloge .leaflet-cataloge-buttons .leaflet-cataloge-title { display:inline-block; } } @media(min-width:990px) { .ms-darkyOdSrdce .box-leaflet .box-card-item-body { height:110px; } } @media(min-width:1240px) { .ms-darkyOdSrdce .box-leaflet .carousel-control { width:50px; height:60px; display:block; top:50%; transform:translateY(-50%); opacity:1; position:absolute; margin:-18px 0 0 0; } .ms-darkyOdSrdce .box-leaflet .carousel-control-inner { padding:0; } .ms-darkyOdSrdce .box-leaflet .carousel-control-left { left:inherit; right:100%; margin-right:6px; } .ms-darkyOdSrdce .box-leaflet .carousel-control-right { left:100%; right:inherit; margin-left:6px; } .ms-darkyOdSrdce .box-leaflet .box-card-item-body { height:100px; } .ms-darkyOdSrdce .pageflip .flip-directional.flip-next { margin-right:-66px; } .ms-darkyOdSrdce .pageflip .flip-directional.flip-prev { margin-left:-66px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-leaflet #popup-leaflet .mfp-inner-content { margin:0 60px; } .ms-darkyOdSrdce .mfp-darkyDoRuky-recipes .mfp-close { right:60px; } } @media(min-width:1286px) { .ms-darkyOdSrdce .box-leaflet .carousel-control-left { left:inherit; right:100%; margin-right:16px; } .ms-darkyOdSrdce .box-leaflet .carousel-control-right { left:100%; right:inherit; margin-left:16px; } } /*** box-csr **********************/ .ms-darkyOdSrdce .box-csr .box-csr-header-divider { height:25px; background:url('/-a106844---OuLfPLTc/divider-csr-m') no-repeat center -29px; } .ms-darkyOdSrdce .box-csr .box-csr-content { padding-bottom:38px; } .ms-darkyOdSrdce .box-csr .box-csr-header-content { padding-top:38px; } .ms-darkyOdSrdce .box-csr .box-csr-header-title { color:#ffffff; text-align:center; font-size:26px; line-height:32px; margin-top:32px; margin-bottom:28px; } .ms-darkyOdSrdce .box-csr .box-csr-header-wrap { background-color:#ffffff; padding:0 20px 40px; } .ms-darkyOdSrdce .box-csr .box-csr-header-subtitle { padding-top:34px; padding-bottom:20px; } .ms-darkyOdSrdce .box-csr .box-csr-header-subtitle span { text-transform:uppercase; font-family: "FutureCEBold"; text-align:center; display:block; } .ms-darkyOdSrdce .box-csr .box-csr-header-subtitle span:first-of-type { font-size:26px; line-height:33px; color:#007cc4; } .ms-darkyOdSrdce .box-csr .box-csr-header-subtitle span:last-of-type { font-size:21px; line-height:27px; margin-top:6px; color:#d12227; } .ms-darkyOdSrdce .box-csr .box-csr-header-body { font-size:16px; line-height:20px; color:rgba(0,0,0,0,0.8); text-align:center; } .ms-darkyOdSrdce .box-csr .box-csr-header-body .box-csr-header-body-1 { font-family: "FutureMedium"; padding-bottom:16px; } .ms-darkyOdSrdce .box-csr .box-csr-header-body .box-csr-header-body-2 { font-family:"FuturaBook"; padding-bottom:10px; } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom { text-align:center; } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom a { font-size:16px; text-transform:uppercase; display:inline-block; padding:15px 33px 14px 18px; } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom span:after { position:relative; top:-2px; } .ms-darkyOdSrdce .box-csr .box-csr-items-content { padding-top:36px; } .ms-darkyOdSrdce .box-csr .box-csr-items-title { font-size:20px; color:#ffffff; line-height:25px; text-align:center; margin-top:13px; } .ms-darkyOdSrdce .box-csr .box-csr-items-body { font-size:16px; color:#ffffff; line-height:20px; text-align:center; font-family:"FuturaBook"; } .ms-darkyOdSrdce .box-csr .box-cards-csr { margin-top:5px; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-text { background-color:#ffffff; padding:30px 20px 23px; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-title { font-size:15px; line-height:18px; color:rgba(0,0,0,0.8); margin-bottom:12px; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-body { font-size:15px; line-height:17px; color:rgba(0,0,0,0.8); font-family:"FuturaBook"; margin-bottom:10px; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-body p { margin:0; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-date { font-size:12px; line-height:17px; color:rgba(0,0,0,0.3); font-family:"FutureMedium"; } .ms-darkyOdSrdce .box-csr .card-csr-item-mobile-more { text-align:center; } .ms-darkyOdSrdce .box-csr .card-csr-item-mobile-more a { margin-bottom:0; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops ..mfp-content{ padding:30px 20px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .mfp-content{ padding:0; overflow:hidden; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header { padding:30px 20px 13px; text-align:left; background-color:#f0f0f0; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops #popup-crs-shops-wrap { padding:30px 10px 38px;; text-align:left; box-shadow:0 4px 24px 2px rgba(0,0,0,0.13); } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-wrap { padding-right:40%; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-body { color:#000000; font-size:13px; line-height:16px; font-family: "RobotoRegular"; font-weight:bold; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-title { color:#d4af37; font-size:16px; line-height:23px; font-family: "FutureCEBold"; text-transform: none; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-logo { max-width:64px; height:auto; position:absolute; right:50px; top:30px; } .mfp-darkyOdSrdce-u.mfp-darkyOdSrdce-csr-shops .mfp-close { top:0; right:0; font-size:48px; line-height:48px; color:#d6192f!important; background-image:none; text-indent:0; font-family:"FuturaBook"; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district { cursor:pointer; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district .crs-shops-wrap { max-height:3000px; overflow:hidden; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-closed .crs-shops-wrap { max-height:0; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-title { font-size:18px; line-height:20px; color:#d4af37; font-family: "FutureCEBold"; text-transform:uppercase; padding:6px 0; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-title:after { content:""; display:inline-block; width:9px; height:6px; position:relative; background:url('/-a106919---d3FD0R1P/csr-shop-open') no-repeat center top; margin-left:10px; top:-2px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-closed .crs-shops-district-title:after { background:url('/-a106918---7gb2Kspn/csr-shop-closed') no-repeat center top; width:6px; height:9px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop { padding-top:12px; padding-bottom:13px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .scroll-csr-wrap { max-height:600px; padding: 0 10px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-title { font-size:18px; line-height:24px; color:#d6192f; font-family: "RobotoRegular"; font-weight:bold; text-transform:uppercase; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-address { font-size:16px; line-height:24px; color:#000000; font-family: "RobotoRegular"; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-body { font-size:16px; line-height:24px; color:#000000; ont-family: "RobotoRegular"; font-weight:bold; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .tablecsr2 { margin-bottom:4px; } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom .box-csr-header-logo { content:""; display:block; position:absolute; width:100px; height:100px; background:url('') no-repeat 0 0; right:26px; top:-2px; } .ms-darkyOdSrdce .box-csr .box-csr-header-image { text-align:center; } .ms-darkyOdSrdce .box-csr .box-csr-header-image .box-csr-header-image-wrap { display:inline-block; } @media(max-width:767px) { .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district { position:static!important; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops { height:auto!important; } } @media(min-width:400px) { .ms-darkyOdSrdce .box-csr .box-csr-header-image { margin-bottom:20px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .tablecsr1 { width:130px; padding-right:20px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .tablecsr2 { margin-bottom:0; width:calc(100% - 150px); } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .tablecsr1, .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .tablecsr2 { display:inline-block; vertical-align:top; } } @media(min-width:768px) { .ms-darkyOdSrdce .box-csr { padding-top:30px; margin-bottom:30px; } .ms-darkyOdSrdce .box-csr .box-csr-header-image { min-height:520px; background-position:-133px top!important; margin-bottom:0; } .ms-darkyOdSrdce .box-csr .box-csr-content { padding:0; } .ms-darkyOdSrdce .box-csr .box-csr-header-content { padding-top:58px; } .ms-darkyOdSrdce .box-csr .box-csr-header-divider { height:33px; background:url('/-a106843---vWaLzH_n/divider-csr-d') no-repeat center -70px; } .ms-darkyOdSrdce .box-csr .box-csr-header-text { width:388px; float:right; margin-right:98px; } .ms-darkyOdSrdce .box-csr .box-csr-header-title { font-size:36px; line-height:45px; margin-top:15px; margin-bottom:7px; } .ms-darkyOdSrdce .box-csr .box-csr-header-body { font-family: "FutureMedium"; font-size:14px; line-height:18px; color:#ffffff; text-shadow:5px 5px 10px rgba(0,0,0,0.3); } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom { text-align:left; padding-left:30px; padding-top:13px; position:relative; padding-right:146px; } .ms-darkyOdSrdce .box-csr .box-csr-header-bottom .box-csr-header-logo { content:""; display:block; position:absolute; width:100px; height:100px; background:url('/-a106845---ErMidCGp/logo-fond') no-repeat 0 0; right:26px; top:-2px; } .ms-darkyOdSrdce .box-csr .box-csr-items { background-color:#ffffff; } .ms-darkyOdSrdce .box-csr .box-csr-items-title { color:#d6192f; font-size:24px; line-height:30px; margin-bottom:8px; } .ms-darkyOdSrdce .box-csr .box-csr-items-body { color:#000000; font-size:16px; line-height:20px; } .ms-darkyOdSrdce .box-csr .box-csr-items-content { padding-top:24px; } .ms-darkyOdSrdce .box-csr .box-cards-csr { margin-top:42px; } .ms-darkyOdSrdce .box-csr .carousel-csr { max-width:960px; margin: 0 auto; width:100%; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-text { padding:27px 0 0 0; } .ms-darkyOdSrdce .box-csr .box-card-csr-item-title { margin-bottom:2px; } .ms-darkyOdSrdce .carousel-csr .box-card-csr-item { padding-bottom:36px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district { cursor:initial; width:calc(50% - 20px); padding:0 10px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-closed .crs-shops-wrap { max-height:3000px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-title:after { display:none; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header { padding:30px 30px 20px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-title { font-size:22px; line-height:27px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-logo { max-width:100px; right:60px; top:25px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .popup-csr-shops-header-wrap { padding-right:200px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops #popup-crs-shops-wrap { padding:37px 20px 60px; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-district-title { font-size:24px; line-height:20px; color:#d6192f; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-title { font-size:18px; line-height:24px; color:#d4af37; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-address { font-size:16px; line-height:24px; color:#000000; font-family: "RobotoRegular"; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .crs-shops-shop-body { font-size:16px; line-height:30px; color:#000000; ont-family: "RobotoRegular"; } .ms-darkyOdSrdce .mfp-darkyOdSrdce-csr-shops .scroll-csr-wrap { max-height:511px; padding:10px 0; } } @media(min-width:960px) { .ms-darkyOdSrdce .box-csr .box-csr-header-image { min-height:520px; background-position:left top!important; } .ms-darkyOdSrdce .box-csr .box-csr-header-body { text-shadow:none; } } @media(min-width:1240px) { .ms-darkyOdSrdce .carousel-csr .box-carousel-control-u .carousel-control { margin-top:-80px; } } /*** box-christmas-openingHours ***************************/ .ms-darkyOdSrdce .box-christmas-openingHours { min-height:490px; background-size:cover!important; margin-top:38px; } .ms-darkyOdSrdce .box-christmas-openingHours-content { padding:50px 10px 10px; } .ms-darkyOdSrdce .box-christmas-openingHours-divider { margin:0 auto; position:absolute; top:-19px;; left:0; right:0; } .ms-darkyOdSrdce .box-christmas-openingHours-wrap { background-color:rgba(0,0,0,0.6); position:relative; } .ms-darkyOdSrdce .box-christmas-openingHours-wrap-content { padding:15px 10px 20px; } .ms-darkyOdSrdce .box-christmas-openingHours .box-christmas-openingHours-title { font-size:36px; line-height:45px; color:#ffffff; text-align:center; } .ms-darkyOdSrdce .box-christmas-openingHours-body { font-size:18px; line-height:22.5px; color:#ffffff; font-family:"TradeGothicLTPro"; font-weight:bold; padding-top:20px; } .ms-darkyOdSrdce .box-christmas-openingHours-body table { border:none; width:100%; } .ms-darkyOdSrdce .box-christmas-openingHours-body table tr { border:none; display:block; padding:0; margin-bottom:15px; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td { border:none; display:inline-block; vertical-align:top; padding:0; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td p { margin:0; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(1) { padding:0 0 0 15px; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(2) { padding-left:15px; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(3) { width:100%; padding-left:15px; } .ms-darkyOdSrdce .box-christmas-openingHours-perex { font-size:16px; line-height:20px; color:#ffffff; font-family:"TradeGothicLTPro"; font-weight:bold; text-transform:uppercase; text-align:center; margin-top:30px; margin-bottom:22px; } .ms-darkyOdSrdce .box-christmas-openingHours-bottom { text-align:center; } .ms-darkyOdSrdce .box-christmas-openingHours-bottom a { font-size:16px; text-transform:uppercase; color:#574a16; font-family: "FutureCEBold"; max-width:285px; width:100%; line-height:20px; padding:11px 12px 5px 17px; } @media(min-width:500px) { } @media(min-width:768px) { .ms-darkyOdSrdce .box-christmas-openingHours-body table tr { display:table-row; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td { display:table-cell; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(1) { width:20%; text-align:right; padding:0; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(2) { width:calc(20% - 15px); } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(3) { width:calc(60% - 15px); } .ms-darkyOdSrdce .box-christmas-openingHours-content { padding:50px 10px 37px; } .ms-darkyOdSrdce .box-christmas-openingHours-wrap { max-width:962px; margin:0 auto; width:100%; } .ms-darkyOdSrdce .box-christmas-openingHours-body { padding-top:15px; } } @media(min-width:960px) { .ms-darkyOdSrdce .box-christmas-openingHours-body table { max-width:820px; margin:0 auto; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(1) { width:100px; } .ms-darkyOdSrdce .box-christmas-openingHours-body table td:nth-of-type(2) { width:80px; } } /*** universal *********/ .ms-darkyOdSrdce .box-carousel-control-u { overflow:visible; height:auto; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control { width:50px; height:60px; display:inline-block; position:static; opacity:1; margin:0 10px; transition:opacity 100ms ease-in-out; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-inner { width:100%; position:static; height:auto; text-align:center; padding:15px 10px; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control:hover { opacity:0.8; transition:opacity 200ms ease-in-out; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-left { background: url('/-a104825----oBVoLYO/prev') no-repeat center; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-right { background: url('/-a104826---BBjKXHqV/next') no-repeat center; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-wrap { font-size:0; line-height:0; } @media(min-width:1240px) { .ms-darkyOdSrdce .box-carousel-control-u .carousel-control { width:50px; height:60px; display:block; top:50%; transform:translateY(-50%); opacity:1; position:absolute; margin:-18px 0 0 0; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-inner { padding:0; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-left { left:inherit; right:100%; margin-right:6px; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-right { left:100%; right:inherit; margin-left:6px; } } @media(min-width:1286px) { .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-left { left:inherit; right:100%; margin-right:16px; } .ms-darkyOdSrdce .box-carousel-control-u .carousel-control-right { left:100%; right:inherit; margin-left:16px; } } body.ms-v-lego #header { background-color:transparent; } body.ms-v-lego #page { overflow-x:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width:100%; } body.ms-v-lego .main-frame-container { font-family: "FuturaBook"; line-height:18px; line-height:24px; color:#606060; font-weight:normal; } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-v-lego .main-frame-container h2 { font-size:33px; line-height:36px; color:#ffffff; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-v-lego .main-frame-container h2.insite { font-size:35px; line-height:35px; color:#e42d1a; margin-bottom:10px; margin-top:10px; padding:0; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-v-lego .main-frame-container h2.insite span { font-size:60px; line-height:64px; display:inline-block; } .ms-v-lego .main-frame-container h3, .ms-v-lego h3 { font-family: "FutureCEBold"; font-size:24px; line-height:30px; color:#0b6034; margin-top:10px; margin-bottom:10px; padding:0; text-transform:none; } .ms-v-lego .main-frame-container p { margin-bottom:20px; } .ms-v-lego .u-margin-fix { padding-top:1px; padding-bottom:1px; } .ms-v-lego .u-color-green { color:#0b6034!important; } .ms-v-lego .u-color-red { color:#e42d1a!important; } .ms-v-lego .u-color-gold { color:#b38600!important; } .ms-v-lego .u-padding-x { padding-left:24px; padding-right:24px; } .ms-v-lego .u-padding-x-small { padding-left:24px; padding-right:24px; } .u-padding-x-mobile { padding-left:24px; padding-right:24px; } .ms-v-lego .main-frame-container { margin-top:44px; } .u-bg-white { background-color:#ffffff; } .u-bg-gold { background-color:#e9e3d1; } .u-zindex-10 { z-index:10; } .ms-v-lego .hide-box { display:none; } .ms-v-lego .u-icon { position:relative; } .ms-v-lego .u-icon-after:after, .ms-v-lego .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; //margin-right:26px; } .ms-v-lego .u-icon-vertical-center:after, .ms-v-lego .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-v-lego .u-icon-circle-arrow:before { width:21px; height:21px; left:-1px; top:22px; position:absolute; background:url('') no-repeat right center; } .ms-v-lego .u-icon-arrow-down:before { width:22px; height:27px; left:50%; top:inherit; bottom:-35px; position:absolute; transform:translate(-50%,0); display:none; background:url('') no-repeat right center; } .ms-v-lego .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } .ms-v-lego .search-button-wrapper .button.button-blue, .ms-v-lego .search-button-wrapper .button:active.button-blue, .ms-v-lego .search-button-wrapper .button.button-hover-blue:hover { background:#0b6034!important; } .ms-v-lego .search-button-wrapper input[type="text"] { border-top-color:#0b6034; border-bottom-color:#0b6034; border-left:1px solid #0b6034; color:#626363; } .ms-v-lego .search-button-wrapper input[type="text"]::-webkit-input-placeholder { color:#626363; } .ms-v-lego .search-button-wrapper input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #626363; } .ms-v-lego .search-button-wrapper input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #626363; } .ms-v-lego .search-button-wrapper input[type="text"]:-ms-input-placeholder { color: #626363; } .ms-v-lego #contacts { background-color:#0b6034; height: 35px; line-height: 35px; padding: 0 10px; } @media (min-width:768px) { .ms-v-lego .main-frame-container h2 { font-size:40px; line-height:42px; color:#ffffff; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-v-lego .main-frame-container h2.insite { font-size:35px; line-height:36px; color:#e42d1a; margin-bottom:10px; margin-top:10px; padding:0; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-v-lego .main-frame-container h2.insite span { font-size:60px; line-height:72px; display:inline-block; } .ms-v-lego .main-frame-container h3, .ms-v-lego h3 { font-family: "FutureCEBold"; font-size:36px; line-height:40px; color:#0b6034; margin-top:10px; margin-bottom:10px; padding:0; text-transform:none; } .ms-v-lego .u-padding-x-mobile { padding-left:0px; padding-right:0px; } .ms-v-lego .u-padding-x { padding-left:64px; padding-right:64px; } .ms-v-lego .u-padding-x-desktop { padding-left:64px; padding-right:64px; } .ms-v-lego .u-padding-x-small { padding-left:24px; padding-right:24px; } } .ms-v-lego .button-more { text-decoration:none; cursor:pointer; display:inline-block; transition: opacity 0.2s ease-in-out; opacity:1; background-color:#e09e57; } .ms-v-lego .button-more:hover, .ms-v-lego .button-more-hover:hover .button-more, .ms-v-lego .button-more-hover:hover + .button-more { opacity:0.8; transition: opacity 0.15s ease-in-out; } .ms-v-lego .button-more > span { font-size:17px; line-height:1; white-space:nowrap; text-transform:uppercase; font-family:"TradeGothicLTPro"; font-weight:bold; vertical-align:middle; padding:11px 16px 9px 16px; text-align:left; display:inline-block; color:#000000; transform:scale(0.8); } .ms-v-lego a.link , .ms-v-lego .link a, .ms-v-lego .link a:link, .ms-v-lego .link a:visited, .ms-v-lego .link a:active { color:#ef2b25; text-decoration:underline; } .ms-v-lego .divider { height:37px; padding:10px 0; min-height:1px; } .ms-v-lego .divider-red { background:url('/-a105574---71dMKY5i/divider-red') no-repeat center 0; } .ms-v-lego .divider-gold { background:url('/-a105572---fosaD5jr/divider-gold') no-repeat center 0px; display:block; } .ms-v-lego .divider-red-small { background:url('/-a105862---TKSdett2/divider-red-small') no-repeat center 0; } .ms-v-lego .divider-gray-small { background:url('/-a105861---OMmH8TiP/divider-gray-small') no-repeat center 0px; display:block; } .ms-v-lego .divider-green { background:url('/-a105573---lJTDb7jR/divider-green') no-repeat center 0px; } @media(min-width:768px) { .ms-v-lego .divider-green { margin:26px 0 10px; } } .ms-v-lego sup { font-family:"FuturaBook"; } .ms-v-lego .u-button-hover-animate { opacity:1; transition:opacity 200ms ease-in-out; } .ms-v-lego .u-button-hover-animate:hover { opacity:0.9; transition:opacity 300ms ease-in-out; } .ms-v-lego .youtube-icon:after { display: block; width: 76px; height: 76px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('/-a105510---rRaKBwdC/play') no-repeat 0 0; background-size: cover; transition: transform 200ms ease-in-out; z-index:10; } .ms-v-lego .cursor-pointer { cursor:pointer; } .ms-v-lego .youtube-icon-hover:hover + .youtube-icon:after, .ms-v-lego .youtube-icon-hover:hover + div .youtube-icon:after, .ms-v-lego .youtube-icon:hover:after, .ms-v-lego .youtube-icon-hover:hover + div .youtube-icon-small:after { transform: translate(-50%, -50%) scale(1.1); } .ms-v-lego .u-icon-more:after { width: 17px; height: 17px; background: url('/-a105508---NJF1xrpe/more') no-repeat right center; padding-left: 9px; background-size: contain; } .ms-v-lego .u-strong-red strong { color:#e42d1a; font-family:"FutureCEBold"; } /*** Submenu **********************************/ .ms-v-lego .header-submenu { list-style:none; padding: 46px 10px 0; text-align:center; background-size:cover; min-height:20px; position:relative; z-index:2; } .ms-v-lego .header-submenu-item { text-align:left; padding:0; margin-bottom:16px; padding-bottom:17px; width:100%; position:relative; } .ms-v-lego .header-submenu-item strong { color:#f02d25; } .ms-v-lego .header-submenu-item:before { content:""; width:40px; height:40px; position:absolute; top:4px; left:38px; } .ms-v-lego .header-submenu-item:after { content:""; display:block; height:2px; position:absolute; bottom:0; left:24px; right:24px; background-color:#f2f2ec; } .ms-v-lego .header-submenu-item:nth-of-type(2) { margin-bottom:2px; } .ms-v-lego .header-submenu-item:last-of-type:after, .ms-v-lego .header-submenu-item:nth-of-type(2):after { display:none; } .ms-v-lego .header-submenu-item-box-campain:before { background: url('/-a105502---sdrVtJHs/icon-gold') repeat-y left top; background-size:cover; } .ms-v-lego .header-submenu-item-box-combi:before { background: url('/-a105503---snr9--sX/icon-green') repeat-y left top; background-size:cover; } .ms-v-lego .header-submenu-item-box-competition { display:none; } .ms-v-lego .header-submenu-item-box-competition:before { background: url('/-a105504---wVrl3wTV/icon-red') repeat-y left top; background-size:cover; } .ms-v-lego .header-submenu-item:last-of-type { margin-bottom:0; } .ms-v-lego .header-submenu-title { font-size: 18px; line-height: 19px; color:#000000; padding-top:4px; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-v-lego .header-submenu-link { font-size: 14px; line-height: 20px; color:#37434c; font-family:"TradeGothicLTProBC20Fixed"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-v-lego .header-submenu-content { margin:0 10px 0 100px; position:relative; padding-right:10px; } .ms-v-lego .header-submenu-content:before { left:-29px; top:1px; } @media (min-width:768px) { .ms-v-lego .header-submenu { min-height:120px; padding:0; text-align:center } .ms-v-lego .header-submenu-title { font-size: 18px; line-height: 19px; } .ms-v-lego .header-submenu > ul { padding:0; } .ms-v-lego .header-submenu-link { display:inline-block; } .ms-v-lego .header-submenu-item { float:left; width:33%; display:block; padding:0; margin:0; min-height:129px; background-color:#ffffff; transition:background-color 200ms ease-in-out; } .ms-v-lego .header-submenu-item:hover { background-color:#f2f2ec; transition:background-color 200ms ease-in-out; } .ms-v-lego .header-submenu-item::after { display:none; } .ms-v-lego .header-submenu-content { margin:25px 10px 0 70px; } .ms-v-lego .header-submenu-item:before { left:11px; top:46px; width:40px; height:40px; } } @media (min-width:1201px) { .ms-v-lego .header-submenu { min-height:129px; } .ms-v-lego .header-submenu-content { margin:37px 10px 0 131px; } .ms-v-lego .header-submenu-title { font-size:19px; line-height:22px; } .ms-v-lego .header-submenu-link { font-size: 14px; line-height: 18px; color:#37434c; font-family:"TradeGothicLTProBC20Fixed"; text-decoration:none; padding-top:7px; display:inline-block; } .ms-v-lego .header-submenu-item:before { left:66px; top:46px; } } .ms-v-lego .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; background-color:#ffffff; } @media (max-width:767px) { .ms-v-lego .header-submenu.js-fixScroll-fixed { padding-top:20px; } .ms-v-lego .header-submenu.js-fixScroll-fixed .header-submenu-item:before { content:""; width:25px; height:25px; position:absolute; top:-4px; left:38px; } .ms-v-lego .header-submenu.js-fixScroll-fixed .header-submenu-link { display:none; } .ms-v-lego .header-submenu.js-fixScroll-fixed .header-submenu-title { font-size: 12px; line-height: 14px; } } /*** Hlavni content **********************************/ .ms-v-lego .container-1200 { max-width:1200px; width:100%; margin:0 auto 0; position:relative; } .ms-v-lego .truncate-content-xs, .ms-v-lego .truncate-content-xsm, .ms-v-lego .truncate-content-sm, .ms-v-lego .truncate-content-md { display:none; } .ms-v-lego .truncate-content-xs { display:table-cell; } @media (min-width: 641px) { .ms-v-lego .truncate-content-xsm { display:table-cell; } .ms-v-lego .truncate-content-xs { display:none; } } @media (min-width: 768px) { .ms-v-lego .truncate-content-sm { display:table-cell; } .ms-v-lego .truncate-content-xsm { display:none; } } @media (min-width: 960px) { .ms-v-lego .truncate-content-sm { display:none; } .ms-v-lego .truncate-content-md { display:table-cell; } } /*** box-competition **************************/ .ms-v-lego .box-competition { margin-bottom:30px; margin-top:0px; } @media(min-width:768px) { .ms-v-lego .box-competition { margin-bottom:30px; margin-top:40px; } } /*** Partneri **********************************/ .ms-v-lego .box-partners { background-color:#ffffff; padding-top:20px; paddoing-bottom:30px; } .ms-v-lego .box-partners ul { text-align:center; padding:10px 0 13px; } .ms-v-lego .box-partners li { display:inline-block; } .ms-v-lego .box-partners li img { max-width:60%; } @media screen and (max-width: 767px) { .ms-v-lego .box-partners li { width:50%; float:left; height:107px; } .ms-v-lego .box-partners ul { max-width:300px; margin:0 auto; } .ms-v-lego .box-partners li img { max-width:100%; } } @media screen and (min-width: 641px) { .ms-v-lego.menu-fixed .box-partners { padding-top:30px; padding-bottom:50px; } .ms-v-lego .box-partners li img { max-width:100%; } } /*** Box products **********************************/ .ms-v-lego .box-products { background-color:#ffffff; padding-bottom:35px; } .ms-v-lego .box-products .box-products-top { margin-top:44px; } .ms-v-lego .box-products .box-products-top-left-body { font-family:"TradeGothicLTProBC20Fixed"; font-size:18px; line-height:24px; text-align:center; } .ms-v-lego .box-products .box-products-top-left-body-2 { font-size:24px; line-height:30px; color:#474747; font-weight:bold; text-transform:uppercase; margin-top:25px; } .ms-v-lego .box-products .box-products-top-left-body-2 strong { font-family:"FutureCEBold"; font-weight:normal; } .ms-v-lego .box-products .box-products-items { margin-top:0; } .ms-v-lego .box-products .box-products-item { margin-top:48px; padding-bottom:35px; position:relative; display:inline-block; width:100%; } .ms-v-lego .box-products .box-products-item:after { content:""; display:block; position:absolute; bottom:0; left:24px; right:24px; height:2px; background-color:#f2f2ec; } .ms-v-lego .box-products .box-products-item-title { text-align:center; color:#b38600; font-size:15px; line-height:18px; font-family:"FutureCEBold"; margin-top:24px; } .ms-v-lego .box-products .box-products-item-title span { font-family:"FuturaBook"; } .ms-v-lego .box-products .box-products-bottom { font-family:"FuturaBook"; color:#2f2f2f; font-size:10px; line-height:15px; text-align:center; } .ms-v-lego .box-products .box-products-bottom { padding-top:80px; } .ms-v-lego .box-products .box-products-button { text-align:center; font-size:20px; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; } .ms-v-lego .mfp-v-lego-header .mfp-container { width:95%; } .ms-v-lego .mfp-v-lego-header .mfp-content { background-color:#ffffff; padding:70px 20px 20px 20px; max-width:calc(100% - 40px); } .ms-v-lego .mfp-v-lego-header .mfp-iframe-scaler { position:relative; overflow:inherit; } .ms-v-lego .mfp-v-lego-header .mfp-close { top:0px; right:0px; } .ms-v-lego .mfp-v-lego-header .mfp-iframe-scaler .mfp-close { top:-70px; right:-20px; } .ms-v-lego .mfp-v-lego-header .mfp-close { position:absolute; width:65px; height:59px; background: url(/-a105592---PcviQ9Y5/mfp-close) no-repeat center top; overflow:hidden; text-indent:9000px; top:0px; right:0px; opacity:1; transition:opacity 200ms eas-in-out; cursor:pointer; } .ms-v-lego .mfp-v-lego-header .mfp-close:hover { opacity:0.9; transition:opacity 200ms eas-in-out; } .ms-v-lego .mfp-v-lego-header .mfp-products-item { padding:20px; } .ms-v-lego .mfp-v-lego-header .mfp-products-item-title { padding:20px; font-size:26px; color:#2085d5; font-family: "FutureCEBold"; margin:35px 0 10px; padding:0; } .ms-v-lego .mfp-v-lego-header .mfp-products-item-perex { padding:0; font-size:18px; line-height:20px; color:#1d1d1e; font-family:"FuturaBook"; margin-bottom:20px; } .ms-v-lego .mfp-v-lego-header .mfp-products-item-points, .ms-v-lego .mfp-v-lego-header .mfp-products-item-valut { color:#2085d5; font-size:26px; line-height:20px; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; } .ms-v-lego .mfp-v-lego-header .mfp-products-item-valut { color:#000000; } @media(min-width:768px) { .ms-v-lego .box-products .box-products-top-left { float:left; width:59%; } .ms-v-lego .box-products .box-products-top-left-content { padding-right:20px; } .ms-v-lego .box-products .box-products-top-right { float:left; width:41%; } .ms-v-lego .box-products .box-products-top-right-content { padding-right:20px; } .ms-v-lego .box-products .box-products-top-left-body { text-align:left; } .ms-v-lego .box-products .box-products-top { margin-top:52px; } .ms-v-lego .box-products .box-products-top-left-body-2 { margin-top:40px; } .ms-v-lego .box-products .box-products-items { margin-top:30px; } .ms-v-lego .box-products .box-products-items ul { text-align:center; } .ms-v-lego .box-products .box-products-item { display:inline-block; width:355px; margin-top:0; padding-top:48px; margin-bottom:15px; position:relative; } .ms-v-lego .box-products .box-products-item:before { opacity:0; content:""; transform:rotate(-30deg); display:block; width:100%; height:100%; position:absolute; left:7px; top:-25px; background: url(/-a105591---cSDnkz_p/item-hover) no-repeat center top; background-size:contain; transition:all 100ms ease-in-out; z-index:0; } .ms-v-lego .box-products .box-products-item:hover:before { opacity:1; transform:rotate(0deg); transition:all 200ms ease-in-out; } .ms-v-lego .box-products .box-products-item::after { display:none; } .ms-v-lego .box-products .box-products-bottom { font-size: 14px; line-height: 20px; } @media(min-width:900px) { .ms-v-lego .mfp-v-lego-header .mfp-container { width:857px; } .ms-v-lego .mfp-v-lego-header .popup-products-item { padding:40px; } } } /*** box-card ***************************/ .ms-v-lego .box-card { display:none; } .ms-v-lego .box-card { background-position:center top; background-repeat:no-repeat; background-size:cover; min-height:378px; } .ms-v-lego .box-card-content { padding-bottom:5px; } .ms-v-lego .box-card-left { float:left; width:428px; padding-top:53px; } .ms-v-lego .box-card-right { float:left; width:calc(100% - 428px); text-align:right; padding-top:24px; } .ms-v-lego .box-card-right img { display:block; vertical-align:top; } .ms-v-lego .box-card .box-card-title { font-size:48px; line-height:49px; color:#ffffff; font-family: "FutureCEBold"; } .ms-v-lego .box-card.box-card-button-card { } .ms-v-lego .box-card .box-card-button-card a { font-size:20px; color:#ffffff; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; text-decoration:none; display:inline-block; max-width:330px; height:43px; line-height:43px; width:100%; border:1px solid #000000; background-color:#006633; text-align:center; margin-top:13px; } .ms-v-lego .box-card .box-card-button-action { margin-top:41px; } .ms-v-lego .box-card .box-card-button-action a { font-size:20px; color:#ffffff; line-height:20px; text-transform:uppercase; font-family:"TradeGothicLTProBC20Fixed"; } @media(min-width:768px) { .ms-v-lego .box-card { display:block; } } @media(min-width:800px) { .ms-v-lego .box-card-right img { max-width:60%; } } @media(min-width:1110px) { .ms-v-lego .box-card-left { float:left; width:40%; padding-top:53px; } .ms-v-lego .box-card-right { float:left; width:60%; text-align:right; padding-top:24px; } .ms-v-lego .box-card-right img { display:inline-block; max-width:100%; } .ms-v-lego .box-card-right .box-card-image-b { margin-right:-24px; margin-left:-13px; } } /*** box-combi ************************/ .ms-v-lego .box-combi { background-color:#ffffff; } .ms-v-lego .box-combi .box-combi-perex { color:#606060; font-size:20px; line-height:27px; font-family:"FuturaBook"; text-align:center; margin-top:35px; } .ms-v-lego .box-combi .box-combi-top-right-title { text-align:center; } .ms-v-lego .box-combi .box-combi-top-right { margin-top:40px; } .ms-v-lego .box-combi .box-combi-top-right-perex { font-size:20px; line-height:24px; color:#606060; font-family:"FuturaBook"; text-align:center; margin-top:64px; } .ms-v-lego .box-combi .box-combi-top-left-image { max-width:67%; margin-top:30px; } .ms-v-lego .box-combi .box-combi-top-right-image { margin-top:48px; } .ms-v-lego .box-combi .box-combi-top-right-perex a { color:#0b6034; } .ms-v-lego .box-combi .box-combi-top-right-images { margin-top:20px; } .ms-v-lego .box-combi .box-combi-top-right-images a { text-align:left; } .ms-v-lego .box-combi .box-combi-top-right-buttons { text-align:center; margin-top:42px; } .ms-v-lego .box-combi .box-combi-top-right-button-download, .ms-v-lego .box-combi .box-combi-top-right-button-play { width:243px; height:60px; line-height:60px; background: url(/-a105642---lG6MU9Ya/btn-download) no-repeat left top; display:inline-block; text-decoration:none; color:#ffffff; font-size:20px; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; white-space:nowrap; margin-bottom:50px; } .ms-v-lego .box-combi .box-combi-top-right-button-download > span, .ms-v-lego .box-combi .box-combi-top-right-button-play > span { padding:0 10px 0 80px; } .ms-v-lego .box-combi .box-combi-top-right-button-play { background: url(/-a105643---a3qrnfpX/btn-play) no-repeat left top; margin-bottom:0; } .ms-v-lego .box-combi .bx-wrapper { padding:0; border:0; box-shadow:none; margin-top:40px; } .ms-v-lego .box-combi .box-combi-slider { margin-left:-73px; } .ms-v-lego .box-combi .box-combi-slider-item-active { background-color:#f2f2ec; } .ms-v-lego .box-combi .box-combi-slider-item { width:160px!important; padding-top:17px; margin:0 10px; text-align:center; } .ms-v-lego .box-combi .box-combi-slider-item-content { padding:17px 10px 10px 10px; } .ms-v-lego .box-combi .box-combi-slider-item img { display:inline-block; } .ms-v-lego .box-combi .box-combi-slider-item-title { color:#0b6034; font-size:14px; line-height:18px; font-family: "FutureCEBold"; text-align:center; padding:3px 0 0 0 ; text-transform:uppercase; margin-top:16px; margin-bottom:0; } .ms-v-lego .box-combi .bx-controls-direction a { position:absolute; top:50%; bottom:inherit; text-indent:99999px; display:block; width:45px; height:58px; overflow:hidden; background-size:contain!important; transform:translateY(-50%); opacity:1; transition:opacity 100ms ease-in-out; z-index:100; } .ms-v-lego .box-combi .bx-controls-direction a:hover { opacity:0.9; transition:opacity 200ms ease-in-out; } .ms-v-lego .box-combi .bx-controls-direction a.bx-prev { background: url(/-a105511---Y0CyVTmY/prev) no-repeat left top; left:0; } .ms-v-lego .box-combi .bx-controls-direction a.bx-next { background: url(/-a105509---uDeqgI5C/next) no-repeat right top; right:0; left:inherit; } .ms-v-lego .box-combi .box-combi-top-right-bg { background-color:#f2f2ec; padding-bottom:54px; position:relative; } .ms-v-lego .box-combi .box-combi-top-right-bg-image { //min-height:320px; } .ms-v-lego .box-combi .box-combi-top-right-bg:before { content:""; display:block; width:100%; height:75px; background-color:#ffffff; z-index:0; position:absolute; top:0; left:0; } @media(min-width:768px) { .ms-v-lego .box-combi { padding-top:12px; } .ms-v-lego .box-combi .box-combi-perex { margin-top:0; font-size:18px; line-height:24px; } .ms-v-lego .box-combi .box-combi-top-right-title { text-align:left; } .ms-v-lego .box-combi .box-combi-top-right-perex { text-align:left; } .ms-v-lego .box-combi .box-combi-top-left { float:left; width:48%; } .ms-v-lego .box-combi .box-combi-top-left-image { max-width:100%; margin-top:12px; } .ms-v-lego .box-combi .box-combi-top-right { float:left; width:52%; } .ms-v-lego .box-combi .box-combi-top-right-content { padding-left:23px; } .ms-v-lego .box-combi .box-combi-top-right-title { font-size:36px; line-height:40px; } .ms-v-lego .box-combi .box-combi-top-right { margin-top:51px; } .ms-v-lego .box-combi .box-combi-top-right-perex { font-size:18px; line-height:24px; margin-top:-11px; } .ms-v-lego .box-combi .box-combi-top-right-bg { padding-bottom:0; } .ms-v-lego .box-combi .box-combi-top-right-bg:before { display:none; } .ms-v-lego .box-combi .box-combi-top-right-image { margin-top:-13px; } .ms-v-lego .box-combi .box-combi-top-right-buttons { margin-top:14px; margin-bottom:30px; } .ms-v-lego .box-combi .box-combi-top-right-buttons a { margin-bottom:10px; } .ms-v-lego .box-combi .box-combi-top { background-color:#f2f2ec; position:relative; } .ms-v-lego .box-combi .box-combi-top:before, .ms-v-lego .box-combi .box-combi-top:after { content:""; display:block; width:100%; background-color:#ffffff; z-index:0; position:absolute; left:0; } .ms-v-lego .box-combi .box-combi-top:before { top:0; height:40px; } .ms-v-lego .box-combi .box-combi-top:after { bottom:0; height:25px; } .ms-v-lego .box-combi .box-combi-slider-item { max-width:221px!important; width:100%!important; } .ms-v-lego .box-combi .bx-wrapper { max-width:100%!important; } .ms-v-lego .box-combi .box-combi-slider { margin-left:0; } .ms-v-lego .box-combi .box-combi-slider-item { margin: 0 17px; } .ms-v-lego .box-combi .box-combi-slider-item-content { padding:10px; } .ms-v-lego .box-combi .box-combi-slider-item-title { min-height:45px; margin-top:-3px; } .ms-v-lego .box-combi .bx-wrapper { margin-bottom:51px; } } @media(min-width:1170px) { .ms-v-lego .box-combi .box-combi-top-right-buttons a:nth-of-type(1) { float:left; margin:0; } .ms-v-lego .box-combi .box-combi-top-right-buttons a:nth-of-type(2) { float:right; margin:0; } } /*** box-article ****************************/ .ms-v-lego .box-article-title { text-align:center; } .ms-v-lego .box-article-content { padding-top:47px; } .ms-v-lego .box-article-perex { font-size:20px; line-height:30px; color:#606060; text-align:center; margin-top:53px; margin-bottom:40px; } .ms-v-lego .box-article-perex strong { font-family: "FutureCEBold"; font-weibght:bold; } .ms-v-lego .box-article .box-article-item-right-more { width:323px; height:60px; line-height:60px; background: url(/-a105644---bQp0bDeP/btn-read) no-repeat left top; display:inline-block; text-decoration:none; color:#ffffff; font-size:20px; font-family:"TradeGothicLTProBC20Fixed"; text-transform:uppercase; white-space:nowrap; margin-bottom:39px; margin-top:10px; text-align:center; } .ms-v-lego .box-article .box-article-item-right-more > span { padding:0 10px 0 80px; } .ms-v-lego .box-article-item-right-title { font-size:25px; line-height:24px; font-family: "FutureCEBold"; margin-bottom:20px; } .ms-v-lego .box-article-item-right-perex { font-size:20px; line-height:26px; font-family: "FuturaBook"; } .ms-v-lego .mfp-v-lego-article .mfp-container { width:100%; } .ms-v-lego .mfp-v-lego-article .mfp-content { background-color:#ffffff; padding:0; max-width:100%; padding-bottom:30px; margin-bottom:20px; } .ms-v-lego .mfp-v-lego-article.mfp-bg { height:100%!important; position:fixed!important; bottom:0; right:0; } .ms-v-lego .mfp-v-lego-article .mfp-close { top:0px; right:0px; } .ms-v-lego .mfp-v-lego-article .mfp-iframe-scaler .mfp-close { top:-70px; right:-20px; } .ms-v-lego .mfp-v-lego-article .mfp-close { position:absolute; width:65px; height:59px; background: url(/-a105592---PcviQ9Y5/mfp-close) no-repeat center top; overflow:hidden; text-indent:9000px; top:0px; right:0px; opacity:1; transition:opacity 200ms eas-in-out; cursor:pointer; } .ms-v-lego .mfp-v-lego-article .mfp-close:hover { opacity:0.9; transition:opacity 200ms eas-in-out; } .ms-v-lego .mfp-v-lego-article .popup-article-items, .ms-v-lego .mfp-v-lego-article .popup-article-header-title { padding:25px 10px 0px; text-align:left; } .ms-v-lego .mfp-v-lego-article .popup-article-title { font-size:36px; line-height:39px; color:#d70a26; text-transform:none; font-family: "FutureCEBold"; } .ms-v-lego .mfp-v-lego-article .popup-article-subtitle { font-size:30px; line-height:33px; color:#006430; font-family: "FutureCEBold"; margin-top:24px; } .ms-v-lego .mfp-v-lego-article .module-image-text-body, .ms-v-lego .mfp-v-lego-article .module-image-text-perex { margin-bottom:11px; } .ms-v-lego .mfp-v-lego-article .module-image-text-image, .ms-v-lego .mfp-v-lego-article .module-image-text-title { margin-bottom:26px; } .ms-v-lego .mfp-v-lego-article .module-image-text-perex strong , .ms-v-lego .mfp-v-lego-article .module-image-text-title { font-size:18px; line-height:27px; color:#000000; font-weight:bold; } .ms-v-lego .mfp-v-lego-article .module-image-text-body { font-size:18px; line-height:27px; color:#606060; } .ms-v-lego .mfp-v-lego-article .module-image-text-body.small { font-size:15px; line-height:33px; } .ms-v-lego .mfp-v-lego-article .module-image-text-perex li, .ms-v-lego .mfp-v-lego-article .module-image-text-body li { font-size:15px; line-height:33px; } .ms-v-lego .module-image-text-wrap-content { max-width:600px; margin:0 auto; width:100%; } @media(min-width:768px) { .ms-v-lego .box-article-content { padding-top:71px; padding-bottom:48px; } .ms-v-lego .box-article-perex { font-size:18px; line-height:24px; margin-top:30px; margin-bottom:0; } .ms-v-lego .box-article-item-left { float:left; width:46.5%; text-align:right; } .ms-v-lego .box-article-item-left img { display:inline-block; margin-top:-28px; } .ms-v-lego .box-article-item-right { float:left; width:53.5%; } .ms-v-lego .box-article-item-right-title { margin-top:0; font-size:25px; line-height:24px; margin-top:24px; } .ms-v-lego .box-article-item-left-content { padding:0 0 0 24px; } .ms-v-lego .box-article-item-right-content { padding:0 64px 0 44px; } .ms-v-lego .box-article .box-article-item-right-more { width:287px; height:60px; line-height:60px; background: url(/-a105830---QkIq-_OJ/btn-read-d) no-repeat left top; display:inline-block; margin-top:13px; } .ms-v-lego .box-article-item-right-perex { font-size:18px; line-height:24px; margin-top:24px; } .ms-v-lego .module-image-text-content-isImage .module-image-text-image { width:32%; } .ms-v-lego .module-image-text-content-isImage .module-image-text-wrap { width:68%; float:left; } .ms-v-lego .module-image-text-content { max-width:1115px; } .ms-v-lego .module-image-text-content-isImage .module-image-text-wrap-content { max-width:460px; margin:0; } .ms-v-lego .module-image-text-content-isImageLeft .module-image-text-wrap-content { padding-left:40px; float:left; } .ms-v-lego .module-image-text-content-isImageRight .module-image-text-wrap-content { padding-right:40px; float:right; } } @media(min-width:1200px) { .ms-v-lego .mfp-v-lego-article .popup-article-title { font-size:46px; line-height:65px; margin-bottom:8px; } .ms-v-lego .mfp-v-lego-article .popup-article-subtitle { font-size:46px; line-height:65px; margin-top:11px; } .ms-v-lego .mfp-v-lego-article .mfp-content { max-width:1200px; } .ms-v-lego .mfp-v-lego-article .popup-article-header-title { padding:56px 40px 0; } .ms-v-lego .mfp-v-lego-article .popup-article-items { padding:25px 40px 0; } } /*** box-catalogs ***********************/ .ms-v-lego .box-catalogs { background:url('/-a105847---Q8nurqXb/bg-cataloge') no-repeat center top; padding-top:30px; background-size: contain; } .ms-v-lego .box-catalogs .box-catalogs-content { padding:10px 24px; } .ms-v-lego .box-catalogs .box-catalogs-items { margin-top:34px; text-align:center; } .ms-v-lego .box-catalogs-item-text-title { text-transform: uppercase; font-size: 17px; line-height: 21px; text-align: left; font-family: "FutureMedium"; margin-top: 3px; color:#000000; padding-bottom:10px; padding-top:9px; padding-right:100px; } .ms-v-lego .box-catalogs .button-more { position:absolute; right:0; top:0; } .ms-v-lego .box-catalogs-item-image img { width:100%; } .ms-v-lego .box-catalogs .box-catalogs-item { display:inline-block; max-width:324px; width:100%; margin:0 auto 20px; vertical-align:top; } @media(min-width:768px) { .ms-v-lego .box-catalogs { background-color:transparent; background-image:none; padding-top:43px; padding-bototm:74px; } .ms-v-lego .box-catalogs .box-catalogs-item { float:left; max-width:28%; } .ms-v-lego .box-catalogs .box-catalogs-item .box-catalogs-item-image { transform:scale(1); transition:transform 100ms ease-in-out; } .ms-v-lego .box-catalogs .box-catalogs-item:hover .box-catalogs-item-image { transform:scale(1.005); transition:transform 200ms ease-in-out; } .ms-v-lego .box-catalogs .box-catalogs-item:nth-of-type(2) { margin:0 8%; } .ms-v-lego .box-catalogs .box-catalogs-items { margin-top:66px; } } @media(min-width:1210px) { .ms-v-lego .box-catalogs .box-catalogs-content { padding:43px 0 74px 0; } } .ms-v-lego #tail { margin-top:20px; } /*** box-catalogs ***********************/ .ms-v-lego .box-social { padding-bottom:20px; } .ms-v-lego .box-social .box-social-title { font-size:24px; color:#d70a26; line-height:65px; font-family: "FutureCEBold"; text-transform:none; margin-top:-10px; margin-bottom:0; } .ms-v-lego .box-social .box-social-items { margin-top:0 } .ms-v-lego .box-social .box-social-items a { display:inline-block; vertical-align:top; width:95px; text-decoration:none; color:#000000; font-size:13px; line-height:13px; font-family: "FutureCEBold"; position:relative; } .ms-v-lego .box-social .box-social-items a:before { content:""; display:block; width:100%; height:84px; margin-bottom:13px; } .ms-v-lego .box-social .box-social-items .box-social-fb:before { background:url('/-a106237---L0IAR0g7/social-fb') no-repeat center top; background-size:cover; } .ms-v-lego .box-social .box-social-items .box-social-inst:before { background:url('/-a106239---djK3qqvz/social-inst') no-repeat center top; background-size:cover; } .ms-v-lego .box-social .box-social-items .box-social-forum:before { background:url('/-a106238---9NjqLqI4/social-forum') no-repeat center top; background-size:cover; } @media(min-width:768px) { .ms-v-lego .box-social .box-social-title { margin-top:-15px; font-size:30px; } .ms-v-lego .box-social { padding-bottom:50px; } } html { overflow-x:hidden; } body.ms-albertZdrave { background-image:none; background-color:#efe8dc; height:auto; } body.ms-albertZdrave #page { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width:100%; background-color:transparent; } body.ms-albertZdrave .main-frame-container { font-size:17px; line-height:21px; color:#4c4c4c; font-family: "FutureMedium"; } body.ms-albertZdrave #contacts span, bodfy.ms-albertZdrave #contacts a { color:#ffffff; } body.ms-albertZdrave #contacts span, body.ms-albertZdrave #contacts .icon-phone-white:before { /*background-position: -135px -581px;*/ } body.ms-albertZdrave #contacts span, body.ms-albertZdrave #contacts .icon-email-white:before { /*background-position: -103px -581px;*/ } body.ms-albertZdrave #tail { max-width:100%; box-shadow: 0 0 30px 7px rgba(0,0,0,0.2); position:relative; } body.ms-albertZdrave #tail-top-1 > li a, body.ms-albertZdrave #tail-top-1 > li a:link, body.ms-albertZdrave #tail-top-1 > li a:visited { color:#c3c3c3; } .ms-albertZdrave .ol-count ol { list-style: none; counter-reset: my-awesome-counter; padding:0; } .ms-albertZdrave .ol-count ol li { counter-increment: my-awesome-counter; position:relative; padding-left:38px; margin-bottom:16px; } .ms-albertZdrave .ol-count ol li::before { content: counter(my-awesome-counter); color: #7a7879; font-size:29px; line-height:1; position:absolute; display:inline-block; font-family: "FutureCEBold"; left:0; top:2px; } .ms-albertZdrave .ul-dot ul { list-style: none; padding:0; } .ms-albertZdrave .ul-dot ul li { position:relative; padding-left:17px; margin-bottom:4px; } .ms-albertZdrave .ul-dot ul li::before { color: #7a7879; position:absolute; content:""; width:5px; height:5px; background-color:#7a7879; border-radius:2.5px; display:block; left:0; top:12px; } .ms-albertZdrave .br-m { display:block; } .ms-albertZdrave .br-d { display:none; } @media(min-width:751px){ .ms-albertZdrave .br-m { display:none; } .ms-albertZdrave .br-d { display:block; } } @media screen and (max-width: 319px) { #page { width: 100%; } } .ms-albertZdrave .main-frame-container h2 { font-size:45px; line-height:55px; color:#1a9da1; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; padding:82px 0 0 0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h2.insite { font-size:45px; line-height:55px; color:#6eae36; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h2.insite span { font-size:38px; line-height:48px; display:block; font-family: "FutureMedium"; text-transform:none; } .ms-albertZdrave .main-frame-container h3, .ms-albertZdrave h3 { font-family: "FutureCEBold"; font-size:40px; line-height:50px; color:#1a9da1; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h4, .mfp-h4 h4 { font-size:25px; line-height:30px; color:#23a1a5; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h5, .mfp-h5 h5 { font-size:27px; line-height:37px; color:#7a7879; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-albertZdrave * { box-sizing: border-box; } .ms-albertZdrave .padding-x-20 { padding-left:20px; padding-right:20px; } .ms-albertZdrave .padding-mobile-10 { padding-right:20px; padding-left:20px; } .ms-albertZdrave .color-gold { color:#d4af37!important; } .ms-albertZdrave .color-white { color:#ffffff!important; } .ms-albertZdrave .color-darkGreen { color:#1a9da1!important; } .ms-albertZdrave .text-shadow { text-shadow:0px 0px 10px rgba(0,0,0,0.7); } .ms-albertZdrave .text-bold { font-weight:bold; font-familly:"font-family: "FutureCEBold"; } .ms-albertZdrave .link a, .ms-albertZdrave .link-color { color:#1a9da1; } .ms-albertZdrave .hide-box { display:none; } .ms-albertZdrave .button-hover-animate { opacity:1; transition:opacity 200ms ease-in-out; } .ms-albertZdrave .button-hover-animate:hover { opacity:0.9; transition:opacity 300ms ease-in-out; } .ms-albertZdrave .u-icon { position:relative; } .ms-albertZdrave .u-icon-after:after, .ms-albertZdrave .u-icon-before:before { display:inline-block; content:""; vertical-align:middle; } .ms-albertZdrave .u-icon-vertical-center:after, .ms-albertZdrave .u-icon-vertical-center:before { position:absolute; top:50%; transform: translate(0, -50%)!important; } .ms-albertZdrave .u-icon-arrowRight:before { width:8px; height:16px; background:url('/-a107645---65D8ou5W/icon-arrow-right') no-repeat left center; margin-right:25px; position:relative; background-size:contain; top:-2px; } .ms-albertZdrave .u-icon-arrowRight-green { position:relative; } .ms-albertZdrave .u-icon-arrowRight-green:before { width:8px; height:16px; background:url('/-a110017---RyHFXa8b/icon-arrow-green-right') no-repeat left center; margin-right:13px; position:relative; background-size:contain; top:-2px; position:absolute; left:35px; top:50%; transform:translateY(-50%); } .ms-albertZdrave .responsive-image-inline { display:inline-block; max-width:100%; height:auto; } @media (min-width:751px) { body.ms-albertZdrave .main-frame-container { font-size:25px; line-height:35px; } .ms-albertZdrave .main-frame-container h2 { font-size:45px; line-height:50px; color:#1a9da1; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; padding:82px 0 0 0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h2.insite { font-size:50px; line-height:60px; color:#6eae36; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h2.insite span { font-size:27px; line-height:40px; display:block; font-family: "FutureMedium"; text-transform:none; } .ms-albertZdrave .main-frame-container h3, .ms-albertZdrave h3 { font-family: "FutureCEBold"; font-size:36px; line-height:45px; color:#1a9da1; margin-top:0px; margin-bottom:0px; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h4, .mfp-h4 h4{ font-size:35px; line-height:50px; color:#23a1a5; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } .ms-albertZdrave .main-frame-container h5, .mfp-h5 h5{ font-size:27px; line-height:35px; color:#7a7879; margin-bottom:10px; margin-top:10px; font-family: "FutureCEBold"; padding:0; text-transform:uppercase; } } .u-bg-white { background-color:#ffffff; } .u-bg-lightGray { background-color:#f0f0f0; } .ms-albertZdrave .button-green { display:inline-block; background-color:#1a9da1; border-radius:5px; font-size:20px; text-align:center; font-family: "OpenSans"; text-decoration:none; } .ms-albertZdrave .button-green > span { display:inline-block; padding:20px 30px 20px 30px; line-height:1; } .ms-albertZdrave .button-green-wide { width:100%; } .ms-albertZdrave a.button-green, .ms-albertZdrave a.button-green:hover, .ms-albertZdrave a.button-green:visited, .ms-albertZdrave a.button-green:link, .ms-albertZdrave a.button-green:focus { color:#ffffff; } .ms-albertZdrave .button-white { display:inline-block; background-color:#ffffff; border-radius:5px; font-size:20px; text-align:left; font-family: "OpenSans"; text-decoration:none; } .ms-albertZdrave .button-white > span { display:inline-block; padding:10px 30px 10px 56px; line-height:1; font-weight:bold; } .ms-albertZdrave .button-white > span span { font-weight:normal; } .ms-albertZdrave .button-white-wide { width:100%; } .ms-albertZdrave a.button-white, .ms-albertZdrave a.button-white:hover, .ms-albertZdrave a.button-white:visited, .ms-albertZdrave a.button-white:link, .ms-albertZdrave a.button-white:focus { color:#1b9da1; } @media (min-width: 751px) { .ms-albertZdrave .button-green-wide, .ms-albertZdrave .button-white-wide { width: auto; } .ms-albertZdrave .button-green > span { padding:20px 40px 20px 40px; } } /*** Hlavni content **********************************/ .ms-albertZdrave .main-frame-container { background-color:#f8f8f6; } .ms-albertZdrave .container { max-width:1818px; width:100%; margin:0 auto 0; position:relative; padding:1px; } .ms-albertZdrave .container-1920 { max-width:1920px; } .ms-albertZdrave .main-frame-container { margin-top:44px; } .ms-albertZdrave .main-frame-container { background-color:transparent; } /*** box-newsletter **********************************/ .ms-albertZdrave .box-newsletter { padding-top:20px; background:url('/-a107657---ZHRMUZxp/bg-nws') repeat-y center top; background-size:auto; } .ms-albertZdrave .box-newsletter input[type="text"] { height:50px; line-height:50px; border:4px solid #23a1a5; border-radius:6px; width:100%; font-size:15px; color:#4c4c4c; font-family: "OpenSans"; padding:0 16px; background:#ffffff; text-align:left; } .ms-albertZdrave .box-newsletter input[type="text"]::-webkit-input-placeholder { color: #4c4c4c; text-align:center; } .ms-albertZdrave .box-newsletter input[type="text"]:-moz-placeholder { color: #4c4c4c; text-align:center; } .ms-albertZdrave .box-newsletter input[type="text"]::-moz-placeholder { color: #4c4c4c; text-align:center; } .ms-albertZdrave .box-newsletter input[type="text"]:-ms-input-placeholder { color: #4c4c4c; text-align:center; } .ms-albertZdrave .box-newsletter .newsletter-form-left { margin-top:51px; } .ms-albertZdrave .box-newsletter .newsletter-form-right { margin-top:33px; margin-bottom:86px; } .ms-albertZdrave .box-newsletter .ms-button { height:60px; line-height:60px; background-color:#d4af37; padding:0 20px; color:#ffffff; font-family: "OpenSans"; font-size:24px; display:inline-block; border:none; cursor:pointer; opacity:1; transition: opacity 200ms ease-in-out; } .ms-albertZdrave .box-newsletter .ms-button:hover { opacity:0.9; transition: opacity 300ms ease-in-out; } .ms-albertZdrave .box-newsletter .newsletter-consent-desktop { display:none; } .ms-albertZdrave .box-newsletter .newsletter-consent { font-size:15px; line-height:20px; color:#4c4c4c; font-family: "OpenSans"; padding-left:40px; position:relative; margin-top:38px; } .ms-albertZdrave .box-newsletter .checkbox-label { width:30px; height:30px; display:block; border:4px solid #1a9da1; border-radius:6px; background-color:#ffffff; cursor:pointer; position:absolute; left:0; top:2px; } .ms-albertZdrave .box-newsletter .checkbox-label:after { content:""; position:absolute; display:block; width:15px; height:11px; background:url('/-a107644---negLWZVk/icon-checked') no-repeat center; opacity:0; transition: opacity 200ms ease-in-out; margin:0 auto; left:0; right:0; top:50%; transform:translateY(-50%); background-size:contain; } .ms-albertZdrave .box-newsletter input[name="agreement"] { visibility:hidden; position:absolute; } .ms-albertZdrave .box-newsletter input[name="agreement"]:checked ~ .checkbox-label:after { opacity:1; transition: opacity 300ms ease-in-out; } .ms-albertZdrave .box-newsletter .newsletter-consent a { text-decoration:none; color:#616161; } .ms-albertZdrave .box-newsletter .newsletter-consent a:hover { text-decoration:underline; } @media(min-width:550px) { .ms-albertZdrave .box-newsletter .checkbox-label { width:30px; height:30px; left:26px; } .ms-albertZdrave .box-newsletter .newsletter-consent { padding-left:70px; } } @media(min-width:751px) { .ms-albertZdrave .box-newsletter { padding-top:52px; padding-bottom:80px; } .ms-albertZdrave .box-newsletter #ms-newsletter-wrap { max-width:690px; width:100%; margin:0 auto; padding-top:33px; } .ms-albertZdrave .box-newsletter .newsletter-form-wrap { } .ms-albertZdrave .box-newsletter .newsletter-form-left { margin:0; width:470px; float:left; } .ms-albertZdrave .box-newsletter .newsletter-form-right { margin:0; width:220px; float:left; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .ms-albertZdrave .box-newsletter .newsletter-consent-mobile { display:none; } .ms-albertZdrave .box-newsletter .newsletter-consent-desktop { display:block; } .ms-albertZdrave .box-newsletter input[type="text"] { height:70px; line-height:70px; text-align:left; padding:0 20px; font-size:20px; border-radius:0; border-top-left-radius:6px; border-bottom-left-radius:6px; border:5px solid #1a9da1; } .ms-albertZdrave .box-newsletter .newsletter-form-right button { height:70px; line-height:70px; border:none; width:100%; border-radius:0; border-top-right-radius:6px; border-bottom-right-radius:6px; cursor:pointer; } .ms-albertZdrave .box-newsletter .newsletter-form-right button span { padding:0; text-align:center; } .ms-albertZdrave .box-newsletter input[type="text"]::-webkit-input-placeholder { color: #4c4c4c; text-align:left; } .ms-albertZdrave .box-newsletter input[type="text"]:-moz-placeholder { color: #4c4c4c; text-align:left; } .ms-albertZdrave .box-newsletter input[type="text"]::-moz-placeholder { color: #4c4c4c; text-align:left; } .ms-albertZdrave .box-newsletter input[type="text"]:-ms-input-placeholder { color: #4c4c4c; text-align:left; } .ms-albertZdrave .box-newsletter .checkbox-label { width:44px; height:44px; border-width:5px; left:29px; top:2px; } .ms-albertZdrave .box-newsletter .checkbox-label:after { width:15px; height:12px; background-size:contain; } .ms-albertZdrave .box-newsletter .newsletter-consent { margin-top:29px; padding-left:87px; font-size:16px; line-height:20px; } .ms-albertZdrave .box-newsletter .newsletter-consent .consent { text-align:left; display:block; padding-top:6px; } } .ms-albertZdrave .box-newsletter input:focus {border: 2px solid #900;} .ms-albertZdrave .box-newsletter #mkt_suggestion { width:300px;text-align:right; padding-bottom:0px; padding-top:10px; padding-bottom:10px;} .ms-albertZdrave .box-newsletter #mkt_result { text-align:center; position: absolute;} .ms-albertZdrave .box-newsletter .mkt-error, .ms-darkyOdSrdce .box-newsletter #agreement-error { font-size:16px; color:#900; padding-left:5px;} .ms-albertZdrave .box-newsletter .mkt-success { font-size:16px; color:#090;-webkit-transition: opacity 5s ease-in-out;-moz-transition: opacity 5s ease-out;-ms-transition: opacity 5s ease-out;-o-transition: opacity 5s ease-out; opacity: 0;} .ms-albertZdrave .box-newsletter .mkt-suggest { color: #; } .ms-albertZdrave .box-newsletter a.suggestion { color:#e12f28;;} .ms-albertZdrave .box-newsletter .mkt_email2 {top:17px!important;color:#666666;padding-top:0!important;line-height:27px!important;font-size: 20px;} .ms-albertZdrave .box-newsletter #email-error, .ms-albertZdrave .box-newsletter #agreement-error {color:#900; top:0px; position:relative; padding:10px 0; font-size:16px;} .ms-albertZdrave .box-newsletter .eac-input-wrap {width:100%;} .ms-albertZdrave .box-newsletter .validation-error {padding:10px 0;} /*** box-products **********************************/ .ms-albertZdrave .box-products-content { padding-top:50px; padding-bottom:112px; } .ms-albertZdrave .box-products .box-products-title { display:none; } .ms-albertZdrave .box-products .box-products-body { text-align: center; } .ms-albertZdrave .box-products-item { position:relative; margin-bottom:60px; } .ms-albertZdrave .box-products-item-content { text-align:left; } .ms-albertZdrave .box-products-item-price { background:url('/-a107941---eLXEUZo9/price') no-repeat center; width:186px; height:192px; display:block; position:absolute; color:#ffffff; z-index:20; background-size:cover; transform:scale(0.7); } .ms-albertZdrave .box-products-item-price-content { padding:35px 44px 20px 41px; text-align:center; font-family: "FutureCEBold"; } .ms-albertZdrave .box-products-item-image { position:relative; display:inline-block; } .ms-albertZdrave .box-products-item-price-content { padding:35px 20px 20px 20px; } .ms-albertZdrave .box-products-item-price-price .text, .ms-albertZdrave .box-products-item-price-points { display:block; } .ms-albertZdrave .box-products-item-price-sale { display:none; } .ms-albertZdrave .box-products-item-price-points { font-size:18px; line-height:31px; font-family: "FutureMedium"; } .ms-albertZdrave .box-products-item-price-points .text { padding-left:5px; } .ms-albertZdrave .box-products-item-price-price { font-size:37px; line-height:47px; font-family: "FutureCEBold"; text-transform:uppercase; border-bottom:1px solid #ffffff; } .ms-albertZdrave .box-products-item-price-price sup { font-size:25px; line-height:1; } .ms-albertZdrave .box-products-item-price-price .text { display:inline-block; font-size:25px; line-height:47px; } .ms-albertZdrave .box-products-item-price-noPoints { font-size:18px; line-height:23px; font-family: "FutureCEBold"; } .ms-albertZdrave .box-products-item-price-noPoints-text { font-family: "FutureMedium"; display:block; padding-top:3px; } .ms-albertZdrave .box-products-items { position:relative; } .ms-albertZdrave .box-products .box-products-item-image { text-align:left; } .ms-albertZdrave .box-products .box-products-item-image img { display:inline-block; } .ms-albertZdrave .box-products-item .box-products-item-title { font-size:32px; line-height:42px; color:#7a7879; font-family:"OpenSans"; font-weight:bold; text-transform:uppercase; text-align:center; } .ms-albertZdrave .box-products-item .box-products-item-subtitle { font-size:22px; line-height:22px; color:#7a7879; font-family:"OpenSans"; text-transform:uppercase; text-align:center; } .ms-albertZdrave .box-products-item .box-products-item-header-inverted .box-products-item-title { font-size:22px; line-height:22px; font-weight:normal; } .ms-albertZdrave .box-products-item .box-products-item-header-inverted .box-products-item-subtitle { font-size:32px; line-height:42px; font-weight:bold; } .ms-albertZdrave .box-products-item .box-products-item-sale { font-size:32px; line-height:44px; color:#f0662f; font-family: "FutureCEBold"; text-transform:uppercase; text-align:center; } .ms-albertZdrave .box-products-buttons { } .ms-albertZdrave .box-products-buttons a { position:relative; z-index:31; } .ms-albertZdrave .box-products-buttons-image { display:none; } .ms-albertZdrave .box-products .box-products-item-doza .box-products-item-price { top:19px; right:-46px; } .ms-albertZdrave .box-products .box-products-item-doza-2 .box-products-item-price { top:3px; right:-128px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni .box-products-item-price { top:2px; right:-126px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 .box-products-item-price { top:1px; right:-126px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka .box-products-item-price { top:-2px; right:-46px; } .ms-albertZdrave .box-products .box-products-item-sportovni .box-products-item-price { top:82px; right:-56px; } .ms-albertZdrave .box-products .box-products-item-panska .box-products-item-price { top:-1px; right:-53px; } .ms-albertZdrave .box-products .box-products-item-damska .box-products-item-price { top:13px; right:-53px; } .ms-albertZdrave .box-products .box-products-item-yoga .box-products-item-price { top:-23px; right:-50px; } .ms-albertZdrave .box-products-buttons a.button-card { margin-bottom:43px; display:none; } .ms-albertZdrave .box-products-buttons a.button-rules { font-size:25px; line-height:38px; font-family: "OpenSans"; } .ms-albertZdrave .box-products-item .box-products-item-sale > span { padding-left:5px; } @media (min-width:597px) { .ms-albertZdrave .box-products-item-content { text-align:center; } .ms-albertZdrave .box-products .box-products-item-price { transform:scale(1); } .ms-albertZdrave .box-products .box-products-item-doza img { margin-left:45px; } .ms-albertZdrave .box-products .box-products-item-doza .box-products-item-price { top:-63px; right:-136px; } .ms-albertZdrave .box-products .box-products-item-doza-2 img { margin-left:37px; } .ms-albertZdrave .box-products .box-products-item-doza-2 .box-products-item-price { top:3px; right:-148px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni img { margin-left:110px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni .box-products-item-price { top:2px; right:-145px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 img { margin-left:55px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 .box-products-item-price { top:1px; right:-160px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka-2 img { margin-left:10px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka .box-products-item-price { top:-82px; right:-85px; } .ms-albertZdrave .box-products .box-products-item-sportovni img { margin-left:5px; } .ms-albertZdrave .box-products .box-products-item-sportovni .box-products-item-price { top:82px; right:-61px; } .ms-albertZdrave .box-products .box-products-item-panska img { margin-left:23px; } .ms-albertZdrave .box-products .box-products-item-panska .box-products-item-price { top:-1px; right:-93px; } .ms-albertZdrave .box-products .box-products-item-damska img { margin-left:5px; } .ms-albertZdrave .box-products .box-products-item-damska .box-products-item-price { top:13px; right:-91px; } .ms-albertZdrave .box-products .box-products-item-yoga img { margin-left:27px; } .ms-albertZdrave .box-products .box-products-item-yoga .box-products-item-price { top:-23px; right:-58px; } } @media (min-width:751px) { .ms-albertZdrave .box-products-content { padding-top:10px; position:relative; } .ms-albertZdrave .box-products-items { min-height:1850px; } .ms-albertZdrave .box-products-item .box-products-item-header { position:absolute; left:0; top:0; z-index:20; } .ms-albertZdrave .box-products .box-products-title { display:block; text-align:center; } .ms-albertZdrave .box-products-item { position:absolute; z-index:5; transform:scale(0.6); } .ms-albertZdrave .box-products-item-content { text-align:left; } .ms-albertZdrave .box-products-item .box-products-item-title { font-size:32px; line-height:42px; } .ms-albertZdrave .box-products-item .box-products-item-subtitle { font-size:22px; line-height:22px; } .ms-albertZdrave .box-products-item .box-products-item-sale { font-size:32px; line-height:44px; } .ms-albertZdrave .box-products .box-products-item-image { text-align:left; display:block; } .ms-albertZdrave .box-products-item .box-products-item-sale > span { padding-left:5px; } .ms-albertZdrave .box-products .box-products-item-doza .box-products-item-price { top:-63px; right:14px; } .ms-albertZdrave .box-products .box-products-item-doza img { margin-left:45px; } .ms-albertZdrave .box-products .box-products-item-doza .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-doza .box-products-item-header { width:290px; left:-34px; top:0px; } .ms-albertZdrave .box-products .box-products-item-doza-2 .box-products-item-header { width:300px; left:2px; top:5px; } .ms-albertZdrave .box-products .box-products-item-doza-2 img { margin-left:37px; } .ms-albertZdrave .box-products .box-products-item-doza-2 .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-doza-2 .box-products-item-price { top:3px; right:102px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni .box-products-item-header { width:100%; left:-1px; top:-65px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni img { margin-left:110px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni .box-products-item-content { padding-top:55px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni .box-products-item-price { top:2px; right:-5px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 img { margin-left:55px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 .box-products-item-header { width:100%; left:-12px; top:11px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 .box-products-item-price { top:1px; right:120px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka-2 img { margin-left:10px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka .box-products-item-header { width:202px; left:116px; top:-35px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka .box-products-item-price { top:-82px; right:-85px; } .ms-albertZdrave .box-products .box-products-item-sportovni img { margin-left:5px; } .ms-albertZdrave .box-products .box-products-item-sportovni .box-products-item-header { width:205px; left:259px; top:74px; } .ms-albertZdrave .box-products .box-products-item-sportovni .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-sportovni .box-products-item-price { top:82px; right:-61px; } .ms-albertZdrave .box-products .box-products-item-panska img { margin-left:23px; } .ms-albertZdrave .box-products .box-products-item-panska .box-products-item-header { width:323px; left:58px; top:-5px; } .ms-albertZdrave .box-products .box-products-item-panska .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-panska .box-products-item-price { top:-22px; right:-63px; } .ms-albertZdrave .box-products .box-products-item-damska img { margin-left:5px; } .ms-albertZdrave .box-products .box-products-item-damska .box-products-item-header { width:346px; left:3px; top:-4px; } .ms-albertZdrave .box-products .box-products-item-damska .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-damska .box-products-item-price { top:-47px; right:-61px; } .ms-albertZdrave .box-products .box-products-item-yoga img { margin-left:27px; } .ms-albertZdrave .box-products .box-products-item-yoga .box-products-item-header { width:210px; left:34px; top:-18px; } .ms-albertZdrave .box-products .box-products-item-yoga .box-products-item-content { padding-top:111px; } .ms-albertZdrave .box-products .box-products-item-yoga .box-products-item-price { top:-123px; right:52px; } .ms-albertZdrave .box-products-buttons { bottom:247px; width:615px; margin:0 auto; position:absolute; left:0; right:0; z-index:30; } .ms-albertZdrave .box-products-buttons-image { display:block; position:absolute; top:-121px; right:-125px; } .ms-albertZdrave .box-products-buttons a.button-card { margin-bottom:20px; display:inline-block; } .ms-albertZdrave .box-products-buttons a.button-rules { font-size:20px; line-height:30px; font-family: "OpenSans"; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:-14%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:73px; left:20.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:149px; right:-12%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:390px; left:-16.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:637px; left:15%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:290px; right:-2.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:859px; left:-13.5%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:806px; left:45.5%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:1088px; right:0.2%; } } @media (min-width:820px) { .ms-albertZdrave .box-products-items { min-height:1860px; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:-8%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:73px; left:24.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:149px; right:-6%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:390px; left:-6.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:637px; left:15%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:290px; right:2.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:859px; left:-3.5%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:806px; left:45.5%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:1128px; right:0.2%; } } @media (min-width:1020px) { .ms-albertZdrave .box-products-item { transform:scale(1); } .ms-albertZdrave .box-products-items { min-height:2260px; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:0%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:22px; left:45.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:433px; right:1%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:470px; left:0.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:727px; left:31%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:910px; right:5.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:995px; left:-1.5%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:1409px; left:1.5%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:1378px; right:0.2%; } } @media (min-width:1020px) { .ms-albertZdrave .box-products-item { transform:scale(1); } .ms-albertZdrave .box-products-content { padding-bottom:0; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:-1%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:73px; left:36.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:149px; right:0%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:540px; left:-1.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:511px; left:35%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:654px; right:5.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:969px; left:3.5%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:1376px; left:14.5%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:1162px; right:4.2%; } } @media (min-width:1560px) { .ms-albertZdrave .box-products-items { min-height:1790px; transform:scale(0.9); margin-top:-100px; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:9%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:73px; left:36.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:149px; right:1.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:540px; left:1.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:500px; left:31%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:384px; right:8.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:969px; left:1%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:806px; left:35%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:912px; right:0.2%; } } @media (min-width:1800px) { .ms-albertZdrave .box-products-items { min-height:1660px; } .ms-albertZdrave .box-products .box-products-item-doza { width:426px; height:342px; top:182px; left:9%; } .ms-albertZdrave .box-products .box-products-item-doza-2 { width:426px; height:378px; top:73px; left:36.5%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni { width:426px; height:342px; top:149px; right:13%; } .ms-albertZdrave .box-products .box-products-item-exkluzivni-baleni-2 { width:511px; height:342px; top:540px; left:10.5%; } .ms-albertZdrave .box-products .box-products-item-balancni-br-podlozka { width:426px; height:342px; top:477px; left:41%; } .ms-albertZdrave .box-products .box-products-item-sportovni { width:426px; height:452px; top:384px; right:8.5%; } .ms-albertZdrave .box-products .box-products-item-panska { width:426px; height:382px; top:969px; left:7.5%; } .ms-albertZdrave .box-products .box-products-item-damska { width:426px; height:384px; top:806px; left:37.5%; } .ms-albertZdrave .box-products .box-products-item-yoga { width:488px; height:342px; top:912px; right:0.2%; } } /*** box-nature **********************************/ .ms-albertZdrave .box-nature { background-color:#ffffff; } .ms-albertZdrave .box-nature .container { position:static; } .ms-albertZdrave .box-nature-image { padding-top:47vw; padding-bottom:40px; position:relative; background-size:cover!important; } .ms-albertZdrave .box-nature-desktop { display:none; } .ms-albertZdrave .box-nature-body { font-family: "DINRoundProBold"; color:#ffffff; font-size:7.5vw; line-height:10.5vw; text-align:center; } .ms-albertZdrave .box-nature-body strong { text-transform:uppercase; } .ms-albertZdrave .box-nature-perex { color:#000000; font-size:4.5vw; line-height:6vw; font-family: "FutureMedium"; text-align:center; padding-top:55vw; } @media (min-width:690px) { .ms-albertZdrave .box-nature-body { font-size:7vw; line-height:10vw; } .ms-albertZdrave .box-nature-perex { font-size:4.5vw; line-height:6vw; padding-top:53vw; } .ms-albertZdrave .box-nature-image { padding-top:53vw; } } @media (min-width:751px) { .ms-albertZdrave .box-nature-desktop { display:block; padding:0; background-size:cover!important; background-position:left top!important; } .ms-albertZdrave .box-nature-desktop img{ width:100%; } .ms-albertZdrave .box-nature-mobile { display:none; } } /* @media (min-width:751px) { .ms-albertZdrave .box-nature-desktop { display:block; padding:0; background-size:contain!important; background-position:left top!important; } .ms-albertZdrave .box-nature-mobile { display:none; } .ms-albertZdrave .box-nature-perex, .ms-albertZdrave .box-nature-body { padding:0; } .ms-albertZdrave .box-nature-body { font-size:43px; line-height:61px; padding-bottom:0px; color:#1a9da1; } .ms-albertZdrave .box-nature-perex { font-size:25px; line-height:31px; } .ms-albertZdrave .box-nature-content { text-align:center; padding-top:23vw; padding-bottom:20px; } } @media (min-width:1712px) { .ms-albertZdrave .box-nature-desktop { background-size:inherit!important; min-height:407px; } .ms-albertZdrave .box-nature-content { margin-right:0px; margin-top:91px; width:451px; float:right; padding-bottom:0; padding-top:0; } .ms-albertZdrave .box-nature-body { font-size:30px; line-height:51px; padding-bottom:37px; color:#ffffff; } .ms-albertZdrave .box-nature-perex { font-size:20px; line-height:27px; margin-right:-133px; } } @media (min-width:1901px) { .ms-albertZdrave .box-nature-content { margin-right:82px; margin-top:91px; width:515px; } .ms-albertZdrave .box-nature-body { font-size:49px; line-height:61px; padding-bottom:0px; } .ms-albertZdrave .box-nature-perex { font-size:25px; line-height:31px; margin-right:-133px; } } */ /*** box-partners ****************************/ .ms-albertZdrave .box-partners { background-color:#ffffff; padding-top:60px; padding-bottom:36px; } .ms-albertZdrave .box-partners-title { font-size:36px; line-height:45px; color:#4c4c4c; text-align:center; font-family: "FutureMedium"; } .ms-albertZdrave .box-partners-mobile { margin-top:10px; } .ms-albertZdrave .box-partners-desktop { display:none; } @media (min-width:751px) { .ms-albertZdrave .box-partners { background-color:#f5e3d2; padding-top:43px; padding-bottom:29px; } .ms-albertZdrave .box-partners-desktop { display:block; } .ms-albertZdrave .box-partners-mobile { display:none; } .ms-albertZdrave .box-partners-title br { display:none; } .ms-albertZdrave .box-partners-title { font-size:22px; line-height:27px; color:#4c4c4c; text-align:center; } .ms-albertZdrave .box-partners-items { text-align:center; padding-top:10px; } .ms-albertZdrave .box-partners-item { vertical-align:top; display:inline-block; } } /*** box-action ****************************/ .ms-albertZdrave .box-action { padding-top:78px; padding-bottom:39px; } .ms-albertZdrave .box-action-body { font-size:26px; line-height:35px; color:#4c4c4c; font-family: "FutureMedium"; text-align:center; } @media (min-width:751px) { .ms-albertZdrave .box-action-body { font-size:22px; line-height:26px; } .ms-albertZdrave .box-action { padding-top:69px; padding-bottom:73px; } } /*** menu **********************************/ .ms-albertZdrave .header-submenu { background-color:#ffffff; box-shadow:0 0 30px 7px rgba(0,0,0,0.2); } .ms-albertZdrave .header-submenu-item { width:100%; height:100px; text-align:center; position:relative; background-color:#ffffff; transition:background-color 200ms ease-in-out; } .ms-albertZdrave .header-submenu-item:hover { background-color:#efe8dc; transition:background-color 200ms ease-in-out; } .ms-albertZdrave .header-submenu-content { display:inline-block; position:relative; margin:23px 20px 0; vertical-align:top; } .ms-albertZdrave .header-submenu-item-noIcon .header-submenu-content { margin-top:15px; max-width:160px; } .ms-albertZdrave .header-submenu-content:before { content:""; width:30px; height:30px; position:absolute; left:-18px; top:-16px; background:url('/-a107980---OmJi110U/menu-icon') no-repeat center; background-size:contain; } .ms-albertZdrave .header-submenu-item-noIcon .header-submenu-content:before { display:none; } .ms-albertZdrave .header-submenu-title { font-size:23px; line-height:35px; color:#613725; font-family: "FutureCEBold"; text-transform:uppercase; } .ms-albertZdrave .header-submenu-subtitle { font-size:20px; line-height:18px; color:#613725; font-family: "FutureMedium"; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-subtitle { display:none; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item { height:38px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content { padding:9px 10px 0; margin:0; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-title { font-size:15px; line-height:25px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content:before { width:13px; height:13px; top:5px; left:-7px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item-noIcon .header-submenu-content { max-width:78px; padding:8px 10px 0; } .ms-albertZdrave.js-toggle-box-active .header-submenu.js-fixScroll-fixed ul { padding-top:30px; } @media (min-width:622px) { .ms-albertZdrave .header-submenu-subtitle { font-size:16px; line-height:25px; } .ms-albertZdrave .header-submenu-title { font-size:17px; line-height:25px; } .ms-albertZdrave .header-submenu-item { height:100px; border:none; } .ms-albertZdrave .header-submenu-content { margin:24px 0 0 0; } .ms-albertZdrave .header-submenu-item-noIcon .header-submenu-content { margin-top:15px; max-width:25%; } .ms-albertZdrave .header-submenu-content:before { width:42px; height:42px; position:absolute; left:-34px; top:-23px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item { height:40px; width:50%; float:left; border:none; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-title { font-size:20px; line-height:25px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content:before { width:20px; height:20px; top:5px; left:-13px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item-noIcon .header-submenu-content { max-width:79px; margin-top:0; padding-top:8px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(1), .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(3){ border-right:2px solid #d1d1d1; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(1), .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(2) { border-bottom:2px solid #d1d1d1; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(3) { border-bottom:none; } } @media (max-width:750px) { .ms-albertZdrave .header-submenu-item:not(:last-of-type) { border-bottom:3px solid #cfcfcf; } } @media (min-width:751px) { .ms-albertZdrave .header-submenu-item { width:50%; float:left; border:none; } .ms-albertZdrave .header-submenu-item:nth-child(1), .ms-albertZdrave .header-submenu-item:nth-child(3) { border-right:2px solid #d1d1d1; } .ms-albertZdrave .header-submenu-item:nth-child(1), .ms-albertZdrave .header-submenu-item:nth-child(2) { border-bottom:2px solid #d1d1d1; } .ms-albertZdrave .header-submenu-item-noIcon .header-submenu-content { margin-top: 20px; max-width: 125px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item { height:60px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content { padding:20px 10px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content:before { width:20px; height:20px; top:5px; left:-6px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item-noIcon .header-submenu-content { max-width:115px; margin-top:0; padding:11px 10px 0; } .ms-albertZdrave.js-toggle-box-active .header-submenu.js-fixScroll-fixed ul { padding-top:0px; } } @media (min-width:950px) { .ms-albertZdrave .header-submenu-item { width:25%; } .ms-albertZdrave .header-submenu-item:not(:last-of-type) { border:none; border-right:2px solid #d1d1d1; } .ms-albertZdrave .header-submenu-subtitle { font-size:16px; line-height:25px; } .ms-albertZdrave .header-submenu-title { font-size:20px; line-height:25px; } .ms-albertZdrave .header-submenu-content { margin-top:29px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item { height:100px; width:25%; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-title { font-size:20px; line-height:25px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-subtitle { display:block; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content { padding:33px 10px 0; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-content:before { width:20px; height:20px; top:20px; left:-6px; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(1), .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item:nth-child(2) { border-bottom:none; } .ms-albertZdrave .js-fixScroll-fixed .header-submenu-item-noIcon .header-submenu-content { max-width:155px; margin-top:0; padding:26px 10px 0; } } @media (min-width:1270px) { .ms-albertZdrave .header-submenu-item { width:25%; float:left; } .ms-albertZdrave .header-submenu-item:not(:last-of-type) { border:none; border-right:2px solid #d1d1d1; } } /*** box-calendar **********************************/ .ms-albertZdrave .box-calendar { background:url('/-a107657---ZHRMUZxp/bg-nws') repeat-y center top; background-size:auto; } .ms-albertZdrave .box-calendar-content { padding-top:65px; } .ms-albertZdrave .box-calendar-title { text-align:center; } .ms-albertZdrave .box-calendar-body { text-align:center; margin-top:37px; } .ms-albertZdrave .box-calendar-slider { max-width:1120px; margin:0 auto; position:relative; visibility:hidden; } .ms-albertZdrave .box-calendar-slider .bx-wrapper { max-width:100%; margin:0; box-shadow:none; border:none; background-color:transparent; overflow:hidden; position:relative; padding:15px 0 91px; } .ms-albertZdrave .box-calendar-slider .bx-viewport { max-width:350px!important; margin:0 auto; overflow:visible!important; height:auto!important; position:static; } .ms-albertZdrave .box-calendar-item { /*width:439px!important; height:438px!important; /*background:url('/-a108118---9FF0wcR-/inactive-calendar') no-repeat center top;*/ position:relative; width:100%; max-width:350px!important; margin-left:7px; margin-right:7px; } .ms-albertZdrave .box-calendar-item.old .box-calendar-item-inner { box-shadow:0 0 5px 2px rgba(0,0,0,0.1); } .ms-albertZdrave .box-calendar-item.old .box-calendar-item-inner:before { content:""; position:absolute; left:0; top:0; bottom:0; right:0; display:block; background-color:rgba(255,255,255,0.3); z-index:10; } .ms-albertZdrave .box-calendar-item.active { /*width:515px!important; height:515px!important; /*background:url('/-a108117---s_3UNOOk/active-calendar') no-repeat center top;*/ margin-top:0; width:100%; max-width:350px!important; box-shadow:0 0 15px 7px rgba(0,0,0,0.2); } .ms-albertZdrave .box-calendar-wrap { margin:15px 0; } .ms-albertZdrave .box-calendar-item-content, .ms-albertZdrave .box-calendar-all-item-content { position:absolute; left:0; top:0; bottom:0; right:0; z-index:-1; } .ms-albertZdrave .box-calendar-item.old .box-calendar-item-content { z-index:1; left:inherit; top:inherit; right:30px; bottom:19px; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-content { z-index:2; } .ms-albertZdrave .box-calendar-item-info { position:absolute; top:100%; margin-top:40px; right:0; font-size:25px; line-height:1; color:#81b031; padding-right:54px; text-transform:uppercase; } .ms-albertZdrave .box-calendar-item .box-calendar-item-inner { margin:5%; position:relative; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-inner { margin:0; } .box-calendar-item-info:after { content:""; display:block; right:15px; top:0; width:35px; height:35px; position:absolute; background:url('/-a108121---NQ0Cqs43/text-image') no-repeat center top; background-size:contain; } .ms-albertZdrave .box-calendar-item-day, .ms-albertZdrave .box-calendar-all-item-day { font-family: "FutureCEBold"; color:rgba(185,208,147,0.9); font-size:33vw; line-height:1; text-align:center; margin-top:28vw; } .ms-albertZdrave .box-calendar-item-month, .ms-albertZdrave .box-calendar-all-item-month { font-family: "FutureMedium"; font-size:36px; text-align:center; line-height:20px; color:rgba(185,208,147,0.9); margin-top:7vw; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-day { color:#ffffff; font-size:41vw; line-height:1; text-align:center; margin-top:28vw; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-month { font-size:50px; text-align:center; line-height:20px; color:#ffffff; } .ms-albertZdrave .box-calendar-item.old .box-calendar-item-day { color:#81b031; font-size:36px; line-height:29px; text-align:center; margin-top:0; display:inline-block; } .ms-albertZdrave .box-calendar-item.old .box-calendar-item-month { font-size:36px; text-align:center; line-height:29px; color:#ffffff; display:inline-block; color:#81b031; font-family: "FutureCEBold"; } .ms-albertZdrave .box-calendar .bx-controls-wrap a { position:absolute; top:50%; width:50px; height:50px; display:block; z-index:10; text-indent:99999px; overflow:hidden; transform:translateY(-130%); background-size:contain!important; } .ms-albertZdrave .box-calendar .bx-controls-wrap a.disabled { display:none; } .ms-albertZdrave .box-calendar .bx-controls-wrap .bx-prev { background:url('/-a108119---y1Fcorac/arrow-left') no-repeat center top; left:10px; } .ms-albertZdrave .box-calendar .bx-controls-wrap .bx-next { background:url('/-a108120---bYZZ_m1q/arrow-right') no-repeat center top; right:10px; left:inherit; } .ms-albertZdrave .box-calendar-all-item { position:relative; } .ms-albertZdrave .box-calendar-all-item-content { z-index:0; } .ms-albertZdrave .box-calendar-all-item-inner img { box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); } .ms-albertZdrave .box-calendar-all-item-inner { padding:10px; } .ms-albertZdrave .box-calendar-all-item-day { font-size: 30vw; margin-top: 33.5vw; } .ms-albertZdrave .box-calendar-all-item.old .box-calendar-all-item-day { color:#b9d093; text-shadow:0 0 3px rgba(0,0,0,0.8); } .ms-albertZdrave .box-calendar-all-item.active .box-calendar-all-item-day { color:#ffffff; } .ms-albertZdrave .box-calendar-all-item-month { font-size: 30px; margin-top: 9vw; } .ms-albertZdrave .box-calendar-all-item.old .box-calendar-all-item-month { color:#b9d093; text-shadow:0 0 3px rgba(0,0,0,0.8); } .ms-albertZdrave .box-calendar-all-item.active .box-calendar-all-item-month { color:#ffffff; } .ms-albertZdrave .box-calendar-all-item-info { display:none; } .ms-albertZdrave .js-a-toggle-box { color:#1a9da1; font-size:18px; line-height:20px; font-family: "FutureCEBold"; text-decoration:underline; padding:0 10px 0px 10px; } @media (min-width:300px) { .ms-albertZdrave .box-calendar-all-item { width:33%; float:left; position:relative; } .ms-albertZdrave .box-calendar-all-item-day { font-size: 9vw; margin-top: 11.5vw; } .ms-albertZdrave .box-calendar-all-item-month { font-size: 19px; margin-top: 1vw; } } @media (min-width:370px) { .ms-albertZdrave .box-calendar-item.active .box-calendar-item-day { color:#ffffff; font-size:155px; line-height:1; text-align:center; margin-top:104px; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-month { font-size:50px; text-align:center; line-height:20px; color:#ffffff; margin-top:9px; } .ms-albertZdrave .box-calendar-item-day { font-family: "FutureCEBold"; color:rgba(185,208,147,0.9); font-size:120px; line-height:1; text-align:center; margin-top:105px; } .ms-albertZdrave .box-calendar-item-month { font-family: "FutureMedium"; font-size:36px; text-align:center; line-height:20px; color:rgba(185,208,147,0.9); } } @media (min-width:450px) { .ms-albertZdrave .box-calendar .bx-controls-wrap a { width:70px; height:70px; } } @media (min-width:670px) { .ms-albertZdrave .box-calendar-body { margin-top:37px; } .ms-albertZdrave .box-calendar-item-day { font-size:126px; line-height:1; margin-top:103px; } .ms-albertZdrave .box-calendar-item-month { font-size:36px; line-height:20px; margin-top:20px; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-day { font-size:170px; line-height:1; margin-top:99px; } .ms-albertZdrave .box-calendar-item.active .box-calendar-item-month { font-size:40px; line-height:20px; } .ms-albertZdrave .box-calendar .bx-controls-wrap a { transform:translateY(-50%); margin-top:-40px; } .ms-albertZdrave .box-calendar-all-item { width:25%; float:left; position:relative; } .ms-albertZdrave .box-calendar-all-item-day { font-size: 7vw; margin-top: 9vw; text-shadow:0 0 3px rgba(0,0,0,0.8); } .ms-albertZdrave .box-calendar-all-item-month { font-size: 24px; margin-top: 1vw; text-shadow:0 0 3px rgba(0,0,0,0.8); } } @media (min-width:960px) { .ms-albertZdrave .box-calendar-all { max-width:960px; margin:0 auto; } .ms-albertZdrave .box-calendar-all-item-day { font-size: 79px; margin-top: 83px; text-shadow:0 0 3px rgba(0,0,0,0.8); } .ms-albertZdrave .box-calendar-all-item-month { font-size: 30px; margin-top: 20px; text-shadow:0 0 3px rgba(0,0,0,0.8); } .ms-albertZdrave .js-a-toggle-box { padding-left:40px; } } @media (min-width:1558px) { .ms-albertZdrave .box-calendar .bx-controls-wrap .bx-prev { left:0; margin-left:-50px; } .ms-albertZdrave .box-calendar .bx-controls-wrap .bx-next { right:0; left:inherit; margin-right:-50px; } } /*** box-banner **********************************/ .ms-albertZdrave .box-banner-desktop { display:none; } .ms-albertZdrave .box-banner-desktop { display:none; } @media (min-width:751px) { .ms-albertZdrave .box-banner-desktop { display:block; } .ms-albertZdrave .box-banner-mobile { display:none; } } /*** box-photoCompetition **********************************/ .ms-albertZdrave .box-photoCompetition { background:#fefdfc url('/-a108165---NNpSh-11/bg-competition-m') no-repeat center top; text-align:center; } .ms-albertZdrave .box-photoCompetition .box-photoCompetition-header .box-photoCompetition-title { font-size: 38px; line-height: 50px; color:#1a9da1; } .ms-albertZdrave .box-photoCompetition-content { padding:65px 20px 20px; } .ms-albertZdrave .box-photoCompetition-body { font-size:23px; line-height:37px; color:#4c4c4c; font-family: "FutureCEBold"; padding-top:40px; } .ms-albertZdrave .box-photoCompetition-perex { font-size:23px; line-height:37px; color:#4c4c4c; font-family: "FutureMedium"; padding-top:37px; } .ms-albertZdrave .box-photoCompetition-wrap .box-photoCompetition-wrap-title { font-size:40px; line-height:50px; color:#1a9da1; } .ms-albertZdrave .box-photoCompetition-instagram { position:relative; margin:304px 0 0; background-color:#ffffff; box-shadow:0 11px 30px 7px rgba(26,157,161,0.3); } .ms-albertZdrave .box-photoCompetition-instagram-image { position:absolute; top:-314px; left:0; right:0; margin:0 auto; max-width:80%; } .ms-albertZdrave .box-photoCompetition-instagram-content { padding:43px 20px; } .ms-albertZdrave .box-photoCompetition-instagram-body { font-size:20px; line-height:29px; color:#4c4c4c; margin-top:20px; word-break:break-word; } .ms-albertZdrave .box-photoCompetition-instagram-body strong { font-family: "FutureCEBold"; color:#1a9da1; } .ms-albertZdrave .box-photoCompetition-divider { font-size:35px; line-height:45px; color:#4c4c4c; display:block; margin-top:20px; margin-bottom:20px; } .ms-albertZdrave .box-photoCompetition-photo { position:relative; background-color:#ffffff; box-shadow:0 11px 30px 7px rgba(26,157,161,0.3); } .ms-albertZdrave .box-photoCompetition-photo-content { padding:43px 20px 100px; } .ms-albertZdrave .box-photoCompetition-photo-image { position:absolute; bottom:-236px; left:0; right:0; margin:0 auto; max-width:80%; } .ms-albertZdrave .box-photoCompetition-photo-title { font-size:30px; line-height:40px; color:#1a9da1; margin-top:28px; font-family: "FutureCEBold"; } .ms-albertZdrave .box-photoCompetition-photo-button { margin-top:52px; } .ms-albertZdrave .box-photoCompetition-bottom-content { padding:283px 30px 20px; } .ms-albertZdrave .box-photoCompetition-bottom strong { font-family: "FutureCEBold"; } .ms-albertZdrave .box-photoCompetition-bottom .ul-dot li { padding-left:34px; } .ms-albertZdrave .box-photoCompetition-bottom .ul-dot li:before { background-color:#e96027; width:16px; height:16px; border-radius:8px; } .ms-albertZdrave .box-photoCompetition-bottom .ul-dot ul { text-align:left; } .ms-albertZdrave .box-photoCompetition-bottom em { color:#e96027; font-style:normal; } .ms-albertZdrave .box-photoCompetition-price { padding-top:93px; } .ms-albertZdrave .box-photoCompetition-instagram-icon, .ms-albertZdrave .box-photoCompetition-photo-icon { max-width:60px; } @media (min-width:450px) { .ms-albertZdrave .box-photoCompetition-instagram-content { padding:128px 20px 50px; } .ms-albertZdrave .box-photoCompetition-photo-content { padding:43px 20px 100px; } .ms-albertZdrave .box-photoCompetition-instagram-image { max-width:320px; top:-234px; } .ms-albertZdrave .box-photoCompetition-photo-image { max-width:320px; } } @media(min-width:730px) { .ms-albertZdrave .box-photoCompetition .box-photoCompetition-header .box-photoCompetition-title { font-size: 50px; line-height: 60px; color:#1a9da1; } .ms-albertZdrave .box-photoCompetition-instagram-body { font-size:25px; line-height:36px; color:#4c4c4c; margin-top:20px; } .ms-albertZdrave .box-photoCompetition-photo-button { padding:0 64px; } } @media(min-width:751px) { .ms-albertZdrave .box-photoCompetition { background:#fefdfc url('/-a109652---_UZfVoyX/bg-competition2') no-repeat center bottom; text-align:center; } .ms-albertZdrave .box-photoCompetition-content { padding:65px 20px 51px; } .ms-albertZdrave .box-photoCompetition-body { font-size: 24px; line-height: 30px; padding-top:45px; } .ms-albertZdrave .box-photoCompetition-wrap .box-photoCompetition-wrap-title { font-size: 36px; line-height: 45px; padding-top:63px; } .ms-albertZdrave .box-photoCompetition-wrap { text-align:center; } .ms-albertZdrave .box-photoCompetition-instagram, .ms-albertZdrave .box-photoCompetition-photo { display:inline-block; width:295px; vertical-align:top; margin-top:47px; min-height:565px; } .ms-albertZdrave .box-photoCompetition-instagram-image { max-width: 198px; left: -30px; top: -137px; right: inherit; margin: 0; } .ms-albertZdrave .box-photoCompetition-instagram-content, .ms-albertZdrave .box-photoCompetition-photo-content { padding:43px 15px 15px; } .ms-albertZdrave .box-photoCompetition-divider { display:inline-block; width:90px; vertical-align:top; padding-top:218px; } .ms-albertZdrave .box-photoCompetition-instagram-icon, .ms-albertZdrave .box-photoCompetition-photo-icon { max-width:53px; } .ms-albertZdrave .box-photoCompetition-instagram-body { font-size:20px; line-height:30px; } .ms-albertZdrave .box-photoCompetition-photo-title { font-size:36px; line-height:45px; margin-top:15px; } .ms-albertZdrave .box-photoCompetition-photo-button { margin-top:41px; padding:0; } .ms-albertZdrave .box-photoCompetition-photo-button a { min-width:228px; } .ms-albertZdrave .box-photoCompetition-photo-image { max-width: 250px; bottom: -32px; left: inherit; margin: 0; right: -6px; } .ms-albertZdrave .box-photoCompetition-bottom { font-size:20px; line-height:24px; } .ms-albertZdrave .box-photoCompetition-bottom-content { padding-top:36px; } .ms-albertZdrave .box-photoCompetition-bottom ul { display:inline-block; margin-left:15%; } .ms-albertZdrave .box-photoCompetition-price { margin-top:15px; max-width:1100px; margin:15px auto 0; padding-top:0; } .ms-albertZdrave .box-photoCompetition-item { float:left; width:33.33%; } .ms-albertZdrave .box-photoCompetition-item img { max-height:392px; } } @media(min-width:1095px) { .ms-albertZdrave .box-photoCompetition-bottom-content { padding-top: 50px; } .ms-albertZdrave .box-photoCompetition-divider { width:160px; } .ms-albertZdrave .box-photoCompetition-instagram, .ms-albertZdrave .box-photoCompetition-photo { width:362px; min-height:565px; } .ms-albertZdrave .box-photoCompetition-instagram-body { font-size:24px; line-height:32px; } .ms-albertZdrave .box-photoCompetition-photo-button { padding:0 64px; } .ms-albertZdrave .box-photoCompetition-instagram-image { max-width: 300px; left: -30px; top: -236px; right: inherit; margin: 0; } .ms-albertZdrave .box-photoCompetition-photo-image { bottom: -49px; left: inherit; margin: 0; right: -26px; max-width: 300px; } } /*** mfp-albert-zdrave *****************/ .ms-albertZdrave .mfp-albert-zdrave.mfp-bg { opacity:0; } .ms-albertZdrave .mfp-albert-zdrave .mfp-container { width:90%; padding:0; } .ms-albertZdrave .mfp-albert-zdrave-popup { position:relative; box-shadow:0 0px 10px 2px rgba(0,0,0,0.2); } .ms-albertZdrave .mfp-albert-zdrave-popup:after, .ms-albertZdrave .mfp-albert-zdrave-popup:before { content:""; display:block; position:absolute; background-size:contain!important; } .ms-albertZdrave .mfp-albert-zdrave-popup:after { background:url('/-a107948---2fkoigZx/mfp-bottom') no-repeat center; bottom:0; right:0; width:110px; height:176px; display:none; } .ms-albertZdrave .mfp-albert-zdrave-popup:before { background:url('/-a107947---9g48Vh-b/mfp-top') no-repeat center; top:0; left:0; width:80px; height:101px; display:none; } .ms-albertZdrave .mfp-albert-zdrave-popup { width:100%; max-width:100%; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup { padding:146px 15px 40px; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-title { color:#7a7879; font-family: "FutureCEBold"; font-size:32px; line-height:40px; text-transform:uppercase; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-subtitle { color:#7a7879; font-size:22px; line-height:27px; font-family: "FuturaBook"; text-transform:uppercase; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-body { color:#7a7879; font-size:20px; line-height:24px; font-family: "FuturaBook"; text-align:left; padding:40px 0; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-image { padding-top:75px; } .ms-albertZdrave .mfp-albert-zdrave .mfp-close { position:absolute; display:block; width:70px; height:70px; text-indent:9999px; overflow:hidden; right:0; top:0; background:#23a1a5 url('/-a107946---WVA5gzmW/mfp-close') no-repeat center; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-body strong { font-family: "FutureCEBold"; } @media (min-width:751px) { .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup-body { padding:80px 90px 0 36px; } } @media (min-width:1124px) { .ms-albertZdrave .mfp-albert-zdrave .mfp-container { width:900px; } .ms-albertZdrave .mfp-albert-zdrave .mfp-albert-zdrave-popup { padding:146px 104px 153px; } .ms-albertZdrave .mfp-albert-zdrave-popup:after { width:165px; height:306px; display:block; } .ms-albertZdrave .mfp-albert-zdrave-popup:before { width:185px; height:234px; display:block; } } /*** mfp-albert-zdrave-calendar *****************/ .ms-albertZdrave .mfp-albert-zdrave-calendar { visibility:hidden; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup { padding:0; text-align:left; background-color:#ffffff; min-height:300px; position:relative; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup:before { display:none; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image img { /*width:100%;*/ } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery { position:relative; display:none; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery-item { max-width:100%; /*width:100%!important;*/ } .ms-albertZdrave .mfp-albert-zdrave-popup-header-image-gallery .bx-viewport { max-width:100%!important; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery .bx-controls-direction a { position:absolute; top:50%; width:50px!important; height:50px!important; display:block; z-index:10; text-indent:99999px; overflow:hidden; transform:translateY(-50%); background-size:contain!important; margin:0!important; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery .bx-prev { background:url('/-a108119---y1Fcorac/arrow-left') no-repeat center top; left:10px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery .bx-next { background:url('/-a108120---bYZZ_m1q/arrow-right') no-repeat center top; right:10px; left:inherit; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery .bx-wrapper { padding:0; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery .bx-pager { bottom:0px; text-align:right; color:#23a1a5; font-size:15px; padding:0 15px; display:inline-block; right: 0px; background-color:rgba(255,255,255,0.5); width:auto; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-text-content { padding:20px 20px 20px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-left-content, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-right-content, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-bottom-content, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-middle-content{ padding:30px 20px; font-size:18px; line-height:24px; color:#7a7879; font-family: "OpenSans"; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-left-title, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-right-title, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-bottom-title { text-transform:none; padding-bottom:19px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-left-title { margin-bottom:20px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-body { font-size:18px; color:#7a7879; line-height:24px; font-family: "OpenSans"; padding-top:20px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text { position:relative; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header { background-color:#f2f2f2; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-share { margin-top:0px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-social { display:none; padding:10px 20px 20px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-print-item { display:inline-block; width:55px; height:55px; font-size:14px; color:#7a7879; font-family: "FutureMedium"; text-align:center; text-decoration:none; float:right; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-print-item span { display:block; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-print-item:before { display:inline-block; width:27px; height:28px; content:""; background:url('/-a108232---CVoKXMvl/print') no-repeat center; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-share-item { display:inline-block; vertical-align:top; } @media (min-width:751px) { .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image-gallery-item { max-width:448px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-social { display:block; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image { float:left; width:40%; padding:0 30px 0 0; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-left-title { margin-bottom:39px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text:before { background:url('/-a107947---9g48Vh-b/mfp-top') no-repeat center; top:0; left:0; width: 104px; height: 140px; position:absolute; content:""; display:block; background-size:contain; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup:after { width: 110px; height: 176px; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body { text-align:center; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body .module-image-text { display:inline-block; text-align:left; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body .module-image-text-image, .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body .module-image-text-wrqp { display:inline-block; float:none; vertical-align:top; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body .module-image-text-wrap-content { padding:64px 0 0 30px; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-body .module-image-text h5 { font-size: 27px; line-height: 34px; color: #7a7879; margin-bottom: 10px; margin-top: 10px; font-family: "FutureCEBold"; padding: 0 0 20px; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-bottom-content { padding-top:20px!important; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-left-content { padding:20px 30px 20px 110px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-right-content { padding:20px 30px 20px 110px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-bottom-content, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-middle-content { padding:20px 110px 40px; } } @media (min-width:1124px) { .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-container { width:1120px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-image { width:40%; padding:0; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-text-content { padding:20px 20px 20px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-header-text { padding:42px 40px 42px 40px; float:left; width:60%; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-left { float:left; width:43%; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-right { float:left; width:57%; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-middle { float:left; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-exercises .mfp-albert-zdrave-popup-text-left { width:60%; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-exercises .mfp-albert-zdrave-popup-text-right { width:40%; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-photo .mfp-albert-zdrave-popup-text-left { width:55%; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-photo .mfp-albert-zdrave-popup-text-right { width:45%; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-dayTip .mfp-albert-zdrave-popup-text-left { width:45%; } .ms-albertZdrave .mfp-albert-zdrave-popup-text-dayTip .mfp-albert-zdrave-popup-text-right { width:55%; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-left-content { padding:40px 30px 40px 110px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-right-content { padding:40px 110px 40px 30px; } .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-bottom-content, .ms-albertZdrave .mfp-albert-zdrave-calendar .mfp-albert-zdrave-popup-text-middle-content { padding:40px 120px 40px; } } /*** mfp-popup-day-slider *****************************/ .ms-albertZdrave .mfp-popup-day-slider .bx-viewport { max-width:100%!important; } .ms-albertZdrave .mfp-popup-day-slider .bx-controls-direction a.disabled { display:none; } .ms-albertZdrave .mfp-popup-day-slider .bx-controls-direction { text-align:center; } .ms-albertZdrave .mfp-popup-day-slider .bx-controls-direction a { width:50px; height:50px; display:inline-block; text-indent:99999px; overflow:hidden; background-size:contain!important; position:static; margin:10px 15px; } .ms-albertZdrave .mfp-popup-day-slider .bx-prev { background:url('/-a108119---y1Fcorac/arrow-left') no-repeat center top; } .ms-albertZdrave .mfp-popup-day-slider .bx-next { background:url('/-a108120---bYZZ_m1q/arrow-right') no-repeat center top; left:inherit; } .ms-albertZdrave .mfp-popup-day-slider .bx-wrapper { padding:0; border:0; margin:0; } .ms-albertZdrave .mfp-popup-day-slider .bx-pager { bottom:0px; text-align:right; color:#23a1a5; font-size:15px; padding:0 15px; display:inline-block; right: 0px; background-color:rgba(255,255,255,0.5); width:auto; } @media(min-width:751px) { .ms-albertZdrave .mfp-popup-day-slider .bx-prev { left:-35px; } .ms-albertZdrave .mfp-popup-day-slider .bx-next { right:-35px; } .ms-albertZdrave .mfp-popup-day-slider .bx-controls-direction a { position:absolute; top:50%; z-index:10; transform:translateY(-50%); margin:0; width:70px!important; height:70px!important; } } /*** mfp-albert-zdrave-upload **********************************/ .ms-albertZdrave .mfp-albert-zdrave-upload .mfp-albert-zdrave-popup { padding:137px 20px; } @media(min-width:1060px) { .ms-albertZdrave .mfp-albert-zdrave-upload .mfp-container { width:900px; } .ms-albertZdrave .mfp-albert-zdrave-upload .mfp-albert-zdrave-popup { padding:141px 34px; } } /*** box-photoCompetition-form **********************************/ .ms-albertZdrave .box-photoCompetition-form { max-width:562px; margin:0 auto; } .ms-albertZdrave .box-photoCompetition-form-title { font-size:30px; color:#7a7879; line-height:40px; } .ms-albertZdrave .box-photoCompetition-form-perex { font-size:20px; color:#7a7879; line-height:25px; font-family: "FuturaBook"; padding-top:6px; } .ms-albertZdrave .box-photoCompetition-form-section1 { text-align:center; margin-top:74px; } .ms-albertZdrave .box-photoCompetition-form-image { width:180px; height:180px; background:url('/-a108175---s9ZP0V3_/bg-image') no-repeat center; background-size:cover; position:relative; display:inline-block; vertical-align:top; background-size:contain; } .ms-albertZdrave .box-photoCompetition-form-imagInfo-upload-info { font-size:17px; line-height:30px; color:#7a7879; font-family:"FuturaBook"; text-transform:lowercase; padding:0; width:100%; } .ms-albertZdrave .box-photoCompetition-form-imagInfo-change, .ms-albertZdrave .box-photoCompetition-form-imagInfo-upload { font-size:22px; line-height:24px; color:#1a9da1; font-family:"FuturaBook"; text-transform:lowercase; text-decoration:underline; cursor:pointer; display:block; } .ms-albertZdrave .box-photoCompetition-form-imagInfo-change { display:none; } .ms-albertZdrave .box-photoCompetition-form-imagInfo.hasImage .box-photoCompetition-form-imagInfo-change { display:block; } .ms-albertZdrave .box-photoCompetition-form-imagInfo.hasImage .box-photoCompetition-form-imagInfo-upload { display:none; } .ms-albertZdrave .box-photoCompetition-form-imagInfo-input { display:none; } .ms-albertZdrave .box-photoCompetition-form-error { color:red!important; padding:5px 0 10px; font-family:"FuturaBook"; font-size:15px; line-height:18px; display:block; } .ms-albertZdrave .form-first-load .box-photoCompetition-form-error { display:none; } .ms-albertZdrave .box-photoCompetition-form-input-label-error { /* color:red!important;*/ } .ms-albertZdrave .box-photoCompetition-form-image-img { background-size:cover; background-position:center center; background-repeat:no-repeat; top: 25px; left: 25px; bottom: 25px; right: 25px; position:absolute; } .ms-albertZdrave .box-photoCompetition-form-image-img:before, .ms-albertZdrave .box-photoCompetition-form-image-img:after { content:""; display:block; position:absolute; } .ms-albertZdrave .box-photoCompetition-form-image-img:before { top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); z-index:3; } .ms-albertZdrave .box-photoCompetition-form-image-img:after { width:56px; height:56px; top:50%; left:0; right:0; margin:0 auto; transform:translateY(-50%); background:url('/-a108174---siaYEvoZ/icon-image') no-repeat center; z-index:5; background-size:cover; } .ms-albertZdrave .box-photoCompetition-form-imagInfo { width:247px; display:inline-block; vertical-align:top; text-align:left; padding-left:19px; padding-top:58px; } .ms-albertZdrave .box-photoCompetition-form-input-input{ width:100%; height:50px; line-height:50px; border:2px solid #7a7879; border-radius:5px; background-color:#ffffff; padding:0 25px; font-size:15px; color:#7a7879; font-family:"FuturaBook"; } .ms-albertZdrave .box-photoCompetition-form-input-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#7a7879; } .ms-albertZdrave .box-photoCompetition-form-input-input::-moz-placeholder { /* Firefox 19+ */ color:#7a7879; } .ms-albertZdrave .box-photoCompetition-form-input-input:-ms-input-placeholder { /* IE 10+ */ color:#7a7879; } .ms-albertZdrave .box-photoCompetition-form-input-input:-moz-placeholder { /* Firefox 18- */ color:#7a7879; } .ms-albertZdrave .box-photoCompetition-form-inputs:nth-child(even) .box-photoCompetition-form-input-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#23a1a5; } .ms-albertZdrave .box-photoCompetition-form-inputs:nth-child(even) .box-photoCompetition-form-input-input::-moz-placeholder { /* Firefox 19+ */ color:#23a1a5; } .ms-albertZdrave .box-photoCompetition-form-inputs:nth-child(even) .box-photoCompetition-form-input-input:-ms-input-placeholder { /* IE 10+ */ color:#23a1a5; } .ms-albertZdrave .box-photoCompetition-form-inputs:nth-child(even) .box-photoCompetition-form-input-input:-moz-placeholder { /* Firefox 18- */ color:#23a1a5; } .ms-albertZdrave .box-photoCompetition-form-inputs:nth-child(even) .box-photoCompetition-form-input-input { border:2px solid #23a1a5; color:#23a1a5; } .ms-albertZdrave .box-photoCompetition-form-input-label { font-size:20px; line-height:25px; color:#7a7879; font-family:"FutureCEBold"; display:block; text-align:center; padding:25px 10px 8px; } .ms-albertZdrave .box-photoCompetition-form-section2 { padding-top:61px; } .ms-albertZdrave .box-photoCompetition-form-infoRqquire { font-size:25px; line-height:30px; color:#7a7879; font-family:"FuturaBook"; text-align:left; padding-top:26px; } .ms-albertZdrave .box-photoCompetition-form-infoConsent { color:#7a7879; font-size:36px; line-height:45px; text-align:center; font-family:"FuturaBook"; padding-top:39px; display:none; } .ms-albertZdrave .box-photoCompetition-form-checkbox { position:relative; text-align:left; padding-left:40px; padding-top:26px; padding-bottom:0; } .ms-albertZdrave .box-photoCompetition-form-checkbox input[type="checkbox"]{ display:none; } .ms-albertZdrave .box-photoCompetition-form-checkbox-text { font-size:15px; color:#7a7879; line-height:20px; font-family:"FuturaBook"; } .ms-albertZdrave .box-photoCompetition-form-checkbox-label { display:block; width:30px; height:30px; position:absolute; top:31px; left:0; background:url('/-a108176---BQ6OGMNx/form-unchecked') no-repeat center; background-size:contain; } .ms-albertZdrave .box-photoCompetition-form-checkbox input[type="checkbox"]:checked + .box-photoCompetition-form-checkbox-label:after { content:""; display:block; width:15px; height:11px; position:absolute; top:50%; left:0; right:0; margin:0 auto; transform:translateY(-50%); z-index:4; background:url('/-a108177---aU2OOheM/form-checked') no-repeat center; } .ms-albertZdrave .box-photoCompetition-form-section3 { padding-top:23px; } .ms-albertZdrave .box-photoCompetition-form-section4 { padding-top:70px; } @media(max-width:750px) { .ms-albertZdrave .box-photoCompetition-form-section4 button { max-width:535px; width:100%; margin:0 auto; } } @media(min-width:751px) { .ms-albertZdrave .box-photoCompetition-form-checkbox-label { display:block; width:44px; height:44px; } .ms-albertZdrave .box-photoCompetition-form-checkbox-text { font-size:22px; line-height:27px; } .ms-albertZdrave .box-photoCompetition-form-checkbox { padding-left:63px; margin-bottom:20px; } .ms-albertZdrave .box-photoCompetition-form-title { font-size:32px; line-height:40px; } .ms-albertZdrave .box-photoCompetition-form-perex { font-size:21px; line-height:26px; } .ms-albertZdrave .box-photoCompetition-form-infoConsent { color:#7a7879; font-size:22px; line-height:27px; text-align:center; font-family:"FuturaBook"; display:block; } .ms-albertZdrave .box-photoCompetition-form-infoRqquire { font-size:22px; line-height:27px; color:#7a7879; font-family:"FuturaBook"; text-align:left; padding-top:15px; } .ms-albertZdrave .box-photoCompetition-form-image { width:173px; height:173px; } .ms-albertZdrave .box-photoCompetition-form-imagInfo-change, .ms-albertZdrave .box-photoCompetition-form-imagInfo-upload { font-size: 22px; line-height: 27px; } .ms-albertZdrave .box-photoCompetition-form-image-img:after { width:37px; height:37px; } .ms-albertZdrave .box-photoCompetition-form-section1 { margin-top:118px; } .ms-albertZdrave .box-photoCompetition-form-imagInfo { padding-top:42px; paddig-left:41px; } .ms-albertZdrave .box-photoCompetition-form-input-label { font-size: 22px; line-height: 27px; } .ms-albertZdrave .box-photoCompetition-form-input-input { height:60px; line-height:60px; font-size: 22px; padding:0 30px; } .ms-albertZdrave .box-photoCompetition-form-input-label { padding-top:29px; } .ms-albertZdrave .box-photoCompetition-form { max-width:465px; } .ms-albertZdrave .box-photoCompetition-form-infoConsent { padding-top:45px; } .ms-albertZdrave .box-photoCompetition-form-section3 { padding-top:0; } .ms-albertZdrave .box-photoCompetition-form-checkbox { padding-top:16px; } .ms-albertZdrave .box-photoCompetition-form-checkbox-label { top:20px; } .ms-albertZdrave .box-photoCompetition-form-section4 { padding-top:38px; } .ms-albertZdrave .box-photoCompetition-form-section4 button { max-width:384px; width:100%; margin:0 auto; } } /*** box-gallery **********************************/ .ms-albertZdrave .box-gallery { background-color:#fefdfc; } .ms-albertZdrave .box-gallery-title { padding-top:10px; } .ms-albertZdrave .box-gallery-images { margin-top:50px; } .ms-albertZdrave .box-gallery-image a { background-color:rgba(255,255,255,0.5); opacity:0; transition:opacity 500ms; } .ms-albertZdrave .box-gallery-image a:before { content:""; display:block; top:30%; left:20%; right:20%; bottom:10%; z-index:20; position:absolute; background: url('/-a109531---sZByewA5/galerie-hover-2') no-repeat center; background-size:contain; } .ms-albertZdrave .box-gallery-image a:hover { opacity:1; transition:opacity 500ms; } .ms-albertZdrave .box-gallery-image { width:50%; float:left; } @media(min-width:500px) { .ms-albertZdrave .box-gallery-image { width:33.33%; float:left; } } @media(min-width:751px) { .ms-albertZdrave .box-gallery-image { float:left; width:16.66%; } .ms-albertZdrave .box-gallery-title { padding-top:60px; } .ms-albertZdrave .box-gallery-image a { background-size:60%; } } /*** box-bio ***********************************/ .ms-albertZdrave .box-bio-header-image { background-color:#7aaa42; padding:10px 0; } .ms-albertZdrave .box-bio-header-image img { max-width:120px; } .ms-albertZdrave .box-bio-section { background:url('/-a108278---HztpL60j/bg-bio-d') no-repeat center top; text-align:center; background-size: cover; } .ms-albertZdrave .box-bio-section1-body, .ms-albertZdrave .box-bio-section2-body { font-size:17px; line-height:21px; } .ms-albertZdrave .box-bio-section1-body strong { font-family:"futureCEBold"; } .ms-albertZdrave .box-bio-section1-text { font-family: "OpenSans"; font-size:15px; line-height:18px; paddiong-top:10px; } .ms-albertZdrave .box-bio-section1-content { padding-top:50px; } .ms-albertZdrave .box-bio-section1-button a { background-color:#7aaa42; } .ms-albertZdrave .box-bio-section1-button { padding-top:30px; padding-bottom:30px; } .ms-albertZdrave .box-bio-section2-body { padding:40px 0 10px; } .ms-albertZdrave .box-bio-section2-wrap { position:relative; min-height:520px; text-align:center; } .ms-albertZdrave .box-bio-section2-item { max-width:220px; position:absolute; top:0; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(1) { z-index:3; left:0; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(2) { z-index:2; top:113px; right:0; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(3) { z-index:1; top:252px; left:0; } .ms-albertZdrave .box-bio .box-bio-section .box-bio-section2-title { color:#4c4c4c; } .ms-albertZdrave .box-bio-section1-products { margin-bottom:20px; margin-top:20px; } .ms-albertZdrave .box-bio-section1-product { max-width:100%; position:relative; margin-bottom:40px; } .ms-albertZdrave .box-bio-product-image { float:left; width:50%; } .ms-albertZdrave .box-bio-product-info { float:left; width:50%; margin-top:60px; } .ms-albertZdrave .box-bio-product-price { position:relative; top:inherit; right:inherit; left:-17px; width:146px; } .ms-albertZdrave .box-bio-product-info-content { padding:0 0 0 15px; } .ms-albertZdrave .box-bio-product-price .price-sticker-discount > span { display:inline-block; padding-top:5px; font-size:25px; } .ms-albertZdrave .box-bio-product-title { font-family: "OpenSans"; font-weight:bold; text-align:left; } .box-bio-product-description { text-align:left; font-size:15px; line-height:17px; padding-top:10px; } .ms-albertZdrave .box-bio .price-sticker-main { background-color:#fcc94a; padding:7px 17px; } @media (min-width:400px) { .ms-albertZdrave .box-bio .box-bio-section1-product { width:300px; margin-left:auto; margin-right:auto; } } @media (min-width:751px) { .ms-albertZdrave .box-bio-header-image { padding:25px 0; } .ms-albertZdrave .box-bio-product-title { font-size: 17px; line-height:20px; } .ms-albertZdrave .box-bio-header-image img { max-width:240px; } .ms-albertZdrave .box-bio-section1-body, .ms-albertZdrave .box-bio-section2-body { font-size:20px; line-height:24px; } .ms-albertZdrave .box-bio-section2-body { padding-top:22px; } .ms-albertZdrave .box-bio-section1-button { padding-top:30px; padding-bottom:60px; } .ms-albertZdrave .box-bio-section2-item { max-width:250px; position:relative; display:inline-block; top:0; right:inherit; left:inherit; vertical-align:top; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(1) { z-index:1; left:20px; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(2) { z-index:2; top:0; left:0; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(3) { z-index:3; top:0; left:-20px; } .ms-albertZdrave .box-bio-section2-wrap { min-height:410px; } .ms-albertZdrave .box-bio-section1-products { margin:20px auto; max-width:700px; } .ms-albertZdrave .box-bio .box-bio-section1-product { float:left; width:50%; margin-bottom:0; } .ms-albertZdrave .box-bio .box-bio-section1-product-content { padding:20px; } } @media (min-width:950px) { .ms-albertZdrave .box-bio-section1-products { margin:20px auto; max-width:900px; } .ms-albertZdrave .box-bio .box-bio-section1-product-content { padding:30px; } } @media (min-width:1060px) { .ms-albertZdrave .box-bio-section2-item { max-width:330px; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(1) { z-index:1; left:110px; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(2) { z-index:2; top:0; left:0; } .ms-albertZdrave .box-bio-section2-item:nth-of-type(3) { z-index:3; top:0; left:-70px; } .ms-albertZdrave .box-bio-section2-wrap { min-height:410px; } } /*** Toggle js **********************************/ .ms-albertZdrave .js-toggle-box, .ms-albertZdrave .toggle-box-content { max-height:0; overflow:hidden; transition: max-height; } .ms-albertZdrave .js-toggle-box-hide { display:none; width:80px; height:80px; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:101; margin-top:-63px; background:url('/-a107972---WnaaIKr2/hide-btn') no-repeat center; cursor:pointer; background-size:contain; } .ms-albertZdrave .js-toggle-box-hide.active { display:block; } .ms-albertZdrave .js-toggle-box.active, .ms-albertZdrave .toggle-box-content.active { max-height:9000px; transition:2s max-height; } .ms-albertZdrave .header-submenu.js-fixScroll-fixed { position:fixed; bottom:0; z-index:110; left:0; right:0; min-height:10px; background-size:cover!important; } .ms-albertZdrave .header-submenu.js-fixScroll-fixed .js-toggle-box-hide { width:60px; height:60px; margin-top:-28px; } @media (min-width:622px) { .ms-albertZdrave .js-toggle-box-hide { margin-top:-50px; } } @media (min-width:751px) { .ms-albertZdrave .header-submenu.js-fixScroll-fixed .js-toggle-box-hide { width:100px; height:100px; margin-top:-50px; } } .ms-albertZdrave .mfp-albert-zdrave-popup-load { position:fixed; display:block; width:32px; height:32px; top:50%; left:0; right:0; transform:translateY(-50%); z-index:3000; background:url('/-a7489---SW2UDaDE/loading') no-repeat center; background-size:contain; margin:0 auto; } .page-magazine { background:#ffffff none; } .page-magazine #header { background:none; background-color:#f5f4ee; } .page-magazine #tail { max-width:100%; box-shadow: 0 0 24px 0px rgba(0,0,0,0.2); } .page-magazine #header #contacts > li, .page-magazine #header #contacts > li a { color:#807f7f; } .page-magazine #main-frame { background: fixed url('/-a113677---jktzDRVc/bg') no-repeat top center; margin:44px 0 0 0; max-width:100%; min-height:600px; } .page-magazine .section-magazine { width:100%!important; } .page-magazine .section-magazine h2 { font-size:30px; line-height:35px; font-family:"FutureCEBold"; color:#000000; margin:15px 0 10px; } .page-magazine .section-magazine h2.subtitle { margin-bottom:0; } .page-magazine .section-magazine h3 { font-size:28px; line-height:32px; font-family:"FuturaTotLight"; color:#000000; margin:15px 0 10px; text-transform:uppercase; } .page-magazine .section-magazine h3.large { font-size:29px; line-height:34px; } .page-magazine .section-magazine h2.subtitle + h3 { margin-top:0; } .page-magazine .section-magazine h4 { font-size:25px; line-height:30px; font-family:"FuturaTotMedium"; color:#000000; margin:5px 0; text-transform:uppercase; } .page-magazine .section-magazine h5 { font-size:22px; line-height:28px; font-family:"FuturaTotMedium"; color:#000000; margin:5px 0; text-transform:uppercase; } .page-magazine .section-magazine h5 > span { display:block; font-family:"FuturaTotLight"; } @media (min-width:760px) { .page-magazine .section-magazine h2 { font-size:35px; line-height:40px; } .page-magazine .section-magazine h3 { font-size:30px; line-height:35px; } .page-magazine .section-magazine h3.large { font-size:32px; line-height:37px; } .page-magazine .section-magazine h4 { font-size:28px; line-height:33px; } .page-magazine .section-magazine h5 { font-size:25px; line-height:30px; } } @media (min-width:960px) { .page-magazine .section-magazine h2 { font-size:42px; line-height:50px; } .page-magazine .section-magazine h3 { font-size:38px; line-height:45px; } .page-magazine .section-magazine h3.large { font-size:40px; line-height:48px; } .page-magazine .section-magazine h4 { font-size:30px; line-height:36px; } .page-magazine .section-magazine h5 { font-size:28px; line-height:33px; } } #header-wrap.fixed #site-home { transition:all 200ms ease; } #header-wrap.fixed { position:fixed; top:0; left:0; right:0; z-index:500; } #header-wrap.fixed #header { height:auto; } #header-wrap.fixed #header { height:auto; } #header-wrap.fixed #site-home { left:30px; height:89px; width:80px; transition:all 300ms ease; } #header-wrap.fixed #site-home:after { background-size:cover!important; background-position:center; top:0; left:0; right:0; bottom:0; width:100%; height:100%; } .box-banner-recipes { min-height:243px; overflow:hidden; position:relative; } .box-banner-recipes .box-banner-recipes-overlay { position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-color:rgba(0,0,0,0.5); } @media (min-width: 760px) { .box-banner-recipes { height:290px; } } @media (min-width: 980px) { .box-banner-recipes { height:267px; } } @media (min-width: 1180px) { .box-banner-recipes { height:310px; } } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; position:absolute; bottom:20px; width:100%; z-inde:20; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { display: inline-block; overflow: hidden; text-indent: -999em; position: relative; z-index: 99; width: 14px; height: 14px; background:url('/-a3562---7_AE8IsQ/icons') no-repeat center center; background-position: -0px -70px; } .lSSlideOuter .lSPager.lSpg > li.active a { background-position: -14px -70px; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 28px; height: 43px; display: block; top: 50%; background:url('/-a3562---7_AE8IsQ/icons') no-repeat center center; cursor: pointer; position: absolute; z-index: 99; margin-top: -21px; opacity: 0.8; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { left:10px; /*background-position: -234px -570px;*/ background-position: -14px -397px; } .lSAction > .lSNext { right:10px; /*background-position: -256px -570px;*/ background-position: -43px -397px; } .lSAction > a.disabled { pointer-events: none; display:none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } @media(min-width:780px) { .lSAction > .lSPrev { left:10px; background-position: -14px -397px; } .lSAction > .lSNext { right:10px; background-position: -43px -397px; } .lSAction > a { display:block; } } .mapa , .mapa .smap, .mapa .smap * { box-sizing: content-box; } .mapa { font-size:14px; line-height:19px; color:#333333; } @media(max-width:767px) { .smap .info-window-content { font-size:12px; line-height:14px; } .smap .info-window-content .as-h { font-size:15px; line-height:22px; } } .mailkit_instance .mailkit_error:after, .mailkit_instance .mailkit_error:before, .mailkit_instance .mailkit_success:after, .mailkit_instance .mailkit_success:before, .mailkit_instance.mailkit_bottombar form:after, .mailkit_instance.mailkit_topbar .mailkit_submit:after { clear: both; } .mailkit_instance b, .mailkit_instance strong { font-weight: 500; } #mailkit_overlay_msg { display:none!important; } .mailkit_email_info_box { display:none; } .mailkit-form__custom--send .mailkit_email_form_box, .mailkit-form__custom--send .mailkit_email_header_box { display:none; } .mailkit-form__custom--send .mailkit_email_info_box { display:block; } .mailkit_popout_close_button { position: absolute; right: 5px; top: 8px; width: 22px; height: 22px; cursor: pointer; z-index: 1; } .mailkit_instance .mailkit_email { text-align:center; } .mailkit_popout_close_button::after, .mailkit_popout_close_button::before { position: absolute; left: 10px; content: " "; height: 22px; width: 2px; background-color: #999; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .mailkit_popout_close_button:hover::after, .mailkit_popout_close_button:hover::before { background-color: #0f0f0f; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .mailkit_popout_close_button::before { transform: rotate(45deg); } .mailkit_popout_close_button::after { transform: rotate(-45deg); } .mailkit_instance.mailkit_bottombar label, .mailkit_instance.mailkit_topbar label { margin-bottom: 0; } .mailkit_instance { display: none; position: relative; color: #666; font-size: 15px; margin: 0 auto; padding: 0; font-family: "TradeGothicLTPro", Arial, sans-serif; } .mailkit_instance label { display: none; } .mailkit_instance form { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mailkit_instance .mailkit_submit { margin-top: 10px; } .mailkit_instance .mailkit_submit button { cursor:pointer; } .mailkit_instance.mailkit_inline { display: block; width: 100%; max-width: 500px; } .mailkit_instance .error { margin: 5px 0 10px; } .mailkit_instance .hint { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 3px; color: #b94a48; display: none; font-size: 14px; opacity: 1; padding: 3px 10px; visibility: visible; position: relative; margin-top:6px; } .mailkit_instance .hint::after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 100%; content: ""; height: 0; right: 22px; position: absolute; width: 0; } .mailkit_instance .hint a { color: #b94a48; text-decoration: underline; } .mailkit_instance form > div { width: 100%; position: relative; } .mailkit_instance form > div > .mailkit_label, .mailkit_instance form > div > label { color: #333; display: inline-block; font-weight: bolder; padding: 5px 0; width: 30%; position: relative; } .mailkit_ie .mailkit_instance form > div > .mailkit_label, .mailkit_ie .mailkit_instance form > div > label { top: -5px; } label[for="email_topbar"] { top: 0 !important; } .mailkit_instance form > div > .mailkit_input_wrap { text-align: left; } .mailkit_instance .eac-input-wrap, .mailkit_instance form input[type="password"], .mailkit_instance form input[type="text"], .mailkit_instance form > div > .mailkit_input_wrap { width: 100%; display: inline-block; } .mailkit_instance form input[type="password"], .mailkit_instance form input[type="text"] { color: #333; margin: 5px auto; padding: 3px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; font-weight: 400; font-size: 16px; border: 1px solid #ccc; border-radius: 3px; position:static!important; } .mailkit_instance.mailkit_inline .mailkit_email_label, .mailkit_instance.mailkit_instance_bar_pop .mailkit_email_label, .mailkit_instance.mailkit_popout .mailkit_email_label, .mailkit_instance.mailkit_slideout .mailkit_email_label { padding: 9px 0; position: relative; } .mailkit_instance .eac-input-wrap { padding: 0; position: relative!important; height: auto; } .mailkit_instance .eac-cval, .mailkit_instance .eac-input-wrap input[type="text"], .mailkit_instance .eac-sugg { position: absolute; line-height: 20px; font-weight: 400; } .mailkit_instance .eac-sugg { color: #bbb; display: block; box-sizing: content-box; height: 47px; font-size: 16px; top: 0; left: 78px; z-index: 99999; padding-top: 0; line-height:47px; padding-left:28px; font-family: "TradeGothicLTPro", Arial, sans-serif; display:none!important; } #mailkit_overlay, #mailkit_overlay_bar, #mailkit_overlay_msg { height: 100%; background-color: rgba(22, 22, 22, 0.3); opacity: 0; width: 100%; } .mailkit_instance .eac-cval { visibility: hidden; left: 0; display: inline-block; padding-left: 2px; padding-top: 6px; font-size: 16px; } .mailkit_instance .eac-input-wrap input[type="text"] { margin: 0; width: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: 1px solid #ccc; border-radius: 3px; } #mailkit_overlay, #mailkit_overlay_bar { position: fixed; top: 0; left: 0; z-index: 999; } #mailkit_overlay_msg { position: fixed; top: 0; left: 0; z-index: 9999; } .mailkit_instance.mailkit_bottombar, .mailkit_instance.mailkit_topbar { background: #910e15; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); color: #fff; left: 0; padding: 0; position: fixed; width: 100%; } .mailkit_instance.mailkit_topbar { top: 0; z-index: 99999; } .mailkit_instance.mailkit_bottombar { bottom: 0; z-index: 99999; } .mailkit_instance.mailkit_bottombar form, .mailkit_instance.mailkit_topbar form { background: 0 0; border: 0; border-radius: 0; color: #fff; display: block; margin: 0; padding: 5px 0; position: relative; width: 100%; } .mailkit_bottombar form > div, .mailkit_topbar form > div { display: none; } .mailkit_bottombar form > div.mailkit_email, .mailkit_topbar form > div.mailkit_email { display: inline-block; width: 95%; max-width: 850px; overflow: visible; } .mailkit_instance.mailkit_bottombar form > div.mailkit_submit, .mailkit_instance.mailkit_topbar form > div.mailkit_submit { display: inline-block !important; width: auto !important; margin: 5px 10px; } .mailkit_instance.mailkit_bottombar form label, .mailkit_instance.mailkit_topbar form label { color: #fff; } .mailkit_instance.mailkit_bottombar .hint, .mailkit_instance.mailkit_topbar .hint { margin-top: 6px; } .mailkit_instance.mailkit_bottombar > form > div label, .mailkit_instance.mailkit_topbar > form > div label { display: inline-block; font-size: 16px; font-weight: 400; line-height: 29px; width: auto; width: 60%; } .mailkit_instance.mailkit_bottombar strong, .mailkit_instance.mailkit_topbar strong { font-weight: 600; } .mailkit_instance.mailkit_bottombar .mailkit_email_label span, .mailkit_instance.mailkit_topbar .mailkit_email_label span { margin-left: 10px; } .mailkit_instance.mailkit_bottombar .eac-input-wrap, .mailkit_instance.mailkit_topbar .eac-input-wrap { width: 40%; } .mailkit_instance.mailkit_slideout p { } .mailkit_instance.mailkit_popout > form, .mailkit_instance.mailkit_slideout > form { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); color: #5c5e60; } .mailkit_instance.mailkit_popout .mailkit_submit button, .mailkit_instance.mailkit_slideout .mailkit_submit button { background: #910e15; } .mailkit_instance.mailkit_popout .mailkit_submit button:focus, .mailkit_instance.mailkit_popout .mailkit_submit button:hover, .mailkit_instance.mailkit_slideout .mailkit_submit button:focus, .mailkit_instance.mailkit_slideout .mailkit_submit button:hover { background: #d92b1d !important; } .mailkit_instance.mailkit_popout > form > input:focus, .mailkit_instance.mailkit_slideout > form > input:focus { border-color: #b2b2b2; } .mailkit_instance.mailkit_popout .mailkit_input_wrap > label, .mailkit_instance.mailkit_slideout .mailkit_input_wrap > label { width: 25%; } .mailkit_instance.mailkit_popout .mailkit_label, .mailkit_instance.mailkit_popout label, .mailkit_instance.mailkit_slideout .mailkit_label, .mailkit_instance.mailkit_slideout label { font-size: 14px; } .mailkit_instance.mailkit_slideout p strong { font-weight: 600; font-size: 16px; } .mailkit_instance.mailkit_popout { width: 550px; } .mailkit_instance.mailkit_popout p { font-size: 15px; } .mailkit_instance.mailkit_popout p strong { font-size: 16px; font-weight: 600; } .mailkit_instance.mailkit_slideout { width: 40%; max-width: 600px; bottom: 1%; z-index: 99999; margin: 0 0 31px; position: fixed; } .mailkit_instance .error, .mailkit-form__custom-error { color: #d92b1d !important; display: block; font-size: 12px; opacity: 1; padding: 3px 6px; pointer-events: none; visibility: visible; text-align:center; } .mailkit_instance .hint { text-align: right !important; } .mailkit_instance.mailkit_slideout .mailkit_submit { padding-top: 6px !important; } .mailkit_instance.mailkit_inline p strong { font-weight: 600; color: #5c5e60; font-size: 17px; } .mailkit_instance .mailkit_success { color: green; } .mailkit_instance .mailkit_error { color: red; padding: 5px 0; } .mailkit_bottombar .mailkit_error, .mailkit_topbar .mailkit_error { color: #fff; } .mailkit_instance, .mailkit_msg_popup { } .mailkit_msg_popup { background: #eee; border: 1px solid #ccc; border-radius: 6px; color: #5b0101; left: 50% !important; margin-left: -130px; margin-top: -35px; padding: 20px; position: fixed; top: 50%; width: 270px; z-index: 999999; text-align: center; display:block!important; } .mailkit_msg_popup .popup_close { position: absolute; right: 5px; top: 8px; width: 22px; height: 22px; cursor: pointer; z-index: 1; } .mailkit_msg_popup .popup_close::after, .mailkit_msg_popup .popup_close::before { position: absolute; left: 10px; content: " "; height: 22px; width: 2px; background-color: #910e15; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .mailkit_msg_popup .popup_close:hover::after, .mailkit_msg_popup .popup_close:hover::before { background-color: #d92b1d; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .mailkit_msg_popup .popup_close::before { transform: rotate(45deg); } .mailkit_msg_popup .popup_close::after { transform: rotate(-45deg); } .mailkit_loader { background-color: rgba(222, 222, 222, 0.3); background-image: url(/images/loader.gif); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; } @media all and (max-width: 1325px) { .mailkit_instance.mailkit_bottombar > form > div label, .mailkit_instance.mailkit_topbar > form > div label { font-size: 16px !important; padding: 0 !important; text-align: center !important; } } @media all and (max-width: 1222px) { .mailkit_instance.mailkit_bottombar label, .mailkit_instance.mailkit_topbar label { font-size: 14px !important; } } @media all and (max-width: 992px) { .mailkit_instance.mailkit_bottombar > form > div label span, .mailkit_instance.mailkit_topbar > form > div label span { display: none; } .mailkit_instance.mailkit_bottombar > form > div label, .mailkit_instance.mailkit_topbar > form > div label { width: 50%; } .mailkit_bottombar form > div.mailkit_email, .mailkit_topbar form > div.mailkit_email { width: 70%; max-width: 550px; } .mailkit_instance.mailkit_bottombar .eac-input-wrap, .mailkit_instance.mailkit_topbar .eac-input-wrap { width: 50%; } } @media all and (max-width: 768px) { .mailkit_instance.mailkit_bottombar > form > div label, .mailkit_instance.mailkit_topbar > form > div label { display: none; } .mailkit_instance.mailkit_bottombar > form > div button, .mailkit_instance.mailkit_bottombar > form > div input[type="text"], .mailkit_instance.mailkit_topbar > form > div button, .mailkit_instance.mailkit_topbar > form > div input[type="text"] { width: 100%; } .mailkit_instance.mailkit_bottombar .eac-input-wrap, .mailkit_instance.mailkit_topbar .eac-input-wrap { width: 90%; } .mailkit_instance.mailkit_slideout { width: 70%; max-width: 600px; } .mailkit_instance.mailkit_popout { width: 95%; } .mailkit_instance.mailkit_bottombar .hint, .mailkit_instance.mailkit_topbar .hint { margin-top: 10px; } } @media all and (max-width: 480px) { .mailkit_instance.mailkit_slideout { width: 90%; } .mailkit_instance.mailkit_popout .mailkit_input_wrap > label, .mailkit_instance.mailkit_slideout .mailkit_input_wrap > label { width: 40%; } .mailkit_instance .mailkit_email { max-width: 100%; } } @media all and (max-width: 390px) { .mailkit_instance.mailkit_bottombar form > div.mailkit_submit, .mailkit_instance.mailkit_topbar form > div.mailkit_submit { margin: 10px 0 5px; } .mailkit_bottombar form > div.mailkit_email, .mailkit_topbar form > div.mailkit_email { width: 100%; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-custom .slick-loading .slick-list { background: #fff url('/-a141595---DfDyJMb7/load') center center no-repeat; } .slick-custom .slick-slide:focus { outline:none; } .slick-custom.slick-custom--hidden { display:none; } /* Arrows */ .slick-custom .slick-prev, .slick-custom .slick-next { position: absolute; top: 50%; display: block; width: 60px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; text-indent:-9999px; overflow:hidden; background:url('/-a141597---brV3MJK3/arrow-prev-png') no-repeat center; background-size:contain!important; opacity:0.9; transition:opacity 200ms; border:none; z-index:4; } .slick-custom .slick-next { background:url('/-a141596---uTgQSb8Y/arrow-next-png') no-repeat center; } .slick-custom .slick-prev:hover, .slick-custom .slick-prev:focus, .slick-custom .slick-next:hover, .slick-custom .slick-next:focus { opacity:1; transition:opacity 300ms; } .slick-custom .slick-prev.slick-disabled, .slick-custom .slick-next.slick-disabled { display:none!important; } .slick-custom .slick-prev:before, .slick-custom .slick-next:before { display:none; } .slick-custom .slick-prev { left: 20px; } .slick-custom .slick-next { right: 20px; } /* Dots */ .slick-custom .slick-dotted.slick-slider { margin-bottom: 15px; } .slick-custom .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-custom .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-custom .slick-dots li button { display: block; width: 10px; height: 10px; border-radius:5px; cursor: pointer; outline: none; background: #D3D3D3; opacity:0.9; transition:opacity 200ms; border:none; overflow:hidden; text-indent:-9999px; padding:0; } .slick-custom .slick-dots li.slick-active button { background-color:#671C32; } .slick-custom .slick-dots li button:hover, .slick-custom .slick-dots li button:focus { opacity:1; transition:opacity 200ms; } .slick-custom .slick-dots li button:before { display:none; } .slick-custom .slick-dots li.slick-active button:before { opacity: .75; color: black; } @media(min-width:470px) { .slick-custom.slick-slider { padding-left:40px; padding-right:40px; } .slick-custom .slick-prev { left: 0px; } .slick-custom .slick-next { right: 0px; } } @media(min-width:768px) { .slick-custom .slick-prev, .slick-custom .slick-next { width:80px; height:80px; } .slick-custom .slick-prev { left: -10px; } .slick-custom .slick-next { right: -10px; } }