div.ccm-block-feature-item p{margin-left:30px}div.ccm-block-feature-item i{margin-right:10px}div.ccm-block-feature-item{margin-bottom:40px} a.ccm-block-page-list-rss-feed{position:absolute;right:0;top:0}div.ccm-block-page-list-wrapper{position:relative}div.ccm-block-page-list-page-entry-horizontal{display:table;width:100%}div.ccm-block-page-list-page-entry,div.ccm-block-page-list-page-entry-horizontal{margin-bottom:10px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail{display:table-cell;vertical-align:top;width:1px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img{max-width:none;width:120px}div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text{display:table-cell;padding-left:20px;vertical-align:top}div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title{font-weight:700}div.ccm-block-page-list-page-entry-read-more{margin-top:20px}.ccm-block-rss-displayer-item{margin-bottom:16px}.ccm-block-rss-displayer-item-title{font-weight:700}.ccm-block-rss-displayer-item-date{color:#999}div.ccm-block-top-navigation-bar .navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb),0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb),0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb),0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb),0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);position:relative}div.ccm-block-top-navigation-bar .navbar>.container,div.ccm-block-top-navigation-bar .navbar>.container-fluid,div.ccm-block-top-navigation-bar .navbar>.container-lg,div.ccm-block-top-navigation-bar .navbar>.container-md,div.ccm-block-top-navigation-bar .navbar>.container-sm,div.ccm-block-top-navigation-bar .navbar>.container-xl,div.ccm-block-top-navigation-bar .navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}div.ccm-block-top-navigation-bar .navbar-brand{color:var(--bs-navbar-brand-color);font-size:var(--bs-navbar-brand-font-size);margin-right:var(--bs-navbar-brand-margin-end);padding-bottom:var(--bs-navbar-brand-padding-y);padding-top:var(--bs-navbar-brand-padding-y);text-decoration:none;white-space:nowrap}div.ccm-block-top-navigation-bar .navbar-brand:focus,div.ccm-block-top-navigation-bar .navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}div.ccm-block-top-navigation-bar .navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}div.ccm-block-top-navigation-bar .navbar-nav .nav-link.active,div.ccm-block-top-navigation-bar .navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}div.ccm-block-top-navigation-bar .navbar-nav .dropdown-menu{position:static}div.ccm-block-top-navigation-bar .navbar-text{color:var(--bs-navbar-color);padding-bottom:.5rem;padding-top:.5rem}div.ccm-block-top-navigation-bar .navbar-text a,div.ccm-block-top-navigation-bar .navbar-text a:focus,div.ccm-block-top-navigation-bar .navbar-text a:hover{color:var(--bs-navbar-active-color)}div.ccm-block-top-navigation-bar .navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}div.ccm-block-top-navigation-bar .navbar-toggler{background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);color:var(--bs-navbar-color);font-size:var(--bs-navbar-toggler-font-size);line-height:1;padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){div.ccm-block-top-navigation-bar .navbar-toggler{transition:none}}div.ccm-block-top-navigation-bar .navbar-toggler:hover{text-decoration:none}div.ccm-block-top-navigation-bar .navbar-toggler:focus{box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);outline:0;text-decoration:none}div.ccm-block-top-navigation-bar .navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}div.ccm-block-top-navigation-bar .navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media(min-width:576px){div.ccm-block-top-navigation-bar .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-sm .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:768px){div.ccm-block-top-navigation-bar .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-md .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:992px){div.ccm-block-top-navigation-bar .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-lg .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1200px){div.ccm-block-top-navigation-bar .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-xl .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media(min-width:1400px){div.ccm-block-top-navigation-bar .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand-xxl .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}div.ccm-block-top-navigation-bar .navbar-expand{flex-wrap:nowrap;justify-content:flex-start}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav{flex-direction:row}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav .dropdown-menu{position:absolute}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}div.ccm-block-top-navigation-bar .navbar-expand .navbar-nav-scroll{overflow:visible}div.ccm-block-top-navigation-bar .navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}div.ccm-block-top-navigation-bar .navbar-expand .navbar-toggler{display:none}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas .offcanvas-header{display:none}div.ccm-block-top-navigation-bar .navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}div.ccm-block-top-navigation-bar .navbar-dark,div.ccm-block-top-navigation-bar .navbar[data-bs-theme=dark]{--bs-navbar-color:hsla(0,0%,100%,.55);--bs-navbar-hover-color:hsla(0,0%,100%,.75);--bs-navbar-disabled-color:hsla(0,0%,100%,.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:hsla(0,0%,100%,.1)}div.ccm-block-top-navigation-bar .navbar-dark,div.ccm-block-top-navigation-bar .navbar[data-bs-theme=dark],div.ccm-block-top-navigation-bar [data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}div.ccm-block-top-navigation-bar .input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}div.ccm-block-top-navigation-bar .input-group>.form-control,div.ccm-block-top-navigation-bar .input-group>.form-floating,div.ccm-block-top-navigation-bar .input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}div.ccm-block-top-navigation-bar .input-group>.form-control:focus,div.ccm-block-top-navigation-bar .input-group>.form-floating:focus-within,div.ccm-block-top-navigation-bar .input-group>.form-select:focus{z-index:5}div.ccm-block-top-navigation-bar .input-group .btn{position:relative;z-index:2}div.ccm-block-top-navigation-bar .input-group .btn:focus{z-index:5}div.ccm-block-top-navigation-bar .input-group-text{align-items:center;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);color:var(--bs-body-color);display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}div.ccm-block-top-navigation-bar .input-group-lg>.btn,div.ccm-block-top-navigation-bar .input-group-lg>.form-control,div.ccm-block-top-navigation-bar .input-group-lg>.form-select,div.ccm-block-top-navigation-bar .input-group-lg>.input-group-text{border-radius:var(--bs-border-radius-lg);font-size:1.25rem;padding:.5rem 1rem}div.ccm-block-top-navigation-bar .input-group-sm>.btn,div.ccm-block-top-navigation-bar .input-group-sm>.form-control,div.ccm-block-top-navigation-bar .input-group-sm>.form-select,div.ccm-block-top-navigation-bar .input-group-sm>.input-group-text{border-radius:var(--bs-border-radius-sm);font-size:.875rem;padding:.25rem .5rem}div.ccm-block-top-navigation-bar .input-group-lg>.form-select,div.ccm-block-top-navigation-bar .input-group-sm>.form-select{padding-right:3rem}div.ccm-block-top-navigation-bar .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),div.ccm-block-top-navigation-bar .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,div.ccm-block-top-navigation-bar .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,div.ccm-block-top-navigation-bar .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,div.ccm-block-top-navigation-bar .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-bottom-right-radius:0;border-top-right-radius:0}div.ccm-block-top-navigation-bar .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:calc(var(--bs-border-width)*-1)}div.ccm-block-top-navigation-bar .input-group>.form-floating:not(:first-child)>.form-control,div.ccm-block-top-navigation-bar .input-group>.form-floating:not(:first-child)>.form-select{border-bottom-left-radius:0;border-top-left-radius:0}div.ccm-block-top-navigation-bar .navbar .navbar-nav{order:0}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar{background-color:#000;display:block;height:2px;width:25px}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:first-of-type{transform:rotate(45deg);transform-origin:10% 10%}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:nth-of-type(2){opacity:0}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}div.ccm-block-top-navigation-bar .navbar-toggler .icon-bar+.icon-bar{margin-top:5px}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:first-of-type{transform:rotate(0)}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:nth-of-type(2){opacity:1}div.ccm-block-top-navigation-bar .navbar-toggler.collapsed .icon-bar:nth-of-type(3){transform:rotate(0)}div.ccm-block-top-navigation-bar .navbar-toggler:hover .icon-bar{background-color:#0d6efd}div.ccm-block-top-navigation-bar .navbar-brand{float:none;height:auto}div.ccm-block-top-navigation-bar .navbar-brand img{max-height:38px}div.ccm-block-top-navigation-bar form{display:flex;margin-left:auto;order:1}div.ccm-block-top-navigation-bar form .btn{background:none;padding:.5rem .25rem}ul.ccm-block-date-navigation-dates{list-style-type:none;padding-bottom:0;padding-left:0}.ccm-block-date-navigation-date-selected{font-weight:700}.ccm-responsive-overlay{display:none} #main-navigation > li.nav-first > a { padding-left: 0; } #main-navigation > li.nav-last > a { padding-right: 0; } #searchResults .pageLink{color:#999;display:block;font-size:12px;margin:2px 0 8px;padding:0}#searchResults .searchResult{margin-bottom:16px;margin-top:24px}#searchResults .searchResult h3{margin-bottom:0;padding-bottom:0}#searchResults .searchResult p{margin-top:4px}ul.ccm-search-block-tag-cloud{list-style-type:none;margin:0;padding:0}ul.ccm-search-block-tag-cloud li{zoom:1;color:#ccc;display:inline-block;font-size:10px;margin:0 8px 8px 0}ul.ccm-search-block-tag-cloud li a{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;display:inline-block;padding:4px;text-decoration:none;vertical-align:middle}ul.ccm-search-block-tag-cloud li a:hover{background-color:#e8e8e8;color:#333}ul.ccm-search-block-tag-cloud li{float:left;margin-left:0;margin-right:20px;padding:0;white-space:nowrap} div.ccm-block-switch-language-flags{display:inline-block}div.ccm-block-switch-language-flags-label{float:left;margin-right:8px}div.ccm-block-switch-language-flags a{float:left;margin:2px;opacity:.4}div.ccm-block-switch-language-flags a.ccm-block-switch-language-active-flag{opacity:1} .ccm-block-share-this-page ul.list-inline{display:inline-block;margin:0;padding:0}.ccm-block-share-this-page ul.list-inline li{display:inline-block;list-style-type:none;margin-right:10px;padding:0}.ccm-block-share-this-page svg{max-height:13px}.ccm-block-social-links ul.list-inline{display:inline-block;margin:0;padding:0}.ccm-block-social-links ul.list-inline li{display:inline-block;list-style-type:none;margin-right:10px;padding:0}.ccm-block-social-links svg{max-height:13px} .ccm-block-social-links ul.list-inline { display: inline-block; margin: 0px; padding: 0px; list-style: none; } .ccm-block-social-links ul.list-inline li { padding: 0px; list-style-type: none; margin-right: 10px; display: inline-block; } .ccm-block-social-links ul.list-inline li a { text-decoration: none; display: inline-block; position: static; z-index: auto; } .ccm-block-social-links ul.list-inline li a:focus { outline: none; /* Remove focus outline, or customize it */ } /*.ccm-block-social-links ul.list-inline li a:focus-visible { outline: 2px solid #0078D4; }*/ /*HERO 1*/ .hero-1 { width:100%; box-shadow: inset 0px 0px 64px 64px rgba(0,0,0,0.0); height:56.25vw; max-height:360px; min-height:270px; } .hero-1 > div { max-width:1160px; width:100%; margin: 0 auto; position:relative; text-shadow: 1px 1px 2px rgba(0,51,75,0.20), 0 0 25px rgba(0,51,75,0.20), 0 0 5px rgba(0,51,75,0.20); height: 100%; padding:0px; } .hero-1 > div > div { position:absolute; left:15px; right:15px; bottom:0px; color:#fff; } .hero-1 > div > div > div:nth-child(1) { font-size:60px; line-height:1.01; font-weight:bold; letter-spacing: 1px; } .hero-1 > div > div > div:nth-child(2) { font-size:30px; line-height:1.35; font-weight:500; margin-top:10px; letter-spacing: 0.25px; } /*HERO 2*/ .hero-2 { width:100%; box-shadow: inset 0px 0px 64px 64px rgba(0,0,0,0.0); height:56.25vw; max-height:617px; min-height:270px; } .hero-2 > div { max-width:1540px; width:100%; margin: 0 auto; position:relative; text-shadow: 1px 1px 2px rgba(0,51,75,0.20), 0 0 25px rgba(0,51,75,0.20), 0 0 5px rgba(0,51,75,0.20); height: 100%; padding:0px; } .hero-2 > div > div { position:absolute; left:15px; right:15px; bottom:50%; color:#fff; } .hero-2 > div > div > div:nth-child(1) { font-size:60px; line-height:1; font-weight:bold; text-transform: uppercase; } .hero-2 > div > div > div:nth-child(2) { font-size:30px; line-height:1.3; font-weight:normal; margin-top:10px; } /*HERO 3*/ .hero-3 { width:100%; box-shadow: inset 0px 0px 64px 64px rgba(0,0,0,0.0); height: -webkit-calc(100vh - 120px); height: -moz-calc(100vh - 120px); height: calc(100vh - 120px); position: relative; } .hero-3 > video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; z-index: 1; background-color: white !important; } .hero-3 > div { max-width:1160px; width:100%; margin: 0 auto; text-shadow: 1px 1px 2px rgba(0,51,75,0.20), 0 0 25px rgba(0,51,75,0.20), 0 0 5px rgba(0,51,75,0.20); height: 100%; padding:0px; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .hero-3 > div > div { position: absolute; left: 15px; right: 15px; bottom: 80px; color:#fff; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } @media screen and (min-width: 0px) and (max-width: 1040px) { .hero-3 > div > div { bottom:0px; } } .hero-3 > div > div > div:nth-child(1) { font-size:80px; line-height:1; font-weight:bold; letter-spacing: 1px; } .hero-3 > div > div > div:nth-child(2) { font-size:30px; line-height:1.4; font-weight:500; margin-top:10px; letter-spacing: 0.25px; } /*HERO BLUE*/ .hero-4 { width:100%; /*box-shadow: inset 0px 0px 64px 64px rgba(0,0,0,0.0);*/ height:56.25vw; max-height:360px; min-height:320px; /*270*/ } .hero-4 > div { max-width:1160px; width:100%; margin: 0 auto; position:relative; /*text-shadow: 1px 1px 2px rgba(0,51,75,0.20), 0 0 25px rgba(0,51,75,0.20), 0 0 5px rgba(0,51,75,0.20);*/ height: 100%; padding:0px; } .hero-4 > div > div { position:absolute; left:15px; right:15px; bottom:0px; color:#fff; } .hero-4 > div > div > div:nth-child(1) { font-size:60px; line-height:1.01; font-weight:bold; letter-spacing: 1px; } .hero-4 > div > div > div:nth-child(2) { font-size:25px; /*30*/ line-height:1.35; font-weight:500; margin-top:10px; letter-spacing: 0.25px; } .hero-4 > div > div > div:nth-child(2) > ul { list-style-position:outside; list-style-type:disc; margin: 0; padding:0 0 0 25px; } :root { --top: -345px; } /*LAYOUT 1*/ .cta[data-l="1"] { width: 210px; height: 100%; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 10; pointer-events: none; } .cta[data-l="1"] > div { width: 210px; background: #0096dc; pointer-events: auto; text-align: center !important; font-size: 14px; color: #fff; padding: 15px 10px; -webkit-border-radius: 12px 0px 0px 12px; -moz-border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px; cursor: pointer; position: sticky; right: 0; top: 180px; bottom: auto; z-index: 11; margin: 60px 0; } .cta[data-l="1"] > div > a { color: #fff !important; } .cta[data-l="1"] > div > a:hover { color: #fff; } .cta[data-l="1"] > div > a > span { vertical-align: middle; padding: 0 5px; } .cta[data-l="1"] > div > a > span:nth-child(1) { display:inline-block; } .cta[data-l="1"] > div > a > span:nth-child(2) { display:none; } .cta[data-l="1"] > div > a > span:nth-child(3) { font-size:16px; font-weight: 700; /*bold*/ white-space: nowrap; } @media screen and (min-width: 0px) and (max-width: 1595px) { .cta[data-l="1"] > div { margin: 0; } .cta[data-l="1"] > div > a > span:nth-child(1) { display:none; } .cta[data-l="1"] > div > a > span:nth-child(2) { display:inline-block; } .cta[data-l="1"] > div { width: 100%; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; position: fixed; right: 0; top: auto; bottom: 0; } } .cta.em[data-l="1"] { position: relative; margin: 0; width: 100%; overflow: hidden; top: 0; } .cta.em[data-l="1"] > div { position: relative; top: 0; margin: 0 0 0 auto; } /*LAYOUT 2*/ .cta[data-l="2"] { width: 210px; height: 100%; cursor: pointer; position: absolute; right: 0; top: var(--top); z-index: 10; pointer-events: none; } .cta[data-l="2"] > div { width: 210px; background: #0096dc; pointer-events: auto; text-align: center !important; font-size: 14px; color: #fff; padding: 15px 10px; -webkit-border-radius: 12px 0px 0px 12px; -moz-border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px; cursor: pointer; position: sticky; right: 0; top: 180px; bottom: auto; z-index: 11; margin: 60px 0; } .cta[data-l="2"] > div > a { color: #fff !important; } .cta[data-l="2"] > div > a:hover { color: #fff; } .cta[data-l="2"] > div > a > span { vertical-align: middle; padding: 0 5px; } .cta[data-l="2"] > div > a > span:nth-child(1) { display:inline-block; } .cta[data-l="2"] > div > a > span:nth-child(2) { display:none; } .cta[data-l="2"] > div > a > span:nth-child(3) { font-size:16px; font-weight: 700; /*bold*/ white-space: nowrap; } @media screen and (min-width: 0px) and (max-width: 1595px) { .cta[data-l="2"] > div { margin: 0; } .cta[data-l="2"] > div > a > span:nth-child(1) { display:none; } .cta[data-l="2"] > div > a > span:nth-child(2) { display:inline-block; } .cta[data-l="2"] > div { width: 100%; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; position: fixed; right: 0; top: auto; bottom: 0; } } .cta.em[data-l="2"] { position: relative; margin: 0; width: 100%; overflow: hidden; top: 0; } .cta.em[data-l="2"] > div { position: relative; top: 0; margin: 0 0 0 auto; } /*LAYOUT 3*/ .cta[data-l="3"] { width: 210px; height: 100%; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 10; pointer-events: none; } .cta[data-l="3"] > div { width: 210px; background: #0096dc; pointer-events: auto; text-align: center !important; font-size: 14px; color: #fff; padding: 15px 10px; -webkit-border-radius: 12px 0px 0px 12px; -moz-border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px; cursor: pointer; position: sticky; right: 0; top: 180px; bottom: auto; z-index: 11; margin: 60px 0; } .cta[data-l="3"] > div > a { color: #fff !important; } .cta[data-l="3"] > div > a:hover { color: #fff; } .cta[data-l="3"] > div > a > span { vertical-align: middle; padding: 0 5px; } .cta[data-l="3"] > div > a > span:nth-child(1) { display:inline-block; } .cta[data-l="3"] > div > a > span:nth-child(2) { display:none; } .cta[data-l="3"] > div > a > span:nth-child(3) { font-size:16px; font-weight: 700; /*bold*/ white-space: nowrap; } @media screen and (min-width: 0px) and (max-width: 1595px) { .cta[data-l="3"] > div { margin: 0; } .cta[data-l="3"] > div > a > span:nth-child(1) { display:none; } .cta[data-l="3"] > div > a > span:nth-child(2) { display:inline-block; } .cta[data-l="3"] > div { width: 100%; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; position: fixed; right: 0; top: auto; bottom: 0; } } .cta.em[data-l="3"] { position: relative; margin: 0; width: 100%; overflow: hidden; top: 0; } .cta.em[data-l="3"] > div { position: relative; top: 0; margin: 0 0 0 auto; } [data-line="1"] { background: #ffffff; } [data-line="2"] { background: #f7f7f7; } [data-line="3"] { background: #0096dc; } /*@media screen and (max-width: 400px) { }*/ /*@media (hover: hover) { }*/ :root { --mw: 383.333px; --l3i: 50%; --l3w: 360px; --l3n: 3; --l4i: 50%; --l4w: 33.333%; --l4n: 3; --l11i: 50%; --l11w: 25%; --l11n: 4; } .g { padding: 0; margin:0 auto 0 auto; display:grid; width:100%; position: relative; } .w { max-width: 1150px; } /*1120 + 30 padding*/ .cg, .x { background: #f7f7f7; } .cb { background: #0096dc; } .z .gc > .p > div:nth-child(2) > p { color: rgb(0,150,220); } .g .tal { text-align: left; } .g .tac { text-align: center; } .g .tar { text-align: right; } /************************************************/ /*****************LAYOUT 1 & 2 & 6***************/ /************************************************/ table.c { width: 100%; border-spacing: 0px; border-radius: 0px; } table.c > tbody { border: none; background-color: transparent; } table.c > tbody > tr { display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; grid-auto-flow: column; align-items: center; } /*title*/ table.c.w14 { max-width: 1150px; margin: 0 auto; } table.c.w1, table.c.w12, table.c.w13 { max-width: 100%; margin: 0px; } table.c.w2, table.c.w3, table.c.w2575, table.c.w7525 { max-width: 1150px; margin: 0 auto; } table.c.w1 > tbody > tr, table.c.w12 > tbody > tr, table.c.w13 > tbody > tr { -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; } table.c.w2 > tbody > tr, table.c.w2575 > tbody > tr { -ms-grid-columns: minmax(25%, 287.5px) minmax(auto, 75%); /*25% 75%;*/ grid-template-columns: minmax(25%, 287.5px) minmax(auto, 75%); /*25% 75%;*/ } table.c.w3 > tbody > tr, table.c.w7525 > tbody > tr { -ms-grid-columns: minmax(auto, 75%) minmax(25%, 287.5px); /*25% 75%;*/ grid-template-columns: minmax(auto, 75%) minmax(25%, 287.5px); /*25% 75%;*/ } table.c.w2 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; text-align: left; } table.c.w2 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; } table.c.w3 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; } table.c.w3 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; } table.c.w1 > tbody > tr > td > img, table.c.w12 > tbody > tr > td > img, table.c.w13 > tbody > tr > td > img { display:block; width:100%; height: 100%; object-fit: cover; object-position: 50% 50%; background: #dcdcdc; position: absolute; top: 0; left: 0; right: 0; } table.c.w2 > tbody > tr > td > img, table.c.w3 > tbody > tr > td > img { display:block; width:100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; object-position: 50% 50%; background: #dcdcdc; } table.c.w2575 > tbody > tr > td:nth-child(1) { padding: 100% 0 0 0; position: relative; height: 0; } table.c.w2575 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; text-align: left; } table.c.w2575 > tbody > tr > td > img { display:block; width:100%; height: 100%; object-fit: contain; object-position: 50% 50%; position: absolute; left: 0; right: 0; top: 0; } table.c.w7525 > tbody > tr > td:nth-child(1) { padding: 0; text-align: left; } table.c.w7525 > tbody > tr > td:nth-child(2) { padding: 0; } table.c.w7525 > tbody > tr > td > img { display:block; width:100%; height: 100%; object-fit: contain; object-position: 50% 50%; position: absolute; left: 0; right: 0; top: 0; } table.c > tbody > tr > td > h1, table.c > tbody > tr > td > h2, table.c > tbody > tr > td > p { font-family: 'Montserrat',sans-serif; font-style: normal; text-transform: none; } table.c > tbody > tr > td > h1 { font-size: 30px; line-height: 36px; font-weight: 700; color: #0096dc; margin: 0 0 15px 0; padding: 0 15px; } table.c > tbody > tr > td > h2 { font-size: 20px; line-height: 1.39; font-weight: 700; color: #000; margin: 10px 0 10px 0; padding: 0 15px; display: inline-block; } table.c > tbody > tr > td > p { font-size: 16px; line-height: 27px; padding: 0 15px; margin: 0 0 10px 0; position: relative; max-width: 770px; } table.c > tbody > tr > td > p > a.u { display: inline-block; margin: 10px 0 0 0; padding: 10.5px 20px; font-size: 16px; line-height: 27px; background: #0096dc; color: #fff; font-weight: 700; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } @media (hover: hover){ table.c > tbody > tr > td > p > a.u:hover { background: #000; color: #fff; } } /*BLUE*/ .cb > table.c > tbody > tr > td > h1 { color: #fff; } .cb > table.c > tbody > tr > td > p { color: #fff; } .cb > table.c > tbody > tr > td > p > a.u { background: #fff; color: #0096dc; } @media (hover: hover){ .cb > table.c > tbody > tr > td > p > a.u:hover { background: #000; color: #fff; } } table.c.w2 > tbody > tr > td > p > span#vid, table.c.w3 > tbody > tr > td > p > span#vid { width: 100%; padding-top: 64%; height: 0px; position: relative; display: block; } table.c.w2 > tbody > tr > td > p > span#vid > video, table.c.w3 > tbody > tr > td > p > span#vid > video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; clip-path: inset(1px 1px); pointer-events: none; background-color: #fff !important; } table.c.w2 > tbody > tr > td > p > span#vidt, table.c.w3 > tbody > tr > td > p > span#vidt { position: absolute; left: -webkit-calc(50% + 15px); left: -moz-calc(50% + 15px); left: calc(50% + 15px); top: 49%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; line-height: 1.2; text-align: center; padding: 0; margin: 0; color: #0096dc; } table.c.w2 > tbody > tr > td > p > span#vidt > b, table.c.w3 > tbody > tr > td > p > span#vidt > b { font-size: 72px; line-height: 0; opacity: 0; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; display: inline-block; letter-spacing: 1px; text-align: center; } table.c.w2 > tbody > tr > td > p > span#vidt > strong, table.c.w3 > tbody > tr > td > p > span#vidt > strong { font-size: 36px; line-height: 1.2; } div[data-l="12"] > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; } div[data-l="12"] > table.c > tbody > tr > td > p { color: #0096dc; } div[data-l="12"].w > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; } div[data-l="12"].w > table.c > tbody > tr > td > p { color: #0096dc; } div[data-l="13"] > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; } div[data-l="13"] > table.c > tbody > tr > td > p { color: #0096dc; } div[data-l="13"].w > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; } div[data-l="1"].w > table.c > tbody > tr > td > p:nth-of-type(2) { text-align: center; } div[data-l="2"].w > table.c > tbody > tr > td > p:nth-of-type(2) { text-align: center; } @media screen and (min-width: 641px) { table.c.w1 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; } table.c.w1 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; } table.c.w12 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; } table.c.w12 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; } table.c.w13 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; } table.c.w13 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; } /*image > text*/ div[data-l="1"] > table.c > tbody > tr > td:nth-child(1), div[data-l="12"] > table.c > tbody > tr > td:nth-child(1) { padding: 56.25% 0 0 0; margin: 0 15px 0 0; position: relative; height: 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } div[data-l="1"] > table.c > tbody > tr > td:nth-child(2), div[data-l="12"] > table.c > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; margin-right: auto; width: 100%; } div[data-l="1"] > table.c > tbody > tr > td:nth-child(2) { text-align: left; } div[data-l="12"] > table.c > tbody > tr > td:nth-child(2) { text-align: center; } div[data-l="1"] > table.c > tbody > tr > td:nth-child(1) > img, div[data-l="12"] > table.c > tbody > tr > td:nth-child(1) > img { -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } div[data-l="1"].w > table.c > tbody > tr > td:nth-child(1) > img, div[data-l="12"].w > table.c > tbody > tr > td:nth-child(1) > img { -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; max-width: 545px; margin: 0 0 0 auto; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; } /*text > image*/ div[data-l="2"] > table.c > tbody > tr > td:nth-child(1), div[data-l="13"] > table.c > tbody > tr > td:nth-child(1) { padding: 56.25% 0 0 0; margin: 0 0 0 15px; position: relative; height: 0; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } div[data-l="2"] > table.c > tbody > tr > td:nth-child(2), div[data-l="13"] > table.c > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin-left: auto; width: 100%; } div[data-l="2"] > table.c > tbody > tr > td:nth-child(2) { text-align: right; } div[data-l="13"] > table.c > tbody > tr > td:nth-child(2) { text-align: center; } div[data-l="2"] > table.c > tbody > tr > td:nth-child(1) > img, div[data-l="13"] > table.c > tbody > tr > td:nth-child(1) > img { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } div[data-l="2"].w > table.c > tbody > tr > td:nth-child(1) > img, div[data-l="13"].w > table.c > tbody > tr > td:nth-child(1) > img { -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; max-width: 545px; margin: 0 auto 0 0; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; } div[data-l="1"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 0 15px auto; } div[data-l="1"] > table.c > tbody > tr > td > h2 { max-width: 515px; margin: 0 0 15px auto; } div[data-l="1"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 0 10px auto; } div[data-l="1"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="1"].w > table.c > tbody > tr > td > h2 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="1"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; } div[data-l="2"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 auto 15px 0; } div[data-l="2"] > table.c > tbody > tr > td > h2 { max-width: 515px; margin: 0 auto 15px 0; } div[data-l="2"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 auto 10px 0; } div[data-l="2"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="2"].w > table.c > tbody > tr > td > h2 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="2"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; } div[data-l="12"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 0 15px auto; } div[data-l="12"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 0 10px auto; } div[data-l="12"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="12"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; } div[data-l="13"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 auto 15px 0; } div[data-l="13"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 auto 10px 0; } div[data-l="13"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; } div[data-l="13"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; } } @media screen and (min-width: 0px) and (max-width: 640px) { table.c.w1 > tbody > tr, table.c.w12 > tbody > tr, table.c.w13 > tbody > tr, table.c.w2 > tbody > tr, table.c.w3 > tbody > tr { -ms-grid-columns: 100%; grid-template-columns: 100%; } table.c.w1 > tbody > tr > td:nth-child(2), table.c.w12 > tbody > tr > td:nth-child(2), table.c.w13 > tbody > tr > td:nth-child(2), table.c.w2 > tbody > tr > td:nth-child(2), table.c.w3 > tbody > tr > td:nth-child(2) { max-width: 100%; } div[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(1), div[data-l="2"] > table.c.w1 > tbody > tr > td:nth-child(1), div[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(1), div[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(1) { padding: 56.25% 0 0 0; position: relative; height: 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0 0 20px 0; } div[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(2), div[data-l="2"] > table.c.w1 > tbody > tr > td:nth-child(2), div[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(2), div[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; text-align: center; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } div[data-l="6"] > table.c.w2 > tbody > tr > td:nth-child(2), div[data-l="7"] > table.c.w3 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0 0 20px 0; } div[data-l="6"] > table.c.w2 > tbody > tr > td:nth-child(1), div[data-l="7"] > table.c.w3 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; text-align: center; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .g.tal[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(2){ text-align: left; } .g.tal[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(2){ text-align: center; font-style: italic; font-weight: 400; } .g.tal[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(2){ text-align: center; font-style: italic; font-weight: 400; } table.c.w2575 > tbody > tr { -ms-grid-columns: 100%; grid-template-columns: 100%; align-items: start; } table.c.w2575 > tbody > tr > td:nth-child(2) { max-width: 100%; } div[data-l="9"] > table.c.w2575 > tbody > tr > td:nth-child(1) { padding: 56.25% 0 0 0; height: 0; position: relative; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; margin: 0 0 20px 0; } div[data-l="9"] > table.c.w2575 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } table.c.w7525 > tbody > tr { -ms-grid-columns: 100%; grid-template-columns: 100%; align-items: start; } table.c.w7525 > tbody > tr > td:nth-child(2) { max-width: 100%; } div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(2) { padding: 0; height: auto; position: relative; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; margin: 20px 0 0 0; } div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(2) img { width:100%; max-width: 360px; display:block; } } /*div[data-l="14"] { max-width: 1150px; }*/ div[data-l="14"] > h1 { max-width: 1150px; font-size: 30px; line-height: 36px; font-weight: 700; color: #0096dc; text-transform: none; margin: 0 auto 18px auto; width: 100%; padding: 0 15px; text-align: left; } /************************************************/ /**********LAYOUT 3: Erfolgsgeschichten**********/ /************************************************/ .gc { font-size: 0; text-align: center !important; display: flex; margin: 0 auto; padding: 0 5px; } /*//NO LINK*/ .gc > .p { margin: 10px; background: #fff; display: inline-block; vertical-align: top; width: 33.333%; max-width: 360px; border: 1px solid #e8e8e8; text-align: left; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } /*image*/ .gc > .p > div:nth-child(1) { padding: 0px; margin: 0px; overflow: hidden; } .gc > .p > div:nth-child(1) > img { display:block; width:100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; object-position: 50% 50%; } /*description*/ .gc > .p > div:nth-child(2) { margin: 0; padding: 25px 20px 144px 20px; letter-spacing: -0.1px; } .gc > .p > div:nth-child(2) > p { margin: 0; font-size: 14px; /*16*/ line-height: 1.5; /*1.3*/ word-break: break-word; font-weight: 500; } /*name,job,company*/ .gc > .p > div:nth-child(3) { margin: 0; padding: 20px 20px 24px 20px; letter-spacing: -0.1px; position: absolute; bottom: 0; left: 0; width: 100%; } .gc > .p > div:nth-child(3) > img { width: 33.333%; aspect-ratio: 1; object-fit: cover; position: absolute; right: -10px; bottom: 10px; border-radius: 50%; } .gc > .p > div:nth-child(3) > h2 { margin: 0 0 10px 0; font-size: 18px; line-height: 1.2; padding: 0 33.333% 0 0; word-break: break-word; } .gc > .p > div:nth-child(3) > p { margin: 0; font-size: 14px; line-height: 1.5; padding: 0 33.333% 0 0; word-break: break-word; } /*//LINK 24*/ .gc > .u { margin: 10px; background: #f7f7f7; display: inline-block; vertical-align: top; width: 33.333%; max-width: 360px; border: 1px solid #e8e8e8; text-align: left; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; cursor: pointer; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; transition: border-color 0.2s ease; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); } @media (hover: hover){ .gc > .u:hover { border: 1px solid rgb(0,150,220); -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); } } /*anchor*/ .gc > .u > a { color:#000 !important; user-select: none; -webkit-user-drag: none; } /*image*/ .gc > .u > a > div:nth-child(1) { padding: 0px; margin: 0px; overflow: hidden; } .gc > .u > a > div:nth-child(1) > img { display:block; width:100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; object-position: 50% 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out; -o-transition: transform 0.1s ease-in-out; -ms-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; } .gc > .u:hover > a > div:nth-child(1) > img { -webkit-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075); } /*description*/ .gc > .u > a > div:nth-child(2) { margin: 0; padding: 25px 20px 144px 20px; letter-spacing: -0.1px; } .gc > .u > a > div:nth-child(2) > p { margin: 0; font-size: 14px; /*16*/ line-height: 1.5; /*1.3*/ word-break: break-word; font-weight: 500; } @media (hover: hover){ .gc > .u:hover > a > div:nth-child(2) > p b, .gc > .u:hover > a > div:nth-child(2) > p u, .gc > .u:hover > a > div:nth-child(2) > p strong { color: rgb(0,150,220); } } /*name,job,company*/ .gc > .u > a > div:nth-child(3) { margin: 0; padding: 20px 20px 24px 20px; letter-spacing: -0.1px; position: absolute; bottom: 0; left: 0; width: 100%; } .gc > .u > a > div:nth-child(3) > img { width: 33.333%; aspect-ratio: 1; object-fit: cover; position: absolute; right: -10px; bottom: 10px; border-radius: 50%; } .gc > .u > a > div:nth-child(3) > h2 { margin: 0 0 10px 0; font-size: 18px; line-height: 1.2; padding: 0 33.333% 0 0; word-break: break-word; } .gc > .u > a > div:nth-child(3) > p { margin: 0; font-size: 14px; line-height: 1.5; padding: 0 33.333% 0 0; word-break: break-word; } /*//LINK 23*/ .gc > .c { margin: 10px; background: #f7f7f7; display: inline-block; vertical-align: top; /*width: -webkit-calc(var(--l3w) - 20px); width: -moz-calc(var(--l3w) - 20px); width: calc(var(--l3w) - 20px);*/ max-width: 360px; text-align: left; cursor: pointer; position: relative; border: 1px solid #f7f7f7; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; transition: border-color 0.2s ease; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } @media (hover: hover){ .gc > .c:hover { border: 1px solid rgb(0,150,220); -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); } } .gc > .c > a { color:#000; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } /*image*/ .gc > .c > a > div:nth-child(1) { padding: 0px; margin: 0px; overflow: hidden; } .gc > .c > a > div:nth-child(1) > img { display:block; width:100%; height: 100%; object-fit: cover; aspect-ratio: 16/9; object-position: 50% 50%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out; -o-transition: transform 0.1s ease-in-out; -ms-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; } .gc > .c:hover > a > div:nth-child(1) > img { -webkit-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075); } /*tag*/ .gc > .c > a > div:nth-child(2) { padding: 20px 20px 0px 20px; margin: 0px 0px 5px 0px; font-size: 10px; line-height: 10px; text-transform: uppercase; display: inline-block; vertical-align: top; width: 100%; } /*title*/ .gc > .c > a > div:nth-child(3) { padding: 0 20px 0px 20px; margin: 0; } .gc > .c > a > div:nth-child(3) > h1 { padding: 0; margin: 0 0 10px 0; font-size: 18px; line-height: 1.2; font-weight: bold; color: #000; display: inline-block; vertical-align: top; width: 100%; } /*description*/ .gc > .c > a > div:nth-child(4) { margin: 0; padding: 0px 20px 50px 20px; /*date*/ /*padding: 0px 20px 83px 20px;*/ /*button*/ } .gc > .c > a > div:nth-child(4) > p { font-size: 14px; line-height: 1.5; padding: 0; margin: 0; word-break: break-word; letter-spacing: -0.1px; } /*text*/ .gc > .c > a > div:nth-child(5) { padding: 0 20px 28px 20px; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; } .gc > .c > a > div:nth-child(5) > div { margin: 0; padding: 0; line-height: 1; font-size: 14px; font-weight: 600; } .gc > .c > a > div:nth-child(5) > div > i { vertical-align: middle; } @media (hover: hover){ .gc > .c:hover > a > div:nth-child(5) > div { color: #0096dc; } .gc > .c:hover > a > div:nth-child(5) > div > i { color: #0096dc; } } /************************************************/ /**************LAYOUT 10: 4 COLUMNS**************/ /************************************************/ /************************************************/ /**************LAYOUT 10: 4 COLUMNS**************/ /************************************************/ .g > .c4 { font-size: 0; text-align: center !important; display: inline-block; /*flex;*/ margin: 0 auto; width: 100%; max-width: 1150px; justify-content: center; } .g > .c4 > .p { width: inherit; margin: 10px 0; padding: 0; display: inline-block; vertical-align: top; border: none; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .g > .c4 > .p > div:nth-child(1) { padding: 0px 15px; margin: 0 0 10px 0; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .g > .c4[data-l="3"] > .p:nth-child(1) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows1.png"); } .g > .c4[data-l="3"] > .p:nth-child(2) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows2.png"); } .g > .c4[data-l="3"] > .p:nth-child(3) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows2.png"); } .g > .c4[data-l="3"] > .p:nth-child(4) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows3.png"); } .g > .c4 > .p > div:nth-child(1) > img { display:block; width: 100%; object-fit: cover; object-position: 50% 50%; padding: 0; border-radius: 0%; max-width: 320px; /*25*/ pointer-events: none; } .g > .c4[data-l="3"] > .p > div:nth-child(1) > img { padding: 0 25%; border-radius: 50%; } .g > .c4 > .p > div:nth-child(2) { padding: 0px 15px; margin: 0px 0px 0px 0px; } .g > .c4 > .p > div:nth-child(2) > h2 { font-size: 20px; line-height: 1.39; text-align: left; display: inline-block; vertical-align: top; width: 100%; margin: 10px 0; } .g > .c4 > .p > div:nth-child(2) > p { font-size: 16px; line-height: 27px; display: inline-block; vertical-align: top; text-align: left; width: 100%; margin: 0; } .g > .c4 > .p > div:nth-child(2) > p > span { color: rgba(0,0,0,0.25); } .g > .c4 > .p > div:nth-child(2) > p > a { color: #000; text-decoration: none; } @media (hover: hover){ .g > .c4 > .p > div:nth-child(2) > p > a:hover { color: #000; text-decoration: underline; } } .g > .c4 > .p > div:nth-child(2) > p > a.b { color: #0096dc; text-decoration: none; } @media (hover: hover){ .g > .c4 > .p > div:nth-child(2) > p > a.b:hover { color: #0096dc; text-decoration: none; /*underline*/ } } @media screen and (min-width: 862.5px) { .g > .c4 > .p { width: 25%; } } @media screen and (min-width: 647px) and (max-width: 862.5px) { .g > .c4 > .p { width: 50%; } } @media screen and (min-width: 485px) and (max-width: 647px) { .g > .c4 > .p { width: 50%; } } @media screen and (min-width: 0px) and (max-width: 485px) { /*SLIDER*/ .g > .c4 { display: flex; width: 100%; min-width: 0; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; /*center, flex-end*/ padding: 0; } .g > .c4 > .p, .g > .c4 > .c, .g > .c4 > .u { flex: 0 0 100vw; /*//flex-grow, flex-shrink, and flex-basis*/ flex-grow: 0; flex-shrink: 0; flex-basis: 100%; -webkit-transition: margin-left 0.2s ease; transition: margin-left 0.2s ease; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); cursor: grab; } /*X4*/ .g[data-p="1"][data-n="4"] > .c4 > .p:nth-child(1), .g[data-p="1"][data-n="4"] > .c4 > .c:nth-child(1), .g[data-p="1"][data-n="4"] > .c4 > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="4"] > .c4 > .p:nth-child(1), .g[data-p="2"][data-n="4"] > .c4 > .c:nth-child(1), .g[data-p="2"][data-n="4"] > .c4 > .u:nth-child(1) { margin-left: -100%; } .g[data-p="3"][data-n="4"] > .c4 > .p:nth-child(1), .g[data-p="3"][data-n="4"] > .c4 > .c:nth-child(1), .g[data-p="3"][data-n="4"] > .c4 > .u:nth-child(1) { margin-left: -200%; } .g[data-p="4"][data-n="4"] > .c4 > .p:nth-child(1), .g[data-p="4"][data-n="4"] > .c4 > .c:nth-child(1), .g[data-p="4"][data-n="4"] > .c4 > .u:nth-child(1) { margin-left: -300%; } /*X3*/ .g[data-p="1"][data-n="3"] > .c4 > .p:nth-child(1), .g[data-p="1"][data-n="3"] > .c4 > .c:nth-child(1), .g[data-p="1"][data-n="3"] > .c4 > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="3"] > .c4 > .p:nth-child(1), .g[data-p="2"][data-n="3"] > .c4 > .c:nth-child(1), .g[data-p="2"][data-n="3"] > .c4 > .u:nth-child(1) { margin-left: -100%; } .g[data-p="3"][data-n="3"] > .c4 > .p:nth-child(1), .g[data-p="3"][data-n="3"] > .c4 > .c:nth-child(1), .g[data-p="3"][data-n="3"] > .c4 > .u:nth-child(1) { margin-left: -200%; } /*X2*/ .g[data-p="1"][data-n="2"] > .c4 > .p:nth-child(1), .g[data-p="1"][data-n="2"] > .c4 > .c:nth-child(1), .g[data-p="1"][data-n="2"] > .c4 > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="2"] > .c4 > .p:nth-child(1), .g[data-p="2"][data-n="2"] > .c4 > .c:nth-child(1), .g[data-p="2"][data-n="2"] > .c4 > .u:nth-child(1) { margin-left: -100%; } } /************************************************/ /************LAYOUT 4: Ansprechpartner***********/ /************************************************/ .ap { font-size: 0; display: flex; margin: 0 auto; width: 100%; justify-content: center; } .ap > .p { margin: 10px 0; padding: 0 15px; display: inline-block; vertical-align: top; /*width: -webkit-calc(var(--l4w) - 20px); width: -moz-calc(var(--l4w) - 20px); width: calc(var(--l4w) - 20px); max-width: 360px;*/ width: 33.333%; max-width: 383.333px; border: none; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } .ap > .p > div:nth-child(1) { padding: 0px; margin: 0 0 10px 0; overflow: hidden; } .ap > .p > div:nth-child(1) > img { display:block; width: 100%; max-width: 190.666px; /*200*/ object-fit: cover; object-position: 50% 50%; border-radius: 50%; } .ap > .p > div:nth-child(2) { padding: 0px; margin: 0px 0px 0px 0px; } .ap > .p > div:nth-child(2) > p:nth-of-type(1) { /*name*/ font-size: 16px; font-weight: bold; line-height: 27px; display: inline-block; vertical-align: top; overflow: hidden; text-align: center; width: 100%; margin: 0; } .ap > .p > div:nth-child(2) > p:nth-of-type(2) { /*job title*/ font-size: 14px; line-height: 1.3; margin: 0 0 16px 0; display: inline-block; vertical-align: top; overflow: hidden; text-align: center; width: 100%; } .ap > .p > div:nth-child(2) > p:nth-of-type(3) { /*region*/ font-size: 14px; font-weight: bold; line-height: 1.3; margin: 0 0 4px 0; display: inline-block; vertical-align: top; overflow: hidden; text-align: center; width: 100%; } /* .ap > .p > div:nth-child(2) > p > span { color: rgba(0,0,0,0.25); } .ap > .p > div:nth-child(2) > p > a { color: #000; text-decoration: none; } @media (hover: hover){ .ap > .p > div:nth-child(2) > p > a:hover { color: #000; text-decoration: underline; } } */ /************************************************/ /****************LAYOUT 5: STRIPE****************/ /************************************************/ div[data-l="5"] { background: rgb(0,150,220); color: #fff; } div.str { display: inline-block; vertical-align: top; text-align: left; font-size: 0px; max-width: 1140px; padding: 0 5px; margin: 0 auto; } div.str > h1 { font-size: 30px; line-height: 36px; font-weight: 700; color: #fff; text-transform: none; margin: 0 0 5px 0; padding: 0 10px; } div.str > p { display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 16px; line-height: 27px; margin: 10px 0; } div.str > p > a { display: block; margin: 0; padding: 11.5px 20px; font-size: 16px !important; line-height: 27px; min-height: 50px; background: #fff; color: #0096dc !important; font-weight: 700 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; } @media screen and (min-width: 0px) and (max-width: 725px) { div.str { text-align: center !important; } } @media (hover: hover){ div.str > p > a:hover { background: #000; color: #fff !important; } } /************************************************/ /**************LAYOUT 7: HERO FOOTER*************/ /************************************************/ .hf { position: relative; background: #000; width: 100%; height: 100%; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); min-height: 270px; } .hf > div:nth-child(1) > img { opacity: 0.666; width: 100%; height: 100%; max-height: -webkit-calc(100vh - 120px); max-height: -moz-calc(100vh - 120px); max-height: calc(100vh - 120px); min-height: 270px; object-fit: cover; } .hf > div:nth-child(2) { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1150px; margin: 0 auto; } .hf > div:nth-child(2) > div { padding: 0 15px; color: #fff; } .hf > div:nth-child(2) > div:nth-child(2) { font-size: 80px; line-height: 1.01; font-weight: 700; letter-spacing: 1px; margin: 0 0 10px 0; } .hf > div:nth-child(2) > div:nth-child(3) { font-size: 30px; line-height: 1.35; font-weight: 500; margin: 0 0 10px 0; letter-spacing: 0.25px; } .hf > div:nth-child(2) > div:nth-child(4) > a { display: inline-block; margin: 10px 0 0 0; padding: 10.4px 18px; min-height: 50px; border: 2px solid #fff; background: transparent; color: #fff; font-weight: 700; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; line-height: 1.68; } @media screen and (max-width: 1040px) { /*720*/ .hf > div:nth-child(2) > div:nth-child(6) { display: none; } } @media screen and (max-width: 640px) { /*720*/ .hf { background: #fff; width: 100%; height: auto; max-height: none; min-height: 0; } .hf > div:nth-child(1) { padding: 56.25% 0 0 0; height: 0; position: relative; margin: 0 0 20px 0; } .hf > div:nth-child(1) > img { opacity: 1; width: 100%; height: 100%; max-height: none; min-height: 0; object-fit: cover; display: inline-block; position: absolute; left: 0; right: 0; top: 0; } .hf > div:nth-child(2) { position: relative; bottom: auto; left: auto; right: auto; width: 100%; max-width: 1150px; margin: 0 auto; overflow: hidden; } .hf > div:nth-child(2) > div { text-align: center; } .hf > div:nth-child(2) > div:nth-child(1) { display: none; } .hf > div:nth-child(2) > div:nth-child(2) { font-size: 30px; line-height: 36px; /*1.18*/ font-weight: 700; /*bold*/ color: #0096dc; text-transform: none; margin: 0 0 15px 0; } .hf > div:nth-child(2) > div:nth-child(3) { font-size: 16px; line-height: 27px; /*1.68;*/ font-weight: 400; /*normal*/ color: #000; margin: 0 0 10px 0; } .hf > div:nth-child(2) > div:nth-child(4) { margin: 0 0 10px 0; } .hf > div:nth-child(2) > div:nth-child(4) > a { border: 2px solid #0096dc; background: #0096dc; color: #fff; } .hf > div:nth-child(2) > div:nth-child(5) { /*line40*/ display: none; } .hf > div:nth-child(2) > div:nth-child(6) { /*line60*/ display: block; } } @media (hover: hover){ .hf > div:nth-child(2) > div:nth-child(4) > a:hover { border: 2px solid #000; background: #000; } } /*####################################################### ####################MOSAIC 1 ; TEAM####################*/ .mosaic { font-size: 0px; max-width: 1150px; padding: 0 5px; margin: 0 auto; } .mosaic > table { width: 100%; height: 100%; margin: 0px; border-spacing: 0px; border-radius: 0px; border-collapse: collapse; } .mosaic > table > tbody { border: none; } .mosaic > table > tbody > tr { display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; grid-auto-flow: column; -ms-grid-columns: repeat(24, 1fr); grid-template-columns: repeat(24, 1fr); -ms-grid-rows: repeat(20, 1fr); grid-template-rows: repeat(20, 1fr); width: 100%; height: 100%; aspect-ratio: 4 / 3; align-items: normal; /*//middle normal*/ } @supports not (aspect-ratio: 4 / 3) { .mosaic > table > tbody > tr::before { float: left; padding-top: 100%; content: ""; } .mosaic > table > tbody > tr::after { display: block; content: ""; clear: both; } } .mosaic > table > tbody > tr > td { padding:0px; margin:10px; text-align: center; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .mosaic > table > tbody > tr > td:nth-child(1) { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 7; /*background: #c7c7c7;*/ } .mosaic > table > tbody > tr > td:nth-child(2) { grid-column-start: 9; grid-column-end: 19; grid-row-start: 1; grid-row-end: 7; /*background: #24E653;*/ } .mosaic > table > tbody > tr > td:nth-child(3) { grid-column-start: 19; grid-column-end: 25; grid-row-start: 1; grid-row-end: 9; /*background: #EF8D10;*/ } .mosaic > table > tbody > tr > td:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 7; grid-row-end: 10; /*background: #d500ff;*/ } .mosaic > table > tbody > tr > td:nth-child(5) { grid-column-start: 13; grid-column-end: 19; grid-row-start: 7; grid-row-end: 12; /*background: #ff00b5;*/ } .mosaic > table > tbody > tr > td:nth-child(6) { grid-column-start: 19; grid-column-end: 25; grid-row-start: 9; grid-row-end: 12; /*background: #53D337;*/ } .mosaic > table > tbody > tr > td:nth-child(7) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 10; grid-row-end: 21; /*background: #C79735;*/ } .mosaic > table > tbody > tr > td:nth-child(8) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 10; grid-row-end: 16; /*background: #2E20DA;*/ } .mosaic > table > tbody > tr > td:nth-child(9) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 16; grid-row-end: 21; /*background: #2BC8C1;*/ } .mosaic > table > tbody > tr > td:nth-child(10) { grid-column-start: 13; grid-column-end: 25; grid-row-start: 12; grid-row-end: 21; /*background: #AF2435;*/ } .mosaic > table > tbody > tr > td > img { width: 100%; height: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(1) > img { object-position:50%; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(2) { background: rgba(0,150,220,1); } .mosaic > table > tbody > tr > td:nth-child(2) > img { object-position:50%; width: 90%; object-fit: contain; } .mosaic > table > tbody > tr > td:nth-child(3) > img { object-position:50%; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(4) > img { object-position:50%; width: 90%; object-fit: contain; } .mosaic > table > tbody > tr > td:nth-child(5) > img { object-position:50%; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(6) > img { object-position:50%; width: 90%; object-fit: contain; } .mosaic > table > tbody > tr > td:nth-child(7) > img { object-position:40%; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(8) > img { object-position:50%; object-fit: cover; } .mosaic > table > tbody > tr > td:nth-child(9) { background: rgba(0,150,220,1); } .mosaic > table > tbody > tr > td:nth-child(9) > img { object-position:50%; width: 90%; object-fit: contain; } .mosaic > table > tbody > tr > td:nth-child(10)> img { object-position:50%; object-fit: cover; } @media screen and (min-width: 0px) and (max-width: 485px) { .mosaic > table > tbody > tr { display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; grid-auto-flow: column; -ms-grid-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); -ms-grid-rows: repeat(14, 1fr); grid-template-rows: repeat(14, 1fr); width: 100%; height: 100%; aspect-ratio: 1 / 3; align-items: normal; /*//middle normal*/ } .mosaic > table > tbody > tr > td:nth-child(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .mosaic > table > tbody > tr > td:nth-child(2) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; } .mosaic > table > tbody > tr > td:nth-child(3) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 6; grid-row-end: 8; } .mosaic > table > tbody > tr > td:nth-child(4) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; } .mosaic > table > tbody > tr > td:nth-child(5) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 8; } .mosaic > table > tbody > tr > td:nth-child(6) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; } .mosaic > table > tbody > tr > td:nth-child(7) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 9; grid-row-end: 13; } .mosaic > table > tbody > tr > td:nth-child(8) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 9; grid-row-end: 11; } .mosaic > table > tbody > tr > td:nth-child(9) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 11; grid-row-end: 13; } .mosaic > table > tbody > tr > td:nth-child(10) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 13; grid-row-end: 15; } .mosaic > table > tbody > tr > td:nth-child(1) > img { object-position: 0 35%; } } /*####################################################### #########################GENERIC#######################*/ .g > .pag { display: none; overflow: hidden; height: 20px; text-align: center !important; margin-top: 7px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0; } .g > .pag > div { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #bfbfbf; display: inline-block; vertical-align: top; margin: 5px; cursor: pointer; } /*X2*/ .g[data-p="1"][data-n="2"] > .pag > div:nth-child(1), .g[data-p="2"][data-n="2"] > .pag > div:nth-child(2) { background: #bfbfbf; cursor: default; pointer-events: none; } /*X3*/ .g[data-p="1"][data-n="3"] > .pag > div:nth-child(1), .g[data-p="2"][data-n="3"] > .pag > div:nth-child(2), .g[data-p="3"][data-n="3"] > .pag > div:nth-child(3) { background: #bfbfbf; cursor: default; pointer-events: none; } /*X4*/ .g[data-p="1"][data-n="4"] > .pag > div:nth-child(1), .g[data-p="2"][data-n="4"] > .pag > div:nth-child(2), .g[data-p="3"][data-n="4"] > .pag > div:nth-child(3), .g[data-p="4"][data-n="4"] > .pag > div:nth-child(4) { background: #bfbfbf; cursor: default; pointer-events: none; } @media screen and (min-width: 0px) and (max-width: 862.5px) { /*SLIDER*/ .g > .gc, .g > .ap { display: flex; width: 100%; /* Set the desired width of the container */ min-width: 0; flex-direction: row; flex-wrap: nowrap; /*wrap*/ justify-content: flex-start; /*center, flex-end*/ } .g > .gc { padding: 0 5px; max-width: var(--mw); } .g > .ap { padding: 0; max-width: var(--mw); } .g > .gc > .p, .g > .gc > .u { max-width: -webkit-calc(100% - 20px); max-width: -moz-calc(100% - 20px); max-width: calc(100% - 20px); } .g > .gc > .p, .g > .gc > .c, .g > .gc > .u, .g > .ap > .p, .g > .ap > .c, .g > .ap > .u { /*flex: 0 0 100%;*/ /*//flex-grow, flex-shrink, and flex-basis*/ flex-grow: 0; flex-shrink: 0; flex-basis: 100%; -webkit-transition: margin-left 0.2s ease; -moz-transition: margin-left 0.2s ease; -o-transition: margin-left 0.2s ease; -ms-transition: margin-left 0.2s ease; transition: margin-left 0.2s ease; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0); cursor: grab; } /*X3*/ .g[data-p="1"][data-n="3"] > .ap > .p:nth-child(1), .g[data-p="1"][data-n="3"] > .ap > .c:nth-child(1), .g[data-p="1"][data-n="3"] > .ap > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="3"] > .ap > .p:nth-child(1), .g[data-p="2"][data-n="3"] > .ap > .c:nth-child(1), .g[data-p="2"][data-n="3"] > .ap > .u:nth-child(1) { margin-left: -100%; } .g[data-p="3"][data-n="3"] > .ap > .p:nth-child(1), .g[data-p="3"][data-n="3"] > .ap > .c:nth-child(1), .g[data-p="3"][data-n="3"] > .ap > .u:nth-child(1) { margin-left: -200%; } /*X2*/ .g[data-p="1"][data-n="2"] > .ap > .p:nth-child(1), .g[data-p="1"][data-n="2"] > .ap > .c:nth-child(1), .g[data-p="1"][data-n="2"] > .ap > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="2"] > .ap > .p:nth-child(1), .g[data-p="2"][data-n="2"] > .ap > .c:nth-child(1), .g[data-p="2"][data-n="2"] > .ap > .c:nth-child(1) { margin-left: -100%; } /*X3*/ .g[data-p="1"][data-n="3"] > .gc > .p:nth-child(1), .g[data-p="1"][data-n="3"] > .gc > .c:nth-child(1), .g[data-p="1"][data-n="3"] > .gc > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="3"] > .gc > .p:nth-child(1), .g[data-p="2"][data-n="3"] > .gc > .c:nth-child(1), .g[data-p="2"][data-n="3"] > .gc > .u:nth-child(1) { margin-left: -webkit-calc(-100% + 10px); margin-left: -moz-calc(-100% + 10px); margin-left: calc(-100% + 10px); } .g[data-p="3"][data-n="3"] > .gc > .p:nth-child(1), .g[data-p="3"][data-n="3"] > .gc > .c:nth-child(1), .g[data-p="3"][data-n="3"] > .gc > .u:nth-child(1) { margin-left: -webkit-calc(-200% + 10px); margin-left: -moz-calc(-200% + 10px); margin-left: calc(-200% + 10px); } /*X2*/ .g[data-p="1"][data-n="2"] > .gc > .p:nth-child(1), .g[data-p="1"][data-n="2"] > .gc > .c:nth-child(1), .g[data-p="1"][data-n="2"] > .gc > .u:nth-child(1) { /*//nothing*/ } .g[data-p="2"][data-n="2"] > .gc > .p:nth-child(1), .g[data-p="2"][data-n="2"] > .gc > .c:nth-child(1), .g[data-p="2"][data-n="2"] > .gc > .c:nth-child(1) { margin-left: -webkit-calc(-100% + 10px); margin-left: -moz-calc(-100% + 10px); margin-left: calc(-100% + 10px); } /*ARROWS*/ .g:not([data-l="11"]) > .a { height: 32px; width: 32px; background-color: #0096dc; background-repeat: no-repeat; background-size: contain; position: absolute; top: var(--l3i); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; z-index: 8; } .g:not([data-l="11"]) > .a:nth-of-type(1) { left: 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-image: url("../../../blocks/gofast_content/img/arl_w.png"); } .g:not([data-l="11"]) > .a:nth-of-type(2) { right: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-image: url("../../../blocks/gofast_content/img/arr_w.png"); } .g.na:not([data-l="11"]) > .a { display:none; pointer-events: none; } /*HIDE ARROWS*/ .g[data-p="1"][data-n="2"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; } .g[data-p="2"][data-n="2"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; } .g[data-p="1"][data-n="3"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; } .g[data-p="3"][data-n="3"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; } .g[data-p="1"][data-n="4"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; } .g[data-p="4"][data-n="4"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; } /*PAGINATION*/ .g:not([data-l="11"]) > .pag { display: block; } } @media screen and (min-width: 0px) and (max-width: 485px) { /*ARROWS data-l="11"*/ .g[data-l="11"] > .a { height: 32px; width: 32px; background-color: #0096dc; background-repeat: no-repeat; background-size: contain; position: absolute; top: var(--l3i); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; z-index: 8; } .g[data-l="11"] > .a:nth-of-type(1) { left: 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-image: url("../../../blocks/gofast_content/img/arl_w.png"); } .g[data-l="11"] > .a:nth-of-type(2) { right: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-image: url("../../../blocks/gofast_content/img/arr_w.png"); } .g.na[data-l="11"] > .a { display:none; pointer-events: none; } /*HIDE ARROWS*/ .g[data-p="1"][data-n="2"][data-l="11"] > .a:nth-of-type(1) { display:none; } .g[data-p="2"][data-n="2"][data-l="11"] > .a:nth-of-type(2) { display:none; } .g[data-p="1"][data-n="3"][data-l="11"] > .a:nth-of-type(1) { display:none; } .g[data-p="3"][data-n="3"][data-l="11"] > .a:nth-of-type(2) { display:none; } .g[data-p="1"][data-n="4"][data-l="11"] > .a:nth-of-type(1) { display:none; } .g[data-p="4"][data-n="4"][data-l="11"] > .a:nth-of-type(2) { display:none; } /*PAGINATION*/ .g[data-l="11"] > .pag { display: block; } } .lspc1 { letter-spacing: -0.1px; } .lspc2 { letter-spacing: -0.2px; } .lspc3 { letter-spacing: -0.3px; } .lspc4 { letter-spacing: -0.4px; } .lspc5 { letter-spacing: -0.5px; } .lspc6 { letter-spacing: -0.6px; } .lspc7 { letter-spacing: -0.7px; } .lspc8 { letter-spacing: -0.8px; } .lspc9 { letter-spacing: -0.9px; } div.ccm-ui .ccm-tab-content { padding-top: 0px !important; display: block !important; } /*GENERIC*/ table > tbody > tr > td > img.opt { object-position: top !important; } table > tbody > tr > td > img.opb { object-position: bottom !important; } table > tbody > tr > td > img.opl { object-position: left !important; } table > tbody > tr > td > img.opr { object-position: right !important; }