#stacks_in_4880 { margin: 20px; } #stacks_in_4878 { padding: 20px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4884 { height: 40.00px; } @media print { #spacerStackstacks_in_4884 { display: none !important; } } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_4913 { overflow: visible !important; } #feature-cards-stacks_in_4913 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_4913 * { box-sizing: border-box; } #feature-cards-stacks_in_4913 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_4913 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_4913 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_4913 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_4913 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_4913 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_4913 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_4913 .feature-card { /* */ background: rgba(245, 245, 245, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_4913 .feature-card-stacks { display: none; } #feature-cards-stacks_in_4913 .feature-card-icon { /* */ background: rgba(255, 0, 0, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_4913 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_4913 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: left; } #feature-cards-stacks_in_4913 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #333333; font-size: 24px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_4913 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #333333; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_4913 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_4913 .feature-card:hover .feature-card-icon { /**/ background: #ECEFEF; /**/ } #feature-cards-stacks_in_4913 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #7B7B7B; /**/ } #feature-cards-stacks_in_4913 .feature-card:hover .feature-card-header { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4913 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4913 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_4913 .feature-grid.ripple .feature-card::before { background: #FF0000; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_4913 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_4913 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_4913 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_4913 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #FF0000; } #feature-cards-stacks_in_4913 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4913 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_4913 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4913 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4913 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4913 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_4913 .feature-outer { /**/ max-width: 33.333332%; /**/ width: 33.333332%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_4913 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_4913 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_4914 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_4919 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_4923 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4883 { height: 40.00px; } @media print { #spacerStackstacks_in_4883 { display: none !important; } } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_4906 { overflow: visible !important; } #feature-cards-stacks_in_4906 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_4906 * { box-sizing: border-box; } #feature-cards-stacks_in_4906 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_4906 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_4906 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_4906 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_4906 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_4906 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_4906 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_4906 .feature-card { /* */ background: rgba(245, 245, 245, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_4906 .feature-card-stacks { display: none; } #feature-cards-stacks_in_4906 .feature-card-icon { /* */ background: rgba(255, 0, 0, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_4906 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_4906 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: left; } #feature-cards-stacks_in_4906 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #333333; font-size: 24px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_4906 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #333333; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_4906 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_4906 .feature-card:hover .feature-card-icon { /**/ background: #ECEFEF; /**/ } #feature-cards-stacks_in_4906 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #7B7B7B; /**/ } #feature-cards-stacks_in_4906 .feature-card:hover .feature-card-header { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4906 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4906 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_4906 .feature-grid.ripple .feature-card::before { background: #FF0000; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_4906 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_4906 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_4906 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_4906 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #FF0000; } #feature-cards-stacks_in_4906 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4906 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_4906 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4906 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4906 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4906 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_4906 .feature-outer { /**/ max-width: 33.333332%; /**/ width: 33.333332%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_4906 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_4906 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_4907 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_4927 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_4931 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4912 { height: 40.00px; } @media print { #spacerStackstacks_in_4912 { display: none !important; } } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_4935 { overflow: visible !important; } #feature-cards-stacks_in_4935 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_4935 * { box-sizing: border-box; } #feature-cards-stacks_in_4935 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #feature-cards-stacks_in_4935 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_4935 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_4935 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_4935 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_4935 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_4935 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_4935 .feature-card { /* */ background: rgba(245, 245, 245, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_4935 .feature-card-stacks { display: none; } #feature-cards-stacks_in_4935 .feature-card-icon { /* */ background: rgba(137, 176, 37, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_4935 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_4935 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: left; } #feature-cards-stacks_in_4935 .feature-card-header { /* */ font-family: "Nunito"; /* */ margin: 0; color: #263238; font-size: 24px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_4935 .feature-card-description { /* */ font-family: "Nunito"; /* */ /* */ margin: 10px 0; display: block; color: #455A64; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_4935 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_4935 .feature-card:hover .feature-card-icon { /**/ background: #ECEFEF; /**/ } #feature-cards-stacks_in_4935 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #7B7B7B; /**/ } #feature-cards-stacks_in_4935 .feature-card:hover .feature-card-header { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4935 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_4935 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_4935 .feature-grid.ripple .feature-card::before { background: #89B025; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_4935 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_4935 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_4935 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_4935 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #89B025; } #feature-cards-stacks_in_4935 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4935 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_4935 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4935 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_4935 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_4935 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_4935 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_4935 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_4935 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_4936 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4941 { height: 40.00px; } @media print { #spacerStackstacks_in_4941 { display: none !important; } } #fullScreenWrapper-player1 { width: 100%; } #playerWrapper-player1 { display: block; position: relative; } #playerWrapper-player1 *, #playerWrapper-player1 *:before, #playerWrapper-player1 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player1 { position: relative; width: 100%; height: 0; background: rgba(29, 31, 36, 1.00); } #mediaFrame-player1 { padding-bottom: 56.25%; } #playerWrapper-player1 #media-player1 { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player1 .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player1 .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player1 .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player1 .splash-button-inner { display: inline; z-index: 25; color: rgba(255, 0, 0, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player1 .splash-button-inner [class^="fa fa-"] { color: rgba(255, 0, 0, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1 .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player1 { position: relative; z-index: 4; width: 100%; } #toolbar-player1 button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player1 { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player1 { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player1:hover #toolbar-player1 { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player1.playerInFullScreenMode:hover #toolbar-player1, #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarHovered, .playerTouchDevice #playerWrapper-player1.playerInFullScreenMode #toolbar-player1 { opacity: 1.00; } */ #playerWrapper-player1.playerInFullScreenMode #fullscreenHoverRegionstacks_in_4618 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player1 { position: absolute; left: 0; bottom: 0; z-index: 100; } /* Don't overlay on touch devices and always have full opacity */ .playerTouchDevice #toolbar-player1 { position: relative; left: auto; bottom: auto; margin: 0px; opacity: 1.00; } #toolbar-player1 .media-button, #toolbar-player1 .timingContent { line-height: 45px; } #toolbar-player1 .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player1 span.time, #media-controls-player1 span.player-extra-element, #media-controls-player1 span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_4618 { order: 3; display: block; } #pausestacks_in_4618 { order: 3; display: none /* Start hidden */ } #skipBackstacks_in_4618 { order: 2; } #skipForwardstacks_in_4618 { order: 4; } #timingstacks_in_4618 { order: 5; cursor: default; } #expandToFullScreenstacks_in_4618 { order: 8; } #contractFromFullScreenstacks_in_4618 { order: 8; display: none /* Start hidden */ } @media screen and (max-width: 567px) { #expandToFullScreenstacks_in_4618, #contractFromFullScreenstacks_in_4618 { display: none !important; } } #toolbar-player1 [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player1 [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player1 .media-button a, #toolbar-player1 .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player1 span.media-button a:hover, #media-controls-player1 span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player1 .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player1 .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_4618 { display: flex; flex: 1; align-items: center; } #toolbar-player1 .duration, #toolbar-player1 .scrubberWrapper, #toolbar-player1 .time { /* display: table-cell; */ } #toolbar-player1 .time, #toolbar-player1 .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player1 .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player1 .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player1 .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player1 .progress { background-color: rgba(255, 0, 0, 1.00); } /* @group Volume */ #volumestacks_in_4618 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_4618 { display: none !important; } #volumestacks_in_4618:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_4618 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_4618:hover #volumeMasterControllerstacks_in_4618 { display: none; } #volumeMinstacks_in_4618 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_4618 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_4618[type=range], #volumeMinstacks_in_4618, #volumeMaxstacks_in_4618 { display: none; } #volumeMinstacks_in_4618, #volumeMaxstacks_in_4618 { cursor: pointer; } #volumestacks_in_4618:hover #volumeMinstacks_in_4618, #volumestacks_in_4618:hover #volumeMaxstacks_in_4618, #volumestacks_in_4618:hover #volume-barstacks_in_4618 { display: inline; } #volume-barstacks_in_4618[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_4618[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_4618[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_4618[type=range]:focus { outline: none; } #volume-barstacks_in_4618[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_4618[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_4618[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_4618[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_4618[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_4618[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_4618[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_4618[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_4618[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player1.playerInFullScreenMode, #fullScreenWrapper-player1.playerInFullScreenMode #playerWrapper-player1 { height: 100%; } #fullScreenWrapper-player1.playerInFullScreenMode #mediaFrame-player1 { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player1.playerInFullScreenMode player1 { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #toolbar-player1.toolbarVisible { display: flex; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1 { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player1.playerInFullScreenMode #PlayerCaptionsBarplayer1.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player1 #fullscreenHoverRegion-player1 { display: none; } #fullScreenWrapper-player1.playerInFullScreenMode #fullscreenHoverRegion-player1 { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4882 { height: 40.00px; } @media print { #spacerStackstacks_in_4882 { display: none !important; } } #stacks_in_4946_button { display:block; position: relative; text-align: center; } #stacks_in_4946 a:link, #stacks_in_4946 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_4946 a:hover, #stacks_in_4946 a:active { color:#FFFFFF; } #stacks_in_4946 a:link, #stacks_in_4946 a:visited { background-color:#FF0000; background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#BF0000)); border:1px solid #BF0000; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_4946 a:hover { background-color:#FF0000; background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#A50000)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_4946 a:active { background-color:#FF0000; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_4942 { height: 40.00px; } @media print { #spacerStackstacks_in_4942 { display: none !important; } }