/** * * */ /* -- SCREEN Media queries -- */ /* -- COLORS -- */ /* -- END COLORS -- */ /* -- IMG PATH -- */ /* -- END IMG PATH -- */ /* -- BASE PROJECT FONT SETTINGS -- */ /* -- END BASE PROJECT FONT SETTINGS -- */ /* -- ICONS CODE TO PSEUDO-ELEMENTS -- */ /* -- END ICONS CODE TO PSEUDO-ELEMENTS -- */ /* -- ANIMATION STYLE -- */ /* -- END ANIMATION STYLE -- */ /* -- PRIMARY MIXIN -- */ /*.transform(...) { transform: @arguments translateZ(0); -ms-transform: @arguments translateZ(0); -webkit-transform: @arguments translateZ(0); }*/ /* -- END PRIMARY MIXIN -- */ /* -- SPECIFIC MIXIN -- */ /*-- Light bg typography styles -----------------------------*/ /*---------------------------*/ /* -- END SPECIFIC MIXIN -- */ body > #cecutient-container { display: block !important; } #cecutient-container { width: 100%; display: block; background: #FFFFFF; height: 140px; position: relative; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container.ul-ie-browser .ul-image-grayscale { display: none; visibility: hidden; } #cecutient-container.ul-ie-browser .ul-image-show { margin-top: 12px; } @font-face { font-family: 'FontAwesome'; src: url('/fonts/fontawesome/fontawesome-webfont.eot'); src: url('/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fontawesome/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } #cecutient-container .ul-icon-cecutient-arrow:before { display: inline-block; height: 48px; width: 48px; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container[data-showPanel="true"] .ul-icon-cecutient-arrow:before { transform: rotate(0deg); } #cecutient-container[data-showPanel="false"] { height: 10px; } #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -122px; } #cecutient-container[data-showPanel="false"] .ul-cecutient-inner:before { display: none; } #cecutient-container[data-showPanel="false"] .ul-cecutient-inner .ul-icon-cecutient-arrow:before { transform: rotate(180deg); } #cecutient-container[data-enabled="false"] #body header div:first-child { padding-top: 10px; } #cecutient-container[data-enabled="false"] .ul-cecutient-disabled { width: 100%; z-index: 9999999; position: absolute; height: 12px; } #cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-text { font-weight: bold; font-size: 15px; color: #000000; width: 0; display: block; overflow: hidden; white-space: nowrap; margin: 23px 50px 0 22px; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye { position: absolute; height: 48px; width: 300px; max-width: 48px; top: -20px; border-radius: 0 0 24px 24px; z-index: 9999999; -webkit-transition-property: max-width; transition-property: max-width; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye { top: 23px; right: 14px; position: absolute; width: 20px; height: 15px; } #cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye:before { font-size: 20px; display: block; } #cecutient-container[data-enabled="false"][data-postionhandler="left"] .ul-cecutient-disabled .ul-cecutient-disabled-eye { left: 10px; } #cecutient-container[data-enabled="false"][data-postionhandler="center"] .ul-cecutient-disabled .ul-cecutient-disabled-eye { left: 50%; transform: translateX(-50%); } #cecutient-container[data-enabled="false"][data-postionhandler="right"] .ul-cecutient-disabled .ul-cecutient-disabled-eye { right: 10px; } #cecutient-container[data-enabled="false"] .ul-cecutient-inner { display: none; } #cecutient-container[data-enabled="true"] .ul-cecutient-disabled { display: none; } #cecutient-container[data-constructor="true"] .ul-cecutient-inner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; } #cecutient-container[data-constructor="true"] .ul-cecutient-inner .ul-cecutient-overlay { font-family: 'Avenir Next'; font-size: 15px; color: #000000; line-height: 20px; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 999999999999; /* Rectangle 2250: */ background: rgba(230, 230, 230, 0.9); border-radius: 20px; display: block; } #cecutient-container[data-constructor="true"] .ul-cecutient-inner .ul-cecutient-overlay-desc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #cecutient-container .ul-cecutient-inner { top: 0; height: 140px; background: #F2F2F2; color: #000000; position: relative; font-family: Arial; font-weight: bold; width: 100%; left: 0; z-index: 9999999; background-image: linear-gradient(-180deg, #EEEEEE 0%, #DDDDDD 100%); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3); border-bottom: 1px solid #B3B3B3; -webkit-transition-property: top; transition-property: top; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-cecutient-overlay { display: none; } #cecutient-container .ul-cecutient-inner .ul-options-wrap { overflow: hidden; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex!important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -ms-flex-preferred-size: auto; } #cecutient-container .ul-cecutient-inner .ul-options-wrap:before { display: block !important; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-options-title { font-size: 17px; font-weight: bold; color: #000000; letter-spacing: 1px; margin-top: 20px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-font, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background { position: relative; display: block; float: left; max-height: 100%; padding-right: 0px; padding-left: 0; font-size: 0; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-font .js-color-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .js-color-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .js-color-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-font .ul-color-icon-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-color-icon-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-icon-background, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-font .ul-image-show, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-image-show, #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-image-show { display: inline-block; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text { cursor: pointer; margin-left: 0px; margin-right: 0px; margin-top: 7px; padding: 0 5px; font-weight: bold; position: relative; display: inline-block; border: 3px solid transparent; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text[data-size="max"] { font-size: 50px !important; line-height: 48px; margin-right: 0; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text[data-size="original"] { font-size: 14px; line-height: 2.9; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text[data-size="medium"] { font-size: 40px !important; margin-right: 5px; line-height: 42px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text[data-size="small"] { font-size: 30px !important; line-height: 34px; margin-left: -7px; margin-right: 4px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text.active { color: #5168FF; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text.active:after { height: 5px; background-color: #5168FF; position: absolute; bottom: -13px; left: 4px; right: 4px; content: ''; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-size-text:hover { border-color: #000000; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-cecutient-options-title { margin-bottom: 7px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch { left: -6px; font-size: 0; padding: 3px 2px; height: 34px; border: 3px solid transparent; display: block; display: inline-block; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch:first-child { margin-top: 7px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch:hover { border: 3px solid #000000; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch input:checked + .ul-fake-input { background-color: #5168FF; border: 3px solid #000000; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch input:checked + .ul-fake-input:after { left: 15px; background: #FFFFFF; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-checkbox-switch input:checked ~ .ul-fake-input-text { color: #5168FF; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-fake-input { height: 24px; width: 36px; background-color: transparent; border: 3px solid #444444; border-radius: 15px; position: relative; top: -5px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-fake-input:after { height: 12px; width: 12px; top: 3px; left: 3px; background: #444444; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-image .ul-fake-input-text { font-size: 15px; color: #444444; margin-top: 3px; font-family: Arial; font-weight: bold; letter-spacing: 1px; display: inline-block; padding-left: 2px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-icon-background { margin-right: 15px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap { width: 46px; height: 46px; margin: 12px 5px 0 -3px; display: inline-block; position: relative; border: 3px solid transparent; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap:hover { border: 3px solid #000000; cursor: pointer; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap:hover .ul-color-background { border-color: #000000; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap.active .ul-color-background { border-color: #5168FF; width: 40px; height: 40px; line-height: 28px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap.active .ul-color-background:after { content: ''; position: absolute; height: 5px; width: 22px; bottom: -20px; left: 50%; transform: translateX(-50%); background-color: #5168FF; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap[data-color="default"] .ul-color-background { background: url("/img/multicolor.png") no-repeat -2px -2px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap[data-color="g-theme-site-1"] .ul-color-background { background-color: white; color: black; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap[data-color="g-theme-site-2"] .ul-color-background { background-color: black; color: white; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background-wrap[data-color="g-theme-site-3"] .ul-color-background { background-color: #90D1FF; color: #023363; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-background .ul-color-background { font-size: 20px; line-height: 24px; cursor: pointer; padding: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; border: 4px solid #000000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); text-align: center; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch { text-align: left; padding-right: 0; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-off { margin-top: 30px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher { font-size: 16px; letter-spacing: 1px; color: #000000; height: 36px; line-height: 30px; border: 3px solid transparent; padding: 0 8px; display: inline-block; margin-bottom: 15px; cursor: pointer; word-break: break-all; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher span.fa-eye { position: relative; bottom: -3px; margin-right: 6px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher span.fa-eye:before { font-size: 25px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher span.fa-arrow-up { position: relative; bottom: -3px; margin-right: 6px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher span.fa-arrow-up:before { font-size: 24px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher span { width: 25px; } #cecutient-container .ul-cecutient-inner .ul-options-wrap .ul-cecutient-switch .ul-cecutient-switcher:hover { text-decoration: none; border-color: #000000; } #cecutient-container .ul-cecutient-inner .ul-cecutient-open { background-color: #DEDEDE; font-family: Arial; font-size: 17px; font-weight: bold; letter-spacing: 1px; position: absolute; height: 34px; line-height: 28px; padding: 0px 25px; bottom: -25px; right: 16px; border-radius: 0 0 24px 24px; box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.3); z-index: 9999999; cursor: pointer; -webkit-transition-property: top; transition-property: top; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-cecutient-open span { font-size: 22px; margin-right: 10px; position: relative; top: 2px; } #cecutient-container .ul-cecutient-inner .ul-icon-cecutient-arrow { position: absolute; z-index: 99999999999; color: #000000; bottom: -24px; height: 48px; width: 48px; left: 50%; font-size: 24px; line-height: 48px; border-bottom: 24px solid #ddd; transition: transform .2s; border-radius: 50%; cursor: pointer; box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.3); } #cecutient-container .ul-cecutient-inner .ul-icon-cecutient-arrow:before { text-align: center; } #cecutient-container .ul-cecutient-inner .ul-icon-cecutient-arrow:after { content: ''; display: block; position: absolute; top: 4px; left: 4px; height: 40px; right: 4px; border-radius: 50%; border: 3px solid transparent; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } #cecutient-container .ul-cecutient-inner .ul-icon-cecutient-arrow:hover:after { border: 3px solid #000000; } #cecutient-container[data-showpanel="true"] .ul-cecutient-open { display: none; } @media only screen and (max-width: 1272px) { #ul-main #cecutient-container { height: 255px; } #ul-main #cecutient-container .ul-cecutient-inner { height: 255px; text-align: center; } #ul-main #cecutient-container[data-showPanel="false"][data-enabled="false"] { height: 10px; } #ul-main #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -240px; } #ul-main .ul-options-wrap .ul-cecutient-col { text-align: center !important; } #ul-main .ul-options-wrap .ul-cecutient-col .ul-cecutient-off { margin-top: 20px !important; } #ul-main .ul-options-wrap .ul-cecutient-col .ul-checkbox-switch { text-align: center; } } @media only screen and (max-width: 990px) { #cecutient-container { height: 255px; } #cecutient-container .ul-cecutient-inner { height: 255px; text-align: center; } #cecutient-container[data-showPanel="false"][data-enabled="false"] { height: 10px; } #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -237px; } .ul-options-wrap .ul-cecutient-col { text-align: center !important; } .ul-options-wrap .ul-cecutient-col .ul-cecutient-off { margin-top: 20px !important; } .ul-options-wrap .ul-cecutient-col .ul-checkbox-switch { text-align: center; } } @media (min-width: 450px) { .ul-cecutient-disabled-eye:hover { max-width: 500px !important; width: auto !important; cursor: pointer !important; } .ul-cecutient-disabled-eye:hover .ul-cecutient-disabled-text { width: auto !important; } } @media only screen and (max-width: 768px) { #ul-main #cecutient-container, #cecutient-container { height: 455px; } #ul-main #cecutient-container .ul-cecutient-inner, #cecutient-container .ul-cecutient-inner { height: 455px; } #ul-main #cecutient-container[data-showPanel="false"][data-enabled="false"], #cecutient-container[data-showPanel="false"][data-enabled="false"] { height: 10px; } #ul-main #cecutient-container[data-showPanel="false"] .ul-cecutient-inner, #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -437px; } } #body[data-device='tablet'] .ul-options-wrap .ul-cecutient-col, #body[data-device='phone'] .ul-options-wrap .ul-cecutient-col { text-align: center !important; } #body[data-device='tablet'] .ul-options-wrap .ul-cecutient-col .ul-cecutient-off, #body[data-device='phone'] .ul-options-wrap .ul-cecutient-col .ul-cecutient-off { margin-top: 20px !important; } #body[data-device='tablet'] .ul-options-wrap .ul-cecutient-col .ul-checkbox-switch, #body[data-device='phone'] .ul-options-wrap .ul-cecutient-col .ul-checkbox-switch { text-align: center; } #body[data-device='tablet'] #cecutient-container { height: 255px; } #body[data-device='tablet'] #cecutient-container .ul-cecutient-inner { height: 255px; text-align: center; } #body[data-device='tablet'] #cecutient-container[data-showPanel="false"][data-enabled="false"] { height: 10px; } #body[data-device='tablet'] #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -237px; } #body[data-device='phone'] #ul-main #cecutient-container, #body[data-device='phone'] #cecutient-container { height: 455px; } #body[data-device='phone'] #ul-main #cecutient-container .ul-cecutient-inner, #body[data-device='phone'] #cecutient-container .ul-cecutient-inner { height: 455px; } #body[data-device='phone'] #ul-main #cecutient-container[data-showPanel="false"][data-enabled="false"], #body[data-device='phone'] #cecutient-container[data-showPanel="false"][data-enabled="false"] { height: 10px; } #body[data-device='phone'] #ul-main #cecutient-container[data-showPanel="false"] .ul-cecutient-inner, #body[data-device='phone'] #cecutient-container[data-showPanel="false"] .ul-cecutient-inner { top: -437px; }