W3C CSS Validator results for http://ebrana.cz/ (CSS level 3)

Sorry! We found the following errors (140)

URI : https://ebrana.cz/assets/frontend/ebranacz/css/style.css?ver=a53c

5 .glyph__icon, .glyph__icon::before Property text-rendering doesn't exist : auto
5 .btn--submit::after, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::after, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::after, .cBlockquote--image.right blockquote::before, .cBlockquote--image.top .cBlockquote__text::after, .cForm::before, .cForm__note ul > li::after, .cForm__note ul > li::before, .cGallery .A_lightbox::after, .cGallery .A_lightbox::before, .cGallery a[data-a-lightbox-gallery]::after, .cGallery a[data-a-lightbox-gallery]::before, .cImage .A_lightbox::after, .cImage .A_lightbox::before, .cImage a[data-a-lightbox-gallery]::after, .cImage a[data-a-lightbox-gallery]::before, .cInfobox ul > li::after, .cInfobox ul > li::before, .cInfobox::after, .cInfobox::before, .cPerex ul > li::after, .cPerex ul > li::before, .cPerson__link--icon-email::after, .cPerson__link--icon-email::before, .cPerson__link--icon-fax::after, .cPerson__link--icon-fax::before, .cPerson__link--icon-mobile::after, .cPerson__link--icon-mobile::before, .cPerson__link--icon-phone::after, .cPerson__link--icon-phone::before, .cPerson__link--icon-web::after, .cPerson__link--icon-web::before, .cProductListBox ul > li::after, .cProductListBox ul > li::before, .cProductListImg ul > li::after, .cProductListImg ul > li::before, .cSellingButton .cHeading::before, .cSharedText ul > li::after, .cSharedText ul > li::before, .cSitemap ul > li::after, .cSitemap ul > li::before, .cText ul > li::after, .cText ul > li::before, .cVideo__thumbnail::after, .cVideo__thumbnail::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cftSearch__autocomplete__image--noImage::after, .cftSearch__autocomplete__image--noImage::before, .cke_editable ul > li::after, .cke_editable ul > li::before, .cke_editable_inline ul > li::after, .cke_editable_inline ul > li::before, .cube__inner ul > li::after, .cube__inner ul > li::before, .infoText::before, .nav__item--drop .nav__item__in::after, .nav__item--drop .nav__item__in::before, .nav__item--mDrop .nav__item__in::after, .nav__item--mDrop .nav__item__in::before, .rsClear .rsThumbsArrowIcn::after, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::after, .rsDefault .rsArrowIcn::before, .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, [class*="icon-"]::after, [class*="icon-"]::before Property text-rendering doesn't exist : optimizeLegibility
5 .btn--submit::after, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::after, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::after, .cBlockquote--image.right blockquote::before, .cBlockquote--image.top .cBlockquote__text::after, .cForm::before, .cForm__note ul > li::after, .cForm__note ul > li::before, .cGallery .A_lightbox::after, .cGallery .A_lightbox::before, .cGallery a[data-a-lightbox-gallery]::after, .cGallery a[data-a-lightbox-gallery]::before, .cImage .A_lightbox::after, .cImage .A_lightbox::before, .cImage a[data-a-lightbox-gallery]::after, .cImage a[data-a-lightbox-gallery]::before, .cInfobox ul > li::after, .cInfobox ul > li::before, .cInfobox::after, .cInfobox::before, .cPerex ul > li::after, .cPerex ul > li::before, .cPerson__link--icon-email::after, .cPerson__link--icon-email::before, .cPerson__link--icon-fax::after, .cPerson__link--icon-fax::before, .cPerson__link--icon-mobile::after, .cPerson__link--icon-mobile::before, .cPerson__link--icon-phone::after, .cPerson__link--icon-phone::before, .cPerson__link--icon-web::after, .cPerson__link--icon-web::before, .cProductListBox ul > li::after, .cProductListBox ul > li::before, .cProductListImg ul > li::after, .cProductListImg ul > li::before, .cSellingButton .cHeading::before, .cSharedText ul > li::after, .cSharedText ul > li::before, .cSitemap ul > li::after, .cSitemap ul > li::before, .cText ul > li::after, .cText ul > li::before, .cVideo__thumbnail::after, .cVideo__thumbnail::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cftSearch__autocomplete__image--noImage::after, .cftSearch__autocomplete__image--noImage::before, .cke_editable ul > li::after, .cke_editable ul > li::before, .cke_editable_inline ul > li::after, .cke_editable_inline ul > li::before, .cube__inner ul > li::after, .cube__inner ul > li::before, .infoText::before, .nav__item--drop .nav__item__in::after, .nav__item--drop .nav__item__in::before, .nav__item--mDrop .nav__item__in::after, .nav__item--mDrop .nav__item__in::before, .rsClear .rsThumbsArrowIcn::after, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::after, .rsDefault .rsArrowIcn::before, .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, [class*="icon-"]::after, [class*="icon-"]::before only 0 can be a unit. You must put a unit after your number : 1000
5 .dropNav.dropNav--responsive-drop .dropNav--lev1 .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav--lev1 .nav__item .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav--lev1 .nav__item__in::after Property rotate doesn't exist : 90deg
5 .dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after, .dropNav__item.dropDown > a::after Property translate doesn't exist : 0 calc(-50% + 2px)
5 .dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after, .dropNav__item.dropDown > a::after Property translate doesn't exist : 0 calc(-50% + 2px)
5 .dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after, .dropNav__item.dropDown > a::after Property translate doesn't exist : 0 calc(-50% + 2px)
5 .dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after, .dropNav__item.dropDown > a::after Property rotate doesn't exist : 90deg
5 .bottomOverflow > .dropNav .dropNav a::after Property rotate doesn't exist : 90deg
5 .cTooltip__text:after, .cTooltip__text:before Property pointer-events doesn't exist : none
5 .cTooltip__text:after, .cTooltip__text:before Property pointer-events doesn't exist : none
5 .btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, .cftSearch--standard .disabled.active.cftSearch__submit, .cftSearch--standard .disabled.cftSearch__submit, .cftSearch--standard .disabled.cftSearch__submit:active, .cftSearch--standard .disabled.cftSearch__submit:focus, .cftSearch--standard .disabled.cftSearch__submit:hover, .cftSearch--standard [disabled].active.cftSearch__submit, .cftSearch--standard [disabled].cftSearch__submit, .cftSearch--standard [disabled].cftSearch__submit:active, .cftSearch--standard [disabled].cftSearch__submit:focus, .cftSearch--standard [disabled].cftSearch__submit:hover, .cftSearch--standard fieldset[disabled] .active.cftSearch__submit, .cftSearch--standard fieldset[disabled] .cftSearch__submit, .cftSearch--standard fieldset[disabled] .cftSearch__submit:active, .cftSearch--standard fieldset[disabled] .cftSearch__submit:focus, .cftSearch--standard fieldset[disabled] .cftSearch__submit:hover, .disabled.active.cClientZone__logout, .disabled.cClientZone__logout, .disabled.cClientZone__logout:active, .disabled.cClientZone__logout:focus, .disabled.cClientZone__logout:hover, [disabled].active.cClientZone__logout, [disabled].cClientZone__logout, [disabled].cClientZone__logout:active, [disabled].cClientZone__logout:focus, [disabled].cClientZone__logout:hover, fieldset[disabled] .active.cClientZone__logout, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover, fieldset[disabled] .cClientZone__logout, fieldset[disabled] .cClientZone__logout:active, fieldset[disabled] .cClientZone__logout:focus, fieldset[disabled] .cClientZone__logout:hover, fieldset[disabled] .cftSearch--standard .active.cftSearch__submit, fieldset[disabled] .cftSearch--standard .cftSearch__submit, fieldset[disabled] .cftSearch--standard .cftSearch__submit:active, fieldset[disabled] .cftSearch--standard .cftSearch__submit:focus, fieldset[disabled] .cftSearch--standard .cftSearch__submit:hover Property pointer-events doesn't exist : none
5 .btn--withIcon i, .btn--withIcon i::before Property pointer-events doesn't exist : none
5 .cNews--grid__content .cNews__anotation Property pointer-events doesn't exist : none
5 .cNews--largePreview .cNews__desc Property pointer-events doesn't exist : none
5 .cProductListBox__labels Property pointer-events doesn't exist : none
5 .cProductListImg__labels Property pointer-events doesn't exist : none
5 .mm-menu .mm-listview > li a:not(.mm-next) Property tap-highlight-color doesn't exist : rgb(255, 255, 255, 0.5)
5 .rsSlideshow .rsGCaption Value Error : bottom only 0 can be a unit. You must put a unit after your number : 4
5 .ui-state-disabled Property pointer-events doesn't exist : none
5 .blog-legacy-detail .cConversButton .cHeader__cta .btn--inverse, .cConversButton .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader__cta .btn, .cForm .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader__cta .search__btn, .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader__cta .btn--cta, .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader__cta .cForm .btn, .cHeader__cta .cForm .cClientZone__logout, .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader__cta .cFtr__search .search__btn, .cHeader__cta .cMap__field .btn, .cHeader__cta .cMap__field .cClientZone__logout, .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader__cta .cNewsletter .btn, .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader__cta .cSellingButton .btn, .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cMap__field .cHeader__cta .btn, .cMap__field .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader__cta .btn, .cNewsletter .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader__cta .btn, .cSellingButton .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader__cta .cftSearch__submit:last-child Value Error : color Parse Error !important
5 .blog-legacy-detail .cConversButton .cHeader__cta .btn--inverse:hover, .cConversButton .cHeader__cta .btn:hover:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cForm .cHeader__cta .btn:hover, .cForm .cHeader__cta .cClientZone__logout:hover, .cForm .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cFtr__search .cHeader__cta .search__btn:hover, .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse:hover, .cHeader__cta .btn--cta:hover, .cHeader__cta .cConversButton .btn:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--inverse), .cHeader__cta .cForm .btn:hover, .cHeader__cta .cForm .cClientZone__logout:hover, .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cFtr__search .search__btn:hover, .cHeader__cta .cMap__field .btn:hover, .cHeader__cta .cMap__field .cClientZone__logout:hover, .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cNewsletter .btn:hover, .cHeader__cta .cNewsletter .cClientZone__logout:hover, .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cSellingButton .btn:hover, .cHeader__cta .cSellingButton .cClientZone__logout:hover, .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cc-banner--bottom-right .btn:hover:last-child, .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:hover:last-child, .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:last-child, .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--inverse), .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:last-child, .cMap__field .cHeader__cta .btn:hover, .cMap__field .cHeader__cta .cClientZone__logout:hover, .cMap__field .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cNewsletter .cHeader__cta .btn:hover, .cNewsletter .cHeader__cta .cClientZone__logout:hover, .cNewsletter .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cSellingButton .cHeader__cta .btn:hover, .cSellingButton .cHeader__cta .cClientZone__logout:hover, .cSellingButton .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cc-banner--bottom-right .cHeader__cta .btn:hover:last-child, .cc-banner--bottom-right .cHeader__cta .cClientZone__logout:hover:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader__cta .cftSearch__submit:hover:last-child, .cftSearch--standard .cConversButton .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cftSearch--standard .cForm .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cMap__field .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cNewsletter .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cSellingButton .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cc-banner--bottom-right .cHeader__cta .cftSearch__submit:hover:last-child Value Error : color Parse Error !important
5 .cVideo__thumbnail::before Property pointer-events doesn't exist : none
5 .cInstagram__video__icon Property pointer-events doesn't exist : none
5 .cInstagram__video__icon path Property fill doesn't exist. The closest matching property name is all : #fff
5 .cHtmlSlider__anchor Property pointer-events doesn't exist : none
5 .cHtmlSlider__anchor a:not(.noLink) Property pointer-events doesn't exist : auto
5 .cCounter--rounded-edges .cCounter__canvas svg Property stroke-linecap doesn't exist : round
5 .cSellingButton__qty__btn only 0 can be a unit. You must put a unit after your number : 2
5 .cHtmlVideo.overlay::before Property pointer-events doesn't exist : none
5 .cHtmlVideo__actions button > svg Property pointer-events doesn't exist : none
5 .cHtmlVideo__actions button line, .cHtmlVideo__actions button path Property fill doesn't exist. The closest matching property name is all : var(--_actionsColor, #FFF)
5 .cHtmlVideo__actions button line Property stroke doesn't exist : var(--_actionsColor, #FFF)
5 .cHtmlVideo .errorBox Property pointer-events doesn't exist : none
5 .cHtmlVideo .errorBox.active Property pointer-events doesn't exist : auto
5 .ecoHeader__basket:hover .ecoHeader__basket__drop Property pointer-events doesn't exist : auto
5 .ecoHeader__basket__drop Property pointer-events doesn't exist : none
5 .cOrderInfo__item__icon path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .cUserFavProduct__remove__icon path Property fill doesn't exist. The closest matching property name is all : #ccc
5 .cUserFavProduct__remove__icon:hover path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .orderStatus--new path Property fill doesn't exist. The closest matching property name is all : #0073a5
5 .orderStatus--confirmed path Property fill doesn't exist. The closest matching property name is all : #d1b200
5 .orderStatus--done path Property fill doesn't exist. The closest matching property name is all : #4ead00
5 .orderStatus--canceled path Property fill doesn't exist. The closest matching property name is all : #c40000
5 .cPathBox--linkOnPlace .cPathBox__content, .cPathBox__link + .cPathBox__desc Property pointer-events doesn't exist : none
5 .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:before Property pointer-events doesn't exist : none
5 .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:before Property pointer-events doesn't exist : none
5 .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:before Property pointer-events doesn't exist : none
5 .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:before Property pointer-events doesn't exist : none
5 .btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit none is not a border-radius value : none
5 .mainWrapper > .row > .rowInner > .grid > .grid__item + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .grid__item + .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .label--inline > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline.field + .field > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline > .gridInner always is not a page-break-inside value : always
5 .mobile-no-event .nav__item__in--drop Property pointer-events doesn't exist : none
5 Property fill doesn't exist. The closest matching property name is all : rgb(0, 0, 0, 0.2)
5 Property fill doesn't exist. The closest matching property name is all : #f48400
5 Property fill doesn't exist. The closest matching property name is all : rgb(0, 0, 0, 0.2)
5 #mm-blocker Property pointer-events doesn't exist : none
5 .row--reference-media-video .cImage--figure Property pointer-events doesn't exist : none
5 .row--reference-media-video .cImage__play Property pointer-events doesn't exist : none
5 .row--brand-bg-text-round Property clip-path doesn't exist : ellipse(85% 100% at 50% 0)
5 .row--solutions-grid .cImage--solution-logo Property pointer-events doesn't exist : none
5 .row--gallery-grid .cImage--gallery-grid-video .cImage__desc Property pointer-events doesn't exist : none
5 .row--story-content::after, .row--story-content::before Property pointer-events doesn't exist : none
5 .row--holistic-pills .cTooltip__helper svg path Property fill doesn't exist. The closest matching property name is all : #666
5 Property fill doesn't exist. The closest matching property name is all : #55d1ff
5 .csr-hero--conference img Property clip-path doesn't exist : ellipse(100% 100% at 50% 0)
5 .csr-hero--conference .cText svg path Property fill doesn't exist. The closest matching property name is all : #e8e8e8
5 .csr-hero--conference .cText .conf-heart--full path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .csr-hero--conference .cText .conf-heart-wrap--full .badge Property rotate doesn't exist : -16deg
5 .csr-hero--conference .cText .conf-heart-wrap--full .badge Property rotate doesn't exist : -16deg
5 .row--conference-info .cText--icon svg path Property fill doesn't exist. The closest matching property name is all : #0cf
5 .row--conference-drinks .cImage--machy Property rotate doesn't exist : -20deg
5 .row--conference-drinks .cImage--machy Property rotate doesn't exist : 0deg
5 .row--conference-drinks .bg-images .cImage:first-child Property rotate doesn't exist : -10deg
5 .row--conference-drinks .bg-images .cImage:last-child Property rotate doesn't exist : 10deg
5 .row--conference-prolog .cText--no-access svg .st0 Property fill doesn't exist. The closest matching property name is all : none
5 .row--conference-prolog .cText--no-access svg .st0 Property stroke doesn't exist : #fff
5 .row--conference-prolog .cText--no-access svg .st0 Property stroke-width doesn't exist : 2
5 .row--conference-prolog .cText--no-access svg .st0 Property stroke-linecap doesn't exist : round
5 .row--conference-prolog .cText--no-access svg .st0 Property stroke-linejoin doesn't exist : round
5 .row--conference-prolog .cText--no-access svg .st0 Property stroke-miterlimit doesn't exist : 10
5 .row--conference-prolog .cText--no-access svg .st1 Property fill doesn't exist. The closest matching property name is all : none
5 .row--conference-prolog .cText--no-access svg .st1 Property stroke doesn't exist : #fff
5 .row--conference-prolog .cText--no-access svg .st1 Property stroke-width doesn't exist : 2
5 .row--conference-prolog .cText--no-access svg .st1 Property stroke-linejoin doesn't exist : round
5 .row--conference-prolog .cText--no-access svg .st1 Property stroke-miterlimit doesn't exist : 10
5 .row--conference-why-come .cImage__bubble::after Property rotate doesn't exist : 10deg
5 .row--conference-why-come .cImage__bubble::after Property rotate doesn't exist : 30deg
5 .row--conference-why-come .cImage__bubble::after Property rotate doesn't exist : -25deg
5 .row--conference-charity .cImage--charity Property rotate doesn't exist : 47deg
5 .row--conference-charity .cImage--charity Property rotate doesn't exist : -20deg
5 .row--conference-speakers .cText svg path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .row--conference-quotes .quote path Property fill doesn't exist. The closest matching property name is all : #d1d1d1
5 .modal-widget Property pointer-events doesn't exist : none
5 .modal-widget.is-active Property pointer-events doesn't exist : auto
5 .modal-widget .btn--secondary span::after, .modal-widget .btn--secondary span::before Property rotate doesn't exist : -45deg
5 .modal-widget .btn--secondary span::after Property rotate doesn't exist : 45deg
5 .blog-legacy-detail .cConversButton .modal-widget .btn--inverse span::before, .cConversButton .cftSearch--standard .modal-widget .cftSearch__submit:not(.btn--inverse) span::before, .cConversButton .modal-widget .btn:not(.btn--inverse) span::before, .cConversButton .modal-widget .cClientZone__logout:not(.btn--inverse) span::before, .cForm .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cForm .modal-widget .btn span::before, .cForm .modal-widget .cClientZone__logout span::before, .cFtr__search .modal-widget .search__btn span::before, .cMap__field .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cMap__field .modal-widget .btn span::before, .cMap__field .modal-widget .cClientZone__logout span::before, .cNewsletter .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cNewsletter .modal-widget .btn span::before, .cNewsletter .modal-widget .cClientZone__logout span::before, .cSellingButton .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cSellingButton .modal-widget .btn span::before, .cSellingButton .modal-widget .cClientZone__logout span::before, .cc-banner--bottom-right .cftSearch--standard .modal-widget .cftSearch__submit:last-child span::before, .cc-banner--bottom-right .modal-widget .btn:last-child span::before, .cc-banner--bottom-right .modal-widget .cClientZone__logout:last-child span::before, .cftSearch--standard .cConversButton .modal-widget .cftSearch__submit:not(.btn--inverse) span::before, .cftSearch--standard .cForm .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cMap__field .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cNewsletter .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cSellingButton .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cc-banner--bottom-right .modal-widget .cftSearch__submit:last-child span::before, .modal-widget .blog-legacy-detail .cConversButton .btn--inverse span::before, .modal-widget .btn--cta span::before, .modal-widget .cConversButton .btn:not(.btn--inverse) span::before, .modal-widget .cConversButton .cClientZone__logout:not(.btn--inverse) span::before, .modal-widget .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse) span::before, .modal-widget .cForm .btn span::before, .modal-widget .cForm .cClientZone__logout span::before, .modal-widget .cForm .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cFtr__search .search__btn span::before, .modal-widget .cMap__field .btn span::before, .modal-widget .cMap__field .cClientZone__logout span::before, .modal-widget .cMap__field .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cNewsletter .btn span::before, .modal-widget .cNewsletter .cClientZone__logout span::before, .modal-widget .cNewsletter .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cSellingButton .btn span::before, .modal-widget .cSellingButton .cClientZone__logout span::before, .modal-widget .cSellingButton .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cc-banner--bottom-right .btn:last-child span::before, .modal-widget .cc-banner--bottom-right .cClientZone__logout:last-child span::before, .modal-widget .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child span::before, .modal-widget .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse) span::before, .modal-widget .cftSearch--standard .cForm .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cMap__field .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cNewsletter .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cSellingButton .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child span::before Property rotate doesn't exist : -45deg
5 .blog-legacy-detail .cConversButton .modal-widget .btn--inverse span::after, .cConversButton .cftSearch--standard .modal-widget .cftSearch__submit:not(.btn--inverse) span::after, .cConversButton .modal-widget .btn:not(.btn--inverse) span::after, .cConversButton .modal-widget .cClientZone__logout:not(.btn--inverse) span::after, .cForm .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cForm .modal-widget .btn span::after, .cForm .modal-widget .cClientZone__logout span::after, .cFtr__search .modal-widget .search__btn span::after, .cMap__field .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cMap__field .modal-widget .btn span::after, .cMap__field .modal-widget .cClientZone__logout span::after, .cNewsletter .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cNewsletter .modal-widget .btn span::after, .cNewsletter .modal-widget .cClientZone__logout span::after, .cSellingButton .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cSellingButton .modal-widget .btn span::after, .cSellingButton .modal-widget .cClientZone__logout span::after, .cc-banner--bottom-right .cftSearch--standard .modal-widget .cftSearch__submit:last-child span::after, .cc-banner--bottom-right .modal-widget .btn:last-child span::after, .cc-banner--bottom-right .modal-widget .cClientZone__logout:last-child span::after, .cftSearch--standard .cConversButton .modal-widget .cftSearch__submit:not(.btn--inverse) span::after, .cftSearch--standard .cForm .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cMap__field .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cNewsletter .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cSellingButton .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cc-banner--bottom-right .modal-widget .cftSearch__submit:last-child span::after, .modal-widget .blog-legacy-detail .cConversButton .btn--inverse span::after, .modal-widget .btn--cta span::after, .modal-widget .cConversButton .btn:not(.btn--inverse) span::after, .modal-widget .cConversButton .cClientZone__logout:not(.btn--inverse) span::after, .modal-widget .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse) span::after, .modal-widget .cForm .btn span::after, .modal-widget .cForm .cClientZone__logout span::after, .modal-widget .cForm .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cFtr__search .search__btn span::after, .modal-widget .cMap__field .btn span::after, .modal-widget .cMap__field .cClientZone__logout span::after, .modal-widget .cMap__field .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cNewsletter .btn span::after, .modal-widget .cNewsletter .cClientZone__logout span::after, .modal-widget .cNewsletter .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cSellingButton .btn span::after, .modal-widget .cSellingButton .cClientZone__logout span::after, .modal-widget .cSellingButton .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cc-banner--bottom-right .btn:last-child span::after, .modal-widget .cc-banner--bottom-right .cClientZone__logout:last-child span::after, .modal-widget .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child span::after, .modal-widget .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse) span::after, .modal-widget .cftSearch--standard .cForm .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cMap__field .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cNewsletter .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cSellingButton .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child span::after Property rotate doesn't exist : 45deg
5 .squeeze-page .cForm .form-fields__inner label Property pointer-events doesn't exist : none
5 .squeeze-page .cForm .cForm__gdpr Property pointer-events doesn't exist : none
5 .squeeze-page .cForm .cForm__gdpr label Property pointer-events doesn't exist : none
5 .squeeze-page .cForm .cForm__gdpr.is-active, .squeeze-page .cForm .cForm__gdpr.is-success Property pointer-events doesn't exist : auto
5 .squeeze-page .cForm .cForm__gdpr.is-active label, .squeeze-page .cForm .cForm__gdpr.is-success label Property pointer-events doesn't exist : auto
5 .squeeze-page .cForm .btn--submit:not(.is-active) Property pointer-events doesn't exist : none
5 .pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .waves, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .waves Property pointer-events doesn't exist : none
5 .pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .waves svg path, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .waves svg path Property fill doesn't exist. The closest matching property name is all : #0cf
5 .cMenuTags--blog Property pointer-events doesn't exist : none
5 .cMenuTags--blog.is-active Property pointer-events doesn't exist : auto
5 .cNews--arch__imageWrap::before Property pointer-events doesn't exist : none
5 .cNews--reference__textWrap Property pointer-events doesn't exist : none
5 .cImage--figure-video .cImage__desc Property pointer-events doesn't exist : none
5 .cImage--figure-video:hover .cImage__desc svg circle Property fill doesn't exist. The closest matching property name is all : #f48400
5 .cImage--video-brand .cImage__play Property pointer-events doesn't exist : none
5 .cImage--video-title-inside .cImage__desc Property pointer-events doesn't exist : none
5 .cImage--video-flower::before Property pointer-events doesn't exist : none
5 .cImage--multimedia-video .cImage__desc Property pointer-events doesn't exist : none
5 .cForm--small-heading .cHeading small Value Error : line-height none is not a line-height value : none
5 .cText--contact-box .cText--box-marker svg path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .cText--icon-usp svg path, .cText--icon-usp svg polygon, .cText--icon-usp svg rect Property fill doesn't exist. The closest matching property name is all : #00adee
5 .cText--icon-usp-no-fill svg path, .cText--icon-usp-no-fill svg polygon, .cText--icon-usp-no-fill svg rect Property fill doesn't exist. The closest matching property name is all : none
5 .cText--icon-large svg path, .cText--icon-large svg polygon, .cText--icon-large svg rect Property fill doesn't exist. The closest matching property name is all : #00adee
5 .cHtmlSlider--solution .rsSlide Property pointer-events doesn't exist : none
5 .cHtmlSlider--solution .rsSlide.rsActiveSlide Property pointer-events doesn't exist : auto
5 .cList__img Property pointer-events doesn't exist : none
5 .cGridBoxItem .btn, .cGridBoxItem .cClientZone__logout, .cGridBoxItem .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cGridBoxItem .cftSearch__submit Property pointer-events doesn't exist : none
5 .c-schedule--break svg path Property fill doesn't exist. The closest matching property name is all : #00adee
5 .checkmark Property stroke-width doesn't exist : 4
5 .checkmark Property stroke doesn't exist : #fff
5 .checkmark Property stroke-miterlimit doesn't exist : 10
5 .checkmark__circle Property stroke-dasharray doesn't exist : 166
5 .checkmark__circle Property stroke-dashoffset doesn't exist : 166
5 .checkmark__circle Property stroke-width doesn't exist : 2
5 .checkmark__circle Property stroke-miterlimit doesn't exist : 10
5 .checkmark__circle Property stroke doesn't exist : #00adee
5 .checkmark__circle Property fill doesn't exist. The closest matching property name is all : none
5 .checkmark__check Property stroke-dasharray doesn't exist : 48
5 .checkmark__check Property stroke-dashoffset doesn't exist : 48
5 Property stroke-dashoffset doesn't exist : 0

URI : https://unpkg.com/aos@3.0.0-beta.6/dist/aos.css

1 [data-aos] Property pointer-events doesn't exist : none
1 [data-aos].aos-animate Property pointer-events doesn't exist : auto

↑ Top

Warnings (8119)

URI : https://unpkg.com/aos@3.0.0-beta.6/dist/aos.css

1 opacity,-webkit-transform is a vendor extension
1 opacity,transform,-webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 opacity,-webkit-transform is a vendor extension
1 opacity,transform,-webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 transform,-webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-backface-visibility is a vendor extension
1 -webkit-transform is a vendor extension
1 transform,-webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension
1 -webkit-transform is a vendor extension

URI : https://ebrana.cz/assets/frontend/ebranacz/css/style.css?ver=a53c

5 -webkit-text-size-adjust is a vendor extension
5 -ms-text-size-adjust is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -webkit-appearance is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-appearance is a vendor extension
5 ::-webkit-search-cancel-button is a vendor extended pseudo-element
5 ::-webkit-search-decoration is a vendor extended pseudo-element
5 -webkit-appearance is a vendor extension
5 ::-moz-focus-inner is a vendor extended pseudo-element
5 ::-moz-focus-inner is a vendor extended pseudo-element
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -ms-box-sizing is a vendor extension
5 -o-box-sizing is a vendor extension
5 alpha(opacity=75) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 zoom is a vendor extension
5 -webkit-border-top-left-radius is a vendor extension
5 -moz-border-radius-topleft is a vendor extension
5 -webkit-border-bottom-left-radius is a vendor extension
5 -moz-border-radius-bottomleft is a vendor extension
5 -webkit-border-top-right-radius is a vendor extension
5 -moz-border-radius-topright is a vendor extension
5 -webkit-border-bottom-right-radius is a vendor extension
5 -moz-border-radius-bottomright is a vendor extension
5 zoom is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-flex is a vendor extension
5 -webkit-box is a vendor extension
5 -moz-box is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-flex-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -o-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-order is a vendor extension
5 -ms-order is a vendor extension
5 -o-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-order is a vendor extension
5 -ms-order is a vendor extension
5 -o-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 alpha(opacity=50) is a vendor extension
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 zoom is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 ::-webkit-inner-spin-button is a vendor extended pseudo-element
5 ::-webkit-outer-spin-button is a vendor extended pseudo-element
5 -webkit-appearance is a vendor extension
5 -moz-appearance is a vendor extension
5 -webkit-font-smoothing is a vendor extension
5 -moz-osx-font-smoothing is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform-style is a vendor extension
5 -moz-transform-style is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -moz-backface-visibility is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=20) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -moz-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -moz-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -moz-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -moz-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -moz-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -moz-calc is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-font-smoothing is a vendor extension
5 -moz-osx-font-smoothing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-perspective is a vendor extension
5 -moz-perspective is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-font-smoothing is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(white),to(#f6f6f6)) is a vendor extension
5 -webkit-linear-gradient(white,#f6f6f6) is a vendor extension
5 -moz-linear-gradient(white,#f6f6f6) is a vendor extension
5 -o-linear-gradient(white,#f6f6f6) is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-appearance is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 ::-moz-selection is a vendor extended pseudo-element
5 -webkit-overflow-scrolling is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 ::-ms-clear is a vendor extended pseudo-element
5 ::-ms-reveal is a vendor extended pseudo-element
5 -webkit-appearance is a vendor extension
5 -webkit-appearance is a vendor extension
5 -webkit-min-device-pixel-ratio is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=50) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-repeating-linear-gradient(135deg,#ababab,#ababab 10px,#9e9e9e 10px,#9e9e9e 20px) is a vendor extension
5 -moz-repeating-linear-gradient(135deg,#ababab,#ababab 10px,#9e9e9e 10px,#9e9e9e 20px) is a vendor extension
5 -o-repeating-linear-gradient(135deg,#ababab,#ababab 10px,#9e9e9e 10px,#9e9e9e 20px) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-overflow-scrolling is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-sticky is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=65) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=50) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-align-content is a vendor extension
5 -ms-flex-line-pack is a vendor extension
5 -ms-high-contrast is a vendor extension
5 -ms-high-contrast is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-overflow-scrolling is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=50) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -moz-user-select is a vendor extension
5 -webkit-user-select is a vendor extension
5 -ms-user-select is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-transition is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 alpha(opacity=20) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 alpha(opacity=30) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=20) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 alpha(opacity=80) is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -moz-zoom-out is a vendor extension
5 -webkit-zoom-out is a vendor extension
5 -webkit-zoom-in is a vendor extension
5 -moz-zoom-in is a vendor extension
5 -webkit-user-select is a vendor extension
5 -moz-user-select is a vendor extension
5 -ms-user-select is a vendor extension
5 -webkit-appearance is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 ::-moz-focus-inner is a vendor extended pseudo-element
5 alpha(opacity=65) is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 alpha(opacity=65) is a vendor extension
5 -webkit-tap-highlight-color is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 The property clip is deprecated
5 Invalid separator in shape definition. It must be a comma.
5 Alpha(Opacity=0) is a vendor extension
5 -ms-touch-action is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 Alpha(Opacity=70) is a vendor extension
5 Alpha(Opacity=35) is a vendor extension
5 Alpha(Opacity=35) is a vendor extension
5 -webkit-border-top-left-radius is a vendor extension
5 -moz-border-radius-topleft is a vendor extension
5 -webkit-border-top-right-radius is a vendor extension
5 -moz-border-radius-topright is a vendor extension
5 -webkit-border-bottom-left-radius is a vendor extension
5 -moz-border-radius-bottomleft is a vendor extension
5 -webkit-border-bottom-right-radius is a vendor extension
5 -moz-border-radius-bottomright is a vendor extension
5 Alpha(Opacity=30) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-max-content is a vendor extension
5 -moz-max-content is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=80) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation-name is a vendor extension
5 -moz-animation-name is a vendor extension
5 -o-animation-name is a vendor extension
5 -webkit-animation-iteration-count is a vendor extension
5 -moz-animation-iteration-count is a vendor extension
5 -o-animation-iteration-count is a vendor extension
5 -webkit-animation-duration is a vendor extension
5 -moz-animation-duration is a vendor extension
5 -o-animation-duration is a vendor extension
5 -webkit-animation-fill-mode is a vendor extension
5 -moz-animation-fill-mode is a vendor extension
5 -o-animation-fill-mode is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-perspective is a vendor extension
5 -moz-perspective is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-max-content is a vendor extension
5 -moz-max-content is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=60) is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 The property clip is deprecated
5 -webkit-border-top-right-radius is a vendor extension
5 -moz-border-radius-topright is a vendor extension
5 -webkit-border-bottom-right-radius is a vendor extension
5 -moz-border-radius-bottomright is a vendor extension
5 -webkit-border-top-left-radius is a vendor extension
5 -moz-border-radius-topleft is a vendor extension
5 -webkit-border-bottom-left-radius is a vendor extension
5 -moz-border-radius-bottomleft is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-bottom-left-radius is a vendor extension
5 -moz-border-radius-bottomleft is a vendor extension
5 -webkit-border-bottom-right-radius is a vendor extension
5 -moz-border-radius-bottomright is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -moz-border-radius-topleft is a vendor extension
5 -moz-border-radius-topright is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-font-smoothing is a vendor extension
5 -webkit-backface-visibility is a vendor extension
5 -moz-backface-visibility is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-calc is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-max-content is a vendor extension
5 -moz-max-content is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=60) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 ::-ms-clear is a vendor extended pseudo-element
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 ::-webkit-input-placeholder is a vendor extended pseudo-element
5 ::-moz-placeholder is a vendor extended pseudo-element
5 :-ms-input-placeholder is a vendor extended pseudo-class
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-shrink is a vendor extension
5 -ms-flex-negative is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-flex-basis is a vendor extension
5 -ms-flex-preferred-size is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 Due to their dynamic nature, CSS variables are currently not statically checked
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-sticky is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=0) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -ms-high-contrast is a vendor extension
5 -ms-high-contrast is a vendor extension
5 -ms-high-contrast is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-linear-gradient(90deg,#000 0,rgb(0, 58, 102, 0) 60%) is a vendor extension
5 -moz-linear-gradient(90deg,#000 0,rgb(0, 58, 102, 0) 60%) is a vendor extension
5 -o-linear-gradient(90deg,#000 0,rgb(0, 58, 102, 0) 60%) is a vendor extension
5 -webkit-align-content is a vendor extension
5 -ms-flex-line-pack is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-print-color-adjust is a vendor extension
5 -moz-box-sizing is a vendor extension
5 -webkit-box-sizing is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 No declarations in the rule
5 No declarations in the rule
5 No declarations in the rule
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -moz-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -o-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -moz-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -o-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-gradient(linear,left top,right top,from(#ffa100),to(#f48400)) is a vendor extension
5 -webkit-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -moz-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -o-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 ::-webkit-inner-spin-button is a vendor extended pseudo-element
5 ::-webkit-outer-spin-button is a vendor extended pseudo-element
5 -webkit-appearance is a vendor extension
5 -moz-appearance is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-font-smoothing is a vendor extension
5 -moz-osx-font-smoothing is a vendor extension
5 -webkit-optimize-contrast is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -moz-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -o-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -webkit-background-clip is a vendor extension
5 -webkit-text-fill-color is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#fff),to(transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -moz-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -o-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#f7f7f7),color-stop(10%,#fff)) is a vendor extension
5 -webkit-linear-gradient(top,#f7f7f7,#fff 10%) is a vendor extension
5 -moz-linear-gradient(top,#f7f7f7,#fff 10%) is a vendor extension
5 -o-linear-gradient(top,#f7f7f7,#fff 10%) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,color-stop(10%,#fff),to(transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,#fff 10%,transparent) is a vendor extension
5 -moz-linear-gradient(bottom,#fff 10%,transparent) is a vendor extension
5 -o-linear-gradient(bottom,#fff 10%,transparent) is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-min-device-pixel-ratio is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-min-device-pixel-ratio is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-min-device-pixel-ratio is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(rgb(0, 0, 0, 0.9)),to(transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,rgb(0, 0, 0, 0.9),transparent) is a vendor extension
5 -moz-linear-gradient(bottom,rgb(0, 0, 0, 0.9),transparent) is a vendor extension
5 -o-linear-gradient(bottom,rgb(0, 0, 0, 0.9),transparent) is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-gradient(linear,left top,right top,from(#009ddd),color-stop(50%,#00c0dd)) is a vendor extension
5 -webkit-linear-gradient(left,#009ddd,#00c0dd 50%) is a vendor extension
5 -moz-linear-gradient(left,#009ddd,#00c0dd 50%) is a vendor extension
5 -o-linear-gradient(left,#009ddd,#00c0dd 50%) is a vendor extension
5 -webkit-background-clip is a vendor extension
5 -webkit-text-fill-color is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),color-stop(20%,#f9f9f9)) is a vendor extension
5 -webkit-linear-gradient(top,#fbfbfb,#f9f9f9 20%) is a vendor extension
5 -moz-linear-gradient(top,#fbfbfb,#f9f9f9 20%) is a vendor extension
5 -o-linear-gradient(top,#fbfbfb,#f9f9f9 20%) is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f9f9f9)) is a vendor extension
5 -webkit-linear-gradient(top,#fff,#f9f9f9) is a vendor extension
5 -moz-linear-gradient(top,#fff,#f9f9f9) is a vendor extension
5 -o-linear-gradient(top,#fff,#f9f9f9) is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,color-stop(50%,#f5f5f5),to(transparent)) is a vendor extension
5 -webkit-linear-gradient(top,#f5f5f5 50%,transparent) is a vendor extension
5 -moz-linear-gradient(top,#f5f5f5 50%,transparent) is a vendor extension
5 -o-linear-gradient(top,#f5f5f5 50%,transparent) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-gradient(linear,left top,right top,from(#ffa100),to(#f48400)) is a vendor extension
5 -webkit-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -moz-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -o-linear-gradient(left,#ffa100,#f48400) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(rgb(255, 255, 255, 0)),to(rgb(255, 255, 255, 0.6))) is a vendor extension
5 -webkit-linear-gradient(top,rgb(255, 255, 255, 0),rgb(255, 255, 255, 0.6)) is a vendor extension
5 -moz-linear-gradient(top,rgb(255, 255, 255, 0),rgb(255, 255, 255, 0.6)) is a vendor extension
5 -o-linear-gradient(top,rgb(255, 255, 255, 0),rgb(255, 255, 255, 0.6)) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0)) is a vendor extension
5 -moz-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0)) is a vendor extension
5 -o-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0)) is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),to(#fff)) is a vendor extension
5 -webkit-linear-gradient(bottom,#f5f5f5,#fff) is a vendor extension
5 -moz-linear-gradient(bottom,#f5f5f5,#fff) is a vendor extension
5 -o-linear-gradient(bottom,#f5f5f5,#fff) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#fff)) is a vendor extension
5 -webkit-linear-gradient(top,#f5f5f5,#fff) is a vendor extension
5 -moz-linear-gradient(top,#f5f5f5,#fff) is a vendor extension
5 -o-linear-gradient(top,#f5f5f5,#fff) is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-clip-path is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,color-stop(50%,#f5f5f5),to(#fff)) is a vendor extension
5 -webkit-linear-gradient(top,#f5f5f5 50%,#fff) is a vendor extension
5 -moz-linear-gradient(top,#f5f5f5 50%,#fff) is a vendor extension
5 -o-linear-gradient(top,#f5f5f5 50%,#fff) is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-linear-gradient(66deg,#0080C2,#00AEEF) is a vendor extension
5 -moz-linear-gradient(66deg,#0080C2,#00AEEF) is a vendor extension
5 -o-linear-gradient(66deg,#0080C2,#00AEEF) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#fff),to(transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -moz-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -o-linear-gradient(bottom,#fff,transparent) is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5)) is a vendor extension
5 -webkit-linear-gradient(top,#fff,#f5f5f5) is a vendor extension
5 -moz-linear-gradient(top,#fff,#f5f5f5) is a vendor extension
5 -o-linear-gradient(top,#fff,#f5f5f5) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(20%,#f5f5f5)) is a vendor extension
5 -webkit-linear-gradient(top,#fff,#f5f5f5 20%) is a vendor extension
5 -moz-linear-gradient(top,#fff,#f5f5f5 20%) is a vendor extension
5 -o-linear-gradient(top,#fff,#f5f5f5 20%) is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(rgb(0, 0, 0, 0.5)),to(rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 -moz-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 -o-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 No declarations in the rule
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-clip-path is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-radial-gradient(#f99f2d,#f28e0f) is a vendor extension
5 -moz-radial-gradient(#f99f2d,#f28e0f) is a vendor extension
5 -o-radial-gradient(#f99f2d,#f28e0f) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(rgb(0, 0, 0, 0.5)),to(rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 -moz-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 -o-linear-gradient(bottom,rgb(0, 0, 0, 0.5),rgb(255, 255, 255, 0)) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -moz-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -o-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -moz-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -o-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,color-stop(10%,#0080c2),color-stop(75%,transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -moz-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -o-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-linear-gradient(180deg,rgb(0, 173, 238, 0.9) 0,rgb(0, 182, 221, 0.9) 100%) is a vendor extension
5 -moz-linear-gradient(180deg,rgb(0, 173, 238, 0.9) 0,rgb(0, 182, 221, 0.9) 100%) is a vendor extension
5 -o-linear-gradient(180deg,rgb(0, 173, 238, 0.9) 0,rgb(0, 182, 221, 0.9) 100%) is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-linear-gradient(180deg,#00cadd 0,#00adee 100%) is a vendor extension
5 -moz-linear-gradient(180deg,#00cadd 0,#00adee 100%) is a vendor extension
5 -o-linear-gradient(180deg,#00cadd 0,#00adee 100%) is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=60) is a vendor extension
5 -ms-filter is a vendor extension
5 alpha(opacity=100) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 The property clip is deprecated
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -moz-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -o-linear-gradient(180deg,#00adee 0,#00b6dd 100%) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -moz-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -o-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-radial-gradient(circle,#00b5dd 0,#00adee 100%) is a vendor extension
5 -moz-radial-gradient(circle,#00b5dd 0,#00adee 100%) is a vendor extension
5 -o-radial-gradient(circle,#00b5dd 0,#00adee 100%) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-inline-box is a vendor extension
5 -webkit-inline-flex is a vendor extension
5 -moz-inline-box is a vendor extension
5 -ms-inline-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-filter is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -moz-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -o-linear-gradient(bottom,#fff,rgb(255, 255, 255, 0)) is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transition-delay is a vendor extension
5 -moz-transition-delay is a vendor extension
5 -o-transition-delay is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transition is a vendor extension
5 -moz-transition is a vendor extension
5 -o-transition is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-animation-delay is a vendor extension
5 -moz-animation-delay is a vendor extension
5 -o-animation-delay is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-top-right-radius is a vendor extension
5 -moz-border-radius-topright is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(50%,rgb(255, 255, 255, 0))) is a vendor extension
5 -webkit-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0) 50%) is a vendor extension
5 -moz-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0) 50%) is a vendor extension
5 -o-linear-gradient(bottom,#f5f5f5,rgb(255, 255, 255, 0) 50%) is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-align-self is a vendor extension
5 -ms-flex-item-align is a vendor extension
5 -webkit-gradient(linear,left bottom,left top,color-stop(10%,#0080c2),color-stop(75%,transparent)) is a vendor extension
5 -webkit-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -moz-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -o-linear-gradient(bottom,#0080c2 10%,transparent 75%) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-radial-gradient(#00B5DD,#00ADEE) is a vendor extension
5 -moz-radial-gradient(#00B5DD,#00ADEE) is a vendor extension
5 -o-radial-gradient(#00B5DD,#00ADEE) is a vendor extension
5 -webkit-radial-gradient(#47ABDF,#0080C2) is a vendor extension
5 -moz-radial-gradient(#47ABDF,#0080C2) is a vendor extension
5 -o-radial-gradient(#47ABDF,#0080C2) is a vendor extension
5 -webkit-radial-gradient(#4780A4,#0B5685) is a vendor extension
5 -moz-radial-gradient(#4780A4,#0B5685) is a vendor extension
5 -o-radial-gradient(#4780A4,#0B5685) is a vendor extension
5 -webkit-radial-gradient(#386984,#093751) is a vendor extension
5 -moz-radial-gradient(#386984,#093751) is a vendor extension
5 -o-radial-gradient(#386984,#093751) is a vendor extension
5 -webkit-radial-gradient(#526875,#0B1820) is a vendor extension
5 -moz-radial-gradient(#526875,#0B1820) is a vendor extension
5 -o-radial-gradient(#526875,#0B1820) is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -moz-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -o-radial-gradient(#00b3e0,#00adee) is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-orient is a vendor extension
5 -webkit-box-direction is a vendor extension
5 -webkit-flex-direction is a vendor extension
5 -moz-box-orient is a vendor extension
5 -moz-box-direction is a vendor extension
5 -ms-flex-direction is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-column-gap is a vendor extension
5 -moz-column-gap is a vendor extension
5 -webkit-box-ordinal-group is a vendor extension
5 -webkit-order is a vendor extension
5 -moz-box-ordinal-group is a vendor extension
5 -ms-flex-order is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box-flex is a vendor extension
5 -webkit-flex-grow is a vendor extension
5 -moz-box-flex is a vendor extension
5 -ms-flex-positive is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-align is a vendor extension
5 -webkit-align-items is a vendor extension
5 -moz-box-align is a vendor extension
5 -ms-flex-align is a vendor extension
5 -webkit-flex-wrap is a vendor extension
5 -ms-flex-wrap is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 -webkit-transform-origin is a vendor extension
5 -moz-transform-origin is a vendor extension
5 -ms-transform-origin is a vendor extension
5 -o-transform-origin is a vendor extension
5 -webkit-animation is a vendor extension
5 -moz-animation is a vendor extension
5 -o-animation is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 No declarations in the rule
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 Unrecognized at-rule @-webkit-keyframes
5 Unrecognized at-rule @-moz-keyframes
5 Unrecognized at-rule @-o-keyframes
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-transform is a vendor extension
5 -moz-transform is a vendor extension
5 -ms-transform is a vendor extension
5 -o-transform is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-background-size is a vendor extension
5 -moz-background-size is a vendor extension
5 -o-background-size is a vendor extension
5 -webkit-box is a vendor extension
5 -webkit-flex is a vendor extension
5 -moz-box is a vendor extension
5 -ms-flexbox is a vendor extension
5 -webkit-box-pack is a vendor extension
5 -webkit-justify-content is a vendor extension
5 -moz-box-pack is a vendor extension
5 -ms-flex-pack is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-calc is a vendor extension
5 -moz-calc is a vendor extension
5 -webkit-box-shadow is a vendor extension
5 -moz-box-shadow is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension
5 -webkit-border-radius is a vendor extension
5 -moz-border-radius is a vendor extension

↑ Top

Valid CSS information

@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
body {
margin : 0;
}
a:active, a:hover {
outline : 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : 700;
}
dfn {
font-style : italic;
}
hr {
box-sizing : content-box;
height : 0;
}
mark {
background : #ff0;
color : #000;
}
code, kbd, pre, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre-wrap;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
legend {
border : 0;
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
margin : 0;
}
button, input {
line-height : normal;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
*, :after, :before {
box-sizing : border-box;
}
blockquote, caption, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, legend, ol, p, pre, table, td, th, ul {
margin : 0;
padding : 0;
}
abbr[title], dfn[title] {
cursor : help;
}
ins, u {
text-decoration : none;
}
ins {
border-bottom : 1px solid;
}
img {
font-style : italic;
}
button, input, label, option, select, textarea {
cursor : pointer;
}
.field.focus:active, .field:active:focus, .field:focus, .form-control.focus:active, .form-control:active:focus, .form-control:focus, .text-input:active, .text-input:focus, textarea:active, textarea:focus {
cursor : text;
outline : 0;
}
.block-grid:after, .cConversButton:after, .cPag__nav:after, .cf:after, .island:after, .islet:after, .mDrop ul:after, .nav:after, .stat-group:after {
content : "";
display : table;
clear : both;
}
.annotation, .archive, .cClientZone, .cConversButton, .cCopyright, .cDesc, .cExtraWork, .cFbLikebox, .cFiles, .cHr, .cImage, .cImageSlider, .cMeta, .cProductListParams, .cProductListTable, .cProductList__anotation, .cProductList__categories, .cSocialButtons, .form-fields li, .form-fields > li, .inline-box, .island, .islet, .media, .row--colored, .sass-margin-bottom, .search, address, blockquote, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hgroup, legend, ol, p, pre, table, ul {
margin-bottom : 2.22222rem;
}
.form-fields .islet li, .islet .annotation, .islet .archive, .islet .cClientZone, .islet .cConversButton, .islet .cCopyright, .islet .cDesc, .islet .cExtraWork, .islet .cFbLikebox, .islet .cFiles, .islet .cHr, .islet .cImage, .islet .cImageSlider, .islet .cMeta, .islet .cProductListParams, .islet .cProductListTable, .islet .cProductList__anotation, .islet .cProductList__categories, .islet .cSocialButtons, .islet .form-fields li, .islet .form-fields > li, .islet .inline-box, .islet .island, .islet .islet, .islet .media, .islet .row--colored, .islet .sass-margin-bottom, .islet .search, .islet address, .islet blockquote, .islet dl, .islet fieldset, .islet figure, .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet legend, .islet ol, .islet p, .islet pre, .islet table, .islet ul {
margin-bottom : 1.11111rem;
}
.landmark {
margin-bottom : 4.44444rem;
}
hr {
margin-bottom : 2.11111rem;
}
dd, ol, ul {
margin-left : 4.44444rem;
}
html {
min-height : 100%;
}
hgroup .hN {
margin-bottom : 0;
}
.giga {
font-size : 104px;
font-size : 5.77778rem;
}
.mega {
font-size : 80px;
font-size : 4.44444rem;
}
.kilo {
font-size : 64px;
font-size : 3.55556rem;
}
.lead, .lede {
font-size : 20.25px;
font-size : 1.125rem;
}
.milli, .smallprint {
font-size : 13px;
font-size : 0.72222rem;
}
.micro {
font-size : 12px;
font-size : 0.66667rem;
}
q {
quotes : "‘" "’" "\\201C" "\\201D";
}
q:before {
content : "\2018";
content : open-quote;
}
q:after {
content : "\2019";
content : close-quote;
}
q q:before {
content : "\201C";
content : open-quote;
}
q q:after {
content : "\201D";
content : close-quote;
}
blockquote p:before {
content : "\\201C";
content : open-quote;
}
blockquote p:after {
content : "";
content : no-close-quote;
}
blockquote p:last-of-type:after {
content : "\\201D";
content : close-quote;
}
blockquote q:before {
content : "\2018";
content : open-quote;
}
blockquote q:after {
content : "\2019";
content : close-quote;
}
blockquote {
text-indent : -0.41em;
}
blockquote p:last-of-type {
margin-bottom : 0;
}
.source {
display : block;
text-indent : 0;
}
.source:before {
content : "\2014";
}
pre {
overflow : auto;
}
pre mark {
background : 0 0;
border-bottom : 1px solid;
color : inherit;
}
.code-comment {
opacity : 0.75;
}
.line-numbers {
font-family : monospace, serif;
list-style : decimal-leading-zero inside;
white-space : nowrap;
overflow : auto;
margin-left : 0;
}
.line-numbers code {
white-space : pre;
}
img {
max-width : 100%;
}
.img--round {
border-radius : 3px;
}
.img--right {
float : right;
margin-bottom : 2.22222rem;
margin-left : 2.22222rem;
}
.img--left {
float : left;
margin-bottom : 2.22222rem;
margin-right : 2.22222rem;
}
.img--center, .lt500 .cNews--img__img {
display : block;
margin-bottom : 2.22222rem;
margin-right : auto;
margin-left : auto;
}
.img--short {
height : 200px;
}
.img--medium {
height : 400px;
}
.img--tall {
height : 600px;
}
figure > img {
display : block;
}
li > ol, li > ul {
margin-bottom : 0;
}
.numbered-list {
list-style-type : decimal;
}
.form-fields {
list-style : none;
margin : 0;
}
.form-fields > li:last-child {
margin-bottom : 0;
}
.label, label {
display : block;
}
.additional, .errorMessage, .form-error-message {
display : block;
font-weight : 400;
}
.check-list {
list-style : none;
margin : 0;
}
.check-label, .check-list .label, .check-list label, .form-fields__item--inline label, .spoken-form label {
display : inline-block;
}
.extra-help {
display : inline-block;
visibility : hidden;
}
.field.focus:active + .extra-help, .field:active:focus + .extra-help, .field:focus + .extra-help, .form-control.focus:active + .extra-help, .form-control:active:focus + .extra-help, .form-control:focus + .extra-help, .text-input:active + .extra-help, .text-input:focus + .extra-help {
visibility : visible;
}
.grid > .grid {
margin-left : 0;
}
.cPag__nav, .mDrop ul, .nav {
list-style : none;
margin-left : 0;
}
.cPag__nav > li, .cPag__nav > li > a, .mDrop ul > li, .mDrop ul > li > a, .nav > li, .nav > li > a {
display : inline-block;
}
.mDrop ul > li > a, .nav--stacked > li > a {
display : block;
}
.nav--banner {
text-align : center;
}
.nav--block, .options {
line-height : 1;
letter-spacing : -0.31em;
word-spacing : -0.43em;
white-space : nowrap;
}
.nav--block > li, .options > li {
letter-spacing : normal;
word-spacing : normal;
}
.nav--block > li > a, .options > li > a {
padding : 1.11111rem;
}
.nav--fit {
display : table;
width : 100%;
}
.nav--fit > li {
display : table-cell;
}
.nav--fit > li > a {
display : block;
}
.nav--keywords > li:after {
content : "\002C" "\00A0";
}
.nav--keywords > li:last-child:after {
display : none;
}
.options > li > a {
border : #666 solid 0;
border-width : 1px 1px 1px 0;
}
.options > li:first-child > a {
border-left-width : 1px;
border-top-left-radius : 3px;
border-bottom-left-radius : 3px;
}
.options > li:last-child > a {
border-top-right-radius : 3px;
border-bottom-right-radius : 3px;
}
.pagination {
text-align : center;
}
.pagination > li {
padding : 1.11111rem;
letter-spacing : normal;
word-spacing : normal;
}
.pagination > li > a {
margin : -1.11111rem;
padding : 1.11111rem;
}
.breadcrumb > li + li:before {
content : "\00A0" "\00BB" "\00A0";
}
.breadcrumb--path > li + li:before {
content : "\00A0" "\002F" "\00A0";
}
.breadcrumb > li + li[data-breadcrumb]:before {
content : " " attr(data-breadcrumb) " ";
}
.cConversButton, .island, .islet {
display : block;
}
.cConversButton, .island {
padding : 40px;
}
.cConversButton > :last-child, .island > :last-child, .islet > :last-child {
margin-bottom : 0;
}
.islet {
padding : 1.11111rem;
}
.icon, .sprite {
display : inline-block;
line-height : 1;
position : relative;
vertical-align : middle;
font-style : normal;
font-weight : 400;
text-align : center;
}
.sprite {
width : 16px;
height : 16px;
top : -1px;
overflow : hidden;
}
.sprite:before {
content : "";
display : block;
width : 0;
height : 100%;
}
.icon {
font-size : 16px;
}
.icon:before {
content : attr(data-icon);
}
.icon--large {
font-size : 32px;
}
.icon--huge {
font-size : 64px;
}
.icon--natural {
font-size : inherit;
}
.icon-text > .icon-text__icon {
margin-right : 0.55556rem;
}
.icon-text--rev > .icon-text__icon {
margin-left : 0.55556rem;
}
.loz, .pill {
display : inline-block;
min-width : 1.22222em;
padding-right : 0.30556em;
padding-left : 0.30556em;
text-align : center;
background-color : #666;
color : #fff;
border-radius : 100px;
}
.loz {
border-radius : 3px;
}
.rule {
color : #666;
border : none;
border-bottom-width : 1px;
border-bottom-style : solid;
margin-bottom : 2.16667rem;
}
.rule--dotted {
border-bottom-style : dotted;
}
.rule--dashed {
border-bottom-style : dashed;
}
.rule--ornament {
position : relative;
}
.rule--ornament:after {
content : "\00A7";
position : absolute;
top : 0;
right : 0;
left : 0;
line-height : 0;
text-align : center;
}
.rule--ornament[data-ornament]:after {
content : attr(data-ornament);
}
.stat-group {
margin-left : -2.22222rem;
}
.stat {
float : left;
margin-left : 2.22222rem;
display : flex;
flex-direction : column;
}
.stat__title {
order : 2;
}
.stat__value {
margin-left : 0;
order : 1;
}
.graybox, .greybox {
font-size : 12px;
font-size : 0.66667rem;
font-family : sans-serif;
text-align : center;
background-color : rgb(0, 0, 0, 0.2);
color : #fff;
}
.graybox a, .greybox a {
color : #fff;
text-decoration : underline;
}
.graybox--small, .greybox--small {
line-height : 66px;
}
.graybox--medium, .greybox--medium {
line-height : 132px;
}
.graybox--large, .greybox--large {
line-height : 264px;
}
.graybox--huge, .greybox--huge {
line-height : 528px;
}
.graybox--gigantic, .greybox--gigantic {
line-height : 1056px;
}
@media only screen and (max-width: 766px) {
.palm-one-whole {
width : 100%;
}
.palm-five-tenths, .palm-four-eighths, .palm-one-half, .palm-six-twelfths, .palm-three-sixths, .palm-two-quarters {
width : 50%;
}
.palm-four-twelfths, .palm-one-third, .palm-two-sixths {
width : 33.333%;
}
.palm-eight-twelfths, .palm-four-sixths, .palm-two-thirds {
width : 66.666%;
}
.palm-one-quarter, .palm-three-twelfths, .palm-two-eighths {
width : 25%;
}
.palm-nine-twelfths, .palm-six-eighths, .palm-three-quarters {
width : 75%;
}
.palm-one-fifth, .palm-two-tenths {
width : 20%;
}
.palm-four-tenths, .palm-two-fifths {
width : 40%;
}
.palm-six-tenths, .palm-three-fifths {
width : 60%;
}
.palm-eight-tenths, .palm-four-fifths {
width : 80%;
}
.palm-one-sixth, .palm-two-twelfths {
width : 16.666%;
}
.palm-five-sixths, .palm-ten-twelfths {
width : 83.333%;
}
.palm-one-eighth {
width : 12.5%;
}
.palm-three-eighths {
width : 37.5%;
}
.palm-five-eighths {
width : 62.5%;
}
.palm-seven-eighths {
width : 87.5%;
}
.palm-one-tenth {
width : 10%;
}
.palm-three-tenths {
width : 30%;
}
.palm-seven-tenths {
width : 70%;
}
.palm-nine-tenths {
width : 90%;
}
.palm-one-twelfth {
width : 8.333%;
}
.palm-five-twelfths {
width : 41.666%;
}
.palm-seven-twelfths {
width : 58.333%;
}
.palm-eleven-twelfths {
width : 91.666%;
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
.lap-one-whole {
width : 100%;
}
.lap-five-tenths, .lap-four-eighths, .lap-one-half, .lap-six-twelfths, .lap-three-sixths, .lap-two-quarters {
width : 50%;
}
.lap-four-twelfths, .lap-one-third, .lap-two-sixths {
width : 33.333%;
}
.lap-eight-twelfths, .lap-four-sixths, .lap-two-thirds {
width : 66.666%;
}
.lap-one-quarter, .lap-three-twelfths, .lap-two-eighths {
width : 25%;
}
.lap-nine-twelfths, .lap-six-eighths, .lap-three-quarters {
width : 75%;
}
.lap-one-fifth, .lap-two-tenths {
width : 20%;
}
.lap-four-tenths, .lap-two-fifths {
width : 40%;
}
.lap-six-tenths, .lap-three-fifths {
width : 60%;
}
.lap-eight-tenths, .lap-four-fifths {
width : 80%;
}
.lap-one-sixth, .lap-two-twelfths {
width : 16.666%;
}
.lap-five-sixths, .lap-ten-twelfths {
width : 83.333%;
}
.lap-one-eighth {
width : 12.5%;
}
.lap-three-eighths {
width : 37.5%;
}
.lap-five-eighths {
width : 62.5%;
}
.lap-seven-eighths {
width : 87.5%;
}
.lap-one-tenth {
width : 10%;
}
.lap-three-tenths {
width : 30%;
}
.lap-seven-tenths {
width : 70%;
}
.lap-nine-tenths {
width : 90%;
}
.lap-one-twelfth {
width : 8.333%;
}
.lap-five-twelfths {
width : 41.666%;
}
.lap-seven-twelfths {
width : 58.333%;
}
.lap-eleven-twelfths {
width : 91.666%;
}
}
@media only screen and (min-width: 767px) {
.lap-and-up-one-whole {
width : 100%;
}
.lap-and-up-five-tenths, .lap-and-up-four-eighths, .lap-and-up-one-half, .lap-and-up-six-twelfths, .lap-and-up-three-sixths, .lap-and-up-two-quarters {
width : 50%;
}
.lap-and-up-four-twelfths, .lap-and-up-one-third, .lap-and-up-two-sixths {
width : 33.333%;
}
.lap-and-up-eight-twelfths, .lap-and-up-four-sixths, .lap-and-up-two-thirds {
width : 66.666%;
}
.lap-and-up-one-quarter, .lap-and-up-three-twelfths, .lap-and-up-two-eighths {
width : 25%;
}
.lap-and-up-nine-twelfths, .lap-and-up-six-eighths, .lap-and-up-three-quarters {
width : 75%;
}
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width : 20%;
}
.lap-and-up-four-tenths, .lap-and-up-two-fifths {
width : 40%;
}
.lap-and-up-six-tenths, .lap-and-up-three-fifths {
width : 60%;
}
.lap-and-up-eight-tenths, .lap-and-up-four-fifths {
width : 80%;
}
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width : 16.666%;
}
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width : 83.333%;
}
.lap-and-up-one-eighth {
width : 12.5%;
}
.lap-and-up-three-eighths {
width : 37.5%;
}
.lap-and-up-five-eighths {
width : 62.5%;
}
.lap-and-up-seven-eighths {
width : 87.5%;
}
.lap-and-up-one-tenth {
width : 10%;
}
.lap-and-up-three-tenths {
width : 30%;
}
.lap-and-up-seven-tenths {
width : 70%;
}
.lap-and-up-nine-tenths {
width : 90%;
}
.lap-and-up-one-twelfth {
width : 8.333%;
}
.lap-and-up-five-twelfths {
width : 41.666%;
}
.lap-and-up-seven-twelfths {
width : 58.333%;
}
.lap-and-up-eleven-twelfths {
width : 91.666%;
}
}
@media only screen and (max-width: 1023px) {
.portable-one-whole {
width : 100%;
}
.portable-five-tenths, .portable-four-eighths, .portable-one-half, .portable-six-twelfths, .portable-three-sixths, .portable-two-quarters {
width : 50%;
}
.portable-four-twelfths, .portable-one-third, .portable-two-sixths {
width : 33.333%;
}
.portable-eight-twelfths, .portable-four-sixths, .portable-two-thirds {
width : 66.666%;
}
.portable-one-quarter, .portable-three-twelfths, .portable-two-eighths {
width : 25%;
}
.portable-nine-twelfths, .portable-six-eighths, .portable-three-quarters {
width : 75%;
}
.portable-one-fifth, .portable-two-tenths {
width : 20%;
}
.portable-four-tenths, .portable-two-fifths {
width : 40%;
}
.portable-six-tenths, .portable-three-fifths {
width : 60%;
}
.portable-eight-tenths, .portable-four-fifths {
width : 80%;
}
.portable-one-sixth, .portable-two-twelfths {
width : 16.666%;
}
.portable-five-sixths, .portable-ten-twelfths {
width : 83.333%;
}
.portable-one-eighth {
width : 12.5%;
}
.portable-three-eighths {
width : 37.5%;
}
.portable-five-eighths {
width : 62.5%;
}
.portable-seven-eighths {
width : 87.5%;
}
.portable-one-tenth {
width : 10%;
}
.portable-three-tenths {
width : 30%;
}
.portable-seven-tenths {
width : 70%;
}
.portable-nine-tenths {
width : 90%;
}
.portable-one-twelfth {
width : 8.333%;
}
.portable-five-twelfths {
width : 41.666%;
}
.portable-seven-twelfths {
width : 58.333%;
}
.portable-eleven-twelfths {
width : 91.666%;
}
}
@media only screen and (min-width: 1024px) {
.desk-one-whole {
width : 100%;
}
.desk-five-tenths, .desk-four-eighths, .desk-one-half, .desk-six-twelfths, .desk-three-sixths, .desk-two-quarters {
width : 50%;
}
.desk-four-twelfths, .desk-one-third, .desk-two-sixths {
width : 33.333%;
}
.desk-eight-twelfths, .desk-four-sixths, .desk-two-thirds {
width : 66.666%;
}
.desk-one-quarter, .desk-three-twelfths, .desk-two-eighths {
width : 25%;
}
.desk-nine-twelfths, .desk-six-eighths, .desk-three-quarters {
width : 75%;
}
.desk-one-fifth, .desk-two-tenths {
width : 20%;
}
.desk-four-tenths, .desk-two-fifths {
width : 40%;
}
.desk-six-tenths, .desk-three-fifths {
width : 60%;
}
.desk-eight-tenths, .desk-four-fifths {
width : 80%;
}
.desk-one-sixth, .desk-two-twelfths {
width : 16.666%;
}
.desk-five-sixths, .desk-ten-twelfths {
width : 83.333%;
}
.desk-one-eighth {
width : 12.5%;
}
.desk-three-eighths {
width : 37.5%;
}
.desk-five-eighths {
width : 62.5%;
}
.desk-seven-eighths {
width : 87.5%;
}
.desk-one-tenth {
width : 10%;
}
.desk-three-tenths {
width : 30%;
}
.desk-seven-tenths {
width : 70%;
}
.desk-nine-tenths {
width : 90%;
}
.desk-one-twelfth {
width : 8.333%;
}
.desk-five-twelfths {
width : 41.666%;
}
.desk-seven-twelfths {
width : 58.333%;
}
.desk-eleven-twelfths {
width : 91.666%;
}
}
@media only screen and (min-width: 1600px) {
.desk-wide-one-whole {
width : 100%;
}
.desk-wide-five-tenths, .desk-wide-four-eighths, .desk-wide-one-half, .desk-wide-six-twelfths, .desk-wide-three-sixths, .desk-wide-two-quarters {
width : 50%;
}
.desk-wide-four-twelfths, .desk-wide-one-third, .desk-wide-two-sixths {
width : 33.333%;
}
.desk-wide-eight-twelfths, .desk-wide-four-sixths, .desk-wide-two-thirds {
width : 66.666%;
}
.desk-wide-one-quarter, .desk-wide-three-twelfths, .desk-wide-two-eighths {
width : 25%;
}
.desk-wide-nine-twelfths, .desk-wide-six-eighths, .desk-wide-three-quarters {
width : 75%;
}
.desk-wide-one-fifth, .desk-wide-two-tenths {
width : 20%;
}
.desk-wide-four-tenths, .desk-wide-two-fifths {
width : 40%;
}
.desk-wide-six-tenths, .desk-wide-three-fifths {
width : 60%;
}
.desk-wide-eight-tenths, .desk-wide-four-fifths {
width : 80%;
}
.desk-wide-one-sixth, .desk-wide-two-twelfths {
width : 16.666%;
}
.desk-wide-five-sixths, .desk-wide-ten-twelfths {
width : 83.333%;
}
.desk-wide-one-eighth {
width : 12.5%;
}
.desk-wide-three-eighths {
width : 37.5%;
}
.desk-wide-five-eighths {
width : 62.5%;
}
.desk-wide-seven-eighths {
width : 87.5%;
}
.desk-wide-one-tenth {
width : 10%;
}
.desk-wide-three-tenths {
width : 30%;
}
.desk-wide-seven-tenths {
width : 70%;
}
.desk-wide-nine-tenths {
width : 90%;
}
.desk-wide-one-twelfth {
width : 8.333%;
}
.desk-wide-five-twelfths {
width : 41.666%;
}
.desk-wide-seven-twelfths {
width : 58.333%;
}
.desk-wide-eleven-twelfths {
width : 91.666%;
}
}
.brand {
font-family : "Helvetica Neue", sans-serif !important ;
color : #00adee !important ;
}
.brand-face {
font-family : "Helvetica Neue", sans-serif !important ;
}
.brand-color, .brand-colour {
color : #00adee !important ;
}
.float--right {
float : right !important ;
}
.float--left {
float : left !important ;
}
.float--none {
float : none !important ;
}
.text--left {
text-align : left !important ;
}
.text--center {
text-align : center !important ;
}
.text--right {
text-align : right !important ;
}
.weight--light {
font-weight : 300 !important ;
}
.weight--normal {
font-weight : 400 !important ;
}
.weight--semibold {
font-weight : 600 !important ;
}
.push {
margin : 2.22222rem !important ;
}
.push--top {
margin-top : 2.22222rem !important ;
}
.push--right {
margin-right : 2.22222rem !important ;
}
.push--bottom {
margin-bottom : 2.22222rem !important ;
}
.push--left {
margin-left : 2.22222rem !important ;
}
.push--ends {
margin : 2.22222rem 0 !important ;
}
.push--sides {
margin : 0 2.22222rem !important ;
}
.push-half {
margin : 1.11111rem !important ;
}
.push-half--top {
margin-top : 1.11111rem !important ;
}
.push-half--right {
margin-right : 1.11111rem !important ;
}
.push-half--bottom {
margin-bottom : 1.11111rem !important ;
}
.push-half--left {
margin-left : 1.11111rem !important ;
}
.push-half--ends {
margin : 1.11111rem 0 !important ;
}
.push-half--sides {
margin : 0 1.11111rem !important ;
}
.flush {
margin : 0 !important ;
}
.flush--top {
margin-top : 0 !important ;
}
.flush--right {
margin-right : 0 !important ;
}
.flush--bottom {
margin-bottom : 0 !important ;
}
.flush--left {
margin-left : 0 !important ;
}
.flush--ends {
margin-top : 0 !important ;
margin-bottom : 0 !important ;
}
.flush--sides {
margin-right : 0 !important ;
margin-left : 0 !important ;
}
.soft {
padding : 2.22222rem !important ;
}
.soft--top {
padding-top : 2.22222rem !important ;
}
.soft--right {
padding-right : 2.22222rem !important ;
}
.soft--bottom {
padding-bottom : 2.22222rem !important ;
}
.soft--left {
padding-left : 2.22222rem !important ;
}
.soft--ends {
padding : 2.22222rem 0 !important ;
}
.soft--sides {
padding : 0 2.22222rem !important ;
}
.soft-half {
padding : 1.11111rem !important ;
}
.soft-half--top {
padding-top : 1.11111rem !important ;
}
.soft-half--right {
padding-right : 1.11111rem !important ;
}
.soft-half--bottom {
padding-bottom : 1.11111rem !important ;
}
.soft-half--left {
padding-left : 1.11111rem !important ;
}
.soft-half--ends {
padding : 1.11111rem 0 !important ;
}
.soft-half--sides {
padding : 0 1.11111rem !important ;
}
.hard {
padding : 0 !important ;
}
.hard--top {
padding-top : 0 !important ;
}
.hard--right {
padding-right : 0 !important ;
}
.hard--bottom {
padding-bottom : 0 !important ;
}
.hard--left {
padding-left : 0 !important ;
}
.hard--ends {
padding-top : 0 !important ;
padding-bottom : 0 !important ;
}
.hard--sides {
padding-right : 0 !important ;
padding-left : 0 !important ;
}
.full-bleed {
margin-right : -2.22222rem !important ;
margin-left : -2.22222rem !important ;
}
.islet .full-bleed {
margin-right : -1.11111rem !important ;
margin-left : -1.11111rem !important ;
}
.informative {
cursor : help !important ;
}
.muted {
opacity : 0.5 !important ;
}
.proceed {
text-align : right !important ;
}
.go:after {
content : " " "»" !important ;
}
.caps {
text-transform : uppercase !important ;
}
.accessibility, .cProductList__categories__item--box .cProductList__categories__desc, .visuallyhidden {
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 ;
}
@media only screen and (max-width: 766px) {
.accessibility--palm, .cProduct__anotation, .visuallyhidden--palm {
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 ;
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
.accessibility--lap, .visuallyhidden--lap {
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 ;
}
}
@media only screen and (min-width: 767px) {
.accessibility--lap-and-up, .visuallyhidden--lap-and-up {
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 ;
}
}
@media only screen and (max-width: 1023px) {
.accessibility--portable, .visuallyhidden--portable {
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 ;
}
}
@media only screen and (min-width: 1024px) {
.accessibility--desk, .visuallyhidden--desk {
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 ;
}
}
@media only screen and (min-width: 1600px) {
.accessibility--desk-wide, .visuallyhidden--desk-wide {
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 ;
}
}
.grid {
list-style : none;
margin : 0 0 0 -1.83333rem;
padding : 0;
}
.grid__item, .label--inline, .label--inline + .field {
display : inline-block;
vertical-align : top;
width : 100%;
box-sizing : border-box;
}
.grid--rev {
direction : rtl;
text-align : left;
}
.grid--rev > .grid__item, .grid--rev > .label--inline, .grid--rev > .label--inline + .field {
direction : ltr;
text-align : left;
}
.grid--full {
margin-left : 0;
}
.grid--full > .grid__item, .grid--full > .label--inline, .grid--full > .label--inline + .field {
padding-left : 0;
}
.grid--right {
text-align : right;
}
.grid--right > .grid__item, .grid--right > .label--inline, .grid--right > .label--inline + .field {
text-align : left;
}
.grid--center {
text-align : center;
}
.grid--center > .grid__item, .grid--center > .label--inline, .grid--center > .label--inline + .field {
text-align : left;
}
.grid--middle > .grid__item, .grid--middle > .label--inline, .grid--middle > .label--inline + .field {
vertical-align : middle;
}
.grid--bottom > .grid__item, .grid--bottom > .label--inline, .grid--bottom > .label--inline + .field {
vertical-align : bottom;
}
.grid--narrow {
margin-left : -0.91667rem;
}
.grid--narrow > .grid__item, .grid--narrow > .label--inline, .grid--narrow > .label--inline + .field {
padding-left : 0.91667rem;
}
.grid--wide {
margin-left : -3.66667rem;
}
.grid--wide > .grid__item, .grid--wide > .label--inline, .grid--wide > .label--inline + .field {
padding-left : 3.66667rem;
}
.one-whole {
width : 100%;
}
.eight-sixteenths, .five-tenths, .four-eighths, .one-half, .six-twelfths, .three-sixths, .twelve-twentyfourths, .two-quarters {
width : 50%;
}
.eight-twentyfourths, .eighteen-twentyfourths, .four-twelfths, .one-third, .two-sixths {
width : 33.333%;
}
.eight-twelfths, .four-sixths, .sixteen-twentyfourths, .two-thirds {
width : 66.666%;
}
.four-sixteenths, .label--inline, .one-quarter, .six-twentyfourths, .three-twelfths, .two-eighths {
width : 25%;
}
.label--inline + .field, .nine-twelfths, .six-eighths, .three-quarters, .twelve-sixteenths {
width : 75%;
}
.one-fifth, .two-tenths {
width : 20%;
}
.four-tenths, .two-fifths {
width : 40%;
}
.six-tenths, .three-fifths {
width : 60%;
}
.eight-tenths, .four-fifths {
width : 80%;
}
.four-twentyfourths, .one-sixth, .two-twelfths {
width : 16.666%;
}
.five-sixths, .ten-twelfths, .twenty-twentyfourths {
width : 83.333%;
}
.one-eighth, .three-twentyfourths, .two-sixteenths {
width : 12.5%;
}
.nineteen-twentyfourths, .six-sixteenths, .three-eighths {
width : 37.5%;
}
.five-eighths {
width : 62.5%;
}
.fourteen-sixteenths, .seven-eighths, .twentyone-twentyfourths {
width : 87.5%;
}
.one-tenth {
width : 10%;
}
.three-tenths {
width : 30%;
}
.seven-tenths {
width : 70%;
}
.nine-tenths {
width : 90%;
}
.one-twelfth, .two-twentyfourths {
width : 8.333%;
}
.five-twelfths {
width : 41.666%;
}
.fourteen-twentyfourths, .seven-twelfths {
width : 58.333%;
}
.eleven-twelfths, .twentytwo-twentyfourths {
width : 91.666%;
}
.one-sixteenth {
width : 6.25%;
}
.three-sixteenths {
width : 18.75%;
}
.five-sixteenths {
width : 31.25%;
}
.seven-sixteenths {
width : 43.75%;
}
.nine-sixteenths {
width : 56.25%;
}
.ten-sixteenths {
width : 62.5%;
}
.eleven-sixteenths {
width : 68.75%;
}
.thirteen-sixteenths {
width : 81.25%;
}
.fifteen-sixteenths {
width : 93.75%;
}
.one-twentyfourth {
width : 4.16%;
}
.five-twentyfourths {
width : 20.83%;
}
.seven-twentyfourths {
width : 29.16%;
}
.nine-twentyfourths {
width : 37.5%;
}
.ten-twentyfourths {
width : 41.66%;
}
.eleven-twentyfourths {
width : 45.83%;
}
.thirteen-twentyfourths {
width : 54.16%;
}
.fifteen-twentyfourths {
width : 62.5%;
}
.seventeen-twentyfourths {
width : 70.83%;
}
.twentythree-twentyfourths {
width : 95.83%;
}
@media only screen and (max-width: 766px) {
.palm--one-whole {
width : 100%;
}
.palm--eight-sixteenths, .palm--five-tenths, .palm--four-eighths, .palm--one-half, .palm--six-twelfths, .palm--three-sixths, .palm--twelve-twentyfourths, .palm--two-quarters {
width : 50%;
}
.palm--eight-twentyfourths, .palm--eighteen-twentyfourths, .palm--four-twelfths, .palm--one-third, .palm--two-sixths {
width : 33.333%;
}
.palm--eight-twelfths, .palm--four-sixths, .palm--sixteen-twentyfourths, .palm--two-thirds {
width : 66.666%;
}
.palm--four-sixteenths, .palm--one-quarter, .palm--six-twentyfourths, .palm--three-twelfths, .palm--two-eighths {
width : 25%;
}
.palm--nine-twelfths, .palm--six-eighths, .palm--three-quarters, .palm--twelve-sixteenths {
width : 75%;
}
.palm--one-fifth, .palm--two-tenths {
width : 20%;
}
.palm--four-tenths, .palm--two-fifths {
width : 40%;
}
.palm--six-tenths, .palm--three-fifths {
width : 60%;
}
.palm--eight-tenths, .palm--four-fifths {
width : 80%;
}
.palm--four-twentyfourths, .palm--one-sixth, .palm--two-twelfths {
width : 16.666%;
}
.palm--five-sixths, .palm--ten-twelfths, .palm--twenty-twentyfourths {
width : 83.333%;
}
.palm--one-eighth, .palm--three-twentyfourths, .palm--two-sixteenths {
width : 12.5%;
}
.palm--nineteen-twentyfourths, .palm--six-sixteenths, .palm--three-eighths {
width : 37.5%;
}
.palm--five-eighths {
width : 62.5%;
}
.palm--fourteen-sixteenths, .palm--seven-eighths, .palm--twentyone-twentyfourths {
width : 87.5%;
}
.palm--one-tenth {
width : 10%;
}
.palm--three-tenths {
width : 30%;
}
.palm--seven-tenths {
width : 70%;
}
.palm--nine-tenths {
width : 90%;
}
.palm--one-twelfth, .palm--two-twentyfourths {
width : 8.333%;
}
.palm--five-twelfths {
width : 41.666%;
}
.palm--fourteen-twentyfourths, .palm--seven-twelfths {
width : 58.333%;
}
.palm--eleven-twelfths, .palm--twentytwo-twentyfourths {
width : 91.666%;
}
.palm--one-sixteenth {
width : 6.25%;
}
.palm--three-sixteenths {
width : 18.75%;
}
.palm--five-sixteenths {
width : 31.25%;
}
.palm--seven-sixteenths {
width : 43.75%;
}
.palm--nine-sixteenths {
width : 56.25%;
}
.palm--ten-sixteenths {
width : 62.5%;
}
.palm--eleven-sixteenths {
width : 68.75%;
}
.palm--thirteen-sixteenths {
width : 81.25%;
}
.palm--fifteen-sixteenths {
width : 93.75%;
}
.palm--one-twentyfourth {
width : 4.16%;
}
.palm--five-twentyfourths {
width : 20.83%;
}
.palm--seven-twentyfourths {
width : 29.16%;
}
.palm--nine-twentyfourths {
width : 37.5%;
}
.palm--ten-twentyfourths {
width : 41.66%;
}
.palm--eleven-twentyfourths {
width : 45.83%;
}
.palm--thirteen-twentyfourths {
width : 54.16%;
}
.palm--fifteen-twentyfourths {
width : 62.5%;
}
.palm--seventeen-twentyfourths {
width : 70.83%;
}
.palm--twentythree-twentyfourths {
width : 95.83%;
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
.lap--one-whole {
width : 100%;
}
.lap--eight-sixteenths, .lap--five-tenths, .lap--four-eighths, .lap--one-half, .lap--six-twelfths, .lap--three-sixths, .lap--twelve-twentyfourths, .lap--two-quarters {
width : 50%;
}
.lap--eight-twentyfourths, .lap--eighteen-twentyfourths, .lap--four-twelfths, .lap--one-third, .lap--two-sixths {
width : 33.333%;
}
.lap--eight-twelfths, .lap--four-sixths, .lap--sixteen-twentyfourths, .lap--two-thirds {
width : 66.666%;
}
.lap--four-sixteenths, .lap--one-quarter, .lap--six-twentyfourths, .lap--three-twelfths, .lap--two-eighths {
width : 25%;
}
.lap--nine-twelfths, .lap--six-eighths, .lap--three-quarters, .lap--twelve-sixteenths {
width : 75%;
}
.lap--one-fifth, .lap--two-tenths {
width : 20%;
}
.lap--four-tenths, .lap--two-fifths {
width : 40%;
}
.lap--six-tenths, .lap--three-fifths {
width : 60%;
}
.lap--eight-tenths, .lap--four-fifths {
width : 80%;
}
.lap--four-twentyfourths, .lap--one-sixth, .lap--two-twelfths {
width : 16.666%;
}
.lap--five-sixths, .lap--ten-twelfths, .lap--twenty-twentyfourths {
width : 83.333%;
}
.lap--one-eighth, .lap--three-twentyfourths, .lap--two-sixteenths {
width : 12.5%;
}
.lap--nineteen-twentyfourths, .lap--six-sixteenths, .lap--three-eighths {
width : 37.5%;
}
.lap--five-eighths {
width : 62.5%;
}
.lap--fourteen-sixteenths, .lap--seven-eighths, .lap--twentyone-twentyfourths {
width : 87.5%;
}
.lap--one-tenth {
width : 10%;
}
.lap--three-tenths {
width : 30%;
}
.lap--seven-tenths {
width : 70%;
}
.lap--nine-tenths {
width : 90%;
}
.lap--one-twelfth, .lap--two-twentyfourths {
width : 8.333%;
}
.lap--five-twelfths {
width : 41.666%;
}
.lap--fourteen-twentyfourths, .lap--seven-twelfths {
width : 58.333%;
}
.lap--eleven-twelfths, .lap--twentytwo-twentyfourths {
width : 91.666%;
}
.lap--one-sixteenth {
width : 6.25%;
}
.lap--three-sixteenths {
width : 18.75%;
}
.lap--five-sixteenths {
width : 31.25%;
}
.lap--seven-sixteenths {
width : 43.75%;
}
.lap--nine-sixteenths {
width : 56.25%;
}
.lap--ten-sixteenths {
width : 62.5%;
}
.lap--eleven-sixteenths {
width : 68.75%;
}
.lap--thirteen-sixteenths {
width : 81.25%;
}
.lap--fifteen-sixteenths {
width : 93.75%;
}
.lap--one-twentyfourth {
width : 4.16%;
}
.lap--five-twentyfourths {
width : 20.83%;
}
.lap--seven-twentyfourths {
width : 29.16%;
}
.lap--nine-twentyfourths {
width : 37.5%;
}
.lap--ten-twentyfourths {
width : 41.66%;
}
.lap--eleven-twentyfourths {
width : 45.83%;
}
.lap--thirteen-twentyfourths {
width : 54.16%;
}
.lap--fifteen-twentyfourths {
width : 62.5%;
}
.lap--seventeen-twentyfourths {
width : 70.83%;
}
.lap--twentythree-twentyfourths {
width : 95.83%;
}
}
@media only screen and (min-width: 1024px) {
.desk--one-whole {
width : 100%;
}
.desk--eight-sixteenths, .desk--five-tenths, .desk--four-eighths, .desk--one-half, .desk--six-twelfths, .desk--three-sixths, .desk--twelve-twentyfourths, .desk--two-quarters {
width : 50%;
}
.desk--eight-twentyfourths, .desk--eighteen-twentyfourths, .desk--four-twelfths, .desk--one-third, .desk--two-sixths {
width : 33.333%;
}
.desk--eight-twelfths, .desk--four-sixths, .desk--sixteen-twentyfourths, .desk--two-thirds {
width : 66.666%;
}
.desk--four-sixteenths, .desk--one-quarter, .desk--six-twentyfourths, .desk--three-twelfths, .desk--two-eighths {
width : 25%;
}
.desk--nine-twelfths, .desk--six-eighths, .desk--three-quarters, .desk--twelve-sixteenths {
width : 75%;
}
.desk--one-fifth, .desk--two-tenths {
width : 20%;
}
.desk--four-tenths, .desk--two-fifths {
width : 40%;
}
.desk--six-tenths, .desk--three-fifths {
width : 60%;
}
.desk--eight-tenths, .desk--four-fifths {
width : 80%;
}
.desk--four-twentyfourths, .desk--one-sixth, .desk--two-twelfths {
width : 16.666%;
}
.desk--five-sixths, .desk--ten-twelfths, .desk--twenty-twentyfourths {
width : 83.333%;
}
.desk--one-eighth, .desk--three-twentyfourths, .desk--two-sixteenths {
width : 12.5%;
}
.desk--nineteen-twentyfourths, .desk--six-sixteenths, .desk--three-eighths {
width : 37.5%;
}
.desk--five-eighths {
width : 62.5%;
}
.desk--fourteen-sixteenths, .desk--seven-eighths, .desk--twentyone-twentyfourths {
width : 87.5%;
}
.desk--one-tenth {
width : 10%;
}
.desk--three-tenths {
width : 30%;
}
.desk--seven-tenths {
width : 70%;
}
.desk--nine-tenths {
width : 90%;
}
.desk--one-twelfth, .desk--two-twentyfourths {
width : 8.333%;
}
.desk--five-twelfths {
width : 41.666%;
}
.desk--fourteen-twentyfourths, .desk--seven-twelfths {
width : 58.333%;
}
.desk--eleven-twelfths, .desk--twentytwo-twentyfourths {
width : 91.666%;
}
.desk--one-sixteenth {
width : 6.25%;
}
.desk--three-sixteenths {
width : 18.75%;
}
.desk--five-sixteenths {
width : 31.25%;
}
.desk--seven-sixteenths {
width : 43.75%;
}
.desk--nine-sixteenths {
width : 56.25%;
}
.desk--ten-sixteenths {
width : 62.5%;
}
.desk--eleven-sixteenths {
width : 68.75%;
}
.desk--thirteen-sixteenths {
width : 81.25%;
}
.desk--fifteen-sixteenths {
width : 93.75%;
}
.desk--one-twentyfourth {
width : 4.16%;
}
.desk--five-twentyfourths {
width : 20.83%;
}
.desk--seven-twentyfourths {
width : 29.16%;
}
.desk--nine-twentyfourths {
width : 37.5%;
}
.desk--ten-twentyfourths {
width : 41.66%;
}
.desk--eleven-twentyfourths {
width : 45.83%;
}
.desk--thirteen-twentyfourths {
width : 54.16%;
}
.desk--fifteen-twentyfourths {
width : 62.5%;
}
.desk--seventeen-twentyfourths {
width : 70.83%;
}
.desk--twentythree-twentyfourths {
width : 95.83%;
}
}
.btn--cart, .scrollTop {
background-color : transparent;
border : 0;
overflow : hidden;
text-indent : -9999px;
}
.cClientZone.dropDown label, .cCrumb .breadcrumb__item .icon-home, .cNewsletter label, .navbar__component--sideNav .dropNav, .navbar__component--sideNav .mDrop, .pageOverlay .cHeader__mainNav .dropNav, .pageOverlay .cHeader__mainNav .mDrop {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
width : 1px;
overflow : hidden;
padding : 0;
position : absolute;
left : -500%;
}
@media (max-width: 1023px) {
.visuallyhidden--deskDown {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
width : 1px;
overflow : hidden;
padding : 0;
position : absolute;
left : -500%;
}
}
@media screen and (min-width: 767px) {
.visuallyhidden--lapAndUp {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
width : 1px;
overflow : hidden;
padding : 0;
position : absolute;
left : -500%;
}
}
@media screen and (min-width: 767px) {
.d-n-lapAndUp {
display : none !important ;
}
}
.accordion--tabs:after, .accordion--tabs:before, .accordion__item__content:after, .accordion__item__content:before, .cClientZone.fullScreen .grid__item:after, .cClientZone.fullScreen .grid__item:before, .cClientZone.fullScreen .label--inline + .field:after, .cClientZone.fullScreen .label--inline + .field:before, .cClientZone.fullScreen .label--inline:after, .cClientZone.fullScreen .label--inline:before, .cCube:after, .cCube:before, .cDesc:after, .cDesc:before, .cFiles__row:after, .cFiles__row:before, .cFtr .cProductListBox:after, .cFtr .cProductListBox:before, .cFtr__item:after, .cFtr__item:before, .cGallery--nearby:after, .cGallery--nearby:before, .cHorGap:after, .cHorGap:before, .cImageBox:after, .cImageBox:before, .cImageSlider:after, .cImageSlider:before, .cNews--arch:after, .cNews--arch:before, .cNews--newsticker .rsSlide:after, .cNews--newsticker .rsSlide:before, .cPag:after, .cPag:before, .cPag__nav:after, .cPag__nav:before, .cPerex:after, .cPerex:before, .cPerson__link:after, .cPerson__link:before, .cProductList--box .grid:after, .cProductList--box .grid:before, .cProductList--image-wrap:after, .cProductList--image-wrap:before, .cProductListBox:after, .cProductListBox:before, .cProductListBox__innerContent:after, .cProductListBox__innerContent:before, .cProductList__anotation:after, .cProductList__anotation:before, .cProductList__categories__item__in--box:after, .cProductList__categories__item__in--box:before, .cProductList__panel:after, .cProductList__panel:before, .cProductList__type:after, .cProductList__type:before, .cProduct__info:after, .cProduct__info:before, .cTally__item:after, .cTally__item:before, .cftSearch__autocomplete__item__link:after, .cftSearch__autocomplete__item__link:before, .glyph:after, .glyph:before, .gt600 .cNews--img__content:after, .gt600 .cNews--img__content:before, .mobileHeader__toolbar:after, .mobileHeader__toolbar:before, .productMenu--inline:after, .productMenu--inline:before, .row--htmlVideo:after, .row--htmlVideo:before, .royalSlider--rsNavWide .rsTmb__content:after, .royalSlider--rsNavWide .rsTmb__content:before {
content : '';
display : table;
}
.accordion--tabs:after, .accordion__item__content:after, .cClientZone.fullScreen .grid__item:after, .cClientZone.fullScreen .label--inline + .field:after, .cClientZone.fullScreen .label--inline:after, .cCube:after, .cDesc:after, .cFiles__row:after, .cFtr .cProductListBox:after, .cFtr__item:after, .cGallery--nearby:after, .cHorGap:after, .cImageBox:after, .cImageSlider:after, .cNews--arch:after, .cNews--newsticker .rsSlide:after, .cPag:after, .cPag__nav:after, .cPerex:after, .cPerson__link:after, .cProductList--box .grid:after, .cProductList--image-wrap:after, .cProductListBox:after, .cProductListBox__innerContent:after, .cProductList__anotation:after, .cProductList__categories__item__in--box:after, .cProductList__panel:after, .cProductList__type:after, .cProduct__info:after, .cTally__item:after, .cftSearch__autocomplete__item__link:after, .glyph:after, .gt600 .cNews--img__content:after, .mobileHeader__toolbar:after, .productMenu--inline:after, .row--htmlVideo:after, .royalSlider--rsNavWide .rsTmb__content:after {
clear : both;
}
.cForm .form-fields__inner, .cPerson--columns {
font-family : iconfnt;
}
.cForm .form-fields__inner > *, .cPerson--columns > * {
font-family : Roboto, sans-serif;
}
.cMap--mobile .cForm::before, .cMap--mobile .cPerson__link--icon-email, .cMap--mobile .cPerson__link--icon-mobile, .cMap--mobile .icon-location, .cMap--mobile .icon-mail, .cMap--mobile .icon-phone, .cMap--mobile .infoText--mail::before, .cMap--mobile .infoText--phone::before, .cMap--mobile .squeeze-page .cForm .form-fields__inner:first-child::before, .cMap__locButton, .productFilter__title, .squeeze-page .cForm .cMap--mobile .form-fields__inner:first-child::before {
position : absolute;
top : 50%;
width : auto;
transform : translateY(-50%);
}
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom .cBlockquote__portrait, .cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top .cBlockquote__portrait, .cLang .drop {
position : absolute;
left : 50%;
height : auto;
transform : translateX(-50%);
}
.cCounter__label--isCircleCounter, .cGnotation__panel, .cInstagram__stats, .cPathBox--imageCover .cPathBox__desc__text, .cPathBox--imageCover .cPathBox__title, .cProductListImg__availability .cAvailability, .cVideo__btn .icon, .cVideo__btn .icon::before, .glyph--has-bg .glyph__icon, .row--htmlVideo .cVideo, .row--htmlVideo .videoContent, .rsClear .rsThumbsArrowIcn, .rsDefault .rsArrowIcn, .spinner__img, .ui-slider .ui-slider-handle.ui-state-default::before, html .mfp-preloader {
position : absolute;
left : 50%;
top : 50%;
transform : translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 766px) {
.hideOnMobile {
display : none !important ;
}
}
@media screen and (min-width: 767px) {
.hideOnDesk {
display : none;
}
}
@media screen and (max-width: 766px) {
.cMap .btn, .cMap .cClientZone__logout, .cMap .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMap .cftSearch__submit {
display : block;
width : 100%;
}
}
.cftSearch--fullScreen__overlay {
left : 0;
width : 100%;
overflow-x : hidden;
height : 100%;
z-index : 100;
}
.cTooltip__helper, .check-list__item {
display : inline-block;
vertical-align : middle;
}
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx, .h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx, .h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx, .h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx, .h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx, .h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx, .h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx, .h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx, .h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx, h1, h2, h3, h4, h5, h6 {
margin-bottom : 0.66667rem;
}
@media screen and (min-width: 767px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom : 0.66667rem;
}
}
@media screen and (min-width: 1024px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom : 1.33333rem;
}
}
@media screen and (min-width: 1600px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom : 1.33333rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom : 0.33333rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom : 0.66667rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-half-spacing .cHeading, .h-heading-b-half-spacing .cHeading__hx {
margin-bottom : 0.66667rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom : 0.16667rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom : 0.33333rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-quarter-spacing .cHeading, .h-heading-b-quarter-spacing .cHeading__hx {
margin-bottom : 0.33333rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom : 0.83333rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom : 1.66667rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-5quarters-spacing .cHeading, .h-heading-b-5quarters-spacing .cHeading__hx {
margin-bottom : 1.66667rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom : 1rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom : 2rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-6quarters-spacing .cHeading, .h-heading-b-6quarters-spacing .cHeading__hx {
margin-bottom : 2rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom : 1.16667rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom : 2.33333rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-7quarters-spacing .cHeading, .h-heading-b-7quarters-spacing .cHeading__hx {
margin-bottom : 2.33333rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom : 1.33333rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom : 2.66667rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-2x-spacing .cHeading, .h-heading-b-2x-spacing .cHeading__hx {
margin-bottom : 2.66667rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom : 2rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom : 4rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-3x-spacing .cHeading, .h-heading-b-3x-spacing .cHeading__hx {
margin-bottom : 4rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom : 2.66667rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom : 5.33333rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-4x-spacing .cHeading, .h-heading-b-4x-spacing .cHeading__hx {
margin-bottom : 5.33333rem;
}
}
@media screen and (min-width: 767px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom : 0.66667rem;
}
}
@media screen and (min-width: 1024px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom : 1.33333rem;
}
}
@media screen and (min-width: 1600px) {
.h-heading-b-custom-spacing .cHeading, .h-heading-b-custom-spacing .cHeading__hx {
margin-bottom : 1.33333rem;
}
}
.iconAndText {
display : inline-block;
text-decoration : none;
vertical-align : middle;
margin-right : 0.55556rem;
}
.iconAndText:before {
margin-right : 0.55556rem;
font-size : 40px;
font-size : 2.22222rem;
line-height : 0;
vertical-align : middle;
}
.iconAndText:after {
margin-left : 0.55556rem;
font-size : 40px;
font-size : 2.22222rem;
line-height : 0;
vertical-align : middle;
}
.iconAndText--palmButton {
padding : 1.11111rem;
margin-bottom : 1.11111rem;
}
.inline-block {
display : block;
margin-bottom : 1.11111rem;
}
.inline-block:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.inline-block {
display : inline-block;
vertical-align : middle;
margin-right : 1.11111rem;
margin-bottom : 0;
}
.inline-block:last-child {
margin-right : 0;
}
}
@media screen and (max-width: 766px) {
.img--center, .img--left, .img--right, .lt500 .cNews--img__img {
display : block;
float : none;
margin : 0 auto;
}
}
@media screen and (max-width: 766px) {
.img--medium, .img--short, .img--tall {
height : auto;
}
}
@media screen and (max-width: 766px) {
.matrix > li, .multi-list > li {
width : 100%;
}
}
@media screen and (max-width: 766px) {
.block-list > li {
padding : 0;
}
}
@media screen and (max-width: 766px) {
.block-list__link {
margin : 0;
padding : 0;
}
}
@media screen and (max-width: 766px) {
.flexbox, .flexbox__item {
display : block;
}
}
.cftSearch--fullScreen .cftSearch__autocomplete, .noDesign {
background : 0 0 !important ;
border : 0 !important ;
box-shadow : none !important ;
border-radius : 0 !important ;
}
.cftSearch--fullScreen .cftSearch__autocomplete:after, .cftSearch--fullScreen .cftSearch__autocomplete:before, .noDesign:after, .noDesign:before {
border : 0;
}
.cftSearch--fullScreen .cftSearch__autocomplete:focus, .noDesign:focus {
color : inherit;
outline : 0;
}
.noDecoration {
text-decoration : none;
}
.noDecoration:hover {
text-decoration : none !important ;
}
.cMap.lt700 .cMap__field__title, .cMap.lt700 .field, .cMap__field, .cMap__field > label, .cNavMenu--cols .block-grid--item-soft .block-grid__item, .cftSearch--fullScreen .cftSearch__autocomplete {
display : block;
width : 100%;
}
.p25, .p50, .p75 {
width : 100%;
}
@media screen and (min-width: 767px) {
.p25 {
width : 25%;
}
}
@media screen and (min-width: 767px) {
.p50 {
width : 50%;
}
}
@media screen and (min-width: 767px) {
.p75 {
width : 75%;
}
}
.noLink {
font-weight : 400;
}
@media screen and (min-width: 767px) {
.noLink {
text-decoration : none;
color : #666;
font-weight : inherit;
}
.noLink:hover {
color : #666;
}
}
.none {
display : none !important ;
}
.aspectRatio {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.aspectRatio [class$="__inner"], .aspectRatio img {
position : absolute;
width : 100%;
}
.aspectRatio--4-3:after {
padding-top : 75%;
display : block;
content : '';
}
.aspectRatio--16-9:after {
padding-top : 56.25%;
display : block;
content : '';
}
.aspectRatio--1-1:after {
padding-top : 100%;
display : block;
content : '';
}
.pleft0 {
padding-left : 0 !important ;
}
.pTop0 {
padding-top : 0 !important ;
}
.pBottom0 {
padding-bottom : 0 !important ;
}
.pRight0 {
padding-right : 0 !important ;
}
.mleft0 {
margin-left : 0 !important ;
}
.mTop0 {
margin-top : 0 !important ;
}
.mBottom0 {
margin-bottom : 0 !important ;
}
.mRight0 {
margin-right : 0 !important ;
}
@media screen and (min-width: 767px) {
.lap-mBottom0 {
margin-bottom : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.lap-mTop0 {
margin-top : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.lap-mLeft0 {
margin-left : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.lap-mRight0 {
margin-right : 0 !important ;
}
}
.sliderFixClass .rsContent .cHtmlSlider__box, .sliderFixClass .rsContent:not(:first-child) {
display : none !important ;
}
.inlineBlock {
display : inline-block;
vertical-align : middle;
}
.p0 {
padding : 0 !important ;
}
.pl0 {
padding-left : 0 !important ;
}
.pr0 {
padding-right : 0 !important ;
}
.pb0 {
padding-bottom : 0 !important ;
}
.pt0 {
padding-top : 0 !important ;
}
@media screen and (min-width: 767px) {
.p-l-p-0 {
padding : 0 !important ;
}
}
@media screen and (min-width: 1024px) {
.p-d-p-0 {
padding : 0 !important ;
}
}
.m0 {
margin : 0 !important ;
}
.ml0 {
margin-left : 0 !important ;
}
.mr0 {
margin-right : 0 !important ;
}
.mb0 {
margin-bottom : 0 !important ;
}
.mt0 {
margin-top : 0 !important ;
}
.borderBottom0 {
border-bottom : 0 !important ;
}
.html--fixed {
top : 0;
left : 0;
width : 100%;
height : 100%;
overflow : hidden;
}
@media screen and (min-width: 767px) {
.html--fixed {
position : fixed !important ;
}
}
.html--fixed .siteWrapper {
padding-top : 0 !important ;
}
.cGnotation img img, .objectFit img {
width : 100%;
height : 100%;
object-fit : cover;
}
.objectFit--fallback {
background-size : cover;
background-position : center center;
background-repeat : no-repeat;
}
.objectFit--fallback img {
display : none !important ;
}
.cHtmlSlider .objectFit--fallback img, .cImageSlider .objectFit--fallback img, .cSubpages .objectFit--fallback img {
display : block !important ;
visibility : hidden;
}
.productImageOverlay.cGallery a::before {
display : none !important ;
}
.productImageOverlay.cGallery a:hover img {
transform : none !important ;
}
.productImageOverlay.cGallery[class*="cGallery--ratio"] a:hover img {
transform : translateY(-50%) !important ;
}
.h-overlay {
position : relative;
}
.h-overlay .rsSlide::before {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : rgb(0, 0, 0, 0.7);
z-index : 1;
content : '';
}
.h-row-overlay {
position : relative;
}
.h-row-overlay::before {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : rgb(0, 0, 0, 0.7);
z-index : 1;
content : '';
}
.h-row-overlay .cCube, .h-row-overlay .row--htmlVideo {
position : relative;
z-index : 2;
color : #fff;
}
.h-row-overlay .cCube .cHeading, .h-row-overlay .row--htmlVideo .cHeading {
color : #fff;
}
.h-row-brand-overlay {
position : relative;
}
.h-row-brand-overlay::before {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : rgb(0, 173, 238, 0.5);
z-index : 1;
content : '';
}
.h-row-brand-overlay .cCube, .h-row-brand-overlay .row--htmlVideo {
position : relative;
z-index : 2;
color : #fff;
}
.h-row-brand-overlay .cCube .cHeading, .h-row-brand-overlay .row--htmlVideo .cHeading {
color : #fff;
}
.h-color-lighter {
color : #ccc;
}
.h-color-lighter .cHeading {
color : inherit;
}
.h-wrapper-width {
max-width : 1250px;
margin-left : auto;
margin-right : auto;
}
.mb-0 {
margin-bottom : 0 !important ;
}
.mt-0 {
margin-top : 0 !important ;
}
.ml-0 {
margin-left : 0 !important ;
}
.mr-0 {
margin-right : 0 !important ;
}
.pb-0 {
padding-bottom : 0 !important ;
}
.pt-0 {
padding-top : 0 !important ;
}
.pl-0 {
padding-left : 0 !important ;
}
.pr-0 {
padding-right : 0 !important ;
}
@media screen and (max-width: 766px) {
.mb-palm-0 {
margin-bottom : 0 !important ;
}
.mt-palm-0 {
margin-top : 0 !important ;
}
.ml-palm-0 {
margin-left : 0 !important ;
}
.mr-palm-0 {
margin-right : 0 !important ;
}
.pb-palm-0 {
padding-bottom : 0 !important ;
}
.pt-palm-0 {
padding-top : 0 !important ;
}
.pl-palm-0 {
padding-left : 0 !important ;
}
.pr-palm-0 {
padding-right : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.mb-lap-up-0 {
margin-bottom : 0 !important ;
}
.mt-lap-up-0 {
margin-top : 0 !important ;
}
.ml-lap-up-0 {
margin-left : 0 !important ;
}
.mr-lap-up-0 {
margin-right : 0 !important ;
}
.pb-lap-up-0 {
padding-bottom : 0 !important ;
}
.pt-lap-up-0 {
padding-top : 0 !important ;
}
.pl-lap-up-0 {
padding-left : 0 !important ;
}
.pr-lap-up-0 {
padding-right : 0 !important ;
}
}
@media screen and (min-width: 1024px) {
.mb-desk-up-0 {
margin-bottom : 0 !important ;
}
.mt-desk-up-0 {
margin-top : 0 !important ;
}
.ml-desk-up-0 {
margin-left : 0 !important ;
}
.mr-desk-up-0 {
margin-right : 0 !important ;
}
.pb-desk-up-0 {
padding-bottom : 0 !important ;
}
.pt-desk-up-0 {
padding-top : 0 !important ;
}
.pl-desk-up-0 {
padding-left : 0 !important ;
}
.pr-desk-up-0 {
padding-right : 0 !important ;
}
}
@media screen and (min-width: 1600px) {
.mb-desk-w--up-0 {
margin-bottom : 0 !important ;
}
.mt-desk-w--up-0 {
margin-top : 0 !important ;
}
.ml-desk-w--up-0 {
margin-left : 0 !important ;
}
.mr-desk-w--up-0 {
margin-right : 0 !important ;
}
.pb-desk-w--up-0 {
padding-bottom : 0 !important ;
}
.pt-desk-w--up-0 {
padding-top : 0 !important ;
}
.pl-desk-w--up-0 {
padding-left : 0 !important ;
}
.pr-desk-w--up-0 {
padding-right : 0 !important ;
}
}
.h-cube-b-spacing {
margin-bottom : 40px !important ;
}
@media screen and (min-width: 767px) {
.h-cube-b-spacing {
margin-bottom : 80px !important ;
}
}
@media screen and (min-width: 1024px) {
.h-cube-b-spacing {
margin-bottom : 120px !important ;
}
}
.h-cube-2x-b-spacing, .h-cube-half-b-spacing, .h-cube-third-b-spacing {
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.h-cube-half-b-spacing {
margin-bottom : 40px !important ;
}
}
@media screen and (min-width: 1024px) {
.h-cube-half-b-spacing {
margin-bottom : 60px !important ;
}
}
@media screen and (min-width: 767px) {
.h-cube-third-b-spacing {
margin-bottom : 26.67px !important ;
}
}
@media screen and (min-width: 1024px) {
.h-cube-third-b-spacing {
margin-bottom : 40px !important ;
}
}
@media screen and (min-width: 767px) {
.h-cube-2x-b-spacing {
margin-bottom : 160px !important ;
}
}
@media screen and (min-width: 1024px) {
.h-cube-2x-b-spacing {
margin-bottom : 240px !important ;
}
}
.h-last-no-b-spacing ol:last-child, .h-last-no-b-spacing p:last-child, .h-last-no-b-spacing ul:last-child {
margin-bottom : 0;
}
.row--big-v-gap {
padding-top : 4.44444rem;
padding-bottom : 4.44444rem;
}
.row--normal-v-gap {
padding-top : 2.22222rem;
padding-bottom : 2.22222rem;
}
.row--small-v-gap {
padding-top : 1.11111rem;
padding-bottom : 1.11111rem;
}
@media (max-width: 766px) {
.hide--palm {
display : none !important ;
}
}
@media screen and (min-width: 767px) {
.hide--lapAndUp {
display : none !important ;
}
}
@media (max-width: 766px) {
.hide--palm {
display : none !important ;
}
}
@media screen and (min-width: 767px) {
.hide--lapAndUp {
display : none !important ;
}
}
@media screen and (min-width: 1025px) {
.hide--deskAndUp {
display : none !important ;
}
}
@media (max-width: 766px) {
.hide--lapAndDown {
display : none !important ;
}
}
@media (max-width: 1024px) {
.hide--deskAndDown {
display : none !important ;
}
}
.hide {
display : none !important ;
}
.h-heading-fw-100 .cHeading, .h-heading-fw-100 .cHeading__hx {
font-weight : 100;
}
.h-heading-fw-200 .cHeading, .h-heading-fw-200 .cHeading__hx {
font-weight : 200;
}
.h-heading-fw-300 .cHeading, .h-heading-fw-300 .cHeading__hx {
font-weight : 300;
}
.h-heading-fw-400 .cHeading, .h-heading-fw-400 .cHeading__hx {
font-weight : 400;
}
.h-heading-fw-500 .cHeading, .h-heading-fw-500 .cHeading__hx {
font-weight : 500;
}
.h-heading-fw-600 .cHeading, .h-heading-fw-600 .cHeading__hx {
font-weight : 600;
}
.h-heading-fw-700 .cHeading, .h-heading-fw-700 .cHeading__hx {
font-weight : 700;
}
.h-heading-fw-900 .cHeading, .h-heading-fw-900 .cHeading__hx {
font-weight : 900;
}
.h-paralax-bg {
background-size : cover;
background-attachment : fixed;
background-position : center;
background-repeat : no-repeat;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
.text--lap-left {
text-align : left !important ;
}
}
.input-number-no-spins::-webkit-inner-spin-button, .input-number-no-spins::-webkit-outer-spin-button {
margin : 0 !important ;
}
.sp-file-3gp {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px 0;
width : 28px;
height : 28px;
}
.sp-file-7z {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -56px;
width : 28px;
height : 28px;
}
.sp-file-ae {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -28px;
width : 28px;
height : 28px;
}
.sp-file-ai {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -28px;
width : 28px;
height : 28px;
}
.sp-file-apk {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px 0;
width : 28px;
height : 28px;
}
.sp-file-asf {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -28px;
width : 28px;
height : 28px;
}
.sp-file-avi {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -56px;
width : 28px;
height : 28px;
}
.sp-file-bak {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -56px;
width : 28px;
height : 28px;
}
.sp-file-bmp {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -56px;
width : 28px;
height : 28px;
}
.sp-file-cdr {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px 0;
width : 28px;
height : 28px;
}
.sp-file-css {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -28px;
width : 28px;
height : 28px;
}
.sp-file-csv {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -56px;
width : 28px;
height : 28px;
}
.sp-file-divx {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -84px;
width : 28px;
height : 28px;
}
.sp-file-dll {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -84px;
width : 28px;
height : 28px;
}
.sp-file-doc {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -84px;
width : 28px;
height : 28px;
}
.sp-file-docx {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -84px;
width : 28px;
height : 28px;
}
.sp-file-dot {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px 0;
width : 28px;
height : 28px;
}
.sp-file-dw {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -28px;
width : 28px;
height : 28px;
}
.sp-file-dwg {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -56px;
width : 28px;
height : 28px;
}
.sp-file-empty {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -84px;
width : 28px;
height : 28px;
}
.sp-file-eps {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -112px;
width : 28px;
height : 28px;
}
.sp-file-exe {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -112px;
width : 28px;
height : 28px;
}
.sp-file-flv {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -112px;
width : 28px;
height : 28px;
}
.sp-file-fw {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -112px;
width : 28px;
height : 28px;
}
.sp-file-gif {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -112px;
width : 28px;
height : 28px;
}
.sp-file-gz {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px 0;
width : 28px;
height : 28px;
}
.sp-file-html {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -28px;
width : 28px;
height : 28px;
}
.sp-file-ico {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 0;
width : 28px;
height : 28px;
}
.sp-file-iso {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -84px;
width : 28px;
height : 28px;
}
.sp-file-jar {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -112px;
width : 28px;
height : 28px;
}
.sp-file-jpg {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -140px;
width : 28px;
height : 28px;
}
.sp-file-js {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -140px;
width : 28px;
height : 28px;
}
.sp-file-mov {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -140px;
width : 28px;
height : 28px;
}
.sp-file-mp3 {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -140px;
width : 28px;
height : 28px;
}
.sp-file-mp4 {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -140px;
width : 28px;
height : 28px;
}
.sp-file-mpeg {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -140px;
width : 28px;
height : 28px;
}
.sp-file-pdf {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px 0;
width : 28px;
height : 28px;
}
.sp-file-php {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -28px;
width : 28px;
height : 28px;
}
.sp-file-png {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -56px;
width : 28px;
height : 28px;
}
.sp-file-ppt {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -84px;
width : 28px;
height : 28px;
}
.sp-file-pptx {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -112px;
width : 28px;
height : 28px;
}
.sp-file-ps {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -140px;
width : 28px;
height : 28px;
}
.sp-file-psd {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : 0 -168px;
width : 28px;
height : 28px;
}
.sp-file-rar {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -28px -168px;
width : 28px;
height : 28px;
}
.sp-file-svg {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -56px -168px;
width : 28px;
height : 28px;
}
.sp-file-swf {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -84px -168px;
width : 28px;
height : 28px;
}
.sp-file-sys {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -112px -168px;
width : 28px;
height : 28px;
}
.sp-file-tar {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -140px -168px;
width : 28px;
height : 28px;
}
.sp-file-tiff {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -168px -168px;
width : 28px;
height : 28px;
}
.sp-file-txt {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -196px 0;
width : 28px;
height : 28px;
}
.sp-file-wav {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -196px -28px;
width : 28px;
height : 28px;
}
.sp-file-xls {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -196px -56px;
width : 28px;
height : 28px;
}
.sp-file-xlsx {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -196px -84px;
width : 28px;
height : 28px;
}
.sp-file-zip {
background-image : url(../img/spriteMap/sprite.png?v=a13e);
background-position : -196px -112px;
width : 28px;
height : 28px;
}
@font-face {
font-family : font-awesome;
font-style : normal;
font-weight : 400;
src : url(../fonts/iconfontSets/fontAwesome/fontawesome-webfont.woff2) format("woff2"), url(../fonts/iconfontSets/fontAwesome/fontawesome-webfont.woff?v=fee6) format("woff"), url(../fonts/iconfontSets/fontAwesome/fontawesome-webfont.ttf) format("truetype");
}
.glyph__icon, .glyph__icon::before {
display : inline-block;
font-family : font-awesome;
font-size : inherit;
font-weight : 400;
font-style : normal;
}
.fa-glass:before {
content : "";
}
.fa-music:before {
content : "";
}
.fa-search:before {
content : "";
}
.fa-envelope-o:before {
content : "";
}
.fa-heart:before {
content : "";
}
.fa-star:before {
content : "";
}
.fa-star-o:before {
content : "";
}
.fa-user:before {
content : "";
}
.fa-film:before {
content : "";
}
.fa-th-large:before {
content : "";
}
.fa-th:before {
content : "";
}
.fa-th-list:before {
content : "";
}
.fa-check:before {
content : "";
}
.fa-close:before, .fa-remove:before, .fa-times:before {
content : "";
}
.fa-search-plus:before {
content : "";
}
.fa-search-minus:before {
content : "";
}
.fa-power-off:before {
content : "";
}
.fa-signal:before {
content : "";
}
.fa-cog:before, .fa-gear:before {
content : "";
}
.fa-trash-o:before {
content : "";
}
.fa-home:before {
content : "";
}
.fa-file-o:before {
content : "";
}
.fa-clock-o:before {
content : "";
}
.fa-road:before {
content : "";
}
.fa-download:before {
content : "";
}
.fa-arrow-circle-o-down:before {
content : "";
}
.fa-arrow-circle-o-up:before {
content : "";
}
.fa-inbox:before {
content : "";
}
.fa-play-circle-o:before {
content : "";
}
.fa-repeat:before, .fa-rotate-right:before {
content : "";
}
.fa-refresh:before {
content : "";
}
.fa-list-alt:before {
content : "";
}
.fa-lock:before {
content : "";
}
.fa-flag:before {
content : "";
}
.fa-headphones:before {
content : "";
}
.fa-volume-off:before {
content : "";
}
.fa-volume-down:before {
content : "";
}
.fa-volume-up:before {
content : "";
}
.fa-qrcode:before {
content : "";
}
.fa-barcode:before {
content : "";
}
.fa-tag:before {
content : "";
}
.fa-tags:before {
content : "";
}
.fa-book:before {
content : "";
}
.fa-bookmark:before {
content : "";
}
.fa-print:before {
content : "";
}
.fa-camera:before {
content : "";
}
.fa-font:before {
content : "";
}
.fa-bold:before {
content : "";
}
.fa-italic:before {
content : "";
}
.fa-text-height:before {
content : "";
}
.fa-text-width:before {
content : "";
}
.fa-align-left:before {
content : "";
}
.fa-align-center:before {
content : "";
}
.fa-align-right:before {
content : "";
}
.fa-align-justify:before {
content : "";
}
.fa-list:before {
content : "";
}
.fa-dedent:before, .fa-outdent:before {
content : "";
}
.fa-indent:before {
content : "";
}
.fa-video-camera:before {
content : "";
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
content : "";
}
.fa-pencil:before {
content : "";
}
.fa-map-marker:before {
content : "";
}
.fa-adjust:before {
content : "";
}
.fa-tint:before {
content : "";
}
.fa-edit:before, .fa-pencil-square-o:before {
content : "";
}
.fa-share-square-o:before {
content : "";
}
.fa-check-square-o:before {
content : "";
}
.fa-arrows:before {
content : "";
}
.fa-step-backward:before {
content : "";
}
.fa-fast-backward:before {
content : "";
}
.fa-backward:before {
content : "";
}
.fa-play:before {
content : "";
}
.fa-pause:before {
content : "";
}
.fa-stop:before {
content : "";
}
.fa-forward:before {
content : "";
}
.fa-fast-forward:before {
content : "";
}
.fa-step-forward:before {
content : "";
}
.fa-eject:before {
content : "";
}
.fa-chevron-left:before {
content : "";
}
.fa-chevron-right:before {
content : "";
}
.fa-plus-circle:before {
content : "";
}
.fa-minus-circle:before {
content : "";
}
.fa-times-circle:before {
content : "";
}
.fa-check-circle:before {
content : "";
}
.fa-question-circle:before {
content : "";
}
.fa-info-circle:before {
content : "";
}
.fa-crosshairs:before {
content : "";
}
.fa-times-circle-o:before {
content : "";
}
.fa-check-circle-o:before {
content : "";
}
.fa-ban:before {
content : "";
}
.fa-arrow-left:before {
content : "";
}
.fa-arrow-right:before {
content : "";
}
.fa-arrow-up:before {
content : "";
}
.fa-arrow-down:before {
content : "";
}
.fa-mail-forward:before, .fa-share:before {
content : "";
}
.fa-expand:before {
content : "";
}
.fa-compress:before {
content : "";
}
.fa-plus:before {
content : "";
}
.fa-minus:before {
content : "";
}
.fa-asterisk:before {
content : "";
}
.fa-exclamation-circle:before {
content : "";
}
.fa-gift:before {
content : "";
}
.fa-leaf:before {
content : "";
}
.fa-fire:before {
content : "";
}
.fa-eye:before {
content : "";
}
.fa-eye-slash:before {
content : "";
}
.fa-exclamation-triangle:before, .fa-warning:before {
content : "";
}
.fa-plane:before {
content : "";
}
.fa-calendar:before {
content : "";
}
.fa-random:before {
content : "";
}
.fa-comment:before {
content : "";
}
.fa-magnet:before {
content : "";
}
.fa-chevron-up:before {
content : "";
}
.fa-chevron-down:before {
content : "";
}
.fa-retweet:before {
content : "";
}
.fa-shopping-cart:before {
content : "";
}
.fa-folder:before {
content : "";
}
.fa-folder-open:before {
content : "";
}
.fa-arrows-v:before {
content : "";
}
.fa-arrows-h:before {
content : "";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content : "";
}
.fa-twitter-square:before {
content : "";
}
.fa-facebook-square:before {
content : "";
}
.fa-camera-retro:before {
content : "";
}
.fa-key:before {
content : "";
}
.fa-cogs:before, .fa-gears:before {
content : "";
}
.fa-comments:before {
content : "";
}
.fa-thumbs-o-up:before {
content : "";
}
.fa-thumbs-o-down:before {
content : "";
}
.fa-star-half:before {
content : "";
}
.fa-heart-o:before {
content : "";
}
.fa-sign-out:before {
content : "";
}
.fa-linkedin-square:before {
content : "";
}
.fa-thumb-tack:before {
content : "";
}
.fa-external-link:before {
content : "";
}
.fa-sign-in:before {
content : "";
}
.fa-trophy:before {
content : "";
}
.fa-github-square:before {
content : "";
}
.fa-upload:before {
content : "";
}
.fa-lemon-o:before {
content : "";
}
.fa-phone:before {
content : "";
}
.fa-square-o:before {
content : "";
}
.fa-bookmark-o:before {
content : "";
}
.fa-phone-square:before {
content : "";
}
.fa-twitter:before {
content : "";
}
.fa-facebook-f:before, .fa-facebook:before {
content : "";
}
.fa-github:before {
content : "";
}
.fa-unlock:before {
content : "";
}
.fa-credit-card:before {
content : "";
}
.fa-feed:before, .fa-rss:before {
content : "";
}
.fa-hdd-o:before {
content : "";
}
.fa-bullhorn:before {
content : "";
}
.fa-bell:before {
content : "";
}
.fa-certificate:before {
content : "";
}
.fa-hand-o-right:before {
content : "";
}
.fa-hand-o-left:before {
content : "";
}
.fa-hand-o-up:before {
content : "";
}
.fa-hand-o-down:before {
content : "";
}
.fa-arrow-circle-left:before {
content : "";
}
.fa-arrow-circle-right:before {
content : "";
}
.fa-arrow-circle-up:before {
content : "";
}
.fa-arrow-circle-down:before {
content : "";
}
.fa-globe:before {
content : "";
}
.fa-wrench:before {
content : "";
}
.fa-tasks:before {
content : "";
}
.fa-filter:before {
content : "";
}
.fa-briefcase:before {
content : "";
}
.fa-arrows-alt:before {
content : "";
}
.fa-group:before, .fa-users:before {
content : "";
}
.fa-chain:before, .fa-link:before {
content : "";
}
.fa-cloud:before {
content : "";
}
.fa-flask:before {
content : "";
}
.fa-cut:before, .fa-scissors:before {
content : "";
}
.fa-copy:before, .fa-files-o:before {
content : "";
}
.fa-paperclip:before {
content : "";
}
.fa-floppy-o:before, .fa-save:before {
content : "";
}
.fa-square:before {
content : "";
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
content : "";
}
.fa-list-ul:before {
content : "";
}
.fa-list-ol:before {
content : "";
}
.fa-strikethrough:before {
content : "";
}
.fa-underline:before {
content : "";
}
.fa-table:before {
content : "";
}
.fa-magic:before {
content : "";
}
.fa-truck:before {
content : "";
}
.fa-pinterest:before {
content : "";
}
.fa-pinterest-square:before {
content : "";
}
.fa-google-plus-square:before {
content : "";
}
.fa-google-plus:before {
content : "";
}
.fa-money:before {
content : "";
}
.fa-caret-down:before {
content : "";
}
.fa-caret-up:before {
content : "";
}
.fa-caret-left:before {
content : "";
}
.fa-caret-right:before {
content : "";
}
.fa-columns:before {
content : "";
}
.fa-sort:before, .fa-unsorted:before {
content : "";
}
.fa-sort-desc:before, .fa-sort-down:before {
content : "";
}
.fa-sort-asc:before, .fa-sort-up:before {
content : "";
}
.fa-envelope:before {
content : "";
}
.fa-linkedin:before {
content : "";
}
.fa-rotate-left:before, .fa-undo:before {
content : "";
}
.fa-gavel:before, .fa-legal:before {
content : "";
}
.fa-dashboard:before, .fa-tachometer:before {
content : "";
}
.fa-comment-o:before {
content : "";
}
.fa-comments-o:before {
content : "";
}
.fa-bolt:before, .fa-flash:before {
content : "";
}
.fa-sitemap:before {
content : "";
}
.fa-umbrella:before {
content : "";
}
.fa-clipboard:before, .fa-paste:before {
content : "";
}
.fa-lightbulb-o:before {
content : "";
}
.fa-exchange:before {
content : "";
}
.fa-cloud-download:before {
content : "";
}
.fa-cloud-upload:before {
content : "";
}
.fa-user-md:before {
content : "";
}
.fa-stethoscope:before {
content : "";
}
.fa-suitcase:before {
content : "";
}
.fa-bell-o:before {
content : "";
}
.fa-coffee:before {
content : "";
}
.fa-cutlery:before {
content : "";
}
.fa-file-text-o:before {
content : "";
}
.fa-building-o:before {
content : "";
}
.fa-hospital-o:before {
content : "";
}
.fa-ambulance:before {
content : "";
}
.fa-medkit:before {
content : "";
}
.fa-fighter-jet:before {
content : "";
}
.fa-beer:before {
content : "";
}
.fa-h-square:before {
content : "";
}
.fa-plus-square:before {
content : "";
}
.fa-angle-double-left:before {
content : "";
}
.fa-angle-double-right:before {
content : "";
}
.fa-angle-double-up:before {
content : "";
}
.fa-angle-double-down:before {
content : "";
}
.fa-angle-left:before {
content : "";
}
.fa-angle-right:before {
content : "";
}
.fa-angle-up:before {
content : "";
}
.fa-angle-down:before {
content : "";
}
.fa-desktop:before {
content : "";
}
.fa-laptop:before {
content : "";
}
.fa-tablet:before {
content : "";
}
.fa-mobile-phone:before, .fa-mobile:before {
content : "";
}
.fa-circle-o:before {
content : "";
}
.fa-quote-left:before {
content : "";
}
.fa-quote-right:before {
content : "";
}
.fa-spinner:before {
content : "";
}
.fa-circle:before {
content : "";
}
.fa-mail-reply:before, .fa-reply:before {
content : "";
}
.fa-github-alt:before {
content : "";
}
.fa-folder-o:before {
content : "";
}
.fa-folder-open-o:before {
content : "";
}
.fa-smile-o:before {
content : "";
}
.fa-frown-o:before {
content : "";
}
.fa-meh-o:before {
content : "";
}
.fa-gamepad:before {
content : "";
}
.fa-keyboard-o:before {
content : "";
}
.fa-flag-o:before {
content : "";
}
.fa-flag-checkered:before {
content : "";
}
.fa-terminal:before {
content : "";
}
.fa-code:before {
content : "";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content : "";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content : "";
}
.fa-location-arrow:before {
content : "";
}
.fa-crop:before {
content : "";
}
.fa-code-fork:before {
content : "";
}
.fa-chain-broken:before, .fa-unlink:before {
content : "";
}
.fa-question:before {
content : "";
}
.fa-info:before {
content : "";
}
.fa-exclamation:before {
content : "";
}
.fa-superscript:before {
content : "";
}
.fa-subscript:before {
content : "";
}
.fa-eraser:before {
content : "";
}
.fa-puzzle-piece:before {
content : "";
}
.fa-microphone:before {
content : "";
}
.fa-microphone-slash:before {
content : "";
}
.fa-shield:before {
content : "";
}
.fa-calendar-o:before {
content : "";
}
.fa-fire-extinguisher:before {
content : "";
}
.fa-rocket:before {
content : "";
}
.fa-maxcdn:before {
content : "";
}
.fa-chevron-circle-left:before {
content : "";
}
.fa-chevron-circle-right:before {
content : "";
}
.fa-chevron-circle-up:before {
content : "";
}
.fa-chevron-circle-down:before {
content : "";
}
.fa-html5:before {
content : "";
}
.fa-css3:before {
content : "";
}
.fa-anchor:before {
content : "";
}
.fa-unlock-alt:before {
content : "";
}
.fa-bullseye:before {
content : "";
}
.fa-ellipsis-h:before {
content : "";
}
.fa-ellipsis-v:before {
content : "";
}
.fa-rss-square:before {
content : "";
}
.fa-play-circle:before {
content : "";
}
.fa-ticket:before {
content : "";
}
.fa-minus-square:before {
content : "";
}
.fa-minus-square-o:before {
content : "";
}
.fa-level-up:before {
content : "";
}
.fa-level-down:before {
content : "";
}
.fa-check-square:before {
content : "";
}
.fa-pencil-square:before {
content : "";
}
.fa-external-link-square:before {
content : "";
}
.fa-share-square:before {
content : "";
}
.fa-compass:before {
content : "";
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
content : "";
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
content : "";
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
content : "";
}
.fa-eur:before, .fa-euro:before {
content : "";
}
.fa-gbp:before {
content : "";
}
.fa-dollar:before, .fa-usd:before {
content : "";
}
.fa-inr:before, .fa-rupee:before {
content : "";
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
content : "";
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
content : "";
}
.fa-krw:before, .fa-won:before {
content : "";
}
.fa-bitcoin:before, .fa-btc:before {
content : "";
}
.fa-file:before {
content : "";
}
.fa-file-text:before {
content : "";
}
.fa-sort-alpha-asc:before {
content : "";
}
.fa-sort-alpha-desc:before {
content : "";
}
.fa-sort-amount-asc:before {
content : "";
}
.fa-sort-amount-desc:before {
content : "";
}
.fa-sort-numeric-asc:before {
content : "";
}
.fa-sort-numeric-desc:before {
content : "";
}
.fa-thumbs-up:before {
content : "";
}
.fa-thumbs-down:before {
content : "";
}
.fa-youtube-square:before {
content : "";
}
.fa-youtube:before {
content : "";
}
.fa-xing:before {
content : "";
}
.fa-xing-square:before {
content : "";
}
.fa-youtube-play:before {
content : "";
}
.fa-dropbox:before {
content : "";
}
.fa-stack-overflow:before {
content : "";
}
.fa-instagram:before {
content : "";
}
.fa-flickr:before {
content : "";
}
.fa-adn:before {
content : "";
}
.fa-bitbucket:before {
content : "";
}
.fa-bitbucket-square:before {
content : "";
}
.fa-tumblr:before {
content : "";
}
.fa-tumblr-square:before {
content : "";
}
.fa-long-arrow-down:before {
content : "";
}
.fa-long-arrow-up:before {
content : "";
}
.fa-long-arrow-left:before {
content : "";
}
.fa-long-arrow-right:before {
content : "";
}
.fa-apple:before {
content : "";
}
.fa-windows:before {
content : "";
}
.fa-android:before {
content : "";
}
.fa-linux:before {
content : "";
}
.fa-dribbble:before {
content : "";
}
.fa-skype:before {
content : "";
}
.fa-foursquare:before {
content : "";
}
.fa-trello:before {
content : "";
}
.fa-female:before {
content : "";
}
.fa-male:before {
content : "";
}
.fa-gittip:before, .fa-gratipay:before {
content : "";
}
.fa-sun-o:before {
content : "";
}
.fa-moon-o:before {
content : "";
}
.fa-archive:before {
content : "";
}
.fa-bug:before {
content : "";
}
.fa-vk:before {
content : "";
}
.fa-weibo:before {
content : "";
}
.fa-renren:before {
content : "";
}
.fa-pagelines:before {
content : "";
}
.fa-stack-exchange:before {
content : "";
}
.fa-arrow-circle-o-right:before {
content : "";
}
.fa-arrow-circle-o-left:before {
content : "";
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
content : "";
}
.fa-dot-circle-o:before {
content : "";
}
.fa-wheelchair:before {
content : "";
}
.fa-vimeo-square:before {
content : "";
}
.fa-try:before, .fa-turkish-lira:before {
content : "";
}
.fa-plus-square-o:before {
content : "";
}
.fa-space-shuttle:before {
content : "";
}
.fa-slack:before {
content : "";
}
.fa-envelope-square:before {
content : "";
}
.fa-wordpress:before {
content : "";
}
.fa-openid:before {
content : "";
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
content : "";
}
.fa-graduation-cap:before, .fa-mortar-board:before {
content : "";
}
.fa-yahoo:before {
content : "";
}
.fa-google:before {
content : "";
}
.fa-reddit:before {
content : "";
}
.fa-reddit-square:before {
content : "";
}
.fa-stumbleupon-circle:before {
content : "";
}
.fa-stumbleupon:before {
content : "";
}
.fa-delicious:before {
content : "";
}
.fa-digg:before {
content : "";
}
.fa-pied-piper-pp:before {
content : "";
}
.fa-pied-piper-alt:before {
content : "";
}
.fa-drupal:before {
content : "";
}
.fa-joomla:before {
content : "";
}
.fa-language:before {
content : "";
}
.fa-fax:before {
content : "";
}
.fa-building:before {
content : "";
}
.fa-child:before {
content : "";
}
.fa-paw:before {
content : "";
}
.fa-spoon:before {
content : "";
}
.fa-cube:before {
content : "";
}
.fa-cubes:before {
content : "";
}
.fa-behance:before {
content : "";
}
.fa-behance-square:before {
content : "";
}
.fa-steam:before {
content : "";
}
.fa-steam-square:before {
content : "";
}
.fa-recycle:before {
content : "";
}
.fa-automobile:before, .fa-car:before {
content : "";
}
.fa-cab:before, .fa-taxi:before {
content : "";
}
.fa-tree:before {
content : "";
}
.fa-spotify:before {
content : "";
}
.fa-deviantart:before {
content : "";
}
.fa-soundcloud:before {
content : "";
}
.fa-database:before {
content : "";
}
.fa-file-pdf-o:before {
content : "";
}
.fa-file-word-o:before {
content : "";
}
.fa-file-excel-o:before {
content : "";
}
.fa-file-powerpoint-o:before {
content : "";
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
content : "";
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
content : "";
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
content : "";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content : "";
}
.fa-file-code-o:before {
content : "";
}
.fa-vine:before {
content : "";
}
.fa-codepen:before {
content : "";
}
.fa-jsfiddle:before {
content : "";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
content : "";
}
.fa-circle-o-notch:before {
content : "";
}
.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
content : "";
}
.fa-empire:before, .fa-ge:before {
content : "";
}
.fa-git-square:before {
content : "";
}
.fa-git:before {
content : "";
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
content : "";
}
.fa-tencent-weibo:before {
content : "";
}
.fa-qq:before {
content : "";
}
.fa-wechat:before, .fa-weixin:before {
content : "";
}
.fa-paper-plane:before, .fa-send:before {
content : "";
}
.fa-paper-plane-o:before, .fa-send-o:before {
content : "";
}
.fa-history:before {
content : "";
}
.fa-circle-thin:before {
content : "";
}
.fa-header:before {
content : "";
}
.fa-paragraph:before {
content : "";
}
.fa-sliders:before {
content : "";
}
.fa-share-alt:before {
content : "";
}
.fa-share-alt-square:before {
content : "";
}
.fa-bomb:before {
content : "";
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
content : "";
}
.fa-tty:before {
content : "";
}
.fa-binoculars:before {
content : "";
}
.fa-plug:before {
content : "";
}
.fa-slideshare:before {
content : "";
}
.fa-twitch:before {
content : "";
}
.fa-yelp:before {
content : "";
}
.fa-newspaper-o:before {
content : "";
}
.fa-wifi:before {
content : "";
}
.fa-calculator:before {
content : "";
}
.fa-paypal:before {
content : "";
}
.fa-google-wallet:before {
content : "";
}
.fa-cc-visa:before {
content : "";
}
.fa-cc-mastercard:before {
content : "";
}
.fa-cc-discover:before {
content : "";
}
.fa-cc-amex:before {
content : "";
}
.fa-cc-paypal:before {
content : "";
}
.fa-cc-stripe:before {
content : "";
}
.fa-bell-slash:before {
content : "";
}
.fa-bell-slash-o:before {
content : "";
}
.fa-trash:before {
content : "";
}
.fa-copyright:before {
content : "";
}
.fa-at:before {
content : "";
}
.fa-eyedropper:before {
content : "";
}
.fa-paint-brush:before {
content : "";
}
.fa-birthday-cake:before {
content : "";
}
.fa-area-chart:before {
content : "";
}
.fa-pie-chart:before {
content : "";
}
.fa-line-chart:before {
content : "";
}
.fa-lastfm:before {
content : "";
}
.fa-lastfm-square:before {
content : "";
}
.fa-toggle-off:before {
content : "";
}
.fa-toggle-on:before {
content : "";
}
.fa-bicycle:before {
content : "";
}
.fa-bus:before {
content : "";
}
.fa-ioxhost:before {
content : "";
}
.fa-angellist:before {
content : "";
}
.fa-cc:before {
content : "";
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
content : "";
}
.fa-meanpath:before {
content : "";
}
.fa-buysellads:before {
content : "";
}
.fa-connectdevelop:before {
content : "";
}
.fa-dashcube:before {
content : "";
}
.fa-forumbee:before {
content : "";
}
.fa-leanpub:before {
content : "";
}
.fa-sellsy:before {
content : "";
}
.fa-shirtsinbulk:before {
content : "";
}
.fa-simplybuilt:before {
content : "";
}
.fa-skyatlas:before {
content : "";
}
.fa-cart-plus:before {
content : "";
}
.fa-cart-arrow-down:before {
content : "";
}
.fa-diamond:before {
content : "";
}
.fa-ship:before {
content : "";
}
.fa-user-secret:before {
content : "";
}
.fa-motorcycle:before {
content : "";
}
.fa-street-view:before {
content : "";
}
.fa-heartbeat:before {
content : "";
}
.fa-venus:before {
content : "";
}
.fa-mars:before {
content : "";
}
.fa-mercury:before {
content : "";
}
.fa-intersex:before, .fa-transgender:before {
content : "";
}
.fa-transgender-alt:before {
content : "";
}
.fa-venus-double:before {
content : "";
}
.fa-mars-double:before {
content : "";
}
.fa-venus-mars:before {
content : "";
}
.fa-mars-stroke:before {
content : "";
}
.fa-mars-stroke-v:before {
content : "";
}
.fa-mars-stroke-h:before {
content : "";
}
.fa-neuter:before {
content : "";
}
.fa-genderless:before {
content : "";
}
.fa-facebook-official:before {
content : "";
}
.fa-pinterest-p:before {
content : "";
}
.fa-whatsapp:before {
content : "";
}
.fa-server:before {
content : "";
}
.fa-user-plus:before {
content : "";
}
.fa-user-times:before {
content : "";
}
.fa-bed:before, .fa-hotel:before {
content : "";
}
.fa-viacoin:before {
content : "";
}
.fa-train:before {
content : "";
}
.fa-subway:before {
content : "";
}
.fa-medium:before {
content : "";
}
.fa-y-combinator:before, .fa-yc:before {
content : "";
}
.fa-optin-monster:before {
content : "";
}
.fa-opencart:before {
content : "";
}
.fa-expeditedssl:before {
content : "";
}
.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
content : "";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content : "";
}
.fa-battery-2:before, .fa-battery-half:before {
content : "";
}
.fa-battery-1:before, .fa-battery-quarter:before {
content : "";
}
.fa-battery-0:before, .fa-battery-empty:before {
content : "";
}
.fa-mouse-pointer:before {
content : "";
}
.fa-i-cursor:before {
content : "";
}
.fa-object-group:before {
content : "";
}
.fa-object-ungroup:before {
content : "";
}
.fa-sticky-note:before {
content : "";
}
.fa-sticky-note-o:before {
content : "";
}
.fa-cc-jcb:before {
content : "";
}
.fa-cc-diners-club:before {
content : "";
}
.fa-clone:before {
content : "";
}
.fa-balance-scale:before {
content : "";
}
.fa-hourglass-o:before {
content : "";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content : "";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content : "";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content : "";
}
.fa-hourglass:before {
content : "";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content : "";
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
content : "";
}
.fa-hand-scissors-o:before {
content : "";
}
.fa-hand-lizard-o:before {
content : "";
}
.fa-hand-spock-o:before {
content : "";
}
.fa-hand-pointer-o:before {
content : "";
}
.fa-hand-peace-o:before {
content : "";
}
.fa-trademark:before {
content : "";
}
.fa-registered:before {
content : "";
}
.fa-creative-commons:before {
content : "";
}
.fa-gg:before {
content : "";
}
.fa-gg-circle:before {
content : "";
}
.fa-tripadvisor:before {
content : "";
}
.fa-odnoklassniki:before {
content : "";
}
.fa-odnoklassniki-square:before {
content : "";
}
.fa-get-pocket:before {
content : "";
}
.fa-wikipedia-w:before {
content : "";
}
.fa-safari:before {
content : "";
}
.fa-chrome:before {
content : "";
}
.fa-firefox:before {
content : "";
}
.fa-opera:before {
content : "";
}
.fa-internet-explorer:before {
content : "";
}
.fa-television:before, .fa-tv:before {
content : "";
}
.fa-contao:before {
content : "";
}
.fa-500px:before {
content : "";
}
.fa-amazon:before {
content : "";
}
.fa-calendar-plus-o:before {
content : "";
}
.fa-calendar-minus-o:before {
content : "";
}
.fa-calendar-times-o:before {
content : "";
}
.fa-calendar-check-o:before {
content : "";
}
.fa-industry:before {
content : "";
}
.fa-map-pin:before {
content : "";
}
.fa-map-signs:before {
content : "";
}
.fa-map-o:before {
content : "";
}
.fa-map:before {
content : "";
}
.fa-commenting:before {
content : "";
}
.fa-commenting-o:before {
content : "";
}
.fa-houzz:before {
content : "";
}
.fa-vimeo:before {
content : "";
}
.fa-black-tie:before {
content : "";
}
.fa-fonticons:before {
content : "";
}
.fa-reddit-alien:before {
content : "";
}
.fa-edge:before {
content : "";
}
.fa-credit-card-alt:before {
content : "";
}
.fa-codiepie:before {
content : "";
}
.fa-modx:before {
content : "";
}
.fa-fort-awesome:before {
content : "";
}
.fa-usb:before {
content : "";
}
.fa-product-hunt:before {
content : "";
}
.fa-mixcloud:before {
content : "";
}
.fa-scribd:before {
content : "";
}
.fa-pause-circle:before {
content : "";
}
.fa-pause-circle-o:before {
content : "";
}
.fa-stop-circle:before {
content : "";
}
.fa-stop-circle-o:before {
content : "";
}
.fa-shopping-bag:before {
content : "";
}
.fa-shopping-basket:before {
content : "";
}
.fa-hashtag:before {
content : "";
}
.fa-bluetooth:before {
content : "";
}
.fa-bluetooth-b:before {
content : "";
}
.fa-percent:before {
content : "";
}
.fa-gitlab:before {
content : "";
}
.fa-wpbeginner:before {
content : "";
}
.fa-wpforms:before {
content : "";
}
.fa-envira:before {
content : "";
}
.fa-universal-access:before {
content : "";
}
.fa-wheelchair-alt:before {
content : "";
}
.fa-question-circle-o:before {
content : "";
}
.fa-blind:before {
content : "";
}
.fa-audio-description:before {
content : "";
}
.fa-volume-control-phone:before {
content : "";
}
.fa-braille:before {
content : "";
}
.fa-assistive-listening-systems:before {
content : "";
}
.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
content : "";
}
.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
content : "";
}
.fa-glide:before {
content : "";
}
.fa-glide-g:before {
content : "";
}
.fa-sign-language:before, .fa-signing:before {
content : "";
}
.fa-low-vision:before {
content : "";
}
.fa-viadeo:before {
content : "";
}
.fa-viadeo-square:before {
content : "";
}
.fa-snapchat:before {
content : "";
}
.fa-snapchat-ghost:before {
content : "";
}
.fa-snapchat-square:before {
content : "";
}
.fa-pied-piper:before {
content : "";
}
.fa-first-order:before {
content : "";
}
.fa-yoast:before {
content : "";
}
.fa-themeisle:before {
content : "";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content : "";
}
.fa-fa:before, .fa-font-awesome:before {
content : "";
}
.fa-handshake-o:before {
content : "";
}
.fa-envelope-open:before {
content : "";
}
.fa-envelope-open-o:before {
content : "";
}
.fa-linode:before {
content : "";
}
.fa-address-book:before {
content : "";
}
.fa-address-book-o:before {
content : "";
}
.fa-address-card:before, .fa-vcard:before {
content : "";
}
.fa-address-card-o:before, .fa-vcard-o:before {
content : "";
}
.fa-user-circle:before {
content : "";
}
.fa-user-circle-o:before {
content : "";
}
.fa-user-o:before {
content : "";
}
.fa-id-badge:before {
content : "";
}
.fa-drivers-license:before, .fa-id-card:before {
content : "";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content : "";
}
.fa-quora:before {
content : "";
}
.fa-free-code-camp:before {
content : "";
}
.fa-telegram:before {
content : "";
}
.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
content : "";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content : "";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content : "";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content : "";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content : "";
}
.fa-shower:before {
content : "";
}
.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
content : "";
}
.fa-podcast:before {
content : "";
}
.fa-window-maximize:before {
content : "";
}
.fa-window-minimize:before {
content : "";
}
.fa-window-restore:before {
content : "";
}
.fa-times-rectangle:before, .fa-window-close:before {
content : "";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content : "";
}
.fa-bandcamp:before {
content : "";
}
.fa-grav:before {
content : "";
}
.fa-etsy:before {
content : "";
}
.fa-imdb:before {
content : "";
}
.fa-ravelry:before {
content : "";
}
.fa-eercast:before {
content : "";
}
.fa-microchip:before {
content : "";
}
.fa-snowflake-o:before {
content : "";
}
.fa-superpowers:before {
content : "";
}
.fa-wpexplorer:before {
content : "";
}
.fa-meetup:before {
content : "";
}
.grid {
font-family : iconfnt;
}
.grid .grid__item, .grid .label--inline, .grid .label--inline + .field, .grid > * {
font-family : Roboto, sans-serif;
}
.box--bordered {
padding : 2.22222rem;
border : #d1d1d1 solid 1px;
}
.cMeta-inline__item, .inline-box__item {
display : inline-block;
margin-right : 1.11111rem;
}
.cMeta-inline__item:last-child, .inline-box__item:last-child {
margin-right : 0;
}
@media screen and (min-width: 767px) {
.table-view {
display : table;
}
.table-view__row {
display : table-row;
}
.table-view__cell {
display : table-cell;
}
}
.block-grid {
padding : 0;
margin : 0;
display : block;
}
.block-grid.block-grid--item-soft {
margin : 0 -1.11111rem;
}
.block-grid.block-grid--item-soft .block-grid__item {
padding : 0 1.11111rem 1.11111rem;
}
.block-grid__item {
position : relative;
display : block;
height : auto;
float : left;
}
.block-grid__item:nth-of-type(1n) {
clear : none;
}
.block-grid__item__img {
line-height : 0;
display : block;
}
.block-grid--1 > .block-grid__item {
list-style : none;
width : 100%;
}
.block-grid--1 > .block-grid__item:nth-of-type(1n+1) {
clear : both;
}
.block-grid--2 > .block-grid__item {
list-style : none;
width : 50%;
}
.block-grid--2 > .block-grid__item:nth-of-type(2n+1) {
clear : both;
}
.block-grid--3 > .block-grid__item {
list-style : none;
width : 33.33333%;
}
.block-grid--3 > .block-grid__item:nth-of-type(3n+1) {
clear : both;
}
.block-grid--4 > .block-grid__item {
list-style : none;
width : 25%;
}
.block-grid--4 > .block-grid__item:nth-of-type(4n+1) {
clear : both;
}
.block-grid--5 > .block-grid__item {
list-style : none;
width : 20%;
}
.block-grid--5 > .block-grid__item:nth-of-type(5n+1) {
clear : both;
}
.block-grid--6 > .block-grid__item {
list-style : none;
width : 16.66667%;
}
.block-grid--6 > .block-grid__item:nth-of-type(6n+1) {
clear : both;
}
.block-grid--7 > .block-grid__item {
list-style : none;
width : 14.28571%;
}
.block-grid--7 > .block-grid__item:nth-of-type(7n+1) {
clear : both;
}
.block-grid--8 > .block-grid__item {
list-style : none;
width : 12.5%;
}
.block-grid--8 > .block-grid__item:nth-of-type(8n+1) {
clear : both;
}
.block-grid--9 > .block-grid__item {
list-style : none;
width : 11.11111%;
}
.block-grid--9 > .block-grid__item:nth-of-type(9n+1) {
clear : both;
}
.block-grid--10 > .block-grid__item {
list-style : none;
width : 10%;
}
.block-grid--10 > .block-grid__item:nth-of-type(10n+1) {
clear : both;
}
.block-grid--11 > .block-grid__item {
list-style : none;
width : 9.09091%;
}
.block-grid--11 > .block-grid__item:nth-of-type(11n+1) {
clear : both;
}
.block-grid--12 > .block-grid__item {
list-style : none;
width : 8.33333%;
}
.block-grid--12 > .block-grid__item:nth-of-type(12n+1) {
clear : both;
}
@media only screen and (max-width: 766px) {
.palm--block-grid--1 > .block-grid__item {
list-style : none;
width : 100%;
}
.palm--block-grid--1 > .block-grid__item:nth-of-type(1n+1) {
clear : both;
}
.palm--block-grid--2 > .block-grid__item {
list-style : none;
width : 50%;
}
.palm--block-grid--2 > .block-grid__item:nth-of-type(2n+1) {
clear : both;
}
.palm--block-grid--3 > .block-grid__item {
list-style : none;
width : 33.33333%;
}
.palm--block-grid--3 > .block-grid__item:nth-of-type(3n+1) {
clear : both;
}
.palm--block-grid--4 > .block-grid__item {
list-style : none;
width : 25%;
}
.palm--block-grid--4 > .block-grid__item:nth-of-type(4n+1) {
clear : both;
}
.palm--block-grid--5 > .block-grid__item {
list-style : none;
width : 20%;
}
.palm--block-grid--5 > .block-grid__item:nth-of-type(5n+1) {
clear : both;
}
.palm--block-grid--6 > .block-grid__item {
list-style : none;
width : 16.66667%;
}
.palm--block-grid--6 > .block-grid__item:nth-of-type(6n+1) {
clear : both;
}
.palm--block-grid--7 > .block-grid__item {
list-style : none;
width : 14.28571%;
}
.palm--block-grid--7 > .block-grid__item:nth-of-type(7n+1) {
clear : both;
}
.palm--block-grid--8 > .block-grid__item {
list-style : none;
width : 12.5%;
}
.palm--block-grid--8 > .block-grid__item:nth-of-type(8n+1) {
clear : both;
}
.palm--block-grid--9 > .block-grid__item {
list-style : none;
width : 11.11111%;
}
.palm--block-grid--9 > .block-grid__item:nth-of-type(9n+1) {
clear : both;
}
.palm--block-grid--10 > .block-grid__item {
list-style : none;
width : 10%;
}
.palm--block-grid--10 > .block-grid__item:nth-of-type(10n+1) {
clear : both;
}
.palm--block-grid--11 > .block-grid__item {
list-style : none;
width : 9.09091%;
}
.palm--block-grid--11 > .block-grid__item:nth-of-type(11n+1) {
clear : both;
}
.palm--block-grid--12 > .block-grid__item {
list-style : none;
width : 8.33333%;
}
.palm--block-grid--12 > .block-grid__item:nth-of-type(12n+1) {
clear : both;
}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
.lap--block-grid--1 > .block-grid__item {
list-style : none;
width : 100%;
}
.lap--block-grid--1 > .block-grid__item:nth-of-type(1n+1) {
clear : both;
}
.lap--block-grid--2 > .block-grid__item {
list-style : none;
width : 50%;
}
.lap--block-grid--2 > .block-grid__item:nth-of-type(2n+1) {
clear : both;
}
.lap--block-grid--3 > .block-grid__item {
list-style : none;
width : 33.33333%;
}
.lap--block-grid--3 > .block-grid__item:nth-of-type(3n+1) {
clear : both;
}
.lap--block-grid--4 > .block-grid__item {
list-style : none;
width : 25%;
}
.lap--block-grid--4 > .block-grid__item:nth-of-type(4n+1) {
clear : both;
}
.lap--block-grid--5 > .block-grid__item {
list-style : none;
width : 20%;
}
.lap--block-grid--5 > .block-grid__item:nth-of-type(5n+1) {
clear : both;
}
.lap--block-grid--6 > .block-grid__item {
list-style : none;
width : 16.66667%;
}
.lap--block-grid--6 > .block-grid__item:nth-of-type(6n+1) {
clear : both;
}
.lap--block-grid--7 > .block-grid__item {
list-style : none;
width : 14.28571%;
}
.lap--block-grid--7 > .block-grid__item:nth-of-type(7n+1) {
clear : both;
}
.lap--block-grid--8 > .block-grid__item {
list-style : none;
width : 12.5%;
}
.lap--block-grid--8 > .block-grid__item:nth-of-type(8n+1) {
clear : both;
}
.lap--block-grid--9 > .block-grid__item {
list-style : none;
width : 11.11111%;
}
.lap--block-grid--9 > .block-grid__item:nth-of-type(9n+1) {
clear : both;
}
.lap--block-grid--10 > .block-grid__item {
list-style : none;
width : 10%;
}
.lap--block-grid--10 > .block-grid__item:nth-of-type(10n+1) {
clear : both;
}
.lap--block-grid--11 > .block-grid__item {
list-style : none;
width : 9.09091%;
}
.lap--block-grid--11 > .block-grid__item:nth-of-type(11n+1) {
clear : both;
}
.lap--block-grid--12 > .block-grid__item {
list-style : none;
width : 8.33333%;
}
.lap--block-grid--12 > .block-grid__item:nth-of-type(12n+1) {
clear : both;
}
}
@media only screen and (min-width: 1024px) {
.desk--block-grid--1 > .block-grid__item {
list-style : none;
width : 100%;
}
.desk--block-grid--1 > .block-grid__item:nth-of-type(1n+1) {
clear : both;
}
.desk--block-grid--2 > .block-grid__item {
list-style : none;
width : 50%;
}
.desk--block-grid--2 > .block-grid__item:nth-of-type(2n+1) {
clear : both;
}
.desk--block-grid--3 > .block-grid__item {
list-style : none;
width : 33.33333%;
}
.desk--block-grid--3 > .block-grid__item:nth-of-type(3n+1) {
clear : both;
}
.desk--block-grid--4 > .block-grid__item {
list-style : none;
width : 25%;
}
.desk--block-grid--4 > .block-grid__item:nth-of-type(4n+1) {
clear : both;
}
.desk--block-grid--5 > .block-grid__item {
list-style : none;
width : 20%;
}
.desk--block-grid--5 > .block-grid__item:nth-of-type(5n+1) {
clear : both;
}
.desk--block-grid--6 > .block-grid__item {
list-style : none;
width : 16.66667%;
}
.desk--block-grid--6 > .block-grid__item:nth-of-type(6n+1) {
clear : both;
}
.desk--block-grid--7 > .block-grid__item {
list-style : none;
width : 14.28571%;
}
.desk--block-grid--7 > .block-grid__item:nth-of-type(7n+1) {
clear : both;
}
.desk--block-grid--8 > .block-grid__item {
list-style : none;
width : 12.5%;
}
.desk--block-grid--8 > .block-grid__item:nth-of-type(8n+1) {
clear : both;
}
.desk--block-grid--9 > .block-grid__item {
list-style : none;
width : 11.11111%;
}
.desk--block-grid--9 > .block-grid__item:nth-of-type(9n+1) {
clear : both;
}
.desk--block-grid--10 > .block-grid__item {
list-style : none;
width : 10%;
}
.desk--block-grid--10 > .block-grid__item:nth-of-type(10n+1) {
clear : both;
}
.desk--block-grid--11 > .block-grid__item {
list-style : none;
width : 9.09091%;
}
.desk--block-grid--11 > .block-grid__item:nth-of-type(11n+1) {
clear : both;
}
.desk--block-grid--12 > .block-grid__item {
list-style : none;
width : 8.33333%;
}
.desk--block-grid--12 > .block-grid__item:nth-of-type(12n+1) {
clear : both;
}
}
.cCube, .cImageBox, .cProductList--image-wrap, .row--htmlVideo {
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.cCube, .cImageBox, .cProductList--image-wrap, .row--htmlVideo {
margin-bottom : 80px;
}
}
@media screen and (min-width: 1024px) {
.cCube, .cImageBox, .cProductList--image-wrap, .row--htmlVideo {
margin-bottom : 120px;
}
}
.accessibility-disabled :focus, .accessibility-disabled a:focus, .mainWrapper:focus {
outline : 0;
}
.cImageBox__title, .cInfobox .cHeading, .cNews__title, .cNewsletter .cHeading, .cPathBox__title, .cPerson__name, .cSubpages__title {
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.4;
}
.cGallery .A_lightbox, .cGallery a[data-a-lightbox-gallery], .cImage .A_lightbox, .cImage a[data-a-lightbox-gallery] {
position : relative;
}
.cGallery .A_lightbox::after, .cGallery a[data-a-lightbox-gallery]::after, .cImage .A_lightbox::after, .cImage a[data-a-lightbox-gallery]::after {
position : absolute;
left : 50%;
top : 50%;
transition : opacity 0.5s ease-in-out;
color : #fff;
font-size : 30px !important ;
transform : translateX(-50%) translateY(-50%) rotateZ(0) !important ;
z-index : 2;
opacity : 0;
visibility : hidden;
}
@media screen and (min-width: 767px) {
.cGallery .A_lightbox:hover::after, .cGallery a[data-a-lightbox-gallery]:hover::after, .cImage .A_lightbox:hover::after, .cImage a[data-a-lightbox-gallery]:hover::after {
visibility : visible;
opacity : 1;
}
}
.cGallery--nearby .royalSlider .rsContainer .A_lightbox::after, .cGallery--nearby .royalSlider .rsContainer a[data-a-lightbox-gallery]::after {
display : none;
}
.cGallery:not(.cGallery--noRatio) .cGallery__wrapper > a[data-a-lightbox-gallery] {
position : static;
}
.cClientZone__descTop, .cConversButton__descTop, .cNewsletter__descTop, .cVideo__descTop {
margin-bottom : 2.22222rem;
font-size : 13px;
font-size : 0.72222rem;
}
.cClientZone__descBottom, .cConversButton__descBottom, .cNewsletter__descBottom, .cPathBox__desc, .cSubpages__anotation, .cVideo__descBottom, .cYtCanal__desc {
margin-top : 2.22222rem;
margin-bottom : 0;
font-size : 13px;
font-size : 0.72222rem;
}
.cGallery .grid__item > a, .cGallery .label--inline + .field > a, .cGallery .label--inline > a, .cGallery--preview .rsSlide > a, .cGallery__wrapper > a, .cImage__imgWrapper > a, .cNews--grid .cNews__imgLink, .cNews--largePreview .cNews__imgLink, .cNews__content > .cNews__link, .cNews__imgWrapper > .cNews__link, .cPathBox--imageCover > .cPathBox__link, .cPathBox--titleCover .cPathBox__link, .cPathBox > .cPathBox__link, .cSubpages--imageCover .cSubpage__inner > a, .cSubpages--perex .cSubpages__imgWrapper > a, .cSubpages--perex .cSubpages__inner > a {
position : relative;
display : block;
overflow : hidden;
transition : opacity 0.5s ease;
}
.cGallery .grid__item > a img, .cGallery .label--inline + .field > a img, .cGallery .label--inline > a img, .cGallery--preview .rsSlide > a img, .cGallery__wrapper > a img, .cImage__imgWrapper > a img, .cNews--grid .cNews__imgLink img, .cNews--largePreview .cNews__imgLink img, .cNews__content > .cNews__link img, .cNews__imgWrapper > .cNews__link img, .cPathBox--imageCover > .cPathBox__link img, .cPathBox--titleCover .cPathBox__link img, .cPathBox > .cPathBox__link img, .cSubpages--imageCover .cSubpage__inner > a img, .cSubpages--perex .cSubpages__imgWrapper > a img, .cSubpages--perex .cSubpages__inner > a img {
transform-style : preserve-3d;
backface-visibility : hidden;
margin-bottom : 0;
transition : transform 0.5s ease;
object-fit : cover;
}
.cGallery .grid__item > a::before, .cGallery .label--inline + .field > a::before, .cGallery .label--inline > a::before, .cGallery--preview .rsSlide > a::before, .cGallery__wrapper > a::before, .cImage__imgWrapper > a::before, .cNews--grid .cNews__imgLink::before, .cNews--largePreview .cNews__imgLink::before, .cNews__content > .cNews__link::before, .cNews__imgWrapper > .cNews__link::before, .cPathBox--imageCover > .cPathBox__link::before, .cPathBox--titleCover .cPathBox__link::before, .cPathBox > .cPathBox__link::before, .cSubpages--imageCover .cSubpage__inner > a::before, .cSubpages--perex .cSubpages__imgWrapper > a::before, .cSubpages--perex .cSubpages__inner > a::before {
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
width : 100%;
height : 100%;
opacity : 0.2;
background-color : transparent;
content : '';
z-index : 1;
transition : opacity 0.5s ease, background-color 0.5s ease;
}
.cGallery .grid__item > a:hover img, .cGallery .label--inline + .field > a:hover img, .cGallery .label--inline > a:hover img, .cGallery--preview .rsSlide > a:hover img, .cGallery__wrapper > a:hover img, .cImage__imgWrapper > a:hover img, .cNews--grid .cNews__imgLink:hover img, .cNews--largePreview .cNews__imgLink:hover img, .cNews__content > .cNews__link:hover img, .cNews__imgWrapper > .cNews__link:hover img, .cPathBox--imageCover > .cPathBox__link:hover img, .cPathBox--titleCover .cPathBox__link:hover img, .cPathBox > .cPathBox__link:hover img, .cSubpages--imageCover .cSubpage__inner > a:hover img, .cSubpages--perex .cSubpages__imgWrapper > a:hover img, .cSubpages--perex .cSubpages__inner > a:hover img {
backface-visibility : hidden;
transform : translateZ(0) scale(1.15) translate3d(0,0,0);
}
.cGallery .grid__item > a:hover::before, .cGallery .label--inline + .field > a:hover::before, .cGallery .label--inline > a:hover::before, .cGallery--preview .rsSlide > a:hover::before, .cGallery__wrapper > a:hover::before, .cImage__imgWrapper > a:hover::before, .cNews--grid .cNews__imgLink:hover::before, .cNews--largePreview .cNews__imgLink:hover::before, .cNews__content > .cNews__link:hover::before, .cNews__imgWrapper > .cNews__link:hover::before, .cPathBox--imageCover > .cPathBox__link:hover::before, .cPathBox--titleCover .cPathBox__link:hover::before, .cPathBox > .cPathBox__link:hover::before, .cSubpages--imageCover .cSubpage__inner > a:hover::before, .cSubpages--perex .cSubpages__imgWrapper > a:hover::before, .cSubpages--perex .cSubpages__inner > a:hover::before {
background-color : rgb(165, 20, 92, 0.8);
opacity : 1;
}
.h-start-overlay.cGallery .grid__item > a::before, .h-start-overlay.cGallery .grid__item > a:hover::before, .h-start-overlay.cGallery .label--inline + .field > a::before, .h-start-overlay.cGallery .label--inline + .field > a:hover::before, .h-start-overlay.cGallery .label--inline > a::before, .h-start-overlay.cGallery .label--inline > a:hover::before, .h-start-overlay.cGallery--preview .rsSlide > a::before, .h-start-overlay.cGallery--preview .rsSlide > a:hover::before, .h-start-overlay.cGallery__wrapper > a::before, .h-start-overlay.cGallery__wrapper > a:hover::before, .h-start-overlay.cImage__imgWrapper > a::before, .h-start-overlay.cImage__imgWrapper > a:hover::before, .h-start-overlay.cNews--grid .cNews__imgLink::before, .h-start-overlay.cNews--grid .cNews__imgLink:hover::before, .h-start-overlay.cNews--largePreview .cNews__imgLink::before, .h-start-overlay.cNews--largePreview .cNews__imgLink:hover::before, .h-start-overlay.cNews__content > .cNews__link::before, .h-start-overlay.cNews__content > .cNews__link:hover::before, .h-start-overlay.cNews__imgWrapper > .cNews__link::before, .h-start-overlay.cNews__imgWrapper > .cNews__link:hover::before, .h-start-overlay.cPathBox--imageCover > .cPathBox__link::before, .h-start-overlay.cPathBox--imageCover > .cPathBox__link:hover::before, .h-start-overlay.cPathBox--titleCover .cPathBox__link::before, .h-start-overlay.cPathBox--titleCover .cPathBox__link:hover::before, .h-start-overlay.cPathBox > .cPathBox__link::before, .h-start-overlay.cPathBox > .cPathBox__link:hover::before, .h-start-overlay.cSubpages--imageCover .cSubpage__inner > a::before, .h-start-overlay.cSubpages--imageCover .cSubpage__inner > a:hover::before, .h-start-overlay.cSubpages--perex .cSubpages__imgWrapper > a::before, .h-start-overlay.cSubpages--perex .cSubpages__imgWrapper > a:hover::before, .h-start-overlay.cSubpages--perex .cSubpages__inner > a::before, .h-start-overlay.cSubpages--perex .cSubpages__inner > a:hover::before {
background-color : rgb(165, 20, 92, 0.8);
}
.cGallery.cGallery--noRatio .rsWebkit3d .cGallery__wrapper > a img, .cGallery.cGallery--noration .rsWebkit3d .grid__item > a img, .cGallery.cGallery--noration .rsWebkit3d .label--inline + .field > a img, .cGallery.cGallery--noration .rsWebkit3d .label--inline > a img {
transform : translateY(0);
}
.cGallery .grid__item > a img, .cGallery .label--inline + .field > a img, .cGallery .label--inline > a img, .cGallery__wrapper > a img {
top : 50%;
transform : translateY(-50%);
}
.cGallery--noRatio .cGallery .grid__item > a img, .cGallery--noRatio .cGallery .label--inline + .field > a img, .cGallery--noRatio .cGallery .label--inline > a img, .cGallery--noRatio .cGallery__wrapper > a img {
top : 0;
transform : translateY(0);
}
.cGallery .grid__item > a:hover img, .cGallery .label--inline + .field > a:hover img, .cGallery .label--inline > a:hover img, .cGallery__wrapper > a:hover img {
backface-visibility : hidden;
transform : translateZ(0) scale(1.15) translateY(-50%);
}
.cGallery--noRatio .cGallery .grid__item > a:hover img, .cGallery--noRatio .cGallery .label--inline + .field > a:hover img, .cGallery--noRatio .cGallery .label--inline > a:hover img, .cGallery--noRatio .cGallery__wrapper > a:hover img {
backface-visibility : hidden;
transform : translateZ(0) scale(1.15);
}
.cGallery--preview .rsSlide > a {
width : 100%;
height : 100%;
}
.cNews--grid .cNews__imgLink:hover + .cNews--grid__content .cNews__anotation {
max-height : 320px;
visibility : visible;
margin-top : 20px;
}
.row--top {
padding-top : 2.22222rem;
padding-bottom : 2.22222rem;
background-color : #f5f5f5;
}
.row--top > .rowInner {
max-width : 1470px;
margin : auto;
}
.row--topPhoto {
position : relative;
padding-top : 0;
min-height : 250px;
}
@media screen and (min-width: 767px) {
.row--topPhoto {
min-height : 275px;
}
}
@media screen and (min-width: 1024px) {
.row--topPhoto {
min-height : 300px;
}
}
.row--topPhoto .cTopPhoto {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.row--topPhoto .cCrumb {
position : absolute;
left : 0;
bottom : 0;
padding : 0.55556rem 0;
width : 100%;
background-color : #f5f5f5;
}
.mDrop .row--topPhoto .cCrumb ul, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cCrumb .mDrop ul, .row--topPhoto .cCrumb .nav {
max-width : 1470px;
margin : auto;
}
.row--topPhoto .cHeading__hx, .row--topPhoto .cPerex {
max-width : 1470px;
margin : auto;
color : #fff;
}
.row--topPhotoBox {
position : absolute;
left : 0;
bottom : 60px;
width : 100%;
}
.row--bottom {
padding-top : 3.33333rem;
padding-bottom : 3.33333rem;
color : #fff;
background-color : #00ADEE;
}
@media screen and (min-width: 1024px) {
.row--bottom .cCube, .row--bottom .row--htmlVideo {
margin-bottom : 0;
}
}
.row--bottom a {
color : #00ADEE;
}
.row--bottom .cCube:not(.cNewsletter) .cHeading, .row--bottom .row--htmlVideo:not(.cNewsletter) .cHeading {
font-size : 25px;
font-size : 1.38889rem;
margin-bottom : 2.22222rem;
}
.row--bottom .cHeading, .row--bottom h1, .row--bottom h2, .row--bottom h3, .row--bottom h4, .row--bottom h5, .row--bottom h6 {
color : #fff;
}
.row--bottom .cSharedText li::before, .row--bottom .cText li::before {
color : #00ADEE;
}
.row--bottom .cSharedTexts ul > li, .row--bottom .cText ul > li {
color : #fff;
}
.row--footer {
color : #fff;
background-color : #232323;
}
.row--footer .cHeading, .row--footer .cSharedTexts ol > li, .row--footer .cSharedTexts ul > li, .row--footer .cText ol > li, .row--footer .cText ul > li, .row--footer a, .row--footer a:hover, .row--footer h1, .row--footer h2, .row--footer h3, .row--footer h4, .row--footer h5, .row--footer h6, .row--footer ol li, .row--footer ul li {
color : #fff;
}
.pageOverlay {
position : fixed;
left : 0;
top : 0;
width : 100%;
z-index : 999;
transition : all 0.5s ease-in-out;
transform-origin : 50%;
background-color : rgb(0, 173, 238, 0.9);
}
.pageOverlay--hidden {
visibility : hidden;
opacity : 0;
transform : translateY(-100%);
}
.pageOverlay--hidden .pageOverlay__bottom, .pageOverlay--hidden .pageOverlay__inner {
opacity : 0;
}
.pageOverlay--active {
visibility : visible;
opacity : 1;
transform : translateY(0);
}
.pageOverlay--czone, .pageOverlay.js__toogle_search_fullwidth--content {
z-index : 1002;
}
.pageOverlay--czone .pageOverlay__inner .cClientZone--header, .pageOverlay.js__toogle_search_fullwidth--content .pageOverlay__inner .cClientZone--header {
border : 0;
}
.pageOverlay__inner {
position : relative;
z-index : 1000;
max-width : 1470px;
margin-left : auto;
margin-right : auto;
transition : all 0.3s ease-in-out;
color : #fff;
margin-top : 4.44444rem;
}
@media screen and (max-width: 766px) {
.pageOverlay__inner {
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.pageOverlay__inner {
margin-top : calc(100vh / 2);
margin-top : calc(100vh / 2);
margin-top : calc(100vh / 2);
transform : translateY(-50%);
}
}
.pageOverlay--czone .pageOverlay__inner {
transform : none;
}
@media screen and (min-width: 767px) {
.pageOverlay--czone .pageOverlay__inner {
margin-top : calc(100vh * 0.35);
margin-top : calc(100vh * 0.35);
margin-top : calc(100vh * 0.35);
}
}
.pageOverlay__bottom {
position : fixed;
left : 0;
bottom : 0;
width : 100%;
transition : all 0.3s ease-in-out;
}
.pageOverlay__close {
position : fixed;
border : 0;
padding : 0;
background-color : transparent;
z-index : 1000;
top : 8px;
top : 0.44444rem;
right : 20px;
right : 1.11111rem;
}
@media screen and (min-width: 767px) {
.pageOverlay__close {
top : 40px;
top : 2.22222rem;
right : 40px;
right : 2.22222rem;
}
}
.pageOverlay__close--hidden {
display : none;
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cftSearch__submit::before, .pageOverlay__close .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .pageOverlay__close .icon-close::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .btn::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .pageOverlay__close .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .btn::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cClientZone__logout::before {
color : #fff;
font-size : 50px;
font-size : 2.77778rem;
line-height : 1.1;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cftSearch__submit::before, .pageOverlay__close .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .pageOverlay__close .icon-close::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .btn::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .pageOverlay__close .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .pageOverlay__close .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .btn::before, .userAccountForm form + .editSwitchWrapper .pageOverlay__close .cClientZone__logout::before {
font-size : 60px;
font-size : 3.33333rem;
line-height : 1.1;
}
}
.pageOverlay .cHeader__mainNav {
text-align : center;
}
.pageOverlay .cHeader__mainNav .nav__item {
display : block;
margin-left : 0;
transition : all 0.3s ease-in-out;
}
.pageOverlay .cHeader__mainNav .nav__item__in {
color : #fff;
font-size : 60px;
font-size : 3.33333rem;
font-weight : 400;
font-weight : 300;
padding-top : 0 !important ;
padding-bottom : 0 !important ;
border-top : 0;
border-bottom : 0;
}
.pageOverlay .cHeader__mainNav .nav__item__in::after, .pageOverlay .cHeader__mainNav .nav__item__in::before {
font-size : inherit !important ;
font-weight : 300;
display : inline;
vertical-align : baseline;
font-family : inherit;
padding-left : 0;
padding-right : 0;
opacity : 0;
transition : all 0.3s ease-in-out;
}
.pageOverlay .cHeader__mainNav .nav__item__in::before {
content : '[';
}
.pageOverlay .cHeader__mainNav .nav__item__in::after {
content : ']';
}
.pageOverlay .cHeader__mainNav .nav__item__in:hover {
color : #fff;
}
.pageOverlay .cHeader__mainNav .nav__item__in:hover::after, .pageOverlay .cHeader__mainNav .nav__item__in:hover::before {
opacity : 1;
}
.pageOverlay .cHeader__mainNav .nav__item__in:hover::before {
padding-right : 1.11111rem;
}
.pageOverlay .cHeader__mainNav .nav__item__in:hover::after {
padding-left : 1.11111rem;
}
.pageOverlay .cHeader__cta, .pageOverlay .cHeader__lang {
text-align : center;
margin-top : 2.22222rem;
}
.loader {
font-size : 10px;
position : relative;
transform : translateZ(0);
animation : load8 1.1s linear infinite;
border : rgb(255, 255, 255, 0.2) solid 5px;
border-left : 5px solid #fff;
}
@media screen and (min-width: 767px) {
.loader {
border : rgb(255, 255, 255, 0.2) solid 10px;
border-left : 10px solid #fff;
}
}
.loader--dark {
border : rgb(102, 102, 102, 0.2) solid 3px;
border-left : 3px solid #fff;
}
@media screen and (min-width: 767px) {
.loader--dark {
border : rgb(102, 102, 102, 0.2) solid 5px;
border-left : 5px solid #666;
}
}
.loader, .loader::after {
border-radius : 50%;
width : 20px;
height : 20px;
}
@media screen and (min-width: 767px) {
.loader, .loader::after {
width : 45px;
height : 45px;
}
}
.loader--small, .loader--small::after {
width : 20px;
height : 20px;
}
@media screen and (min-width: 767px) {
.loader--small, .loader--small::after {
width : 30px;
height : 30px;
border-width : 5px;
}
}
@keyframes load8 {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
.closeButton {
cursor : pointer;
}
.infoText {
text-decoration : none;
color : #666;
font-size : 18px;
font-size : 1rem;
}
.infoText::before {
padding-right : 8px;
}
.infoText--mail {
text-decoration : underline;
}
.infoText--mail:hover {
text-decoration : none;
}
.animateBox.fade {
opacity : 0;
}
.animateBox.fade.triggeredCSS3 {
opacity : 1;
}
.animateBox.fadeFromTop {
opacity : 0;
transform : translateY(-20px);
}
.animateBox.fadeFromTop.triggeredCSS3 {
opacity : 1;
transform : translateY(0);
}
.animateBox.fadeFromLeft {
opacity : 0;
transform : translateX(-20px);
}
.animateBox.fadeFromLeft.triggeredCSS3 {
opacity : 1;
transform : translateX(0);
}
.animateBox.fadeFromRight {
opacity : 0;
transform : translateX(20px);
}
.animateBox.fadeFromRight.triggeredCSS3 {
opacity : 1;
transform : translateX(0);
}
.animateBox.scaleFade {
opacity : 0;
transform : scale(0.5);
}
.animateBox.scaleFade.triggeredCSS3 {
opacity : 1;
transform : scale(1);
}
.animateBox.rotate.triggeredCSS3 {
transform : rotate(360deg);
}
.animateBox.scale.triggeredCSS3 {
transform : scale(1.6);
}
.animateBox.translate.triggeredCSS3 {
transform : translate3d(400px,0,0);
}
.c-topContent {
position : relative;
min-height : 100px;
}
@media screen and (min-width: 767px) {
.c-topContent {
min-height : 150px;
}
}
@media screen and (min-width: 1024px) {
.c-topContent {
min-height : 150px;
}
}
@media screen and (min-width: 1600px) {
.c-topContent {
min-height : 200px;
}
}
.homepage .c-topContent {
min-height : 280px;
}
@media screen and (min-width: 767px) {
.homepage .c-topContent {
min-height : 400px;
}
}
@media screen and (min-width: 1024px) {
.homepage .c-topContent {
min-height : 500px;
}
}
@media screen and (min-width: 1600px) {
.homepage .c-topContent {
min-height : 600px;
}
}
.c-topContent__inner {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.c-topContent__box {
position : absolute;
left : 50%;
top : 50%;
transform : translateX(-50%) translateY(-50%);
text-align : center;
width : 100%;
max-width : 1470px;
}
.c-topContent__box .cHeading__hx, .c-topContent__box .cPerex__desc {
color : #fff;
}
.recaptcha-container .grecaptcha-badge {
visibility : hidden;
z-index : 100;
box-shadow : 0 0 5px 0 rgb(0, 0, 0, 0.2) !important ;
}
.grecaptcha-badge[data-style="bottomright"], .grecaptcha-badge[data-style="bottomleft"] {
bottom : 80px !important ;
}
.row--top.row--topPhoto .cTopPhoto img {
width : 100%;
height : 100%;
object-fit : cover;
}
.sf-toolbar.sf-error-toolbar {
display : none;
}
html {
overflow-x : hidden;
scroll-behavior : smooth;
}
@media (max-width: 1250px) {
.globalWrapper {
overflow-x : hidden;
}
}
.c-topContent__box, .cCopyright__inner, .cCopyright__recaptcha, .cHeader--beneath .cHeader__mainNav__inner, .h-wrapper-width, .mDrop .row--topPhoto .cCrumb ul, .mainWrapper > .row > .rowInner, .pageHeader .cHeader__inner, .pageHeader .navbar__inner, .pageHeader .row--top > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner, .row--contentCentered > .row__overlay > .rowInner, .row--footer > .rowInner, .row--hero-subpage > .rowInner, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cCrumb .mDrop ul, .row--topPhoto .cCrumb .nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
@media screen and (min-width: 767px) {
.c-topContent__box, .cCopyright__inner, .cCopyright__recaptcha, .cHeader--beneath .cHeader__mainNav__inner, .h-wrapper-width, .mDrop .row--topPhoto .cCrumb ul, .mainWrapper > .row > .rowInner, .pageHeader .cHeader__inner, .pageHeader .navbar__inner, .pageHeader .row--top > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner, .row--contentCentered > .row__overlay > .rowInner, .row--footer > .rowInner, .row--hero-subpage > .rowInner, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cCrumb .mDrop ul, .row--topPhoto .cCrumb .nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.c-topContent__box, .cCopyright__inner, .cCopyright__recaptcha, .cHeader--beneath .cHeader__mainNav__inner, .h-wrapper-width, .mDrop .row--topPhoto .cCrumb ul, .mainWrapper > .row > .rowInner, .pageHeader .cHeader__inner, .pageHeader .navbar__inner, .pageHeader .row--top > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner, .row--contentCentered > .row__overlay > .rowInner, .row--footer > .rowInner, .row--hero-subpage > .rowInner, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cCrumb .mDrop ul, .row--topPhoto .cCrumb .nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
}
@media screen and (min-width: 1600px) {
.c-topContent__box, .cCopyright__inner, .cCopyright__recaptcha, .cHeader--beneath .cHeader__mainNav__inner, .h-wrapper-width, .mDrop .row--topPhoto .cCrumb ul, .mainWrapper > .row > .rowInner, .pageHeader .cHeader__inner, .pageHeader .navbar__inner, .pageHeader .row--top > .rowInner, .row--bottom > .rowInner, .row--contentCentered > .rowInner, .row--contentCentered > .row__overlay > .rowInner, .row--footer > .rowInner, .row--hero-subpage > .rowInner, .row--topPhoto .cCrumb .cPag__nav, .row--topPhoto .cCrumb .mDrop ul, .row--topPhoto .cCrumb .nav, .row--topPhoto .cHeading__hx, .row--topPhoto .cPerex {
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
}
.mainWrapper > .row:not(.row--fullWidth) > .rowInner, .pageHeader .cHeader__inner, .pageHeader .mainNav__inner {
max-width : 1470px;
margin : auto;
}
@media screen and (max-width: 766px) {
.pageHeader {
background-color : #fff;
}
.pageHeader--is-transparent {
background-color : transparent;
}
}
@media screen and (min-width: 767px) {
.pageHeader--centered {
max-width : 1470px;
margin : 0 auto;
}
}
.pageHeader--fixed-scroll {
height : 0;
}
@media screen and (min-width: 767px) {
.pageHeader--innerCentered .cHeader__inner, .pageHeader--innerCentered .mainNav__inner {
max-width : 1470px;
margin : 0 auto;
}
}
@media screen and (min-width: 767px) {
.mainWrapper {
position : relative;
}
}
@media screen and (min-width: 767px) {
.mainWrapper > .row > .rowInner {
padding-top : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.mainWrapper--centered {
max-width : 1470px;
margin : 0 auto;
}
}
@media screen and (min-width: 767px) {
.siteFooterWrapper--innerCentered .rowInner {
max-width : 1470px;
margin : 0 auto;
}
}
@media screen and (min-width: 767px) {
.row--centered {
max-width : 1470px;
margin : 0 auto;
}
}
@media screen and (min-width: 767px) {
.row--innerCentered .rowInner {
max-width : 1470px;
margin : 0 auto;
}
}
.row--noGap .grid {
margin-left : 0;
}
.row--noGap .grid__item, .row--noGap .label--inline, .row--noGap .label--inline + .field {
padding-left : 0;
}
.row--colored {
padding : 6.66667rem 1.11111rem 0;
background-color : #c3d69b;
}
.row--reverseBoxSpacing, .row--reverseSpacing {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
@media screen and (min-width: 767px) {
.row--reverseSpacing {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.row--reverseSpacing {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
@media screen and (min-width: 1470px) {
.row--reverseSpacing {
position : relative;
max-width : 100vw;
width : 100vw;
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
margin-left : 0;
margin-right : 0;
}
}
@media screen and (min-width: 767px) {
.row--reverseBoxSpacing {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.row--reverseBoxSpacing {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
@media screen and (min-width: 1600px) {
.row--reverseBoxSpacing {
margin-left : -2.22222rem;
margin-right : -2.22222rem;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
.row .row--htmlVideo .videoInner, .row .row--htmlVideo .videoWrapper, .row .row--htmlVideo::before, .row--htmlVideo .row .videoInner, .row--htmlVideo .row .videoWrapper {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.row--htmlVideo {
position : relative;
width : 100%;
height : 100vh;
overflow : hidden;
}
.row--htmlVideo::before {
content : '';
background-color : rgb(0, 0, 0, 0.5);
z-index : 10;
}
.row--htmlVideo .videoInner {
overflow : hidden;
}
.row--htmlVideo .cVideo {
min-width : 100%;
min-height : 100%;
}
.row--htmlVideo .videoContent {
z-index : 10;
color : #fff;
}
@media screen and (max-width: 766px) {
.row--htmlVideo .videoContent {
width : 100%;
padding : 1.11111rem;
}
}
@media screen and (min-width: 1470px) {
.row--htmlVideo .videoContent {
width : 1470px;
max-width : 1470px;
}
}
.row--htmlVideo .videoContent .cHeading {
font-size : 70px;
font-size : 3.88889rem;
color : #fff;
}
@media screen and (max-width: 766px) {
.row--htmlVideo .videoContent .cHeading {
font-size : 60px;
font-size : 3.33333rem;
}
}
.row--htmlVideo .videoContent .cGnotation {
background-color : transparent;
}
.row--bordered {
border-top : 5px solid #fff;
}
.row--bordered .cCube, .row--bordered .row--htmlVideo {
margin-bottom : 0;
border-bottom : 5px solid #fff;
}
.row--bordered .grid__item:not(:last-child), .row--bordered .label--inline + .field:not(:last-child), .row--bordered .label--inline:not(:last-child) {
border-bottom : 5px solid #fff;
}
@media screen and (min-width: 767px) {
.row--bordered .grid__item:not(:last-child), .row--bordered .label--inline + .field:not(:last-child), .row--bordered .label--inline:not(:last-child) {
border-right : 5px solid #fff;
}
}
.row--large-v-gap {
padding-top : 25px;
padding-bottom : 25px;
}
@media screen and (min-width: 1024px) {
.row--large-v-gap {
padding-top : 50px;
padding-bottom : 50px;
}
}
@media screen and (min-width: 1600px) {
.row--large-v-gap {
padding-top : 80px;
padding-bottom : 80px;
}
}
.row--has-bg--dark .cImage__desc, .row--has-bg--dark .cImage__desc p, .row--has-bg--dark .cPerson--columns, .row--has-bg--dark .cPerson--columns p, .row--has-bg--dark .cText, .row--has-bg--dark .cText a:not(.btn), .row--has-bg--dark .cText span, .row--has-bg--dark h1, .row--has-bg--dark h2, .row--has-bg--dark h3, .row--has-bg--dark h4, .row--has-bg--dark h5, .row--has-bg--dark h6 {
color : #FFF;
}
.row--eshop-account .cHeading {
margin-bottom : 1rem;
}
.row--eshop-account h1.cHeading {
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1024px) {
.row--eshop-account h1.cHeading {
font-size : 32px;
font-size : 1.77778rem;
}
}
.row--eshop-account h2.cHeading {
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 1024px) {
.row--eshop-account h2.cHeading {
font-size : 24px;
font-size : 1.33333rem;
}
}
.row--eshop-account.row--eshop-account-bg {
background-color : #F2F2F2;
border-top : 1px solid #d1d1d1;
}
.row--eshop-account.row--eshop-account-bg > .rowInner {
background-color : inherit;
}
@media screen and (max-width: 766px) {
.row--eshop-account.row--eshop-account-bg > .rowInner {
padding : 0;
}
}
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg > .rowInner {
padding-top : 1.94444rem;
}
}
@media (max-width: 1299px) {
.row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .grid__item, .row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .label--inline, .row--eshop-account.row--eshop-account-bg > .rowInner > .grid > .label--inline + .field {
width : 100%;
}
}
.row--eshop-account.row--eshop-account-bg .row--contentBody {
margin-bottom : 1.66667rem;
padding : 1.66667rem 0.88889rem;
background-color : #fff;
border-radius : 12px;
}
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg .row--contentBody {
margin-bottom : 2.22222rem;
padding : 2.77778rem;
min-height : calc(100vh - 320px);
min-height : calc(100vh - 320px);
min-height : calc(100vh - 320px);
}
}
@media screen and (min-width: 1024px) {
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols .row--contentBody {
padding : 1.66667rem;
}
}
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols > .rowInner > .grid {
display : flex;
flex-wrap : wrap;
}
.row--eshop-account.row--eshop-account-bg.row--eshop-account-bg-cols .row--eshop-account__side {
height : 100%;
}
.row--contentFooter .row--reverseBoxSpacing {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
@media screen and (min-width: 767px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
}
@media screen and (min-width: 1600px) {
.row--contentFooter .row--reverseBoxSpacing {
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
}
.grid {
margin-left : -1.66667rem;
}
.grid__item, .label--inline, .label--inline + .field {
padding-left : 1.66667rem;
}
.homepage .mainWrapper {
padding-top : 0;
}
.additional, .cBlockquote--background, .cConversButton--colored, .cForm, .cMap__panel, .cNewsletter--colored:not(form), .drop, .errorMessage, .form-error-message {
color : #666;
}
.cMenuTags--horisontal .nav__item__in, .cNavMenu--horisontal .nav__item__in, .cPag__item__in, .nav--stacked-box__item__in {
color : #00ADEE;
}
.cConversButton--colored .cHeading, .cConversButton--colored h1, .cConversButton--colored h2, .cConversButton--colored h3, .cConversButton--colored h4, .cConversButton--colored h5, .cConversButton--colored h6 {
color : #303233;
}
.field--upload {
color : #666;
}
.row--has-image-bg {
background-size : cover;
background-position : center center;
}
.row--has-parallax {
background-attachment : fixed;
}
.row--has-inner-spacing {
padding : 20px;
}
@media screen and (min-width: 767px) {
.row--has-inner-spacing {
padding : 30px;
}
}
@media screen and (min-width: 1024px) {
.row--has-inner-spacing {
padding : 40px;
}
}
.row--has-overlay-color {
position : relative;
}
.row--has-overlay-color .row__overlay {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
content : '';
}
.row--has-overlay-color > .rowInner {
position : relative;
z-index : 2;
}
@font-face {
font-family : icons;
src : url(../fonts/icons/icons.eot);
src : url(../fonts/icons/icons.eot?#iefix) format("eot"), url(../fonts/icons/icons.woff?v=f5c8) format("woff"), url(../fonts/icons/icons.ttf) format("truetype");
}
.btn--submit::after, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote, .cBlockquote--image.right blockquote, .cBlockquote--image.top .cBlockquote__text::after, .cForm::before, .cForm__note ul > li, .cGallery .A_lightbox, .cGallery a[data-a-lightbox-gallery], .cImage .A_lightbox, .cImage a[data-a-lightbox-gallery], .cInfobox, .cInfobox ul > li, .cPerex ul > li, .cPerson__link--icon-email, .cPerson__link--icon-fax, .cPerson__link--icon-mobile, .cPerson__link--icon-phone, .cPerson__link--icon-web, .cProductListBox ul > li, .cProductListImg ul > li, .cSellingButton .cHeading::before, .cSharedText ul > li, .cSitemap ul > li, .cText ul > li, .cVideo__thumbnail, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cftSearch__autocomplete__image--noImage, .cke_editable ul > li, .cke_editable_inline ul > li, .cube__inner ul > li, .infoText::before, .nav__item--drop .nav__item__in, .nav__item--mDrop .nav__item__in, .rsClear .rsThumbsArrowIcn, .rsDefault .rsArrowIcn, .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, [class*="icon-"] {
color : #00adee;
text-decoration : none;
}
.btn--submit::after, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::after, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::after, .cBlockquote--image.right blockquote::before, .cBlockquote--image.top .cBlockquote__text::after, .cForm::before, .cForm__note ul > li::after, .cForm__note ul > li::before, .cGallery .A_lightbox::after, .cGallery .A_lightbox::before, .cGallery a[data-a-lightbox-gallery]::after, .cGallery a[data-a-lightbox-gallery]::before, .cImage .A_lightbox::after, .cImage .A_lightbox::before, .cImage a[data-a-lightbox-gallery]::after, .cImage a[data-a-lightbox-gallery]::before, .cInfobox ul > li::after, .cInfobox ul > li::before, .cInfobox::after, .cInfobox::before, .cPerex ul > li::after, .cPerex ul > li::before, .cPerson__link--icon-email::after, .cPerson__link--icon-email::before, .cPerson__link--icon-fax::after, .cPerson__link--icon-fax::before, .cPerson__link--icon-mobile::after, .cPerson__link--icon-mobile::before, .cPerson__link--icon-phone::after, .cPerson__link--icon-phone::before, .cPerson__link--icon-web::after, .cPerson__link--icon-web::before, .cProductListBox ul > li::after, .cProductListBox ul > li::before, .cProductListImg ul > li::after, .cProductListImg ul > li::before, .cSellingButton .cHeading::before, .cSharedText ul > li::after, .cSharedText ul > li::before, .cSitemap ul > li::after, .cSitemap ul > li::before, .cText ul > li::after, .cText ul > li::before, .cVideo__thumbnail::after, .cVideo__thumbnail::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cftSearch__autocomplete__image--noImage::after, .cftSearch__autocomplete__image--noImage::before, .cke_editable ul > li::after, .cke_editable ul > li::before, .cke_editable_inline ul > li::after, .cke_editable_inline ul > li::before, .cube__inner ul > li::after, .cube__inner ul > li::before, .infoText::before, .nav__item--drop .nav__item__in::after, .nav__item--drop .nav__item__in::before, .nav__item--mDrop .nav__item__in::after, .nav__item--mDrop .nav__item__in::before, .rsClear .rsThumbsArrowIcn::after, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::after, .rsDefault .rsArrowIcn::before, .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, [class*="icon-"]::after, [class*="icon-"]::before {
display : inline-block;
vertical-align : middle;
font-size : 16px;
font-size : 0.88889rem;
text-align : center;
font-family : icons;
font-style : normal;
font-variant : normal;
font-weight : 400;
text-decoration : none;
text-transform : none;
transform : rotateZ(0);
}
[class*="icon-"]::before {
font-size : 16px;
font-size : 0.88889rem;
color : #00adee;
}
.glyph {
line-height : 1;
text-align : center;
margin : auto;
}
.glyph--has-bg {
position : relative;
width : 110px;
height : 110px;
}
.glyph--has-bg .glyph__icon {
line-height : 1;
}
.glyph--rounded {
border-radius : 100%;
}
.glyph--rounded_corners {
border-radius : 10px;
}
.glyph::before {
display : inline-block;
font-weight : 400;
line-height : 1;
}
.glyph .glyph__icon {
width : auto;
height : auto;
}
.glyph .glyph__icon::before {
color : inherit;
font-size : inherit;
}
.accordion {
width : 100%;
margin-left : 0;
}
@media screen and (max-width: 766px) {
.accordion:not(.accordion--tabs--no-acc) {
margin-bottom : 0 !important ;
}
}
.accordion__item {
margin-bottom : 1.11111rem;
}
.accordion__item__tab {
display : block;
position : relative;
padding : 1.11111rem 2.22222rem 1.11111rem 2.5rem;
text-decoration : none;
background-color : #F2F2F2;
color : #666;
border : #d1d1d1 solid 1px;
}
@media screen and (min-width: 767px) {
.accordion__item__tab {
padding-left : 3.33333rem;
}
}
.accordion__item__tab--active {
position : relative;
z-index : 1;
color : #666;
}
.accordion__item__tab--active:hover {
color : #666;
}
.accordion__item__tab--active .accordion__item__holder::before {
color : #00ADEE;
}
.accordion__item__tab:hover:not(.accordion__item__tab--active) {
color : #666;
}
@media screen and (min-width: 767px) {
.accordion__item__tab:hover:not(.accordion__item__tab--active) {
color : #666;
background-color : #F2F2F2;
text-decoration : underline;
}
}
.accordion__item__holder {
position : absolute;
top : 12px;
left : 20px;
}
.accordion__item__holder.icon-accordion--active::before, .accordion__item__holder.icon-accordion::before {
font-size : 12px;
font-size : 0.66667rem;
color : #666;
}
.accordion__item__content {
display : none;
max-width : 100%;
width : 100%;
padding : 1.11111rem;
background-color : #fff;
border : #d1d1d1 solid 1px;
border-top : 0;
}
@media screen and (min-width: 767px) {
.accordion__item__content {
padding : 2.22222rem;
}
}
.accordion__item__content .cCube:last-child, .accordion__item__content .row--htmlVideo:last-child, .accordion__item__content .row:last-child .cCube:last-child, .accordion__item__content .row:last-child .row--htmlVideo:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.accordion--tabs {
position : relative;
border-bottom : 1px solid #d1d1d1;
text-align : left;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs__item {
display : inline-block;
vertical-align : middle;
float : none;
margin-bottom : -1px;
margin-left : 0;
border-bottom-width : 0;
}
}
.accordion--tabs__item__tab {
font-weight : 400;
}
@media screen and (min-width: 767px) {
.accordion--tabs__item__tab {
padding : 1.11111rem 2.22222rem;
border-radius : 0;
border : #d1d1d1 solid 1px;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs__item__tab {
border-right : 0;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs__item:last-child .accordion__item__tab {
border-right : 1px solid #d1d1d1;
}
}
.accordion--tabs__item__content {
text-align : left;
}
@media screen and (min-width: 767px) {
.accordion--tabs__item__content {
position : absolute;
left : 0;
top : 100%;
margin-top : 1px;
}
}
.accordion--tabs__item .accordion__item__tab--active {
color : #00ADEE;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.accordion--tabs__item .accordion__item__tab--active {
border-bottom-color : #fff;
}
}
.accordion--tabs--center {
text-align : center;
}
.accordion--tabs--center .accordion--tabs__item {
display : block;
}
@media screen and (min-width: 767px) {
.accordion--tabs--center .accordion--tabs__item {
display : inline-block;
float : none;
}
}
.accordion--tabs--center .accordion--tabs__item__content {
text-align : left;
}
.accordion--tabs--no-acc {
position : relative;
}
@media screen and (max-width: 766px) {
.accordion--tabs--no-acc {
text-align : center;
}
}
@media screen and (max-width: 766px) {
.accordion--tabs--no-acc .accordion--tabs__item {
display : inline-block;
vertical-align : top;
margin-bottom : 0;
}
}
.accordion--tabs--no-acc .accordion--tabs__item__tab {
display : inline-block;
}
@media screen and (max-width: 766px) {
.accordion--tabs--no-acc .accordion--tabs__item__tab {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
border-bottom : 0;
}
}
.accordion--tabs--no-acc .accordion--tabs__item__tab .accordion__item__holder {
display : none;
}
.accordion--tabs--no-acc .accordion--tabs__item__content {
position : absolute;
left : 0;
top : 100%;
}
@media screen and (max-width: 766px) {
.accordion--tabs--no-acc .accordion--tabs__item__content {
border-top : 1px solid #d1d1d1;
}
}
.accordion--tabs.left {
border-bottom : 0;
}
@media screen and (min-width: 767px) {
.accordion--tabs.left .accordion--tabs__item {
display : block;
width : 20%;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.left .accordion--tabs__item:last-child .accordion--tabs__item__tab {
border-right : 0;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.left .accordion--tabs__item__tab {
display : block;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.left .accordion--tabs__item__content {
top : 0;
margin-left : 20%;
margin-top : 0;
width : 80%;
border : #d1d1d1 solid 1px;
}
}
.accordion--tabs.left .accordion__item__tab--active {
margin-right : -1px;
border-bottom-color : #d1d1d1;
}
@media screen and (min-width: 767px) {
.accordion--tabs.center, .accordion--tabs.right {
display : flex;
flex-wrap : nowrap;
justify-content : center;
text-align : center;
border-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.center .accordion--tabs__item, .accordion--tabs.right .accordion--tabs__item {
width : 20%;
padding-left : 1.11111rem;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.center .accordion--tabs__item:first-child, .accordion--tabs.right .accordion--tabs__item:first-child {
margin-left : 0;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.center .accordion--tabs__item__tab, .accordion--tabs.right .accordion--tabs__item__tab {
display : block;
border : #d1d1d1 solid 1px;
}
}
@media screen and (min-width: 767px) {
.accordion--tabs.center .accordion__item__content, .accordion--tabs.right .accordion__item__content {
border : 0;
padding : 4.44444rem 0 0;
}
}
.no-js .accordion__item__content {
display : block;
}
ol li > *, ul li > * {
font-family : Roboto, sans-serif;
}
.cPag__nav > .nav__item, .cPag__nav > li, .mDrop ul > .nav__item, .mDrop ul > li, .nav > .nav__item, .nav > li {
margin-bottom : 0;
}
.nav__item__in--active {
font-weight : 700;
}
.mDrop ul > li, .nav--stacked-box > li, .nav--stacked > li {
display : list-item;
}
.cPag__nav > li, .mDrop ul > li, .nav > li {
margin-bottom : 0;
}
.nav--basic__item {
margin-right : 1.11111rem;
}
.nav--basic__item:last-child {
margin-right : 0;
}
@media screen and (max-width: 766px) {
.nav--basic--resp-block > li, .nav--basic--resp-block > li a {
display : block;
margin-right : 0;
}
.nav--basic--resp-block.nav--bullet > li:before {
display : none;
}
.nav--basic--resp-block.nav--pills > li {
margin-bottom : 1.11111rem;
}
}
.nav--bullet__item + .nav--bullet__item:before {
content : attr(data-bullet) "";
padding : 0 20px;
display : inline-block;
}
.nav--pills__item__in {
padding : 1.11111rem;
}
.nav--pills__item__in.nav--pills__item__in--active, .nav--pills__item__in:hover {
background : #666;
border-radius : 3px;
}
.nav--pills__item__in.nav--pills__item__in--active {
font-weight : 700;
}
.mDrop .nav--stacked ul, .mDrop ul .nav--stacked, .mDrop ul ul, .nav--stacked .mDrop ul, .nav--stacked .nav--stacked {
padding-left : 2.22222rem;
}
.nav--stacked__item__in {
display : block;
}
.nav--stacked__item.nav--bullet__item {
position : relative;
padding-left : 1.11111rem;
}
.nav--stacked__item.nav--bullet__item:before {
content : attr(data-bullet);
padding : 0;
position : absolute;
left : 0;
}
.mDrop ul, .nav--stacked-box {
margin-bottom : 0;
margin-left : 0;
}
.mDrop .nav--stacked-box ul, .mDrop ul .nav--stacked-box, .mDrop ul ul, .nav--stacked-box .mDrop ul, .nav--stacked-box .nav--stacked-box {
padding-left : 0;
}
.mDrop ul.nav--lev2, .mDrop ul.nav--lev3, .mDrop ul.nav--lev4, .nav--stacked-box.nav--lev2, .nav--stacked-box.nav--lev3, .nav--stacked-box.nav--lev4 {
margin-left : 0;
}
.mDrop ul .nav--stacked-box__item__in, .nav--stacked-box .nav--stacked-box__item__in {
position : relative;
display : block;
margin-bottom : 0;
text-decoration : none;
}
.mDrop ul .nav--lev__holder, .nav--stacked-box .nav--lev__holder {
width : 80px;
height : 100%;
}
.controlBox {
display : none;
}
@media screen and (min-width: 1024px) {
.controlBox {
display : block;
position : fixed;
z-index : 200;
right : 0;
top : 0;
box-shadow : 0 0 1px 1px #fff inset, 0 0 6px #b2b2b2;
background : linear-gradient(white, #f6f6f6);
}
}
.controlBox > a {
display : block;
position : relative;
padding : 0.44444rem 1.38889rem 0.44444rem 0.83333rem;
color : #007dc4 !important ;
}
.controlBox > a:after {
position : absolute;
right : 10px;
width : 10px;
height : 10px;
background-image : url(../img/link-external.svg?v=3a9e);
background-color : transparent;
background-position : 50% 50%;
background-size : 10px 12px;
background-repeat : no-repeat;
content : '';
}
.cc_container {
padding-bottom : 10px !important ;
}
@media screen and (min-width: 767px) {
.cc_container .cc_message {
float : left;
margin-bottom : 5px !important ;
}
}
.cc_container .cc_btn {
position : static !important ;
display : block;
width : 100%;
}
@media screen and (max-width: 766px) {
.cc_container .cc_btn {
max-width : 100% !important ;
}
}
@media screen and (min-width: 767px) {
.cc_container .cc_btn {
float : right;
}
}
.c-responsive-nav {
position : relative;
overflow : hidden;
}
.c-responsive-nav.has-collapsed-items {
padding-right : 70px !important ;
}
@media screen and (min-width: 767px) {
.cHeader--separator .c-responsive-nav.has-collapsed-items .nav__item:last-child {
border-right : 1px solid #ddd;
}
}
@media screen and (min-width: 767px) {
.c-responsive-nav .dropNav, .c-responsive-nav .mDrop {
position : fixed;
transition : opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}
}
@media screen and (min-width: 1300px) {
.c-responsive-nav .dropNav .dropNav {
position : absolute;
}
}
.cHeader--beneath .js-resp-nav {
overflow : hidden;
}
.nav--responsive {
white-space : nowrap;
}
@media not all and (min-resolution: 0.001dpcm) {
}
@supports () {
.mDrop .navbar__component--sideNav ul > .nav__item::before, .mDrop .navbar__component--sideNav ul > li::before, .navbar__component--sideNav .cPag__nav > .nav__item::before, .navbar__component--sideNav .cPag__nav > li::before, .navbar__component--sideNav .mDrop ul > .nav__item::before, .navbar__component--sideNav .mDrop ul > li::before, .navbar__component--sideNav .nav > .nav__item::before, .navbar__component--sideNav .nav > li::before {
display : none;
}
}
.scrollTop {
width : 45px;
height : 45px;
background-image : url(../img/scrollTop.svg?v=012e);
background-position : 50% 50%;
background-size : 24px 16px;
background-repeat : no-repeat;
opacity : 0;
background-color : rgb(221, 221, 221, 0.7);
position : fixed;
transition : opacity 0.25s ease-in-out;
bottom : 80px;
bottom : 4.44444rem;
right : 40px;
right : 2.22222rem;
border-radius : 50%;
border : rgb(208, 208, 208, 0.7) solid 1px;
z-index : 30;
}
.scrollTop:hover {
background-color : rgb(208, 208, 208, 0.7);
}
html {
background-color : #fff;
font-weight : 400;
line-height : 1.78;
color : #666;
font-family : Roboto, sans-serif;
font-size : 1.125em;
}
@media screen and (min-width: 767px) {
html {
font-size : 1.125em;
}
}
@media screen and (min-width: 1024px) {
html {
font-size : 1.125em;
}
}
.link:hover, a:hover {
text-decoration : none;
}
@media screen and (max-width: 766px) {
p > a {
padding : 1.11111rem 0;
}
}
blockquote {
quotes : none;
}
ol, ul {
margin-left : 0;
}
ul > li {
list-style : none;
}
.cHr, .hr {
border : 0;
}
::-moz-selection {
background-color : #00adee;
color : #fff;
}
::selection {
background-color : #00adee;
color : #fff;
}
table {
max-width : 100%;
}
@media screen and (max-width: 766px) {
table {
overflow-x : auto;
display : block;
}
}
.table--striped tr:nth-child(even), .table--stripedVert td:nth-child(odd) {
color : #666;
}
@font-face {
font-family : migrena-regular;
font-style : normal;
font-weight : 400;
src : url(../fonts/migrena-regular/migrena-regular.eot);
src : url(../fonts/migrena-regular/migrena-regular.eot#iefix) format("embedded-opentype"), url(../fonts/migrena-regular/migrena-regular.otf?v=d83d) format("opentype"), url(../fonts/migrena-regular/migrena-regular.woff?v=763e) format("woff"), url(../fonts/migrena-regular/migrena-regular.ttf) format("truetype"), url(../fonts/migrena-regular/migrena-regular.svg) format("svg");
}
@font-face {
font-family : migrena-bold;
font-style : normal;
font-weight : 400;
src : url(../fonts/migrena-bold/migrena-bold.eot);
src : url(../fonts/migrena-bold/migrena-bold.eot#iefix) format("embedded-opentype"), url(../fonts/migrena-bold/migrena-bold.otf?v=63ab) format("opentype"), url(../fonts/migrena-bold/migrena-bold.woff?v=f5c8) format("woff"), url(../fonts/migrena-bold/migrena-bold.ttf) format("truetype"), url(../fonts/migrena-bold/migrena-bold.svg) format("svg");
}
@font-face {
font-family : migrena-light;
font-style : normal;
font-weight : 400;
src : url(../fonts/migrena-light/migrena-light.eot);
src : url(../fonts/migrena-light/migrena-light.eot#iefix) format("embedded-opentype"), url(../fonts/migrena-light/migrena-light.otf?v=0b66) format("opentype"), url(../fonts/migrena-light/migrena-light.woff?v=5440) format("woff"), url(../fonts/migrena-light/migrena-light.ttf) format("truetype"), url(../fonts/migrena-light/migrena-light.svg) format("svg");
}
@font-face {
font-family : iconfnt;
font-style : normal;
font-weight : 400;
src : url(../fonts/iconfnt/iconfnt.eot);
src : url(../fonts/iconfnt/iconfnt.eot#iefix) format("embedded-opentype"), url(../fonts/iconfnt/iconfnt.otf?v=2f34) format("opentype"), url(../fonts/iconfnt/iconfnt.woff?v=32a4) format("woff"), url(../fonts/iconfnt/iconfnt.ttf) format("truetype"), url(../fonts/iconfnt/iconfnt.svg?v=6056) format("svg");
}
h1, h2, h3, h4, h5, h6 {
font-family : migrena-bold;
color : #303233;
}
.alpha, h1 {
font-size : 25px;
font-size : 1.38889rem;
}
@media screen and (min-width: 767px) {
.alpha, h1 {
font-size : 70px;
font-size : 3.88889rem;
}
}
@media screen and (min-width: 1024px) {
.alpha, h1 {
font-size : 70px;
font-size : 3.88889rem;
}
}
.beta, h2 {
font-size : 36px;
font-size : 2rem;
}
@media screen and (min-width: 767px) {
.beta, h2 {
font-size : 50px;
font-size : 2.77778rem;
}
}
@media screen and (min-width: 1024px) {
.beta, h2 {
font-size : 60px;
font-size : 3.33333rem;
}
}
.gamma, h3 {
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 767px) {
.gamma, h3 {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.gamma, h3 {
font-size : 50px;
font-size : 2.77778rem;
}
}
.delta, h4 {
font-size : 17px;
font-size : 0.94444rem;
}
@media screen and (min-width: 767px) {
.delta, h4 {
font-size : 35px;
font-size : 1.94444rem;
}
}
@media screen and (min-width: 1024px) {
.delta, h4 {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.epsilon, h5 {
font-size : 30px;
font-size : 1.66667rem;
}
}
@media screen and (min-width: 1024px) {
.zeta, h6 {
font-size : 25px;
font-size : 1.38889rem;
}
}
.link, a {
color : #00ADEE;
}
.link:hover, a:hover {
color : #08b;
}
abbr {
font-size : 13px;
font-size : 0.72222rem;
}
acronym {
text-transform : uppercase;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (max-width: 766px) {
p > a {
padding : 1.11111rem 0;
}
}
ol > li, ul > li {
margin-bottom : 20px;
}
ol ol, ol ul, ul ol, ul ul {
margin-left : 2.22222rem;
}
.annotation {
font-size : 50px;
font-size : 2.77778rem;
}
.annotation > p:not(.no-indent) {
margin-top : 0;
}
p {
margin-bottom : 2.22222rem;
}
.img--full {
width : 100%;
}
img[height], img[width] {
max-width : 100%;
}
.browserupgrade {
width : 100%;
text-align : center;
margin-bottom : 0;
background-color : #ffffc8;
padding : 8px;
border-bottom : 1px solid #d6d689;
color : #000;
}
.browserupgrade a {
color : #007dc4;
}
ul[style*="circle"] {
margin-left : 40px;
}
ul[style*="circle"] > li {
list-style-type : circle !important ;
padding-left : 0 !important ;
}
ul[style*="circle"] > li::before {
display : none;
}
ul[style*="disc"] {
margin-left : 40px;
}
ul[style*="disc"] > li {
list-style-type : disc !important ;
padding-left : 0 !important ;
}
ul[style*="disc"] > li::before {
display : none;
}
ul[style*="square"] {
margin-left : 40px;
}
ul[style*="square"] > li {
list-style-type : square !important ;
padding-left : 0 !important ;
}
ul[style*="square"] > li::before {
display : none;
}
ol {
counter-reset : i;
}
ol > li {
position : relative;
list-style : none;
padding-left : 2.22222rem;
}
ol > li::before {
position : absolute;
left : 0;
content : counter(i) ".";
counter-increment : i;
color : #00adee;
font-weight : 700;
}
ol > li > ol, ol > li > ol > li {
margin-left : 0;
}
ol[style*="upper-alpha"] > li::before {
content : counter(i,upper-alpha) ".";
}
ol[style*="lower-alpha"] > li::before {
content : counter(i,lower-alpha) ".";
}
ol[style*="lower-roman"] > li::before {
content : counter(i,lower-roman) ".";
}
ol[style*="upper-roman"] > li::before {
content : counter(i,upper-roman) ".";
}
@media screen and (min-width: 1024px) {
.fs-8 {
font-size : 8px;
}
}
@media screen and (min-width: 1024px) {
.fs-9 {
font-size : 9px;
}
}
@media screen and (min-width: 1024px) {
.fs-10 {
font-size : 10px;
}
}
@media screen and (min-width: 1024px) {
.fs-11 {
font-size : 11px;
}
}
@media screen and (min-width: 1024px) {
.fs-12 {
font-size : 12px;
}
}
@media screen and (min-width: 1024px) {
.fs-13 {
font-size : 13px;
}
}
@media screen and (min-width: 1024px) {
.fs-14 {
font-size : 14px;
}
}
@media screen and (min-width: 1024px) {
.fs-15 {
font-size : 15px;
}
}
@media screen and (min-width: 1024px) {
.fs-16 {
font-size : 16px;
}
}
@media screen and (min-width: 1024px) {
.fs-17 {
font-size : 17px;
}
}
@media screen and (min-width: 1024px) {
.fs-18 {
font-size : 18px;
}
}
@media screen and (min-width: 1024px) {
.fs-19 {
font-size : 19px;
}
}
@media screen and (min-width: 1024px) {
.fs-20 {
font-size : 20px;
}
}
@media screen and (min-width: 1024px) {
.fs-21 {
font-size : 21px;
}
}
@media screen and (min-width: 1024px) {
.fs-22 {
font-size : 22px;
}
}
@media screen and (min-width: 1024px) {
.fs-23 {
font-size : 23px;
}
}
@media screen and (min-width: 1024px) {
.fs-24 {
font-size : 24px;
}
}
@media screen and (min-width: 1024px) {
.fs-25 {
font-size : 25px;
}
}
@media screen and (min-width: 1024px) {
.fs-26 {
font-size : 26px;
}
}
@media screen and (min-width: 1024px) {
.fs-27 {
font-size : 27px;
}
}
@media screen and (min-width: 1024px) {
.fs-28 {
font-size : 28px;
}
}
@media screen and (min-width: 1024px) {
.fs-29 {
font-size : 29px;
}
}
@media screen and (min-width: 1024px) {
.fs-30 {
font-size : 30px;
}
}
@media screen and (min-width: 1024px) {
.fs-32 {
font-size : 32px;
}
}
@media screen and (min-width: 1024px) {
.fs-34 {
font-size : 34px;
}
}
@media screen and (min-width: 1024px) {
.fs-36 {
font-size : 36px;
}
}
@media screen and (min-width: 1024px) {
.fs-38 {
font-size : 38px;
}
}
@media screen and (min-width: 1024px) {
.fs-40 {
font-size : 40px;
}
}
@media screen and (min-width: 1024px) {
.fs-42 {
font-size : 42px;
}
}
@media screen and (min-width: 1024px) {
.fs-44 {
font-size : 44px;
}
}
@media screen and (min-width: 1024px) {
.fs-46 {
font-size : 46px;
}
}
@media screen and (min-width: 1024px) {
.fs-48 {
font-size : 48px;
}
}
@media screen and (min-width: 1024px) {
.fs-50 {
font-size : 50px;
}
}
@media screen and (min-width: 1024px) {
.fs-52 {
font-size : 52px;
}
}
@media screen and (min-width: 1024px) {
.fs-54 {
font-size : 54px;
}
}
@media screen and (min-width: 1024px) {
.fs-56 {
font-size : 56px;
}
}
@media screen and (min-width: 1024px) {
.fs-58 {
font-size : 58px;
}
}
@media screen and (min-width: 1024px) {
.fs-60 {
font-size : 60px;
}
}
@media screen and (min-width: 1024px) {
.fs-62 {
font-size : 62px;
}
}
@media screen and (min-width: 1024px) {
.fs-64 {
font-size : 64px;
}
}
@media screen and (min-width: 1024px) {
.fs-66 {
font-size : 66px;
}
}
@media screen and (min-width: 1024px) {
.fs-68 {
font-size : 68px;
}
}
@media screen and (min-width: 1024px) {
.fs-70 {
font-size : 70px;
}
}
@media screen and (min-width: 1024px) {
.fs-72 {
font-size : 72px;
}
}
@media screen and (min-width: 1024px) {
.fs-74 {
font-size : 74px;
}
}
@media screen and (min-width: 1024px) {
.fs-76 {
font-size : 76px;
}
}
@media screen and (min-width: 1024px) {
.fs-78 {
font-size : 78px;
}
}
@media screen and (min-width: 1024px) {
.fs-80 {
font-size : 80px;
}
}
@media screen and (min-width: 1024px) {
.fs-82 {
font-size : 82px;
}
}
@media screen and (min-width: 1024px) {
.fs-84 {
font-size : 84px;
}
}
@media screen and (min-width: 1024px) {
.fs-86 {
font-size : 86px;
}
}
@media screen and (min-width: 1024px) {
.fs-88 {
font-size : 88px;
}
}
@media screen and (min-width: 1024px) {
.fs-90 {
font-size : 90px;
}
}
@media screen and (min-width: 1024px) {
.fs-92 {
font-size : 92px;
}
}
@media screen and (min-width: 1024px) {
.fs-94 {
font-size : 94px;
}
}
@media screen and (min-width: 1024px) {
.fs-96 {
font-size : 96px;
}
}
@media screen and (min-width: 1024px) {
.fs-98 {
font-size : 98px;
}
}
@media screen and (min-width: 1024px) {
.fs-100 {
font-size : 100px;
}
}
.cHeading__hx__prefix, .cHeading__hx__suffix {
display : block;
font-size : 80%;
}
.row--has-bg--dark .cHeading__hx__prefix, .row--has-bg--dark .cHeading__hx__suffix {
color : #FFF;
}
fieldset {
padding : 0;
margin : 0;
border : 0;
}
legend {
display : block;
line-height : inherit;
}
input, select {
box-sizing : border-box;
}
select {
vertical-align : top;
}
.field, .form-control {
line-height : normal;
background-image : none;
cursor : text;
}
.field.focus, .field:focus, .form-control.focus, .form-control:focus {
outline-color : transparent;
}
.field--full, .form-control--full {
width : 100%;
}
.field--text, .form-control--text {
margin-bottom : 0;
}
.field--danger, .field.is-invalid, .form-control--danger, .form-control.is-invalid {
border-color : #e83f3e;
}
.field[disabled], .field[readonly], .form-control[disabled], .form-control[readonly], fieldset[disabled] .field, fieldset[disabled] .form-control {
background-color : #ccc;
border-color : #d1d1d1;
cursor : not-allowed;
}
.field--price-range, .form-control--price-range {
max-width : 100%;
}
.field--price-range-to, .form-control--price-range-to {
text-align : right;
}
label .invalid-feedback {
display : none;
}
textarea.field {
height : auto;
}
.spinner {
opacity : 0;
visibility : hidden;
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
width : 100%;
height : 100%;
z-index : 2;
}
.check-list__item {
background-image : none !important ;
padding-left : 0 !important ;
}
.checkbox-design, .radio-design {
position : relative;
width : 20px;
}
.checkbox-design input, .radio-design input {
visibility : hidden;
}
.checkbox-design label, .radio-design label {
position : absolute;
top : 0;
left : 0;
width : 20px;
height : 20px;
cursor : pointer;
}
.checkbox-design label:after, .radio-design label:after {
position : absolute;
opacity : 0;
content : '';
}
.checkbox-design + label, .radio-design + label {
display : inline-block;
}
.form-group {
margin-bottom : 20px;
}
input[type="search"] {
box-sizing : border-box;
}
input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal {
display : none;
width : 0;
height : 0;
}
select[multiple], select[size] {
height : auto;
}
select optgroup {
font-size : inherit;
font-style : inherit;
font-family : inherit;
}
@media screen and (max-width: 766px) {
}
@media screen and (max-width: 766px) {
input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, textarea:focus {
font-size : 16px !important ;
}
}
@media screen and (max-width: 766px) {
input:focus, select:focus, textarea:focus {
font-size : 16px !important ;
}
}
@media screen and (min-width: 767px) {
.form-fields__item--inline {
display : inline-block;
}
}
.form-fields__item--inline input + label {
display : inline-block;
}
.label, label {
line-height : 1.75;
}
.label--inline {
padding-left : 0;
padding-right : 0.55556rem;
}
@media screen and (max-width: 766px) {
.label--inline {
width : 100%;
padding-right : 0;
}
}
.label--inline + .field {
padding-left : 0.55556rem;
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.label--inline + .field + .additional, .label--inline + .field + .errorMessage, .label--inline + .field + .form-error-message {
text-align : right;
}
}
@media screen and (max-width: 766px) {
.label--inline + .field {
width : 100%;
}
}
@media screen and (min-width: 767px) {
.label--inline + .check-list {
display : inline-block;
width : 75%;
}
}
.form-fields__item--inline label, .spoken-form label {
font : inherit;
font-weight : inherit;
}
.spoken-form__item {
display : inline-block;
}
.form-fields__inline-block {
display : table;
width : 100%;
}
.form-fields__inline-block li {
display : table-row;
}
.form-fields__inline-block--block {
display : block;
}
.form-fields__inline-block--inline {
display : table-cell;
}
.additional--inline {
display : inline-block;
vertical-align : middle;
margin-top : 0;
}
input:focus + .help-notice--focus, textarea:focus + .help-notice--focus {
visibility : visible;
}
.alert {
width : 100%;
}
.alert__desc, .alert__icon {
display : table-cell;
}
.alert--success {
background-color : #dffbe4;
border : #89cb52 solid 1px;
color : #89cb52;
}
.alert--danger {
background-color : #fdd;
border : #e83f3e solid 1px;
color : #e83f3e;
}
.form-fields .grid__item, .form-fields .label--inline, .form-fields .label--inline + .field {
margin-bottom : 0;
}
.form-fields__inner {
margin-bottom : 2.22222rem;
}
legend {
width : auto;
margin-bottom : 0;
padding : 0 1.11111rem;
color : #303233;
font-weight : 700;
border-bottom : 0;
}
fieldset {
margin-bottom : 0;
}
.field, .form-control, select {
height : 35px;
}
@media screen and (min-width: 767px) {
.field, .form-control, select {
height : 40px;
}
}
.field, .form-control {
padding : 0.55556rem;
border : #d1d1d1 solid 1px;
border-radius : 3px;
background-color : #fff;
font-size : 13px;
font-size : 0.72222rem;
transition : all 0.5s;
}
@media screen and (min-width: 767px) {
.field, .form-control {
padding : 0.55556rem;
}
}
.field:hover, .form-control:hover {
border-color : #00adee;
}
.field .focus, .field:focus, .form-control .focus, .form-control:focus {
border-color : #00adee;
box-shadow : 0 0 4px #a2e5ff;
}
.field--large, .form-control--large {
font-size : 40px;
font-size : 2.22222rem;
}
.field--small, .form-control--small {
font-size : 12px;
font-size : 0.66667rem;
}
.field--danger, .field--danger:focus, .field--danger:hover, .form-control--danger, .form-control--danger:focus, .form-control--danger:hover {
border-color : #e83f3e;
}
.field--danger:focus, .form-control--danger:focus {
box-shadow : 0 0 4px #e83f3e;
}
.field--upload, .form-control--upload {
width : 100%;
height : auto;
}
.textarea, textarea {
min-height : 150px;
min-height : 8.33333rem;
}
label.label--inline, label.label--inline + .check-list {
vertical-align : text-top;
}
label:not(.label--inline) + .check-list {
margin-top : 1.11111rem;
}
select {
border-radius : 3px;
}
select.field {
padding-left : 3.33px;
}
select option {
padding : 0.55556rem;
}
.additional, .errorMessage, .form-error-message {
margin-top : 0.27778rem;
font-size : 13px;
font-size : 0.72222rem;
color : #444;
}
.additional--inline {
margin-left : 1.11111rem;
}
.errorMessage, .form-error-message {
color : #e83f3e;
}
.field-mandatory__item {
margin-left : 0.37037rem;
color : #e83f3e;
}
.invalid-feedback {
display : block;
}
.invalid-feedback .form-error-icon {
display : none;
}
label.required::after {
content : '*';
margin-left : 0.37037rem;
color : #e83f3e;
}
.spinner {
background-color : #fff;
}
.spinner__img, html .mfp-preloader {
display : inline-block;
padding : 0.22222rem;
width : 50px;
height : 50px;
margin-left : -25px;
margin-top : -25px;
font-size : 10px;
position : relative;
text-indent : -9999em;
border-top : 5px solid rgb(255, 255, 255, 0.2);
border-right : 5px solid rgb(255, 255, 255, 0.2);
border-bottom : 5px solid rgb(255, 255, 255, 0.2);
border-left : 5px solid #fff;
background-color : rgb(0, 173, 238, 0.5);
transform : translateZ(0);
animation : spinnerAnimation 1.1s linear infinite;
border-radius : 100%;
}
.spinner__img::after, html .mfp-preloader::after {
border-radius : 100%;
width : 45px;
height : 45px;
}
@keyframes spinnerAnimation {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
.spinner--in-modal {
background-color : rgb(255, 255, 255, 0.5);
}
.checkbox-design label, .radio-design label {
border : #b8b8b8 solid 1px;
border-radius : 4px;
background-color : #fff;
}
.checkbox-design label:hover:after, .radio-design label:hover:after {
opacity : 0.5;
}
.checkbox-design input:checked + label:after, .radio-design input:checked + label:after {
opacity : 1;
}
.checkbox-design + label, .radio-design + label {
margin-left : 1.11111rem;
}
.checkbox-design--v2 label, .radio-design--v2 label {
width : 28px;
height : 28px;
background-color : #F2F2F2;
border : 0;
}
.checkbox-design label:after {
top : 50%;
left : 50%;
width : 10px;
height : 6.67px;
margin-top : -5px;
transform : translateX(-50%) rotate(-45deg);
border : #00adee solid 2px;
border-top : none;
border-right : none;
background-color : transparent;
}
.radio-design label {
border-radius : 50%;
}
.radio-design label:after {
top : 50%;
left : 50%;
width : 8px;
height : 8px;
transform : translateX(-50%) translateY(-50%);
border-radius : 50%;
background : #00adee;
}
.check-list .block-grid__item {
margin-bottom : 0;
padding-bottom : 0;
}
.check-list .block-grid__item + .errorMessage {
padding-left : 1.11111rem;
}
.check-list.block-grid--item-soft {
margin-top : 0;
}
.check-list.block-grid--item-soft .block-grid__item {
padding-bottom : 0.55556rem;
}
.check-list.block-grid--item-soft .block-grid__item:last-child {
padding-bottom : 0;
}
.check-list__item {
margin-bottom : 0;
}
.check-list__item:not(:last-child) {
margin-right : 2.22222rem;
}
.alert {
padding : 1.11111rem;
margin : 1.11111rem 0;
border-radius : 3px;
}
.alert__icon {
padding-right : 1.11111rem;
font-size : 50px;
font-size : 2.77778rem;
line-height : 1;
}
.field-group {
display : inline-block;
vertical-align : middle;
}
.field-group > * {
font-family : Roboto, sans-serif;
}
.field-group__item {
width : 100%;
}
.field-group__item:not(:last-child) {
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 767px) {
.field-group__item {
margin-bottom : 0;
width : auto;
vertical-align : top;
display : inline-block;
}
.field-group__item + .field-group__item {
margin-left : 1px;
}
.field-group__item:not(:first-child):not(:last-child) {
border-radius : 0;
}
.field-group__item:first-child {
border-radius : 3px 0 0 3px;
}
.field-group__item:last-child {
border-radius : 0 3px 3px 0;
}
.field-group__item:not(.search__field) {
border-bottom-width : 0;
}
}
.tag {
display : inline-block;
vertical-align : middle;
padding : 0.5rem 1.25rem;
margin-right : 0.5rem;
margin-bottom : 0.5rem;
background-color : #F2F2F2;
font-weight : 600;
text-align : center;
border-radius : 2em;
}
.nav__item--drop, .nav__item--drop .nav__item__in, .nav__item--mDrop, .nav__item--mDrop .nav__item__in {
position : relative;
}
.nav__item--drop .nav__item__in::after, .nav__item--mDrop .nav__item__in::after {
font-size : 6px !important ;
padding-left : 0.27778rem;
}
.nav__item--drop.has-focus + .dropNav, .nav__item--drop.has-focus + .mDrop, .nav__item--mDrop.has-focus + .dropNav, .nav__item--mDrop.has-focus + .mDrop {
transition : none;
opacity : 1;
visibility : visible;
transform : translateY(0);
}
.dropNav .mDrop, .dropNav .nav__item--mDrop a::after {
display : none !important ;
}
.dropNav.has-focus, .mDrop.has-focus {
transition : none;
opacity : 1;
visibility : visible;
transform : translateY(0);
}
.mDrop {
padding : 0;
margin-left : 0;
}
@media screen and (min-width: 767px) {
.mDrop {
top : auto;
left : 0;
right : auto;
bottom : auto;
position : absolute;
z-index : 80;
min-width : 100%;
}
}
@media screen and (min-width: 1024px) {
.mDrop {
width : 100%;
}
}
.mDrop__cont {
margin-left : auto;
margin-right : auto;
margin-bottom : 0;
}
.mDrop__title {
display : inline-block;
text-decoration : none;
margin-bottom : 1.11111rem;
font-size : 14px;
font-size : 0.77778rem;
text-transform : uppercase;
}
.mDrop ul li {
font-size : 14px;
font-size : 0.77778rem;
}
.mDrop ul li a {
padding-top : 0.16667rem;
padding-bottom : 0.16667rem;
text-decoration : none;
}
.nav__item__in--drop:focus + .dropNav, .nav__item__in--mDrop:focus + .mDrop {
opacity : 1;
visibility : visible;
transform : translateY(0);
}
.nav__item--mDrop {
position : static;
}
.dropNav, .mDrop {
background-color : #fff;
}
.dropNav .nav__item--mDrop {
margin-bottom : 0;
}
.dropNav .nav__item--mDrop > .nav__item__in {
display : block;
padding : 0.66667rem 1.6rem !important ;
border : 0;
font-size : 13px;
font-size : 0.72222rem;
}
.dropNav .nav__item--mDrop > .nav__item__in:hover {
background-color : #F2F2F2 !important ;
}
@media screen and (min-width: 767px) {
.dropNav {
top : 100%;
left : 0;
right : auto;
bottom : auto;
position : absolute;
width : auto;
z-index : 99;
list-style : none;
margin-left : 0;
}
}
.dropNav.dropNav--responsive-drop .nav__item, .dropNav__item {
white-space : normal;
}
.dropNav.dropNav--responsive-drop .nav__item .dropNav__item:not(.page--active) > .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item:not(.page--active) > .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item:not(.page--active) > .nav__item__in, .dropNav__item:not(.page--active) > .dropNav__item__in {
background-color : #fff;
}
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav__item__in {
display : block;
}
.dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item, .dropNav__item.dropNav__item--subLev {
position : relative;
}
@media (min-width: 766px) and (max-width: 1300px) {
.dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item > .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item.dropNav__item--subLev > .nav__item__in::after, .dropNav__item.dropNav__item--subLev > .dropNav__item__in::after {
display : none;
}
}
.cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item:active > .dropNav--lev, .dropNav.dropNav--responsive-drop .dropNav__item--subLev.nav__item:hover > .dropNav--lev, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev, .dropNav__item.dropNav__item--subLev:active > .dropNav--lev, .dropNav__item.dropNav__item--subLev:hover > .dropNav--lev, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .dropNav__item--subLev.nav__item--active > .dropNav--lev {
display : block;
}
.dropNav.dropNav--lev {
left : 100%;
top : 0;
}
@media (min-width: 766px) and (max-width: 1300px) {
.dropNav.dropNav--lev {
position : static;
visibility : visible;
opacity : 1;
transform : none;
border-left : 0;
border-bottom : 0;
}
}
@media (min-width: 766px) and (max-width: 1300px) {
.dropNav.dropNav--lev.dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--lev.dropNav--lev2 .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav.dropNav--lev.dropNav--lev2 .nav__item__in {
padding-left : 35px;
}
}
@media (min-width: 766px) and (max-width: 1300px) {
.dropNav.dropNav--lev.dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav.dropNav--lev.dropNav--lev3 .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav.dropNav--lev.dropNav--lev3 .nav__item__in {
padding-left : 45px;
}
}
.dropNav.dropNav--responsive-drop {
right : 0;
left : auto;
visibility : visible;
opacity : 1;
transform : none;
border-top : 3px solid #00adee;
transition : none;
}
@media screen and (max-width: 766px) {
.dropNav.dropNav--responsive-drop {
display : none;
}
}
@media screen and (min-width: 767px) {
.dropNav.dropNav--responsive-drop {
position : fixed;
}
}
.dropNav.dropNav--responsive-drop.is-hidden {
visibility : hidden;
opacity : 0;
}
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
display : block;
padding : 8px 20px !important ;
border : 0;
line-height : 1.78 !important ;
height : auto !important ;
}
.dropNav.dropNav--responsive-drop .nav__item--drop:hover > a + .dropNav {
display : block;
}
.dropNav.dropNav--responsive-drop .nav__item--mDrop .nav__item__in--drop::after {
display : none;
}
.dropNav.dropNav--responsive-drop .mDrop {
display : none !important ;
}
.dropNav.dropNav--responsive-drop .dropNav {
display : none;
position : relative;
top : 0 !important ;
left : 0 !important ;
width : 100% !important ;
max-width : 100%;
min-width : 0;
border-top : 0;
border-left : 0;
border-right : 0;
}
.dropNav.dropNav--responsive-drop .dropNav:last-of-type {
border-bottom : none;
}
.dropNav.dropNav--responsive-drop .dropNav--lev1 .dropNav__item__in::after, .dropNav.dropNav--responsive-drop .dropNav--lev1 .nav__item .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .dropNav--lev1 .nav__item__in::after {
right : 30px;
top : 17px;
}
.nav__item--mDrop:active .mDrop, .nav__item--mDrop:focus .mDrop, .nav__item--mDrop:hover .mDrop {
display : block;
}
.nav__item--mDrop .nav__item__in {
position : relative;
}
.nav__item.dropDown > .dropNav {
left : auto;
right : 0;
}
@media (min-width: 1024px) {
.dropNav.dropNav--responsive-drop .dropDown.nav__item > ul, .dropNav__item.dropDown > ul {
inset : 100% -1px auto auto;
}
}
@media (min-width: 1024px) {
.dropNav.dropNav--responsive-drop .dropDown.nav__item > a::after, .dropNav__item.dropDown > a::after {
right : 15px;
}
}
.bottomOverflow > .dropNav {
max-height : 175px;
overflow : hidden auto;
}
.bottomOverflow > .dropNav .dropNav {
inset : 100% auto auto 0;
transform : translateY(0);
opacity : 1;
visibility : visible;
position : relative;
border-left : none;
border-right : none;
}
.bottomOverflow > .dropNav .dropNav:last-of-type {
border-bottom : none;
}
.bottomOverflow > .dropNav .dropNav a::after {
top : 17px;
right : 30px;
}
.search {
width : 100%;
}
.search__btn, .search__field {
display : table-cell;
}
.search__field {
width : 80%;
}
.search__btn {
width : 20%;
}
.cTooltip {
position : relative;
display : inline-block;
vertical-align : baseline;
}
.cTooltip__helper {
width : 20px;
height : 20px;
margin-left : 6px;
border-radius : 20px;
background-color : #00adee;
text-align : center;
font-weight : 700;
color : #fff;
font-size : 13px;
font-size : 0.72222rem;
line-height : 20px;
cursor : default;
}
.cTooltip__helper:active, .cTooltip__helper:focus, .cTooltip__helper:hover {
background-color : #009ad5;
}
@media screen and (min-width: 1px) {
.cTooltip__helper:active + .cTooltip__text, .cTooltip__helper:focus + .cTooltip__text, .cTooltip__helper:hover + .cTooltip__text {
visibility : visible;
opacity : 1;
}
}
.cTooltip__text {
position : absolute;
top : 50%;
right : 30px;
transform : translateY(-50%);
width : 150px;
padding : 20px;
background-color : #F2F2F2;
border : #d1d1d1 solid 1px;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1.5;
text-align : left;
color : #666;
transition : all 0.3s ease;
}
@media (max-width: 1px) {
.cTooltip__text:after, .cTooltip__text:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cTooltip__text:after {
border-width : 8px;
border-left-color : #F2F2F2;
right : -16px;
top : 50%;
margin-top : -8px;
}
.cTooltip__text:before {
border-width : 9px;
border-left-color : #d1d1d1;
right : -18px;
top : 50%;
margin-top : -9px;
}
}
@media screen and (min-width: 1px) {
.cTooltip__text {
top : 35px;
left : 50%;
right : auto;
transform : none;
margin-left : -72px;
visibility : hidden;
opacity : 0;
}
.cTooltip__text:after, .cTooltip__text:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cTooltip__text:after {
border-width : 8px;
border-bottom-color : #F2F2F2;
top : -16px;
right : 50%;
margin-right : -8px;
}
.cTooltip__text:before {
border-width : 9px;
border-bottom-color : #d1d1d1;
top : -18px;
right : 50%;
margin-right : -9px;
}
}
@media (max-width: 1px) {
.cTooltip__text.is-hidden {
visibility : hidden;
opacity : 0;
}
}
.ui-slider {
margin-bottom : 20px;
}
.ui-slider.ui-slider-horizontal {
height : 0.8rem;
}
.ui-slider .ui-slider-handle.ui-state-default {
width : 25px;
height : 25px;
top : 50%;
transform : translateY(-50%);
border-radius : 25px;
background-color : #00adee;
border-color : #08b;
cursor : pointer;
}
.ui-slider .ui-slider-handle.ui-state-default::before {
content : '|||';
color : #fff;
font-size : 8px;
font-size : 0.44444rem;
line-height : 1;
font-weight : 700;
}
.ui-slider .ui-slider-handle.ui-state-default.ui-state-focus {
outline : 0;
}
.ui-slider .ui-slider-range {
background-color : #F2F2F2;
background-image : repeating-linear-gradient(-45deg, #ababab, #ababab 10px, #9e9e9e 10px, #9e9e9e 20px);
box-shadow : 0 1px 1px 0 rgb(0, 0, 0, 0.53) inset;
}
.ui-slider-label-to {
margin-left : 6px;
}
.ui-slider-label-fallback, .ui-slider-label-price, .ui-slider-label-to {
font-size : 13px;
font-size : 0.72222rem;
}
.mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler, .mfp-zoom-in .mfp-preloader, .mfp-zoom-in.mfp-bg {
transition : all 0.3s ease-out;
}
@media screen and (max-width: 766px) {
html.mfp-open {
height : 100%;
}
html.mfp-open body {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
}
@media screen and (max-width: 766px) {
}
.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
opacity : 1;
}
.mfp-zoom-in.mfp-ready .mfp-preloader, .mfp-zoom-in.mfp-ready.mfp-bg {
opacity : 0.8;
}
@media (max-width: 1023px) {
.mfp-zoom-in .mfp-content {
transition : all 0.3s ease-in-out;
}
}
@media (max-width: 1023px) {
.mfp-wrap.mfp-image-loaded .mfp-content {
transform : translateX(0);
}
}
html .mfp-preloader {
position : fixed;
top : 50%;
left : 50%;
margin-top : -25px;
margin-left : -25px;
width : 50px;
height : 50px;
border-radius : 100%;
}
@media screen and (max-width: 766px) {
.mfp-is-open, .mfp-is-open body {
overflow : hidden;
}
}
.cModal {
position : fixed;
left : 0;
top : 0;
width : 100vw;
height : auto;
padding : 20px;
background-color : #fff;
border-radius : 3px;
z-index : 100;
overflow-y : auto;
overflow-x : hidden;
}
@media screen and (max-width: 766px) {
.cModal {
padding-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.cModal {
left : 50%;
top : 50%;
transform : translateY(-50%);
width : 600px;
max-height : 95vh;
margin-left : -300px;
padding : 20px 40px;
}
}
.cModal__header {
display : flex;
width : 100%;
padding : 10px 0 20px;
}
.cModal__closeBtn {
position : absolute;
top : 15px;
right : 15px;
padding : 0;
background-color : transparent;
border-radius : 0;
border : 0;
outline : 0;
}
.cModal__closeBtn .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cModal__closeBtn .icon-close, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .btn::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cModal__closeBtn .cftSearch__submit::before {
width : auto;
height : auto;
}
.cModal__closeBtn .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cModal__closeBtn .icon-close::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .btn::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .cModal__closeBtn .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cModal__closeBtn .cftSearch__submit::before {
font-size : 26px;
font-size : 1.44444rem;
color : #666;
opacity : 0.3;
}
.cModal__closeBtn:hover .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cModal__closeBtn:hover .icon-close::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .btn::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .cModal__closeBtn:hover .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover .btn::before, .userAccountForm form + .editSwitchWrapper .cModal__closeBtn:hover .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cModal__closeBtn:hover .cftSearch__submit::before {
opacity : 1;
}
.cModal__buttons {
padding : 20px 0 0;
}
@media screen and (max-width: 766px) {
.cModal__buttons {
display : flex;
align-items : center;
position : sticky;
left : 0;
padding : 0 20px;
height : 80px;
width : 100%;
background-color : #fff;
bottom : 0;
border-top : 1px solid #d1d1d1;
}
}
.cModal__buttons .form-group {
margin : 0;
}
.cModal__heading {
margin-bottom : 0;
flex-grow : 1;
padding-right : 20px;
}
.cModal__subHeading {
margin-bottom : 20px;
padding-left : 0;
font-size : 17px;
font-size : 0.94444rem;
}
.cModal__additional--summary {
padding : 40px 20px;
background-color : #F2F2F2;
}
@media screen and (min-width: 767px) {
.cModal__additional--summary {
margin-left : -40px;
margin-right : -40px;
padding : 40px;
}
}
.cModal .form-control {
display : block;
width : 100%;
}
.cModal .form-section {
margin-bottom : 40px;
}
.cModal .form-section__check {
display : flex;
width : 100%;
}
.cModal .form-section__check__name {
flex-grow : 1;
padding-right : 20px;
}
.cModal .form-section__check__value {
white-space : nowrap;
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-group {
display : flex;
align-items : center;
flex-wrap : wrap;
}
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-group label {
min-width : 100px;
max-width : 100px;
line-height : 1.2;
}
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-group .form-control {
flex-grow : 1;
width : calc(100% - 100px);
width : calc(100% - 100px);
width : calc(100% - 100px);
}
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-group .invalid-feedback {
padding-left : 100px;
}
}
.cc-banner {
position : fixed;
width : 100%;
max-height : 100vh;
overflow-y : auto;
font-size : 15px;
}
@media screen and (min-width: 767px) {
.cc-banner {
font-size : 16px;
}
}
.cc-banner-wrap {
position : relative;
z-index : 9999;
}
.cc-banner.cc-banner--dark {
background-color : #222;
color : #fff;
}
.cc-banner.cc-banner--dark .cc-banner__close .icon::before, .cc-banner.cc-banner--dark .cc-banner__message a, .cc-banner.cc-banner--dark .cc-banner__message a:hover, .cc-banner.cc-banner--dark .cc-banner__title {
color : #fff;
}
.cc-banner.cc-banner--dark .checkbox-switch {
border-color : #5a5a5a;
}
.cc-banner.cc-banner--dark .checkbox-switch__indicator {
background-color : #8f8f8f;
}
.cc-banner--light {
background-color : #fff;
color : #333;
}
.cc-banner--light.cc-banner--bottom {
box-shadow : 0 -8px 16px 0 rgb(0, 0, 0, 0.15);
}
.cc-banner--light.cc-banner--top {
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.15);
}
.cc-banner--bottom .cc-banner-in, .cc-banner--top .cc-banner-in {
width : 100%;
padding : 15px 30px;
}
@media screen and (min-width: 767px) {
.cc-banner--bottom .cc-banner-in, .cc-banner--top .cc-banner-in {
display : flex;
align-items : center;
}
}
@media screen and (min-width: 1600px) {
.cc-banner--bottom .cc-banner-in, .cc-banner--top .cc-banner-in {
padding : 30px 40px;
}
}
.cc-banner--bottom-right {
right : 20px;
bottom : 20px;
}
.cc-banner--bottom-left {
left : 20px;
bottom : 20px;
}
.cc-banner--bottom-left, .cc-banner--bottom-right {
display : block;
padding : 20px;
border-radius : 8px;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);
}
@media screen and (max-width: 766px) {
.cc-banner--bottom-left, .cc-banner--bottom-right {
left : 5vw;
width : 90vw;
bottom : 15px;
}
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-left, .cc-banner--bottom-right {
width : auto;
max-width : 600px;
}
}
@media screen and (min-width: 1600px) {
.cc-banner--bottom-left, .cc-banner--bottom-right {
padding : 35px;
}
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-left .cc-banner__btn-wrap, .cc-banner--bottom-right .cc-banner__btn-wrap {
flex-direction : row;
margin-left : -8px;
}
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-left .cc-banner__btn-wrap .btn, .cc-banner--bottom-left .cc-banner__btn-wrap .cClientZone__logout, .cc-banner--bottom-left .cc-banner__btn-wrap .cftSearch--standard .cftSearch__submit, .cc-banner--bottom-right .cc-banner__btn-wrap .btn, .cc-banner--bottom-right .cc-banner__btn-wrap .cClientZone__logout, .cc-banner--bottom-right .cc-banner__btn-wrap .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-left .cc-banner__btn-wrap .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cc-banner__btn-wrap .cftSearch__submit {
margin : 0 0 0 8px;
}
}
.cc-banner--bottom-left .cc-banner__message, .cc-banner--bottom-right .cc-banner__message {
margin : 0 0 15px;
}
.cc-banner--top {
left : 0;
top : 0;
}
.cc-banner--bottom {
left : 0;
bottom : 0;
}
.cc-banner__btn {
padding : 8px 16px;
margin-left : 8px;
text-align : center;
border-radius : 4px;
background-color : #00adee;
color : #fff;
transition : background-color 0.3s ease-in-out;
border : 0;
}
@media screen and (max-width: 766px) {
.cc-banner__btn {
display : inline-flex;
align-items : center;
justify-content : center;
line-height : 1.1;
}
}
@media screen and (min-width: 767px) {
.cc-banner__btn {
margin-left : 6px;
white-space : nowrap;
}
}
.cc-banner__btn:focus, .cc-banner__btn:hover {
text-decoration : none;
background-color : #009ad5;
color : #fff;
}
.cc-banner__btn--secondary {
background-color : #ededed !important ;
color : #000 !important ;
}
@media screen and (max-width: 766px) {
.cc-banner__btn--secondary {
font-size : 13px;
font-size : 0.72222rem;
}
}
.cc-banner__btn--secondary:focus, .cc-banner__btn--secondary:hover {
background-color : #e6e6e6 !important ;
color : #000 !important ;
}
.cc-banner__btn-wrap {
display : flex;
margin-left : -8px;
}
.cc-banner__btn-wrap--in-block {
flex-direction : column;
}
.cc-banner__btn-wrap--in-block .btn, .cc-banner__btn-wrap--in-block .cClientZone__logout, .cc-banner__btn-wrap--in-block .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner__btn-wrap--in-block .cftSearch__submit {
display : block;
margin : 4px 0;
}
.cc-banner__message {
flex-grow : 1;
margin : 0 0 12px;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.5;
}
@media screen and (min-width: 767px) {
.cc-banner__message {
margin : 0 12px 0 0;
}
}
.cc-banner__message-wrap {
flex-grow : 1;
}
.cc-banner__title {
margin-bottom : 8px;
}
.cc-banner__close {
position : absolute;
right : 20px;
top : 20px;
background : 0 0;
border : 0;
}
.cc-banner__close:hover .icon::before {
opacity : 1;
}
.cc-banner__close .icon::before {
color : #666;
opacity : 0.3;
font-size : 26px;
font-size : 1.44444rem;
}
.cc-banner .checkbox-switch {
position : relative;
margin-bottom : 15px;
padding : 12px 12px 12px 65px;
border-radius : 3px;
border : #d1d1d1 solid 1px;
}
@media screen and (min-width: 767px) {
.cc-banner .checkbox-switch {
font-size : 1rem;
}
}
.cc-banner .checkbox-switch.is-disabled {
cursor : text;
}
.cc-banner .checkbox-switch input[type="checkbox"] {
position : absolute;
opacity : 0;
z-index : -1;
}
.cc-banner .checkbox-switch input[type="checkbox"]:checked + .checkbox-switch__indicator {
background-color : #00adee;
}
.cc-banner .checkbox-switch input[type="checkbox"]:checked + .checkbox-switch__indicator::after {
transform : translateX(18px);
}
.cc-banner .checkbox-switch input[type="checkbox"]:disabled + .checkbox-switch__indicator {
background-color : #6a6a6a;
}
.cc-banner .checkbox-switch__indicator {
position : absolute;
left : 12px;
top : 17px;
width : 40px;
height : 20px;
border-radius : 1em;
text-indent : -9999px;
background-color : #cfcfcf;
}
.cc-banner .checkbox-switch__indicator::after {
display : block;
position : absolute;
left : 5px;
top : 4px;
width : 12px;
height : 12px;
border-radius : 100%;
background-color : #fff;
will-change : transform;
transition : transform 0.2s ease-in-out;
content : '';
}
.cc-banner .checkbox-switch__text {
display : block;
line-height : 1.5;
}
.cc-banner .checkbox-switch__text__title {
display : block;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 767px) {
.cc-banner .checkbox-switch__text__title {
font-size : 20px;
font-size : 1.11111rem;
}
}
.cc-banner--popup {
position : relative;
left : auto;
top : auto;
margin : 0;
transform : none;
padding : 20px;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);
border-radius : 8px;
z-index : 9999;
width : 90vw;
}
@media screen and (min-width: 767px) {
.cc-banner--popup {
width : 700px;
padding : 30px;
}
}
@media screen and (min-width: 1024px) {
.cc-banner--popup {
padding : 40px;
}
}
.cc-banner--popup .cc-banner__title {
display : block;
margin-bottom : 18px;
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 767px) {
.cc-banner--popup .cc-banner__title {
font-size : 28px;
font-size : 1.55556rem;
}
}
.cc-banner--popup .cc-banner__btn-wrap {
margin : 20px 0 0 -10px;
}
@media screen and (min-width: 767px) {
.cc-banner--popup .cc-banner__btn-wrap {
margin : 30px 0 0 -15px;
}
}
@media screen and (max-width: 766px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block {
margin-left : 0;
}
}
@media screen and (min-width: 767px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block {
flex-direction : row;
}
}
@media screen and (max-width: 766px) {
.cc-banner--popup .cc-banner__btn-wrap.cc-banner__btn-wrap--in-block .cc-banner__btn {
display : block;
width : 100%;
margin : 4px 0;
}
}
.cc-banner--popup .cc-banner__btn {
padding : 12px;
width : 50%;
margin-left : 10px;
}
@media screen and (min-width: 767px) {
.cc-banner--popup .cc-banner__btn {
margin-left : 15px;
}
}
.cc-banner--popup .cc-banner__message {
margin-bottom : 20px;
}
.cc-banner-popup-wrap {
position : fixed;
left : 0;
top : 0;
display : flex;
align-items : center;
justify-content : center;
width : 100vw;
height : 100vh;
z-index : 99999;
}
.cc-banner-popup-wrap::before {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 100;
content : '';
background-color : rgb(0, 0, 0, 0.5);
}
.cc-banner--settings {
position : static;
height : auto;
padding : 24px;
border-radius : 12px;
background-color : #F2F2F2;
}
.cc-banner--settings .checkbox-switch {
border : 0;
background-color : #fff;
}
.headerAlert {
background-color : #00ADEE;
position : relative;
}
.headerAlert__inner {
max-width : 1470px;
margin : 0 auto;
padding : 1rem 3rem;
text-align : center;
color : #FFF;
}
.headerAlert__inner button {
background-color : transparent;
border : none;
position : absolute;
top : 1rem;
right : 1rem;
cursor : pointer;
}
.headerAlert__inner button::before {
color : #FFF;
}
.btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit {
text-align : center;
line-height : normal;
text-decoration : none;
}
.active.cClientZone__logout, .btn.active, .btn:active, .cClientZone__logout:active, .cftSearch--standard .active.cftSearch__submit, .cftSearch--standard .cftSearch__submit:active {
outline : 0;
}
.btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, .cftSearch--standard .disabled.active.cftSearch__submit, .cftSearch--standard .disabled.cftSearch__submit, .cftSearch--standard .disabled.cftSearch__submit:active, .cftSearch--standard .disabled.cftSearch__submit:focus, .cftSearch--standard .disabled.cftSearch__submit:hover, .cftSearch--standard [disabled].active.cftSearch__submit, .cftSearch--standard [disabled].cftSearch__submit, .cftSearch--standard [disabled].cftSearch__submit:active, .cftSearch--standard [disabled].cftSearch__submit:focus, .cftSearch--standard [disabled].cftSearch__submit:hover, .cftSearch--standard fieldset[disabled] .active.cftSearch__submit, .cftSearch--standard fieldset[disabled] .cftSearch__submit, .cftSearch--standard fieldset[disabled] .cftSearch__submit:active, .cftSearch--standard fieldset[disabled] .cftSearch__submit:focus, .cftSearch--standard fieldset[disabled] .cftSearch__submit:hover, .disabled.active.cClientZone__logout, .disabled.cClientZone__logout, .disabled.cClientZone__logout:active, .disabled.cClientZone__logout:focus, .disabled.cClientZone__logout:hover, [disabled].active.cClientZone__logout, [disabled].cClientZone__logout, [disabled].cClientZone__logout:active, [disabled].cClientZone__logout:focus, [disabled].cClientZone__logout:hover, fieldset[disabled] .active.cClientZone__logout, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover, fieldset[disabled] .cClientZone__logout, fieldset[disabled] .cClientZone__logout:active, fieldset[disabled] .cClientZone__logout:focus, fieldset[disabled] .cClientZone__logout:hover, fieldset[disabled] .cftSearch--standard .active.cftSearch__submit, fieldset[disabled] .cftSearch--standard .cftSearch__submit, fieldset[disabled] .cftSearch--standard .cftSearch__submit:active, fieldset[disabled] .cftSearch--standard .cftSearch__submit:focus, fieldset[disabled] .cftSearch--standard .cftSearch__submit:hover {
opacity : 0.65;
box-shadow : none;
cursor : not-allowed;
}
.btn--warning {
color : #fff;
background-color : #dcc026;
border-color : #dcc026;
border-radius : 3px;
text-decoration : none;
}
.btn--warning.active, .btn--warning:active, .btn--warning:focus, .btn--warning:hover {
color : #fff;
background-color : #bba31e;
border-color : #a9941b;
}
.btn--warning.active, .btn--warning:active {
background-image : none;
}
.btn--warning.disabled, .btn--warning.disabled.active, .btn--warning.disabled:active, .btn--warning.disabled:focus, .btn--warning.disabled:hover, .btn--warning[disabled], .btn--warning[disabled].active, .btn--warning[disabled]:active, .btn--warning[disabled]:focus, .btn--warning[disabled]:hover, fieldset[disabled] .btn--warning, fieldset[disabled] .btn--warning.active, fieldset[disabled] .btn--warning:active, fieldset[disabled] .btn--warning:focus, fieldset[disabled] .btn--warning:hover {
background-color : #dcc026;
border-color : #dcc026;
}
.btn--warning:visited {
color : #fff;
}
.btn--success {
border-color : #89cb52;
border-radius : 3px;
text-decoration : none;
}
.btn--success.active, .btn--success:active, .btn--success:focus, .btn--success:hover {
color : #fff;
background-color : #74bc38;
border-color : #6aac34;
}
.btn--success.active, .btn--success:active {
background-image : none;
}
.btn--success.disabled, .btn--success.disabled.active, .btn--success.disabled:active, .btn--success.disabled:focus, .btn--success.disabled:hover, .btn--success[disabled], .btn--success[disabled].active, .btn--success[disabled]:active, .btn--success[disabled]:focus, .btn--success[disabled]:hover, fieldset[disabled] .btn--success, fieldset[disabled] .btn--success.active, fieldset[disabled] .btn--success:active, fieldset[disabled] .btn--success:focus, fieldset[disabled] .btn--success:hover {
background-color : #89cb52;
border-color : #89cb52;
}
.btn--success:visited {
color : #fff;
}
.btn--danger {
color : #fff;
background-color : #e83f3e;
border-color : #e83f3e;
border-radius : 3px;
text-decoration : none;
}
.btn--danger.active, .btn--danger:active, .btn--danger:focus, .btn--danger:hover {
color : #fff;
background-color : #e21c1b;
border-color : #d01a19;
}
.btn--danger.active, .btn--danger:active {
background-image : none;
}
.btn--danger.disabled, .btn--danger.disabled.active, .btn--danger.disabled:active, .btn--danger.disabled:focus, .btn--danger.disabled:hover, .btn--danger[disabled], .btn--danger[disabled].active, .btn--danger[disabled]:active, .btn--danger[disabled]:focus, .btn--danger[disabled]:hover, fieldset[disabled] .btn--danger, fieldset[disabled] .btn--danger.active, fieldset[disabled] .btn--danger:active, fieldset[disabled] .btn--danger:focus, fieldset[disabled] .btn--danger:hover {
background-color : #e83f3e;
border-color : #e83f3e;
}
.btn--danger:visited {
color : #fff;
}
.btn--info {
color : #fff;
background-color : #007dc4;
border-color : #007dc4;
border-radius : 3px;
text-decoration : none;
}
.btn--info.active, .btn--info:active, .btn--info:focus, .btn--info:hover {
color : #fff;
background-color : #00639b;
border-color : #005687;
}
.btn--info.active, .btn--info:active {
background-image : none;
}
.btn--info.disabled, .btn--info.disabled.active, .btn--info.disabled:active, .btn--info.disabled:focus, .btn--info.disabled:hover, .btn--info[disabled], .btn--info[disabled].active, .btn--info[disabled]:active, .btn--info[disabled]:focus, .btn--info[disabled]:hover, fieldset[disabled] .btn--info, fieldset[disabled] .btn--info.active, fieldset[disabled] .btn--info:active, fieldset[disabled] .btn--info:focus, fieldset[disabled] .btn--info:hover {
background-color : #007dc4;
border-color : #007dc4;
}
.btn--info:visited {
color : #fff;
}
.btn--link.cClientZone__logout, .btn.btn--link, .cftSearch--standard .btn--link.cftSearch__submit {
padding : 0;
background-color : transparent;
font-weight : 600;
text-decoration : underline;
color : #666;
}
.btn--link.cClientZone__logout:hover, .btn.btn--link:hover, .cftSearch--standard .btn--link.cftSearch__submit:hover {
background-color : transparent;
text-decoration : none;
color : #666;
}
.btn--skip-main.cClientZone__logout, .btn.btn--skip-main, .cftSearch--standard .btn--skip-main.cftSearch__submit {
position : absolute;
left : -999px;
top : auto;
width : 1px;
height : 1px;
overflow : hidden;
z-index : -999;
background-color : #F2F2F2;
color : #666;
}
.btn--skip-main.cClientZone__logout:active, .btn--skip-main.cClientZone__logout:focus, .btn.btn--skip-main:active, .btn.btn--skip-main:focus, .cftSearch--standard .btn--skip-main.cftSearch__submit:active, .cftSearch--standard .btn--skip-main.cftSearch__submit:focus {
width : auto;
height : auto;
left : 20px;
top : 20px;
overflow : visible;
z-index : 200;
background-color : #F2F2F2;
color : #666;
}
.btn--has-icon {
display : inline-flex;
align-items : center;
}
.btn--has-icon .icon {
color : inherit;
margin-left : 0.44444rem;
}
.btn--has-icon .icon::before {
color : inherit;
}
.btn--simple.cClientZone__logout, .btn.btn--simple, .cftSearch--standard .btn--simple.cftSearch__submit {
padding : 0;
background-color : transparent;
color : #00ADEE;
}
.btn--simple.cClientZone__logout:hover, .btn.btn--simple:hover, .cftSearch--standard .btn--simple.cftSearch__submit:hover {
background-color : transparent;
color : #009ad5;
}
.btn--full {
width : 100%;
margin-bottom : 1.11111rem;
}
.btn--full:last-child {
margin-bottom : 0;
}
.btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit {
background-color : #00adee;
color : #fff;
}
.btn:focus, .btn:hover, .cClientZone__logout:focus, .cClientZone__logout:hover, .cftSearch--standard .cftSearch__submit:focus, .cftSearch--standard .cftSearch__submit:hover {
background-color : #08b;
color : #fff;
text-decoration : none;
}
@media screen and (max-width: 766px) {
.btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit {
width : 100%;
}
}
.btn--inverse {
color : #666;
background-color : #F2F2F2;
border-color : #F2F2F2;
border-radius : 3px;
text-decoration : none;
}
.btn--inverse.active, .btn--inverse:active, .btn--inverse:focus, .btn--inverse:hover {
color : #666;
background-color : #dedede;
border-color : #d3d3d3;
}
.btn--inverse.active, .btn--inverse:active {
background-image : none;
}
.btn--inverse.disabled, .btn--inverse.disabled.active, .btn--inverse.disabled:active, .btn--inverse.disabled:focus, .btn--inverse.disabled:hover, .btn--inverse[disabled], .btn--inverse[disabled].active, .btn--inverse[disabled]:active, .btn--inverse[disabled]:focus, .btn--inverse[disabled]:hover, fieldset[disabled] .btn--inverse, fieldset[disabled] .btn--inverse.active, fieldset[disabled] .btn--inverse:active, fieldset[disabled] .btn--inverse:focus, fieldset[disabled] .btn--inverse:hover {
background-color : #F2F2F2;
border-color : #F2F2F2;
}
.btn--inverse:visited {
color : #666;
}
.btn--bordered {
border : #d1d1d1 solid 1px;
background-color : transparent;
color : #00ADEE;
}
.btn--bordered:focus, .btn--bordered:hover {
background-color : transparent;
color : #00ADEE;
}
.blog-legacy-detail .cConversButton .btn--inverse, .btn--cta, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cForm .btn, .cForm .cClientZone__logout, .cForm .cftSearch--standard .cftSearch__submit, .cFtr__search .search__btn, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cftSearch--standard .cftSearch__submit, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cftSearch--standard .cftSearch__submit, .cSellingButton .btn, .cSellingButton .cClientZone__logout, .cSellingButton .cftSearch--standard .cftSearch__submit, .cc-banner--bottom-right .btn:last-child, .cc-banner--bottom-right .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cftSearch__submit, .cftSearch--standard .cMap__field .cftSearch__submit, .cftSearch--standard .cNewsletter .cftSearch__submit, .cftSearch--standard .cSellingButton .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child {
background-color : #b2db67;
border-radius : 3px;
font-weight : 700;
border-color : #82b22a;
}
.blog-legacy-detail .cConversButton .btn--inverse:hover, .btn--cta:hover, .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--inverse), .cForm .btn:hover, .cForm .cClientZone__logout:hover, .cForm .cftSearch--standard .cftSearch__submit:hover, .cFtr__search .search__btn:hover, .cMap__field .btn:hover, .cMap__field .cClientZone__logout:hover, .cMap__field .cftSearch--standard .cftSearch__submit:hover, .cNewsletter .btn:hover, .cNewsletter .cClientZone__logout:hover, .cNewsletter .cftSearch--standard .cftSearch__submit:hover, .cSellingButton .btn:hover, .cSellingButton .cClientZone__logout:hover, .cSellingButton .cftSearch--standard .cftSearch__submit:hover, .cc-banner--bottom-right .btn:hover:last-child, .cc-banner--bottom-right .cClientZone__logout:hover:last-child, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:last-child, .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--inverse), .cftSearch--standard .cForm .cftSearch__submit:hover, .cftSearch--standard .cMap__field .cftSearch__submit:hover, .cftSearch--standard .cNewsletter .cftSearch__submit:hover, .cftSearch--standard .cSellingButton .cftSearch__submit:hover, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:last-child {
background-color : #82b22a;
}
.btn--addition {
color : #fff;
background-color : #ff4800;
border-color : #992b00;
border-radius : 3px;
text-decoration : none;
}
.btn--addition.active, .btn--addition:active, .btn--addition:focus, .btn--addition:hover {
color : #fff;
background-color : #d63c00;
border-color : #5c1a00;
}
.btn--addition.active, .btn--addition:active {
background-image : none;
}
.btn--addition.disabled, .btn--addition.disabled.active, .btn--addition.disabled:active, .btn--addition.disabled:focus, .btn--addition.disabled:hover, .btn--addition[disabled], .btn--addition[disabled].active, .btn--addition[disabled]:active, .btn--addition[disabled]:focus, .btn--addition[disabled]:hover, fieldset[disabled] .btn--addition, fieldset[disabled] .btn--addition.active, fieldset[disabled] .btn--addition:active, fieldset[disabled] .btn--addition:focus, fieldset[disabled] .btn--addition:hover {
background-color : #ff4800;
border-color : #992b00;
}
.btn--addition:visited {
color : #fff;
}
.btn--submit::after {
font-size : inherit;
color : #666;
padding-left : 0.55556rem;
}
.btn--buy {
border-color : #89cb52;
border-radius : 3px;
text-decoration : none;
}
.btn--buy.active, .btn--buy:active, .btn--buy:focus, .btn--buy:hover {
color : #fff;
background-color : #74bc38;
border-color : #6aac34;
}
.btn--buy.active, .btn--buy:active {
background-image : none;
}
.btn--buy.disabled, .btn--buy.disabled.active, .btn--buy.disabled:active, .btn--buy.disabled:focus, .btn--buy.disabled:hover, .btn--buy[disabled], .btn--buy[disabled].active, .btn--buy[disabled]:active, .btn--buy[disabled]:focus, .btn--buy[disabled]:hover, fieldset[disabled] .btn--buy, fieldset[disabled] .btn--buy.active, fieldset[disabled] .btn--buy:active, fieldset[disabled] .btn--buy:focus, fieldset[disabled] .btn--buy:hover {
background-color : #89cb52;
border-color : #89cb52;
}
.btn--buy:visited {
color : #fff;
}
.btn--resp-nav-toggle {
position : absolute;
top : 50%;
right : 10px;
transform : translateY(-50%);
padding : 6px 12px !important ;
background-color : transparent;
color : #666;
font-size : 11px;
font-size : 0.61111rem;
font-weight : 700;
border : 0 !important ;
}
@media screen and (max-width: 766px) {
.btn--resp-nav-toggle {
display : none;
}
}
.btn--resp-nav-toggle::before {
display : inline-block;
position : absolute;
top : 0;
right : -5px;
width : 18px;
height : 18px;
background-color : #00adee;
text-align : center;
border-radius : 18px;
line-height : 18px;
color : #fff;
content : attr(data-count);
}
.btn--resp-nav-toggle:active, .btn--resp-nav-toggle:focus, .btn--resp-nav-toggle:hover {
background-color : transparent !important ;
color : #666;
}
.btn--resp-nav-toggle [class*="icon-"] {
display : block;
margin-bottom : 3px;
width : auto;
height : auto;
}
.btn--resp-nav-toggle [class*="icon-"]::before {
font-size : 12px !important ;
}
.btn--success {
font-weight : 600;
background-color : #00adee;
color : #fff;
transition : all 0.3s ease-in-out;
}
.btn--success:hover {
box-shadow : 0 0 20px 0 rgb(0, 173, 238, 0.75);
transform : translateY(-2px);
background-color : #00adee;
}
.btn--add-to-cart {
display : inline-flex;
align-items : center;
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.btn--add-to-cart .btn__icon {
width : auto;
height : auto;
margin-left : 12px;
}
.btn--add-to-cart .btn__icon::before {
color : #fff;
opacity : 0.7;
font-size : 22px;
font-size : 1.22222rem;
}
.btn--withIcon:hover i::before {
transform : translate(10px,-2px);
}
.btn--withIcon i, .btn--withIcon i::before {
color : inherit;
font-size : inherit;
line-height : inherit;
}
.btn--withIcon i {
height : 100%;
padding-left : 1rem;
}
.btn--withIcon i::before {
font-weight : 100;
transition : 0.25s;
display : grid;
place-items : center;
transform : translate(0,-2px);
}
.btn--micro {
font-size : 11px;
font-size : 0.61111rem;
padding-top : 0.41667rem;
padding-bottom : 0.41667rem;
}
.btn--small {
font-size : 14px;
font-size : 0.77778rem;
padding-top : 0.41667rem;
padding-bottom : 0.41667rem;
}
.btn--large, .cClientZone.fullScreen .cForm .btn, .cClientZone.fullScreen .cForm .cClientZone__logout, .cClientZone.fullScreen .cForm .cftSearch--standard .cftSearch__submit, .cProduct__buy .btn--buy, .cftSearch--standard .cClientZone.fullScreen .cForm .cftSearch__submit {
font-size : 18px;
font-size : 1rem;
padding : 0.69444rem 1.38889rem;
font-weight : 700;
}
.btn--huge {
font-size : 25px;
font-size : 1.38889rem;
padding : 0.69444rem 1.38889rem;
font-weight : 700;
}
.cNews__date, .royalSlider--rsNavWide .rsTmb__content .rsTmb__date {
font-size : 13px;
font-size : 0.72222rem;
}
.cNews__title {
margin-bottom : 0;
}
.cNews__title > a {
text-decoration : none;
}
.cNews__title > a:hover {
text-decoration : underline;
}
.cNews__anotation p {
margin-bottom : 0;
}
.cNews__authorImg {
display : inline-block;
vertical-align : middle;
width : 30px;
height : 30px;
border-radius : 100%;
margin-right : 0.44444rem;
}
@media screen and (max-width: 766px) {
.cNews__tags {
display : block;
}
}
.cNews__tags__item {
margin-right : 0.33333rem;
color : #777;
text-decoration : none;
}
.cNews__tags__item:hover {
text-decoration : underline;
color : #777;
}
.cNews__tags__item:last-child::after {
content : '';
}
.cNews__tag {
color : #777;
text-decoration : none;
}
.cNews__tag:hover {
text-decoration : underline;
color : #777;
}
.cNews__tag::after {
content : ', ';
}
.cNews__tag:last-child::after {
content : '';
}
.cNews__imgLink {
width : 100%;
height : 100%;
}
.cNews__metadata {
margin-bottom : 1.11111rem;
font-size : 13px;
font-size : 0.72222rem;
color : #777;
}
.cNews__metadata__item {
margin-right : 1.11111rem;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 1024px) {
.cNews__metadata__item {
margin-right : 2.22222rem;
}
}
.cNews__metadata__item:last-child {
margin-right : 0;
}
.cNews__metadata__item [class*="icon-"] {
padding-right : 0.55556rem;
}
.cNews__metadata__item [class*="icon-"]::before {
color : #ccc;
font-size : 20px;
font-size : 1.11111rem;
}
.cNews__metadata--block [class*="icon-"]::before {
width : 30px;
height : 30px;
}
.cNews--grid .block-grid {
margin-left : -1.66667rem;
}
.cNews--grid__item {
position : relative;
padding-left : 1.66667rem;
}
@media screen and (max-width: 766px) {
.cNews--grid__item {
margin-bottom : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cNews--grid__item {
height : 320px;
height : 17.77778rem;
max-height : 320px;
max-height : 17.77778rem;
margin-bottom : 1.66667rem;
}
}
.cNews--grid .cNews__inner {
position : relative;
height : 320px;
overflow : hidden;
}
.cNews--grid__content {
position : absolute;
top : 0;
width : 100%;
background-color : transparent;
color : #fff;
padding : 1.66667rem;
margin-top : 0;
}
.cNews--grid__content > a {
padding : 1.11111rem;
}
.cNews--grid__content--bottom {
top : auto;
bottom : 0;
}
.cNews--grid__content .cNews__anotation, .cNews--grid__content .cNews__metadata, .cNews--grid__content .cNews__title {
position : relative;
z-index : 2;
}
@media screen and (min-width: 1024px) {
.cNews--grid__content .cNews__anotation {
max-height : 0;
visibility : hidden;
transition : all 0.4s ease-in-out;
margin-top : 0;
}
}
.cNews--grid .cNews__title {
font-weight : 700;
}
.cNews--grid .cNews__link {
color : #fff;
}
.cNews--grid .cNews__img {
position : absolute;
min-width : 100%;
min-height : 100%;
max-height : 100%;
max-width : none;
}
.cNews--grid .cNews__metadata, .cNews--grid .cNews__tag {
color : #fff;
margin-bottom : 0;
}
.cNews--date .grid__item, .cNews--date .label--inline, .cNews--date .label--inline + .field {
margin-bottom : 20px;
}
.cNews--date .cNews__date, .cNews--date .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--date .rsTmb__date {
position : relative;
float : left;
width : 70px;
height : 70px;
border : #d1d1d1 solid 1px;
text-align : center;
color : #777;
line-height : 1.2;
font-size : 13px;
font-size : 0.72222rem;
}
.cNews--date .cNews__date + .cNews--date__content, .cNews--date .royalSlider--rsNavWide .rsTmb__content .rsTmb__date + .cNews--date__content, .royalSlider--rsNavWide .rsTmb__content .cNews--date .rsTmb__date + .cNews--date__content {
padding-left : 5rem;
}
.cNews--date .cNews__date__inner {
position : absolute;
top : 50%;
transform : translateY(-50%);
width : 100%;
display : block;
}
.cNews--date .cNews__date__sep {
position : absolute;
display : block;
top : 50%;
left : 50%;
transform : translateX(-50%) translateY(-50%) rotate(45deg);
content : '';
height : 100%;
width : 2px;
background-color : #d1d1d1;
}
.cNews--date .cNews__date--dmText .cNews__date__day {
font-weight : 700;
font-size : 22px;
font-size : 1.22222rem;
margin-bottom : 0.55556rem;
}
.cNews--date .cNews__date--dmText .cNews__date__month {
font-size : 13px;
font-size : 0.72222rem;
}
.cNews--date .cNews__date--dmNumber .cNews__date__inner {
height : 100%;
}
.cNews--date .cNews__date--dmNumber .cNews__date__day, .cNews--date .cNews__date--dmNumber .cNews__date__month {
font-weight : 700;
position : absolute;
font-size : 22px;
font-size : 1.22222rem;
}
.cNews--date .cNews__date--dmNumber .cNews__date__day {
right : 50%;
top : 8px;
}
.cNews--date .cNews__date--dmNumber .cNews__date__month {
bottom : 8px;
left : 50%;
}
.cNews--date .cNews__date--dmyText {
width : 90px;
font-weight : 700;
}
.cNews--date .cNews__date--dmyText + .cNews__content {
padding-left : 6.11111rem;
}
.cNews--date .cNews__author::before {
content : '';
}
.cNews--newsticker {
position : relative;
}
.cNews--newsticker [class^="rs"] {
box-sizing : border-box;
}
.cNews--newsticker .royalSlider {
height : 45px;
}
.cNews--newsticker .rsSlide {
border : #d1d1d1 solid 1px;
display : block;
background-color : #F2F2F2;
box-sizing : border-box;
color : #00ADEE;
}
.cNews--newsticker .rsContent {
display : table;
width : 100%;
}
.cNews--newsticker__col {
padding : 0 1.11111rem;
height : 100%;
align-self : center;
display : table-cell;
vertical-align : middle;
}
.cNews--newsticker__date {
width : 100px;
width : 5.55556rem;
background-color : #F2F2F2;
color : #00ADEE;
text-align : center;
}
.cNews--newsticker__name {
border-left : 1px solid #d1d1d1;
text-align : center;
}
.cNews--newsticker .cNews__link {
text-decoration : none;
display : block;
color : #00ADEE;
}
.cNews--newsticker .rssIcon {
position : absolute;
z-index : 2;
right : 40px;
bottom : 10px;
}
.cNews--newsticker .icon-rss::before {
color : #00adee;
}
@media screen and (min-width: 767px) {
.cNews--img .cNews__img {
height : 250px;
width : 100%;
min-width : 100%;
display : block;
}
}
@media screen and (max-width: 766px) {
.cNews--img .cNews__imgWrapper {
margin-bottom : 1.11111rem;
}
}
.cNews--img .cNews__link.objectFit--fallback {
height : 250px;
}
.cNews--img--mobile {
margin-bottom : 2rem;
}
.cNews--img--mobile .cNews__title {
margin-bottom : 0.25rem;
}
.cNews--img--mobile .cNews--img__img {
object-fit : cover;
width : 100%;
}
@media screen and (max-width: 766px) {
.cNews--arch__imgWrapper {
margin-bottom : 20px;
}
}
@media screen and (min-width: 767px) {
.cNews--arch__imgWrapper--side {
float : left;
width : 270px;
}
}
.cNews--arch__imgWrapper-empty {
min-height : 165px;
background-image : url(../img/photo.svg?v=be9f);
background-color : #f5f5f5;
background-position : center center;
background-size : 50% 50%;
background-repeat : no-repeat;
}
.cNews--arch__img {
width : 100%;
margin-bottom : 0;
}
.cNews--arch__title {
font-size : 50px;
font-size : 2.77778rem;
margin-bottom : 1.11111rem;
font-weight : 700;
}
@media screen and (min-width: 767px) {
.cNews--arch__content--side {
padding-left : 16.66667rem;
}
}
.cNews--arch .cNews__author::before, .cNews--arch .cNews__tags::before {
content : '';
}
.cNews--list__cell {
margin-bottom : 1.11111rem;
}
.cNews--list__cell:first-child {
margin-bottom : 0.55556rem;
}
@media screen and (min-width: 767px) {
.cNews--list__cell {
margin-bottom : 0;
padding-bottom : 1.11111rem;
}
.cNews--list__cell:not(:last-child) {
padding-right : 1.11111rem;
}
}
.cNews--slider .cNews__innerWrapper {
position : relative;
}
.cNews--slider .cNews--grid__content .cNews__anotation {
max-height : none;
visibility : visible;
}
.cNews--has-rss {
position : relative;
}
.cNews--has-rss .cHeading {
padding-right : 20px;
}
.cNews--has-rss .rssIcon {
position : absolute;
top : 0;
right : 0;
}
.lt500 .cNews--img__img {
margin-bottom : 1.11111rem;
}
.gt600 .cNews--img__content {
margin-bottom : 1.66667rem;
}
.gt600 .cNews--img__img {
display : block;
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 767px) {
.gt600 .cNews__imgWrapper {
float : left;
max-width : 33%;
padding : 0 2.22222rem 0 0;
}
}
.gt600 .cNews--img .cNews__title {
margin-top : 2.22222rem;
}
.lt600 .cNews--list__cell {
display : block;
}
.lt600 .cNews--list__cell:first-child {
padding-bottom : 0;
margin-bottom : 0.55556rem;
}
.lt600 .cNews__imgWrapper {
margin-bottom : 2.22222rem;
}
.cNews--largePreview .cNews__link {
max-height : 100%;
}
.cNews--largePreview .cNews__link:hover .cNews__title {
text-decoration : underline;
}
.cNews--largePreview .rsABlock {
background-color : transparent;
}
.cNews--largePreview .cNews__metadata, .cNews--largePreview .cNews__tag, .cNews--largePreview .cNews__title, .cNews--largePreview .cNews__title a {
color : #fff;
}
.cNews--largePreview .rsTmb__title {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
color : #666;
}
.cNews--largePreview .cNews__date, .cNews--largePreview .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--largePreview .rsTmb__date {
color : #777;
}
.cNews--largePreview .rsTmb__date {
color : #777;
margin-right : 0 !important ;
}
.cNews--largePreview .cNews__desc {
font-size : 13px;
font-size : 0.72222rem;
}
.cNews--largePreview .rsThumb.rsNavSelected .cNews__date, .cNews--largePreview .rsThumb.rsNavSelected .cNews__metadata, .cNews--largePreview .rsThumb.rsNavSelected .cNews__tag, .cNews--largePreview .rsThumb.rsNavSelected .cNews__tags, .cNews--largePreview .rsThumb.rsNavSelected .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--largePreview .rsThumb.rsNavSelected .rsTmb__date {
color : #666;
}
.cNews--largePreview .rsTmb .cNews__metadata {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.cNews--largePreview .rsTmb .cNews__metadata, .cNews--largePreview .rsTmb .cNews__tag, .cNews--largePreview .rsTmb .cNews__tags {
color : #777;
font-size : 13px;
font-size : 0.72222rem;
}
.cNews-archiv {
margin-top : 1.11111rem;
}
.archive {
text-align : right;
clear : both;
font-size : 13px;
font-size : 0.72222rem;
}
.archive > a {
color : #777;
}
.cNews--list {
display : table;
width : 100%;
}
.cNews--list__row:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.cNews--list__cell {
display : table-cell;
}
}
.lt250 .cNews--list__cell {
display : block;
padding-right : 0;
}
.icon.icon-productListImage::before, .icon.icon-productListLine::before, .icon.icon-productListTable::before {
color : #bfbfbf;
width : 22px;
height : 22px;
}
.cProduct__photo {
margin-bottom : 2.22222rem;
}
.cProduct__anotation {
margin-bottom : 2.22222rem;
font-size : 13px;
font-size : 0.72222rem;
}
.cProduct__anotation p {
margin-bottom : 0;
}
.cProduct__labels {
margin-bottom : 2.22222rem;
}
.cProduct__price__item {
display : table-row;
background-image : none !important ;
}
.cProduct__price__title {
display : table-cell;
width : 50%;
}
.cProduct__price__title--vat {
font-size : 50px;
font-size : 2.77778rem;
font-weight : 700;
}
.cProduct__price__value {
display : table-cell;
width : 50%;
text-align : right;
}
.cProduct__price__value--vat {
font-size : 24px;
font-size : 1.33333rem;
font-weight : 700;
color : #00adee;
}
.cProduct__price__tax {
font-size : 13px;
font-size : 0.72222rem;
color : #777;
}
.cProduct__price.cProduct__price--detail {
display : table;
width : 100%;
margin-bottom : 2.22222rem;
}
.cProduct__reviews {
margin-bottom : 2.22222rem;
display : table;
width : 100%;
}
.cProduct__reviews__title {
display : table-cell;
width : 50%;
font-weight : 700;
}
.cProduct__reviews__review {
display : table-cell;
width : 50%;
text-align : right;
}
.cProduct__reviews__votes {
font-size : 13px;
font-size : 0.72222rem;
color : #777;
}
.cProduct__reviews__rating {
display : inline-block;
vertical-align : text-bottom;
background-image : url(../img/stars.svg?v=1e6e);
background-color : transparent;
background-position : 0 0;
background-size : 20px auto;
background-repeat : repeat-x;
width : 100px;
height : 20px;
text-align : left;
}
.cProduct__reviews__rating__result {
display : inline-block;
background : inherit;
background-position : 0 -20px;
height : 20px;
}
.cProduct__reviews__rating__result.p10 {
width : 10px;
}
.cProduct__reviews__rating__result.p20 {
width : 20px;
}
.cProduct__reviews__rating__result.p30 {
width : 30px;
}
.cProduct__reviews__rating__result.p40 {
width : 40px;
}
.cProduct__reviews__rating__result.p50 {
width : 50px;
}
.cProduct__reviews__rating__result.p60 {
width : 60px;
}
.cProduct__reviews__rating__result.p70 {
width : 70px;
}
.cProduct__reviews__rating__result.p80 {
width : 80px;
}
.cProduct__reviews__rating__result.p90 {
width : 90px;
}
.cProduct__reviews__rating__result.p100 {
width : 100px;
}
.cProduct__reviews__votes {
margin-left : 0.55556rem;
}
.cProduct__buy {
margin-bottom : 2.22222rem;
}
@media screen and (min-width: 767px) {
.cProduct__buy {
text-align : right;
}
}
.cProduct__buy .btn--buy {
color : #fff;
background-color : #89cb52;
border-color : #6fb436;
border-radius : 3px;
text-decoration : none;
width : 100%;
}
.cProduct__buy .btn--buy.active, .cProduct__buy .btn--buy:active, .cProduct__buy .btn--buy:focus, .cProduct__buy .btn--buy:hover {
color : #fff;
background-color : #74bc38;
border-color : #528528;
}
.cProduct__buy .btn--buy.active, .cProduct__buy .btn--buy:active {
background-image : none;
}
.cProduct__buy .btn--buy.disabled, .cProduct__buy .btn--buy.disabled.active, .cProduct__buy .btn--buy.disabled:active, .cProduct__buy .btn--buy.disabled:focus, .cProduct__buy .btn--buy.disabled:hover, .cProduct__buy .btn--buy[disabled], .cProduct__buy .btn--buy[disabled].active, .cProduct__buy .btn--buy[disabled]:active, .cProduct__buy .btn--buy[disabled]:focus, .cProduct__buy .btn--buy[disabled]:hover, fieldset[disabled] .cProduct__buy .btn--buy, fieldset[disabled] .cProduct__buy .btn--buy.active, fieldset[disabled] .cProduct__buy .btn--buy:active, fieldset[disabled] .cProduct__buy .btn--buy:focus, fieldset[disabled] .cProduct__buy .btn--buy:hover {
background-color : #89cb52;
border-color : #6fb436;
}
.cProduct__buy .btn--buy:visited {
color : #fff;
}
@media screen and (min-width: 767px) {
.cProduct__buy .btn--buy {
width : 50%;
}
}
.cProduct__inclCategory {
margin-bottom : 2.22222rem;
}
.cProduct__inclCategory__list {
font-size : 13px;
font-size : 0.72222rem;
}
.cProduct .royalSlider {
width : 100%;
height : 350px;
}
@media screen and (min-width: 767px) {
.cProduct .royalSlider {
height : 500px;
}
}
.cProduct .royalSlider .rsThumbsContainer {
border : 0 !important ;
}
.cProduct .royalSlider .rsThumb img {
opacity : 0.5;
}
.cProduct .royalSlider .rsThumb:hover img {
opacity : 1;
}
.cProduct .royalSlider .rsThumb.rsNavSelected {
background : 0 0 !important ;
}
.cProduct .royalSlider .rsThumb.rsNavSelected img {
opacity : 1;
}
.cProduct__info {
margin-bottom : 2.22222rem;
}
.cRelatedProducts .royalSlider img {
width : auto;
margin-left : auto;
margin-right : auto;
}
.cProductList__anotation {
font-size : 13px;
font-size : 0.72222rem;
}
.cProductList__anotation__img {
float : left;
max-width : 33%;
padding-right : 1.11111rem;
}
.cProductList__anotation p {
margin-bottom : 0;
}
.cProductList__desc {
font-size : 13px;
font-size : 0.72222rem;
}
.cProductList__categories .grid {
margin-left : -0.55556rem;
}
.cProductList__categories__item:last-child, .cProductList__categories__list {
margin-bottom : 0;
}
.cProductList__categories__item--box {
position : relative;
padding-left : 0.55556rem;
}
@media screen and (max-width: 766px) {
.cProductList__categories__item--box {
margin-bottom : 0;
}
.cProductList__categories__item--box:last-child .cProductList__categories__item__in {
border-bottom : 1px solid #d1d1d1;
}
}
@media screen and (min-width: 767px) {
.cProductList__categories__item--box {
text-align : center;
}
}
.cProductList__categories__item__in {
text-decoration : none;
}
.cProductList__categories__item__in--box {
padding : 1.11111rem;
border : #d1d1d1 solid 1px;
transition : all 0.5s;
display : block;
}
@media screen and (max-width: 766px) {
.cProductList__categories__item__in--box {
display : flex;
align-items : center;
border-bottom : 0;
}
}
.cProductList__categories__item__in--box:hover {
box-shadow : 0 0 8px 0 rgb(0, 0, 0, 0.1) inset;
}
.cProductList__categories__item img {
margin-left : auto;
margin-right : auto;
display : block;
float : none;
}
@media screen and (min-width: 767px) {
.cProductList__categories__item img {
max-width : 50%;
max-height : 80px;
max-height : 4.44444rem;
}
}
@media screen and (min-width: 1024px) {
.cProductList__categories__item img {
max-height : 90px;
max-height : 5rem;
}
}
.cProductList__categories__img {
position : relative;
}
@media screen and (max-width: 766px) {
.cProductList__categories__img {
max-width : 25%;
display : inline-block;
vertical-align : middle;
}
}
@media screen and (min-width: 767px) {
.cProductList__categories__img {
min-height : 80px;
min-height : 4.44444rem;
}
}
@media screen and (min-width: 1024px) {
.cProductList__categories__img {
min-height : 90px;
min-height : 5rem;
}
}
.cProductList__categories__title {
display : block;
margin-top : 1.11111rem;
}
@media screen and (max-width: 766px) {
.cProductList__categories__title {
display : inline-block;
max-width : 75%;
margin-top : 0;
padding-left : 1.11111rem;
}
}
.cProductList__categories__desc {
color : #777;
margin-top : 0.55556rem;
margin-bottom : 0;
font-size : 13px;
font-size : 0.72222rem;
}
.cProductList__panel {
position : relative;
border : #d1d1d1 solid 1px;
border-bottom-width : 2px;
border-color : #d1d1d1;
background-color : #F2F2F2;
}
@media screen and (min-width: 767px) {
.cProductList__panel {
display : table;
width : 100%;
table-layout : fixed;
}
}
@media screen and (min-width: 767px) {
.cProductList__sort {
display : table-cell;
vertical-align : middle;
width : 80%;
}
}
.cProductList__sort .field {
width : 100%;
}
.cProductList__count {
display : none;
margin-left : 2.22222rem;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 1024px) {
.cProductList__count {
display : inline-block;
vertical-align : middle;
margin-top : 0;
}
}
.cProductList__type {
border-radius : 3px;
border-top : 1px solid #d1d1d1;
}
@media screen and (min-width: 767px) {
.cProductList__type {
display : table-cell;
text-align : right;
width : 20%;
border-top : 0;
}
}
.cProductList__type__tab {
float : left;
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
text-align : center;
border-right : 1px solid #d1d1d1;
padding : 0.55556rem 0;
}
@media screen and (min-width: 767px) {
.cProductList__type__tab {
float : none;
width : 35px;
height : 38px;
display : inline-block;
vertical-align : middle;
border-right : 0;
}
}
.cProductList__type__tab:last-child {
margin-right : 0;
border-right : 0;
}
.cProductList__type__tab .icon::before {
color : #ababab;
}
.cProductList__type__tab--active .icon.icon-productListImage::before, .cProductList__type__tab--active .icon.icon-productListLine::before, .cProductList__type__tab--active .icon.icon-productListTable::before, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListImage::before, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListLine::before, .cProductList__type__tab:hover:not(.cProductList__type__tab--active) .icon.icon-productListTable::before {
color : #0075a2;
}
.cProductList--related, .cProductList--widget {
border-top : 1px solid #d1d1d1;
}
.cProductList--related .grid .grid__item, .cProductList--related .grid .label--inline, .cProductList--related .grid .label--inline + .field {
padding : 0;
}
.cProductList--image-wrap {
border-top : 0;
}
.cRelatedProducts--carousel .royalSlider {
border-top : 1px solid #d1d1d1;
}
.cRelatedProducts--carousel .royalSlider .cProductList--related, .cRelatedProducts--carousel .royalSlider .cProductList--widget, .cRelatedProducts--carousel .royalSlider .grid .grid__item, .cRelatedProducts--carousel .royalSlider .grid .label--inline, .cRelatedProducts--carousel .royalSlider .grid .label--inline + .field {
border-top : 0;
}
.cProductListParams {
overflow-x : auto;
}
@media screen and (min-width: 1024px) {
.cProductListParams {
overflow : hidden;
}
}
.cProductListParams table {
margin-bottom : 0;
}
@media screen and (min-width: 1024px) {
.cProductListParams--has-overflow {
overflow-x : auto;
}
}
.no-flexbox .cProductList--image .grid {
display : block;
}
@media screen and (min-width: 767px) {
.cProductListTable td, .cProductListTable th {
border : #d1d1d1 solid 1px;
}
}
@media screen and (max-width: 766px) {
.cProductListTable td:before, .cProductListTable th:before {
top : auto;
left : 20px;
right : auto;
bottom : auto;
position : absolute;
width : 40%;
text-align : left;
font-weight : 400;
}
}
@media screen and (max-width: 766px) {
.cProductListTable td {
position : relative;
padding : 0.55556rem 1.11111rem 0.55556rem 50%;
}
.cProductListTable td:first-child {
padding-top : 1.11111rem;
}
.cProductListTable td:last-child {
padding-bottom : 1.11111rem;
}
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__sku {
order : 2;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__sku {
width : 15%;
text-align : center;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__name {
order : 1;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__name .cProduct__name {
font-size : 30px;
font-size : 1.66667rem;
}
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__availability {
order : 3;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__availability {
width : 10%;
text-align : center;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__rating {
order : 4;
}
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__price {
order : 5;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__price {
width : 15%;
text-align : right;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__buy {
order : 6;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__buy .btn--buy {
width : 50%;
}
}
@media (max-width: 766px) {
.cProductList--table .cProductListTable:not(.cProductListTable--show-header) thead {
display : none;
}
}
.cProductListTable {
display : table;
width : 100%;
max-width : 100%;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (max-width: 766px) {
.cProductListTable {
display : block;
overflow : auto;
}
}
.cProductListTable td, .cProductListTable th {
padding : 0.55556rem;
border : 0;
}
@media screen and (min-width: 767px) {
.cProductListTable td, .cProductListTable th {
border : #d1d1d1 solid 1px;
}
}
@media screen and (max-width: 766px) {
.cProductListTable td, .cProductListTable th {
min-width : 150px;
}
}
@media screen and (max-width: 766px) {
.cProductListTable td:before, .cProductListTable th:before {
top : auto;
left : 20px;
right : auto;
bottom : auto;
position : absolute;
width : 40%;
text-align : left;
font-weight : 400;
}
}
@media screen and (max-width: 766px) {
.cProductListTable .cProduct__name {
line-height : 1.2;
}
}
.cProductListTable thead th {
background-color : #F2F2F2;
border-bottom : 1px solid #d1d1d1;
border-top : 0;
font-weight : 400;
color : #666;
}
@media screen and (max-width: 766px) {
.cProductListTable td {
position : relative;
padding : 0.55556rem 1.11111rem 0.55556rem 50%;
}
.cProductListTable td:first-child {
padding-top : 1.11111rem;
}
.cProductListTable td:last-child {
padding-bottom : 1.11111rem;
}
}
.cProductListTable thead tr {
border-bottom : 0;
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__sku {
order : 2;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__sku {
width : 15%;
text-align : center;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__name {
order : 1;
}
}
.cProductListTable__name .cProduct__name {
text-decoration : none;
}
@media screen and (max-width: 766px) {
.cProductListTable__name .cProduct__name {
font-size : 30px;
font-size : 1.66667rem;
}
}
.cProductListTable__name .cProduct__name:hover {
text-decoration : underline;
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__availability {
order : 3;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__availability {
width : 10%;
text-align : center;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__rating {
order : 4;
}
}
@media screen and (max-width: 766px) {
.cProductListTable .cProductListTable__price {
order : 5;
}
}
@media screen and (min-width: 767px) {
.cProductListTable .cProductListTable__price {
width : 15%;
text-align : right;
}
}
.cProductListTable .cProduct__price--incVat {
font-size : 15px;
font-size : 0.83333rem;
}
@media screen and (max-width: 766px) {
.cProductListTable__buy {
order : 6;
}
}
@media screen and (max-width: 766px) {
.cProductListTable__buy .btn--buy {
width : 50%;
}
}
.cProductListTable__parameter i {
font-size : 10px;
cursor : pointer;
font-style : normal;
}
.cProductListTable__parameter i:hover {
color : #000;
}
.cProductListTable--params {
overflow : auto;
max-width : 100%;
}
.cProductListTable--params td {
min-width : 120px;
}
.cProductListTable--params .cProductListTable__paramName {
background-color : #F2F2F2;
}
.cProductListTable--params .cProductListTable__parameter {
position : relative;
cursor : pointer;
background-color : #F2F2F2;
}
.cProductListTable--params .cProductListTable__parameter:hover {
background-color : #eaeaea;
}
.cProductListTable--params .cProductListTable__parameter:hover i {
opacity : 1;
}
.cProductListTable--params .cProductListTable__parameter i {
position : absolute;
top : 50%;
right : 8px;
line-height : 1;
transform : translateY(-50%);
display : inline-block;
vertical-align : middle;
color : #ccc;
}
.cProductListTable--params .cProductListTable__parameter i::before {
display : block;
content : '▲';
}
.cProductListTable--params .cProductListTable__parameter.sort-desc i {
color : #00adee;
}
.cProductListTable--params .cProductListTable__parameter.sort-asc i, .cProductListTable--params .cProductListTable__parameter.sort-desc i::before {
color : #ccc;
}
.cProductListTable--params .cProductListTable__parameter.sort-asc i::before {
color : #00adee;
}
.cProductListTable--params .cProductListTable__parameter.is-active {
background-color : #eaeaea;
}
.cProductList--box .grid {
margin-left : 0;
margin-bottom : 2.22222rem;
border : #d1d1d1 solid 1px;
border-bottom : 0;
}
.cProductList--box .grid__item, .cProductList--box .label--inline, .cProductList--box .label--inline + .field {
padding-left : 0;
}
.cProductListBox {
position : relative;
padding : 2.22222rem;
border-bottom : 1px solid #d1d1d1;
margin-bottom : 0;
cursor : default;
}
.cProductListBox .cProduct__name {
margin-bottom : 0;
font-weight : 400;
}
@media screen and (max-width: 766px) {
.cProductListBox .cProduct__name {
font-size : 30px;
font-size : 1.66667rem;
}
}
.cProductListBox .cProduct__name .cProduct__link {
text-decoration : none;
}
.cProductListBox .cProduct__name .cProduct__link:hover {
text-decoration : underline;
}
.cProductListBox__img {
text-align : center;
padding-right : 2.22222rem;
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 767px) {
.cProductListBox__img {
float : left;
width : 30%;
}
}
.cProductListBox__img img {
width : auto;
text-align : center;
}
@media screen and (min-width: 767px) {
.cProductListBox__img img {
max-height : 180px;
max-height : 10rem;
}
}
@media screen and (min-width: 1024px) {
.cProductListBox__img img {
max-height : 230px;
max-height : 12.77778rem;
}
}
.cProductListBox__img ._blankImage {
max-width : 50%;
max-height : 200px;
margin : auto;
}
@media screen and (min-width: 767px) {
.cProductListBox__img ._blankImage {
height : 170px;
}
}
@media screen and (min-width: 767px) {
.cProductListBox__content {
float : right;
margin-left : 0;
width : 70%;
}
}
@media screen and (min-width: 767px) {
.cProductListBox__price {
float : right;
text-align : right;
max-width : 50%;
}
}
@media screen and (min-width: 1200px) {
.cProductListBox__price {
max-width : 100%;
}
}
@media screen and (min-width: 767px) {
.cProductListBox__price {
float : right;
text-align : right;
}
}
@media screen and (min-width: 767px) {
.cProductListBox__buy {
display : block;
clear : both;
margin-top : 0.55556rem;
margin-bottom : 0.55556rem;
}
}
.cProductListBox__desc {
float : left;
font-size : 13px;
font-size : 0.72222rem;
margin-top : 0.55556rem;
}
@media screen and (min-width: 767px) {
.cProductListBox__desc {
min-height : 63px;
min-height : 3.47222rem;
max-width : 50%;
}
}
@media screen and (min-width: 1024px) {
.cProductListBox__desc {
min-height : 65px;
min-height : 3.61111rem;
}
}
.cProductListBox__labels {
position : absolute;
left : 0;
top : 40px;
}
.cProductListBox__labels .label {
float : left;
clear : both;
}
.cProductList--image .grid {
display : flex;
flex-wrap : wrap;
margin : 0 0 2.22222rem;
border-left : 1px solid #d1d1d1;
}
.cProductList--image .grid__item, .cProductList--image .label--inline, .cProductList--image .label--inline + .field {
padding : 0.88889rem;
border-right : 1px solid #d1d1d1;
border-bottom : 1px solid #d1d1d1;
}
.cProductListImg {
position : relative;
margin-bottom : 0;
}
.cProductListImg__img {
margin-bottom : 1.11111rem;
text-align : center;
}
@media screen and (min-width: 767px) {
.cProductListImg__img {
display : flex;
align-items : center;
align-content : center;
min-height : 200px;
min-height : 11.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cProductListImg__img {
min-height : 250px;
min-height : 13.88889rem;
}
}
.cProductListImg__img .cProductListImg__link {
display : inline-block;
width : 100%;
}
.cProductListImg__img img {
width : auto;
display : inline-block;
vertical-align : middle;
text-align : center;
object-fit : contain;
}
@media screen and (min-width: 767px) {
.cProductListImg__img img {
height : 170px;
}
}
@media screen and (min-width: 767px) {
.cProductListImg__img img {
max-height : 180px;
max-height : 10rem;
}
}
@media screen and (min-width: 1024px) {
.cProductListImg__img img {
max-height : 230px;
max-height : 12.77778rem;
}
}
.cProductListImg__img ._blankImage {
max-width : 50%;
max-height : 200px;
margin : auto;
}
@media screen and (min-width: 767px) {
.cProductListImg__img ._blankImage {
height : 170px;
}
}
.cProductListImg__link {
text-decoration : none;
}
.cProductListImg__link:hover {
text-decoration : underline;
}
.cProductListImg__prices {
text-align : center;
}
.cProductListImg__labels {
position : absolute;
left : -16px;
top : 0;
}
.cProductListImg__labels .label {
float : left;
clear : both;
}
.cProductListImg__title {
font-size : 15px;
font-size : 0.83333rem;
text-align : center;
}
.cProductListImg__availability {
position : relative;
min-height : 50px;
min-height : 2.77778rem;
padding : 0.44444rem 1.11111rem;
margin-top : 2.22222rem;
text-align : center;
border-top : 1px solid #d1d1d1;
border-bottom : 1px solid #d1d1d1;
line-height : 1.2;
}
.cProductListImg__desc {
margin-top : 1.11111rem;
font-size : 13px;
font-size : 0.72222rem;
}
@media all {
.cProductListImg__img {
height : 250px;
height : 13.88889rem;
}
}
@media screen and (max-width: 766px) {
.cFtr__item--categories .cFtr__item__title {
font-size : 13px;
font-size : 0.72222rem;
}
}
.cFtr__item--categories .cFtr__item__anotation {
font-size : 13px;
font-size : 0.72222rem;
}
.cFtr__item--categories .cFtr__item__img {
float : left;
width : 35%;
}
@media screen and (min-width: 767px) {
.cFtr__item--categories .cFtr__item__img {
width : 25%;
}
}
@media screen and (min-width: 1024px) {
.cFtr__item--categories .cFtr__item__img {
width : 15%;
}
}
.cFtr__item--categories .cFtr__item__wrapper {
float : right;
width : 65%;
padding-left : 1.11111rem;
margin : 0;
}
@media screen and (min-width: 767px) {
.cFtr__item--categories .cFtr__item__wrapper {
width : 75%;
}
}
@media screen and (min-width: 1024px) {
.cFtr__item--categories .cFtr__item__wrapper {
width : 85%;
}
}
.cFtr .cProductListBox__img {
width : 35%;
}
@media screen and (min-width: 767px) {
.cFtr .cProductListBox__img {
width : 25%;
}
}
@media screen and (min-width: 1024px) {
.cFtr .cProductListBox__img {
width : 15%;
}
}
.cFtr .cProductListBox__content {
width : 65%;
}
@media screen and (min-width: 767px) {
.cFtr .cProductListBox__content {
width : 75%;
}
}
@media screen and (min-width: 1024px) {
.cFtr .cProductListBox__content {
width : 85%;
}
}
@media screen and (max-width: 766px) {
.cFtr .cProductListBox__title {
font-size : 13px;
font-size : 0.72222rem;
}
}
.cFtr .cProductListBox__price {
font-weight : 700;
font-size : 40px;
font-size : 2.22222rem;
}
@media screen and (max-width: 766px) {
.cFtr .accordion {
margin : 2.22222rem 0;
}
}
@media screen and (max-width: 766px) {
.cFtr .accordion .accordion__item {
border : 0;
}
}
@media screen and (max-width: 766px) {
.cFtr .accordion .accordion__item__content {
padding : 0;
}
}
.label {
display : inline-block;
vertical-align : middle;
padding : 0.05556rem 1.11111rem;
margin-bottom : 0.27778rem;
margin-right : 0.27778rem;
border : none;
font-size : 12px;
font-size : 0.66667rem;
background-color : #F2F2F2;
text-transform : uppercase;
}
.label--new {
background-color : #89cb52;
color : #fff;
}
.label--discount {
background-color : #e83f3e;
color : #fff;
}
.label--sale {
background-color : #dbd418;
}
.label--bestSeller {
background-color : #F2F2F2;
color : #666;
}
.label--top {
background-color : #007dc4;
color : #fff;
}
.cReviews {
display : inline-block;
vertical-align : text-bottom;
width : 100px;
height : 20px;
background-image : url(../img/stars.svg?v=1e6e);
background-color : transparent;
background-position : 0 0;
background-size : 20px auto;
background-repeat : repeat-x;
text-align : left;
}
.cReviews__review {
display : inherit;
background : inherit;
background-position : 0 -20px;
height : inherit;
}
.cReviews__review--p0 {
width : 0;
}
.cReviews__review--p10 {
width : 10px;
}
.cReviews__review--p20 {
width : 20px;
}
.cReviews__review--p30 {
width : 30px;
}
.cReviews__review--p40 {
width : 40px;
}
.cReviews__review--p50 {
width : 50px;
}
.cReviews__review--p60 {
width : 60px;
}
.cReviews__review--p70 {
width : 70px;
}
.cReviews__review--p80 {
width : 80px;
}
.cReviews__review--p90 {
width : 90px;
}
.cReviews__review--p100 {
width : 100px;
}
.cAvailability {
font-size : 12px;
font-size : 0.66667rem;
text-transform : uppercase;
}
.cAvailability__text {
display : block;
}
.cAvailability--stock {
color : #36b115;
}
.cAvailability--nStock {
color : #e83f3e;
}
.cAvailability--request {
color : #dbd418;
}
.btn--buy {
background-color : #89cb52;
color : #fff;
}
.btn--cart {
width : 50px;
height : auto;
background-image : url(../img/chart-icon.svg?v=3d8b);
background-color : transparent;
background-position : 50% 50%;
background-size : 18px 18px;
background-repeat : no-repeat;
}
.cProductDesc {
font-size : 13px;
font-size : 0.72222rem;
}
.cProduct__availability, .cProduct__productcode {
display : table;
width : 100%;
}
.cProduct__availability span, .cProduct__productcode span {
display : table-cell;
width : 50%;
}
.cProduct__availability span + span, .cProduct__productcode span + span {
text-align : right;
}
.productFilter {
position : relative;
}
.productFilter__list {
margin-bottom : 0;
display : inline-table;
}
.productFilter__list--hidden {
position : absolute;
top : 100%;
z-index : 1;
border : #d1d1d1 solid 1px;
border-bottom : 0;
}
@media screen and (max-width: 766px) {
.productFilter__list--hidden {
left : auto !important ;
right : 0;
width : 100%;
}
}
.productFilter__list--hidden .productFilter__item {
display : block;
margin-bottom : 0;
}
.productFilter__list--hidden .productFilter__link {
background-color : #F2F2F2;
border-bottom : 1px solid #d1d1d1;
}
.productFilter__greedyBtn {
position : absolute;
top : 0;
padding : 1.11111rem;
height : 100%;
z-index : 1;
border : 0;
border-right : 1px solid #d1d1d1;
font-size : 13px;
font-size : 0.72222rem;
color : #bfbfbf;
white-space : nowrap;
background-color : transparent;
}
@media screen and (max-width: 766px) {
.productFilter__greedyBtn {
right : 0;
left : auto !important ;
}
}
.productFilter__greedyBtn.active, .productFilter__greedyBtn:hover {
color : #00adee;
}
.productFilter__greedyBtn:focus {
outline : 0;
}
.productFilter__greedyBtn .icon-drop::before {
color : #bfbfbf;
font-size : 12px;
font-size : 0.66667rem;
}
.productFilter__dropWrapper {
position : relative;
padding : 1.11111rem;
}
.productFilter__dropWrapper .productFilter__title {
top : 35px;
}
.productFilter__dropWrapper .productFilter__toggle {
position : absolute;
top : 20px;
right : 20px;
width : 40px;
height : 45px;
border-left : 1px solid #d1d1d1;
}
.productFilter__dropWrapper .productFilter__toggle .icon-drop {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
}
.productFilter__dropWrapper .productFilter__toggle .icon-drop::before {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
color : #666;
font-size : 8px;
font-size : 0.44444rem;
}
.productFilter__dropWrapper .productFilter__drop {
margin-bottom : 0;
margin-top : 0.55556rem;
}
.productFilter__dropWrapper .productFilter__drop__item {
margin-bottom : 0.33333rem;
}
.productFilter__dropWrapper .productFilter__drop__item:last-child {
margin-bottom : 0;
}
.productFilter__dropWrapper .productFilter__drop__item__in {
display : block;
padding : 0.55556rem;
color : #666;
font-size : 13px;
font-size : 0.72222rem;
text-decoration : none;
background : #fff;
}
.productFilter__item {
display : table-cell;
white-space : nowrap;
}
.productFilter__link {
display : block;
padding : 1.11111rem;
border-right : 1px solid #d1d1d1;
text-decoration : none;
font-size : 13px;
font-size : 0.72222rem;
color : #00ADEE;
border-right-color : #d1d1d1;
}
@media (max-width: 330px) {
.productFilter__link {
padding : 0.66667rem 0.55556rem;
}
}
.productFilter__link:hover {
background-color : #e5e5e5;
color : #00ADEE;
}
.productFilter__link.active {
background-color : #e5e5e5;
}
.productMenu {
border : #08b solid 1px;
margin-bottom : 0;
}
@media screen and (max-width: 766px) {
.productMenu {
border : 0;
}
}
.productMenu__title {
padding : 1.11111rem 0.55556rem;
background-color : #00adee;
color : #fff;
margin-bottom : 0;
font-weight : 400;
border-bottom : 1px solid #08b;
}
.productMenu .nav__item {
border-bottom : 0 !important ;
}
.productMenu .nav__item__in {
background-color : #00adee;
padding : 1.11111rem;
color : #fff;
text-decoration : none;
border-bottom : 1px solid #08b;
}
.productMenu .nav__item__in:hover {
background-color : #08b;
}
.productMenu .nav__item__in .nav--lev__holder {
border-left-color : #08b;
}
.productMenu .nav__item.page--active .nav__item__in {
background-color : #fff;
color : #666;
font-weight : 700;
}
.productMenu--inline {
clear : both;
background-color : #00adee;
}
@media screen and (min-width: 767px) {
.productMenu--inline {
padding-left : 3.33333rem;
}
}
.productMenu--inline__list {
margin-bottom : 0;
}
.productMenu--inline__item {
display : block;
margin : 0;
width : 100%;
}
@media screen and (max-width: 766px) {
.productMenu--inline__item:not(:last-child) {
border-bottom : 1px solid #08b;
}
}
@media screen and (min-width: 767px) {
.productMenu--inline__item {
float : left;
width : auto;
border-bottom : 0;
}
.productMenu--inline__item:not(:last-child) {
border-right : 1px solid #08b;
}
}
.productMenu--inline__item__in {
display : block;
padding : 1.11111rem;
text-decoration : none;
color : #fff;
}
.productMenu--inline__item__in:hover {
background-color : #08b;
color : #fff;
}
.cProduct__price {
border-bottom : 0;
padding-bottom : 0;
margin-bottom : 0;
}
.cProduct__price--incVat {
font-weight : 700;
color : #00adee;
font-size : 20px;
font-size : 1.11111rem;
}
.cProduct__price--recommend {
text-decoration : line-through;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1;
}
.cProduct__price--saving {
font-size : 12px;
font-size : 0.66667rem;
line-height : 1;
}
.productCatalogFilter {
position : relative;
width : 100%;
padding : 2.22222rem;
background-color : #F2F2F2;
border : #d1d1d1 solid 1px;
}
@media screen and (min-width: 767px) {
.productCatalogFilter__wrapper {
display : flex;
align-items : flex-end;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter__col--left {
flex-grow : 2;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter__col--right {
padding-left : 30px;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter__col--right.up {
margin-top : 25px;
}
}
.productCatalogFilter__catTitle {
margin-bottom : 10px;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 767px) {
.productCatalogFilter__catTitle--side {
display : table-cell;
vertical-align : top;
padding-right : 40px;
padding-bottom : 0;
margin-bottom : 0;
min-width : 120px;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter__catTitle--side + .productCatalogFilter__inner {
display : table-cell;
vertical-align : top;
width : 100%;
}
}
.desk--eight-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--eighteen-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--four-sixteenths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--four-twelfths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--one-fifth .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--one-quarter .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--one-third .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--six-twentyfourths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--three-twelfths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-eighths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-sixths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item, .desk--two-tenths .productCatalogFilter__catTitle--side + .productCatalogFilter__inner .productCatalogFilter__item {
width : 100% !important ;
}
.productCatalogFilter--select .productCatalogFilter__catTitle--side {
vertical-align : middle;
}
.productCatalogFilter__catTitle--up {
min-height : 22px;
}
@media screen and (max-width: 766px) {
.productCatalogFilter .grid__item, .productCatalogFilter .label--inline, .productCatalogFilter .label--inline + .field {
margin-bottom : 40px;
}
}
@media screen and (max-width: 766px) {
.productCatalogFilter__item {
margin-bottom : 10px;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item, .productCatalogFilter .desk--five-tenths .productCatalogFilter__item, .productCatalogFilter .desk--four-eighths .productCatalogFilter__item, .productCatalogFilter .desk--one-half .productCatalogFilter__item, .productCatalogFilter .desk--one-whole .productCatalogFilter__item, .productCatalogFilter .desk--six-twelfths .productCatalogFilter__item, .productCatalogFilter .desk--three-sixths .productCatalogFilter__item, .productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item, .productCatalogFilter .desk--two-quarters .productCatalogFilter__item {
display : inline-block;
vertical-align : middle;
margin-right : 60px;
}
}
.productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--five-tenths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--four-eighths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--one-half .productCatalogFilter__item:last-child, .productCatalogFilter .desk--one-whole .productCatalogFilter__item:last-child, .productCatalogFilter .desk--six-twelfths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--three-sixths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item:last-child, .productCatalogFilter .desk--two-quarters .productCatalogFilter__item:last-child {
margin-right : 0;
}
@media screen and (min-width: 767px) {
.productCatalogFilter .desk--eight-sixteenths .productCatalogFilter__item, .productCatalogFilter .desk--five-tenths .productCatalogFilter__item, .productCatalogFilter .desk--four-eighths .productCatalogFilter__item, .productCatalogFilter .desk--one-half .productCatalogFilter__item, .productCatalogFilter .desk--six-twelfths .productCatalogFilter__item, .productCatalogFilter .desk--three-sixths .productCatalogFilter__item, .productCatalogFilter .desk--twelve-twentyfourths .productCatalogFilter__item, .productCatalogFilter .desk--two-quarters .productCatalogFilter__item {
width : 50%;
margin-right : 0;
}
}
.productCatalogFilter--select .productCatalogFilter__wrapper {
align-items : flex-start;
}
.productCatalogFilter--checkbox {
align-items : center;
}
@media screen and (max-width: 766px) {
.productCatalogFilter--checkbox .productCatalogFilter__catTitle {
padding-bottom : 10px;
border-bottom : 1px solid #d1d1d1;
margin-bottom : 20px;
}
}
@media screen and (max-width: 766px) {
.productCatalogFilter .filterContainer {
margin-top : 40px;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter .filterContainer {
max-width : 90%;
}
}
.productCatalogFilter .filterContainer .label--filter {
background-color : #ddd;
margin-right : 0.27778rem;
margin-top : 0.44444rem;
cursor : pointer;
text-transform : none;
}
.productCatalogFilter .filterContainer .label--filter:hover {
background-color : #d0d0d0;
}
.productCatalogFilter .filterContainer .label--filter .removeFilter {
margin-left : 0.27778rem;
font-style : normal;
font-weight : 700;
font-size : 13px;
font-size : 0.72222rem;
}
.productCatalogFilter .resetFilter {
margin-top : 40px;
font-size : 13px;
font-size : 0.72222rem;
color : #666;
}
@media screen and (min-width: 767px) {
.productCatalogFilter .resetFilter {
margin-top : 10px;
}
}
.productCatalogFilter .resetFilter:hover {
text-decoration : underline;
color : #666;
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cftSearch__submit::before, .productCatalogFilter .resetFilter .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .productCatalogFilter .resetFilter .icon-close, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .btn::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .productCatalogFilter .resetFilter .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .btn::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cClientZone__logout::before {
margin-left : 0.44444rem;
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cftSearch__submit::before, .productCatalogFilter .resetFilter .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .productCatalogFilter .resetFilter .icon-close::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .btn::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .productCatalogFilter .resetFilter .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .productCatalogFilter .resetFilter .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .btn::before, .userAccountForm form + .editSwitchWrapper .productCatalogFilter .resetFilter .cClientZone__logout::before {
color : #b6b6b6;
}
.productCatalogFilter__inner--slider.lt450 .ui-slider-label-price, .productCatalogFilter__inner--slider.lt450 .ui-slider-label-to {
display : none;
}
.productCatalogFilter__inner--slider.lt450 .ui-slider-label-fallback {
display : block;
}
@media screen and (min-width: 767px) {
.productCatalogFilter__inner--slider.lt300 .grid__item, .productCatalogFilter__inner--slider.lt300 .label--inline, .productCatalogFilter__inner--slider.lt300 .label--inline + .field {
width : 100%;
margin-bottom : 12px;
}
}
@media screen and (min-width: 767px) {
.productCatalogFilter__inner--slider.lt300 .field--price-range-to, .productCatalogFilter__inner--slider.lt300 .text--right {
text-align : left !important ;
}
}
.productCatalogFilter__inner--slider.gt450 .ui-slider-label-fallback {
display : none;
}
@media (max-width: 1023px) {
.productCatalogFilter__inner--slider.gt450 .ui-slider-label-fallback {
display : block;
}
}
.mm-hidden {
display : none !important ;
}
.mm-wrapper {
overflow-x : hidden;
position : relative;
}
.mm-menu, .mm-panels, .mm-panels > .mm-panel {
margin : 0;
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
}
.mm-menu {
box-sizing : border-box;
display : block;
overflow : hidden;
padding : 0;
}
.mm-panel {
transition : transform 0.4s ease;
transform : translate3d(100%,0,0);
}
.mm-panel.mm-opened {
transform : translate3d(0,0,0);
}
.mm-panel.mm-subopened {
transform : translate3d(-30%,0,0);
}
.mm-panel.mm-highest {
z-index : 1;
}
.mm-panels, .mm-panels > .mm-panel {
background : inherit;
border-color : inherit;
}
.mm-panels > .mm-panel {
background : inherit;
border-color : inherit;
overflow : scroll;
overflow-x : hidden;
overflow-y : auto;
box-sizing : border-box;
}
.mm-panels > .mm-panel.mm-hasnavbar {
padding-top : 40px;
}
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
content : '';
display : block;
}
.mm-vertical .mm-panel {
transform : none !important ;
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
display : none;
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
border-color : transparent;
}
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
display : block;
}
.mm-listview > li.mm-vertical > .mm-next, .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next, .mm-vertical .mm-listview > li > .mm-next:after {
bottom : auto;
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
transform : rotate(45deg);
}
.mm-navbar {
border-bottom : 1px solid;
border-color : #ddd;
text-align : center;
line-height : 20px;
height : 40px;
padding : 0 40px;
margin : 0;
position : absolute;
top : 0;
left : 0;
right : 0;
}
.mm-navbar > * {
display : block;
padding : 10px 0;
}
.mm-navbar a, .mm-navbar a:hover {
text-decoration : none;
}
.mm-navbar .mm-title {
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
}
.mm-navbar .mm-btn {
box-sizing : border-box;
width : 40px;
height : 40px;
position : absolute;
top : 0;
z-index : 1;
}
.mm-navbar .mm-btn:first-child {
padding-left : 20px;
left : 0;
}
.mm-navbar .mm-btn:last-child {
text-align : right;
padding-right : 20px;
right : 0;
}
.mm-panel .mm-navbar {
display : none;
}
.mm-panel.mm-hasnavbar .mm-navbar {
display : block;
}
.mm-listview, .mm-listview > li {
list-style : none;
}
.mm-listview {
font : inherit;
font-size : 14px;
line-height : 20px;
}
.mm-listview a, .mm-listview a:hover {
text-decoration : none;
}
.mm-listview > li {
position : relative;
}
.mm-listview > li > a, .mm-listview > li > span {
text-overflow : ellipsis;
overflow : hidden;
color : inherit;
display : block;
margin : 0;
}
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
padding-right : 50px;
}
.mm-listview .mm-next {
background : rgb(3, 2, 1, 0);
width : 50px;
padding : 0;
position : absolute;
right : 0;
top : 0;
bottom : 0;
z-index : 2;
border-left : 1px solid #d1d1d1;
}
.mm-listview .mm-next + a, .mm-listview .mm-next + span {
padding-right : 50px;
}
.mm-listview .mm-next.mm-fullsubopen {
width : 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
border-left : none;
}
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
padding-right : 50px;
margin-right : 0;
}
.mm-panels > .mm-panel > .mm-listview {
margin : 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top : -20px;
}
.mm-listview .mm-inset {
list-style : disc inside;
padding : 0 10px 15px 40px;
margin : 0;
}
.mm-listview .mm-inset > li {
padding : 5px 0;
}
.mm-listview .mm-divider {
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
font-size : 10px;
text-transform : uppercase;
text-indent : 20px;
line-height : 25px;
}
.mm-listview .mm-spacer {
padding-top : 40px;
}
.mm-listview .mm-spacer > .mm-next {
top : 40px;
}
.mm-listview .mm-spacer.mm-divider {
padding-top : 25px;
}
.mm-arrow:after, .mm-next:after, .mm-prev:before {
content : '';
border : transparent solid 2px;
display : inline-block;
width : 8px;
height : 8px;
margin : auto;
position : absolute;
top : 0;
bottom : 0;
transform : rotate(-135deg);
}
.mm-prev:before {
border-right : none;
border-bottom : none;
left : 23px;
}
.mm-arrow:after, .mm-next:after {
border-top : none;
border-left : none;
right : 23px;
}
.mm-menu {
background : #f3f3f3;
border-color : rgb(0, 0, 0, 0.1);
color : rgb(0, 0, 0, 0.7);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
color : rgb(0, 0, 0, 0.3);
}
.mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
border-color : rgb(0, 0, 0, 0.3);
}
.mm-menu .mm-listview {
border-color : rgb(0, 0, 0, 0.1);
}
.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
border-color : rgb(0, 0, 0, 0.3);
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
background : rgb(255, 255, 255, 0.5);
}
.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background : rgb(0, 0, 0, 0.05);
}
.mm-page {
box-sizing : border-box;
position : relative;
}
.mm-slideout {
transition : transform 0.4s ease;
}
html.mm-opened {
overflow-x : hidden;
position : relative;
}
html.mm-blocking, html.mm-blocking body {
overflow : hidden;
}
html.mm-background .mm-page {
background : #fff;
}
#mm-blocker {
background : rgb(3, 2, 1, 0);
}
html.mm-blocking #mm-blocker {
display : block;
}
.mm-menu.mm-offcanvas {
display : none;
position : fixed;
}
.mm-menu.mm-current {
display : block;
}
.mm-menu {
width : 80%;
min-width : 140px;
max-width : 300px;
}
html.mm-opening .mm-slideout {
transform : translate(80%,0);
}
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
transform : translate(140px,0);
}
}
@media all and (min-width: 375px) {
html.mm-opening .mm-slideout {
transform : translate(300px,0);
}
}
.mm-menu.mm-bottom, .mm-menu.mm-top {
width : 100%;
min-width : 100%;
max-width : 100%;
}
.mm-menu.mm-right {
left : auto;
right : 0;
}
.mm-menu.mm-bottom {
top : auto;
bottom : 0;
}
html.mm-right.mm-opening .mm-slideout {
transform : translate(-80%,0);
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout {
transform : translate(-140px,0);
}
}
@media all and (min-width: 375px) {
html.mm-right.mm-opening .mm-slideout {
transform : translate(-300px,0);
}
}
html.mm-front .mm-slideout {
transform : none !important ;
}
.mm-menu.mm-front {
z-index : 3;
}
.mm-menu.mm-front, .mm-menu.mm-next {
transition : transform 0.4s ease, opacity 0.4s ease;
transform : translate3d(-100%,0,0);
opacity : 0.5;
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
transform : translate3d(100%,0,0);
}
.mm-menu.mm-top {
transform : translate3d(0,-100%,0);
}
.mm-menu.mm-bottom {
transform : translate3d(0,100%,0);
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component, .mobileMenu.mm-menu.mm-next .mobileHeader__component {
opacity : 0;
transform : scale(1.1) translateY(-40px);
transition : opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(1), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(1) {
transition-delay : 300ms, 300ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(2), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(2) {
transition-delay : 350ms, 350ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(3), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(3) {
transition-delay : 400ms, 400ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(4), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(4) {
transition-delay : 450ms, 450ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(5), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(5) {
transition-delay : 500ms, 500ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(6), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(6) {
transition-delay : 550ms, 550ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(7), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(7) {
transition-delay : 600ms, 600ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component:nth-child(8), .mobileMenu.mm-menu.mm-next .mobileHeader__component:nth-child(8) {
transition-delay : 650ms, 650ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item, .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item {
opacity : 0;
transform : scale(1.1) translateY(-40px);
transition : opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(1), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(1) {
transition-delay : 300ms, 300ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(2), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(2) {
transition-delay : 350ms, 350ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(3), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(3) {
transition-delay : 400ms, 400ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(4), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(4) {
transition-delay : 450ms, 450ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(5), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(5) {
transition-delay : 500ms, 500ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(6), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(6) {
transition-delay : 550ms, 550ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(7), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(7) {
transition-delay : 600ms, 600ms;
}
.mobileMenu.mm-menu.mm-front .mobileHeader__component .nav__item:nth-child(8), .mobileMenu.mm-menu.mm-next .mobileHeader__component .nav__item:nth-child(8) {
transition-delay : 650ms, 650ms;
}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next, html.mm-opening .mobileMenu.mm-menu.mm-front, html.mm-opening .mobileMenu.mm-menu.mm-next {
opacity : 1;
transform : translate3d(0,0,0);
}
html.mm-opening .mm-menu .mobileHeader__component, html.mm-opening .mobileMenu.mm-menu .mobileHeader__component {
opacity : 1;
transform : translateX(0) translateY(0);
}
html.mm-opening .mm-menu .mobileHeader__component .nav__item, html.mm-opening .mobileMenu.mm-menu .mobileHeader__component .nav__item {
opacity : 1;
transform : none;
}
.mm-menu.mm-bottom, .mm-menu.mm-top {
height : 80%;
min-height : 140px;
max-height : 880px;
}
.royalSlider {
position : relative;
direction : ltr;
}
.royalSlider > * {
float : left;
}
.rsOverflow {
width : 100%;
height : 100%;
position : relative;
overflow : hidden;
float : left;
}
.rsVisibleNearbyWrap {
width : 100%;
height : 100%;
position : relative;
overflow : hidden;
left : 0;
top : 0;
}
.rsVisibleNearbyWrap .rsOverflow {
position : absolute;
left : 0;
top : 0;
}
.rsContainer {
position : relative;
width : 100%;
height : 100%;
}
.rsArrow, .rsThumbsArrow {
cursor : pointer;
}
.rsThumb {
float : left;
position : relative;
}
.rsArrow, .rsNav, .rsThumbsArrow {
opacity : 1;
transition : opacity 0.3s linear;
}
.rsHidden {
opacity : 0;
visibility : hidden;
transition : visibility 0s 0.3s linear, opacity 0.3s linear;
}
.rsGCaption {
width : 100%;
float : left;
text-align : center;
}
.royalSlider.rsFullscreen {
position : fixed !important ;
height : auto !important ;
width : auto !important ;
margin : 0 !important ;
padding : 0 !important ;
z-index : 2147483647 !important ;
top : 0 !important ;
left : 0 !important ;
bottom : 0 !important ;
right : 0 !important ;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity : 1 !important ;
transition : 0s;
display : none;
}
.rsSlide {
position : absolute;
left : 0;
top : 0;
display : block;
overflow : hidden;
height : 100%;
width : 100%;
}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
height : auto;
}
.rsContent {
width : 100%;
height : 100%;
position : relative;
}
.rsPreloader {
position : absolute;
z-index : 0;
}
.rsNav {
user-select : none;
}
.rsThumbs {
cursor : pointer;
position : relative;
overflow : hidden;
float : left;
z-index : 22;
}
.rsTabs {
float : left;
background : 0 0 !important ;
}
.rsVideoContainer {
width : auto;
height : auto;
line-height : 0;
position : relative;
}
.rsVideoFrameHolder {
position : absolute;
left : 0;
top : 0;
background : #141414;
opacity : 0;
}
.rsVideoFrameHolder.rsVideoActive {
opacity : 1;
}
.rsVideoContainer .rsVideoObj, .rsVideoContainer embed, .rsVideoContainer iframe, .rsVideoContainer video {
position : absolute;
z-index : 50;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.rsVideoContainer.rsIOSVideo embed, .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video {
box-sizing : border-box;
padding-right : 44px;
}
.rsABlock {
left : 0;
top : 0;
position : absolute;
z-index : 15;
}
img.rsImg {
max-width : none;
}
.grab-cursor {
cursor : url(../img/plugins/royalSlider/grab.png?v=16a5) 8 8, move;
}
.grabbing-cursor {
cursor : url(../img/plugins/royalSlider/grabbing.png?v=6f17) 8 8, move;
}
.rsNoDrag {
cursor : auto;
}
.rsLink {
left : 0;
top : 0;
position : absolute;
width : 100%;
height : 100%;
display : block;
z-index : 20;
background : url(../img/plugins/royalSlider/blank.gif?v=5639);
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsThumbs, .rsDefault .rsVideoFrameHolder {
background-color : transparent;
}
@media screen and (min-width: 0) and (max-width: 800px) {
.rsDefault .rsThumb {
width : 59px;
height : 44px;
}
.rsDefault .rsThumbsHor {
height : 44px;
}
.rsDefault .rsThumbsVer {
width : 59px;
}
}
.rsDefault .rsPlayBtn {
width : 64px;
height : 64px;
margin-left : -32px;
margin-top : -32px;
cursor : pointer;
}
.rsDefault .rsPlayBtnIcon {
width : 64px;
display : block;
height : 64px;
border-radius : 4px;
transition : 0.3s;
background : url(../img/plugins/royalSlider/rs-default.png?v=0e40) 0 -32px no-repeat #000;
background-color : rgb(0, 0, 0, 0.75);
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
background-color : rgb(0, 0, 0, 0.9);
}
.rsDefault .rsBtnCenterer {
position : absolute;
left : 50%;
top : 50%;
}
.rsDefault .rsCloseVideoBtn {
right : 0;
top : 0;
width : 44px;
height : 44px;
z-index : 500;
position : absolute;
cursor : pointer;
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
top : -38px;
right : -6px;
}
.rsDefault .rsCloseVideoIcn {
margin : 6px;
width : 32px;
height : 32px;
background : url(../img/plugins/royalSlider/rs-default.png?v=0e40) -64px 0 #000;
background-color : rgb(0, 0, 0, 0.75);
}
.rsDefault .rsCloseVideoIcn:hover {
background-color : rgb(0, 0, 0, 0.9);
}
.rsDefault .rsPreloader {
width : 20px;
height : 20px;
background-image : url(../img/plugins/royalSlider/preloaders/preloader-white.gif?v=b79d);
left : 50%;
top : 50%;
margin-left : -10px;
margin-top : -10px;
}
.rsDefault .rsGCaption {
position : absolute;
float : none;
bottom : 6px;
left : 6px;
text-align : left;
background : #000;
background : rgb(0, 0, 0, 0.75);
color : #FFF;
padding : 2px 8px;
width : auto;
font-size : 12px;
border-radius : 2px;
}
.visibleNearby .rsSlide img {
opacity : 0.45;
transition : all 0.3s ease-out;
transform : scale(0.9);
}
.visibleNearby .rsActiveSlide img {
opacity : 1;
transform : scale(1);
}
.visibleNearby {
width : 100%;
background : #141414;
color : #FFF;
padding-top : 25px;
}
.visibleNearby .rsGCaption {
font-size : 16px;
line-height : 18px;
padding : 12px 0 16px;
background : #fff;
color : #000;
width : 100%;
position : static;
float : left;
left : auto;
bottom : auto;
text-align : center;
}
.visibleNearby .rsGCaption span {
display : block;
clear : both;
color : #bbb;
font-size : 14px;
line-height : 22px;
}
.rsClear .rsArrow {
height : 100%;
width : 44px;
position : absolute;
display : block;
cursor : pointer;
z-index : 21;
}
.rsClear.rsVer .rsArrow {
width : 100%;
height : 44px;
}
.rsClear.rsVer .rsArrowLeft {
top : 0;
left : 0;
}
.rsClear.rsVer .rsArrowRight {
bottom : 0;
left : 0;
}
.rsClear.rsHor .rsArrowLeft {
left : 0;
top : 0;
}
.rsClear.rsHor .rsArrowRight {
right : 0;
top : 0;
}
.rsClear .rsArrowIcn {
position : absolute;
top : 50%;
cursor : pointer;
}
.rsClear .rsArrowDisabled .rsArrowIcn {
opacity : 0.2;
}
.rsClear .rsBullets {
z-index : 35;
width : 100%;
height : auto;
margin : 0 auto;
text-align : center;
line-height : 20px;
line-height : 1.11111rem;
overflow : hidden;
}
.rsClear .rsBullet {
width : 20px;
width : 1.11111rem;
height : 20px;
height : 1.11111rem;
display : inline-block;
padding : 1.11111rem;
cursor : pointer;
}
.rsClear .rsBullet span {
display : block;
width : 20px;
width : 1.11111rem;
height : 20px;
height : 1.11111rem;
border-radius : 50%;
background : #fff;
border : #000 solid 1px;
}
.rsClear .rsBullet.rsNavSelected span, .rsClear .rsBullet:hover span {
background : #000;
}
.rsClear .rsThumbsHor {
width : 100%;
height : 72px;
}
.rsClear .rsThumbsVer {
width : 170px;
height : 100%;
position : absolute;
top : 0;
right : 0;
}
.rsClear.rsWithThumbsHor .rsThumbsContainer {
position : relative;
height : 100%;
}
.rsClear.rsWithThumbsVer .rsThumbsContainer {
position : relative;
width : 100%;
}
.rsClear .rsThumb {
float : left;
overflow : hidden;
width : 100%;
height : 72px;
}
.rsClear .rsThumb img {
width : 100%;
height : 100%;
}
.rsClear .rsThumb.rsNavSelected {
background : #000;
color : #fff;
}
.rsClear .rsThumb.rsNavSelected img {
opacity : 0.3;
}
.rsClear .rsTmb {
display : block;
}
.rsClear .rsTmb h5 {
font-size : 16px;
margin : 0;
padding : 0;
line-height : 20px;
color : #FFF;
}
.rsClear .rsTmb span {
margin : 0;
padding : 0;
}
.rsClear .rsThumbsArrow {
height : 100%;
width : 20px;
position : absolute;
display : block;
cursor : pointer;
z-index : 21;
background : #000;
background : rgb(0, 0, 0, 0.75);
}
.rsClear .rsThumbsArrow:hover {
background : rgb(0, 0, 0, 0.9);
}
.rsClear.rsWithThumbsVer .rsThumbsArrow {
width : 100%;
height : 20px;
}
.rsClear.rsWithThumbsVer .rsThumbsArrowLeft {
top : 0;
left : 0;
}
.rsClear.rsWithThumbsVer .rsThumbsArrowRight {
bottom : 0;
left : 0;
}
.rsClear.rsWithThumbsHor .rsThumbsArrowLeft {
left : 0;
top : 0;
}
.rsClear.rsWithThumbsHor .rsThumbsArrowRight {
right : 0;
top : 0;
}
.rsClear .rsThumbsArrowIcn {
cursor : pointer;
}
.rsClear .rsThumbsArrowIcn::before {
font-size : 1.11111rem;
}
.rsClear.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
transform : translateX(-50%) translateY(-50%) rotate(-180deg);
}
.rsClear.rsWithThumbsVer .rsThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
transform : translateX(-50%) translateY(-50%) rotate(0);
}
.rsClear.rsWithThumbsVer .rsThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
transform : translateX(-50%) translateY(-50%) rotate(180deg);
}
.rsClear.rsWithThumbsVer .rsThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
transform : translateX(-50%) translateY(-50%) rotate(90deg);
}
.rsClear.rsWithThumbsVer .rsThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
transform : translateX(-50%) translateY(-50%) rotate(-90deg);
}
.rsClear .rsThumbsArrowDisabled {
display : none !important ;
}
@media screen and (min-width: 0) and (max-width: 800px) {
.rsClear .rsThumb {
width : 59px;
height : 44px;
}
.rsClear .rsThumbsHor {
height : 44px;
}
.rsClear .rsThumbsVer {
width : 59px;
}
}
.rsClear .rsTabs {
width : 100%;
height : auto;
margin : 0 auto;
text-align : center;
overflow : hidden;
padding-top : 12px;
position : relative;
}
.rsClear .rsTab {
display : inline-block;
cursor : pointer;
padding : 1.11111rem;
color : #00ADEE;
}
.rsClear .rsTab.rsNavSelected, .rsClear .rsTab:active, .rsClear .rsTab:hover {
color : #08b;
}
.rsClear .rsFullscreenBtn {
right : 0;
top : 0;
width : 44px;
height : 44px;
z-index : 22;
display : block;
position : absolute;
cursor : pointer;
}
.rsClear .rsFullscreenIcn {
display : block;
margin : 6px;
width : 32px;
height : 32px;
background : url(../img/plugins/royalSlider/rs-default.png?v=0e40) #000;
background-color : rgb(0, 0, 0, 0.75);
border-radius : 2px;
}
.rsClear .rsFullscreenIcn:hover {
background-color : rgb(0, 0, 0, 0.9);
}
.rsClear.rsFullscreen .rsFullscreenIcn {
background-position : -32px 0;
}
.rsClear .rsPlayBtn {
width : 64px;
height : 64px;
margin-left : -32px;
margin-top : -32px;
cursor : pointer;
}
.rsClear .rsPlayBtnIcon {
width : 64px;
display : block;
height : 64px;
border-radius : 4px;
transition : 0.3s;
background : url(../img/plugins/royalSlider/rs-default.png?v=0e40) 0 -32px no-repeat #000;
background-color : rgb(0, 0, 0, 0.75);
}
.rsClear .rsPlayBtn:hover .rsPlayBtnIcon {
background-color : rgb(0, 0, 0, 0.9);
}
.rsClear .rsBtnCenterer {
position : absolute;
left : 50%;
top : 50%;
}
.rsClear .rsCloseVideoBtn {
right : 0;
top : 0;
width : 44px;
height : 44px;
z-index : 500;
position : absolute;
cursor : pointer;
}
.rsClear .rsCloseVideoBtn.rsiOSBtn {
top : -38px;
right : -6px;
}
.rsClear .rsCloseVideoIcn {
margin : 6px;
width : 32px;
height : 32px;
background : url(../img/plugins/royalSlider/rs-default.png?v=0e40) -64px 0 #000;
background-color : rgb(0, 0, 0, 0.75);
}
.rsClear .rsCloseVideoIcn:hover {
background-color : rgb(0, 0, 0, 0.9);
}
.rsClear .rsPreloader {
width : 20px;
height : 20px;
background-image : url(../img/plugins/royalSlider/preloaders/preloader-white.gif?v=b79d);
left : 50%;
top : 50%;
margin-left : -10px;
margin-top : -10px;
}
.rsClear .rsGCaption {
position : absolute;
float : none;
bottom : 6px;
left : 6px;
text-align : left;
background : #000;
background : rgb(0, 0, 0, 0.75);
color : #FFF;
padding : 2px 8px;
width : auto;
font-size : 12px;
border-radius : 2px;
}
.rsDefault .rsArrow {
width : 50px;
height : 100%;
position : absolute;
display : block;
cursor : pointer;
z-index : 21;
}
.rsDefault.rsVer .rsArrow {
width : 100%;
height : 50px;
}
.rsDefault .rsArrowIcn {
width : 50px;
height : 50px;
cursor : pointer;
background-color : rgb(0, 173, 238, 0.5);
}
.rsDefault .rsArrowIcn::before {
position : absolute;
left : 50%;
top : 50%;
transform : translateX(-50%) translateY(-50%);
font-size : 25px;
font-size : 1.38889rem;
color : #fff;
}
.rsDefault .rsArrowIcn:hover {
background-color : #00adee;
}
.rsDefault .rsArrowIcn:hover::before {
color : #fff;
}
.rsDefault.rsHor .rsArrowLeft {
left : 0;
top : 0;
}
@media screen and (min-width: 767px) {
.rsDefault.rsHor .rsArrowLeft {
top : 0;
left : 0;
}
}
.rsDefault.rsHor .rsArrowRight {
right : 0;
top : 0;
}
@media screen and (min-width: 767px) {
.rsDefault.rsHor .rsArrowRight {
top : 0;
right : 0;
}
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn::before {
transform : translateX(-50%) translateY(-50%) rotate(-180deg);
}
.rsDefault.rsVer .rsArrowLeft {
top : 0;
left : 0;
}
.rsDefault.rsVer .rsArrowRight {
bottom : 0;
left : 0;
}
.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
background-position : -96px -32px;
}
.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
background-position : -96px -64px;
}
.rsDefault .rsArrowDisabled .rsArrowIcn {
opacity : 0.2;
}
.rsDefault .rsBullets {
display : none;
background : 0 0;
z-index : 35;
width : 100%;
height : auto;
margin : 0 auto;
text-align : center;
line-height : 8px;
overflow : hidden;
}
@media screen and (min-width: 767px) {
.rsDefault .rsBullets {
display : block;
}
}
.rsDefault .rsBullet {
width : 10px;
height : 10px;
display : inline-block;
padding : 6px 5px;
}
.rsDefault .rsBullet:hover > span {
background-color : #00adee;
}
.rsDefault .rsBullet > span {
display : block;
width : 10px;
height : 10px;
border-radius : 50%;
border : 0;
background-color : #444;
cursor : pointer;
}
.rsDefault .rsBullet.rsNavSelected > span, .rsDefault .rsBullet > span:hover {
background-color : #00adee;
}
.rsDefault .rsTabs {
display : none;
width : 100%;
height : auto;
margin : 0 auto;
text-align : center;
overflow : visible;
padding-top : 12px;
position : relative;
}
@media screen and (min-width: 767px) {
.rsDefault .rsTabs {
display : block;
}
}
.rsDefault .rsTabs .rsTab {
display : inline-block;
width : 25px;
height : 25px;
padding : 0.27778rem;
margin-right : 1.11111rem;
border : #d1d1d1 solid 1px;
background-color : #fff;
background-image : none;
box-shadow : none;
color : #666;
text-decoration : none;
text-align : center;
cursor : pointer;
}
.rsDefault .rsTabs .rsTab:hover {
border-color : #00adee;
}
.rsDefault .rsTabs .rsTab.rsNavSelected {
border-width : 2px;
width : 24px;
height : 24px;
border-color : #00adee;
box-shadow : none;
background-image : none;
}
.rsDefault .rsTabs .rsTab:active {
border-color : #c4c4c4;
}
[class^="rs"] {
box-sizing : content-box;
}
.royalSlider {
width : 100%;
height : auto;
}
.royalSlider img {
display : block;
margin-left : auto;
margin-right : auto;
height : auto;
}
.royalSlider--rsNavLeft .rsThumbsVer {
right : auto;
left : 0;
}
.royalSlider--rsNavLeft .rsOverflow {
float : right;
}
.royalSlider--rsNavRight .rsThumbsVer {
left : auto;
right : 0;
}
.royalSlider--rsNavRight .rsOverflow {
float : left;
}
.royalSlider--rsArrowsOut .rsOverflow {
box-sizing : border-box;
}
.royalSlider--rsNavWide {
min-height : 420px;
}
.royalSlider--rsNavWide .rsContent img {
width : 100%;
}
.royalSlider--rsNavWide .rsThumbs {
width : 33%;
}
.royalSlider--rsNavWide .rsThumbs .rsThumb {
box-sizing : border-box;
padding : 1.11111rem;
width : 100%;
height : 75px;
border-bottom : 1px solid #d1d1d1;
border-right : 1px solid #d1d1d1;
background-color : #F2F2F2;
}
.royalSlider--rsNavWide .rsThumbs .rsThumb:first-child {
border-top : 1px solid #d1d1d1;
}
.royalSlider--rsNavWide .rsThumbs .rsThumb:hover .rsTmb__title {
color : #00ADEE;
}
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected {
color : #666;
background-color : #fff;
padding-left : 2.22222rem;
border-left : 6px solid #00adee;
border-right-color : #fff;
}
.royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .rsTmb__title {
color : #00ADEE;
}
.cGnotation .royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected img, .royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .cGnotation img, .royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected .objectFit, .royalSlider--rsNavWide .rsThumbs .rsThumb.rsNavSelected img {
opacity : 1;
display : none;
}
.cGnotation .royalSlider--rsNavWide .rsThumbs .rsThumb img, .royalSlider--rsNavWide .rsThumbs .rsThumb .cGnotation img, .royalSlider--rsNavWide .rsThumbs .rsThumb .objectFit {
float : left;
width : 80px;
height : 50px;
margin-right : 2.22222rem;
}
.royalSlider--rsNavWide .rsTmb__content .cNews--img__img, .royalSlider--rsNavWide .rsTmb__content .rsTmb__img {
float : left;
margin-right : 2.22222rem;
width : 80px;
max-height : 50px;
}
.royalSlider--rsNavWide .rsTmb__content .rsTmb__date {
margin-right : 1.11111rem;
}
.rsABlock {
padding : 3.33333rem;
width : 100%;
box-sizing : border-box;
background-color : #A5145C;
color : #fff;
}
.rsABlock__title {
color : #fff;
margin-bottom : 1.11111rem;
}
.rsABlock__title > a {
font-size : 16px;
font-size : 0.88889rem;
color : #fff;
}
.rsABlock__title .rsTmb__date {
font-size : 13px;
font-size : 0.72222rem;
font-weight : 400;
}
@media screen and (min-width: 767px) {
.rsABlock--left-bottom {
left : 0;
bottom : 0;
top : auto;
}
}
@media screen and (min-width: 767px) {
.rsABlock--right-bottom {
right : 0;
bottom : 0;
top : auto;
}
}
@media screen and (min-width: 767px) {
.rsABlock--right-top {
right : 0;
top : 0;
left : auto;
}
}
@media screen and (min-width: 767px) {
.rsABlock--left-top {
top : 0;
left : 0;
}
}
@media screen and (min-width: 767px) {
.rsABlock--right-bottom {
right : 0;
bottom : 0;
left : auto;
top : auto;
}
}
@media screen and (min-width: 767px) {
.rsABlock--bottom {
right : 0;
bottom : 0;
left : 0;
top : auto;
}
}
@media screen and (min-width: 767px) {
.rsABlock--top {
left : 0;
right : 0;
top : 0;
}
}
.rsABlock--light {
background-color : rgb(255, 255, 255, 0.8);
color : #000;
}
.rsABlock--light h1, .rsABlock--light h2, .rsABlock--light h3, .rsABlock--light h4, .rsABlock--light h5, .rsABlock--light h6 {
color : #000;
}
@media screen and (min-width: 767px) {
.rsABlock--full {
width : 100%;
}
}
.rsWithBullets .rsGCaption {
bottom : 40px;
}
.rsImgCenter {
margin : auto;
}
.rsSlideshow .rsGCaption {
width : 100%;
padding : 0;
background : 0 0;
text-align : center;
z-index : 1;
}
.rsSlideshow .rsGCaption__in {
display : inline-block;
width : 40%;
padding : 1.11111rem;
}
.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 : 0 !important ;
}
.mfp-container {
text-align : center;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
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;
}
.mfp-ajax-holder .mfp-content, .mfp-inline-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 : zoom-out;
}
.mfp-zoom {
cursor : pointer;
cursor : zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor : auto;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
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-error .mfp-content, .mfp-s-ready .mfp-preloader {
display : none;
}
button.mfp-arrow, button.mfp-close {
overflow : visible;
cursor : pointer;
background : 0 0;
border : 0;
display : block;
outline : 0;
padding : 0;
z-index : 1046;
box-shadow : none;
}
button::-moz-focus-inner {
padding : 0;
border : 0;
}
.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:focus, .mfp-close:hover {
opacity : 1;
}
.mfp-close:active {
top : 1px;
}
.mfp-close-btn-in .mfp-close {
color : #333;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
color : #fff;
right : -6px;
text-align : right;
padding-right : 6px;
width : 100%;
}
.mfp-counter {
position : absolute;
top : 0;
right : 0;
color : #ccc;
font-size : 12px;
line-height : 18px;
}
.mfp-arrow {
position : absolute;
opacity : 0.65;
margin : -55px 0 0;
top : 50%;
padding : 0;
width : 90px;
height : 110px;
}
.mfp-arrow:active {
margin-top : -54px;
}
.mfp-arrow:focus, .mfp-arrow:hover {
opacity : 1;
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
content : '';
display : block;
width : 0;
height : 0;
position : absolute;
left : 0;
top : 0;
margin-top : 35px;
margin-left : 35px;
border : transparent inset;
}
.mfp-arrow .mfp-a, .mfp-arrow:after {
border-top-width : 13px;
border-bottom-width : 13px;
top : 8px;
}
.mfp-arrow .mfp-b, .mfp-arrow:before {
border-top-width : 21px;
border-bottom-width : 21px;
opacity : 0.7;
}
.mfp-arrow-left {
left : 0;
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
border-right : 17px solid #fff;
margin-left : 31px;
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
margin-left : 25px;
border-right : 27px solid #3f3f3f;
}
.mfp-arrow-right {
right : 0;
}
.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
border-left : 17px solid #fff;
margin-left : 39px;
}
.mfp-arrow-right .mfp-b, .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 rgb(0, 0, 0, 0.6);
background : #000;
}
img.mfp-img {
width : auto;
max-width : 100%;
height : auto;
display : block;
line-height : 0;
box-sizing : border-box;
padding : 40px 0;
margin : 0 auto;
}
.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 rgb(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;
overflow-wrap : break-word;
padding-right : 36px;
}
.mfp-image-holder .mfp-content {
max-width : 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor : pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.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 : rgb(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 : rgb(0, 0, 0, 0.6);
position : fixed;
text-align : center;
padding : 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform : scale(0.75);
}
.mfp-arrow-left {
transform-origin : 0;
}
.mfp-arrow-right {
transform-origin : 100%;
}
.mfp-container {
padding-left : 6px;
padding-right : 6px;
}
}
.mfp-ie7 .mfp-img {
padding : 0;
}
.mfp-ie7 .mfp-bottom-bar {
width : 600px;
left : 50%;
margin-left : -300px;
margin-top : 5px;
padding-bottom : 5px;
}
.mfp-ie7 .mfp-container {
padding : 0;
}
.mfp-ie7 .mfp-content {
padding-top : 44px;
}
.mfp-ie7 .mfp-close {
top : 0;
right : 0;
padding-top : 0;
}
.ui-helper-hidden {
display : none;
}
.ui-helper-hidden-accessible {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
}
.ui-helper-reset {
margin : 0;
padding : 0;
border : 0;
outline : 0;
line-height : 1.3;
text-decoration : none;
font-size : 100%;
list-style : none;
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content : "";
display : table;
border-collapse : collapse;
}
.ui-helper-clearfix:after {
clear : both;
}
.ui-helper-zfix {
width : 100%;
height : 100%;
top : 0;
left : 0;
position : absolute;
opacity : 0;
}
.ui-front {
z-index : 100;
}
.ui-state-disabled {
cursor : default !important ;
}
.ui-icon {
display : inline-block;
vertical-align : middle;
margin-top : -0.25em;
position : relative;
text-indent : -99999px;
overflow : hidden;
background-repeat : no-repeat;
}
.ui-widget-icon-block {
left : 50%;
margin-left : -8px;
display : block;
}
.ui-widget-overlay {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.ui-slider {
position : relative;
text-align : left;
}
.ui-slider .ui-slider-handle {
position : absolute;
z-index : 2;
width : 1.2em;
height : 1.2em;
cursor : default;
touch-action : none;
}
.ui-slider .ui-slider-range {
position : absolute;
z-index : 1;
font-size : 0.7em;
display : block;
border : 0;
background-position : 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter : inherit;
}
.ui-slider-horizontal {
height : 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top : -0.3em;
margin-left : -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top : 0;
height : 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left : 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right : 0;
}
.ui-slider-vertical {
width : 0.8em;
height : 100px;
}
.ui-slider-vertical .ui-slider-handle {
left : -0.3em;
margin-left : 0;
margin-bottom : -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left : 0;
width : 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom : 0;
}
.ui-slider-vertical .ui-slider-range-max {
top : 0;
}
.ui-widget {
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
}
.ui-widget .ui-widget {
font-size : 1em;
}
.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
}
.ui-widget.ui-widget-content {
border : #c5c5c5 solid 1px;
}
.ui-widget-content {
border : #ddd solid 1px;
background : #fff;
color : #333;
}
.ui-widget-content a {
color : #333;
}
.ui-widget-header {
border : #ddd solid 1px;
background : #e9e9e9;
color : #333;
font-weight : 700;
}
.ui-widget-header a {
color : #333;
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
border : #c5c5c5 solid 1px;
background : #f6f6f6;
font-weight : 400;
color : #454545;
}
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color : #454545;
text-decoration : none;
}
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
border : #ccc solid 1px;
background : #ededed;
font-weight : 400;
color : #2b2b2b;
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
color : #2b2b2b;
text-decoration : none;
}
.ui-visual-focus {
box-shadow : 0 0 3px 1px #5e9ed6;
}
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
border : #003eff solid 1px;
background : #007fff;
font-weight : 400;
color : #fff;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
border : #003eff;
background-color : #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color : #fff;
text-decoration : none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border : #dad55e solid 1px;
background : #fffa90;
color : #777620;
}
.ui-state-checked {
border : #dad55e solid 1px;
background : #fffa90;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color : #777620;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border : #f1a899 solid 1px;
background : #fddfdf;
color : #5f3f3f;
}
.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
color : #5f3f3f;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight : 700;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity : 0.7;
font-weight : 400;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity : 0.35;
background-image : none;
}
.ui-icon {
width : 16px;
height : 16px;
}
.ui-icon-blank {
background-position : 16px 16px;
}
.ui-icon-caret-1-n {
background-position : 0 0;
}
.ui-icon-caret-1-ne {
background-position : -16px 0;
}
.ui-icon-caret-1-e {
background-position : -32px 0;
}
.ui-icon-caret-1-se {
background-position : -48px 0;
}
.ui-icon-caret-1-s {
background-position : -65px 0;
}
.ui-icon-caret-1-sw {
background-position : -80px 0;
}
.ui-icon-caret-1-w {
background-position : -96px 0;
}
.ui-icon-caret-1-nw {
background-position : -112px 0;
}
.ui-icon-caret-2-n-s {
background-position : -128px 0;
}
.ui-icon-caret-2-e-w {
background-position : -144px 0;
}
.ui-icon-triangle-1-n {
background-position : 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position : -16px -16px;
}
.ui-icon-triangle-1-e {
background-position : -32px -16px;
}
.ui-icon-triangle-1-se {
background-position : -48px -16px;
}
.ui-icon-triangle-1-s {
background-position : -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position : -80px -16px;
}
.ui-icon-triangle-1-w {
background-position : -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position : -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position : -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position : -144px -16px;
}
.ui-icon-arrow-1-n {
background-position : 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position : -16px -32px;
}
.ui-icon-arrow-1-e {
background-position : -32px -32px;
}
.ui-icon-arrow-1-se {
background-position : -48px -32px;
}
.ui-icon-arrow-1-s {
background-position : -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position : -80px -32px;
}
.ui-icon-arrow-1-w {
background-position : -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position : -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position : -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position : -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position : -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position : -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position : -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position : -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position : -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position : -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position : 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position : -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position : -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position : -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position : -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position : -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position : -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position : -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position : -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position : -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position : -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position : -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position : -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position : -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position : -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position : -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position : 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position : -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position : -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position : -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position : -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position : -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position : -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position : -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position : -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position : -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position : -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position : -176px -64px;
}
.ui-icon-arrow-4 {
background-position : 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position : -16px -80px;
}
.ui-icon-extlink {
background-position : -32px -80px;
}
.ui-icon-newwin {
background-position : -48px -80px;
}
.ui-icon-refresh {
background-position : -64px -80px;
}
.ui-icon-shuffle {
background-position : -80px -80px;
}
.ui-icon-transfer-e-w {
background-position : -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position : -112px -80px;
}
.ui-icon-folder-collapsed {
background-position : 0 -96px;
}
.ui-icon-folder-open {
background-position : -16px -96px;
}
.ui-icon-document {
background-position : -32px -96px;
}
.ui-icon-document-b {
background-position : -48px -96px;
}
.ui-icon-note {
background-position : -64px -96px;
}
.ui-icon-mail-closed {
background-position : -80px -96px;
}
.ui-icon-mail-open {
background-position : -96px -96px;
}
.ui-icon-suitcase {
background-position : -112px -96px;
}
.ui-icon-comment {
background-position : -128px -96px;
}
.ui-icon-person {
background-position : -144px -96px;
}
.ui-icon-print {
background-position : -160px -96px;
}
.ui-icon-trash {
background-position : -176px -96px;
}
.ui-icon-locked {
background-position : -192px -96px;
}
.ui-icon-unlocked {
background-position : -208px -96px;
}
.ui-icon-bookmark {
background-position : -224px -96px;
}
.ui-icon-tag {
background-position : -240px -96px;
}
.ui-icon-home {
background-position : 0 -112px;
}
.ui-icon-flag {
background-position : -16px -112px;
}
.ui-icon-calendar {
background-position : -32px -112px;
}
.ui-icon-cart {
background-position : -48px -112px;
}
.ui-icon-pencil {
background-position : -64px -112px;
}
.ui-icon-clock {
background-position : -80px -112px;
}
.ui-icon-disk {
background-position : -96px -112px;
}
.ui-icon-calculator {
background-position : -112px -112px;
}
.ui-icon-zoomin {
background-position : -128px -112px;
}
.ui-icon-zoomout {
background-position : -144px -112px;
}
.ui-icon-search {
background-position : -160px -112px;
}
.ui-icon-wrench {
background-position : -176px -112px;
}
.ui-icon-gear {
background-position : -192px -112px;
}
.ui-icon-heart {
background-position : -208px -112px;
}
.ui-icon-star {
background-position : -224px -112px;
}
.ui-icon-link {
background-position : -240px -112px;
}
.ui-icon-cancel {
background-position : 0 -128px;
}
.ui-icon-plus {
background-position : -16px -128px;
}
.ui-icon-plusthick {
background-position : -32px -128px;
}
.ui-icon-minus {
background-position : -48px -128px;
}
.ui-icon-minusthick {
background-position : -64px -128px;
}
.ui-icon-close {
background-position : -80px -128px;
}
.ui-icon-closethick {
background-position : -96px -128px;
}
.ui-icon-key {
background-position : -112px -128px;
}
.ui-icon-lightbulb {
background-position : -128px -128px;
}
.ui-icon-scissors {
background-position : -144px -128px;
}
.ui-icon-clipboard {
background-position : -160px -128px;
}
.ui-icon-copy {
background-position : -176px -128px;
}
.ui-icon-contact {
background-position : -192px -128px;
}
.ui-icon-image {
background-position : -208px -128px;
}
.ui-icon-video {
background-position : -224px -128px;
}
.ui-icon-script {
background-position : -240px -128px;
}
.ui-icon-alert {
background-position : 0 -144px;
}
.ui-icon-info {
background-position : -16px -144px;
}
.ui-icon-notice {
background-position : -32px -144px;
}
.ui-icon-help {
background-position : -48px -144px;
}
.ui-icon-check {
background-position : -64px -144px;
}
.ui-icon-bullet {
background-position : -80px -144px;
}
.ui-icon-radio-on {
background-position : -96px -144px;
}
.ui-icon-radio-off {
background-position : -112px -144px;
}
.ui-icon-pin-w {
background-position : -128px -144px;
}
.ui-icon-pin-s {
background-position : -144px -144px;
}
.ui-icon-play {
background-position : 0 -160px;
}
.ui-icon-pause {
background-position : -16px -160px;
}
.ui-icon-seek-next {
background-position : -32px -160px;
}
.ui-icon-seek-prev {
background-position : -48px -160px;
}
.ui-icon-seek-end {
background-position : -64px -160px;
}
.ui-icon-seek-first, .ui-icon-seek-start {
background-position : -80px -160px;
}
.ui-icon-stop {
background-position : -96px -160px;
}
.ui-icon-eject {
background-position : -112px -160px;
}
.ui-icon-volume-off {
background-position : -128px -160px;
}
.ui-icon-volume-on {
background-position : -144px -160px;
}
.ui-icon-power {
background-position : 0 -176px;
}
.ui-icon-signal-diag {
background-position : -16px -176px;
}
.ui-icon-signal {
background-position : -32px -176px;
}
.ui-icon-battery-0 {
background-position : -48px -176px;
}
.ui-icon-battery-1 {
background-position : -64px -176px;
}
.ui-icon-battery-2 {
background-position : -80px -176px;
}
.ui-icon-battery-3 {
background-position : -96px -176px;
}
.ui-icon-circle-plus {
background-position : 0 -192px;
}
.ui-icon-circle-minus {
background-position : -16px -192px;
}
.ui-icon-circle-close {
background-position : -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position : -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position : -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position : -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position : -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position : -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position : -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position : -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position : -160px -192px;
}
.ui-icon-circle-zoomin {
background-position : -176px -192px;
}
.ui-icon-circle-zoomout {
background-position : -192px -192px;
}
.ui-icon-circle-check {
background-position : -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position : 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position : -16px -208px;
}
.ui-icon-circlesmall-close {
background-position : -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position : -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position : -64px -208px;
}
.ui-icon-squaresmall-close {
background-position : -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position : 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position : -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position : -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position : -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position : -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position : -80px -224px;
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
border-top-left-radius : 3px;
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
border-top-right-radius : 3px;
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
border-bottom-left-radius : 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
border-bottom-right-radius : 3px;
}
.ui-widget-overlay {
background : #aaa;
opacity : 0.3;
}
.ui-widget-shadow {
box-shadow : 0 0 5px #666;
}
.pageHeader--fixed-header {
height : 0;
}
.cHeader {
position : relative;
border-bottom : 1px solid transparent;
z-index : 100;
background-color : #fff;
}
.cHeader--is-transparent, .cHeader--is-transparent .cHeader__inner {
background-color : transparent;
}
.cHeader--is-transparent .navbar {
background-color : transparent;
border : 0;
}
.cHeader--offcanvas-mobile {
transition : transform 0.4s ease;
}
.cHeader.is-offcanvas-animated {
transform : translate(-80%,0);
}
.cHeader--fixed {
box-shadow : 0 5px 10px 0 rgb(0, 0, 0, 0.1);
}
@media screen and (max-width: 766px) {
.js-lazyload-enabled .cHeader--fixed {
min-height : 50px;
}
}
.cHeader--wasFixed {
position : fixed;
top : 0;
left : 0;
width : 100%;
}
.cHeader--hasLogoFullHeight.cHeader--classic .cHeader__wrapper {
max-width : 1470px;
margin-inline : auto;
padding-inline : 20px;
padding-inline : 1.11111rem;
}
.cHeader--hasLogoFullHeight .cHeader__wrapper {
display : grid;
grid-template-columns : auto 1fr;
column-gap : 1rem;
}
.cHeader--hasLogoFullHeight .cHeader__wrapper > .cHeader__logo {
grid-row : 1 / 3;
place-self : center;
margin-left : 1.11111rem;
}
.cHeader--hasLogoFullHeight .cHeader__wrapper > .cHeader__inner {
margin-inline : auto 0;
width : 100%;
}
.cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__inner {
display : flex;
justify-content : flex-end;
width : 100%;
margin-inline : auto 0;
}
.cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__left, .cHeader--hasLogoFullHeight .cHeader__wrapper .navbar__right {
width : max-content;
}
.cHeader__inner {
display : flex;
align-items : center;
}
.cHeader__inner [class*="icon-"]::before {
vertical-align : text-bottom;
color : #666;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1;
}
.cHeader__inner [class*="icon-"]:hover::before {
color : #00adee;
}
.cHeader__component__link {
text-decoration : none;
}
.cHeader__logo {
padding : 0;
}
.cHeader__logo img {
display : block;
max-width : 100%;
max-height : 100%;
width : 100%;
}
.cHeader__logo .cHeader__link {
display : block;
line-height : 1;
}
@media screen and (max-width: 766px) {
.cHeader__logo .cHeader__link {
max-width : 100px;
max-width : 5.55556rem;
}
}
@media screen and (min-width: 767px) {
.cHeader__logo .cHeader__link {
max-width : 135px;
max-width : 7.5rem;
width : 135px;
width : 7.5rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader__logo .cHeader__link {
max-width : 170px;
max-width : 9.44444rem;
width : 170px;
width : 9.44444rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader__logo .cHeader__link {
max-width : 190px;
max-width : 10.55556rem;
width : 190px;
width : 10.55556rem;
}
}
.cHeader--big.cHeader--separator .cHeader__inner {
height : 100px;
}
@media screen and (min-width: 767px) {
.cHeader--big .cHeader__component {
padding : 2.22222rem 0;
margin-left : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__component {
padding : 2.77778rem 0;
margin-left : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--big .cHeader__component {
padding : 3.33333rem 0;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cConversButton .cHeader--big.cHeader--separator .cHeader__cta .btn--inverse, .cConversButton .cHeader--big.cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--big.cHeader--separator .cHeader__cta .btn, .cForm .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader--big.cHeader--separator .cHeader__cta .search__btn, .cHeader--big.cHeader--separator .cHeader__clientZone > a, .cHeader--big.cHeader--separator .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--big.cHeader--separator .cHeader__cta .btn--cta, .cHeader--big.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--big.cHeader--separator .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--big.cHeader--separator .cHeader__cta .cForm .btn, .cHeader--big.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cHeader--big.cHeader--separator .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cHeader--big.cHeader--separator .cHeader__cta .cMap__field .btn, .cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cHeader--big.cHeader--separator .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .btn, .cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader--big.cHeader--separator .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cSellingButton .btn, .cHeader--big.cHeader--separator .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader--big.cHeader--separator .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader--big.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--big.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--big.cHeader--separator .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cHeader--big.cHeader--separator .cHeader__lang, .cHeader--big.cHeader--separator .cHeader__link, .cHeader--big.cHeader--separator .cHeader__mainNav .nav__item__in, .cHeader--big.cHeader--separator .cftSearchBtn, .cHeader--big.cHeader--separator .drop-holder, .cMap__field .cHeader--big.cHeader--separator .cHeader__cta .btn, .cMap__field .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader--big.cHeader--separator .cHeader__cta .btn, .cNewsletter .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader--big.cHeader--separator .cHeader__cta .btn, .cSellingButton .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader--big.cHeader--separator .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader--big.cHeader--separator .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--big.cHeader--separator .cHeader__cta .cftSearch__submit:last-child {
padding : 0 1.11111rem;
height : 100px;
line-height : 100px;
}
}
@media screen and (min-width: 767px) {
.cHeader--big.cHeader--separator .cLang--drop {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
.cHeader--big.cHeader--separator .cLang--drop .drop-holder {
display : block;
}
.cHeader--medium.cHeader--separator .cHeader__inner {
height : 80px;
}
@media screen and (min-width: 767px) {
.cHeader--medium .cHeader__component {
padding : 0;
margin-left : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__component {
padding : 0;
margin-left : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--medium .cHeader__component {
padding : 0;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cConversButton .cHeader--medium.cHeader--separator .cHeader__cta .btn--inverse, .cConversButton .cHeader--medium.cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--medium.cHeader--separator .cHeader__cta .btn, .cForm .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader--medium.cHeader--separator .cHeader__cta .search__btn, .cHeader--medium.cHeader--separator .cHeader__clientZone > a, .cHeader--medium.cHeader--separator .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--medium.cHeader--separator .cHeader__cta .btn--cta, .cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--medium.cHeader--separator .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--medium.cHeader--separator .cHeader__cta .cForm .btn, .cHeader--medium.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cHeader--medium.cHeader--separator .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .btn, .cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cHeader--medium.cHeader--separator .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .btn, .cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader--medium.cHeader--separator .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cSellingButton .btn, .cHeader--medium.cHeader--separator .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader--medium.cHeader--separator .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader--medium.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--medium.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cHeader--medium.cHeader--separator .cHeader__lang, .cHeader--medium.cHeader--separator .cHeader__link, .cHeader--medium.cHeader--separator .cHeader__mainNav .nav__item__in, .cHeader--medium.cHeader--separator .cftSearchBtn, .cHeader--medium.cHeader--separator .drop-holder, .cMap__field .cHeader--medium.cHeader--separator .cHeader__cta .btn, .cMap__field .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader--medium.cHeader--separator .cHeader__cta .btn, .cNewsletter .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader--medium.cHeader--separator .cHeader__cta .btn, .cSellingButton .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader--medium.cHeader--separator .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader--medium.cHeader--separator .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--medium.cHeader--separator .cHeader__cta .cftSearch__submit:last-child {
padding : 0 1.11111rem;
height : 80px;
line-height : 80px;
}
}
@media screen and (min-width: 767px) {
.cHeader--medium.cHeader--separator .cLang--drop {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
.cHeader--medium.cHeader--separator .cLang--drop .drop-holder {
display : block;
}
.cHeader--small.cHeader--separator .cHeader__inner {
height : 60px;
}
@media screen and (min-width: 767px) {
.cHeader--small .cHeader__component {
padding : 1.11111rem 0;
margin-left : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__component {
padding : 1.11111rem 0;
margin-left : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--small .cHeader__component {
padding : 1.11111rem 0;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cConversButton .cHeader--small.cHeader--separator .cHeader__cta .btn--inverse, .cConversButton .cHeader--small.cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--small.cHeader--separator .cHeader__cta .btn, .cForm .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader--small.cHeader--separator .cHeader__cta .search__btn, .cHeader--small.cHeader--separator .cHeader__clientZone > a, .cHeader--small.cHeader--separator .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--small.cHeader--separator .cHeader__cta .btn--cta, .cHeader--small.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--small.cHeader--separator .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--small.cHeader--separator .cHeader__cta .cForm .btn, .cHeader--small.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cHeader--small.cHeader--separator .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cHeader--small.cHeader--separator .cHeader__cta .cMap__field .btn, .cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cHeader--small.cHeader--separator .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .btn, .cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader--small.cHeader--separator .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cSellingButton .btn, .cHeader--small.cHeader--separator .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader--small.cHeader--separator .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader--small.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--small.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--small.cHeader--separator .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cHeader--small.cHeader--separator .cHeader__lang, .cHeader--small.cHeader--separator .cHeader__link, .cHeader--small.cHeader--separator .cHeader__mainNav .nav__item__in, .cHeader--small.cHeader--separator .cftSearchBtn, .cHeader--small.cHeader--separator .drop-holder, .cMap__field .cHeader--small.cHeader--separator .cHeader__cta .btn, .cMap__field .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader--small.cHeader--separator .cHeader__cta .btn, .cNewsletter .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader--small.cHeader--separator .cHeader__cta .btn, .cSellingButton .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader--small.cHeader--separator .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader--small.cHeader--separator .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--small.cHeader--separator .cHeader__cta .cftSearch__submit:last-child {
padding : 0 1.11111rem;
height : 60px;
line-height : 60px;
}
}
@media screen and (min-width: 767px) {
.cHeader--small.cHeader--separator .cLang--drop {
margin-left : -1.11111rem;
margin-right : -1.11111rem;
}
}
.cHeader--small.cHeader--separator .cLang--drop .drop-holder {
display : block;
}
@media screen and (min-width: 767px) {
.cHeader--big.cHeader--separator .cHeader__logo .cHeader__link, .cHeader--medium.cHeader--separator .cHeader__logo .cHeader__link, .cHeader--small.cHeader--separator .cHeader__logo .cHeader__link {
padding : 0;
line-height : normal;
height : auto;
}
}
.cHeader--big .cHeader__cta, .cHeader--medium .cHeader__cta, .cHeader--small .cHeader__cta {
padding-top : 0;
padding-bottom : 0;
}
@media screen and (min-width: 767px) {
.cHeader--big.cHeader--beneath .cHeader__logo, .cHeader--big.cHeader--centered .cHeader__logo {
padding-top : 3.33333rem;
padding-bottom : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding : 2.22222rem 0.55556rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--big .cHeader__mainNav .nav__item__in {
padding : 3.33333rem 0.83333rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--big .cHeader__logo .cHeader__link, .cHeader--big .cHeader__logo img {
max-height : 60px;
max-height : 3.33333rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--big .cHeader__logo .cHeader__link, .cHeader--big .cHeader__logo img {
max-height : 70px;
max-height : 3.88889rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--big .cHeader__logo .cHeader__link, .cHeader--big .cHeader__logo img {
max-height : 100px;
max-height : 5.55556rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--medium.cHeader--beneath .cHeader__logo, .cHeader--medium.cHeader--centered .cHeader__logo {
padding-top : 2.22222rem;
padding-bottom : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--medium .cHeader__logo .cHeader__link, .cHeader--medium .cHeader__logo img {
max-height : 40px;
max-height : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__logo .cHeader__link, .cHeader--medium .cHeader__logo img {
max-height : 45px;
max-height : 2.5rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--medium .cHeader__logo .cHeader__link, .cHeader--medium .cHeader__logo img {
max-height : 50px;
max-height : 2.77778rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding : 2.22222rem 0.55556rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--medium .cHeader__mainNav .nav__item__in {
padding : 1.66667rem 0.83333rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--small.cHeader--beneath .cHeader__logo, .cHeader--small.cHeader--centered .cHeader__logo {
padding-top : 1.11111rem;
padding-bottom : 1.11111rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding : 2.22222rem 0.55556rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--small .cHeader__mainNav .nav__item__in {
padding : 1.11111rem 0.83333rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--small .cHeader__logo .cHeader__link, .cHeader--small .cHeader__logo img {
max-height : 30px;
max-height : 1.66667rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--small .cHeader__logo .cHeader__link, .cHeader--small .cHeader__logo img {
max-height : 40px;
max-height : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cHeader--small .cHeader__logo .cHeader__link, .cHeader--small .cHeader__logo img {
max-height : 50px;
max-height : 2.77778rem;
}
}
@media screen and (min-width: 767px) {
.cHeader .nav--responsive {
min-height : 43px;
}
}
.cHeader.js-fixedHeaderOnScroll {
left : 0;
width : 100%;
}
.cHeader-animation--shrink .navbar--top {
transition : 0.35s;
}
.cHeader-animation--shrink .cHeader__component, .cHeader-animation--shrink .js-mainNav .nav__item__in {
transition : padding 0.35s;
}
.cHeader-animation--shrink.cHeader--scrolled {
left : 0;
box-shadow : 0 5px 10px 0 rgb(0, 0, 0, 0.1);
background-color : #fff;
}
@media (min-width: 768px) {
.cHeader-animation--shrink.cHeader--scrolled .navbar--top {
opacity : 0;
max-height : 0;
}
}
.cHeader-animation--shrink.cHeader--scrolled .cHeader__component, .cHeader-animation--shrink.cHeader--scrolled .js-mainNav .nav__item__in {
padding-block : 1rem;
}
.cHeader--big .cHeader__logo .cHeader__link, .cHeader--big .cHeader__logo img, .cHeader--medium .cHeader__logo .cHeader__link, .cHeader--medium .cHeader__logo img, .cHeader--small .cHeader__logo .cHeader__link, .cHeader--small .cHeader__logo img {
height : auto;
max-height : none;
}
@media screen and (max-width: 766px) {
.mm-top.mm-front.mm-opening .mobileHeader--is-fixed {
position : fixed;
left : 0;
top : 0;
width : 100%;
}
}
html.js-lazyload-enabled .cHeader__logo .js-lazyload:not(.loaded) {
min-height : 0;
}
.navbar {
table-layout : fixed;
width : 100%;
height : 48px;
overflow : hidden;
background-color : #eceff4;
border-bottom : 1px solid #009ad5;
}
.navbar--top .navbar__right .navbar__component:last-child {
padding-right : 0;
}
.navbar--top .navbar__left .navbar__component:first-child {
padding-left : 0;
}
.navbar--hidden {
height : 0;
padding-top : 0;
padding-bottom : 0;
visibility : hidden;
}
.navbar__inner {
display : table;
width : 100%;
height : 100%;
max-width : 1470px;
margin-left : auto;
margin-right : auto;
}
.navbar__left {
display : table-cell;
vertical-align : top;
width : 10%;
white-space : nowrap;
}
@media screen and (min-width: 1024px) {
.navbar__left {
width : 30%;
}
}
@media screen and (min-width: 1600px) {
.navbar__left {
width : 40%;
}
}
.navbar__right {
display : table-cell;
vertical-align : top;
width : 90%;
text-align : right;
white-space : nowrap;
}
@media screen and (min-width: 1024px) {
.navbar__right {
width : 70%;
}
}
@media screen and (min-width: 1600px) {
.navbar__right {
width : 60%;
}
}
.navbar__right .navbar__component:last-child {
border-right : 0;
}
.navbar__component {
display : inline-block;
vertical-align : middle;
color : #fff;
padding : 1.11111rem 2.22222rem;
font-size : 13px;
font-size : 0.72222rem;
border-right : 1px solid #009ad5;
}
.navbar__component [class*="icon-"]::before {
color : #cce5f3;
opacity : 0.8;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.1;
}
.navbar__component [class*="icon-"]:hover::before {
opacity : 1;
}
.navbar__component a {
color : #cce5f3;
}
.navbar__component--btn {
padding : 0;
}
.navbar__component--btn a {
display : block;
padding : 1.11111rem 2.22222rem;
}
.navbar__component--mail, .navbar__component--phone {
border-right : 0;
padding-right : 0;
}
@media screen and (min-width: 767px) {
.navbar__component--mail, .navbar__component--phone {
padding-left : 0.33333rem;
}
}
@media screen and (min-width: 1024px) {
.navbar__component--mail, .navbar__component--phone {
padding-left : 0.66667rem;
}
}
.navbar__component--sideNav {
flex-grow : 1;
text-align : right;
}
.navbar__component--sideNav .nav__item {
padding-left : 1.11111rem;
}
.navbar__component--sideNav .nav__item:first-child {
padding-left : 0;
}
.navbar__component--sideNav .nav__item__in {
text-decoration : underline;
font-size : 13px;
font-size : 0.72222rem;
}
.navbar__component--sideNav .nav__item__in:hover {
text-decoration : none;
}
.navbar__component--sideNav .nav__item__in--drop::after {
content : '';
display : none;
}
.navbar__component--slogan {
display : none;
}
@media screen and (min-width: 1024px) {
.navbar__component--slogan {
display : inline-block;
}
}
.navbar .cSocialSites, .navbar .cSocialSites .nav__item {
margin-bottom : 0;
}
.navbar--bottom {
position : relative;
display : table;
width : 100%;
transition : all 0.4s ease-in-out;
opacity : 1;
height : 48px;
background-color : #eceff4;
z-index : 1000;
}
.navbar--bottom.navbar--hidden {
height : 0;
padding-top : 0;
padding-bottom : 0;
overflow : hidden;
opacity : 0;
}
.navbar--bottom .cHeader__mainNav {
text-align : left;
padding-left : 0;
}
.navbar--bottom .navbar__component {
color : #fff;
border-right : 1px solid #08b;
}
.navbar--bottom .navbar__component--mail, .navbar--bottom .navbar__component--phone {
border-right : 0;
}
.navbar--bottom .navbar__component--btn a:hover {
background-color : #08b;
}
.cHeader__mainNav {
flex-grow : 1;
padding-top : 0;
padding-bottom : 0;
text-align : right;
}
.cHeader__mainNav .cPag__nav > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item__in, .cHeader__mainNav .nav > .nav__item--active .nav__item__in, .cHeader__mainNav .nav__item:hover .nav__item__in, .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item__in {
color : #00ADEE;
}
.cHeader__mainNav .nav__item__in {
border-top : 3px solid transparent;
border-bottom : 3px solid transparent;
}
.cHeader__mainNav .cPag__nav > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item__in, .cHeader__mainNav .nav > .nav__item--active .nav__item__in, .cHeader__mainNav .nav__item:hover .nav__item__in, .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item__in {
border-bottom-color : #00ADEE;
}
.cHeader__mainNav .nav__item__in {
color : #444;
text-decoration : none;
}
.cHeader__cta {
padding-top : 0;
padding-bottom : 0;
}
.blog-legacy-detail .cConversButton .cHeader__cta .btn--inverse, .cConversButton .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader__cta .btn, .cForm .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader__cta .search__btn, .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader__cta .btn--cta, .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader__cta .cForm .btn, .cHeader__cta .cForm .cClientZone__logout, .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader__cta .cFtr__search .search__btn, .cHeader__cta .cMap__field .btn, .cHeader__cta .cMap__field .cClientZone__logout, .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader__cta .cNewsletter .btn, .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader__cta .cSellingButton .btn, .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cMap__field .cHeader__cta .btn, .cMap__field .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader__cta .btn, .cNewsletter .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader__cta .btn, .cSellingButton .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader__cta .cftSearch__submit:last-child {
background-color : #b2db67;
}
.blog-legacy-detail .cConversButton .cHeader__cta .btn--inverse:hover, .cConversButton .cHeader__cta .btn:hover:not(.btn--inverse), .cConversButton .cHeader__cta .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cForm .cHeader__cta .btn:hover, .cForm .cHeader__cta .cClientZone__logout:hover, .cForm .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cFtr__search .cHeader__cta .search__btn:hover, .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse:hover, .cHeader__cta .btn--cta:hover, .cHeader__cta .cConversButton .btn:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--inverse), .cHeader__cta .cForm .btn:hover, .cHeader__cta .cForm .cClientZone__logout:hover, .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cFtr__search .search__btn:hover, .cHeader__cta .cMap__field .btn:hover, .cHeader__cta .cMap__field .cClientZone__logout:hover, .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cNewsletter .btn:hover, .cHeader__cta .cNewsletter .cClientZone__logout:hover, .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cSellingButton .btn:hover, .cHeader__cta .cSellingButton .cClientZone__logout:hover, .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit:hover, .cHeader__cta .cc-banner--bottom-right .btn:hover:last-child, .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:hover:last-child, .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:last-child, .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--inverse), .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit:hover, .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:last-child, .cMap__field .cHeader__cta .btn:hover, .cMap__field .cHeader__cta .cClientZone__logout:hover, .cMap__field .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cNewsletter .cHeader__cta .btn:hover, .cNewsletter .cHeader__cta .cClientZone__logout:hover, .cNewsletter .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cSellingButton .cHeader__cta .btn:hover, .cSellingButton .cHeader__cta .cClientZone__logout:hover, .cSellingButton .cftSearch--standard .cHeader__cta .cftSearch__submit:hover, .cc-banner--bottom-right .cHeader__cta .btn:hover:last-child, .cc-banner--bottom-right .cHeader__cta .cClientZone__logout:hover:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader__cta .cftSearch__submit:hover:last-child, .cftSearch--standard .cConversButton .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cftSearch--standard .cForm .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cMap__field .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cNewsletter .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cSellingButton .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cc-banner--bottom-right .cHeader__cta .cftSearch__submit:hover:last-child {
background-color : #a8d652;
}
.cHeader__lang, .cHeader__search {
position : relative;
}
.cHeader__email__value {
display : none;
}
@media screen and (min-width: 1600px) {
.cHeader__email__value {
padding-left : 0.55556rem;
display : inline-block;
}
}
.cHeader__phone__value {
display : none;
padding-left : 0.55556rem;
}
@media screen and (min-width: 1600px) {
.cHeader__phone__value {
display : inline-block;
vertical-align : middle;
}
}
.cHeader__pageOverlay {
flex-grow : 1;
text-align : right;
}
.cHeader__pageOverlay .cHeader__link {
padding : 0.44444rem 1.11111rem 0.55556rem;
border : #d1d1d1 solid 1px;
color : #666;
font-size : 13px;
font-size : 0.72222rem;
text-decoration : none;
}
.cHeader__pageOverlay__text {
padding-left : 0.55556rem;
}
.cHeader__pageOverlay--hidden {
display : none;
}
.cHeader--box {
background-color : transparent;
}
@media screen and (min-width: 767px) {
.cHeader--box {
height : 300px;
height : 16.66667rem;
padding-top : 2.22222rem;
}
}
.cHeader--box .cHeader__inner {
background-color : #fff;
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
.cHeader--box.cHeader--is-transparent .cHeader__inner {
background-color : transparent;
}
@media screen and (min-width: 767px) {
.cHeader--box .cClientZone--header.dropDown, .cHeader--box .mDrop {
top : auto;
min-width : 0;
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
}
@media screen and (min-width: 1470px) {
.cHeader--box .cClientZone--header.dropDown, .cHeader--box .mDrop {
max-width : 1470px;
left : calc((100% - 1470px) / 2);
left : calc((100% - 1470px) / 2);
left : calc((100% - 1470px) / 2);
border : #d1d1d1 solid 1px;
}
}
.cHeader--box .navbar {
border-bottom : 0;
}
@media screen and (min-width: 767px) {
.cHeader--centered {
padding-top : 2.22222rem;
}
}
.cHeader--centered .cHeader__component:not(.cHeader__mainNav):not(.cHeader__cta):not(.cHeader__logo), .cHeader--centered .cHeader__mainNav .nav__item__in {
padding-top : 1.11111rem;
padding-bottom : 1.11111rem;
}
.cHeader--centered .cHeader__inner {
flex-wrap : wrap;
justify-content : center;
text-align : center;
}
@media screen and (min-width: 767px) {
.cHeader--centered .cHeader__inner {
padding-bottom : 1rem;
}
}
@media screen and (min-width: 767px) {
.cHeader--centered .cHeader__logo {
width : 100%;
}
.cHeader--centered .cHeader__logo .cHeader__link {
margin : auto;
}
}
.cHeader--centered .cHeader__mainNav {
position : relative;
display : block;
text-align : left;
flex-grow : 0;
width : 100%;
}
@media screen and (min-width: 767px) {
.cHeader--centered .cHeader__mainNav > .cPag__nav, .cHeader--centered .cHeader__mainNav > .nav, .cHeader--centered .mDrop .cHeader__mainNav > ul, .mDrop .cHeader--centered .cHeader__mainNav > ul {
display : flex;
justify-content : center;
}
}
.cHeader--centered.cHeader--advance .cHeader__inner {
padding-top : 2.22222rem;
}
.cHeader--centered .cftSearch--onClick.active {
width : 250px;
}
@media screen and (min-width: 767px) {
.cHeader--centered .cHeader__component {
margin-left : 1.5rem;
}
}
@media screen and (min-width: 767px) and (max-width: 1200px) {
.cHeader--centered .cftSearch .cftSearch__autocomplete {
width : 300px;
left : 0;
}
}
.cHeader--beneath {
border-bottom : 0;
}
@media screen and (max-width: 766px) {
.cHeader--beneath .cHeader__mainNav {
display : none;
}
}
.cHeader--beneath .cHeader__logo {
flex-grow : 2;
}
.cHeader--beneath .cHeader__search {
position : relative;
z-index : 10;
}
.cHeader--beneath .cHeader__mainNav {
margin : 0;
text-align : left;
background-color : #00adee;
}
.cHeader--beneath .cHeader__mainNav__inner {
position : relative;
max-width : 1470px;
margin : auto;
}
.cHeader--beneath .cHeader__mainNav__inner .nav__item {
border-right : 1px solid #22c3ff;
}
.cHeader--beneath .cHeader__mainNav__inner .nav__item:first-child {
border-left : 1px solid #22c3ff;
}
.cHeader--beneath .cHeader__mainNav__inner .nav__item__in {
border : 0;
color : #fff;
padding : 1.11111rem;
}
.cHeader--beneath .cHeader__mainNav__inner .nav__item__in:hover {
color : #fff;
background-color : #08b;
}
.cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner {
display : flex;
align-items : center;
justify-content : flex-start;
}
.cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > .cPag__nav, .cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > .nav, .cHeader--beneath .cHeader__mainNav--cta .mDrop .cHeader__mainNav__inner > ul, .mDrop .cHeader--beneath .cHeader__mainNav--cta .cHeader__mainNav__inner > ul {
flex-grow : 2;
}
.cHeader--beneath .cftSearch__field, .cHeader--beneath .drop {
background-color : #fff;
}
.cHeader--beneath .btn--resp-nav-toggle::before {
background-color : #0075a2;
}
.cHeader--beneath .btn--resp-nav-toggle .btn__text, .cHeader--beneath .btn--resp-nav-toggle [class*="icon-"]::before {
color : #fff;
}
.cHeader--beneath .dropNav--responsive-drop .nav__item__in, .cHeader--beneath .dropNav--responsive-drop .nav__item__in:hover {
color : #666;
}
.cHeader--beneath .dropNav--responsive-drop .dropNav__item--subLev > .dropNav__item__in::after, .cHeader--beneath .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
top : 15px;
transform : none;
}
.cHeader--separator {
padding : 0;
border-bottom : 1px solid #ddd;
}
.cHeader--separator .cHeader__inner, .cHeader--separator.cHeader--fullWidth .cHeader__inner {
padding-right : 0;
transition : height 0.3s ease-in-out;
}
.cHeader--separator .cHeader__logo .cHeader__link {
padding : 0;
}
.cHeader--separator .cHeader__mainNav {
height : 100%;
}
.cHeader--separator .cHeader__component {
margin-left : 0;
padding-top : 0;
padding-bottom : 0;
}
.blog-legacy-detail .cConversButton .cHeader--separator .cHeader__component .btn--inverse, .cConversButton .cHeader--separator .cHeader__component .btn:not(.btn--inverse), .cConversButton .cHeader--separator .cHeader__component .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--separator .cHeader__component .btn, .cForm .cHeader--separator .cHeader__component .cClientZone__logout, .cForm .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit, .cFtr__search .cHeader--separator .cHeader__component .search__btn, .cHeader--separator .cHeader__component .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--separator .cHeader__component .btn--cta, .cHeader--separator .cHeader__component .cConversButton .btn:not(.btn--inverse), .cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--separator .cHeader__component .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--separator .cHeader__component .cForm .btn, .cHeader--separator .cHeader__component .cForm .cClientZone__logout, .cHeader--separator .cHeader__component .cForm .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__component .cFtr__search .search__btn, .cHeader--separator .cHeader__component .cMap__field .btn, .cHeader--separator .cHeader__component .cMap__field .cClientZone__logout, .cHeader--separator .cHeader__component .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__component .cNewsletter .btn, .cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout, .cHeader--separator .cHeader__component .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__component .cSellingButton .btn, .cHeader--separator .cHeader__component .cSellingButton .cClientZone__logout, .cHeader--separator .cHeader__component .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__component .cc-banner--bottom-right .btn:last-child, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--separator .cHeader__component .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--separator .cHeader__component .cftSearch--standard .cForm .cftSearch__submit, .cHeader--separator .cHeader__component .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--separator .cHeader__component .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--separator .cHeader__component .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--separator .cHeader__component .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cHeader--separator .cHeader__component .cftSearchBtn, .cHeader--separator .cHeader__component.cHeader__clientZone > a, .cHeader--separator .cHeader__component.cHeader__lang, .cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in, .cMap__field .cHeader--separator .cHeader__component .btn, .cMap__field .cHeader--separator .cHeader__component .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit, .cNewsletter .cHeader--separator .cHeader__component .btn, .cNewsletter .cHeader--separator .cHeader__component .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit, .cSellingButton .cHeader--separator .cHeader__component .btn, .cSellingButton .cHeader--separator .cHeader__component .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit, .cc-banner--bottom-right .cHeader--separator .cHeader__component .btn:last-child, .cc-banner--bottom-right .cHeader--separator .cHeader__component .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--separator .cHeader__component .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--separator .cHeader__component .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--separator .cHeader__component .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--separator .cHeader__component .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--separator .cHeader__component .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--separator .cHeader__component .cftSearch__submit:last-child {
display : block;
border-left : 1px solid #ddd;
}
.blog-legacy-detail .cConversButton .cHeader--separator .cHeader__component .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang), .cConversButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cForm .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang), .cForm .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cForm .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cFtr__search .cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .blog-legacy-detail .cConversButton .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cHeader--separator .cHeader__component .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cForm .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cMap__field .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cNewsletter .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cSellingButton .btn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cSellingButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cSellingButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cc-banner--bottom-right .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cHeader--separator .cHeader__component .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cHeader--separator .cHeader__component .cftSearch--standard .cForm .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cftSearch--standard .cMap__field .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cftSearch--standard .cNewsletter .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cftSearch--standard .cSellingButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang), .cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cMap__field .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cNewsletter .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cSellingButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang), .cSellingButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang), .cSellingButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cc-banner--bottom-right .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cc-banner--bottom-right .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child, .cftSearch--standard .cConversButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse), .cftSearch--standard .cForm .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cftSearch--standard .cMap__field .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cftSearch--standard .cNewsletter .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cftSearch--standard .cSellingButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang), .cftSearch--standard .cc-banner--bottom-right .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child {
background-color : #00ADEE;
color : #fff;
}
.blog-legacy-detail .cConversButton .cHeader--separator .cHeader__component .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .blog-legacy-detail .cConversButton .cHeader--separator .cHeader__component .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cConversButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cConversButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cConversButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cConversButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cForm .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cForm .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cForm .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cForm .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cFtr__search .cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cFtr__search .cHeader--separator .cHeader__component .search__btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .blog-legacy-detail .cConversButton .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .blog-legacy-detail .cConversButton .btn--inverse:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .btn--cta:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cHeader--separator .cHeader__component .cConversButton .btn:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cHeader--separator .cHeader__component .cConversButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cHeader--separator .cHeader__component .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cForm .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cForm .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cForm .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cForm .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cFtr__search .search__btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cMap__field .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cMap__field .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cMap__field .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cMap__field .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cNewsletter .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cNewsletter .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cNewsletter .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cNewsletter .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cSellingButton .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cSellingButton .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cSellingButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cSellingButton .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cSellingButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cSellingButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cc-banner--bottom-right .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cHeader--separator .cHeader__component .cc-banner--bottom-right .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cHeader--separator .cHeader__component .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cForm .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cForm .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cMap__field .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cMap__field .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cNewsletter .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cNewsletter .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cSellingButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cSellingButton .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cHeader--separator .cHeader__component .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component .cftSearchBtn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component.cHeader__clientZone > a:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component.cHeader__lang:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cHeader--separator .cHeader__component.cHeader__mainNav .nav__item__in:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cMap__field .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cMap__field .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cMap__field .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cMap__field .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cNewsletter .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cNewsletter .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cNewsletter .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cNewsletter .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cSellingButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cSellingButton .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cSellingButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cSellingButton .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cSellingButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cSellingButton .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cc-banner--bottom-right .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cc-banner--bottom-right .cHeader--separator .cHeader__component .btn:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cc-banner--bottom-right .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cc-banner--bottom-right .cHeader--separator .cHeader__component .cClientZone__logout:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cc-banner--bottom-right .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cc-banner--bottom-right .cftSearch--standard .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before, .cftSearch--standard .cConversButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) .cLang__title, .cftSearch--standard .cConversButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):not(.btn--inverse) [class*="icon-"]::before, .cftSearch--standard .cForm .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cftSearch--standard .cForm .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cftSearch--standard .cMap__field .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cftSearch--standard .cMap__field .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cftSearch--standard .cNewsletter .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cftSearch--standard .cNewsletter .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cftSearch--standard .cSellingButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) .cLang__title, .cftSearch--standard .cSellingButton .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang) [class*="icon-"]::before, .cftSearch--standard .cc-banner--bottom-right .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child .cLang__title, .cftSearch--standard .cc-banner--bottom-right .cHeader--separator .cHeader__component .cftSearch__submit:hover:not(.btn--cta):not(.cHeader__lang):last-child [class*="icon-"]::before {
color : #fff;
}
.cHeader--separator .cHeader__component.cHeader__lang .cLang > .cPag__nav > .nav__item > a:hover, .cHeader--separator .cHeader__component.cHeader__lang .cLang > .nav > .nav__item > a:hover, .cHeader--separator .cHeader__component.cHeader__lang .mDrop .cLang > ul > .nav__item > a:hover, .mDrop .cHeader--separator .cHeader__component.cHeader__lang .cLang > ul > .nav__item > a:hover {
background-color : #00ADEE;
color : #fff;
}
.cHeader--separator .cHeader__component.cHeader__lang .cLang__title:hover {
text-decoration : underline;
}
.cHeader--separator .cHeader__mainNav .nav__item {
padding-left : 0;
margin-left : 0;
}
.cHeader--separator .cHeader__mainNav .nav__item__in {
display : block;
border-left : 1px solid #d1d1d1;
border-top : 0;
border-bottom : 0;
}
.blog-legacy-detail .cConversButton .cHeader--separator .cHeader__cta .btn--inverse, .cConversButton .cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--separator .cHeader__cta .btn, .cForm .cHeader--separator .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader--separator .cHeader__cta .search__btn, .cHeader--separator .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--separator .cHeader__cta .btn--cta, .cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--separator .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--separator .cHeader__cta .cForm .btn, .cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cHeader--separator .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cHeader--separator .cHeader__cta .cMap__field .btn, .cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cHeader--separator .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__cta .cNewsletter .btn, .cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader--separator .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__cta .cSellingButton .btn, .cHeader--separator .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader--separator .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--separator .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader--separator .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--separator .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--separator .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--separator .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader--separator .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--separator .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--separator .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--separator .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cMap__field .cHeader--separator .cHeader__cta .btn, .cMap__field .cHeader--separator .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader--separator .cHeader__cta .btn, .cNewsletter .cHeader--separator .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader--separator .cHeader__cta .btn, .cSellingButton .cHeader--separator .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader--separator .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader--separator .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--separator .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--separator .cHeader__cta .cftSearch__submit:last-child {
border-radius : 0;
border : 0;
display : grid;
place-items : center;
align-items : center;
}
.cHeader--separator .cHeader__component.cHeader__lang {
padding-left : 0;
padding-right : 0;
}
.cHeader--separator .cHeader__component.cHeader__lang .drop {
line-height : 1.78;
}
.cHeader--separator .cHeader__component.cHeader__lang .cLang--drop {
margin : 0;
}
.cHeader--separator .cHeader__component.cHeader__lang .cLang--drop:hover {
background-color : #00ADEE;
color : #fff;
}
.cHeader--separator .cHeader__component.cHeader__lang .drop-holder {
padding : 0 20px;
}
.cHeader--separator .cHeader__component.cHeader__lang .cPag__nav > .nav__item, .cHeader--separator .cHeader__component.cHeader__lang .mDrop ul > .nav__item, .cHeader--separator .cHeader__component.cHeader__lang .nav > .nav__item, .mDrop .cHeader--separator .cHeader__component.cHeader__lang ul > .nav__item {
margin : 0;
padding : 0;
}
.cHeader--separator .cHeader__component.cHeader__lang .cPag__nav > .nav__item > a, .cHeader--separator .cHeader__component.cHeader__lang .mDrop ul > .nav__item > a, .cHeader--separator .cHeader__component.cHeader__lang .nav > .nav__item > a, .mDrop .cHeader--separator .cHeader__component.cHeader__lang ul > .nav__item > a {
padding : 0 20px;
}
.cHeader--separator.cHeader--sticky, .cHeader--separator.cHeader--sticky .cHeader__component {
padding-top : 0;
padding-bottom : 0;
}
.cHeader--separator.cHeader--fullWidth .dropNav--lev2, .cHeader--separator.cHeader--fullWidth .dropNav--lev3, .cHeader--separator.cHeader--fullWidth .dropNav--lev4 {
border : 0;
border-top : 1px solid #ddd;
}
.cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev4 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev4 .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev4 .nav__item__in {
border-bottom : 1px solid #ddd;
}
@media screen and (min-width: 767px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev2, .cHeader--separator.cHeader--fullWidth .dropNav--lev3, .cHeader--separator.cHeader--fullWidth .dropNav--lev4 {
position : relative;
left : 0;
transform : none;
opacity : 1;
visibility : visible;
height : 0;
min-width : 0;
border-left : 0;
border-right : 0;
overflow : hidden;
}
}
.cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev2, .cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev3, .cHeader--separator.cHeader--fullWidth .has-focus .dropNav--lev4 {
height : auto;
overflow : auto;
}
.cHeader--separator.cHeader--fullWidth .dropNav.dropNav--lev1:hover .dropNav {
height : auto;
overflow : visible;
}
@media screen and (min-width: 767px) {
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .nav__item__in {
padding : 10px 15px;
}
}
@media screen and (min-width: 767px) {
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev > .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in {
padding-right : 35px;
}
}
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev > .dropNav__item__in::after, .cHeader--separator.cHeader--fullWidth .dropNav.dropNav--responsive-drop .nav__item .dropNav__item--subLev > .nav__item__in::after {
transform : none;
top : 15px;
}
.cHeader--separator.cHeader--fullWidth .dropNav .dropNav__item--subLev:hover {
height : auto;
}
@media screen and (min-width: 767px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev2 .dropNav__item .nav__item__in {
padding-left : 30px !important ;
}
}
@media screen and (min-width: 767px) {
.cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .dropNav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader--separator.cHeader--fullWidth .dropNav--lev3 .dropNav__item .nav__item__in {
padding-left : 40px !important ;
}
}
.cHeader--fullWidth .cHeader__inner, .cHeader--fullWidth .navbar__inner {
max-width : none;
padding-left : 0.83333rem;
padding-right : 0.83333rem;
}
@media screen and (min-width: 767px) {
.cHeader--fullWidth .cHeader__inner, .cHeader--fullWidth .navbar__inner {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--fullWidth .cHeader__inner, .cHeader--fullWidth .navbar__inner {
padding-left : 1.66667rem;
padding-right : 1.66667rem;
}
}
.cHeader--offCanvas {
transition : transform 0.3s ease-in-out;
}
@media screen and (min-width: 767px) {
.cHeader--offCanvas.offcanvas-open .pageOverlay {
left : -300px;
}
}
.cHeader--offCanvas.mm-menu.mm-offcanvas {
background-color : #fff;
max-width : 300px;
display : block;
z-index : 1002;
border-right : 1px solid #d1d1d1;
transform : translateX(-250px);
overflow : visible;
}
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open {
transform : translateX(0);
}
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons, .cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials {
position : relative;
width : 100%;
text-align : center;
top : 0;
}
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .cHeader__component, .cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .cHeader__component {
display : inline-block;
vertical-align : top;
margin : 0 0.55556rem;
}
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .nav--basic__item, .cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--actionIcons .nav__item, .cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .nav--basic__item, .cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials .nav__item {
display : inline-block;
vertical-align : top;
margin : 0 0.55556rem 0.55556rem;
}
.cHeader--offCanvas.mm-menu.mm-offcanvas.offcanvas-open .cHeader__component--socials {
position : absolute;
top : auto;
bottom : 20px;
}
.cHeader--offCanvas .nav__item--drop .nav__item__in::after, .cHeader--offCanvas .nav__item--mDrop .nav__item__in::after {
content : '';
display : none;
}
.cHeader--offCanvas .cHeader__top {
position : relative;
}
.cHeader--offCanvas .cHeader__inner {
display : block;
padding : 0 2.77778rem 0 2.22222rem;
}
.cHeader--offCanvas .cHeader__inner [class*="icon-"]::before {
color : #7f7f7f;
font-size : 20px;
font-size : 1.11111rem;
}
.cHeader--offCanvas .cHeader__component {
display : block;
padding : 0;
margin-left : 0;
margin-bottom : 3.33333rem;
text-align : center;
}
.cHeader--offCanvas .cHeader__component--actionIcons {
position : absolute;
top : 25%;
right : 0;
width : 50px;
}
.cHeader--offCanvas .cHeader__component--actionIcons .cHeader__component, .cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item {
text-align : center;
margin-bottom : 0.55556rem;
}
.cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item {
display : block;
margin-right : 0;
border-bottom : 0;
}
.cHeader--offCanvas .cHeader__component--actionIcons .nav--basic__item::after {
border : 0;
}
.cHeader--offCanvas .cHeader__component.cHeader__search {
margin-bottom : 1.11111rem;
}
.cHeader--offCanvas .cHeader__component .cHeader__lang .cLang--text-only .nav__item {
display : block;
padding-left : 0;
}
.cHeader--offCanvas .cHeader__component--socials {
position : absolute;
bottom : 0;
right : 0;
width : 50px;
margin-bottom : 0;
padding : 1.11111rem 0;
}
.cHeader--offCanvas .cHeader__component--socials .cSocialSites {
margin-bottom : 0;
}
.cHeader--offCanvas .cHeader__component--socials .nav__item {
display : block;
margin-right : 0;
border-bottom : 0;
text-align : center;
}
.cHeader--offCanvas .cHeader__component--socials .nav__item:last-child {
margin-bottom : 0;
}
.cHeader--offCanvas .cHeader__component--socials .nav__item::after {
border : 0;
}
.cHeader--offCanvas .inlineBlock {
margin-left : 2.22222rem;
}
.cHeader--offCanvas .inlineBlock:first-child {
margin-left : 0;
}
.cHeader--offCanvas .cHamburger {
position : absolute;
top : 10px;
right : 0;
width : 50px;
height : 33px;
}
.cHeader--offCanvas .cHamburger__line {
width : 50%;
left : 25%;
}
.cHeader--offCanvas .cHeader__logo, .cHeader--offCanvas .cHeader__slogan {
text-align : center;
margin-bottom : 1.11111rem;
}
.cHeader--offCanvas .cHeader__logo img {
display : block;
margin-left : auto;
margin-right : auto;
}
.blog-legacy-detail .cConversButton .cHeader--offCanvas .btn--inverse, .cConversButton .cHeader--offCanvas .btn:not(.btn--inverse), .cConversButton .cHeader--offCanvas .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--offCanvas .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--offCanvas .btn, .cForm .cHeader--offCanvas .cClientZone__logout, .cForm .cftSearch--standard .cHeader--offCanvas .cftSearch__submit, .cFtr__search .cHeader--offCanvas .search__btn, .cHeader--offCanvas .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--offCanvas .btn--cta, .cHeader--offCanvas .cConversButton .btn:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--offCanvas .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--offCanvas .cForm .btn, .cHeader--offCanvas .cForm .cClientZone__logout, .cHeader--offCanvas .cForm .cftSearch--standard .cftSearch__submit, .cHeader--offCanvas .cFtr__search .search__btn, .cHeader--offCanvas .cMap__field .btn, .cHeader--offCanvas .cMap__field .cClientZone__logout, .cHeader--offCanvas .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--offCanvas .cNewsletter .btn, .cHeader--offCanvas .cNewsletter .cClientZone__logout, .cHeader--offCanvas .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--offCanvas .cSellingButton .btn, .cHeader--offCanvas .cSellingButton .cClientZone__logout, .cHeader--offCanvas .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--offCanvas .cc-banner--bottom-right .btn:last-child, .cHeader--offCanvas .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--offCanvas .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--offCanvas .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--offCanvas .cftSearch--standard .cForm .cftSearch__submit, .cHeader--offCanvas .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--offCanvas .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--offCanvas .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--offCanvas .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cMap__field .cHeader--offCanvas .btn, .cMap__field .cHeader--offCanvas .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--offCanvas .cftSearch__submit, .cNewsletter .cHeader--offCanvas .btn, .cNewsletter .cHeader--offCanvas .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--offCanvas .cftSearch__submit, .cSellingButton .cHeader--offCanvas .btn, .cSellingButton .cHeader--offCanvas .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--offCanvas .cftSearch__submit, .cc-banner--bottom-right .cHeader--offCanvas .btn:last-child, .cc-banner--bottom-right .cHeader--offCanvas .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--offCanvas .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--offCanvas .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--offCanvas .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--offCanvas .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--offCanvas .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--offCanvas .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--offCanvas .cftSearch__submit:last-child {
width : 100%;
}
.cHeader--offCanvas .cHeader__email, .cHeader--offCanvas .cHeader__phone {
margin-bottom : 0;
}
.cHeader--offCanvas .cHeader__mainNav {
margin-top : 2.22222rem;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item, .cHeader--offCanvas .cHeader__sideNav .nav__item {
display : block;
text-align : center;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item::after, .cHeader--offCanvas .cHeader__sideNav .nav__item::after {
border : 0;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item__in, .cHeader--offCanvas .cHeader__sideNav .nav__item__in {
padding : 0.44444rem;
border : 0;
text-transform : uppercase;
font-size : 13px;
font-size : 0.72222rem;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item .mm-next, .cHeader--offCanvas .cHeader__sideNav .nav__item .mm-next {
display : none;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item .mm-next + a, .cHeader--offCanvas .cHeader__sideNav .nav__item .mm-next + a {
margin-right : 0;
}
.cHeader--offCanvas .cHeader__mainNav .nav__item--drop .nav__item__in--drop::after, .cHeader--offCanvas .cHeader__mainNav .nav__item--mDrop .nav__item__in--drop::after, .cHeader--offCanvas .cHeader__sideNav .nav__item--drop .nav__item__in--drop::after, .cHeader--offCanvas .cHeader__sideNav .nav__item--mDrop .nav__item__in--drop::after {
content : '';
}
.cHeader--offCanvas .cHeader__sideNav {
margin-top : 2.22222rem;
}
.cHeader--offCanvas .cHeader__sideNav .nav__item__in {
text-transform : none;
text-decoration : underline;
padding : 0.22222rem;
}
.cHeader--offCanvas .cHeader__sideNav .nav__item__in:hover {
text-decoration : none;
}
.cHeader--offCanvas .cftSearch--onClick {
position : fixed;
top : 0;
left : 300px;
right : auto;
width : calc(100vw - 50px);
width : calc(100vw - 50px);
width : calc(100vw - 50px);
padding : 2.22222rem;
background-color : #fff;
border-bottom : 1px solid #d1d1d1;
text-align : left;
}
.cHeader--offCanvas .cftSearch--onClick .cftSearch__autocomplete {
left : 0;
width : 100%;
}
.mm-opened .cHeader--offCanvas .cftSearch--onClick {
width : calc(100vw - 300px);
width : calc(100vw - 300px);
width : calc(100vw - 300px);
}
.mobileMenu--offCanvas {
margin-top : 0 !important ;
}
.mobileHeader__toolbar {
position : relative;
display : table;
width : 100%;
z-index : 4;
background-color : #fff;
}
.mobileHeader__toolbar__component {
display : table-cell;
vertical-align : middle;
}
.cHeader--is-transparent .mobileHeader__toolbar {
background-color : transparent;
}
.mobileHeader__logo {
width : 25%;
padding : 0.55556rem 0 0.55556rem 0.83333rem;
}
.mobileHeader__iconBar {
text-align : right;
}
.mobileHeader__iconBar__item {
display : inline-block;
vertical-align : middle;
margin-bottom : 0;
}
.mobileHeader__iconBar__item a {
display : block;
width : 25px;
text-align : center;
}
.mobileHeader__iconBar__item [class*="icon-"]::before {
color : #666;
}
.mobileHeader__iconBar__item .cHamburger__line {
background-color : #666;
}
.mobileHeader__content.mobileMenu--offCanvas .mobileHeader__inner {
padding-left : 0;
padding-right : 0;
box-shadow : 4px 0 10px rgb(0, 0, 0, 0.1) inset;
}
.mobileHeader__content.mobileMenu--offCanvas .nav__item__in {
padding-left : 1.11111rem;
}
.mobileHeader__content:not(.mm-menu) {
display : none;
}
.mobileHeader__content.mm-menu {
text-align : center;
}
.mobileHeader__content.mm-menu.mm-top {
height : 100%;
z-index : 100;
}
.mobileHeader__content.mm-menu.mm-right {
background-color : #F2F2F2;
border-left : 1px solid #d1d1d1;
}
.mobileHeader__content.mm-menu.mm-right .cftSearch__field {
background-color : #fff;
}
.mobileHeader__inner {
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
.mobileHeader__inner [class*="icon-"]::before {
color : #777;
}
.mobileHeader__component {
position : relative;
display : block;
margin-bottom : 2.22222rem;
color : #666;
}
.mobileHeader__component--mainNav, .mobileHeader__component--sideNav {
text-align : left;
}
.dropNav.dropNav--responsive-drop .mobileHeader__component--mainNav .nav__item, .dropNav.dropNav--responsive-drop .mobileHeader__component--sideNav .nav__item, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item, .mobileHeader__component--mainNav .dropNav__item, .mobileHeader__component--mainNav .nav__item, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item, .mobileHeader__component--sideNav .dropNav__item, .mobileHeader__component--sideNav .nav__item {
display : block;
transition : opacity 0.5s ease-in-out;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--sideNav .nav__item__in, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--mainNav .dropNav__item__in, .mobileHeader__component--mainNav .nav__item__in, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--sideNav .dropNav__item__in, .mobileHeader__component--sideNav .nav__item__in {
position : relative;
display : block;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in::after, .dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--sideNav .nav__item__in::after, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in::after, .mobileHeader__component--mainNav .dropNav__item__in::after, .mobileHeader__component--mainNav .nav__item__in::after, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in::after, .mobileHeader__component--sideNav .dropNav__item__in::after, .mobileHeader__component--sideNav .nav__item__in::after {
content : '';
}
.dropNav.dropNav--responsive-drop .mobileHeader__component--mainNav .nav__item .mm-next, .dropNav.dropNav--responsive-drop .mobileHeader__component--sideNav .nav__item .mm-next, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .mm-next, .mobileHeader__component--mainNav .dropNav__item .mm-next, .mobileHeader__component--mainNav .nav__item .mm-next, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .mm-next, .mobileHeader__component--sideNav .dropNav__item .mm-next, .mobileHeader__component--sideNav .nav__item .mm-next {
height : 100%;
line-height : 35px;
}
.dropNav.dropNav--responsive-drop .mobileHeader__component--mainNav .nav__item .mm-next::after, .dropNav.dropNav--responsive-drop .mobileHeader__component--sideNav .nav__item .mm-next::after, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .mm-next::after, .mobileHeader__component--mainNav .dropNav__item .mm-next::after, .mobileHeader__component--mainNav .nav__item .mm-next::after, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .nav__item .mm-next::after, .mobileHeader__component--sideNav .dropNav__item .mm-next::after, .mobileHeader__component--sideNav .nav__item .mm-next::after {
position : relative;
left : 50%;
right : auto;
margin-left : -4px;
top : 2px;
}
.dropNav.dropNav--responsive-drop .mobileHeader__component--mainNav .mm-opened.nav__item > .mm-next::after, .dropNav.dropNav--responsive-drop .mobileHeader__component--sideNav .mm-opened.nav__item > .mm-next::after, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .mm-opened.nav__item > .mm-next::after, .mobileHeader__component--mainNav .dropNav__item.mm-opened > .mm-next::after, .mobileHeader__component--mainNav .nav__item.mm-opened > .mm-next::after, .mobileHeader__component--sideNav .dropNav.dropNav--responsive-drop .mm-opened.nav__item > .mm-next::after, .mobileHeader__component--sideNav .dropNav__item.mm-opened > .mm-next::after, .mobileHeader__component--sideNav .nav__item.mm-opened > .mm-next::after {
top : -2px;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--mainNav .dropNav__item__in, .mobileHeader__component--mainNav .nav__item__in {
height : 35px;
padding : 0.33333rem 0.66667rem 0.33333rem 0;
border-bottom : 1px solid #d1d1d1;
color : #666;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--mainNav .dropNav__item__in {
padding-right : 55px;
padding-left : 40px;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .dropNav--lev2 .nav__item__in, .mobileHeader__component--mainNav .dropNav--lev2 .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--mainNav .dropNav--lev2 .dropNav__item__in {
padding-left : 60px;
}
.mobileHeader__component--sideNav .nav__item__in {
padding : 0.33333rem 0.66667rem 0.33333rem 0;
}
.mobileHeader__component--search {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
z-index : 10;
}
.mobileHeader__component--socials .nav__item {
margin-bottom : 0;
border-color : transparent;
}
.mobileHeader__component--socials .nav__item__in {
padding-left : 0 !important ;
}
.mobileHeader__component--socials [class^="icon-"]::before {
font-size : 20px;
font-size : 1.11111rem;
}
.mobileHeader__component--mail a, .mobileHeader__component--phone a {
color : #666;
}
.mobileHeader__component--mail .icon, .mobileHeader__component--phone .icon {
margin-right : 0.22222rem;
}
.mobileHeader__component--phone.is-emailSibling {
margin-bottom : 0.55556rem;
}
.mobileHeader__component .nav__item__in::after {
content : '' !important ;
}
.mobileHeader__component .mDrop {
margin-bottom : 0;
}
.mobileHeader__component .mDrop .mDrop__cont .grid__item, .mobileHeader__component .mDrop .mDrop__cont .label--inline, .mobileHeader__component .mDrop .mDrop__cont .label--inline + .field {
margin-bottom : 2.22222rem;
}
.mobileHeader__component .mDrop .mDrop__cont > .mm-panel {
display : block;
}
.mobileHeader__component .cftSearch__field {
background-color : #fff;
}
.mobileHeader .mobileHeader__menuHandler {
position : relative;
text-decoration : none;
text-align : center;
}
.mobileHeader .mobileHeader__menuHandler::after {
vertical-align : middle;
content : 'Menu';
text-decoration : none;
color : #666;
font-size : 11px;
font-size : 0.61111rem;
line-height : 1;
padding-left : 28px;
margin-top : 2px;
}
@keyframes header-sticky {
from {
opacity : 0;
}
to {
opacity : 1;
}
}
.cHeader--sticky {
background-color : #fff;
}
@media screen and (min-width: 767px) {
.cHeader--sticky {
position : fixed;
left : 0;
top : 0;
width : 100%;
z-index : 50;
padding-top : 0;
padding-bottom : 0;
background-image : none;
box-shadow : 0 5px 10px 0 rgb(0, 0, 0, 0.1);
height : auto;
transition : all 0.3s ease-in-out;
opacity : 0;
animation-name : header-sticky;
animation-iteration-count : 1;
animation-duration : 0.5s;
animation-fill-mode : forwards;
}
.cHeader--sticky .cHeader__inner {
background-color : transparent;
}
}
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__component, .cHeader--sticky .cHeader__mainNav .nav__item__in {
padding-top : 0;
padding-bottom : 0;
}
}
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__logo img {
max-width : 160px;
max-width : 8.88889rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--sticky .cHeader__mainNav .nav__item__in {
padding-top : 1.11111rem;
padding-bottom : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--hamburger {
padding-top : 1.11111rem;
padding-bottom : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--hamburger .cHeader__pageOverlay .cHeader__link {
padding : 0.33333rem 0.44444rem;
}
}
.cHeader--sticky.cHeader--beneath, .cHeader--sticky.cHeader--beneath .cHeader__inner, .cHeader--sticky.cHeader--centered, .cHeader--sticky.cHeader--centered .cHeader__inner {
padding-top : 0;
}
.cHeader--sticky.cHeader--beneath .cHeader__logo, .cHeader--sticky.cHeader--centered .cHeader__logo {
width : auto;
}
.cHeader--sticky.cHeader--beneath .cHeader__mainNav {
margin-left : 0;
text-align : right;
}
.cHeader--sticky.cHeader--separator {
border-bottom-color : #ddd;
}
@media screen and (min-width: 1024px) {
.cHeader--sticky.cHeader--separator .cHeader__inner {
height : 50px;
}
.blog-legacy-detail .cConversButton .cHeader--sticky.cHeader--separator .cHeader__cta .btn--inverse, .cConversButton .cHeader--sticky.cHeader--separator .cHeader__cta .btn:not(.btn--inverse), .cConversButton .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cForm .cHeader--sticky.cHeader--separator .cHeader__cta .btn, .cForm .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout, .cForm .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cFtr__search .cHeader--sticky.cHeader--separator .cHeader__cta .search__btn, .cHeader--sticky.cHeader--separator .cHeader__clientZone > a, .cHeader--sticky.cHeader--separator .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .cHeader--sticky.cHeader--separator .cHeader__cta .btn--cta, .cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .btn:not(.btn--inverse), .cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .cHeader--sticky.cHeader--separator .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cHeader--sticky.cHeader--separator .cHeader__cta .cForm .btn, .cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cClientZone__logout, .cHeader--sticky.cHeader--separator .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cFtr__search .search__btn, .cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .btn, .cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cClientZone__logout, .cHeader--sticky.cHeader--separator .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .btn, .cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cClientZone__logout, .cHeader--sticky.cHeader--separator .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cSellingButton .btn, .cHeader--sticky.cHeader--separator .cHeader__cta .cSellingButton .cClientZone__logout, .cHeader--sticky.cHeader--separator .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cc-banner--bottom-right .btn:last-child, .cHeader--sticky.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .cHeader--sticky.cHeader--separator .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cHeader--sticky.cHeader--separator .cHeader__lang, .cHeader--sticky.cHeader--separator .cHeader__link, .cHeader--sticky.cHeader--separator .cHeader__mainNav .nav__item__in, .cHeader--sticky.cHeader--separator .cftSearchBtn, .cHeader--sticky.cHeader--separator .drop-holder, .cMap__field .cHeader--sticky.cHeader--separator .cHeader__cta .btn, .cMap__field .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout, .cMap__field .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cNewsletter .cHeader--sticky.cHeader--separator .cHeader__cta .btn, .cNewsletter .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cSellingButton .cHeader--sticky.cHeader--separator .cHeader__cta .btn, .cSellingButton .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cc-banner--bottom-right .cHeader--sticky.cHeader--separator .cHeader__cta .btn:last-child, .cc-banner--bottom-right .cHeader--sticky.cHeader--separator .cHeader__cta .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cHeader--sticky.cHeader--separator .cHeader__cta .cftSearch__submit:last-child {
height : 50px;
line-height : 50px;
padding-top : 0;
padding-bottom : 0;
}
.cHeader--sticky.cHeader--separator .cHeader__logo .cHeader__link {
padding-top : 0;
padding-bottom : 0;
line-height : 1;
height : auto;
}
}
.cHamburger {
display : inline-block;
vertical-align : middle;
position : relative;
width : 30px;
height : 30px;
}
.cHamburger__line {
position : absolute;
background-color : #666;
width : 20px;
height : 3px;
left : 0;
transition : transform 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.cHamburger__line--top {
top : 25%;
}
.cHamburger__line--center {
top : 50%;
margin-top : -1.5px;
}
.cHamburger__line--bottom {
top : 66.666%;
}
.cHamburger--active .cHamburger__line--center {
opacity : 0;
}
.cHamburger--active .cHamburger__line--top {
top : 50%;
transform : rotate(45deg);
}
.cHamburger--active .cHamburger__line--bottom {
bottom : 50%;
top : 50%;
transform : rotate(-45deg);
}
.cHamburger--big {
display : block;
width : 75%;
height : 35px;
margin-left : auto;
margin-right : auto;
}
.cHamburger--big .cHamburger__line {
height : 4px;
}
.cSocialSites .icon-facebook::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-facebook:hover::before, .cSocialSites .nav__item__in:hover .icon-facebook::before {
color : #3b5998;
}
.cSocialSites .icon-twitter::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-twitter:hover::before, .cSocialSites .nav__item__in:hover .icon-twitter::before {
color : #00aced;
}
.cSocialSites .icon-googleplus::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-googleplus:hover::before, .cSocialSites .nav__item__in:hover .icon-googleplus::before {
color : #dd4b39;
}
.cSocialSites .icon-pinterest::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-pinterest:hover::before, .cSocialSites .nav__item__in:hover .icon-pinterest::before {
color : #cb2027;
}
.cSocialSites .icon-linkedin::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-linkedin:hover::before, .cSocialSites .nav__item__in:hover .icon-linkedin::before {
color : #007bb6;
}
.cSocialSites .icon-youtube::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-youtube:hover::before, .cSocialSites .nav__item__in:hover .icon-youtube::before {
color : #b00;
}
.cSocialSites .icon-instagram::before {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
}
.cSocialSites .icon-instagram:hover::before, .cSocialSites .nav__item__in:hover .icon-instagram::before {
color : #517fa4;
}
.cSocialSites .btn--facebook {
background-color : #3b5998;
border-bottom-color : #2d4373;
}
.cSocialSites .btn--facebook [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--facebook:hover {
background-color : #2d4373;
}
.cSocialSites .btn--facebook:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--twitter {
background-color : #00aced;
border-bottom-color : #0087ba;
}
.cSocialSites .btn--twitter [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--twitter:hover {
background-color : #0087ba;
}
.cSocialSites .btn--twitter:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--googleplus {
background-color : #dd4b39;
border-bottom-color : #c23321;
}
.cSocialSites .btn--googleplus [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--googleplus:hover {
background-color : #c23321;
}
.cSocialSites .btn--googleplus:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--pinterest {
background-color : #cb2027;
border-bottom-color : #9f191f;
}
.cSocialSites .btn--pinterest [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--pinterest:hover {
background-color : #9f191f;
}
.cSocialSites .btn--pinterest:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--linkedIn {
background-color : #007bb6;
border-bottom-color : #005983;
}
.cSocialSites .btn--linkedIn [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--linkedIn:hover {
background-color : #005983;
}
.cSocialSites .btn--linkedIn:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--youtube {
background-color : #b00;
border-bottom-color : #800;
}
.cSocialSites .btn--youtube [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--youtube:hover {
background-color : #800;
}
.cSocialSites .btn--youtube:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--instagram {
background-color : #517fa4;
border-bottom-color : #406582;
}
.cSocialSites .btn--instagram [class*="icon-"]::before {
color : #fff;
}
.cSocialSites .btn--instagram:hover {
background-color : #406582;
}
.cSocialSites .btn--instagram:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites__title {
display : inline-block;
vertical-align : middle;
margin-left : 0.55556rem;
color : #777;
}
.cSocialSites .nav__item {
margin-bottom : 1.11111rem;
vertical-align : top;
}
.cSocialSites--icons .nav__item {
margin-right : 1.11111rem;
}
.cSocialSites--icons .nav__item:last-child {
margin-right : 0;
}
.cSocialSites--icons .nav__item__in {
text-decoration : none;
}
.cSocialSites--icons .iconOnly:before {
vertical-align : middle;
}
.cSocialSites--icons--descBlock .nav__item__in {
text-align : center;
}
.cSocialSites--icons--descBlock .cSocialSites__title {
display : block;
margin : 0;
}
.cSocialSites--buttons .iconOnly {
vertical-align : middle;
}
.cSocialSites--buttons .nav__item {
margin-bottom : 1.11111rem;
}
.cSocialSites--buttons .cSocialSites__title {
color : #fff;
}
.cSocialSites--buttons .btn, .cSocialSites--buttons .cClientZone__logout, .cSocialSites--buttons .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cSocialSites--buttons .cftSearch__submit {
text-align : left;
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
@media screen and (max-width: 766px) {
.cSocialSites--buttons .btn, .cSocialSites--buttons .cClientZone__logout, .cSocialSites--buttons .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cSocialSites--buttons .cftSearch__submit {
display : block;
width : 100%;
}
}
.cImage {
text-align : center;
}
.cImage__inner {
max-width : 100%;
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.cImage__inner {
display : inline-block;
}
}
.cImage__imgWrapper > a {
display : block;
}
.cImage__desc {
margin-left : 1.11111rem;
margin-right : 1.11111rem;
font-size : 13px;
font-size : 0.72222rem;
}
.cImage__desc--top {
margin-top : 0.55556rem;
margin-bottom : 1.11111rem;
}
.cImage__desc--bottom {
margin-top : 1.11111rem;
margin-bottom : 0.55556rem;
}
.cImage--bRounded .cImage__imgWrapper > a, .cImage--rounded .cImage__imgWrapper > a {
border-radius : 50%;
perspective : 1px;
}
.cImage--bRounded .cImage__imgWrapper {
border : #d1d1d1 solid 1px;
padding : 0.55556rem;
}
.cImage--rCorner, .cImage--rCorner img, .cImage--rbCorner, .cImage--rbCorner img {
border-radius : 3px;
}
.cImage--bCorner, .cImage--rbCorner {
padding : 0.55556rem;
border : #d1d1d1 solid 1px;
}
.cImage__inner img {
display : block;
}
.cImage__desc {
text-align : center;
}
.cImage--fixedSize .p100, .cImage--fixedSize .p25, .cImage--fixedSize .p50, .cImage--fixedSize .p75 {
width : auto !important ;
}
.cImage--bRounded .cImage__imgWrapper, .cImage--bRounded img, .cImage--rounded, .cImage--rounded img {
border-radius : 100%;
}
.cImage--rCorner img {
border-radius : 3px;
}
.cImage--flat {
border : none;
border-radius : 0;
}
.cImage--bCorner {
border-radius : 0;
}
@media (min-width: 768px) {
.cImage--side .cImage__desc {
display : flex;
flex-direction : column;
}
}
.cImage--side .cImage__desc .btn, .cImage--side .cImage__desc .cClientZone__logout, .cImage--side .cImage__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cImage--side .cImage__desc .cftSearch__submit {
margin-top : 1rem;
width : max-content;
}
@media (min-width: 768px) {
.cImage--side .cImage__inner {
display : flex;
gap : 2rem;
}
}
.cImage--side .cImage__inner img {
width : 100%;
}
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="25"] .cImage__imgWrapper {
width : 25%;
}
.cImage--side .cImage__inner[data-ratio="25"] .cImage__desc {
width : calc(100% - 25%);
width : calc(100% - 25%);
width : calc(100% - 25%);
}
}
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="50"] .cImage__imgWrapper {
width : 50%;
}
.cImage--side .cImage__inner[data-ratio="50"] .cImage__desc {
width : calc(100% - 50%);
width : calc(100% - 50%);
width : calc(100% - 50%);
}
}
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-ratio="75"] .cImage__imgWrapper {
width : 75%;
}
.cImage--side .cImage__inner[data-ratio="75"] .cImage__desc {
width : calc(100% - 75%);
width : calc(100% - 75%);
width : calc(100% - 75%);
}
}
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-text-side="left"] {
flex-direction : row-reverse;
justify-content : flex-end;
}
.cImage--side .cImage__inner[data-text-side="left"] .cImage__desc {
text-align : right;
justify-content : flex-end;
}
}
@media (min-width: 768px) {
.cImage--side .cImage__inner[data-text-side="right"] {
flex-direction : row;
}
.cImage--side .cImage__inner[data-text-side="right"] .cImage__desc {
text-align : left;
}
}
html.js-lazyload-enabled .js-lazyload:not(.loaded) {
min-height : 100px;
}
.cFiles__icon {
float : left;
}
.cFiles .cFiles__title {
display : inline;
}
.cFiles__extension {
font-size : 13px;
font-size : 0.72222rem;
margin-left : 0.55556rem;
color : #4d4d4d;
}
.cFiles__extension:before {
content : '.';
}
.cFiles__size {
margin-left : 0.55556rem;
font-size : 13px;
font-size : 0.72222rem;
color : #4d4d4d;
}
.cFiles__size:before {
content : '(';
}
.cFiles__size:after {
content : ')';
}
.cFiles__desc {
margin-bottom : 0;
font-size : 13px;
font-size : 0.72222rem;
line-height : 1.2;
}
.cLang__icon {
display : inline-block;
vertical-align : middle;
width : 22px;
height : 17px;
opacity : 0.6;
border : #ebebeb solid 1px;
background-size : 20px 15px;
background-repeat : no-repeat;
}
.cLang a, .cLang__btn {
text-decoration : none;
}
.cLang .nav__item {
padding-left : 0;
}
.cLang .cPag__nav > li, .cLang .mDrop ul > li, .cLang .nav > li, .mDrop .cLang ul > li {
margin-left : 0;
}
.cLang--text-only .cLang__icon {
display : none;
}
.cLang--text-only li {
vertical-align : middle;
}
.cLang--text-only a {
color : #666;
}
.cLang--text-only .nav__item {
padding-left : 1.66667rem;
}
.cLang--text-only .nav__item:first-child {
padding-left : 0;
}
.cLang--iconOnly {
position : relative;
display : inline-block;
}
.cHeader .cLang--iconOnly {
position : static;
}
.cLang--iconOnly .cLang__title {
display : none;
}
.cLang .drop {
z-index : 20;
}
.cLang .drop li {
margin-bottom : 0;
}
.cCrumb__item {
vertical-align : middle;
font-size : 13px;
font-size : 0.72222rem;
padding-right : 0.55556rem;
}
.cCrumb__item:first-child {
padding-left : 0;
margin-left : 0;
}
.cCrumb__item::before {
padding-right : 0.55556rem;
}
.cCrumb > .breadcrumb > .cCrumb__item {
margin-left : 0;
}
.cPerex.cPerex--img-left ol > li::before, .cPerex.cPerex--img-left ul > li::before {
position : relative;
top : 0;
margin-right : 10px;
}
.cPerex__img {
width : 100%;
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 767px) {
.cPerex__img {
max-width : 33%;
width : auto;
margin-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.cPerex__img[height], .cPerex__img[width] {
max-width : 33%;
}
}
@media screen and (min-width: 767px) {
.cPerex__img--left {
float : left;
margin-right : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cPerex__img--right {
float : right;
margin-left : 2.22222rem;
}
}
.cPerex__desc--larger {
font-size : 40px;
font-size : 2.22222rem;
}
.cPerex__desc--largest {
font-size : 50px;
font-size : 2.77778rem;
}
.cNavMenu .nav__item__in:hover {
color : #00ADEE;
}
.cNavMenu .nav--lev__holder::before {
color : #00adee;
}
.cNavMenu--vertical {
border-bottom : 0;
overflow : hidden;
}
.cNavMenu--vertical > .nav--stacked-box, .mDrop .cNavMenu--vertical > ul {
border : #d1d1d1 solid 1px;
border-bottom : 0;
}
.cNavMenu--vertical .nav__item__in, .cNavMenu--verticalMultiple .nav__item__in {
position : relative;
}
.cNavMenu--vertical .nav__item__in::before, .cNavMenu--verticalMultiple .nav__item__in::before {
position : absolute;
left : 0;
top : 0;
width : 5px;
height : 100%;
content : '';
background-color : transparent;
}
.cNavMenu--vertical .nav__item__in:hover::before, .cNavMenu--verticalMultiple .nav__item__in:hover::before {
background-color : #00adee;
}
.cNavMenu--vertical .page--active > .nav__item__in, .cNavMenu--verticalMultiple .page--active > .nav__item__in {
font-weight : 700;
}
.cNavMenu--vertical .page--active > .nav__item__in::before, .cNavMenu--verticalMultiple .page--active > .nav__item__in::before {
background-color : #00adee;
}
.cNavMenu--horisontal {
display : flex;
flex-wrap : wrap;
align-items : center;
}
@media screen and (min-width: 767px) {
.cNavMenu--horisontal .cPag__nav, .cNavMenu--horisontal .mDrop ul, .cNavMenu--horisontal .nav, .mDrop .cNavMenu--horisontal ul {
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : center;
width : 100%;
}
}
.cNavMenu--horisontal .nav__item {
padding-right : 1.11111rem;
margin-bottom : 1.11111rem;
}
@media screen and (max-width: 766px) {
.cNavMenu--horisontal .nav__item {
width : 100%;
padding-right : 0;
}
}
.cNavMenu--horisontal .nav__item:last-child {
padding-right : 0;
}
.cNavMenu--horisontal .nav__item__in {
display : block;
height : 100%;
padding : 1.11111rem 2.22222rem;
border : #d1d1d1 solid 1px;
background-color : #F2F2F2;
text-decoration : none;
}
.cNavMenu--horisontal .nav__item__in:hover {
text-decoration : underline;
}
.cNavMenu--cols .block-grid--item-soft .block-grid__item {
padding : 0;
margin-bottom : 0.83333rem;
}
.cNavMenu--cols .block-grid--item-soft .block-grid__item .nav__item__in {
display : block;
font-weight : 700;
text-decoration : none;
padding : 1.11111rem 2.22222rem;
border : #d1d1d1 solid 1px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.cNavMenu--cols .block-grid--item-soft .block-grid__item .nav__item__in:hover {
text-decoration : underline;
}
.cPag {
margin-left : auto;
margin-right : auto;
text-align : center;
}
.cPag > ul {
display : inline-block;
margin-bottom : 0;
}
.cPag--before-after > ul {
display : flex;
align-items : center;
justify-content : center;
}
.cPag__item {
float : left;
margin-bottom : 0;
margin-right : 1.11111rem;
width : 30px;
height : 30px;
}
.cPag__item:last-child {
margin-right : 0;
}
.cPag__item--next, .cPag__item--prev {
width : auto;
}
.cPag__item--next .cPag__item__in, .cPag__item--prev .cPag__item__in {
padding-left : 1.11111rem;
padding-right : 1.11111rem;
}
@media screen and (min-width: 767px) {
.cPag__item--prev .cPag__item__in {
padding-left : 1.94444rem;
padding-right : 0.83333rem;
}
}
@media screen and (min-width: 767px) {
.cPag__item--next .cPag__item__in {
padding-right : 1.94444rem;
padding-left : 0.83333rem;
}
}
.cPag__item.active .cPag__item__in {
border-color : #00adee;
border-width : 2px;
padding : 0.22222rem;
}
.cPag__item__in {
position : relative;
display : block;
padding : 0.27778rem;
text-align : center;
background-color : #F2F2F2;
text-decoration : none;
border : #d1d1d1 solid 1px;
font-size : 13px;
font-size : 0.72222rem;
}
.cPag__item__in:hover {
border-color : #00adee;
color : #00ADEE;
}
.cPag__item__in--dots {
border : 0;
background-color : transparent;
color : #666;
}
@media screen and (min-width: 767px) {
.cPag__item__in .icon-pagination-next, .cPag__item__in .icon-pagination-prev {
position : absolute;
top : 50%;
transform : translateY(-50%);
}
}
.cPag__item__in .icon-pagination-next::before, .cPag__item__in .icon-pagination-prev::before {
color : #00adee !important ;
font-size : 10px;
font-size : 0.55556rem;
}
@media screen and (min-width: 767px) {
.cPag__item__in .icon-pagination-prev {
left : 16px;
}
}
@media screen and (min-width: 767px) {
.cPag__item__in .icon-pagination-next {
right : 16px;
}
}
.cPag__nav {
display : inline-block;
}
.cPag__nav__item {
display : inline-block;
margin-bottom : 0;
}
.cPag__nav__item > a {
text-decoration : none;
vertical-align : middle;
}
.cPag__nav__item--prev__icon {
margin-right : 0.16667rem;
}
.cPag__nav__item--next__icon {
margin-left : 0.16667rem;
}
.cPag--respToggle {
margin-bottom : 2.22222rem;
}
.cPag--respToggle .cPag__nav {
border : #d1d1d1 solid 1px;
border-left : 0;
border-right : 0;
}
@media screen and (max-width: 766px) {
.cPag--respToggle .cPag__nav {
display : block;
border-top : 0;
}
}
.cPag--respToggle .cPag__nav__item {
border-bottom : 0;
}
@media screen and (max-width: 766px) {
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4) ~ .cPag__nav__item, .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6) ~ .cPag__nav__item {
width : 50%;
}
.cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4):nth-child(even), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(4) ~ .cPag__nav__item:nth-child(even), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6):nth-child(even), .cPag--respToggle .cPag__nav__item:first-child:nth-last-child(6) ~ .cPag__nav__item:nth-child(even) {
border-left : 0;
}
}
@media screen and (min-width: 767px) {
.cPag--respToggle .cPag__nav__item {
border-top : 0;
border-bottom : 0;
}
}
.cPag--respToggle .cPag__nav__item:last-child, .cPag--respToggle .cPag__nav__item:not(:last-child) {
margin-right : 0;
}
@media screen and (min-width: 767px) {
.cPag--respToggle .cPag__nav__item:not(:last-child) {
border-right : 0;
}
}
.cPag--respToggle .cPag__nav__item > a {
line-height : normal;
}
.cPag--respToggle .cPag__nav__item:hover {
border-color : #d1d1d1;
}
.cPag--respToggle .cPag__nav__item:hover > a {
background-color : #F2F2F2;
}
.cPag--respToggle .cPag__nav__item--next__icon, .cPag--respToggle .cPag__nav__item--prev__icon {
width : 15px;
height : 15px;
background-size : 15px 15px;
}
@media screen and (min-width: 767px) {
.cPag--full .cPag--full__nav {
width : 100%;
}
.cPag--full .cPag--full__nav__item__prev {
float : left;
}
.cPag--full .cPag--full__nav__item__next {
float : right;
}
}
@media screen and (min-width: 767px) {
.cPag--border__nav .cPag--border__nav__item:last-child {
margin-right : 0;
border-right : 0;
}
.cPag--border__nav .cPag__nav__item--first, .cPag--border__nav .cPag__nav__item--last {
border : 0;
}
}
@media screen and (min-width: 767px) {
.cFtr .search__btn, .cFtr .search__field {
display : inline-block;
vertical-align : top;
}
}
.cFtr__mark {
background-color : #F9F172;
}
.cFtr__count {
font-weight : 700;
}
.cFtr__item__results {
font-size : 13px;
font-size : 0.72222rem;
margin-top : 0.37037rem;
}
.cFtr__item__results span {
font-weight : 700;
}
.cFtr__search .field-group__item {
margin-bottom : 0;
height : 50px;
height : 2.77778rem;
}
.cFtr__search .field-group__item + .field-group__item {
margin-left : 0;
}
@media screen and (max-width: 766px) {
.cFtr__search .search__btn, .cFtr__search .search__field {
display : block;
width : 100%;
}
}
.cFtr__search .search__btn {
border : transparent solid 1px;
}
@media screen and (max-width: 766px) {
.cFtr__search .search__btn {
margin-top : 1.11111rem;
}
}
.cFtr__item--gallery {
padding-top : 2.22222rem;
border-bottom : 1px solid #d1d1d1;
border-top : 1px solid #d1d1d1;
}
.cFtr__item__title__sub {
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 767px) {
.cFtr__item__title__sub {
margin-left : 1.11111rem;
}
}
.cFtr__item__img, .cFtr__item__img > img {
width : 100%;
}
@media screen and (min-width: 767px) {
.cFtr__item__img {
float : left;
width : 15%;
}
}
@media screen and (min-width: 767px) {
.cFtr__item__img + .cFtr__item__wrapper {
margin-left : 17%;
}
}
.cFtr__item__anotation > :last-child {
margin-bottom : 0;
}
.cFtr__item__link {
font-size : 13px;
font-size : 0.72222rem;
}
.cFtr__item--gallery__title {
font-size : 12px;
font-size : 0.66667rem;
}
@media screen and (max-width: 766px) {
.cFtr__item--gallery__title {
display : none;
}
}
.cText {
overflow-wrap : break-word;
}
.cText--heading {
margin-bottom : 0;
}
.cMenuTags__number {
display : inline-block;
margin-left : 0.55556rem;
font-size : 13px;
font-size : 0.72222rem;
color : #666;
}
.cMenuTags__number--brackets {
display : inline-flex;
}
.cMenuTags__number--brackets::before {
content : '(';
}
.cMenuTags__number--brackets::after {
content : ')';
}
.cMenuTags .nav__item__in {
padding : 1.11111rem 2.22222rem;
margin-right : 0;
text-decoration : none;
}
.cMenuTags--horisontal {
display : flex;
flex-wrap : wrap;
align-items : center;
margin-bottom : 2.22222rem;
}
.cMenuTags--horisontal .cPag__nav, .cMenuTags--horisontal .mDrop ul, .cMenuTags--horisontal .nav, .mDrop .cMenuTags--horisontal ul {
border : 0;
}
@media screen and (min-width: 767px) {
.cMenuTags--horisontal .cPag__nav, .cMenuTags--horisontal .mDrop ul, .cMenuTags--horisontal .nav, .mDrop .cMenuTags--horisontal ul {
display : flex;
flex-wrap : wrap;
justify-content : center;
width : 100%;
}
}
.cMenuTags--horisontal .nav__item {
border-bottom : 0;
padding-right : 1.11111rem;
margin-bottom : 1.11111rem;
}
@media screen and (max-width: 766px) {
.cMenuTags--horisontal .nav__item {
width : 100%;
padding-right : 0;
}
}
.cMenuTags--horisontal .nav__item:last-child {
padding-right : 0;
}
.cMenuTags--horisontal .nav__item--active .nav__item__in {
border-color : #00adee;
}
.cMenuTags--horisontal .nav__item__in {
display : flex;
align-items : center;
justify-content : center;
height : 100%;
border : #d1d1d1 solid 2px;
background-color : #F2F2F2;
text-decoration : none;
text-align : center;
padding : 1.11111rem;
}
@media screen and (min-width: 1320px) {
.cMenuTags--horisontal .nav__item__in:hover {
text-decoration : underline;
border : #00adee solid 2px;
}
}
.cSitemap__nav {
margin-left : 0;
list-style : none;
}
.cSitemap__item {
margin-bottom : 1.11111rem;
}
.cSitemap__item--lev1 {
font-weight : 700;
}
.cSitemap__item--lev2 {
margin-left : 0.83333rem;
font-size : 17px;
font-size : 0.94444rem;
font-weight : 700;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev2 {
margin-left : 1.66667rem;
}
}
.cSitemap__item--lev3 {
margin-left : 1.66667rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev3 {
margin-left : 3.33333rem;
}
}
.cSitemap__item--lev4 {
margin-left : 2.5rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev4 {
margin-left : 5rem;
}
}
.cSitemap__item--lev5 {
margin-left : 3.33333rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev5 {
margin-left : 6.66667rem;
}
}
.cSitemap__item--lev6 {
margin-left : 4.16667rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev6 {
margin-left : 8.33333rem;
}
}
.cSitemap__item--lev7 {
margin-left : 5rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev7 {
margin-left : 10rem;
}
}
.cSitemap__item--lev8 {
margin-left : 5.83333rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev8 {
margin-left : 11.66667rem;
}
}
.cSitemap__item--lev9 {
margin-left : 6.66667rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev9 {
margin-left : 13.33333rem;
}
}
.cSitemap__item--lev10 {
margin-left : 7.5rem;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cSitemap__item--lev10 {
margin-left : 15rem;
}
}
.cSocialButtons .cPag__nav, .cSocialButtons .mDrop ul, .cSocialButtons .nav, .mDrop .cSocialButtons ul {
display : flex;
}
.cSocialButtons .mDrop ul.text--center, .cSocialButtons .nav.text--center, .cSocialButtons .text--center.cPag__nav, .mDrop .cSocialButtons ul.text--center {
justify-content : center;
}
.cSocialButtons .mDrop ul.text--right, .cSocialButtons .nav.text--right, .cSocialButtons .text--right.cPag__nav, .mDrop .cSocialButtons ul.text--right {
justify-content : flex-end;
}
.cSocialButtons--block .cPag__nav, .cSocialButtons--block .mDrop ul, .cSocialButtons--block .nav, .mDrop .cSocialButtons--block ul {
display : block;
}
.cSocialButtons .nav__item {
margin-bottom : 0;
vertical-align : bottom;
line-height : 0;
}
.cSocialButtons #fb_like .fb-like.fb_iframe_widget iframe, .cSocialButtons #fb_like .fb-like.fb_iframe_widget span {
width : 109px !important ;
}
.cSocialButtons #fb_like .fb-like.fb_iframe_widget[data-share="1"] iframe, .cSocialButtons #fb_like .fb-like.fb_iframe_widget[data-share="1"] span {
width : 188px !important ;
}
.twitterTimeline iframe, .twitterTweet iframe {
width : 100% !important ;
}
.cFbLikebox__likebox {
position : relative;
width : 100%;
overflow : hidden;
}
.cFbLikebox__likebox--fullWidth .fb_iframe_widget, .cFbLikebox__likebox--fullWidth .fb_iframe_widget span, .cFbLikebox__likebox--fullWidth .fb_iframe_widget span iframe[style] {
width : 100% !important ;
}
.cFbLikebox #fb-root {
display : none;
}
#fb_like .fb_iframe_widget > span > iframe[class*="fb_iframe"] {
min-width : 400px;
width : 400px;
position : relative !important ;
}
.cVideo__video {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.cVideo__video iframe {
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
width : 100%;
height : 100%;
}
.cVideo__thumbnail {
aspect-ratio : 16/9;
position : relative;
isolation : isolate;
display : grid;
cursor : pointer;
overflow : hidden;
}
.cVideo__thumbnail.is-active img {
display : none;
}
.cVideo__thumbnail.is-active .cVideo__video {
display : block;
}
.cVideo__thumbnail.is-active::after, .cVideo__thumbnail.is-active::before {
content : unset;
}
.cVideo__thumbnail img, .cVideo__thumbnail::after, .cVideo__thumbnail::before {
transition : 0.35s ease-out;
}
.cVideo__thumbnail img {
height : 100%;
width : 100%;
object-fit : cover;
object-position : center;
transform : scale(1.01);
}
.cVideo__thumbnail::before {
z-index : 2;
position : absolute;
inset : 0;
margin : auto;
display : grid;
place-items : center;
font-size : 50px;
font-size : 2.77778rem;
}
.cVideo__thumbnail .cVideo__video {
display : none;
width : 100%;
height : 100%;
padding : 0;
}
.cVideo__thumbnail .cVideo__video iframe {
position : relative;
}
.cVideo__thumbnail--overlay::after {
z-index : 1;
position : absolute;
inset : 0;
content : "";
background-color : #A5145C;
opacity : 0.5;
}
.cVideo__thumbnail:hover img {
transform : scale(1.075);
}
.cVideo__thumbnail:hover::before {
transform : scale(0.925);
}
.cVideo__btn {
position : absolute;
bottom : 25px;
right : 30px;
width : 35px;
height : 35px;
z-index : 200;
border : #fff solid 3px;
background-color : transparent;
border-radius : 100%;
opacity : 0.5;
transition : opacity 0.3s ease-in-out;
}
.cVideo__btn.is-disabled::after {
position : absolute;
left : 0;
top : 50%;
width : 100%;
height : 3px;
content : '';
background-color : #fff;
transform : rotate(45deg);
}
.cVideo__btn:focus {
outline : 0;
}
.cVideo__btn:hover {
opacity : 1;
}
.cVideo__btn .icon {
width : 19px;
height : 19px;
}
.cVideo__btn .icon::before {
color : #fff;
}
.cVideo__btn--sound + .cVideo__btn--play {
right : 80px;
}
.cVideo--mobile {
background-size : cover;
background-position : 50% 50%;
}
.cInstagram__profile {
display : inline-block;
margin-bottom : 1.11111rem;
text-decoration : none;
}
.cInstagram.civava .cInstagram__video__icon, .cInstagram.konik .cInstagram__video__icon {
display : none;
}
.cInstagram.civava .cInstagram__video__icon--civava, .cInstagram.konik .cInstagram__video__icon--konik {
display : block;
}
.cInstagram__item {
position : relative;
height : 150px;
overflow : hidden;
}
@media screen and (min-width: 767px) {
.cInstagram__item {
height : 280px;
}
}
.cInstagram__item:hover .cInstagram__video__icon {
transform : scale(1.1);
}
.cInstagram__lightbox, .cInstagram__wrapper {
position : relative;
display : block;
width : 100%;
height : 100%;
}
.cInstagram__lightbox::before, .cInstagram__wrapper::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
content : '';
background-color : rgb(0, 0, 0, 0.4);
opacity : 0;
transition : opacity 0.2s ease-in-out;
}
.cInstagram__lightbox:hover .cInstagram__stats, .cInstagram__lightbox:hover::before, .cInstagram__wrapper:hover .cInstagram__stats, .cInstagram__wrapper:hover::before {
opacity : 1;
}
.cInstagram__lightbox--video::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
content : '';
background-color : rgb(0, 0, 0, 0.4);
opacity : 0.5;
transition : opacity 0.2s ease-in-out;
}
.cInstagram__img {
position : absolute;
left : 0;
top : 0;
display : block;
}
.cInstagram__img--video {
width : 100%;
height : 100%;
object-fit : cover;
}
.cInstagram__video {
position : relative;
width : 100%;
height : 100%;
}
.cInstagram__video__icon {
position : absolute;
left : 50%;
top : 50%;
width : 90px;
height : 90px;
margin-left : -45px;
margin-top : -45px;
z-index : 1;
transition : transform 0.2s ease-in-out;
}
.cInstagram__video__icon--civava, .cInstagram__video__icon--konik {
display : none;
}
.cInstagram__stats {
width : 100%;
margin : 0;
padding : 0;
z-index : 2;
text-align : center;
opacity : 0;
}
.cInstagram__stats__item {
display : block;
color : #fff;
}
@media screen and (min-width: 767px) {
.cInstagram__stats__item {
display : inline-block;
vertical-align : middle;
}
}
@media screen and (min-width: 767px) {
.cInstagram__stats__item--comments {
margin-left : 1.38889rem;
}
}
.cInstagram__stats__number {
font-weight : 700;
margin-left : 0.27778rem;
}
.cInstagram__stats .icon::before {
color : #fff;
font-size : 22px;
font-size : 1.22222rem;
}
.cNewsletter .cHeading {
font-weight : 700;
}
.cNewsletter .cForm__gdpr label {
visibility : visible;
width : auto;
height : auto;
overflow : visible;
position : static;
left : auto;
clip : auto;
margin-top : 10px;
font-size : 13px;
font-size : 0.72222rem;
}
.cNewsletter .checkbox-design label {
position : absolute;
left : 0;
width : 20px;
height : 20px;
margin-top : 0;
}
.cNewsletter__tags {
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 1024px) {
.cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cftSearch--standard .cftSearch__submit, .cNewsletter .field, .cftSearch--standard .cNewsletter .cftSearch__submit {
height : 40px;
}
}
.cNewsletter--colored:not(form) {
padding : 2.22222rem;
background-color : #F2F2F2;
border : #d1d1d1 solid 1px;
}
.cNewsletter--fullWidth:not(form) {
text-align : center;
}
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .cHeading {
display : inline-block;
vertical-align : middle;
margin-bottom : 0;
padding-right : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .cNewsletter__wrapper {
display : inline-block;
vertical-align : middle;
}
}
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .field {
min-width : 330px;
min-width : 18.33333rem;
}
}
.cNewsletter--fullWidth:not(form) .grid__item, .cNewsletter--fullWidth:not(form) .label--inline, .cNewsletter--fullWidth:not(form) .label--inline + .field {
display : block;
}
@media screen and (min-width: 1024px) {
.cNewsletter--fullWidth:not(form) .grid__item, .cNewsletter--fullWidth:not(form) .label--inline, .cNewsletter--fullWidth:not(form) .label--inline + .field {
display : inline-block;
width : auto;
}
}
.cNewsletter .cForm {
background-color : transparent;
margin-bottom : 0;
}
.cNewsletter .cForm__inner {
padding : 0;
background-color : transparent;
}
.cNewsletter .form-fields {
position : relative;
}
@media screen and (min-width: 767px) {
.cNewsletter .form-fields .btn, .cNewsletter .form-fields .cClientZone__logout, .cNewsletter .form-fields .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields li, .cftSearch--standard .cNewsletter .form-fields .cftSearch__submit {
display : inline-block;
margin-bottom : 0;
}
}
.cNewsletter .form-fields__inner {
margin-bottom : 0;
}
.cNewsletter .form-fields .btn, .cNewsletter .form-fields .cClientZone__logout, .cNewsletter .form-fields .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .cftSearch__submit {
float : none;
width : 100%;
margin-top : 1.11111rem;
}
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .btn, .cNewsletter .form-fields .cClientZone__logout, .cNewsletter .form-fields .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .cftSearch__submit {
margin-top : 0;
min-height : 38px;
}
}
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item .field, .cNewsletter .form-fields .label--inline .field, .cNewsletter .form-fields .label--inline + .field .field {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
}
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item + .grid__item, .cNewsletter .form-fields .grid__item + .label--inline, .cNewsletter .form-fields .label--inline + .field, .cNewsletter .form-fields .label--inline + .field + .grid__item, .cNewsletter .form-fields .label--inline + .field + .label--inline, .cNewsletter .form-fields .label--inline + .grid__item, .cNewsletter .form-fields .label--inline + .label--inline, .cNewsletter .form-fields .label--inline + .label--inline.field + .field {
padding-left : 0;
vertical-align : top;
}
}
@media screen and (min-width: 1024px) {
.cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .field .form-fields__inner, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner {
margin-left : 0;
}
.cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cftSearch--standard .cftSearch__submit, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .btn, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cClientZone__logout, .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .grid__item + .grid__item .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .grid__item + .label--inline .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .field .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .field + .grid__item .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .field + .label--inline .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .grid__item .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .label--inline .form-fields__inner .cftSearch__submit, .cftSearch--standard .cNewsletter .form-fields .label--inline + .label--inline.field + .field .form-fields__inner .cftSearch__submit {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
}
.cftSearch--fullWidth__open, .cftSearch--fullWidth__open body {
overflow : hidden;
height : 100%;
width : 100%;
}
.cClientZone .cForm {
margin-bottom : 0;
background-color : transparent;
}
.cClientZone .cForm__inner {
background-color : transparent;
padding : 0;
}
.cClientZone .grid {
margin : 0;
}
.cClientZone .grid__item, .cClientZone .label--inline, .cClientZone .label--inline + .field {
padding-left : 0;
}
.cClientZone__field {
display : block;
margin-bottom : 1.11111rem;
}
.cClientZone__field:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.cClientZone__field {
display : inline-block;
vertical-align : middle;
margin-right : 1.11111rem;
margin-bottom : 0;
}
.cClientZone__field:last-child {
margin-right : 0;
}
}
.cClientZone.fullScreen {
background-color : transparent;
border : 0;
text-align : center;
padding : 0;
color : #fff;
}
.cClientZone.fullScreen .cClientZone__inner {
max-width : 350px;
max-width : 19.44444rem;
margin : auto;
}
.cClientZone.fullScreen .cClientZone__field {
margin-right : 0;
}
.cClientZone.fullScreen .cClientZone__title {
margin-bottom : 1.11111rem;
color : #fff;
}
.cClientZone.fullScreen a {
color : #fff;
text-align : left;
margin-top : 1.11111rem;
}
.cClientZone.fullScreen .grid__item, .cClientZone.fullScreen .label--inline, .cClientZone.fullScreen .label--inline + .field {
display : block;
margin-right : 0;
margin-bottom : 1.11111rem;
width : 100%;
}
.cClientZone.fullScreen .grid__item:last-child, .cClientZone.fullScreen .label--inline + .field:last-child, .cClientZone.fullScreen .label--inline:last-child {
margin-bottom : 0;
}
.cClientZone.fullScreen .cForm {
display : block;
}
.cClientZone.fullScreen .cForm .btn, .cClientZone.fullScreen .cForm .cClientZone__logout, .cClientZone.fullScreen .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cClientZone.fullScreen .cForm .cftSearch__submit {
float : none;
height : auto;
width : 100%;
margin : auto;
display : block;
}
.cClientZone.fullScreen .cForm label {
text-align : left;
color : #fff;
}
.cClientZone.fullScreen .cClientZone__pswdForm a {
display : block;
text-align : center;
}
.cClientZone.dropDown {
position : absolute;
left : 0;
top : 100%;
border-top : 1px solid #d1d1d1;
border-bottom : 1px solid #d1d1d1;
}
.mm-opened .cClientZone.dropDown {
top : calc(100% + 50px);
top : calc(100% + 50px);
top : calc(100% + 50px);
}
.cClientZone.dropDown .cClientZone__inner {
max-width : 1470px;
margin : auto;
text-align : center;
}
.cClientZone.dropDown .cClientZone__title, .cClientZone.dropDown .cForm {
margin-bottom : 0.55556rem;
}
@media screen and (min-width: 767px) {
.cClientZone.dropDown .cClientZone__title, .cClientZone.dropDown .cForm {
display : inline-block;
vertical-align : top;
margin : 0;
}
}
.cClientZone.dropDown .cClientZone__title {
margin : 0.55556rem 1.11111rem 0 0;
}
.cClientZone.dropDown .field {
width : 100%;
}
@media screen and (min-width: 1600px) {
.cClientZone.dropDown .field {
width : 200px;
}
}
.cClientZone.dropDown .grid__item, .cClientZone.dropDown .label--inline, .cClientZone.dropDown .label--inline + .field {
width : 100%;
margin-bottom : 1.11111rem;
}
@media screen and (min-width: 767px) {
.cClientZone.dropDown .grid__item, .cClientZone.dropDown .label--inline, .cClientZone.dropDown .label--inline + .field {
width : auto;
padding-left : 1.11111rem;
margin-bottom : 0;
}
}
.cClientZone.dropDown .show-forget-form {
margin-left : 1.11111rem;
}
.cClientZone.dropDown .cClientZone__addition {
display : inline-block;
vertical-align : middle;
margin-top : 1.11111rem;
}
.cClientZone.dropDown .cClientZone__addition .cClientZone__title {
display : block;
margin-right : 0;
}
.cClientZone.dropDown .forget-pswd-form .cForm {
display : block;
width : 100%;
}
@media screen and (min-width: 1024px) {
.cClientZone.dropDown .forget-pswd-form .field {
width : 300px;
}
}
.cClientZone__title {
font-size : 30px;
font-size : 1.66667rem;
font-weight : 700;
}
.cClientZone__noLogin {
margin-top : 1.11111rem;
}
.cClientZone__addition {
margin-top : 2.22222rem;
}
.cClientZone__addition a {
display : block;
}
.cClientZone__desc {
margin-bottom : 1.11111rem;
}
.cClientZone__link {
font-size : 13px;
font-size : 0.72222rem;
margin-top : 0.88889rem;
}
.cClientZone__link [class*="icon-"]::before {
color : #666;
font-size : 18px;
font-size : 1rem;
padding-right : 1.11111rem;
}
.cClientZone.fullScreen .cClientZone__link [class*="icon-"]::before {
color : #fff;
}
@media screen and (max-width: 766px) {
.cClientZone .clientZone__field {
display : block;
position : relative;
margin-bottom : 1.11111rem;
text-align : left;
}
.cClientZone .clientZone__field input {
width : 100%;
}
}
.cClientZone--header {
width : 100%;
background-color : #fff;
padding : 1.11111rem;
}
.cClientZone--header .clientZone__wrapper {
max-width : 100%;
margin : 0;
position : relative;
padding : 2.22222rem 1.11111rem 0;
}
@media screen and (min-width: 767px) {
.cClientZone--header .clientZone__wrapper {
padding : 2.22222rem 1.11111rem;
}
}
.cClientZone--header .closeButton {
top : 0;
right : 0;
}
@media screen and (min-width: 767px) {
.cClientZone--header .closeButton {
font-size : 50px;
font-size : 2.77778rem;
top : 0;
right : 0;
}
}
@media screen and (max-width: 766px) {
.cClientZone--header .cForm .btn, .cClientZone--header .cForm .cClientZone__logout, .cClientZone--header .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cClientZone--header .cForm .cftSearch__submit {
width : 100%;
float : none;
}
}
@media screen and (min-width: 767px) {
.cClientZone--header .cForm .btn, .cClientZone--header .cForm .cClientZone__logout, .cClientZone--header .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cClientZone--header .cForm .cftSearch__submit {
height : 40px;
}
}
.cClientZone__pswdForm .cClientZone__title {
margin-bottom : 0;
}
.cClientZone__pswdForm .cClientZone__field {
font-size : 13px;
font-size : 0.72222rem;
}
.cClientZone__pswdForm .cClientZone__field:not(:last-child), .cClientZone__pswdForm .cForm {
margin-bottom : 0.55556rem;
}
.cClientZone__pswdForm .alert {
margin-top : 1.11111rem;
}
.cClientZone__isLogged > p {
margin-bottom : 1.11111rem;
}
.cClientZone__isLogged .cClientZone__userName {
font-weight : 700;
}
.cClientZone .form-fields__inner {
margin-bottom : 0;
}
.cClientZone.fullScreen.active {
display : block !important ;
}
.cMap__panel {
position : relative;
padding : 1.11111rem;
border : #d1d1d1 solid 1px;
border-top : 0;
border-bottom-left-radius : 3px;
border-bottom-right-radius : 3px;
background-color : #F2F2F2;
}
@media screen and (min-width: 767px) {
.cMap__panel {
text-align : center;
padding : 2.22222rem;
}
}
.cMap__panel--top {
border-top : 1px solid #d1d1d1;
border-bottom : 0;
border-radius : 3px 3px 0 0;
}
@media screen and (min-width: 767px) {
.cMap__field, .cMap__field > label {
margin-right : 1.11111rem;
display : inline-block;
vertical-align : middle;
width : auto;
margin-bottom : 0;
}
}
.cMap__field:last-child {
margin-right : 0;
}
.cMap__field__title {
font-size : 13px;
font-size : 0.72222rem;
}
.cMap__field__from {
position : relative;
}
@media screen and (max-width: 766px) {
.cMap__field__from {
display : block;
}
}
.cMap__field select {
vertical-align : middle;
}
.cMap__field .field-group__item {
margin-bottom : 0;
margin-left : 0;
}
.cMap__field .cftSearch--standard .field-group__item.cftSearch__submit, .cMap__field .field-group__item.btn, .cMap__field .field-group__item.cClientZone__logout, .cftSearch--standard .cMap__field .field-group__item.cftSearch__submit {
border-bottom : 0;
min-height : 38px;
}
.cMap__field .field-group__item > span {
display : inline-block;
}
@media screen and (max-width: 766px) {
.cMap .field {
width : 100%;
}
}
@media screen and (min-width: 767px) {
.cMap .field {
margin-left : 0.55556rem;
}
}
.cMap .field--to {
padding-right : 2.22222rem;
}
.cMap .field--searchbox {
margin-left : 0;
width : 100%;
min-width : 100%;
}
@media screen and (min-width: 1470px) {
.cMap .field--searchbox {
width : calc(50% + 20px);
width : calc(50% + 20px);
width : calc(50% + 20px);
min-width : 0;
}
}
.cMap .field, .cMap .field-group {
max-width : 100%;
}
@media screen and (max-width: 766px) {
.cMap .btn, .cMap .cClientZone__logout, .cMap .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMap .cftSearch__submit {
margin-top : 1.11111rem;
text-align : center;
}
}
.cMap__hideRoute {
display : inline-block;
margin-top : 0.55556rem;
}
.cMap__oneResult {
margin-left : 0.55556rem;
}
.cMap__locButton {
right : 20px;
text-decoration : none;
}
.cMap__locButton .icon-location::before {
font-size : 18px;
font-size : 1rem;
}
.cMap__list {
margin : 0;
}
.cMap .adp table {
width : 100%;
background-color : #eee;
}
.cMap.lt700 .cMap__panel {
text-align : left;
}
.cMap.lt700 .cMap__field {
display : block;
margin-right : 0;
}
.cMap.lt700 .cMap__field__from {
display : block;
}
.cMap.lt700 .cMap__field--to {
margin-top : 1.11111rem;
}
.cMap.lt700 .cMap__field--btn {
text-align : right;
}
.cMap.lt700 .field {
margin-left : 0;
}
.cMap.lt700 .btn, .cMap.lt700 .cClientZone__logout, .cMap.lt700 .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMap.lt700 .cftSearch__submit {
margin-top : 1.11111rem;
}
.cMap.gt900 .field--from {
min-width : 370px;
min-width : 20.55556rem;
}
.cMap.lt850.gt700 .field {
width : auto;
max-width : 200px;
min-width : 0;
}
.cMap.lt850.gt700 .field--searchbox {
max-width : 100%;
width : 100%;
}
.cMap--mobile .cMap__address {
margin : 1.11111rem 0;
font-style : normal;
}
.cMap--mobile .btn, .cMap--mobile .cClientZone__logout, .cMap--mobile .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMap--mobile .cftSearch__submit {
position : relative;
padding-left : 1.94444rem;
padding-right : 0.55556rem;
text-align : left;
font-size : 12px;
font-size : 0.66667rem;
font-weight : 400;
}
.cMap--mobile .cForm::before, .cMap--mobile .cPerson__link--icon-email, .cMap--mobile .cPerson__link--icon-mobile, .cMap--mobile .icon-location, .cMap--mobile .icon-mail, .cMap--mobile .icon-phone, .cMap--mobile .infoText--mail::before, .cMap--mobile .infoText--phone::before, .cMap--mobile .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .cMap--mobile .form-fields__inner:first-child::before {
left : 10px;
width : 18px;
text-align : center;
}
.cMap--mobile .cForm::before, .cMap--mobile .cPerson__link--icon-email::before, .cMap--mobile .cPerson__link--icon-mobile::before, .cMap--mobile .icon-location::before, .cMap--mobile .icon-mail::before, .cMap--mobile .icon-phone::before, .cMap--mobile .infoText--mail::before, .cMap--mobile .infoText--phone::before, .cMap--mobile .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .cMap--mobile .form-fields__inner:first-child::before {
color : #666;
font-size : 30px;
font-size : 1.66667rem;
}
.cMap .cMap__directionsPanel img, .cMap img[src*="gstatic.com/"] {
max-width : none;
}
.cMap .adp-stepicon {
display : block !important ;
}
.cMap .smap-suggest {
width : 100%;
}
@media screen and (min-width: 1470px) {
.cMap .smap-suggest {
width : 50%;
left : 50%;
transform : translateX(-50%);
}
}
.cMap .smap .cluster div {
box-sizing : content-box;
border-width : 6px;
}
.cMap.gt900 .cMap__panel .smap-suggest {
width : 100%;
left : 50%;
transform : translateX(-50%);
}
@media screen and (min-width: 767px) {
.cCopyright__inner {
display : flex;
align-items : center;
}
}
@media screen and (min-width: 1470px) {
.cCopyright__inner {
max-width : 1470px;
margin : auto;
}
}
@media screen and (min-width: 767px) {
.cCopyright.left {
text-align : left;
}
}
@media screen and (min-width: 767px) {
.cCopyright.center {
text-align : center;
}
}
.cCopyright.center .cCopyright__logo {
width : auto;
}
@media screen and (min-width: 767px) {
.cCopyright.center .cCopyright__logo {
width : 200px;
}
}
@media screen and (min-width: 1024px) {
.cCopyright.center .cCopyright__logo {
width : 275px;
}
}
@media screen and (min-width: 767px) {
.cCopyright.right {
text-align : right;
}
}
@media screen and (min-width: 767px) {
.cCopyright--hasLogo.center .cCopyright__textContent {
margin-left : -200px;
}
}
@media screen and (min-width: 1024px) {
.cCopyright--hasLogo.center .cCopyright__textContent {
margin-left : -275px;
}
}
@media screen and (min-width: 767px) {
.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left : 200px;
}
}
@media screen and (min-width: 1024px) {
.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left : 275px;
}
}
.cCopyright--hasLogo.cCopyright--ebranaLogo.center .cCopyright__textContent {
margin-left : 0;
}
@media screen and (max-width: 766px) {
.cCopyright__logo {
text-align : left;
margin-left : auto;
margin-right : auto;
}
}
.cCopyright__logo a {
display : block;
text-decoration : none;
}
@media screen and (max-width: 766px) {
.cCopyright__logo a {
text-align : center;
}
}
.cCopyright__logo img {
display : block;
max-width : 100px;
margin : auto;
}
@media screen and (min-width: 767px) {
.cCopyright__logo img {
padding-right : 0.55556rem;
max-width : 200px;
margin-left : 0;
}
}
@media screen and (min-width: 1024px) {
.cCopyright__logo img {
max-width : 275px;
padding-right : 2.22222rem;
}
}
.cCopyright__logo .icon {
width : auto;
height : auto;
text-align : center;
}
@media screen and (max-width: 766px) {
.cCopyright__logo .icon {
margin-top : 6px;
}
}
@media screen and (min-width: 767px) {
.cCopyright__logo .icon {
text-align : right;
}
}
.cCopyright__logo .icon::before {
font-size : 40px;
font-size : 2.22222rem;
color : #fff;
}
@media screen and (min-width: 767px) {
.cCopyright__logo .icon::before {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cCopyright__logo--ebrana {
text-align : right;
padding-left : 1.11111rem;
}
}
@media screen and (max-width: 766px) {
.cCopyright__logo--company {
margin-bottom : 1.11111rem;
}
}
.cCopyright__logo__text {
display : block;
color : #fff;
font-size : 10px;
font-size : 0.55556rem;
text-transform : uppercase;
text-align : center;
}
@media screen and (min-width: 767px) {
.cCopyright__logo__text {
display : inline-block;
vertical-align : middle;
text-align : left;
margin-right : 1.11111rem;
}
}
@media screen and (max-width: 766px) {
.cCopyright__textContent {
margin-bottom : 1.11111rem;
text-align : center;
}
}
@media screen and (min-width: 767px) {
.cCopyright__textContent {
flex-grow : 2;
}
}
.cCopyright__recaptcha {
justify-content : center;
flex-wrap : wrap;
width : 100%;
}
@media screen and (max-width: 766px) {
.cCopyright__recaptcha {
padding : 1rem 1rem 0;
margin-top : 0;
clear : both;
line-height : 1.5;
}
}
@media screen and (min-width: 767px) {
.cCopyright__recaptcha {
position : relative;
left : 50%;
transform : translateX(-50%);
margin : 0.5rem auto 0;
opacity : 0.8;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1.3;
}
}
@media screen and (min-width: 1470px) {
.cCopyright__recaptcha {
max-width : 1470px;
}
}
.cCopyright__recaptcha a {
margin : 0 5px;
}
.cYtCanal__desc {
margin-bottom : 0;
}
.cYtCanal__title {
margin-top : 1.11111rem;
}
.cYtCanal__duration {
font-size : 13px;
font-size : 0.72222rem;
color : #777;
}
.cYtCanal__wrapper {
position : relative;
padding-bottom : 56.25%;
height : 0;
overflow : hidden;
}
.cYtCanal__wrapper iframe {
top : 0;
left : 0;
right : 0;
bottom : 0;
position : absolute;
width : 100%;
height : 100%;
}
.cExtraWork {
border : #e83f3e solid 1px;
padding : 2.22222rem;
}
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size : 35px;
font-size : 1.94444rem;
color : #fff;
}
@media screen and (min-width: 767px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size : 37px;
font-size : 2.05556rem;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cHtmlSlider .rsABlock__perex, .cHtmlVideo__text {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size : 53px;
font-size : 2.94444rem;
color : #fff;
}
@media screen and (min-width: 767px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size : 60px;
font-size : 3.33333rem;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size : 70px;
font-size : 3.88889rem;
}
}
@media screen and (min-width: 1600px) {
.cHtmlSlider .rsABlock__title, .cHtmlVideo__title {
font-size : 70px;
font-size : 3.88889rem;
}
}
.cHtmlSlider .rsBullets, .cImageSlider .rsBullets {
position : absolute;
bottom : 35px;
bottom : 1.94444rem;
}
.cHtmlSlider .royalSlider.rsVer .rsArrowLeft .rsArrowIcn::before, .cImageSlider .royalSlider.rsVer .rsArrowLeft .rsArrowIcn::before {
transform : translate(-50%,-50%) rotate(90deg);
}
.cHtmlSlider .royalSlider.rsVer .rsArrowRight .rsArrowIcn::before, .cImageSlider .royalSlider.rsVer .rsArrowRight .rsArrowIcn::before {
transform : translate(-50%,-50%) rotate(-90deg);
}
.cHtmlSlider--fullHeight, .cImageSlider--fullHeight {
height : 100vh;
}
.cHtmlSlider--fullHeight .royalSlider, .cHtmlSlider--fullHeight .rsOverflow, .cImageSlider--fullHeight .royalSlider, .cImageSlider--fullHeight .rsOverflow {
height : 100% !important ;
}
.cHtmlSlider.preload img, .cImageSlider.preload img {
visibility : hidden;
opacity : 0;
}
.cHtmlSlider.preload .royalSlider, .cImageSlider.preload .royalSlider {
height : 100%;
background-color : #F2F2F2;
}
.cHtmlSlider {
position : relative;
}
.cHtmlSlider .royalSlider {
margin : auto;
max-width : 100%;
}
.cHtmlSlider .royalSlider img {
width : 100%;
height : 100%;
object-fit : cover;
}
.cHtmlSlider--fixHeight .rsOverflow, .cHtmlSlider--fixHeight .rsSlide, .cHtmlSlider--is-fullscreen .rsOverflow, .cHtmlSlider--is-fullscreen .rsSlide {
height : 100% !important ;
}
.cHtmlSlider__box {
position : absolute;
z-index : 2;
padding : 2.22222rem;
backface-visibility : hidden;
width : 100%;
top : 5%;
left : 5%;
}
@media screen and (min-width: 1470px) {
.cHtmlSlider__box {
max-width : 1470px;
}
}
@media screen and (max-width: 766px) {
.cHtmlSlider__box {
text-align : center;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.cHtmlSlider__box.subpixel-fix {
transform : translateY(calc(-50% + 0.5px));
}
}
.cHtmlSlider__box .rsABlock__perex {
margin-bottom : 0;
}
.cHtmlSlider .rsABlock {
position : static;
width : 100%;
margin : 0;
padding : 0;
background-color : transparent;
}
.cHtmlSlider .rsABlock__perex .btn, .cHtmlSlider .rsABlock__perex .cClientZone__logout, .cHtmlSlider .rsABlock__perex .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cHtmlSlider .rsABlock__perex .cftSearch__submit {
margin-top : 60px;
}
.cHtmlSlider .btn--slide {
margin-top : 1.11111rem;
}
.cHtmlSlider--mobile {
margin-bottom : 40px;
}
.cHtmlSlider--mobile__perex, .cHtmlSlider--mobile__title {
margin-bottom : 0;
}
.cHtmlSlider__anchor {
position : absolute;
right : 0;
bottom : 2rem;
left : 0;
margin : auto;
width : 100%;
height : 50px;
display : flex;
justify-content : center;
align-items : flex-end;
}
@media (min-width: 768px) {
.cHtmlSlider__anchor {
bottom : 6rem;
}
}
.cHtmlSlider__anchor a:not(.noLink) {
height : max-content;
}
.cHtmlSlider__anchor .icon {
width : 40px;
height : 40px;
text-align : center;
transition : transform 0.25s, opacity 0.25s;
opacity : 0.9;
}
.cHtmlSlider__anchor .icon:hover {
opacity : 1;
transform : translateY(10px);
}
.cHtmlSlider__anchor .icon::before {
color : #FFF;
font-size : 45px;
font-size : 2.5rem;
}
.cHtmlSlider .rsTabs, .cImageSlider .rsTabs {
position : absolute;
top : auto;
bottom : 40px;
z-index : 10;
padding-top : 0;
}
.cHtmlSlider .rsTabs .rsTab, .cHtmlSlider .rsTabs .rsTab.rsNavSelected, .cImageSlider .rsTabs .rsTab, .cImageSlider .rsTabs .rsTab.rsNavSelected {
width : auto;
height : auto;
}
.cImageSlider {
position : relative;
}
.cImageSlider .royalSlider {
margin : auto;
max-width : 100%;
}
.cImageSlider .royalSlider img {
width : 100%;
height : 100%;
object-fit : cover;
}
.cImageSlider--fixHeight .rsOverflow, .cImageSlider--fixHeight .rsSlide {
height : 100% !important ;
max-width : 100%;
}
.cImageSlider--fullscreen .rsOverflow, .cImageSlider--fullscreen .rsSlide {
height : 100% !important ;
}
.cImageSlider .rsContent > a {
display : block;
width : 100%;
height : 100%;
}
@media screen and (max-width: 766px) {
.cGallery--nearby .royalSlider img, .cGallery--nearby img {
max-width : 100% !important ;
}
}
.cGallery--custom-height {
height : 300px;
}
@media screen and (min-width: 767px) {
.cGallery--custom-height {
height : 400px;
}
}
@media screen and (min-width: 1024px) {
.cGallery--custom-height {
height : 500px;
}
}
.cGallery--custom-height .royalSlider, .cGallery--custom-height .rsOverflow, .cGallery--custom-height .rsSlide {
height : 100% !important ;
}
.cGallery--custom-height .royalSlider .rsContainer a:hover img {
transform : translateY(-50%) !important ;
}
.cGallery--custom-height .royalSlider .rsContainer img {
display : block;
position : relative;
top : 50%;
transform : translateY(-50%);
width : auto !important ;
height : auto !important ;
max-width : 100%;
max-height : 100%;
min-height : 0 !important ;
min-width : 0 !important ;
margin : auto !important ;
}
.cGallery--custom-height .rsOverflow {
padding-right : 0 !important ;
}
.cGallery--custom-height.cGallery--is-hidden {
display : none !important ;
}
.cGallery--preview {
position : relative;
}
.cGallery--preview.cGallery--ratio1-1 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$="__inner"], .cGallery--preview.cGallery--ratio1-1 .rsSlide [class$="__image"], .cGallery--preview.cGallery--ratio1-1 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery--preview.cGallery--ratio1-1 .rsSlide:after {
display : block;
content : '';
padding-top : 100%;
}
.cGallery--preview.cGallery--ratio1-1 .rsSlide > a {
position : absolute;
}
.cGallery--preview.cGallery--ratio1-1 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
.cGallery--preview.cGallery--ratio4-3 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$="__inner"], .cGallery--preview.cGallery--ratio4-3 .rsSlide [class$="__image"], .cGallery--preview.cGallery--ratio4-3 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery--preview.cGallery--ratio4-3 .rsSlide:after {
display : block;
content : '';
padding-top : 75%;
}
.cGallery--preview.cGallery--ratio4-3 .rsSlide > a {
position : absolute;
}
.cGallery--preview.cGallery--ratio4-3 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
.cGallery--preview.cGallery--ratio16-9 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$="__inner"], .cGallery--preview.cGallery--ratio16-9 .rsSlide [class$="__image"], .cGallery--preview.cGallery--ratio16-9 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery--preview.cGallery--ratio16-9 .rsSlide:after {
display : block;
content : '';
padding-top : 56.25%;
}
.cGallery--preview.cGallery--ratio16-9 .rsSlide > a {
position : absolute;
}
.cGallery--preview.cGallery--ratio16-9 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
@media screen and (max-width: 766px) {
.cGallery--preview .cProductListBox__img img {
max-width : 100%;
min-width : 0;
}
}
.cGallery.cGallery--productDetail {
overflow : hidden;
}
.cGallery.cGallery--productDetail.cGallery--custom-height {
overflow : visible;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault img {
max-width : 100%;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs {
justify-content : flex-start;
height : 100px;
height : 5.55556rem;
margin-top : 1.11111rem;
padding : 0;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrow {
top : 50%;
margin-top : -1.11111rem;
width : 40px;
width : 2.22222rem;
height : 40px;
height : 2.22222rem;
background-color : #00adee;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrow .rsThumbsArrowIcn {
color : #fff;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsArrowRight {
left : auto;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer {
display : grid;
grid-auto-flow : column;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer .rsThumb {
display : flex;
align-items : center;
justify-content : center;
width : 115px;
width : 6.38889rem;
height : 100px;
height : 5.55556rem;
border-radius : 0;
box-sizing : border-box;
background-color : transparent;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer .rsThumb.rsNavSelected img {
opacity : 1;
}
.cGallery.cGallery--productDetail .royalSlider.rsDefault .rsThumbs .rsThumbsContainer img {
object-fit : contain;
height : auto;
}
.cGallery--slide .rsContent {
opacity : 1 !important ;
}
.cGallery--slide .rsContent:not(:first-child) {
display : none;
}
.cGallery--slide .grid__item > a img, .cGallery--slide .label--inline + .field > a img, .cGallery--slide .label--inline > a img {
top : 0;
transform : none;
}
.cGallery--slide .grid__item > a:hover img, .cGallery--slide .label--inline + .field > a:hover img, .cGallery--slide .label--inline > a:hover img {
transform : none;
}
.cGallery--user-am .cGallery__wrapper > a::before {
display : none;
}
.cGallery--user-am .cGallery__wrapper > a img {
object-fit : contain;
transition : none;
}
.cGallery--user-am .cGallery__wrapper > a:hover img {
transform : translateY(-50%);
}
.cGallery--block .block-grid {
display : block;
}
.cGallery--block .block-grid__item {
display : flex;
width : 100%;
margin-bottom : 0;
align-items : center;
padding : 1rem 0;
border-bottom : 1px solid #d1d1d1;
}
.cGallery--block .block-grid__item:last-of-type {
border-bottom : 0;
}
.cGallery--block .cGallery__wrapper {
max-width : 100px;
min-width : 100px;
}
.cGallery--block .cGallery__title {
padding-left : 1.5rem;
text-align : left;
max-width : 70%;
}
.cGallery--hasBackground .grid {
padding : 2rem;
margin-left : -4rem;
}
@media (min-width: 1500px) {
.cGallery--hasBackground .grid {
padding : 4rem;
}
}
.cGallery--hasBackground .grid .grid__item, .cGallery--hasBackground .grid .label--inline, .cGallery--hasBackground .grid .label--inline + .field {
padding-left : 4rem;
}
@media (min-width: 768px) {
.cGallery--hasBackground .grid .grid__item, .cGallery--hasBackground .grid .label--inline, .cGallery--hasBackground .grid .label--inline + .field {
margin-bottom : 0;
}
}
.cGallery .royalSlider--loading {
opacity : 0.8;
margin-left : 0;
}
.cGallery .royalSlider--loading .grid {
margin-left : 0;
}
.cGallery .royalSlider--loading .grid__item, .cGallery .royalSlider--loading .label--inline, .cGallery .royalSlider--loading .label--inline + .field {
padding : 0 1rem;
}
@keyframes skeletonLoading {
from {
opacity : 0.8;
}
to {
opacity : 1;
}
}
.cGallery .royalSlider--loading .cGallery__wrapper {
animation : skeletonLoading 1s infinite alternate;
}
.cGallery .royalSlider--loading .rsTmb {
opacity : 0;
}
@media screen and (max-width: 766px) {
.cGallery--nearby .royalSlider img, .cGallery--nearby img {
max-width : 100% !important ;
}
}
.cGallery--nearby .rsGCaption {
visibility : hidden;
opacity : 0;
}
.cGallery--nearby .rsGCaption.is-animated {
visibility : visible;
opacity : 1;
transition : all 0.3s ease-in-out;
}
.cGallery--nearby.cGallery--nearby-fullwidth {
border : 0;
}
.cGallery.cGallery--preview {
position : relative;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide > a, .cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide > a, .cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide > a {
display : flex;
align-items : center;
justify-content : center;
padding : 20px;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$="__inner"], .cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide [class$="__image"], .cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide:after {
display : block;
content : '';
padding-top : 100%;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide > a {
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio1-1 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$="__inner"], .cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide [class$="__image"], .cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide:after {
display : block;
content : '';
padding-top : 75%;
}
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide > a {
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio4-3 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide {
display : inline-block;
width : 100%;
overflow : hidden;
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$="__inner"], .cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide [class$="__image"], .cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide img {
position : absolute;
width : 100%;
}
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide:after {
display : block;
content : '';
padding-top : 56.25%;
}
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide > a {
position : absolute;
}
.cGallery.cGallery--preview.cGallery--ratio16-9 .rsSlide img {
object-fit : fill;
width : auto !important ;
height : auto !important ;
min-height : 0;
top : 50%;
transform : translateY(-50%);
}
@media screen and (max-width: 766px) {
.cGallery.cGallery--preview .cProductListBox__img img {
max-width : 100%;
min-width : 0;
}
}
.cGallery.cGallery--preview .cGallery__brand__logo {
position : absolute;
max-width : 100px;
min-width : 0;
min-height : 0;
}
.cGallery.cGallery--preview .cGallery__brand__logo--pos-leftTop {
top : 1rem;
left : 1rem;
}
.cGallery.cGallery--preview .cGallery__brand__logo--pos-leftBottom {
bottom : 1rem;
left : 1rem;
}
.cGallery.cGallery--preview .cGallery__brand__logo--pos-rightTop {
top : 1rem;
right : 1rem;
}
.cGallery.cGallery--preview .cGallery__brand__logo--pos-rightBottom {
bottom : 1rem;
right : 1rem;
}
.cGallery.cGallery--preview .cGallery__label {
position : absolute;
}
.cGallery.cGallery--preview .cGallery__label--pos-leftTop {
top : 1rem;
left : 1rem;
}
.cGallery.cGallery--preview .cGallery__label--pos-leftBottom {
bottom : 1rem;
left : 1rem;
}
.cGallery.cGallery--preview .cGallery__label--pos-rightTop {
top : 1rem;
right : 1rem;
}
.cGallery.cGallery--preview .cGallery__label--pos-rightBottom {
bottom : 1rem;
right : 1rem;
}
.cGallery--slide .rsFade.rsWebkit3d img {
transform : translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1024px) {
.cGallery--slide .grid {
display : grid;
grid-template-columns : repeat(auto-fit,minmax(250px,1fr));
}
}
.cGallery--grid .block-grid {
display : flex;
flex-wrap : wrap;
}
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider--loading .rsContent {
grid-column : 2 / 3;
}
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
height : auto !important ;
display : grid;
width : 100%;
grid-template-columns : 1fr;
}
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
grid-template-columns : 4rem calc(100% - 8rem) 4rem;
grid-template-columns : 4rem calc(100% - 8rem) 4rem;
grid-template-columns : 4rem calc(100% - 8rem) 4rem;
}
}
@media (min-width: 1400px) {
.cGallery--arrowsOutside:not(.cGallery--nearby) .royalSlider:not(.visibleNearby) {
margin-left : -5rem;
grid-template-columns : 5rem 1fr 5rem;
}
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
grid-row : 1 / 2;
grid-column : 1 / 2;
}
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
grid-column : 2 / 3;
}
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsNav {
grid-column : 1 / -1;
grid-row : 2 / 3;
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow, .cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsNav {
position : relative;
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow {
width : auto;
height : auto;
grid-row : 1 / 2;
grid-column : 1 / 2;
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrow .rsArrowIcn {
top : 50%;
transform : translateY(-50%);
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft {
place-self : center start;
}
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft {
grid-column : 1 / 2;
}
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowLeft .rsArrowIcn {
left : 0;
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight {
place-self : center end;
}
@media (min-width: 768px) {
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight {
grid-column : 3 / 4;
}
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsArrowRight .rsArrowIcn {
left : unset;
right : 0;
}
.cGallery--arrowsOutside:not(.cGallery--nearby).cGallery--slide .rsOverflow {
overflow : hidden;
max-width : 100%;
}
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn {
background-color : transparent;
}
}
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn::before {
color : #00adee;
}
}
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn:hover {
background-color : transparent;
}
}
@media (min-width: 768px) {
.cGallery--arrowsBackgroundTransparent .rsArrowIcn:hover::before {
color : #08b;
}
}
.cGallery--arrowsVissible .rsArrow.rsHidden {
opacity : 1;
visibility : visible;
}
.cGallery--noBorder.cGallery.cGallery--nearby {
border : none;
}
.cGallery--imageFullwidth.cGallery.cGallery--nearby, .cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider {
padding : 0;
}
.cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider .rsOverflow {
margin : 0 !important ;
min-width : 100%;
}
.cGallery--imageFullwidth.cGallery.cGallery--nearby .royalSlider .rsOverflow .rsImg {
min-width : 100%;
min-height : 100%;
margin : 0 !important ;
object-fit : cover;
object-position : center;
}
@media screen and (max-width: 766px) {
.cGalleryContainer--am-detail .rsThumbs {
margin-bottom : 1.66667rem;
}
}
@media (max-width: 1200px) {
.cGalleryContainer .cGallery.cGallery--nearby .royalSlider img {
max-width : 100%;
}
}
@media (max-width: 1200px) {
.cGalleryContainer .cGallery.cGallery--nearby .royalSlider img {
max-width : 100%;
}
}
.cForm .fieldset {
padding : 1.11111rem 1.66667rem 1.11111rem 0;
border : #d1d1d1 solid 1px;
border-radius : 3px;
margin-bottom : 1.11111rem;
}
.cForm .fieldset legend {
padding-left : 2.22222rem;
padding-right : 2.22222rem;
}
.cForm__inner {
position : relative;
background-color : #fff;
}
@media screen and (max-width: 766px) {
.cForm__inner {
padding : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cForm__inner {
padding : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.cForm__inner {
padding : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cForm__inner {
padding : 4.44444rem 2.22222rem;
}
}
.cForm .btn, .cForm .cClientZone__logout, .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cForm .cftSearch__submit {
float : right;
}
.cForm--userRegistration .form-fields__inner--submit {
margin-top : 2.22222rem;
margin-bottom : 0;
}
.cForm .check-list a {
color : #00ADEE;
}
.cForm .check-list.desk--block-grid--1 .block-grid__item {
display : flex;
align-items : center;
}
.cForm .check-list.desk--block-grid--1 .block-grid__item label {
line-height : 1.4;
}
.cForm .check-list.desk--block-grid--1 .checkbox-design label {
top : 3px;
}
.userAccountForm {
position : relative;
}
@media screen and (min-width: 767px) {
.userAccountForm .cForm__inner {
padding-left : 0;
padding-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.userAccountForm form + .editSwitchWrapper {
position : absolute;
left : 0;
bottom : 0;
}
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit, .userAccountForm form + .editSwitchWrapper .btn, .userAccountForm form + .editSwitchWrapper .cClientZone__logout, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit {
background-color : transparent;
padding : 0;
text-decoration : underline;
color : #e22715;
border : 0;
border-radius : 0;
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before {
color : inherit;
margin-right : 6px;
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit:hover, .userAccountForm form + .editSwitchWrapper .btn:hover, .userAccountForm form + .editSwitchWrapper .cClientZone__logout:hover, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit:hover {
text-decoration : none;
}
.cftSearch__input {
position : relative;
}
@media screen and (min-width: 1024px) {
.cftSearch__input {
min-width : 200px;
}
}
.cftSearch__field {
width : 100%;
background-color : #fff;
border-radius : 0;
padding : 1.11111rem 1rem;
}
@media screen and (max-width: 766px) {
.cftSearch__field {
font-size : 16px;
}
}
.cftSearch__submit {
position : absolute;
right : 20px;
top : 50%;
transform : translateY(-50%);
border : 0;
background : 0 0;
padding : 0;
}
.cftSearch__autocomplete {
position : absolute;
left : 0;
top : 100%;
width : 100%;
background-color : #fff;
border : #d1d1d1 solid 1px;
z-index : 10;
}
.cHeader .cftSearch__autocomplete {
width : 400px;
right : 0;
left : auto;
}
.cftSearch__autocomplete__item {
position : relative;
min-height : 60px;
}
.cftSearch__autocomplete__item__link {
display : block;
padding : 1.11111rem;
text-decoration : none;
font-size : 13px;
font-size : 0.72222rem;
text-align : left;
}
.cftSearch__autocomplete__image {
float : left;
text-align : center;
max-width : 70px;
}
.cftSearch__autocomplete__image--noImage {
position : absolute;
top : 0;
left : 0;
width : 70px;
height : 40px;
color : #ccc;
}
.cftSearch__autocomplete__image--noImage::before {
font-size : 1.94444rem;
opacity : 0.6;
}
.cftSearch__autocomplete__desc, .cftSearch__autocomplete__title {
padding-left : 6.11111rem;
margin-bottom : 0;
}
.cftSearch__autocomplete__allResults__in {
display : block;
border-top : 1px solid #d1d1d1;
padding : 1.11111rem;
text-align : center;
font-size : 13px;
font-size : 0.72222rem;
text-decoration : none;
}
.cftSearch__autocomplete__minChar, .cftSearch__autocomplete__noResult {
padding : 1.11111rem;
font-size : 13px;
font-size : 0.72222rem;
}
.cftSearch__autocomplete.js__resultsMinchar .cftSearch__autocomplete__item {
min-height : 0;
}
.cftSearch--standard {
position : relative;
}
.cftSearch--onClick {
position : absolute;
opacity : 0;
visibility : hidden;
}
@media screen and (max-width: 766px) {
.cftSearch--onClick {
width : 100%;
padding : 1.11111rem;
background-color : #fff;
}
}
@media screen and (min-width: 767px) {
.cftSearch--onClick {
top : 50%;
transform : translateY(-50%);
width : 0;
transition : width 0.3s ease-in-out;
right : -12px;
}
}
.cftSearch--onClick.active {
transition : all 0.5s ease-in-out;
opacity : 1;
visibility : visible;
}
@media screen and (min-width: 767px) {
.cftSearch--onClick.active {
width : 400px;
}
}
@media screen and (max-width: 766px) {
.cftSearch--onClick .cftSearch__autocomplete {
width : calc(100% - 1.6rem);
width : calc(100% - 1.6rem);
width : calc(100% - 1.6rem);
right : auto;
}
}
.cftSearch--fullScreen__overlay {
position : fixed;
top : 0;
}
.cftSearch--fullScreen__inner {
max-width : 1470px;
margin-left : auto;
margin-right : auto;
padding : 2.22222rem 1.11111rem;
}
@media screen and (min-width: 767px) {
.cftSearch--fullScreen__inner {
padding : 5.55556rem 0;
}
}
.cftSearch--fullScreen__input {
position : relative;
padding-top : 0;
}
.cftSearch--fullScreen__field {
width : 100%;
height : 40px;
background-color : #00ADEE;
border-color : #00ADEE;
font-size : 60px;
font-size : 3.33333rem;
padding : 0 2.22222rem;
color : #fff;
}
@media screen and (min-width: 767px) {
.cftSearch--fullScreen__field {
height : 75px;
padding : 0 2.22222rem;
}
}
@media screen and (max-width: 766px) {
.cftSearch--fullScreen__field {
font-size : 16px;
}
}
.cftSearch--fullScreen__field:hover {
border-color : #08b;
}
.cftSearch--fullScreen__field:focus {
box-shadow : 0 0 10px 2px #009ad5;
border-color : #08b;
}
.cftSearch--fullScreen__field::-ms-clear {
display : none;
}
.cftSearch--fullScreen__submit {
position : absolute;
right : 40px;
top : 50%;
transform : translateY(-50%);
}
.cftSearch--fullScreen__submit .icon-search::before {
font-size : 50px;
font-size : 2.77778rem;
color : #fff;
}
@media screen and (min-width: 767px) {
.cftSearch--fullScreen__submit .icon-search::before {
font-size : 70px;
font-size : 3.88889rem;
}
}
.cftSearch--fullScreen .cftSearch__buttons {
top : 0;
left : auto;
right : 0;
bottom : 0;
position : absolute;
height : 100%;
}
.cftSearch--fullScreen .cftSearch__autocomplete {
width : 100%;
position : relative;
padding-top : 2.22222rem;
}
.cftSearch--fullScreen .cftSearch__autocomplete__item {
color : #fff;
}
.cftSearch--fullScreen .cftSearch__autocomplete__item__link {
padding : 2.22222rem 0;
border-bottom : 1px solid #09bcff;
color : #fff;
}
.cftSearch--fullScreen .cftSearch__autocomplete__item__link:hover {
background-color : rgb(0, 173, 238, 0.3);
}
.cftSearch--fullScreen .cftSearch__autocomplete__image--noImage {
position : absolute;
top : 0;
}
.cftSearch--fullScreen .cftSearch__autocomplete__image--noImage::before {
color : #fff;
font-size : 50px;
font-size : 2.77778rem;
margin-left : 6px;
width : 100%;
}
.cftSearch--fullScreen .cftSearch__autocomplete a, .cftSearch--fullScreen .cftSearch__autocomplete__desc, .cftSearch--fullScreen .cftSearch__autocomplete__title {
color : #fff;
}
.cftSearch--fullScreen .cftSearch__autocomplete__title {
margin-bottom : 1.11111rem;
}
@media screen and (max-width: 766px) {
.cftSearch--fullScreen .cftSearch__autocomplete__title {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cftSearch--fullScreen .cftSearch__autocomplete__desc {
max-width : 50%;
}
}
.cftSearch--fullScreen .cftSearch__autocomplete__desc p {
margin-bottom : 0;
}
.cftSearch--fullScreen .cftSearch__autocomplete__minChar, .cftSearch--fullScreen .cftSearch__autocomplete__noResult {
color : #fff;
}
.cftSearch--fullScreen .cftSearch__autocomplete__allResults__in {
padding-top : 2.22222rem;
padding-left : 0;
text-align : left;
border-top : 0;
display : inline-block;
text-decoration : underline;
}
.cftSearch--fullScreen .cftSearch__autocomplete__allResults__in:hover {
text-decoration : none;
}
@media screen and (max-width: 766px) {
.mobileHeader--is-fixed .cftSearch--onClick .cftSearch__autocomplete, .mobileHeader--is-fixed .cftSearch--standard .cftSearch__autocomplete {
max-height : calc(100vh - 200px);
max-height : calc(100vh - 200px);
max-height : calc(100vh - 200px);
overflow-y : auto;
overflow-x : hidden;
}
.cftSearch--onClick .cftSearch__autocomplete__allResults, .cftSearch--onClick .cftSearch__autocomplete__allResults__in, .cftSearch--onClick .cftSearch__autocomplete__item, .cftSearch--onClick .cftSearch__autocomplete__item__link, .cftSearch--standard .cftSearch__autocomplete__allResults, .cftSearch--standard .cftSearch__autocomplete__allResults__in, .cftSearch--standard .cftSearch__autocomplete__item, .cftSearch--standard .cftSearch__autocomplete__item__link {
display : block;
width : 100%;
text-align : left;
}
.cftSearch--onClick .cftSearch__autocomplete__allResults__in, .cftSearch--standard .cftSearch__autocomplete__allResults__in {
text-align : center;
}
}
.cftSearch--fullScreen__field::-webkit-input-placeholder {
color : #fff;
}
.cftSearch--fullScreen__field::-moz-placeholder {
color : #fff;
}
.cftSearch--fullScreen__field:-ms-input-placeholder {
color : #fff;
}
.js__fulltext__iconSpinner, .loader.loader--small {
display : inline-block;
vertical-align : middle;
}
.cUserAccount__name {
font-size : 70px;
font-size : 3.88889rem;
margin-bottom : 0;
}
.cUserAccount__mail {
font-size : 50px;
font-size : 2.77778rem;
text-decoration : none;
}
.cUserAccount__mail .cForm::before, .cUserAccount__mail .cPerson__link--icon-email::before, .cUserAccount__mail .icon-mail::before, .cUserAccount__mail .infoText--mail::before, .cUserAccount__mail .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .cUserAccount__mail .form-fields__inner:first-child::before {
font-size : inherit;
}
.cUserAccount__img {
border : #d1d1d1 solid 1px;
border-radius : 50%;
}
.cUserAccount__perex {
margin-bottom : 2.22222rem;
}
.userAccountForm .fieldset {
margin-bottom : 3.33333rem;
}
.userAccountForm .fieldset:last-of-type {
margin-bottom : 2.22222rem;
}
.userAccountForm .fieldset legend {
padding-left : 1.66667rem;
}
.userAccountForm .accountUser {
margin-bottom : 1.11111rem;
}
.userAccountForm .accountUser__name {
font-size : 40px;
font-size : 2.22222rem;
font-weight : 700;
}
.cCounter__unit, .cCounter__value {
line-height : 1;
}
@media screen and (max-width: 766px) {
.cCounter__unit, .cCounter__value {
font-size : 160% !important ;
}
}
@media (min-width: 766px) and (max-width: 766px) {
.cCounter__unit, .cCounter__value {
font-size : 140% !important ;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.cCounter__unit, .cCounter__value {
font-size : 160% !important ;
}
}
@media screen and (min-width: 1024px) {
.cCounter__unit, .cCounter__value {
font-size : 180%;
}
}
.cCounter {
position : relative;
text-align : center;
}
.cCounter__canvas--noSvg svg {
display : none;
}
.cCounter__canvas svg {
max-width : 100%;
}
.cCounter__title--up {
margin-bottom : 1.11111rem;
}
.cCounter__title--under {
margin-top : 1.11111rem;
margin-bottom : 0;
}
.cCounter__label {
color : #666;
}
.cCounter__value {
font-weight : 700;
line-height : 1;
}
.cCounter__unit--under {
display : block;
}
.cCounter__unit--beside {
display : inline;
}
.cCounter__progressbar {
position : relative;
margin : 1rem auto 0;
overflow : hidden;
background-color : #F5F5F5;
width : 100%;
}
.cCounter__progressbar:not(.js-loaded) {
animation : jsLoading 0.75s infinite alternate;
}
@keyframes jsLoading {
from {
opacity : 0.5;
}
to {
opacity : 0.75;
}
}
.cCounter__progressbar.js-loaded .cCounter__progressbar-inner {
background-color : #00adee;
position : absolute;
left : 0;
top : 0;
height : 100%;
animation : innerFill 0s cubic-bezier(0.85,-0.17,0.34,1.05) forwards;
}
@keyframes innerFill {
from {
width : 0;
}
to {
width : var(--_bg-width, 0);
}
}
.cCounter__progressbar-edges, .cCounter__progressbar-edges .cCounter__progressbar-inner {
border-radius : 0.5rem;
}
.cImageBox--icon_left .cImageBox__icon, .cImageBox--icon_left .cImageBox__img, .cImageBox--icon_left .cImageBox__textContent, .cImageBox--icon_right .cImageBox__icon, .cImageBox--icon_right .cImageBox__img, .cImageBox--icon_right .cImageBox__textContent {
display : table-cell;
vertical-align : top;
}
.cImageBox {
text-align : center;
}
.cImageBox__inner {
display : table;
width : 100%;
}
@media screen and (min-width: 767px) {
.cImageBox__textContent {
flex-grow : 1;
}
}
@media screen and (max-width: 766px) {
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) {
}
.cImageBox--bg-color, .cImageBox--has-border {
padding : 40px;
}
.cImageBox__title {
font-weight : 700;
margin-bottom : 1.11111rem;
}
.cImageBox__title--customColor a {
color : inherit;
}
.cImageBox__perex {
font-size : 13px;
font-size : 0.72222rem;
}
.cImageBox__perex p:last-child {
margin-bottom : 0;
}
.cImageBox__img {
width : 100px;
height : 100px;
min-width : 100px;
}
.cImageBox__img--rounded img {
border-radius : 100%;
}
.cImageBox--icon_top .cImageBox__icon, .cImageBox--icon_top .cImageBox__img {
margin : 0 auto 40px;
}
.cImageBox--icon_left {
text-align : left;
}
.cImageBox--icon_left .cImageBox__textContent {
padding-left : 2.22222rem;
}
.cImageBox--icon_right {
text-align : right;
}
.cImageBox--icon_right .cImageBox__textContent {
padding-right : 2.22222rem;
}
.cImageBox--icon_left .cImageBox__inner, .cImageBox--icon_right .cImageBox__inner {
display : flex;
flex-shrink : 0;
flex-grow : 0;
flex-basis : 100px;
align-items : center;
}
.cSellingButton {
border : #d1d1d1 solid 1px;
}
@media screen and (min-width: 767px) {
.cSellingButton {
padding : 2rem;
}
}
.cSellingButton--colored {
background-color : #F2F2F2;
border : 0;
}
.cSellingButton__qty {
display : flex;
align-items : flex-end;
}
.cSellingButton__qty__input {
position : relative;
width : 80px;
}
.cSellingButton__qty__top {
margin-right : 0.5rem;
}
@media screen and (min-width: 767px) {
.cSellingButton__qty__top {
margin-right : 1rem;
}
}
.cSellingButton__qty__input__field {
display : flex;
align-items : center;
width : 100%;
height : 50px;
padding : 0 24px 0 12px;
appearance : textfield;
}
@media screen and (min-width: 767px) {
.cSellingButton__qty__input__field {
height : 40px;
}
}
.cSellingButton__qty__btn {
position : absolute;
top : 6px;
right : 6px;
display : flex;
align-items : center;
justify-content : center;
width : 20px;
height : 18px;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1;
font-weight : 700;
background-color : #dedede;
border : 0;
outline : 0;
cursor : pointer;
}
@media screen and (min-width: 767px) {
.cSellingButton__qty__btn {
width : 16px;
height : 14px;
top : 5px;
}
}
.cSellingButton__qty__btn--down {
top : 27px;
padding-bottom : 2px;
}
@media screen and (min-width: 767px) {
.cSellingButton__qty__btn--down {
top : 21px;
}
}
.cSellingButton__btn {
display : inline-flex;
align-items : center;
height : 50px;
padding : 0 20px;
font-weight : 700;
border : 0;
cursor : pointer;
}
@media screen and (min-width: 767px) {
.cSellingButton__btn {
padding : 0 40px;
height : 40px;
}
}
.cSellingButton__btn__icon {
position : relative;
top : 1px;
color : inherit;
margin-left : 0.5rem;
}
.cSellingButton__btn__icon::before {
color : inherit;
}
.cSellingButton__btn.btn--inverse {
background-color : transparent;
border : #00adee solid 2px;
}
.cSellingButton__btn.btn--inverse:hover {
background-color : #00adee;
color : #fff;
}
.cSellingButton__prices__label {
display : none;
}
.cSellingButton__prices__price {
font-size : 30px;
font-size : 1.66667rem;
font-weight : 700;
}
.cSellingButton__prices__unit {
font-weight : 700;
font-size : 20px;
font-size : 1.11111rem;
}
.cSellingButton__prices__vat {
font-weight : 400;
font-size : 18px;
font-size : 1rem;
}
.cSellingButton__descBottom {
margin-top : 1rem;
font-size : 13px;
font-size : 0.72222rem;
}
.cSellingButton__descTop {
margin-bottom : 1rem;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 767px) {
.cSellingButton--btn--large .cSellingButton__btn, .cSellingButton--btn--large .cSellingButton__qty__input__field {
height : 50px;
}
.cSellingButton--btn--large .cSellingButton__qty__btn {
top : 10px;
}
.cSellingButton--btn--large .cSellingButton__qty__btn--down {
top : 26px;
}
}
@media screen and (min-width: 767px) {
.cSellingButton--btn--huge .cSellingButton__btn, .cSellingButton--btn--huge .cSellingButton__qty__input__field {
height : 60px;
}
.cSellingButton--btn--huge .cSellingButton__qty__btn {
top : 15px;
}
.cSellingButton--btn--huge .cSellingButton__qty__btn--down {
top : 32px;
}
}
@media screen and (min-width: 767px) {
.cSellingButton--btn--small .cSellingButton__btn, .cSellingButton--btn--small .cSellingButton__qty__input__field {
height : 35px;
}
.cSellingButton--btn--small .cSellingButton__qty__btn {
top : 3px;
}
.cSellingButton--btn--small .cSellingButton__qty__btn--down {
top : auto;
bottom : 3px;
}
}
@media screen and (min-width: 767px) {
.cSellingButton--btn--micro .cSellingButton__btn, .cSellingButton--btn--micro .cSellingButton__qty__input__field {
height : 30px;
}
.cSellingButton--btn--micro .cSellingButton__qty__btn {
top : 3px;
height : 12px;
}
.cSellingButton--btn--micro .cSellingButton__qty__btn--down {
top : auto;
bottom : 3px;
}
}
.cSellingButtonSummary__product {
display : flex;
}
.cSellingButtonSummary__name {
flex-grow : 1;
padding-right : 20px;
}
.cSellingButtonSummary__info {
white-space : nowrap;
}
.cSellingButtonSummary__currency, .cSellingButtonSummary__info__price {
font-weight : 700;
}
.cSellingButtonSummary__price {
margin-top : 6px;
font-size : 17px;
font-size : 0.94444rem;
font-weight : 700;
}
.cHtmlVideo {
display : grid;
grid-template-rows : 1fr max-content;
overflow : hidden;
position : relative;
row-gap : 1rem;
background-color : #3d3d3d;
}
.cHtmlVideo::after, .cHtmlVideo::before {
display : none;
}
.cHtmlVideo[data-width-limit="true"] {
width : 100%;
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
.cHtmlVideo.fullscreen {
position : relative;
max-width : 100vw;
width : 100vw;
height : 100vh;
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
margin-inline : 0;
min-height : 200px;
}
.cHtmlVideo.overlay {
position : relative;
}
.cHtmlVideo.overlay::before {
z-index : 1;
display : block;
width : 100%;
height : 100%;
position : absolute;
content : "";
top : 0;
left : 0;
background-color : rgb(0, 0, 0, 0.5);
}
.cHtmlVideo__video {
position : relative;
z-index : 0;
max-width : 100%;
width : 100%;
grid-row : 1 / 3;
grid-column : 1 / 2;
height : 100%;
object-fit : cover;
}
.cHtmlVideo__content {
position : relative;
z-index : 2;
grid-row : 1 / 2;
grid-column : 1 / 2;
place-self : end start;
padding : 1rem 1rem 0;
max-width : 500px;
}
@media (min-width: 768px) {
.cHtmlVideo__content {
padding : 3rem 3rem 0;
}
}
.cHtmlVideo__actions {
z-index : 2;
display : flex;
grid-row : 2 / 3;
grid-column : 1 / 2;
column-gap : 0.2rem;
padding : 1rem;
transition : 0.25s;
}
@media (min-width: 768px) {
.cHtmlVideo__actions {
padding : 1rem 3rem 2rem;
column-gap : 1rem;
}
}
.isPlaying .cHtmlVideo__actions {
opacity : 0;
}
.isPlaying:hover .cHtmlVideo__actions {
opacity : 1;
}
.cHtmlVideo__actions button {
display : grid;
background : 0 0;
border : none;
}
.cHtmlVideo__actions button > svg {
grid-column : 1 / 2;
grid-row : 1 / 2;
transition : opacity 0.25s;
}
.cHtmlVideo__actions button:hover line, .cHtmlVideo__actions button:hover path {
opacity : 0.5;
}
.cHtmlVideo__actions button line, .cHtmlVideo__actions button path {
transition : 0.25s;
}
.cHtmlVideo__actions button .play, .cHtmlVideo__actions button .unmute {
opacity : 0;
}
.cHtmlVideo__actions button .mute, .cHtmlVideo__actions button .pause, .cHtmlVideo__actions button.isMuted .play, .cHtmlVideo__actions button.isMuted .unmute, .cHtmlVideo__actions button.isPaused .play, .cHtmlVideo__actions button.isPaused .unmute {
opacity : 1;
}
.cHtmlVideo__actions button.isMuted .mute, .cHtmlVideo__actions button.isMuted .pause, .cHtmlVideo__actions button.isPaused .mute, .cHtmlVideo__actions button.isPaused .pause {
opacity : 0;
}
.cHtmlVideo__text, .cHtmlVideo__title {
color : #fff;
}
.cHtmlVideo .btn, .cHtmlVideo .cClientZone__logout, .cHtmlVideo .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cHtmlVideo .cftSearch__submit {
margin-top : 60px;
}
.cHtmlVideo .errorBox {
display : grid;
position : absolute;
inset : 0;
z-index : 5;
place-items : center;
opacity : 0;
transition : opacity 0.25s;
}
.cHtmlVideo .errorBox::before {
content : "";
position : absolute;
inset : 0;
z-index : 4;
opacity : 0.7;
background-color : #f08080;
}
.cHtmlVideo .errorBox__content {
z-index : 5;
}
.cHtmlVideo .errorBox.active {
opacity : 1;
}
.cHtmlVideo .errorBox h2 {
color : #fff;
}
.ecoHeader__logo {
width : 100px;
width : 5.55556rem;
}
@media screen and (min-width: 767px) {
.ecoHeader__logo {
width : 135px;
width : 7.5rem;
}
}
@media screen and (min-width: 1024px) {
.ecoHeader__logo {
width : 170px;
width : 9.44444rem;
}
}
.ecoHeader__logo img {
display : block;
}
@media screen and (min-width: 1024px) {
.ecoHeader__favorites__text {
display : block;
margin-left : 0.44444rem;
}
}
.ecoHeader__comparison {
position : relative;
display : flex;
justify-content : flex-end;
}
.ecoHeader__comparison__wrap {
display : flex;
align-items : center;
text-decoration : none;
color : #666;
}
.ecoHeader__comparison__wrap:hover {
color : #666;
}
.ecoHeader__comparison__text {
display : none;
}
@media screen and (min-width: 1024px) {
.ecoHeader__comparison__text {
display : block;
margin-left : 0.44444rem;
}
}
.ecoHeader__favorites {
position : relative;
display : flex;
justify-content : flex-end;
}
.ecoHeader__favorites__wrap {
display : flex;
align-items : center;
text-decoration : none;
color : #666;
}
.ecoHeader__favorites__wrap:hover {
color : #666;
}
.ecoHeader__favorites__text {
display : none;
}
@media screen and (min-width: 1024px) {
.ecoHeader__favorites__text {
display : block;
margin-left : 0.44444rem;
}
}
.ecoHeader__openings__text {
font-size : 14px;
font-size : 0.77778rem;
}
.ecoHeader__mail__link, .ecoHeader__phone__link {
text-decoration : none;
}
.ecoHeader__mail__text, .ecoHeader__phone__text {
color : #666;
}
.ecoHeader__basket {
position : relative;
display : flex;
justify-content : flex-end;
}
.ecoHeader__basket:hover .ecoHeader__basket__drop {
opacity : 1;
transform : scale(1);
}
.ecoHeader__basket__wrap {
display : flex;
align-items : center;
text-decoration : none;
color : #666;
}
.ecoHeader__basket__wrap:hover {
color : #666;
}
.ecoHeader__basket__text {
display : none;
}
@media screen and (min-width: 767px) {
.ecoHeader__basket__text {
display : block;
margin-left : 0.66667rem;
}
}
@media screen and (min-width: 767px) {
.ecoHeader__basket__text--price {
font-weight : 800;
font-size : 22px;
font-size : 1.22222rem;
}
}
.ecoHeader__basket__drop {
position : absolute;
top : 100%;
right : 0;
padding : 1.11111rem;
width : 450px;
width : 25rem;
border-radius : 8px;
background-color : #fff;
box-shadow : 0 6px 12px 4px rgb(0, 0, 0, 0.2);
opacity : 0;
z-index : 1;
transform : scale(0.8);
transform-origin : top right;
transition : all 0.2s ease-in-out;
}
.ecoHeader__basket__drop__empty {
display : flex;
align-items : center;
padding : 1.11111rem;
background-color : #F2F2F2;
border-radius : 8px;
}
.ecoHeader__basket__drop__empty .icon::before {
font-size : 30px;
font-size : 1.66667rem;
}
.ecoHeader__basket__drop__empty__text {
margin-left : 0.66667rem;
}
.ecoHeader__mainNav {
display : none;
background-color : #00adee;
}
@media screen and (min-width: 1024px) {
.ecoHeader__mainNav {
display : block;
}
}
.ecoHeader__mainNav--pos-center {
text-align : center;
}
.ecoHeader__mainNav--pos-right {
text-align : right;
}
.ecoHeader__mainNav__wrap {
position : relative;
max-width : 1470px;
max-width : 81.66667rem;
padding : 0 2.22222rem;
margin : 0 auto;
}
.ecoHeader__mainNav__wrap .cPag__nav, .ecoHeader__mainNav__wrap .mDrop ul, .ecoHeader__mainNav__wrap .nav, .mDrop .ecoHeader__mainNav__wrap ul {
flex-wrap : wrap;
}
.ecoHeader__mainNav__wrap--responsive {
padding-right : 70px;
}
.ecoHeader__mainNav__wrap--responsive .cPag__nav, .ecoHeader__mainNav__wrap--responsive .mDrop ul, .ecoHeader__mainNav__wrap--responsive .nav, .mDrop .ecoHeader__mainNav__wrap--responsive ul {
flex-wrap : nowrap;
}
.ecoHeader__mainNav .dropNav, .ecoHeader__mainNav .mDrop {
text-align : left;
}
.ecoHeader__mainNav .mDrop .mDrop__cont ul {
display : block;
}
.ecoHeader__mainNav .cPag__nav, .ecoHeader__mainNav .mDrop ul, .ecoHeader__mainNav .nav, .mDrop .ecoHeader__mainNav ul {
display : flex;
}
.ecoHeader__mainNav .nav__item {
border-right : 1px solid rgb(255, 255, 255, 0.5);
}
.ecoHeader__mainNav .nav__item__in {
padding : 1.11111rem 1rem;
color : #fff;
text-decoration : none;
font-weight : 600;
}
.cHeader__mainNav .ecoHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .ecoHeader__mainNav .nav > .nav__item--active > .nav__item__in, .cHeader__mainNav .mDrop .ecoHeader__mainNav ul > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .mDrop ul > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .cHeader__mainNav .nav > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .mDrop .cHeader__mainNav ul > .nav__item--active > .nav__item__in, .ecoHeader__mainNav .nav__item:hover > .nav__item__in, .mDrop .cHeader__mainNav .ecoHeader__mainNav ul > .nav__item--active > .nav__item__in {
background-color : #009ad5;
}
.ecoHeader__mainNav .dropNav {
border-top : 0;
}
.ecoHeader__mainNav .dropNav .nav__item__in {
color : #666;
}
.ecoHeader__mainNav .dropNav.dropNav--responsive-drop {
position : absolute;
left : auto !important ;
}
.ecoHeader__mainNav .btn--resp-nav-toggle {
color : #fff;
}
.ecoHeader__mainNav .btn--resp-nav-toggle:hover {
background-color : #009ad5 !important ;
}
.ecoHeader__mainNav .btn--resp-nav-toggle::before {
background-color : #0075a2;
}
.ecoHeader__mainNav .btn--resp-nav-toggle .icon-menu::before {
color : #fff;
}
.ecoHeader__navbar {
display : none;
background-color : #eceff4;
}
@media screen and (min-width: 1024px) {
.ecoHeader__navbar {
display : block;
}
}
.ecoHeader-animation--shrink .ecoHeader__navbar {
transition : 0.35s;
}
.ecoHeader-animation--shrink.cHeader--scrolled .ecoHeader__navbar {
opacity : 0;
max-height : 0;
}
.ecoHeader__navbar__wrap {
display : grid;
grid-template-columns : repeat(2,minmax(0,1fr));
column-gap : 0.88889rem;
max-width : 1470px;
max-width : 81.66667rem;
padding : 0.44444rem 2.22222rem;
margin : 0 auto;
}
.ecoHeader__navbar__col {
display : grid;
column-gap : 0.88889rem;
grid-auto-flow : column;
align-items : center;
grid-auto-columns : max-content;
}
@media screen and (min-width: 1600px) {
.ecoHeader__navbar__col {
column-gap : 1.11111rem;
}
}
.ecoHeader__navbar__col--last {
justify-content : end;
}
.ecoHeader__navbar [class*="icon-"]::before {
font-size : 18px;
font-size : 1rem;
line-height : 1;
}
.ecoHeader__sideNav .cPag__nav, .ecoHeader__sideNav .mDrop ul, .ecoHeader__sideNav .nav, .mDrop .ecoHeader__sideNav ul {
display : grid;
grid-auto-flow : column;
align-items : center;
gap : 10px;
gap : 0.55556rem;
}
.ecoHeader__sideNav .nav__item {
margin : 0;
}
.ecoHeader__sideNav .nav__item__in {
color : #666;
text-decoration : none;
font-size : 14px;
font-size : 0.77778rem;
}
.ecoHeader__sideNav .nav__item__in:hover {
text-decoration : underline;
}
@media screen and (min-width: 1024px) {
.ecoHeader__search {
position : relative;
}
}
.ecoHeader__search--standard {
order : 1;
grid-column : 1 / 5;
}
@media screen and (min-width: 1024px) {
.ecoHeader__search--standard {
order : 0;
grid-column : auto;
}
}
.ecoHeader__search--fullscreen, .ecoHeader__search--onClick {
display : flex;
align-items : center;
justify-content : flex-end;
z-index : 1;
}
.ecoHeader__search .cftSearch__field, .ecoHeader__search .cftSearch__input {
width : 100%;
}
.ecoHeader__search .cftSearch__field {
height : 50px;
height : 2.77778rem;
}
.ecoHeader__search .cftSearch--onClick.active {
width : 100%;
}
.ecoHeader__socials .cPag__nav, .ecoHeader__socials .mDrop ul, .ecoHeader__socials .nav, .mDrop .ecoHeader__socials ul {
display : grid;
grid-auto-flow : column;
column-gap : 0.44444rem;
}
.ecoHeader__socials .nav__item {
margin : 0;
transition : transform 0.2s ease-in-out;
}
.cHeader__mainNav .ecoHeader__socials .cPag__nav > .nav__item--active, .cHeader__mainNav .ecoHeader__socials .nav > .nav__item--active, .cHeader__mainNav .mDrop .ecoHeader__socials ul > .nav__item--active, .ecoHeader__socials .cHeader__mainNav .cPag__nav > .nav__item--active, .ecoHeader__socials .cHeader__mainNav .mDrop ul > .nav__item--active, .ecoHeader__socials .cHeader__mainNav .nav > .nav__item--active, .ecoHeader__socials .mDrop .cHeader__mainNav ul > .nav__item--active, .ecoHeader__socials .nav__item:hover, .mDrop .cHeader__mainNav .ecoHeader__socials ul > .nav__item--active {
transform : scale(1.2);
}
.ecoHeader__langs .cPag__nav, .ecoHeader__langs .mDrop ul, .ecoHeader__langs .nav, .mDrop .ecoHeader__langs ul {
display : grid;
grid-auto-flow : column;
align-items : center;
gap : 8px;
gap : 0.44444rem;
}
.ecoHeader__langs .nav__item {
margin : 0;
padding : 0;
}
.ecoHeader__langs .cLang--iconOnly .nav__item {
opacity : 0.6;
}
.cHeader__mainNav .ecoHeader__langs .cLang--iconOnly .cPag__nav > .nav__item--active, .cHeader__mainNav .ecoHeader__langs .cLang--iconOnly .nav > .nav__item--active, .cHeader__mainNav .mDrop .ecoHeader__langs .cLang--iconOnly ul > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .cPag__nav > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .mDrop ul > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .cHeader__mainNav .nav > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .mDrop .cHeader__mainNav ul > .nav__item--active, .ecoHeader__langs .cLang--iconOnly .nav__item.cLang--active, .ecoHeader__langs .cLang--iconOnly .nav__item:hover, .mDrop .cHeader__mainNav .ecoHeader__langs .cLang--iconOnly ul > .nav__item--active {
opacity : 1;
}
.ecoHeader__clientZone__link {
display : flex;
align-items : center;
color : #666;
text-decoration : none;
}
.ecoHeader__clientZone__text {
margin-left : 0.44444rem;
}
.ecoHeader__clientZone [class*="icon-"]::before {
font-size : 19px;
font-size : 1.05556rem;
line-height : 1;
}
.ecoHeader {
position : relative;
left : 0;
top : 0;
width : 100%;
z-index : 50;
background-color : #fff;
}
.ecoHeader.cHeader--sticky {
position : fixed;
}
.ecoHeader__wrap {
display : grid;
align-items : center;
gap : 16px;
gap : 0.88889rem;
padding : 1.11111rem 0.88889rem;
max-width : 1470px;
max-width : 81.66667rem;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.ecoHeader__wrap {
column-gap : 1.33333rem;
padding : 1.66667rem 2.22222rem;
}
}
.ecoHeader__wrap--items-5 {
grid-template-columns : 1fr repeat(4,max-content);
}
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-5 {
grid-template-columns : max-content 1fr repeat(3,max-content);
}
}
.ecoHeader__wrap--items-4 {
grid-template-columns : 1fr repeat(3,max-content);
}
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-4 {
grid-template-columns : max-content 1fr repeat(2,max-content);
}
}
.ecoHeader__wrap--items-3 {
grid-template-columns : 1fr repeat(2,max-content);
}
@media screen and (min-width: 1024px) {
.ecoHeader__wrap--items-3 {
grid-template-columns : max-content 1fr max-content;
}
}
@media screen and (min-width: 1600px) {
.ecoHeader__wrap {
column-gap : 1.77778rem;
}
}
.ecoHeader__wrap .icon, .ecoHeader__wrap .icon-search {
width : auto;
height : auto;
}
.ecoHeader__wrap .icon-search::before, .ecoHeader__wrap .icon::before {
color : #666;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1;
}
.ecoHeader__count {
position : absolute;
top : -6px;
left : 10px;
display : flex;
align-items : center;
justify-content : center;
padding : 0.16667rem 0.33333rem;
border-radius : 100%;
z-index : 1;
font-weight : 700;
background-color : #35444a;
color : #fff;
font-size : 13px;
font-size : 0.72222rem;
line-height : 1;
}
.ecoHeader__count--comparison, .ecoHeader__count--favorites {
display : none;
}
.ecoHeader__count--basket {
left : 14px;
top : -9px;
}
.cNavMenu--userAccount {
display : grid;
align-items : center;
padding : 0;
position : sticky;
top : 16px;
z-index : 2;
background-color : #00adee;
border-radius : 0;
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.cNavMenu--userAccount {
border-radius : 8px;
margin-bottom : 1.66667rem;
column-gap : 1.11111rem;
grid-template-columns : max-content 1fr;
}
}
.cNavMenu--userAccount::after, .cNavMenu--userAccount::before {
display : none;
}
.cNavMenu--userAccount .cPag__nav, .cNavMenu--userAccount .mDrop ul, .cNavMenu--userAccount .nav, .mDrop .cNavMenu--userAccount ul {
display : grid;
grid-auto-flow : column;
gap : 8px;
gap : 0.44444rem;
padding : 0.66667rem;
overflow-x : auto;
}
@media screen and (min-width: 767px) {
.cNavMenu--userAccount .cPag__nav, .cNavMenu--userAccount .mDrop ul, .cNavMenu--userAccount .nav, .mDrop .cNavMenu--userAccount ul {
gap : 16px;
gap : 0.88889rem;
padding : 0 1.33333rem 0 0;
}
}
.cNavMenu--userAccount .cPag__nav::after, .cNavMenu--userAccount .cPag__nav::before, .cNavMenu--userAccount .mDrop ul::after, .cNavMenu--userAccount .mDrop ul::before, .cNavMenu--userAccount .nav::after, .cNavMenu--userAccount .nav::before, .mDrop .cNavMenu--userAccount ul::after, .mDrop .cNavMenu--userAccount ul::before {
display : none;
}
.cNavMenu--userAccount .nav__item {
white-space : nowrap;
}
.cNavMenu--userAccount .nav__item .nav__item__in {
margin : 0;
text-align : center;
padding : 0.44444rem 0.88889rem;
}
.cNavMenu--userAccount .cNavMenu__header {
margin : 0;
padding : 0.66667rem 0.88889rem;
background-color : #08b;
}
@media screen and (min-width: 767px) {
.cNavMenu--userAccount .cNavMenu__header {
padding : 0.66667rem 1.77778rem 0.66667rem 1.33333rem;
}
}
.cNavMenu--userAccount .userAccAvatar__logout, .cNavMenu--userAccount .userAccAvatar__name {
color : #fff;
}
.cNavMenu--userAccount .mDrop ul, .cNavMenu--userAccount .nav--stacked, .mDrop .cNavMenu--userAccount ul {
border : 0;
}
.cNavMenu--userAccount .nav__item .nav__item__in {
color : #fff;
border : 0;
border-radius : 4px;
background-color : rgb(255, 255, 255, 0.1);
}
.cNavMenu--userAccount .nav__item .nav__item__in::before {
display : none;
}
.cNavMenu--userAccount .nav__item .nav__item__in:hover {
background-color : rgb(255, 255, 255, 0.3);
color : #fff;
text-decoration : none;
}
.cNavMenu--userAccount .nav__item:last-child .nav__item__in {
border-bottom : 0;
}
.cNavMenu--userAccount .page--active > .nav__item__in {
background-color : #fff;
color : #666;
}
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical {
padding : 0.88889rem;
grid-template-columns : auto;
}
}
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical .cNavMenu__header {
margin-bottom : 1rem;
border-radius : 8px;
}
}
@media screen and (min-width: 1300px) {
.cNavMenu--userAccount-vertical .cPag__nav, .cNavMenu--userAccount-vertical .mDrop ul, .cNavMenu--userAccount-vertical .nav, .mDrop .cNavMenu--userAccount-vertical ul {
gap : 10px;
gap : 0.55556rem;
grid-auto-flow : row;
padding : 0;
}
}
.cOrdersList {
margin-bottom : 60px;
}
.cOrdersList__wrap--table {
padding : 1.33333rem 0.66667rem;
border-radius : 8px;
background-color : #F2F2F2;
}
@media screen and (min-width: 1024px) {
.cOrdersList__wrap--table {
padding : 1.33333rem;
}
}
@media screen and (min-width: 1600px) {
.cOrdersList__wrap--table {
padding : 2.77778rem;
}
}
.cOrdersList__wrap--box {
display : grid;
row-gap : 30px;
row-gap : 1.66667rem;
}
.cOrdersList__pagination {
margin-top : 1.66667rem;
}
.cOrdersList__top {
display : flex;
align-items : center;
justify-content : space-between;
margin-bottom : 1.5rem;
}
.cOrdersList__top .cHeading {
margin-bottom : 0;
}
.cOrdersList__switch {
display : grid;
grid-auto-flow : column;
column-gap : 0.88889rem;
}
.cOrdersList__switch__item {
padding : 0;
background-color : transparent;
text-decoration : none;
outline : 0;
border : 0;
}
.cOrdersList__switch__item.is-active .icon::before {
color : #00adee;
}
.cOrdersList__switch .icon::before {
font-size : 20px;
font-size : 1.11111rem;
}
.cOrdersList--table .cOrdersList__pagination {
margin-top : 20px;
}
.cOrdersListTable {
margin-bottom : 0;
border : 0;
}
@media screen and (min-width: 1024px) {
.cOrdersListTable__body, .cOrdersListTable__head {
display : grid;
gap : 12px;
}
}
@media screen and (min-width: 1024px) {
.cOrdersListTable__head {
margin-bottom : 16px;
}
}
.cOrdersListTable__head .cOrdersListTable__row {
background-color : transparent;
}
.cOrdersListTable__row {
display : flex;
overflow : hidden;
border-radius : 6px;
background-color : #fff;
border-bottom : 8px solid #F2F2F2;
}
@media screen and (min-width: 1024px) {
.cOrdersListTable__row {
border : 0;
}
}
.cOrdersListTable__row:last-child {
margin-bottom : 0;
}
.cOrdersListTable__row--head {
margin-top : 0;
}
.cOrdersListTable__item {
display : flex;
align-items : center;
flex : 1 1 0;
font-size : 15px;
font-size : 0.83333rem;
border : 0;
}
.cOrdersListTable__item--num {
font-size : 16px;
font-size : 0.88889rem;
font-weight : 700;
}
.cOrdersListTable__item--num a {
text-decoration : none;
}
.cOrdersListTable__item--price-vat {
font-weight : 700;
}
.cOrdersListTable__item--date {
font-size : 14px;
font-size : 0.77778rem;
line-height : 1.3;
}
.cOrdersListTable__item--head {
padding-top : 0;
padding-bottom : 0;
white-space : nowrap;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1.1;
background-color : transparent;
color : #999;
text-transform : uppercase;
}
.cOrdersListTable__item--invoice {
max-width : 80px;
text-align : center;
}
.cOrdersListTable__item--invoice a {
display : block;
margin : auto;
}
.cOrdersListTable__item .icon-invoice::before {
color : #666;
font-size : 22px;
}
.cOrdersListTable__item .icon-invoice:hover::before {
color : #00adee;
}
.cOrdersListBox {
padding : 0.88889rem;
background-color : #F2F2F2;
border-radius : 8px;
}
@media screen and (min-width: 1600px) {
.cOrdersListBox {
padding : 2.22222rem;
}
}
.cOrdersListBox__row {
position : relative;
display : grid;
background-color : #fff;
border-radius : 8px;
padding : 12px;
box-shadow : 0 4px 8px 0 #d9d9d9;
}
@media screen and (min-width: 767px) {
.cOrdersListBox__row {
display : flex;
padding : 0;
}
}
.cOrdersListBox__item {
display : flex;
align-items : center;
flex : 1 1 0;
}
@media screen and (min-width: 767px) {
.cOrdersListBox__item {
padding : 12px 20px;
border-right : 1px solid #d1d1d1;
}
}
.cOrdersListBox__item--price {
justify-content : flex-end;
margin-left : auto;
border-right : 0;
font-size : 18px;
font-size : 1rem;
white-space : nowrap;
}
.cOrdersListBox__item--name {
font-size : 16px;
font-size : 0.88889rem;
font-weight : 700;
}
@media screen and (min-width: 767px) {
.cOrdersListBox__item--name {
min-width : 250px;
}
}
.cOrdersListBox__item--name a {
text-decoration : none;
}
.cOrdersListBox__item--date strong {
margin-left : 6px;
}
@media screen and (max-width: 766px) {
.cOrdersListBox__item--invoice {
position : absolute;
top : 12px;
right : 40px;
}
}
.cOrdersListBox__item--invoice a {
color : #666;
}
@media screen and (max-width: 766px) {
.cOrdersListBox__item--status {
position : absolute;
top : 14px;
right : 12px;
}
}
.cOrdersListBox__item-show-all {
margin-top : 0.66667rem;
color : #666;
text-align : left;
outline : 0;
border : 0;
font-weight : 600;
background-color : transparent;
}
.cOrdersListBox__item-show-all:hover {
text-decoration : underline;
}
.cOrdersListBox__products {
display : grid;
padding-top : 20px;
}
@media screen and (max-width: 766px) {
.cOrdersListBox__products .orderProductItem--has-btn .btn, .cOrdersListBox__products .orderProductItem--has-btn .cClientZone__logout, .cOrdersListBox__products .orderProductItem--has-btn .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cOrdersListBox__products .orderProductItem--has-btn .cftSearch__submit {
grid-column : 1 / 4;
}
}
.cOrderHeader {
display : grid;
align-items : center;
grid-template-columns : 1fr max-content max-content;
column-gap : 0.66667rem;
margin-bottom : 1.33333rem;
}
@media screen and (min-width: 767px) {
.cOrderHeader {
margin-bottom : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.cOrderHeader {
column-gap : 1.33333rem;
}
}
.cOrderHeader .cOrderHeader__title {
display : flex;
align-items : center;
flex-wrap : wrap;
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1600px) {
.cOrderHeader .cOrderHeader__title {
font-size : 32px;
font-size : 1.77778rem;
}
}
.cOrderHeader .cOrderHeader__title .cHeading {
font-size : inherit;
margin-bottom : 0;
}
.cOrderHeader .cOrderHeader__title__num {
margin-left : 0.22222rem;
}
.cOrderHeader__date {
grid-column : 1 / 4;
margin-top : 0.66667rem;
padding-top : 0.66667rem;
border-top : 1px solid #d1d1d1;
}
.cOrderHeader .orderStatus__icon {
width : 30px;
height : 30px;
}
.cOrderProducts {
display : grid;
row-gap : 10px;
padding : 0.88889rem;
margin-bottom : 40px;
background-color : #F2F2F2;
border-radius : 8px;
}
@media screen and (min-width: 1600px) {
.cOrderProducts {
padding : 1.33333rem;
}
}
.cOrderProducts .orderProductItem {
border : 0;
box-shadow : 0 4px 8px 0 #d9d9d9;
border-radius : 6px;
}
.cOrderInfo {
padding : 1rem 0.88889rem;
border : #d1d1d1 solid 1px;
border-radius : 12px 12px 0 0;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cOrderInfo {
padding : 1.33333rem 2rem;
}
}
.cOrderInfo__item {
position : relative;
display : flex;
flex-wrap : wrap;
padding : 0 0 0.83333rem 2.22222rem;
margin-bottom : 0.83333rem;
border-bottom : 1px solid #d1d1d1;
}
@media screen and (min-width: 1024px) {
.cOrderInfo__item {
padding-left : 3.33333rem;
}
}
.cOrderInfo__item__icon {
position : absolute;
left : 0;
top : 0;
width : 30px;
height : 30px;
}
@media screen and (min-width: 1024px) {
.cOrderInfo__item__icon {
width : 40px;
height : 40px;
}
}
.cOrderInfo__item__desc {
display : grid;
grid-template-columns : 1fr max-content;
column-gap : 0.88889rem;
width : 100%;
}
.cOrderInfo__item__text {
line-height : 1.4;
margin-bottom : 0;
}
.cOrderInfo__item:last-child {
margin-bottom : 0;
padding-bottom : 0;
border-bottom : 0;
}
.cOrderInfo__item__title {
width : 100%;
}
.cOrderInfo__item__price {
font-weight : 700;
}
.cOrderSum {
margin-bottom : 1.66667rem;
padding : 1rem 0.88889rem;
border : #d1d1d1 solid 1px;
border-top : 0;
border-radius : 0 0 3px 3px;
}
@media screen and (min-width: 1024px) {
.cOrderSum {
font-size : 17px;
font-size : 0.94444rem;
margin-bottom : 2.22222rem;
padding : 1.33333rem 2rem;
}
}
.cOrderSum__item {
display : flex;
justify-content : space-between;
align-items : baseline;
}
@media screen and (min-width: 1024px) {
.cOrderSum__item {
justify-content : flex-end;
}
}
.cOrderSum__item--primary {
font-weight : 700;
}
@media screen and (min-width: 1024px) {
.cOrderSum__item--primary {
font-size : 20px;
font-size : 1.11111rem;
}
}
.cOrderSum__item--primary .cOrderSum__item__price {
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1024px) {
.cOrderSum__item--primary .cOrderSum__item__price {
font-size : 28px;
font-size : 1.55556rem;
}
}
.cOrderSum__item__price {
text-align : right;
}
@media screen and (min-width: 1024px) {
.cOrderSum__item__price {
min-width : 160px;
}
}
.cOrderData {
margin-bottom : 1.66667rem;
padding : 36px;
border-radius : 8px;
font-size : 16px;
font-size : 0.88889rem;
background-color : #F2F2F2;
}
.cOrderData__title {
font-size : 22px;
font-size : 1.22222rem;
}
.cOrderData__item {
margin-bottom : 14px;
}
.cOrderData__item:last-child {
margin-bottom : 0;
}
.cOrderData__item__in {
display : grid;
}
.cOrderData__item__in--has-icon {
grid-template-columns : 30px 1fr;
column-gap : 0.66667rem;
}
.cOrderData__icon {
display : flex;
align-items : center;
justify-content : center;
width : auto;
height : auto;
}
.cOrderData__icon::before {
font-size : 24px;
font-size : 1.33333rem;
color : inherit;
}
.cOrderData__link {
text-decoration : none;
}
.cOrderData__link--phone {
color : #666;
}
.cOrderData__link--mail {
font-weight : 700;
}
.cOrderData__address__text {
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.4;
}
.cOrderData__name {
font-size : 18px;
font-size : 1rem;
font-weight : 700;
}
.cLoginInfo {
margin-bottom : 1.38889rem;
}
@media screen and (min-width: 767px) {
.cLoginInfo {
margin-bottom : 2.22222rem;
}
}
.cLoginInfo__panel {
display : grid;
align-items : center;
padding : 12px;
gap : 12px;
gap : 0.66667rem;
border : #d1d1d1 solid 1px;
border-radius : 8px;
}
@media screen and (min-width: 767px) {
.cLoginInfo__panel {
grid-template-columns : 1fr max-content;
}
}
.cLoginInfo__buttons {
display : grid;
grid-template-columns : 1fr 1fr;
column-gap : 0.44444rem;
}
.cLoginInfo__buttons .btn, .cLoginInfo__buttons .cClientZone__logout, .cLoginInfo__buttons .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cLoginInfo__buttons .cftSearch__submit {
padding : 0.44444rem 0.77778rem;
}
.cLoginInfo__email__label {
margin-right : 4px;
}
.cLoginInfo__email__value {
font-weight : 700;
font-size : 16px;
font-size : 0.88889rem;
text-decoration : none;
}
@media screen and (min-width: 767px) {
.cLoginInfo__email__value {
font-size : 18px;
font-size : 1rem;
}
}
.cLoginInfo__email__value:hover {
text-decoration : underline;
}
.cContactInfo {
margin-bottom : 1.38889rem;
}
@media screen and (min-width: 767px) {
.cContactInfo {
margin-bottom : 2.22222rem;
}
}
.cContactInfo__content {
padding : 1.33333rem 1rem;
border : #d1d1d1 solid 1px;
border-radius : 10px;
}
@media screen and (min-width: 767px) {
.cContactInfo__content {
padding : 1.66667rem 1.33333rem;
}
}
.cContactInfo__name {
display : block;
margin-bottom : 1rem;
font-size : 18px;
font-size : 1rem;
}
.cContactInfo__list {
display : grid;
}
@media screen and (min-width: 1024px) {
.cContactInfo__list {
grid-template-columns : 300px 1fr;
gap : 20px;
gap : 1.11111rem;
}
}
.cContactInfo__box__name {
display : block;
margin-bottom : 1rem;
font-size : 18px;
font-size : 1rem;
}
.cContactInfo__item--phone {
text-decoration : none;
color : #666;
font-size : 18px;
font-size : 1rem;
}
.cContactInfo__item--address, .cContactInfo__item--phone {
display : flex;
align-items : center;
margin-bottom : 12px;
}
.cContactInfo__item .icon {
display : grid;
place-items : center;
width : 40px;
height : 40px;
margin-right : 16px;
}
.cContactInfo__item .icon::before {
font-size : 30px;
color : #00adee;
}
.cContactInfo__btn {
display : flex;
justify-content : flex-end;
margin-top : 1rem;
}
@media screen and (min-width: 1024px) {
.cContactInfo__btn {
margin-top : 0;
}
}
.cAddressDataList {
margin-bottom : 2.22222rem;
}
.cAddressDataList__wrap__list {
display : grid;
gap : 15px;
gap : 0.83333rem;
}
@media screen and (min-width: 767px) {
.cAddressDataList__wrap__list {
gap : 30px;
gap : 1.66667rem;
}
}
@media screen and (min-width: 767px) {
.cAddressDataList__wrap__list--2 {
grid-template-columns : repeat(2,minmax(0,1fr));
}
}
@media screen and (min-width: 767px) {
.cAddressDataList__wrap__list--3 {
grid-template-columns : repeat(2,minmax(0,1fr));
}
}
@media screen and (min-width: 1024px) {
.cAddressDataList__wrap__list--3 {
grid-template-columns : repeat(3,minmax(0,1fr));
}
}
.cAddressDataList__add {
display : flex;
justify-content : flex-end;
margin-top : 0.88889rem;
}
.cAddressData {
padding : 1.66667rem 1.33333rem;
background-color : #F2F2F2;
border-radius : 10px;
}
@media screen and (min-width: 1600px) {
.cAddressData {
padding : 2.22222rem;
}
}
.cAddressData__title {
font-size : 20px;
font-size : 1.11111rem;
}
.cAddressData__item {
margin-bottom : 0.44444rem;
}
.cAddressData__item:last-child {
margin-bottom : 0;
}
.cAddressData__item__in {
display : flex;
align-items : center;
}
.cAddressData__item--actions {
display : flex;
align-items : center;
justify-content : space-between;
margin-top : 1.5rem;
}
.cAddressData__item--actions .btn, .cAddressData__item--actions .cClientZone__logout, .cAddressData__item--actions .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cAddressData__item--actions .cftSearch__submit {
width : auto;
}
.cAddressData__icon {
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
margin-right : 15px;
}
.cAddressData__icon::before {
font-size : 28px;
font-size : 1.55556rem;
}
.cAddressData__link {
text-decoration : none;
}
.cAddressData__link--phone {
color : #666;
}
.cAddressData__link--mail {
font-weight : 700;
}
.cAddressData__address__text {
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.4;
}
.cAddressData__name {
display : block;
margin-bottom : 1rem;
font-size : 16px;
font-size : 0.88889rem;
font-weight : 700;
}
.cAddressData__name__text {
display : block;
}
.cAddressData__name__text--company {
font-weight : 400;
}
.cAddressData__default {
border-radius : 4px;
padding : 0.22222rem 0.66667rem;
background-color : #fff;
font-weight : 600;
}
.cConsentSettings {
margin-bottom : 2.22222rem;
}
.cConsentSettings__wrap {
display : grid;
gap : 15px;
padding : 24px;
border-radius : 12px;
background-color : #F2F2F2;
}
@media screen and (min-width: 1600px) {
.cConsentSettings__wrap {
padding : 1.33333rem;
}
}
.cConsentSettings__item {
padding : 20px;
background-color : #fff;
border-radius : 8px;
}
.cConsentSettings__check {
display : grid;
align-items : center;
grid-template-columns : 28px 1fr;
column-gap : 0.66667rem;
}
.cConsentSettings .checkbox-design + label {
display : block;
line-height : normal;
margin-left : 0;
}
.cConsentSettings__date {
display : flex;
margin-top : 0.5rem;
}
.cConsentSettings__date--right {
justify-content : flex-end;
}
.cConsentSettings__date strong {
margin-left : 8px;
}
.cUserFavProducts__wrap {
display : grid;
row-gap : 16px;
row-gap : 0.88889rem;
padding : 1.11111rem;
background-color : #F2F2F2;
border-radius : 10px;
}
@media screen and (min-width: 767px) {
.cUserFavProducts__wrap {
padding : 1.66667rem;
}
}
.cUserFavProduct {
position : relative;
display : flex;
align-items : center;
flex-wrap : wrap;
padding : 0.66667rem 1.33333rem;
column-gap : 1.38889rem;
border-radius : 6px;
background-color : #fff;
}
@media screen and (min-width: 1600px) {
.cUserFavProduct {
flex-wrap : nowrap;
}
}
.cUserFavProduct__name {
display : block;
text-decoration : none;
font-weight : 700;
line-height : 1.3;
margin-bottom : 0.22222rem;
}
.cUserFavProduct .cAvailability {
display : block;
font-weight : 700;
}
.cUserFavProduct__content {
width : calc(100% - 70px);
width : calc(100% - 70px);
width : calc(100% - 70px);
flex-grow : 1;
}
@media screen and (min-width: 1024px) {
.cUserFavProduct__content {
width : auto;
}
}
.cUserFavProduct__price {
display : grid;
text-align : right;
margin-left : auto;
}
.cUserFavProduct__figure {
width : 40px;
}
.cUserFavProduct__btn {
margin-top : 0.55556rem;
}
@media screen and (min-width: 1024px) {
.cUserFavProduct__btn {
margin-top : 0;
}
}
.cUserFavProduct__remove {
position : absolute;
right : 8px;
top : 8px;
background : 0 0;
border : 0;
outline : 0;
}
@media screen and (min-width: 767px) {
.cUserFavProduct__remove {
position : static;
}
}
.cUserFavProduct__remove__icon {
width : 25px;
height : 25px;
}
.userAccAvatar {
display : flex;
align-items : center;
}
.userAccAvatar__content {
padding-left : 16px;
}
.userAccAvatar__figure {
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
}
@media screen and (min-width: 767px) {
.userAccAvatar__figure {
width : 50px;
height : 50px;
}
}
.userAccAvatar__img {
max-height : 100%;
border-radius : 4px;
}
.userAccAvatar__name {
display : block;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.2;
}
.userAccAvatar__logout {
font-size : 14px;
font-size : 0.77778rem;
line-height : 1;
opacity : 0.8;
font-weight : 600;
text-decoration : none;
}
.userAccAvatar__logout:hover {
opacity : 1;
}
.orderStatus {
display : inline-flex;
align-items : center;
font-weight : 700;
}
.orderStatus__icon {
width : 20px;
height : 20px;
}
@media screen and (min-width: 1600px) {
.orderStatus__icon {
margin-right : 0.44444rem;
}
}
.orderStatus__text {
display : none;
}
@media screen and (min-width: 1600px) {
.orderStatus__text {
display : block;
line-height : 1;
}
}
.orderProductItem {
display : grid;
align-items : center;
grid-template-columns : 50px 1fr 1fr 1fr;
padding : 0.88889rem 0.66667rem;
gap : 4px 16px;
gap : 0.22222rem 0.88889rem;
background-color : #fff;
border-bottom : 1px solid #d1d1d1;
}
@media screen and (min-width: 767px) {
.orderProductItem {
padding : 0.88889rem;
grid-template-columns : 60px 1fr repeat(2,max-content);
}
}
.orderProductItem:last-child {
border-bottom : 0;
}
@media screen and (min-width: 767px) {
.orderProductItem--has-btn {
grid-template-columns : 60px 1fr repeat(3,max-content);
}
}
.orderProductItem--simple {
grid-template-columns : auto;
}
.orderProductItem--no-img-only {
grid-template-columns : 1fr repeat(2,max-content);
}
.orderProductItem--no-img-only .orderProductItem__text {
grid-column : 1 / 4;
}
@media screen and (min-width: 767px) {
.orderProductItem--no-img-only .orderProductItem__text {
grid-column : auto;
}
}
.orderProductItem--no-img-only .orderProductItem__price {
grid-column : auto;
}
.orderProductItem__text {
grid-column : 2 / 5;
}
@media screen and (min-width: 767px) {
.orderProductItem__text {
grid-column : auto;
}
}
.orderProductItem__figure {
display : flex;
align-items : center;
justify-content : center;
height : 40px;
}
.orderProductItem__img {
max-height : 100%;
}
.orderProductItem__price {
display : flex;
flex-direction : column;
justify-content : center;
align-items : flex-end;
grid-column : span 2;
}
@media screen and (min-width: 767px) {
.orderProductItem__price {
grid-column : auto;
}
}
@media screen and (min-width: 1024px) {
.orderProductItem__price {
margin : 0 0.88889rem;
}
}
.orderProductItem__pcs, .orderProductItem__price span {
display : block;
font-size : 13px;
font-size : 0.72222rem;
line-height : 1.2;
}
.orderProductItem__name {
display : block;
line-height : 1.4;
font-size : 16px;
font-size : 0.88889rem;
}
.cftSearch--standard .orderProductItem .cftSearch__submit, .orderProductItem .btn, .orderProductItem .cClientZone__logout, .orderProductItem .cftSearch--standard .cftSearch__submit {
padding : 12px 16px;
}
.orderInvoice {
display : inline-flex;
align-items : center;
text-decoration : none;
}
.orderInvoice:hover .orderInvoice__text {
text-decoration : underline;
}
.orderInvoice__text {
display : none;
color : #666;
font-weight : 600;
}
@media screen and (min-width: 1600px) {
.orderInvoice__text {
display : block;
}
}
.orderInvoice .icon {
width : auto;
height : auto;
}
@media screen and (min-width: 1600px) {
.orderInvoice .icon {
margin-right : 0.44444rem;
}
}
.orderInvoice .icon::before {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
}
.cPathBox {
position : relative;
padding : 1.11111rem;
border : #d1d1d1 solid 1px;
text-align : center;
min-height : 325px;
}
@media screen and (max-width: 766px) {
.cPathBox:not(.cPathBox--imageCover):not(.cPathBox--img-height) {
height : auto !important ;
}
}
.cPathBox > .link {
display : block;
text-decoration : none;
}
.cPathBox .cHeading {
margin-bottom : 0;
margin-top : 2.22222rem;
font-weight : 700;
}
.cPathBox .cHeading > a {
text-decoration : none;
}
.cPathBox .cHeading > a:hover {
text-decoration : underline;
}
.cPathBox__desc {
margin-top : 0 !important ;
padding : 1.11111rem;
z-index : 2;
}
.cPathBox__desc p:last-child {
margin-bottom : 0;
}
.cPathBox img {
display : block;
max-width : none;
min-width : 100%;
margin : 0;
}
.cPathBox__imgWrapper, .cPathBox__link {
display : block;
position : relative;
overflow : hidden;
margin : -1.11111rem -1.11111rem 0;
}
.cPathBox--titleCover {
min-height : 0;
padding : 0;
overflow : hidden;
}
.cPathBox--titleCover .cPathBox__link {
position : absolute;
height : 100%;
margin : 0;
}
.cPathBox--titleCover .cPathBox__wrapper {
position : relative;
overflow : hidden;
}
.cPathBox--titleCover .cPathBox__content {
position : absolute;
bottom : 0;
color : #fff;
background-color : rgb(165, 20, 92, 0.8);
width : 100%;
z-index : 1;
margin-bottom : 0;
}
.cPathBox--titleCover .cPathBox__content > a {
padding : 1.11111rem;
}
.cPathBox--titleCover .cPathBox__title {
color : #fff;
}
.cPathBox--titleCover img {
display : block;
margin : 0;
width : 100%;
height : 100%;
}
.cPathBox--imageCover {
padding : 0;
border : 0;
min-height : 0;
height : 325px;
}
.cPathBox--imageCover .cPathBox__desc__text, .cPathBox--imageCover .cPathBox__title {
margin-top : 0;
transition : all 0.5s ease-in-out;
}
.cPathBox--imageCover.cPathBox--withDesc:hover .cPathBox__title {
visibility : hidden;
opacity : 0;
}
.cPathBox--imageCover:hover .cPathBox__desc__text {
visibility : visible;
opacity : 1;
}
.cPathBox--imageCover .cPathBox__link {
height : 100%;
}
.cPathBox--imageCover img {
margin : 0;
object-fit : cover;
min-height : 100%;
width : 100%;
height : 100%;
}
.cPathBox--imageCover .cHeading > a {
color : #fff;
}
.cPathBox--imageCover .cPathBox__desc {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
color : #fff;
text-align : center;
}
.cPathBox--imageCover .cPathBox__desc__text {
opacity : 0;
visibility : hidden;
}
.cPathBox--imageCover .cPathBox__imgWrapper {
margin : 0;
height : 100%;
}
.cPathBox--imageCover > a {
margin : 0;
}
.cPathBox--imageCover.cPathBox--img-fixed-size > .cPathBox__link:hover > img {
transform : none;
}
.cPathBox--staticUnderPict {
overflow : hidden;
background-color : #fff;
}
.cGnotation .cPathBox--staticUnderPict img, .cPathBox--staticUnderPict .cGnotation img, .cPathBox--staticUnderPict .objectFit {
height : 200px;
}
.cGnotation .cPathBox--staticUnderPict img img, .cPathBox--staticUnderPict .cGnotation img img, .cPathBox--staticUnderPict .objectFit img {
height : 100%;
}
.cPathBox--staticUnderPict .objectFit--fallback img {
display : block !important ;
visibility : hidden !important ;
}
.cPathBox--staticOverPict {
overflow : hidden;
background-color : #fff;
}
.cPathBox--staticOverPict::after {
display : none;
}
.cGnotation .cPathBox--staticOverPict img, .cPathBox--staticOverPict .cGnotation img, .cPathBox--staticOverPict .objectFit {
height : 200px;
}
.cGnotation .cPathBox--staticOverPict img img, .cPathBox--staticOverPict .cGnotation img img, .cPathBox--staticOverPict .objectFit img {
height : 100%;
}
.cPathBox--staticOverPict .objectFit--fallback img {
display : block !important ;
visibility : hidden !important ;
}
.cPathBox--staticOverPict .cPathBox__imgWrapper {
margin-top : 1.11111rem;
margin-bottom : 1.11111rem;
}
.cPathBox--icon {
min-height : 150px;
}
.cPathBox--icon .cPathBox__title {
margin-top : 0;
}
.cPathBox--icon__icon::before {
color : #00adee;
font-size : 60px;
font-size : 3.33333rem;
}
.cPathBox--imageCover {
position : relative;
overflow : hidden;
text-align : left;
}
.cPathBox--imageCover img {
display : block;
}
.cPathBox--imageCover .cPathBox__desc {
margin-top : 0;
font-size : inherit;
}
.cPathBox--imageCover .cPathBox__desc .cPathBox__title {
z-index : 3;
width : 100%;
color : #fff;
}
.cPathBox--imageCover .cPathBox__desc .cPathBox__title > a {
color : #fff;
}
.cPathBox--noImage {
text-align : center;
}
.cSubpages img {
display : block;
min-width : 100%;
width : 100%;
}
.cSubpages__title {
margin-bottom : 1.11111rem;
font-weight : 700;
text-decoration : none;
}
.cSubpages__title > a {
text-decoration : none;
}
.cSubpages--perex .cSubpage__wrapper {
margin-bottom : 1.66667rem;
padding : 2.22222rem;
border : #d1d1d1 solid 1px;
text-align : center;
}
.cSubpages--perex .cSubpage__wrapper-fixed-height {
overflow : hidden;
}
.cSubpages--perex.cSubpages--adjacent .gt500 {
padding : 0;
text-align : left;
overflow : hidden;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__anotation {
margin-top : 0;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper {
position : relative;
display : table-cell;
vertical-align : top;
width : 50%;
height : 100%;
padding : 0;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper > a {
margin : 0;
max-height : none;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper img {
position : absolute;
left : 0;
top : 0;
height : 100%;
display : block;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__imgWrapper + .cSubpages__inner {
display : table-cell;
vertical-align : top;
width : 50%;
height : 100%;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__inner {
padding : 2.22222rem;
}
.cSubpages--perex.cSubpages--adjacent .gt500 .cSubpages__title {
margin-top : 0;
}
.cSubpages--perex .cSubpages__imgWrapper > a, .cSubpages--perex .cSubpages__inner > a {
display : block;
max-height : 170px;
overflow : hidden;
margin-top : -2.22222rem;
margin-left : -2.22222rem;
margin-right : -2.22222rem;
}
.cSubpages--perex .cSubpages__anotation {
margin-top : 2.22222rem;
}
.cSubpages--perex .cSubpages__anotation p:last-child {
margin-bottom : 0;
}
.cSubpages--perex .cSubpages__title {
margin-top : 2.22222rem;
}
.cSubpages--imageCover img {
left : 0;
min-height : 100%;
}
.cSubpages--imageCover .cSubpage__inner {
height : 100%;
}
.cSubpages--imageCover .cSubpage__img > a, .cSubpages--imageCover .cSubpage__inner > a {
display : block;
text-decoration : none;
position : relative;
height : 100%;
}
.cSubpages--imageCover .cSubpage__inner > a img {
top : 0;
}
.cSubpages--imageCover .cSubpages__imgContent {
padding : 1.11111rem;
z-index : 2;
}
.cSubpages--imageCover .cSubpages__imgContent--top {
position : absolute;
top : 0;
width : 100%;
background-color : transparent;
color : #fff;
}
.cSubpages--imageCover .cSubpages__imgContent--top > a {
padding : 1.11111rem;
}
.cSubpages--imageCover .cSubpages__imgContent--bottom {
position : absolute;
bottom : 0;
width : 100%;
background-color : transparent;
color : #fff;
}
.cSubpages--imageCover .cSubpages__imgContent--bottom > a {
padding : 1.11111rem;
}
.cSubpages--imageCover .cSubpages__imgContent .cSubpages__title {
color : #fff;
height : auto;
}
.cSubpages--imageCover .cSubpages__imgContent:hover .cSubpages__anotation {
top : 0;
}
.cSubpages--imageCover .cSubpages__anotation {
position : relative;
transition : top 0.5s ease-in-out;
margin-top : 0;
}
.cSubpages--imageCover .cSubpage--4-3 {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cSubpages--imageCover .cSubpage--4-3 [class$="__inner"], .cSubpages--imageCover .cSubpage--4-3 [class$="__image"], .cSubpages--imageCover .cSubpage--4-3 img {
position : absolute;
width : 100%;
}
.cSubpages--imageCover .cSubpage--4-3:after {
display : block;
content : '';
padding-top : 75%;
}
.cSubpages--imageCover .cSubpage--16-9 {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cSubpages--imageCover .cSubpage--16-9 [class$="__inner"], .cSubpages--imageCover .cSubpage--16-9 [class$="__image"], .cSubpages--imageCover .cSubpage--16-9 img {
position : absolute;
width : 100%;
}
.cSubpages--imageCover .cSubpage--16-9:after {
display : block;
content : '';
padding-top : 56.25%;
}
.cSubpages--imageCover .cSubpage--1-1 {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cSubpages--imageCover .cSubpage--1-1 [class$="__inner"], .cSubpages--imageCover .cSubpage--1-1 [class$="__image"], .cSubpages--imageCover .cSubpage--1-1 img {
position : absolute;
width : 100%;
}
.cSubpages--imageCover .cSubpage--1-1:after {
display : block;
content : '';
padding-top : 100%;
}
.cSubpages--vertical {
border-bottom : 0;
overflow : hidden;
background-color : #fff;
}
.cSubpages--vertical .cHeading {
padding : 1.11111rem 1.66667rem 1.11111rem 0;
margin-bottom : 0;
}
.cSubpages--vertical > .nav--stacked-box, .mDrop .cSubpages--vertical > ul {
border : #d1d1d1 solid 1px;
border-bottom : 0;
}
.cSubpages--vertPlunge .nav__item {
font-size : 40px;
font-size : 2.22222rem;
font-weight : 700;
}
.cSubpages--vertPlunge .nav--nested .nav__item {
padding : 1.11111rem 2.22222rem;
font-size : 18px;
font-size : 1rem;
font-weight : 400;
}
@media screen and (min-width: 767px) {
.cSubpages--vertPlunge .nav--nested .nav__item {
border-left : 1px solid #d1d1d1;
}
}
.cSubpages--horisontal .nav__item {
padding : 1.11111rem 2.22222rem;
border-left : 1px solid #d1d1d1;
font-size : 40px;
font-size : 2.22222rem;
font-weight : 700;
}
.cSubpages--cols .nav__item {
margin-bottom : 30px;
}
.cSubpages--cols .nav__item__in {
display : block;
font-weight : 700;
text-decoration : none;
padding : 1.11111rem 2.22222rem;
border : #d1d1d1 solid 1px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.cSubpages--cols .nav__item__in:hover {
text-decoration : underline;
}
.cGnotation {
padding : 0;
text-align : center;
}
.grid__item:not(.one-whole) .cGnotation, .label--inline + .field:not(.one-whole) .cGnotation, .label--inline:not(.one-whole) .cGnotation {
left : 0;
max-width : 100%;
}
.cGnotation__inner {
position : relative;
margin : auto;
overflow : hidden;
display : grid;
place-items : center;
}
.cGnotation__panel {
padding : 2.22222rem 3.33333rem;
width : 100%;
}
.cGnotation img {
position : absolute;
left : 0;
top : 0;
}
@media screen and (max-width: 766px) {
.cGnotation img {
width : 100%;
}
}
.cConversButton :last-child, .cGnotation p:last-child {
margin-bottom : 0;
}
.cTally {
margin-left : 0;
}
@media screen and (max-width: 766px) {
.cTally:last-child {
margin-bottom : 0;
}
}
.cTally__item {
margin-bottom : 0;
list-style : none;
padding : 1.11111rem 0;
border-bottom : 1px solid #d1d1d1;
}
.cTally__item:first-child {
padding-top : 0;
}
.cTally__title {
float : left;
clear : left;
width : 80%;
}
.cTally__value {
width : 20%;
float : right;
clear : right;
text-align : right;
}
.cTally__desc {
float : left;
clear : both;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 767px) {
.cTallyWrapper .accordion__item__holder {
display : none;
}
}
.cInfobox {
position : relative;
padding : 3.33333rem 1.11111rem 1.11111rem;
margin-bottom : 3.33333rem;
border : transparent solid 1px;
text-align : center;
}
@media screen and (min-width: 767px) {
.cInfobox {
padding : 1.11111rem 1.11111rem 1.11111rem 5.55556rem;
text-align : left;
}
}
.cInfobox::before {
width : 20px;
height : 20px;
background-size : 100%;
font-size : 20px;
font-size : 1.11111rem;
top : 10px;
left : 50%;
right : auto;
bottom : auto;
position : absolute;
transform : translateX(-50%);
}
@media screen and (min-width: 767px) {
.cInfobox::before {
left : 40px;
transform : none;
}
}
.cInfobox .cHeading {
margin-bottom : 0;
}
.cInfobox__desc {
margin-bottom : 0;
font-size : 13px;
font-size : 0.72222rem;
}
.cInfobox__desc--big {
font-size : 40px;
font-size : 2.22222rem;
}
.cInfobox__desc--large {
font-size : 50px;
font-size : 2.77778rem;
}
.cInfobox__icon {
position : absolute;
top : 40px;
top : 2.22222rem;
}
@media screen and (max-width: 766px) {
.cInfobox__icon {
left : 50%;
transform : translateX(-50%);
}
}
@media screen and (min-width: 767px) {
.cInfobox__icon {
top : 50%;
transform : translateY(-50%);
left : 40px;
left : 2.22222rem;
}
}
.cInfobox--info {
background-color : #dbedfd;
color : #666;
border-color : #007dc4;
}
.cInfobox--info::before {
color : #007dc4;
}
.cInfobox--info .cHeading, .cInfobox--info a {
color : #666;
}
.cInfobox--positive {
background-color : #dffbe4;
color : #666;
border-color : #89cb52;
}
.cInfobox--positive::before {
color : #89cb52;
}
.cInfobox--positive .cHeading, .cInfobox--positive a {
color : #666;
}
.cInfobox--negative {
background-color : #fdd;
color : #666;
border-color : #e83f3e;
}
.cInfobox--negative::before {
color : #e83f3e;
}
.cInfobox--negative .cHeading, .cInfobox--negative a {
color : #666;
}
.cInfobox--neutral {
background-color : #f6f2d2;
color : #666;
border-color : #dcc026;
}
.cInfobox--neutral::before {
color : #dcc026;
}
.cInfobox--neutral .cHeading, .cInfobox--neutral a {
color : #666;
}
.cInfobox--noIcon {
padding : 1.11111rem;
}
.cInfobox--noIcon::before {
content : '' !important ;
}
.cInfobox--noBackground {
background-color : transparent;
}
.cInfobox--notFound {
margin-top : 2.22222rem;
min-height : 0;
color : #e83f3e;
}
.cInfobox--account-remove {
display : grid;
align-items : start;
gap : 20px;
gap : 1.11111rem;
padding : 2.22222rem;
border : 0;
border-radius : 10px;
}
@media screen and (min-width: 767px) {
.cInfobox--account-remove {
grid-template-columns : max-content 1fr;
}
}
.cInfobox--account-remove::after, .cInfobox--account-remove::before {
display : none;
}
.cInfobox--account-remove .cHeading {
margin-bottom : 0.66667rem;
}
.cInfobox--account-remove .icon--small {
font-size : 30px;
font-size : 1.66667rem;
}
.cInfobox--account-remove .icon--medium {
font-size : 40px;
font-size : 2.22222rem;
}
.cInfobox--account-remove .icon--large {
font-size : 60px;
font-size : 3.33333rem;
}
.cInfobox--account-remove .icon::before {
font-size : inherit;
color : inherit;
}
.cInfobox--account-remove .btn, .cInfobox--account-remove .cClientZone__logout, .cInfobox--account-remove .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cInfobox--account-remove .cftSearch__submit {
margin-top : 1.33333rem;
background-color : #e83f3e;
color : #fff;
}
.cInfobox--account-remove .btn:hover, .cInfobox--account-remove .cClientZone__logout:hover, .cInfobox--account-remove .cftSearch--standard .cftSearch__submit:hover, .cftSearch--standard .cInfobox--account-remove .cftSearch__submit:hover {
background-color : #e52827;
}
.cInfobox--account-remove .cInfobox__btn {
display : flex;
}
.cInfobox--account-remove .cInfobox__btn--position-center {
justify-content : center;
}
.cInfobox--account-remove .cInfobox__btn--position-right {
justify-content : flex-end;
}
.cBlockquote--image.cBlockquote--colored.hasImage blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.hasImage blockquote, .cBlockquote__inner {
padding : 0.83333rem 1.38889rem;
}
@media screen and (min-width: 767px) {
.cBlockquote--image.cBlockquote--colored.hasImage blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.hasImage blockquote, .cBlockquote__inner {
padding : 1.66667rem 2.77778rem;
}
}
.cBlockquote--backgroundImage .cBlockquote__author .source, .cBlockquote--block .cBlockquote__author .source {
font-weight : 700;
font-size : 13px;
font-size : 0.72222rem;
}
.cBlockquote--backgroundImage .cBlockquote__author .source::before, .cBlockquote--block .cBlockquote__author .source::before {
margin-right : 0.5rem;
}
.cBlockquote--backgroundImage .cBlockquote__author .source-info, .cBlockquote--block .cBlockquote__author .source-info {
font-size : 12px;
font-size : 0.66667rem;
color : #777;
}
.cBlockquote::after, .cBlockquote::before {
content : '';
}
.cBlockquote blockquote {
padding : 0;
text-indent : 0;
}
.cBlockquote cite {
font-style : normal;
}
.cBlockquote__author {
margin-top : 1.11111rem;
}
.cBlockquote--line .cBlockquote__inner {
border-left : 1px solid #d1d1d1;
}
.cBlockquote--background .cBlockquote__inner {
background-color : #F2F2F2;
}
.cBlockquote--quotes .cBlockquote__inner {
padding : 0;
}
.cBlockquote--quotes .cBlockquote__text {
position : relative;
padding-left : 30px;
padding-right : 30px;
}
@media screen and (min-width: 767px) {
.cBlockquote--quotes .cBlockquote__text {
padding : 1.66667rem 3.33333rem 0;
}
}
.cBlockquote--quotes .cBlockquote__text:after, .cBlockquote--quotes .cBlockquote__text:before {
width : 25px;
height : 25px;
position : absolute;
line-height : 1;
font-size : 3.5em;
font-family : Arial, sans-serif;
color : #d9d9d9;
font-style : normal;
font-weight : 700;
}
@media screen and (min-width: 767px) {
.cBlockquote--quotes .cBlockquote__text:after, .cBlockquote--quotes .cBlockquote__text:before {
width : 50px;
height : 50px;
font-size : 7em;
}
}
.cBlockquote--quotes .cBlockquote__text:before {
left : 0;
top : 0;
content : '”';
}
.cBlockquote--quotes .cBlockquote__text:after {
content : '“';
bottom : 0;
right : 0;
}
@media screen and (max-width: 766px) {
.cBlockquote--quotes blockquote {
margin-bottom : 0;
}
}
.cBlockquote--quotes .cBlockquote__author {
margin-left : 1.66667rem;
}
@media screen and (min-width: 767px) {
.cBlockquote--quotes .cBlockquote__author {
margin-left : 3.33333rem;
}
}
.cBlockquote--image {
text-align : center;
}
.cBlockquote--image:not(.cBlockquote--colored) .cBlockquote__inner {
padding-top : 0;
padding-bottom : 0;
}
.cBlockquote--image blockquote {
margin-bottom : 0;
}
.cBlockquote--image .icon-quote--after::after, .cBlockquote--image .icon-quote::before, .cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before, .cBlockquote--image.top .cBlockquote__text::after {
display : block;
color : #bebebe;
font-size : 24px;
font-size : 1.33333rem;
}
.cBlockquote--image .icon-quote--after::after, .cBlockquote--image.top .cBlockquote__text::after {
margin-top : 2.22222rem;
}
.cBlockquote--image.top img {
margin-bottom : 1.11111rem;
}
.cBlockquote--image.bottom img {
margin-top : 1.11111rem;
}
.cBlockquote--image.left .cBlockquote__wrapper, .cBlockquote--image.right .cBlockquote__wrapper {
display : table;
width : 100%;
}
.cBlockquote--image.left .cBlockquote__img, .cBlockquote--image.left .cBlockquote__inner, .cBlockquote--image.right .cBlockquote__img, .cBlockquote--image.right .cBlockquote__inner {
display : table-cell;
vertical-align : middle;
}
.cBlockquote--image.left blockquote, .cBlockquote--image.right blockquote {
text-indent : 0;
}
.cBlockquote--image.left .cBlockquote__img, .cBlockquote--image.right .cBlockquote__img {
width : 35%;
}
@media screen and (min-width: 1024px) {
.cBlockquote--image.left .cBlockquote__img, .cBlockquote--image.right .cBlockquote__img {
width : 20%;
}
}
.cBlockquote--image.left .cBlockquote__img {
padding-right : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.cBlockquote--image.left .cBlockquote__img {
padding-right : 3.33333rem;
}
}
.cBlockquote--image.left .cBlockquote__inner, .cBlockquote--image.left blockquote::before {
text-align : left;
}
.cBlockquote--image.right .cBlockquote__img {
padding-left : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.cBlockquote--image.right .cBlockquote__img {
padding-left : 3.33333rem;
}
}
.cBlockquote--image.right .cBlockquote__inner, .cBlockquote--image.right blockquote::before {
text-align : right;
}
.cBlockquote--image .cBlockquote__text {
color : #777;
}
@media screen and (min-width: 1024px) {
.cBlockquote--image .cBlockquote__text {
line-height : 220%;
}
}
.cBlockquote--image .cBlockquote__author {
font-size : 13px;
font-size : 0.72222rem;
}
.cBlockquote--image .source {
font-weight : 700;
}
.cBlockquote--image .source::before {
content : '';
}
.cBlockquote--image .source-info {
color : #777;
margin-bottom : 0;
}
.cBlockquote--image.cBlockquote--colored .cBlockquote__inner {
position : relative;
background-color : #F2F2F2;
}
.cBlockquote--image.cBlockquote--colored blockquote {
padding : 0;
}
.cBlockquote--image.cBlockquote--colored.hasImage blockquote {
background-color : #F2F2F2;
}
.cBlockquote--image.cBlockquote--colored.hasImage .cBlockquote__inner {
padding : 0;
background-color : transparent;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner {
background-color : #F2F2F2;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left blockquote, .cBlockquote--image.cBlockquote--colored.hasImage.right blockquote {
background-color : transparent;
padding : 0;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .source, .cBlockquote--image.cBlockquote--colored.hasImage.left .source-info, .cBlockquote--image.cBlockquote--colored.hasImage.right .source, .cBlockquote--image.cBlockquote--colored.hasImage.right .source-info {
display : inline;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner {
text-align : left;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:after {
border-width : 15px;
border-right-color : #F2F2F2;
left : -30px;
top : 50%;
margin-top : -15px;
}
.cBlockquote--image.cBlockquote--colored.hasImage.left .cBlockquote__inner:before {
border-width : 15px;
border-right-color : transparent;
left : -30px;
top : 50%;
margin-top : -15px;
}
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner {
text-align : right;
}
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:after, .cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:after {
border-width : 15px;
border-left-color : #F2F2F2;
right : -30px;
top : 50%;
margin-top : -15px;
}
.cBlockquote--image.cBlockquote--colored.hasImage.right .cBlockquote__inner:before {
border-width : 15px;
border-left-color : transparent;
right : -30px;
top : 50%;
margin-top : -15px;
}
.cBlockquote--image.cBlockquote--portrait .cBlockquote__portrait {
width : 90px;
height : 90px;
margin : 20px auto;
border-radius : 50%;
}
.cBlockquote--image.cBlockquote--portrait .cBlockquote__portrait img {
position : static;
display : block;
margin : 0;
width : 100%;
height : 100%;
border-radius : inherit;
}
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom.hasImage blockquote {
position : relative;
margin-bottom : 65px;
padding-bottom : 65px;
}
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.bottom .cBlockquote__portrait {
bottom : -45px;
margin-bottom : 0;
height : 90px;
}
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top.hasImage blockquote {
margin-top : 90px;
padding-top : 65px;
}
.cBlockquote--image.cBlockquote--portrait.cBlockquote--colored.top .cBlockquote__portrait {
top : -45px;
margin-top : 0;
height : 90px;
}
.cBlockquote--image.cBlockquote--logo.left.hasImage .cBlockquote__img, .cBlockquote--image.cBlockquote--logo.right.hasImage .cBlockquote__img {
width : 25%;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored blockquote {
position : relative;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:after {
border-width : 15px;
border-bottom-color : #F2F2F2;
top : -30px;
right : 50%;
margin-right : -15px;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top blockquote:before {
border-width : 15px;
border-bottom-color : transparent;
top : -30px;
right : 50%;
margin-right : -15px;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.top img {
margin-bottom : 2.22222rem;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:after, .cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:before {
border : transparent solid;
content : ' ';
height : 0;
width : 0;
position : absolute;
visibility : visible;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:after {
border-width : 15px;
border-top-color : #F2F2F2;
bottom : -30px;
right : 50%;
margin-right : -15px;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom blockquote:before {
border-width : 15px;
border-top-color : transparent;
bottom : -30px;
right : 50%;
margin-right : -15px;
}
.cBlockquote--image.cBlockquote--logo.cBlockquote--colored.bottom img {
margin-top : 2.22222rem;
}
.cBlockquote--block.cBlockquote--colored .cBlockquote__inner {
background-color : #F2F2F2;
}
.cBlockquote--block .cBlockquote__wrapper {
display : grid;
overflow : hidden;
}
.cBlockquote--block .cBlockquote__img {
position : relative;
}
.cBlockquote--block .cBlockquote__img img {
position : absolute;
height : 100%;
width : 100%;
object-fit : cover;
}
.cBlockquote--block .cBlockquote__inner {
overflow : hidden;
}
@media (min-width: 768px) {
.cBlockquote--block.left .cBlockquote__inner {
grid-column : 2 / 3;
}
}
.cBlockquote--block.top .cBlockquote__inner {
grid-row : 2 / 3;
display : flex;
flex-direction : column-reverse;
}
@media (min-width: 768px) {
.cBlockquote--block.left .cBlockquote__wrapper, .cBlockquote--block.right .cBlockquote__wrapper {
grid-auto-flow : column;
grid-template-columns : 1fr 1fr;
}
}
@media (max-width: 767px) {
.cBlockquote--block.left .cBlockquote__wrapper, .cBlockquote--block.right .cBlockquote__wrapper {
grid-auto-flow : row;
grid-template-rows : 1fr 1fr;
}
}
@media (max-width: 767px) {
.cBlockquote--block.left .cBlockquote__wrapper .cBlockquote__img, .cBlockquote--block.right .cBlockquote__wrapper .cBlockquote__img {
grid-row : 1 / 2;
}
}
.cBlockquote--block.bottom .cBlockquote__wrapper, .cBlockquote--block.top .cBlockquote__wrapper {
grid-auto-flow : row;
grid-template-rows : 1fr 1fr;
}
.cBlockquote--backgroundImage {
display : grid;
}
.cBlockquote--backgroundImage.cBlockquote--colored .cBlockquote__inner {
isolation : isolate;
position : relative;
}
.cBlockquote--backgroundImage.cBlockquote--colored .cBlockquote__inner::before {
z-index : -1;
opacity : var(--_bg-opacity, 100%);
background-color : #F2F2F2;
content : "";
position : absolute;
inset : 0;
}
.cBlockquote--backgroundImage .cBlockquote__img {
height : 100%;
}
.cBlockquote--backgroundImage .cBlockquote__img img {
width : 100%;
height : 100%;
object-fit : cover;
}
.cBlockquote--backgroundImage .cBlockquote__inner {
margin : 2rem;
min-width : 30%;
max-height : calc(100% - 4rem);
max-height : calc(100% - 4rem);
max-height : calc(100% - 4rem);
overflow : hidden;
}
.cBlockquote--backgroundImage > div {
grid-column : 1 / 2;
grid-row : 1 / 2;
}
@media all {
.cBlockquote--quotes .cBlockquote__text::after, .cBlockquote--quotes .cBlockquote__text::before {
font-size : 105px;
}
}
@media (max-width: 766px) {
.cBlockquote--quotes .cBlockquote__text::after, .cBlockquote--quotes .cBlockquote__text::before {
font-size : 50px;
}
}
.cPerson {
font-size : 13px;
font-size : 0.72222rem;
}
.cPerson__photo {
text-align : center;
margin-bottom : 2.22222rem;
}
@media screen and (min-width: 767px) {
.cPerson__photo {
text-align : left;
}
}
.cPerson__name {
margin-bottom : 0;
font-weight : 700;
}
.cPerson__title {
color : #777;
margin-bottom : 1.11111rem;
}
.cPerson__address {
margin-top : 2.22222rem;
}
.cPerson__email, .cPerson__web {
display : block;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.cPerson__link {
margin-bottom : 0.55556rem;
text-decoration : none;
}
@media screen and (min-width: 767px) {
.cPerson__link > span {
text-decoration : underline;
}
.cPerson__link > span:hover {
text-decoration : none;
}
}
.cPerson__link--email {
white-space : nowrap;
}
.cPerson__link--email-truncate {
position : relative;
}
.cPerson__link--email-truncate::after {
position : absolute;
left : 0;
top : 100%;
padding : 6px;
opacity : 0;
visibility : hidden;
content : attr(data-person-email-text);
background-color : #F2F2F2;
border : #e5e5e5 solid 1px;
color : #666;
z-index : 10;
transition : all 0.3s ease;
}
.cPerson__link--email-truncate:hover::after {
visibility : visible;
opacity : 1;
}
.cPerson__desc {
margin-top : 2.22222rem;
font-size : 13px;
font-size : 0.72222rem;
color : #4d4d4d;
}
.cPerson__link--icon-email, .cPerson__link--icon-fax, .cPerson__link--icon-mobile, .cPerson__link--icon-phone, .cPerson__link--icon-web {
position : relative;
padding-left : 3.33333rem;
}
@media screen and (min-width: 767px) {
.cPerson--columns .cPerson__photo {
display : inline-block;
vertical-align : top;
width : 50%;
}
}
@media screen and (min-width: 767px) {
.cPerson--columns .cPerson__photo + .cPerson__content {
display : inline-block;
width : 50%;
padding-left : 2.22222rem;
}
}
.cPerson--columns.lt350.gt100 .cPerson__content, .cPerson--columns.lt350.gt100 .cPerson__photo {
display : block;
width : 100%;
}
.cPerson--columns.lt350.gt100 .cPerson__content {
padding-left : 0;
}
.cPerson.cPerson--columns.cPerson--am {
display : flex;
margin : 0 auto 2rem;
padding-top : 1.5rem;
padding-bottom : 1.5rem;
border-bottom : 1px solid #d1d1d1;
}
.cPerson.cPerson--columns.cPerson--am:last-child {
border-bottom : 0;
}
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width : 75px;
max-width : 75px;
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width : 150px;
max-width : 150px;
}
}
@media screen and (min-width: 1024px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width : 300px;
max-width : 300px;
}
}
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left : 1rem;
width : calc(100% - 75px);
width : calc(100% - 75px);
width : calc(100% - 75px);
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
width : auto;
padding-left : 2.5rem;
}
}
@media screen and (min-width: 1024px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left : 3.5rem;
}
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__content__info {
display : flex;
}
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__contact {
flex-grow : 1;
min-width : 240px;
}
}
@media screen and (max-width: 766px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size : 15px;
font-size : 0.83333rem;
}
}
@media screen and (min-width: 1600px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size : 30px;
font-size : 1.66667rem;
}
}
.cPerson.cPerson--columns.cPerson--am .cPerson__title {
font-weight : 600;
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__title {
font-size : 15px;
font-size : 0.83333rem;
}
}
.cPerson.cPerson--columns.cPerson--am .cPerson__desc {
margin-top : 1rem;
}
@media screen and (min-width: 767px) {
.cPerson.cPerson--columns.cPerson--am .cPerson__desc {
margin-top : 0;
padding-left : 2rem;
}
}
.amUserList .cPerson.cPerson--columns.cPerson--am {
padding : 1rem;
}
@media screen and (min-width: 767px) {
.amUserList .cPerson.cPerson--columns.cPerson--am {
max-width : 950px;
padding : 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width : 200px;
max-width : 200px;
}
}
@media screen and (min-width: 1600px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__photo {
min-width : 250px;
max-width : 250px;
}
}
@media screen and (min-width: 1024px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__content {
padding-left : 2.5rem;
}
}
@media screen and (max-width: 766px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size : 15px;
font-size : 0.83333rem;
}
}
@media screen and (min-width: 1600px) {
.amUserList .cPerson.cPerson--columns.cPerson--am .cPerson__name {
font-size : 18px;
font-size : 1rem;
}
}
.cPerson .cSocialSites {
margin : 2.22222rem 0 0;
}
.cPerson__name {
font-size : 20px;
font-size : 1.11111rem;
}
.cPerson .nav__item .cPerson__link--icon {
display : flex;
align-items : center;
min-height : 35px;
margin-bottom : 6px;
padding-left : 45px;
}
@media screen and (max-width: 766px) {
.cPerson .nav__item .cPerson__link--icon {
padding-top : 0;
padding-bottom : 0;
background : 0 0;
}
}
.cPerson__link--icon::before {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 0;
top : 0;
width : 35px;
height : 35px;
background-color : rgb(0, 173, 238, 0.15);
color : #00adee;
border-radius : 100%;
transition : all 0.2s ease-in-out;
font-size : 18px;
font-size : 1rem;
}
.cPerson__link--icon:hover::before {
background-color : #00adee;
color : #fff;
transform : scale(1.1);
}
.cPerson__link--icon:hover > span {
text-decoration : underline;
color : #00adee;
}
.cPerson__link > span {
text-decoration : none;
color : #999;
font-size : 14px;
font-size : 0.77778rem;
}
.cPerson--columns .cPerson__photo {
max-width : 150px;
}
.cPerson .cSocialSites i::before {
display : flex;
align-items : center;
justify-content : center;
border-radius : 100%;
transition : all 0.2s ease-in-out;
font-size : 22px;
font-size : 1.22222rem;
color : #00adee;
}
.cPerson .cSocialSites .nav__item .nav__item__in:hover i::before {
color : #009ad5;
}
.cPerson--under .cPerson__content {
display : grid;
position : relative;
overflow : hidden;
padding : 20px;
}
@media (max-width: 767px) {
.cPerson--under .cPerson__content {
grid-auto-rows : max-content;
background-color : #f8f8f8;
}
}
@media (min-width: 768px) {
.cPerson--under .cPerson__content {
min-height : 250px;
grid-template-rows : 1fr max-content;
transition : max-height 0.95s ease-out;
}
}
.cPerson--under .cPerson__photo {
margin : -20px;
}
@media (min-width: 768px) {
.cPerson--under .cPerson__photo {
grid-column : 1 / -1;
grid-row : 1 / -1;
}
}
@media (max-width: 767px) {
.cPerson--under .cPerson__photo {
margin-bottom : 0;
}
}
.cPerson--under .cPerson__photo img {
width : 100%;
height : 100%;
object-fit : cover;
}
@media (min-width: 768px) {
.cPerson--under .cPerson__photo::before {
transition : 0.4s ease-out;
content : '';
position : absolute;
inset : 0;
background : #000;
background : linear-gradient(0deg, #000 0, rgb(0, 58, 102, 0) 60%);
opacity : 0.6;
}
}
.cPerson--under .cPerson__extra, .cPerson--under .cPerson__info {
position : relative;
z-index : 1;
grid-column : 1 / 2;
}
.cPerson--under .cPerson__info {
display : grid;
place-items : end start;
align-content : flex-end;
padding-top : 20px;
}
@media (min-width: 768px) {
.cPerson--under .cPerson__info {
grid-row : 1 / 2;
color : #fff;
}
}
@media (min-width: 768px) {
.cPerson--under .cPerson__extra {
transition : 0.8s;
max-height : 0;
opacity : 0;
grid-row : 2 / 3;
}
}
@media (min-width: 768px) {
.cPerson--under .cPerson__title {
color : #d1d1d1;
}
}
.cPerson--under .cPerson__desc {
margin-block : 1rem;
}
.cPerson--under .cPerson__contact ul {
display : grid;
grid-template-columns : repeat(auto-fit,minmax(150px,1fr));
gap : 10px;
}
.cPerson--under .cPerson__address {
margin-top : 1rem;
}
@media (min-width: 767px) {
.cPerson--under .cPerson__address, .cPerson--under .cPerson__contact a span, .cPerson--under .cPerson__desc {
color : #fff;
}
}
@media (min-width: 767px) {
.cPerson--under .cSocialSites span::before {
color : #d1d1d1;
}
}
@media (min-width: 768px) {
.cPerson--under .cPerson__content:hover .cPerson__photo:not(:only-of-type)::before {
background-color : rgb(0, 0, 0, 0.5);
opacity : 1;
}
.cPerson--under .cPerson__content:hover .cPerson__extra {
max-height : 750px;
opacity : 1;
}
}
@page {
size : auto;
}
@media print {
body, html {
font-size : 12pt !important ;
line-height : 1.3;
overflow : visible !important ;
max-width : 100%;
background-color : #fff !important ;
}
* {
font-family : Roboto, sans-serif;
orphans : 4;
widows : 4;
box-sizing : border-box;
}
h1, h2, h3 {
margin-bottom : 25px !important ;
}
.btn, .cClientZone__logout, .cCopyright, .cCrumb, .cFbLikebox, .cForm, .cHeader__clientZone, .cHeader__lang, .cHeader__mainNav, .cHeader__phone, .cHeader__search, .cHeader__slogan, .cHtmlSlider, .cImageSlider, .cLang, .cNavMenu, .cNewsletter, .cPag, .cSocialButtons, .cTopPhoto, .cVideo, .cftSearch, .cftSearch--standard .cftSearch__submit, .mainNav, .mobileHeader, .navbar, .pageOverlay, .rsArrow, .sideNav, .siteFooterWrapper, [class*="icon-"] {
display : none !important ;
}
.cHeader__inner {
padding : 20px;
display : block !important ;
}
.row--top {
background-color : #fff !important ;
}
.row--top * {
color : #000 !important ;
}
.rsNav.rsTabs {
display : none !important ;
}
.cGallery .rsOverflow {
width : 100% !important ;
height : auto !important ;
display : block !important ;
}
.royalSlider {
margin-bottom : 20px;
}
:after, :before {
background : 0 0 !important ;
color : #000 !important ;
box-shadow : none !important ;
text-shadow : none !important ;
}
.mainWrapper {
background-color : #fff !important ;
}
a, a:visited {
text-decoration : underline;
color : #00E !important ;
}
a[href] {
word-break : break-all;
}
a[href]:after {
display : none !important ;
content : "" !important ;
font-style : italic;
font-size : 8pt;
text-decoration : none;
margin-left : 4px;
}
abbr[title]:after {
content : " (" attr(title) ")";
}
.cFiles a[href]:after, .cGallery__wrapper a[href]:after, .cHeader__logo__link[href]:after, .cPerson__link[href]:after, .cSubpage__inner > a[href]:after, .cSubpages__content > a[href]:after, .map-canvas a[href]:after, a[href*=""]:after, a[href*="/data"]:after, a[href*="//data"]:after {
content : "";
display : none !important ;
margin-left : 0;
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content : "";
}
blockquote, pre {
page-break-inside : avoid;
}
.table, table {
width : 100% !important ;
}
thead {
display : table-header-group;
}
img, table, tr, ul {
page-break-inside : avoid;
}
img {
max-width : 100%;
width : auto;
display : block;
}
h2, h3, p {
orphans : 3;
widows : 3;
}
ul li {
background : 0 0 !important ;
}
ul li::before {
background-image : none !important ;
}
.cInfobox {
padding-top : 24px !important ;
}
.mainWrapper > .row > .rowInner > .grid > .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field {
display : block !important ;
width : 100% !important ;
float : none !important ;
}
.mainWrapper > .row > .rowInner > .grid > .grid__item > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field > .gridInner, .mainWrapper > .row > .rowInner > .grid > .label--inline > .gridInner {
page-break-inside : auto;
}
.mainWrapper > .row > .rowInner > .grid > .grid__item + .grid__item, .mainWrapper > .row > .rowInner > .grid > .grid__item + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline + .field + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .grid__item, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline, .mainWrapper > .row > .rowInner > .grid > .label--inline + .label--inline.field + .field {
display : block !important ;
width : 100% !important ;
float : none !important ;
}
.cText, .pageHeader {
page-break-inside : auto !important ;
}
.grid__item, .label--inline, .label--inline + .field {
float : left !important ;
}
.cHeader {
margin-bottom : 20px;
padding-bottom : 0 !important ;
border-bottom : 1px solid #000;
}
.cPerex__img {
width : auto;
max-width : 33%;
}
.cPerex__img--left {
float : left;
margin-right : 20px;
}
.cPerex__img--right {
float : right;
margin-left : 20px;
}
.cFiles__rowItem {
margin-bottom : 15px;
}
.cBlockquote {
padding : 0;
}
.cBlockquote + .figcaption {
margin-left : 0;
}
.cBlockquote__text::before {
display : none !important ;
}
.block-grid__item {
float : left;
}
.desk--block-grid--2 > .block-grid__item {
width : 50%;
}
.desk--block-grid--3 > .block-grid__item {
width : 33.3333%;
}
.desk--block-grid--4 > .block-grid__item {
width : 25%;
}
.cHeader__logo img {
max-width : 200px;
}
.cPerson--columns .cPerson__photo {
width : 30%;
float : left;
padding-right : 15px;
margin-bottom : 15px;
}
.cPerson--columns .cPerson__photo + .cPerson__content {
float : left;
padding-left : 20px;
}
.cPerson__email::before, .cPerson__mobile::before, .cPerson__phone::before {
display : none !important ;
}
.cSubpages--perex .cSubpages__img {
float : left;
max-width : 30%;
margin-right : 15px;
}
.cSubpages--imageCover {
overflow : visible !important ;
}
.cSubpages--imageCover *, .cSubpages--imageCover .cSubpages__imgContent {
position : static !important ;
}
.cSubpages--imageCover .cSubpage--1-1:after, .cSubpages--imageCover .cSubpage--16-9:after, .cSubpages--imageCover .cSubpage--4-3:after {
padding-top : 0 !important ;
}
}
.color-brand {
color : #00adee !important ;
}
.color-brand-light {
color : #0cf !important ;
}
.color-black {
color : #000 !important ;
}
.color-red-dark {
color : #9e0b0f;
}
.color-grey {
color : #828282;
}
.color-green {
color : #00a61f;
}
.color-blue {
color : #005586;
}
.color-heading {
color : #303233;
}
.brand-light {
color : #00adee !important ;
}
.d-block {
display : block;
}
.h-zi-top {
position : relative;
z-index : 10;
}
.h-blend-img, .h-blend-img img {
mix-blend-mode : multiply;
}
.migrena-bold {
font-family : migrena-bold;
}
.migrena-regular {
font-family : migrena-regular;
font-weight : 400;
}
.ff-global {
font-family : Roboto, sans-serif;
}
.fz-regular, .text-small {
font-size : 16px;
font-size : 0.88889rem;
}
.fz-larger {
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 767px) {
.fz-larger {
font-size : 22px;
font-size : 1.22222rem;
}
}
.text-emphasis {
font-weight : 500;
font-size : 18px;
font-size : 1rem;
font-style : normal;
color : #333;
}
@media screen and (max-width: 766px) {
.text-emphasis {
line-height : 1.4;
}
}
.text-emphasis--up {
color : #666;
}
@media screen and (min-width: 1300px) {
.text-emphasis--up {
font-size : 20px;
font-size : 1.11111rem;
}
}
@media screen and (min-width: 1600px) {
.text-emphasis--up {
font-size : 24px;
font-size : 1.33333rem;
}
}
.no-scroll {
overflow : hidden;
}
.h-b-spacing--small {
margin-bottom : 20px;
}
.fw-300 {
font-weight : 300;
}
.fw-500 {
font-weight : 500;
}
@media screen and (max-width: 766px) {
.mb-0--palm {
margin-bottom : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.mb-0--lap-up {
margin-bottom : 0 !important ;
}
}
.mb-small {
margin-bottom : 20px;
}
@media screen and (max-width: 766px) {
}
.videoButton {
width : 62px;
height : 62px;
display : grid;
place-items : center;
border-radius : 100%;
padding : 0;
z-index : 2;
background : #f48400;
box-shadow : 0 0 10px 10px rgb(244, 132, 0, 0.3);
animation : video-pulse-desk 1.5s infinite;
}
.videoButton::after {
position : absolute;
left : 50%;
top : 52%;
transform : translate(-50%,-50%);
border-style : solid;
border-width : 12px 0 12px 17px;
border-radius : 5px;
border-color : transparent transparent transparent #fff;
content : "";
}
.videoButton span {
display : none;
}
@keyframes active-dot {
0% {
background-color : #dcdddd;
}
100% {
background-color : #f48400;
}
}
@keyframes timeline-item-number {
0% {
transform : scale(1);
}
50% {
transform : scale(1.5);
}
100% {
transform : scale(1);
}
}
@keyframes timeline-dot {
0% {
background-color : #99cde1;
color : #99cde1;
}
100% {
background-color : #ffa100;
color : #ffa100;
}
}
@keyframes rotate-me {
from {
transform : rotate(0deg);
}
to {
transform : rotate(359deg);
}
}
.animateBox.fadeFromBottom {
opacity : 0;
transform : translateY(20px);
}
.animateBox.fadeFromBottom.triggeredCSS3 {
transform : translateY(0);
opacity : 1;
}
@keyframes animate-opacity-from-bottom {
0% {
opacity : 0;
transform : translateY(30px);
}
100% {
opacity : 1;
transform : translateY(0);
}
}
@keyframes animate-reference-desk-img {
0% {
opacity : 0;
transform : translateY(100px) translateX(-12%);
}
100% {
opacity : 1;
transform : translateY(0) translateX(-12%);
}
}
@keyframes animate-opacity {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes animation-glow {
from {
box-shadow : 0 0 80px 80px #fff;
transform : rotate(0);
}
to {
box-shadow : 0 0 120px 120px #fff;
transform : rotate(-180deg);
}
}
@keyframes animate-translate-from-botom {
from {
transform : translateY(100%);
}
to {
transform : translateY(0);
}
}
@keyframes animate-translate-from-top {
from {
transform : translateY(-100%);
}
to {
transform : translateY(0);
}
}
@keyframes animate-scale-opacity {
from {
transform : scale(0.5);
opacity : 0;
}
to {
transform : scale(1);
opacity : 1;
}
}
@keyframes video-pulse-mobile {
0% {
transform : scale(1);
}
50% {
transform : scale(1.1);
}
100% {
transform : scale(1);
}
}
@keyframes video-pulse-desk {
0% {
box-shadow : 0 0 0 0 rgb(244, 132, 0, 0.6);
transform : scale(1);
}
50% {
transform : scale(1.1);
}
100% {
box-shadow : 0 0 0 40px rgb(244, 132, 0, 0);
transform : scale(1);
}
}
@keyframes video-pulse-fill {
0% {
box-shadow : 0 0 0 40px rgb(244, 132, 0, 0);
transform : scale(1);
}
50% {
box-shadow : 0 0 0 40px rgb(244, 132, 0, 0);
transform : scale(1);
}
100% {
box-shadow : 0 0 0 40px rgb(244, 132, 0, 0);
transform : scale(1);
}
}
.accordion__item__tab--active .accordion__item__holder::before, .icon-accordion-active--after::after, .icon-accordion-active::before {
content : "";
}
.icon-accordion--after::after, .icon-accordion::before {
content : "";
}
.cSellingButton .cHeading::before, .icon-basket--after::after, .icon-basket::before {
content : "";
}
.icon-briefcase--after::after, .icon-briefcase::before {
content : "";
}
.icon-btn-arrow--after::after, .icon-btn-arrow::before {
content : "";
}
.icon-button--after::after, .icon-button::before {
content : "";
}
.icon-chat-bubble--after::after, .icon-chat-bubble::before {
content : "";
}
.icon-checkmark--after::after, .icon-checkmark::before {
content : "";
}
.icon-clock--after::after, .icon-clock::before {
content : "";
}
.cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .icon-close--after::after, .icon-close::before, .userAccountForm form + .editSwitchWrapper .btn::before, .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before {
content : "";
}
.icon-comment--after::after, .icon-comment::before {
content : "";
}
.icon-comparison--after::after, .icon-comparison::before {
content : "";
}
.icon-crumb--after::after, .icon-crumb::before {
content : "";
}
.icon-drop--after::after, .icon-drop::before, .nav__item--drop .nav__item__in::after, .nav__item--mDrop .nav__item__in::after {
content : "";
}
.icon-ebrana-logo--after::after, .icon-ebrana-logo::before {
content : "";
}
.icon-ebrana--after::after, .icon-ebrana::before {
content : "";
}
.cPerson .icon-facebook::before, .icon-facebook-v2--after::after, .icon-facebook-v2::before {
content : "";
}
.icon-facebook--after::after, .icon-facebook::before {
content : "";
}
.cPerson__link--icon-fax::before, .icon-fax--after::after, .icon-fax::before {
content : "";
}
.cPerson__link--icon-web::before, .icon-globe--after::after, .icon-globe::before {
content : "";
}
.cPerson .icon-googleplus::before, .icon-googleplus-v2--after::after, .icon-googleplus-v2::before {
content : "";
}
.icon-googleplus--after::after, .icon-googleplus::before {
content : "";
}
.icon-heart--after::after, .icon-heart::before {
content : "";
}
.icon-home--after::after, .icon-home::before {
content : "";
}
.cftSearch__autocomplete__image--noImage::before, .icon-image--after::after, .icon-image::before {
content : "";
}
.cInfobox--info::before, .icon-info--after::after, .icon-info::before {
content : "";
}
.cPerson .icon-instagram::before, .icon-instagram-v2--after::after, .icon-instagram-v2::before {
content : "";
}
.icon-instagram--after::after, .icon-instagram::before {
content : "";
}
.icon-invoice--after::after, .icon-invoice::before {
content : "";
}
.cForm__note ul > li::before, .cInfobox ul > li::before, .cPerex ul > li::before, .cProductListBox ul > li::before, .cProductListImg ul > li::before, .cSharedText ul > li::before, .cSitemap ul > li::before, .cText ul > li::before, .cke_editable ul > li::before, .cke_editable_inline ul > li::before, .cube__inner ul > li::before, .icon-li--after::after, .icon-li::before {
content : "";
}
.cGallery .A_lightbox::after, .cGallery a[data-a-lightbox-gallery]::after, .cImage .A_lightbox::after, .cImage a[data-a-lightbox-gallery]::after, .icon-lightbox--after::after, .icon-lightbox::before {
content : "";
}
.cPerson .icon-linkedin::before, .icon-linkedin-v2--after::after, .icon-linkedin-v2::before {
content : "";
}
.icon-linkedin--after::after, .icon-linkedin::before {
content : "";
}
.icon-location--after::after, .icon-location::before {
content : "";
}
.icon-login--after::after, .icon-login::before {
content : "";
}
.icon-logo--after::after, .icon-logo::before {
content : "";
}
.icon-logout--after::after, .icon-logout::before {
content : "";
}
.icon-mail-v2--after::after, .icon-mail-v2::before {
content : "";
}
.cForm::before, .cPerson__link--icon-email::before, .icon-mail--after::after, .icon-mail::before, .infoText--mail::before, .squeeze-page .cForm .form-fields__inner:first-child::before {
content : "";
}
.icon-menu--after::after, .icon-menu::before {
content : "";
}
.icon-menuHolder--active--after::after, .icon-menuHolder--active::before {
content : "";
}
.icon-menuHolder--after::after, .icon-menuHolder::before {
content : "";
}
.cInfobox--negative::before, .icon-negative--after::after, .icon-negative::before {
content : "";
}
.cInfobox--neutral::before, .icon-neutral--after::after, .icon-neutral::before {
content : "";
}
.icon-pagination-next--after::after, .icon-pagination-next::before {
content : "";
}
.icon-pagination-prev--after::after, .icon-pagination-prev::before {
content : "";
}
.icon-pencil--after::after, .icon-pencil::before {
content : "";
}
.cPerson__link--icon-mobile::before, .icon-phone--after::after, .icon-phone::before, .infoText--phone::before {
content : "";
}
.cPerson .icon-pinterest::before, .icon-pinterest-v2--after::after, .icon-pinterest-v2::before {
content : "";
}
.icon-pinterest--after::after, .icon-pinterest::before {
content : "";
}
.cInfobox--positive::before, .icon-positive--after::after, .icon-positive::before {
content : "";
}
.icon-productListImage--after::after, .icon-productListImage::before {
content : "";
}
.icon-productListLine--after::after, .icon-productListLine::before {
content : "";
}
.icon-productListTable--after::after, .icon-productListTable::before {
content : "";
}
.icon-question-circle--after::after, .icon-question-circle::before {
content : "";
}
.icon-quote-v2--after::after, .icon-quote-v2::before {
content : "";
}
.cBlockquote--image.bottom .cBlockquote__text::before, .cBlockquote--image.left blockquote::before, .cBlockquote--image.right blockquote::before, .cBlockquote--image.top .cBlockquote__text::after, .icon-quote--after::after, .icon-quote::before {
content : "";
}
.icon-rss--after::after, .icon-rss::before {
content : "";
}
.icon-scales--after::after, .icon-scales::before {
content : "";
}
.icon-search--after::after, .icon-search::before {
content : "";
}
.icon-share--after::after, .icon-share::before {
content : "";
}
.icon-sliderAnchor--after::after, .icon-sliderAnchor::before {
content : "";
}
.icon-sliderArrow--after::after, .icon-sliderArrow::before, .rsClear .rsThumbsArrowIcn::before, .rsDefault .rsArrowIcn::before {
content : "";
}
.icon-star--after::after, .icon-star::before {
content : "";
}
.icon-submit--after::after, .icon-submit::before {
content : "";
}
.icon-tags--after::after, .icon-tags::before {
content : "";
}
.icon-telephone-v2--after::after, .icon-telephone-v2::before {
content : "";
}
.cPerson--blog .cPerson__link--icon-mobile::before, .cPerson--reference-bm .cPerson__link--icon-mobile::before, .cPerson__link--icon-phone::before, .icon-telephone--after::after, .icon-telephone::before, .infoText--telephone::before, .squeeze-page .cForm .form-fields__inner:nth-child(2)::before {
content : "";
}
.cPerson .icon-twitter::before, .icon-twitter-v2--after::after, .icon-twitter-v2::before {
content : "";
}
.icon-twitter--after::after, .icon-twitter::before {
content : "";
}
.icon-user--after::after, .icon-user::before {
content : "";
}
.cVideo__thumbnail::before, .icon-video-play--after::after, .icon-video-play::before {
content : "";
}
.icon-video-sound--after::after, .icon-video-sound::before {
content : "";
}
.cPerson .icon-youtube::before, .icon-youtube-v2--after::after, .icon-youtube-v2::before {
content : "";
}
.icon-youtube--after::after, .icon-youtube::before {
content : "";
}
#chat-application {
display : none !important ;
}
.cSubHeading {
display : block;
}
.contactItem {
display : inline-flex;
align-items : center;
margin : 0 18px;
text-decoration : none;
}
.contactItem__icon {
display : none;
}
@media screen and (min-width: 1024px) {
.contactItem__icon {
display : inline-block;
position : relative;
margin-right : 8px;
}
}
.contactItem__icon, .contactItem__icon::before {
color : inherit;
}
@media screen and (max-width: 1023px) {
.contactItem--phone {
font-size : 28px;
font-size : 1.55556rem;
}
}
.contactItem--phone .contactItem__icon {
top : -2px;
}
.contactItem--phone .contactItem__icon::before {
font-size : 18px;
}
@media screen and (max-width: 1023px) {
.contactItem--mail {
font-size : 24px;
font-size : 1.33333rem;
}
}
.contactItem--mail .contactItem__icon::before {
font-size : 15px;
}
.contactItem--mail .contactItem__text {
text-decoration : underline;
}
.contactItem--mail-standalone .contactItem__icon, .contactItem--phone-standalone .contactItem__icon {
display : inline-block;
margin-right : 8px;
}
.contactItem--mail-standalone::before, .contactItem--phone-standalone::before {
display : none;
}
.contactItem--phone-standalone {
margin : 0 16px 0 0;
padding : 0;
font-size : 18px;
font-size : 1rem;
color : #303233;
}
@media screen and (min-width: 767px) {
.contactItem--phone-standalone {
font-size : 20px;
font-size : 1.11111rem;
}
}
.contactItem--phone-standalone .icon {
top : 0;
}
.contactItem--phone-standalone .icon::before {
color : #666;
font-size : 20px;
}
.contactItem--mail-standalone {
margin-left : 0;
padding : 0;
font-size : 18px;
font-size : 1rem;
}
@media screen and (min-width: 767px) {
.contactItem--mail-standalone {
font-size : 20px;
font-size : 1.11111rem;
}
}
.contactItem--mail-standalone .icon::before {
color : #666;
font-size : 16px;
}
.cHorGap {
margin-bottom : 4.44444rem;
}
.more {
margin-top : 0.55556rem;
margin-bottom : 1.11111rem;
}
.more__link {
font-size : 13px;
font-size : 0.72222rem;
text-decoration : none;
}
.more__link:hover {
text-decoration : underline;
}
.icon {
width : auto;
height : auto;
}
.animateBox {
transition : all 0.5s ease-in-out;
will-change : transform;
}
.pageOverlay {
height : 100vh;
}
.cQuote {
position : relative;
font-style : italic;
}
@media screen and (min-width: 767px) {
.cQuote::before {
position : absolute;
left : 50%;
top : -15px;
width : 103px;
height : 87px;
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
margin-left : -52px;
opacity : 0.5;
transform : rotate(-180deg) scale(0.6);
content : "";
}
}
@media screen and (min-width: 1300px) {
.cQuote::before {
left : -140px;
top : 0;
margin-left : 0;
transform : rotate(-180deg);
}
}
.cQuote__author {
display : block;
margin-top : 15px;
font-family : migrena-bold;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
color : #303233;
font-style : normal;
}
.cQuote__info {
font-weight : 500;
text-transform : uppercase;
letter-spacing : 3px;
font-style : normal;
font-size : 12px;
font-size : 0.66667rem;
}
.cUserContacts {
margin-bottom : 24px;
}
.author {
margin-bottom : 10px;
}
@media screen and (min-width: 767px) {
.author {
margin-bottom : 40px;
}
}
.author strong {
display : block;
font-family : migrena-bold;
color : #303233;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.1;
}
.author span {
display : block;
margin-top : 6px;
text-transform : uppercase;
letter-spacing : 2px;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1.4;
font-weight : 500;
}
.spinner {
transition : all 0.3s ease-in-out;
background-color : rgb(0, 173, 238, 0.2);
}
.spinner.is-active {
position : fixed;
left : 0;
top : 0;
opacity : 1;
visibility : visible;
z-index : 9999;
}
.js-no-action > a {
cursor : default;
}
.cText .link-list {
display : flex;
flex-wrap : wrap;
justify-content : center;
margin-top : 20px;
}
.cText .link-list > li {
padding : 0 20px;
}
.cText .link-list > li::before {
content : "|";
color : #666;
left : -1px;
}
.cText .link-list > li:first-child::before {
display : none;
}
.cText .link-list a {
text-transform : uppercase;
font-weight : 600;
font-size : 15px;
font-size : 0.83333rem;
}
.nps {
display : block;
position : relative;
font-family : migrena-bold;
font-size : 62px;
font-size : 3.44444rem;
line-height : 1;
}
.nps::before {
position : absolute;
left : 50%;
top : -20px;
width : 116px;
height : 105px;
margin-left : -58px;
content : "";
background-image : url(../img/nps.svg?v=70fd);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.nps__text {
position : relative;
z-index : 1;
}
.c-audio[controls] {
display : block;
margin : 0 auto;
padding : 8px;
width : 300px;
background-color : #fff;
border-radius : 2em;
box-shadow : 0 10px 25px 0 rgb(0, 0, 0, 0.15);
}
@media screen and (min-width: 500px) {
.c-audio[controls] {
min-width : 400px;
max-width : 400px;
}
}
.cPoint {
display : flex;
align-items : center;
justify-content : center;
padding : 0 8px;
border-radius : 100%;
box-shadow : 0 0 15px 5px rgb(0, 0, 0, 0.2);
background : radial-gradient(#00b3e0, #00adee);
color : #fff;
width : 95px;
height : 95px;
border : rgb(255, 255, 255, 0.4) solid 4px;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1;
font-family : migrena-bold;
}
@media screen and (min-width: 767px) {
.cPoint {
width : 110px;
height : 110px;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1;
}
}
.cc-banner .btn, .cc-banner .cClientZone__logout, .cc-banner .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner .cftSearch__submit {
white-space : normal;
height : 50px;
height : 2.77778rem;
}
@media screen and (max-width: 766px) {
.cc-banner .btn, .cc-banner .cClientZone__logout, .cc-banner .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner .cftSearch__submit {
font-size : 14px;
font-size : 0.77778rem;
color : #fff !important ;
}
}
@media screen and (max-width: 766px) {
.cc-banner--popup .cc-banner__btn-wrap {
margin : 0;
display : grid;
grid-template-columns : 130px 1fr;
gap : 0.75rem;
}
.cc-banner--popup .cc-banner__btn-wrap .btn, .cc-banner--popup .cc-banner__btn-wrap .cClientZone__logout, .cc-banner--popup .cc-banner__btn-wrap .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner--popup .cc-banner__btn-wrap .cftSearch__submit {
width : 100%;
margin : 0;
}
}
.cc-banner--popup .btn, .cc-banner--popup .cClientZone__logout, .cc-banner--popup .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner--popup .cftSearch__submit {
color : #fff !important ;
}
.cc-banner--bottom-right {
border-radius : 1rem;
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-right {
padding : 1.5rem 2rem;
}
}
.cc-banner--bottom-right .cc-banner__title {
margin-bottom : 1rem;
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-right .cc-banner__title {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-right .cc-banner__message {
margin-bottom : 1.5rem;
}
}
@media screen and (max-width: 766px) {
.cc-banner--bottom-right .cc-banner__btn-wrap {
margin : 0;
}
}
@media screen and (min-width: 767px) {
.cc-banner--bottom-right .cc-banner__btn-wrap {
gap : 4px;
gap : 0.22222rem;
}
}
.cc-banner--bottom-right .btn, .cc-banner--bottom-right .cClientZone__logout, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit {
display : flex;
padding : 0 1.5rem;
color : #fff !important ;
}
.cc-banner--bottom-right .btn:last-child, .cc-banner--bottom-right .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child {
border-radius : 2em;
}
.btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit {
display : inline-flex;
align-items : center;
justify-content : center;
padding : 0 20px;
height : 65px;
border-radius : 2em;
font-weight : 500;
font-size : 16px;
font-size : 0.88889rem;
background : linear-gradient(270deg, #00adee 0, #00b6dd 100%);
transition : box-shadow 0.3s ease-in-out;
border : 0;
}
@media screen and (min-width: 1024px) {
.btn, .cClientZone__logout, .cftSearch--standard .cftSearch__submit {
padding : 0 50px;
}
}
.btn:hover, .cClientZone__logout:hover, .cftSearch--standard .cftSearch__submit:hover {
box-shadow : 0 2px 18px 4px rgb(0, 173, 238, 0.8);
}
.blog-legacy-detail .cConversButton .btn--inverse, .btn--cta, .cConversButton .btn:not(.btn--inverse), .cConversButton .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cForm .btn, .cForm .cClientZone__logout, .cForm .cftSearch--standard .cftSearch__submit, .cFtr__search .search__btn, .cMap__field .btn, .cMap__field .cClientZone__logout, .cMap__field .cftSearch--standard .cftSearch__submit, .cNewsletter .btn, .cNewsletter .cClientZone__logout, .cNewsletter .cftSearch--standard .cftSearch__submit, .cSellingButton .btn, .cSellingButton .cClientZone__logout, .cSellingButton .cftSearch--standard .cftSearch__submit, .cc-banner--bottom-right .btn:last-child, .cc-banner--bottom-right .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cftSearch__submit, .cftSearch--standard .cMap__field .cftSearch__submit, .cftSearch--standard .cNewsletter .cftSearch__submit, .cftSearch--standard .cSellingButton .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child {
background : linear-gradient(to right, #ffa100, #f48400);
color : #fff;
}
.blog-legacy-detail .cConversButton .btn--inverse:hover, .btn--cta:hover, .cConversButton .btn:hover:not(.btn--inverse), .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--inverse), .cForm .btn:hover, .cForm .cClientZone__logout:hover, .cForm .cftSearch--standard .cftSearch__submit:hover, .cFtr__search .search__btn:hover, .cMap__field .btn:hover, .cMap__field .cClientZone__logout:hover, .cMap__field .cftSearch--standard .cftSearch__submit:hover, .cNewsletter .btn:hover, .cNewsletter .cClientZone__logout:hover, .cNewsletter .cftSearch--standard .cftSearch__submit:hover, .cSellingButton .btn:hover, .cSellingButton .cClientZone__logout:hover, .cSellingButton .cftSearch--standard .cftSearch__submit:hover, .cc-banner--bottom-right .btn:hover:last-child, .cc-banner--bottom-right .cClientZone__logout:hover:last-child, .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:last-child, .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--inverse), .cftSearch--standard .cForm .cftSearch__submit:hover, .cftSearch--standard .cMap__field .cftSearch__submit:hover, .cftSearch--standard .cNewsletter .cftSearch__submit:hover, .cftSearch--standard .cSellingButton .cftSearch__submit:hover, .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:last-child {
box-shadow : 0 2px 18px 4px rgb(244, 132, 0, 0.8);
}
.btn--arrow::after {
display : block;
content : '';
margin-left : 13px;
background-image : url(../img//icons/btn-arrow.svg?v=f2d9);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 19px;
height : 19px;
}
.btn--arrow-down::after {
transform : rotate(90deg);
}
.btn--form::after {
position : relative;
top : 1px;
content : '';
margin-left : 13px;
background-image : url(../img//icons/mail.svg?v=44f2);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 18px;
height : 18px;
}
.btn--secondary {
background : #F2F2F2;
color : #666;
transition : all 0.3s ease-in-out;
}
.btn--secondary:hover {
box-shadow : none;
color : #666;
background-color : #e5e5e5;
}
.btn--filter {
padding : 0;
height : auto;
background : 0 0;
font-size : 14px;
font-size : 0.77778rem;
font-weight : 600;
color : #666;
}
.btn--filter:focus, .btn--filter:hover {
box-shadow : none;
background : 0 0;
text-decoration : underline;
color : #666;
}
.btn--filter::after {
display : inline-block;
vertical-align : middle;
content : '';
margin-left : 13px;
}
.btn--filter-modal-close {
position : absolute;
top : 20px;
right : 20px;
width : auto;
}
@media screen and (min-width: 767px) {
.btn--filter-modal-close {
top : 30px;
right : 30px;
}
}
@media screen and (min-width: 1300px) {
.btn--filter-modal-close {
top : 90px;
right : 80px;
}
}
.btn--filter-modal {
color : #00adee;
}
.btn--filter-modal::after {
background-image : url(../img/filter.svg?v=92f1);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 17px;
height : 14px;
}
.btn--filter-select-all {
color : #00adee;
}
.btn--filter-select-all::after {
background-image : url(../img/select-all.svg?v=f8ac);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 13px;
height : 12px;
margin-left : 10px;
}
.btn--filter-discard-all {
color : #a4a4a4;
}
.btn--filter-discard-all::after {
background-image : url(../img/discard-all.svg?v=9695);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 11px;
height : 17px;
margin-left : 10px;
}
.btn--filter-modal-close {
color : #00adee;
}
.btn--filter-modal-close::after {
background-image : url(../img/modal-close.svg?v=f895);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 14px;
height : 16px;
margin-left : 10px;
}
.btn--outline {
background : 0 0;
border : solid 2px;
}
.btn--outline:hover {
background : 0 0;
}
.cTag {
text-transform : uppercase;
border-radius : 2em;
}
.cTag--small {
display : inline-flex;
align-items : center;
justify-content : center;
height : 21px;
margin : 0 2px 6px 0;
padding : 0 11px;
font-size : 9px;
font-size : 0.5rem;
line-height : 1;
background-color : #00adee;
color : #fff;
text-decoration : none;
}
@media screen and (min-width: 767px) {
.cTag--small {
padding : 1px 15px 0;
font-size : 10px;
font-size : 0.55556rem;
line-height : 1;
}
}
.cTag--small:hover {
color : #fff;
text-decoration : none;
}
.cTag--small:last-child {
margin-right : 0;
}
.cTag--ostatni {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--ostatni:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--webdesign {
background-color : #02c326;
border-color : #02c326;
}
.cTag--webdesign:hover {
background-color : #02aa21;
border-color : #02aa21;
}
.cTag--online-marketing {
background-color : #00aded;
border-color : #00aded;
}
.cTag--online-marketing:hover {
background-color : #009ad4;
border-color : #009ad4;
}
.cTag--socialni-site {
background-color : #d8105b;
border-color : #d8105b;
}
.cTag--socialni-site:hover {
background-color : #c00e51;
border-color : #c00e51;
}
.cTag--ppc-reklama {
background-color : #cfb217;
border-color : #cfb217;
}
.cTag--ppc-reklama:hover {
background-color : #b89e14;
border-color : #b89e14;
}
.cTag--brandbuilding {
background-color : #f48400;
border-color : #f48400;
}
.cTag--brandbuilding:hover {
background-color : #db7600;
border-color : #db7600;
}
.cTag--corporate-design {
background-color : #e83f3e;
border-color : #e83f3e;
}
.cTag--corporate-design:hover {
background-color : #e52827;
border-color : #e52827;
}
.cTag--e-shop {
background-color : #08b;
border-color : #08b;
}
.cTag--e-shop:hover {
background-color : #0075a2;
border-color : #0075a2;
}
.cTag--hr {
background-color : #a326dc;
border-color : #a326dc;
}
.cTag--hr:hover {
background-color : #9420c8;
border-color : #9420c8;
}
.cTag--leadership {
background-color : #609d2d;
border-color : #609d2d;
}
.cTag--leadership:hover {
background-color : #548927;
border-color : #548927;
}
.cTag--novinky-z-ebrany {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--novinky-z-ebrany:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--content-marketing {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--content-marketing:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--tvorba-e-shopu {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--tvorba-e-shopu:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--blog {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--blog:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--analytika {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--analytika:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--projektove-rizeni {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--projektove-rizeni:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--report {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--report:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--podnikani {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--podnikani:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--seo {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--seo:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--srovnavace-cen {
background-color : #0b3443;
border-color : #0b3443;
}
.cTag--srovnavace-cen:hover {
background-color : #07232d;
border-color : #07232d;
}
.cTag--outline {
display : inline-flex;
align-items : center;
height : 30px;
padding : 2px 15px 0;
margin : 4px 8px 4px 0;
text-transform : uppercase;
border-radius : 2em;
color : #00adee;
border : solid 2px;
text-decoration : none;
font-weight : 600;
font-size : 12px;
font-size : 0.66667rem;
}
@media screen and (min-width: 1024px) {
.cTag--outline {
height : 40px;
padding : 0 25px;
margin : 5px 10px 5px 0;
font-size : 13px;
font-size : 0.72222rem;
}
}
.cTag--outline-filter, .cTag--outline-filter:hover {
background-color : #fff;
}
.cTag--ostatni.is-active, .cTag--outline-filter.is-active {
background-color : #0b3443;
border-color : #0b3443;
color : #fff;
}
.cTag--webdesign.is-active {
background-color : #02c326;
border-color : #02c326;
color : #fff;
}
.cTag--online-marketing.is-active {
background-color : #00aded;
border-color : #00aded;
color : #fff;
}
.cTag--socialni-site.is-active {
background-color : #d8105b;
border-color : #d8105b;
color : #fff;
}
.cTag--ppc-reklama.is-active {
background-color : #cfb217;
border-color : #cfb217;
color : #fff;
}
.cTag--brandbuilding.is-active {
background-color : #f48400;
border-color : #f48400;
color : #fff;
}
.cTag--corporate-design.is-active {
background-color : #e83f3e;
border-color : #e83f3e;
color : #fff;
}
.cTag--e-shop.is-active {
background-color : #08b;
border-color : #08b;
color : #fff;
}
.cTag--hr.is-active {
background-color : #a326dc;
border-color : #a326dc;
color : #fff;
}
.cTag--leadership.is-active {
background-color : #609d2d;
border-color : #609d2d;
color : #fff;
}
.cTag--analytika.is-active, .cTag--blog.is-active, .cTag--content-marketing.is-active, .cTag--novinky-z-ebrany.is-active, .cTag--podnikani.is-active, .cTag--projektove-rizeni.is-active, .cTag--report.is-active, .cTag--seo.is-active, .cTag--srovnavace-cen.is-active, .cTag--tvorba-e-shopu.is-active {
background-color : #0b3443;
border-color : #0b3443;
color : #fff;
}
.cTag--blog {
visibility : hidden;
}
.cTag--default {
display : inline-flex;
margin : 0 20px;
text-transform : uppercase;
color : #999;
text-decoration : none;
font-size : 15px;
font-size : 0.83333rem;
}
@media screen and (min-width: 767px) {
.cTag--default {
margin : 0 30px;
}
}
.cTag--default:hover {
text-decoration : underline;
color : #666;
}
.cTag--default.is-active {
font-weight : 600;
}
.cTagsList {
margin : 0 auto 40px;
text-align : center;
}
@media screen and (min-width: 767px) {
.cTagsList {
margin-bottom : 100px;
}
}
@media screen and (min-width: 1024px) {
.cTagsList {
max-width : 900px;
margin-bottom : 140px;
}
}
.cTagsList .cHeading {
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.cTagsList .cHeading {
margin-bottom : 30px;
}
}
.cTagsList .cTag[title="Blog"] {
display : none;
}
.table, table {
width : 100%;
}
.table td, .table th, table td, table th {
padding : 0.55556rem;
border : #d1d1d1 solid 1px;
font-size : 13px;
font-size : 0.72222rem;
text-align : left;
}
.table th, table th {
background-color : #F2F2F2;
border-bottom-width : 2px;
}
.table--sideHeader th, table--sideHeader th {
border-bottom-width : 1px;
border-right-width : 2px;
}
.table--striped tr:nth-child(even), .table--stripedVert td:nth-child(odd), table--striped tr:nth-child(even), table--stripedVert td:nth-child(odd) {
background-color : #F2F2F2;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
margin : 0;
}
.cNavMenu .nav__item__in:hover, .mDrop ul .nav__item__in:hover, .nav--stacked .nav__item__in:hover, .nav--stacked-box .nav__item__in:hover {
text-decoration : underline;
}
.cPag__nav, .mDrop ul, .nav {
padding-left : 0;
margin-bottom : 0;
}
.cPag__nav > .nav__item:before, .cPag__nav > li:before, .mDrop ul > .nav__item:before, .mDrop ul > li:before, .nav > .nav__item:before, .nav > li:before {
padding-left : 0;
background : 0 0;
content : '';
}
.mDrop ul, .nav--stacked {
margin : 0;
}
.nav--stacked__item:not(:last-child) {
border-bottom : 1px solid #d1d1d1;
}
.nav--stacked__item__in {
padding : 1.11111rem 1.66667rem;
}
.nav--stacked-box__item__in {
padding : 1.11111rem 1.66667rem;
border-bottom : 1px solid #d1d1d1;
background-color : #F2F2F2;
}
.nav--stacked-box__item__in--lev {
padding-right : 4.88889rem;
}
.mDrop ul.nav--lev2 .nav--stacked-box__item__in, .nav--stacked-box.nav--lev2 .nav--stacked-box__item__in {
padding-left : 3.33333rem;
}
.mDrop ul.nav--lev3 .nav--stacked-box__item__in, .mDrop ul.nav--lev4 .nav--stacked-box__item__in, .nav--stacked-box.nav--lev3 .nav--stacked-box__item__in, .nav--stacked-box.nav--lev4 .nav--stacked-box__item__in {
padding-left : 5.55556rem;
}
.mDrop ul .nav--lev__holder, .nav--stacked-box .nav--lev__holder {
top : 0;
left : auto;
right : 0;
bottom : auto;
position : absolute;
z-index : 1;
padding : 0 1.11111rem;
border-left : 1px solid #d1d1d1;
}
.mDrop ul .nav--lev__holder::before, .nav--stacked-box .nav--lev__holder::before {
position : absolute;
top : 50%;
left : 50%;
transform : translateY(-50%) translateX(-50%);
}
.nav__parent--lev1 {
background-color : #F2F2F2;
}
.nav__parent--lev1 > .nav__item__in {
font-weight : 700;
}
.dropNav {
width : 100%;
text-align : left;
margin : 0;
}
@media screen and (min-width: 1200px) {
.dropNav {
padding : 20px 50px 20px 70px;
background-color : #fff;
border-radius : 20px;
box-shadow : 0 3px 16px rgb(0, 0, 0, 0.15);
left : 50%;
margin-left : -207px;
width : 415px;
opacity : 0;
visibility : hidden;
}
}
.dropNav.dropNav--responsive-drop .nav__item, .dropNav__item {
position : relative;
margin : 0;
}
@media screen and (min-width: 1200px) {
.dropNav.dropNav--responsive-drop .nav__item, .dropNav__item {
border-bottom : 2px dotted #d1d1d1;
}
}
@media screen and (min-width: 1300px) {
.dropNav.dropNav--responsive-drop .nav__item::after, .dropNav__item::after {
position : absolute;
left : -70px;
top : 0;
width : 4px;
height : 100%;
content : '';
background-color : #00adee;
transform : scaleX(0);
will-change : transform;
transition : transform 0.3s ease-in-out;
}
}
.dropNav.dropNav--responsive-drop .nav__item:last-child, .dropNav__item:last-child {
border-bottom : 0;
}
.cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .nav__item--active::after, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .nav__item--active::after, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .nav__item--active::after, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .nav__item--active::after, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .nav__item--active::after, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .nav__item--active::after, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .nav__item--active::after, .dropNav.dropNav--responsive-drop .nav__item:hover::after, .dropNav__item:hover::after, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .nav__item--active::after {
transform : scaleX(1);
}
.cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .nav__item--active .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .cPag__nav > .nav__item--active .nav__item .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .nav__item--active .dropNav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav > .nav__item--active .nav__item .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .cPag__nav > .nav__item--active .nav__item__in, .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item .nav > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active .nav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .nav__item--active .dropNav__item__in, .cHeader__mainNav .mDrop .dropNav.dropNav--responsive-drop ul > .nav__item--active .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .nav__item--active .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .cPag__nav > .nav__item--active .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .nav__item--active .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .nav__item--active .dropNav__item__in, .dropNav.dropNav--responsive-drop .cHeader__mainNav .nav > .nav__item--active .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .nav__item--active .dropNav__item__in, .dropNav.dropNav--responsive-drop .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .cPag__nav > .nav__item--active .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .mDrop ul > .nav__item--active .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .cHeader__mainNav .nav > .nav__item--active .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .dropNav__item:hover .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item .mDrop .cHeader__mainNav ul > .nav__item--active .nav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover .dropNav__item__in, .dropNav.dropNav--responsive-drop .nav__item:hover .nav__item__in, .dropNav__item:hover .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav__item:hover .dropNav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop .nav__item ul > .nav__item--active .nav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .nav__item--active .dropNav__item__in, .mDrop .cHeader__mainNav .dropNav.dropNav--responsive-drop ul > .nav__item--active .nav__item .nav__item__in {
transform : translateX(6px);
}
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .dropNav__item__in {
position : relative;
padding : 16px 0 14px;
font-weight : 700;
font-size : 16px;
font-size : 0.88889rem;
text-decoration : none;
color : #303233;
will-change : transform;
transition : transform 0.3s ease-in-out;
}
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in::before, .dropNav__item__in::before {
position : absolute;
left : 0;
top : 50%;
content : '';
background-image : url(../img/dropdown-item-arrow.svg?v=4a8a);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 16px;
height : 16px;
margin-top : -8px;
}
@media screen and (min-width: 1200px) {
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in::before, .dropNav__item__in::before {
left : -35px;
}
}
.dropNav.dropNav--responsive-drop .nav__item .nav__item__in:hover, .dropNav__item__in:hover {
color : #303233;
}
.mDrop {
width : 100%;
background-color : #fff;
text-align : left;
border : 0;
}
@media screen and (min-width: 1200px) {
.mDrop {
left : 50%;
width : 1740px;
max-width : 94vw;
min-width : 0;
transform : translateX(-50%);
opacity : 0;
visibility : hidden;
border-radius : 20px;
box-shadow : 0 3px 16px rgb(0, 0, 0, 0.15);
padding : 60px 80px;
}
}
@media screen and (min-width: 1300px) {
.mDrop {
padding : 45px 40px;
}
}
@media screen and (min-width: 1800px) {
.mDrop {
padding : 50px 60px;
}
}
.mDrop__cont {
max-width : 100%;
padding : 0;
}
@media screen and (min-width: 1200px) and (max-height: 900px) {
.mDrop__cont {
padding-left : 20px;
padding-right : 10px;
max-height : calc(100vh - 270px);
max-height : calc(100vh - 270px);
max-height : calc(100vh - 270px);
overflow-y : auto;
overflow-x : hidden;
}
}
@media screen and (min-width: 1600px) and (max-height: 900px) {
.mDrop__cont {
max-height : calc(100vh - 300px);
max-height : calc(100vh - 300px);
max-height : calc(100vh - 300px);
}
}
@media screen and (min-width: 1200px) {
.mDrop__grid {
display : flex;
align-items : flex-start;
}
}
.mDrop .mDrop__section {
position : relative;
margin-bottom : 15px;
}
.mDrop .mDrop__section:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section {
width : 25%;
margin-bottom : 0;
padding : 0 25px;
}
.mDrop .mDrop__section::before {
position : absolute;
left : -10px;
top : 80px;
height : calc(100% - 95px);
height : calc(100% - 95px);
height : calc(100% - 95px);
border-left : 5px dotted #d1d1d1;
content : '';
}
}
@media screen and (min-width: 1600px) {
.mDrop .mDrop__section {
padding : 0 50px;
}
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section--multi {
width : 50%;
padding-left : 0;
}
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section--multi .mDrop__section__item {
margin-right : 20px;
}
}
.mDrop .mDrop__section--multi::before {
display : none;
}
.mDrop .mDrop__section__title {
margin-bottom : 10px;
font-size : 18px;
font-size : 1rem;
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section__title {
margin-bottom : 25px;
font-size : 24px;
font-size : 1.33333rem;
}
}
@media screen and (min-width: 1600px) {
.mDrop .mDrop__section__title {
margin-bottom : 20px;
font-size : 27px;
font-size : 1.5rem;
}
}
.mDrop .mDrop__section__title--last {
margin-top : 20px;
}
.mDrop .mDrop__section:last-child {
padding-right : 0;
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section__items--multi {
display : flex;
flex-wrap : wrap;
}
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section__items--multi .mDrop__section__item {
width : 50%;
}
}
.mDrop .mDrop__section__item {
margin-left : -20px;
}
.mDrop .mDrop__section .mDrop__section__link {
position : relative;
display : block;
padding : 10px 10px 10px 60px;
}
@media screen and (min-width: 1200px) {
.mDrop .mDrop__section .mDrop__section__link {
padding : 15px 25px 15px 60px;
border-radius : 8px;
}
}
.mDrop .mDrop__section .mDrop__section__link::before {
position : absolute;
left : 18px;
top : 17px;
width : 22px;
height : 22px;
content : '';
}
.mDrop .mDrop__section .mDrop__section__link--marketing::before {
background-image : url(../img/./megadropdown/drop-icon-marketing.svg?v=93ab);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--heart::before {
background-image : url(../img/./megadropdown/drop-icon-heart.svg?v=5794);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--multimedia::before {
background-image : url(../img/./megadropdown/drop-icon-multimedia.svg?v=3f25);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--ppc::before {
background-image : url(../img/./megadropdown/drop-icon-ppc.svg?v=2f03);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--audit::before {
background-image : url(../img/./megadropdown/drop-icon-audit.svg?v=629e);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--social::before {
background-image : url(../img/./megadropdown/drop-icon-social.svg?v=6fda);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--compares::before {
background-image : url(../img/./megadropdown/drop-icon-compares.svg?v=af3e);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--eweb::before {
background-image : url(../img/./megadropdown/drop-icon-eweb.svg?v=112e);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--eshop::before {
background-image : url(../img/./megadropdown/drop-icon-eshop.svg?v=6866);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--intranet::before {
background-image : url(../img/./megadropdown/drop-icon-intranet.svg?v=664c);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--business::before {
background-image : url(../img/./megadropdown/drop-icon-business.svg?v=568c);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--happiness::before {
background-image : url(../img/./megadropdown/drop-icon-happiness.svg?v=b8f0);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--employees::before {
background-image : url(../img/./megadropdown/drop-icon-employees.svg?v=cd52);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--expansion::before {
background-image : url(../img/./megadropdown/drop-icon-expansion.svg?v=883c);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--star::before {
width : 26px;
height : 26px;
background-image : url(../img/./megadropdown/drop-star.svg?v=5e0f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link--znacka::before {
width : 26px;
height : 26px;
background-image : url(../img/./megadropdown/drop-brand.svg?v=c578);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.mDrop .mDrop__section .mDrop__section__link:hover {
background-color : #00adee;
}
.mDrop .mDrop__section .mDrop__section__link:hover .mDrop__section__link__desc, .mDrop .mDrop__section .mDrop__section__link:hover .mDrop__section__link__title {
color : #fff;
}
.mDrop .mDrop__section .mDrop__section__link:hover::before {
filter : brightness(0) invert(1);
}
.mDrop .mDrop__section .mDrop__section__link__title {
display : block;
margin-bottom : 6px;
color : #303233;
font-family : migrena-bold;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.3;
}
@media screen and (min-width: 1600px) {
.mDrop .mDrop__section .mDrop__section__link__title {
font-size : 17px;
font-size : 0.94444rem;
line-height : 1.3;
}
}
.mDrop .mDrop__section .mDrop__section__link__desc {
display : block;
font-size : 12px;
font-size : 0.66667rem;
line-height : 1.5;
color : #666;
}
@media screen and (min-width: 1600px) {
.mDrop .mDrop__section .mDrop__section__link__desc {
font-size : 13px;
font-size : 0.72222rem;
line-height : 1.6;
}
}
.dropNav, .mDrop {
display : none;
position : static;
}
@media screen and (min-width: 1200px) {
.dropNav, .mDrop {
position : absolute;
}
}
.dropNav.is-active, .mDrop.is-active {
display : block;
transition : all 0.3s ease-in-out;
transition-delay : 0.2s;
}
.nav__item--drop:hover > .dropNav, .nav__item--mDrop:hover .mDrop {
opacity : 1;
visibility : visible;
transition-delay : 0s;
}
.ba-slider {
position : relative;
overflow : hidden;
}
.ba-slider > .rowInner {
max-width : 100%;
}
.ba-slider img {
width : 100%;
display : block;
max-width : none;
}
.ba-slider .resize {
position : absolute;
left : 0;
top : 0;
width : 50%;
height : 100%;
overflow : hidden;
}
.ba-slider .handle {
position : absolute;
left : 50%;
top : 0;
bottom : 0;
width : 5px;
transform : translateX(-50%);
background-color : #fff;
cursor : ew-resize;
}
.ba-slider .handle::after {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
top : 50%;
width : 72px;
height : 72px;
margin : -36px 0 0 -36px;
content : "";
color : #fff;
font-size : 20px;
font-size : 1.11111rem;
text-align : center;
background-color : #00adee;
border : rgb(255, 255, 255, 0.5) solid 3px;
border-radius : 100%;
transition : all 0.3s ease-in-out;
will-change : transform;
}
.ba-slider .handle::before {
position : absolute;
left : 50%;
top : 50%;
width : 72px;
height : 72px;
transform : translate(-50%,-50%);
margin-left : -2px;
z-index : 1;
content : "";
background-image : url(../img/handle.png?v=3dff);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : center center;
}
.ba-slider .handle.ba-draggable::after {
transform : scale(0.8);
}
@media screen and (max-width: 766px) {
.siteWrapper {
padding-top : 0 !important ;
}
}
.grid {
font-size : 0;
}
.grid__item, .label--inline, .label--inline + .field {
font-size : 1rem;
}
@media screen and (min-width: 1350px) {
.row--reverseSpacing {
position : relative;
max-width : 100vw;
width : 100vw;
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
margin-left : 0;
margin-right : 0;
}
}
@media screen and (min-width: 1940px) {
.row--reverseSpacing {
max-width : 1920px;
left : 50%;
margin-left : -960px;
}
}
@media screen and (min-width: 1940px) {
body {
background-color : #202123;
}
.globalWrapper {
max-width : 1920px;
margin : 0 auto;
overflow : hidden;
background-color : #fff;
}
}
.mainWrapper > .row > .rowInner {
padding-top : 0;
background-color : transparent;
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
.mainWrapper > .row > .rowInner {
max-width : 1280px;
}
}
#mm-blocker {
display : block;
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
content : "";
z-index : 30 !important ;
background-color : rgb(0, 0, 0, 0.2);
opacity : 0;
transition : all 0.3s ease-in-out;
transition-delay : 0.2s;
}
#mm-blocker.drop-open, #mm-blocker.search-open {
opacity : 1;
transition-delay : 0s;
}
@media screen and (max-width: 766px) {
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
opacity : 1 !important ;
transform : none;
}
}
h1, h2, h3, h4, h5, h6 {
line-height : 1;
}
@media screen and (min-width: 1024px) and (max-width: 1399px) {
h2 {
font-size : 50px;
font-size : 2.77778rem;
}
}
.cHeading {
font-weight : 400;
}
.cHeading .cHeading__sub {
display : block;
margin-top : 15px;
font-family : Roboto, sans-serif;
color : #666;
font-size : 50%;
}
.cHeading__hx {
font-weight : 400;
}
.cHeading--small, .cImage--figure-text .cHeading, .cImage--video-brand .cHeading, .row--reference-bm .cBlockquote .cHeading {
font-size : 30px;
font-size : 1.66667rem;
margin-bottom : 24px;
}
@media screen and (min-width: 767px) {
.cHeading--small, .cImage--figure-text .cHeading, .cImage--video-brand .cHeading, .row--reference-bm .cBlockquote .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cHeading--small .cHeading__sub, .cImage--figure-text .cHeading .cHeading__sub, .cImage--video-brand .cHeading .cHeading__sub, .row--reference-bm .cBlockquote .cHeading .cHeading__sub {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
margin-top : 10px;
}
@media screen and (min-width: 767px) {
.cHeading--small .cHeading__sub, .cImage--figure-text .cHeading .cHeading__sub, .cImage--video-brand .cHeading .cHeading__sub, .row--reference-bm .cBlockquote .cHeading .cHeading__sub {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
}
}
.cHeading--smaller {
font-size : 24px;
font-size : 1.33333rem;
margin-bottom : 24px;
}
@media screen and (min-width: 767px) {
.cHeading--smaller {
font-size : 30px;
font-size : 1.66667rem;
}
}
.cHeading--mini {
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1024px) {
.cHeading--bottom-spacing {
margin-bottom : 50px;
}
}
@media screen and (max-width: 766px) {
.cText p {
font-size : 15px;
}
}
.cForm__note ul, .cInfobox ul, .cPerex ul, .cProductListBox ul, .cProductListImg ul, .cSharedText ul, .cSitemap ul, .cText ul, .cke_editable ul, .cke_editable_inline ul, .cube__inner ul {
list-style : none;
}
.cForm__note ul > li, .cInfobox ul > li, .cPerex ul > li, .cProductListBox ul > li, .cProductListImg ul > li, .cSharedText ul > li, .cSitemap ul > li, .cText ul > li, .cke_editable ul > li, .cke_editable_inline ul > li, .cube__inner ul > li {
position : relative;
color : #666;
padding-left : 1.11111rem;
}
.cForm__note ul > li::before, .cInfobox ul > li::before, .cPerex ul > li::before, .cProductListBox ul > li::before, .cProductListImg ul > li::before, .cSharedText ul > li::before, .cSitemap ul > li::before, .cText ul > li::before, .cke_editable ul > li::before, .cke_editable_inline ul > li::before, .cube__inner ul > li::before {
color : #00adee;
position : absolute;
left : 0;
top : 3px;
font-size : 12px;
font-size : 0.66667rem;
}
ol > li {
margin-left : 2.22222rem;
}
.check-list, .list-check, .list-num {
margin-bottom : 40px;
padding : 0;
}
.check-list li, .list-check li, .list-num li {
position : relative;
display : flex;
align-items : center;
}
.check-list li::before, .list-check li::before, .list-num li::before {
display : flex;
align-items : center;
justify-content : center;
width : 30px;
height : 30px;
min-width : 30px;
padding-top : 2px;
border-radius : 100%;
margin-right : 16px;
background-image : url(../img/check.svg?v=c415);
background-color : #00adee;
background-repeat : no-repeat;
background-size : 15px 15px;
background-position : 50% 55%;
content : "";
}
.check-list li, .num-list li {
display : block;
padding-left : 50px;
}
.check-list li::before, .num-list li::before {
position : absolute;
left : 0;
top : 0;
}
.check-list--line, .num-list--line {
margin-top : 32px;
}
.check-list--line li, .num-list--line li {
padding-left : 70px;
}
.check-list--line li::before, .num-list--line li::before {
width : 50px;
height : 50px;
background-size : 25px 25px;
}
.check-list--line li strong, .num-list--line li strong {
font-family : migrena-bold;
color : #303233;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.2;
}
@media screen and (min-width: 767px) {
.check-list--line li strong, .num-list--line li strong {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.2;
}
}
.check-list, .num-list {
margin-top : 24px;
}
@media screen and (min-width: 767px) {
.check-list, .num-list {
margin-top : 32px;
}
}
.check-list .gamma, .num-list .gamma {
font-size : 24px;
font-size : 1.33333rem;
margin-bottom : 8px;
}
.num-list li {
padding-left : 60px;
}
.num-list li::before {
display : flex;
align-items : center;
justify-content : center;
width : 35px;
height : 35px;
min-width : 35px;
background-color : #00adee;
border-radius : 100%;
color : #fff;
padding-top : 3px;
content : counter(i);
}
.list-check--block li {
display : block;
padding-left : 50px;
}
.list-check--block li::before {
position : absolute;
left : 0;
top : 0;
}
.list-check--block .list-check__title {
display : block;
color : #303233;
}
.list-check li::before {
content : "";
}
.list-num li {
display : block;
padding-left : 55px;
margin-left : 0;
}
.list-num li::before {
background-image : none;
color : #fff;
content : counter(i);
}
.list-num__title {
display : block;
color : #303233;
}
.row--hero {
position : relative;
}
.row--hero-fullscreen {
height : 100vh;
min-height : 668px;
}
@media screen and (min-width: 767px) {
.row--hero-fullscreen {
height : 750px;
}
}
@media screen and (min-width: 1200px) {
.row--hero-fullscreen {
height : 100vh;
}
}
@media screen and (min-width: 1600px) {
.row--hero-fullscreen {
min-height : 700px;
}
}
@media screen and (min-width: 1800px) {
.row--hero-fullscreen {
min-height : 800px;
}
}
.row--hero-fullscreen .cImageSlider {
position : absolute;
left : 0;
top : 0;
height : 100%;
width : 100%;
margin : 0 !important ;
z-index : 1;
}
.row--hero-fullscreen .cImageSlider .royalSlider, .row--hero-fullscreen .cImageSlider .rsOverflow {
height : 100% !important ;
width : 100% !important ;
}
.row--hero-fullscreen .cImageSlider picture {
display : block;
width : 100%;
height : 100%;
background-color : #a8d7e9;
}
.row--hero-fullscreen .cImageSlider img {
mix-blend-mode : multiply;
}
@keyframes show-up {
100% {
opacity : 1;
}
}
.row--hero-hp {
z-index : 50;
}
@media screen and (max-width: 766px) {
.row--hero-hp {
margin-top : -103px !important ;
padding-top : 50px;
}
}
@media screen and (min-width: 767px) {
.row--hero-hp {
margin-top : -170px !important ;
padding-top : 170px;
}
}
@media screen and (min-width: 1200px) {
.row--hero-hp > .rowInner {
opacity : 0;
animation : show-up 1s linear forwards;
}
}
.row--hero-hp .cHeading__hx, .row--hero-hp .cPerex {
position : relative;
z-index : 2;
text-align : center;
color : #fff;
margin : 0 auto;
padding : 0 20px;
}
@media screen and (min-width: 1024px) {
.row--hero-hp .cHeading__hx, .row--hero-hp .cPerex {
padding : 0;
max-width : 1080px;
}
}
.row--hero-hp .cHeading {
position : relative;
z-index : 1;
}
.row--hero-hp .cHeading__hx {
margin : 25% auto 30px;
font-size : 36px;
font-size : 2rem;
line-height : 1.1;
will-change : transform;
}
@media screen and (min-width: 370px) {
.row--hero-hp .cHeading__hx {
margin : 30% auto 35px;
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.1;
}
}
@media screen and (min-width: 390px) {
.row--hero-hp .cHeading__hx {
margin-top : 45%;
font-size : 44px;
font-size : 2.44444rem;
line-height : 1.1;
}
}
@media screen and (min-width: 767px) {
.row--hero-hp .cHeading__hx {
margin-top : 45px;
}
}
@media screen and (max-width: 766px) {
.row--hero-hp .cHeading__hx br {
display : none;
}
}
@media screen and (min-width: 1024px) {
.row--hero-hp .cHeading__hx {
margin : 40px auto 5vh;
font-size : 4vw;
line-height : 1;
}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
.row--hero-hp .cHeading__hx {
font-size : 50px;
}
}
@media screen and (min-width: 1024px) and (min-width: 1750px) {
.row--hero-hp .cHeading__hx {
font-size : 70px;
}
}
@media screen and (min-width: 1600px) {
.row--hero-hp .cHeading__hx {
margin-top : 9vh;
}
}
@media screen and (min-width: 1800px) {
.row--hero-hp .cHeading__hx {
margin-top : 10vh;
}
}
@media screen and (min-width: 1920px) and (min-height: 980px) {
.row--hero-hp .cHeading__hx {
margin-top : 150px;
}
}
.row--hero-hp .cPerex {
will-change : transform;
}
@media screen and (max-width: 766px) {
.row--hero-hp .cPerex {
padding : 0 30px;
}
}
.row--hero-hp .cPerex p {
color : #fff;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.28;
}
@media screen and (max-width: 766px) {
.row--hero-hp .cPerex p {
margin-bottom : 40px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-hp .cPerex p {
font-size : 20px;
font-size : 1.11111rem;
}
}
@media screen and (min-width: 1600px) {
.row--hero-hp .cPerex p {
font-size : 2vw;
}
}
@media screen and (min-width: 1600px) and (max-width: 1000px) {
.row--hero-hp .cPerex p {
font-size : 20px;
}
}
@media screen and (min-width: 1600px) and (min-width: 1500px) {
.row--hero-hp .cPerex p {
font-size : 30px;
}
}
.row--hero-hp .cPerex p > a {
display : block;
color : inherit;
padding : 0;
font-weight : 900;
}
@media screen and (min-width: 767px) {
.row--hero-hp .cPerex p > a {
display : inline;
}
}
.row--hero-hp .cPerex .cSubHeading {
margin-bottom : 4vh;
color : #fff;
font-size : 26px;
font-size : 1.44444rem;
}
@media screen and (min-width: 1024px) {
.row--hero-hp .cPerex .cSubHeading {
font-size : 3vw;
}
}
@media screen and (min-width: 1024px) and (max-width: 1000px) {
.row--hero-hp .cPerex .cSubHeading {
font-size : 30px;
}
}
@media screen and (min-width: 1024px) and (min-width: 1666.66667px) {
.row--hero-hp .cPerex .cSubHeading {
font-size : 50px;
}
}
@media screen and (min-width: 1920px) and (min-height: 980px) {
.row--hero-hp .cPerex .cSubHeading {
margin-bottom : 10vh;
}
}
.cftSearch--standard .row--hero-hp .cPerex .cftSearch__submit, .row--hero-hp .cPerex .btn, .row--hero-hp .cPerex .cClientZone__logout, .row--hero-hp .cPerex .cftSearch--standard .cftSearch__submit {
height : 70px;
border-radius : 3em;
}
@media screen and (min-width: 1024px) {
.cftSearch--standard .row--hero-hp .cPerex .cftSearch__submit, .row--hero-hp .cPerex .btn, .row--hero-hp .cPerex .cClientZone__logout, .row--hero-hp .cPerex .cftSearch--standard .cftSearch__submit {
padding : 0 120px;
height : 55px;
border-radius : 2em;
}
}
@media screen and (min-width: 1600px) {
.cftSearch--standard .row--hero-hp .cPerex .cftSearch__submit, .row--hero-hp .cPerex .btn, .row--hero-hp .cPerex .cClientZone__logout, .row--hero-hp .cPerex .cftSearch--standard .cftSearch__submit {
margin-top : 3vh;
height : 70px;
}
}
.row--hero-subpage > .rowInner {
max-width : 1470px;
margin : 0 auto;
}
.row--hero-subpage .cHeading {
position : relative;
z-index : 1;
}
.row--hero-subpage .cHeading__hx {
font-size : 40px;
font-size : 2.22222rem;
}
@media screen and (min-width: 767px) {
.row--hero-subpage .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
}
}
@media screen and (min-width: 1300px) {
.row--hero-subpage .cHeading__hx {
font-size : 82px;
font-size : 4.55556rem;
}
}
.row--hero-subpage .cHeading__hx strong {
color : #00adee;
}
@media screen and (min-width: 767px) {
.row--hero-subpage .cHeading__hx strong {
line-height : normal;
}
}
@media screen and (min-width: 1024px) {
.row--hero-subpage .cHeading__hx strong {
background : linear-gradient(270deg, #00adee 0, #00b6dd 100%);
}
}
.row--hero-subpage .cHeading__hx small {
display : block;
margin-top : 10px;
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.row--hero-subpage .cHeading__hx small {
font-size : 40px;
font-size : 2.22222rem;
margin-top : 0;
}
}
@media screen and (min-width: 1300px) {
.row--hero-subpage .cHeading__hx small {
font-size : 40px;
font-size : 2.22222rem;
}
}
.row--hero-subpage .cHeading--medium .cHeading__hx {
margin-bottom : 30px;
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.1;
}
@media screen and (min-width: 1024px) {
.row--hero-subpage .cHeading--medium .cHeading__hx {
font-size : 50px;
font-size : 2.77778rem;
line-height : 1;
}
}
@media screen and (min-width: 1300px) {
.row--hero-subpage .cHeading--medium .cHeading__hx {
margin-bottom : 50px;
font-size : 70px;
font-size : 3.88889rem;
line-height : 1;
}
}
.row--hero-subpage .cPerex {
position : relative;
z-index : 1;
}
.row--hero-subpage .cPerex--large {
font-weight : 500;
}
@media screen and (min-width: 1300px) {
.row--hero-subpage .cPerex--large {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.4;
}
}
.row--hero-subpage .cTopPhoto {
position : absolute;
left : 0;
top : 0;
width : 100%;
}
.row--hero-subpage .cTopPhoto img {
position : relative;
left : 50%;
max-width : none;
transform : translateX(-50%);
}
.row--hero-subpage .cImage {
position : relative;
z-index : 1;
}
.cftSearch--standard .row--hero-conference .cftSearch__submit, .row--hero-conference .btn, .row--hero-conference .cClientZone__logout, .row--hero-conference .cftSearch--standard .cftSearch__submit {
margin-top : 10px;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--hero-conference .cftSearch__submit, .row--hero-conference .btn, .row--hero-conference .cClientZone__logout, .row--hero-conference .cftSearch--standard .cftSearch__submit {
margin-right : 10px;
}
}
.row--hero-conference .cTopPhoto {
position : static;
}
.row--hero-conference .cTopPhoto img {
left : auto;
transform : none;
max-width : 100%;
}
@media screen and (min-width: 767px) {
.row--hero-conference .cTopPhoto img {
max-width : none;
right : 60px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-conference .cTopPhoto img {
right : 40px;
}
}
.row--footer {
padding : 90px 10px;
text-align : center;
}
@media screen and (min-width: 1024px) {
.row--footer {
padding : 200px 60px;
}
}
.row .contactItem--phone {
position : relative;
}
@media screen and (min-width: 1024px) {
.row .contactItem--phone::before {
position : absolute;
left : -20px;
top : 12px;
width : 1px;
height : 8px;
content : '';
background-color : #707070;
}
}
.row--video-desc {
padding : 80px 0 40px;
background-position : top right !important ;
background-repeat : no-repeat;
}
@media screen and (min-width: 767px) {
.row--video-desc {
padding-bottom : 80px;
}
}
@media screen and (min-width: 1024px) {
.row--video-desc {
padding : 120px 0;
}
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
.row--video-desc > .rowInner {
max-width : 90%;
}
}
@media screen and (min-width: 1024px) {
.row--video-desc .grid {
display : flex;
align-items : center;
}
}
.row--video-desc .cText {
text-align : center;
}
@media screen and (min-width: 767px) {
.row--video-desc .cText {
text-align : left;
margin-bottom : 0;
}
}
@media screen and (min-width: 1300px) {
.row--video-desc .cText {
position : relative;
top : -30px;
}
}
@media screen and (min-width: 1024px) {
.row--video-desc .cText p {
max-width : 580px;
}
}
@media screen and (min-width: 1600px) {
.cftSearch--standard .row--video-desc .cText .cftSearch__submit, .row--video-desc .cText .btn, .row--video-desc .cText .cClientZone__logout, .row--video-desc .cText .cftSearch--standard .cftSearch__submit {
margin-top : 60px;
}
}
@media screen and (max-width: 766px) {
.row--video-desc .cImage img {
position : relative;
max-width : 125%;
left : 50%;
transform : translateX(-50%) !important ;
}
}
@media screen and (min-width: 1500px) {
.row--video-desc .cImage img {
max-width : none;
}
}
.row--form {
padding-top : 120px;
background-image : url(../img/form-bg.jpg?v=423a);
background-color : #F2F2F2;
background-repeat : no-repeat;
background-size : 130%;
background-position : 0 0;
}
@media screen and (min-width: 1024px) {
.row--form {
padding-top : 350px;
padding-bottom : 195px;
background-size : contain;
}
}
.row--form > .rowInner {
max-width : 980px;
margin : 0 auto;
padding : 0;
}
.row--form .cForm {
position : relative;
z-index : 10;
margin-bottom : 0;
}
.row--form.is-modal {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
display : flex;
align-items : center;
justify-content : center;
margin : 0;
max-width : 100%;
padding : 0 20px;
z-index : 999;
background : rgb(21, 22, 30, 0.7);
opacity : 0;
overflow-y : auto;
overflow-x : hidden;
}
.row--form.is-modal > .rowInner {
max-width : 800px;
}
.row--form.is-modal .cText--overlay-close {
display : block;
}
.row--form.is-modal .cText--overlay-close button {
background : 0 0;
outline : 0;
border : 0;
padding : 0;
}
.row--form.is-modal .hide-in-modal {
display : none !important ;
}
.row--form.is-modal .cForm {
padding : 30px;
margin-top : 0;
}
@media screen and (max-width: 766px) {
.row--form.is-modal .cForm {
max-height : 100vh;
overflow-y : auto;
overflow-x : auto;
}
}
@media screen and (min-width: 1024px) {
.row--form.is-modal .cForm {
padding : 40px 70px 30px;
}
}
@media screen and (min-width: 1600px) {
.row--form.is-modal .cForm {
padding : 60px 80px 30px;
}
}
.row--form.is-modal .cForm::after, .row--form.is-modal .cForm::before {
display : none;
}
@media screen and (min-width: 1600px) {
.row--form.is-modal .cForm::after, .row--form.is-modal .cForm::before {
display : block;
}
}
.row--form.is-modal .cForm .cHeading {
margin-bottom : 0;
}
@media screen and (min-width: 1024px) {
.row--form.is-modal .cForm .cHeading {
font-size : 50px;
font-size : 2.77778rem;
margin-bottom : 10px;
}
}
.row--form.is-modal .cForm .cHeading small {
margin : 10px auto;
}
.row--form.is-modal .cForm .field {
height : 30px;
}
@media screen and (min-width: 1600px) {
.row--form.is-modal .cForm .field {
height : 35px;
}
}
.row--form.is-modal .cForm textarea {
min-height : 80px;
}
.cftSearch--standard .row--form.is-modal .cForm .cftSearch__submit, .row--form.is-modal .cForm .btn, .row--form.is-modal .cForm .cClientZone__logout, .row--form.is-modal .cForm .cftSearch--standard .cftSearch__submit {
bottom : -60px;
}
@media screen and (max-width: 766px) {
.cftSearch--standard .row--form.is-modal .cForm .cftSearch__submit, .row--form.is-modal .cForm .btn, .row--form.is-modal .cForm .cClientZone__logout, .row--form.is-modal .cForm .cftSearch--standard .cftSearch__submit {
position : static;
margin : 0;
}
}
.row--form.is-modal .cForm .form-fields__inner {
margin-bottom : 20px;
}
@media screen and (min-width: 1400px) {
.row--form.is-modal .cForm .form-fields__inner {
margin-bottom : 30px;
}
}
.row--form.is-modal.has-init {
transition : opacity 0.3s ease-in-out;
opacity : 1;
}
.row--form-img .cForm {
position : relative;
z-index : 1;
}
.row--form-img .cImage {
display : none;
}
@media screen and (min-width: 1300px) {
.row--form-img .cImage {
display : block;
position : absolute;
bottom : 0;
right : -40px;
}
}
@media screen and (min-width: 1600px) {
.row--form-img .cImage {
right : 20px;
}
}
@media screen and (min-width: 1800px) {
.row--form-img .cImage {
right : 150px;
}
}
.row--form-simple {
padding-top : 0;
background-image : none;
background-color : #f5f5f5;
}
.row--form-transparent {
padding-top : 0;
background : 0 0;
}
.row--form-invoice {
margin-top : -300px;
padding-top : 330px;
padding-bottom : 40px;
}
@media screen and (min-width: 767px) {
.row--form-invoice {
padding-bottom : 70px;
}
}
@media screen and (min-width: 1024px) {
.row--form-invoice {
padding-bottom : 100px;
}
}
.row--form-invoice > .rowInner {
max-width : 1470px;
}
@media screen and (min-width: 767px) {
.row--form-invoice > .rowInner {
padding : 0 20px;
}
}
@media screen and (min-width: 1200px) {
.row--form-invoice > .rowInner {
padding : 0 30px;
}
}
@media screen and (min-width: 1600px) {
.row--form-invoice > .rowInner {
padding : 0 40px;
}
}
.row--form-invoice .row--form__text-col {
position : relative;
margin-top : 70px;
padding : 0 30px;
}
@media screen and (min-width: 767px) {
.row--form-invoice .row--form__text-col {
padding-left : 70px;
padding-right : 0;
}
}
@media screen and (min-width: 1024px) {
.row--form-invoice .row--form__text-col {
margin-top : -140px;
}
}
@media screen and (min-width: 1600px) {
.row--form-invoice .row--form__text-col {
left : 70px;
padding-left : 0;
}
}
.cImage--figure-text .row--form-invoice .row--form__text-col .cHeading, .cImage--video-brand .row--form-invoice .row--form__text-col .cHeading, .row--form-invoice .row--form__text-col .cHeading--small, .row--form-invoice .row--form__text-col .cImage--figure-text .cHeading, .row--form-invoice .row--form__text-col .cImage--video-brand .cHeading, .row--form-invoice .row--form__text-col .row--reference-bm .cBlockquote .cHeading, .row--reference-bm .cBlockquote .row--form-invoice .row--form__text-col .cHeading {
margin-bottom : 40px;
}
.row--form-invoice .svg-dots {
display : none;
}
@media screen and (min-width: 767px) {
.row--form-invoice .svg-dots {
display : block;
position : absolute;
top : 180px;
left : -50px;
}
}
.row--form-invoice .cForm {
margin-top : 30px;
}
@media screen and (min-width: 767px) {
.row--form-invoice .cForm {
margin-top : 0;
}
}
@media screen and (min-width: 766px) and (max-width: 1200px) {
.row--form-invoice .cForm {
padding-left : 50px;
padding-right : 50px;
}
}
@media screen and (min-width: 767px) {
.row--form-invoice .cForm::after {
left : auto;
right : 100px;
margin-left : 0;
}
.row--form-invoice .cForm::before {
left : auto;
right : 138px;
transform : none;
}
}
.row--form-invoice .cForm .cHeading {
display : none;
}
@media screen and (min-width: 767px) {
.row--form-invoice .cForm textarea {
min-height : 185px;
}
}
.cftSearch--standard .row--form-invoice .cForm .cftSearch__submit, .row--form-invoice .cForm .btn, .row--form-invoice .cForm .cClientZone__logout, .row--form-invoice .cForm .cftSearch--standard .cftSearch__submit {
padding : 0 30px;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--form-invoice .cForm .cftSearch__submit, .row--form-invoice .cForm .btn, .row--form-invoice .cForm .cClientZone__logout, .row--form-invoice .cForm .cftSearch--standard .cftSearch__submit {
padding : 0;
width : 476px;
margin-left : -238px;
}
}
@media screen and (min-width: 1300px) {
.row--form-reverse-top {
margin-top : -300px;
}
}
@media screen and (max-width: 766px) {
.row--form-dark {
padding-top : 0;
}
}
@media screen and (min-width: 767px) {
.row--form-dark {
background-image : url(../img/form-bg-dark.jpg?v=682b);
background-color : #0e0d0d;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
}
}
@media screen and (min-width: 1024px) {
.row--form-dark {
padding-top : 150px;
padding-bottom : 120px;
}
}
.row--form-holistic {
position : relative;
padding : 220px 35px 0;
}
@media screen and (min-width: 767px) {
.row--form-holistic {
padding-top : 250px;
padding-bottom : 195px;
}
}
@media screen and (min-width: 1300px) {
.row--form-holistic {
padding-top : 350px;
}
}
@media screen and (min-width: 1300px) {
.row--form-holistic::after {
position : absolute;
top : 18%;
right : 0;
width : 926px;
height : 963px;
background-image : url(../img/couch-bg.png?v=9fed);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
mix-blend-mode : multiply;
content : "";
}
}
.row--form-holistic .cText {
margin-top : -140px;
margin-bottom : 80px;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--form-holistic .cText .cHeading {
margin-bottom : 40px;
}
}
@media screen and (min-width: 767px) {
.row--form-holistic .cText .grid {
margin : 0 auto;
}
}
@media screen and (min-width: 1024px) {
.row--form-holistic .cText .grid {
max-width : 800px;
}
}
.row--form-holistic .img-box {
padding : 0 20px;
margin-bottom : 60px;
}
.row--form-holistic .img-box::after {
display : block;
width : 70px;
height : 54px;
margin : 0 auto;
content : "";
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
opacity : 0.7;
transform : scaleY(-1) scaleX(-1);
}
.row--form-holistic .img-box__desc {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.4;
}
.row--form-holistic .img-box__icon {
display : flex;
align-items : center;
justify-content : center;
margin : 0 auto 20px;
position : relative;
z-index : 1;
width : 70px;
height : 70px;
background-color : #fff;
border-radius : 100%;
box-shadow : 0 3px 10px rgb(0, 0, 0, 0.15);
}
.row--form-holistic .img-box__icon::after {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
width : 54px;
height : 54px;
border : #00adee solid 2px;
border-radius : 100%;
content : "";
}
.row--form-holistic .img-box--success::after {
transform : none;
}
.row--form-holistic .cImage--figure {
display : none;
}
@media screen and (min-width: 1024px) {
.row--form-holistic .cImage--figure {
display : block;
position : absolute;
left : -120px;
bottom : 350px;
}
}
@media screen and (min-width: 1150px) {
.row--form-holistic .cImage--figure {
left : -70px;
}
}
@media screen and (min-width: 1300px) {
.row--form-holistic .cImage--figure {
left : 0;
}
}
@media screen and (min-width: 1400px) {
.row--form-holistic .cImage--figure {
left : 50px;
}
}
@media screen and (min-width: 1850px) {
.row--form-holistic .cImage--figure {
left : 225px;
}
}
.row--map-program {
position : relative;
z-index : 2;
height : 800px;
}
@media screen and (min-width: 500px) {
.row--map-program {
height : 700px;
}
}
@media screen and (min-width: 600px) {
.row--map-program {
height : 650px;
}
}
@media screen and (min-width: 1024px) {
.row--map-program {
height : auto;
}
}
@media screen and (min-width: 767px) {
.row--map-program {
margin-bottom : 120px;
}
}
@media screen and (min-width: 900px) {
.row--map-program {
margin-bottom : 180px;
}
}
@media screen and (min-width: 1024px) {
.row--map-program {
margin-bottom : -350px;
}
}
.row--map-program > .rowInner {
display : flex;
align-items : center;
max-width : 1300px;
}
.row--map-program .cImage {
position : absolute;
left : 15px;
bottom : 50px;
margin-bottom : 0;
}
@media screen and (min-width: 400px) {
.row--map-program .cImage {
bottom : 80px;
}
}
@media screen and (min-width: 450px) {
.row--map-program .cImage {
bottom : 110px;
}
}
@media screen and (min-width: 480px) {
.row--map-program .cImage {
bottom : 50px;
}
}
@media screen and (min-width: 500px) {
.row--map-program .cImage {
bottom : 0;
}
}
@media screen and (min-width: 650px) {
.row--map-program .cImage {
bottom : -60px;
}
}
@media screen and (min-width: 767px) {
.row--map-program .cImage {
position : relative;
left : 0;
bottom : auto;
}
}
@media screen and (min-width: 1300px) {
.row--map-program .cImage {
top : 10px;
}
}
@media screen and (min-width: 1400px) {
.row--map-program .cImage {
left : -60px;
}
}
@media screen and (min-width: 767px) {
.row--map-program .cImage::after {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 120px;
content : '';
z-index : 1;
background : linear-gradient(to top, #fff, transparent);
}
}
@media screen and (min-width: 1024px) {
.row--map-program .cImage::after {
display : none;
}
}
.row--map-program .cImage img {
max-width : 360px;
}
@media screen and (min-width: 650px) {
.row--map-program .cImage img {
max-width : 400px;
}
}
@media screen and (min-width: 767px) {
.row--map-program .cImage img {
max-width : 550px;
}
}
@media screen and (min-width: 900px) {
.row--map-program .cImage img {
max-width : 600px;
}
}
@media screen and (min-width: 1024px) {
.row--map-program .cImage img {
max-width : none;
}
}
.row--map-program .cImage--misa-desk {
display : none;
}
@media screen and (min-width: 1024px) {
.row--map-program .cImage--misa-desk {
display : block;
}
}
@media screen and (min-width: 1024px) {
.row--map-program .cImage--misa-mobile {
display : none;
}
}
.row--map-program .cText {
position : relative;
z-index : 1;
}
@media screen and (min-width: 767px) {
.row--map-program .cText {
margin-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.row--map-program .cText {
padding-right : 20px;
}
}
@media screen and (min-width: 1024px) {
.row--map-program .cText {
position : relative;
top : 90px;
padding : 0 20px 0 140px;
}
}
@media screen and (min-width: 1300px) {
.row--map-program .cText {
left : 140px;
top : 120px;
padding : 0;
}
}
@media screen and (min-width: 1400px) {
.row--map-program .cText {
left : 90px;
top : 120px;
padding : 0;
}
}
.row--map-program .cText p {
max-width : 550px;
}
@media screen and (max-width: 766px) {
.row--map-program .cText p {
max-width : 100%;
padding-left : 150px;
padding-right : 30px;
margin-bottom : 15px;
}
}
@media screen and (min-width: 650px) and (max-width: 766px) {
.row--map-program .cText p {
padding-left : 200px;
}
}
@media screen and (max-width: 374px) {
.row--map-program .cText p {
padding-right : 15px;
}
}
@media screen and (min-width: 1600px) {
.cftSearch--standard .row--map-program .cText .cftSearch__submit, .row--map-program .cText .btn, .row--map-program .cText .cClientZone__logout, .row--map-program .cText .cftSearch--standard .cftSearch__submit {
padding-left : 60px;
padding-right : 60px;
}
}
@media screen and (max-width: 766px) {
.row--map-program .cText .cHeading {
text-align : center;
max-width : 90%;
margin-left : auto;
margin-right : auto;
line-height : 1.1;
}
}
@media screen and (min-width: 650px) and (max-width: 766px) {
.row--map-program .cText .cHeading {
margin-bottom : 50px;
max-width : 70%;
}
}
@media screen and (min-width: 900px) and (max-width: 1023px) {
.row--map-program .cText .cHeading {
margin-bottom : 60px;
margin-top : 40px;
}
}
@media screen and (max-width: 1299px) {
.row--map-program .cText .cHeading br {
display : none;
}
}
@media screen and (max-width: 766px) {
.cftSearch--standard .row--map-program .cText .cftSearch__submit, .row--map-program .cText .btn, .row--map-program .cText .cClientZone__logout, .row--map-program .cText .cftSearch--standard .cftSearch__submit {
display : flex;
position : relative;
z-index : 1;
max-width : 80%;
margin : 180px auto 0;
}
}
@media screen and (min-width: 480px) and (max-width: 766px) {
.cftSearch--standard .row--map-program .cText .cftSearch__submit, .row--map-program .cText .btn, .row--map-program .cText .cClientZone__logout, .row--map-program .cText .cftSearch--standard .cftSearch__submit {
margin-top : 60px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.cftSearch--standard .row--map-program .cText .cftSearch__submit, .row--map-program .cText .btn, .row--map-program .cText .cClientZone__logout, .row--map-program .cText .cftSearch--standard .cftSearch__submit {
margin-left : 0;
width : calc(100% - 170px);
width : calc(100% - 170px);
width : calc(100% - 170px);
max-width : 100%;
left : 150px;
}
}
@media screen and (min-width: 650px) and (max-width: 766px) {
.cftSearch--standard .row--map-program .cText .cftSearch__submit, .row--map-program .cText .btn, .row--map-program .cText .cClientZone__logout, .row--map-program .cText .cftSearch--standard .cftSearch__submit {
left : 200px;
width : calc(100% - 220px);
width : calc(100% - 220px);
width : calc(100% - 220px);
}
}
.row--map-program .cText .cSubHeading {
margin-top : 35px;
}
@media screen and (max-width: 766px) {
.row--map-program .cText .cSubHeading {
margin-top : 0;
padding-left : 150px;
padding-right : 30px;
font-size : 22px;
font-size : 1.22222rem;
}
}
@media screen and (min-width: 650px) and (max-width: 766px) {
.row--map-program .cText .cSubHeading {
padding-left : 200px;
}
}
@media screen and (min-width: 650px) and (max-width: 1023px) {
.row--map-program .cText .cSubHeading {
font-size : 22px;
font-size : 1.22222rem;
}
}
@media screen and (max-width: 390px) {
.row--map-program .cText .cSubHeading {
font-size : 19px;
font-size : 1.05556rem;
}
}
.row--map-slider {
position : relative;
padding-top : 70px;
height : 1480px;
}
@media screen and (min-width: 600px) {
.row--map-slider {
height : 1280px;
}
}
@media screen and (max-width: 1023px) {
.row--map-slider {
background : linear-gradient(to bottom, #f7f7f7, #fff 10%) !important ;
}
}
@media screen and (min-width: 767px) {
.row--map-slider {
height : 1750px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider {
height : 1670px;
padding-top : 130px;
overflow : hidden;
}
}
.row--map-slider .grid {
margin-left : 0;
}
.row--map-slider .grid__item, .row--map-slider .label--inline, .row--map-slider .label--inline + .field {
padding-left : 0;
}
.row--map-slider .cText--desc {
position : relative;
text-align : center;
max-width : 100%;
margin : 0 auto;
z-index : 10;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--desc {
padding : 0 40px;
}
}
@media screen and (min-width: 1300px) {
.row--map-slider .cText--desc {
padding : 0;
max-width : 1260px;
}
}
.row--map-slider .cText--desc .cHeading {
max-width : 90%;
margin : 0 auto 50px;
}
@media screen and (min-width: 600px) {
.row--map-slider .cText--desc .cHeading {
max-width : 70%;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cText--desc .cHeading {
max-width : 90%;
}
}
.row--map-slider .cText--desc .cSubHeading {
display : none;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--desc .cSubHeading {
display : block;
margin-top : 60px;
margin-bottom : 40px;
font-family : Roboto, sans-serif;
font-size : 20px;
font-size : 1.11111rem;
color : #666;
}
}
.row--map-slider .cText--desc p {
padding-top : 60px;
padding-left : 20px;
max-width : 200px;
text-align : left;
}
@media screen and (min-width: 390px) {
.row--map-slider .cText--desc p {
max-width : 235px;
}
}
@media screen and (min-width: 400px) {
.row--map-slider .cText--desc p {
padding-left : 40px;
max-width : 255px;
}
}
@media screen and (min-width: 600px) {
.row--map-slider .cText--desc p {
max-width : 400px;
}
}
@media screen and (min-width: 650px) {
.row--map-slider .cText--desc p {
max-width : 450px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cText--desc p {
max-width : 55%;
padding-top : 0;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--desc p {
text-align : center;
}
}
@media screen and (max-width: 766px) {
.row--map-slider .cText--desc p em {
display : block;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--desc p {
padding-left : 0;
max-width : 100%;
}
}
.row--map-slider .cText--buttons {
max-width : 225px;
margin : 40px auto 0;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--map-slider .cText--buttons {
max-width : 100%;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--buttons {
position : absolute;
bottom : 60px;
left : 50%;
transform : translateX(-50%);
margin : 0;
}
}
.cftSearch--standard .row--map-slider .cText--buttons .cftSearch__submit, .row--map-slider .cText--buttons .btn, .row--map-slider .cText--buttons .cClientZone__logout, .row--map-slider .cText--buttons .cftSearch--standard .cftSearch__submit {
margin-bottom : 10px;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--map-slider .cText--buttons .cftSearch__submit, .row--map-slider .cText--buttons .btn, .row--map-slider .cText--buttons .cClientZone__logout, .row--map-slider .cText--buttons .cftSearch--standard .cftSearch__submit {
margin-bottom : 0;
}
}
.row--map-slider .cText--heading {
text-align : center;
position : absolute;
top : 50%;
width : 100%;
padding : 0 40px;
z-index : 10;
}
@media screen and (min-width: 390px) {
.row--map-slider .cText--heading {
top : 46%;
}
}
@media screen and (min-width: 400px) {
.row--map-slider .cText--heading {
top : 45%;
}
}
@media screen and (min-width: 400px) {
.row--map-slider .cText--heading {
padding : 0 60px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cText--heading {
top : 38%;
padding : 0 90px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cText--heading {
position : static;
padding : 0;
}
}
@media screen and (max-width: 1023px) {
.row--map-slider .cText--heading br {
display : none;
}
}
.row--map-slider .cText--heading h3 {
font-size : 30px;
font-size : 1.66667rem;
line-height : 1.2;
}
.row--map-slider .cImage {
margin-bottom : 0;
}
.row--map-slider .cImage__points {
position : relative;
z-index : 1;
}
.row--map-slider .cImage--figure {
position : relative;
max-width : 280px;
margin-left : auto;
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--figure {
max-width : 350px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure {
margin : -100px 0 0;
right : auto;
top : auto;
max-width : 100%;
width : 350px;
}
}
@media screen and (min-width: 1600px) {
.row--map-slider .cImage--figure {
left : 25px;
}
}
@media screen and (min-width: 1600px) {
.row--map-slider .cImage--figure {
left : 25px;
}
}
@media screen and (min-width: 1800px) {
.row--map-slider .cImage--figure {
left : 120px;
}
}
.row--map-slider .cImage--figure::after {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 300px;
content : '';
z-index : 1;
background : linear-gradient(to top, #fff 10%, transparent);
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure::after {
display : none;
}
}
.row--map-slider .cImage--figure::before {
position : absolute;
top : 10px;
right : calc(100vw - 278px);
right : calc(100vw - 278px);
right : calc(100vw - 278px);
width : 260px;
height : 71px;
content : '';
}
@media screen and (min-width: 400px) {
.row--map-slider .cImage--figure::before {
right : calc(100vw - 295px);
right : calc(100vw - 295px);
right : calc(100vw - 295px);
}
}
@media screen and (min-width: 600px) {
.row--map-slider .cImage--figure::before {
top : 170px;
}
}
@media screen and (min-width: 650px) {
.row--map-slider .cImage--figure::before {
top : 190px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--figure::before {
top : 63%;
right : 100%;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure::before {
top : -100px;
left : 40%;
right : auto;
width : 220px;
height : 199px;
}
}
@media screen and (min-width: 1800px) {
.row--map-slider .cImage--figure::before {
left : 60%;
}
}
.row--map-slider .cImage--figure .cImage__inner {
position : relative;
height : 600px;
overflow : hidden;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure .cImage__inner {
overflow : visible;
height : auto;
}
}
.row--map-slider .cImage--figure img {
position : relative;
will-change : transform;
opacity : 0;
transform-origin : left bottom;
}
@media screen and (min-width: 1600px) {
.row--map-slider .cImage--figure img {
transform : translateX(-100px);
}
}
.row--map-slider .cImage--figure-strita .cImage__inner {
right : -85px;
}
@media screen and (min-width: 370px) {
.row--map-slider .cImage--figure-strita .cImage__inner {
right : -70px;
}
}
@media screen and (min-width: 390px) {
.row--map-slider .cImage--figure-strita .cImage__inner {
right : -80px;
}
}
@media screen and (min-width: 700px) {
.row--map-slider .cImage--figure-strita .cImage__inner {
right : -50px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-strita .cImage__inner {
right : auto;
transform : scaleX(-1);
}
}
@media screen and (min-width: 1600px) {
.row--map-slider .cImage--figure-strita .cImage__inner {
transform : none;
}
}
@media screen and (min-width: 1800px) {
.row--map-slider .cImage--figure-strita img {
left : 0;
}
}
.row--map-slider .cImage--figure-strita::before {
background-image : url(../img//names/michal-stritesky-mobile.png?v=e8a9);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-strita::before {
background-image : url(../img//names/michal-stritesky.png?v=3f39);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
@media screen and (max-width: 1023px), screen and (max-width: 1023px) and (min-resolution: 192dpi) {
.row--map-slider .cImage--figure-strita::before {
background-image : url(../img//names/michal-stritesky-mobile2x.png?v=f15f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.row--map-slider .cImage--figure-lee .cImage__inner {
right : -120px;
}
@media screen and (min-width: 700px) {
.row--map-slider .cImage--figure-lee .cImage__inner {
right : -100px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-lee .cImage__inner {
right : auto;
}
}
.row--map-slider .cImage--figure-lee::before {
background-image : url(../img//names/radek-hudec-mobile.png?v=a53e);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-lee::before {
background-image : url(../img//names/radek-hudec.png?v=9ad4);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
@media screen and (max-width: 1023px), screen and (max-width: 1023px) and (min-resolution: 192dpi) {
.row--map-slider .cImage--figure-lee::before {
background-image : url(../img//names/radek-hudec-mobile2x.png?v=63f6);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.row--map-slider .cImage--figure-pechy .cImage__inner {
right : -120px;
}
@media screen and (min-width: 700px) {
.row--map-slider .cImage--figure-pechy .cImage__inner {
right : -100px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-pechy .cImage__inner {
right : auto;
}
}
.row--map-slider .cImage--figure-pechy::before {
background-image : url(../img//names/filip-pechacek-mobile.png?v=3d8c);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--figure-pechy::before {
background-image : url(../img//names/filip-pechacek.png?v=dc50);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
@media screen and (max-width: 1023px), screen and (max-width: 1023px) and (min-resolution: 192dpi) {
.row--map-slider .cImage--figure-pechy::before {
background-image : url(../img//names/filip-pechacek-mobile2x.png?v=7a0f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.row--map-slider .cImage--map {
position : relative;
z-index : 2;
width : 360px;
margin : 130px auto 40px;
}
@media screen and (min-width: 390px) {
.row--map-slider .cImage--map {
margin-top : 60px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--map {
margin-top : 0;
width : auto;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--map {
position : absolute;
top : 120px;
left : 50%;
margin : 0 0 0 -300px;
}
}
.row--map-slider .cImage--map .cImage__imgWrapper {
will-change : transform;
opacity : 0.5;
transform : scale(0.9);
transform-origin : center center;
transition : all 0.3s ease-in-out;
}
.row--map-slider .cImage--map img {
margin : 0 auto;
width : 80%;
}
@media screen and (min-width: 400px) {
.row--map-slider .cImage--map img {
width : 93%;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--map img {
width : auto;
}
}
@media screen and (max-width: 766px) {
.row--map-slider .cImage--map img {
position : relative;
left : -3px;
}
}
.row--map-slider .cImage--map-2 .cPoint--1 {
left : 40%;
top : 120px;
}
.row--map-slider .cImage--map-2 .cPoint--2 {
top : 60px;
left : 100px;
}
@media screen and (max-width: 766px) {
.row--map-slider .cImage--map-2 .cPoint--2 {
font-size : 11px;
width : 80px;
height : 80px;
}
}
.row--map-slider .cImage--map-2 .cPoint--3 {
top : 70px;
left : 0;
}
.row--map-slider .cImage--map-2 .cPoint--4 {
top : 10px;
left : 210px;
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--map-2 .cPoint--4 {
top : 30px;
}
}
.row--map-slider .cImage--map-2 .cPoint--5 {
left : 53%;
top : 40px;
}
@media screen and (max-width: 766px) {
.row--map-slider .cImage--map-2 .cPoint--5 {
width : 70px;
height : 70px;
font-size : 11px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--map-2 .cPoint--1 {
left : calc(50% - 50px);
left : calc(50% - 50px);
left : calc(50% - 50px);
top : 170px;
}
.row--map-slider .cImage--map-2 .cPoint--2 {
top : 80px;
left : 160px;
font-size : 18px;
width : 135px;
height : 135px;
}
.row--map-slider .cImage--map-2 .cPoint--3 {
top : 113px;
left : 40px;
}
.row--map-slider .cImage--map-2 .cPoint--4 {
top : 0;
left : 390px;
}
.row--map-slider .cImage--map-2 .cPoint--5 {
width : 100px;
height : 100px;
left : 50%;
top : 60px;
font-size : 16px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cImage--map-2 .cPoint--3 {
left : 0;
}
.row--map-slider .cImage--map-2 .cPoint--4 {
top : 50px;
}
}
@media screen and (max-width: 766px) {
.row--map-slider .cImage--map-3 .cPoint--1 {
left : 40px;
top : 105px;
}
.row--map-slider .cImage--map-3 .cPoint--2 {
left : 43%;
top : 100px;
}
.row--map-slider .cImage--map-3 .cPoint--3 {
top : 200px;
left : 70px;
}
.row--map-slider .cImage--map-3 .cPoint--4 {
left : 47%;
top : 270px;
}
}
@media screen and (max-width: 766px) and (min-width: 1024px) {
.row--map-slider .cImage--map-3 .cPoint--4 {
top : 350px;
}
}
@media screen and (max-width: 766px) {
.row--map-slider .cImage--map-3 .cPoint--5 {
left : 210px;
top : 150px;
width : 100px;
height : 100px;
}
}
@media screen and (max-width: 766px) and (min-width: 767px) {
.row--map-slider .cImage--map-3 .cPoint--5 {
left : 230px;
}
}
@media screen and (min-width: 767px) {
.row--map-slider .cImage--map-3 .cPoint--1 {
width : 118px;
height : 118px;
left : 80px;
top : 205px;
font-size : 18px;
}
.row--map-slider .cImage--map-3 .cPoint--2 {
width : 112px;
height : 112px;
font-size : 24px;
top : 150px;
left : calc(50% - 50px);
left : calc(50% - 50px);
left : calc(50% - 50px);
}
.row--map-slider .cImage--map-3 .cPoint--3 {
width : 112px;
height : 112px;
font-size : 18px;
top : 340px;
left : 120px;
}
.row--map-slider .cImage--map-3 .cPoint--4 {
width : 100px;
height : 100px;
font-size : 18px;
left : 250px;
top : 530px;
bottom : auto;
}
.row--map-slider .cImage--map-3 .cPoint--5 {
width : 175px;
height : 175px;
left : 400px;
top : 240px;
font-size : 30px;
}
}
.row--map-slider .cPoint {
position : absolute;
z-index : 1;
display : flex;
align-items : center;
justify-content : center;
font-family : migrena-bold;
border-radius : 100%;
border : rgb(255, 255, 255, 0.3) solid 4px;
box-shadow : 0 0 16px 2px rgb(0, 0, 0, 0.15);
color : #fff;
background-color : #00adee;
font-size : 14px;
line-height : 1;
will-change : transform;
opacity : 0;
transform : scale(0.5);
transition : all 0.2s ease-in-out;
padding : 0 10px;
}
@media screen and (min-width: 767px) {
.row--map-slider .cPoint {
font-size : 30px;
}
}
.row--map-slider .cPoint--1 {
left : 5px;
top : 70px;
width : 89px;
height : 89px;
transition-delay : 0.8s;
}
@media screen and (min-width: 767px) {
.row--map-slider .cPoint--1 {
width : 175px;
height : 175px;
left : 20px;
top : 80px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cPoint--1 {
width : 175px;
height : 175px;
left : -40px;
}
}
.row--map-slider .cPoint--2 {
left : 75px;
top : 50px;
width : 70px;
height : 70px;
font-size : 12px;
z-index : 2;
transition-delay : 0.6s;
}
@media screen and (min-width: 767px) {
.row--map-slider .cPoint--2 {
left : 150px;
width : 135px;
height : 135px;
font-size : 24px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cPoint--2 {
left : 100px;
}
}
.row--map-slider .cPoint--3 {
top : 110px;
left : 70px;
width : 70px;
height : 70px;
font-size : 12px;
transition-delay : 0.4s;
}
@media screen and (min-width: 767px) {
.row--map-slider .cPoint--3 {
top : 170px;
left : 150px;
width : 135px;
height : 135px;
font-size : 24px;
}
}
@media screen and (min-width: 1024px) {
.row--map-slider .cPoint--3 {
left : 80px;
}
}
.row--map-slider .cPoint--4 {
top : 50%;
left : 50%;
width : 60px;
height : 60px;
margin-top : -22px;
margin-left : -26px;
font-size : 12px;
transition-delay : 0.2s;
}
@media screen and (min-width: 767px) {
.row--map-slider .cPoint--4 {
width : 108px;
height : 108px;
margin-top : -30px;
margin-left : -49px;
font-size : 24px;
}
}
.row--map-slider .cPoint--5 {
transition-delay : 1s;
}
.cMapSlider {
position : relative;
top : -340px;
}
@media screen and (min-width: 767px) {
.cMapSlider {
top : -300px;
}
}
@media screen and (min-width: 1024px) {
.cMapSlider {
top : 0;
}
}
.cMapSlider__item {
width : 100vw;
transition : none !important ;
}
@media screen and (min-width: 2000px) {
.cMapSlider__item {
width : 100%;
}
}
.cMapSlider .rsContainer {
transition : none !important ;
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsOverflow, .cMapSlider .rsSlide {
overflow : visible !important ;
}
}
.cMapSlider .rsOverflow {
margin-top : -240px;
}
@media screen and (min-width: 390px) {
.cMapSlider .rsOverflow {
margin-top : -190px;
}
}
@media screen and (min-width: 767px) {
.cMapSlider .rsOverflow {
margin-top : -90px;
}
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsOverflow {
margin-top : 0;
}
}
.cMapSlider .cText--heading {
transition : all 0.3s ease-in-out;
transform-origin : center center;
}
@media screen and (min-width: 1024px) {
.cMapSlider .cText--heading {
opacity : 0;
transform : scale(0.9);
will-change : transform;
}
}
.cMapSlider .rsSlide.rsActiveSlide .cImage--figure img {
opacity : 1;
transform : scale(1);
transition : transform 0.3s, opacity 0.3s;
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsSlide.rsActiveSlide .cImage--figure img {
transform : translateX(0);
}
}
.cMapSlider .rsSlide.rsActiveSlide .cImage--map .cImage__imgWrapper, .cMapSlider .rsSlide.rsActiveSlide .cPoint {
opacity : 1;
transform : scale(1);
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsSlide.rsActiveSlide .cText--heading {
opacity : 1;
transform : scale(1);
}
}
.cMapSlider .rsArrow {
position : absolute;
bottom : 190px;
z-index : 3;
display : flex;
align-items : center;
justify-content : center;
width : 62px;
height : 62px;
border : #00adee solid 3px;
border-radius : 100%;
opacity : 1;
visibility : visible;
background-color : rgb(0, 173, 238, 0.1);
transition : background-color 0.3s ease-in-out;
}
@media screen and (max-width: 766px) {
.cMapSlider .rsArrow {
width : 50px;
height : 55px;
bottom : 310px;
}
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow {
bottom : 0;
}
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsArrow {
width : 72px;
height : 72px;
top : 400px;
}
}
.cMapSlider .rsArrow:hover {
background-color : #00adee;
}
.cMapSlider .rsArrow:hover::before {
background-color : #fff;
}
.cMapSlider .rsArrow:hover.rsArrowLeft::after, .cMapSlider .rsArrow:hover::after {
border-color : #fff;
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow::before {
position : absolute;
top : 50%;
left : 50%;
margin : -1px 0 0 -7px;
content : '';
width : 14px;
height : 2px;
background-color : #00adee;
}
}
.cMapSlider .rsArrow::after {
position : absolute;
left : 8px;
top : 50%;
margin-top : -5px;
transform : rotate(-45deg);
width : 10px;
height : 10px;
content : '';
border-right : 2px solid #00adee;
border-bottom : 2px solid #00adee;
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow::after {
left : 50%;
margin-top : -4px;
width : 8px;
height : 8px;
}
}
.cMapSlider .rsArrow.rsArrowLeft {
left : -30px;
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow.rsArrowLeft {
left : 20px;
}
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsArrow.rsArrowLeft {
left : calc(50% - 420px);
left : calc(50% - 420px);
left : calc(50% - 420px);
}
}
.cMapSlider .rsArrow.rsArrowLeft::after {
border : 0;
border-left : 2px solid #00adee;
border-top : 2px solid #00adee;
left : auto;
right : 8px;
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow.rsArrowLeft::after {
right : 50%;
}
}
.cMapSlider .rsArrow.rsArrowRight {
right : -30px;
}
@media screen and (min-width: 767px) {
.cMapSlider .rsArrow.rsArrowRight {
right : 20px;
}
}
@media screen and (min-width: 1024px) {
.cMapSlider .rsArrow.rsArrowRight {
right : auto;
left : calc(50% + 345px);
left : calc(50% + 345px);
left : calc(50% + 345px);
}
}
.row--stories-slider {
position : relative;
overflow : hidden;
color : #fff;
margin-bottom : 50px;
margin-top : 40px;
text-align : center;
}
@media screen and (min-width: 390px) {
.row--stories-slider {
margin-top : 0;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider {
margin-bottom : 0;
height : 1220px;
text-align : left;
}
}
.row--stories-slider__item {
padding : 70px 50px 230px;
background-color : #232323;
}
@media screen and (min-width: 767px) {
.row--stories-slider__item {
padding-left : 75px;
padding-right : 75px;
padding-bottom : 300px;
}
}
@media screen and (min-width: 1024px) {
.row--stories-slider__item {
padding-left : 100px;
padding-right : 100px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item {
display : flex;
padding-top : 100px;
padding-bottom : 0;
height : 1080px;
}
}
.row--stories-slider__item .rowInner {
max-width : 1460px;
width : 100%;
margin : 0 auto;
position : relative;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .grid {
display : flex;
}
}
@media screen and (max-width: 1299px) {
.row--stories-slider .grid__item, .row--stories-slider .label--inline, .row--stories-slider .label--inline + .field {
width : 100%;
}
}
.row--stories-slider .cImage {
margin-bottom : 0;
}
.row--stories-slider .cImage--desk, .row--stories-slider .cImage--desk .cImage__inner {
position : relative;
}
@media screen and (min-width: 1440px) {
.row--stories-slider .cImage--desk {
position : absolute;
right : -50px;
bottom : 0;
}
}
@media screen and (min-width: 1550px) {
.row--stories-slider .cImage--desk {
right : 0;
}
}
.row--stories-slider .cImage--desk .cImage__inner::before {
position : absolute;
bottom : 0;
left : 0;
width : 100%;
height : 100px;
content : '';
z-index : 1;
background : linear-gradient(to top, rgb(0, 0, 0, 0.9), transparent);
}
@media screen and (min-width: 1440px) {
.row--stories-slider .cImage--desk .cImage__inner::before {
display : none;
}
}
.row--stories-slider .cImage--desk img {
display : block;
margin : 0 auto;
}
.row--stories-slider .cImage--mobile {
position : absolute;
left : -20px;
bottom : -30px;
}
@media screen and (min-width: 1024px) {
.row--stories-slider .cImage--mobile {
left : 50px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cImage--mobile {
top : 35%;
right : -20px;
left : auto;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider .cImage--mobile {
top : 38%;
}
}
.row--stories-slider .cImage--figure {
position : absolute;
right : -20px;
bottom : -100px;
width : 220px;
}
@media screen and (min-width: 390px) {
.row--stories-slider .cImage--figure {
width : 240px;
}
}
@media screen and (min-width: 767px) {
.row--stories-slider .cImage--figure {
width : 300px;
}
}
@media screen and (min-width: 1024px) {
.row--stories-slider .cImage--figure {
width : 350px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cImage--figure {
bottom : -130px;
right : 280px;
}
}
@media screen and (min-width: 1400px) {
.row--stories-slider .cImage--figure {
width : 410px;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider .cImage--figure {
width : auto;
right : 330px;
}
}
.row--stories-slider .cImage--signature {
display : none;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cImage--signature {
display : block;
position : absolute;
left : 27%;
bottom : 30px;
z-index : 1;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider .cImage--signature {
bottom : 60px;
}
}
@media screen and (min-width: 1620px) {
.row--stories-slider .cImage--signature {
left : 33%;
bottom : 150px;
}
}
.row--stories-slider .cHeading, .row--stories-slider .cText .cSubHeading, .row--stories-slider p {
color : inherit;
}
.row--stories-slider .cHeading {
text-align : center;
margin-bottom : 30px;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cHeading {
margin-bottom : 50px;
text-align : left;
}
}
.row--stories-slider .cText {
position : static;
margin-bottom : 40px;
font-weight : 300;
}
.row--stories-slider .cText p:last-child, .row--stories-slider .cText--btn {
margin-bottom : 0;
}
@media screen and (max-width: 1299px) {
.row--stories-slider .cText--btn {
position : absolute;
top : calc(100% + 50px);
top : calc(100% + 50px);
top : calc(100% + 50px);
z-index : 2;
width : 100%;
}
.cftSearch--standard .row--stories-slider .cText--btn .cftSearch__submit, .row--stories-slider .cText--btn .btn, .row--stories-slider .cText--btn .cClientZone__logout, .row--stories-slider .cText--btn .cftSearch--standard .cftSearch__submit {
width : 85%;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cText p {
max-width : 570px;
font-size : 17px;
font-size : 0.94444rem;
line-height : 1.9;
}
}
@media screen and (min-width: 1400px) {
.row--stories-slider .cText p {
max-width : 530px;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider .cText p {
max-width : 570px;
}
}
.row--stories-slider .cText .cSubHeading {
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (max-width: 766px) {
.row--stories-slider .cText .cSubHeading {
margin-bottom : 30px;
font-size : 22px;
font-size : 1.22222rem;
}
}
@media screen and (min-width: 767px) {
.row--stories-slider .cBlockquote.cBlockquote--image {
margin-bottom : 30px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cBlockquote.cBlockquote--image {
position : relative;
width : 505px;
}
}
@media screen and (min-width: 1600px) {
.row--stories-slider .cBlockquote.cBlockquote--image::after {
position : absolute;
top : 0;
right : -180px;
width : 127px;
height : 99px;
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
opacity : 0;
transform : scale(0.6);
transition : all 0.3s ease-in-out;
transition-delay : 0.4s;
z-index : 2;
content : '';
}
}
@media screen and (min-width: 1800px) {
.row--stories-slider .cBlockquote.cBlockquote--image::after {
right : -200px;
}
}
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__inner {
display : block;
padding : 0;
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__inner {
text-align : left;
}
}
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__text {
margin-bottom : 50px;
color : #fff;
line-height : 1.8;
font-style : italic;
font-weight : 300;
}
@media screen and (max-width: 766px) {
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__text {
margin-bottom : 25px;
font-size : 15px;
font-size : 0.83333rem;
}
}
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__wrapper {
display : block;
}
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__wrapper .cBlockquote__img {
width : auto;
display : block;
padding : 0;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__wrapper .cBlockquote__img {
position : absolute;
right : 0;
bottom : 0;
padding : 0;
}
}
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__wrapper .cBlockquote__img img {
display : block;
max-width : none;
margin : 25px auto 0;
}
@media screen and (min-width: 1300px) {
.row--stories-slider .cBlockquote.cBlockquote--image .cBlockquote__wrapper .cBlockquote__img img {
margin : 0;
}
}
.row--stories-slider .cBlockquote.cBlockquote--image blockquote::before {
display : none;
}
.row--stories-slider .cBlockquote.cBlockquote--image .source {
font-family : migrena-bold;
font-size : 24px;
font-size : 1.33333rem;
}
.row--stories-slider .cBlockquote.cBlockquote--image .source-info {
text-transform : uppercase;
font-size : 12px;
font-size : 0.66667rem;
letter-spacing : 2px;
color : #fff;
}
.cStoriesSlider .row {
transition : none !important ;
}
.cStoriesSlider .rsContainer, .cStoriesSlider .rsOverflow, .cStoriesSlider .rsSlide {
overflow : visible;
transition : none !important ;
}
.cStoriesSlider .cBlockquote__wrapper, .cStoriesSlider .cText__text {
will-change : transform;
opacity : 0;
transform : translateX(-50px);
transition : all 0.3s ease-in-out;
}
.cStoriesSlider .cImage .cImage__inner {
will-change : transform;
opacity : 0;
transition : all 0.3s ease-in-out;
}
.cStoriesSlider .cImage--logo .cImage__inner {
transform : translateX(-20px);
}
.cStoriesSlider .cImage--desk .cImage__inner {
transform : translateY(20px);
transition-delay : 0.2s;
}
.cStoriesSlider .cImage--mobile .cImage__inner {
transform : scale(0.75);
transition-delay : 0.4s;
}
.cStoriesSlider .cImage--figure {
z-index : 1;
}
.cStoriesSlider .cImage--figure .cImage__inner {
transform : scale(0.9);
transition-delay : 0.6s;
}
.cStoriesSlider .cImage--signature .cImage__inner {
transform : scale(0.9);
transition-delay : 0.9s;
}
.cStoriesSlider .rsSlide.rsActiveSlide .cBlockquote__wrapper, .cStoriesSlider .rsSlide.rsActiveSlide .cText__text {
opacity : 1;
transform : translateX(0);
}
.cStoriesSlider .rsSlide.rsActiveSlide .cImage .cImage__inner {
opacity : 1;
}
.cStoriesSlider .rsSlide.rsActiveSlide .cImage--desk .cImage__inner {
transform : translateY(0);
}
.cStoriesSlider .rsSlide.rsActiveSlide .cImage--figure .cImage__inner, .cStoriesSlider .rsSlide.rsActiveSlide .cImage--mobile .cImage__inner, .cStoriesSlider .rsSlide.rsActiveSlide .cImage--signature .cImage__inner {
transform : scale(1);
}
.cStoriesSlider .rsSlide.rsActiveSlide .cImage--logo .cImage__inner {
transform : translateX(0);
}
.cStoriesSlider .rsSlide.rsActiveSlide .cBlockquote--image::after {
transform : scale(1);
opacity : 0.3;
}
.cStoriesSlider .rsBullets {
display : flex;
position : absolute;
left : 50%;
transform : translateX(-50%);
bottom : 60px;
}
@media screen and (min-width: 767px) {
.cStoriesSlider .rsBullets {
bottom : 75px;
}
}
@media screen and (min-width: 1300px) {
.cStoriesSlider .rsBullets {
left : 205px;
bottom : 265px;
transform : none;
}
}
@media screen and (min-width: 1800px) {
.cStoriesSlider .rsBullets {
left : 329px;
}
}
.cStoriesSlider .rsBullet {
margin : 0 6px;
width : 4px;
height : 4px;
border-radius : 100%;
border : #fff solid 2px;
cursor : pointer;
}
.cStoriesSlider .rsBullet.rsNavSelected {
border-color : #00adee;
background-color : #00adee;
}
.cStoriesSlider .rsBullet:only-child {
display : none;
}
.cStoriesSlider .rsArrow {
position : absolute;
bottom : 50px;
z-index : 3;
display : flex;
align-items : center;
justify-content : center;
width : 62px;
height : 26px;
border : #fff solid 3px;
border-radius : 20px;
opacity : 0.5;
visibility : visible;
background-color : transparent;
transition : background-color 0.3s ease-in-out;
}
@media screen and (min-width: 767px) {
.cStoriesSlider .rsArrow {
bottom : 70px;
}
}
@media screen and (min-width: 1300px) {
.cStoriesSlider .rsArrow {
width : 72px;
height : 32px;
bottom : 110px;
}
}
.cStoriesSlider .rsArrow:hover {
opacity : 1;
}
.cStoriesSlider .rsArrow::before {
position : absolute;
top : 50%;
left : 50%;
margin : -1px 0 0 -7px;
content : '';
width : 14px;
height : 2px;
background-color : #fff;
}
.cStoriesSlider .rsArrow::after {
position : absolute;
left : 50%;
top : 50%;
margin-top : -5px;
transform : rotate(-45deg);
width : 10px;
height : 10px;
content : '';
border-right : 2px solid #fff;
border-bottom : 2px solid #fff;
}
.cStoriesSlider .rsArrow.rsArrowLeft {
left : 70px;
}
@media screen and (min-width: 1300px) {
.cStoriesSlider .rsArrow.rsArrowLeft {
left : 100px;
}
}
@media screen and (min-width: 1800px) {
.cStoriesSlider .rsArrow.rsArrowLeft {
left : 230px;
}
}
.cStoriesSlider .rsArrow.rsArrowLeft::after {
border : 0;
border-left : 2px solid #fff;
border-top : 2px solid #fff;
left : auto;
right : 50%;
}
.cStoriesSlider .rsArrow.rsArrowRight {
right : 70px;
}
@media screen and (min-width: 1300px) {
.cStoriesSlider .rsArrow.rsArrowRight {
right : auto;
left : 330px;
}
}
@media screen and (min-width: 1800px) {
.cStoriesSlider .rsArrow.rsArrowRight {
left : 450px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cImage--mobile {
right : -30px;
}
}
.row--stories-slider__item-ekapo .cImage--figure {
width : 330px;
}
@media screen and (min-width: 767px) {
.row--stories-slider__item-ekapo .cImage--figure {
width : 500px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cImage--figure {
right : 100px;
width : auto;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider__item-ekapo .cImage--figure {
right : 170px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cImage--figure {
bottom : -90px;
}
}
@media screen and (min-width: 1600px) {
.row--stories-slider__item-ekapo .cImage--figure {
right : 290px;
}
}
@media screen and (min-width: 1700px) {
.row--stories-slider__item-ekapo .cImage--figure {
right : 350px;
}
}
.row--stories-slider__item-ekapo .cImage--signature {
left : 26%;
bottom : 180px;
}
@media screen and (min-width: 1500px) {
.row--stories-slider__item-ekapo .cImage--signature {
left : 28%;
}
}
@media screen and (min-width: 1600px) {
.row--stories-slider__item-ekapo .cImage--signature {
left : 22%;
}
}
.row--stories-slider__item-ekapo .cImage--logo {
margin : 0 auto 40px;
}
.row--stories-slider__item-ekapo .cImage--logo img {
margin : 0 auto;
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cImage--logo img {
margin : 0;
}
}
.row--stories-slider__item-ekapo .cBlockquote.cBlockquote--image {
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cBlockquote.cBlockquote--image {
width : 590px;
text-align : left;
}
}
.row--stories-slider__item-ekapo .cBlockquote.cBlockquote--image .cBlockquote__text {
margin-bottom : 0;
}
.row--stories-slider__item-ekapo .cBlockquote.cBlockquote--image::after {
right : -200px;
}
@media screen and (min-width: 1700px) {
.row--stories-slider__item-ekapo .cBlockquote.cBlockquote--image::after {
right : -225px;
}
}
.row--stories-slider__item-ekapo .cText--desc {
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-ekapo .cText--desc {
text-align : left;
max-width : 530px;
}
}
@media screen and (min-width: 767px) {
.row--stories-slider__item-mow .cImage--figure {
width : 550px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-mow .cImage--figure {
right : 0;
width : auto;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider__item-mow .cImage--figure {
right : 90px;
}
}
@media screen and (min-width: 1600px) {
.row--stories-slider__item-mow .cImage--figure {
right : 200px;
}
}
@media screen and (min-width: 1700px) {
.row--stories-slider__item-mow .cImage--figure {
right : 260px;
}
}
@media (max-width: 1299px) {
.row--stories-slider__item-primator .cImage--figure {
position : static;
margin : 0 auto -120px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-primator .cImage--signature {
left : 32%;
}
}
@media screen and (min-width: 1600px) {
.row--stories-slider__item-primator .cImage--signature {
left : 28%;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-drko .cImage--signature {
left : 30%;
}
}
@media screen and (min-width: 1500px) {
.row--stories-slider__item-drko .cImage--signature {
left : 25%;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider__item-drko .cImage--figure {
bottom : -140px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider-2-slides .rsBullets {
left : 230px;
}
}
@media screen and (min-width: 1800px) {
.row--stories-slider-2-slides .rsBullets {
left : 357px;
}
}
@media screen and (min-width: 1300px) {
.row--stories-slider-3-slides .rsBullets {
left : 220px;
}
}
@media screen and (min-width: 1800px) {
.row--stories-slider-3-slides .rsBullets {
left : 347px;
}
}
.pageID-e0714950-ece5-4076-9754-d6f27971e17d .row--hero > .rowInner {
max-width : 1300px;
}
@media screen and (min-width: 1024px) {
.pageID-e0714950-ece5-4076-9754-d6f27971e17d .row--form .cForm {
margin-top : -500px;
}
}
@media screen and (max-width: 766px) {
.row--contacts {
background : 0 0 !important ;
}
}
@media screen and (min-width: 767px) {
.row--contacts {
padding-bottom : 80px;
}
}
@media screen and (min-width: 1024px) {
.row--contacts {
background-size : contain;
background-position : center top;
background-repeat : no-repeat;
background-color : #f5f5f5;
margin-top : -60px;
}
}
.row--contacts > .rowInner {
position : relative;
max-width : 1300px;
}
@media screen and (min-width: 767px) {
.row--contacts .grid {
margin-left : -45px;
}
}
@media screen and (min-width: 1024px) {
.row--contacts .grid {
margin-left : -90px;
}
}
@media screen and (min-width: 767px) {
.row--contacts .grid__item, .row--contacts .label--inline, .row--contacts .label--inline + .field {
padding-left : 45px;
}
}
@media screen and (min-width: 1024px) {
.row--contacts .grid__item, .row--contacts .label--inline, .row--contacts .label--inline + .field {
padding-left : 90px;
}
}
.row--contacts .cImage {
display : none;
}
@media screen and (min-width: 850px) {
.row--contacts .cImage {
display : block;
position : absolute;
right : -130px;
bottom : -190px;
z-index : 10;
}
}
@media screen and (min-width: 940px) {
.row--contacts .cImage {
right : -70px;
}
}
@media screen and (min-width: 1050px) {
.row--contacts .cImage {
right : 0;
}
}
@media screen and (min-width: 1200px) {
.row--contacts .cImage {
right : 60px;
}
}
@media screen and (min-width: 1300px) {
.row--contacts .cImage {
right : 80px;
}
}
.row--contacts .cHr {
position : relative;
left : 50px;
margin-top : 50px;
}
.row--map-form {
position : relative;
padding : 3rem 1rem;
background-image : url(../img/form-bg.jpg?v=423a);
background-color : #f2f2f2;
background-repeat : no-repeat;
background-size : auto;
background-position : center top;
box-shadow : 0 -10px 25px 0 rgb(0, 0, 0, 0.025);
}
@media screen and (min-width: 1024px) {
.row--map-form {
padding : 5rem 2rem;
}
}
@media screen and (min-width: 1300px) {
.row--map-form {
padding : 10rem 2rem 8rem;
}
}
.row--map-form .gridInner {
display : flex;
align-items : center;
justify-content : center;
}
.row--map-form .cForm {
margin-bottom : 0;
}
@media screen and (min-width: 1024px) {
.row--map-form .cForm {
width : 700px;
}
}
@media screen and (min-width: 1200px) {
.row--map-form .cForm {
width : 800px;
}
}
.row--map-form .cForm .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
.row--hero-employee {
margin-bottom : 70px;
padding-bottom : 200px;
}
@media screen and (min-width: 1024px) {
.row--hero-employee {
max-height : 700px;
margin-bottom : 120px;
padding-bottom : 0;
}
}
.row--hero-employee > .rowInner {
max-width : 1300px;
margin : 0 auto;
}
.row--hero-employee .cHeading__hx {
padding-right : 100px;
}
@media screen and (min-width: 767px) {
.row--hero-employee .cHeading__hx {
padding-right : 0;
}
}
.row--hero-employee .cHeading__hx strong {
line-height : 0.8;
}
.row--hero-employee .cHeading__hx small {
margin-top : 8px;
}
@media screen and (min-width: 767px) {
.row--hero-employee .cHeading__hx small {
margin-top : 16px;
}
}
.row--hero-employee .cImage {
position : absolute;
top : 0;
right : -110px;
max-width : 250px;
}
@media screen and (min-width: 370px) {
.row--hero-employee .cImage {
right : -100px;
}
}
@media screen and (min-width: 390px) {
.row--hero-employee .cImage {
right : -90px;
}
}
@media screen and (min-width: 620px) {
.row--hero-employee .cImage {
right : -40px;
}
}
@media screen and (min-width: 665px) {
.row--hero-employee .cImage {
right : 15px;
}
}
@media screen and (min-width: 767px) {
.row--hero-employee .cImage {
position : relative;
top : -100px;
right : -50px;
max-width : 100%;
}
}
@media screen and (min-width: 1024px) {
.row--hero-employee .cImage {
right : -40px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-employee .cImage {
right : -140px;
}
}
.row--hero-employee .cTopPhoto {
height : 100%;
}
.row--hero-employee .cTopPhoto img {
position : absolute;
left : 30%;
bottom : 0;
transform : translateX(-50%);
width : 200%;
object-fit : cover;
object-position : center bottom;
}
@media screen and (min-width: 470px) {
.row--hero-employee .cTopPhoto img {
width : 150%;
left : 35%;
}
}
@media screen and (min-width: 610px) {
.row--hero-employee .cTopPhoto img {
width : 130%;
}
}
@media screen and (min-width: 700px) {
.row--hero-employee .cTopPhoto img {
width : 120%;
left : 40%;
}
}
@media screen and (min-width: 767px) {
.row--hero-employee .cTopPhoto img {
width : 200%;
left : 30%;
}
}
@media screen and (min-width: 1024px) {
.row--hero-employee .cTopPhoto img {
top : 0;
left : 0;
transform : none;
bottom : auto;
width : 100%;
height : 100%;
}
}
.row--hero-employee .cUserContacts {
display : grid;
position : relative;
z-index : 2;
font-size : 16px;
font-size : 0.88889rem;
font-weight : 500;
}
@media screen and (min-width: 1600px) {
.row--hero-employee .cUserContacts {
display : inline-grid;
grid-template-columns : max-content max-content;
gap : 6px 24px;
}
.row--hero-employee .cUserContacts .contactItem {
margin : 0;
}
}
.row--hero-employee .cUserContacts svg {
width : 35px;
height : 35px;
margin-left : -6px;
}
.row--hero-employee .cPerex {
position : relative;
z-index : 2;
font-size : 16px;
font-size : 0.88889rem;
font-weight : 500;
}
@media screen and (min-width: 767px) {
.row--hero-employee .cPerex {
padding-right : 0;
max-width : 500px;
font-size : 18px;
font-size : 1rem;
}
}
.row--hero-employee .cPerex__contacts {
display : none;
}
@media screen and (min-width: 1580px) {
.row--hero-employee .cPerex::before {
position : absolute;
left : -140px;
top : 60px;
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 103px;
height : 87px;
transform : rotate(-180deg);
opacity : 0.5;
content : '';
}
}
.row--hero-employee .cPerex p {
max-width : 220px;
}
@media screen and (min-width: 500px) {
.row--hero-employee .cPerex p {
max-width : 300px;
}
}
.row--hero-employee .cPerex p:first-child {
max-width : 100%;
}
@media screen and (min-width: 767px) {
.row--hero-employee .cPerex p {
max-width : 100%;
margin-bottom : 24px;
line-height : 1.7;
}
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--hero-employee .cPerex .cftSearch__submit, .row--hero-employee .cPerex .btn, .row--hero-employee .cPerex .cClientZone__logout, .row--hero-employee .cPerex .cftSearch--standard .cftSearch__submit {
width : 100%;
}
}
@media screen and (min-width: 1024px) {
.cftSearch--standard .row--hero-employee .cPerex .cftSearch__submit, .row--hero-employee .cPerex .btn, .row--hero-employee .cPerex .cClientZone__logout, .row--hero-employee .cPerex .cftSearch--standard .cftSearch__submit {
width : auto;
}
}
.row--employee-desc > .rowInner {
max-width : 1180px;
}
.row--employee-desc .cText {
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (max-width: 766px) {
.row--employee-desc .cText {
margin-bottom : 0;
}
}
.row--employee-desc .cText p {
margin-bottom : 20px;
}
.row--employee-usps {
padding-top : 70px;
margin-top : 60px;
margin-bottom : 180px;
background-color : #f2f2f2;
}
@media screen and (min-width: 1024px) {
.row--employee-usps {
min-height : 770px;
height : 770px;
margin-top : 20px;
margin-bottom : 180px;
padding : 0;
}
}
@media screen and (min-width: 1300px) {
.row--employee-usps {
margin-top : 120px;
}
}
.row--employee-usps .grid, .row--employee-usps .rowInner {
height : 100%;
}
.row--employee-usps .grid {
display : flex;
align-items : center;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.row--employee-usps .grid {
flex-direction : row;
}
}
.row--employee-usps .grid__item:last-child, .row--employee-usps .label--inline + .field:last-child, .row--employee-usps .label--inline:last-child {
order : -1;
}
@media screen and (min-width: 1024px) {
.row--employee-usps .grid__item:last-child, .row--employee-usps .label--inline + .field:last-child, .row--employee-usps .label--inline:last-child {
order : 0;
}
}
.row--employee-usps .cImage {
position : relative;
z-index : 1;
margin-bottom : -90px;
}
@media screen and (min-width: 1024px) {
.row--employee-usps .cImage {
left : 80px;
margin-bottom : 0;
}
}
.row--employee-usps .cImage::before {
position : absolute;
left : -120px;
top : -50px;
background-image : url(../img/flower.png?v=9df0);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 345px;
height : 672px;
transform : scale(0.7);
content : '';
}
@media screen and (min-width: 767px) {
.row--employee-usps .cImage::before {
top : 0;
transform : scale(0.8);
}
}
@media screen and (min-width: 1024px) {
.row--employee-usps .cImage::before {
transform : none;
}
}
.row--employee-usps .cImage img {
position : relative;
z-index : 1;
}
@media screen and (min-width: 1024px) {
.row--employee-usps .cImage img {
left : 15px;
}
}
@media screen and (min-width: 1024px) {
.row--employee-usps-spaced {
margin-top : 80px;
}
}
@media screen and (min-width: 1300px) {
.row--employee-usps-spaced {
margin-top : 220px;
}
}
.row--hero-pages-list {
background-position : center top !important ;
background-color : #f5f5f5;
}
.row--hero-pages-list > .rowInner {
max-width : 1500px;
}
.row--hero-pages-list .cHeading__hx {
text-align : center;
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.row--hero-pages-list .cHeading__hx {
margin-bottom : 60px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-pages-list .cHeading__hx {
margin-bottom : 80px;
}
}
.row--hero-pages-list-services {
padding-top : 20px;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.row--hero-pages-list-services {
margin-top : -200px;
padding-top : 240px;
}
}
.row--hero-pages-list-services .gridInner {
display : flex;
flex-wrap : wrap;
justify-content : center;
}
.row--hero-pages-list-services .cText {
position : relative;
z-index : 2;
}
@media screen and (min-width: 767px) {
.row--hero-pages-list-services .cText {
width : 50%;
}
}
@media screen and (min-width: 1300px) {
.row--hero-pages-list-services .cText {
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
}
}
.row--hero-pages-list-services > .rowInner {
max-width : 1300px;
}
.row--hero-service {
background-position : center top !important ;
}
.row--hero-service > .rowInner {
max-width : 1300px;
}
.row--hero-service .cHeading, .row--hero-service .cPerex {
position : relative;
z-index : 2;
}
.row--hero-service .cHeading__hx span:not(.color-brand) {
display : block;
padding-bottom : 8px;
line-height : 0.9;
color : #00adee;
background : linear-gradient(to right, #009ddd, #00c0dd 50%);
}
@media screen and (min-width: 767px) {
.row--hero-service .cHeading__hx span:not(.color-brand) {
padding-bottom : 15px;
}
}
@media screen and (min-width: 1600px) {
.row--hero-service .cHeading__hx span:not(.color-brand) {
min-width : 120%;
}
}
@media screen and (max-width: 766px) {
.row--hero-service .cHeading__hx {
font-size : 50px;
font-size : 2.77778rem;
}
}
.row--hero-service .cImage img {
margin-left : auto;
margin-right : 60px;
}
@media screen and (max-width: 766px) {
.row--hero-service .cPerex {
font-size : 16px;
font-size : 0.88889rem;
}
}
.row--hero-service .cPerex__title {
margin-bottom : 20px;
}
@media screen and (min-width: 1024px) {
.row--hero-service .cPerex__title {
margin : -13px 0 40px;
}
}
@media screen and (max-width: 766px) {
.cftSearch--standard .row--hero-service .cPerex .cftSearch__submit, .row--hero-service .cPerex .btn, .row--hero-service .cPerex .cClientZone__logout, .row--hero-service .cPerex .cftSearch--standard .cftSearch__submit {
margin-top : 20px;
}
}
.row--hero-service-top {
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--hero-service-top .cHeading__hx {
margin-top : 20px;
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--hero-service-top .cPerex {
max-width : 740px;
margin : 0 auto 40px;
}
@media screen and (min-width: 1024px) {
.row--hero-service-top .cPerex {
margin-bottom : 70px;
}
}
.row--hero-service-top .cPerex__desc {
font-size : 16px;
font-size : 0.88889rem;
}
.row--hero-service-top .cPerex strong {
font-size : 18px;
font-size : 1rem;
}
.row--hero-service-top .cPerex p {
margin-bottom : 25px;
}
.row--hero-service-top .cPerex p:last-child {
margin-bottom : 0;
}
.row--service-usp {
margin-bottom : 60px;
padding : 30px 0 40px;
background-color : #f7f7f7;
}
@media screen and (min-width: 767px) {
.row--service-usp {
margin-bottom : 120px;
padding : 60px 30px 40px;
}
}
@media screen and (min-width: 1650px) {
.row--service-usp {
padding-left : 0;
padding-right : 0;
}
}
.row--service-usp > .rowInner {
max-width : 1600px;
}
.row--service-usp-grid > .rowInner {
max-width : 100%;
}
.row--service-usp-grid .gridInner {
display : flex;
flex-wrap : wrap;
justify-content : center;
}
@media screen and (min-width: 767px) {
.row--service-usp-grid .cText--icon {
width : 50%;
}
}
@media screen and (min-width: 1100px) {
.row--service-usp-grid .cText--icon {
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
}
}
@media screen and (min-width: 1300px) {
.row--service-usp-before-spaced {
padding-bottom : 200px;
}
}
@media screen and (max-width: 766px) {
.row--service-usp-training {
margin-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.row--service-usp-training {
padding-bottom : 300px;
}
}
.row--service-usp-training > .rowInner {
max-width : 1650px;
}
.row--service-usp-training .cHr {
margin-left : auto;
margin-right : auto;
margin-top : 20px;
}
.row--service-usp-training .row--service-usp-grid .cText--icon {
width : 100%;
}
@media screen and (min-width: 1024px) {
.row--service-usp-training .row--service-usp-grid .cText--icon {
width : 50%;
}
}
@media screen and (min-width: 1300px) {
.row--service-usp-training .row--service-usp-grid .cText--icon {
width : 25%;
}
}
.row--service-usp-training .row--service-usp-grid .cText--icon .cHeading strong {
min-height : 32px;
font-size : 22px;
font-size : 1.22222rem;
}
.row--service-usp-multi > .rowInner {
max-width : 1650px;
}
.row--service-usp-multi .row--service-usp-grid .cText--icon {
width : 100%;
}
@media screen and (min-width: 1024px) {
.row--service-usp-multi .row--service-usp-grid .cText--icon {
width : 50%;
}
}
@media screen and (min-width: 1300px) {
.row--service-usp-multi .row--service-usp-grid .cText--icon {
width : 25%;
}
}
.row--service-usp-multi .row--service-usp-grid .cText--icon .cHeading strong {
min-height : 32px;
font-size : 22px;
font-size : 1.22222rem;
}
.row--service-usp-gradient-bg {
background : linear-gradient(to bottom, #fbfbfb, #f9f9f9 20%);
}
.row--service-usp-gradient-bg-up {
background : linear-gradient(to bottom, #fff, #f9f9f9);
}
.row--service-usp--light {
position : relative;
z-index : 10;
margin-bottom : 0;
padding-top : 40px;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.row--service-usp--light {
padding-top : 90px;
}
}
.row--service-info-text {
padding-top : 60px;
}
@media screen and (min-width: 1024px) {
.row--service-info-text {
margin-top : -300px;
padding-top : 450px;
}
}
.row--service-info-text > .rowInner {
max-width : 1200px;
}
.row--service-info-text-after-content {
background-position : center bottom;
}
@media screen and (max-width: 766px) {
.row--service-info-text-after-content {
background : linear-gradient(to bottom, #f5f5f5 50%, transparent) !important ;
}
}
@media screen and (min-width: 1024px) {
.row--service-info-text-after-content {
padding-top : 350px;
margin-top : -300px;
}
}
@media screen and (min-width: 1500px) {
.row--service-info-text-after-content {
padding-top : 400px;
margin-top : -400px;
}
}
.row--service-info-text-after-content > .rowInner {
max-width : 1100px;
}
.row--service-info-text-after-content .cImage h3 {
margin-bottom : 16px;
font-size : 28px;
font-size : 1.55556rem;
}
.row--imagesbox-grid {
position : relative;
z-index : 10;
}
@media screen and (min-width: 767px) {
.row--imagesbox-grid {
margin-bottom : 90px;
}
}
@media screen and (min-width: 1300px) {
.row--imagesbox-grid {
margin-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.row--imagesbox-grid .grid {
margin-left : -10px;
}
.row--imagesbox-grid .grid__item, .row--imagesbox-grid .label--inline, .row--imagesbox-grid .label--inline + .field {
padding-left : 10px;
}
}
.row--imagesbox-grid .cText--btn {
margin : 30px 0 50px;
}
@media screen and (min-width: 767px) {
.row--imagesbox-grid .cText--btn {
margin : 0;
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
}
}
@media screen and (min-width: 1300px) {
.row--imagesbox-grid-after-spaced {
margin-top : -260px;
margin-bottom : 110px;
}
}
.row--number-timeline {
position : relative;
padding-top : 50px;
background-color : #00adee;
margin-bottom : 60px;
}
@media screen and (max-width: 1099px) {
.row--number-timeline {
background-image : url(../img/service-timeline-mobile.jpg?v=ea6a) !important ;
background-repeat : no-repeat;
background-position : left top;
background-size : cover;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline {
padding-top : 80px;
margin-bottom : 0;
background-color : transparent;
}
}
@media screen and (min-width: 1200px) {
.row--number-timeline {
padding-top : 130px;
}
}
.row--number-timeline .cText--timeline-title {
position : relative;
z-index : 1;
margin-bottom : 25px;
padding : 0 20px;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-title {
padding : 0;
}
}
.row--number-timeline .cText--timeline-title .cHeading {
color : #fff;
text-align : center;
font-size : 40px;
font-size : 2.22222rem;
}
.row--number-timeline .cText--timeline-item {
order : 1;
color : #fff;
font-weight : 300;
font-size : 16px;
font-size : 0.88889rem;
padding : 0 20px 0 80px;
}
@media screen and (min-width: 767px) {
.row--number-timeline .cText--timeline-item {
width : 70%;
margin-left : auto;
margin-right : auto;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item {
text-align : center;
width : 25%;
max-width : 25%;
padding : 0 24px;
min-height : 220px;
}
}
.row--number-timeline .cText--timeline-item a {
color : inherit;
}
.cftSearch--standard .row--number-timeline .cText--timeline-item .cftSearch__submit, .row--number-timeline .cText--timeline-item .btn, .row--number-timeline .cText--timeline-item .cClientZone__logout, .row--number-timeline .cText--timeline-item .cftSearch--standard .cftSearch__submit {
color : #fff;
}
.row--number-timeline .cText--timeline-item__title {
display : block;
margin-bottom : 15px;
font-family : migrena-bold;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
@media screen and (min-width: 1800px) {
.row--number-timeline .cText--timeline-item__title {
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.3;
}
}
.row--number-timeline .cText--timeline-item .circle {
position : absolute;
left : 20px;
top : 0;
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
padding-bottom : 5px;
margin : 0 auto 20px;
font-family : migrena-bold;
color : #fff;
border-radius : 100%;
border : #fff solid 2px;
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item .circle {
position : relative;
left : auto;
width : 66px;
height : 66px;
margin-bottom : 35px;
font-size : 27px;
font-size : 1.5rem;
}
}
.row--number-timeline .cText--timeline-item .circle::after, .row--number-timeline .cText--timeline-item .circle::before {
position : absolute;
left : -2px;
top : -2px;
width : calc(100% + 4px);
width : calc(100% + 4px);
width : calc(100% + 4px);
height : calc(100% + 4px);
height : calc(100% + 4px);
height : calc(100% + 4px);
border-radius : 100%;
content : "";
}
.row--number-timeline .cText--timeline-item .circle::before {
border : transparent solid 2px;
}
.row--number-timeline .cText--timeline-item .circle::after {
border : transparent solid 0;
}
.row--number-timeline .cText--timeline-item .dot-wrapper {
position : absolute;
left : 40px;
top : 62px;
height : 24px;
display : flex;
z-index : 2;
transform : rotate(90deg);
transform-origin : 0 0;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item .dot-wrapper {
left : 100%;
top : 12%;
margin-top : 0;
transform : translateX(-50%);
height : auto;
}
}
.row--number-timeline .cText--timeline-item .dot {
display : none;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item .dot {
display : block;
width : 4px;
height : 4px;
background-color : #fff;
border-radius : 100%;
margin : 0 2px;
}
}
.row--number-timeline .cText--timeline-item .arrow {
position : relative;
display : block;
width : 25px;
height : 4px;
background-color : #fff;
margin : 0 10px;
color : #fff;
}
.row--number-timeline .cText--timeline-item .arrow::before {
position : absolute;
top : 50%;
right : 0;
width : 14px;
height : 14px;
color : inherit;
border-right : 4px solid;
border-bottom : 4px solid;
transform : translateY(-50%) rotate(-45deg);
content : '';
}
.row--number-timeline .cText--timeline-item-last {
padding : 80px 20px 40px;
background-color : #fff;
width : auto;
color : #666;
font-size : 18px;
font-size : 1rem;
font-weight : 400;
text-align : center;
}
@media screen and (max-width: 1099px) {
.row--number-timeline .cText--timeline-item-last {
margin-bottom : -2px;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-last {
margin-top : 15px;
max-width : 580px;
padding : 80px 0 0;
background-color : transparent;
}
}
@media screen and (min-width: 1450px) {
.row--number-timeline .cText--timeline-item-last {
padding-top : 110px;
}
}
@media screen and (min-width: 1650px) {
.row--number-timeline .cText--timeline-item-last {
padding-top : 130px;
}
}
.row--number-timeline .cText--timeline-item-last .circle {
width : 120px;
height : 120px;
position : absolute;
left : 50%;
top : -60px;
margin-left : -60px;
font-size : 50px;
font-size : 2.77778rem;
background : linear-gradient(to right, #ffa100, #f48400);
border : 0;
transition : all 0.3s ease-in-out;
overflow : hidden;
}
.row--number-timeline .cText--timeline-item-last .circle::after, .row--number-timeline .cText--timeline-item-last .circle::before {
border : 0 !important ;
}
.row--number-timeline .cText--timeline-item-last .circle::after {
display : none;
}
.row--number-timeline .cText--timeline-item-last .circle::before {
opacity : 0;
border-radius : 0;
transition : transform 1.5s ease-in !important ;
background : linear-gradient(to bottom, rgb(255, 255, 255, 0), rgb(255, 255, 255, 0.6));
transform : scale(3) rotate(45deg) translateY(-140px) !important ;
transform-origin : center top;
}
.row--number-timeline .cText--timeline-item-last .circle:hover::before {
transform : scale(2) translateY(120px);
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-last .circle {
top : -80px;
}
}
@media screen and (min-width: 1450px) {
.row--number-timeline .cText--timeline-item-last .circle {
top : -50px;
}
}
@media screen and (min-width: 1650px) {
.row--number-timeline .cText--timeline-item-last .circle {
top : -25px;
}
}
.row--number-timeline .cText--timeline-item-last.animated-step .circle::before {
opacity : 1;
transform : scale(3) rotate(45deg) translateY(140px) !important ;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-last .cHeading {
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--number-timeline .cText--timeline-item-to-last {
padding-bottom : 80px;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-to-last {
padding-bottom : 0;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-to-last .dot-wrapper {
flex-direction : column;
left : 130px;
top : 135%;
transform : none;
width : 5px;
z-index : 2;
}
}
@media screen and (min-width: 1200px) {
.row--number-timeline .cText--timeline-item-to-last .dot-wrapper {
left : 80px;
top : 140%;
}
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item-to-last .dot-wrapper {
left : 60px;
top : 145%;
}
}
@media screen and (min-width: 1450px) {
.row--number-timeline .cText--timeline-item-to-last .dot-wrapper {
top : 165%;
left : 30px;
}
}
@media screen and (min-width: 1650px) {
.row--number-timeline .cText--timeline-item-to-last .dot-wrapper {
top : 180%;
left : 0;
}
}
.row--number-timeline .cText--timeline-item-to-last .dot {
position : relative;
margin : 3px 0;
background-color : #c4c4c4;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-last-child(6) {
left : -7px;
top : -1px;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-last-child(5) {
left : -18px;
top : -7px;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-last-child(4) {
left : -31px;
top : -15px;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-last-child(3) {
left : -42px;
top : -25px;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-last-child(2) {
left : -52px;
top : -35px;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(2) {
animation-delay : 0.1s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(3) {
animation-delay : 0.2s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(4) {
animation-delay : 0.3s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(5) {
animation-delay : 0.4s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(6) {
animation-delay : 0.5s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(7) {
animation-delay : 0.6s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(8) {
animation-delay : 0.7s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(9) {
animation-delay : 0.8s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(10) {
animation-delay : 0.9s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(11) {
animation-delay : 1s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(12) {
animation-delay : 1.1s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(13) {
animation-delay : 1.2s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(14) {
animation-delay : 1.3s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(15) {
animation-delay : 1.4s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(16) {
animation-delay : 1.5s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(17) {
animation-delay : 1.6s;
}
.row--number-timeline .cText--timeline-item-to-last .dot:nth-child(18) {
animation-delay : 1.7s;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-to-last .arrow {
left : -90px;
top : -42px;
transform : scaleX(-1);
color : #c4c4c4;
background-color : #c4c4c4;
}
}
.row--number-timeline .cText--timeline-item.animated-step .circle {
animation : timeline-item-number 1s 0s 1 forwards;
}
@media screen and (max-width: 766px) {
.row--number-timeline .cText--timeline-item.animated-step .circle {
animation : none;
}
}
.row--number-timeline .cText--timeline-item.animated-step .circle::before {
border-top-color : #ffa100;
border-right-color : #ffa100;
border-bottom-color : #ffa100;
transition : border-top-color 0.33s linear, border-right-color 0.33s 0.1s linear, border-bottom-color 0.33s 0.2s linear;
}
.row--number-timeline .cText--timeline-item.animated-step .circle::after {
border-top : 2px solid #ffa100;
border-left-width : 2px;
border-right-width : 2px;
transform : rotate(270deg);
transition : transform 0.6s 0s linear, border-left-width 0s 0.5s linear;
}
.row--number-timeline .cText--timeline-item.animated-step .dot {
animation : timeline-dot 0.5s 0s 1 forwards;
}
@media screen and (max-width: 766px) {
.row--number-timeline .cText--timeline-item.animated-step .dot {
animation : none;
}
}
.row--number-timeline .cText--timeline-item.animated-step .dot:nth-child(2) {
animation-delay : 0.2s;
}
.row--number-timeline .cText--timeline-item.animated-step .dot:nth-child(3) {
animation-delay : 0.4s;
}
.row--number-timeline .cText--timeline-item.animated-step .dot:nth-child(4) {
animation-delay : 0.6s;
}
.row--number-timeline .cText--timeline-item.animated-step .dot:nth-child(5) {
animation-delay : 0.8s;
}
.row--number-timeline .cText--timeline-item.animated-step .dot:nth-child(6) {
animation-delay : 1s;
}
.row--number-timeline .cText--timeline-item.animated-step .arrow {
animation : timeline-dot 0.5s 1.2s 1 forwards;
}
@media screen and (max-width: 766px) {
.row--number-timeline .cText--timeline-item.animated-step .arrow {
animation : none;
}
}
.row--number-timeline .cText--timeline-item.animated-step .arrow + .dot {
animation-delay : 1.4s;
}
.row--number-timeline .cText--timeline-item.animated-step .arrow + .dot + .dot {
animation-delay : 1.6s;
}
.row--number-timeline .cText--timeline-item.animated-step .arrow + .dot + .dot + .dot {
animation-delay : 1.8s;
}
.row--number-timeline .cText--timeline-item.animated-step .arrow + .dot + .dot + .dot + .dot {
animation-delay : 2s;
}
.row--number-timeline .cText--timeline-item.animated-step .arrow + .dot + .dot + .dot + .dot + .dot {
animation-delay : 2.2s;
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item--reverse .dot-wrapper {
left : 0;
transform : scaleX(-1) translateX(-50%);
}
}
.row--number-timeline .cText--timeline-item-5 {
order : 8;
}
.row--number-timeline .cText--timeline-item-6 {
order : 7;
}
.row--number-timeline .cText--timeline-item-7 {
order : 6;
}
.row--number-timeline .cText--timeline-item-8 {
order : 5;
}
.row--number-timeline .cText--timeline-item--done .dot-wrapper {
display : none;
}
.row--number-timeline .cText--timeline-item--done .circle::before {
background-image : url(../img/check.svg?v=c415);
background-color : transparent;
background-repeat : no-repeat;
background-size : 20px 20px;
background-position : 50% 50%;
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item--done .circle::before {
background-size : 30px 30px;
}
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item-break .dot-wrapper {
display : flex;
top : 6%;
left : 119%;
flex-direction : column;
}
}
.row--number-timeline .cText--timeline-item-break .arrow {
transform-origin : 0 0;
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item-break .arrow--first {
transform : none;
margin-top : 20px;
margin-left : -110px;
}
}
.row--number-timeline .cText--timeline-item-break .arrow--last, .row--number-timeline .cText--timeline-item-break .arrow--middle {
display : none;
}
@media screen and (min-width: 1300px) {
.row--number-timeline .cText--timeline-item-break .arrow--last {
display : block;
right : 93px;
top : -6px;
transform : rotate(-180deg);
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cText--timeline-item-break .arrow--middle {
display : block;
width : 4px;
height : 25px;
margin : 6px 0 13px;
}
.row--number-timeline .cText--timeline-item-break .arrow--middle::before {
left : 50%;
transform : translateX(-50%) rotate(45deg);
}
}
.row--number-timeline .cText--timeline-item-break .dot {
position : relative;
margin : 0 0 6px;
}
.row--number-timeline .cText--timeline-item-break .dot--1 {
margin-left : -70px;
margin-top : -4px;
}
.row--number-timeline .cText--timeline-item-break .dot--2 {
margin-left : -60px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--3 {
margin-left : -50px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--4 {
margin-left : -40px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--5 {
margin-left : -30px;
margin-top : -9px;
}
.row--number-timeline .cText--timeline-item-break .dot--6 {
margin-left : -21px;
margin-top : -7px;
}
.row--number-timeline .cText--timeline-item-break .dot--7 {
margin-left : -14px;
margin-top : -4px;
}
.row--number-timeline .cText--timeline-item-break .dot--8 {
margin-left : -8px;
margin-top : -2px;
}
.row--number-timeline .cText--timeline-item-break .dot--9 {
margin-left : -3px;
}
.row--number-timeline .cText--timeline-item-break .dot--42 {
margin-left : -70px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--41 {
margin-left : -60px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--40 {
margin-left : -50px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--39 {
margin-left : -40px;
margin-top : -10px;
}
.row--number-timeline .cText--timeline-item-break .dot--38 {
margin-left : -30px;
margin-top : -9px;
}
.row--number-timeline .cText--timeline-item-break .dot--37 {
margin-left : -21px;
margin-top : -7px;
}
.row--number-timeline .cText--timeline-item-break .dot--36 {
margin-left : -14px;
margin-top : -4px;
}
.row--number-timeline .cText--timeline-item-break .dot--35 {
margin-left : -8px;
margin-top : -2px;
}
.row--number-timeline .cText--timeline-item-break .dot--34 {
margin-left : -3px;
}
.row--number-timeline .cImage--bg {
display : none;
}
@media screen and (min-width: 1100px) {
.row--number-timeline .cImage--bg {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.row--number-timeline .cImage--bg img {
position : absolute;
left : 50%;
top : 0;
transform : translateX(-50%);
height : 100%;
max-width : none;
max-height : 961px;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline-grid {
max-width : 94%;
margin : 0 auto;
}
}
@media screen and (min-width: 1650px) {
.row--number-timeline-grid {
max-width : 1610px;
}
}
@media screen and (min-width: 1100px) {
.row--number-timeline-grid .gridInner {
display : flex;
justify-content : center;
flex-wrap : wrap;
}
}
@media screen and (min-width: 1300px) {
.row--number-timeline-multi {
height : 1150px;
}
}
@media screen and (min-width: 1300px) {
.row--number-timeline-multi .row--number-timeline-grid {
max-width : 85%;
}
}
@media screen and (min-width: 1920px) {
.row--number-timeline-multi .row--number-timeline-grid {
max-width : 1540px;
}
}
.row--number-timeline-multi .cImage img {
width : auto;
height : auto;
max-height : none;
max-width : none;
}
.row--number-timeline-multi .cText--timeline-item {
margin-bottom : 60px;
}
@media screen and (min-width: 1600px) {
.row--number-timeline-multi .cText--timeline-item {
margin-bottom : 80px;
}
}
.row--number-timeline-multi .cText--timeline-item p {
margin-bottom : 0;
}
@media screen and (min-width: 1600px) {
.row--number-timeline-has-heading .cText--timeline-item-to-last .dot-wrapper {
top : 150%;
}
}
.blog-legacy-detail .row--hero-blog {
margin : -85px -20px 60px;
padding : 85px 25px 50px;
background-color : #00adee;
}
@media screen and (max-width: 766px) {
.blog-legacy-detail .row--hero-blog {
margin-top : -103px !important ;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .row--hero-blog {
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
left : calc(-50vw + 50%);
width : 100vw;
margin : -170px 0 120px;
padding-top : 170px;
}
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .row--hero-blog {
height : 100vh;
min-height : 900px;
max-height : 1080px;
overflow : hidden;
}
}
.blog-legacy-detail .row--hero-blog > .rowInner {
max-width : 1300px;
margin : 0 auto;
}
.blog-legacy-detail .row--hero-blog .cPerex {
margin-bottom : 0;
}
.blog-legacy-detail .row--hero-blog .cPerex a {
color : #fff;
}
.blog-legacy-detail .row--hero-blog .cTopPhoto, .blog-legacy-detail .row--hero-blog .cTopPhoto img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #00adee;
}
.blog-legacy-detail .row--hero-blog .cTopPhoto img {
object-fit : cover;
mix-blend-mode : multiply;
opacity : 0.7;
filter : grayscale(1);
}
.blog-legacy-detail .row--hero-blog .cCrumb, .blog-legacy-detail .row--hero-blog .cHeading__hx, .blog-legacy-detail .row--hero-blog .cNews__metadata, .blog-legacy-detail .row--hero-blog .cPerex {
position : relative;
z-index : 1;
max-width : 900px;
}
.blog-legacy-detail .row--hero-blog .cCrumb {
margin : 30px 0;
padding-left : 0;
color : #fff;
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .row--hero-blog .cCrumb {
margin-bottom : 60px;
}
}
.blog-legacy-detail .row--hero-blog .cCrumb a {
color : inherit;
}
.blog-legacy-detail .row--hero-blog .cCrumb ol > li::before {
color : #fff;
}
.blog-legacy-detail .row--hero-blog .cHeading {
position : relative;
z-index : 10;
}
.blog-legacy-detail .row--hero-blog .cHeading__hx {
font-size : 36px;
font-size : 2rem;
line-height : 1.1;
color : #fff;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .row--hero-blog .cHeading__hx {
font-size : 45px;
font-size : 2.5rem;
line-height : 1.1;
}
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .row--hero-blog .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
line-height : 1.1;
}
}
.blog-legacy-detail .row--hero-blog .cPerex {
max-width : 700px;
color : #fff;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .row--hero-blog .cPerex {
font-size : 17px;
font-size : 0.94444rem;
}
}
.blog-legacy-detail .row--hero-blog .cNews__metadata {
display : flex;
flex-direction : column;
color : #fff;
margin-top : 25px;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .row--hero-blog .cNews__metadata {
flex-direction : row;
}
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .row--hero-blog .cNews__metadata {
margin-top : 35px;
}
}
.blog-legacy-detail .row--hero-blog .cNews__metadata .cNews__author {
margin-right : 30px;
font-weight : 700;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (max-width: 766px) {
.blog-legacy-detail .row--hero-blog .cNews__metadata .cNews__author {
margin-bottom : 6px;
}
}
.blog-legacy-detail .row--hero-blog .cNews__metadata .cNews__date, .blog-legacy-detail .row--hero-blog .cNews__metadata .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .blog-legacy-detail .row--hero-blog .cNews__metadata .rsTmb__date {
order : 1;
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .row--hero-blog .cNews__metadata .icon-clock {
display : none;
}
.blog-legacy-detail .cDesc {
max-width : 800px;
margin : 0 auto;
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .cDesc .cCube, .blog-legacy-detail .cDesc .row--htmlVideo {
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .cDesc .cHeading small {
display : block;
}
.blog-legacy-detail .cDesc ol > li {
margin-left : 0;
}
.blog-legacy-detail .cDesc .table--striped td, .blog-legacy-detail .cDesc .table--striped th {
border : 0;
}
.blog-legacy-detail .cCube, .blog-legacy-detail .cImage, .blog-legacy-detail .cImageBox, .blog-legacy-detail .ownSourceCode, .blog-legacy-detail .row--htmlVideo {
position : relative;
z-index : 1;
margin-bottom : 30px;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cCube, .blog-legacy-detail .cImage, .blog-legacy-detail .cImageBox, .blog-legacy-detail .ownSourceCode, .blog-legacy-detail .row--htmlVideo {
margin-bottom : 60px;
}
}
.blog-legacy-detail h2 {
font-size : 38px;
font-size : 2.11111rem;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail h2 {
font-size : 42px;
font-size : 2.33333rem;
}
}
.blog-legacy-detail h3 {
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail h3 {
font-size : 36px;
font-size : 2rem;
}
}
.blog-legacy-detail h4 {
font-size : 28px;
font-size : 1.55556rem;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail h4 {
font-size : 28px;
font-size : 1.55556rem;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail h5 {
font-size : 26px;
font-size : 1.44444rem;
}
}
@media screen and (min-width: 767px) {
.blog-legacy-detail h6 {
font-size : 24px;
font-size : 1.33333rem;
}
}
.blog-legacy-detail .cText .cHeading span {
display : block;
}
.blog-legacy-detail .cText .cHeading small {
font-size : 100%;
}
.blog-legacy-detail .cText ol li:last-child, .blog-legacy-detail .cText ol:last-child, .blog-legacy-detail .cText ul li:last-child, .blog-legacy-detail .cText ul:last-child {
margin-bottom : 0;
}
.blog-legacy-detail .cText ul:not(.check-list) > li::before {
top : 10px;
content : '';
width : 8px;
height : 8px;
background-color : #00adee;
border-radius : 100%;
}
.blog-legacy-detail .cText .check-list .gamma {
margin-bottom : 12px;
font-size : 20px;
font-size : 1.11111rem;
}
.blog-legacy-detail .cText ol > li {
margin-left : 0;
}
.blog-legacy-detail .cText p {
margin-bottom : 30px;
}
.blog-legacy-detail .cText p:last-child {
margin-bottom : 0;
}
.blog-legacy-detail .heading-center .cHeading {
text-align : center;
}
.blog-legacy-detail .cImageBox {
background-color : #F2F2F2;
border-radius : 8px;
}
.blog-legacy-detail .cImageBox--bg-color, .blog-legacy-detail .cImageBox--has-border {
padding : 30px;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cImageBox--bg-color, .blog-legacy-detail .cImageBox--has-border {
padding : 60px;
}
}
.blog-legacy-detail .cImageBox p {
margin-bottom : 25px;
}
.blog-legacy-detail .cImageBox p:last-of-type {
margin-bottom : 0;
}
@media screen and (max-width: 766px) {
.blog-legacy-detail .cImageBox__inner {
flex-direction : column;
text-align : center;
}
.blog-legacy-detail .cImageBox__inner .cImageBox__textContent {
padding : 0;
order : 1;
}
.blog-legacy-detail .cImageBox__inner .cImageBox__icon {
margin-bottom : 20px;
}
}
.blog-legacy-detail .cImageBox__perex {
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .cImageBox .glyph {
display : flex;
align-items : center;
justify-content : center;
width : 80px;
height : 80px;
border-radius : 100%;
background-color : #00adee;
}
.blog-legacy-detail .cImageBox .glyph__icon {
color : #fff !important ;
font-size : 44px !important ;
}
.blog-legacy-detail .cImageBox--icon_top .cImageBox__icon {
margin-bottom : 20px;
}
.blog-legacy-detail .cImageBox--bg-color {
color : #fff;
background-color : #00adee !important ;
}
.blog-legacy-detail .cImageBox--bg-color .cHeading, .blog-legacy-detail .cImageBox--bg-color a {
color : inherit;
}
.blog-legacy-detail .cImageBox--bg-color a span {
color : #fff !important ;
}
.blog-legacy-detail .cImageBox--bg-color .checklist li::before, .blog-legacy-detail .cImageBox--bg-color .num-list li::before {
background-color : rgb(255, 255, 255, 0.25);
}
.blog-legacy-detail .cImageBox--bg-color .glyph {
background-color : rgb(255, 255, 255, 0.3);
}
.blog-legacy-detail .cInfobox {
border : 0;
background-color : #F2F2F2;
border-radius : 8px;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cInfobox {
padding : 30px 30px 30px 100px;
}
}
.blog-legacy-detail .cInfobox::before {
top : 30px;
left : 30px;
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
border-radius : 100%;
background-color : #00adee;
color : #fff;
font-size : 20px;
}
.blog-legacy-detail .cInfobox .cHeading {
margin-bottom : 16px;
font-size : 28px;
font-size : 1.55556rem;
color : #303233;
}
.blog-legacy-detail .cInfobox__desc {
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .cInfobox__desc--big {
font-size : 18px;
font-size : 1rem;
}
.blog-legacy-detail .cInfobox__desc--big ul > li::before {
top : 7px;
}
.blog-legacy-detail .cInfobox__desc ul:last-of-type {
margin-bottom : 0;
}
.blog-legacy-detail .cHr {
margin : 30px auto 40px;
opacity : 0.5;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cHr {
margin : 60px auto 80px;
}
}
.blog-legacy-detail .btn--inverse {
color : #fff;
}
.blog-legacy-detail .cConversButton {
position : relative;
padding : 0;
z-index : 10;
}
.blog-legacy-detail .cConversButton .cHeading small {
display : block;
}
.blog-legacy-detail .cConversButton__descBottom, .blog-legacy-detail .cConversButton__descTop {
font-size : 16px;
font-size : 0.88889rem;
}
.blog-legacy-detail .cConversButton .cConverseButton__button a {
text-decoration : none;
}
.blog-legacy-detail .cConversButton .cConverseButton__button .btn:not(.btn--inverse), .blog-legacy-detail .cConversButton .cConverseButton__button .cClientZone__logout:not(.btn--inverse), .blog-legacy-detail .cConversButton .cConverseButton__button .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .blog-legacy-detail .cConversButton .cConverseButton__button .cftSearch__submit:not(.btn--inverse) {
border-radius : 2em;
}
.blog-legacy-detail .cConversButton--colored {
padding : 60px;
border-radius : 8px;
}
.blog-legacy-detail .cConversButton .btn--inverse {
border-radius : 2em;
}
.blog-legacy-detail .cPerson--blog, .blog-legacy-detail .cVideo__wrapper {
margin-bottom : 0;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait, .blog-legacy-detail .cBlockquote.cBlockquote--quotes {
max-width : 100%;
min-height : 90px;
}
@media screen and (min-width: 1024px) {
.blog-legacy-detail .cBlockquote.cBlockquote--portrait, .blog-legacy-detail .cBlockquote.cBlockquote--quotes {
padding-left : 150px;
}
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait::before, .blog-legacy-detail .cBlockquote.cBlockquote--quotes::before {
top : 5px;
left : 0;
}
@media screen and (max-width: 766px) {
.blog-legacy-detail .cBlockquote.cBlockquote--portrait::before, .blog-legacy-detail .cBlockquote.cBlockquote--quotes::before {
top : 0;
margin-left : -20px;
}
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait::after, .blog-legacy-detail .cBlockquote.cBlockquote--quotes::after {
display : none;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait .cBlockquote__inner, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .cBlockquote__inner {
max-width : 100%;
min-width : 0;
padding : 25px 0;
text-align : left;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait blockquote, .blog-legacy-detail .cBlockquote.cBlockquote--quotes blockquote {
margin : 0;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait .cBlockquote__author, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .cBlockquote__author {
margin-left : 0;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait .source::before, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .source::before {
display : none;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait .cBlockquote__text, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .cBlockquote__text {
padding : 0;
font-size : 1rem;
font-style : italic;
}
.blog-legacy-detail .cBlockquote.cBlockquote--portrait .cBlockquote__text::after, .blog-legacy-detail .cBlockquote.cBlockquote--portrait .cBlockquote__text::before, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .cBlockquote__text::after, .blog-legacy-detail .cBlockquote.cBlockquote--quotes .cBlockquote__text::before {
display : none;
}
@media screen and (min-width: 767px) {
.blog-legacy-detail .cBlockquote.cBlockquote--image {
padding-right : 160px;
}
}
@media screen and (max-width: 766px) {
.blog-legacy-detail .cBlockquote.cBlockquote--quotes {
padding-top : 60px;
}
}
.blog-legacy-detail .cBlockquote.cBlockquote--background .cBlockquote__inner {
background-color : #f6f6f6;
border-radius : 8px;
}
.blog-legacy-detail .cBlockquote.cBlockquote--background blockquote {
margin-bottom : 15px;
}
.blog-legacy-detail .cBlockquote.cBlockquote--background .cBlockquote__author {
font-family : migrena-bold;
color : #303233;
font-size : 18px;
font-size : 1rem;
}
.blog-legacy-detail .cBlockquote.cBlockquote--background .cBlockquote__author .source::before {
display : none;
}
.row--blog-author {
display : flex;
align-items : flex-end;
margin-top : -280px;
padding-top : 280px;
background-image : url(../img/blog-author-bg.jpg?v=a75f);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : center bottom;
}
@media screen and (min-width: 767px) {
.row--blog-author {
height : 810px;
}
}
@media screen and (max-width: 766px) {
.row--blog-author-standalone {
margin-top : -220px;
}
.row--blog-author-standalone .cHeading {
margin-bottom : 30px;
}
}
@media screen and (min-width: 767px) {
.row--blog-author-standalone {
height : 900px;
}
}
@media screen and (max-width: 766px) {
.row--blog-author-standalone-reduce-palm-spacing {
margin-top : -280px;
}
}
@media screen and (min-width: 767px) {
.row--blog-author-standalone-large-text {
margin-top : -160px;
}
}
@media screen and (min-width: 1300px) {
.row--blog-author-standalone-large-text {
margin-top : -260px;
}
}
.row--blog-author-simple {
background-image : url(../img/blog-author-bg-simple.jpg?v=65a1);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : center bottom;
}
@media screen and (min-width: 1300px) {
.row--blog-author-simple {
background-position-x : right;
}
}
.row--blog-author-no-spacing {
height : auto;
margin-top : 0;
padding-top : 0;
background-color : #fff;
}
@media screen and (max-width: 766px) {
.row--blog-author-no-spacing {
border-bottom : 1px solid #d1d1d1;
}
.row--blog-author-no-spacing .cPerson--blog .cPerson__desc, .row--blog-author-no-spacing .cPerson--blog p {
padding-right : 0;
}
.row--blog-author-no-spacing .cPerson--blog .cPerson__photo {
position : static;
}
.row--blog-author-no-spacing .cPerson--blog .cPerson__photo + .cPerson__content {
margin-bottom : 0;
}
.row--blog-author-no-spacing .cPerson--blog .cSocialSites {
margin-bottom : -50px;
}
}
.row--blog-newsletter {
padding-top : 80px;
background-color : #fff;
}
.row--hero-blog-list {
padding-top : 130px;
padding-bottom : 30px;
margin-top : -130px;
background-size : auto;
}
@media screen and (min-width: 767px) {
.row--hero-blog-list {
padding-bottom : 50px;
}
}
.row--hero-blog-list > .rowInner {
padding-left : 40px;
padding-right : 40px;
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list > .rowInner {
max-width : 1660px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list .gridInner {
display : flex;
justify-content : space-between;
align-items : center;
}
}
.row--hero-blog-list .gridInner .gridInner {
display : block;
}
.row--hero-blog-list .cHeading__hx {
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
text-align : left;
}
}
@media screen and (min-width: 1600px) {
.row--hero-blog-list .cHeading__hx {
font-size : 70px;
font-size : 3.88889rem;
}
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list .fulltext-wrapper {
width : 640px;
}
}
@media screen and (min-width: 1600px) {
.row--hero-blog-list .fulltext-wrapper {
width : 790px;
}
}
.row--hero-blog-list .cftSearch {
margin-bottom : 0;
}
.row--hero-blog-list .cftSearch .field {
height : 75px;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list .cftSearch .field {
padding-left : 30px;
}
}
.row--hero-blog-list .cftSearch .cftSearch__submit {
height : 50px;
font-size : 15px;
font-size : 0.83333rem;
}
@media screen and (min-width: 767px) {
.row--hero-blog-list .cftSearch .cftSearch__submit .icon-search {
top : 0;
}
}
.row--hero-blog-list .cText {
margin : 10px 0 15px;
text-align : center;
}
@media screen and (min-width: 1300px) {
.row--hero-blog-list .cText {
margin-bottom : 20px;
margin-top : 0;
text-align : left;
}
}
@media screen and (min-width: 1300px) {
.row--blog-archive > .rowInner {
padding : 0 40px;
}
}
.row--hero-training {
margin-top : -100px;
padding-top : 100px;
background-image : url(../img/row-training-top.jpg?v=55b9);
background-color : #f6f6f6;
background-repeat : no-repeat;
background-size : auto;
background-position : center top;
}
.row--hero-training > .rowInner {
max-width : 1300px;
}
@media screen and (max-width: 766px) {
.row--hero-training .cHeading br {
display : none;
}
}
.row--hero-training .cHeading__hx span:not(.color-brand) {
min-width : 0;
}
.row--hero-training .cTopPhoto {
position : relative;
width : auto;
}
.row--hero-training .cTopPhoto img {
top : -60px;
}
@media screen and (min-width: 767px) {
.row--hero-training .cTopPhoto img {
left : 180px;
max-width : 200%;
top : 0;
}
}
@media screen and (min-width: 1024px) {
.row--hero-training .cTopPhoto img {
left : 150px;
max-width : none;
top : -60px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-training .cTopPhoto img {
left : 90px;
}
}
@media screen and (max-width: 766px) {
.row--hero-training .cTopPhoto {
position : static;
left : auto;
top : auto;
bottom : 0;
}
.row--hero-training .cTopPhoto img {
position : absolute;
left : -40px;
top : auto;
bottom : 0;
opacity : 0.25;
transform : none;
}
}
.row--hero-training .cPerex__top {
max-width : 600px;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.4;
font-weight : 500;
}
@media screen and (min-width: 767px) {
.row--hero-training .cPerex__top {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.4;
}
}
.row--hero-training .cPerex__item {
max-width : 450px;
}
.cftSearch--standard .row--hero-training .cftSearch__submit, .row--hero-training .btn, .row--hero-training .cClientZone__logout, .row--hero-training .cftSearch--standard .cftSearch__submit {
margin-right : 12px;
}
.cftSearch--standard .row--hero-training .cftSearch__submit:last-child, .row--hero-training .btn:last-child, .row--hero-training .cClientZone__logout:last-child, .row--hero-training .cftSearch--standard .cftSearch__submit:last-child {
margin-right : 0;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--hero-training .cftSearch__submit, .row--hero-training .btn, .row--hero-training .cClientZone__logout, .row--hero-training .cftSearch--standard .cftSearch__submit {
margin-bottom : 12px;
width : 80%;
}
}
@media screen and (min-width: 1024px) {
.cftSearch--standard .row--hero-training .cftSearch__submit, .row--hero-training .btn, .row--hero-training .cClientZone__logout, .row--hero-training .cftSearch--standard .cftSearch__submit {
margin-bottom : 0;
width : auto;
}
}
.row--training-numbers {
position : relative;
z-index : 1;
margin : 0 -20px 60px;
padding : 40px 30px;
box-shadow : 0 10px 40px 0 rgb(0, 0, 0, 0.2);
background-image : url(../img/training-numbers-bg.jpg?v=abd8);
background-color : #00adee;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
color : #fff;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--training-numbers {
max-width : 1115px;
margin : -390px auto 90px;
padding : 90px 60px 100px;
}
}
.row--training-numbers .cText {
font-size : 16px;
font-size : 0.88889rem;
}
.row--training-numbers .cText__text {
max-width : 800px;
margin : 0 auto;
}
.row--training-numbers .cCounter, .row--training-numbers .cText {
margin-bottom : 24px;
}
.row--training-numbers .cHeading {
color : inherit;
font-size : 40px;
font-size : 2.22222rem;
}
.row--training-numbers .cCounter::before {
filter : brightness(0) invert(1);
}
.row--training-numbers .cCounter a {
color : #fff;
}
.row--training-numbers .cCounter__label, .row--training-numbers .cCounter__title {
color : #fff !important ;
}
.row--training-add-info {
background-image : url(../img/furniture-bg.jpg?v=8490);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 75px bottom;
}
.row--training-add-info > .rowInner {
max-width : 1500px;
}
.row--training-payment {
position : relative;
}
.row--training-payment .gridInner {
display : grid;
align-items : center;
}
@media screen and (min-width: 767px) {
.row--training-payment .gridInner {
gap : 20px;
gap : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.row--training-payment .gridInner {
grid-template-columns : 1fr 500px 1fr;
}
}
@media screen and (min-width: 1200px) {
.row--training-payment .gridInner {
grid-template-columns : 1fr 600px 1fr;
}
}
.row--training-payment .gridInner .cText--icon-large {
margin-left : auto;
margin-right : auto;
}
.row--training-lectors {
position : relative;
z-index : 2;
margin-bottom : 60px;
padding-top : 40px;
padding-bottom : 40px;
background-image : url(../img/squared-bg.jpg?v=cde7);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : center bottom;
}
@media screen and (min-width: 767px) {
.row--training-lectors {
padding-top : 20px;
margin-bottom : 120px;
}
}
.row--training-lectors .cText {
margin-bottom : 50px;
text-align : center;
}
.row--training-lectors .cText .cHeading {
margin-bottom : 16px;
}
.row--training-lectors .cText h3 {
font-family : Roboto, sans-serif;
font-size : 28px;
font-size : 1.55556rem;
color : #666;
}
.row--training-lectors .cList {
max-width : 700px;
margin-left : auto;
margin-right : auto;
}
@media screen and (min-width: 1024px) {
.row--training-lectors .cList__wrap {
flex-direction : row;
}
}
.row--training-lectors .cList__img {
right : 0;
}
@media screen and (min-width: 1024px) {
.row--training-lectors .cList__img {
right : -20px;
}
}
@media screen and (min-width: 767px) {
.row--training-lectors .cList__textContent {
margin-bottom : 30px;
}
}
@media screen and (min-width: 1024px) {
.row--training-lectors .cList__textContent {
width : 50%;
}
}
@media screen and (min-width: 1200px) {
.row--training-lectors .cList__textContent {
width : auto;
}
}
.row--hero-training-list {
background-color : #f5f5f5;
background-position : center top;
}
@media screen and (min-width: 500px) {
.row--hero-training-list {
padding-bottom : 40px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-training-list {
padding-bottom : 0;
}
}
@media screen and (min-width: 600px) {
.row--hero-training-list .grid {
display : flex;
}
}
.row--hero-training-list .cText {
margin-bottom : 10px;
max-width : 500px;
}
.row--hero-training-list .cText p {
margin-bottom : 20px;
}
.cftSearch--standard .row--hero-training-list .cText .cftSearch__submit, .row--hero-training-list .cText .btn, .row--hero-training-list .cText .cClientZone__logout, .row--hero-training-list .cText .cftSearch--standard .cftSearch__submit {
margin-top : 20px;
}
.row--hero-training-list .cCounter {
margin-bottom : 10px;
}
.row--hero-training-list .cCounter .cCounter__title {
color : #666;
}
@media screen and (min-width: 1024px) {
.row--hero-training-list .cHeading__hx {
margin-top : -20px;
}
}
.row--hero-training-list .cHeading__hx strong {
display : block;
line-height : 0.9;
}
@media screen and (max-width: 599px) {
.row--hero-training-list .cImage {
max-height : 300px;
overflow : hidden;
}
.row--hero-training-list .cImage::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 50%;
content : '';
background : linear-gradient(to top, #f5f5f5, rgb(255, 255, 255, 0));
}
}
.row--hero-training-list .cImage img {
display : block;
position : relative;
margin-top : 15px;
margin-left : auto;
margin-right : auto;
}
@media screen and (min-width: 500px) {
.row--hero-training-list .cImage img {
max-width : 70%;
}
}
@media screen and (min-width: 600px) {
.row--hero-training-list .cImage img {
max-width : 100%;
}
}
@media screen and (min-width: 1024px) {
.row--hero-training-list .cImage img {
top : -50px;
right : 40px;
max-width : none;
margin-top : 0;
}
}
.row--hero-reference {
margin : -85px -20px 20px;
padding : 85px 30px 50px;
background-color : #f5f5f5;
}
@media screen and (max-width: 766px) {
.row--hero-reference {
margin-top : -103px !important ;
}
}
@media screen and (min-width: 767px) {
.row--hero-reference {
margin : -170px auto 0 !important ;
padding-top : 170px;
left : auto;
}
}
@media screen and (min-width: 1024px) {
.row--hero-reference {
height : auto;
min-height : 900px;
max-height : none;
}
}
.row--hero-reference .cCrumb {
color : #fff;
}
.row--hero-reference .cCrumb a, .row--hero-reference .cCrumb ol > li::before {
color : inherit;
}
.row--hero-reference .cTopPhoto, .row--hero-reference .cTopPhoto img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #00adee;
max-height : 70vh;
}
@media screen and (min-width: 1300px) {
.row--hero-reference .cTopPhoto, .row--hero-reference .cTopPhoto img {
max-height : 100vh;
}
}
.row--hero-reference .cTopPhoto::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
content : '';
background-color : rgb(0, 0, 0, 0.2);
z-index : 1;
}
.row--hero-reference .cTopPhoto img {
object-fit : cover;
}
.row--hero-reference .cHeading, .row--hero-reference .cPerex {
position : relative;
z-index : 2;
color : #fff;
text-align : center;
}
.row--hero-reference .cHeading__hx {
color : inherit;
font-size : 40px;
font-size : 2.22222rem;
}
@media screen and (min-width: 1024px) {
.row--hero-reference .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
}
}
@media screen and (min-width: 1800px) {
.row--hero-reference .cHeading__hx {
font-size : 82px;
font-size : 4.55556rem;
}
}
.row--hero-reference .cPerex {
margin-bottom : 30px;
font-size : 17px;
font-size : 0.94444rem;
font-weight : 600;
}
@media screen and (min-width: 1300px) {
.row--hero-reference .cPerex {
font-size : 24px;
font-size : 1.33333rem;
}
}
@media screen and (min-width: 1300px) {
.row--hero-reference .cCrumb {
margin-bottom : 50px;
}
}
.row--hero-reference-list {
position : relative;
margin-bottom : 60px;
}
@media screen and (max-width: 766px) {
.row--hero-reference-list {
padding-bottom : 0;
margin-bottom : 0;
}
}
@media screen and (min-width: 767px) {
.row--hero-reference-list {
min-height : 700px;
height : 700px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-reference-list {
min-height : 840px;
height : 840px;
margin-bottom : 60px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-reference-list {
min-height : 920px;
max-height : 920px;
margin-bottom : 120px;
}
}
.row--hero-reference-multimedia {
height : 550px;
min-height : 0;
padding-left : 30px;
padding-right : 30px;
}
@media screen and (min-width: 767px) {
.row--hero-reference-multimedia {
height : 600px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-reference-multimedia {
height : 755px;
padding-left : 0;
padding-right : 0;
}
}
.row--reference-gallery {
position : relative;
z-index : 1;
}
@media screen and (min-width: 767px) {
.row--reference-gallery {
margin-top : 50px;
}
}
.row--reference-gallery > .rowInner {
max-width : 100%;
}
.row--reference-gallery-wrap {
padding : 0 30px;
}
@media screen and (min-width: 767px) {
.row--reference-gallery-wrap {
padding : 0;
}
}
.row--reference-gallery-wrap .cImage--bg {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.row--reference-gallery-wrap .cImage--bg img {
position : absolute;
left : 0;
bottom : 240px;
width : 100%;
height : 100%;
object-fit : contain;
}
.row--reference-gallery-wrap .cText {
position : relative;
z-index : 2;
margin-bottom : 0;
}
.row--reference-gallery .rsHor {
max-height : 650px;
}
@media screen and (min-width: 1800px) {
.row--reference-gallery .rsHor .rsArrow {
bottom : 70px;
}
}
@media screen and (min-width: 767px) {
.row--reference-about {
margin : 30px auto 0;
max-width : 990px;
}
}
@media screen and (min-width: 1300px) {
.row--reference-about .grid {
margin-left : -100px;
}
.row--reference-about .grid__item, .row--reference-about .label--inline, .row--reference-about .label--inline + .field {
padding-left : 100px;
}
}
@media screen and (min-width: 767px) {
.row--reference-about .cText {
text-align : right;
font-size : 16px;
font-size : 0.88889rem;
}
}
.row--reference-about .cNews--reference__url {
display : none;
}
.row--reference-wrap {
background : linear-gradient(to top, #f5f5f5, #fff);
}
.row--reference-bm {
position : relative;
}
.row--reference-bm .cBlockquote {
margin-bottom : 10px;
}
.row--reference-bm .cImage {
position : absolute;
left : 50%;
bottom : 0;
transform : translateX(-50%);
margin-bottom : 0;
}
.row--reference-bm .cImage img {
max-width : 600px;
}
@media screen and (min-width: 767px) {
.row--reference-bm .cImage img {
max-width : none;
}
}
.row--reference-bm .cPerson {
z-index : 2;
margin-bottom : 0;
}
.row--reference-multimedia-solution {
position : relative;
z-index : 3;
}
.row--reference-multimedia-solution .cImage {
margin-top : 30px;
}
.row--reference-multimedia-solution .cImage img {
display : block;
margin : 0 auto;
}
.row--reference-media-video {
padding-top : 3rem;
text-align : center;
background-image : url(../img/bottom-particles.jpg?v=b523);
background-color : #fff;
background-repeat : no-repeat;
background-size : auto;
background-position : center bottom;
overflow : hidden;
}
@media screen and (min-width: 1024px) {
.row--reference-media-video {
padding-top : 5rem;
}
}
.row--reference-media-video .rowInner {
position : relative;
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .rowInner {
max-width : 1500px;
padding : 0;
}
}
@media screen and (max-width: 766px) {
.row--reference-media-video .gridInner {
display : flex;
flex-direction : column;
}
}
.row--reference-media-video .cText {
margin-bottom : 8rem;
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .cText {
margin-bottom : 0;
}
}
.row--reference-media-video .cHeading {
margin-bottom : 1.5rem;
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .cHeading {
margin-bottom : 2.5rem;
font-size : 50px;
font-size : 2.77778rem;
}
}
.row--reference-media-video p {
margin : 0 auto;
max-width : 70ch;
font-size : 16px;
font-size : 0.88889rem;
}
.row--reference-media-video .cImage {
position : relative;
margin : 0;
}
.row--reference-media-video .cImage__desc {
margin : 0;
}
.row--reference-media-video .cImage img {
margin : 0 auto;
}
@media screen and (min-width: 1200px) {
.row--reference-media-video .cImage img {
max-width : none;
}
}
.row--reference-media-video .cImage--figure {
order : 1;
z-index : 1;
margin-top : -350px;
margin-left : -90px;
}
@media screen and (min-width: 767px) {
.row--reference-media-video .cImage--figure {
position : absolute;
left : -4rem;
bottom : 0;
margin-left : 0;
margin-top : 0;
}
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .cImage--figure {
left : -8rem;
}
}
@media screen and (min-width: 1250px) {
.row--reference-media-video .cImage--figure {
left : -2rem;
}
}
@media screen and (min-width: 1360px) {
.row--reference-media-video .cImage--figure {
left : 0;
}
}
.row--reference-media-video .cImage--figure img {
max-height : 350px;
margin : 0;
}
@media screen and (min-width: 767px) {
.row--reference-media-video .cImage--figure img {
max-height : 450px;
}
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .cImage--figure img {
max-height : 650px;
}
}
@media screen and (min-width: 1200px) {
.row--reference-media-video .cImage--figure img {
max-height : none;
}
}
@media screen and (max-width: 766px) {
.row--reference-media-video .cImage--media {
margin-right : -1.11111rem;
}
}
@media screen and (min-width: 767px) {
.row--reference-media-video .cImage--media {
margin-left : -4rem;
}
}
@media screen and (min-width: 1300px) {
.row--reference-media-video .cImage--media {
margin-left : 0;
}
}
@media screen and (min-width: 1440px) {
.row--reference-media-video .cImage--media {
margin-left : 3rem;
}
}
@media screen and (max-width: 766px) {
.row--reference-media-video .cImage--media img {
position : relative;
left : 50%;
transform : translateX(-45%) !important ;
max-width : 180%;
}
}
.row--reference-media-video .cImage__play {
position : absolute;
left : 47%;
bottom : 110px;
width : 62px;
height : 62px;
display : grid;
place-items : center;
border-radius : 100%;
padding : 0;
z-index : 2;
background : #f48400;
box-shadow : 0 0 10px 10px rgb(244, 132, 0, 0.3);
animation : video-pulse-desk 1.5s infinite;
}
@media screen and (min-width: 767px) {
.row--reference-media-video .cImage__play {
bottom : 160px;
left : 50%;
}
}
@media screen and (min-width: 1024px) {
.row--reference-media-video .cImage__play {
bottom : 220px;
}
}
@media screen and (min-width: 1200px) {
.row--reference-media-video .cImage__play {
bottom : 290px;
}
}
@media screen and (min-width: 1300px) {
.row--reference-media-video .cImage__play {
margin-left : -20px;
}
}
@media screen and (min-width: 1440px) {
.row--reference-media-video .cImage__play {
margin-left : -55px;
}
}
.row--reference-media-video .cImage__play::after {
position : absolute;
left : 50%;
top : 52%;
transform : translate(-50%,-50%);
border-style : solid;
border-width : 12px 0 12px 17px;
border-radius : 5px;
border-color : transparent transparent transparent #fff;
content : '';
}
.row--reference-media-video .A_lightbox--video::after {
display : none !important ;
}
.row--reference-media-video .A_lightbox--video:hover img {
transform : none;
}
.reference-info {
text-align : left;
}
.reference-info > .reference-info__item {
position : relative;
padding : 0 0 25px 60px;
margin-bottom : 25px;
}
.reference-info > .reference-info__item::before {
position : absolute;
left : 0;
top : 0;
content : '';
}
.reference-info > .reference-info__item::after {
position : absolute;
bottom : 0;
left : 60px;
width : calc(100% - 60px);
width : calc(100% - 60px);
width : calc(100% - 60px);
height : 1px;
content : '';
background-color : #ebebeb;
}
.reference-info > .reference-info__item:last-child::after {
display : none;
}
.reference-info > .reference-info__item--type::before {
background-image : url(../img/ref-desktop.svg?v=8eb6);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 34px;
height : 27px;
}
.reference-info > .reference-info__item--activity::before {
background-image : url(../img/ref-gear.svg?v=c7ed);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 34px;
height : 32px;
}
.reference-info > .reference-info__item--place::before {
left : 4px;
background-image : url(../img/ref-globe.svg?v=6407);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 30px;
height : 37px;
}
.reference-info__title {
display : block;
line-height : 1.2;
}
.reference-info__value {
display : block;
max-width : 325px;
font-family : migrena-bold;
color : #303233;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.1;
}
.row--references-logos .gridInner {
display : grid;
grid-template-columns : repeat(2,1fr);
}
@media screen and (min-width: 1024px) {
.row--references-logos .gridInner {
grid-template-columns : repeat(3,1fr);
}
}
.row--references-logos .gridInner .cImage {
display : flex;
align-items : center;
justify-content : center;
padding : 0 20px;
margin-bottom : 20px;
}
@media screen and (min-width: 767px) {
.row--references-logos .gridInner .cImage {
padding : 10px 20px;
}
}
@media screen and (min-width: 1024px) {
.row--references-logos .gridInner .cImage {
padding : 0;
margin-bottom : 40px;
}
}
.row--multimedia-quote {
padding : 2.77778rem 0.83333rem;
margin-bottom : 2.22222rem;
background-color : #fff;
}
.row--multimedia-quote .cCube, .row--multimedia-quote .row--htmlVideo {
margin-bottom : 0 !important ;
}
.row--multimedia-quote .cBlockquote__inner {
padding-bottom : 0;
}
@media screen and (min-width: 767px) {
.row--multimedia-quote {
padding : 2.77778rem 1.66667rem;
margin-bottom : 3.33333rem;
}
}
@media screen and (min-width: 1300px) {
.row--multimedia-quote {
padding : 5rem 1.66667rem;
margin-bottom : 5rem;
}
}
.row--gray-gradient {
padding-top : 100px;
background : linear-gradient(to bottom, #f5f5f5, #fff);
}
.row--multi-btn-text .cText {
text-align : center;
max-width : 740px;
margin-left : auto;
margin-right : auto;
}
.row--multi-btn-text .cHeading {
margin-bottom : 35px;
font-size : 28px;
font-size : 1.55556rem;
}
.row--multi-btn-text p {
margin-bottom : 10px;
}
.cftSearch--standard .row--multi-btn-text .cftSearch__submit, .row--multi-btn-text .btn, .row--multi-btn-text .cClientZone__logout, .row--multi-btn-text .cftSearch--standard .cftSearch__submit {
margin-top : 12px;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--multi-btn-text .cftSearch__submit, .row--multi-btn-text .btn, .row--multi-btn-text .cClientZone__logout, .row--multi-btn-text .cftSearch--standard .cftSearch__submit {
margin : 30px 4px 0;
}
}
.row--multi-btn-text-bg {
padding : 40px 0;
background-image : url(../img/form-bg.jpg?v=423a);
background-color : #F2F2F2;
background-repeat : no-repeat;
background-size : 130%;
background-position : center top;
}
@media screen and (min-width: 767px) {
.row--multi-btn-text-bg {
padding-top : 70px;
}
}
@media screen and (min-width: 1800px) {
.row--multi-btn-text-bg {
background-position : center bottom;
}
}
.row--brand-bg-text {
position : relative;
z-index : 10;
padding : 70px 0 60px;
margin-bottom : 70px;
text-align : center;
color : #fff;
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text {
padding : 130px 0 160px;
margin-bottom : 150px;
}
}
.row--brand-bg-text .cHeading, .row--brand-bg-text a {
color : inherit;
}
@media screen and (min-width: 767px) {
.row--brand-bg-text .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.row--brand-bg-text .cText {
margin-bottom : 0;
font-size : 16px;
font-size : 0.88889rem;
}
.row--brand-bg-text .cText p {
max-width : 620px;
margin : 0 auto 25px;
}
.row--brand-bg-text .cText .text-emphasis {
margin-bottom : 30px;
max-width : 540px;
color : inherit;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.35;
}
.row--brand-bg-text .cText .nps {
margin : 50px auto 70px;
}
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text-big {
padding-top : 110px;
padding-bottom : 130px;
}
}
.row--brand-bg-text-big .cHeading {
margin-bottom : 25px;
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text-big .cHeading {
margin-bottom : 50px;
font-size : 60px;
font-size : 3.33333rem;
}
}
.row--brand-bg-text-big .cText p {
max-width : 850px;
}
.cftSearch--standard .row--brand-bg-text-big .cftSearch__submit, .row--brand-bg-text-big .btn, .row--brand-bg-text-big .cClientZone__logout, .row--brand-bg-text-big .cftSearch--standard .cftSearch__submit {
margin-top : 30px;
}
.row--brand-bg-text-holistic {
padding : 140px 20px 70px;
margin-top : -140px;
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic {
margin-top : 0;
padding-bottom : 130px;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cText {
font-size : 18px;
font-size : 1rem;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cText p {
max-width : 1080px;
margin-bottom : 50px;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cText .grid {
max-width : 1100px;
margin : 0 auto;
}
}
.row--brand-bg-text-holistic .cText .grid__item:last-child .img-box__title::after, .row--brand-bg-text-holistic .cText .label--inline + .field:last-child .img-box__title::after, .row--brand-bg-text-holistic .cText .label--inline:last-child .img-box__title::after {
display : none;
}
.row--brand-bg-text-holistic .cText .text-small {
max-width : 780px;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.cImage--figure-text .row--brand-bg-text-holistic .cHeading, .cImage--video-brand .row--brand-bg-text-holistic .cHeading, .row--brand-bg-text-holistic .cHeading--small, .row--brand-bg-text-holistic .cImage--figure-text .cHeading, .row--brand-bg-text-holistic .cImage--video-brand .cHeading, .row--brand-bg-text-holistic .row--reference-bm .cBlockquote .cHeading, .row--reference-bm .cBlockquote .row--brand-bg-text-holistic .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cHeading--min {
font-size : 28px;
font-size : 1.55556rem;
}
}
.row--brand-bg-text-holistic .img-box {
position : relative;
padding : 0 10px;
}
.row--brand-bg-text-holistic .img-box svg {
display : block;
margin : 0 auto 15px;
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .img-box svg {
margin-bottom : 30px;
}
}
.row--brand-bg-text-holistic .img-box__title {
position : relative;
display : block;
margin-bottom : 15px;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .img-box__title {
margin-bottom : 20px;
min-height : 50px;
}
}
@media screen and (min-width: 1300px) {
.row--brand-bg-text-holistic .img-box__title::after {
position : absolute;
left : 90%;
top : 85px;
width : 100px;
content : '';
border-top : 6px dotted rgb(255, 255, 255, 0.2);
}
}
.row--brand-bg-text-holistic .img-box__title small {
display : block;
font-weight : 300;
font-size : 15px;
font-size : 0.83333rem;
}
.row--brand-bg-text-holistic .img-box p {
font-weight : 700;
}
.row--brand-bg-text-holistic .img-box p::after {
display : block;
text-align : center;
content : '...';
}
.row--brand-bg-text-holistic .cImage--desc {
position : absolute;
}
.row--brand-bg-text-holistic .cImage--desc-1 {
bottom : 210px;
right : 0;
transform : rotate(40deg) scale(0.7);
}
@media screen and (min-width: 375px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
bottom : 190px;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
bottom : 200px;
right : 10px;
transform : rotate(50deg) scale(0.8);
}
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
bottom : 180px;
right : 100px;
transform : rotate(40deg);
}
}
@media screen and (min-width: 1400px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
bottom : 320px;
transform : none;
}
}
@media screen and (min-width: 1600px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
right : 7%;
}
}
@media screen and (min-width: 1800px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
right : 10%;
}
}
@media screen and (min-width: 1920px) {
.row--brand-bg-text-holistic .cImage--desc-1 {
right : 250px;
}
}
.row--brand-bg-text-holistic .cImage--desc-2 {
top : 470px;
left : 0;
transform : rotate(30deg) scale(0.7);
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
top : 420px;
left : 0;
transform : rotate(40deg) scale(0.8);
}
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
top : auto;
bottom : 550px;
left : 4%;
transform : rotate(40deg);
}
}
@media screen and (min-width: 1360px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
bottom : 510px;
left : 8%;
transform : none;
}
}
@media screen and (min-width: 1600px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
left : 11%;
}
}
@media screen and (min-width: 1800px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
left : 14%;
}
}
@media screen and (min-width: 1920px) {
.row--brand-bg-text-holistic .cImage--desc-2 {
left : 360px;
}
}
.row--brand-bg-text-reference {
padding-top : 50px;
padding-left : 20px;
padding-right : 20px;
background-position : center top;
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-reference {
margin-top : 25px;
}
}
@media screen and (min-width: 1300px) {
.row--brand-bg-text-reference {
padding-top : 0;
}
}
@media screen and (min-width: 1024px) {
.row--our-important {
background-image : url(../img/furniture-bg.jpg?v=8490);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : center bottom;
padding-bottom : 50px;
}
}
@media screen and (min-width: 1800px) {
.row--our-important {
background-position : 50px bottom;
}
}
.row--our-important .grid {
margin-left : -110px;
}
.row--our-important .grid__item, .row--our-important .label--inline, .row--our-important .label--inline + .field {
padding-left : 110px;
}
.row--our-important .cImage {
float : left;
width : 50%;
}
@media screen and (min-width: 1300px) {
.row--our-important .cImage img {
max-width : none;
}
}
@media screen and (min-width: 767px) {
.cftSearch--standard .row--our-important .cftSearch__submit, .row--our-important .btn, .row--our-important .cClientZone__logout, .row--our-important .cftSearch--standard .cftSearch__submit {
margin-top : 60px;
}
}
@media screen and (max-width: 1023px) {
.row--solutions-grid {
max-width : 600px;
margin-left : auto;
margin-right : auto;
}
}
.row--solutions-grid .grid {
margin-left : -10px;
}
.row--solutions-grid .grid__item, .row--solutions-grid .label--inline, .row--solutions-grid .label--inline + .field {
padding-left : 10px;
}
@media screen and (max-width: 1023px) {
.row--solutions-grid .grid__item, .row--solutions-grid .label--inline, .row--solutions-grid .label--inline + .field {
width : 100%;
}
}
.row--solutions-grid .gridInner {
position : relative;
}
.row--solutions-grid .cImage--solution-logo {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 2;
margin : 0;
}
.row--solutions-grid .cImage--solution-logo .cImage__imgWrapper, .row--solutions-grid .cImage--solution-logo .cImage__imgWrapper > a {
overflow : visible;
}
.row--solutions-grid .cImage--solution-logo img {
max-height : 150px;
max-width : 80%;
margin : 0 auto;
}
@media screen and (min-width: 1300px) {
.row--solutions-grid .cImage--solution-logo img {
max-width : 100%;
}
}
@media screen and (min-width: 1600px) {
.row--solutions-grid .cImage--solution-logo img {
max-height : none;
}
}
.row--solutions-grid .cImage--solution-bg {
margin-bottom : 10px;
}
.row--solutions-grid .cImage--solution-bg img {
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.row--solutions-grid .cImage--solution-bg img {
min-height : 250px;
}
}
.row--solutions-grid .cImage--solution-bg a::before {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
content : '';
opacity : 1;
background-color : rgb(0, 0, 0, 0.35);
}
.row--solution-logos {
position : relative;
z-index : 1;
mix-blend-mode : multiply;
}
@media screen and (min-width: 1300px) {
.row--solution-logos {
margin-top : 160px;
margin-bottom : 90px;
}
}
.row--solution-logos .gridInner {
display : flex;
align-items : center;
justify-content : center;
flex-wrap : wrap;
}
@media screen and (min-width: 1300px) {
.row--solution-logos .gridInner {
flex-wrap : nowrap;
}
}
.row--solution-logos .cImage {
margin : 10px auto;
width : 50%;
padding : 5px 20px;
}
@media screen and (min-width: 767px) {
.row--solution-logos .cImage {
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
margin : 10px 20px;
padding : 0;
}
}
@media screen and (min-width: 1300px) {
.row--solution-logos .cImage {
width : auto;
}
}
.row--solution-logos .cImage img {
margin : 0 auto;
}
.row--simple-slide-text {
margin-bottom : 40px;
background-size : auto;
background-repeat : no-repeat;
background-position : 100% 180%;
}
@media screen and (min-width: 767px) {
.row--simple-slide-text {
margin-bottom : 80px;
}
}
@media screen and (max-width: 1800px) {
.row--simple-slide-text {
background : 0 0 !important ;
}
}
.row--simple-slide-text .cText {
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.row--simple-slide-text .cText {
padding-left : 40px;
}
}
.row--simple-slide-text .cText p {
max-width : 450px;
}
.row--simple-slide-text img {
margin : 0 auto;
}
.row--gallery-grid {
margin-bottom : 60px;
}
@media screen and (min-width: 767px) {
.row--gallery-grid {
height : 796px;
margin-bottom : 90px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid {
height : 875px;
margin-bottom : 120px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .rowInner {
position : relative;
z-index : 20;
display : flex;
justify-content : center;
padding : 0;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .gridInner {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : flex-start;
z-index : 20;
height : 796px;
width : 1300px;
margin-left : -10px;
flex-direction : row;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .gridInner {
width : 1430px;
height : 875px;
}
}
.row--gallery-grid .cImage--gallery-grid {
display : flex;
flex-direction : column;
align-items : center;
justify-content : flex-start;
position : static;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid {
align-items : flex-end;
margin : 0 0 10px;
padding-left : 10px;
}
}
.row--gallery-grid .cImage--gallery-grid-video {
position : relative;
}
.row--gallery-grid .cImage--gallery-grid-video .cImage__desc {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
z-index : 1;
margin-left : 0;
margin-right : 0;
}
.row--gallery-grid .cImage--gallery-grid-video .cImage__desc svg {
width : 80px;
height : 80px;
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-video .cImage__desc svg {
width : 130px;
height : 130px;
}
}
.row--gallery-grid .cImage--gallery-grid-video a::after, .row--gallery-grid .cImage--gallery-grid-video a::before {
display : none !important ;
}
.row--gallery-grid .cImage--gallery-grid a:hover::before {
background-color : rgb(0, 0, 0, 0.3);
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-1 {
width : 360px;
height : 527px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-1 {
width : 395px;
height : 580px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-2 {
width : 580px;
height : 285px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-2 {
width : 640px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-3 {
width : 360px;
height : 285px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-3 {
width : 395px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-4 {
width : 360px;
height : 260px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-4 {
width : 395px;
height : 285px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-5 {
position : absolute;
left : 360px;
bottom : -10px;
justify-content : flex-end;
width : 360px;
height : 580px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-5 {
width : 395px;
left : 395px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-6 {
position : absolute;
right : 0;
top : 269px;
width : 582px;
height : 236px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-6 {
top : 295px;
width : 640px;
height : 285px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-7 {
position : absolute;
right : 358px;
bottom : -10px;
width : 224px;
height : 260px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-7 {
right : 395px;
width : 245px;
height : 285px;
}
}
@media screen and (min-width: 767px) {
.row--gallery-grid .cImage--gallery-grid-8 {
position : absolute;
right : 0;
bottom : -10px;
width : 360px;
height : 259px;
}
}
@media screen and (min-width: 1440px) {
.row--gallery-grid .cImage--gallery-grid-8 {
width : 395px;
height : 285px;
}
}
.row--gallery-grid .rsOverflow {
padding-bottom : 60px;
}
.row--gallery-grid .rsOverflow .rsArrow {
bottom : 5px;
}
.row--gallery-grid .rsOverflow .rsArrow.rsArrowLeft {
left : 4px;
}
.row--gallery-grid .rsOverflow .rsArrow.rsArrowRight {
right : 4px;
}
.row--gallery-grid .rsOverflow .rsArrowIcn {
display : block;
}
.row--gallery-grid .rsNav.rsBullets {
bottom : 45px;
width : 200px;
left : 50%;
transform : translateX(-50%);
}
.row--case-study-desc {
background-position : center bottom;
padding-top : 400px;
margin-top : -400px;
margin-bottom : 60px;
}
@media screen and (min-width: 767px) {
.row--case-study-desc {
margin-bottom : 80px;
}
}
@media screen and (min-width: 1024px) {
.row--case-study-desc {
margin-bottom : 120px;
}
}
.row--case-study-desc > .rowInner {
position : relative;
}
@media screen and (min-width: 1024px) {
.row--case-study-desc .cImage {
position : absolute;
bottom : -120px;
right : -80px;
}
}
@media screen and (min-width: 1300px) {
.row--case-study-desc .cImage {
right : -15px;
}
}
.row--case-study-client {
margin-bottom : 40px;
background-color : #00adee;
color : #fff;
padding : 50px 25px 0;
}
@media screen and (min-width: 767px) {
.row--case-study-client {
margin-bottom : 60px;
padding : 90px 40px 0;
}
}
@media screen and (min-width: 1024px) {
.row--case-study-client {
margin-bottom : 130px;
}
}
@media screen and (min-width: 1600px) {
.row--case-study-client {
margin-bottom : 180px;
}
}
.row--case-study-client .cHeading {
color : inherit;
}
.row--case-study-client > .rowInner {
position : relative;
}
@media screen and (min-width: 767px) {
.row--case-study-client .cImage {
position : relative;
left : -50px;
}
}
@media screen and (min-width: 1300px) {
.row--case-study-client .cImage {
position : absolute;
left : -160px;
top : -200px;
}
}
@media screen and (min-width: 1600px) {
.row--case-study-client .cImage {
left : -60px;
}
}
@media screen and (min-width: 1300px) {
.row--case-study-client .cImage img {
max-width : none;
}
}
.row--case-study-client .grid {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.row--case-study-client .grid {
align-items : center;
flex-direction : row;
}
}
.row--case-study-client .grid__item:first-child, .row--case-study-client .label--inline + .field:first-child, .row--case-study-client .label--inline:first-child {
order : 1;
}
@media screen and (min-width: 767px) {
.row--case-study-client .grid__item:first-child, .row--case-study-client .label--inline + .field:first-child, .row--case-study-client .label--inline:first-child {
order : 0;
}
}
.row--case-study-barko {
text-align : left;
}
.row--case-study-barko .cTopPhoto {
display : none;
}
@media screen and (min-width: 1300px) {
.row--case-study-barko .cTopPhoto {
display : block;
}
}
.row--case-study-barko .cHeading__hx {
text-align : left;
}
.row--case-study-barko .cPerex {
max-width : 100%;
margin : 0 0 40px;
}
.row--case-study-top {
margin-bottom : 0;
}
@media screen and (min-width: 1300px) {
.row--case-study-top {
max-height : 805px;
margin-bottom : 130px;
}
}
.row--case-study-top img {
position : relative;
}
@media screen and (min-width: 1300px) {
.row--case-study-top img {
max-width : none;
left : -140px;
top : -250px;
}
}
@media screen and (min-width: 1800px) {
.row--case-study-top img {
left : -80px;
}
}
@media screen and (max-width: 766px) {
.row--case-study-top br {
display : none;
}
}
.row--case-study-content {
padding : 90px 0 120px;
color : #fff;
}
@media screen and (min-width: 767px) {
.row--case-study-content {
padding-bottom : 90px;
}
}
.row--case-study-content .cHeading {
color : inherit;
}
.row--case-study-content .grid {
margin-left : -80px;
}
.row--case-study-content .grid__item, .row--case-study-content .label--inline, .row--case-study-content .label--inline + .field {
padding-left : 80px;
}
.row--case-study-images .cImage--reverse {
position : relative;
z-index : 1;
margin-top : -180px;
}
@media screen and (min-width: 1024px) {
.row--case-study-images .cImage--reverse {
margin-top : -200px;
}
}
@media screen and (min-width: 1300px) {
.row--case-study-images .cImage--reverse {
margin-top : -350px;
}
}
.row--case-study-images .cImage img {
box-shadow : 0 5px 20px 0 rgb(0, 0, 0, 0.1);
border-radius : 8px;
}
.row--case-study-images-wrap {
margin-bottom : 60px;
}
@media screen and (min-width: 1024px) {
.row--case-study-images-wrap {
margin-bottom : 120px;
}
}
@media screen and (min-width: 1024px) {
.row--case-study-table .grid__item:last-child, .row--case-study-table .label--inline + .field:last-child, .row--case-study-table .label--inline:last-child {
padding-left : 80px;
}
}
.row--case-study-table .table td {
border : 0;
padding : 5px;
vertical-align : middle;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.2;
}
.row--case-study-table .table td:first-child {
padding-right : 10px;
padding-top : 20px;
text-transform : uppercase;
font-weight : 500;
min-width : 100px;
}
.row--case-study-table .table strong {
font-family : migrena-bold;
color : #00adee;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1;
}
@media screen and (min-width: 1300px) {
.row--case-study-table .table strong {
font-size : 40px;
font-size : 2.22222rem;
line-height : 1;
}
}
.row--hero-story {
height : auto;
margin-top : -85px;
padding : 85px 50px 50px;
text-align : center;
color : #fff;
background-color : #000;
}
@media screen and (max-width: 766px) {
.row--hero-story {
margin-top : -103px !important ;
}
}
@media screen and (min-width: 767px) {
.row--hero-story {
padding-left : 70px;
padding-right : 70px;
margin-top : -170px !important ;
padding-top : 170px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-story {
height : 100vh;
min-height : 1080px;
max-height : 1080px;
overflow : hidden;
}
}
.row--hero-story .anchor {
display : none;
}
@media screen and (min-width: 1300px) {
.row--hero-story .anchor {
display : block;
position : absolute;
bottom : -70px;
left : 50%;
transform : translateX(-50%);
width : 60px;
text-decoration : none;
z-index : 3;
margin : 0;
}
.row--hero-story .anchor::before {
display : block;
margin : 0 auto 10px;
content : 'ČÍST VÍCE';
color : #fff;
font-size : 10px;
}
.row--hero-story .anchor svg {
width : 16px;
height : 28px;
}
}
.row--hero-story > .rowInner {
max-width : 1330px;
margin : 0 auto;
}
.row--hero-story .cCrumb {
color : #fff;
text-align : left;
}
@media screen and (max-width: 766px) {
.row--hero-story .cCrumb {
padding-left : 0;
}
}
.row--hero-story .cCrumb a, .row--hero-story .cCrumb ol li::before {
color : inherit;
}
.row--hero-story .cHeading, .row--hero-story .cImage, .row--hero-story .cPerex, .row--hero-story .cText {
position : relative;
z-index : 2;
}
.row--hero-story .cImage--logo {
margin-bottom : 40px;
}
.row--hero-story .cImage--logo img {
display : block;
margin : 0 auto;
}
.row--hero-story .cHeading {
color : inherit;
}
@media screen and (min-width: 1024px) {
.row--hero-story .cHeading {
margin-top : 70px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-story .cHeading {
margin-top : 0;
}
}
.row--hero-story .cHeading__hx {
color : inherit;
font-size : 36px;
font-size : 2rem;
}
@media screen and (min-width: 767px) {
.row--hero-story .cHeading__hx {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.row--hero-story .cHeading__hx {
font-size : 50px;
font-size : 2.77778rem;
}
}
@media screen and (min-width: 1600px) {
.row--hero-story .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
}
}
.row--hero-story .cText--subHeading {
margin-bottom : 20px;
margin-top : 25px;
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 1024px) {
.row--hero-story .cText--subHeading {
margin-top : 0;
margin-bottom : 40px;
font-size : 24px;
font-size : 1.33333rem;
}
}
.row--hero-story .cPerex {
max-width : 820px;
margin : 0 auto;
}
.row--hero-story .cTopPhoto {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.row--hero-story .cTopPhoto img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
opacity : 0.2;
}
.row--story-perex {
padding-top : 60px;
background-size : auto;
background-repeat : no-repeat;
background-position : center top;
}
@media screen and (min-width: 1024px) {
.row--story-perex {
padding-top : 120px;
}
}
@media screen and (min-width: 1024px) {
.row--story-perex .cText--story-perex {
max-width : 760px;
margin : 0 auto 80px;
}
}
.row--story-perex .cText--story-perex .cText__subtitle {
font-weight : 600;
text-align : center;
}
@media screen and (min-width: 1024px) {
.row--story-perex .cText--story-perex .cText__subtitle {
margin-bottom : 2.22222rem;
}
}
.row--story-perex .cText--story-perex p {
margin-bottom : 30px;
}
.row--story-perex .cText--story-perex p:last-child {
margin-bottom : 0;
}
.row--story-figures > .rowInner {
position : relative;
padding-bottom : 400px;
}
@media screen and (min-width: 1300px) {
.row--story-figures > .rowInner {
padding-bottom : 0;
}
}
@media screen and (max-width: 1299px) {
.row--story-figures .grid__item, .row--story-figures .label--inline, .row--story-figures .label--inline + .field {
width : 100%;
}
}
.row--story-figures .cText {
padding-right : 70px;
}
@media screen and (min-width: 767px) {
.row--story-figures .cText {
padding-right : 150px;
}
}
@media screen and (min-width: 1024px) {
.row--story-figures .cText {
padding-left : 50px;
}
}
@media screen and (min-width: 1300px) {
.row--story-figures .cText {
padding : 0 160px 0 140px;
margin-bottom : 150px;
}
}
.row--story-figures .cText p:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 1024px) {
.row--story-figures .cHeading {
margin-bottom : 40px;
}
}
.row--story-figures .cImage {
position : absolute;
margin-bottom : 0;
}
.row--story-figures .cImage__inner {
background-color : #f5f5f5;
}
.row--story-figures .cImage img {
mix-blend-mode : multiply;
}
.row--story-figures .cImage--desc {
left : 3%;
bottom : 250px;
max-width : 150px;
z-index : 2;
}
@media screen and (min-width: 1300px) {
.row--story-figures .cImage--desc {
top : -40px;
left : 30px;
bottom : auto;
max-width : 180px;
}
}
@media screen and (min-width: 1600px) {
.row--story-figures .cImage--desc {
left : -60px;
}
}
.row--story-figures .cImage--desc .cImage__inner {
background-color : transparent;
}
.row--story-figures .cImage--fig {
right : -50px;
bottom : 0;
max-width : 220px;
z-index : 1;
}
@media screen and (min-width: 480px) {
.row--story-figures .cImage--fig {
left : 190px;
right : auto;
}
}
@media screen and (min-width: 1024px) {
.row--story-figures .cImage--fig {
max-width : 260px;
}
}
@media screen and (min-width: 1300px) {
.row--story-figures .cImage--fig {
left : 160px;
max-width : none;
}
}
@media screen and (min-width: 1600px) {
.row--story-figures .cImage--fig {
left : 120px;
}
}
.row--story-figures .cImage--fig1 {
left : 3%;
bottom : 30px;
}
@media screen and (min-width: 1300px) {
.row--story-figures .cImage--fig1 {
top : -100px;
right : 0;
left : auto;
bottom : auto;
}
}
@media screen and (min-width: 1600px) {
.row--story-figures .cImage--fig1 {
right : -40px;
}
}
.row--story-figures .cImage--fig2 {
top : 100px;
right : -70px;
}
@media screen and (min-width: 1024px) {
.row--story-figures .cImage--fig2 {
top : auto;
bottom : 200px;
left : 470px;
}
}
@media screen and (min-width: 1300px) {
.row--story-figures .cImage--fig2 {
left : auto;
bottom : auto;
right : -40px;
top : 100px;
}
}
@media screen and (min-width: 1600px) {
.row--story-figures .cImage--fig2 {
right : -120px;
}
}
.row--story-figures .cImage--fig3 {
top : 340px;
right : -70px;
}
@media screen and (min-width: 1024px) {
.row--story-figures .cImage--fig3 {
right : auto;
left : 600px;
bottom : 70px;
top : auto;
}
}
@media screen and (min-width: 1300px) {
.row--story-figures .cImage--fig3 {
top : 300px;
right : 0;
left : auto;
bottom : auto;
}
}
@media screen and (min-width: 1600px) {
.row--story-figures .cImage--fig3 {
right : -50px;
}
}
.row--story-content {
position : relative;
padding-top : 90px;
padding-bottom : 40px;
}
.row--story-content > .rowInner {
position : relative;
z-index : 1;
}
@media screen and (min-width: 1600px) {
.row--story-content::after, .row--story-content::before {
position : absolute;
left : 0;
top : 0;
content : '';
width : 1265px;
height : 887px;
background-image : url(../img/tri-bg.png?v=66e3);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
}
.row--story-content::after {
transform : scaleY(-1) scaleX(-1);
top : auto;
left : auto;
bottom : 0;
right : 0;
}
}
@media screen and (min-width: 1024px) {
.row--story-content {
padding-bottom : 80px;
}
}
.row--story-graphics {
position : relative;
padding-top : 60px;
background-color : #00adee;
color : #fff;
overflow : hidden;
}
@media screen and (min-width: 1600px) {
.row--story-graphics {
padding-top : 100px;
}
}
.row--story-graphics::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100px;
content : '';
box-shadow : 0 -7px 7px 0 rgb(0, 0, 0, 0.15) inset;
z-index : 2;
}
.row--story-graphics > .rowInner {
position : relative;
}
.row--story-graphics .author strong {
color : inherit;
}
.row--story-graphics .cText {
margin-bottom : 30px;
}
@media screen and (min-width: 1300px) {
.row--story-graphics .cText {
margin-top : 60px;
padding-right : 40px;
}
}
@media screen and (min-width: 1600px) {
.row--story-graphics .cText {
padding-right : 0;
}
}
.row--story-graphics .grid {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.row--story-graphics .grid {
flex-direction : row;
}
}
@media screen and (max-width: 1299px) {
.row--story-graphics .grid__item, .row--story-graphics .label--inline, .row--story-graphics .label--inline + .field {
display : block;
width : 100%;
}
}
.row--story-graphics .grid__item:first-child, .row--story-graphics .label--inline + .field:first-child, .row--story-graphics .label--inline:first-child {
align-self : flex-end;
order : 1;
}
@media screen and (min-width: 1300px) {
.row--story-graphics .grid__item:first-child, .row--story-graphics .label--inline + .field:first-child, .row--story-graphics .label--inline:first-child {
order : 0;
}
}
.row--story-graphics .cImage {
margin-bottom : -1px;
}
.row--story-graphics .cImage--rms {
position : absolute;
right : 0;
bottom : 0;
max-width : 200px;
}
@media screen and (min-width: 767px) {
.row--story-graphics .cImage--rms {
max-width : 100%;
}
}
@media screen and (min-width: 1300px) {
.row--story-graphics .cImage--rms {
left : 300px;
}
}
@media screen and (min-width: 1600px) {
.row--story-graphics .cImage--rms {
left : 390px;
}
}
.row--story-graphics .text-small {
padding-right : 50px;
}
.row--story-graphics .cHeading {
color : inherit;
}
.cImage--figure-text .row--story-graphics .cHeading, .cImage--video-brand .row--story-graphics .cHeading, .row--reference-bm .cBlockquote .row--story-graphics .cHeading, .row--story-graphics .cHeading--small, .row--story-graphics .cImage--figure-text .cHeading, .row--story-graphics .cImage--video-brand .cHeading, .row--story-graphics .row--reference-bm .cBlockquote .cHeading {
margin-bottom : 40px;
}
.row--story-graphics .cHeading--smaller {
margin-bottom : 30px;
}
.row--story-quotes {
padding-top : 60px;
padding-bottom : 50px;
background : linear-gradient(to bottom, #f5f5f5 50%, #fff);
}
@media screen and (min-width: 1024px) {
.row--story-quotes {
padding-top : 120px;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes {
padding-bottom : 20px;
}
}
@media screen and (min-width: 1600px) {
.row--story-quotes {
padding-bottom : 0;
}
}
@media screen and (max-width: 1299px) {
.row--story-quotes .grid__item, .row--story-quotes .label--inline, .row--story-quotes .label--inline + .field {
display : block;
width : 100%;
}
}
.row--story-quotes > .rowInner {
position : relative;
}
.row--story-quotes .cText {
position : relative;
z-index : 1;
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cText {
padding-left : 30px;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cText {
max-width : 770px;
padding-left : 60px;
}
}
@media screen and (min-width: 1600px) {
.row--story-quotes .cText {
padding-left : 0;
}
}
@media screen and (min-width: 700px) {
.row--story-quotes .cText {
margin-bottom : 0;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cText {
margin-bottom : 120px;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cText p:last-child {
padding-right : 100px;
}
}
.row--story-quotes .cImage {
margin-top : -60px;
}
@media screen and (min-width: 767px) {
.row--story-quotes .cImage {
margin-top : 0;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cImage {
margin-left : 0;
margin-right : 0;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cImage {
position : relative;
right : 250px;
bottom : -200px;
margin : 0;
}
}
.row--story-quotes .cImage img {
position : relative;
right : 40px;
max-width : 150%;
}
@media screen and (min-width: 500px) {
.row--story-quotes .cImage img {
max-width : 700px;
}
}
@media screen and (min-width: 767px) {
.row--story-quotes .cImage img {
right : auto;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cImage img {
margin : 0 auto;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cImage img {
max-width : none;
margin : 0;
}
}
.row--story-quotes .cImage--desc {
position : absolute;
z-index : 1;
bottom : 210px;
right : 100px;
}
@media screen and (min-width: 390px) {
.row--story-quotes .cImage--desc {
bottom : 280px;
}
}
@media screen and (min-width: 500px) {
.row--story-quotes .cImage--desc {
right : 200px;
bottom : 350px;
}
}
@media screen and (min-width: 650px) {
.row--story-quotes .cImage--desc {
right : auto;
left : 150px;
}
}
@media screen and (min-width: 767px) {
.row--story-quotes .cImage--desc {
left : 200px;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cImage--desc {
left : 300px;
}
}
@media screen and (min-width: 1100px) {
.row--story-quotes .cImage--desc {
left : 350px;
}
}
@media screen and (min-width: 1300px) {
.row--story-quotes .cImage--desc {
left : auto;
top : 160px;
right : 320px;
bottom : auto;
}
}
.row--story-quotes .cImage--desc .cImage__inner {
transform : scale(0.8);
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cImage--desc .cImage__inner {
transform : none;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes .cHeading {
margin-bottom : 40px;
}
}
.row--story-slider {
padding : 0 30px;
margin-top : -100px;
}
@media screen and (min-width: 1600px) {
.row--story-slider {
margin-top : -80px;
}
}
.row--story-slider.customSlider .rsBullets {
width : 100%;
left : 0;
bottom : 0;
}
@media screen and (min-width: 767px) {
.row--story-slider.customSlider .rsBullets {
bottom : -30px;
}
}
@media screen and (min-width: 1200px) {
.row--story-slider.customSlider .rsBullets {
display : none;
}
}
.row--story-slider.customSlider .cBlockquote {
margin-bottom : 70px;
}
.row--story-slider.customSlider .rsOverflow {
float : none;
max-width : 1350px;
margin : 0 auto;
}
@media screen and (min-width: 1800px) {
.row--story-slider.customSlider .rsOverflow {
max-width : 1450px;
}
}
.row--story-slider.customSlider .rsArrow {
position : absolute;
top : 50%;
z-index : 3;
display : flex;
align-items : center;
justify-content : center;
width : 62px;
height : 62px;
border : #00adee solid 3px;
border-radius : 100%;
opacity : 1;
visibility : visible;
background-color : #fff;
transition : background-color 0.3s ease-in-out;
transform : scale(0.8) translateY(-50%);
}
@media screen and (min-width: 1600px) {
.row--story-slider.customSlider .rsArrow {
background-color : rgb(0, 173, 238, 0.1);
transform : translateY(-50%);
}
}
@media screen and (max-width: 766px) {
.row--story-slider.customSlider .rsArrow {
width : 50px;
height : 50px;
}
}
@media screen and (min-width: 1024px) {
.row--story-slider.customSlider .rsArrow {
width : 72px;
height : 72px;
}
}
.row--story-slider.customSlider .rsArrow:hover {
background-color : #00adee;
}
.row--story-slider.customSlider .rsArrow:hover::before {
background-color : #fff;
}
.row--story-slider.customSlider .rsArrow:hover.rsArrowLeft::after, .row--story-slider.customSlider .rsArrow:hover::after {
border-color : #fff;
}
@media screen and (min-width: 767px) {
.row--story-slider.customSlider .rsArrow::before {
position : absolute;
top : 50%;
left : 50%;
margin : -1px 0 0 -7px;
content : '';
width : 14px;
height : 2px;
background-color : #00adee;
}
}
.row--story-slider.customSlider .rsArrow::after {
position : absolute;
left : 16px;
top : 50%;
margin-top : -5px;
transform : rotate(-45deg);
width : 10px;
height : 10px;
content : '';
border-right : 2px solid #00adee;
border-bottom : 2px solid #00adee;
}
@media screen and (min-width: 767px) {
.row--story-slider.customSlider .rsArrow::after {
left : 50%;
margin-top : -4px;
width : 8px;
height : 8px;
}
}
.row--story-slider.customSlider .rsArrow .rsArrowIcn {
border : 0;
}
.row--story-slider.customSlider .rsArrow.rsArrowLeft {
left : 10px;
}
@media screen and (min-width: 1600px) {
.row--story-slider.customSlider .rsArrow.rsArrowLeft {
left : 30px;
}
}
@media screen and (min-width: 1800px) {
.row--story-slider.customSlider .rsArrow.rsArrowLeft {
left : 100px;
}
}
.row--story-slider.customSlider .rsArrow.rsArrowLeft::after {
border : 0;
border-left : 2px solid #00adee;
border-top : 2px solid #00adee;
left : auto;
right : 16px;
}
@media screen and (min-width: 767px) {
.row--story-slider.customSlider .rsArrow.rsArrowLeft::after {
right : 50%;
}
}
.row--story-slider.customSlider .rsArrow.rsArrowRight {
right : 10px;
}
@media screen and (min-width: 1600px) {
.row--story-slider.customSlider .rsArrow.rsArrowRight {
right : 30px;
}
}
@media screen and (min-width: 1800px) {
.row--story-slider.customSlider .rsArrow.rsArrowRight {
right : 100px;
}
}
.row--story-slider.customSlider .rsArrow.rsArrowDisabled, .row--story-slider.customSlider .rsArrow.rsArrowDisabled::after {
border-color : rgb(0, 0, 0, 0.15);
}
@media screen and (min-width: 1600px) {
.row--story-slider.customSlider .rsArrow.rsArrowDisabled {
background-color : transparent;
}
}
.row--story-slider.customSlider .rsArrow.rsArrowDisabled::before {
background-color : rgb(0, 0, 0, 0.15);
}
.row--hero-holistic {
background-position : center bottom;
}
@media screen and (min-width: 1600px) {
.row--hero-holistic {
padding-bottom : 40px;
}
}
.row--hero-holistic .grid {
display : flex;
flex-direction : column;
align-items : flex-start;
}
@media screen and (min-width: 1024px) {
.row--hero-holistic .grid {
align-items : center;
flex-direction : row;
}
}
@media screen and (max-width: 1023px) {
.row--hero-holistic .grid__item, .row--hero-holistic .label--inline, .row--hero-holistic .label--inline + .field {
width : 100%;
text-align : center;
}
}
@media screen and (min-width: 1300px) {
.row--hero-holistic .cHeading__hx {
margin-bottom : 50px;
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--hero-holistic .cHeading__hx span {
display : block;
font-size : 30px;
font-size : 1.66667rem;
margin-top : 10px;
}
@media screen and (min-width: 1300px) {
.row--hero-holistic .cHeading__hx span {
font-size : 50px;
font-size : 2.77778rem;
}
}
@media screen and (min-width: 1600px) {
.row--hero-holistic .cHeading__hx span {
white-space : nowrap;
}
}
@media screen and (min-width: 1024px) {
.row--hero-holistic .cPerex {
max-width : 585px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-holistic .cPerex {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.7;
}
}
.row--hero-holistic .cPerex p {
margin-bottom : 20px;
}
.row--hero-holistic .cImage--figure {
display : block;
margin : 0 auto;
position : relative;
left : 0;
top : -40px;
z-index : 20;
width : 335px;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure {
margin-top : 0;
margin-bottom : -200px;
top : -90px;
width : 395px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-holistic .cImage--figure {
margin-bottom : 0;
left : -30px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-holistic .cImage--figure {
left : 0;
}
}
.row--hero-holistic .cImage--figure img {
will-change : transform;
transform : scale(0.5);
opacity : 0;
transition : all 0.4s ease-in-out;
transition-delay : 0.4s;
}
.row--hero-holistic .cImage--figure.triggeredCSS3 img {
transform : scale(1);
opacity : 1;
}
.row--hero-holistic .cImage--figure.triggeredCSS3 .cPoint {
transform : scale(1);
}
.row--hero-holistic .cImage--figure .cPoint {
position : absolute;
z-index : 1;
will-change : transform;
transform : scale(0);
transform-origin : center center;
transition : transform 0.3s ease-in-out;
}
.row--hero-holistic .cImage--figure .cPoint--vision {
top : 16px;
left : 30px;
width : 90px;
height : 90px;
transition-delay : 1s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--vision {
width : 110px;
height : 110px;
}
}
.row--hero-holistic .cImage--figure .cPoint--mission {
top : 155px;
left : 130px;
font-size : 22px;
font-size : 1.22222rem;
width : 90px;
height : 90px;
transition-delay : 1.2s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--mission {
top : 180px;
left : 151px;
font-size : 26px;
font-size : 1.44444rem;
width : 110px;
height : 110px;
}
}
.row--hero-holistic .cImage--figure .cPoint--hr {
top : 190px;
left : 0;
font-size : 20px;
font-size : 1.11111rem;
transition-delay : 1.4s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--hr {
top : 220px;
}
}
.row--hero-holistic .cImage--figure .cPoint--marketing {
top : 190px;
right : 0;
font-size : 14px;
font-size : 0.77778rem;
transition-delay : 1.6s;
}
@media screen and (min-width: 375px) {
.row--hero-holistic .cImage--figure .cPoint--marketing {
right : -20px;
}
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--marketing {
top : 220px;
}
}
.row--hero-holistic .cImage--figure .cPoint--finances {
top : 280px;
left : 130px;
font-size : 18px;
font-size : 1rem;
transition-delay : 1.8s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--finances {
top : 310px;
left : 155px;
}
}
.row--hero-holistic .cImage--figure .cPoint--dna {
top : 350px;
left : 130px;
font-size : 18px;
font-size : 1rem;
transition-delay : 2s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--dna {
top : 400px;
left : 155px;
}
}
.row--hero-holistic .cImage--figure .cPoint--employees {
bottom : 40px;
left : 75px;
font-size : 17px;
font-size : 0.94444rem;
transition-delay : 2.2s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--employees {
left : 85px;
}
}
.row--hero-holistic .cImage--figure .cPoint--customer {
bottom : 40px;
right : 55px;
font-size : 17px;
font-size : 0.94444rem;
transition-delay : 2.4s;
}
@media screen and (min-width: 767px) {
.row--hero-holistic .cImage--figure .cPoint--customer {
right : 65px;
}
}
.row--holistic-prevention {
position : relative;
z-index : 1;
padding-top : 70px;
padding-bottom : 15px;
background-size : cover;
background-repeat : no-repeat;
color : #fff;
background-color : #00adee;
}
@media screen and (min-width: 767px) {
.row--holistic-prevention {
background-size : auto;
height : 720px;
padding-top : 120px;
padding-bottom : 0;
}
}
.row--holistic-prevention .cHeading {
margin-bottom : 30px;
color : inherit;
}
@media screen and (min-width: 767px) {
.row--holistic-prevention .cHeading {
margin-bottom : 45px;
}
}
.row--holistic-prevention p {
margin-bottom : 30px;
}
@media screen and (max-width: 766px) {
.row--holistic-prevention p br {
display : none;
}
}
@media screen and (min-width: 1024px) {
.row--holistic-prevention p {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
}
.row--holistic-prevention p strong {
font-weight : 500;
}
@media screen and (min-width: 1024px) {
.row--holistic-prevention p strong {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.5;
}
}
.row--holistic-prevention p:last-child {
margin-bottom : 0;
}
.row--holistic-prevention .cImage--figure {
display : none;
}
@media screen and (min-width: 1024px) {
.row--holistic-prevention .cImage--figure {
display : block;
position : absolute;
top : -50px;
right : -150px;
}
}
@media screen and (min-width: 1300px) {
.row--holistic-prevention .cImage--figure {
right : -50px;
}
}
@media screen and (min-width: 1600px) {
.row--holistic-prevention .cImage--figure {
right : 50px;
}
}
@media screen and (min-width: 1800px) {
.row--holistic-prevention .cImage--figure {
right : 172px;
}
}
.row--holistic-prevention .cImage--logo .cImage__inner {
display : flex;
align-items : center;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.row--holistic-prevention .cImage--logo .cImage__inner {
flex-direction : row;
}
}
.row--holistic-prevention .cImage--logo .cImage__desc {
order : 1;
font-family : migrena-bold;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.4;
}
@media screen and (min-width: 767px) {
.row--holistic-prevention .cImage--logo .cImage__desc {
text-align : left;
max-width : 550px;
margin-left : 30px;
}
}
@media screen and (min-width: 1024px) {
.row--holistic-prevention .cImage--logo .cImage__desc {
margin-left : 70px;
font-size : 26px;
font-size : 1.44444rem;
line-height : 1.4;
}
}
.row--holistic-pills .cImage__imgWrapper {
background-color : #f6f6f6;
}
.row--holistic-pills .cTooltip__helper {
background-color : transparent;
}
.row--holistic-pills .cTooltip__text {
top : auto;
bottom : 135%;
width : 280px;
margin : 0;
transform : translateX(-50%);
font-size : 15px;
font-size : 0.83333rem;
border-radius : 16px;
border : 0;
background-color : #0B1820;
color : #fff;
}
@media screen and (min-width: 767px) {
.row--holistic-pills .cTooltip__text {
width : 350px;
}
}
@media screen and (min-width: 1300px) {
.row--holistic-pills .cTooltip__text {
width : 400px;
padding : 40px;
font-size : 17px;
font-size : 0.94444rem;
bottom : 140%;
}
}
.row--holistic-pills .cTooltip__text::before {
top : auto;
bottom : -18px;
border-bottom-color : #0B1820;
transform : scaleY(-1);
}
@media screen and (min-width: 1300px) {
.row--holistic-pills .cTooltip__text::before {
border-width : 16px;
bottom : -32px;
margin-right : -19px;
}
}
.row--holistic-pills img {
mix-blend-mode : multiply;
}
.row--holistic-pills strong {
text-decoration : underline;
}
.row--holistic-pills .cHeading--mini {
margin-bottom : 0;
font-family : migrena-bold;
}
@media screen and (min-width: 1024px) {
.row--holistic-pills .cHeading--mini {
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.2;
}
}
@media screen and (max-width: 766px) {
.row--holistic-pills .grid {
display : flex;
flex-direction : column;
}
.row--holistic-pills .grid__item:first-child, .row--holistic-pills .label--inline + .field:first-child, .row--holistic-pills .label--inline:first-child {
order : 1;
}
}
.row--holistic-illness-wrap {
padding-top : 260px;
margin-top : -200px;
background-color : #f7f7f7;
background-size : auto;
background-repeat : no-repeat;
}
@media screen and (min-width: 767px) {
.row--holistic-illness-wrap {
padding-top : 320px;
margin-top : -200px;
}
}
.mow-glyph, .row--brand-bg-text-mow .cText::after, .row--story-mow-copy-img .cImage__desc::before, .row--story-mow-images .grid__item::before, .row--story-mow-images .label--inline + .field::before, .row--story-mow-images .label--inline::before {
display : block;
width : 50px;
height : 50px;
margin : -25px 0 0 -25px;
background-image : url(../img/mow-glyph.svg?v=376b);
background-color : #fff;
background-repeat : no-repeat;
background-size : 22px;
background-position : 58% 50%;
border-radius : 100%;
content : '';
}
.row--hero-story-mow {
background-color : transparent;
}
.row--hero-story-mow .cCrumb {
padding-left : 0;
}
@media screen and (min-width: 1300px) {
.row--hero-story-mow .cCrumb {
margin-bottom : 120px;
}
}
.row--hero-story-mow .cHeading__hx {
margin-bottom : 30px;
max-width : 750px;
line-height : 1.1;
text-align : left;
}
.row--hero-story-mow .cPerex {
margin-left : 0;
max-width : 760px;
text-align : left;
}
.row--hero-story-mow .cPerex p {
margin-bottom : 20px;
}
@media screen and (min-width: 1024px) {
.row--hero-story-mow .cPerex strong {
font-size : 24px;
font-size : 1.33333rem;
}
}
.row--hero-story-mow .cImage--logo {
position : relative;
right : -30px;
}
@media screen and (min-width: 767px) {
.row--hero-story-mow .cImage--logo {
right : -70px;
}
}
@media screen and (min-width: 1024px) {
.row--hero-story-mow .cImage--logo {
position : absolute;
top : 45%;
right : -120px;
transform : translateY(-50%);
}
}
@media screen and (min-width: 1600px) {
.row--hero-story-mow .cImage--logo {
right : 0;
}
}
.row--hero-story-mow .cImage--logo img {
margin : 0 0 0 auto;
}
.row--hero-story-mow .cTopPhoto img {
opacity : 1;
}
.row--story-content-mow {
padding-top : 60px;
background-size : auto;
background-repeat : no-repeat;
}
@media screen and (min-width: 1300px) {
.row--story-content-mow {
padding-top : 160px;
}
}
.row--story-content-mow::after, .row--story-content-mow::before {
display : none;
}
.row--story-content-mow .cText--story-perex {
max-width : 770px;
margin : 0 auto 40px;
}
.row--story-content-mow .cBlockquote.cBlockquote--custom-left {
padding-top : 0;
margin-bottom : 40px;
}
.row--story-content-mow .cBlockquote.cBlockquote--custom-left::before {
display : none;
}
@media screen and (min-width: 1300px) {
.row--story-content-mow .cBlockquote.cBlockquote--custom-left::before {
display : block;
opacity : 0.5;
}
}
.row--story-content-mow .cBlockquote.cBlockquote--custom-left .cBlockquote__img {
left : -80px;
top : 10px;
}
.row--story-content-mow .cBlockquote.cBlockquote--custom-left .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
}
.row--story-content-mow .cBlockquote.cBlockquote--custom-left .cBlockquote__inner {
max-width : 700px;
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure {
padding-top : 0;
margin-bottom : 0;
}
@media screen and (min-width: 1300px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure {
max-width : 1080px;
padding-left : 80px;
}
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure::before {
display : none;
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cHeading {
font-family : Roboto, sans-serif;
font-size : 19px;
font-size : 1.05556rem;
line-height : 1.5;
}
@media screen and (min-width: 767px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cHeading {
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.5;
}
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__wrapper {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 1300px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__wrapper {
flex-direction : row;
}
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__inner {
padding : 0;
margin : 0 0 40px;
max-width : 510px;
min-width : 0;
text-align : left;
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__text {
font-size : 16px;
font-size : 0.88889rem;
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__img {
position : relative;
left : 90px;
top : 0;
margin-top : -160px;
}
@media screen and (min-width: 1300px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__img {
left : 0;
margin-top : 0;
}
}
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__img img {
top : 0;
}
@media screen and (min-width: 767px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__img img {
max-width : 250px;
}
}
@media screen and (min-width: 1024px) {
.row--story-content-mow .cBlockquote.cBlockquote--story-figure .cBlockquote__img img {
max-width : none;
}
}
.cImage--logo-mow {
margin-bottom : 80px;
}
@media screen and (min-width: 1300px) {
.cImage--logo-mow {
margin-bottom : 180px;
}
}
.cImage--logo-mow .cImage__imgWrapper {
position : relative;
margin : 0 auto;
}
@media screen and (min-width: 400px) {
.cImage--logo-mow .cImage__imgWrapper {
width : 353px;
}
}
.cImage--logo-mow .cImage__imgWrapper::before {
display : block;
position : relative;
left : 40px;
top : 0;
width : 146px;
height : 111px;
margin : -10px auto 20px;
content : '';
background-image : url(../img/logo-mow-popis.jpg?v=8542);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
transform : rotate(-20deg);
}
@media screen and (min-width: 1300px) {
.cImage--logo-mow .cImage__imgWrapper::before {
position : absolute;
right : -220px;
top : -20px;
left : auto;
margin : 0;
transform : none;
}
}
.row--story-mow-graphics {
background-color : #f2f2f2;
background-position : center top;
}
.row--story-mow-graphics .cImage--mow-graphics img {
margin : 0 auto;
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait {
margin-bottom : 0;
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait::before {
display : none;
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
display : flex;
align-items : flex-start;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
flex-direction : row;
}
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__img {
align-self : flex-end;
position : static;
padding : 0;
margin-top : -175px;
order : -1;
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__img .cBlockquote__portrait {
width : auto;
border-radius : 0;
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : 250px;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : none;
}
}
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
padding : 30px;
text-align : left;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
padding : 0 20px 40px 40px;
background-color : transparent;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-graphics .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
padding : 0 20px 0 60px;
}
}
.row--story-mow-images .grid {
margin : 0 auto 40px;
}
@media screen and (min-width: 1024px) {
.row--story-mow-images .grid {
width : 1105px;
margin-bottom : 90px;
}
}
.row--story-mow-images .grid__item, .row--story-mow-images .label--inline, .row--story-mow-images .label--inline + .field {
position : relative;
padding-bottom : 2px;
}
@media screen and (min-width: 767px) {
.row--story-mow-images .grid__item, .row--story-mow-images .label--inline, .row--story-mow-images .label--inline + .field {
padding : 0 1px;
}
}
.row--story-mow-images .grid__item::before, .row--story-mow-images .label--inline + .field::before, .row--story-mow-images .label--inline::before {
position : absolute;
left : 50%;
top : 0;
transform : rotate(90deg);
}
@media screen and (min-width: 767px) {
.row--story-mow-images .grid__item::before, .row--story-mow-images .label--inline + .field::before, .row--story-mow-images .label--inline::before {
left : 0;
top : 50%;
transform : none;
}
}
.row--story-mow-images .grid__item:first-child::before, .row--story-mow-images .label--inline + .field:first-child::before, .row--story-mow-images .label--inline:first-child::before {
display : none;
}
.row--story-mow-images .cImage {
margin-bottom : 0;
}
@media screen and (max-width: 766px) {
.row--story-mow-images .cImage img {
width : 100%;
}
}
.row--story-mow-copy {
position : relative;
padding-top : 50px;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.row--story-mow-copy {
padding-top : 80px;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy {
padding-top : 160px;
}
}
@media screen and (min-width: 767px) {
.row--story-mow-copy::after {
position : absolute;
left : 0;
top : 35%;
width : 284px;
height : 297px;
background-image : url(../img/mow-logo.svg?v=1c8b);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
transform : scale(0.7);
opacity : 0.5;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy::after {
right : -50px;
left : auto;
top : 250px;
transform : none;
}
}
@media screen and (min-width: 1300px) {
.row--story-mow-copy::after {
opacity : 1;
}
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait {
padding-top : 0;
z-index : 10;
max-width : 980px;
margin-bottom : 0;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait::before {
display : none;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
flex-direction : row;
}
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
position : relative;
left : 0;
margin : 0;
padding : 0;
min-width : 0;
text-align : left;
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
left : 40px;
}
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__img {
position : static;
min-width : 370px;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__img .cBlockquote__portrait {
width : auto;
border-radius : 0;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : 250px;
margin : -80px 0 0 auto;
}
@media screen and (min-width: 767px) {
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : 320px;
margin-top : -160px;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
margin : 0;
max-width : none;
}
}
@media screen and (min-width: 767px) {
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cHeading {
margin-bottom : 50px;
}
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__text p:first-of-type {
font-size : 18px;
font-size : 1rem;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__text p:last-of-type {
margin-bottom : 40px;
max-width : 500px;
}
.row--story-mow-copy .cBlockquote.cBlockquote--portrait .cBlockquote__text p strong {
color : #000;
}
.row--story-mow-copy-img {
margin-bottom : 40px;
}
@media screen and (min-width: 1024px) {
.row--story-mow-copy-img {
margin-bottom : 120px;
}
}
.row--story-mow-copy-img .rowInner {
max-width : 100%;
}
.row--story-mow-copy-img .cImage {
display : flex;
justify-content : flex-end;
}
@media screen and (max-width: 766px) {
.row--story-mow-copy-img .cImage {
margin-bottom : 0;
}
}
.row--story-mow-copy-img .cImage img {
height : 100%;
object-fit : cover;
}
.row--story-mow-copy-img .cImage__inner {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.row--story-mow-copy-img .cImage__inner {
flex-direction : row;
}
}
.row--story-mow-copy-img .cImage__desc {
position : relative;
text-align : left;
padding : 50px;
margin : 0;
background-color : #0082c6;
color : #fff;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 767px) {
.row--story-mow-copy-img .cImage__desc {
width : 460px;
min-width : 400px;
padding : 80px;
}
}
.row--story-mow-copy-img .cImage__desc::before {
position : absolute;
left : 50%;
top : 100%;
margin : -25px 0 0 -25px;
transform : rotate(90deg);
}
@media screen and (min-width: 767px) {
.row--story-mow-copy-img .cImage__desc::before {
top : 50%;
left : 100%;
transform : none;
}
}
.row--story-mow-copy-img .cImage__desc::after {
position : absolute;
left : -145px;
top : 65%;
width : 170px;
height : 102px;
background-image : url(../img/mow-lines.svg?v=90a8);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
.row--story-mow-copy-img .cImage__desc p {
margin-bottom : 25px;
}
.row--story-mow-copy-img .cImage__desc p:last-child {
margin-bottom : 0;
}
.row--story-mow-om {
background-color : #fff;
background-size : auto;
background-repeat : no-repeat;
background-position : 50% 35%;
}
.row--story-mow-om .cText {
max-width : 760px;
margin : 0 auto 20px;
}
@media screen and (min-width: 767px) {
.row--story-mow-om .cText {
margin-bottom : 40px;
}
}
.row--story-mow-om .cImage {
position : relative;
margin-bottom : 0;
z-index : 2;
}
@media screen and (max-width: 766px) {
.row--story-mow-om .cImage {
width : 100vw;
left : -20px;
}
}
.row--story-mow-om .cImage img {
margin : 0 auto;
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait {
max-width : 980px;
margin-bottom : 0;
padding-top : 0;
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait::before {
display : none;
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper {
flex-direction : row;
}
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
position : relative;
padding : 0 20px 20px;
margin : 0;
min-width : 0;
text-align : left;
}
@media screen and (min-width: 767px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
padding : 0 40px;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__inner {
padding : 60px 60px 0 80px;
left : -70px;
}
}
@media screen and (min-width: 767px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__inner::after {
position : absolute;
left : 50px;
top : 130%;
width : 146px;
height : 125px;
background-image : url(../img/mow-glyph-red.png?v=4950);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__inner::after {
top : 60px;
bottom : auto;
left : 100%;
}
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__author {
margin-top : 50px;
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img {
position : relative;
top : auto;
padding : 0;
}
@media screen and (min-width: 1024px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img {
left : -50px;
min-width : 450px;
order : -1;
}
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img .cBlockquote__portrait {
width : auto;
border-radius : 0;
}
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : 300px;
margin-left : auto;
}
@media screen and (min-width: 767px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : 400px;
margin-top : -80px;
}
}
@media screen and (min-width: 1024px) {
.row--story-mow-om .cBlockquote.cBlockquote--portrait .cBlockquote__img img {
max-width : none;
margin-left : 0;
margin-top : 0;
}
}
.row--brand-bg-text-mow {
z-index : 1;
background-position : center top;
padding : 60px 30px;
}
@media screen and (max-width: 766px) {
.row--brand-bg-text-mow {
margin-bottom : 20px;
}
}
@media screen and (min-width: 767px) {
.row--brand-bg-text-mow {
padding : 200px 0 90px;
margin-top : -100px;
}
}
@media screen and (min-width: 1024px) {
.row--brand-bg-text-mow {
padding : 300px 0 130px;
margin-top : -200px;
}
}
.row--brand-bg-text-mow .cText {
margin : 0 auto;
font-size : 18px;
font-size : 1rem;
}
.row--brand-bg-text-mow .cText::after {
margin : 60px auto 0;
transform : rotate(90deg);
}
.row--brand-bg-text-mow .cText .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
.row--brand-bg-text-mow .cText p {
margin-bottom : 40px;
}
.row--brand-bg-text-mow .cText small {
display : block;
max-width : 660px;
margin : 0 auto;
font-size : 16px;
font-size : 0.88889rem;
}
.row--story-quotes-mow {
background-color : #f5f5f5;
margin-top : -300px;
padding-top : 260px;
}
@media screen and (min-width: 1300px) {
.row--story-quotes-mow::before {
position : absolute;
left : -100px;
top : 800px;
width : 284px;
height : 297px;
background-image : url(../img/mow-logo-green.svg?v=d6b2);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
}
@media screen and (min-width: 1600px) {
.row--story-quotes-mow::before {
left : -50px;
}
}
.row--story-quotes-mow .cBlockquote.left .cHeading {
font-family : Roboto, sans-serif;
font-size : 22px;
font-size : 1.22222rem;
}
.row--story-quotes-mow .cBlockquote.left .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
.row--story-quotes-mow .cBlockquote.left .cHeading {
font-style : normal;
line-height : 1.5;
}
.row--story-quotes-mow .cBlockquote.left .cBlockquote__img .cBlockquote__portrait {
width : 140px;
}
.row--story-quotes-mow .cBlockquote.left .cBlockquote__img {
top : auto;
bottom : 20px;
}
.row--story-quotes-mow .cBlockquote.left::before {
top : auto;
bottom : 55px;
opacity : 0.5;
}
.row--story-quotes-mow .cBlockquote.right {
z-index : 10;
margin-bottom : 80px;
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cBlockquote.right {
margin-bottom : 180px;
}
}
@media screen and (min-width: 767px) {
.row--story-quotes-mow .cBlockquote.right .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.row--story-quotes-mow .cBlockquote.right .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
.row--story-quotes-mow .cBlockquote.right .cBlockquote__inner {
padding-left : 0;
padding-right : 0;
}
.row--story-quotes-mow .cBlockquote.right .cBlockquote__img, .row--story-quotes-mow .cBlockquote.right::before {
top : 20%;
transform : none;
}
.row--story-quotes-mow .cBlockquote.right p:first-child {
padding : 0 20px;
}
@media screen and (min-width: 767px) {
.row--story-quotes-mow .cBlockquote.right p:first-child {
padding : 0 50px;
}
}
.row--story-quotes-mow .cBlockquote.right p:last-child {
font-size : 22px;
font-size : 1.22222rem;
}
.row--story-quotes-mow .cImage {
max-width : 1020px;
margin : 0 auto;
}
.row--story-quotes-mow .cImage__inner {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cImage__inner {
flex-direction : row;
}
}
.row--story-quotes-mow .cImage__imgWrapper {
position : relative;
order : 1;
}
@media screen and (min-width: 767px) {
.row--story-quotes-mow .cImage__imgWrapper {
margin-top : -100px;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cImage__imgWrapper {
margin-top : 0;
}
}
.row--story-quotes-mow .cImage__imgWrapper img {
position : relative;
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cImage__imgWrapper img {
max-width : none;
left : -230px;
bottom : 50px;
}
}
.row--story-quotes-mow .cImage__desc {
position : relative;
z-index : 2;
text-align : left;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cImage__desc {
max-width : 540px;
min-width : 540px;
}
}
@media screen and (min-width: 1024px) {
.row--story-quotes-mow .cImage__desc p {
margin-bottom : 50px;
}
}
.row--story-quotes-mow .cImage__desc p:first-child {
max-width : 500px;
font-size : 18px;
font-size : 1rem;
}
.row--story-slider-mow {
background-color : #f5f5f5;
margin-top : -500px;
padding-top : 450px;
}
.row--story-slider-mow .rsArrow {
top : 70% !important ;
}
.row--form-mow {
background-color : #f5f5f5;
background-image : none;
}
.cText--mow-line {
position : relative;
max-width : 640px;
margin-left : auto;
margin-right : auto;
}
@media screen and (min-width: 767px) {
.cText--mow-line::before {
position : absolute;
left : -80px;
top : 0;
width : 104px;
height : 70px;
background-image : url(../img/mow-arrow.svg?v=1bbb);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
}
@media screen and (min-width: 1024px) {
.cText--mow-line::before {
left : -110px;
top : -20px;
}
}
@media screen and (min-width: 1300px) {
.row--hero-story-drko .cCrumb {
margin-bottom : 3.33333rem;
}
}
@media screen and (min-width: 1600px) {
.row--hero-story-drko .cCrumb {
margin-top : 3.33333rem;
}
}
@media screen and (min-width: 1300px) {
.row--hero-story-drko .cHeading__hx {
max-width : 800px;
font-size : 50px;
font-size : 2.77778rem;
line-height : 1.12;
}
}
@media screen and (min-width: 1600px) {
.row--hero-story-drko .cHeading__hx {
margin-bottom : 2.22222rem;
}
}
@media screen and (min-width: 1600px) {
.row--hero-story-drko .gridInner {
padding-left : 1.66667rem;
}
}
.row--hero-story-drko .cPerex {
max-width : 720px;
}
.row--hero-story-drko .cPerex .subtitle {
margin-bottom : 1.11111rem;
}
.row--hero-story-drko .cPerex p {
font-weight : 300;
margin-bottom : 1.66667rem;
}
.row--hero-story-drko .cPerex p:last-child {
max-width : 640px;
}
.row--hero-story-drko .cImage--logo {
right : auto;
top : auto;
left : auto;
}
@media screen and (min-width: 1300px) {
.row--hero-story-drko .cImage--logo {
right : 60px;
top : auto;
bottom : 170px;
}
}
@media screen and (min-width: 1900px) {
.row--hero-story-drko .cImage--logo {
right : auto;
left : 57%;
}
}
.row--hero-story-drko .cImage--logo img {
margin : 0;
}
@media screen and (min-width: 1300px) {
.row--story-perex-drko {
padding : 8.88889rem 0 6.66667rem;
}
}
.row--story-perex-drko .cText--story-perex {
max-width : 810px;
margin-bottom : 3.33333rem;
}
@media screen and (min-width: 1300px) {
.row--story-perex-drko .cText--story-perex {
margin-bottom : 6.66667rem;
}
}
.row--story-perex-drko .cText--story-perex p {
max-width : 760px;
}
@media screen and (min-width: 1300px) {
.row--story-perex-drko .cBlockquote.cBlockquote--story-box::before, .row--story-perex-primator .cBlockquote.cBlockquote--story-box::before {
z-index : 2;
transform : scale(0.5);
top : auto;
bottom : 50px;
left : auto;
right : 280px;
}
.row--story-perex-drko .cBlockquote.cBlockquote--story-box .cBlockquote__author, .row--story-perex-primator .cBlockquote.cBlockquote--story-box .cBlockquote__author {
margin-top : 30px;
}
}
.cImage--story-businessman {
max-width : 1140px;
margin : 0 auto;
}
.cImage--story-businessman .cImage__inner {
display : grid;
align-items : start;
}
@media screen and (min-width: 767px) {
.cImage--story-businessman .cImage__inner {
grid-template-columns : 250px 1fr;
column-gap : 2.22222rem;
}
}
@media screen and (min-width: 1300px) {
.cImage--story-businessman .cImage__inner {
grid-template-columns : 540px 1fr;
column-gap : 5rem;
}
}
.cImage--story-businessman .cImage__imgWrapper {
position : relative;
z-index : 2;
margin-top : 2.22222rem;
}
@media screen and (min-width: 767px) {
.cImage--story-businessman .cImage__imgWrapper {
margin-top : 0;
order : -1;
}
}
.cImage--story-businessman .cImage__desc {
margin : 0;
text-align : left;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.8;
}
@media screen and (min-width: 767px) {
.cImage--story-businessman .cImage__desc {
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
}
.cImage--story-businessman .cImage__quote {
font-style : italic;
}
@media screen and (min-width: 1300px) {
.cImage--story-businessman .cImage__quote {
padding-right : 1.66667rem;
}
}
@media screen and (min-width: 1300px) {
.cImage--story-businessman .author {
margin-top : 5.55556rem;
}
}
@media screen and (min-width: 1300px) {
.cImage--story-businessman p {
margin-bottom : 3.33333rem;
}
}
.cImage--story-businessman p strong {
color : #303233;
}
@media screen and (min-width: 767px) {
.cImage--story-businessman-2 {
margin-bottom : 5rem;
}
}
@media screen and (min-width: 767px) {
.cImage--story-businessman-2 .cHeading {
margin-bottom : 2.22222rem;
}
}
.cImage--story-businessman-2 .cText__subtitle {
color : #303233;
font-weight : 700;
font-size : 18px;
font-size : 1rem;
}
@media screen and (min-width: 767px) {
.cImage--story-businessman-2 .cText__subtitle {
font-size : 22px;
font-size : 1.22222rem;
}
}
@media screen and (min-width: 767px) {
.cImage--story-businessman-2 .cImage__inner {
align-items : center;
grid-template-columns : 270px 1fr;
}
}
@media screen and (min-width: 1024px) {
.cImage--story-businessman-2 .cImage__inner {
grid-template-columns : 337px 1fr;
}
}
.cImage--story-businessman-2 p {
margin-bottom : 1.33333rem;
}
.cImage--story-businessman-2 .author {
margin-top : 2rem;
}
@media screen and (max-width: 766px) {
.cImage--story-businessman-2 .author span {
max-width : 200px;
}
}
.cImage--story-businessman-2 .cImage__desc {
position : relative;
z-index : 1;
}
@media screen and (max-width: 766px) {
.cImage--story-businessman-2 img {
max-width : 220px;
margin : -140px 0 0 150px;
transform : scaleX(-1);
}
}
.row--story-content-drko .cText--story-perex {
max-width : 820px;
}
@media screen and (min-width: 1024px) {
.row--story-content-drko .cText--story-perex .cHeading {
margin-bottom : 3.33333rem;
}
}
.row--story-content-drko .cText--story-perex p {
max-width : 720px;
margin-left : auto;
margin-right : auto;
}
.row--story-content-drko-video {
position : relative;
padding-top : 1.11111rem;
}
@media screen and (min-width: 767px) {
.row--story-content-drko-video {
padding-top : 3.33333rem;
}
}
@media screen and (min-width: 1800px) {
.row--story-content-drko-video::after {
display : block;
position : absolute;
left : 0;
bottom : 260px;
content : '';
z-index : 1;
width : 277px;
height : 291px;
background-image : url(../img/drko-pilina2.png?v=bc5d);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
transform : none;
}
}
.row--story-content-drko-video .cText--story-perex {
max-width : 980px;
}
.row--story-content-drko-video .cText--story-perex p {
max-width : 820px;
}
@media screen and (min-width: 1024px) {
.row--story-content-drko-video .cImage--video-brand {
margin-bottom : 2.77778rem;
}
}
.row--story-content-drko-video .cImage--video-brand .cImage__desc {
padding : 0 24px;
}
.row--story-content-drko-video .cImage--video-brand img {
width : 100%;
}
.row--story-content-drko-video .cImage--video-brand .cImage__imgWrapper a {
background : linear-gradient(24deg, #0080C2, #00AEEF);
}
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure {
padding-left : 0;
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure {
margin-top : 5rem;
}
}
@media screen and (min-width: 1024px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure p {
margin-bottom : 3.33333rem;
}
}
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure p:last-child {
max-width : 650px;
}
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure p strong {
color : #303233;
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure .cBlockquote__inner {
max-width : 780px;
margin-bottom : 6.66667rem;
}
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure .cBlockquote__img {
display : flex;
align-items : flex-end;
position : absolute;
bottom : 0;
right : 100px;
left : auto;
}
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure .cBlockquote__img .cBlockquote__portrait {
width : auto;
position : relative;
z-index : 2;
}
}
@media screen and (min-width: 1300px) {
.row--story-content-drko-video .cBlockquote.cBlockquote--story-figure .cBlockquote__img::after {
position : absolute;
top : 0;
right : -100px;
width : 191px;
height : 559px;
content : '';
z-index : 1;
background-image : url(../img/drko-triangles.png?v=58a7);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.cText--drko-projects {
position : relative;
max-width : 1100px;
margin : 0 auto 20px;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.8;
}
@media screen and (min-width: 767px) {
.cText--drko-projects {
padding-left : 180px;
margin-bottom : 90px;
}
}
@media screen and (min-width: 767px) {
.cText--drko-projects::before {
position : absolute;
left : 0;
top : 135px;
width : 151px;
height : 613px;
content : '';
background-image : url(../img/drko-glyphs.jpg?v=7f5c);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.cText--drko-projects .cHeading {
margin-bottom : 2.22222rem;
}
@media screen and (min-width: 767px) {
.cText--drko-projects .cHeading {
margin-bottom : 3.33333rem;
margin-left : -180px;
}
}
.cText--drko-projects strong {
color : #303233;
}
.cText--drko-projects__item {
position : relative;
display : grid;
grid-template-columns : 90px 1fr;
column-gap : 0.55556rem;
margin-bottom : 2.22222rem;
}
@media screen and (min-width: 767px) {
.cText--drko-projects__item {
grid-template-columns : 105px 1fr;
column-gap : 1.66667rem;
margin-bottom : 2.77778rem;
}
}
.cText--drko-projects__item::before {
position : absolute;
left : 35px;
top : 95px;
height : calc(100% - 75px);
height : calc(100% - 75px);
height : calc(100% - 75px);
border-left : 5px dotted #d1d1d1;
content : '';
opacity : 0.7;
z-index : 1;
}
@media screen and (min-width: 767px) {
.cText--drko-projects__item::before {
left : 50px;
height : calc(100% - 60px);
height : calc(100% - 60px);
height : calc(100% - 60px);
}
}
.cText--drko-projects__item:last-child::before {
display : none;
}
.cText--drko-projects__glyph {
margin-top : -0.83333rem;
margin-left : -0.83333rem;
width : 105px;
height : 105px;
background-image : url(../img/drko-tree-icon.jpg?v=02ba);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
transform : scale(0.8);
}
@media screen and (min-width: 767px) {
.cText--drko-projects__glyph {
transform : none;
margin-left : 0;
}
}
.cText--drko-projects p:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 1300px) {
.row--story-slider-drko .cBlockquote.cBlockquote--brand-img {
height : 640px;
}
.row--story-slider-drko .cBlockquote.cBlockquote--brand-img .cBlockquote__wrapper {
height : 100%;
}
.row--story-slider-drko .cBlockquote.cBlockquote--brand-img .cBlockquote__wrapper .cBlockquote__inner {
display : flex;
justify-content : space-between;
flex-direction : column;
height : 100%;
}
}
.row--drko-slider {
position : relative;
z-index : 9;
}
@media screen and (min-width: 1024px) {
.row--drko-slider {
margin-top : -70px;
}
}
@media screen and (min-width: 1200px) {
.row--drko-slider {
margin-top : -260px;
}
}
.row--drko-slider .cImage {
margin-bottom : 3.33333rem;
}
@media screen and (min-width: 767px) {
.row--drko-slider .cImage {
margin-bottom : 7.77778rem;
}
}
.row--drko-slider .cImage__inner {
display : grid;
}
.row--drko-slider .cImage__desc {
order : 1;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.8;
padding : 0 24px;
margin : 0 auto;
opacity : 0;
transform : scale(0.8);
transition : all 0.4s ease-in-out;
}
@media screen and (min-width: 767px) {
.row--drko-slider .cImage__desc {
padding : 0;
max-width : 500px;
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
}
@media screen and (min-width: 1024px) {
.row--drko-slider .cImage__desc {
max-width : 600px;
}
}
@media screen and (min-width: 1200px) {
.row--drko-slider .cImage__desc .cHeading {
display : none;
}
}
.row--drko-slider .cImage img {
display : block;
margin : 0 auto 20px;
opacity : 0;
transform : scale(0.8);
transition : all 0.4s ease-in-out;
}
.row--drko-slider .rsActiveSlide .cImage__desc, .row--drko-slider .rsActiveSlide img {
opacity : 1;
transform : scale(1);
}
.row--drko-slider.customSlider .rsArrow {
display : block;
opacity : 1;
position : absolute;
bottom : 150px;
z-index : 5;
}
@media screen and (min-width: 767px) {
.row--drko-slider.customSlider .rsArrow {
bottom : 320px;
}
}
.row--drko-slider.customSlider .rsArrow.rsArrowRight {
right : 8px;
}
@media screen and (min-width: 767px) {
.row--drko-slider.customSlider .rsArrow.rsArrowRight {
right : 5%;
}
}
@media screen and (min-width: 1300px) {
.row--drko-slider.customSlider .rsArrow.rsArrowRight {
right : 15%;
}
}
.row--drko-slider.customSlider .rsArrow.rsArrowLeft {
left : 8px;
}
@media screen and (min-width: 767px) {
.row--drko-slider.customSlider .rsArrow.rsArrowLeft {
left : 5%;
}
}
@media screen and (min-width: 1300px) {
.row--drko-slider.customSlider .rsArrow.rsArrowLeft {
left : 15%;
}
}
.row--drko-slider.customSlider .rsArrow.rsArrowLeft .rsArrowIcn::before {
transform : scaleX(-1);
}
.row--drko-slider.customSlider .rsArrow .rsArrowIcn {
display : grid;
place-items : center;
}
.row--drko-slider.customSlider .rsArrow .rsArrowIcn::before {
display : block;
}
.row--story-mow-graphics-drko {
background-position : center 0;
background-color : #f3f3f3;
}
@media screen and (min-width: 1600px) {
.row--story-mow-graphics-drko::before {
position : absolute;
right : 0;
top : -270px;
content : '';
z-index : 1;
width : 277px;
height : 291px;
background-image : url(../img/drko-pilina1.png?v=12bf);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
}
.row--story-mow-graphics-drko .cText p {
max-width : 820px;
margin : 0 auto;
}
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko {
position : relative;
z-index : 10;
margin-bottom : 6.66667rem;
padding-top : 0;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko {
margin-bottom : 8.88889rem;
max-width : 1225px;
}
}
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper {
display : grid;
align-items : center;
row-gap : 35px;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper {
grid-template-columns : 103px 1fr 140px;
column-gap : 60px;
}
}
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper .cBlockquote__inner {
padding : 0;
text-align : center;
max-width : 100%;
background-color : transparent;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
line-height : 1.8;
}
}
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper .cBlockquote__img {
order : 0;
align-self : center;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper .cBlockquote__img {
margin : -80px 0 0;
}
}
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper::before {
width : 103px;
height : 87px;
margin : 0 auto;
content : '';
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
transform : scaleX(-1) scaleY(-1);
}
@media screen and (min-width: 767px) {
.row--story-mow-graphics-drko .cBlockquote.cBlockquote--drko .cBlockquote__wrapper::before {
margin : -80px 0 0;
}
}
.cText--slider-points {
display : none;
}
@media screen and (min-width: 1200px) {
.cText--slider-points {
display : block;
}
}
@media screen and (min-width: 1200px) {
.drko-points {
position : relative;
z-index : 10;
display : grid;
grid-template-columns : repeat(5,1fr);
max-width : 1224px;
margin : 0 auto;
}
}
.drko-points .drko-point {
cursor : pointer;
}
.drko-points .drko-point.is-active .drko-point__glyph, .drko-points .drko-point.is-active .drko-point__title, .drko-points .drko-point:hover .drko-point__glyph, .drko-points .drko-point:hover .drko-point__title {
opacity : 1;
}
@media screen and (min-width: 1200px) {
.drko-points .drko-point__title {
display : flex;
align-items : center;
flex-direction : column;
justify-content : flex-end;
font-family : migrena-bold;
margin-bottom : 30px;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.1;
text-align : center;
color : #303233;
height : 60px;
transition : all 0.3s ease-in-out;
opacity : 0.5;
}
}
@media screen and (min-width: 1200px) {
.drko-points .drko-point__glyph {
display : block;
width : 79px;
height : 77px;
margin : 0 auto;
transition : all 0.3s ease-in-out;
opacity : 0.5;
}
}
@keyframes timeline-dot {
0% {
background-color : #d8d8d8;
}
100% {
background-color : #00adee;
}
}
@media screen and (min-width: 1200px) {
.drko-points .drko-point.is-active .drko-point-bullet {
animation : timeline-dot 0.5s 1 forwards;
}
}
@media screen and (min-width: 1200px) and (max-width: 766px) {
.drko-points .drko-point.is-active .drko-point-bullet {
animation : none;
}
}
@media screen and (min-width: 1200px) {
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(2) {
animation-delay : 0.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(3) {
animation-delay : 1s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(4) {
animation-delay : 1.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(5) {
animation-delay : 2s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(6) {
animation-delay : 2.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(7) {
animation-delay : 3s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(8) {
animation-delay : 3.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(9) {
animation-delay : 4s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(10) {
animation-delay : 4.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(11) {
animation-delay : 5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(12) {
animation-delay : 5.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(13) {
animation-delay : 6s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(14) {
animation-delay : 6.5s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(15) {
animation-delay : 7s;
}
.drko-points .drko-point.is-active .drko-point-bullet:nth-child(16) {
animation-delay : 7.5s;
}
}
.drko-points .drko-point--1 {
margin-top : 240px;
margin-left : -40px;
}
.drko-points .drko-point--1 .drko-point__bullets {
top : -135px;
left : 176px;
transform : rotate(-40deg);
}
.drko-points .drko-point--1 .drko-point__glyph {
background-image : url(../img/drko-letokruh-1.svg?v=4474);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.drko-points .drko-point--2 {
margin-top : 64px;
margin-left : -64px;
}
.drko-points .drko-point--2 .drko-point__bullets {
left : 209px;
top : -76px;
transform : rotate(-12deg);
}
.drko-points .drko-point--2 .drko-point__glyph {
background-image : url(../img/drko-letokruh-2.svg?v=105b);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.drko-points .drko-point--3 .drko-point__bullets {
left : 178px;
top : -17px;
transform : rotate(12deg);
}
.drko-points .drko-point--3 .drko-point__glyph {
background-image : url(../img/drko-letokruh-3.svg?v=3887);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.drko-points .drko-point--4 {
margin-top : 64px;
margin-right : -64px;
}
.drko-points .drko-point--4 .drko-point__bullets {
top : 45px;
left : 192px;
transform : rotate(40deg);
}
.drko-points .drko-point--4 .drko-point__glyph {
background-image : url(../img/drko-letokruh-4.svg?v=c627);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.drko-points .drko-point--5 {
margin-top : 240px;
margin-right : -40px;
}
.drko-points .drko-point--5 .drko-point__glyph {
background-image : url(../img/drko-letokruh-5.svg?v=737e);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.drko-points .drko-point__bullets {
position : relative;
display : grid;
grid-template-columns : repeat(16,1fr);
column-gap : 5px;
width : 160px;
}
.drko-points .drko-point-bullet {
width : 4px;
height : 4px;
border-radius : 100%;
background-color : #d8d8d8;
}
.drko-points .drko-point-bullet:nth-child(2) {
margin-top : -1px;
}
.drko-points .drko-point-bullet:nth-child(3) {
margin-top : -2px;
}
.drko-points .drko-point-bullet:nth-child(4) {
margin-top : -3px;
}
.drko-points .drko-point-bullet:nth-child(5) {
margin-top : -4px;
}
.drko-points .drko-point-bullet:nth-child(10), .drko-points .drko-point-bullet:nth-child(11), .drko-points .drko-point-bullet:nth-child(6), .drko-points .drko-point-bullet:nth-child(7), .drko-points .drko-point-bullet:nth-child(8), .drko-points .drko-point-bullet:nth-child(9) {
margin-top : -5px;
}
.drko-points .drko-point-bullet:nth-child(12) {
margin-top : -4px;
}
.drko-points .drko-point-bullet:nth-child(13) {
margin-top : -3px;
}
.drko-points .drko-point-bullet:nth-child(14) {
margin-top : -2px;
}
.drko-points .drko-point-bullet:nth-child(15) {
margin-top : -1px;
}
@media screen and (min-width: 1400px) {
.row--hero-story-primator .cHeading__hx {
font-size : 50px;
font-size : 2.77778rem;
max-width : 650px;
}
}
.cImage--story-primator {
max-width : 1300px;
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.cImage--story-primator {
margin-bottom : 140px;
}
}
.cImage--story-primator .cImage__inner {
align-items : center;
}
@media screen and (min-width: 767px) {
.cImage--story-primator .cImage__inner {
grid-template-columns : 450px 1fr;
}
}
@media screen and (min-width: 1100px) {
.cImage--story-primator .cImage__inner {
grid-template-columns : 715px 1fr;
}
}
.cImage--story-primator .cImage__imgWrapper {
order : 1;
}
@media screen and (min-width: 767px) {
.cImage--story-primator .cHeading {
max-width : 500px;
margin-bottom : 40px;
}
}
.cImage--story-primator p {
margin-bottom : 30px;
}
.cImage--story-primator p:last-child {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.row--story-slider-primator {
margin-top : -450px;
}
}
.row--story-slider-primator .row--story-grid {
width : 1230px;
margin : 0 auto;
}
@media screen and (min-width: 1300px) {
.row--story-slider-primator .row--story-grid .grid__item:first-child, .row--story-slider-primator .row--story-grid .label--inline + .field:first-child, .row--story-slider-primator .row--story-grid .label--inline:first-child {
width : 460px;
}
.row--story-slider-primator .row--story-grid .grid__item:last-child, .row--story-slider-primator .row--story-grid .label--inline + .field:last-child, .row--story-slider-primator .row--story-grid .label--inline:last-child {
width : 740px;
}
.row--story-slider-primator .row--story-grid .grid__item:last-child p, .row--story-slider-primator .row--story-grid .label--inline + .field:last-child p, .row--story-slider-primator .row--story-grid .label--inline:last-child p {
max-width : 490px;
margin : 0 auto 30px;
}
}
.row--story-perex-primator .cText--story-perex-bottom {
margin-bottom : 80px;
}
@media screen and (min-width: 1024px) {
.row--story-perex-primator .cText--story-perex-bottom {
margin-bottom : 160px;
}
}
.row--story-perex-primator .cText--story-perex-bottom .cHeading, .row--story-perex-primator .cText--story-perex-bottom p {
max-width : 84%;
margin-left : auto;
margin-right : auto;
}
.cImage--primator {
max-width : 1100px;
margin : 0 auto;
}
.cImage--primator .cImage__desc {
font-size : 18px;
font-size : 1rem;
line-height : 1.7;
text-align : left;
}
@media screen and (min-width: 1024px) {
.cImage--primator .cImage__inner {
display : grid;
grid-template-columns : 680px 1fr;
}
}
.cImage--primator .cHeading {
margin-bottom : 40px;
}
.cImage--primator img {
max-width : 120%;
}
@media screen and (min-width: 1024px) {
.cImage--primator img {
position : relative;
right : 50px;
max-width : none;
}
}
@media screen and (min-width: 1024px) {
.cImage--primator p {
max-width : 85%;
}
}
.cImage--primator-claim {
padding : 40px 30px 0;
position : relative;
z-index : 1;
margin : -150px -25px 0;
background-color : #242424;
color : #fff;
box-shadow : 0 0 32px 0 rgb(0, 0, 0, 0.4);
}
@media screen and (min-width: 767px) {
.cImage--primator-claim {
width : 1088px;
max-width : 100%;
margin : -370px auto 95px;
padding : 57px 450px 57px 70px;
}
}
.cImage--primator-claim .cHeading {
color : inherit;
margin-bottom : 35px;
}
.cImage--primator-claim p {
margin-bottom : 0;
}
.cImage--primator-claim .cImage__desc {
font-size : 18px;
font-size : 1rem;
line-height : 1.7;
text-align : left;
}
.cImage--primator-claim .cImage__imgWrapper {
display : flex;
align-items : center;
justify-content : center;
height : 400px;
background-color : #1c1c1c;
margin : 60px -30px 0;
position : relative;
}
@media screen and (min-width: 767px) {
.cImage--primator-claim .cImage__imgWrapper {
position : absolute;
top : 0;
right : 0;
height : 100%;
width : 400px;
margin : 0;
}
}
.cImage--primator-claim .cImage__imgWrapper::before {
position : absolute;
top : 0;
left : 50%;
margin-top : -25px;
margin-left : -25px;
width : 50px;
height : 50px;
content : '';
background-image : url(../img/arrow-icon.png?v=a55d);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
transform : rotate(90deg);
}
@media screen and (min-width: 767px) {
.cImage--primator-claim .cImage__imgWrapper::before {
top : 50%;
transform : none;
left : -25px;
margin-left : 0;
margin-top : -25px;
}
}
.row--story-content-primator {
background-position : center -100px;
}
@media screen and (max-width: 766px) {
.row--story-content-primator {
padding-bottom : 0;
}
}
.row--story-content-primator .cText--story-perex {
text-align : center;
}
.row--story-content-primator .cText--story-perex p {
margin-bottom : 30px;
}
.cftSearch--standard .row--story-content-primator .cText--story-perex .cftSearch__submit, .row--story-content-primator .cText--story-perex .btn, .row--story-content-primator .cText--story-perex .cClientZone__logout, .row--story-content-primator .cText--story-perex .cftSearch--standard .cftSearch__submit {
margin : 30px auto 40px;
}
.row--story-mow-graphics-primator {
margin-top : 0;
padding-top : 0;
}
@media screen and (min-width: 1024px) {
.row--story-mow-graphics-primator {
margin-top : -500px;
padding-top : 500px;
}
}
.row--story-mow-graphics-primator::before {
background-image : url(../img/kytka-pozadi.png?v=4f18);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
right : auto;
left : 0;
top : 580px;
width : 415px;
height : 426px;
}
.cImage--story-businessman-primator {
position : relative;
z-index : 2;
}
@media screen and (max-width: 766px) {
.cImage--story-businessman-primator {
margin-bottom : 40px;
}
}
.cImage--story-businessman-primator img {
max-width : 100%;
}
@media screen and (min-width: 1100px) {
.cImage--story-businessman-primator img {
max-width : none;
}
}
@media screen and (min-width: 767px) {
.cImage--story-businessman-primator .cImage__inner {
grid-template-columns : 300px 1fr;
}
}
@media screen and (min-width: 1100px) {
.cImage--story-businessman-primator .cImage__inner {
grid-template-columns : 450px 1fr;
}
}
.pageID-096dceff-fa2f-4651-8095-900266fead34 .cCrumb, .pageID-096dceff-fa2f-4651-8095-900266fead34 .mainWrapper > .row > .rowInner, .pageID-096dceff-fa2f-4651-8095-900266fead34 .row--hero > .rowInner {
max-width : 1340px;
}
@media screen and (min-width: 767px) and (max-width: 970px) {
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--hero .cImage {
position : relative;
}
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--hero .cImage::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 300px;
content : '';
background : linear-gradient(to top, #fff, transparent);
}
}
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--hero .cTopPhoto {
display : none;
}
@media screen and (min-width: 1300px) {
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--hero .cTopPhoto {
display : block;
top : 60px;
}
}
@media screen and (min-width: 1024px) {
.pageID-096dceff-fa2f-4651-8095-900266fead34 .cHeading__hx {
min-width : 110%;
}
}
@media screen and (max-width: 766px) {
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--form {
margin-top : -50px;
}
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--form .cForm {
margin-left : -20px;
margin-right : -20px;
}
}
@media screen and (min-width: 1024px) {
.pageID-096dceff-fa2f-4651-8095-900266fead34 .row--form {
margin-top : -300px;
}
}
.pageID-04374d28-d515-4ebb-ad15-e7ad45cf8bb3 .cCrumb {
max-width : 1440px;
}
.pageID-616830e6-9304-40f1-a763-29b464faacdc .cCrumb {
position : relative;
z-index : 1;
max-width : 1470px;
}
.pageID-616830e6-9304-40f1-a763-29b464faacdc .mainWrapper {
background-color : #f2f2f2;
}
@media screen and (min-width: 1024px) {
.pageID-616830e6-9304-40f1-a763-29b464faacdc .cHeading__hx {
font-size : 70px;
font-size : 3.88889rem;
}
}
.pageID-616830e6-9304-40f1-a763-29b464faacdc .cHeading__hx small {
font-family : Roboto, sans-serif;
color : #666;
font-size : 24px;
font-size : 1.33333rem;
font-weight : 500;
}
.pageID-17360849-43f7-43f2-b1fa-b4aed270797e .cHeading__hx {
text-align : center;
}
@media screen and (min-width: 1024px) {
.pageID-17360849-43f7-43f2-b1fa-b4aed270797e .row--form {
padding-top : 250px;
margin-top : -100px;
}
}
@media screen and (min-width: 767px) {
.pageID-5e2c2289-1cb6-45c1-b739-ad205ce1c91c .row--hero-service .cImage img {
position : relative;
top : -40px;
max-width : none;
}
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--hero-service .cImage {
margin-bottom : 0;
}
@media screen and (min-width: 1300px) {
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--hero-service .cImage {
position : relative;
right : 85px;
margin-top : -100px;
}
}
@media screen and (min-width: 1300px) {
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--hero-service .cImage img {
max-width : none;
}
}
@media screen and (min-width: 1300px) {
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--hero-service .cPerex__desc {
min-width : 110%;
}
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--service-usp {
margin-top : -180px;
padding-top : 190px;
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--service-info-text {
position : relative;
z-index : 10;
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--form {
background : linear-gradient(to bottom, #fff, #f5f5f5);
}
@media screen and (min-width: 1300px) {
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .row--form {
margin-top : -150px;
padding-top : 150px;
}
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .cForm {
box-shadow : 0 0 20px 0 rgb(0, 0, 0, 0.08);
}
.pageID-771a031a-830d-4c12-9088-b1fadcf3a33a .cForm::after {
box-shadow : 0 -15px 15px 0 rgb(0, 0, 0, 0.04);
}
.pageID-ead3271b-fb5f-4ebb-965d-9d4b4faa79dd .cImage--figure-text-2 {
max-width : 1100px;
}
.pageID-ead3271b-fb5f-4ebb-965d-9d4b4faa79dd .cImage--figure-text-2 .cImage__imgWrapper img {
max-width : 100%;
margin-left : auto;
}
.pageID-3631523f-71d2-4e92-b2b9-f48432d784b1 .row--form {
padding-top : 10px;
background : #f5f5f5;
}
@media screen and (min-width: 1300px) {
.pageID-3631523f-71d2-4e92-b2b9-f48432d784b1 .row--form {
padding-top : 50px;
}
}
.pageID-6ee90126-40dd-45cf-8814-ae877c7aad5c .cTopPhoto img {
left : auto;
transform : none;
}
.constructID-copy3752db803ae94cfd8998abf003ae48f9 .newsWrapper {
position : relative;
z-index : 2;
}
@media screen and (min-width: 1300px) {
.constructID-copy3752db803ae94cfd8998abf003ae48f9 .row--form:not(.row--form-dark) {
margin-top : -150px;
}
}
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--hero .cImage {
margin-bottom : 0;
}
@media screen and (min-width: 1300px) {
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--hero .cImage {
position : relative;
left : 50px;
}
}
@media screen and (min-width: 767px) {
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--hero .cImage img {
max-width : none;
}
}
@media screen and (min-width: 1300px) {
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--hero .cHeading__hx {
margin-top : 60px;
min-width : 120%;
font-size : 70px;
font-size : 3.88889rem;
}
}
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--form {
margin-top : -50px;
background : linear-gradient(to bottom, #fff, #f5f5f5 20%);
}
@media screen and (min-width: 1024px) {
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--form {
margin-top : -270px;
}
}
.pageID-38592ef5-3245-4c0f-8f9e-c5ad09d6c72d .row--form-reverse-top {
display : none;
}
.pageID-094dad4e-93bd-4022-8a2c-a33ce8925d8a .row--form, .pageID-5e2c2289-1cb6-45c1-b739-ad205ce1c91c .row--form {
padding-top : 0;
margin-top : -70px;
background : #f5f5f5;
}
@media screen and (min-width: 1300px) {
.pageID-094dad4e-93bd-4022-8a2c-a33ce8925d8a .row--form, .pageID-5e2c2289-1cb6-45c1-b739-ad205ce1c91c .row--form {
padding-top : 330px;
margin-top : -300px;
}
}
.csr-hero {
position : relative;
margin-top : -103px !important ;
min-height : 1200px;
padding : 103px 25px 0;
color : #fff;
}
@media screen and (min-width: 767px) {
.csr-hero {
margin-top : -170px !important ;
padding-top : 170px;
min-height : 1340px;
}
}
@media screen and (min-width: 1600px) {
.csr-hero {
min-height : 1540px;
}
}
.csr-hero::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
content : "";
z-index : 1;
background : linear-gradient(to top, rgb(0, 0, 0, 0.5), rgb(255, 255, 255, 0));
}
@media screen and (min-width: 1024px) {
.csr-hero::before {
display : none;
}
}
.csr-hero .cImage {
margin : 0;
}
.csr-hero img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
.csr-hero .cCrumb {
text-align : center;
color : inherit;
}
.csr-hero .cCrumb a, .csr-hero .cCrumb ol > li::before {
color : inherit;
}
.csr-hero .cHeading, .csr-hero .cHeading__hx, .csr-hero .cPerex, .csr-hero h2 {
position : relative;
z-index : 1;
text-align : center;
color : inherit;
}
.csr-hero .cHeading__hx {
margin-bottom : 1.5rem;
font-size : 45px;
font-size : 2.5rem;
}
@media screen and (min-width: 1024px) {
.csr-hero .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
margin-bottom : 3rem;
}
}
.csr-hero .cCrumb {
margin-top : 2.5rem;
}
.csr-hero .cPerex {
max-width : 78ch;
margin : 0 auto;
}
.csr-hero h2 {
max-width : 55ch;
margin : 0 auto 2.5rem;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.6;
font-family : Roboto, sans-serif;
}
@keyframes heart-pulse {
10% {
transform : scale(1.1);
}
}
@keyframes heart-pulse-color {
10% {
transform : scale(1.1);
}
}
@keyframes heart-move-from-left {
100% {
transform : translateX(40px);
}
}
@keyframes heart-move-from-right {
100% {
transform : translateX(-40px);
}
}
@keyframes heart-fade-out {
100% {
opacity : 0;
}
}
@keyframes heart-fade-in {
100% {
opacity : 1;
transform : scale(1);
}
}
.csr-hero--conference {
background-color : #f7f7f7;
padding-left : 2rem;
padding-right : 2rem;
min-height : 0;
}
@media screen and (min-width: 767px) {
.csr-hero--conference {
min-height : 960px;
min-height : 53.33333rem;
padding-left : 5rem;
padding-right : 5rem;
}
}
@media screen and (min-width: 1024px) {
.csr-hero--conference {
padding-left : 3rem;
padding-right : 3rem;
}
}
@media screen and (min-width: 1100px) {
.csr-hero--conference {
min-height : 1060px;
min-height : 58.88889rem;
}
}
@media screen and (min-width: 1500px) {
.csr-hero--conference {
min-height : 1120px;
min-height : 62.22222rem;
}
}
.csr-hero--conference img {
object-position : center top;
}
@media screen and (min-width: 1400px) {
}
.csr-hero--conference .cCrumb {
text-align : left;
padding : 0;
}
.csr-hero--conference .btn-wrap {
display : flex;
flex-direction : column;
margin-top : 1.33333rem;
}
@media screen and (min-width: 1024px) {
.csr-hero--conference .btn-wrap {
flex-direction : row;
align-items : center;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .btn-wrap {
margin-top : 3rem;
}
}
@media screen and (min-width: 1600px) {
.csr-hero--conference .btn-wrap {
margin-top : 4rem;
}
}
.cftSearch--standard .csr-hero--conference .btn-wrap .cftSearch__submit, .csr-hero--conference .btn-wrap .btn, .csr-hero--conference .btn-wrap .cClientZone__logout, .csr-hero--conference .btn-wrap .cftSearch--standard .cftSearch__submit {
white-space : nowrap;
}
.csr-hero--conference .btn-wrap p {
margin-bottom : 1rem;
font-style : italic;
font-weight : 700;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .btn-wrap p {
font-size : 22px;
font-size : 1.22222rem;
}
}
@media screen and (min-width: 1024px) {
.csr-hero--conference .btn-wrap p {
margin : 0 0 0 2rem;
order : 1;
}
}
.csr-hero--conference .cText {
margin : 0;
position : relative;
z-index : 16;
}
.csr-hero--conference .cText svg {
height : auto;
}
@media screen and (max-width: 766px) {
.csr-hero--conference .cText svg {
position : absolute;
left : 0;
top : 0;
width : 120px;
width : 6.66667rem;
z-index : 20;
}
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cText svg {
width : 400px;
width : 22.22222rem;
}
}
@media screen and (min-width: 1024px) {
.csr-hero--conference .cText svg {
width : 100%;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText svg {
width : 550px;
width : 30.55556rem;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart--left {
animation : heart-move-from-left 3s forwards;
}
}
.csr-hero--conference .cText .conf-heart--right {
position : absolute;
right : 0;
top : 0;
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart--right {
animation : heart-move-from-right 3s forwards;
}
}
.csr-hero--conference .cText .conf-heart--left, .csr-hero--conference .cText .conf-heart--right {
display : none;
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart--left, .csr-hero--conference .cText .conf-heart--right {
display : block;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart--left path, .csr-hero--conference .cText .conf-heart--right path {
animation : heart-fade-out 1s forwards;
animation-delay : 2s;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart--full path {
animation : heart-pulse-color 1.5s infinite;
}
}
@media screen and (max-width: 766px) {
.csr-hero--conference .cText .conf-heart-wrap {
display : flex;
align-items : center;
justify-content : center;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart-wrap {
position : absolute;
left : 10px;
top : 0;
opacity : 0;
transform : scale(0.8);
animation : heart-fade-in 0.8s forwards;
animation-delay : 3s;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cText .conf-heart-wrap--full .conf-heart-wrap__in {
animation : heart-pulse 1.5s infinite;
}
}
.csr-hero--conference .cText .conf-heart-wrap--full .badge {
display : flex;
align-items : center;
justify-content : center;
flex-direction : column;
position : relative;
font-family : migrena-bold;
text-align : center;
color : #fff;
border : solid 7px;
font-size : 46px;
font-size : 2.55556rem;
line-height : 1;
border-radius : 100%;
z-index : 2;
width : 220px;
height : 220px;
margin-bottom : -1rem;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cText .conf-heart-wrap--full .badge {
position : absolute;
top : 1rem;
left : 1rem;
transform : none;
margin-bottom : 0;
width : 160px;
height : 160px;
font-size : 36px;
font-size : 2rem;
line-height : 1;
border-width : 5px;
transform : scale(0.8);
}
}
@media screen and (min-width: 1024px) {
.csr-hero--conference .cText .conf-heart-wrap--full .badge {
right : 1rem;
left : auto;
}
}
@media screen and (min-width: 1200px) {
.csr-hero--conference .cText .conf-heart-wrap--full .badge {
top : 4rem;
right : 4rem;
transform : none;
}
}
.csr-hero--conference .cText .conf-heart-wrap--full .badge strong {
line-height : 0.9;
}
.csr-hero--conference .cText .conf-heart-wrap--full .badge .hour {
display : block;
font-size : 50px;
font-size : 2.77778rem;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cText .conf-heart-wrap--full .badge .hour {
font-size : 46px;
font-size : 2.55556rem;
}
}
.csr-hero--conference .cText .conf-heart-wrap--full .badge small {
display : block;
margin-top : 0.25rem;
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cText .conf-heart-wrap--full .badge small {
font-size : 17px;
font-size : 0.94444rem;
}
}
@media screen and (max-width: 766px) {
.csr-hero--conference .author {
margin-bottom : 2rem;
}
}
.csr-hero--conference > .rowInner {
max-width : 1360px;
max-width : 75.55556rem;
margin : 0 auto;
}
.csr-hero--conference > .rowInner .grid {
display : grid;
align-items : center;
margin : 0;
padding : 0;
gap : 50px;
gap : 2.77778rem;
}
@media screen and (min-width: 1024px) {
.csr-hero--conference > .rowInner .grid {
grid-template-columns : 1fr 350px;
}
}
@media screen and (min-width: 1200px) {
.csr-hero--conference > .rowInner .grid {
grid-template-columns : 1fr 450px;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference > .rowInner .grid {
grid-template-columns : 1fr 600px;
}
}
.csr-hero--conference > .rowInner .grid__item, .csr-hero--conference > .rowInner .label--inline, .csr-hero--conference > .rowInner .label--inline + .field {
width : 100%;
margin : 0;
padding : 0;
}
.csr-hero--conference .cPerex {
text-align : left;
}
.csr-hero--conference .author strong {
color : #fff;
}
.csr-hero--conference .cHeading__hx {
text-align : left;
font-size : 45px;
font-size : 2.5rem;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cHeading__hx {
font-size : 60px;
font-size : 3.33333rem;
}
}
@media screen and (min-width: 1200px) {
.csr-hero--conference .cHeading__hx {
font-size : 68px;
font-size : 3.77778rem;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cHeading__hx {
max-width : 100%;
margin : 0 auto 2rem;
font-size : 72px;
font-size : 4rem;
}
}
@media screen and (min-width: 1600px) {
.csr-hero--conference .cHeading__hx {
max-width : 82%;
margin-left : 0;
}
}
.csr-hero--conference .cHeading__hx span {
color : #0cf;
}
.csr-hero--conference .cHeading__hx small {
display : block;
font-size : 45%;
margin-bottom : 1rem;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cHeading__hx small {
font-size : 60%;
}
}
.csr-hero--conference .cHeading.cHeading__sub {
font-size : 26px;
font-size : 1.44444rem;
line-height : 1.3;
text-align : left;
}
@media screen and (min-width: 767px) {
.csr-hero--conference .cHeading.cHeading__sub {
font-size : 34px;
font-size : 1.88889rem;
}
}
@media screen and (min-width: 1300px) {
.csr-hero--conference .cHeading.cHeading__sub {
max-width : 70%;
}
}
.csr-perex-box {
position : relative;
z-index : 2;
margin : -12rem -1.25rem 3rem;
max-width : 1100px;
padding : 3rem 1rem;
background-image : url(../img/csr-perex-box-bg.jpg?v=1724);
background-color : #00adee;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
color : #fff;
text-align : center;
}
@media screen and (min-width: 767px) {
.csr-perex-box {
border-radius : 20px;
margin : -16rem auto 6rem;
}
}
@media screen and (min-width: 1024px) {
.csr-perex-box {
padding : 5rem 8rem;
}
}
.csr-perex-box .cHeading {
margin-bottom : 2rem;
color : inherit;
}
@media screen and (min-width: 767px) {
.csr-perex-box .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.csr-perex-box p {
margin-bottom : 20px;
}
@media screen and (min-width: 767px) {
.csr-perex-box p {
margin-bottom : 30px;
}
}
.csr-perex-box p:first-child {
font-size : 20px;
font-size : 1.11111rem;
}
.csr-perex-box p:last-child {
margin-bottom : 0;
}
.csr-item {
position : relative;
max-width : 1350px;
margin : 0 auto 4rem;
}
@media screen and (min-width: 767px) {
.csr-item {
padding-left : 80px;
}
}
@media screen and (min-width: 1024px) {
.csr-item {
margin-bottom : 6rem;
}
}
@media screen and (min-width: 1300px) {
.csr-item {
max-width : 96%;
}
}
@media screen and (min-width: 1600px) {
.csr-item {
padding-left : 135px;
margin-bottom : 8rem;
max-width : 100%;
}
}
.csr-item .cText {
margin-bottom : 0;
}
.cftSearch--standard .csr-item .cftSearch__submit, .csr-item .btn, .csr-item .cClientZone__logout, .csr-item .cftSearch--standard .cftSearch__submit {
margin-bottom : 1rem;
}
@media screen and (min-width: 1024px) {
.cftSearch--standard .csr-item .cftSearch__submit, .csr-item .btn, .csr-item .cClientZone__logout, .csr-item .cftSearch--standard .cftSearch__submit {
margin-top : 1.5rem;
margin-bottom : 0;
}
}
.csr-item strong {
color : #000;
}
.csr-item p {
margin-bottom : 20px;
}
@media screen and (min-width: 767px) {
.csr-item p {
margin-bottom : 30px;
}
}
.csr-item::before {
display : grid;
place-items : center;
width : 60px;
height : 60px;
left : 0;
top : 0;
margin : 0 auto 12px;
padding-bottom : 6px;
content : "";
border-radius : 100%;
color : #fff;
font-family : migrena-bold;
background : radial-gradient(#f99f2d, #f28e0f);
font-size : 26px;
font-size : 1.44444rem;
line-height : 1;
}
@media screen and (min-width: 767px) {
.csr-item::before {
position : absolute;
width : 65px;
height : 65px;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1;
margin : 0;
}
}
@media screen and (min-width: 1600px) {
.csr-item::before {
width : 90px;
height : 90px;
font-size : 38px;
font-size : 2.11111rem;
line-height : 1;
}
}
.csr-item .cHeading {
font-size : 28px;
font-size : 1.55556rem;
margin-bottom : 1rem;
text-align : center;
}
@media screen and (min-width: 767px) {
.csr-item .cHeading {
text-align : left;
margin-bottom : 2rem;
font-size : 30px;
font-size : 1.66667rem;
}
}
@media screen and (min-width: 1024px) {
.csr-item .cHeading {
font-size : 34px;
font-size : 1.88889rem;
}
}
@media screen and (min-width: 1300px) {
.csr-item .cHeading {
font-size : 40px;
font-size : 2.22222rem;
margin-bottom : 4rem;
}
}
@media screen and (min-width: 1024px) {
.csr-item__grid {
display : grid;
grid-template-columns : 2fr 1fr;
gap : 60px;
}
}
@media screen and (min-width: 1600px) {
.csr-item__grid {
gap : 120px;
}
}
.csr-item__grid-side {
display : grid;
gap : 20px;
}
@media screen and (min-width: 1300px) {
.csr-item__grid-side {
margin-top : -20px;
}
}
.csr-item__grid-side h2 {
margin-bottom : 5px;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.2;
}
.csr-item__usp {
display : flex;
align-items : center;
}
.csr-item__usp-svg {
position : relative;
display : grid;
place-items : center;
width : 50px;
height : 50px;
}
.csr-item__usp-svg::after {
position : absolute;
left : calc(100% + 20px);
left : calc(100% + 20px);
left : calc(100% + 20px);
width : 35px;
content : "";
border-top : 5px dotted #d1d1d1;
}
.csr-item__usp strong {
padding-left : 80px;
}
@media screen and (max-width: 766px) {
.csr-item--1 {
margin-bottom : 2rem;
}
}
.csr-item--1::before {
content : "#1";
}
.csr-item--2::before {
content : "#2";
}
.csr-item--2 .gridInner {
position : relative;
}
.csr-item--2 p {
max-width : 52ch;
}
.csr-item--2 p:first-child {
max-width : 70ch;
}
.csr-item--2 .cImage {
margin : 0;
}
@media screen and (min-width: 1024px) {
.csr-item--2 .cImage {
position : absolute;
top : 90px;
right : -150px;
}
}
@media screen and (min-width: 1300px) {
.csr-item--2 .cImage {
top : 130px;
right : -50px;
}
}
.csr-item--2 .cImage img {
margin : 0 auto;
}
.csr-item--2 .cImage--1 {
z-index : 1;
}
.csr-item--2 .cImage--2 {
right : 0;
bottom : 0;
top : auto;
}
@media screen and (min-width: 767px) {
.csr-item--2 .cImage--2 {
margin-top : -100px;
margin-left : -300px;
}
}
@media screen and (min-width: 1024px) {
.csr-item--2 .cImage--2 {
margin-top : 0;
right : -70px;
bottom : -50px;
margin-left : 0;
}
}
@media screen and (min-width: 1300px) {
.csr-item--2 .cImage--2 {
right : 170px;
bottom : 0;
}
}
.csr-item--3 {
margin-bottom : 1rem;
}
@media screen and (min-width: 767px) {
.csr-item--3 {
margin-bottom : 3rem;
}
}
@media screen and (min-width: 1024px) {
.csr-item--3 {
margin-bottom : 4rem;
}
}
@media screen and (min-width: 1300px) {
.csr-item--3 {
margin-bottom : 11rem;
}
}
.csr-item--3::before {
content : "#3";
}
.csr-item--3 .gridInner {
display : grid;
align-items : start;
}
@media screen and (min-width: 1024px) {
.csr-item--3 .gridInner {
grid-template-columns : 1fr 1fr;
column-gap : 50px;
}
.csr-item--3 .gridInner .cText:first-child {
grid-column : 1 / 3;
}
}
@media screen and (min-width: 1600px) {
.csr-item--3 .gridInner {
column-gap : 0;
}
}
@media (max-width: 1023px) {
.csr-item--3 .cImage--video {
margin-bottom : 3rem;
}
.csr-item--3 .cImage--video::before {
left : -100px;
transform : scale(0.6);
}
}
.csr-item--4::before {
content : "#4";
}
@media screen and (min-width: 767px) {
.csr-item--4 ul.check-list > li {
margin-bottom : 1.5rem;
padding-left : 80px;
line-height : 1.8;
}
}
@media screen and (min-width: 767px) {
.csr-item--4 ul.check-list > li::before {
top : 10px;
width : 43px;
height : 43px;
}
}
.csr-item--4 .cImage {
position : relative;
top : 160px;
margin-bottom : 0;
z-index : 2;
}
@media screen and (min-width: 767px) {
.csr-item--4 .cImage {
left : 100px;
}
}
@media screen and (min-width: 1024px) {
.csr-item--4 .cImage {
position : absolute;
right : -120px;
top : 80px;
left : auto;
}
}
@media screen and (min-width: 1200px) {
.csr-item--4 .cImage {
right : 30px;
}
}
@media screen and (min-width: 1360px) {
.csr-item--4 .cImage {
right : 120px;
}
}
.csr-item--4 .cImage--2 {
position : absolute;
right : -90px;
top : auto;
bottom : 40px;
z-index : 1;
}
@media screen and (min-width: 767px) {
.csr-item--4 .cImage--2 {
right : auto;
left : 400px;
}
}
@media screen and (min-width: 1024px) {
.csr-item--4 .cImage--2 {
left : auto;
top : 320px;
right : -90px;
}
}
@media screen and (min-width: 1200px) {
.csr-item--4 .cImage--2 {
right : 0;
}
}
@media screen and (min-width: 1360px) {
.csr-item--4 .cImage--2 {
right : 80px;
}
}
.csr-item--4 .cImage--3 {
position : absolute;
bottom : 0;
left : -120px;
top : auto;
}
@media screen and (min-width: 767px) {
.csr-item--4 .cImage--3 {
left : 0;
}
}
@media screen and (min-width: 1024px) {
.csr-item--4 .cImage--3 {
left : auto;
bottom : auto;
top : 500px;
right : -60px;
}
}
@media screen and (min-width: 1200px) {
.csr-item--4 .cImage--3 {
right : 60px;
}
}
@media screen and (min-width: 1360px) {
.csr-item--4 .cImage--3 {
right : 160px;
}
}
.csr-item--5 {
margin-bottom : 2rem;
}
.csr-item--5::before {
content : "#5";
}
.csr-item--5 .csr-item__grid-side {
display : block;
}
@media screen and (min-width: 1024px) {
.csr-item--5 .csr-item__grid-side {
margin-top : 0;
}
}
.csr-item--5 .csr-item__grid-side h2 {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.7;
}
@media screen and (max-width: 766px) {
.csr-item--5 .csr-item__grid-side h2 {
margin-bottom : 1.5rem;
line-height : 1.4;
}
}
.csr-item--erik {
position : relative;
margin-bottom : 2rem;
}
@media screen and (min-width: 1600px) {
.csr-item--erik::after {
position : absolute;
top : -400px;
right : -340px;
background-image : url(../img/couch-bg.png?v=9fed);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 926px;
height : 962px;
content : "";
}
}
.csr-item--erik .grid__item, .csr-item--erik .label--inline, .csr-item--erik .label--inline + .field {
position : relative;
}
@media screen and (min-width: 767px) {
.csr-item--erik .grid__item:last-child .gridInner, .csr-item--erik .label--inline + .field:last-child .gridInner, .csr-item--erik .label--inline:last-child .gridInner {
display : grid;
grid-template-columns : repeat(3,1fr);
margin-left : -60px;
}
}
.csr-item--erik::before {
left : -10px;
top : -10px;
background-image : url(../img/csr-heart.svg?v=baf6);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 69px;
height : 64px;
}
@media screen and (min-width: 1600px) {
.csr-item--erik::before {
left : 30px;
}
}
.csr-item--erik .cHeading {
margin-bottom : 2rem;
font-size : 22px;
font-size : 1.22222rem;
}
@media screen and (min-width: 1024px) {
.csr-item--erik p {
max-width : 50ch;
}
}
@media screen and (min-width: 1024px) {
.csr-item--erik .important {
max-width : 45ch;
font-size : 20px;
font-size : 1.11111rem;
}
}
.csr-item--erik .cImage {
position : relative;
z-index : 2;
}
.csr-item--erik .cImage img {
max-width : none;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
.csr-item--erik .cImage img {
max-width : 100%;
}
}
@media screen and (max-width: 766px) {
.csr-item--erik .cImage--1 img {
margin : -40px auto 0;
}
}
@media screen and (max-width: 766px) {
.csr-item--erik .cImage--2 {
position : absolute;
bottom : -60px;
left : -100px;
}
}
@media screen and (min-width: 1024px) {
.csr-item--erik .cImage--2 {
position : absolute;
left : 160px;
top : -50px;
z-index : 1;
}
}
@media screen and (max-width: 766px) {
.csr-item--erik .cImage--3 {
position : absolute;
bottom : -60px;
right : -100px;
}
}
@media screen and (min-width: 1024px) {
.csr-item--erik .cImage--3 {
left : -90px;
top : 50px;
}
}
@media screen and (min-width: 1200px) {
.csr-item--erik .cImage--3 {
top : 0;
left : -20px;
}
}
.csr-gallery-grid {
margin : 0 -1.25rem 4rem;
}
@media screen and (min-width: 1024px) {
.csr-gallery-grid {
margin : 0 auto 6rem;
max-width : 80%;
}
}
@media screen and (min-width: 1200px) {
.csr-gallery-grid {
max-width : 100%;
margin-bottom : 8rem;
}
}
@media screen and (min-width: 1200px) {
.csr-gallery-grid .gridInner {
display : grid;
grid-template-columns : repeat(2,1fr);
}
}
.csr-gallery-grid .cImage, .csr-gallery-grid .cText {
margin-bottom : 0;
}
.csr-gallery-grid .cText {
display : grid;
place-items : center;
padding : 2rem 1.5rem;
background-color : #00adee;
}
@media screen and (min-width: 1200px) {
.csr-gallery-grid .cText {
padding : 0 120px;
}
}
.csr-gallery-grid .cText h2 {
font-size : 30px;
font-size : 1.66667rem;
line-height : 1.1;
color : #fff;
}
@media screen and (min-width: 1024px) {
.csr-gallery-grid .cText h2 {
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.1;
}
}
.csr-gallery-grid .cImage, .csr-gallery-grid .cImage__imgWrapper {
position : relative;
}
@media screen and (min-width: 1024px) {
.csr-gallery-grid .cImage__imgWrapper::before {
position : absolute;
left : 0;
top : 50%;
margin-top : -8px;
content : "";
z-index : 1;
border-style : solid;
border-width : 15px 0 15px 15px;
border-color : transparent transparent transparent #fff;
}
}
.csr-gallery-grid .cImage--rev .cImage__imgWrapper::before {
left : auto;
right : 0;
border-width : 15px 15px 15px 0;
border-color : transparent #fff transparent transparent;
}
@media (max-width: 1199px) {
.csr-gallery-grid .cImage:nth-child(even) .cImage__imgWrapper {
order : 1;
}
}
@media (max-width: 1199px) {
.csr-gallery-grid .cImage:nth-child(odd) .cImage__imgWrapper {
order : -1;
}
}
.csr-gallery-grid .cImage__inner {
display : grid;
grid-template-columns : 1fr 1fr;
}
@media screen and (min-width: 767px) {
.csr-gallery-grid .cImage__inner {
align-items : center;
}
}
@media (max-width: 1199px) {
.csr-gallery-grid .cImage img {
height : 100%;
width : 100%;
object-fit : cover;
}
}
.csr-gallery-grid .cImage__desc {
display : flex;
flex-direction : column;
justify-content : center;
padding : 14px;
margin : 0;
text-align : left;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 767px) {
.csr-gallery-grid .cImage__desc {
padding : 0 50px;
}
}
.csr-gallery-grid .cImage__desc p {
margin-bottom : 0;
line-height : 1.7;
}
@media screen and (max-width: 766px) {
.csr-gallery-grid .cImage__desc p {
font-size : 14px;
font-size : 0.77778rem;
line-height : 1.5;
}
}
.csr-gallery-grid .cImage h3 {
font-size : 22px;
font-size : 1.22222rem;
}
.csr-gallery-grid .cImage--rev .cImage__imgWrapper {
order : -1;
}
.csr-media-slider {
margin-bottom : 8rem;
}
.csr-media-slider-wrap.customSlider {
position : relative;
z-index : 2;
margin-top : 0;
margin-bottom : 6rem;
padding : 0;
}
@media screen and (min-width: 1024px) {
.csr-media-slider-wrap.customSlider {
margin-bottom : 8rem;
}
}
.csr-media-slider-wrap.customSlider .grid {
display : flex;
margin-left : -25px;
}
.csr-media-slider-wrap.customSlider .grid__item, .csr-media-slider-wrap.customSlider .label--inline, .csr-media-slider-wrap.customSlider .label--inline + .field {
padding-left : 25px;
}
.csr-media-slider-wrap.customSlider .slider-wrap .gridInner {
position : relative;
height : 100%;
padding : 30px 55px 70px;
text-align : center;
border-radius : 20px;
background-color : #0076b5;
color : #fff;
overflow : hidden;
}
.csr-media-slider-wrap.customSlider .cHeading {
font-size : 32px;
font-size : 1.77778rem;
color : inherit;
}
.csr-media-slider-wrap.customSlider.customSlider .rsArrow {
background-color : #fff;
}
.csr-media-slider-wrap.customSlider.customSlider .rsArrow:hover::after {
border-color : #00adee;
}
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowRight {
right : -20px;
}
@media screen and (min-width: 1700px) {
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowRight {
right : -120px;
}
}
@media screen and (min-width: 1900px) {
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowRight {
right : -150px;
}
}
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowLeft {
left : -20px;
}
@media screen and (min-width: 1700px) {
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowLeft {
left : -120px;
}
}
@media screen and (min-width: 1900px) {
.csr-media-slider-wrap.customSlider.customSlider .rsArrow.rsArrowLeft {
left : -150px;
}
}
.csr-media-slider-wrap.customSlider.customSlider .rsBullets {
bottom : -50px;
}
.csr-media-slider-wrap.customSlider .cImage {
position : relative;
z-index : 2;
margin-bottom : 0;
}
.csr-media-slider-wrap.customSlider .cImage__desc {
margin : 0;
font-size : 16px;
font-size : 0.88889rem;
}
.csr-media-slider-wrap.customSlider .cImage__imgWrapper {
display : grid;
place-items : center;
height : 180px;
}
.csr-media-slider-wrap.customSlider .cImage p {
margin : 0;
}
.csr-media-slider-wrap.customSlider .cImage--bg, .csr-media-slider-wrap.customSlider .cImage--bg img {
position : absolute;
left : 0;
top : 0;
z-index : 1;
width : 100%;
height : 100%;
object-fit : cover;
}
.csr-media-slider-wrap.customSlider .cImage--bg {
background-color : #007fc1;
}
.csr-media-slider-wrap.customSlider .cImage--bg img {
opacity : 0.5;
mix-blend-mode : multiply;
}
@media screen and (min-width: 767px) {
.csr-form {
margin-top : -400px;
padding-top : 580px;
}
}
@media screen and (min-width: 767px) {
.csr-form .cHeading {
font-size : 45px;
font-size : 2.5rem;
}
}
.csr-form .cHeading span {
display : block;
}
.csr-item-bg-wrap {
margin-bottom : 4rem;
}
@media screen and (min-width: 767px) {
.csr-item-bg-wrap {
margin-bottom : 8rem;
}
}
.cHeading--csr-mini {
margin : 0 auto 1.5rem;
max-width : 1080px;
}
.cHeading--csr-mini .cHeading {
font-size : 22px;
font-size : 1.22222rem;
}
.cText--inspiration {
position : relative;
z-index : 2;
max-width : 800px;
margin : 0 auto 2.5rem;
text-align : center;
}
@media screen and (min-width: 767px) {
.cText--inspiration .cHeading {
margin-bottom : 3.5rem;
font-size : 40px;
font-size : 2.22222rem;
}
}
.cText--inspiration p {
margin : 0 auto;
max-width : 70ch;
}
.cImage--csr-logo img {
display : block;
margin : 0 auto;
}
.cImage--csr-inspiration {
position : relative;
z-index : 1;
margin : 60px auto -120px;
max-width : 937px;
}
@media screen and (max-width: 766px) {
.cImage--csr-inspiration {
height : 400px;
margin : 0 -1.25rem -120px;
}
}
.cImage--csr-inspiration .cImage__inner {
position : relative;
height : 100%;
}
.cImage--csr-inspiration .cImage__inner::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background : linear-gradient(to top, rgb(0, 0, 0, 0.5), rgb(255, 255, 255, 0));
content : "";
z-index : 1;
}
.cImage--csr-inspiration .cImage__desc {
display : flex;
align-items : center;
justify-content : flex-end;
flex-direction : column;
position : absolute;
left : 0;
top : 0;
margin : 0;
padding : 25px 25px 70px;
z-index : 2;
width : 100%;
height : 100%;
color : #fff;
font-weight : 700;
font-size : 19px;
font-size : 1.05556rem;
}
@media screen and (min-width: 767px) {
.cImage--csr-inspiration .cImage__desc {
font-size : 20px;
font-size : 1.11111rem;
}
}
.cImage--csr-inspiration .cImage__desc p {
max-width : 50ch;
margin : 0 auto 30px;
}
.cImage--csr-inspiration img {
margin : 0 auto;
}
@media screen and (max-width: 766px) {
.cImage--csr-inspiration img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
}
.row--conference-partners {
background-color : #f2f2f2;
text-align : center;
padding-top : 4rem;
}
@media screen and (min-width: 767px) {
.row--conference-partners {
padding-bottom : 6.66667rem;
}
}
.row--conference-partners .cForm {
max-width : 1000px;
max-width : 55.55556rem;
margin : 3rem auto 0;
text-align : left;
}
@media screen and (max-width: 766px) {
.row--conference-partners .cForm {
padding : 3.33333rem 1.11111rem 2.22222rem;
}
}
.row--conference-info {
position : relative;
z-index : 10;
background-color : #00adee;
background-size : cover;
background-repeat : no-repeat;
background-position : center center;
padding : 4rem 1rem 12rem;
}
@media screen and (min-width: 1024px) {
.row--conference-info {
padding : 8rem 0 12rem;
}
}
.row--conference-info + .cForm {
margin-top : -8rem;
}
.row--conference-info .grid {
margin : 0 auto;
padding : 0;
max-width : 1500px;
max-width : 83.33333rem;
}
.row--conference-info .grid__item, .row--conference-info .label--inline, .row--conference-info .label--inline + .field {
padding : 0;
}
.row--conference-info .gridInner {
display : grid;
row-gap : 2rem;
}
@media screen and (min-width: 767px) {
.row--conference-info .gridInner {
grid-template-columns : repeat(3,minmax(0,1fr));
row-gap : 0;
}
}
.row--conference-info .cHeading {
text-align : center;
}
@media screen and (min-width: 767px) {
.row--conference-info .cHeading {
margin-bottom : 3rem;
grid-column : 1 / 4;
}
}
.row--conference-info .cHeading__hx {
color : #fff;
}
@media screen and (min-width: 1024px) {
.row--conference-info .cHeading__hx {
font-size : 50px;
font-size : 2.77778rem;
}
}
.row--conference-info .cText--icon {
padding : 0;
margin : 0;
}
.row--conference-info .cText--icon .cText__text {
color : #fff;
}
.row--conference-info .cText--icon .cHeading__sub {
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.5;
opacity : 0.7;
}
.row--conference-info .cText--icon p {
opacity : 0.7;
}
.row--conference-info .cText--icon .cHeading, .row--conference-info .cText--icon .cHeading__sub, .row--conference-info .cText--icon p {
color : inherit;
}
.row--conference-info .cText--icon svg {
height : 70px;
height : 3.88889rem;
}
.row--conference-info .cText--icon-large-icon svg {
height : 65px;
height : 3.61111rem;
}
@media screen and (min-width: 1200px) {
.row--conference-info .cText--icon-large-icon svg {
height : 82px;
height : 4.55556rem;
margin-bottom : 0.94444rem;
}
}
.row--conference-drinks {
padding : 0 1.5rem;
}
@media screen and (min-width: 767px) {
.row--conference-drinks {
padding : 0;
}
}
.row--conference-drinks .cImage--machy {
position : relative;
margin : 0 0 -3rem;
align-self : end;
}
@media screen and (min-width: 767px) {
.row--conference-drinks .cImage--machy {
bottom : -4rem;
margin : 0 auto -3rem;
}
}
@media screen and (min-width: 1300px) {
}
@media screen and (min-width: 1500px) {
.row--conference-drinks .cImage--machy {
bottom : auto;
}
}
.row--conference-drinks .cImage--machy img {
margin : auto;
}
.row--conference-drinks .bg-images {
position : absolute;
left : -560px;
top : 0;
}
.row--conference-drinks .bg-images .gridInner {
flex-direction : column;
}
.row--conference-drinks .bg-images .cImage {
margin : 0;
border : #fff solid 15px;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.075);
}
.row--conference-drinks .bg-images .cImage img {
width : 320px;
}
.row--conference-drinks .cText {
text-align : center;
margin-bottom : 2rem;
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .cText {
text-align : left;
}
}
.row--conference-drinks .cText p:last-child {
margin-bottom : 0;
}
.row--conference-drinks .grid {
position : relative;
display : grid;
align-items : start;
margin : 0;
gap : 30px;
gap : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .grid {
grid-template-columns : 380px 1fr;
column-gap : 2.22222rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .grid {
grid-template-columns : 460px 1fr;
}
}
@media screen and (min-width: 1200px) {
.row--conference-drinks .grid {
grid-template-columns : 520px 1fr;
column-gap : 4.44444rem;
}
}
@media screen and (min-width: 1400px) {
.row--conference-drinks .grid {
left : 6rem;
}
}
.row--conference-drinks .grid__item, .row--conference-drinks .label--inline, .row--conference-drinks .label--inline + .field {
padding : 0;
width : 100%;
}
@media screen and (min-width: 767px) {
.row--conference-drinks .grid__item, .row--conference-drinks .label--inline, .row--conference-drinks .label--inline + .field {
padding : 0 2rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .grid__item, .row--conference-drinks .label--inline, .row--conference-drinks .label--inline + .field {
padding : 0;
}
}
.row--conference-drinks .grid__item:first-child, .row--conference-drinks .label--inline + .field:first-child, .row--conference-drinks .label--inline:first-child {
align-self : end;
order : 1;
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .grid__item:first-child, .row--conference-drinks .label--inline + .field:first-child, .row--conference-drinks .label--inline:first-child {
order : 0;
}
}
.row--conference-drinks .grid__item .row .cImage, .row--conference-drinks .label--inline .row .cImage, .row--conference-drinks .label--inline + .field .row .cImage {
margin : 0;
}
.row--conference-drinks .grid__item .row .grid, .row--conference-drinks .label--inline .row .grid, .row--conference-drinks .label--inline + .field .row .grid {
position : static;
display : block;
}
.row--conference-drinks .grid__item .row .gridInner, .row--conference-drinks .label--inline .row .gridInner, .row--conference-drinks .label--inline + .field .row .gridInner {
display : flex;
gap : 1rem;
justify-content : center;
}
@media screen and (min-width: 1024px) {
.row--conference-drinks .grid__item .row .gridInner, .row--conference-drinks .label--inline .row .gridInner, .row--conference-drinks .label--inline + .field .row .gridInner {
justify-content : flex-start;
}
}
.row--conference-drinks .grid .cHeading__sub:last-child {
margin-top : 1.5rem;
font-weight : 500;
}
.row--conference-drinks .grid .cHeading__sub:first-child {
display : inline-flex;
margin : 0 0 0.5rem;
font-weight : 500;
}
@media screen and (min-width: 1300px) {
.row--conference-drinks .grid .cHeading__sub:first-child {
font-size : 32px;
font-size : 1.77778rem;
}
}
.row--conference-drinks .grid__desc {
margin : 0;
order : 1;
text-align : left;
font-size : 18px;
font-size : 1rem;
}
.row--conference-prolog {
position : relative;
background-color : #f1f1f1;
margin-bottom : 0;
background-position : left center;
background-size : contain;
background-repeat : no-repeat;
}
.row--conference-prolog .rowInner {
max-width : 100%;
padding : 0;
}
.row--conference-prolog .cImage {
margin : 0 0 5rem;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cImage {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
display : flex;
align-items : center;
z-index : 1;
margin : 0;
}
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cImage img {
position : relative;
right : 0;
bottom : -4rem;
}
}
@media screen and (min-width: 1800px) {
.row--conference-prolog .cImage img {
max-width : none;
}
}
.row--conference-prolog .grid {
display : grid;
margin : 0;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .grid {
height : 740px;
height : 41.11111rem;
grid-template-columns : 1fr 1fr;
}
}
@media screen and (min-width: 1600px) {
.row--conference-prolog .grid {
height : 860px;
height : 47.77778rem;
}
}
.row--conference-prolog .grid__item, .row--conference-prolog .label--inline, .row--conference-prolog .label--inline + .field {
width : 100%;
padding : 0;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .grid__item, .row--conference-prolog .label--inline, .row--conference-prolog .label--inline + .field {
position : relative;
}
}
.row--conference-prolog .grid__item:first-child .gridInner, .row--conference-prolog .label--inline + .field:first-child .gridInner, .row--conference-prolog .label--inline:first-child .gridInner {
padding : 2rem 2rem 1rem;
}
@media screen and (min-width: 767px) {
.row--conference-prolog .grid__item:first-child .gridInner, .row--conference-prolog .label--inline + .field:first-child .gridInner, .row--conference-prolog .label--inline:first-child .gridInner {
margin-top : 4.44444rem;
padding : 0 3.33333rem 0 2.22222rem;
margin-bottom : 4rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .grid__item:first-child .gridInner, .row--conference-prolog .label--inline + .field:first-child .gridInner, .row--conference-prolog .label--inline:first-child .gridInner {
padding : 0 4.44444rem 0 3.33333rem;
}
}
@media screen and (min-width: 1200px) {
.row--conference-prolog .grid__item:first-child .gridInner, .row--conference-prolog .label--inline + .field:first-child .gridInner, .row--conference-prolog .label--inline:first-child .gridInner {
margin-top : 11.11111rem;
}
}
@media screen and (min-width: 1600px) {
.row--conference-prolog .grid__item:first-child .gridInner, .row--conference-prolog .label--inline + .field:first-child .gridInner, .row--conference-prolog .label--inline:first-child .gridInner {
padding : 0 6.11111rem 0 4.44444rem;
}
}
.row--conference-prolog .cCounter {
display : block;
margin-bottom : 0.5rem;
text-align : center;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cCounter {
text-align : right;
}
}
.row--conference-prolog .cCounter__value {
font-size : 100px;
font-size : 5.55556rem;
line-height : 1;
color : #00adee;
font-family : migrena-bold;
}
@media (max-width: 1023px) {
.row--conference-prolog .cCounter__value {
font-size : 6rem !important ;
}
}
@media screen and (max-width: 766px) {
.row--conference-prolog .cCounter__value {
font-size : 4rem !important ;
}
}
@media screen and (min-width: 767px) {
.row--conference-prolog .cCounter__value {
font-size : 120px;
font-size : 6.66667rem;
margin-bottom : 0;
}
}
@media screen and (min-width: 1800px) {
.row--conference-prolog .cCounter__value {
font-size : 140px;
font-size : 7.77778rem;
}
}
.row--conference-prolog .cText {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.row--conference-prolog .cText {
margin-bottom : 4rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cText {
text-align : right;
margin-bottom : 0;
}
}
.row--conference-prolog .cText .cHeading {
display : grid;
margin : 0 0 0 auto;
text-align : center;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cText .cHeading {
text-align : right;
}
}
@media screen and (min-width: 1700px) {
.row--conference-prolog .cText .cHeading {
max-width : 85%;
}
}
.row--conference-prolog .cText .cHeading__sub {
margin-top : 1rem;
order : 1;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.3;
font-weight : 500;
}
@media screen and (min-width: 767px) {
.row--conference-prolog .cText .cHeading__sub {
margin-top : 2rem;
font-size : 28px;
font-size : 1.55556rem;
}
}
@media screen and (min-width: 1700px) {
.row--conference-prolog .cText .cHeading__sub {
font-size : 26px;
font-size : 1.44444rem;
}
}
.row--conference-prolog .cText--no-access {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
z-index : 1;
padding : 1rem;
background-image : url(../img/konference-citace.jpg?v=9b63);
background-color : #02548c;
background-repeat : no-repeat;
background-size : cover;
background-position : center center;
background-blend-mode : multiply;
}
@media screen and (min-width: 767px) {
.row--conference-prolog .cText--no-access {
padding : 2rem;
width : 340px;
width : 18.88889rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cText--no-access {
bottom : -0.5rem;
width : 430px;
width : 23.88889rem;
margin : 0;
left : auto;
border-radius : 1rem 1rem 0 0;
}
}
@media screen and (min-width: 1300px) {
.row--conference-prolog .cText--no-access {
right : 6rem;
}
}
@media screen and (min-width: 1500px) {
.row--conference-prolog .cText--no-access {
bottom : 0;
}
}
.row--conference-prolog .cText--no-access .cText__text {
display : flex;
align-items : center;
gap : 1rem;
}
.row--conference-prolog .cText--no-access__figure {
position : relative;
width : 60px;
height : 60px;
min-width : 60px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 100%;
border : #fff solid 2px;
}
@media screen and (min-width: 767px) {
.row--conference-prolog .cText--no-access__figure {
width : 80px;
height : 80px;
min-width : 80px;
}
}
.row--conference-prolog .cText--no-access svg {
width : 40px;
width : 2.22222rem;
height : auto;
}
@media screen and (min-width: 1024px) {
.row--conference-prolog .cText--no-access svg {
width : 52px;
width : 2.88889rem;
}
}
.row--conference-prolog .cText--no-access__desc {
font-weight : 500;
color : #fff;
font-size : 18px;
font-size : 1rem;
line-height : 1.3;
margin : 0;
text-align : left;
}
@media screen and (min-width: 1600px) {
.row--conference-prolog .cText--no-access__desc {
font-size : 20px;
font-size : 1.11111rem;
}
}
.row--conference-prolog .cImage img {
display : block;
margin : 0 auto;
}
.row--conference-prolog .cImage__desc {
margin : 2rem 0 0;
font-weight : 700;
font-size : 26px;
font-size : 1.44444rem;
line-height : 1.4;
}
.row--conference-why-come {
position : relative;
z-index : 12;
padding-top : 2.77778rem;
background-position : center top;
box-shadow : -60px 0 80px 0 rgb(0, 0, 0, 0.075);
}
@media screen and (min-width: 767px) {
.row--conference-why-come {
padding-top : 3.88889rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-why-come {
padding-left : 4rem;
padding-top : 7.77778rem;
}
}
@media screen and (min-width: 1750px) {
.row--conference-why-come {
padding-left : 0;
}
}
.row--conference-why-come .cImage {
position : relative;
margin : 0;
align-self : start;
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage {
left : -8rem;
}
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cImage {
left : 0;
}
}
.row--conference-why-come .cImage img {
width : 340px;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.row--conference-why-come .cImage img {
max-width : 52%;
width : auto;
}
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage img {
max-width : 100%;
margin : 0;
}
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage img {
position : relative;
left : 5rem;
bottom : -1rem;
}
}
.row--conference-why-come .cImage__inner {
position : relative;
display : grid;
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage__inner {
grid-template-columns : 500px 1fr;
column-gap : 1.66667rem;
margin-left : -8rem;
}
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage__inner {
grid-template-columns : 750px 1fr;
margin-left : 0;
column-gap : 0;
}
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cImage__inner {
grid-template-columns : 792px 540px;
}
}
.row--conference-why-come .cImage__imgWrapper {
align-self : end;
order : 1;
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage__imgWrapper {
order : 0;
margin-top : -4rem;
}
}
.row--conference-why-come .cImage__bubble {
position : absolute;
left : 0;
bottom : 9rem;
background-color : #232323;
color : #fff;
border-radius : 1em;
font-style : italic;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.4;
padding : 1rem;
width : 240px;
width : 13.33333rem;
box-shadow : 0 8px 8px 4px rgb(0, 0, 0, 0.2);
text-align : center;
z-index : 10;
}
@media screen and (min-width: 767px) {
.row--conference-why-come .cImage__bubble {
left : 4rem;
width : 320px;
width : 17.77778rem;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
padding : 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage__bubble {
left : 10rem;
top : 20rem;
bottom : auto;
}
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage__bubble {
padding : 2rem;
left : 6rem;
font-size : 23px;
font-size : 1.27778rem;
line-height : 1.3;
}
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cImage__bubble {
left : -4rem;
top : 11rem;
}
}
.row--conference-why-come .cImage__bubble::after {
position : absolute;
left : 50%;
top : -1rem;
width : 0;
height : 0;
border-style : solid;
border-top : 15px solid transparent;
border-bottom : 15px solid transparent;
border-left : 30px solid #232323;
border-right : 0;
content : "";
}
@media screen and (min-width: 767px) {
.row--conference-why-come .cImage__bubble::after {
top : -1.6rem;
border-top : 30px solid transparent;
border-bottom : 30px solid transparent;
border-left : 60px solid #232323;
}
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cImage__bubble::after {
left : 94%;
top : 0.5rem;
}
}
.row--conference-why-come .cImage .bubble-wrap {
position : relative;
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage .bubble-wrap {
display : block;
width : 540px;
width : 30rem;
}
}
.row--conference-why-come .cImage .bubble-wrap__bubble {
font-family : migrena-bold;
text-align : center;
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.2;
padding-top : 4.72222rem;
}
.row--conference-why-come .cImage .bubble-wrap__bubble svg {
position : absolute;
left : 50%;
margin-left : -50px;
top : 0;
width : 100px;
height : 100px;
}
.row--conference-why-come .cImage ul {
position : relative;
display : inline-grid;
align-items : center;
gap : 1rem 2rem;
grid-template-columns : repeat(2,minmax(0,1fr));
z-index : 2;
}
@media screen and (min-width: 767px) {
.row--conference-why-come .cImage ul {
grid-template-columns : repeat(3,minmax(0,1fr));
}
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage ul {
gap : 2rem 3rem;
}
}
@media screen and (min-width: 767px) {
.row--conference-why-come .cImage ul::after, .row--conference-why-come .cImage ul::before {
position : absolute;
top : 4rem;
left : 4rem;
width : calc(100% - 8rem);
width : calc(100% - 8rem);
width : calc(100% - 8rem);
height : calc(100% - 8rem);
height : calc(100% - 8rem);
height : calc(100% - 8rem);
border : #b8b8b8 dotted 5px;
content : "";
}
}
.row--conference-why-come .cImage ul li {
position : relative;
display : flex;
align-items : center;
justify-content : center;
z-index : 1;
width : 120px;
height : 120px;
padding : 0 1rem;
border-radius : 100%;
background-color : #00adee;
color : #fff;
font-family : migrena-bold;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1;
text-align : center;
margin : 0;
border : rgb(255, 255, 255, 0.5) solid 4px;
}
@media screen and (min-width: 1300px) {
.row--conference-why-come .cImage ul li {
width : 150px;
height : 150px;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
border : rgb(255, 255, 255, 0.5) solid 8px;
}
}
.row--conference-why-come .cImage__desc {
order : 1;
margin : 0 0 3rem;
text-align : left;
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cImage__desc {
margin-bottom : 6rem;
}
}
.row--conference-why-come .cHeading {
margin : 0 auto 2rem;
text-align : center;
}
@media screen and (min-width: 1024px) {
.row--conference-why-come .cHeading {
text-align : left;
font-size : 50px;
font-size : 2.77778rem;
margin-bottom : 3rem;
}
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cHeading {
margin-left : -8rem;
}
}
.row--conference-why-come .cHeading__strong {
display : block;
margin-bottom : 0.5rem;
color : #00adee;
}
@media screen and (min-width: 1600px) {
.row--conference-why-come .cHeading__strong {
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--conference-why-come .cHeading__sub {
margin : 1.5rem 0 2rem;
font-size : 36px;
font-size : 2rem;
}
.row--conference-charity {
position : relative;
text-align : center;
padding : 4.16667rem 0 0;
background-color : #2b2b2b;
background-blend-mode : multiply;
z-index : 13;
}
@media screen and (min-width: 767px) {
.row--conference-charity {
padding : 7rem 2rem;
text-align : left;
}
}
.row--conference-charity .cImage--charity {
position : absolute;
top : 75%;
z-index : 10;
right : 2rem;
display : none;
}
@media screen and (min-width: 1400px) {
.row--conference-charity .cImage--charity {
display : block;
top : 2rem;
right : 4%;
}
}
.row--conference-charity .cImage--charity img {
max-width : 200px;
filter : ;
}
@media screen and (min-width: 767px) {
.row--conference-charity .cImage--charity img {
max-width : 300px;
}
}
@media screen and (min-width: 1300px) {
.row--conference-charity .cImage--charity img {
max-width : 80%;
max-height : 640px;
}
}
.row--conference-charity img {
display : block;
margin : 0 auto 1rem;
}
@media screen and (min-width: 1024px) {
.row--conference-charity img {
max-width : 80%;
max-height : 200px;
}
}
.row--conference-charity .cText {
margin : 0;
color : #fff;
}
.row--conference-charity .cText .cHeading {
color : #fff;
}
.row--conference-charity .cText .cHeading--sub, .row--conference-charity-logos {
margin-top : 2rem;
}
@media screen and (min-width: 767px) {
.row--conference-charity .cText .cHeading--sub {
margin-bottom : 1rem;
}
}
@media screen and (min-width: 767px) {
.row--conference-charity .cText p {
font-size : 20px;
font-size : 1.11111rem;
}
}
.row--conference-charity-logos .gridInner {
display : grid;
gap : 1px;
position : relative;
z-index : 11;
margin : 0 -20px;
background-color : #d1d1d1;
}
@media screen and (min-width: 767px) {
.row--conference-charity-logos .gridInner {
grid-template-columns : repeat(2,minmax(0,1fr));
gap : 0.5rem;
margin : 0;
background-color : transparent;
}
}
@media screen and (min-width: 1200px) {
.row--conference-charity-logos .gridInner {
grid-template-columns : repeat(3,minmax(0,1fr));
gap : 1.25rem;
}
}
.row--conference-charity-logos .cImage {
margin : 0;
background-color : #fff;
padding : 1.5rem 1rem;
}
@media screen and (min-width: 767px) {
.row--conference-charity-logos .cImage {
padding : 1.5rem 2rem 2rem;
border-radius : 1rem;
}
}
.row--conference-charity-logos .cImage__imgWrapper {
display : flex;
align-items : center;
justify-content : center;
}
@media screen and (min-width: 1024px) {
.row--conference-charity-logos .cImage__imgWrapper {
height : 180px;
}
}
.row--conference-charity-logos .cImage__desc {
margin : 0;
font-size : 15px;
font-size : 0.83333rem;
}
.row--conference-charity-logos .cImage__desc p {
margin : 0;
}
.row--conference-charity-logos .cImage .cHeading {
font-size : 22px;
font-size : 1.22222rem;
}
.row--conference-charity-logos .cImage img {
max-height : 180px;
max-width : 90%;
}
.row--conference-charity-logos .cText {
display : flex;
align-items : center;
margin : 0;
background-color : #0cf;
padding : 1.5rem 1.5rem 2rem;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--conference-charity-logos .cText {
border-radius : 1rem;
}
}
.row--conference-charity-logos .cText .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
@media screen and (min-width: 1024px) {
.row--conference-charity-logos .cText .cHeading {
font-size : 50px;
font-size : 2.77778rem;
}
}
.row--conference-charity-logos .cText p {
margin-bottom : 0;
line-height : 1.4;
max-width : 90%;
margin-inline : auto;
font-size : 18px;
font-size : 1rem;
}
.row--conference-speakers {
padding-top : 0.16667rem;
margin-bottom : 0;
background-color : #f7f7f7;
background-blend-mode : multiply;
background-position : center top;
background-size : auto;
}
@media screen and (max-width: 766px) {
.row--conference-speakers {
position : relative;
z-index : 20;
}
}
@media screen and (min-width: 1024px) {
.row--conference-speakers {
padding-top : 1rem;
}
}
@media screen and (min-width: 1500px) {
.row--conference-speakers {
padding-top : 5rem;
}
}
.row--conference-speakers .cText {
display : flex;
align-items : center;
justify-content : center;
margin : 0 0 1rem;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cText {
margin-bottom : 3rem;
}
}
@media screen and (min-width: 1024px) {
.row--conference-speakers .cText {
margin-top : -6rem;
}
}
@media screen and (min-width: 1500px) {
.row--conference-speakers .cText {
margin-top : -9rem;
}
}
.row--conference-speakers .cText p {
margin-bottom : 0;
font-size : 18px;
font-size : 1rem;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cText p {
font-size : 22px;
font-size : 1.22222rem;
}
}
.row--conference-speakers .cText .speakers-icon {
display : flex;
align-items : center;
justify-content : center;
width : 100px;
height : 100px;
margin : 0 auto;
border-radius : 100%;
background-color : #f7f7f7;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cText .speakers-icon {
width : 160px;
height : 160px;
margin-bottom : 1rem;
}
}
.row--conference-speakers .cText svg {
width : 40px;
height : auto;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cText svg {
width : 60px;
}
}
@media screen and (min-width: 1300px) {
.row--conference-speakers .cText .cHeading .color-brand {
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--conference-speakers .gridInner {
display : grid;
gap : 16px;
gap : 0.88889rem;
max-width : 1400px;
max-width : 77.77778rem;
position : relative;
z-index : 10;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .gridInner {
margin : 0 auto;
gap : 0;
}
}
.row--conference-speakers .gridInner .gridInner {
margin : 0 auto;
max-width : 100%;
}
@media screen and (min-width: 600px) {
.row--conference-speakers .gridInner .gridInner {
display : flex;
flex-wrap : wrap;
justify-content : center;
}
}
@media screen and (min-width: 1024px) {
.row--conference-speakers .gridInner .gridInner {
display : grid;
grid-template-columns : repeat(3,minmax(0,1fr));
}
}
@media screen and (min-width: 1300px) {
.row--conference-speakers .gridInner .gridInner {
max-width : 1280px;
max-width : 71.11111rem;
gap : 40px;
gap : 2.22222rem;
}
}
.row--conference-speakers .cImage {
position : relative;
margin : 0 auto;
overflow : hidden;
background-color : #00adee;
box-shadow : 0 10px 15px 5px rgb(0, 0, 0, 0.1);
aspect-ratio : 1/1;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cImage {
width : 280px;
height : 280px;
border : #00adee solid 10px;
border-radius : 100%;
}
}
@media screen and (min-width: 1300px) {
.row--conference-speakers .cImage {
width : 400px;
height : 400px;
}
}
.row--conference-speakers .cImage__desc {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
padding : 0.75rem 1rem;
margin : 0;
color : #fff;
text-align : center;
z-index : 1;
background-color : #00adee;
}
@media screen and (min-width: 767px) {
.row--conference-speakers .cImage__desc {
padding : 1.25rem 1.5rem;
}
}
.row--conference-speakers .cImage__desc strong {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
font-family : migrena-bold;
}
@media screen and (min-width: 1300px) {
.row--conference-speakers .cImage__desc strong {
font-size : 30px;
font-size : 1.66667rem;
}
}
.row--conference-speakers .cImage__desc span {
display : block;
max-width : 60%;
margin : 0.25rem auto 0;
font-size : 15px;
font-size : 0.83333rem;
line-height : 1.3;
}
.row--conference-lectors {
padding-top : 3rem;
background-color : #f5f5f5;
background-position : center top;
}
@media screen and (min-width: 1024px) {
.row--conference-lectors {
padding : 6.66667rem 0 4.44444rem;
}
}
.row--conference-lectors .rsSlide .grid {
display : flex;
align-items : flex-end;
}
.row--conference-lectors .cHeading__hx {
text-align : left;
margin-bottom : 1.5rem;
}
@media screen and (min-width: 767px) {
.row--conference-lectors .cHeading__hx {
text-align : center;
}
}
@media screen and (min-width: 1024px) {
.row--conference-lectors .cHeading__hx {
margin-bottom : 3rem;
}
}
.row--conference-lectors .customSlider--lectors {
margin-top : 0;
}
.row--conference-lectors .rsOverflow {
overflow : hidden;
height : 540px;
height : 30rem;
}
.row--conference-lectors .cList {
margin-bottom : 2rem;
}
@media screen and (min-width: 1024px) {
.row--conference-lectors .cList {
margin-bottom : 4rem;
}
}
.row--conference-lectors .cList .cList__wrap {
padding : 0 1.5rem 0 0;
}
@media screen and (min-width: 767px) {
.row--conference-lectors .cList .cList__wrap {
padding : 2rem 2rem 0;
}
}
.row--conference-lectors .cList .cList__title small {
line-height : 1.1;
}
.row--conference-lectors .cList .cList__title br {
display : block;
}
@media screen and (min-width: 1300px) {
.row--conference-lectors .cList .cList__img {
min-width : 300px;
min-width : 16.66667rem;
max-width : 300px;
max-width : 16.66667rem;
}
}
.row--conference-lectors .cList .cSocialSites li {
display : flex;
opacity : 0.3;
filter : grayscale(1);
}
.row--conference-lectors .cList .cSocialSites li:hover {
opacity : 1;
filter : grayscale(0);
}
.row--conference-lectors .cList .icon-linkedin {
display : block;
width : 85px;
height : 22px;
background-image : url(../img/linkedin-logo.png?v=a8f5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
@media screen and (min-width: 767px) {
.row--conference-lectors .cList .icon-linkedin {
width : 110px;
height : 28px;
}
}
.row--conference-lectors .cList .icon-linkedin::before {
display : none;
}
.row--conference-lectors .cList .cList__textContent {
z-index : 3;
}
@media screen and (max-width: 766px) {
.row--conference-lectors .cList .cList__textContent {
position : static;
}
}
.row--conference-lectors .cList .videoButton {
position : absolute;
left : 50%;
margin-left : -20px;
bottom : 10rem;
}
@media screen and (min-width: 767px) {
.row--conference-lectors .cList .videoButton {
right : -12rem;
left : auto;
margin : 0;
bottom : 4rem;
}
}
.row--conference-lectors .customSlider .rsArrow {
display : none !important ;
transform-origin : 0 0;
}
@media screen and (min-width: 1600px) {
.row--conference-lectors .customSlider .rsArrow {
display : block !important ;
}
}
.row--conference-lectors .customSlider .rsArrow.rsArrowRight {
right : 40px;
right : 2.22222rem;
transform : scale(0.8);
}
@media screen and (min-width: 1600px) {
.row--conference-lectors .customSlider .rsArrow.rsArrowRight {
right : -80px;
right : -4.44444rem;
}
}
@media screen and (min-width: 1700px) {
.row--conference-lectors .customSlider .rsArrow.rsArrowRight {
right : -100px;
right : -5.55556rem;
transform : none;
}
}
.row--conference-lectors .customSlider .rsArrow.rsArrowLeft {
left : 40px;
left : 2.22222rem;
transform : scale(0.8);
}
@media screen and (min-width: 1600px) {
.row--conference-lectors .customSlider .rsArrow.rsArrowLeft {
left : -80px;
left : -4.44444rem;
}
}
@media screen and (min-width: 1700px) {
.row--conference-lectors .customSlider .rsArrow.rsArrowLeft {
left : -100px;
left : -5.55556rem;
transform : none;
}
}
.row--conference-judge {
position : relative;
z-index : 11;
background-size : cover;
background-position : center bottom;
background-color : #2b2b2b;
background-blend-mode : multiply;
transition-delay : 1s;
padding : 3rem 0.5rem 0;
text-align : center;
}
@media screen and (min-width: 767px) {
.row--conference-judge {
text-align : left;
}
}
@media screen and (min-width: 1024px) {
.row--conference-judge {
padding : 0;
}
}
.row--conference-judge .author strong {
color : #fff;
}
.row--conference-judge .cImage {
margin : 0;
color : #fff;
}
.row--conference-judge .cImage__imgWrapper {
position : relative;
z-index : 11;
}
@media screen and (min-width: 767px) {
.row--conference-judge .cImage__imgWrapper {
margin-top : -6.66667rem;
}
}
.row--conference-judge .cImage__desc {
margin : 0;
}
@media screen and (min-width: 767px) {
.row--conference-judge .cImage__desc {
text-align : right;
}
}
.row--conference-judge .cImage__inner {
display : grid;
align-items : center;
gap : 30px;
gap : 1.66667rem;
}
@media screen and (min-width: 767px) {
.row--conference-judge .cImage__inner {
grid-template-columns : 1fr 360px;
}
}
@media screen and (min-width: 1024px) {
.row--conference-judge .cImage__inner {
grid-template-columns : 1fr 420px;
gap : 40px;
gap : 2.22222rem;
}
}
@media screen and (min-width: 1300px) {
.row--conference-judge .cImage__inner {
grid-template-columns : 1fr 580px;
gap : 80px;
gap : 4.44444rem;
}
}
.row--conference-judge .cImage .cHeading {
color : #fff;
}
@media screen and (min-width: 1300px) {
.row--conference-judge .cImage .cHeading {
font-size : 70px;
font-size : 3.88889rem;
}
}
.row--conference-judge .cImage .cHeading__sub {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.5;
color : inherit;
font-weight : 400;
}
@media screen and (min-width: 1300px) {
.row--conference-judge .cImage .cHeading__sub {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.5;
}
}
.row--conference-judge .cImage .cHeading strong {
display : block;
margin : 2rem 0 1rem;
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 1300px) {
.row--conference-judge .cImage .cHeading strong {
font-size : 30px;
font-size : 1.66667rem;
}
}
.row--conference-quotes {
position : relative;
background-color : #fff;
padding-top : 3.88889rem;
z-index : 12;
}
@media screen and (min-width: 767px) {
.row--conference-quotes {
padding-top : 6.66667rem;
}
}
.row--conference-quotes > .rowInner {
max-width : 100%;
}
.row--conference-quotes .gridInner {
position : relative;
z-index : 11;
}
.row--conference-quotes .cHeading__sub {
font-weight : 700;
font-size : 62%;
}
.row--conference-quotes .quote {
display : none;
}
@media screen and (min-width: 1300px) {
.row--conference-quotes .quote {
position : absolute;
left : 50%;
top : 47.5%;
width : 140px;
height : 140px;
margin-left : -70px;
margin-top : -70px;
margin-bottom : 0;
z-index : 20;
background : #fff;
display : flex;
align-items : center;
justify-content : center;
border-radius : 100%;
border : rgb(255, 255, 255, 0.5) solid 8px;
}
.row--conference-quotes .quote svg {
display : block;
margin : auto;
width : 60%;
height : auto;
}
}
.row--conference-timeline {
position : relative;
z-index : 9;
background-color : #f5f5f5;
background-repeat : no-repeat;
background-position : center bottom;
background-blend-mode : multiply;
background-size : contain;
padding-bottom : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.row--conference-timeline {
padding-bottom : 7.77778rem;
}
}
@media screen and (min-width: 1300px) {
.row--conference-timeline {
padding-bottom : 9.44444rem;
}
}
.row--conference-timeline .cText {
margin-bottom : 3rem;
}
.row--conference-timeline .cTimeline .cImage__inner {
position : relative;
display : grid;
grid-template-columns : 100px 1fr;
align-items : center;
gap : 20px;
gap : 1.11111rem;
}
@media screen and (min-width: 767px) {
.row--conference-timeline .cTimeline .cImage__inner {
grid-template-columns : 120px 1fr;
gap : 30px;
gap : 1.66667rem;
}
}
@media screen and (min-width: 1300px) {
.row--conference-timeline .cTimeline .cImage__inner {
grid-template-columns : 140px 1fr;
gap : 40px;
gap : 2.22222rem;
}
}
.row--conference-timeline .cTimeline .cImage__desc {
margin : 0;
order : 1;
text-align : left;
}
.row--conference-timeline .cTimeline__name {
margin-bottom : 0.5rem;
font-family : migrena-bold;
color : #303233;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.2;
}
@media screen and (min-width: 1300px) {
.row--conference-timeline .cTimeline__name {
font-size : 24px;
font-size : 1.33333rem;
}
}
.row--conference-timeline .cTimeline__author__name {
font-size : 18px;
font-size : 1rem;
}
.row--conference-timeline .cTimeline__author__pos {
margin : 0;
text-transform : uppercase;
font-size : 14px;
font-size : 0.77778rem;
line-height : 1.2;
font-weight : 500;
opacity : 0.8;
}
.row--conference-timeline .cTimeline__hour {
display : inline-flex;
align-items : center;
justify-content : center;
padding : 0 0.66667rem 0.11111rem;
margin-bottom : 0.5rem;
background : radial-gradient(#00b3e0, #00adee);
color : #fff;
box-shadow : 0 0 15px 5px rgb(0, 0, 0, 0.1);
border-radius : 6px;
font-family : migrena-bold;
border : rgb(255, 255, 255, 0.25) solid 2px;
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 767px) {
.row--conference-timeline .cTimeline__hour {
font-size : 22px;
font-size : 1.22222rem;
}
}
.row--conference-timeline .cTimeline.cTimeline--break img {
border : #fff solid 4px;
border-radius : 100%;
}
.row--conference-timeline .cTimeline.cTimeline--break .cTimeline__wrap .cTimeline__hour {
background : #232323;
}
.row--conference-timeline .cTimeline.cTimeline--panel .cTimeline__wrap .cTimeline__hour {
background : radial-gradient(#00b3e0, #00adee);
}
.row--conference-timeline__wrap .cHeading {
text-align : center;
padding : 1rem;
background-color : #fff;
border-radius : 0.5rem;
margin-bottom : 2rem;
}
@media screen and (min-width: 767px) {
.row--conference-timeline__wrap .cHeading {
padding : 2rem;
}
}
.row--conference-timeline__wrap .cHeading__hx {
margin : 0;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1;
}
.row--conference-timeline__wrap .grid {
align-items : start;
position : relative;
margin : 0;
}
@media screen and (min-width: 800px) {
.row--conference-timeline__wrap .grid {
display : grid;
grid-template-columns : repeat(2,minmax(0,1fr));
column-gap : 5.55556rem;
}
}
@media screen and (min-width: 800px) {
.row--conference-timeline__wrap .grid::before {
position : absolute;
left : 50%;
top : 0;
margin-left : -6px;
border-left : 6px dotted rgb(209, 209, 209, 0.7);
content : "";
height : 100%;
}
}
.row--conference-timeline__wrap .grid__item, .row--conference-timeline__wrap .label--inline, .row--conference-timeline__wrap .label--inline + .field {
width : 100%;
padding : 0;
}
.row--quotes-grid {
margin-top : 2rem;
}
@media screen and (min-width: 767px) {
.row--quotes-grid {
margin : 2rem auto;
}
}
@media screen and (min-width: 1300px) {
.row--quotes-grid {
margin-bottom : 6rem;
}
}
.row--quotes-grid > .rowInner {
max-width : 1600px;
max-width : 88.88889rem;
}
.row--quotes-grid .gridInner {
display : grid;
max-width : 960px;
max-width : 53.33333rem;
margin : 0 auto;
gap : 3rem;
}
@media screen and (min-width: 767px) {
.row--quotes-grid .gridInner {
gap : 1rem;
}
}
@media screen and (min-width: 1024px) {
.row--quotes-grid .gridInner {
grid-template-columns : repeat(2,minmax(0,1fr));
}
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .gridInner {
gap : 2rem;
}
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom {
margin : 0;
padding : 2rem 1.5rem;
border-radius : 1.5rem;
box-shadow : 0 10px 15px 5px rgb(0, 0, 0, 0.075);
background-image : url(../img/konference-citace.jpg?v=9b63);
background-color : #0068af;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
background-blend-mode : multiply;
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom {
padding : 2rem 6rem 2rem 2rem;
}
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__inner {
padding : 0;
min-width : 0;
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__inner {
text-align : right;
}
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom p {
font-style : italic;
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__author .source, .row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__author .source-info, .row--quotes-grid .cBlockquote.cBlockquote--image-custom p {
color : #fff;
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__img {
padding : 0;
margin-top : 1rem;
margin-bottom : -4rem;
}
@media screen and (min-width: 767px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__img {
margin-bottom : 0;
}
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__img {
top : 50%;
left : 100%;
right : auto;
margin-left : -70px;
margin-top : -70px;
}
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__img img {
border-radius : 100%;
border : rgb(255, 255, 255, 0.5) solid 5px;
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom .cBlockquote__img .cBlockquote__portrait {
width : 140px;
}
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom::after, .row--quotes-grid .cBlockquote.cBlockquote--image-custom::before {
display : none;
}
@media screen and (min-width: 1300px) {
.row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(2), .row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(4) {
padding : 2rem 2rem 2rem 6rem;
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(2) .cBlockquote__inner, .row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(4) .cBlockquote__inner {
text-align : left;
}
.row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(2) .cBlockquote__img, .row--quotes-grid .cBlockquote.cBlockquote--image-custom:nth-child(4) .cBlockquote__img {
left : 0;
}
}
.modal-widget {
display : grid;
place-items : center;
position : fixed;
left : 0;
top : 0;
padding : 1.11111rem;
width : 100%;
height : 100%;
z-index : 999;
background-color : rgb(0, 0, 0, 0.1);
opacity : 0;
transition : all 0.3s ease-in-out;
}
.modal-widget.is-active {
opacity : 1;
}
.modal-widget__buttons {
display : grid;
gap : 10px;
gap : 0.55556rem;
}
@media screen and (min-width: 767px) {
.modal-widget__buttons {
display : inline-grid;
grid-template-columns : 1fr 1fr;
gap : 30px;
gap : 1.66667rem;
}
}
@media screen and (min-width: 1300px) {
.modal-widget__buttons {
margin-top : 2rem;
}
}
.modal-widget .cText {
position : relative;
z-index : 1;
}
.modal-widget .cText .modal-widget__date {
display : block;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.1;
margin-bottom : 0.5rem;
}
@media screen and (min-width: 767px) {
.modal-widget .cText .modal-widget__date {
font-size : 35px;
font-size : 1.94444rem;
line-height : 1.1;
}
}
.modal-widget .grid {
position : relative;
margin : 0;
padding : 1.66667rem 1.38889rem;
max-width : 90vw;
border-radius : 1rem;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.4);
max-height : calc(100vh - 40px);
max-height : calc(100vh - 40px);
max-height : calc(100vh - 40px);
background-image : url(../img/konference_bg.jpg?v=1a01);
background-color : #00adee;
background-repeat : no-repeat;
background-size : cover;
background-position : center center;
color : #fff;
overflow-y : auto;
overflow-x : hidden;
}
@media screen and (min-width: 767px) {
.modal-widget .grid {
border-radius : 2rem;
padding : 1.66667rem;
overflow : hidden;
background-position : 0 0;
}
}
@media screen and (min-width: 950px) {
.modal-widget .grid {
width : 900px;
width : 50rem;
padding : 2.77778rem;
}
}
@media screen and (min-width: 1300px) {
.modal-widget .grid {
width : 1200px;
width : 66.66667rem;
padding : 3.61111rem 25rem 3.61111rem 5rem;
min-height : 628px;
min-height : 34.88889rem;
transform : scale(0.86);
}
}
@media screen and (min-width: 1600px) {
.modal-widget .grid {
transform : none;
}
}
.modal-widget .grid__item, .modal-widget .label--inline, .modal-widget .label--inline + .field {
padding : 0;
}
.modal-widget .cHeading {
font-size : 32px;
font-size : 1.77778rem;
margin-bottom : 1rem;
color : inherit;
}
@media screen and (min-width: 767px) {
.modal-widget .cHeading {
font-size : 42px;
font-size : 2.33333rem;
}
}
@media screen and (min-width: 1300px) {
.modal-widget .cHeading {
margin-bottom : 2rem;
font-size : 56px;
font-size : 3.11111rem;
}
}
.modal-widget .cHeading small {
display : block;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.3;
margin-top : 0.25rem;
}
@media screen and (min-width: 767px) {
.modal-widget .cHeading small {
max-width : 70%;
}
}
@media screen and (min-width: 1300px) {
.modal-widget .cHeading small {
font-size : 35px;
font-size : 1.94444rem;
line-height : 1.3;
max-width : 80%;
margin-top : 0;
}
}
.modal-widget .cText {
margin : 0;
}
.modal-widget .modal-widget__desc {
margin-bottom : 1.11111rem;
font-size : 17px;
font-size : 0.94444rem;
line-height : 1.3;
font-weight : 500;
}
@media screen and (min-width: 767px) {
.modal-widget .modal-widget__desc {
font-size : 21px;
font-size : 1.16667rem;
line-height : 1.3;
}
}
@media screen and (min-width: 767px) {
.modal-widget .modal-widget__desc--strong {
max-width : 80%;
}
}
.modal-widget .gridInner {
display : flex;
flex-direction : column;
align-items : center;
}
@media screen and (min-width: 600px) {
.modal-widget .gridInner {
flex-direction : row;
}
}
.cftSearch--standard .modal-widget .cftSearch__submit, .modal-widget .btn, .modal-widget .cClientZone__logout, .modal-widget .cftSearch--standard .cftSearch__submit {
height : 60px;
height : 3.33333rem;
white-space : nowrap;
text-transform : uppercase;
border-radius : 3em;
font-weight : 700;
padding-top : 3px;
}
@media screen and (min-width: 1024px) {
.cftSearch--standard .modal-widget .cftSearch__submit, .modal-widget .btn, .modal-widget .cClientZone__logout, .modal-widget .cftSearch--standard .cftSearch__submit {
height : 75px;
height : 4.16667rem;
font-size : 16px;
font-size : 0.88889rem;
letter-spacing : 1px;
}
}
.cftSearch--standard .modal-widget .cftSearch__submit span, .modal-widget .btn span, .modal-widget .cClientZone__logout span, .modal-widget .cftSearch--standard .cftSearch__submit span {
display : block;
position : relative;
margin-left : 13px;
width : 17px;
height : 17px;
border-radius : 100%;
border : #fff solid 1px;
}
.cftSearch--standard .modal-widget .cftSearch__submit span::after, .cftSearch--standard .modal-widget .cftSearch__submit span::before, .modal-widget .btn span::after, .modal-widget .btn span::before, .modal-widget .cClientZone__logout span::after, .modal-widget .cClientZone__logout span::before, .modal-widget .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cftSearch__submit span::before {
position : absolute;
content : "";
width : 1px;
height : 5px;
background-color : #fff;
}
.modal-widget .btn--secondary {
background-color : #00587e;
color : #fff;
}
.modal-widget .btn--secondary:hover {
background-color : #00344b;
}
.modal-widget .btn--secondary span::after, .modal-widget .btn--secondary span::before {
height : 8px;
left : 7px;
top : 4px;
}
.blog-legacy-detail .cConversButton .modal-widget .btn--inverse, .cConversButton .cftSearch--standard .modal-widget .cftSearch__submit:not(.btn--inverse), .cConversButton .modal-widget .btn:not(.btn--inverse), .cConversButton .modal-widget .cClientZone__logout:not(.btn--inverse), .cForm .cftSearch--standard .modal-widget .cftSearch__submit, .cForm .modal-widget .btn, .cForm .modal-widget .cClientZone__logout, .cFtr__search .modal-widget .search__btn, .cMap__field .cftSearch--standard .modal-widget .cftSearch__submit, .cMap__field .modal-widget .btn, .cMap__field .modal-widget .cClientZone__logout, .cNewsletter .cftSearch--standard .modal-widget .cftSearch__submit, .cNewsletter .modal-widget .btn, .cNewsletter .modal-widget .cClientZone__logout, .cSellingButton .cftSearch--standard .modal-widget .cftSearch__submit, .cSellingButton .modal-widget .btn, .cSellingButton .modal-widget .cClientZone__logout, .cc-banner--bottom-right .cftSearch--standard .modal-widget .cftSearch__submit:last-child, .cc-banner--bottom-right .modal-widget .btn:last-child, .cc-banner--bottom-right .modal-widget .cClientZone__logout:last-child, .cftSearch--standard .cConversButton .modal-widget .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .modal-widget .cftSearch__submit, .cftSearch--standard .cMap__field .modal-widget .cftSearch__submit, .cftSearch--standard .cNewsletter .modal-widget .cftSearch__submit, .cftSearch--standard .cSellingButton .modal-widget .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .modal-widget .cftSearch__submit:last-child, .modal-widget .blog-legacy-detail .cConversButton .btn--inverse, .modal-widget .btn--cta, .modal-widget .cConversButton .btn:not(.btn--inverse), .modal-widget .cConversButton .cClientZone__logout:not(.btn--inverse), .modal-widget .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .modal-widget .cForm .btn, .modal-widget .cForm .cClientZone__logout, .modal-widget .cForm .cftSearch--standard .cftSearch__submit, .modal-widget .cFtr__search .search__btn, .modal-widget .cMap__field .btn, .modal-widget .cMap__field .cClientZone__logout, .modal-widget .cMap__field .cftSearch--standard .cftSearch__submit, .modal-widget .cNewsletter .btn, .modal-widget .cNewsletter .cClientZone__logout, .modal-widget .cNewsletter .cftSearch--standard .cftSearch__submit, .modal-widget .cSellingButton .btn, .modal-widget .cSellingButton .cClientZone__logout, .modal-widget .cSellingButton .cftSearch--standard .cftSearch__submit, .modal-widget .cc-banner--bottom-right .btn:last-child, .modal-widget .cc-banner--bottom-right .cClientZone__logout:last-child, .modal-widget .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .modal-widget .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .modal-widget .cftSearch--standard .cForm .cftSearch__submit, .modal-widget .cftSearch--standard .cMap__field .cftSearch__submit, .modal-widget .cftSearch--standard .cNewsletter .cftSearch__submit, .modal-widget .cftSearch--standard .cSellingButton .cftSearch__submit, .modal-widget .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child {
background : #f48400;
}
.blog-legacy-detail .cConversButton .modal-widget .btn--inverse span::before, .cConversButton .cftSearch--standard .modal-widget .cftSearch__submit:not(.btn--inverse) span::before, .cConversButton .modal-widget .btn:not(.btn--inverse) span::before, .cConversButton .modal-widget .cClientZone__logout:not(.btn--inverse) span::before, .cForm .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cForm .modal-widget .btn span::before, .cForm .modal-widget .cClientZone__logout span::before, .cFtr__search .modal-widget .search__btn span::before, .cMap__field .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cMap__field .modal-widget .btn span::before, .cMap__field .modal-widget .cClientZone__logout span::before, .cNewsletter .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cNewsletter .modal-widget .btn span::before, .cNewsletter .modal-widget .cClientZone__logout span::before, .cSellingButton .cftSearch--standard .modal-widget .cftSearch__submit span::before, .cSellingButton .modal-widget .btn span::before, .cSellingButton .modal-widget .cClientZone__logout span::before, .cc-banner--bottom-right .cftSearch--standard .modal-widget .cftSearch__submit:last-child span::before, .cc-banner--bottom-right .modal-widget .btn:last-child span::before, .cc-banner--bottom-right .modal-widget .cClientZone__logout:last-child span::before, .cftSearch--standard .cConversButton .modal-widget .cftSearch__submit:not(.btn--inverse) span::before, .cftSearch--standard .cForm .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cMap__field .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cNewsletter .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cSellingButton .modal-widget .cftSearch__submit span::before, .cftSearch--standard .cc-banner--bottom-right .modal-widget .cftSearch__submit:last-child span::before, .modal-widget .blog-legacy-detail .cConversButton .btn--inverse span::before, .modal-widget .btn--cta span::before, .modal-widget .cConversButton .btn:not(.btn--inverse) span::before, .modal-widget .cConversButton .cClientZone__logout:not(.btn--inverse) span::before, .modal-widget .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse) span::before, .modal-widget .cForm .btn span::before, .modal-widget .cForm .cClientZone__logout span::before, .modal-widget .cForm .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cFtr__search .search__btn span::before, .modal-widget .cMap__field .btn span::before, .modal-widget .cMap__field .cClientZone__logout span::before, .modal-widget .cMap__field .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cNewsletter .btn span::before, .modal-widget .cNewsletter .cClientZone__logout span::before, .modal-widget .cNewsletter .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cSellingButton .btn span::before, .modal-widget .cSellingButton .cClientZone__logout span::before, .modal-widget .cSellingButton .cftSearch--standard .cftSearch__submit span::before, .modal-widget .cc-banner--bottom-right .btn:last-child span::before, .modal-widget .cc-banner--bottom-right .cClientZone__logout:last-child span::before, .modal-widget .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child span::before, .modal-widget .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse) span::before, .modal-widget .cftSearch--standard .cForm .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cMap__field .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cNewsletter .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cSellingButton .cftSearch__submit span::before, .modal-widget .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child span::before {
left : 7px;
top : 4px;
}
.blog-legacy-detail .cConversButton .modal-widget .btn--inverse span::after, .cConversButton .cftSearch--standard .modal-widget .cftSearch__submit:not(.btn--inverse) span::after, .cConversButton .modal-widget .btn:not(.btn--inverse) span::after, .cConversButton .modal-widget .cClientZone__logout:not(.btn--inverse) span::after, .cForm .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cForm .modal-widget .btn span::after, .cForm .modal-widget .cClientZone__logout span::after, .cFtr__search .modal-widget .search__btn span::after, .cMap__field .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cMap__field .modal-widget .btn span::after, .cMap__field .modal-widget .cClientZone__logout span::after, .cNewsletter .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cNewsletter .modal-widget .btn span::after, .cNewsletter .modal-widget .cClientZone__logout span::after, .cSellingButton .cftSearch--standard .modal-widget .cftSearch__submit span::after, .cSellingButton .modal-widget .btn span::after, .cSellingButton .modal-widget .cClientZone__logout span::after, .cc-banner--bottom-right .cftSearch--standard .modal-widget .cftSearch__submit:last-child span::after, .cc-banner--bottom-right .modal-widget .btn:last-child span::after, .cc-banner--bottom-right .modal-widget .cClientZone__logout:last-child span::after, .cftSearch--standard .cConversButton .modal-widget .cftSearch__submit:not(.btn--inverse) span::after, .cftSearch--standard .cForm .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cMap__field .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cNewsletter .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cSellingButton .modal-widget .cftSearch__submit span::after, .cftSearch--standard .cc-banner--bottom-right .modal-widget .cftSearch__submit:last-child span::after, .modal-widget .blog-legacy-detail .cConversButton .btn--inverse span::after, .modal-widget .btn--cta span::after, .modal-widget .cConversButton .btn:not(.btn--inverse) span::after, .modal-widget .cConversButton .cClientZone__logout:not(.btn--inverse) span::after, .modal-widget .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse) span::after, .modal-widget .cForm .btn span::after, .modal-widget .cForm .cClientZone__logout span::after, .modal-widget .cForm .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cFtr__search .search__btn span::after, .modal-widget .cMap__field .btn span::after, .modal-widget .cMap__field .cClientZone__logout span::after, .modal-widget .cMap__field .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cNewsletter .btn span::after, .modal-widget .cNewsletter .cClientZone__logout span::after, .modal-widget .cNewsletter .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cSellingButton .btn span::after, .modal-widget .cSellingButton .cClientZone__logout span::after, .modal-widget .cSellingButton .cftSearch--standard .cftSearch__submit span::after, .modal-widget .cc-banner--bottom-right .btn:last-child span::after, .modal-widget .cc-banner--bottom-right .cClientZone__logout:last-child span::after, .modal-widget .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child span::after, .modal-widget .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse) span::after, .modal-widget .cftSearch--standard .cForm .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cMap__field .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cNewsletter .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cSellingButton .cftSearch__submit span::after, .modal-widget .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child span::after {
left : 7px;
top : 7px;
}
.modal-widget .cImage, .modal-widget .cImage img {
display : none;
position : absolute;
right : 0;
top : 0;
width : 100%;
}
@media screen and (min-width: 767px) {
.modal-widget .cImage, .modal-widget .cImage img {
display : block;
width : 392px;
width : 21.77778rem;
}
}
@media screen and (min-width: 767px) {
.modal-widget .cImage img {
transform : scale(0.85) translateX(50%);
transform-origin : 0 0;
}
}
@media screen and (min-width: 1300px) {
.modal-widget .cImage img {
transform : none;
}
}
@keyframes field-shadow-pulse {
0% {
box-shadow : 0 0 0 0 #0cf;
}
100% {
box-shadow : 0 0 0 15px rgb(0, 204, 255, 0);
}
}
@keyframes btn-shadow-pulse {
0% {
box-shadow : 0 0 0 0 #ffa100;
}
100% {
box-shadow : 0 0 0 15px rgb(255, 161, 0, 0);
}
}
.squeeze-page {
position : static;
will-change : unset;
}
.squeeze-page-form .gridInner {
display : grid;
align-items : end;
column-gap : 2rem;
}
@media screen and (min-width: 1200px) {
.squeeze-page-form .gridInner {
grid-template-columns : repeat(2,minmax(0,1fr));
}
}
@media screen and (min-width: 1400px) {
.squeeze-page-form .gridInner {
padding-right : 70px;
}
}
@media screen and (min-width: 1700px) {
.squeeze-page-form .gridInner {
column-gap : 4rem;
}
}
.squeeze-page.triggeredCSS3 .cForm {
transform : translateY(0) scale(1);
opacity : 1;
}
.squeeze-page.triggeredCSS3 .waves {
transform : translateY(0);
}
.squeeze-page .cPerex {
margin : 2rem 0 0;
}
@media screen and (min-width: 767px) {
.squeeze-page .cPerex {
margin : 0;
}
}
.squeeze-page .cPerex .cHeading__hx {
margin-bottom : 1rem;
font-size : 30px;
font-size : 1.66667rem;
line-height : 1.1;
}
@media screen and (min-width: 767px) {
.squeeze-page .cPerex .cHeading__hx {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1500px) {
.squeeze-page .cPerex .cHeading__hx {
font-size : 47px;
font-size : 2.61111rem;
line-height : 1.1;
}
}
.squeeze-page .cPerex .cHeading__hx .brand-light {
display : block;
font-size : 45px;
font-size : 2.5rem;
}
@media screen and (min-width: 767px) {
.squeeze-page .cPerex .cHeading__hx .brand-light {
font-size : 70px;
font-size : 3.88889rem;
}
}
@media screen and (min-width: 1500px) {
.squeeze-page .cPerex .cHeading__hx .brand-light {
font-size : 80px;
font-size : 4.44444rem;
}
}
.squeeze-page .cPerex svg {
width : 180px;
height : auto;
}
@media screen and (min-width: 1500px) {
.squeeze-page .cPerex svg {
width : 220px;
}
}
.squeeze-page .cPerex .gamma {
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.3;
font-weight : 600;
}
.squeeze-page .cPerex .num-list {
margin-bottom : 0;
}
.squeeze-page .cPerex .num-list li {
margin-left : 0;
}
.squeeze-page .cPerex .num-list li::before {
top : -3px;
}
.squeeze-page .cPerex .num-list li p {
font-size : 18px;
font-size : 1rem;
line-height : 1.4;
margin-bottom : 0;
}
@media screen and (min-width: 1500px) {
.squeeze-page .cPerex .num-list li p {
font-size : 20px;
font-size : 1.11111rem;
}
}
.squeeze-page .cForm {
margin : 0 -25px;
padding : 3.33333rem 2.22222rem 1.38889rem;
box-shadow : 0 -11px 25px 0 rgb(0, 0, 0, 0.15);
}
@media screen and (max-width: 766px) {
.squeeze-page .cForm {
min-height : 480px;
background-color : #2a2b2c;
}
}
@media screen and (min-width: 767px) {
.squeeze-page .cForm {
margin : 0;
padding : 3.33333rem 2.22222rem;
box-shadow : 0 11px 25px 0 rgb(0, 0, 0, 0.15);
}
}
@media screen and (min-width: 1200px) {
.squeeze-page .cForm {
padding : 3.33333rem;
transition : all 0.4s ease-in-out;
transform : translateY(10%) scale(0.8);
opacity : 0;
transition-delay : 0.4s;
}
}
@media screen and (min-width: 1400px) {
.squeeze-page .cForm {
height : 515px;
margin-top : 80px;
padding : 4.44444rem 6.66667rem 3.33333rem 4.44444rem;
}
}
.squeeze-page .cForm .block-grid::after, .squeeze-page .cForm::after, .squeeze-page .cForm::before {
display : none;
}
.squeeze-page .cForm__inner {
background-color : transparent;
}
.squeeze-page .cForm .grid__item, .squeeze-page .cForm .label--inline, .squeeze-page .cForm .label--inline + .field {
display : grid;
row-gap : 25px;
}
.squeeze-page .cForm .form-fields__inner {
position : relative;
margin : 0;
}
.squeeze-page .cForm .form-fields__inner:not(.cForm__gdpr).is-active label {
display : none;
}
@media screen and (max-width: 766px) {
.squeeze-page .cForm .form-fields__inner.cForm__gdpr {
color : #fff;
}
}
@media screen and (max-width: 766px) {
.squeeze-page .cForm .form-fields__inner:nth-child(3) {
order : 1;
}
}
.squeeze-page .cForm .form-fields__inner:first-child::before {
position : absolute;
left : 20px;
top : 22px;
font-size : 18px;
}
@media screen and (min-width: 1024px) {
.squeeze-page .cForm .form-fields__inner:first-child::before {
font-size : 24px;
top : 18px;
}
}
.squeeze-page .cForm .form-fields__inner:nth-child(2)::before {
position : absolute;
left : 20px;
top : 18px;
font-size : 24px;
}
@media screen and (min-width: 1024px) {
.squeeze-page .cForm .form-fields__inner:nth-child(2)::before {
font-size : 32px;
top : 11px;
}
}
.squeeze-page .cForm .form-fields__inner:not(.cForm__gdpr) label {
position : absolute;
top : 30px;
left : 55px;
color : #fff;
}
@media screen and (min-width: 767px) {
.squeeze-page .cForm .form-fields__inner:not(.cForm__gdpr) label {
top : 24px;
color : #303233;
}
}
@media screen and (min-width: 1024px) {
.squeeze-page .cForm .form-fields__inner:not(.cForm__gdpr) label {
top : 22px;
left : 65px;
}
}
.squeeze-page .cForm .form-fields__inner label {
font-size : 16px;
font-size : 0.88889rem;
font-style : italic;
font-weight : 700;
text-transform : none;
}
@media screen and (min-width: 1024px) {
.squeeze-page .cForm .form-fields__inner label {
font-size : 20px;
font-size : 1.11111rem;
}
}
.squeeze-page .cForm .cForm__gdpr {
opacity : 0.3;
}
.squeeze-page .cForm .cForm__gdpr.is-active, .squeeze-page .cForm .cForm__gdpr.is-success {
opacity : 1;
}
.squeeze-page .cForm .cForm__gdpr .checkbox-design label {
width : 30px;
height : 30px;
background-color : #e3e3e3;
border : #e3e3e3 solid 2px;
}
.squeeze-page .cForm .cForm__gdpr .checkbox-design label::after {
width : 16px;
height : 8px;
border-left-width : 3px;
border-bottom-width : 3px;
border-color : #fff;
}
.squeeze-page .cForm .cForm__gdpr .checkbox-design + label {
margin-left : 35px;
}
.squeeze-page .cForm .cForm__gdpr.is-active .checkbox-design label {
animation : field-shadow-pulse 1.5s infinite;
border-color : #0cf;
background-color : #fff;
}
.squeeze-page .cForm .cForm__gdpr.is-success .checkbox-design label {
animation : none;
border-color : #0cf;
background-color : #0cf;
}
.cftSearch--standard .squeeze-page .cForm .cftSearch__submit, .squeeze-page .cForm .btn, .squeeze-page .cForm .cClientZone__logout, .squeeze-page .cForm .cftSearch--standard .cftSearch__submit {
width : 100%;
position : static;
margin : 0;
float : none;
border-radius : 10px;
text-transform : uppercase;
}
.squeeze-page .cForm .btn--submit:not(.is-active) {
opacity : 0.5;
background : #ccc;
}
.cftSearch--standard .squeeze-page .cForm .is-active.cftSearch__submit, .squeeze-page .cForm .btn.is-active, .squeeze-page .cForm .cftSearch--standard .is-active.cftSearch__submit, .squeeze-page .cForm .is-active.cClientZone__logout {
animation : btn-shadow-pulse 1.5s infinite;
}
.squeeze-page .cForm .field {
height : 75px;
padding : 0 20px 0 50px;
border : #414243 solid 4px;
border-radius : 10px;
font-weight : 600;
font-size : 16px;
font-size : 0.88889rem;
transition : all 0.4s ease-in-out;
color : #fff;
background-color : #2a2b2c;
}
@media screen and (min-width: 767px) {
.squeeze-page .cForm .field {
border-color : #d1d1d1;
color : #303233;
background-color : #fff;
}
}
@media screen and (min-width: 1024px) {
.squeeze-page .cForm .field {
padding : 0 60px;
font-size : 20px;
font-size : 1.11111rem;
}
}
.squeeze-page .cForm .field--required {
animation : field-shadow-pulse 1.5s infinite;
box-shadow : 0 0 20px 2px #0cf;
border-color : #0cf;
}
.squeeze-page .cForm .field.is-success {
border-color : #0cf;
background-color : rgb(0, 204, 255, 0.1);
animation : none;
box-shadow : none;
}
.squeeze-page .message {
display : none;
text-align : center;
color : rgb(255, 255, 255, 0.6);
}
@media screen and (min-width: 767px) {
.squeeze-page .message {
color : #666;
}
}
.squeeze-page .message.is-visible {
display : block;
}
.squeeze-page .message.is-visible .checkmark {
animation : fill 0.4s 0.4s ease-in-out forwards, scale 0.3s 0.9s ease-in-out both;
}
.squeeze-page .message::before {
display : none !important ;
}
.squeeze-page .message .checkmark {
animation : none;
}
.cftSearch--standard .squeeze-page .message .cftSearch__submit, .squeeze-page .message .btn, .squeeze-page .message .cClientZone__logout, .squeeze-page .message .cftSearch--standard .cftSearch__submit {
width : auto;
padding : 0 40px;
}
.cftSearch--standard .squeeze-page .message .cftSearch__submit::after, .squeeze-page .message .btn::after, .squeeze-page .message .cClientZone__logout::after, .squeeze-page .message .cftSearch--standard .cftSearch__submit::after {
display : none;
}
.squeeze-page .message .cHeading {
margin-bottom : 20px;
color : #fff;
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.squeeze-page .message .cHeading {
font-size : 36px;
font-size : 2rem;
color : #303233;
}
}
.squeeze-page .alert--success {
display : none;
}
.cImage--squeeze {
display : none;
position : absolute;
bottom : 0;
right : -300px;
z-index : 3;
will-change : transform;
transition : all 0.4s ease-in-out;
transform : translateY(100%) scale(0.8);
transform-origin : center bottom;
transition-delay : 0.8s;
}
@media screen and (min-width: 1400px) {
.cImage--squeeze {
display : block;
}
}
@media screen and (min-width: 1500px) {
.cImage--squeeze {
right : -250px;
}
}
@media screen and (min-width: 1700px) {
.cImage--squeeze {
right : -150px;
}
}
@media screen and (min-width: 1800px) {
.cImage--squeeze {
right : -100px;
}
}
@media screen and (min-width: 1900px) {
.cImage--squeeze {
right : -40px;
}
}
.cImage--squeeze img {
transform : scale(0.86);
transform-origin : center bottom;
}
@media (min-width: 1400px) and (max-width: 1600px) and (max-height: 750px) {
.cImage--squeeze img {
transform : scale(0.78);
}
}
@media screen and (min-width: 1700px) {
.cImage--squeeze img {
transform : none;
}
}
.cImage--squeeze.is-active {
transform : translateY(0) scale(1);
}
.cImage--squeeze.is-active .cImage__desc {
transform : scale(1);
opacity : 1;
}
.cImage--squeeze.is-success {
transition-delay : 0.2s;
transform : translateY(0);
opacity : 0;
}
.cImage--squeeze.is-success .cImage__desc {
visibility : hidden;
}
@media screen and (min-width: 1900px) {
.cImage--squeeze-3 {
right : 0;
}
}
.cImage--squeeze img {
max-width : none;
}
.cImage--squeeze .cImage__desc {
display : grid;
gap : 10px;
position : absolute;
right : calc(100% - 90px);
right : calc(100% - 90px);
right : calc(100% - 90px);
top : 50px;
text-align : left;
padding : 1.38889rem 1.94444rem;
margin : 0;
font-weight : 600;
font-style : italic;
border-radius : 20px;
box-shadow : 0 11px 25px 0 rgb(0, 0, 0, 0.15);
z-index : 4;
min-width : 400px;
background-color : #294553;
color : #fff;
transform : scale(0.6);
opacity : 0;
transform-origin : bottom right;
transition : all 0.2s ease-in-out;
transition-delay : 1.2s;
}
@media screen and (min-width: 1500px) {
.cImage--squeeze .cImage__desc {
min-width : 460px;
}
}
@media (min-width: 1400px) and (min-height: 900px) {
.cImage--squeeze .cImage__desc {
top : 0;
}
}
@media (min-width: 1600px) and (min-height: 900px) {
.cImage--squeeze .cImage__desc {
top : -50px;
}
}
@media (min-width: 1400px) and (max-width: 1600px) and (max-height: 750px) {
.cImage--squeeze .cImage__desc {
top : 115px;
right : calc(100% - 125px);
right : calc(100% - 125px);
right : calc(100% - 125px);
}
}
@media (min-width: 2000px) and (min-height: 1100px) {
.cImage--squeeze .cImage__desc {
top : -150px;
right : calc(100% - 120px);
right : calc(100% - 120px);
right : calc(100% - 120px);
}
}
.cImage--squeeze .cImage__desc::after {
position : absolute;
right : 40px;
top : 100%;
width : 0;
height : 0;
border-style : solid;
border-width : 0 43px 36px 0;
border-color : transparent #294553 transparent transparent;
transform : rotate(0deg);
content : '';
}
.cImage--squeeze .cImage__desc p {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
margin-bottom : 0;
}
@media screen and (min-width: 1500px) {
.cImage--squeeze .cImage__desc p {
font-size : 24px;
font-size : 1.33333rem;
}
}
.cImage--squeeze .cImage__desc .author {
font-size : 17px;
font-size : 0.94444rem;
margin : 0;
font-style : normal;
}
@media screen and (min-width: 767px) {
.cImage--squeeze .cImage__desc .author {
display : flex;
align-items : baseline;
gap : 12px;
}
}
.cImage--squeeze-1.is-success {
opacity : 0;
}
.cImage--squeeze-2 {
transform : translateY(0);
opacity : 0;
}
.cImage--squeeze-2.is-active, .cImage--squeeze-3.is-active {
opacity : 1;
}
.cImage--squeeze-2.is-active .cImage__desc, .cImage--squeeze-3.is-active .cImage__desc {
transform : scale(1);
opacity : 1;
}
.cImage--squeeze-mobile {
display : block;
position : static;
transform : none;
opacity : 1;
transition : none;
margin : 30px 0 0;
}
@media screen and (min-width: 767px) {
.cImage--squeeze-mobile {
display : none;
}
}
.cImage--squeeze-mobile .cImage__inner {
position : relative;
min-height : 440px;
padding-right : 100px;
}
.cImage--squeeze-mobile .cImage__imgWrapper img {
position : absolute;
bottom : 0;
right : -100px;
}
.cImage--squeeze-mobile .cImage__desc {
position : static;
opacity : 1;
transform : none;
text-align : left;
margin : 0;
padding : 1.11111rem;
font-size : 15px;
font-size : 0.83333rem;
border-radius : 8px;
font-weight : 600;
min-width : 0;
background-color : #00adee;
}
.cImage--squeeze-mobile .cImage__desc p {
font-size : 24px;
font-size : 1.33333rem;
}
.cImage--squeeze-mobile .cImage__desc .author span {
margin : 0;
}
.cImage--squeeze-mobile .cImage__desc::after, .pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .cc-banner, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .cc-banner {
display : none;
}
@media (max-width: 1399px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da body, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 body {
background-color : #f5f5f5;
}
}
@media screen and (min-width: 1400px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 {
overflow : hidden;
}
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .pageHeader, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .pageHeader {
display : grid;
align-items : end;
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .mainWrapper, .pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteFooterWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .mainWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteFooterWrapper {
display : none;
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteWrapper {
display : grid;
max-width : 1500px;
margin : 0 auto 0 0;
padding : 1.11111rem 1.11111rem 0;
background-color : #fff;
align-items : start;
}
@media screen and (min-width: 767px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteWrapper {
padding : 2.22222rem;
background-color : transparent;
}
}
@media screen and (min-width: 1300px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteWrapper {
align-items : center;
padding : 3.33333rem;
}
}
@media screen and (min-width: 767px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteWrapper {
min-height : 100vh;
}
}
@media screen and (min-width: 1900px) {
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .siteWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .siteWrapper {
margin-left : 5%;
}
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .globalWrapper, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .globalWrapper {
position : relative;
background-image : url(../img/squeeze-page-bg.jpg?v=2913);
background-color : #f5f5f5;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 -90px;
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .waves, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .waves {
display : none;
margin : 0;
position : absolute;
left : 0;
bottom : -40px;
z-index : 2;
width : 100%;
transform : translateY(100%);
transition : all 0.4s ease-in-out;
}
.pageID-1ea44f3a-1a03-45ad-a675-64e4aa6ee2da .waves svg, .pageID-ca895443-472a-4da7-9cda-cf2a59591636 .waves svg {
display : block;
}
.cFiles__row {
margin-bottom : 2.22222rem;
}
.cFiles__rowItem:nth-child(2) {
padding-left : 1.94444rem;
}
.cFiles__extension, .cFiles__size, .cFiles__title {
display : inline-block;
vertical-align : middle;
}
.cConversButton {
text-align : center;
}
.cConversButton .cHeading {
margin-bottom : 1.11111rem;
}
.cConversButton--colored {
background-color : #F2F2F2;
}
.cMenuTags--blog {
display : flex;
justify-content : center;
align-items : flex-start;
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1000;
background-color : rgb(0, 0, 0, 0.3);
text-align : left;
opacity : 0;
transition : all 0.3s ease-in-out;
}
.cMenuTags--blog .cMenuTags__modal {
position : relative;
margin-top : 10px;
width : 95%;
max-height : calc(100vh - 20px);
max-height : calc(100vh - 20px);
max-height : calc(100vh - 20px);
overflow-y : auto;
overflow-x : hidden;
padding : 40px 15px 20px;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.075);
border-radius : 1em;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.cMenuTags--blog .cMenuTags__modal {
height : auto;
padding : 25px;
margin-top : 30px;
}
}
@media screen and (min-width: 1300px) {
.cMenuTags--blog .cMenuTags__modal {
margin-top : 150px;
border-radius : 2em;
padding : 60px 50px;
}
}
@media screen and (min-width: 1800px) {
.cMenuTags--blog .cMenuTags__modal {
margin-top : 250px;
width : 1700px;
padding : 60px 80px;
}
}
.cMenuTags--blog.is-active {
opacity : 1;
}
.cMenuTags--blog .cMenuTags__wrap {
display : flex;
align-items : flex-start;
flex-direction : column;
}
@media screen and (min-width: 1300px) {
.cMenuTags--blog .cMenuTags__wrap {
flex-direction : row;
align-items : center;
}
}
@media screen and (min-width: 1300px) {
.cMenuTags--blog .cMenuTags__tags {
padding-right : 70px;
border-right : 6px dotted #d1d1d1;
}
}
.cMenuTags--blog .cTag--blog {
display : none;
}
.cMenuTags--blog .cMenuTags__actions .btn, .cMenuTags--blog .cMenuTags__actions .cClientZone__logout, .cMenuTags--blog .cMenuTags__actions .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMenuTags--blog .cMenuTags__actions .cftSearch__submit {
margin-right : 30px;
}
.cMenuTags--blog .cMenuTags__submit {
margin-top : 20px;
}
@media screen and (min-width: 1300px) {
.cMenuTags--blog .cMenuTags__submit {
display : flex;
justify-content : flex-end;
min-width : 360px;
margin-top : 0;
}
}
.cMenuTags--blog .cMenuTags__submit .btn, .cMenuTags--blog .cMenuTags__submit .cClientZone__logout, .cMenuTags--blog .cMenuTags__submit .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMenuTags--blog .cMenuTags__submit .cftSearch__submit {
padding-left : 40px;
padding-right : 40px;
}
.cMenuTags--blog .cHeading {
margin-bottom : 20px;
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.cMenuTags--blog .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1300px) {
.cMenuTags--blog .cHeading {
margin-bottom : 50px;
font-size : 60px;
font-size : 3.33333rem;
}
}
.cMenuTags--blog .cMenuTags__info {
margin-top : 15px;
}
@media screen and (min-width: 767px) {
.cMenuTags--blog .cMenuTags__info {
margin-top : 30px;
}
}
.cMenuTags--blog .cMenuTags__info .btn, .cMenuTags--blog .cMenuTags__info .cClientZone__logout, .cMenuTags--blog .cMenuTags__info .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cMenuTags--blog .cMenuTags__info .cftSearch__submit {
width : auto;
}
.cMenuTags--blog .cMenuTags__selected {
display : flex;
align-items : center;
font-style : italic;
font-size : 14px;
font-size : 0.77778rem;
}
.cMenuTags--blog .cMenuTags__selected::before {
display : block;
content : '';
margin-right : 12px;
margin-top : -2px;
background-image : url(../img/info-icon.svg?v=f7f9);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 18px;
height : 18px;
}
.cMenuTags--reference {
margin-top : 40px;
margin-bottom : 40px;
padding-bottom : 25px;
text-align : center;
border-bottom : 1px solid #ebebeb;
}
@media screen and (min-width: 1024px) {
.cMenuTags--reference {
margin-bottom : 80px;
margin-top : 0;
}
}
.cMenuTags__tags {
font-size : 0;
}
.cCopyright--ebranaLogo.center {
margin-bottom : 0;
font-size : 12px;
font-size : 0.66667rem;
}
.cCopyright--ebranaLogo.center .cCopyright__inner {
display : block;
padding : 0;
}
.cCopyright--ebranaLogo.center .cCopyright__copyright {
margin-bottom : 25px;
order : 1;
opacity : 0.7;
}
.cCopyright--ebranaLogo.center .cCopyright__textContent {
display : flex;
flex-direction : column;
margin : 0;
}
.cCopyright--ebranaLogo.center .cCopyright__links {
margin-bottom : 20px;
}
.cCopyright--ebranaLogo.center .cCopyright__links a {
position : relative;
display : block;
margin : 16px 0;
padding : 0;
text-transform : uppercase;
opacity : 0.7;
text-decoration : none;
}
@media screen and (min-width: 1024px) {
.cCopyright--ebranaLogo.center .cCopyright__links a {
display : inline;
margin : 0 8px;
}
.cCopyright--ebranaLogo.center .cCopyright__links a::before {
position : absolute;
left : -10px;
top : 3px;
width : 1px;
height : 8px;
content : '';
background-color : #707070;
}
}
.cCopyright--ebranaLogo.center .cCopyright__links a:hover {
opacity : 1;
}
.cCopyright--ebranaLogo.center .cCopyright__links a:first-child::before, .cCopyright--ebranaLogo.center .cCopyright__links span {
display : none;
}
.cCopyright--ebranaLogo.center .cCopyright__logo {
width : auto;
text-align : center;
}
.cCopyright--ebranaLogo.center .cCopyright__logo__text {
display : none;
}
.cCopyright--ebranaLogo.center .cCopyright__logo .icon::before {
font-size : 55px;
}
.cCopyright__recaptcha {
display : none;
}
.cSubpages--figure .cSubpage__wrapper {
padding : 0;
border : 0;
}
.cSubpages--figure .cSubpages__inner {
position : relative;
}
.cSubpages--figure .cSubpages__figure {
position : absolute;
right : 0;
bottom : 0;
max-width : 400px;
max-height : 360px;
overflow : hidden;
}
.cSocialButtons .nav__item:not(:last-child) {
margin-right : 0.55556rem;
}
.cSocialButtons--block .nav__item:not(:last-child) {
margin-bottom : 1.11111rem;
}
.cSocialSites--footer {
margin-bottom : 30px;
}
@media screen and (min-width: 1024px) {
.cSocialSites--footer {
margin-bottom : 50px;
}
}
.cSocialSites--footer .nav__item {
margin : 0 20px 0 0;
}
@media screen and (min-width: 1024px) {
.cSocialSites--footer .nav__item {
margin-right : 10px;
}
}
.cSocialSites--footer .nav__item:last-child {
margin-right : 0;
}
.cSocialSites--footer .nav__item__in {
will-change : transform;
transition : transform 0.3s ease-in-out;
}
.cSocialSites--footer .nav__item__in:hover {
transform : scale(1.1);
}
.cSocialSites--footer .nav__item__in:hover [class*="icon-"]::before {
color : #fff;
}
.cSocialSites--footer [class*="icon-"]::before {
color : #fff;
font-size : 40px;
}
@media screen and (min-width: 1024px) {
.cSocialSites--footer [class*="icon-"]::before {
font-size : 20px;
}
}
.newsWrapper {
display : flex;
flex-wrap : wrap;
margin-left : -20px;
}
@media screen and (min-width: 1024px) {
.newsWrapper {
margin-left : -40px;
}
}
.newsWrapper--references-in-detail {
position : relative;
z-index : 2;
margin-top : 100px;
margin-bottom : -40px;
justify-content : center;
}
@media screen and (min-width: 1024px) {
.newsWrapper--references-in-detail {
margin-bottom : -200px;
}
}
.newsWrapper--references-in-detail > .cHeading {
width : 100%;
margin-bottom : 60px;
padding-left : 20px;
text-align : center;
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 1024px) {
.newsWrapper--references-in-detail > .cHeading {
padding-left : 50px;
font-size : 40px;
font-size : 2.22222rem;
}
}
.customReferencesList {
margin-top : 60px;
}
@media screen and (min-width: 767px) {
.customReferencesList {
margin-top : 120px;
}
}
.cNews--arch {
padding-left : 20px;
margin-bottom : 30px;
}
@media screen and (min-width: 767px) {
.cNews--arch {
width : 50%;
}
}
@media screen and (min-width: 1024px) {
.cNews--arch {
margin-bottom : 60px;
padding-left : 40px;
}
}
@media screen and (min-width: 1300px) {
.cNews--arch {
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
}
}
.cNews--arch .cTag--blog {
display : none;
}
.cNews--arch .cTag--blog:only-child {
visibility : hidden;
display : block;
}
.cNews--arch__content {
position : relative;
height : 100%;
background-color : #fff;
box-shadow : 0 10px 25px 0 rgb(0, 0, 0, 0.1);
border-radius : 8px;
overflow : hidden;
}
.cNews--arch__top {
position : absolute;
left : 20px;
bottom : 290px;
z-index : 1;
width : calc(100% - 40px);
width : calc(100% - 40px);
width : calc(100% - 40px);
}
@media screen and (min-width: 767px) {
.cNews--arch__top {
bottom : 325px;
left : 30px;
width : calc(100% - 60px);
width : calc(100% - 60px);
width : calc(100% - 60px);
}
}
@media screen and (min-width: 1024px) {
.cNews--arch__top {
bottom : 290px;
}
}
@media screen and (min-width: 1300px) {
.cNews--arch__top {
bottom : 305px;
}
}
@media screen and (min-width: 1600px) {
.cNews--arch__top {
bottom : 290px;
left : 50px;
width : calc(100% - 100px);
width : calc(100% - 100px);
width : calc(100% - 100px);
}
}
.cNews--arch__top .cNews__title {
margin-bottom : 20px;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.2;
}
.cNews--arch__title {
color : #fff;
}
.cNews--arch__title a {
color : inherit;
}
.cNews--arch__imageWrap {
position : relative;
height : 260px;
overflow : hidden;
}
@media screen and (min-width: 1024px) {
.cNews--arch__imageWrap {
height : 368px;
}
}
.cNews--arch__imageWrap .cNews__metadata {
position : absolute;
left : 50px;
bottom : 30px;
width : calc(100% - 50px);
width : calc(100% - 50px);
width : calc(100% - 50px);
}
.cNews--arch__imageWrap::before {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100%;
content : '';
background : linear-gradient(to top, #0080c2 10%, transparent 75%);
z-index : 1;
transition : all 0.4s ease-in-out;
will-change : transform;
transform-origin : center bottom;
}
.cNews--arch__imageWrap .cNews__tags {
display : none;
}
.cNews--arch__imageWrap:hover::before {
transform : scaleY(1.5);
}
.cNews--arch__imageWrap img {
will-change : transform;
transition : transform 0.4s ease-in-out;
}
.cNews--arch__imageWrap img:hover {
transform : scale(1.1);
}
.cNews--arch__imgWrapper {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.cNews--arch__imgWrapper a {
display : block;
}
.cNews--arch__imgWrapper img {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
.cNews--arch__textWrap {
padding : 30px 20px;
font-size : 13px;
font-size : 0.72222rem;
color : #333;
}
@media screen and (min-width: 767px) {
.cNews--arch__textWrap {
padding : 40px 30px;
min-height : 0;
height : auto;
}
}
@media screen and (min-width: 1600px) {
.cNews--arch__textWrap {
padding : 40px 50px;
}
}
.cNews--arch__textWrap .cNews__perex {
min-height : 160px;
}
@media screen and (min-width: 1024px) {
.cNews--arch__textWrap .cNews__perex {
min-height : 120px;
}
}
@media screen and (max-width: 766px) {
.cNews--arch .cNews__date, .cNews--arch .royalSlider--rsNavWide .rsTmb__content .rsTmb__date, .royalSlider--rsNavWide .rsTmb__content .cNews--arch .rsTmb__date {
font-size : 12px;
font-size : 0.66667rem;
}
}
.cNews--arch .cNews__date::before, .cNews--arch .royalSlider--rsNavWide .rsTmb__content .rsTmb__date::before, .royalSlider--rsNavWide .rsTmb__content .cNews--arch .rsTmb__date::before {
position : relative;
display : inline-block;
vertical-align : middle;
content : '';
background-image : url(../img/calendar.png?v=b7ad);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 11px;
height : 15px;
margin-right : 5px;
}
@media screen and (max-width: 766px) {
.cNews--arch .cNews__date::before, .cNews--arch .royalSlider--rsNavWide .rsTmb__content .rsTmb__date::before, .royalSlider--rsNavWide .rsTmb__content .cNews--arch .rsTmb__date::before {
top : -1px;
}
}
.cNews--arch .cNews__date .icon-clock, .cNews--arch .royalSlider--rsNavWide .rsTmb__content .rsTmb__date .icon-clock, .royalSlider--rsNavWide .rsTmb__content .cNews--arch .rsTmb__date .icon-clock {
display : none;
}
.cNews--arch:first-child {
width : 100%;
}
@media screen and (min-width: 767px) {
.cNews--arch:first-child {
margin-bottom : 50px;
}
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child {
height : 630px;
}
}
@media screen and (min-width: 1300px) {
.cNews--arch:first-child {
height : 570px;
}
}
@media screen and (min-width: 1600px) {
.cNews--arch:first-child {
margin-bottom : 100px;
}
}
.cNews--arch:first-child .cTag--blog {
display : none;
}
.cNews--arch:first-child .cNews--arch__top {
position : static;
width : auto;
}
.cNews--arch:first-child .cNews--arch__title {
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.2;
margin-bottom : 20px;
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews--arch__title {
font-size : 32px;
font-size : 1.77778rem;
line-height : 1.2;
margin-bottom : 25px;
}
}
@media screen and (min-width: 1600px) {
.cNews--arch:first-child .cNews--arch__title {
font-size : 35px;
font-size : 1.94444rem;
line-height : 1.3;
margin-bottom : 30px;
}
}
.cNews--arch:first-child .cNews--arch__title br {
display : none;
}
.cNews--arch:first-child .cNews--arch__tags, .cNews--arch:first-child .cNews--arch__title, .cNews--arch:first-child .cNews__metadata, .cNews--arch:first-child .cNews__perex {
position : relative;
z-index : 2;
}
.cNews--arch:first-child .cNews--arch__content {
display : flex;
flex-direction : column;
box-shadow : none;
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews--arch__content {
flex-direction : row;
}
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews--arch__imageWrap {
width : 50%;
height : 100%;
}
}
.cNews--arch:first-child .cNews--arch__imageWrap::before {
display : none;
}
.cNews--arch:first-child .cNews__metadata {
margin-bottom : 15px;
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews__metadata {
margin-bottom : 30px;
}
}
.cNews--arch:first-child .cNews--arch__textWrap {
display : flex;
flex-direction : column;
position : relative;
background-color : #0080c2;
padding : 30px;
min-height : 0;
height : auto;
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews--arch__textWrap {
width : 50%;
padding : 80px 60px 40px;
}
}
@media screen and (min-width: 1600px) {
.cNews--arch:first-child .cNews--arch__textWrap {
padding : 110px 90px 40px;
}
}
.cNews--arch:first-child .cNews--arch__textWrap::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
content : '';
background-image : url(../img/blog-item-bg.jpg?v=0763);
background-color : transparent;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
}
.cNews--arch:first-child .cNews--arch__tags {
order : -1;
margin-top : 0;
margin-bottom : 10px;
}
@media screen and (min-width: 1024px) {
.cNews--arch:first-child .cNews--arch__tags {
margin-bottom : 25px;
}
}
.cNews--arch:first-child .cNews__perex {
color : #fff;
font-size : 16px;
font-size : 0.88889rem;
font-weight : 300;
}
.cNews--arch:first-child .cTag {
margin-right : 4px;
padding : 0 20px;
height : 25px;
font-size : 11px;
font-size : 0.61111rem;
}
@media screen and (min-width: 1024px) {
.cNews--arch:nth-child(5n) {
width : 50%;
}
}
@media screen and (min-width: 1300px) {
.cNews--arch:nth-child(5n) {
width : 66.66666%;
}
}
.cNews--arch:nth-child(5n) .cTag--blog {
display : none;
}
.cNews--arch:nth-child(5n) .cNews--arch__content {
display : flex;
align-items : flex-end;
}
.cNews--arch:nth-child(5n) .cNews--arch__top {
position : relative;
left : auto;
bottom : auto;
width : auto;
}
.cNews--arch:nth-child(5n) .cNews--arch__textWrap {
display : flex;
flex-direction : column;
position : relative;
z-index : 1;
min-height : 0;
height : auto;
}
@media screen and (min-width: 1300px) {
.cNews--arch:nth-child(5n) .cNews--arch__textWrap {
max-width : 85%;
}
}
.cNews--arch:nth-child(5n) .cNews--arch__imageWrap {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
@media screen and (max-width: 1023px) {
.cNews--arch:nth-child(5n) .cNews--arch__imageWrap::before {
background : rgb(0, 128, 194, 0.8);
}
}
.cNews--arch:nth-child(5n) .cNews__metadata {
margin-bottom : 20px;
}
.cNews--arch:nth-child(5n) .cNews--arch__title {
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.3;
margin-bottom : 15px;
}
@media screen and (min-width: 1024px) {
.cNews--arch:nth-child(5n) .cNews--arch__title {
font-size : 35px;
font-size : 1.94444rem;
line-height : 1.3;
margin-bottom : 20px;
}
}
.cNews--arch:nth-child(5n) .cNews--arch__title br {
display : none;
}
.cNews--arch:nth-child(5n) .cNews--arch__tags {
order : -1;
margin-top : 0;
margin-bottom : 5px;
}
@media screen and (min-width: 1024px) {
.cNews--arch:nth-child(5n) .cNews--arch__tags {
margin-bottom : 15px;
}
}
.cNews--arch:nth-child(5n) .cNews__perex {
color : #fff;
font-size : 16px;
font-size : 0.88889rem;
font-weight : 300;
}
.cNews--arch:nth-child(5n) .cTag {
margin-right : 4px;
padding : 0 20px;
height : 25px;
font-size : 11px;
font-size : 0.61111rem;
}
.cNews--arch__tags {
margin-top : 20px;
}
@media screen and (min-width: 767px) {
.cNews--arch__tags {
margin-top : 30px;
}
}
.cNews--arch .cNews__metadata {
margin-bottom : 0;
z-index : 2;
color : #fff;
white-space : nowrap;
}
.cNews--arch .cNews__metadata__item {
margin-right : 15px;
}
@media screen and (min-width: 767px) {
.cNews--arch .cNews__metadata__item {
margin-right : 20px;
}
}
.cNews--arch .cNews__metadata__item [class*="icon-"] {
padding-right : 5px;
}
.cNews--arch .cNews__metadata__item [class*="icon-"]::before {
color : #fff;
font-size : 12px;
opacity : 0.8;
}
.cNews--arch .cNews__authorImg {
width : 24px;
height : 24px;
}
.cNews--arch .cNews__author {
display : inline-flex;
align-items : baseline;
font-weight : 700;
text-decoration : underline;
font-size : 13px;
font-size : 0.72222rem;
}
@media screen and (min-width: 1024px) {
.cNews--arch .cNews__author {
font-size : 15px;
font-size : 0.83333rem;
}
}
.cNews--reference {
padding-left : 20px;
width : 100%;
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.cNews--reference {
width : 50%;
}
}
@media screen and (min-width: 1024px) {
.cNews--reference {
margin-bottom : 60px;
padding-left : 50px;
}
}
@media screen and (min-width: 1300px) {
.cNews--reference {
width : calc(100% / 3);
width : calc(100% / 3);
width : calc(100% / 3);
}
}
.cNews--reference:hover .cNews--reference__textWrap {
opacity : 1;
}
.cNews--reference__header {
display : flex;
align-items : center;
justify-content : flex-end;
position : absolute;
left : 0;
top : -10px;
width : 100%;
height : 10px;
content : '';
z-index : 1;
padding : 0 6px;
background-color : #e5e5e5;
border-radius : 0.35em 0.35em 0 0;
}
.cNews--reference__header__dots {
display : flex;
align-items : center;
}
.cNews--reference__header__dot {
width : 4px;
height : 4px;
border-radius : 100%;
margin-left : 2px;
background-color : #a7a7a7;
}
.cNews--reference__content {
position : relative;
height : 410px;
margin-bottom : 25px;
border-radius : 0.5em;
box-shadow : 0 10px 20px 2px rgb(0, 0, 0, 0.1);
}
.cNews--reference .cNews--arch__title {
margin-bottom : 5px;
text-align : center;
color : #303233;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
}
.cNews--reference__title__type {
display : block;
text-align : center;
font-size : 15px;
font-size : 0.83333rem;
}
.cNews--reference__textWrap {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 0;
top : -10px;
width : 100%;
height : calc(100% + 10px);
height : calc(100% + 10px);
height : calc(100% + 10px);
padding : 24px 50px;
background : linear-gradient(270deg, rgb(0, 173, 238, 0.9) 0, rgb(0, 182, 221, 0.9) 100%);
z-index : 2;
border-radius : 0.5em;
color : #fff;
opacity : 0;
transition : opacity 0.3s ease-in-out;
}
.cNews--reference__textWrap__in {
display : flex;
flex-direction : column;
}
.cNews--reference__textWrap .cNews__anotation, .cNews--reference__textWrap .cNews__perex {
margin-bottom : 20px;
padding-bottom : 20px;
border-bottom : 1px solid rgb(255, 255, 255, 0.2);
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.5;
}
.cNews--reference__textWrap .cNews__anotation p, .cNews--reference__textWrap .cNews__perex p {
margin-bottom : 0;
}
.cNews--reference__textWrap .more {
display : none;
}
.cNews--reference__url {
display : block;
order : -1;
font-family : migrena-bold;
margin-bottom : 8px;
font-size : 22px;
font-size : 1.22222rem;
}
.cNews--reference__title {
text-align : center;
}
.cNews--reference__title a {
display : block;
text-decoration : none;
font-family : migrena-bold;
}
.cNews--reference .cNews--arch__imgWrapper img {
object-position : center top;
border-radius : 0 0 0.5em 0.5em;
}
.cNews--reference .reference-info {
margin-bottom : 0;
}
.cNews--reference .reference-info__item {
padding : 0 0 0 55px;
margin : 0;
}
.cNews--reference .reference-info__item::after {
display : none;
}
.cNews--reference .reference-info__item::before {
filter : brightness(0) invert(1);
}
.cNews--reference .reference-info__item--type {
display : none;
}
.cNews--reference .reference-info__item--activity {
margin-bottom : 25px;
}
.cNews--reference .reference-info__title {
margin-bottom : 4px;
font-size : 16px;
font-size : 0.88889rem;
}
.cNews--reference .reference-info__value {
color : #fff;
font-size : 19px;
font-size : 1.05556rem;
}
.cNews--reference-in-detail {
width : 100%;
padding-left : 0;
}
.cNewsletter {
max-width : 990px;
margin : 0 auto 60px;
}
@media screen and (min-width: 767px) {
.cNewsletter {
margin-bottom : 120px;
}
}
.cNewsletter .cHeading {
margin-bottom : 20px;
text-align : center;
font-size : 30px;
font-size : 1.66667rem;
line-height : 1.2;
}
@media screen and (min-width: 1024px) {
.cNewsletter .cHeading {
margin-bottom : 35px;
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.2;
}
}
.cNewsletter .cHeading span {
display : block;
color : #00adee;
}
.cNewsletter .cForm {
padding : 0;
border-radius : 0;
box-shadow : none;
}
.cNewsletter .cForm::after, .cNewsletter .cForm::before {
display : none;
}
.cNewsletter .cForm .form-fields .grid__item .field, .cNewsletter .cForm .form-fields .label--inline .field, .cNewsletter .cForm .form-fields .label--inline + .field .field {
padding : 0 7px 0 30px;
height : 70px;
border-radius : 15px;
border : #daecf2 solid 5px;
font-size : 16px;
box-shadow : 0 9px 20px rgb(0, 0, 0, 0.06);
font-style : italic;
color : #666;
}
@media screen and (min-width: 767px) {
.cNewsletter .cForm .form-fields .grid__item .field, .cNewsletter .cForm .form-fields .label--inline .field, .cNewsletter .cForm .form-fields .label--inline + .field .field {
font-size : 18px;
font-size : 1rem;
height : 94px;
}
}
.cNewsletter .cForm .form-fields .grid__item .field:focus, .cNewsletter .cForm .form-fields .label--inline .field:focus, .cNewsletter .cForm .form-fields .label--inline + .field .field:focus {
border-color : #00adee;
}
.cNewsletter .cForm .form-fields .grid__item .btn, .cNewsletter .cForm .form-fields .grid__item .cClientZone__logout, .cNewsletter .cForm .form-fields .grid__item .cftSearch--standard .cftSearch__submit, .cNewsletter .cForm .form-fields .label--inline .btn, .cNewsletter .cForm .form-fields .label--inline .cClientZone__logout, .cNewsletter .cForm .form-fields .label--inline .cftSearch--standard .cftSearch__submit, .cNewsletter .cForm .form-fields .label--inline + .field .btn, .cNewsletter .cForm .form-fields .label--inline + .field .cClientZone__logout, .cNewsletter .cForm .form-fields .label--inline + .field .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .grid__item .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .label--inline .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .label--inline + .field .cftSearch__submit {
position : static;
width : 100%;
height : 64px;
padding : 0 40px;
border-radius : 2em !important ;
margin : 20px 0 0;
}
@media screen and (min-width: 767px) {
.cNewsletter .cForm .form-fields .grid__item .btn, .cNewsletter .cForm .form-fields .grid__item .cClientZone__logout, .cNewsletter .cForm .form-fields .grid__item .cftSearch--standard .cftSearch__submit, .cNewsletter .cForm .form-fields .label--inline .btn, .cNewsletter .cForm .form-fields .label--inline .cClientZone__logout, .cNewsletter .cForm .form-fields .label--inline .cftSearch--standard .cftSearch__submit, .cNewsletter .cForm .form-fields .label--inline + .field .btn, .cNewsletter .cForm .form-fields .label--inline + .field .cClientZone__logout, .cNewsletter .cForm .form-fields .label--inline + .field .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .grid__item .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .label--inline .cftSearch__submit, .cftSearch--standard .cNewsletter .cForm .form-fields .label--inline + .field .cftSearch__submit {
position : absolute;
padding : 0 50px;
top : 15px;
right : 12px;
left : auto;
bottom : auto;
width : auto;
margin-top : 0;
}
}
.cNewsletter .cForm .grid {
margin : 0;
}
.cNewsletter .cForm .grid__item, .cNewsletter .cForm .label--inline, .cNewsletter .cForm .label--inline + .field {
display : block;
width : 100%;
padding : 0;
}
.cNewsletter .cForm .check-list.desk--block-grid--1 .block-grid__item {
margin-top : 10px;
justify-content : center;
}
.cNewsletter .cForm .check-list.desk--block-grid--1 .block-grid__item label {
text-transform : none;
}
.cNewsletter .cForm .check-list.desk--block-grid--1 .block-grid__item .checkbox-design label {
top : 16px;
left : 13px;
width : 10px;
height : 10px;
border-radius : 2px;
border : 0;
background-color : #bfbfbf;
}
.cNewsletter .cForm .check-list.desk--block-grid--1 .block-grid__item .checkbox-design + label {
margin-left : 12px;
}
.cLang__title {
text-transform : uppercase;
}
.cLang--both .cLang__icon {
margin-right : 0.55556rem;
}
.cLang--active .cLang__icon {
opacity : 1;
}
.cLang--active .cLang__title {
font-weight : 700;
}
.cLang--cs .cLang__icon {
background-image : url(../img/flags/cz.svg?v=5184);
}
.cLang--sk .cLang__icon {
background-image : url(../img/flags/sk.svg?v=bb7e);
}
.cLang--en .cLang__icon {
background-image : url(../img/flags/en.svg?v=2473);
}
.cLang--de .cLang__icon {
background-image : url(../img/flags/de.svg?v=80fd);
}
.cLang--ru .cLang__icon {
background-image : url(../img/flags/ru.svg?v=035b);
}
.cLang--fr .cLang__icon {
background-image : url(../img/flags/fr.svg?v=ae4b);
}
.cLang--pl .cLang__icon {
background-image : url(../img/flags/pl.svg?v=29c6);
}
.cImage__inner {
display : block;
}
.cImage .cImage__imgWrapper > a::before {
display : none;
}
.cImage .cImage__imgWrapper > a::after {
display : flex;
align-items : center;
justify-content : center;
width : 80px;
height : 80px;
border-radius : 100%;
background-color : rgb(0, 173, 238, 0.75);
}
@media screen and (min-width: 1300px) {
.cImage .cImage__imgWrapper > a::after {
width : 90px;
height : 90px;
}
}
.cImage--img-auto-m img {
margin : 0 auto;
}
.cImage--figure-video, .cImage--figure-video .cImage__imgWrapper {
position : relative;
}
.cImage--figure-video .cImage__imgWrapper::before {
position : absolute;
left : -55px;
top : 40px;
width : 272px;
height : 141px;
background-image : url(../img/machy-popisek.png?v=e1d3);
background-color : transparent;
background-repeat : no-repeat;
background-size : 80%;
background-position : center center;
content : '';
}
@media screen and (min-width: 365px) {
.cImage--figure-video .cImage__imgWrapper::before {
left : -45px;
}
}
@media screen and (min-width: 767px) {
.cImage--figure-video .cImage__imgWrapper::before {
left : -60px;
top : 20px;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-video .cImage__imgWrapper::before {
left : -20px;
top : 60px;
background-size : auto;
}
}
@media screen and (min-width: 1300px) {
.cImage--figure-video .cImage__imgWrapper::before {
left : 50px;
top : 120px;
}
}
.cImage--figure-video .cImage__desc {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
padding : 0;
text-align : center;
color : #303233;
font-size : 18px;
font-size : 1rem;
font-weight : 500;
font-style : italic;
}
.cImage--figure-video .cImage__desc strong {
display : block;
font-family : migrena-bold;
font-weight : 700;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.1;
font-style : normal;
}
.cImage--figure-video .cImage__desc__wrap {
position : relative;
top : 80px;
display : flex;
align-items : center;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.cImage--figure-video .cImage__desc__wrap {
left : 20px;
}
}
.cImage--figure-video .cImage__desc p {
margin-bottom : 0;
}
.cImage--figure-video .cImage__desc svg {
margin-bottom : 20px;
order : -1;
transition : all 0.3s ease-in-out;
will-change : transform;
animation : video-pulse-mobile 1.5s infinite;
border-radius : 100%;
width : 120px;
height : 120px;
}
@media screen and (min-width: 767px) {
.cImage--figure-video .cImage__desc svg {
width : 100px;
height : 100px;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-video .cImage__desc svg {
width : 160px;
height : 160px;
animation : video-pulse-desk 1.5s infinite;
}
}
.cImage--figure-video .cImage__desc svg circle {
transition : all 0.3s ease-in-out;
animation : video-pulse-fill 1.5s infinite;
opacity : 1;
}
.cImage--figure-video .A_lightbox {
overflow : visible;
}
.cImage--figure-video .A_lightbox::after, .cImage--figure-video .A_lightbox::before {
display : none;
}
.cImage--figure-video .A_lightbox:hover img {
transform : none;
}
.cImage--figure-video .cImage__imgWrapper > a::after {
display : none;
}
.cImage--figure-video:hover .cImage__desc svg {
transform : scale(1.2);
}
.cImage--figure-video:hover .cImage__desc svg circle {
opacity : 1;
}
.cImage--video {
position : relative;
}
.cImage--video-brand {
margin-bottom : 40px;
}
@media screen and (min-width: 1024px) {
.cImage--video-brand {
margin-bottom : 90px;
}
}
.cImage--video-brand .cImage__inner {
position : relative;
}
.cImage--video-brand .cImage__imgWrapper a {
display : block;
margin : 0 auto;
background : linear-gradient(270deg, #00cadd 0, #00adee 100%);
}
@media screen and (min-width: 1300px) {
.cImage--video-brand .cImage__imgWrapper a {
width : 1088px;
height : 611px;
}
}
.cImage--video-brand .cImage__imgWrapper a::after {
display : none;
}
.cImage--video-brand img {
mix-blend-mode : multiply;
filter : grayscale(1);
opacity : 0.5;
}
@media screen and (min-width: 1300px) {
.cImage--video-brand img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
}
@media screen and (min-width: 1024px) {
.cImage--video-brand .cHeading {
margin-bottom : 40px;
}
}
.cImage--video-brand .cImage__play {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 50%;
top : 50%;
width : 80px;
height : 80px;
z-index : 1;
transform : translate(-50%,-50%);
border-radius : 100%;
background-color : rgb(48, 50, 51, 0.4);
}
@media screen and (min-width: 1024px) {
.cImage--video-brand .cImage__play {
width : 106px;
height : 106px;
}
}
.cImage--video-brand .cImage__play::before {
display : block;
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
border-style : solid;
border-width : 15px 0 15px 30px;
border-color : transparent transparent transparent #fff;
content : '';
}
@media screen and (min-width: 1300px) {
.cImage--video-brand .cImage__play::before {
border-radius : 4px;
}
}
.cImage--video-brand .cImage__play::after {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
width : 110px;
height : 110px;
border : rgb(255, 255, 255, 0.1) solid 15px;
border-radius : 100%;
content : '';
}
@media screen and (min-width: 1024px) {
.cImage--video-brand .cImage__play::after {
width : 136px;
height : 136px;
}
}
.cImage--video-title-inside {
margin-left : auto;
margin-right : auto;
}
@media screen and (max-width: 766px) {
.cImage--video-title-inside {
width : 100vw;
left : -20px;
}
.cImage--video-title-inside img {
height : 300px;
width : 100%;
object-fit : cover;
}
}
@media screen and (min-width: 1300px) {
.cImage--video-title-inside {
width : 1088px;
}
}
.cImage--video-title-inside .cImage__desc {
display : flex;
align-items : center;
justify-content : center;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 1;
margin : 0;
padding : 0;
}
.cImage--video-title-inside .cImage__play {
position : relative;
left : auto;
margin : 0 auto;
transform : none;
}
.cImage--video-title-inside .cHeading {
margin-top : -20px;
color : #fff;
}
@media screen and (min-width: 767px) {
.cImage--video-reverse-top {
margin-top : -390px;
}
}
.cImage--video-classic {
width : auto;
max-width : 540px;
margin : 0;
}
.cImage--video-classic .cImage__imgWrapper a {
width : 100%;
height : 100%;
}
.cImage--video-classic .cImage__imgWrapper img {
position : static;
filter : ;
mix-blend-mode : normal;
opacity : 1;
}
.cImage--video-flower::before {
position : absolute;
left : -150px;
bottom : -100px;
width : 312px;
height : 289px;
z-index : 1;
content : '';
background-image : url(../img/video-flower.png?v=a3fc);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
@media screen and (min-width: 767px) {
.cImage--video-flower::before {
bottom : -115px;
}
}
.cImage--info-text {
position : relative;
z-index : 10;
margin : 0 -30px;
}
@media screen and (min-width: 767px) {
.cImage--info-text {
margin : 0 auto 90px;
}
}
@media screen and (min-width: 1300px) {
.cImage--info-text {
max-width : 1280px;
}
}
@media screen and (min-width: 767px) {
.cImage--info-text .cImage__inner {
display : flex;
align-items : center;
}
}
.cImage--info-text .cImage__desc {
position : relative;
padding : 30px;
margin : 0;
order : 1;
text-align : left;
font-size : 16px;
border-radius : 1rem;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.1);
background-color : #fff;
}
@media screen and (min-width: 767px) {
.cImage--info-text .cImage__desc {
padding : 40px 80px 40px 140px;
margin : 0 0 0 -100px;
border-radius : 20px;
}
}
.cImage--info-text .cImage__desc p {
margin-bottom : 24px;
}
.cImage--info-text .cImage__desc .btn, .cImage--info-text .cImage__desc .cClientZone__logout, .cImage--info-text .cImage__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cImage--info-text .cImage__desc .cftSearch__submit {
padding : 0 50px;
}
@media screen and (min-width: 1100px) {
.cImage--info-text .cImage__desc .btn, .cImage--info-text .cImage__desc .cClientZone__logout, .cImage--info-text .cImage__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cImage--info-text .cImage__desc .cftSearch__submit {
position : absolute;
left : 140px;
bottom : -30px;
}
}
.cImage--info-text .cImage__desc p:last-child {
margin-bottom : 0;
}
.cImage--info-text .cImage__imgWrapper {
display : none;
}
@media screen and (min-width: 767px) {
.cImage--info-text .cImage__imgWrapper {
display : block;
position : relative;
z-index : 2;
min-width : 333px;
}
}
.cImage--info-text .cImage__imgWrapper img {
margin-left : auto;
}
@media screen and (min-width: 767px) {
.cImage--info-text .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cImage--info-text-dark .cImage__desc {
box-shadow : none;
background-color : #f2f2f2;
}
@media screen and (max-width: 766px) {
.cImage--info-text-dark .cImage__desc {
padding : 60px 40px;
border-radius : 0;
}
}
@media screen and (max-width: 766px) {
.cImage--info-text-palm-b-spacing {
margin-bottom : 60px;
}
}
.cImage--figure-text {
position : relative;
z-index : 2;
max-width : 1300px;
margin : 0 auto 40px;
}
@media screen and (min-width: 1024px) {
.cImage--figure-text {
margin-bottom : 100px;
}
}
.cImage--figure-text .cHeading {
position : relative;
z-index : 1;
margin-bottom : 40px;
}
.cImage--figure-text .cHeading small {
display : block;
}
@media screen and (min-width: 767px) {
.cImage--figure-text .cImage__inner {
display : flex;
align-items : flex-start;
}
}
.cImage--figure-text .cImage__desc {
position : relative;
z-index : 1;
order : 1;
text-align : left;
font-size : 16px;
font-size : 0.88889rem;
margin : 0;
}
@media screen and (min-width: 767px) {
.cImage--figure-text .cImage__desc {
width : 60%;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-text .cImage__desc {
width : 50%;
}
}
@media screen and (max-width: 766px) {
.cImage--figure-text .cImage__desc p {
margin-bottom : 24px;
}
}
.cImage--figure-text .cImage__desc .btn, .cImage--figure-text .cImage__desc .cClientZone__logout, .cImage--figure-text .cImage__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cImage--figure-text .cImage__desc .cftSearch__submit {
margin-top : 30px;
}
.cImage--figure-text .cImage__imgWrapper {
display : none;
}
@media screen and (min-width: 767px) {
.cImage--figure-text .cImage__imgWrapper {
display : block;
width : 40%;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-text .cImage__imgWrapper {
width : 50%;
}
}
.cImage--figure-text img {
position : relative;
left : 0;
top : -80px;
max-width : none;
}
@media screen and (min-width: 767px) {
.cImage--figure-text img {
left : -250px;
}
}
@media screen and (min-width: 780px) {
.cImage--figure-text img {
left : -420px;
}
}
@media screen and (min-width: 900px) {
.cImage--figure-text img {
left : -370px;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-text img {
left : -270px;
}
}
.cImage--figure-text .cSubHeading {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
color : #303233;
}
@media screen and (min-width: 1024px) {
.cImage--figure-text .btn + .btn, .cImage--figure-text .btn + .cClientZone__logout, .cImage--figure-text .cClientZone__logout + .btn, .cImage--figure-text .cClientZone__logout + .cClientZone__logout, .cImage--figure-text .cftSearch--standard .btn + .cftSearch__submit, .cImage--figure-text .cftSearch--standard .cClientZone__logout + .cftSearch__submit, .cImage--figure-text .cftSearch--standard .cftSearch__submit + .btn, .cImage--figure-text .cftSearch--standard .cftSearch__submit + .cClientZone__logout, .cImage--figure-text .cftSearch--standard .cftSearch__submit + .cftSearch__submit, .cftSearch--standard .cImage--figure-text .btn + .cftSearch__submit, .cftSearch--standard .cImage--figure-text .cClientZone__logout + .cftSearch__submit, .cftSearch--standard .cImage--figure-text .cftSearch__submit + .btn, .cftSearch--standard .cImage--figure-text .cftSearch__submit + .cClientZone__logout, .cftSearch--standard .cImage--figure-text .cftSearch__submit + .cftSearch__submit {
margin-left : 5px;
}
}
.cImage--figure-text-2 img {
left : auto;
top : auto;
}
@media screen and (min-width: 767px) {
.cImage--figure-text-2 img {
max-width : 120%;
}
}
@media screen and (min-width: 1300px) {
.cImage--figure-text-2 img {
max-width : none;
}
}
.cImage--figure-text-2 .cImage__desc {
order : 0;
font-size : 17px;
font-size : 0.94444rem;
}
.cImage--figure-text-2 .cImage__desc p {
margin-bottom : 24px;
}
@media screen and (min-width: 767px) {
.cImage--figure-text-v2 img {
left : -450px;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-text-v2 img {
left : -350px;
}
}
@media screen and (min-width: 1300px) {
.cImage--figure-text-v2 img {
left : -200px;
}
}
.cImage--figure-text-reference {
max-width : 1080px;
}
.cImage--figure-text-reference .cImage__imgWrapper {
display : flex;
justify-content : flex-end;
margin-top : -90px;
}
@media screen and (min-width: 767px) {
.cImage--figure-text-reference .cImage__imgWrapper {
justify-content : center;
margin-top : 0;
}
}
@media screen and (max-width: 766px) {
.cImage--figure-text-reference img {
max-height : 300px;
}
}
@media screen and (max-width: 766px) {
.cImage--figure-text-reference .list-check {
line-height : normal;
}
}
@media screen and (max-width: 766px) {
.cImage--figure-text-reference-mobile-img .cImage__imgWrapper {
position : relative;
left : 90px;
z-index : 2;
}
.cImage--figure-text-reference-mobile-img .cImage__desc .btn, .cImage--figure-text-reference-mobile-img .cImage__desc .cClientZone__logout, .cImage--figure-text-reference-mobile-img .cImage__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cImage--figure-text-reference-mobile-img .cImage__desc .cftSearch__submit {
padding : 0 25px;
width : auto;
}
.cImage--figure-text-reference-mobile-img .cImage__desc .btn::after, .cImage--figure-text-reference-mobile-img .cImage__desc .cClientZone__logout::after, .cImage--figure-text-reference-mobile-img .cImage__desc .cftSearch--standard .cftSearch__submit::after, .cftSearch--standard .cImage--figure-text-reference-mobile-img .cImage__desc .cftSearch__submit::after {
display : none;
}
.cImage--figure-text-reference-mobile-img img {
max-height : 400px;
}
}
.cImage--figure-text-simple img {
top : auto;
left : -120px;
margin-left : auto;
}
@media screen and (min-width: 1024px) {
.cImage--figure-text-simple img {
left : auto;
}
}
@media screen and (min-width: 1024px) {
.cImage--figure-text-large-img img {
left : -90px;
}
}
.cImage--reference-mockup {
position : relative;
z-index : 10;
margin-bottom : 0;
}
.cImage--reference-mockup img {
margin : 0 auto;
}
.cImage--multimedia-video {
position : relative;
margin : -130px auto 40px;
z-index : 10;
box-shadow : 0 10px 10px 0 rgb(0, 0, 0, 0.1);
width : 955px;
max-width : 100%;
}
@media screen and (min-width: 767px) {
.cImage--multimedia-video {
margin-top : -180px;
margin-bottom : 60px;
}
}
.cImage--multimedia-video .cImage__inner {
display : block;
}
.cImage--multimedia-video .cImage__desc {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
z-index : 1;
margin-left : 0;
margin-right : 0;
}
@media screen and (max-width: 766px) {
.cImage--multimedia-video .cImage__desc svg {
width : 120px;
height : 120px;
}
}
.cImage--multimedia-video img {
display : block;
}
.cImage--multimedia-video a::after, .cImage--multimedia-video a::before {
display : none !important ;
}
.cImage--round-box {
position : relative;
z-index : 10;
max-width : 1180px;
margin-left : auto;
margin-right : auto;
}
.cImage--round-box .cImage__inner {
display : flex;
align-items : center;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.cImage--round-box .cImage__inner {
flex-direction : row;
}
}
.cImage--round-box .cImage__imgWrapper {
position : relative;
border-radius : 100%;
box-shadow : 0 5px 15px 10px rgb(0, 0, 0, 0.15);
margin : 30px auto 0;
width : 280px;
height : 280px;
min-width : 280px;
}
@media screen and (min-width: 767px) {
.cImage--round-box .cImage__imgWrapper {
order : -1;
margin-top : 0;
}
}
@media screen and (min-width: 1024px) {
.cImage--round-box .cImage__imgWrapper {
width : 380px;
height : 380px;
min-width : 380px;
}
}
@media screen and (min-width: 1300px) {
.cImage--round-box .cImage__imgWrapper {
width : 480px;
height : 480px;
min-width : 480px;
}
}
.cImage--round-box .cImage__imgWrapper::before {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
border-radius : 100%;
z-index : 1;
content : '';
border : rgb(255, 255, 255, 0.3) solid 20px;
}
.cImage--round-box img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
border-radius : 100%;
object-fit : cover;
}
.cImage--round-box .cImage__desc {
text-align : left;
font-size : 16px;
font-size : 0.88889rem;
margin : 0;
}
@media screen and (min-width: 767px) {
.cImage--round-box .cImage__desc {
padding-left : 40px;
}
}
@media screen and (min-width: 1024px) {
.cImage--round-box .cImage__desc {
padding-left : 60px;
}
}
@media screen and (min-width: 1300px) {
.cImage--round-box .cImage__desc {
padding-left : 140px;
}
}
.cImage--round-box-icon {
margin-bottom : 50px;
color : #666;
}
@media screen and (min-width: 1024px) {
.cImage--round-box-icon {
margin-bottom : 85px;
}
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon .cImage__imgWrapper {
width : 380px;
height : 380px;
min-width : 380px;
}
}
.cImage--round-box-icon .cHeading {
margin-bottom : 35px;
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 767px) {
.cImage--round-box-icon .cHeading {
font-size : 28px;
font-size : 1.55556rem;
}
}
.cImage--round-box-icon .cSubHeading {
font-size : 17px;
font-size : 0.94444rem;
line-height : 1.4;
font-weight : 500;
color : #666;
}
@media screen and (min-width: 767px) {
.cImage--round-box-icon .cSubHeading {
font-size : 20px;
font-size : 1.11111rem;
line-height : 27px;
}
}
.cImage--round-box-icon p {
margin-bottom : 30px;
}
.cImage--round-box-icon p:last-of-type {
margin-bottom : 0;
}
.cImage--round-box-icon .cImage__desc {
position : relative;
padding-left : 100px;
padding-right : 30px;
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon .cImage__desc {
padding-left : 170px;
}
}
.cImage--round-box-icon .cImage__icon {
position : absolute;
left : 15px;
top : 10px;
height : 100%;
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon .cImage__icon {
left : 70px;
}
}
.cImage--round-box-icon .cImage__icon::after {
position : absolute;
left : 20px;
top : 80px;
height : calc(100% - 95px);
height : calc(100% - 95px);
height : calc(100% - 95px);
border-left : 4px dotted #d1d1d1;
content : '';
}
.cImage--round-box-icon-right .cImage__imgWrapper {
order : 0;
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon-right .cImage__desc {
padding-right : 80px;
}
}
.cImage--round-box-icon-large-width {
max-width : 100%;
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon-large-width .cImage__desc {
font-size : 17px;
font-size : 0.94444rem;
}
}
@media screen and (min-width: 1300px) {
.cImage--round-box-icon-large-width .cHeading {
margin-bottom : 40px;
font-size : 40px;
font-size : 2.22222rem;
}
}
.cGallery__title {
font-size : 13px;
font-size : 0.72222rem;
text-align : center;
}
.cGallery .rsDefault .rsNav {
margin-top : 2.22222rem;
}
.cGallery .royalSlider img, .cGallery img {
display : block;
}
@media screen and (min-width: 767px) {
.cGallery .royalSlider img, .cGallery img {
min-height : 100%;
max-width : none;
min-width : 100%;
}
}
.cGallery__wrapper > a {
position : static;
}
.cGallery--ratio1-1 .cGallery__wrapper {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cGallery--ratio1-1 .cGallery__wrapper [class$="__inner"], .cGallery--ratio1-1 .cGallery__wrapper [class$="__image"], .cGallery--ratio1-1 .cGallery__wrapper img {
position : absolute;
width : 100%;
}
.cGallery--ratio1-1 .cGallery__wrapper:after {
display : block;
content : '';
padding-top : 100%;
}
.cGallery--ratio4-3 .cGallery__wrapper {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cGallery--ratio4-3 .cGallery__wrapper [class$="__inner"], .cGallery--ratio4-3 .cGallery__wrapper [class$="__image"], .cGallery--ratio4-3 .cGallery__wrapper img {
position : absolute;
width : 100%;
}
.cGallery--ratio4-3 .cGallery__wrapper:after {
display : block;
content : '';
padding-top : 75%;
}
.cGallery--ratio16-9 .cGallery__wrapper {
position : relative;
display : inline-block;
width : 100%;
overflow : hidden;
}
.cGallery--ratio16-9 .cGallery__wrapper [class$="__inner"], .cGallery--ratio16-9 .cGallery__wrapper [class$="__image"], .cGallery--ratio16-9 .cGallery__wrapper img {
position : absolute;
width : 100%;
}
.cGallery--ratio16-9 .cGallery__wrapper:after {
display : block;
content : '';
padding-top : 56.25%;
}
.cGallery--noRatio .cGallery__wrapper > a {
position : relative;
}
.cGallery--noRatio img {
min-width : 100%;
min-height : 0;
max-width : 100%;
margin-left : auto;
margin-right : auto;
}
@media screen and (min-width: 767px) {
.cGallery--nearby {
border : #d1d1d1 solid 1px;
padding : 2.22222rem;
}
}
.cGallery--nearby .royalSlider img {
max-width : none;
width : auto;
min-height : 0;
min-width : 0;
}
.cGallery--nearby .rsDefault, .cGallery--nearby .rsDefault .rsOverflow, .cGallery--nearby .rsDefault .rsSlide, .cGallery--nearby .rsDefault .rsThumbs, .cGallery--nearby .rsDefault .rsVideoFrameHolder {
background : 0 0 !important ;
}
.cGallery--nearby .rsGCaption {
font-size : 40px;
font-size : 2.22222rem;
color : #666;
background-color : transparent;
}
@media screen and (max-width: 766px) {
.cGallery--nearby .royalSlider, .cGallery--nearby .rsSlide {
overflow : visible !important ;
}
}
.cGallery--nearby .royalSlider--rsArrowsOut .rsOverflow {
padding-left : 0;
padding-right : 0;
}
.cGallery--slide .grid__item, .cGallery--slide .label--inline, .cGallery--slide .label--inline + .field {
position : relative;
}
.cGallery--slide .cGallery__title {
width : 100%;
margin-left : -15px;
}
.cGallery--slide .royalSlider img, .cGallery--slide img {
width : 100%;
height : 100%;
}
.cGallery--slide .rsDefault, .cGallery--slide .rsDefault .rsOverflow, .cGallery--slide .rsDefault .rsSlide, .cGallery--slide .rsDefault .rsThumbs, .cGallery--slide .rsDefault .rsVideoFrameHolder {
background : 0 0 !important ;
}
.cGallery--slide .rsDefault .rsTabs .rsTab {
min-width : 0;
}
.cGallery--slide .rsDefault .rsThumb.rsNavSelected {
background-color : transparent;
}
.cGallery--slide .rsDefault .rsThumb.rsNavSelected img {
opacity : 1;
}
.cGallery--slide .rsDefault .rsThumbs {
margin-top : 2.22222rem;
}
.cGallery--slide .rsDefault .rsThumb img {
opacity : 0.6;
width : auto;
height : auto;
max-width : 100%;
max-height : 100%;
}
.cGallery--slide .rsDefault .rsThumb:hover img {
opacity : 1;
}
.cGallery--thumbs .rsWithThumbsVer .rsOverflow {
padding-right : 1.66667rem;
}
.cGallery--thumbs .rsWithThumbsHor .rsOverflow {
padding-right : 0;
}
.cGallery--thumbs .rsContainer img {
width : 100% !important ;
height : 100% !important ;
margin : 0 !important ;
object-fit : cover;
}
.cGallery--thumbs .rsClear .rsThumbsVer {
margin : 0;
width : 60px;
}
@media screen and (min-width: 767px) {
.cGallery--thumbs .rsClear .rsThumbsVer {
width : 120px;
}
}
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumbsVer {
width : 170px;
}
}
.cGallery--thumbs .rsClear .rsThumbsVer .rsThumbsArrow {
height : 30px;
}
.cGallery--thumbs .rsClear .rsThumbsHor {
margin-top : 20px;
height : 40px;
}
@media screen and (min-width: 767px) {
.cGallery--thumbs .rsClear .rsThumbsHor {
height : 90px;
}
}
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width : 40px;
}
@media screen and (min-width: 767px) {
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width : 100px;
}
}
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumb {
width : 155px;
}
}
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumbsArrow {
width : 30px;
height : 100%;
}
.cGallery--thumbs .rsClear .rsThumbsHor .rsThumbsArrowRight {
left : auto;
}
.cGallery--thumbs .rsClear .rsThumb {
height : 40px;
opacity : 0.5;
background : 0 0;
transition : opacity 0.3s ease-in-out;
}
@media screen and (min-width: 767px) {
.cGallery--thumbs .rsClear .rsThumb {
height : 60px;
}
}
@media screen and (min-width: 1024px) {
.cGallery--thumbs .rsClear .rsThumb {
height : 95px;
}
}
.cGallery--thumbs .rsClear .rsThumb:first-child {
margin-top : 0 !important ;
}
.cGallery--thumbs .rsClear .rsThumb:last-child {
margin-bottom : 0 !important ;
}
.cGallery--thumbs .rsClear .rsThumb.rsNavSelected, .cGallery--thumbs .rsClear .rsThumb.rsNavSelected img, .cGallery--thumbs .rsClear .rsThumb:hover {
opacity : 1;
}
.cGallery--thumbs .rsClear .cGallery__wrapper {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.cGallery--thumbs .rsClear .cGallery__wrapper a {
display : block;
height : 100%;
}
.cGallery--thumbs .rsClear .cGallery__wrapper .cGallery__title {
position : absolute;
width : 100%;
text-align : center;
z-index : 2;
bottom : 30px;
font-size : 13px;
font-size : 0.72222rem;
color : #fff;
}
.cGallery--thumbs .rsClear img {
object-fit : cover;
}
.cGallery--thumbs .rsClear .rsThumbsArrow {
background : #F2F2F2;
}
.cGallery--thumbs .rsClear .rsThumbsArrow:hover {
background : #00adee;
}
.cGallery--thumbs .rsClear .rsThumbsArrow:hover .rsThumbsArrowIcn {
color : #fff;
}
.cGallery--thumbs .cDesc {
margin-top : 2.22222rem;
}
.cGallery--training-logos {
position : relative;
z-index : 10;
text-align : center;
margin : 60px auto -40px;
}
@media screen and (min-width: 1024px) {
.cGallery--training-logos {
max-width : 1200px;
margin : 120px auto -280px;
}
}
.cGallery--training-logos .block-grid {
align-items : center;
}
.cGallery--training-logos img {
min-width : 0;
max-width : 80%;
}
@media screen and (min-width: 1024px) {
.cGallery--training-logos img {
max-width : 100%;
}
}
.cGallery--training-logos .cHeading {
margin-bottom : 40px;
}
@media screen and (min-width: 1024px) {
.cGallery--training-logos .cHeading {
font-size : 50px;
font-size : 2.77778rem;
}
}
.cftSearch .cftSearch__autocomplete {
width : 100%;
top : calc(100% + 15px);
top : calc(100% + 15px);
top : calc(100% + 15px);
border-radius : 15px;
box-shadow : 0 3px 16px rgb(0, 0, 0, 0.2);
border : 0;
overflow-y : auto;
overflow-x : hidden;
max-height : calc(100vh - 230px);
max-height : calc(100vh - 230px);
max-height : calc(100vh - 230px);
}
@media screen and (min-width: 1024px) {
.cftSearch .cftSearch__autocomplete {
top : calc(100% + 45px);
top : calc(100% + 45px);
top : calc(100% + 45px);
border-radius : 20px;
}
}
.cHeader--sticky .cftSearch .cftSearch__autocomplete {
max-height : calc(100vh - 160px);
max-height : calc(100vh - 160px);
max-height : calc(100vh - 160px);
}
@media screen and (max-width: 766px) {
.cftSearch .cftSearch__autocomplete.visuallyhiddenpalm:first-of-type {
display : block !important ;
}
}
.cftSearch .cftSearch__autocomplete__item {
position : relative;
}
.cftSearch .cftSearch__autocomplete__item:first-child::before, .cftSearch .cftSearch__autocomplete__item:only-child::before {
display : none;
}
.cftSearch .cftSearch__autocomplete__item::before {
position : absolute;
left : 25px;
top : 0;
width : calc(100% - 50px);
width : calc(100% - 50px);
width : calc(100% - 50px);
content : '';
border-bottom : 3px dotted #707070;
opacity : 0.3;
}
@media screen and (min-width: 1800px) {
.cftSearch .cftSearch__autocomplete__item::before {
left : 50px;
width : calc(100% - 100px);
width : calc(100% - 100px);
width : calc(100% - 100px);
border-bottom-width : 5px;
}
}
.cftSearch .cftSearch__autocomplete__item:hover + .cftSearch__autocomplete__item::before, .cftSearch .cftSearch__autocomplete__item:hover::before {
display : none;
}
.cftSearch .cftSearch__autocomplete__item__link {
display : block;
width : 100%;
padding : 15px 25px;
color : #666;
text-align : left;
}
@media screen and (min-width: 1200px) {
.cftSearch .cftSearch__autocomplete__item__link {
padding : 30px 50px;
}
}
@media screen and (min-width: 1800px) {
.cftSearch .cftSearch__autocomplete__item__link {
padding : 40px 50px;
}
}
.cftSearch .cftSearch__autocomplete__item__link:hover {
background-color : #EFEFEF;
}
.cftSearch .cftSearch__autocomplete__item--no-perex .cftSearch__autocomplete__perex {
display : none;
}
.cftSearch .cftSearch__autocomplete__item--no-perex .cftSearch__autocomplete__title {
margin-bottom : 0;
}
.cftSearch .cftSearch__autocomplete__item--no-perex .cftSearch__autocomplete__inner {
align-items : center;
}
.cftSearch .cftSearch__autocomplete__inner {
display : flex;
width : 100%;
}
.cftSearch .cftSearch__autocomplete__content {
padding-left : 16px;
}
@media screen and (min-width: 1024px) {
.cftSearch .cftSearch__autocomplete__content {
padding-left : 26px;
}
}
@media screen and (min-width: 1800px) {
.cftSearch .cftSearch__autocomplete__content {
padding-left : 32px;
}
}
.cftSearch .cftSearch__autocomplete__image {
display : inline-flex;
align-items : center;
justify-content : center;
position : relative;
width : 45px;
height : 45px;
min-width : 45px;
border-radius : 100%;
overflow : hidden;
background-color : #DEDEDE;
}
@media screen and (min-width: 1200px) {
.cftSearch .cftSearch__autocomplete__image {
width : 75px;
height : 75px;
min-width : 75px;
}
}
@media screen and (min-width: 1800px) {
.cftSearch .cftSearch__autocomplete__image {
width : 92px;
height : 92px;
min-width : 92px;
}
}
.cftSearch .cftSearch__autocomplete__image img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
object-position : center top;
}
.cftSearch .cftSearch__autocomplete__image--noImage::before {
display : block;
position : static;
transform : none;
background-image : url(../img/image.svg?v=fd8f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : center center;
width : 30px;
height : 30px;
content : '';
}
@media screen and (min-width: 1024px) {
.cftSearch .cftSearch__autocomplete__image--noImage::before {
width : 50px;
height : 50px;
background-size : auto;
}
}
.cftSearch .cftSearch__autocomplete__title {
padding : 0;
margin-bottom : 4px;
font-family : migrena-bold;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.2;
color : #303233;
}
@media screen and (min-width: 767px) {
.cftSearch .cftSearch__autocomplete__title {
font-size : 18px;
font-size : 1rem;
line-height : 1.2;
margin-bottom : 8px;
}
}
@media screen and (min-width: 1024px) {
.cftSearch .cftSearch__autocomplete__title {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.2;
margin-bottom : 13px;
}
}
@media screen and (min-width: 1800px) {
.cftSearch .cftSearch__autocomplete__title {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.2;
}
}
.cftSearch .cftSearch__autocomplete__title small {
font-size : 100%;
}
.cftSearch .cftSearch__autocomplete__title br {
display : inline-block;
margin : 0 3px;
}
@media screen and (max-width: 766px) {
.cftSearch .cftSearch__autocomplete__perex {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
max-width : 200px;
}
}
.cftSearch .cftSearch__autocomplete__minChar {
top : calc(100% - 5px);
top : calc(100% - 5px);
top : calc(100% - 5px);
background-color : transparent;
border-radius : 0;
box-shadow : none;
}
.cHeader--is-transparent .cftSearch .cftSearch__autocomplete__minChar {
color : #fff;
}
.cHeader--sticky .cftSearch .cftSearch__autocomplete__minChar {
top : calc(100% + 12px);
top : calc(100% + 12px);
top : calc(100% + 12px);
}
.cftSearch--standard {
margin-bottom : 100px;
}
@media screen and (min-width: 1300px) {
.cftSearch--standard {
margin-bottom : 160px;
}
}
.cftSearch--standard .field {
padding : 0 7px 0 20px;
height : 94px;
border-radius : 15px;
border : #daecf2 solid 5px;
font-size : 16px;
box-shadow : 0 9px 20px rgb(0, 0, 0, 0.06);
font-style : italic;
color : #666;
}
@media screen and (min-width: 767px) {
.cftSearch--standard .field {
font-size : 18px;
font-size : 1rem;
}
}
.cftSearch--standard .field:focus {
padding-left : 36px;
border-color : #00adee;
}
.cftSearch--standard .cftSearch__submit {
display : flex;
right : 12px;
height : 64px;
width : auto;
}
@media screen and (max-width: 766px) {
.cftSearch--standard .cftSearch__submit {
width : 50px;
height : 50px;
}
}
@media screen and (min-width: 767px) {
.cProductList__categories__item--box .cftSearch--standard .cftSearch__submit .cProductList__categories__desc:not(.js__fulltext__iconSpinner), .cftSearch--standard .cftSearch__submit .cProductList__categories__item--box .cProductList__categories__desc:not(.js__fulltext__iconSpinner), .cftSearch--standard .cftSearch__submit .visuallyhidden:not(.js__fulltext__iconSpinner) {
clip : auto !important ;
height : auto !important ;
width : auto !important ;
position : static !important ;
overflow : visible !important ;
margin : 0 !important ;
}
}
@media screen and (min-width: 767px) {
.cftSearch--standard .cftSearch__submit .icon-search {
position : relative;
top : -2px;
margin-right : 12px;
order : -1;
}
}
.cftSearch--standard .cftSearch__submit .icon-search::before {
color : #fff;
}
.cftSearch--standard .cftSearch__autocomplete {
z-index : 10;
max-height : none;
}
.cftSearch--onClick {
display : block !important ;
width : calc(100vw - 40px);
width : calc(100vw - 40px);
width : calc(100vw - 40px);
right : 15px;
top : 28px;
transform : scaleX(0);
transform-origin : center right;
will-change : transform;
transition : all 0.3s ease-in-out;
background-color : transparent;
padding : 0;
z-index : 10;
}
@media screen and (min-width: 1200px) {
.cftSearch--onClick {
width : 790px;
right : 0;
top : -11px;
}
}
@media screen and (max-width: 1199px) {
.cHeader--sticky .cftSearch--onClick {
top : 8px;
}
}
.cftSearch--onClick.active {
width : calc(100vw - 40px);
width : calc(100vw - 40px);
width : calc(100vw - 40px);
transform : scaleX(1);
}
@media screen and (min-width: 1200px) {
.cftSearch--onClick.active {
width : 790px;
}
}
.cftSearch--onClick .cftSearch__field {
height : 60px;
padding : 0 50px 0 15px;
border-radius : 16px;
border : transparent solid 2px;
font-size : 16px;
font-style : italic;
}
@media screen and (min-width: 1200px) {
.cftSearch--onClick .cftSearch__field {
height : 68px;
padding : 0 100px 0 30px;
}
}
.cftSearch--onClick .cftSearch__field:focus {
box-shadow : none;
}
.cHeader--sticky .cftSearch--onClick .cftSearch__field {
background-color : #f1f1f1;
}
@media screen and (max-width: 1199px) {
.cHeader--sticky .cftSearch--onClick .cftSearch__field {
height : 50px;
}
}
.cftSearch--onClick .cftSearch__submit {
display : flex;
align-items : center;
justify-content : center;
right : 8px;
width : 50px;
height : 50px;
border-radius : 100%;
background : linear-gradient(270deg, #00adee 0, #00b6dd 100%);
}
.cftSearch--onClick .cftSearch__submit .loader--dark {
border : rgb(255, 255, 255, 0.3) solid 5px;
border-left-color : #fff;
}
@media screen and (max-width: 1199px) {
.cHeader--sticky .cftSearch--onClick .cftSearch__submit {
width : 40px;
height : 40px;
}
}
.cGnotation {
display : flex;
align-items : center;
justify-content : center;
max-width : 100%;
width : 100%;
left : auto;
transform : none;
margin-left : auto;
margin-right : auto;
}
.cGnotation__panel {
display : flex;
align-items : center;
justify-content : center;
height : 100%;
position : relative;
left : auto;
top : auto;
transform : none;
z-index : 1;
}
@media screen and (max-width: 766px) {
.cGnotation__panel {
padding : 40px 30px;
}
}
.cGnotation .cHeading {
color : #fff;
font-size : 30px;
font-size : 1.66667rem;
line-height : 1.1;
}
@media screen and (min-width: 1024px) {
.cGnotation .cHeading {
font-size : 36px;
font-size : 2rem;
line-height : 1.1;
}
}
.cGnotation p {
color : #fff;
font-size : 18px;
font-size : 1rem;
margin-bottom : 15px;
}
@media screen and (min-width: 1024px) {
.cGnotation p {
font-size : 24px;
font-size : 1.33333rem;
}
}
.cGnotation .btn, .cGnotation .cClientZone__logout, .cGnotation .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cGnotation .cftSearch__submit {
margin-top : 30px;
padding-left : 50px;
padding-right : 50px;
}
@media screen and (min-width: 1024px) {
.cGnotation .btn, .cGnotation .cClientZone__logout, .cGnotation .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cGnotation .cftSearch__submit {
position : absolute;
left : 50%;
bottom : -32px;
padding-left : 100px;
padding-right : 100px;
margin-top : 0;
transform : translateX(-50%);
}
}
.cGnotation--box {
margin-bottom : 10px;
text-align : left;
font-size : 1rem;
box-shadow : 0 5px 20px 0 rgb(0, 0, 0, 0.3);
}
.cGnotation--box .cHeading {
font-size : 32px;
font-size : 1.77778rem;
}
@media screen and (min-width: 1024px) {
.cGnotation--box .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cGnotation--box .cHeading small {
display : block;
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 1024px) {
.cGnotation--box .cHeading small {
font-size : 26px;
font-size : 1.44444rem;
}
}
.cGnotation--box .cGnotation__inner {
display : flex;
align-items : center;
}
@media screen and (max-width: 1023px) {
.cGnotation--box .cGnotation__inner {
height : 450px !important ;
}
}
@media screen and (max-width: 766px) {
.cGnotation--box .cGnotation__inner {
height : auto !important ;
}
}
.cGnotation--box p {
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cGnotation--box p {
font-size : inherit;
}
}
.cGnotation--box .cGnotation__panel {
display : block;
height : auto;
}
@media screen and (min-width: 767px) {
.cGnotation--box-align-right {
text-align : right;
}
}
.cPerson--blog {
position : relative;
display : flex;
flex-direction : column;
align-items : center;
max-width : 1100px;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.cPerson--blog {
flex-direction : row;
}
}
.cPerson--blog .cPerson__photo {
margin-bottom : 0;
align-self : flex-end;
order : 1;
}
@media screen and (max-width: 766px) {
.cPerson--blog .cPerson__photo {
position : absolute;
right : -95px;
bottom : 0;
max-width : 250px;
}
.cPerson--blog .cPerson__photo img {
max-width : 100%;
}
}
@media screen and (min-width: 767px) {
.cPerson--blog .cPerson__photo {
width : 300px;
max-width : 300px;
order : 0;
}
}
@media screen and (min-width: 1024px) {
.cPerson--blog .cPerson__photo {
display : flex;
justify-content : center;
width : 400px;
max-width : 400px;
min-width : 400px;
}
}
.cPerson--blog .cPerson__photo img {
display : block;
max-width : 100%;
}
.cPerson--blog .cPerson__name {
font-family : migrena-bold;
color : #303233;
font-size : 33px;
font-size : 1.83333rem;
line-height : 1.1;
margin-bottom : 12px;
}
@media screen and (min-width: 767px) {
.cPerson--blog .cPerson__name {
font-size : 36px;
font-size : 2rem;
line-height : 1.1;
}
}
@media screen and (min-width: 1024px) {
.cPerson--blog .cPerson__name {
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.1;
}
}
.cPerson--blog .cPerson__title {
font-weight : 500;
font-size : 14px;
font-size : 0.77778rem;
text-transform : uppercase;
letter-spacing : 3px;
}
@media screen and (max-width: 766px) {
.cPerson--blog .cPerson__title {
margin-bottom : 15px;
}
}
.cPerson--blog .cPerson__desc, .cPerson--blog p {
margin-top : 0;
font-size : 14px;
font-size : 0.77778rem;
margin-bottom : 0;
}
@media screen and (max-width: 766px) {
.cPerson--blog .cPerson__desc, .cPerson--blog p {
padding-right : 150px;
}
}
@media screen and (min-width: 767px) {
.cPerson--blog .cPerson__desc, .cPerson--blog p {
font-size : 16px;
font-size : 0.88889rem;
}
}
@media screen and (max-width: 766px) {
.cPerson--blog .pd-small {
padding-right : 100px;
}
}
.cPerson--blog .cPerson__photo + .cPerson__content {
position : relative;
display : flex;
flex-direction : column;
align-items : flex-start;
margin-bottom : 40px;
}
@media screen and (min-width: 1024px) {
.cPerson--blog .cPerson__photo + .cPerson__content {
padding-left : 20px;
width : calc(100% - 431px);
width : calc(100% - 431px);
width : calc(100% - 431px);
}
}
.cPerson--blog p {
margin-bottom : 30px;
}
.cPerson--blog p:last-of-type {
margin-bottom : 0;
}
.cPerson--blog .cHeading {
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.cPerson--blog .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 767px) {
.cPerson--blog .cPerson__contact {
order : 1;
}
}
.cPerson--blog .cSocialSites {
display : block;
order : 2;
margin-top : 15px;
}
@media screen and (min-width: 767px) {
.cPerson--blog .cSocialSites .cPag__nav, .cPerson--blog .cSocialSites .mDrop ul, .cPerson--blog .cSocialSites .nav, .mDrop .cPerson--blog .cSocialSites ul {
display : flex;
}
}
.cPerson--blog .cSocialSites .nav__item {
margin : 0 6px 0 0;
}
@media screen and (min-width: 767px) {
.cPerson--blog .cSocialSites .nav__item {
margin-right : 10px;
}
}
.cPerson--blog .cSocialSites .nav__item__in {
display : flex;
align-items : center;
justify-content : center;
width : 40px;
height : 40px;
border-radius : 100%;
border : rgb(0, 173, 238, 0.4) solid 2px;
transition : background-color 0.3s ease-in-out;
}
@media screen and (min-width: 767px) {
.cPerson--blog .cSocialSites .nav__item__in {
width : 50px;
height : 50px;
}
}
.cPerson--blog .cSocialSites .nav__item__in:hover {
background-color : rgb(0, 173, 238, 0.5);
}
.cPerson--blog .cSocialSites .nav__item__in:hover span::before {
color : #fff;
}
.cPerson--blog .cSocialSites span::before {
font-size : 16px;
color : #00adee;
transition : background-color 0.3s ease-in-out;
}
.cPerson--blog .cPerson__contact .cPag__nav, .cPerson--blog .cPerson__contact .mDrop ul, .cPerson--blog .cPerson__contact .nav, .mDrop .cPerson--blog .cPerson__contact ul {
margin-top : 15px;
display : flex;
}
@media screen and (max-width: 766px) {
.cPerson--blog .cPerson__contact .cPag__nav, .cPerson--blog .cPerson__contact .mDrop ul, .cPerson--blog .cPerson__contact .nav, .mDrop .cPerson--blog .cPerson__contact ul {
margin : 0 0 10px;
}
}
.cPerson--blog .cPerson__link--icon {
margin-right : 30px;
}
.cPerson--blog .cPerson__link--icon::before {
background-color : transparent;
color : #303233;
}
.cPerson--blog .cPerson__link--icon > span {
font-size : 17px;
font-size : 0.94444rem;
color : #303233;
font-weight : 400;
}
@media screen and (min-width: 1024px) {
.cPerson--blog .cPerson__link--icon > span {
font-size : 16px;
font-size : 0.88889rem;
}
}
.cPerson--blog .cPerson__link--icon-mobile::before {
font-size : 24px;
}
.cPerson--blog .cPerson__link--icon-email::before {
font-size : 17px;
}
.cPerson--blog .cPerson__link--icon-email > span {
color : #00adee !important ;
text-decoration : underline;
}
@media screen and (min-width: 1024px) {
.cPerson--blog-standalone .cPerson__photo + .cPerson__content {
width : calc(100% - 600px);
width : calc(100% - 600px);
width : calc(100% - 600px);
}
}
@media screen and (max-width: 766px) {
.cPerson--blog-large-text p:not(.author) {
padding-right : 75px;
}
}
@media screen and (max-width: 766px) {
.cPerson--blog-simple .cPerson__photo {
right : -85px;
bottom : 30px;
transform : scaleX(-1);
}
}
@media screen and (min-width: 767px) {
.cPerson--blog-simple .cPerson__photo {
bottom : 60px;
}
}
@media screen and (min-width: 1024px) {
.cPerson--blog-simple .cPerson__photo {
bottom : auto;
}
}
.cPerson--blog-simple .cPerson__photo::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100px;
content : '';
background : linear-gradient(to top, #fff, rgb(255, 255, 255, 0));
}
@media screen and (min-width: 1024px) {
.cPerson--blog-simple .cPerson__photo::after {
display : none;
}
}
@media screen and (min-width: 767px) {
.cPerson--blog-simple .cPerson__photo {
position : relative;
}
}
@media screen and (min-width: 1300px) {
.cPerson--blog-simple .cPerson__photo {
margin-left : -100px;
}
}
@media screen and (min-width: 1600px) {
.cPerson--blog-simple .cPerson__photo {
left : -60px;
}
}
@media screen and (min-width: 1024px) {
.cPerson--blog-simple .cPerson__photo + .cPerson__content {
width : calc(100% - 500px);
width : calc(100% - 500px);
width : calc(100% - 500px);
}
}
.cPerson--blog-simple .btn, .cPerson--blog-simple .cClientZone__logout, .cPerson--blog-simple .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cPerson--blog-simple .cftSearch__submit {
margin-top : 30px;
}
.cPerson--reference-bm {
position : relative;
z-index : 1;
margin : 0 auto;
max-width : 1200px;
}
.cPerson--reference-bm .cPerson__photo, .cPerson--reference-bm .cPerson__photo + .cPerson__content {
display : block;
width : 100%;
text-align : center;
padding : 0;
}
.cPerson--reference-bm .cPerson__photo {
position : relative;
left : 150px;
margin : -50px 0 0 auto;
max-width : 300px;
}
@media screen and (min-width: 767px) {
.cPerson--reference-bm .cPerson__photo {
max-width : 450px;
}
}
@media screen and (min-width: 1024px) {
.cPerson--reference-bm .cPerson__photo {
margin-left : 0;
left : -80px;
}
}
@media screen and (min-width: 1300px) {
.cPerson--reference-bm .cPerson__photo {
left : auto;
max-width : 450px;
margin : -100px 0 0 -40px;
}
}
.cPerson--reference-bm .cPerson__content {
position : absolute;
left : 10px;
top : 0;
}
@media screen and (min-width: 767px) {
.cPerson--reference-bm .cPerson__content {
left : 120px;
}
}
@media screen and (min-width: 1024px) {
.cPerson--reference-bm .cPerson__content {
left : 50%;
transform : translateX(-50%);
}
}
.cPerson--reference-bm img {
display : block;
}
.cPerson--reference-bm .cPag__nav, .cPerson--reference-bm .mDrop ul, .cPerson--reference-bm .nav, .mDrop .cPerson--reference-bm ul {
display : flex;
justify-content : center;
flex-direction : column;
}
@media screen and (min-width: 1024px) {
.cPerson--reference-bm .cPag__nav, .cPerson--reference-bm .mDrop ul, .cPerson--reference-bm .nav, .mDrop .cPerson--reference-bm ul {
flex-direction : row;
}
}
.cPerson--reference-bm .nav__item {
margin : 0;
}
.cPerson--reference-bm .cPerson__link--icon {
margin-right : 30px;
}
.cPerson--reference-bm .cPerson__link--icon::before {
background-color : transparent;
color : #303233;
}
.cPerson--reference-bm .cPerson__link--icon > span {
font-size : 17px;
font-size : 0.94444rem;
color : #303233;
font-weight : 400;
}
@media screen and (min-width: 1024px) {
.cPerson--reference-bm .cPerson__link--icon > span {
font-size : 20px;
font-size : 1.11111rem;
}
}
.cPerson--reference-bm .cPerson__link--icon-mobile::before {
font-size : 24px;
}
.cPerson--reference-bm .cPerson__link--icon-email::before {
font-size : 17px;
}
.cPerson--reference-bm .cPerson__link--icon-email > span {
color : #00adee !important ;
text-decoration : underline;
}
.cPerex__title {
font-weight : 500;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
@media screen and (min-width: 767px) {
.cPerex__title {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
}
}
.cPerex p {
margin-bottom : 15px;
}
@media screen and (min-width: 1024px) {
.cPerex p {
margin-bottom : 30px;
}
}
.cPag--lazyLoad {
position : relative;
z-index : 10;
margin-top : 20px;
}
.cPag--lazyLoad .btn::after, .cPag--lazyLoad .cClientZone__logout::after, .cPag--lazyLoad .cftSearch--standard .cftSearch__submit::after, .cftSearch--standard .cPag--lazyLoad .cftSearch__submit::after {
position : relative;
top : 1px;
content : '';
margin-left : 13px;
background-image : url(../img/repeat.svg?v=5d25);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 18px;
height : 18px;
}
.cPathBox--round {
position : relative;
margin-bottom : 30px;
z-index : 1;
border : 0;
min-height : 0;
overflow : visible;
background-color : transparent;
}
@media screen and (max-width: 766px) {
.cPathBox--round {
padding : 0;
}
}
@media screen and (min-width: 1250px) {
.cPathBox--round {
margin-bottom : 60px;
}
}
.cGnotation .cPathBox--round:hover img, .cPathBox--round:hover .cGnotation img, .cPathBox--round:hover .objectFit {
box-shadow : 0 3px 50px rgb(0, 0, 0, 0.35);
}
.cGnotation .cPathBox--round img, .cPathBox--round .cGnotation img, .cPathBox--round .objectFit {
display : flex;
align-items : center;
justify-content : center;
margin : 0 auto 20px;
width : 120px;
height : 120px;
border-radius : 100%;
background : radial-gradient(circle, #00b5dd 0, #00adee 100%);
box-shadow : 0 3px 25px rgb(0, 0, 0, 0.25);
transition : box-shadow 0.3s ease-in-out;
}
@media screen and (min-width: 767px) {
.cGnotation .cPathBox--round img, .cPathBox--round .cGnotation img, .cPathBox--round .objectFit {
width : 150px;
height : 150px;
}
}
@media screen and (min-width: 1250px) {
.cGnotation .cPathBox--round img, .cPathBox--round .cGnotation img, .cPathBox--round .objectFit {
width : 190px;
height : 190px;
margin-bottom : 35px;
}
}
.cGnotation .cPathBox--round img::before, .cPathBox--round .cGnotation img::before, .cPathBox--round .objectFit::before {
display : none;
}
.cGnotation .cPathBox--round img:hover img, .cPathBox--round .cGnotation img:hover img, .cPathBox--round .objectFit:hover img {
transform : none;
}
.cGnotation .cPathBox--round img img, .cPathBox--round .cGnotation img img, .cPathBox--round .objectFit img {
width : auto;
height : auto;
min-width : 0;
object-fit : none;
}
.cPathBox--round .cHeading {
margin-top : 0;
font-size : 17px;
font-size : 0.94444rem;
line-height : 1.25;
}
@media screen and (min-width: 767px) {
.cPathBox--round .cHeading {
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.25;
}
}
.cPathBox--round .cHeading a {
color : inherit;
}
.cPathBox--imageCover.cPathBox--imageCover-brand {
position : relative;
z-index : 2;
height : 400px;
background-color : #007ec0;
border-radius : 20px;
box-shadow : 0 5px 15px 10px rgb(0, 0, 0, 0.1);
}
.cPathBox--imageCover.cPathBox--imageCover-brand img {
mix-blend-mode : multiply;
filter : grayscale(1);
opacity : 0.3;
}
.cPathBox--imageCover.cPathBox--imageCover-brand:hover .cPathBox__title {
opacity : 1;
visibility : visible;
}
.cPathBox--imageCover.cPathBox--imageCover-brand .cPathBox__desc {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
padding : 0 40px;
font-size : 16px;
font-size : 0.88889rem;
}
.cPathBox--imageCover.cPathBox--imageCover-brand .cPathBox__title {
position : static;
transform : none;
font-size : 29px;
font-size : 1.61111rem;
line-height : 1.18;
margin-bottom : 35px;
}
.cPathBox--imageCover.cPathBox--imageCover-brand .cPathBox__desc__text {
position : static;
opacity : 1;
visibility : visible;
transform : none;
}
.cPathBox--imageCover.cPathBox--imageCover-brand-solution {
height : auto;
min-height : 250px;
}
.cPathBox--imageCover.cPathBox--imageCover-brand-solution p {
margin-bottom : 0;
}
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .btn, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cClientZone__logout, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch__submit {
white-space : nowrap;
}
@media screen and (min-width: 767px) {
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .btn, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cClientZone__logout, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch__submit {
height : 45px;
}
}
@media screen and (min-width: 1300px) {
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .btn, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cClientZone__logout, .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cPathBox--imageCover.cPathBox--imageCover-brand-solution .cftSearch__submit {
height : 65px;
}
}
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .cHeading {
margin : 0 0 25px;
color : inherit;
font-size : 50px;
font-size : 2.77778rem;
}
@media screen and (min-width: 1600px) {
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .cHeading {
font-size : 79px;
font-size : 4.38889rem;
}
}
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .cHeading small {
display : block;
margin-top : 3px;
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 1600px) {
.cPathBox--imageCover.cPathBox--imageCover-brand-solution .cHeading small {
font-size : 24px;
font-size : 1.33333rem;
}
}
.cForm {
position : relative;
padding : 70px 40px 50px;
background-color : #fff;
}
@media screen and (min-width: 400px) {
.cForm {
padding-left : 55px;
padding-right : 55px;
}
}
@media screen and (min-width: 767px) {
.cForm {
padding : 80px 100px;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.075);
border-radius : 20px;
}
}
.cForm::after {
position : absolute;
left : 50%;
top : -45px;
width : 108px;
height : 108px;
margin-left : -54px;
background-color : #fff;
border-radius : 100%;
content : '';
}
.cForm::before {
position : absolute;
top : -28px;
left : 50%;
transform : translateX(-50%);
color : #00adee;
font-size : 28px;
z-index : 1;
}
.cForm__inner {
padding : 0;
}
@media screen and (min-width: 1300px) {
.cForm .grid {
margin-left : -70px;
}
}
@media screen and (min-width: 1300px) {
.cForm .grid__item, .cForm .label--inline, .cForm .label--inline + .field {
padding-left : 70px;
}
}
.cForm .cHeading {
text-align : center;
margin-bottom : 30px;
}
@media screen and (min-width: 1024px) {
.cForm .cHeading {
margin-bottom : 60px;
}
}
@media screen and (max-width: 766px) {
.cForm .cHeading span {
display : block;
}
}
.cForm .cHeading small {
display : block;
margin : 20px auto;
max-width : 90%;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1.2;
color : #303233;
}
@media screen and (min-width: 1024px) {
.cForm .cHeading small {
margin : 8px 0 0;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.8;
max-width : 100%;
}
}
.cForm .btn, .cForm .cClientZone__logout, .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cForm .cftSearch__submit {
position : absolute;
left : 50%;
bottom : -80px;
width : 300px;
margin-left : -150px;
padding : 0;
border-radius : 2em;
}
@media screen and (min-width: 767px) {
.cForm .btn, .cForm .cClientZone__logout, .cForm .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cForm .cftSearch__submit {
bottom : -110px;
}
}
.cForm .btn::after, .cForm .cClientZone__logout::after, .cForm .cftSearch--standard .cftSearch__submit::after, .cftSearch--standard .cForm .cftSearch__submit::after {
content : '';
margin-left : 10px;
background-image : url(../img//form-btn-arrow.png?v=12bc);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 17px;
height : 17px;
}
.cForm .contactItem::before {
display : none;
}
.cForm .gdpr .form-fields__inner {
max-width : 650px;
margin : 0 auto;
}
.cForm .gdpr .checkbox-design label {
width : 10px;
height : 10px;
background-color : rgb(102, 102, 102, 0.4);
}
.cForm .gdpr .checkbox-design + label {
margin-left : 7px;
font-weight : 300;
}
.cForm .gdpr p {
margin-bottom : 0;
}
.cForm .gdpr label {
text-transform : none;
font-size : 12px;
}
.cForm--small-heading .cHeading small {
margin : 0 auto;
font-size : 70%;
}
.cForm--businessman .cHeading {
margin-bottom : 30px;
}
@media screen and (min-width: 767px) {
.cForm--businessman .cForm__note {
text-align : center;
}
}
.cForm--businessman .contactItem {
margin : 0;
font-size : 20px;
}
@media screen and (min-width: 767px) {
.cForm--businessman .contactItem {
margin : 0 12px;
}
}
.cForm--businessman .contactItem__icon {
display : inline-block;
margin-right : 10px;
}
.cForm--businessman .contactItem__icon::before {
color : #000;
font-size : 20px;
}
.cForm--businessman .contactItem--phone .contactItem__icon {
position : relative;
top : 0;
}
.cForm--businessman .contactItem--phone .contactItem__text {
color : #333;
}
.cForm--businessman .contactItem--phone .contactItem__icon::before {
font-size : 24px;
}
@media screen and (min-width: 767px) {
.cForm--404 .cHeading {
font-size : 40px;
}
}
@media screen and (min-width: 1200px) {
.cForm--404 {
padding-left : 0;
padding-right : 0;
}
.cForm--404 .cForm__inner {
padding-left : 100px;
padding-right : 100px;
}
}
.cForm .check-list li::before {
background : 0 0;
}
.cForm .field, .form-control {
padding : 0;
border-radius : 0;
border : 0;
border-bottom : 2px solid #d1d1d1;
font-size : 16px;
transition : border-color 0.3s ease-in-out;
}
@media screen and (min-width: 1600px) {
.cForm .field, .form-control {
font-size : 15px;
}
}
.cForm .field:focus, .form-control:focus {
border-color : #00adee;
box-shadow : none;
}
.cForm .field-mandatory__item, .form-control-mandatory__item {
float : right;
}
textarea {
min-height : 100px;
}
.cForm label, .col-form-label {
text-transform : uppercase;
font-size : 11px;
font-size : 0.61111rem;
font-weight : 500;
}
@media screen and (max-width: 766px) {
.cForm label, .col-form-label {
line-height : 1;
}
}
.pageHeader .cHeader {
background-color : transparent;
transition : none;
}
@media screen and (min-width: 767px) {
.pageHeader .cHeader {
height : 170px;
padding-top : 30px;
}
}
@media screen and (min-width: 1200px) {
.pageHeader .cHeader {
padding-top : 50px;
}
}
.mm-opening .pageHeader .cHeader {
background-color : #fff;
}
.pageHeader .cHeader__inner {
display : none;
}
@media screen and (min-width: 1200px) {
.pageHeader .cHeader__inner {
display : flex;
max-width : 100%;
padding : 0 25px;
}
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader__inner {
padding : 0 65px;
}
}
@media screen and (min-width: 1800px) {
.pageHeader .cHeader__inner {
padding : 0 90px;
}
}
.pageHeader .cHeader__logo .cHeader__link {
max-height : none;
}
@media screen and (min-width: 767px) {
.pageHeader .cHeader__logo .cHeader__link {
max-width : 150px;
width : 150px;
}
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader__logo .cHeader__link {
max-width : 200px;
width : 200px;
}
}
.pageHeader .cHeader__logo .icon::before {
font-size : 60px;
color : #00adee;
}
@media screen and (min-width: 1024px) {
.pageHeader .cHeader__logo .icon::before {
font-size : 80px;
}
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader__logo .icon::before {
font-size : 90px;
}
}
.pageHeader .cHeader__mainNav .nav__item {
margin-right : 30px;
}
@media screen and (min-width: 1400px) {
.pageHeader .cHeader__mainNav .nav__item {
margin-right : 35px;
}
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader__mainNav .nav__item {
margin-right : 40px;
}
}
@media screen and (min-width: 1800px) {
.pageHeader .cHeader__mainNav .nav__item {
margin-right : 50px;
}
}
.mDrop .pageHeader .cHeader__mainNav ul > .nav__item--active > .nav__item__in::before, .pageHeader .cHeader__mainNav .cPag__nav > .nav__item--active > .nav__item__in::before, .pageHeader .cHeader__mainNav .mDrop ul > .nav__item--active > .nav__item__in::before, .pageHeader .cHeader__mainNav .nav > .nav__item--active > .nav__item__in::before, .pageHeader .cHeader__mainNav .nav__item:hover > .nav__item__in::before, .pageHeader .mDrop .cHeader__mainNav ul > .nav__item--active > .nav__item__in::before {
opacity : 1;
}
.pageHeader .cHeader__mainNav .nav__item__in {
padding : 30px 0;
font-size : 14px;
font-size : 0.77778rem;
line-height : 1.2;
font-weight : 700;
text-transform : uppercase;
}
.pageHeader .cHeader__mainNav .nav__item__in--drop, .pageHeader .cHeader__mainNav .nav__item__in--mDrop {
border-bottom : 0;
}
.pageHeader .cHeader__mainNav .nav__item__in--drop::before, .pageHeader .cHeader__mainNav .nav__item__in--mDrop::before {
position : absolute;
left : 50%;
bottom : 0;
border-style : solid;
border-width : 0 6px 6px;
margin-left : -12px;
border-color : transparent transparent #fff;
content : '';
opacity : 0;
transition : opacity 0.3s ease-in-out;
}
.pageHeader .cHeader__component {
margin-left : 25px;
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader__component {
margin-left : 35px;
}
}
.pageHeader .cHeader__cta {
margin-left : 10px;
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
.pageHeader .cHeader__cta {
position : absolute;
top : 30px;
right : 25px;
}
.pageHeader .cHeader__cta--career {
right : 240px;
}
}
.pageHeader .cHeader__search {
position : relative;
}
.pageHeader .cHeader__search .cftSearchBtn {
display : flex;
align-items : center;
justify-content : center;
width : 46px;
height : 46px;
background-color : rgb(0, 0, 0, 0.3);
border-radius : 100%;
text-decoration : none;
transition : background-color 0.3s ease-in-out;
}
.pageHeader .cHeader__search .cftSearchBtn:hover {
background-color : #000;
}
.pageHeader .cHeader__search .icon-search {
display : flex;
line-height : 1;
}
.pageHeader .cHeader__search .icon-search::before {
color : #fff;
font-size : 14px;
}
.cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .pageHeader .cHeader__cta .btn, .pageHeader .cHeader__cta .cClientZone__logout, .pageHeader .cHeader__cta .cftSearch--standard .cftSearch__submit {
height : auto;
padding : 15px 25px 14px;
font-size : 14px;
font-size : 0.77778rem;
background : 0 0;
border-radius : 2em;
border : solid 2px;
font-weight : 500;
}
@media screen and (min-width: 1600px) {
.cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .pageHeader .cHeader__cta .btn, .pageHeader .cHeader__cta .cClientZone__logout, .pageHeader .cHeader__cta .cftSearch--standard .cftSearch__submit {
padding : 15px 28px 14px 36px;
}
}
.cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover, .pageHeader .cHeader__cta .btn:hover, .pageHeader .cHeader__cta .cClientZone__logout:hover, .pageHeader .cHeader__cta .cftSearch--standard .cftSearch__submit:hover {
box-shadow : none;
background-color : #00adee;
color : #fff;
}
.cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover::after, .pageHeader .cHeader__cta .btn:hover::after, .pageHeader .cHeader__cta .cClientZone__logout:hover::after, .pageHeader .cHeader__cta .cftSearch--standard .cftSearch__submit:hover::after {
filter : brightness(0) invert(1);
}
.blog-legacy-detail .cConversButton .pageHeader .cHeader__cta .btn--inverse, .cConversButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cConversButton .pageHeader .cHeader__cta .btn:not(.btn--inverse), .cConversButton .pageHeader .cHeader__cta .cClientZone__logout:not(.btn--inverse), .cForm .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .cForm .pageHeader .cHeader__cta .btn, .cForm .pageHeader .cHeader__cta .cClientZone__logout, .cFtr__search .pageHeader .cHeader__cta .search__btn, .cMap__field .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .cMap__field .pageHeader .cHeader__cta .btn, .cMap__field .pageHeader .cHeader__cta .cClientZone__logout, .cNewsletter .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .cNewsletter .pageHeader .cHeader__cta .btn, .cNewsletter .pageHeader .cHeader__cta .cClientZone__logout, .cSellingButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit, .cSellingButton .pageHeader .cHeader__cta .btn, .cSellingButton .pageHeader .cHeader__cta .cClientZone__logout, .cc-banner--bottom-right .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:last-child, .cc-banner--bottom-right .pageHeader .cHeader__cta .btn:last-child, .cc-banner--bottom-right .pageHeader .cHeader__cta .cClientZone__logout:last-child, .cftSearch--standard .cConversButton .pageHeader .cHeader__cta .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .pageHeader .cHeader__cta .cftSearch__submit, .cftSearch--standard .cMap__field .pageHeader .cHeader__cta .cftSearch__submit, .cftSearch--standard .cNewsletter .pageHeader .cHeader__cta .cftSearch__submit, .cftSearch--standard .cSellingButton .pageHeader .cHeader__cta .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .pageHeader .cHeader__cta .cftSearch__submit:last-child, .pageHeader .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse, .pageHeader .cHeader__cta .btn--cta, .pageHeader .cHeader__cta .cConversButton .btn:not(.btn--inverse), .pageHeader .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse), .pageHeader .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .pageHeader .cHeader__cta .cForm .btn, .pageHeader .cHeader__cta .cForm .cClientZone__logout, .pageHeader .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit, .pageHeader .cHeader__cta .cFtr__search .search__btn, .pageHeader .cHeader__cta .cMap__field .btn, .pageHeader .cHeader__cta .cMap__field .cClientZone__logout, .pageHeader .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit, .pageHeader .cHeader__cta .cNewsletter .btn, .pageHeader .cHeader__cta .cNewsletter .cClientZone__logout, .pageHeader .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit, .pageHeader .cHeader__cta .cSellingButton .btn, .pageHeader .cHeader__cta .cSellingButton .cClientZone__logout, .pageHeader .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit, .pageHeader .cHeader__cta .cc-banner--bottom-right .btn:last-child, .pageHeader .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child, .pageHeader .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .pageHeader .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .pageHeader .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit, .pageHeader .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit, .pageHeader .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit, .pageHeader .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit, .pageHeader .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child {
background-color : #00adee;
color : #fff;
border-color : #00adee;
}
.blog-legacy-detail .cConversButton .pageHeader .cHeader__cta .btn--inverse:hover, .cConversButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cConversButton .pageHeader .cHeader__cta .btn:hover:not(.btn--inverse), .cConversButton .pageHeader .cHeader__cta .cClientZone__logout:hover:not(.btn--inverse), .cForm .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover, .cForm .pageHeader .cHeader__cta .btn:hover, .cForm .pageHeader .cHeader__cta .cClientZone__logout:hover, .cFtr__search .pageHeader .cHeader__cta .search__btn:hover, .cMap__field .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover, .cMap__field .pageHeader .cHeader__cta .btn:hover, .cMap__field .pageHeader .cHeader__cta .cClientZone__logout:hover, .cNewsletter .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover, .cNewsletter .pageHeader .cHeader__cta .btn:hover, .cNewsletter .pageHeader .cHeader__cta .cClientZone__logout:hover, .cSellingButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover, .cSellingButton .pageHeader .cHeader__cta .btn:hover, .cSellingButton .pageHeader .cHeader__cta .cClientZone__logout:hover, .cc-banner--bottom-right .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:hover:last-child, .cc-banner--bottom-right .pageHeader .cHeader__cta .btn:hover:last-child, .cc-banner--bottom-right .pageHeader .cHeader__cta .cClientZone__logout:hover:last-child, .cftSearch--standard .cConversButton .pageHeader .cHeader__cta .cftSearch__submit:hover:not(.btn--inverse), .cftSearch--standard .cForm .pageHeader .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cMap__field .pageHeader .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cNewsletter .pageHeader .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cSellingButton .pageHeader .cHeader__cta .cftSearch__submit:hover, .cftSearch--standard .cc-banner--bottom-right .pageHeader .cHeader__cta .cftSearch__submit:hover:last-child, .pageHeader .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse:hover, .pageHeader .cHeader__cta .btn--cta:hover, .pageHeader .cHeader__cta .cConversButton .btn:hover:not(.btn--inverse), .pageHeader .cHeader__cta .cConversButton .cClientZone__logout:hover:not(.btn--inverse), .pageHeader .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:hover:not(.btn--inverse), .pageHeader .cHeader__cta .cForm .btn:hover, .pageHeader .cHeader__cta .cForm .cClientZone__logout:hover, .pageHeader .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit:hover, .pageHeader .cHeader__cta .cFtr__search .search__btn:hover, .pageHeader .cHeader__cta .cMap__field .btn:hover, .pageHeader .cHeader__cta .cMap__field .cClientZone__logout:hover, .pageHeader .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit:hover, .pageHeader .cHeader__cta .cNewsletter .btn:hover, .pageHeader .cHeader__cta .cNewsletter .cClientZone__logout:hover, .pageHeader .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit:hover, .pageHeader .cHeader__cta .cSellingButton .btn:hover, .pageHeader .cHeader__cta .cSellingButton .cClientZone__logout:hover, .pageHeader .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit:hover, .pageHeader .cHeader__cta .cc-banner--bottom-right .btn:hover:last-child, .pageHeader .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:hover:last-child, .pageHeader .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:hover:last-child, .pageHeader .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:hover:not(.btn--inverse), .pageHeader .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit:hover, .pageHeader .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit:hover, .pageHeader .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit:hover, .pageHeader .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit:hover, .pageHeader .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:hover:last-child {
background-color : #009eda;
}
.blog-legacy-detail .cConversButton .pageHeader .cHeader__cta .btn--inverse::after, .cConversButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:not(.btn--inverse)::after, .cConversButton .pageHeader .cHeader__cta .btn:not(.btn--inverse)::after, .cConversButton .pageHeader .cHeader__cta .cClientZone__logout:not(.btn--inverse)::after, .cForm .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit::after, .cForm .pageHeader .cHeader__cta .btn::after, .cForm .pageHeader .cHeader__cta .cClientZone__logout::after, .cFtr__search .pageHeader .cHeader__cta .search__btn::after, .cMap__field .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit::after, .cMap__field .pageHeader .cHeader__cta .btn::after, .cMap__field .pageHeader .cHeader__cta .cClientZone__logout::after, .cNewsletter .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit::after, .cNewsletter .pageHeader .cHeader__cta .btn::after, .cNewsletter .pageHeader .cHeader__cta .cClientZone__logout::after, .cSellingButton .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit::after, .cSellingButton .pageHeader .cHeader__cta .btn::after, .cSellingButton .pageHeader .cHeader__cta .cClientZone__logout::after, .cc-banner--bottom-right .cftSearch--standard .pageHeader .cHeader__cta .cftSearch__submit:last-child::after, .cc-banner--bottom-right .pageHeader .cHeader__cta .btn:last-child::after, .cc-banner--bottom-right .pageHeader .cHeader__cta .cClientZone__logout:last-child::after, .cftSearch--standard .cConversButton .pageHeader .cHeader__cta .cftSearch__submit:not(.btn--inverse)::after, .cftSearch--standard .cForm .pageHeader .cHeader__cta .cftSearch__submit::after, .cftSearch--standard .cMap__field .pageHeader .cHeader__cta .cftSearch__submit::after, .cftSearch--standard .cNewsletter .pageHeader .cHeader__cta .cftSearch__submit::after, .cftSearch--standard .cSellingButton .pageHeader .cHeader__cta .cftSearch__submit::after, .cftSearch--standard .cc-banner--bottom-right .pageHeader .cHeader__cta .cftSearch__submit:last-child::after, .pageHeader .cHeader__cta .blog-legacy-detail .cConversButton .btn--inverse::after, .pageHeader .cHeader__cta .btn--cta::after, .pageHeader .cHeader__cta .cConversButton .btn:not(.btn--inverse)::after, .pageHeader .cHeader__cta .cConversButton .cClientZone__logout:not(.btn--inverse)::after, .pageHeader .cHeader__cta .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse)::after, .pageHeader .cHeader__cta .cForm .btn::after, .pageHeader .cHeader__cta .cForm .cClientZone__logout::after, .pageHeader .cHeader__cta .cForm .cftSearch--standard .cftSearch__submit::after, .pageHeader .cHeader__cta .cFtr__search .search__btn::after, .pageHeader .cHeader__cta .cMap__field .btn::after, .pageHeader .cHeader__cta .cMap__field .cClientZone__logout::after, .pageHeader .cHeader__cta .cMap__field .cftSearch--standard .cftSearch__submit::after, .pageHeader .cHeader__cta .cNewsletter .btn::after, .pageHeader .cHeader__cta .cNewsletter .cClientZone__logout::after, .pageHeader .cHeader__cta .cNewsletter .cftSearch--standard .cftSearch__submit::after, .pageHeader .cHeader__cta .cSellingButton .btn::after, .pageHeader .cHeader__cta .cSellingButton .cClientZone__logout::after, .pageHeader .cHeader__cta .cSellingButton .cftSearch--standard .cftSearch__submit::after, .pageHeader .cHeader__cta .cc-banner--bottom-right .btn:last-child::after, .pageHeader .cHeader__cta .cc-banner--bottom-right .cClientZone__logout:last-child::after, .pageHeader .cHeader__cta .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child::after, .pageHeader .cHeader__cta .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse)::after, .pageHeader .cHeader__cta .cftSearch--standard .cForm .cftSearch__submit::after, .pageHeader .cHeader__cta .cftSearch--standard .cMap__field .cftSearch__submit::after, .pageHeader .cHeader__cta .cftSearch--standard .cNewsletter .cftSearch__submit::after, .pageHeader .cHeader__cta .cftSearch--standard .cSellingButton .cftSearch__submit::after, .pageHeader .cHeader__cta .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child::after {
width : 15px;
height : 13px;
margin-left : 16px;
background-image : url(../img//icons/chat-bubble.svg?v=87aa);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
.pageHeader .cHeader__cta .btn--career {
color : #00adee;
background-color : transparent;
}
.pageHeader .cHeader__cta .btn--career::after {
position : relative;
top : -1px;
width : 16px;
height : 14px;
background-image : url(../img//icons/briefcase.svg?v=11f8);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.pageHeader .cHeader .navbar {
position : relative;
top : -8px;
overflow : visible;
height : auto;
background-color : transparent;
border : 0;
}
.pageHeader .cHeader .navbar__inner {
display : flex;
align-items : stretch;
justify-content : flex-end;
max-width : 100%;
padding : 0 25px;
}
@media screen and (min-width: 1200px) {
.pageHeader .cHeader .navbar__inner {
padding : 0 25px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
.pageHeader .cHeader .navbar__inner {
padding-right : 410px;
}
}
@media screen and (min-width: 1600px) {
.pageHeader .cHeader .navbar__inner {
padding : 0 65px;
}
}
@media screen and (min-width: 1800px) {
.pageHeader .cHeader .navbar__inner {
padding : 0 90px;
}
}
.pageHeader .cHeader .navbar__component {
padding : 0;
border : 0;
}
.pageHeader .cHeader .navbar__component--mail {
margin-right : 27px;
}
.pageHeader .cHeader .navbar__component--mail:hover .cHeader__email__value {
text-decoration : none;
}
.pageHeader .cHeader .navbar__component--mail .cHeader__email__value {
text-decoration : underline;
}
.pageHeader .cHeader .navbar__component .navbar__link {
display : inline-flex;
align-items : center;
font-size : 16px;
font-size : 0.88889rem;
color : #666;
text-decoration : none;
}
.pageHeader .cHeader .navbar__component--phone .navbar__link {
color : #303233;
}
.pageHeader .cHeader .navbar__component .cHeader__email__value, .pageHeader .cHeader .navbar__component .cHeader__phone__value {
display : block;
padding : 0;
}
.pageHeader .cHeader .navbar__component .cHeader__email__value {
color : #00adee;
}
.cPerson--blog .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile, .cPerson--reference-bm .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cForm::before, .pageHeader .cHeader .navbar__component .cPerson--blog .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cPerson--reference-bm .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cPerson__link--icon-email, .pageHeader .cHeader .navbar__component .cPerson__link--icon-phone, .pageHeader .cHeader .navbar__component .icon-mail, .pageHeader .cHeader .navbar__component .icon-telephone, .pageHeader .cHeader .navbar__component .infoText--mail::before, .pageHeader .cHeader .navbar__component .infoText--telephone::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:first-child::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:first-child::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:nth-child(2)::before {
position : relative;
margin-right : 12px;
display : flex;
}
.cPerson--blog .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile::before, .cPerson--reference-bm .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cForm::before, .pageHeader .cHeader .navbar__component .cPerson--blog .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cPerson--reference-bm .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cPerson__link--icon-email::before, .pageHeader .cHeader .navbar__component .cPerson__link--icon-phone::before, .pageHeader .cHeader .navbar__component .icon-mail::before, .pageHeader .cHeader .navbar__component .icon-telephone::before, .pageHeader .cHeader .navbar__component .infoText--mail::before, .pageHeader .cHeader .navbar__component .infoText--telephone::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:first-child::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:first-child::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:nth-child(2)::before {
color : #666;
line-height : 1;
opacity : 1;
}
.cPerson--blog .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile, .cPerson--reference-bm .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cPerson--blog .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cPerson--reference-bm .cPerson__link--icon-mobile, .pageHeader .cHeader .navbar__component .cPerson__link--icon-phone, .pageHeader .cHeader .navbar__component .icon-telephone, .pageHeader .cHeader .navbar__component .infoText--telephone::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:nth-child(2)::before {
top : -1px;
}
.cPerson--blog .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile::before, .cPerson--reference-bm .pageHeader .cHeader .navbar__component .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cPerson--blog .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cPerson--reference-bm .cPerson__link--icon-mobile::before, .pageHeader .cHeader .navbar__component .cPerson__link--icon-phone::before, .pageHeader .cHeader .navbar__component .icon-telephone::before, .pageHeader .cHeader .navbar__component .infoText--telephone::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:nth-child(2)::before {
font-size : 18px;
}
.pageHeader .cHeader .navbar__component .cForm::before, .pageHeader .cHeader .navbar__component .cPerson__link--icon-email::before, .pageHeader .cHeader .navbar__component .icon-mail::before, .pageHeader .cHeader .navbar__component .infoText--mail::before, .pageHeader .cHeader .navbar__component .squeeze-page .cForm .form-fields__inner:first-child::before, .squeeze-page .cForm .pageHeader .cHeader .navbar__component .form-fields__inner:first-child::before {
font-size : 14px;
}
.pageHeader .cHeader .navbar .cSocialSites {
margin-left : 36px;
}
.pageHeader .cHeader .navbar .cSocialSites .nav__item {
margin-right : 10px;
}
.pageHeader .cHeader .navbar .cSocialSites .nav__item:last-child {
margin-right : 0;
}
.pageHeader .cHeader .navbar .cSocialSites .nav__item__in {
will-change : transform;
transition : all 0.3s ease-in-out;
opacity : 0.5;
}
.pageHeader .cHeader .navbar .cSocialSites .nav__item__in:hover {
transform : scale(1.1);
opacity : 1;
}
.pageHeader .cHeader .navbar .cSocialSites [class*="icon-"]::before {
color : #666;
font-size : 19px;
}
.pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__logo .icon::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__mainNav .nav__item__in {
color : #fff;
}
.cftSearch--standard .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch__submit, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .btn, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cClientZone__logout, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch--standard .cftSearch__submit {
color : #fff;
transition : none;
border-color : #fff;
background-color : transparent;
}
.cftSearch--standard .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch__submit::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .btn::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cClientZone__logout::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch--standard .cftSearch__submit::after {
filter : brightness(0) invert(1);
}
.cftSearch--standard .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch__submit:hover, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .btn:hover, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cClientZone__logout:hover, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch--standard .cftSearch__submit:hover {
background-color : #fff;
color : #666;
border-color : #fff;
box-shadow : none;
}
.cftSearch--standard .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch__submit:hover::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .btn:hover::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cClientZone__logout:hover::after, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .cHeader__cta .cftSearch--standard .cftSearch__submit:hover::after {
filter : brightness(0);
}
.pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar .cSocialSites .nav__item__in {
opacity : 1;
}
.cPerson--blog .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson__link--icon-mobile::before, .cPerson--reference-bm .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson__link--icon-mobile::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar .cSocialSites [class*="icon-"]::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cForm::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cHeader__email__value, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson--blog .cPerson__link--icon-mobile::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson--reference-bm .cPerson__link--icon-mobile::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson__link--icon-email::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .cPerson__link--icon-phone::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .icon-mail::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .icon-telephone::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .infoText--mail::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .infoText--telephone::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .navbar__link, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .squeeze-page .cForm .form-fields__inner:first-child::before, .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .squeeze-page .cForm .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .form-fields__inner:first-child::before, .squeeze-page .cForm .pageHeader .cHeader--is-transparent:not(.cHeader--sticky) .navbar__component .form-fields__inner:nth-child(2)::before {
color : #fff;
}
.pageHeader .cHeader--fixed {
box-shadow : none;
}
.pageHeader .cHeader--wasFixed {
position : relative;
}
@media screen and (min-width: 767px) {
.pageHeader .cHeader--sticky {
position : fixed;
left : 0;
top : 0;
padding-top : 0;
height : 65px;
width : 100%;
background-color : #fff;
box-shadow : 0 5px 10px 0 rgb(0, 0, 0, 0.1);
z-index : 100;
}
}
@media screen and (min-width: 1200px) {
.pageHeader .cHeader--sticky {
height : 105px;
}
}
@media screen and (min-width: 2000px) {
.pageHeader .cHeader--sticky {
width : 1920px;
left : 50%;
margin-left : -960px;
}
}
.pageHeader .cHeader--sticky .cHeader__inner {
height : 100%;
}
.pageHeader .cHeader--sticky .navbar {
display : none;
}
.pageHeader .cHeader--sticky .cHeader__logo .cHeader__link {
width : 180px;
}
.pageHeader .cHeader--sticky .cHeader__logo .icon::before {
font-size : 45px;
}
@media screen and (min-width: 1300px) {
.pageHeader .cHeader--sticky .cHeader__logo .icon::before {
font-size : 60px;
}
}
.pageHeader .cHeader--sticky .cHeader__mainNav {
text-align : left;
}
.pageHeader .cHeader--sticky .cHeader__mainNav .nav__item {
margin-right : 40px;
}
.pageHeader .cHeader--sticky .mobileHeader .mobileHeader__toolbar .cHeader__logo {
padding-top : 0;
padding-left : 0;
}
.pageHeader .cHeader--sticky .mobileHeader .mobileHeader__toolbar .mobileHeader__iconBar {
padding-top : 0;
padding-right : 15px;
}
.pageHeader .cHeader--sticky .mobileHeader .cHamburger {
top : 19px;
right : 70px;
}
.pageHeader .cHeader--sticky .mobileHeader .cHamburger .cHamburger__line {
background-color : #666;
}
.pageHeader .mobileHeader__toolbar {
background-color : transparent;
}
@media screen and (min-width: 1200px) {
.mobileHeader {
display : none;
}
}
@media screen and (min-width: 767px) {
.mobileHeader__inner {
padding-top : 140px !important ;
}
}
@media screen and (min-width: 1024px) {
.mobileHeader__inner {
padding-top : 170px !important ;
}
}
.mobileHeader .mobileHeader__menuHandler {
width : 30px;
}
.mobileHeader .mobileHeader__menuHandler::after {
display : none;
}
.mobileHeader .cHamburger {
position : absolute;
right : 80px;
top : 45px;
}
@media screen and (min-width: 1024px) {
.mobileHeader .cHamburger {
top : 55px;
}
}
.mobileHeader .cHamburger__line {
height : 2px;
}
.mobileHeader .mobileHeader__toolbar {
display : flex;
justify-content : space-between;
align-items : center;
}
.mm-opening .mobileHeader .mobileHeader__toolbar {
background-color : #fff;
}
.mobileHeader .mobileHeader__toolbar .cHeader__logo {
width : auto;
padding : 22px 0 0 10px;
}
.mm-opening .mobileHeader .mobileHeader__toolbar .cHeader__logo .icon::before {
color : #00adee;
}
.mobileHeader__iconBar {
display : flex;
justify-content : flex-end;
width : auto;
flex-grow : 1;
margin : 0;
padding : 20px 25px 0 0;
}
.mobileHeader__iconBar__item {
padding : 0;
}
.mobileHeader__iconBar .icon-search::before {
color : #fff;
}
.mobileHeader .cftSearchBtn {
display : flex;
align-items : center;
justify-content : center;
width : 46px;
height : 46px;
background-color : rgb(0, 0, 0, 0.3);
border-radius : 100%;
text-decoration : none;
transition : background-color 0.3s ease-in-out;
}
.mobileHeader .cftSearchBtn:hover {
background-color : rgb(0, 0, 0, 0.4);
}
.mobileHeader .cftSearchBtn .icon-search {
display : flex;
}
.mobileHeader .cftSearchBtn .icon-search::before {
font-size : 14px;
}
.mobileHeader__content.mm-menu.mm-top {
background-color : #fff;
box-shadow : 0 5px 10px 0 rgb(0, 0, 0, 0.15);
}
.mobileHeader__component--mainNav {
margin : 20px 0;
}
.mobileHeader__component--mainNav .nav__item__in {
display : flex;
height : 45px;
align-items : center;
border-bottom : 1px solid #d1d1d1;
margin : 0;
color : #303233;
font-weight : 600;
font-size : 16px;
font-size : 0.88889rem;
}
.dropNav.dropNav--responsive-drop .nav__item .mobileHeader__component--mainNav .nav__item__in, .mobileHeader__component--mainNav .dropNav.dropNav--responsive-drop .nav__item .nav__item__in, .mobileHeader__component--mainNav .dropNav__item__in {
display : flex;
align-items : center;
height : 45px;
}
.mobileHeader__component--cta {
margin-bottom : 16px;
}
.cftSearch--standard .mobileHeader__component--cta .cftSearch__submit, .mobileHeader__component--cta .btn, .mobileHeader__component--cta .cClientZone__logout, .mobileHeader__component--cta .cftSearch--standard .cftSearch__submit {
height : 55px;
border-radius : 2em;
}
.cftSearch--standard .mobileHeader__component--cta .cftSearch__submit::after, .mobileHeader__component--cta .btn::after, .mobileHeader__component--cta .cClientZone__logout::after, .mobileHeader__component--cta .cftSearch--standard .cftSearch__submit::after {
width : 15px;
height : 13px;
margin-left : 16px;
background-image : url(../img//icons/chat-bubble.svg?v=87aa);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
.mobileHeader__component--cta .btn--career::after {
position : relative;
top : -1px;
width : 16px;
height : 14px;
background-image : url(../img//icons/briefcase.svg?v=11f8);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
filter : brightness(0) invert(1);
}
.mobileHeader__component .mDrop .mDrop__cont {
padding : 15px 0;
}
.cHeader--is-transparent .mobileHeader__iconBar__item .cHamburger__line {
background-color : #fff;
}
.mm-opening .cHeader--is-transparent .mobileHeader__iconBar__item .cHamburger__line {
background-color : #303233;
}
.cHeader--is-transparent .mobileHeader__iconBar__item [class*="icon-"]::before {
color : #fff;
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
padding : 0;
background-color : #fff;
}
.mm-listview > li > a, .mm-listview > li > span {
white-space : normal;
}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background : 0 0;
border : 0;
}
.mm-menu .mobileHeader__component--mainNav .nav__item .mm-next {
border : 0;
}
.mm-menu .mobileHeader__component--mainNav .nav__item .mm-next::after {
top : 3px;
width : 12px;
height : 12px;
border-color : #00adee;
transform : rotate(45deg);
}
.mm-menu .mobileHeader__component--mainNav .nav__item.mm-opened .mm-next::after {
top : 10px;
transform : rotate(-135deg);
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
padding : 0;
}
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
height : 0;
}
.cCrumb {
position : relative;
z-index : 10;
padding : 0 25px;
margin : 20px 0;
}
@media screen and (min-width: 1024px) {
.cCrumb {
margin-bottom : 25px;
}
}
@media screen and (min-width: 1200px) {
.cCrumb {
padding : 0 25px;
max-width : 1300px;
margin-left : auto;
margin-right : auto;
}
}
@media screen and (min-width: 1600px) {
.cCrumb {
padding : 0 40px;
}
}
@media screen and (min-width: 1300px) {
.cCrumb {
margin : 30px auto 80px;
}
}
.cCrumb--push-top {
position : relative;
z-index : 10;
}
@media screen and (min-width: 1300px) {
.cCrumb--large-width {
max-width : 1660px;
padding-left : 40px;
padding-right : 40px;
}
}
@media screen and (min-width: 1200px) {
.cCrumb--full-width {
max-width : 100%;
padding : 0 25px;
}
}
@media screen and (min-width: 1600px) {
.cCrumb--full-width {
padding : 0 65px;
}
}
@media screen and (min-width: 1800px) {
.cCrumb--full-width {
padding : 0 90px;
}
}
.cCrumb--small-spacing {
margin-bottom : 20px;
}
.row--blog-list-wrap {
background-color : #f5f5f5;
}
.row--blog-list-wrap > .rowInner {
max-width : 1660px;
}
.cBlockquote.cBlockquote--image-custom, .cBlockquote.cBlockquote--portrait, .cBlockquote.cBlockquote--quotes {
position : relative;
margin-left : auto;
margin-right : auto;
padding-top : 50px;
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--image-custom, .cBlockquote.cBlockquote--portrait, .cBlockquote.cBlockquote--quotes {
max-width : 900px;
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom, .cBlockquote.cBlockquote--portrait, .cBlockquote.cBlockquote--quotes {
padding-top : 0;
}
}
.cBlockquote.cBlockquote--image-custom::after, .cBlockquote.cBlockquote--image-custom::before, .cBlockquote.cBlockquote--portrait::after, .cBlockquote.cBlockquote--portrait::before, .cBlockquote.cBlockquote--quotes::after, .cBlockquote.cBlockquote--quotes::before {
position : absolute;
left : 50%;
top : -15px;
width : 103px;
height : 87px;
background-image : url(../img/quote.svg?v=39e5);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
margin-left : -52px;
opacity : 0.5;
transform : rotate(-180deg) scale(0.6);
content : "";
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom::after, .cBlockquote.cBlockquote--image-custom::before, .cBlockquote.cBlockquote--portrait::after, .cBlockquote.cBlockquote--portrait::before, .cBlockquote.cBlockquote--quotes::after, .cBlockquote.cBlockquote--quotes::before {
left : -50px;
top : 10%;
margin-left : 0;
transform : rotate(-180deg);
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom::after, .cBlockquote.cBlockquote--portrait::after, .cBlockquote.cBlockquote--quotes::after {
left : auto;
right : -50px;
transform : none;
}
}
.cBlockquote.cBlockquote--image-custom.hasImage::after, .cBlockquote.cBlockquote--portrait.hasImage::after, .cBlockquote.cBlockquote--quotes.hasImage::after {
display : none;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__wrapper, .cBlockquote.cBlockquote--portrait .cBlockquote__wrapper, .cBlockquote.cBlockquote--quotes .cBlockquote__wrapper {
display : block;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__inner, .cBlockquote.cBlockquote--portrait .cBlockquote__inner, .cBlockquote.cBlockquote--quotes .cBlockquote__inner {
display : block;
text-align : center;
margin : 0 auto;
padding : 18px 24px;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom .cBlockquote__inner, .cBlockquote.cBlockquote--portrait .cBlockquote__inner, .cBlockquote.cBlockquote--quotes .cBlockquote__inner {
min-width : 600px;
max-width : 730px;
padding : 24px 50px;
}
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__img, .cBlockquote.cBlockquote--portrait .cBlockquote__img, .cBlockquote.cBlockquote--quotes .cBlockquote__img {
display : block;
width : auto;
padding-left : 0;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom .cBlockquote__img, .cBlockquote.cBlockquote--portrait .cBlockquote__img, .cBlockquote.cBlockquote--quotes .cBlockquote__img {
position : absolute;
top : 10%;
right : -50px;
padding-left : 40px;
}
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__img .cBlockquote__portrait, .cBlockquote.cBlockquote--portrait .cBlockquote__img .cBlockquote__portrait, .cBlockquote.cBlockquote--quotes .cBlockquote__img .cBlockquote__portrait {
width : 116px;
height : auto;
margin : 0 auto;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__img img, .cBlockquote.cBlockquote--portrait .cBlockquote__img img, .cBlockquote.cBlockquote--quotes .cBlockquote__img img {
width : auto;
height : auto;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__text, .cBlockquote.cBlockquote--portrait .cBlockquote__text, .cBlockquote.cBlockquote--quotes .cBlockquote__text {
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.7;
}
.cBlockquote.cBlockquote--image-custom blockquote::before, .cBlockquote.cBlockquote--portrait blockquote::before, .cBlockquote.cBlockquote--quotes blockquote::before {
display : none;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__author .source, .cBlockquote.cBlockquote--portrait .cBlockquote__author .source, .cBlockquote.cBlockquote--quotes .cBlockquote__author .source {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.1;
font-family : migrena-bold;
color : #000;
white-space : nowrap;
}
.cBlockquote.cBlockquote--image-custom .cBlockquote__author .source-info, .cBlockquote.cBlockquote--portrait .cBlockquote__author .source-info, .cBlockquote.cBlockquote--quotes .cBlockquote__author .source-info {
margin-top : 10px;
text-transform : uppercase;
letter-spacing : 2px;
font-weight : 600;
font-size : 12px;
font-size : 0.66667rem;
}
.cBlockquote.cBlockquote--image-custom.left .cBlockquote__img, .cBlockquote.cBlockquote--portrait.left .cBlockquote__img, .cBlockquote.cBlockquote--quotes.left .cBlockquote__img {
padding : 0;
order : 1;
}
.cBlockquote.cBlockquote--image-custom.left .cBlockquote__wrapper, .cBlockquote.cBlockquote--portrait.left .cBlockquote__wrapper, .cBlockquote.cBlockquote--quotes.left .cBlockquote__wrapper {
display : grid;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom.left .cBlockquote__wrapper, .cBlockquote.cBlockquote--portrait.left .cBlockquote__wrapper, .cBlockquote.cBlockquote--quotes.left .cBlockquote__wrapper {
display : block;
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--image-custom.left .cBlockquote__img, .cBlockquote.cBlockquote--portrait.left .cBlockquote__img, .cBlockquote.cBlockquote--quotes.left .cBlockquote__img {
padding : 0 2.22222rem 0 0;
right : auto;
left : -50px;
left : -2.77778rem;
}
.cBlockquote.cBlockquote--image-custom.left::after, .cBlockquote.cBlockquote--image-custom.left::before, .cBlockquote.cBlockquote--portrait.left::after, .cBlockquote.cBlockquote--portrait.left::before, .cBlockquote.cBlockquote--quotes.left::after, .cBlockquote.cBlockquote--quotes.left::before {
left : auto;
right : -50px;
right : -2.77778rem;
}
}
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait {
max-width : 900px;
padding-left : 0;
padding-right : 0;
}
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait::before {
display : none;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait::before {
display : block;
}
}
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait .cBlockquote__inner {
text-align : center;
}
@media screen and (max-width: 766px) {
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait .cBlockquote__inner {
padding-left : 0;
padding-right : 0;
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--reference-bm.cBlockquote--portrait .cBlockquote__inner {
min-width : 600px;
max-width : 730px;
padding : 24px 50px;
}
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--single-quote::after {
display : none;
}
}
@media screen and (max-width: 766px) {
.cBlockquote.cBlockquote--story-box {
margin-bottom : 120px;
}
}
.cBlockquote.cBlockquote--story-box::before {
transform : none;
width : 127px;
height : 99px;
top : -20px;
left : 90px;
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--story-box::before {
top : 12%;
left : -100px;
}
}
.cBlockquote.cBlockquote--story-box .cBlockquote__wrapper {
position : relative;
display : flex;
align-items : center;
flex-direction : column;
z-index : 1;
background-color : #fff;
border-radius : 15px;
box-shadow : 0 3px 16px rgb(0, 0, 0, 0.1);
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__wrapper {
flex-direction : row;
border-radius : 20px 100px 100px 20px;
}
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__wrapper {
border-radius : 20px 80px 80px 20px;
}
}
.cBlockquote.cBlockquote--story-box .cBlockquote__inner {
text-align : left;
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__inner {
padding-left : 80px;
}
}
.cBlockquote.cBlockquote--story-box blockquote {
font-style : italic;
}
.cBlockquote.cBlockquote--story-box .cBlockquote__text {
color : #666;
}
.cBlockquote.cBlockquote--story-box .cBlockquote__author .source-info {
margin-top : 5px;
}
.cBlockquote.cBlockquote--story-box .cBlockquote__img {
position : relative;
top : 0;
right : auto;
padding : 0;
margin-bottom : -75px;
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__img {
margin-bottom : 0;
left : 20px;
}
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__img {
left : 50px;
}
}
.cBlockquote.cBlockquote--story-box .cBlockquote__img .cBlockquote__portrait {
width : 240px;
height : 240px;
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-box .cBlockquote__img .cBlockquote__portrait {
width : 320px;
height : 320px;
}
}
.cBlockquote.cBlockquote--story-box .cBlockquote__img .cBlockquote__portrait img {
width : 100%;
height : 100%;
}
.cBlockquote.cBlockquote--story-box-v2 {
max-width : 980px;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-box-v2 .cBlockquote__img .cBlockquote__portrait {
width : 360px;
height : 360px;
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-box-v2 .cBlockquote__inner {
padding-right : 0;
min-width : 660px;
}
}
.cBlockquote.cBlockquote--story-figure {
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--story-figure {
margin-bottom : 70px;
}
}
.cBlockquote.cBlockquote--story-figure::before {
left : 0;
margin-left : 0;
}
@media screen and (min-width: 767px) {
.cBlockquote.cBlockquote--story-figure::before {
width : 127px;
height : 99px;
opacity : 1;
}
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-figure::before {
left : -120px;
top : 50%;
transform : translateY(-50%);
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__wrapper {
display : flex;
align-items : center;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-figure .cBlockquote__wrapper {
display : block;
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__inner {
padding-left : 0;
padding-right : 12px;
text-align : left;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-figure .cBlockquote__inner {
padding-right : 50px;
padding-left : 50px;
text-align : center;
max-width : 860px;
min-width : 860px;
}
}
@media screen and (max-width: 766px) {
.cBlockquote.cBlockquote--story-figure p {
margin-bottom : 25px;
}
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-figure .cHeading {
margin-bottom : 45px;
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__text {
color : #666;
}
@media screen and (min-width: 1024px) {
.cBlockquote.cBlockquote--story-figure .cBlockquote__text {
font-size : 18px;
font-size : 1rem;
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__img {
position : relative;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-figure .cBlockquote__img {
position : absolute;
right : -50px;
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__portrait {
border-radius : 0;
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__portrait img {
position : relative;
max-width : 200px;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--story-figure .cBlockquote__portrait img {
top : 60px;
right : -50px;
max-width : none;
}
}
.cBlockquote.cBlockquote--story-figure .cBlockquote__author {
margin-top : 40px;
}
.cBlockquote.cBlockquote--custom-left::before {
opacity : 1;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--custom-left::before {
left : auto;
right : -50px;
width : 127px;
height : 99px;
}
}
.cBlockquote.cBlockquote--custom-left .cBlockquote__inner {
max-width : 730px;
}
.cBlockquote.cBlockquote--custom-left .cBlockquote__img {
padding-right : 0;
margin-top : 30px;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--custom-left .cBlockquote__img {
right : auto;
left : -90px;
top : 0;
margin-top : 0;
}
}
.cBlockquote.cBlockquote--custom-left .cBlockquote__img .cBlockquote__portrait {
width : 133px;
}
.cBlockquote.cBlockquote--custom-left .cBlockquote__text {
font-size : 17px;
font-size : 0.94444rem;
color : #666;
font-style : italic;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--custom-left .cBlockquote__author {
margin-top : 40px;
}
}
.cBlockquote.cBlockquote--custom-left .cBlockquote__author .source-info {
margin-top : 5px;
}
.cBlockquote.cBlockquote--brand-img {
position : relative;
padding : 50px 40px 150px;
background-image : url(../img/quote-bg.jpg?v=e067);
background-color : #00adee;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
border-radius : 20px;
box-shadow : 0 10px 5px 0 rgb(0, 0, 0, 0.1);
color : #fff;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--brand-img {
height : 550px;
}
}
@media screen and (min-width: 1800px) {
.cBlockquote.cBlockquote--brand-img {
padding : 60px 58px 150px;
}
}
.cBlockquote.cBlockquote--brand-img::before {
display : none;
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__text {
font-size : 16px;
font-size : 0.88889rem;
font-style : italic;
color : inherit;
}
@media screen and (min-width: 1300px) {
.cBlockquote.cBlockquote--brand-img .cBlockquote__text {
min-height : 275px;
}
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__text::after {
display : none;
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__inner {
min-width : 0;
max-width : 100%;
padding : 0;
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__author .source {
color : inherit;
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__author .source-info {
margin-top : 5px;
color : inherit;
}
.cBlockquote.cBlockquote--brand-img .cBlockquote__portrait {
position : absolute;
left : 50%;
bottom : -81px;
margin-left : -81px;
width : 162px;
height : 162px;
}
.cText--story-perex p strong {
color : #303233;
}
.cText .check-list > li {
padding-left : 60px;
min-height : 35px;
line-height : 1.4;
}
@media screen and (max-width: 766px) {
.cText .check-list > li {
padding-left : 45px;
}
}
@media screen and (max-width: 766px) {
.cText .check-list > li::before {
width : 30px;
min-width : 30px;
height : 30px;
top : 0;
}
}
@media screen and (min-width: 767px) {
.cText .check-list > li::before {
top : -3px;
}
}
.cText--basic {
font-size : 16px;
font-size : 0.88889rem;
}
.cText--basic p {
margin-bottom : 30px;
}
.cText--basic p:last-child {
margin-bottom : 0;
}
.cText--desc-btn .cHeading, .cText--footer {
margin-bottom : 30px;
}
@media screen and (min-width: 1024px) {
.cText--footer {
margin-bottom : 25px;
}
}
@media screen and (max-width: 766px) {
.cText--footer .cText__text {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
}
.cText--footer .cText__text .contactItem--mail {
order : 1;
}
}
@media screen and (max-width: 766px) {
.cText--desc-btn p {
padding-left : 15px;
padding-right : 15px;
}
}
@media screen and (min-width: 1024px) {
.cText--desc-btn .cHeading {
margin-bottom : 50px;
}
}
.cText--desc-btn p {
margin-bottom : 25px;
}
.cText--desc-btn .btn, .cText--desc-btn .cClientZone__logout, .cText--desc-btn .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cText--desc-btn .cftSearch__submit {
margin-top : 40px;
max-width : 90%;
margin-left : auto;
margin-right : auto;
}
@media screen and (min-width: 1024px) {
.cText--desc-btn .btn, .cText--desc-btn .cClientZone__logout, .cText--desc-btn .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cText--desc-btn .cftSearch__submit {
margin-bottom : 50px;
max-width : none;
}
}
.cText--overlay-close {
display : none;
position : fixed !important ;
top : 10px;
right : 10px;
z-index : 10;
}
@media screen and (min-width: 767px) {
.cText--overlay-close {
top : 30px;
right : 30px;
}
}
.cText--overlay-close .overlay-close {
display : block;
text-decoration : none;
}
@media screen and (max-width: 766px) {
.cText--overlay-close .overlay-close {
display : flex;
align-items : center;
justify-content : center;
background-color : rgb(0, 0, 0, 0.2);
width : 35px;
height : 35px;
border-radius : 100%;
}
}
.cText--overlay-close .overlay-close:hover .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cText--overlay-close .overlay-close:hover .icon-close::before, .cText--overlay-close .overlay-close:hover .userAccountForm form + .editSwitchWrapper .btn::before, .cText--overlay-close .overlay-close:hover .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .cText--overlay-close .overlay-close:hover .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cText--overlay-close .overlay-close:hover .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cText--overlay-close .overlay-close:hover .btn::before, .userAccountForm form + .editSwitchWrapper .cText--overlay-close .overlay-close:hover .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cText--overlay-close .overlay-close:hover .cftSearch__submit::before {
opacity : 1;
}
@media screen and (max-width: 766px) {
.cText--overlay-close .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cftSearch__submit::before, .cText--overlay-close .icon-close, .cText--overlay-close .userAccountForm form + .editSwitchWrapper .btn::before, .cText--overlay-close .userAccountForm form + .editSwitchWrapper .cClientZone__logout::before, .cText--overlay-close .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cftSearch__submit::before, .cftSearch--standard .userAccountForm form + .editSwitchWrapper .cText--overlay-close .cftSearch__submit::before, .userAccountForm form + .editSwitchWrapper .cText--overlay-close .btn::before, .userAccountForm form + .editSwitchWrapper .cText--overlay-close .cClientZone__logout::before, .userAccountForm form + .editSwitchWrapper .cftSearch--standard .cText--overlay-close .cftSearch__submit::before {
position : relative;
left : 2px;
}
}
.cText--overlay-close .icon-close:before {
font-size : 20px;
color : #fff;
}
@media screen and (min-width: 767px) {
.cText--overlay-close .icon-close:before {
font-size : 36px;
opacity : 0.7;
}
}
.cText .cSubHeading {
font-family : migrena-bold;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.2;
color : #303233;
}
.cText--contact-box {
margin-bottom : 30px;
}
.cText--contact-box p {
margin-bottom : 10px;
}
.cText--contact-box .cHeading {
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 767px) {
.cText--contact-box .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cText--contact-box .contactItem {
margin : 0;
padding : 0;
color : #000;
font-size : 20px;
font-size : 1.11111rem;
white-space : nowrap;
}
@media screen and (min-width: 360px) {
.cText--contact-box .contactItem {
font-size : 24px;
font-size : 1.33333rem;
}
}
@media screen and (min-width: 767px) {
.cText--contact-box .contactItem {
font-size : 20px;
font-size : 1.11111rem;
}
}
@media screen and (min-width: 1024px) {
.cText--contact-box .contactItem {
font-size : 24px;
font-size : 1.33333rem;
}
}
.cText--contact-box .contactItem::before {
display : none;
}
.cText--contact-box .contactItem__icon {
display : block;
}
.cText--contact-box .contactItem__icon::before {
font-size : 22px;
font-size : 1.22222rem;
}
.cText--contact-box .contactItem__text {
position : relative;
left : 15px;
}
.cText--contact-box .contactItem--phone {
font-family : migrena-regular;
}
.cText--contact-box .contactItem--phone strong {
font-family : migrena-bold;
}
.cText--contact-box .contactItem--phone .contactItem__icon {
position : relative;
top : 3px;
}
.cText--contact-box .contactItem--mail .contactItem__icon::before {
font-size : 16px;
font-size : 0.88889rem;
}
.cText--contact-box .contactItem--mail .contactItem__text {
color : #00adee;
font-size : 18px;
font-size : 1rem;
}
.cText--contact-box .contactItem--hours {
margin-top : 13px;
}
.cText--contact-box .contactItem--hours .contactItem__text {
text-transform : uppercase;
font-size : 13px;
font-size : 0.72222rem;
line-height : 1;
font-weight : 500;
letter-spacing : 1px;
}
.cText--contact-box .contactItem--hours strong {
display : block;
font-family : migrena-bold;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.2;
}
.cText--contact-box-shadow {
padding : 30px 40px 30px 30px;
border-radius : 1em;
background-color : #fff;
box-shadow : 0 10px 25px 0 rgb(0, 0, 0, 0.15);
}
@media screen and (min-width: 1024px) {
.cText--contact-box-shadow {
padding : 50px;
}
}
.cText--contact-box-shadow .cHeading {
margin-bottom : 12px;
font-size : 24px;
font-size : 1.33333rem;
}
.cText--contact-box-shadow .contactItem__text {
position : static;
}
.cText--contact-box-shadow p {
margin-bottom : 20px;
}
.cText--contact-box-table {
margin : 60px 0 0;
}
.cText--contact-box-table .cHeading {
font-size : 24px;
font-size : 1.33333rem;
}
.cText--contact-box-table .cSubHeading {
font-family : Roboto, sans-serif;
font-size : 18px;
font-size : 1rem;
}
.cText--contact-box-table table {
margin : 6px 0 15px;
}
.cText--contact-box-table table td {
white-space : nowrap;
padding : 0 15px 0 0;
border : 0;
}
@media screen and (min-width: 767px) {
.cText--contact-box-table table td {
font-size : 18px;
font-size : 1rem;
}
}
@media screen and (min-width: 1300px) {
.cText--contact-box-table table td {
padding-right : 0;
}
}
.cText--contact-box-table p {
line-height : normal;
}
.cText--contact-box-first {
margin-top : 40px;
}
.cText--contact-box .cText--box-marker {
position : absolute;
top : 15px;
right : 15px;
}
@media screen and (min-width: 1024px) {
.cText--contact-box .cText--box-marker {
top : 30px;
right : 30px;
}
}
.cText--heading {
text-align : center;
}
.cText--heading-small .cHeading {
margin-bottom : 25px;
font-family : Roboto, sans-serif;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
@media screen and (min-width: 767px) {
.cText--heading-small .cHeading {
margin-bottom : 50px;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
}
}
.cText--heading-smaller .cHeading {
margin-bottom : 40px;
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 767px) {
.cText--heading-smaller .cHeading {
margin-bottom : 50px;
font-size : 28px;
font-size : 1.55556rem;
}
}
.cText--icon {
margin-bottom : 0;
max-width : 460px;
font-size : 16px;
font-size : 0.88889rem;
}
.cText--icon::after, .cText--icon::before {
display : none;
}
.cText--icon .cText__text {
color : #666;
}
.cText--icon .cHeading {
display : flex;
align-items : center;
position : relative;
min-height : 35px;
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 1300px) {
.cText--icon .cHeading {
padding-left : 0;
margin-bottom : 10px;
font-size : 28px;
font-size : 1.55556rem;
}
}
.cText--icon p {
margin-bottom : 25px;
}
.cText--icon svg {
position : relative;
top : 2px;
min-width : 45px;
margin-right : 14px;
}
@media screen and (min-width: 1200px) {
.cText--icon svg {
min-width : 0;
}
}
.cText--icon-list, .cText--icon-usp {
position : relative;
margin-bottom : 20px;
padding : 0 10px 0 60px;
}
@media screen and (min-width: 767px) {
.cText--icon-list, .cText--icon-usp {
margin-bottom : 60px;
padding-right : 20px;
padding-left : 70px;
}
}
.cText--icon-list .cHeading a, .cText--icon-usp .cHeading a {
color : #303233;
font-size : 24px;
font-size : 1.33333rem;
}
.cText--icon-list p, .cText--icon-usp p {
margin-bottom : 0;
}
.cText--icon-list svg, .cText--icon-usp svg {
position : absolute;
left : 0;
top : 5px;
width : 40px;
min-width : 0;
height : auto;
}
@media screen and (min-width: 767px) {
.cText--icon-list svg, .cText--icon-usp svg {
width : 50px;
height : 50px;
}
}
.cText--icon-usp {
position : relative;
z-index : 2;
max-width : 100%;
}
@media screen and (min-width: 1650px) {
.cText--icon-usp {
padding-right : 0;
}
.cText--icon-usp .cHeading {
max-width : 80%;
}
}
@media screen and (max-width: 766px) {
.cText--icon-usp {
position : relative;
width : 100%;
padding-top : 15px;
padding-bottom : 15px;
padding-right : 35px;
background-color : #fff;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.1);
border-radius : 8px;
}
.cText--icon-usp::after {
display : block;
position : absolute;
right : 16px;
top : 26px;
background-image : url(../img/scrollTop.svg?v=012e);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 16px;
height : 16px;
content : '';
filter : brightness(0);
transform : scaleY(-1);
}
.cText--icon-usp:hover::after {
transform : none;
top : 28px;
}
.cText--icon-usp:hover p {
display : block;
}
.cText--icon-usp p {
display : none;
margin-top : 20px;
}
.cText--icon-usp .cText__text svg {
left : 12px;
top : 16px;
width : 35px;
height : 35px;
}
.cText--icon-usp .cHeading {
margin-bottom : 0;
}
}
.cText--icon-usp .cHeading {
flex-direction : column;
align-items : flex-start;
justify-content : center;
font-size : 20px;
font-size : 1.11111rem;
}
@media screen and (min-width: 767px) {
.cText--icon-usp .cHeading {
font-size : 26px;
font-size : 1.44444rem;
}
}
.cText--icon-usp .cHeading__sub {
display : block;
font-family : Roboto, sans-serif;
color : #666;
font-size : 19px;
font-size : 1.05556rem;
font-weight : 500;
margin-top : 0;
}
.cText--icon-usp svg {
top : 2px;
width : 40px;
height : 40px;
}
@media screen and (min-width: 767px) {
.cText--icon-usp svg {
left : 10px;
}
}
.cText--icon-large {
margin-bottom : 60px;
text-align : center;
}
.cText--icon-large .cHeading {
display : block;
font-size : 30px;
font-size : 1.66667rem;
}
@media screen and (min-width: 1200px) {
.cText--icon-large .cHeading {
font-size : 40px;
font-size : 2.22222rem;
}
}
.cText--icon-large .cHeading__sub {
font-family : Roboto, sans-serif;
font-size : 20px;
font-size : 1.11111rem;
color : #666;
}
@media screen and (min-width: 1200px) {
.cText--icon-large .cHeading__sub {
margin-top : 1.5rem;
font-size : 24px;
font-size : 1.33333rem;
line-height : 1.3;
}
}
.cText--icon-large svg {
display : block;
margin : 0 auto 20px;
width : auto;
height : 50px;
}
@media screen and (min-width: 1200px) {
.cText--icon-large svg {
height : 60px;
margin-bottom : 30px;
}
}
.cText--multi-buttons {
text-align : center;
}
@media screen and (max-width: 766px) {
.cText--multi-buttons .cHeading br {
display : none;
}
}
.cText--multi-buttons .btn, .cText--multi-buttons .cClientZone__logout, .cText--multi-buttons .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cText--multi-buttons .cftSearch__submit {
margin : 6px 0;
}
@media screen and (min-width: 767px) {
.cText--multi-buttons .btn, .cText--multi-buttons .cClientZone__logout, .cText--multi-buttons .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cText--multi-buttons .cftSearch__submit {
margin : 30px 3px 0;
width : 189px;
padding-left : 0;
padding-right : 0;
}
}
.cText--is-heading {
margin-bottom : 25px;
}
@media screen and (min-width: 767px) {
.cText--is-heading {
margin-bottom : 40px;
}
}
.cText--reference-desc {
max-width : 955px;
text-align : center;
margin : 0 auto 60px;
font-size : 16px;
font-size : 0.88889rem;
}
.cText--help {
position : relative;
z-index : 2;
text-align : center;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (min-width: 1024px) {
.cText--help {
padding : 0 30px;
}
}
.cText--help::before {
display : block;
width : 73px;
height : 73px;
margin : 0 auto 20px;
border-radius : 100%;
border : #fff solid 2px;
box-shadow : 0 5px 5px 2px rgb(0, 0, 0, 0.05);
background-image : url(../img/question-mark.svg?v=f89b);
background-color : #00adee;
background-repeat : no-repeat;
background-size : 22px;
background-position : center center;
content : '';
}
@media screen and (min-width: 767px) {
.cText--help::before {
margin-bottom : 40px;
}
}
.cText--help p:last-child {
margin-bottom : 0;
}
.cText--help .cHeading {
font-size : 24px;
font-size : 1.33333rem;
}
@media screen and (min-width: 1024px) {
.cText--help .cHeading {
font-size : 28px;
font-size : 1.55556rem;
}
}
@media screen and (min-width: 1024px) {
.cText--help-up::before {
transform : scale(1.33);
}
}
.cText--audio {
text-align : center;
max-width : 650px;
margin : 0 auto 30px;
}
.cMetaData {
margin-bottom : 2.22222rem;
}
.cMetaData--block .cMetaData__item {
margin-bottom : 1.11111rem;
}
.cMetaData--block .cMetaData__item:last-child {
margin-bottom : 0;
}
.cHtmlSlider--reference {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
background : #fff;
cursor : pointer;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference {
position : relative;
margin-top : -158px;
margin-left : -30px;
margin-right : -30px;
width : auto;
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference {
margin-left : 0;
margin-right : 0;
}
}
@media screen and (min-width: 1921px) {
.cHtmlSlider--reference {
max-width : 1920px;
margin-left : auto;
margin-right : auto;
left : 50%;
transform : translateX(-50%);
}
}
.cHtmlSlider--reference.preload {
background : #f5f5f5;
}
.cHtmlSlider--reference.preload .cHtmlSlider__box, .cHtmlSlider--reference.preload img {
opacity : 0;
}
.cHtmlSlider--reference .rowInner {
max-width : 100%;
}
.cHtmlSlider--reference .gridInner {
height : 100vh;
min-height : 850px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .gridInner {
height : 700px;
}
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .gridInner {
height : 960px;
}
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference > .rowInner {
padding-left : 0;
padding-right : 0;
}
}
.cHtmlSlider--reference .royalSlider, .cHtmlSlider--reference .rsOverflow, .cHtmlSlider--reference .rsSlide {
height : 100% !important ;
}
.cHtmlSlider--reference .rsSlide {
background : #0078b7;
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .rsSlide::after {
position : absolute;
left : 0;
top : 810px;
width : 100%;
height : 140px;
background-color : #0078b7;
content : '';
z-index : 10;
}
}
.cHtmlSlider--reference .cHtmlSlider__box {
padding-left : 40px;
padding-right : 40px;
margin-left : 0;
top : 200px;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cHtmlSlider__box {
top : 120px;
transform : none;
}
}
@media screen and (min-width: 1100px) {
.cHtmlSlider--reference .cHtmlSlider__box {
margin-left : 50px;
padding-left : 0;
padding-right : 0;
}
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .cHtmlSlider__box {
top : 25%;
margin-left : calc((-1300px / 2) + 24px);
margin-left : calc((-1300px / 2) + 24px);
margin-left : calc((-1300px / 2) + 24px);
left : 50%;
}
}
.cHtmlSlider--reference .cHtmlSlider__box .delta {
font-size : 23px;
font-size : 1.27778rem;
margin-bottom : 15px;
}
@media screen and (min-width: 1600px) {
.cHtmlSlider--reference .cHtmlSlider__box .delta {
margin-top : 25px;
font-size : 25px;
font-size : 1.38889rem;
}
}
.cHtmlSlider--reference .cHtmlSlider__box .cHeading {
font-size : 40px;
font-size : 2.22222rem;
line-height : 1;
margin-top : 15px;
text-align : center;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cHtmlSlider__box .cHeading {
font-size : 35px;
font-size : 1.94444rem;
margin-bottom : 20px;
margin-left : auto;
margin-right : auto;
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cHtmlSlider__box .cHeading {
text-align : left;
margin-left : 0;
font-size : 44px;
font-size : 2.44444rem;
max-width : 450px;
animation : animate-opacity-from-bottom 0.5s 0.4s 1 forwards;
opacity : 0;
}
}
@media screen and (min-width: 767px) and (max-width: 766px) {
.cHtmlSlider--reference .cHtmlSlider__box .cHeading {
animation : none;
opacity : 1;
}
}
@media screen and (min-width: 1600px) {
.cHtmlSlider--reference .cHtmlSlider__box .cHeading {
font-size : 48px;
font-size : 2.66667rem;
line-height : 1;
max-width : 500px;
}
}
.cHtmlSlider--reference .cHtmlSlider__box .cHeading a {
color : #fff;
text-decoration : none;
}
.cHtmlSlider--reference .cBlockquote__inner, .cHtmlSlider--reference .cHtmlSlider__box .cText__text {
max-width : 500px;
color : #fff;
text-align : center;
font-size : 16px;
font-size : 0.88889rem;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cBlockquote__inner, .cHtmlSlider--reference .cHtmlSlider__box .cText__text {
margin : auto;
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cBlockquote__inner, .cHtmlSlider--reference .cHtmlSlider__box .cText__text {
max-width : 450px;
text-align : left;
animation : animate-opacity-from-bottom 0.5s 0.6s 1 forwards;
opacity : 0;
}
}
@media screen and (min-width: 767px) and (max-width: 766px) {
.cHtmlSlider--reference .cBlockquote__inner, .cHtmlSlider--reference .cHtmlSlider__box .cText__text {
animation : none;
opacity : 1;
}
}
@media screen and (min-width: 1600px) {
.cHtmlSlider--reference .cBlockquote__inner, .cHtmlSlider--reference .cHtmlSlider__box .cText__text {
max-width : 500px;
font-size : 16px;
font-size : 0.88889rem;
}
}
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__wrapper {
display : flex;
align-items : center;
}
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__img, .cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__portrait {
width : auto;
}
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__img {
position : absolute;
left : -150px;
bottom : 0;
}
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__author .source, .cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__author .source-info, .cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__text {
color : #fff;
}
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__inner {
padding-left : 0;
padding-top : 0;
min-width : 0;
}
@media screen and (max-width: 1024px) {
.cHtmlSlider--reference .cHtmlSlider__box .cBlockquote__inner {
padding-right : 0;
text-align : center;
}
}
.cHtmlSlider--reference .cHtmlSlider__box.cBlockquote {
top : 0;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cHtmlSlider__box.cBlockquote {
top : 6%;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--reference .cHtmlSlider__box.cBlockquote {
top : 9%;
}
}
@media (min-width: 766px) and (max-width: 1200px) {
.cHtmlSlider--reference .cHtmlSlider__box .delta {
margin-bottom : 10px;
}
}
.cHtmlSlider--reference .cImage-slide-bg img {
object-fit : cover;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cImage-slide-bg img {
position : absolute;
left : 0;
top : 0;
object-position : 0 0;
height : 100%;
width : 100%;
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cImage-slide-bg img {
min-height : 700px;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .cImage-slide-bg img {
min-height : 810px;
}
}
@media screen and (min-width: 1921px) {
.cHtmlSlider--reference .cImage-slide-bg img {
max-width : 1920px;
margin-left : auto;
margin-right : auto;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .js-slide-wrapper {
height : 960px;
}
}
.cHtmlSlider--reference .cImage--slide-desktop {
position : absolute;
left : 50%;
bottom : 0;
margin-bottom : 0;
transform : translateX(-50%);
width : 290px;
}
@media screen and (min-width: 390px) {
.cHtmlSlider--reference .cImage--slide-desktop {
width : 320px;
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cImage--slide-desktop {
bottom : 150px;
left : 70%;
margin-right : 0;
animation : animate-reference-desk-img 0.7s 0.85s 1 forwards;
opacity : 0;
}
}
@media screen and (min-width: 767px) and (max-width: 766px) {
.cHtmlSlider--reference .cImage--slide-desktop {
animation : none;
opacity : 1;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .cImage--slide-desktop {
bottom : 102px;
margin-right : 6%;
left : 50%;
}
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .cImage--slide-desktop {
margin-right : 12%;
}
}
.cHtmlSlider--reference .cImage--slide-desktop::after {
content : '';
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cImage--slide-desktop::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 180px;
background : linear-gradient(to top, #fff, rgb(255, 255, 255, 0));
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .cImage--slide-desktop::after {
position : absolute;
left : 0;
top : 100%;
width : 100%;
height : 110px;
background : #fff;
z-index : 2;
content : '';
}
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .cImage--slide-desktop img {
max-width : 500px;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .cImage--slide-desktop img {
max-width : 600px;
}
}
@media screen and (min-width: 1600px) {
.cHtmlSlider--reference .cImage--slide-desktop img {
max-width : none;
min-height : 650px;
}
}
.cHtmlSlider--reference .cImage--slide-phone {
position : absolute;
left : 78%;
bottom : 15px;
margin-bottom : 0;
transition : all 0.3s;
z-index : 30;
animation : animate-scale-opacity 0.5s 1.2s 1 forwards;
opacity : 0;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--reference .cImage--slide-phone {
animation : none;
opacity : 1;
}
}
@media (max-width: 1250px) {
.cHtmlSlider--reference .cImage--slide-phone {
display : none;
}
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .cImage--slide-phone {
left : 80%;
}
}
@media screen and (min-width: 1920px) {
.cHtmlSlider--reference .cImage--slide-phone {
right : 210px;
left : auto;
}
}
.cHtmlSlider--reference .rsArrowIcn {
display : none;
width : 60px;
height : 30px;
border : #d1d1d1 solid 3px;
border-radius : 2em;
opacity : 1;
visibility : visible;
background-color : transparent;
}
.cHtmlSlider--reference .rsArrowIcn:hover {
background-color : transparent;
border-color : #b8b8b8;
}
.cHtmlSlider--reference .rsArrowIcn::before {
width : 15px;
height : 10px;
background-image : url(../img/slider-arrow.svg?v=1c5f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .rsArrowIcn {
display : block;
}
}
.cHtmlSlider--reference .rsBullets {
display : block;
max-width : 100%;
text-align : center;
left : 50%;
bottom : 30px;
transform : translateX(-50%);
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .rsBullets {
max-width : 400px;
text-align : left;
left : 30px;
bottom : 58px;
transform : none;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .rsBullets {
bottom : 90px;
}
}
@media screen and (min-width: 1100px) {
.cHtmlSlider--reference .rsBullets {
padding-left : 350px;
left : 50%;
max-width : 1330px;
transform : translateX(-50%);
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--reference .rsBullets {
bottom : 203px;
}
}
@media screen and (min-width: 1300px) {
.cHtmlSlider--reference .rsBullets {
padding-left : 320px;
}
}
.cHtmlSlider--reference .rsBullets__inner {
max-width : 400px;
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--reference .rsBullets__inner {
display : flex;
align-items : center;
justify-content : center;
}
}
.cHtmlSlider--reference .rsBullets .rsBullet {
margin : 0 8px;
width : 4px;
height : 4px;
padding : 0;
border-radius : 100%;
border : #000 solid 2px;
cursor : pointer;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .rsBullets .rsBullet {
border-color : #fff;
}
}
.cHtmlSlider--reference .rsBullets .rsBullet.rsNavSelected {
border-color : #00adee;
background-color : #00adee;
}
.cHtmlSlider--reference .rsBullets .rsBullet:only-child {
display : none;
}
.cHtmlSlider--reference .rsBullets .rsBullet > span {
display : inline;
width : auto;
height : auto;
background-color : transparent;
}
.cHtmlSlider--reference .arrow-wrapper {
display : none;
position : absolute;
width : 100%;
max-width : 1330px;
left : 50%;
bottom : 155px;
transform : translateX(-50%);
padding-left : 40px;
z-index : 50;
text-align : center;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--reference .arrow-wrapper {
display : block;
bottom : 65px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--reference .arrow-wrapper {
bottom : 207px;
}
}
@media (min-width: 1100px) and (max-width: 1300px) {
.cHtmlSlider--reference .arrow-wrapper {
transform : none;
left : 25px;
}
}
.cHtmlSlider--reference .arrow-wrapper-inner {
position : relative;
display : flex;
align-items : center;
justify-content : center;
max-width : 360px;
margin : auto;
}
@media screen and (min-width: 1100px) {
.cHtmlSlider--reference .arrow-wrapper-inner {
margin-left : 0;
}
}
.cHtmlSlider--reference div.rsArrow {
opacity : 1;
visibility : visible;
z-index : 40;
}
.cHtmlSlider--reference div.rsArrow .rsArrowIcn {
width : 60px;
height : 30px;
opacity : 1;
visibility : visible;
border-radius : 2em;
border : rgb(255, 255, 255, 0.5) solid 2px;
}
.cHtmlSlider--reference div.rsArrow .rsArrowIcn::before {
width : 13px;
height : 8px;
color : rgb(255, 255, 255, 0.4);
font-size : 15px;
content : '';
}
.cHtmlSlider--reference div.rsArrow .rsArrowIcn:hover {
border-color : #fff;
background : 0 0;
}
.cHtmlSlider--reference div.rsArrow .rsArrowIcn:hover::before {
color : #fff;
}
.cHtmlSlider--reference div.rsArrow.rsArrowLeft {
left : 0;
}
.cHtmlSlider--reference div.rsArrow.rsArrowLeft .rsArrowIcn::before {
transform : translateX(-50%) translateY(-50%) scaleX(-1);
}
.cHtmlSlider--reference div.rsArrow.rsArrowRight {
right : 0;
}
.cHtmlSlider--reference div.rsArrow.rsArrowRight .rsArrowIcn::before {
transform : translateX(-50%) translateY(-50%);
}
.cHtmlSlider--solution {
position : relative;
background-color : transparent;
box-shadow : 0 -10px 10px 0 rgb(0, 0, 0, 0.05) inset;
background-position : center bottom;
}
.cHtmlSlider--solution.customSlider {
padding-bottom : 0;
}
.cHtmlSlider--solution.preload {
opacity : 0;
}
.cHtmlSlider--solution > .rowInner {
position : relative;
max-width : 1500px;
height : 900px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution > .rowInner {
height : 530px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution > .rowInner {
height : 630px;
}
}
@media screen and (min-width: 1800px) {
.cHtmlSlider--solution > .rowInner {
height : 800px;
padding-top : 200px;
margin-top : -200px;
}
}
.cHtmlSlider--solution .royalSlider, .cHtmlSlider--solution .rsOverflow, .cHtmlSlider--solution .rsSlide {
position : absolute;
left : 0;
top : 0;
overflow : visible !important ;
height : 100% !important ;
width : 100% !important ;
}
.cHtmlSlider--solution .row, .cHtmlSlider--solution .rsContainer, .cHtmlSlider--solution .rsOverflow {
transform : none !important ;
transition : none !important ;
}
.cHtmlSlider--solution .cImage {
margin-bottom : 0;
}
.cHtmlSlider--solution .rsSlide {
left : 0 !important ;
transition : all 1s ease-in-out;
max-width : 100%;
cursor : default;
}
.cHtmlSlider--solution .rsSlide.rsActiveSlide {
opacity : 1;
z-index : auto;
}
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cImage--hero-ok img {
transition-delay : 0.75s;
opacity : 1;
transform : translateX(0);
}
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cImage--hero-desk img {
transition-delay : 1s;
opacity : 1;
transform : translateY(0);
}
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cImage--hero-mobile img {
transition-delay : 1.25s;
opacity : 1;
transform : translateX(0);
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cImage--hero-mobile img {
transform : scale(1);
}
}
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cText {
transition : all 0.6s ease-in-out;
opacity : 1;
transform : translateX(0);
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .rsSlide.rsActiveSlide .cText {
transition-delay : 0.5s;
}
}
.cHtmlSlider--solution .cImage--hero-ok {
position : absolute;
left : -50px;
bottom : 0;
z-index : 2;
max-width : 270px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .cImage--hero-ok {
max-width : 230px;
left : -40px;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .cImage--hero-ok {
left : 0;
max-width : 270px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .cImage--hero-ok {
max-width : 100%;
}
}
.cHtmlSlider--solution .cImage--hero-ok img {
transition : all 0.5s ease-in-out;
opacity : 0;
transform : translateX(-50%);
transition-delay : 0.25s;
}
.cHtmlSlider--solution .cImage--hero-mobile {
display : none;
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .cImage--hero-mobile {
display : block;
position : absolute;
left : 520px;
top : 200px;
z-index : 2;
max-width : 130px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .cImage--hero-mobile {
max-width : 100%;
left : 600px;
}
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .cImage--hero-mobile {
left : 680px;
}
}
@media screen and (min-width: 1800px) {
.cHtmlSlider--solution .cImage--hero-mobile {
top : 360px;
}
}
.cHtmlSlider--solution .cImage--hero-mobile img {
transition : all 0.5s ease-in-out;
opacity : 0;
transform : translateX(-100%);
transition-delay : 0.25s;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .cImage--hero-mobile img {
transform : scale(0.5);
}
}
.cHtmlSlider--solution .cImage--hero-desk {
position : absolute;
left : 5vw;
bottom : 0;
z-index : 1;
max-width : 90vw;
width : 90vw;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .cImage--hero-desk {
left : -100px;
max-width : 500px;
width : auto;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .cImage--hero-desk {
max-width : 530px;
left : 70px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .cImage--hero-desk {
max-width : 100%;
}
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .cImage--hero-desk {
left : 130px;
}
}
.cHtmlSlider--solution .cImage--hero-desk img {
transition : all 0.5s ease-in-out;
opacity : 0;
transform : translatey(100%);
transition-delay : 0.15s;
}
@media screen and (max-width: 766px) {
.cHtmlSlider--solution .cImage--hero-desk img {
transform : none;
max-height : 400px;
}
}
.cHtmlSlider--solution .cText {
position : relative;
z-index : 10;
transition : all 0.5s ease-in-out;
opacity : 0;
transform : scale(0.5);
font-size : 18px;
font-size : 1rem;
line-height : 1.4;
text-align : center;
padding : 0 30px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .cText {
text-align : left;
margin-left : 450px;
margin-top : 20px;
transform : translateX(50%);
transition-delay : 0.25s;
padding : 0;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .cText {
margin-left : 700px;
margin-top : 40px;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.4;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .cText {
margin-left : 830px;
}
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .cText {
margin-left : 930px;
}
}
@media screen and (min-width: 1800px) {
.cHtmlSlider--solution .cText {
margin-top : 200px;
}
}
.cHtmlSlider--solution .cText strong {
font-size : 24px;
font-size : 1.33333rem;
}
.cHtmlSlider--solution .cText p {
margin-bottom : 30px;
line-height : 1.3;
}
.cHtmlSlider--solution .cText .btn, .cHtmlSlider--solution .cText .cClientZone__logout, .cHtmlSlider--solution .cText .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cHtmlSlider--solution .cText .cftSearch__submit {
margin-top : 20px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .cText .btn, .cHtmlSlider--solution .cText .cClientZone__logout, .cHtmlSlider--solution .cText .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cHtmlSlider--solution .cText .cftSearch__submit {
margin-top : 0;
}
}
.cHtmlSlider--solution .cHeading {
font-size : 42px;
font-size : 2.33333rem;
margin-bottom : 30px;
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .cHeading {
font-size : 50px;
font-size : 2.77778rem;
margin-bottom : 40px;
}
}
.cHtmlSlider--solution .arrow-wrapper {
display : flex;
position : absolute;
z-index : 10;
bottom : 310px;
left : 50%;
transform : translateX(-50%);
width : 250px;
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .arrow-wrapper {
left : 450px;
bottom : -100px;
transform : none;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .arrow-wrapper {
left : 700px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .arrow-wrapper {
bottom : -50px;
left : 830px;
}
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .arrow-wrapper {
left : 950px;
}
}
.cHtmlSlider--solution .arrow-wrapper .rsArrow.rsArrowRight {
right : 0;
}
.cHtmlSlider--solution .arrow-wrapper .rsArrow.rsArrowLeft {
left : 0;
}
.cHtmlSlider--solution .arrow-wrapper .rsArrowIcn {
display : block;
}
.cHtmlSlider--solution .rsNav.rsBullets {
bottom : 480px;
left : 50%;
width : 130px;
transform : translateX(-50%);
}
@media screen and (min-width: 767px) {
.cHtmlSlider--solution .rsNav.rsBullets {
left : 508px;
bottom : 70px;
transform : none;
}
}
@media screen and (min-width: 1024px) {
.cHtmlSlider--solution .rsNav.rsBullets {
left : 758px;
}
}
@media screen and (min-width: 1200px) {
.cHtmlSlider--solution .rsNav.rsBullets {
left : 888px;
bottom : 120px;
}
}
@media screen and (min-width: 1360px) {
.cHtmlSlider--solution .rsNav.rsBullets {
left : 1008px;
}
}
.cHr {
border : 0;
border-top : 1px solid #d1d1d1;
}
.cHr--dotted {
width : 120px;
border-top : 5px dotted #d1d1d1;
}
.cHr--dotted-standalone {
margin : 0 auto 90px;
}
.cHr--line {
max-width : 1180px;
margin : 0 auto 80px;
opacity : 0.5;
}
.row--form-ftr {
padding-top : 0;
}
.row--form-ftr > .rowInner {
padding : 0 20px;
}
.cFtr h1 {
font-size : 50px;
font-size : 2.77778rem;
}
.cFtr__searchQuery {
color : #00adee;
}
.cFtr__resultsCount {
margin : 10px 0 40px;
}
@media screen and (min-width: 767px) {
.cFtr__resultsCount {
margin : 20px 0 80px;
}
}
.cFtr__mark {
background-color : rgb(0, 173, 238, 0.2);
}
.cFtr__item {
display : flex;
font-size : 15px;
font-size : 0.83333rem;
}
.cFtr__item:not(:last-child) {
padding-bottom : 40px;
margin-bottom : 40px;
border-bottom : 5px dotted #d1d1d1;
}
.cFtr__item p {
margin-bottom : 18px;
}
.cFtr__item p:empty {
display : none;
}
.cFtr__item__img {
position : relative;
width : 60px;
height : 60px;
min-width : 60px;
overflow : hidden;
border-radius : 100%;
background-color : #dedede;
}
@media screen and (min-width: 767px) {
.cFtr__item__img {
width : 120px;
height : 120px;
min-width : 120px;
}
}
.cFtr__item__img img {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
object-fit : cover;
object-position : center top;
}
.cFtr__item__img + .cFtr__item__wrapper {
margin-left : 0;
padding-left : 20px;
width : calc(100% - 60px);
width : calc(100% - 60px);
width : calc(100% - 60px);
}
@media screen and (min-width: 767px) {
.cFtr__item__img + .cFtr__item__wrapper {
padding-left : 40px;
width : calc(100% - 120px);
width : calc(100% - 120px);
width : calc(100% - 120px);
}
}
.cFtr__item__img--blank {
display : flex;
align-items : center;
justify-content : center;
}
.cFtr__item__img--blank img {
position : static;
object-fit : contain;
width : auto;
height : auto;
max-width : 60%;
opacity : 0.5;
}
@media screen and (min-width: 767px) {
.cFtr__item__img--blank img {
max-width : 100%;
}
}
.cFtr__item__title {
font-size : 28px;
font-size : 1.55556rem;
}
@media screen and (min-width: 767px) {
.cFtr__item__title {
font-size : 32px;
font-size : 1.77778rem;
}
}
.cFtr__item__title a {
text-decoration : none;
color : #303233;
}
.cFtr__item__title small {
font-size : 100%;
display : inline-block;
margin-right : 4px;
}
.cFtr__item .author, .cFtr__item .btn, .cFtr__item .cClientZone__logout, .cFtr__item .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cFtr__item .cftSearch__submit {
display : none;
}
.cImageBox-business-usp {
position : relative;
padding : 12px 0;
}
@media screen and (min-width: 1300px) {
.cImageBox-business-usp {
left : 70px;
}
}
.cImageBox-business-usp::before {
position : absolute;
left : 32px;
top : -10px;
width : 5px;
height : 20px;
content : '';
border-left : 4px dotted #d1d1d1;
}
@media screen and (min-width: 767px) {
.cImageBox-business-usp:first-child {
margin-top : 200px;
}
}
.cImageBox-business-usp:first-child::before {
display : none;
}
@media screen and (min-width: 767px) {
.cImageBox-business-usp:first-child::before {
display : block;
top : -90px;
height : 100px;
}
}
.cImageBox-business-usp .cImageBox__img {
display : flex;
align-items : center;
justify-content : center;
width : 70px;
height : 70px;
min-width : 70px;
}
.cImageBox-business-usp .cImageBox__textContent {
padding-left : 15px;
}
.cImageBox-business-usp .cImageBox__title {
font-size : 20px;
font-size : 1.11111rem;
}
.cImageBox-business-usp .cImageBox__title small {
display : block;
font-family : Roboto, sans-serif;
font-weight : 400;
line-height : 1.2;
}
.cImageBox-business-usp .cImageBox__title strong {
display : block;
color : #000;
line-height : 1;
}
.cCounter--employee-usp {
position : relative;
margin-bottom : 40px;
text-align : left;
color : #333;
padding-left : 55px;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp {
padding-left : 0;
}
}
.cCounter--employee-usp .cCounter__label {
font-family : migrena-bold;
}
.cCounter--employee-usp .cCounter__title {
margin-bottom : 0;
font-weight : 500;
font-size : 18px;
font-size : 1rem;
line-height : 1;
}
.cCounter--employee-usp .cCounter__canvas, .cCounter--employee-usp .cCounter__title {
opacity : 0.6;
transition : opacity 0.3s ease-in-out;
}
.cCounter--employee-usp .cCounter__value {
display : inline-block;
font-size : 50px !important ;
line-height : 1;
}
.cCounter--employee-usp .cCounter__unit {
position : relative;
left : 10px;
display : inline-block;
color : #303233;
font-size : 20px !important ;
line-height : 1;
}
.cCounter--employee-usp .cCounter__dotLine {
display : none;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp .cCounter__dotLine {
display : block;
position : absolute;
left : -370px;
top : 30px;
width : 300px;
height : 1px;
background-color : #e6e6e6;
}
}
.cCounter--employee-usp .cCounter__dotWrapper {
display : block;
position : absolute;
left : 12px;
top : 57px;
height : 60px;
white-space : nowrap;
font-size : 0;
text-align : right;
overflow : hidden;
transform : scaleY(-1);
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp .cCounter__dotWrapper {
display : none;
width : 300px;
height : auto;
left : -370px;
top : 27px;
transform : none;
}
}
.cCounter--employee-usp .cCounter__dot {
display : none;
width : 4px;
height : 4px;
margin : 6px 0;
border-radius : 100%;
background-color : #dcdddd;
transition : background-color 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
.cCounter--employee-usp .cCounter__dot:nth-child(-1n+6) {
display : block;
}
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp .cCounter__dot {
display : inline-block;
vertical-align : middle;
margin : 0 4px;
}
}
.cCounter--employee-usp .cCounter__dotPoint {
position : absolute;
left : 0;
top : 15px;
width : 28px;
height : 28px;
border-radius : 100%;
border : #c9c9c9 solid 1px;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp .cCounter__dotPoint {
left : -60px;
}
}
.cCounter--employee-usp .cCounter__dotPoint::before {
position : absolute;
left : 50%;
top : 50%;
margin : -5px 0 0 -5px;
width : 10px;
height : 10px;
content : '';
background-color : #00adee;
transition : background-color 0.3s ease-in-out;
border-radius : 100%;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp-1 {
left : 140px;
}
.cCounter--employee-usp-2 {
left : 210px;
}
.cCounter--employee-usp-3 {
left : 140px;
}
.cCounter--employee-usp-4 {
left : 210px;
}
}
@media screen and (max-width: 1023px) {
.cCounter--employee-usp-4 .cCounter__dotWrapper {
display : none !important ;
}
}
.cCounter--employee-usp.is-active .cCounter__canvas, .cCounter--employee-usp.is-active .cCounter__title {
opacity : 1;
}
.cCounter--employee-usp.is-active .cCounter__dotPoint::before {
background-color : #f48400;
}
.cCounter--employee-usp.is-active .cCounter__dotLine {
display : none;
}
.cCounter--employee-usp.is-active .cCounter__dotWrapper {
display : block;
}
.cCounter--employee-usp.is-active .cCounter__dot {
animation : active-dot 0.5s 0s 1 forwards;
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(1) {
animation-delay : 0.05s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(1) {
animation-delay : 0.1s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(2) {
animation-delay : 0.1s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(2) {
animation-delay : 0.2s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(3) {
animation-delay : 0.15s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(3) {
animation-delay : 0.3s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(4) {
animation-delay : 0.2s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(4) {
animation-delay : 0.4s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(5) {
animation-delay : 0.25s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(5) {
animation-delay : 0.5s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(6) {
animation-delay : 0.3s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(6) {
animation-delay : 0.6s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(7) {
animation-delay : 0.35s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(7) {
animation-delay : 0.7s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(8) {
animation-delay : 0.4s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(8) {
animation-delay : 0.8s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(9) {
animation-delay : 0.45s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(9) {
animation-delay : 0.9s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(10) {
animation-delay : 0.5s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(10) {
animation-delay : 1s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(11) {
animation-delay : 0.55s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(11) {
animation-delay : 1.1s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(12) {
animation-delay : 0.6s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(12) {
animation-delay : 1.2s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(13) {
animation-delay : 0.65s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(13) {
animation-delay : 1.3s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(14) {
animation-delay : 0.7s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(14) {
animation-delay : 1.4s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(15) {
animation-delay : 0.75s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(15) {
animation-delay : 1.5s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(16) {
animation-delay : 0.8s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(16) {
animation-delay : 1.6s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(17) {
animation-delay : 0.85s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(17) {
animation-delay : 1.7s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(18) {
animation-delay : 0.9s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(18) {
animation-delay : 1.8s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(19) {
animation-delay : 0.95s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(19) {
animation-delay : 1.9s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(20) {
animation-delay : 1s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(20) {
animation-delay : 2s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(21) {
animation-delay : 1.05s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(21) {
animation-delay : 2.1s;
}
}
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(22) {
animation-delay : 1.1s;
}
@media screen and (min-width: 1024px) {
.cCounter--employee-usp.is-active .cCounter__dot:nth-last-child(22) {
animation-delay : 2.2s;
}
}
.cCounter--icon {
position : relative;
padding-left : 60px;
text-align : left;
}
.cCounter--icon::before {
position : absolute;
left : 0;
top : 50%;
content : '';
transform : translateY(-50%);
width : 40px;
height : 40px;
}
.cCounter--icon::after {
display : none;
}
.cCounter--icon .cCounter__title {
margin-bottom : 0;
font-size : 12px !important ;
}
.cCounter--icon .cCounter__unit, .cCounter--icon .cCounter__value {
font-size : 30px !important ;
font-weight : 700;
line-height : 0.9;
font-family : migrena-bold;
}
@media screen and (min-width: 1024px) {
.cCounter--icon .cCounter__unit, .cCounter--icon .cCounter__value {
font-size : 40px !important ;
}
}
.cCounter--icon-nps::before {
background-image : url(../img/counter-nps.svg?v=b92a);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
width : 36px;
height : 36px;
}
.cCounter--icon-training::before {
background-image : url(../img/counter-training.svg?v=90e1);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.cCounter--icon-clients::before {
background-image : url(../img/counter-clients.svg?v=c3a0);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.cListWrap {
padding : 0 18px;
margin-bottom : 70px;
}
@media screen and (min-width: 767px) {
.cListWrap {
padding : 0 30px;
margin-bottom : 100px;
}
}
@media screen and (min-width: 1200px) {
.cListWrap {
margin-bottom : 130px;
}
}
@media screen and (min-width: 1400px) {
.cListWrap {
padding : 0;
}
}
.cListWrap .grid__item, .cListWrap .label--inline, .cListWrap .label--inline + .field {
display : block;
width : 100%;
margin : 0 auto;
}
@media screen and (min-width: 767px) {
.cListWrap .grid__item, .cListWrap .label--inline, .cListWrap .label--inline + .field {
max-width : 700px;
}
}
@media screen and (min-width: 1024px) {
.cListWrap .grid__item, .cListWrap .label--inline, .cListWrap .label--inline + .field {
display : inline-block;
width : 50%;
max-width : 100%;
}
}
@media screen and (max-width: 766px) {
.cListWrap--training {
padding : 0;
}
}
@media screen and (min-width: 1300px) {
.cListWrap--training {
margin-bottom : 60px;
}
}
.cListWrap--training .grid {
display : flex;
flex-wrap : wrap;
}
.cListWrap--training .grid__item--special {
display : block;
width : 100%;
order : -1;
}
.cListWrap--training .cList__img {
align-self : flex-end;
}
@media screen and (min-width: 767px) {
.cListWrap--training .cList__img {
margin-top : -100px;
}
}
@media screen and (min-width: 1360px) {
.cListWrap--training .cList__img {
margin-top : 0;
}
}
.cListWrap--training .cList__wrap {
flex-direction : column;
}
@media screen and (min-width: 1360px) {
.cListWrap--training .cList__wrap {
flex-direction : row;
}
}
.cList {
position : relative;
z-index : 10;
margin-bottom : 30px;
}
@media screen and (min-width: 767px) {
.cList {
margin-bottom : 70px;
}
}
.cList__linkedin {
display : flex;
align-items : center;
justify-content : center;
width : 45px;
height : 45px;
position : absolute;
right : 16px;
top : 20px;
border-radius : 4px;
z-index : 1;
background-color : #e9e9e9;
}
.cList__linkedin .icon::before {
font-size : 32px;
color : #333;
}
.cList__linkedin:hover {
background-color : #00adee;
}
.cList__linkedin:hover .icon::before {
color : #fff;
}
.cList__textContent {
position : relative;
z-index : 1;
}
@media screen and (min-width: 767px) {
.cList__textContent {
width : 50%;
left : 0;
}
}
@media screen and (min-width: 1024px) {
.cList__textContent {
max-width : 80%;
width : 100%;
}
}
@media screen and (min-width: 1200px) {
.cList__textContent {
width : auto;
}
}
@media screen and (min-width: 1400px) {
.cList__textContent {
left : 30px;
max-width : 100%;
}
}
.cList__title {
display : block;
font-family : migrena-bold;
text-decoration : none;
color : #000;
font-size : 32px;
font-size : 1.77778rem;
line-height : 1.4;
}
@media screen and (min-width: 767px) {
.cList__title {
font-size : 40px;
font-size : 2.22222rem;
line-height : 1.4;
}
}
.cList__title br {
display : none;
}
.cList__title small {
display : block;
font-size : 19px;
font-size : 1.05556rem;
line-height : 1;
font-weight : 500;
color : #666;
font-family : Roboto, sans-serif;
}
@media screen and (min-width: 767px) {
.cList__title small {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
}
}
.cList__subTitle {
font-size : 19px;
font-size : 1.05556rem;
line-height : 1;
font-weight : 500;
color : #666;
}
@media screen and (min-width: 767px) {
.cList__subTitle {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
}
}
.cList__desc {
margin-top : 16px;
font-style : italic;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1.7;
width : 100%;
}
@media screen and (min-width: 767px) {
.cList__desc {
margin-top : 24px;
}
}
@media screen and (min-width: 1200px) {
.cList__desc {
max-width : 330px;
width : 310px;
}
}
@media screen and (min-width: 1400px) {
.cList__desc {
max-width : 350px;
width : 340px;
}
}
.cList__desc p {
margin-bottom : 24px;
}
.blog-legacy-detail .cConversButton .cList__desc .btn--inverse, .cConversButton .cList__desc .btn:not(.btn--inverse), .cConversButton .cList__desc .cClientZone__logout:not(.btn--inverse), .cConversButton .cftSearch--standard .cList__desc .cftSearch__submit:not(.btn--inverse), .cForm .cList__desc .btn, .cForm .cList__desc .cClientZone__logout, .cForm .cftSearch--standard .cList__desc .cftSearch__submit, .cFtr__search .cList__desc .search__btn, .cList__desc .blog-legacy-detail .cConversButton .btn--inverse, .cList__desc .btn--cta, .cList__desc .cConversButton .btn:not(.btn--inverse), .cList__desc .cConversButton .cClientZone__logout:not(.btn--inverse), .cList__desc .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse), .cList__desc .cForm .btn, .cList__desc .cForm .cClientZone__logout, .cList__desc .cForm .cftSearch--standard .cftSearch__submit, .cList__desc .cFtr__search .search__btn, .cList__desc .cMap__field .btn, .cList__desc .cMap__field .cClientZone__logout, .cList__desc .cMap__field .cftSearch--standard .cftSearch__submit, .cList__desc .cNewsletter .btn, .cList__desc .cNewsletter .cClientZone__logout, .cList__desc .cNewsletter .cftSearch--standard .cftSearch__submit, .cList__desc .cPerex__contacts, .cList__desc .cSellingButton .btn, .cList__desc .cSellingButton .cClientZone__logout, .cList__desc .cSellingButton .cftSearch--standard .cftSearch__submit, .cList__desc .cc-banner--bottom-right .btn:last-child, .cList__desc .cc-banner--bottom-right .cClientZone__logout:last-child, .cList__desc .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child, .cList__desc .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse), .cList__desc .cftSearch--standard .cForm .cftSearch__submit, .cList__desc .cftSearch--standard .cMap__field .cftSearch__submit, .cList__desc .cftSearch--standard .cNewsletter .cftSearch__submit, .cList__desc .cftSearch--standard .cSellingButton .cftSearch__submit, .cList__desc .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child, .cList__desc br, .cMap__field .cList__desc .btn, .cMap__field .cList__desc .cClientZone__logout, .cMap__field .cftSearch--standard .cList__desc .cftSearch__submit, .cNewsletter .cList__desc .btn, .cNewsletter .cList__desc .cClientZone__logout, .cNewsletter .cftSearch--standard .cList__desc .cftSearch__submit, .cSellingButton .cList__desc .btn, .cSellingButton .cList__desc .cClientZone__logout, .cSellingButton .cftSearch--standard .cList__desc .cftSearch__submit, .cc-banner--bottom-right .cList__desc .btn:last-child, .cc-banner--bottom-right .cList__desc .cClientZone__logout:last-child, .cc-banner--bottom-right .cftSearch--standard .cList__desc .cftSearch__submit:last-child, .cftSearch--standard .cConversButton .cList__desc .cftSearch__submit:not(.btn--inverse), .cftSearch--standard .cForm .cList__desc .cftSearch__submit, .cftSearch--standard .cMap__field .cList__desc .cftSearch__submit, .cftSearch--standard .cNewsletter .cList__desc .cftSearch__submit, .cftSearch--standard .cSellingButton .cList__desc .cftSearch__submit, .cftSearch--standard .cc-banner--bottom-right .cList__desc .cftSearch__submit:last-child {
display : none;
}
.cList__desc .btn, .cList__desc .cClientZone__logout, .cList__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cList__desc .cftSearch__submit {
padding : 0 30px;
height : 55px;
margin-bottom : 24px;
}
@media screen and (max-width: 766px) {
.cList__desc .btn, .cList__desc .cClientZone__logout, .cList__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cList__desc .cftSearch__submit {
width : auto;
font-size : 14px;
padding : 0 25px;
}
}
.cList__wrap {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.cList__wrap {
flex-direction : row;
min-height : 400px;
}
}
@media screen and (min-width: 1024px) {
.cList__wrap {
flex-direction : column;
}
}
@media screen and (min-width: 1200px) {
.cList__wrap {
flex-direction : row;
}
}
.cList__img {
position : relative;
display : flex;
align-items : flex-end;
justify-content : flex-end;
margin-top : -110px;
z-index : 2;
right : -15px;
}
@media screen and (min-width: 767px) {
.cList__img {
margin-top : -100px;
right : 20px;
}
}
@media screen and (min-width: 1200px) {
.cList__img {
margin-top : 0;
}
}
.cList__img img {
max-width : 200px;
}
@media screen and (min-width: 360px) {
.cList__img img {
max-width : 230px;
}
}
@media screen and (min-width: 767px) {
.cList__img img {
max-width : 100%;
}
}
.cList__info {
position : relative;
display : flex;
flex-direction : column;
width : 100%;
background-color : #fff;
border-radius : 1em;
box-shadow : 0 0 10px 0 rgb(0, 0, 0, 0.05);
padding : 8px 0;
}
@media screen and (max-width: 766px) {
.cList__info {
border-top-right-radius : 0;
}
}
@media screen and (min-width: 767px) {
.cList__info {
flex-direction : row;
padding : 0;
}
}
@media screen and (min-width: 1024px) {
.cList__info {
padding : 8px 0;
flex-direction : column;
}
}
@media screen and (min-width: 1200px), screen and (min-width: 766px) and (max-width: 1023px) {
.cList__info {
padding : 0;
flex-direction : row;
}
.cList__info::after {
position : absolute;
left : 50%;
top : 0;
width : 1px;
height : 100%;
margin-left : -2px;
content : '';
background-color : #ebebeb;
}
}
.cList__info__item {
padding : 8px 20px;
flex-grow : 1;
width : 100%;
}
@media screen and (min-width: 767px) {
.cList__info__item {
width : 50%;
padding : 25px 20px;
text-align : center;
}
}
@media screen and (min-width: 1024px) {
.cList__info__item {
width : 100%;
padding : 8px 15px;
}
}
@media screen and (min-width: 1200px) {
.cList__info__item {
width : 50%;
padding : 25px 20px;
}
}
.cList__info__item--mail {
position : relative;
border-bottom : 1px solid #ebebeb;
}
@media screen and (min-width: 767px) {
.cList__info__item--mail {
border : 0;
}
}
@media screen and (min-width: 1024px) {
.cList__info__item--mail {
border-bottom : 1px solid #ebebeb;
}
}
@media screen and (min-width: 1200px) {
.cList__info__item--mail {
border : 0;
}
}
.cList__info__item--mail .cSocialSites {
position : absolute;
margin : 0;
right : -40px;
top : 50%;
transform : translateY(-50%);
}
@media screen and (min-width: 767px) {
.cList__info__item--mail .cSocialSites {
left : 40px;
right : auto;
}
}
.cList__info__item--mail .cSocialSites .nav__item {
margin-bottom : 0;
opacity : 0.5;
}
.cHeader__mainNav .cList__info__item--mail .cSocialSites .cPag__nav > .nav__item--active, .cHeader__mainNav .cList__info__item--mail .cSocialSites .nav > .nav__item--active, .cHeader__mainNav .mDrop .cList__info__item--mail .cSocialSites ul > .nav__item--active, .cList__info__item--mail .cSocialSites .cHeader__mainNav .cPag__nav > .nav__item--active, .cList__info__item--mail .cSocialSites .cHeader__mainNav .mDrop ul > .nav__item--active, .cList__info__item--mail .cSocialSites .cHeader__mainNav .nav > .nav__item--active, .cList__info__item--mail .cSocialSites .mDrop .cHeader__mainNav ul > .nav__item--active, .cList__info__item--mail .cSocialSites .nav__item:hover, .mDrop .cHeader__mainNav .cList__info__item--mail .cSocialSites ul > .nav__item--active {
opacity : 1;
}
.cList__info__item--mail .cSocialSites span::before {
font-size : 22px;
}
.cList__info__link {
display : inline-block;
position : relative;
padding-left : 35px;
font-size : 18px;
font-size : 1rem;
}
@media screen and (min-width: 767px) {
.cList__info__link {
font-size : 20px;
font-size : 1.11111rem;
}
}
.cList__info__link .icon {
position : absolute;
left : 0;
top : 50%;
transform : translateY(-50%);
}
.cList__info__link .icon::before {
color : #333;
}
.cList__info__link .cPerson--blog .cPerson__link--icon-mobile::before, .cList__info__link .cPerson--reference-bm .cPerson__link--icon-mobile::before, .cList__info__link .cPerson__link--icon-phone::before, .cList__info__link .icon-telephone::before, .cList__info__link .infoText--telephone::before, .cList__info__link .squeeze-page .cForm .form-fields__inner:nth-child(2)::before, .cPerson--blog .cList__info__link .cPerson__link--icon-mobile::before, .cPerson--reference-bm .cList__info__link .cPerson__link--icon-mobile::before, .squeeze-page .cForm .cList__info__link .form-fields__inner:nth-child(2)::before {
font-size : 22px;
}
.cList__info__link--phone {
text-decoration : none;
color : #333;
}
.cList--employees .cList__wrap {
justify-content : space-between;
}
@media screen and (min-width: 1300px) {
.cList--employees .cList__wrap {
min-height : 430px;
}
}
@media screen and (min-width: 1600px) {
.cList--employees .cList__img {
right : 40px;
}
}
@media screen and (max-width: 766px) {
.cList--employees-user .cList__img {
margin-top : 10px;
margin-bottom : 0;
right : auto;
}
.cList--employees-user .cList__info {
position : relative;
left : 0;
}
.cList--employees-user .cList__info__text {
font-size : 16px;
font-size : 0.88889rem;
}
}
@media screen and (max-width: 766px) {
.cList--employees-user .cList__img img {
max-width : none;
}
}
.cList--employees-user-socials .cList__info__item--mail {
border : 0;
}
@media screen and (min-width: 767px) {
.cList--employees-user-socials .cList__info__item--mail {
text-align : right;
padding-right : 50px;
}
}
@media screen and (max-width: 766px) {
.cList--employees-user-socials .cList__info__link--mail {
line-height : 1;
word-break : break-all;
}
}
@media screen and (max-width: 766px) {
.cList--employees-user-socials .cList__info {
padding-right : 60px;
}
}
@media screen and (max-width: 766px) {
.cList--training {
margin-bottom : 50px;
}
}
@media screen and (max-width: 766px) {
.cList--training .cList__img {
bottom : 0;
right : -50px;
margin-top : -80px;
margin-bottom : 0;
}
.cList--training .cList__img::after {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100px;
content : '';
background : linear-gradient(to top, #f5f5f5, rgb(255, 255, 255, 0) 50%);
}
.cList--training .cList__img img {
right : auto;
}
}
@media screen and (max-width: 360px) {
.cList--training .cList__img img {
position : relative;
right : -20px;
max-width : 80%;
}
}
@media screen and (min-width: 361px) and (max-width: 766px) {
.cList--training .cList__img {
right : -90px;
}
.cList--training .cList__img img {
max-width : none;
}
}
@media screen and (min-width: 767px) {
.cList--training .cList__img {
min-width : 309px;
width : 309px;
right : 0;
}
}
@media screen and (min-width: 1600px) {
.cList--training .cList__img {
right : 40px;
}
}
.cList--training .cList__wrap {
justify-content : space-between;
}
@media screen and (min-width: 767px) {
.cList--training .cList__wrap {
min-height : 450px;
}
}
.cList--training .cList__title {
line-height : 1;
}
@media screen and (min-width: 1024px) {
.cList--training .cList__title {
font-size : 30px;
font-size : 1.66667rem;
}
}
@media screen and (min-width: 1300px) {
.cList--training .cList__title {
min-width : 170%;
font-size : 40px;
font-size : 2.22222rem;
}
}
@media screen and (min-width: 1400px) {
.cList--training .cList__title {
min-width : 100%;
}
}
.cList--training .cList__title small {
display : none;
}
.cList--training .cList__title br {
display : block;
}
.cList--training .cList__btn {
font-style : normal;
margin : 20px 0 15px;
}
.cList--training .cList__desc .author, .cList--training .cList__desc .btn:not(.btn--no-hide), .cList--training .cList__desc .cClientZone__logout:not(.btn--no-hide), .cList--training .cList__desc .cftSearch--standard .cftSearch__submit:not(.btn--no-hide), .cftSearch--standard .cList--training .cList__desc .cftSearch__submit:not(.btn--no-hide) {
display : none;
}
@media screen and (max-width: 766px) {
.cList--training .cList__desc .btn, .cList--training .cList__desc .cClientZone__logout, .cList--training .cList__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cList--training .cList__desc .cftSearch__submit {
margin-bottom : 0;
}
}
@media screen and (max-width: 1299px) {
.cList--training .cList__desc .btn, .cList--training .cList__desc .cClientZone__logout, .cList--training .cList__desc .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cList--training .cList__desc .cftSearch__submit {
font-size : 14px;
font-size : 0.77778rem;
}
}
.cList--training .cList__textContent {
z-index : 10;
max-width : 100%;
}
.cList--training .cList__info {
min-height : 115px;
}
@media screen and (max-width: 766px) {
.cList--training .cList__info {
position : relative;
bottom : auto;
margin-top : -120px;
background-color : transparent;
box-shadow : none;
}
}
.cList--training .cList__info .author {
margin-bottom : 0;
text-align : left;
}
.cList--training .cList__info__title {
display : block;
color : #303233;
}
.cList--training .cList__info__item--dates {
display : flex;
flex-direction : column;
justify-content : center;
padding-left : 40px;
text-align : left;
}
@media screen and (max-width: 766px) {
.cList--training .cList__info__item--dates {
position : relative;
top : -20px;
padding : 0;
margin-bottom : 20px;
}
}
.cList--training .cList__info__item--author {
display : flex;
align-items : center;
padding-left : 30px;
padding-right : 30px;
}
@media screen and (max-width: 766px) {
.cList--training .cList__info__item--author {
background-color : #fff;
border-radius : 1em;
z-index : 10;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.075);
padding : 15px 25px;
}
}
.cList--training .cList__terms {
display : flex;
flex-wrap : wrap;
}
@media screen and (max-width: 766px) {
.cList--training .cList__terms {
flex-direction : column;
}
}
.cList--training .cListTerm {
margin-right : 16px;
font-size : 14px;
font-size : 0.77778rem;
}
.cList--training .cListTerm:last-child {
margin-right : 0;
}
.cList--training .cListTerm--almost_occupied::before, .cList--training .cListTerm--free_places::before, .cList--training .cListTerm--occupied::before {
display : inline-block;
vertical-align : middle;
position : relative;
top : -1px;
content : '';
background-image : url(../img/is-success.png?v=4330);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
width : 14px;
height : 14px;
margin-right : 3px;
}
.cList--training .cListTerm--occupied::before {
background-image : url(../img/is-failed.png?v=628c);
background-color : transparent;
background-repeat : no-repeat;
background-size : auto;
background-position : 0 0;
}
.cList--training .cListTerm--special {
display : flex;
align-items : center;
justify-content : center;
width : 70px;
height : 70px;
min-width : 70px;
margin-right : 0.75rem;
border-radius : 100%;
color : #f48400;
border : solid 3px;
font-family : migrena-bold;
font-size : 16px;
font-size : 0.88889rem;
line-height : 1;
transform : rotate(10deg);
text-align : center;
}
@media screen and (min-width: 767px) {
.cList--training .cListTerm--special {
width : 90px;
height : 90px;
font-size : 22px;
font-size : 1.22222rem;
line-height : 1;
margin-right : 1rem;
}
}
.cList--training-special {
background-color : #fff;
border-radius : 10px;
box-shadow : 0 9px 20px 0 rgb(0, 0, 0, 0.075);
overflow : hidden;
}
@media screen and (min-width: 1024px) {
.cList--training-special .cList__wrap {
flex-direction : row;
}
}
.cList--training-special .cList__textContent {
padding : 1.66667rem;
left : 0;
width : 100%;
background-color : #fff;
}
@media screen and (min-width: 767px) {
.cList--training-special .cList__textContent {
padding : 2.77778rem;
}
}
@media screen and (min-width: 1024px) {
.cList--training-special .cList__textContent {
width : 50%;
}
}
@media screen and (min-width: 1200px) {
.cList--training-special .cList__textContent {
padding : 3.88889rem;
}
}
.cList--training-special .cList__desc {
width : auto;
max-width : 100%;
font-size : 18px;
font-size : 1rem;
}
.cList--training-special .cList__title {
min-width : 0;
}
@media screen and (min-width: 767px) {
.cList--training-special .cList__title {
margin-bottom : 2rem;
}
}
.cList--training-special .cList__img {
position : relative;
align-items : flex-start;
align-self : stretch;
right : auto;
width : 100%;
margin : 0;
}
@media screen and (min-width: 1024px) {
.cList--training-special .cList__img {
width : 50%;
}
}
.cList--training-special .cList__img::before {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100%;
content : '';
background : linear-gradient(to top, #0080c2 10%, transparent 75%);
z-index : 1;
}
.cList--training-special .cList__img img, .cList--training-special .cList__img picture {
width : 100%;
height : 100%;
}
.cList--training-special .cList__img img {
object-fit : cover;
max-width : 100%;
position : static;
}
.cList--training-special .cList__btn {
display : flex;
align-items : center;
margin : 2rem 0 0;
}
.cList--training-special .cList__btn .btn, .cList--training-special .cList__btn .cClientZone__logout, .cList--training-special .cList__btn .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cList--training-special .cList__btn .cftSearch__submit {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.rsSlide .cList__wrap {
padding : 0 30px 0 20px;
}
}
.rsSlide .cList__info {
border-radius : 1em;
}
@media screen and (min-width: 767px) {
.rsSlide .cList__textContent {
width : 50%;
left : 0;
}
}
@media screen and (min-width: 767px) {
.rsSlide .cList__desc {
width : auto;
padding-right : 10px;
}
}
@media screen and (min-width: 767px) {
.rsSlide .cList__img {
width : 50%;
right : 0;
min-width : 300px;
}
}
@media screen and (min-width: 1400px) {
.rsSlide .cList__img {
min-width : 350px;
}
}
.rsSlide .cList__img img {
margin : 0 auto;
max-width : 280px;
}
@media screen and (min-width: 767px) {
.rsSlide .cList__img img {
margin : 0;
max-width : 100%;
}
}
@media screen and (min-width: 1300px) {
.rsSlide .cList__title {
min-width : 150%;
}
}
.cGridBox {
max-width : 1400px;
margin : 0 auto 20px;
}
.cGridBox--last {
margin-bottom : 40px;
}
@media screen and (min-width: 767px) {
.cGridBox--last {
margin-bottom : 120px;
}
.cGridBox--last .cGridBox__header::after {
display : none;
}
}
.cGridBox .grid {
display : flex;
flex-direction : column;
}
@media screen and (min-width: 767px) {
.cGridBox .grid {
flex-direction : row;
}
}
.cGridBox .grid__item:first-child, .cGridBox .grid__item:last-child, .cGridBox .label--inline + .field:first-child, .cGridBox .label--inline + .field:last-child, .cGridBox .label--inline:first-child, .cGridBox .label--inline:last-child {
width : 100%;
}
@media screen and (min-width: 767px) {
.cGridBox .grid__item:first-child, .cGridBox .label--inline + .field:first-child, .cGridBox .label--inline:first-child {
width : 20%;
}
}
@media screen and (min-width: 1100px) {
.cGridBox .grid__item:first-child, .cGridBox .label--inline + .field:first-child, .cGridBox .label--inline:first-child {
width : 30%;
}
}
@media screen and (min-width: 767px) {
.cGridBox .grid__item:last-child, .cGridBox .label--inline + .field:last-child, .cGridBox .label--inline:last-child {
width : 80%;
}
}
@media screen and (min-width: 1100px) {
.cGridBox .grid__item:last-child, .cGridBox .label--inline + .field:last-child, .cGridBox .label--inline:last-child {
width : 70%;
}
}
.cGridBox__header {
position : relative;
margin-bottom : 15px;
padding-top : 50px;
}
@media screen and (min-width: 767px) {
.cGridBox__header {
display : flex;
align-items : center;
justify-content : center;
height : 100%;
padding-left : 40px;
padding-top : 0;
margin-bottom : 0;
}
}
.cGridBox__header::after {
position : absolute;
left : 50%;
top : 15px;
transform : translateX(-50%);
width : 100px;
border-top : 6px dotted rgb(209, 209, 209, 0.5);
content : '';
}
@media screen and (min-width: 767px) {
.cGridBox__header::after {
bottom : 0;
top : auto;
left : calc(50% + 20px);
left : calc(50% + 20px);
left : calc(50% + 20px);
}
}
@media screen and (min-width: 1024px) {
.cGridBox__header::after {
width : 206px;
}
}
@media screen and (min-width: 767px) {
.cGridBox__content {
display : flex;
align-items : stretch;
justify-content : space-between;
}
}
.cGridBox__content .cGridBoxItem {
width : 100%;
margin : 10px 0;
}
@media screen and (min-width: 767px) {
.cGridBox__content .cGridBoxItem {
width : calc(50% - 20px);
width : calc(50% - 20px);
width : calc(50% - 20px);
margin : 0 0 0 20px;
}
}
.cGridBoxItem {
padding : 30px;
margin-bottom : 0;
border-radius : 20px;
color : #fff;
font-size : 15px;
font-size : 0.83333rem;
box-shadow : 0 4px 5px 0 rgb(0, 0, 0, 0.1);
background-image : url(../img/illness.png?v=98e3);
background-color : #1da0ea;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
background-blend-mode : multiply;
}
@media screen and (min-width: 1024px) {
.cGridBoxItem {
padding : 40px 57px;
font-size : 16px;
font-size : 0.88889rem;
}
}
@media screen and (min-width: 1300px) {
.cGridBoxItem {
padding-bottom : 70px;
}
}
.cGridBoxItem .cHeading {
margin-bottom : 16px;
font-size : 20px;
font-size : 1.11111rem;
color : inherit;
}
@media screen and (min-width: 1024px) {
.cGridBoxItem .cHeading {
font-size : 24px;
font-size : 1.33333rem;
}
}
.cGridBoxItem p {
margin-bottom : 16px;
}
.cGridBoxItem__actions {
display : flex;
align-items : center;
}
@media screen and (min-width: 1300px) {
.cGridBoxItem__actions {
position : absolute;
left : 57px;
bottom : 40px;
}
}
.cGridBoxItem__actions svg {
margin-right : 12px;
}
.cGridBoxItem .btn, .cGridBoxItem .cClientZone__logout, .cGridBoxItem .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cGridBoxItem .cftSearch__submit {
height : 23px;
width : auto;
padding : 0 14px;
font-size : 11px;
font-size : 0.61111rem;
line-height : 1;
text-transform : uppercase;
font-weight : 700;
margin-right : 10px;
}
.cGridBoxItem .btn--brand {
padding-left : 18px;
padding-right : 18px;
background : #00CAF6;
}
.cGridBoxItem .btn--brand::after {
display : inline-block;
vertical-align : middle;
margin-left : 7px;
content : '';
width : 9px;
height : 9px;
background-image : url(../img/pill.svg?v=15f8);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.blog-legacy-detail .cConversButton .cGridBoxItem .btn--inverse::after, .cConversButton .cGridBoxItem .btn:not(.btn--inverse)::after, .cConversButton .cGridBoxItem .cClientZone__logout:not(.btn--inverse)::after, .cConversButton .cftSearch--standard .cGridBoxItem .cftSearch__submit:not(.btn--inverse)::after, .cForm .cGridBoxItem .btn::after, .cForm .cGridBoxItem .cClientZone__logout::after, .cForm .cftSearch--standard .cGridBoxItem .cftSearch__submit::after, .cFtr__search .cGridBoxItem .search__btn::after, .cGridBoxItem .blog-legacy-detail .cConversButton .btn--inverse::after, .cGridBoxItem .btn--cta::after, .cGridBoxItem .cConversButton .btn:not(.btn--inverse)::after, .cGridBoxItem .cConversButton .cClientZone__logout:not(.btn--inverse)::after, .cGridBoxItem .cConversButton .cftSearch--standard .cftSearch__submit:not(.btn--inverse)::after, .cGridBoxItem .cForm .btn::after, .cGridBoxItem .cForm .cClientZone__logout::after, .cGridBoxItem .cForm .cftSearch--standard .cftSearch__submit::after, .cGridBoxItem .cFtr__search .search__btn::after, .cGridBoxItem .cMap__field .btn::after, .cGridBoxItem .cMap__field .cClientZone__logout::after, .cGridBoxItem .cMap__field .cftSearch--standard .cftSearch__submit::after, .cGridBoxItem .cNewsletter .btn::after, .cGridBoxItem .cNewsletter .cClientZone__logout::after, .cGridBoxItem .cNewsletter .cftSearch--standard .cftSearch__submit::after, .cGridBoxItem .cSellingButton .btn::after, .cGridBoxItem .cSellingButton .cClientZone__logout::after, .cGridBoxItem .cSellingButton .cftSearch--standard .cftSearch__submit::after, .cGridBoxItem .cc-banner--bottom-right .btn:last-child::after, .cGridBoxItem .cc-banner--bottom-right .cClientZone__logout:last-child::after, .cGridBoxItem .cc-banner--bottom-right .cftSearch--standard .cftSearch__submit:last-child::after, .cGridBoxItem .cftSearch--standard .cConversButton .cftSearch__submit:not(.btn--inverse)::after, .cGridBoxItem .cftSearch--standard .cForm .cftSearch__submit::after, .cGridBoxItem .cftSearch--standard .cMap__field .cftSearch__submit::after, .cGridBoxItem .cftSearch--standard .cNewsletter .cftSearch__submit::after, .cGridBoxItem .cftSearch--standard .cSellingButton .cftSearch__submit::after, .cGridBoxItem .cftSearch--standard .cc-banner--bottom-right .cftSearch__submit:last-child::after, .cMap__field .cGridBoxItem .btn::after, .cMap__field .cGridBoxItem .cClientZone__logout::after, .cMap__field .cftSearch--standard .cGridBoxItem .cftSearch__submit::after, .cNewsletter .cGridBoxItem .btn::after, .cNewsletter .cGridBoxItem .cClientZone__logout::after, .cNewsletter .cftSearch--standard .cGridBoxItem .cftSearch__submit::after, .cSellingButton .cGridBoxItem .btn::after, .cSellingButton .cGridBoxItem .cClientZone__logout::after, .cSellingButton .cftSearch--standard .cGridBoxItem .cftSearch__submit::after, .cc-banner--bottom-right .cGridBoxItem .btn:last-child::after, .cc-banner--bottom-right .cGridBoxItem .cClientZone__logout:last-child::after, .cc-banner--bottom-right .cftSearch--standard .cGridBoxItem .cftSearch__submit:last-child::after, .cftSearch--standard .cConversButton .cGridBoxItem .cftSearch__submit:not(.btn--inverse)::after, .cftSearch--standard .cForm .cGridBoxItem .cftSearch__submit::after, .cftSearch--standard .cMap__field .cGridBoxItem .cftSearch__submit::after, .cftSearch--standard .cNewsletter .cGridBoxItem .cftSearch__submit::after, .cftSearch--standard .cSellingButton .cGridBoxItem .cftSearch__submit::after, .cftSearch--standard .cc-banner--bottom-right .cGridBoxItem .cftSearch__submit:last-child::after {
display : inline-block;
vertical-align : middle;
margin-left : 7px;
content : '';
width : 8px;
height : 7px;
background-image : url(../img/heart.svg?v=7e65);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
}
.cGridBoxItem--flu {
background-color : #007bbd;
}
.cGridBoxItem--diabetes {
background-color : #0d5f90;
}
.cGridBoxItem--bechterev {
background-color : #093752;
}
.cGridBoxItem--cancer {
background-color : #0a181e;
}
.cGridBoxItem--title {
text-align : center;
margin-top : 15px;
margin-bottom : 8px;
}
.cGridBoxItem--title strong {
display : block;
font-family : migrena-bold;
color : #303233;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1;
}
.cGridBoxItem--title p {
margin-bottom : 0;
}
@media screen and (min-width: 767px) {
.cGridBoxItem--title {
display : none;
}
}
.cGridBoxIcon {
margin-bottom : 0;
text-align : center;
}
.cGridBoxIcon__icon {
display : flex;
align-items : center;
justify-content : center;
width : 110px;
height : 110px;
margin : 0 auto 10px;
box-shadow : 0 0 15px 5px rgb(0, 0, 0, 0.2);
border : rgb(255, 255, 255, 0.25) solid 4px;
border-radius : 100%;
background-color : #00adee;
}
@media screen and (min-width: 767px) {
.cGridBoxIcon__icon {
margin-bottom : 15px;
}
}
@media screen and (min-width: 1024px) {
.cGridBoxIcon__icon {
width : 140px;
height : 140px;
}
}
.cGridBoxIcon__title {
display : block;
font-family : migrena-bold;
color : #303233;
font-size : 28px;
font-size : 1.55556rem;
line-height : 1.4;
}
.cGridBoxIcon__title small {
display : block;
font-family : Roboto, sans-serif;
font-size : 14px;
font-size : 0.77778rem;
line-height : 1;
font-weight : 400;
}
.cGridBoxIcon--cold .cGridBoxIcon__icon {
background : radial-gradient(#00B5DD, #00ADEE);
}
.cGridBoxIcon--flu .cGridBoxIcon__icon {
background : radial-gradient(#47ABDF, #0080C2);
}
.cGridBoxIcon--diabetes .cGridBoxIcon__icon {
background : radial-gradient(#4780A4, #0B5685);
}
.cGridBoxIcon--bechterev .cGridBoxIcon__icon {
background : radial-gradient(#386984, #093751);
}
.cGridBoxIcon--cancer .cGridBoxIcon__icon {
background : radial-gradient(#526875, #0B1820);
}
.cGridBox--header {
display : none;
}
@media screen and (min-width: 767px) {
.cGridBox--header {
display : block;
margin-bottom : 25px;
border-bottom : 6px dotted rgb(209, 209, 209, 0.5);
}
}
.cGridBox--header .grid .one-whole {
width : 100%;
}
.cGridBox--header .cText {
margin-bottom : 0;
}
.cGridBox--header .cText p {
margin-bottom : 0;
font-size : 14px;
font-size : 0.77778rem;
}
.cGridBox--header .cText .grid {
display : flex;
}
.cGridBox--header .cText .grid__item, .cGridBox--header .cText .label--inline, .cGridBox--header .cText .label--inline + .field {
flex : 1 1 0;
padding : 0 30px 15px;
}
@media screen and (min-width: 1100px) {
.cGridBox--header .cText .grid__item, .cGridBox--header .cText .label--inline, .cGridBox--header .cText .label--inline + .field {
padding : 0 60px 15px;
}
}
.cGridBox--header .cText .grid__item strong, .cGridBox--header .cText .label--inline strong, .cGridBox--header .cText .label--inline + .field strong {
display : block;
font-family : migrena-bold;
color : #303233;
font-size : 20px;
font-size : 1.11111rem;
line-height : 1.3;
}
.cGridBox--header .cText .grid__item:first-child, .cGridBox--header .cText .label--inline + .field:first-child, .cGridBox--header .cText .label--inline:first-child {
max-width : 28%;
}
@media screen and (min-width: 1100px) {
.cGridBox--header .cText .grid__item:first-child, .cGridBox--header .cText .label--inline + .field:first-child, .cGridBox--header .cText .label--inline:first-child {
text-align : center;
max-width : 100%;
}
}
.row--schedule {
padding-top : 60px;
margin-bottom : 60px;
background-color : #f5f5f5;
}
@media screen and (min-width: 767px) {
.row--schedule {
padding-top : 120px;
margin-bottom : 120px;
}
}
.c-schedule {
position : relative;
padding : 60px 30px 30px;
margin-bottom : 120px;
background-color : #fff;
border-radius : 20px;
box-shadow : 0 10px 15px 5px rgb(0, 0, 0, 0.05);
}
@media screen and (min-width: 767px) {
.c-schedule {
padding : 70px 340px 50px 50px;
}
}
@media screen and (min-width: 1024px) {
.c-schedule {
padding-top : 50px;
}
}
.c-schedule::after {
display : block;
position : absolute;
left : 100px;
top : calc(100% + 30px);
top : calc(100% + 30px);
top : calc(100% + 30px);
height : 60px;
border-left : 6px dotted #d1d1d1;
content : '';
}
.c-schedule--last::after {
display : none;
}
.c-schedule--no-img {
padding-right : 50px;
}
.c-schedule-title {
display : block;
margin-bottom : 15px;
font-family : migrena-bold;
color : #303233;
font-size : 32px;
font-size : 1.77778rem;
line-height : 1.1;
}
.c-schedule-time {
position : absolute;
left : 0;
top : -50px;
display : flex;
align-items : center;
justify-content : center;
width : 100px;
height : 100px;
background : radial-gradient(#00b3e0, #00adee);
color : #fff;
box-shadow : 0 0 15px 5px rgb(0, 0, 0, 0.1);
border-radius : 100%;
font-family : migrena-bold;
border : rgb(255, 255, 255, 0.25) solid 4px;
font-size : 28px;
font-size : 1.55556rem;
}
@media screen and (min-width: 1024px) {
.c-schedule-time {
left : -50px;
}
}
.c-schedule-time sup {
font-size : 16px;
font-size : 0.88889rem;
}
.c-schedule .author, .c-schedule .cText {
margin-bottom : 0;
}
.c-schedule .author {
margin-top : 1.33333rem;
}
.c-schedule p {
margin-bottom : 1.38889rem;
}
.c-schedule p:last-of-type {
margin-bottom : 0;
}
.c-schedule .cPerson {
display : flex;
margin-bottom : -1.66667rem;
margin-top : 0.66667rem;
}
@media screen and (min-width: 767px) {
.c-schedule .cPerson {
position : absolute;
bottom : 0;
right : 20px;
margin-bottom : 0;
margin-top : 0;
}
}
.c-schedule .cPerson__photo {
margin-bottom : 0;
}
.c-schedule .cPerson img {
display : block;
}
@media screen and (min-width: 767px) {
.c-schedule .cPerson img {
max-width : none;
}
}
@media screen and (min-width: 767px) {
.c-schedule--break svg {
position : absolute;
right : 2rem;
top : 50%;
transform : translateY(-50%);
}
}
.row--schedule--v2 {
padding-top : 3.88889rem;
}
.row--schedule--v2 .row--innerCentered .rowInner {
max-width : 1000px;
}
.row--schedule--v2 .row--conference-section {
position : relative;
padding : 6.66667rem 0 5.55556rem;
border-top : 1px solid #d1d1d1;
}
.row--schedule--v2 .row--conference-section-first {
border : 0;
padding-top : 0;
}
.row--schedule--v2 .c-schedule {
margin-bottom : 4.44444rem;
box-shadow : none;
}
.row--schedule--v2 .c-schedule:last-child {
margin-bottom : 0;
}
.row--schedule--v2 .c-schedule::after {
display : none;
}
.row--schedule--v2 .cHeading__hx {
position : absolute;
left : 50%;
transform : translateX(-50%);
top : -2.4rem;
font-size : 36px;
font-size : 2rem;
text-align : center;
padding : 1rem 2rem;
background-color : #f5f5f5;
}
@keyframes selling-btn-pulse {
0% {
box-shadow : 0 0 0 0 rgb(244, 132, 0, 0.8);
}
100% {
box-shadow : 0 0 0 40px rgb(244, 132, 0, 0);
}
}
.cSellingButton {
padding : 2.77778rem 2.22222rem;
border-radius : 16px;
box-shadow : 0 16px 32px 0 rgb(0, 0, 0, 0.3);
background-image : url(../img/blog-item-bg.jpg?v=0763);
background-color : transparent;
background-repeat : no-repeat;
background-size : cover;
background-position : 0 0;
order : 1;
margin : 0 -30px -130px;
}
@media screen and (min-width: 767px) {
.cSellingButton {
margin-left : 0;
margin-right : 0;
padding : 3.88889rem 2.77778rem;
}
}
@media screen and (min-width: 1024px) {
.cSellingButton {
order : 0;
}
}
.cSellingButton .cHeading {
text-align : center;
color : #fff;
font-size : 40px;
font-size : 2.22222rem;
line-height : 1;
margin-bottom : 1.66667rem;
}
@media screen and (min-width: 767px) {
.cSellingButton .cHeading {
font-size : 50px;
font-size : 2.77778rem;
line-height : 1;
}
}
.cSellingButton .cHeading::before {
display : flex;
align-items : center;
justify-content : center;
margin : 0 auto 20px;
width : 100px;
height : 100px;
border : #fff solid 3px;
font-size : 50px;
font-size : 2.77778rem;
line-height : 1;
border-radius : 100%;
color : #fff;
}
@media screen and (min-width: 767px) {
.cSellingButton .cHeading::before {
width : 120px;
height : 120px;
font-size : 60px;
font-size : 3.33333rem;
line-height : 1;
}
}
.cSellingButton .cSellingButton__qty__label {
position : absolute;
bottom : 100%;
font-family : Kalam, sans-serif;
color : #fff;
text-align : center;
width : 100%;
white-space : nowrap;
}
.cSellingButton .cSellingButton__qty {
position : relative;
align-items : center;
}
.cSellingButton .cSellingButton__descBottom, .cSellingButton .cSellingButton__descTop {
color : #fff;
font-size : 18px;
font-size : 1rem;
line-height : 1.7;
text-align : center;
}
.cSellingButton .cSellingButton__descBottom a, .cSellingButton .cSellingButton__descTop a {
color : inherit;
font-weight : 700;
}
.cSellingButton .cSellingButton__descBottom {
margin-top : 1.66667rem;
}
.cSellingButton .cSellingButton__prices {
margin-bottom : 2.5rem;
color : #fff;
text-align : center;
}
@media screen and (min-width: 767px) {
.cSellingButton .cSellingButton__prices {
margin-bottom : 1.38889rem;
}
}
.cSellingButton .cSellingButton__prices__price, .cSellingButton .cSellingButton__prices__unit {
font-family : migrena-bold;
font-size : 50px;
font-size : 2.77778rem;
line-height : 1;
}
.cSellingButton .btn, .cSellingButton .cClientZone__logout, .cSellingButton .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cSellingButton .cftSearch__submit {
width : 100%;
height : 80px;
border-radius : 2em;
font-size : 20px;
font-size : 1.11111rem;
animation : selling-btn-pulse 1.5s infinite;
}
.cSellingButton .btn .icon, .cSellingButton .cClientZone__logout .icon, .cSellingButton .cftSearch--standard .cftSearch__submit .icon, .cftSearch--standard .cSellingButton .cftSearch__submit .icon {
display : none;
}
.cSellingButton .cSellingButton__qty__top {
position : relative;
}
.cSellingButton .cSellingButton__qty__btn {
display : none;
}
.cSellingButton .cSellingButton__qty__input {
width : 60px;
}
@media screen and (min-width: 767px) {
.cSellingButton .cSellingButton__qty__input {
width : 80px;
}
}
.cSellingButton .cSellingButton__qty__input__field {
border : 0;
height : 80px;
border-radius : 0.5em;
font-size : 24px;
padding : 0;
text-align : center;
}
@keyframes payment-modal {
0% {
transform : translateX(700px);
}
100% {
transform : translateX(0);
}
}
.cModal--order-form {
border-radius : 0;
height : 100vh;
width : 100vw;
top : 0;
margin : 0;
left : auto;
right : 0;
padding : 30px 30px 0;
}
@media screen and (min-width: 767px) {
.cModal--order-form {
display : flex;
flex-direction : column;
animation : payment-modal 0.4s linear forwards;
width : 700px;
padding : 40px 60px 0;
transform : translateX(700px);
}
}
@media screen and (min-width: 1800px) {
.cModal--order-form {
padding-top : 60px;
}
}
.cModal--order-form .cModal__header {
padding-top : 0;
padding-bottom : 30px;
}
@media screen and (min-width: 767px) {
.cModal--order-form .cModal__header {
padding-bottom : 50px;
}
}
.cModal--order-form .form-group .invalid-feedback {
padding-left : 0;
}
.cModal--order-form .form-group .invalid-feedback .form-error-message {
font-weight : 700;
white-space : nowrap;
}
.cModal--order-form .cModal__heading {
padding : 0;
font-size : 40px;
font-size : 2.22222rem;
text-transform : lowercase;
}
.cModal--order-form .cModal__heading::first-letter {
text-transform : uppercase;
}
@media screen and (min-width: 767px) {
.cModal--order-form .cModal__closeBtn {
right : 25px;
top : 25px;
}
}
.cModal--order-form .cModal__closeBtn .icon::before {
font-size : 36px;
}
.cModal--order-form label {
font-weight : 700;
letter-spacing : 1px;
}
.cModal--order-form .btn, .cModal--order-form .cClientZone__logout, .cModal--order-form .cftSearch--standard .cftSearch__submit, .cftSearch--standard .cModal--order-form .cftSearch__submit {
width : 100%;
}
.cModal--order-form .cModal__subHeading {
margin-bottom : 8px !important ;
font-size : 20px;
font-size : 1.11111rem;
text-transform : lowercase;
}
.cModal--order-form .cModal__subHeading::first-letter {
text-transform : uppercase;
}
.cModal--order-form .form-section {
margin-bottom : 30px;
}
.cModal--order-form .form-section:first-child {
grid-column : 1 / 3;
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-section:first-child {
display : grid;
column-gap : 50px;
grid-template-columns : 1fr 1fr;
}
}
.cModal--order-form .form-section:first-child .form-group {
margin-bottom : 30px;
}
@media screen and (min-width: 767px) {
.cModal--order-form .form-section:first-child .form-group {
margin : 15px 0;
}
}
.cModal--order-form .form-section:first-child .cHeading {
grid-column : 1 / 3;
}
.cModal--order-form .form-section:first-child .form-group {
display : grid;
}
.cModal--order-form .form-section:first-child .form-control {
width : 100%;
}
.cModal--order-form .form-group:nth-child(3) {
display : grid;
grid-template-columns : 50px 1fr;
gap : 10px;
}
.cModal--order-form .form-group:nth-child(3) label {
order : -1;
grid-column : 1 / 3;
}
.cModal--order-form .form-group:nth-child(3) label:first-child {
display : none;
}
.cModal--order-form .cSellingButtonSummary__info__price, .cModal--order-form .form-section__check__value {
font-family : migrena-bold;
font-weight : 400;
font-size : 22px;
font-size : 1.22222rem;
color : #000;
margin-left : 6px;
}
.cModal--order-form .cModal__additional {
grid-column : 1 / 3;
padding : 30px;
margin : 0 -30px;
}
@media screen and (min-width: 767px) {
.cModal--order-form .cModal__additional {
padding : 40px 80px 30px;
margin : 40px -80px 0;
}
}
.cModal--order-form .cModal__additional .cModal__subHeading {
margin-bottom : 16px !important ;
}
.cModal--order-form .form-section__check {
align-items : baseline;
}
.cModal--order-form .cSellingButtonSummary__vat {
display : block;
width : 100%;
line-height : 1;
font-weight : 400;
text-align : right;
}
.cModal--order-form .cModal__buttons {
border : 0;
}
@media screen and (max-width: 766px) {
.cModal--order-form .cModal__buttons {
height : 100px;
margin : 0 -30px;
width : auto;
}
}
@media screen and (min-width: 767px) {
.cModal--order-form .cModal__buttons {
display : flex;
align-items : flex-end;
flex-grow : 1;
background-color : #F2F2F2;
margin : 0 -80px;
padding : 0 80px 40px;
}
}
.cModal--order-form .cSellingButtonSummary__product {
align-items : baseline;
}
.cModal--order-form .cSellingButtonSummary__name {
line-height : 1.4;
}
.cModal--order-form .cSellingButtonSummary__price {
display : flex;
align-items : baseline;
margin-top : 12px;
flex-wrap : wrap;
}
.cModal--order-form .cSellingButtonSummary__price .cSellingButtonSummary__price__value {
margin-left : auto;
font-family : migrena-bold;
color : #000;
font-size : 32px;
font-size : 1.77778rem;
line-height : 1;
}
@media screen and (min-width: 767px) {
.cModal--order-form .cSellingButtonSummary__price .cSellingButtonSummary__price__value {
font-size : 42px;
font-size : 2.33333rem;
line-height : 1;
}
}
.cModal--order-form .cSellingButtonSummary__price .cSellingButtonSummary__currency {
color : #000;
font-family : migrena-bold;
font-size : 18px;
font-size : 1rem;
line-height : 1;
margin-left : 3px;
}
@media screen and (min-width: 767px) {
.cModal--order-form .cSellingButtonSummary__price .cSellingButtonSummary__currency {
font-size : 24px;
font-size : 1.33333rem;
line-height : 1;
}
}
.checkmark {
width : 80px;
height : 80px;
border-radius : 50%;
margin : 0 auto 10px;
display : block;
box-shadow : 0 0 0 #00adee inset;
animation : fill 0.4s 0.4s ease-in-out forwards, scale 0.3s 0.9s ease-in-out both;
}
.checkmark__circle {
animation : stroke 0.6s cubic-bezier(0.65,0,0.45,1) forwards;
}
.checkmark__check {
transform-origin : 50% 50%;
animation : stroke 0.3s 0.8s cubic-bezier(0.65,0,0.45,1) forwards;
}
@keyframes stroke {
100% {
transform-origin : 50% 50%;
animation : stroke 0.3s 0.8s cubic-bezier(0.65,0,0.45,1) forwards;
}
}
@keyframes scale {
0%, 100% {
transform : none;
}
50% {
transform : scale3d(1.1,1.1,1);
}
}
@keyframes fill {
100% {
box-shadow : 0 0 0 40px #00adee inset;
}
}
.order-confirmation {
position : relative;
z-index : 2;
text-align : center;
max-width : 800px;
margin : 0 auto 120px;
}
@media screen and (max-width: 766px) {
.order-confirmation .cHeading {
margin-bottom : 20px;
font-size : 32px;
font-size : 1.77778rem;
}
}
.order-confirmation__buttons {
display : flex;
gap : 14px;
justify-content : center;
}
.customSlider {
position : relative;
padding-bottom : 30px;
}
@media screen and (min-width: 1024px) {
.customSlider {
padding-bottom : 0;
}
}
.customSlider .rsBullets {
position : absolute;
bottom : 10px;
display : flex;
justify-content : center;
}
@media screen and (min-width: 767px) {
.customSlider .rsBullets {
bottom : 40px;
}
}
@media screen and (min-width: 1024px) {
.customSlider .rsBullets {
bottom : 80px;
}
}
.customSlider .rsBullet {
margin : 0 6px;
width : 4px;
height : 4px;
padding : 0;
border-radius : 100%;
border : rgb(102, 102, 102, 0.9) solid 2px;
cursor : pointer;
}
.customSlider .rsBullet.rsNavSelected {
border-color : #00adee;
background-color : #00adee;
}
.customSlider .rsBullet:only-child {
display : none;
}
.customSlider .rsBullet > span {
display : inline;
width : auto;
height : auto;
background-color : transparent;
}
.customSlider .rsArrow {
display : none;
opacity : 1;
visibility : visible;
z-index : 1;
width : 60px;
height : 30px;
bottom : 160px;
}
@media screen and (min-width: 1024px) {
.customSlider .rsArrow {
display : block;
}
}
.customSlider .rsArrow.rsArrowRight {
right : 18%;
}
@media screen and (min-width: 1300px) {
.customSlider .rsArrow.rsArrowRight {
right : 26%;
}
}
.customSlider .rsArrow.rsArrowLeft {
left : 18%;
}
@media screen and (min-width: 1300px) {
.customSlider .rsArrow.rsArrowLeft {
left : 26%;
}
}
.customSlider .rsArrow.rsArrowLeft .rsArrowIcn::before {
transform : translate(-50%,-50%) scaleX(-1);
}
.customSlider .rsArrowIcn {
display : none;
width : 60px;
height : 30px;
border : rgb(102, 102, 102, 0.5) solid 3px;
border-radius : 2em;
opacity : 1;
visibility : visible;
background-color : transparent;
}
.customSlider .rsArrowIcn:hover {
background-color : transparent;
border-color : rgb(102, 102, 102, 0.8);
}
.customSlider .rsArrowIcn::before {
width : 15px;
height : 10px;
background-image : url(../img/slider-arrow.svg?v=1c5f);
background-color : transparent;
background-repeat : no-repeat;
background-size : contain;
background-position : 0 0;
content : '';
}
@media screen and (min-width: 1024px) {
.customSlider .rsArrowIcn {
display : block;
}
}
@media screen and (max-width: 766px) {
.customSlider--b-spacing-palm {
margin-bottom : 50px;
}
}
.customSlider--gallery {
position : relative;
z-index : 11;
}
@media screen and (max-width: 766px) {
.customSlider--gallery .gridInner {
height : 320px !important ;
}
}
.customSlider--gallery .rsSlide {
display : flex;
justify-content : center;
}
.customSlider--gallery .rsSlide .cImage__desc {
display : none;
}
.customSlider--gallery .rsArrowIcn, .customSlider--gallery .rsSlide.rsActiveSlide .cImage__desc {
display : block;
}
.customSlider--gallery .rsArrow {
position : absolute;
bottom : 5px;
}
@media screen and (min-width: 767px) {
.customSlider--gallery .rsArrow {
bottom : 20px;
}
}
@media screen and (min-width: 1300px) {
.customSlider--gallery .rsArrow {
bottom : 55px;
}
}
@media screen and (min-width: 1400px) {
.customSlider--gallery .rsArrow {
bottom : 80px;
}
}
@media screen and (min-width: 1500px) {
.customSlider--gallery .rsArrow {
bottom : 100px;
}
}
@media screen and (min-width: 1800px) {
.customSlider--gallery .rsArrow {
bottom : 140px;
}
}
.customSlider--gallery .rsArrow.rsArrowRight {
right : calc(50% - 70px);
right : calc(50% - 70px);
right : calc(50% - 70px);
}
@media screen and (min-width: 767px) {
.customSlider--gallery .rsArrow.rsArrowRight {
right : 20%;
}
}
@media screen and (min-width: 1300px) {
.customSlider--gallery .rsArrow.rsArrowRight {
right : 32%;
}
}
.customSlider--gallery .rsArrow.rsArrowLeft {
left : calc(50% - 70px);
left : calc(50% - 70px);
left : calc(50% - 70px);
}
@media screen and (min-width: 767px) {
.customSlider--gallery .rsArrow.rsArrowLeft {
left : 20%;
}
}
@media screen and (min-width: 1300px) {
.customSlider--gallery .rsArrow.rsArrowLeft {
left : 32%;
}
}
.customSlider--gallery .cImage {
width : calc(100% - 40px);
width : calc(100% - 40px);
width : calc(100% - 40px);
}
@media screen and (min-width: 1400px) {
.customSlider--gallery .cImage {
width : calc(100% - 80px);
width : calc(100% - 80px);
width : calc(100% - 80px);
}
}
@media screen and (min-width: 1800px) {
.customSlider--gallery .cImage {
width : calc(100% - 100px);
width : calc(100% - 100px);
width : calc(100% - 100px);
}
}
.customSlider--gallery .cImage__imgWrapper {
padding : 8px;
box-shadow : 0 15px 30px 10px rgb(0, 0, 0, 0.2);
border-radius : 20px;
background-color : #000;
}
@media screen and (min-width: 1024px) {
.customSlider--gallery .cImage__imgWrapper {
padding : 25px;
}
}
.customSlider--gallery .cImage__desc {
margin-top : 20px;
font-weight : 500;
font-size : 14px;
font-size : 0.77778rem;
letter-spacing : 1px;
}
@media screen and (min-width: 1024px) {
.customSlider--gallery .cImage__desc {
margin-top : 50px;
}
}
.customSlider--gallery img {
border-radius : 1em;
}
.customSlider--small-content .rsArrow {
bottom : 80px;
}
@media screen and (min-width: 1024px) {
.customSlider--small-content .rsBullets {
width : 300px;
left : 50%;
margin-left : -150px;
}
}
.customSlider--simple .rsArrow {
bottom : 15px;
}
.customSlider--simple .rsArrow.rsArrowLeft {
left : 5px;
}
@media screen and (min-width: 1024px) {
.customSlider--simple .rsArrow.rsArrowLeft {
left : 30%;
}
}
@media screen and (min-width: 1300px) {
.customSlider--simple .rsArrow.rsArrowLeft {
left : 35%;
}
}
.customSlider--simple .rsArrow.rsArrowRight {
right : 5px;
}
@media screen and (min-width: 1024px) {
.customSlider--simple .rsArrow.rsArrowRight {
right : 30%;
}
}
@media screen and (min-width: 1300px) {
.customSlider--simple .rsArrow.rsArrowRight {
right : 35%;
}
}
.customSlider--simple .rsArrow .rsArrowIcn {
display : block;
}
.customSlider--simple .rsBullets {
bottom : 50px;
left : 50%;
width : 80px;
margin-left : -40px;
}
@media screen and (min-width: 1024px) {
.customSlider--simple .rsBullets {
bottom : 25px;
}
}
.customSlider--lectors {
margin-top : 60px;
padding-left : 0;
padding-right : 0;
}
@media screen and (min-width: 1024px) {
.customSlider--lectors {
margin-top : 0;
}
}
.customSlider--lectors .rsNav.rsBullets {
display : block;
bottom : 10px;
}
.customSlider--lectors .cList__title strong {
display : block;
line-height : 1;
margin-bottom : 10px;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration : 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay : 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration : 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay : 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration : 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay : 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration : 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay : 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration : 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay : 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration : 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay : 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration : 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay : 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration : 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay : 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration : 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay : 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration : 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay : 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration : 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay : 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration : 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay : 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration : 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay : 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration : 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay : 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration : 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay : 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration : 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay : 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration : 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay : 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration : 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay : 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration : 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay : 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration : 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay : 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
transition-duration : 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay : 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
transition-duration : 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay : 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
transition-duration : 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay : 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
transition-duration : 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay : 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
transition-duration : 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay : 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
transition-duration : 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay : 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
transition-duration : 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay : 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
transition-duration : 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay : 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
transition-duration : 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay : 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration : 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay : 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
transition-duration : 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay : 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
transition-duration : 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay : 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
transition-duration : 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay : 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
transition-duration : 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay : 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
transition-duration : 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay : 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
transition-duration : 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay : 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
transition-duration : 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay : 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
transition-duration : 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay : 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
transition-duration : 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay : 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration : 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay : 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
transition-duration : 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay : 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
transition-duration : 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay : 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
transition-duration : 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay : 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
transition-duration : 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay : 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
transition-duration : 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay : 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
transition-duration : 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay : 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
transition-duration : 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay : 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
transition-duration : 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay : 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
transition-duration : 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay : 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration : 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay : 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
transition-duration : 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay : 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
transition-duration : 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay : 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
transition-duration : 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay : 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
transition-duration : 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay : 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
transition-duration : 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay : 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
transition-duration : 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay : 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
transition-duration : 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay : 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
transition-duration : 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay : 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
transition-duration : 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay : 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration : 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay : 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay : 3s;
}
[data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.25,0.75,0.75);
}
[data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] {
transition-timing-function : ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function : ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function : ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function : ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.6,-0.28,0.735,0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.175,0.885,0.32,1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function : cubic-bezier(0.68,-0.55,0.265,1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.47,0,0.745,0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.39,0.575,0.565,1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function : cubic-bezier(0.445,0.05,0.55,0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.55,0.085,0.68,0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function : cubic-bezier(0.455,0.03,0.515,0.955);
}
@media screen {
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
opacity : 0;
transition-property : opacity, transform;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity : 1;
transform : none;
}
html:not(.no-js) [data-aos="fade-up"] {
transform : translate3d(0,100px,0);
}
html:not(.no-js) [data-aos="fade-down"] {
transform : translate3d(0,-100px,0);
}
html:not(.no-js) [data-aos="fade-right"] {
transform : translate3d(-100px,0,0);
}
html:not(.no-js) [data-aos="fade-left"] {
transform : translate3d(100px,0,0);
}
html:not(.no-js) [data-aos="fade-up-right"] {
transform : translate3d(-100px,100px,0);
}
html:not(.no-js) [data-aos="fade-up-left"] {
transform : translate3d(100px,100px,0);
}
html:not(.no-js) [data-aos="fade-down-right"] {
transform : translate3d(-100px,-100px,0);
}
html:not(.no-js) [data-aos="fade-down-left"] {
transform : translate3d(100px,-100px,0);
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
opacity : 0;
transition-property : opacity, transform;
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity : 1;
transform : translateZ(0) scale(1);
}
html:not(.no-js) [data-aos="zoom-in"] {
transform : scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-up"] {
transform : translate3d(0,100px,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-down"] {
transform : translate3d(0,-100px,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-right"] {
transform : translate3d(-100px,0,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-in-left"] {
transform : translate3d(100px,0,0) scale(0.6);
}
html:not(.no-js) [data-aos="zoom-out"] {
transform : scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-up"] {
transform : translate3d(0,100px,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-down"] {
transform : translate3d(0,-100px,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-right"] {
transform : translate3d(-100px,0,0) scale(1.2);
}
html:not(.no-js) [data-aos="zoom-out-left"] {
transform : translate3d(100px,0,0) scale(1.2);
}
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
transition-property : transform;
visibility : hidden;
}
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
visibility : visible;
transform : translateZ(0);
}
html:not(.no-js) [data-aos="slide-up"] {
transform : translate3d(0,100%,0);
}
html:not(.no-js) [data-aos="slide-down"] {
transform : translate3d(0,-100%,0);
}
html:not(.no-js) [data-aos="slide-right"] {
transform : translate3d(-100%,0,0);
}
html:not(.no-js) [data-aos="slide-left"] {
transform : translate3d(100%,0,0);
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
backface-visibility : hidden;
transition-property : transform;
}
html:not(.no-js) [data-aos="flip-left"] {
transform : perspective(2500px) rotateY(-100deg);
}
html:not(.no-js) [data-aos="flip-left"].aos-animate {
transform : perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos="flip-right"] {
transform : perspective(2500px) rotateY(100deg);
}
html:not(.no-js) [data-aos="flip-right"].aos-animate {
transform : perspective(2500px) rotateY(0);
}
html:not(.no-js) [data-aos="flip-up"] {
transform : perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos="flip-up"].aos-animate {
transform : perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos="flip-down"] {
transform : perspective(2500px) rotateX(100deg);
}
html:not(.no-js) [data-aos="flip-down"].aos-animate {
transform : perspective(2500px) rotateX(0);
}
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 300;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 500;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 900;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 300;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 500;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 900;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}

↑ Top