@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)} @keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0 0 0 20px;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; word-break: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } /*----------------------------------------------------------------------------- - Revolution Slider 6.0 Default Style Settings - Screen Stylesheet version: 6.2.8 date: 24/06/19 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* FIX FOR WORDPRESS's CRAZY

TAG ANOMALY */ .rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0px !important; } /* NEW Z-INDEX FIX*/ .wp-block-themepunch-revslider { position: relative } #debungcontrolls { z-index:100000; position:fixed; bottom:0px; width:100%; height:auto; background:rgba(0,0,0,0.6); padding:10px; box-sizing: border-box; } rs-debug { z-index:100000; position:fixed; top:0px; width:300px; height:300px; background:rgba(0,0,0,0.6); padding:10px; box-sizing: border-box; color: #fff; font-size: 10px; line-height: 13px; overflow: scroll; } /* MODAL BASICS */ rs-modal { position: fixed !important; z-index: 9999999 !important; pointer-events: none !important;} rs-modal.rs-modal-auto { top: auto;bottom: auto;left: auto; right:auto; } rs-modal.rs-modal-fullwidth, rs-modal.rs-modal-fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; } rs-modal rs-fullwidth-wrap { position: absolute; top: 0px; left: 0px; height: 100%;} rs-module-wrap.rs-modal { display:none; max-height: 100% !important; overflow: auto !important; pointer-events: auto !important;} rs-module-wrap.hideallscrollbars.rs-modal { overflow: hidden !important; max-width: 100% !important} rs-modal-cover { width: 100%; height: 100%; z-index: 0; background: transparent; position: absolute;top: 0px;left: 0px; cursor: pointer; pointer-events: auto} body>rs-modal-cover { position: fixed; z-index: 9999995 !important; } rs-sbg-px { pointer-events: none } .rs-forceuntouchable, .rs-forceuntouchable * { pointer-events: none !important; } .rs-forcehidden * { visibility: hidden !important; } /*rs-modal rs-fullwidth-wrap rs-module-wrap { transform: translateY(-50%) !important; top: 50% !important; }*/ .rs_splitted_lines { display: block; white-space: nowrap !important} .debugtimeline { width:100%; height:10px; position:relative; display:block; margin-bottom:3px; display:none; white-space: nowrap; box-sizing: border-box; } .debugtimeline:hover { height:15px; } .the_timeline_tester { background:#e74c3c; position:absolute; top:0px; left:0px; height:100%; width:0; } .rs-go-fullscreen { position:fixed !important; width:100% !important; height:100% !important; top:0px !important; left:0px !important; z-index:9999999 !important; background:#ffffff; } .debugtimeline.tl_slide .the_timeline_tester { background:#f39c12; } .debugtimeline.tl_frame .the_timeline_tester { background:#3498db; } .debugtimline_txt { color:#fff; font-weight: 400; font-size:7px; position:absolute; left:10px; top:0px; white-space: nowrap; line-height: 10px; } .rtl { direction: rtl;} @font-face { font-family: 'revicons'; src: url('https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.eot?5510888'); src: url('https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'), url('https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.woff?5510888') format('woff'), url('https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.ttf?5510888') format('truetype'), url('https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../fonts/revicons/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; ;font-display: swap; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } rs-module i[class^="fa-"], rs-module i[class*=" fa-"], .rb-modal-wrapper i[class^="fa-"], .rb-modal-wrapper i[class*=" fa-"], #waitaminute i[class^="fa-"], #waitaminute i[class*=" fa-"], #objectlibrary i[class^="fa-"], #objectlibrary i[class*=" fa-"], #rs_overview i[class^="fa-"], #rs_overview i[class*=" fa-"], #rs_overview_menu i[class^="fa-"], #rs_overview_menu i[class*=" fa-"], #builderView i[class^="fa-"], #builderView i[class*=" fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } rs-module [class^="fa-"]:before, rs-module [class*=" fa-"]:before, .rb-modal-wrapper [class^="fa-"]:before, .rb-modal-wrapper [class*=" fa-"]:before, #rs_overview [class^="fa-"]:before, #rs_overview [class*=" fa-"]:before, #objectlibrary [class^="fa-"]:before, #objectlibrary [class*=" fa-"]:before, #waitaminute [class^="fa-"]:before, #waitaminute [class*=" fa-"]:before, #rs_overview_menu [class^="fa-"]:before, #rs_overview_menu [class*=" fa-"]:before, #builderView [class^="fa-"]:before, #builderView [class*=" fa-"]:before { font-family: FontAwesome; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: auto; margin-right: 0; text-align: center; font-variant: normal; text-transform: none; line-height: inherit; margin-left: 0; } rs-module .sr-only, #objectlibrary .sr-only, #waitaminute .sr-only, #rs_overview .sr-only, #rs_overview_menu .sr-only, .rb-modal-wrapper .sr-only, #builderView .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } rs-module .sr-only-focusable:active, rs-module .sr-only-focusable:focus, #waitaminute .sr-only-focusable:active, #waitaminute .sr-only-focusable:focus, #objectlibrary .sr-only-focusable:active, #objectlibrary .sr-only-focusable:focus, #rs_overview .sr-only-focusable:active, #rs_overview .sr-only-focusable:focus, #rs_overview_menu .sr-only-focusable:active, #rs_overview_menu .sr-only-focusable:focus, .rb-modal-wrapper .sr-only-focusable:active, .rb-modal-wrapper .sr-only-focusable:focus, #builderView .sr-only-focusable:active, #builderView .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /****************************** - BASIC STYLES - ******************************/ .tp-fullwidth-forcer { z-index: 0; pointer-events: none} rs-module-wrap { visibility: hidden } rs-module-wrap, rs-module-wrap * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} rs-module-wrap {position:relative;z-index: 1;width:100%; display: block;} .rs-fixedscrollon rs-module-wrap { position: fixed !important; top: 0px !important; z-index: 1000; left: 0 !important;} .rs-stickyscrollon rs-module-wrap { position: sticky !important; top:0px; z-index: 1000; } .rs-stickyscrollon { overflow: visible !important; } rs-fw-forcer { display:block;width:100%;pointer-events: none;} rs-module { position:relative;overflow:hidden;display: block; } rs-module.disableVerticalScroll { -ms-touch-action: pan-x; touch-action: pan-x; } rs-pzimg-wrap, rs-sbg-effectwrap, rs-sbg { display: block; pointer-events: none } rs-sbg-effectwrap { position:absolute;top:0px;left:0px;width:100%;height:100% } rs-carousel-wrap rs-column rs-layer img { width: 0px; height: 0px; } rs-sbg-px, rs-sbg-wrap {position:absolute; top:0px; left:0px; z-index:0;width:100%;height:100%;display: block;} a.rs-layer, a.rs-layer:-webkit-any-link { text-decoration: none } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .entry-content rs-module a, rs-module a { box-shadow: none; } .rs-ov-hidden { overflow:hidden !important;} .rs-forceoverflow, .rs-forceoverflow rs-module-wrap, .rs-forceoverflow rs-module, .rs-forceoverflow rs-slides, .rs-forceoverflow rs-slide { overflow:visible !important} .tp-simpleresponsive img, rs-module img{ max-width:none !important; transition: none; margin:0px; padding:0px; border:none; } rs-module .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;} rs-slides, rs-slide, rs-slide:before { position:absolute;text-indent: 0em;top:0px;left:0px;} rs-slide,rs-slide:before { display:block; visibility:hidden; } .rs-layer .rs-untoggled-content { display:block;} .rs-layer .rs-toggled-content { display:none;} .rs-tc-active.rs-layer > .rs-toggled-content { display:block;} .rs-tc-active.rs-layer > .rs-untoggled-content { display:none;} .rs-layer-video { overflow: hidden } .rs_html5vidbasicstyles { position:relative;top:0px;left:0px;width:100%;height:100%; overflow:hidden; } rs-module rs-layer, rs-module .rs-layer { opacity: 0; position:relative; visibility: hidden; white-space: nowrap; display: block; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -moz-osx-font-smoothing: grayscale; z-index:1; } rs-layer-wrap, rs-mask, rs-module-wrap, rs-module .rs-layer, rs-module img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } rs-module rs-mask-wrap .rs-layer, rs-module rs-mask-wrap *:last-child, .wpb_text_column rs-module rs-mask-wrap .rs-layer, .wpb_text_column rs-module rs-mask-wrap *:last-child{ margin-bottom:0; } .rs-svg svg { width:100%; height:100%;position: relative;vertical-align: top} rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer *:not(.rs-wtbindex), .rs-layer *:not(.rs-wtbindex) { outline: none !important; } /* CAROUSEL FUNCTIONS */ rs-carousel-wrap { cursor:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/openhand.cur), move; } rs-carousel-wrap.dragged { cursor:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/closedhand.cur), move; } rs-carousel-wrap.noswipe { cursor: default; } rs-carousel-wrap { position: absolute; overflow: hidden; width:100%;height:100%;top:0px;left:0px;} rs-carousel-space { clear:both;display:block;width:100%;height:0px;position:relative;} /* ADDED FOR SLIDELINK MANAGEMENT */ .tp_inner_padding { box-sizing:border-box; max-height:none !important; } .rs-layer.rs-selectable { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -o-user-select: text; } rs-px-mask { overflow: hidden; display: block; width: 100%; height: 100%; position: relative; } rs-module embed, rs-module iframe, rs-module object, rs-module audio, rs-module video { max-width: none !important; border: none; } rs-bg-elem { position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0; display: block; pointer-events: none; } .tp-blockmask, .tp-blockmask_in, .tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);} /*********************************************************** - ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS - ***********************************************************/ rs-zone { position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;pointer-events: none} rs-row-wrap, rs-column, rs-cbg-mask-wrap { display:block; visibility: hidden} rs-layer-wrap, rs-parallax-wrap, rs-loop-wrap, rs-mask-wrap { display: block; } rs-column-wrap>rs-loop-wrap { z-index: 1 } rs-layer-wrap, rs-mask-wrap, rs-cbg-mask-wrap { transform-style:flat;} /* ANY SAFARI NEEDS IN CAROUSEL SOME HELP TO AVOID FLICKERING, LOVELY....*/ @media not all and (min-resolution:.001dpcm) { @media { rs-carousel-wrap rs-layer-wrap, rs-carousel-wrap rs-loop-wrap { -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } } } .safarifix rs-layer-wrap { perspective: 1000000; } @-moz-document url-prefix() { rs-layer-wrap, rs-mask-wrap, rs-cbg-mask-wrap { perspective: none; } } /*@-moz-document url-prefix() { rs-layer-wrap, rs-mask-wrap, rs-cbg-mask-wrap { filter: blur(0px); } }*/ /* REMOVED LINES TO FIX BOX-SHADOW ISSUE IN FIREFOX */ rs-mask-wrap { overflow: hidden } rs-fullwidth-wrap { position:relative;width:100%;height:auto;display: block; overflow:visible;max-width:none !important;} /*IE11 AND IE EDGE NEED SOME SPECIAL OVERFLOW Removed now since iE 11 and ieEdge fullwidth Slider had spacings again on other themes. May need to keep in eye the Carousel and Modal sliders in Fullscreen / Fullwidth mode ! @media screen and (-ms-high-contrast: none) { rs-fullwidth-wrap { overflow: hidden; } } @supports (-ms-ime-align:auto) { rs-fullwidth-wrap { overflow: hidden; } } */ .rev_row_zone_top { top:0px;} .rev_row_zone_bottom { bottom:0px;} .rev_row_zone_middle { top: 50%; transform: perspective(1px) translateY(-50%); } rs-column-wrap .rs-parallax-wrap { vertical-align: top } .rs-layer img, rs-layer img { vertical-align: top } rs-row, rs-row.rs-layer { display:table; position:relative; width:100% !important; table-layout: fixed; box-sizing: border-box; vertical-align: top; height:auto; font-size:0px; } rs-column-wrap { display: table-cell; position: relative; vertical-align: top; height: auto; box-sizing: border-box; font-size:0px; } rs-column { box-sizing: border-box; display: block; position: relative; width:100% !important; height:auto !important; white-space: normal !important; } rs-cbg-mask-wrap { position: absolute; z-index: 0; box-sizing: border-box; } rs-column-wrap rs-cbg-mask-wrap { top: 0px; left: 0px; bottom: 0px; right: 0px; } rs-column-bg { position: absolute; z-index: 0; box-sizing: border-box; width: 100%; height: 100%; } .rs-pelock * { pointer-events: none !important;} rs-column .rs-parallax-wrap, rs-column rs-loop-wrap, rs-column rs-mask-wrap { text-align: inherit; } rs-column rs-mask-wrap { display: inline-block;} rs-column .rs-parallax-wrap rs-loop-wrap, rs-column .rs-parallax-wrap rs-mask-wrap, rs-column .rs-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;} rs-column .rs-parallax-wrap rs-loop-wrap, rs-column .rs-parallax-wrap rs-mask-wrap, rs-column .rs-parallax-wrap, rs-column .rev_layer_in_column { vertical-align: top; } .rev_break_columns { display: block !important } .rev_break_columns rs-column-wrap.rs-parallax-wrap { display:block !important; width:100% !important; } .rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden, .tp-forcenotvisible, .tp-hide-revslider, rs-row-wrap.rs-layer-hidden, rs-column-wrap.rs-layer-hidden, .rs-layer.rs-layer-hidden, .rs-layer-audio.rs-layer-hidden, .rs-parallax-wrap.rs-layer-hidden { visibility:hidden !important; display:none !important } /*rs-column .rs-parallax-wrap, rs-column rs-loop-wrap, rs-column rs-mask-wrap, rs-column rs-layer { vertical-align: inherit }*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ rs-layer.rs-nointeraction, .rs-layer.rs-nointeraction { pointer-events: none !important } rs-static-layers {position:absolute; z-index:101; top:0px;left:0px; display: block; width: 100%;height: 100%; pointer-events: none; overflow: hidden} /* new static layers position option */ rs-static-layers.rs-stl-back { z-index:0; } .rs-layer rs-fcr {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-top: 40px solid #00A8FF;position: absolute;right:100%;top:0px;} .rs-layer rs-fcrt {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;right:100%;top:0px;} .rs-layer rs-bcr {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;left:100%;top:0px;} .rs-layer rs-bcrt {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #00A8FF;position: absolute;left:100%;top:0px;} .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ rs-bgvideo { position: absolute;top:0px;left:0px; width:100%;height:100%;z-index: 0; display: block} .rs-layer.rs-fsv { top:0px;left:0px; position:absolute;width:100%;height:100%} .rs-layer.rs-fsv audio, .rs-layer.rs-fsv video, .rs-layer.rs-fsv iframe, .rs-layer.rs-fsv iframe audio, .rs-layer.rs-fsv iframe video { width:100%; height:100% ; /*display: none*/} .rs-fsv video { background: #000} .fullcoveredvideo rs-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .videoisplaying .html5vid rs-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); border-radius:5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height:50px; box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; transition:opacity 300ms ease-out !important; } .rs-ISM .tp-video-play-button{ opacity: 1; transition: none !important; z-index: 6; } .rs-audio .tp-video-play-button { display:none !important;} .rs-layer .html5vid { width:100% !important; height:100% !important;} .tp-video-play-button i { width:50px;height:50px; display:inline-block; text-align: center !important; vertical-align: top; line-height: 50px !important; font-size: 30px !important;} .rs-layer:hover .tp-video-play-button { opacity: 1; display:block; z-index: 6;} .rs-layer .tp-revstop { display:none;width: 15px; border-right: 5px solid #fff !important; border-left:5px solid #fff !important; transform: translateX(50%) translateY(50%);height: 20px;margin-left: 11px !important;margin-top: 5px !important;} .videoisplaying .revicon-right-dir { display:none} .videoisplaying .tp-revstop { display:block} .videoisplaying .tp-video-play-button { display:none} .fullcoveredvideo .tp-video-play-button { display:none !important} .rs-fsv .rs-fsv audio { object-fit:contain !important;} .rs-fsv .rs-fsv video { object-fit:contain !important;} .rs-layer-video .html5vid.hidefullscreen video::-webkit-media-controls-fullscreen-button { display: none; } @supports not (-ms-high-contrast:none) { /* Non-IE styles here */ .rs-fsv .fullcoveredvideo audio { object-fit:cover !important;} .rs-fsv .fullcoveredvideo video { object-fit:cover !important;} } .rs-fullvideo-cover { width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;} .rs-nolc .tp-video-play-button, rs-bgvideo video::-webkit-media-controls-start-playback-button, rs-bgvideo video::-webkit-media-controls, rs-bgvideo audio::-webkit-media-controls { display:none !important;} .rs-audio .tp-video-controls { opacity: 1 !important; visibility: visible !important} rs-module h1.rs-layer, rs-module h2.rs-layer, rs-module h3.rs-layer, rs-module h4.rs-layer, rs-module h5.rs-layer, rs-module h6.rs-layer, rs-module div.rs-layer, rs-module span.rs-layer, rs-module p.rs-layer { margin:0; padding:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;} rs-module h1.rs-layer:before, rs-module h2.rs-layer:before, rs-module h3.rs-layer:before, rs-module h4.rs-layer:before, rs-module h5.rs-layer:before, rs-module h6.rs-layer:before { content: none; } /******************************** - DOTTED OVERLAYS - *********************************/ rs-dotted { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3;display:block;pointer-events: none} rs-sbg-wrap rs-dotted { z-index: 31 } rs-dotted.twoxtwo { background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/gridtile.png)} rs-dotted.twoxtwowhite { background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_white.png)} rs-dotted.threexthree { background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_3x3.png)} rs-dotted.threexthreewhite { background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/gridtile_3x3_white.png)} /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;} .tp-shadow1 { box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);} .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width:300px; background: transparent; box-shadow: 0 15px 10px rgba(0,0,0,0.8); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position:relative; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content:""; position:absolute; z-index:-2; box-shadow:0 0 25px 0px rgba(0,0,0,0.6); top:30%; bottom:0; left:20px; right:20px; border-radius:100px / 20px; } /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline:none !important; box-shadow:none; text-decoration: none !important; box-sizing:border-box; cursor: pointer;} .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; } .rev-btn i { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; margin-left:0px; line-height: inherit} .rev-btn.rev-hiddenicon i { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left:0px !important; width:0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left:10px !important; width:auto !important;} /* BURGER BUTTON */ .rev-burger { position: relative; box-sizing: border-box; padding: 22px 14px 22px 14px; border-radius: 50%; border: 1px solid rgba(51,51,51,0.25); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } .quick_style_example_wrap .rev-burger:hover :first-child, #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg); } .quick_style_example_wrap .rev-burger:hover :nth-child(2), #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); opacity: 0; } .quick_style_example_wrap .rev-burger:hover :last-child, #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255,255,255,0.2); } .rev-b-span-light span, .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-b-span-dark span, .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border:none; } .rev-burger.revb-whitefull span { background:#333; } .rev-burger.revb-darkfull { background: #333; border:none; } .rev-burger.revb-darkfull span { background:#fff; } /* SCROLL DOWN BUTTON */ @keyframes rev-ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 70%;} 50% {opacity: 0;top: 70%;} 100% {opacity: 0;top: 29%;} } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width:35px; height:55px; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { opacity: 0.8; } .rev-scroll-btn.revs-fullwhite { background:#fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background:#333; border:none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; animation: rev-ani-mouse 2.5s linear infinite; background: #fff; } .rev-scroll-btn.rev-b-span-dark { border-color:#333; } .rev-scroll-btn.rev-b-span-dark span, .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.50); width:60px; height:60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255,255,255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255,255,255, 0.75); } .rev-sbutton { line-height: 37px; width:37px; height:37px; } .rev-sbutton-blue { background-color: #3B5998 } .rev-sbutton-lightblue { background-color: #00A0D1; } .rev-sbutton-red { background-color: #DD4B39; } /************************************ - TP BANNER TIMER - *************************************/ rs-progress { visibility: hidden; position:absolute; z-index:200;width:100%;height:100%;} rs-progress-bar, .rs-progress-bar { display:block;z-index: 20;box-sizing: border-box;background-clip: content-box;position: absolute; vertical-align:top;line-height:0px;width:100%;height:100%;} rs-progress-bgs { display:block;z-index: 15;box-sizing: border-box; width: 100%; position: absolute; height: 100%; top: 0px; left: 0px; } rs-progress-bg { display:block;background-clip: content-box; position: absolute;width:100%;height:100%;} rs-progress-gap { display:block;background-clip: content-box; position: absolute;width:100%;height:100%;} rs-progress-vis { display:block;width: 100%;height: 100%; position: absolute;top: 0px;left: 0px } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .rs-layer img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /*zoom:1;*/ } /*rs-carousel-wrap rs-layer.rs-layer img { transform: translateZ(-0.0001px)}*/ .rs-layer.slidelink { cursor:pointer;width:100%;height:100%; } .rs-layer.slidelink a { width:100%;height:100%;display:block} .rs-layer.slidelink a div { width:3000px; height:1500px; background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/coloredbg.png) repeat} .rs-layer.slidelink a span{ background:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/coloredbg.png) repeat; width:100%;height:100%;display:block} /*.tp-shape { width:100%;height:100%;}*/ /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .rs-layer .rs-starring { display: inline-block} .rs-layer .rs-starring .star-rating { float: none; display: inline-block; vertical-align: top; color: #FFC321 !important; } .rs-layer .rs-starring .star-rating, .rs-layer .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; font-size: 1em !important; } .rs-layer .rs-starring .star-rating:before, .rs-layer .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute; } .rs-layer .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important; } .rs-layer .rs-starring .star-rating span:before, .rs-layer .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } /****************************** - LOADER FORMS - ********************************/ rs-loader { top:50%; left:50%; z-index:10000; position:absolute; } rs-loader.off { display: none !important; } rs-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background-image:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/loader.gif); background-repeat:no-repeat; background-position: center center; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; } rs-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; } rs-loader.spinner5 { background-image:url(https://clarascorner.art/wp-content/plugins/revslider/public/assets/css/../assets/loader.gif); background-repeat:no-repeat; background-position:10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } rs-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; animation: tp-scaleout 1.0s infinite ease-in-out; } @keyframes tp-scaleout { 0% {transform: scale(0.0);} 100% {transform: scale(1.0);opacity: 0;} } rs-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } rs-loader.spinner3 .bounce1, rs-loader.spinner3 .bounce2, rs-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ animation-fill-mode: both; } rs-loader.spinner3 .bounce1 { animation-delay: -0.32s; } rs-loader.spinner3 .bounce2 { animation-delay: -0.16s; } @keyframes tp-bouncedelay { 0%, 80%, 100% {transform: scale(0.0);} 40% {transform: scale(1.0);} } rs-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; animation: tp-rotate 2.0s infinite linear; } rs-loader.spinner4 .dot1, rs-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } rs-loader.spinner4 .dot2 { top: auto; bottom: 0px; animation-delay: -1.0s; } @keyframes tp-rotate { 100% { transform: rotate(360deg);}} @keyframes tp-bounce { 0%, 100% {transform: scale(0.0);} 50% { transform: scale(1.0);} } rs-layer iframe { visibility:hidden;} rs-layer.rs-ii-o iframe { visibility: visible; } rs-layer input[type="text"], rs-layer input[type="email"], rs-layer input[type="url"], rs-layer input[type="password"], rs-layer input[type="search"], rs-layer input[type="number"], rs-layer input[type="tel"], rs-layer input[type="range"], rs-layer input[type="date"], rs-layer input[type="month"], rs-layer input[type="week"], rs-layer input[type="time"], rs-layer input[type="datetime"], rs-layer input[type="datetime-local"] { display: inline-block } rs-layer input::placeholder { vertical-align: middle; line-height: inherit !important} a.rs-layer { transition: none } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ rs-thumbs-wrap, rs-tabs-wrap, rs-thumbs, rs-thumb, rs-tab, rs-bullet, rs-bullets, rs-navmask, rs-tabs, rs-arrow { display:block;} /*rs-layer { font-size:20px; line-height: 25px; padding:0px; margin:0px; border-radius:0px; max-width: none;min-width:none; max-height: none; min-height: none}*/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border:none; min-height: 0; margin:0; border-radius: 0; } .tp-tabs, .tp-thumbs, .tp-bullets { position:absolute; display:block; z-index:1000; top:0px; left:0px;} .tp-tab, .tp-thumb { cursor: pointer; position:absolute;opacity:0.5; box-sizing: border-box;} .tp-arr-imgholder, rs-poster, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;} rs-poster { cursor:pointer; z-index:3; } .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity:1;} .tp-tab-mask, .tp-thumb-mask { box-sizing:border-box !important; } .tp-tabs, .tp-thumbs { box-sizing:content-box !important; } .tp-bullet { width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;} .tp-bullet.selected, .tp-bullet:hover { background:#fff;} .tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; } .tparrows:hover { background:#000;} .tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;} .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } /*.tp-thumb-mask {max-width: 100% !important}*/ /************************ - FIXES FOR PE-7 ICONS - **************************/ .rs-layer [class^="pe-7s-"]:before, .rs-layer [class*=" pe-7s-"]:before, .rs-layer [class^="pe-7s-"], .rs-layer [class*=" pe-7s-"] { width: auto; margin: 0; line-height: inherit; box-sizing: inherit; } /*************************** - KEN BURNS FIXES - ***************************/ rs-pzimg-wrap { display: block; } body.rtl .rs-pzimg {left: 0 !important} /******************************* - CUBE & CANVAS SETTINGS - ********************************/ .rs_fake_cube {transform-style:preserve-3d} .rs_fake_cube, .rs_fake_cube_wall { position:absolute; -webkit-backface-visibility:hidden; backface-visibility:hidden; left:0px; top:0px; z-index: 0 } .rs-builder-mode rs-sbg-wrap canvas, rs-sbg canvas { overflow: hidden; z-index: 5; -webkit-backface-visibility:hidden; backface-visibility:hidden;} /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);} .dddwrapper { transform-style: flat;perspective: 10000px; } /******************* - DEBUG MODE - *******************/ .rs_error_message_box { background: #111;width:800px;margin: 40px auto;padding: 40px 20px;text-align: center;font-family: "Open Sans",sans-serif} .rs_error_message_oops {margin: 0px 0px 20px;line-height: 60px;font-size: 34px;color: #FFF;} .rs_error_message_content {margin: 0px 0px 20px;line-height: 25px;font-size: 17px;color: #FFF;} .rs_error_message_button {color: #fff !important;background: #333;display: inline-block;padding: 10px 15px;text-align: right;border-radius: 5px;cursor: pointer;text-decoration: none !important} .rs_error_message_button:hover { background:#5e35b1} .hglayerinfo {position: fixed;bottom: 0px;left: 0px;color: #FFF;font-size: 12px;line-height: 20px;font-weight: 600;background: rgba(0, 0, 0, 0.75);padding: 5px 10px;z-index: 2000;white-space: normal;} .hginfo {position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;} .indebugmode .rs-layer:hover {border:1px dashed #c0392b !important;} .helpgrid {border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 } #revsliderlogloglog {padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;} /** INSTAGRAM FILTERS BY UNA https://una.im/CSSgram/ **/ .aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,rs-pzimg-wrap.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:absolute;}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:30}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:40}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} .willow::after{background-color:#d8cdcb;mix-blend-mode:color} /* SAFARI BUG FIX ON COLOR BLEND MODE */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { .willow{filter:grayscale(1) contrast(.95) brightness(.9)} .willow::after{background-color:transparent;} }} rs-pzimg-wrap.perpetua:before,rs-pzimg-wrap.perpetua:after,rs-pzimg-wrap.nashville:before,rs-pzimg-wrap.nashville:after,rs-pzimg-wrap.xpro2:before,rs-pzimg-wrap.xpro2:after,rs-pzimg-wrap._1977:after,rs-pzimg-wrap._1977:before,rs-pzimg-wrap.aden:after,rs-pzimg-wrap.aden:before,rs-pzimg-wrap.brooklyn:after,rs-pzimg-wrap.brooklyn:before,rs-pzimg-wrap.clarendon:after,rs-pzimg-wrap.clarendon:before,rs-pzimg-wrap.earlybird:after,rs-pzimg-wrap.earlybird:before,rs-pzimg-wrap.gingham:after,rs-pzimg-wrap.gingham:before,rs-pzimg-wrap.hudson:after,rs-pzimg-wrap.hudson:before,rs-pzimg-wrap.inkwell:after,rs-pzimg-wrap.inkwell:before,rs-pzimg-wrap.lark:after,rs-pzimg-wrap.lark:before,rs-pzimg-wrap.lofi:after,rs-pzimg-wrap.lofi:before,rs-pzimg-wrap.mayfair:after,rs-pzimg-wrap.mayfair:before,rs-pzimg-wrap.moon:after,rs-pzimg-wrap.moon:before,rs-pzimg-wrap.reyes:after,rs-pzimg-wrap.reyes:before,rs-pzimg-wrap.rise:after,rs-pzimg-wrap.rise:before,rs-pzimg-wrap.slumber:after,rs-pzimg-wrap.slumber:before,rs-pzimg-wrap.toaster:after,rs-pzimg-wrap.toaster:before,rs-pzimg-wrap.walden:after,rs-pzimg-wrap.walden:before,rs-pzimg-wrap.willow:after,rs-pzimg-wrap.willow:before,rs-pzimg-wrap:before,rs-pzimg-wrap:after {height:500%;width:500%} /** new spinners **/ rs-loader.spinner6{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner6 .rs-spinner-inner{width:100%;height:100%;display:inline-block;-webkit-animation:rs-revealer-6 1.4s linear infinite;animation:rs-revealer-6 1.4s linear infinite}rs-loader.spinner6 .rs-spinner-inner span{position:absolute;vertical-align:top;border-radius:100%;display:inline-block;width:8px;height:8px;margin-left:16px;transform-origin:center 20px;-webkit-transform-origin:center 20px}rs-loader.spinner6 .rs-spinner-inner span:nth-child(2){transform:rotate(36deg);-webkit-transform:rotate(36deg);opacity:.1}rs-loader.spinner6 .rs-spinner-inner span:nth-child(3){transform:rotate(72deg);-webkit-transform:rotate(72deg);opacity:.2}rs-loader.spinner6 .rs-spinner-inner span:nth-child(4){transform:rotate(108deg);-webkit-transform:rotate(108deg);opacity:.3}rs-loader.spinner6 .rs-spinner-inner span:nth-child(5){transform:rotate(144deg);-webkit-transform:rotate(144deg);opacity:.4}rs-loader.spinner6 .rs-spinner-inner span:nth-child(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:.5}rs-loader.spinner6 .rs-spinner-inner span:nth-child(7){transform:rotate(216deg);-webkit-transform:rotate(216deg);opacity:.6}rs-loader.spinner6 .rs-spinner-inner span:nth-child(8){transform:rotate(252deg);-webkit-transform:rotate(252deg);opacity:.7}rs-loader.spinner6 .rs-spinner-inner span:nth-child(9){transform:rotate(288deg);-webkit-transform:rotate(288deg);opacity:.8}rs-loader.spinner6 .rs-spinner-inner span:nth-child(10){transform:rotate(324deg);-webkit-transform:rotate(324deg);opacity:.9}@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner7{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner7 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;border-radius:100%;border:2px solid;-webkit-animation:rs-revealer-7 .8s linear infinite;animation:rs-revealer-7 .8s linear infinite}@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner8{width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner8 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;text-align:left}rs-loader.spinner8 .rs-spinner-inner span{position:absolute;display:inline-block;width:100%;height:100%;border-radius:100%;-webkit-animation:rs-revealer-8 1.6s linear infinite;animation:rs-revealer-8 1.6s linear infinite}rs-loader.spinner8 .rs-spinner-inner span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}rs-loader.spinner9{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner9 .rs-spinner-inner span{display:block;width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-9 2s infinite ease-in-out;animation:rs-revealer-9 2s infinite ease-in-out}rs-loader.spinner9 .rs-spinner-inner span:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}rs-loader.spinner10{width:54px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner10 .rs-spinner-inner{width:100%;height:100%;text-align:center;font-size:10px}rs-loader.spinner10 .rs-spinner-inner span{display:block;height:100%;width:6px;display:inline-block;-webkit-animation:rs-revealer-10 1.2s infinite ease-in-out;animation:rs-revealer-10 1.2s infinite ease-in-out}rs-loader.spinner10 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}rs-loader.spinner11{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner11 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner11 .rs-spinner-inner span{display:block;width:33%;height:33%;background-color:#333;float:left;-webkit-animation:rs-revealer-11 1.3s infinite ease-in-out;animation:rs-revealer-11 1.3s infinite ease-in-out}rs-loader.spinner11 .rs-spinner-inner span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}rs-loader.spinner12{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner12 .rs-spinner-inner{width:100%;height:100%;-webkit-animation:rs-revealer-12 1s infinite linear;animation:rs-revealer-12 1s infinite linear}@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}rs-loader.spinner13{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner13 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner13 .rs-spinner-inner span{display:block;width:40%;height:40%;position:absolute;border-radius:50%;-webkit-animation:rs-revealer-13 2s ease infinite;animation:rs-revealer-13 2s ease infinite}rs-loader.spinner13 .rs-spinner-inner span:nth-child(1){animation-delay:-1.5s;-webkit-animation-delay:-1.5s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(2){animation-delay:-1s;-webkit-animation-delay:-1s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(3){animation-delay:-.5s;-webkit-animation-delay:-.5s}@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}rs-loader.spinner14{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner14 .rs-spinner-inner{width:100%;height:100%;animation:rs-revealer-14 1s infinite linear}rs-loader.spinner14 .rs-spinner-inner span{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;margin:-8px}rs-loader.spinner14 .rs-spinner-inner span:nth-child(1){-webkit-animation:rs-revealer-14-1 2s infinite;animation:rs-revealer-14-1 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(2){-webkit-animation:rs-revealer-14-2 2s infinite;animation:rs-revealer-14-2 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(3){-webkit-animation:rs-revealer-14-3 2s infinite;animation:rs-revealer-14-3 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(4){-webkit-animation:rs-revealer-14-4 2s infinite;animation:rs-revealer-14-4 2s infinite}@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}rs-loader.spinner15{width:40px;height:40px;margin-top:-4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner15 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner15 .rs-spinner-inner span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-15 1.8s infinite ease-in-out;animation:rs-revealer-15 1.8s infinite ease-in-out}rs-loader.spinner15 .rs-spinner-inner:last-child{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}} /* NEW CANVAS ANIMATIONS ON SLIDE BG'S */ .bgcanvas { display: none; position: absolute; overflow: hidden; } /* way the hell off screen */ .RSscrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } #place_order.ppcp-hidden{display:none!important}.ppcp-disabled{cursor:not-allowed;filter:grayscale(100%)}.ppcp-disabled *{pointer-events:none}.ppc-button-wrapper .ppcp-messages:first-child{padding-top:10px}.woocommerce-SavedPaymentMethods-token:has(#ppcp-vault-component){align-items:center;display:flex;gap:8px}.woocommerce-SavedPaymentMethods-token:has(#ppcp-vault-component) #ppcp-vault-component{flex:1;overflow:hidden}#ppc-button-ppcp-gateway{line-height:0}#ppc-button-ppcp-gateway div[class^=item-]{margin-top:14px}#ppc-button-ppcp-gateway div[class^=item-]:first-child{margin-top:0}#ppc-button-minicart{display:block;line-height:0}.ppcp-button-apm{--apm-button-border-radius:4px;border-radius:var(--apm-button-border-radius);height:45px;line-height:0;margin-top:14px;max-width:750px;min-width:0;overflow:hidden}.ppcp-button-apm.ppcp-button-pill{--apm-button-border-radius:50px}.ppcp-button-apm.ppcp-button-minicart{display:block}.ppcp-width-min .ppcp-button-apm{height:35px}.ppcp-width-300 .ppcp-button-apm{height:45px}.ppcp-width-500 .ppcp-button-apm{height:55px}.wp-block-woocommerce-cart .ppcp-button-apm,.wp-block-woocommerce-checkout .ppcp-button-apm{margin:0;min-width:0}.wp-admin .ppcp-button-apm{pointer-events:none} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; } dfn { font-style: italic; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; /* font: inherit;*/ color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input:focus, textarea:focus {outline: none} input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size:100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input, button, select, textarea { /* font-family: inherit;*/ font-size: inherit; line-height: inherit; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } a:focus { outline: 0; outline: 0 auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; width: 100% \9; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; line-height: 1.1; color: inherit; text-transform:uppercase; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { letter-spacing:1px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 16px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 11px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 22px; } .lead { margin-bottom: 25px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { padding: 0 6px; background-color: #fcf8e3; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-muted { color: #777; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { /*border-left: 5px solid #e5e5e5;*/ font-size: 20px; font-weight: 100; line-height: 30px; margin: 0 0 20px; padding: 20px 40px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #000; display: block; font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 1.42857; margin-top: 20px; text-transform: uppercase; font-weight: 600; background-color: transparent; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .wide-container { margin: 0; padding: 0; width: 100% !important; } .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1183px; } .wide-container { width:100%; padding:0; margin:0; overflow: hidden; } } section#myCarousel { padding:0 0; } section { padding:120px 0; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row{ margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } .margin-top { margin-top:0;} } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 55px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 20px 30px; line-height: 1.42857143; vertical-align: middle; /* border-top: 1px solid #e5e5e5;*/ } .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #e5e5e5; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #e5e5e5; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } section { padding:30px 0 } .effects .porfilio-item { width:100%; } .col-md-13 { width:50%; float:left; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 10px; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; width: auto; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0; outline: 0 auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .form-control:focus { border-color: rgba(0,0,0,0.4); outline: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); } .form-control::-moz-placeholder { color: #777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777; } .form-control::-webkit-input-placeholder { color: #777; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox, .wpcf7-list-item { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label, .wpcf7-list-item label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 35%; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 14px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { letter-spacing: 3px; font-weight: 600; margin: 30px 0; text-transform: uppercase; text-decoration: none; } .btn:hover, .btn:focus { text-decoration: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #3071a9; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .caret:after { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f107"; color: #fff; font-size: 16px; position: relative; top: 2px; right: -2px; } .open .caret:after{ color:#000} @media (min-width: 992px) { .dropdown > .collapse.in { display: inline-table; } .open > .dropdown-menu { display: inline-table; float: right; margin: 2px auto 0 !important; white-space: nowrap; width: auto; } .dropdown-menu { display: none; } .dropdown > .dropdown-menu { float: right; margin: 2px auto 0 !important; white-space: nowrap; width: auto; } } .dropdown-menu li {} .dropdown-menu li:last-child{ border-bottom:none} .dropdown-menu li a { color: #c8c8c8; padding:2px 0; display: block; position: relative; } .dropdown-menu li a:hover { color: #fff; } .dropdown-menu li ul { margin-top: 20px} .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { font-size: 11px; color: #c8c8c8; cursor: default !important; white-space: nowrap; font-weight:600; display: inline-block !important; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); letter-spacing: 1px; } .dropdown-menu li a.dropdown-header:hover { color: #c8c8c8;} .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 992px) { .navbar-right .dropdown-menu { right: -183px; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; filter: alpha(opacity=0); opacity: 0; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { display: block; margin: 10px 20px; } .nav > li > a { position: relative; display: block; padding: 5px 0; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { text-align:center; height:52px; } .nav-tabs > li { display: inline-block; float: none; margin:0; vertical-align: top; } .nav-tabs > li > a { line-height: 1.42857143; border-radius:0; float:left; text-transform:uppercase; margin:15px 32px; outline:none; letter-spacing:2px; font-size: 11px; font-weight: 600; border-bottom: 1px solid transparent; } .nav-tabs > li > a:hover { border-bottom: 1px solid #000; vertical-align: top; color: #000; } .nav-tabs > li.active { height: auto; vertical-align: top;} .nav-tabs > li.active > a { cursor: default; border-bottom: 1px solid #000; color: #000; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 992px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 992px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 992px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 992px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; } @media (min-width: 992px) { .navbar { border-radius: 4px; } } @media (min-width: 992px) { .navbar-header { float: left; } } .navbar-collapse { padding: 0; overflow-x: visible; -webkit-overflow-scrolling: touch; /* border-top: 1px solid transparent;*/ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 817px; } @media (max-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 992px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 992px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 992px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 11px 10px; margin-top: 10px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: none; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 992px) { .navbar-toggle { display: none; } } .navbar-nav { /* margin: 7.5px -15px;*/ } .navbar-nav > li > a { font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border-bottom: 2px solid transparent; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: left; width: auto; margin-top: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 0; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .nav-tabs { text-align:left; height:auto; border-bottom:0px; } .nav-tabs > li { float:none; margin: 0; display:block; } .nav-tabs > li > a { float: none; margin-right: 0; border-right: 1px solid #d4d4d4; border-bottom: 2px solid #d4d4d4;} .nav-tabs > li.active > a { padding-bottom:13px; } .nav-tabs > li > a { padding-bottom:13px; } } @media (min-width: 992px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } } @media (min-width: 992px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #373737; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { border-bottom: 2px solid #000; } .black-bg .navbar-nav > li > a:hover, .black-bg .navbar-nav > li > a:focus { color: #000 ; background-color:#fff ; opacity: 1; filter: alpha(opacity=100); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { /* background-color: #ddd;*/ } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { /* border-color: #e7e7e7;*/ } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover { border-bottom: 2px solid #000; } .nav-white-bg .navbar-nav > li > a { color:#454545;} .nav-white-bg .navbar-nav > li > a:hover { color:#454545;} .nav-white-bg .navbar-nav > .open > a, .nav-white-bg .navbar-nav > .open > a:hover, .nav-white-bg .navbar-nav > .open > a:focus { color: #fff; background-color: #454545; } .nav-white-bg .navbar-nav > .open > a .caret:after, .nav-white-bg .navbar-nav > .open > a:hover .caret:after, .nav-white-bg .navbar-nav > .open > a:focus .caret:after { color: #fff; } .nav-white-bg .caret:after { color:#454545;} .nav-white-bg .dropdown-menu { border-top:1px solid #000; right:0px; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #777; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #777; } .navbar-inverse .navbar-nav > li > a { color: #777; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #777; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #777; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { list-style: none; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding:0; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 5px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 2px; overflow: hidden; background-color: #dedede; } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; text-align: center; background-color: #000; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; } .progress-bar[aria-valuenow="0"] { min-width: 30px; color: #777; background-color: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } /*.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; }*/ .panel-body { padding: 15px; font-size: 14px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; text-transform:uppercase; font-size:14px; font-weight:700; } .panel-title > a:hover { text-decoration:none; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } /*.panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; }*/ /*.panel-group .panel + .panel { margin-top: 5px; }*/ .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #bebebe; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #bebebe; } .panel-default { border-color: #bebebe; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #fff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #428bca; } .panel-primary > .panel-heading .badge { color: #428bca; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 16px; font-weight: bold; line-height: 1.5; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; font-size: 20px; color: #fff; text-align: center; filter: alpha(opacity=50); opacity: .5; z-index:999; } .carousel-control.left { left: 12px; opacity: 1; right: auto; top: 48%; width: 35px; } .carousel-control.left i { position:relative; left:-1px} .carousel-control.right { right: 12px; left: auto; opacity: 1; top: 48%; width: 35px; } .carousel-control.right i { position:relative; right:-1px } .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .5; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: 0; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right:0; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; z-index: 15; width: 100%; padding-left: 0; text-align: center; list-style: none; left: 0; right: 0; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 4px; text-indent: -999px; cursor: pointer; border-radius: 10px; border: 2px solid rgba(255,255,255,1); } .carousel-indicators .active { border: 2px solid rgba(255,255,255,1); background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left:0; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right:0; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: -70px; } section#myCarousel .carousel-indicators { bottom: 30px;} } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .wide-container { margin: 0; padding: 0; width: 100% !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Slider */ .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media (max-width: 1600px) { .col-md-14 { width:88%;} } @media (max-width: 1400px) { .col-md-14 { width:100%;} } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 35px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } @font-face { font-family: 'et-line'; src:url('https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/et-line.eot'); src:url('https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/et-line.eot?#iefix') format('embedded-opentype'), url('https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/et-line.woff') format('woff'), url('https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/et-line.ttf') format('truetype'), url('https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'et-line'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } .icon-mobile:before { content: "\e000"; } .icon-laptop:before { content: "\e001"; } .icon-desktop:before { content: "\e002"; } .icon-tablet:before { content: "\e003"; } .icon-phone:before { content: "\e004"; } .icon-document:before { content: "\e005"; } .icon-documents:before { content: "\e006"; } .icon-search:before { content: "\e007"; } .icon-clipboard:before { content: "\e008"; } .icon-newspaper:before { content: "\e009"; } .icon-notebook:before { content: "\e00a"; } .icon-book-open:before { content: "\e00b"; } .icon-browser:before { content: "\e00c"; } .icon-calendar:before { content: "\e00d"; } .icon-presentation:before { content: "\e00e"; } .icon-picture:before { content: "\e00f"; } .icon-pictures:before { content: "\e010"; } .icon-video:before { content: "\e011"; } .icon-camera:before { content: "\e012"; } .icon-printer:before { content: "\e013"; } .icon-toolbox:before { content: "\e014"; } .icon-briefcase:before { content: "\e015"; } .icon-wallet:before { content: "\e016"; } .icon-gift:before { content: "\e017"; } .icon-bargraph:before { content: "\e018"; } .icon-grid:before { content: "\e019"; } .icon-expand:before { content: "\e01a"; } .icon-focus:before { content: "\e01b"; } .icon-edit:before { content: "\e01c"; } .icon-adjustments:before { content: "\e01d"; } .icon-ribbon:before { content: "\e01e"; } .icon-hourglass:before { content: "\e01f"; } .icon-lock:before { content: "\e020"; } .icon-megaphone:before { content: "\e021"; } .icon-shield:before { content: "\e022"; } .icon-trophy:before { content: "\e023"; } .icon-flag:before { content: "\e024"; } .icon-map:before { content: "\e025"; } .icon-puzzle:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-envelope:before { content: "\e028"; } .icon-streetsign:before { content: "\e029"; } .icon-telescope:before { content: "\e02a"; } .icon-gears:before { content: "\e02b"; } .icon-key:before { content: "\e02c"; } .icon-paperclip:before { content: "\e02d"; } .icon-attachment:before { content: "\e02e"; } .icon-pricetags:before { content: "\e02f"; } .icon-lightbulb:before { content: "\e030"; } .icon-layers:before { content: "\e031"; } .icon-pencil:before { content: "\e032"; } .icon-tools:before { content: "\e033"; } .icon-tools-2:before { content: "\e034"; } .icon-scissors:before { content: "\e035"; } .icon-paintbrush:before { content: "\e036"; } .icon-magnifying-glass:before { content: "\e037"; } .icon-circle-compass:before { content: "\e038"; } .icon-linegraph:before { content: "\e039"; } .icon-mic:before { content: "\e03a"; } .icon-strategy:before { content: "\e03b"; } .icon-beaker:before { content: "\e03c"; } .icon-caution:before { content: "\e03d"; } .icon-recycle:before { content: "\e03e"; } .icon-anchor:before { content: "\e03f"; } .icon-profile-male:before { content: "\e040"; } .icon-profile-female:before { content: "\e041"; } .icon-bike:before { content: "\e042"; } .icon-wine:before { content: "\e043"; } .icon-hotairballoon:before { content: "\e044"; } .icon-globe:before { content: "\e045"; } .icon-genius:before { content: "\e046"; } .icon-map-pin:before { content: "\e047"; } .icon-dial:before { content: "\e048"; } .icon-chat:before { content: "\e049"; } .icon-heart:before { content: "\e04a"; } .icon-cloud:before { content: "\e04b"; } .icon-upload:before { content: "\e04c"; } .icon-download:before { content: "\e04d"; } .icon-target:before { content: "\e04e"; } .icon-hazardous:before { content: "\e04f"; } .icon-piechart:before { content: "\e050"; } .icon-speedometer:before { content: "\e051"; } .icon-global:before { content: "\e052"; } .icon-compass:before { content: "\e053"; } .icon-lifesaver:before { content: "\e054"; } .icon-clock:before { content: "\e055"; } .icon-aperture:before { content: "\e056"; } .icon-quote:before { content: "\e057"; } .icon-scope:before { content: "\e058"; } .icon-alarmclock:before { content: "\e059"; } .icon-refresh:before { content: "\e05a"; } .icon-happy:before { content: "\e05b"; } .icon-sad:before { content: "\e05c"; } .icon-facebook:before { content: "\e05d"; } .icon-twitter:before { content: "\e05e"; } .icon-googleplus:before { content: "\e05f"; } .icon-rss:before { content: "\e060"; } .icon-tumblr:before { content: "\e061"; } .icon-linkedin:before { content: "\e062"; } .icon-dribbble:before { content: "\e063"; } /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display: swap;src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.eot);src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.woff2) format("woff2"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.woff) format("woff"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.ttf) format("truetype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display: swap;src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.eot);src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.woff2) format("woff2"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.woff) format("woff"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.ttf) format("truetype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display: swap;src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.eot);src:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.woff2) format("woff2"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.woff) format("woff"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.ttf) format("truetype"),url(https://clarascorner.art/wp-content/themes/h-code/assets/css/../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /* Magnific Popup CSS */ .mfp-container * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; position: fixed; background: #fff; opacity:1; } .mfp-black-bg { background:rgba(0,0,0,.7) } .mfp-white-bg { background:rgba(255,255,255,.96) } .overflow-hidden .mfp-content {height:100%} .overflow-hidden .mfp-iframe-holder .mfp-content {height: auto} #search-header .mfp-close { background-color:transparent !important; color:#484848 !important; font-size: 25px !important; height: 60px; width: 60px;} .search-popup {cursor:default !important} .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-container figure:hover img{ transform: none; opacity: 1; } .popup-gallery img, .lightbox-gallery img, .image-popup-no-margins img, .image-popup-vertical-fit img { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom.png"), pointer; } .portfolio-nav .mfp-close { position: inherit; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .search-popup { position:initial; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom-out.png"), pointer; } #popup-form { cursor:default; } .zoom-gallery img { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom2.png"), pointer; } .product-zoom-gallery img { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom2.png"), pointer; } zoom-in .mfp-zoom{ cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom.png"), pointer; } .mfp-auto-cursor .mfp-content { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/icon-zoom-out.png"), pointer; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0 0 3px; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 34px; height: 34px; line-height: 36px; position: fixed; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 18px 10px; font-style: normal; background-color: #000 !important; color: #fff !important; font-size:16px; } .mfp-close:focus {top: 0;} .mfp-iframe-holder .mfp-close, .mfp-ajax-holder .mfp-close { display:block !important } .mfp-figure .mfp-close { display: none !important} .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 0; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { margin-top: 0px; color: #000000; font-size: 16px; height: 34px; line-height: 36px; padding-bottom: 4px; padding-right: 0; right: 0; top: 0; width: 34px;} .mfp-counter { position: absolute; top: -13px; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; display: none; } .mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #000; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #000; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top:0px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin: 0 auto; cursor: default; cursor: pointer; padding: 30px 0; background:#fff; } /* The shadow behind the image */ .mfp-figure { line-height: 0;} .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; padding-bottom: 30px; } .mfp-title { color: #000; text-align: center; text-transform: uppercase; word-wrap: break-word; font-weight: 600; line-height: normal;} .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .hcode-lightbox-caption { clear: both; color: #626262; display: block; font-size: 12px; padding-top: 3px; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .mfp-figure { -webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: .4s;-moz-animation-duration: .4s;-ms-animation-duration: .4s;-o-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;} /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;} /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8;} /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );} /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8;} /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0;} /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready { opacity: 1;} .mfp-fade.mfp-bg.mfp-removing { opacity: 0;} .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;} @media (max-width: 1024px) { .mfp-figure .mfp-close { display: block; color: #000; font-size: 25px; height: 25px; line-height: 20px; margin: 0; right: 0; text-align: center; top: 5px; vertical-align: middle; width: 25px; padding: 0px 0 3px 0; } } @media all and (max-width: 767px) { .mfp-auto-cursor .mfp-content {cursor: inherit} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content {cursor: inherit} .mfp-bg { background: rgba(0, 0, 0, 0.9); } .mfp-container {background-color: #fff;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .mfp-bg { background: rgba(0, 0, 0, 0.9); } .mfp-container {background-color: #fff;} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://clarascorner.art/wp-content/themes/h-code/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* * Owl Carousel CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .cd-title { position: relative; height: 160px; line-height: 230px; text-align: center; } .cd-title h1 { font-size: 2.4rem; font-weight: 700; } .rotation-highlight{ background-color: #fff; color: #000; display: inline-block; font-size: 45px; font-weight: 400; margin-bottom: 30px; padding: 35px; } .cd-headline span { font-family: 'Oswald', sans-serif; } .cd-headline span b { font-weight: 100; letter-spacing: 4px; font-size: 15px; font-weight: 100; } .animation2 span b { font-size: 30px; line-height: 40px; letter-spacing: 3px; } .animation3 span b { font-size: 35px; line-height: 45px; letter-spacing: 3px; } .cd-headline i { font-style: normal; color: #fff; } .personal-name .cd-headline i { color:#000; margin:0} @media only screen and (min-width: 768px) { .cd-title { line-height: 250px; } } @media only screen and (min-width: 1170px) { .cd-title {height: 200px;line-height: 300px;} .cd-title h1 {font-size: 3rem;} } .cd-intro {width: 90%;max-width: 768px;text-align: center;} .cd-intro {margin: 4em auto;} @media only screen and (min-width: 768px) { .cd-intro {margin: 5em auto;} } @media only screen and (min-width: 1170px) { .cd-intro {margin: 6em auto;} } .cd-headline {margin-bottom: 200px;} .cd-words-wrapper {display: inline-block;position: relative;text-align: left;} .cd-words-wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;} .cd-words-wrapper b.is-visible {position: relative;} .no-js .cd-words-wrapper b {opacity: 0;} .no-js .cd-words-wrapper b.is-visible {opacity: 1;} .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px;-moz-perspective: 300px;perspective: 300px;} .cd-headline.rotate-1 b {opacity: 0;-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);} .cd-headline.rotate-1 b.is-visible {opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-animation: cd-rotate-1-in 1.2s;-moz-animation: cd-rotate-1-in 1.2s;animation: cd-rotate-1-in 1.2s;} .cd-headline.rotate-1 b.is-hidden {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0; } 35% { -moz-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1; } 35% { -moz-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } .cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; } .cd-headline.type .cd-words-wrapper::after { content: ''; position: absolute; right: 0; top: auto; bottom: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 3px; width: 10px; background-color: #ffcc00; color: #ffcc00; } .personal-name .cd-headline.type .cd-words-wrapper::after {background-color: #000} .cd-headline.type .cd-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; } .cd-headline.type .cd-words-wrapper.selected { background-color: transparent; } .cd-headline.type .cd-words-wrapper.selected::after { visibility: hidden; } .cd-headline.type .cd-words-wrapper.selected b { color: #0d0d0d; } .cd-headline.type b { visibility: hidden; } .cd-headline.type b.is-visible { visibility: visible; } .cd-headline.type i { position: absolute; visibility: hidden; } .cd-headline.type i.in { position: relative; visibility: visible; } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-headline.rotate-2 b { opacity: 0; } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .cd-headline.rotate-2 i { opacity: 1; } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards; } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards; } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg); } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg); } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } .cd-headline.loading-bar span { display: inline-block; padding: .2em 0; } .cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.loading-bar .cd-words-wrapper::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #0096a7; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s; } .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s; } .cd-headline.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-headline.loading-bar b.is-visible { opacity: 1; top: 0; } .cd-headline.slide span { display: inline-block; padding: .2em 0; } .cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.slide b { opacity: 0; top: .2em; } .cd-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .cd-headline.slide b.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } /* -- xclip -- */ .cd-headline.clip span { display: inline-block; padding: .2em 0; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.clip .cd-words-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9; } .cd-headline.clip b { opacity: 0; } .cd-headline.clip b.is-visible { opacity: 1; } /* -- xzoom -- */ .cd-headline.zoom .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.zoom b { opacity: 0; } .cd-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .cd-headline.zoom b.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } /* -- xrotate-3 -- */ .cd-headline.rotate-3 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-3 b { opacity: 0; } .cd-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .cd-headline.rotate-3 i.in { -webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards; } .cd-headline.rotate-3 i.out { -webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards; } .no-csstransitions .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @-moz-keyframes cd-rotate-3-in { 0% { -moz-transform: rotateY(180deg); } 100% { -moz-transform: rotateY(0deg); } } @keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @-moz-keyframes cd-rotate-3-out { 0% { -moz-transform: rotateY(0); } 100% { -moz-transform: rotateY(-180deg); } } @keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } } /*--xscale--*/ .cd-headline.scale b { opacity: 0; } .cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .is-visible .cd-headline.scale i { opacity: 1; } .cd-headline.scale i.in { -webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards; } .cd-headline.scale i.out { -webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards; } .no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .cd-headline.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0; } 60% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; } } @-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1; } 60% { -moz-transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } } /*--xpush--*/ .cd-headline.push b { opacity: 0; } .cd-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .cd-headline.push b.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } html, body { height: 100%; } .menu-wrap a { color: #b8b7ad; } .menu-wrap a:hover, .menu-wrap a:focus { color: #c94e50; } .menu-button.menu-on-title { margin: 37px 70px;} .menu-button { background: rgba(0, 0, 0, 1) none repeat scroll 0 0; border: medium none; color: transparent; height: 33px; margin: 60px 70px; padding: 0; position: fixed; text-indent: 2.5em; width: 36px; z-index: 1000; outline: none; left: 0; top: 0; padding: 0 8px; } .menu-button .icon-bar { background-color: #fff; border-radius: 0; display: block; height: 3px; width: 20px; } .menu-button .icon-bar + .icon-bar { margin-top: 4px; } .menu-button:hover { opacity: 0.6; } .full-width-pull-menu .navbar-toggle { display:block; background-color: #000;} .full-width-pull-menu .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .menu-button-orange { background: rgba(25, 25, 25, 1) none repeat scroll 0 0; border: medium none; color: transparent; height: 36px; margin: 0; padding: 0 7px; position: fixed; text-indent: 2.5em; width: 41px; z-index: 1000; border: 1px solid #ef824c; right: 0; top: 0px; } .navbar-default .menu-button-orange .icon-bar { background-color: #ef824c; border-radius: 0; display: block; height: 1px; width: 25px; } .navbar-default .menu-button-orange .icon-bar + .icon-bar { margin-top: 6px; } .navbar-default .menu-button-orange:hover { opacity: 0.6; } .shrink-nav.navbar-default .menu-button-orange {height: 34px; width: 36px; top: 0;} .shrink-nav.navbar-default .menu-button-orange .icon-bar { width: 20px;} .menu-wrap .shrink-nav { position: initial;} .menu-button-yellow { background: rgba(25, 25, 25, 1) none repeat scroll 0 0; border: medium none; color: transparent; height: 50px; margin: 0; padding: 0; position: fixed; text-indent: 2.5em; width: 50px; z-index: 1000; border: 1px solid #fdd947 !important; right: 0; top: -7px; } .menu-button-yellow::before { background: rgba(0, 0, 0, 0) url("https://clarascorner.art/wp-content/themes/h-code/assets/css/../images/pull-menu-yellow.png") repeat scroll center center; bottom: 0.5em; content: ""; left: 0.5em; position: absolute; right: 0.5em; top: 0.5em; } .menu-button-yellow:hover { opacity: 0.6; } .shrink-nav .menu-button-yellow {height: 34px; width: 36px; top: 0;} .close-button { background: #fff; border: medium none; color: transparent; font-size: 0.75em; height: 24px; overflow: hidden; position: absolute; right: 0; text-indent: 1em; top: 0; width: 24px; } .close-button::before, .close-button::after { background: #000; content: ""; height: 32%; left: 50%; position: absolute; top: 35%; width: 2px; } .close-button::before { transform: rotate(45deg); } .close-button::after { transform: rotate(-45deg); } .menu-wrap { font-size: 1.15em; left: -275px; padding: 60px 30px; position: fixed; width: 245px; z-index: 99999; background: #000; } .icon-list { height: 100%; } .icon-list a span { font-weight: 700; margin-left: 10px; } .show-menu .menu-wrap { left: 60px; } .show-menu .icon-list, .show-menu .icon-list a { transform: translate3d(0px, 0px, 0px); transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .show-menu .icon-list a { transition-duration: 0.9s; } .show-menu .content::before { opacity: 1; transform: translate3d(0px, 0px, 0px); transition: opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s; } header .menu-button.menu-on-title { margin: 75px 70px; } @media only screen and (max-width: 1199px){ .menu-button.menu-on-title { margin: 37px 30px; right: 0; left: inherit; } .menu-wrap.menu-wrap-on-title { right: -275px; left: inherit;} .show-menu .menu-wrap.menu-wrap-on-title { left: inherit; right: 30px; } header .menu-button.menu-on-title { margin: 74px 30px; } } @media only screen and (max-width: 991px){ .menu-button.menu-on-title { margin: 56px 50px; } header .menu-button.menu-on-title { margin: 93px 30px; } } @media only screen and (max-width: 767px){ .show-menu .menu-wrap.menu-wrap-on-title { left: inherit; right: 0; } .menu-button.menu-on-title { margin: 37px 30px; right: 0; left: inherit; } header .menu-button.menu-on-title { margin: 37px 30px; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 10px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 5px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; height: 100%; margin: 0 auto; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; opacity: 1 !important; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #6e6e6e; background-color: rgba(110, 100, 110,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6e6e6e; background-color: rgba(110, 100, 110,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #6e6e6e; background-color: rgba(110, 100, 110,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #6e6e6e; background-color: rgba(110, 100, 110,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(https://clarascorner.art/wp-content/themes/h-code/assets/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } @charset "UTF-8"; /* Theme Name: H-Code Theme URI: https://hcode.themezaa.com Author: ThemeZaa Author URI: https://www.themezaa.com Description: H-Code is a creative, clean, fully responsive, powerful and multipurpose multi page and onepage WordPress and WooCommerce theme with latest web design trends. Version: 2.1 License: Themeforest Split Licence License URI: http://themeforest.net/licenses Text Domain: h-code */ /* ---------------------------------- Table of contents 01. Google font 02. Reset 03. Typography 04. Icon 05. Background color 06. Custom 07. Border 08. Scroll to top 09. Slider background and overlay 10. Navigation 11. Page titles 12. Section 13. Footer 14. Owl carousel 15. Slider and parallax typography 16. Parallax 17. One page 18. Bootstrap slider 19. Portfolio - ajax 20. Portfolio - multi pages 21. Masonry portfolio - home 22. Full screen video 23. Half screen video 24. Coming soon 25. Full width image 26. Blog 27. Intro 28. Portfolio 29. Elements 30. Pages 31. Shop 32. Onepage demo 33. Multipage demo 34. col3 Layout 35. col2 Layout */ /* =================================== Reset ====================================== */ body { font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em; } .float-left { float:left; } .float-right { float:right; } a { color: #000; } a:hover { color: #575757; } img { max-width:100%; height:auto; } video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; } input[type="radio"], input[type="checkbox"] { float: left; margin: 5px 3px 0 0; border: 0; } input[type='radio']:focus, input[type='checkbox']:focus { border: 0; } input, textarea, select { font-family: 'Open Sans', sans-serif; border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 12px; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; } input[type="submit"] { width: auto; } input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; border-radius: 0; } input:focus, textarea:focus { border: 1px solid #989898; } input[type="submit"]:focus { border:2px solid #000; } select::-ms-expand { display:none; } iframe { border: 0; } .sound iframe { width:100%; } .mega-sub-menu, .grid-gallery ul, footer ul, .footer-link, .cart-content ul.cart-list, nav ul, .nav-tabs, .widget ul, .spa-treatments ul, .tab-content ul, .grid, .list-line, .project-details ul, .breadcrumb-gray-text, .sitemap-wrapper ul, .variations ul, .payment_methods, .methods, .woocommerce-breadcrumb-main, .form-group ul, .breadcrumb ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding:0px; } * { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } ::selection { color: #000; background:#dcdcdc; } ::-moz-selection { color:#000; background:#dcdcdc; } ::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; } :-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } ::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } :-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } .animated { -moz-transition-duration: 0s !important; } p:empty { display: none !important; } input[type="number"] { -moz-appearance: none; -webkit-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } em.required { display: inline-block; font-style: normal; color: #ff0000; } .clear { clear: both; } .fab.alert-danger, .fas.alert-danger, .far.alert-danger { background-color: transparent; } .fab.alert-success, .fas.alert-success, .far.alert-success { background-color: transparent; } .alert-success a { color: #3c763d; text-decoration: underline; } .alert-success a:hover { text-decoration: none; } .alert-danger a { color: #a94442; text-decoration: underline; } .alert-danger a:hover { text-decoration: none; } section { clear: both; } i, cite, em, var, address, dfn { font-style: italic; } del { color: #626262; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { font-weight: bold; text-transform: uppercase; padding: 8px 0; } td { border-top: 1px solid #ededed; padding: 8px 0; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } ul { list-style-type: square; } ins { text-decoration: none; } pre { white-space: pre-wrap; word-break: keep-all; } blockquote::before, blockquote::after, q::before, q::after { content: none; } blockquote, q { hyphens: none; quotes: none; position: relative; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } figure.wp-caption.alignleft, img.alignleft, .alignleft { margin: 5px 20px 5px 0; } .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } img.alignnone { margin: 5px 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .entry-content .cart-empty { line-height: 24px; font-size: 15px; letter-spacing: 2px; } figure.wp-caption.alignright, img.alignright, .alignright { margin: 5px 0 5px 20px; } embed, object { max-width: 100%; } .format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; } abbr[title], abbr[data-original-title] { border: 0 none; color: #ff0000; cursor: default; display: inline-block; text-decoration: none; line-height: normal; } .wp-caption { max-width: 100%; background-color: #f6f6f6; padding: 8px; text-align: left; } .wp-caption-text { margin: 0; padding: 8px 10px 8px; margin: 0 !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; } .gallery-item { position: relative; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery dl.gallery-item { margin-left: 0; margin-right: 0; padding: 10px; } .bypostauthor {; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important; } #infscr-loading { float: left; margin: 50px 0; position: relative; text-align: center; width: 100%; } #infscr-loading img { margin: 0 auto; width: 50px; } .blog-masonry #infscr-loading { position: absolute; bottom: -90px; } /* =================================== Typography ====================================== */ /* font family */ .alt-font { font-family: "Oswald", sans-serif; } .main-font { font-family: 'Open Sans', sans-serif; } /* heading */ h1, h2, h3, h4, h5, .h-1 { text-transform: uppercase; margin:0; padding:0; color: #000; } h1, .h-1 { font-weight:700; line-height: 45px; font-size: 36px; letter-spacing: normal; } h2 { font-size:24px; font-weight:400; letter-spacing:inherit; line-height: 30px; } h3 { font-size:14px; letter-spacing:inherit; font-weight:700; } h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px; } h5 { letter-spacing: 2px; font-weight:600; font-size:11px; } h6 { letter-spacing: 1px; font-size: 13px; font-weight: 400; line-height: 20px; } /* section title */ .section-title { text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 2px; padding: 0 0 100px 0; } h1.section-title { font-weight:700; font-size: 36px; line-height: 45px !important; letter-spacing: 1px; } h2.section-title { font-weight:700; font-size: 24px; line-height: 34px !important; } h3.section-title { font-weight: 700; font-size: 20px; } h4.section-title { font-weight: 600; font-size: 16px; line-height: 20px; } h5.section-title { font-size: 14px; font-weight: 400 !important; } h6.section-title { font-size: 13px; font-weight: 600; margin-top: 0; letter-spacing: 1px; } .tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0; } .title-gray { border:1px solid #b5b5b5; color:#b5b5b5; } .title-white { border:1px solid #ffffff; color:#ffffff; } h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px; } h1.big span { font-weight:300; } h1.title { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h2.title { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h3.title { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h4.title { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h5.title { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h6.title { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; text-decoration: line-through; } h1.title-style10 { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; } h2.title-style10 { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; } h3.title-style10 { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; } h4.title-style10 { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; } h5.title-style10 { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; } h6.title-style10 { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; } h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span { vertical-align: middle; } span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2; } .banner-content { font-size:18px; line-height:28px; } h1.page-title { margin:95px auto 0; width: 100%; } .highlight-title { font-weight:100; color:#000; font-size:65px; letter-spacing:0; } .highlight-title span { font-weight:600; } .work-process-title { font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; } .heading-style-five h4 { text-transform: uppercase; } .typography-heading .section-title { text-transform: none !important; } /* different text size */ .text-small { font-size:11px; line-height:15px; } .text-med { font-size:14px; line-height:26px; } .text-large { font-size: 15px; text-transform: uppercase; line-height: 24px; letter-spacing: 2px !important; } .text-extra-large { font-size: 16px; line-height: 28px; font-weight: 100; } .text-extra-large strong { letter-spacing: 3px; } .text-extra-large-normal { font-weight: normal !important; } .title-small { font-size:20px; line-height:30px; } .title-med { font-size:24px; line-height:34px; } .title-large { font-size:28px; line-height:41px; } .title-extra-large { font-size:35px; line-height:43px; } .line-height { line-height: 23px !important; } .line-height-20 { line-height: 20px !important; } .text-indent { text-indent: -9999px; } /* text color */ .white-text { color:#FFF; } .white-text a { color:#FFF; } .magenta-text { color:#d94378; } .orange-text { color:#ff513b; } .orange-light-text { color:#ef824c; } .deep-red-text { color:#e75e50; } .red-text { color:#d50f0f; } .body-text { color:#626262; } .black-text { color:#000; } a.black-text-link, a.black-text-link i, footer ul.list-inline li a { color:#000; } a.black-text-link:hover, a.black-text-link:hover i { color:#858585; } a.white-text-link, a.white-text-link i { color:#fff; } a.white-text-link:hover, a.white-text-link:hover i { color:#ababab; } a.gray-text-link, footer ul li a { color:#626262; } a.gray-text-link:hover, footer ul li a:hover { color:#000; } .yellow-text { color:#e6af2a; } .yellow-text2 { color:#fdd947; } .fast-yellow-text { color:#f7d23d; } .pink-text { color:#d9378e; } .light-gray-text { color: #ababab; } .light-gray-text2, .blog-date, .blog-date a { color: #828282; } .deep-gray-text { color: #464646; } .deep-light-gray-text { color: #878787; } .gray-text { color:#7f7f7f; } .dark-gray-text { color:#373737; } .breadcrumb-white-text li, .breadcrumb-white-text a { color:#FFF; } .breadcrumb-gray-text a, .breadcrumb-gray-text { color: #575757; } /* letter spacing */ .no-letter-spacing { letter-spacing: 0px !important; } .letter-spacing-1 { letter-spacing:1px !important; } .letter-spacing-2 { letter-spacing:2px !important; } .letter-spacing-3 { letter-spacing:3px !important; } .letter-spacing-4 { letter-spacing:4px !important; } .letter-spacing-5 { letter-spacing:5px !important; } .letter-spacing-6 { letter-spacing:6px !important; } .letter-spacing-7 { letter-spacing:7px !important; } .letter-spacing-8 { letter-spacing:8px !important; } .letter-spacing-9 { letter-spacing:9px !important; } .letter-spacing-10 { letter-spacing:10px !important; } /* font weight */ .font-weight-100 { font-weight:100 !important; } .font-weight-300 { font-weight:300 !important; } .font-weight-400 { font-weight:400 !important; } .font-weight-600 { font-weight:600 !important; } .font-weight-700 { font-weight:700 !important; } .font-weight-800 { font-weight:800 !important; } /* text property */ .text-transform-unset { text-transform: unset !important; } .text-decoration-underline { text-decoration:underline !important; } .text-decoration-none { text-decoration:none !important; } .word-wrap { word-wrap: break-word; } .word-wrap-normal { word-wrap: normal !important; } .text-transform-none { text-transform:none !important; } .text-transform-uppercase { text-transform: uppercase !important; } /* =================================== Icon ====================================== */ i { color: #9a9a9a; margin: 0 3px; } .extra-large-icon { font-size:60px !important; } .large-icon { font-size:50px !important; } .medium-icon { font-size:40px !important; margin-bottom: 15px !important; } .small-icon { font-size:25px !important; } .extra-small-icon { font-size:18px !important; } /* =================================== Background color ====================================== */ .bg-white { background: #fff; } .bg-yellow { background: #e6af2a; } .bg-deep-yellow { background: #f7f5e7; } .bg-golden-yellow { background: #c3bd86; } .bg-fast-yellow { background: #fdd947; } .bg-dark-gray { background: #252525; } .bg-extra-dark-gray { background: #303030; } .bg-mid-gray { background: #d4d4d4; } .bg-black { background:#000000; } .bg-green { background: #70bd5b; } .bg-gray { background: #f6f6f6; } .bg-yellow-ochre { background: #997546; } .bg-deep-brown { background: #544441; } .bg-transparent { background:transparent; } .bg-orange { background:#c24742; } .bg-deep-orange { background:#f15a22; } .bg-fast-orange { background:#ff513b; } .bg-pink { background:#c2345f; } .bg-deep-red { background:#e75e50; } .bg-red { background:#d21616; } .bg-deep-pink { background:#e53878; } .bg-light-pink { background:#dc378e; } .bg-fast-pink { background:#ff1a56; } .bg-magenta { background:#d94378; } .bg-light-yellow { background:#f8f7f5; } .bg-dark-green { background:#60a532; } .bg-dark-blue { background:#3273a5; } .bg-violet { background:#6c407e; } .bg-light-gray { background: #f8f7f7; } .bg-light-gray2 { background: #f4f4f4; } .bg-light-gray3 { background: #fcfcfc; } .bg-slider { background: rgba(27, 22, 28, 0.9); } .parallax-gray-bg { background: rgba(246, 246, 246, 1); } .bg-blck-overlay { background: rgba(0, 0, 0, 0.85); } .bg-light-orange { background-color: #ef824c; } .bg-inherit { background-color: inherit; } /* opacity */ .opacity-light { position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0; } .opacity-medium { position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0; } .opacity-full { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0; } .selection-overlay { position: absolute; height: 100%; width: 100%; top:0; left: 0; } .text-opacity-light { opacity: 0.5; } /* =================================== Custom ====================================== */ .center-col { float:none !important; margin-left:auto !important; margin-right:auto !important; clear: both; } /*c popup styel */ button.mfp-close, .mfp-close:hover, .mfp-close:focus, .mfp-iframe-holder .mfp-close { top: 20px; right: 25px; } /* popup newsletter */ .mfp-wrap .mc4wp-form input { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .mfp-wrap .mc4wp-form input:focus { border-color: rgba(0,0,0,0.4); outline: 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); border: 1px solid #989898; } .mfp-wrap .mc4wp-form-fields label { text-align: center;} .mfp-wrap .mc4wp-form-fields input[type="submit"] { float: none; margin-top: 20px; width: auto !important; } /* separator */ .separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto; } .separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto; } .separator-line-vertical { width:7px; height:80px; float:left; margin-right:90px; } .slider-text .separator-line { margin:14% auto; height: 2px; } .thin-separator-line { height: 1px; width: 30px; margin:7% auto; } .separator-line-thin { height: 1px; } .vertical-separator { height:25px; width:25px; border-left:1px solid #000; } .wide-separator-line { height: 1px; background-color:#e5e5e5; margin:5% 15px; width: 100%; clear: both; box-sizing: border-box; } .indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); } .indicators-black li { border: 2px solid rgba(0, 0, 0, 1); } .hcode-space { float: left; width: 100%; clear: both; } .hcode-divider { float: left; width: 100%; clear: both; } .div-padding { padding: 120px 0; } /* margin */ .margin-one { margin-top:1% !important; margin-bottom:1% !important; } .margin-two { margin-top:2% !important; margin-bottom:2% !important; } .margin-three { margin-top:3% !important; margin-bottom:3% !important; } .margin-four { margin-top:4% !important; margin-bottom:4% !important; } .margin-five { margin-top:5% !important; margin-bottom:5% !important; } .margin-six { margin-top:6% !important; margin-bottom:6% !important; } .margin-seven { margin-top:7% !important; margin-bottom:7% !important; } .margin-eight { margin-top:8% !important; margin-bottom:8% !important; } .margin-nine { margin-top:9% !important; margin-bottom:9% !important; } .margin-ten { margin-top:10% !important; margin-bottom:10% !important; } .margin-eleven { margin-top:11% !important; margin-bottom:11% !important; } .margin-twelve { margin-top:12% !important; margin-bottom:12% !important; } .margin-thirteen { margin-top:13% !important; margin-bottom:13% !important; } .margin-twentytwo { margin-top:22% !important; margin-bottom:22% !important; } .margin-right-four { margin-right:4% !important; } .margin-right-five { margin-right:5% !important; } .margin-right-six { margin-right:6% !important; } .margin-right-seven { margin-right:7% !important; } .margin-right-eight { margin-right:8% !important; } .margin-right-nine { margin-right:9% !important; } .margin-right-ten { margin-right:10% !important; } .margin-top-section { margin-top:96px; } .margin-left-right-one { margin-right:6% !important; margin-left:6% !important; } .no-margin { margin:0 !important; } .no-margin-lr { margin-left: 0 !important; margin-right: 0 !important; } .no-margin-top { margin-top:0 !important; } .no-margin-bottom { margin-bottom:0 !important; } .no-margin-left { margin-left:0 !important; } .no-margin-right { margin-right:0 !important; } .margin-bottom { margin-bottom:60px; } /* padding */ .padding-one { padding:1% !important; } .padding-two { padding:2% !important; } .padding-three { padding:3% !important; } .padding-four { padding:4% !important; } .padding-five { padding:5% !important; } .padding-six { padding:6% !important; } .padding-seven { padding:7% !important; } .padding-eight { padding:8% !important; } .padding-nine { padding:9% !important; } .padding-ten { padding: 10.2% !important; } .padding-eleven { padding: 11% !important; } .padding-twelve { padding: 12% !important; } .padding-thirteen { padding: 13% !important; } .padding-fourteen { padding: 14% !important; } .padding-fifteen { padding: 15% !important; } .padding-left-right-px { padding: 0 15px; } .no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; } .no-padding-right { padding-right:0px !important; } .no-padding-top { padding-top:0 !important; } .no-padding { padding:0 !important; } .no-padding-left { padding-left:0px !important; } .no-padding-bottom { padding-bottom:0 !important; } .no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; } /* margin padding wp */ .margin-bottom-45px { margin-bottom: 45px !important; } .margin-bottom-40px { margin-bottom: 40px !important; } .margin-bottom-80px { margin-bottom: 80px !important; } .margin-bottom-30px { margin-bottom: 30px !important; } .margin-bottom-25px { margin-bottom: 25px !important; } .margin-bottom-15px { margin-bottom: 15px !important; } .margin-bottom-20px { margin-bottom: 20px !important; } .margin-bottom-10px { margin-bottom: 10px !important; } .margin-bottom-5px { margin-bottom: 5px !important; } .margin-top-5px { margin-top: 5px !important; } .margin-top-10px { margin-top: 10px !important; } .margin-top-20px { margin-top: 20px !important; } .margin-top-30px { margin-top: 30px !important; } .margin-top-35px { margin-top: 35px !important; } .margin-right-20px { margin-right: 20px; } .margin-right-25px { margin-right: 25px; } .margin-0auto { margin: 0 auto !important; } .margin-top-80px-bottom-70px { margin-top: 80px !important; margin-bottom: 70px !important; } .margin-lr-auto { margin-right: auto !important; margin-left: auto !important; } .margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important; } .margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important; } .margin-tb-30px { margin-top: 30px !important; margin-bottom: 30px !important; } .margin-tb-20px { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-tb-25px { margin-top: 25px !important; margin-bottom: 25px !important; } .margin-bottom-20px { margin-bottom: 20px !important; } .margin-top-81px { margin-top: 81px !important; } .margin-top-80px { margin-top: 80px !important; } .margin-one-all { margin:1% !important; } .margin-two-all { margin:2% !important; } .margin-three-all { margin:3% !important; } .margin-four-all { margin:4% !important; } .margin-five-all { margin:5% !important; } .margin-six-all { margin:6% !important; } .margin-seven-all { margin:7% !important; } .margin-eight-all { margin:8% !important; } .margin-nine-all { margin:9% !important; } .margin-ten-all { margin:10% !important; } .margin-eleven-all { margin: 11% !important; } .margin-twelve-all { margin: 12% !important; } .margin-thirteen-all { margin: 13% !important; } .margin-one-bottom { margin-bottom: 1% !important; } .margin-two-bottom { margin-bottom: 2% !important; } .margin-three-bottom { margin-bottom: 3% !important; } .margin-four-bottom { margin-bottom: 4% !important; } .margin-five-bottom { margin-bottom: 5% !important; } .margin-six-bottom { margin-bottom: 6% !important; } .margin-seven-bottom { margin-bottom: 7% !important; } .margin-eight-bottom { margin-bottom: 8% !important; } .margin-nine-bottom { margin-bottom: 9% !important; } .margin-ten-bottom { margin-bottom: 10% !important; } .margin-eleven-bottom { margin-bottom: 11% !important; } .margin-twelve-bottom { margin-bottom: 12% !important; } .margin-thirteen-bottom { margin-bottom: 13% !important; } .margin-fourteen-bottom { margin-bottom: 14% !important; } .margin-fifteen-bottom { margin-bottom: 15% !important; } .margin-one-top { margin-top: 1% !important; } .margin-two-top { margin-top: 2% !important; } .margin-three-top { margin-top: 3% !important; } .margin-four-top { margin-top: 4% !important; } .margin-five-top { margin-top: 5% !important; } .margin-six-top { margin-top: 6% !important; } .margin-seven-top { margin-top: 7% !important; } .margin-eight-top { margin-top: 8% !important; } .margin-nine-top { margin-top: 9% !important; } .margin-ten-top { margin-top: 10% !important; } .margin-eleven-top { margin-top: 11% !important; } .margin-twelve-top { margin-top: 12% !important; } .margin-thirteen-top { margin-top: 13% !important; } .margin-fourteen-top { margin-top: 14% !important; } .margin-fifteen-top { margin-top: 15% !important; } .padding-one-lr { padding-left: 1% !important; padding-right: 1% !important; } .padding-two-lr { padding-left: 2% !important; padding-right: 2% !important; } .padding-three-lr { padding-left: 3% !important; padding-right: 3% !important; } .padding-four-lr { padding-left: 4% !important; padding-right: 4% !important; } .padding-five-lr { padding-left: 5% !important; padding-right: 5% !important; } .padding-six-lr { padding-left: 6% !important; padding-right: 6% !important; } .padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important; } .padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important; } .padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important; } .padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important; } .margin-left-one { margin-left: 1% !important; } .margin-left-two { margin-left: 2% !important; } .margin-left-three { margin-left: 3% !important; } .margin-left-four { margin-left: 4% !important; } .margin-left-five { margin-left: 5% !important; } .margin-left-six { margin-left: 6% !important; } .margin-left-seven { margin-left: 7% !important; } .margin-left-eight { margin-left: 8% !important; } .margin-left-nine { margin-left: 9% !important; } .margin-left-ten { margin-left: 10% !important; } .margin-left-eleven { margin-left: 11% !important; } .margin-left-twelve { margin-left: 12% !important; } .margin-left-thirteen { margin-left: 13% !important; } .margin-left-twentytwo { margin-left: 22% !important; } .margin-right-one { margin-right: 1% !important; } .margin-right-two { margin-right: 2% !important; } .margin-right-three { margin-right: 3% !important; } .margin-right-four { margin-right: 4% !important; } .margin-right-five { margin-right: 5% !important; } .margin-right-six { margin-right: 6% !important; } .margin-right-seven { margin-right: 7% !important; } .margin-right-eight { margin-right: 8% !important; } .margin-right-nine { margin-right: 9% !important; } .margin-right-ten { margin-right: 10% !important; } .margin-right-eleven { margin-right: 11% !important; } .margin-right-twelve { margin-right: 12% !important; } .margin-right-thirteen { margin-right: 13% !important; } .margin-right-twentytwo { margin-right: 22% !important; } .padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important; } .padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important; } .padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important; } .padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important; } .padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important; } .padding-one-bottom { padding-bottom: 1% !important; } .padding-two-bottom { padding-bottom: 2% !important; } .padding-three-bottom { padding-bottom: 3% !important; } .padding-four-bottom { padding-bottom: 4% !important; } .padding-five-bottom { padding-bottom: 5% !important; } .padding-six-bottom { padding-bottom: 6% !important; } .padding-seven-bottom { padding-bottom: 7% !important; } .padding-eight-bottom { padding-bottom: 8% !important; } .padding-nine-bottom { padding-bottom: 9% !important; } .padding-ten-bottom { padding-bottom: 10% !important; } .padding-eleven-bottom { padding-bottom: 11% !important; } .padding-twelve-bottom { padding-bottom: 12% !important; } .padding-thirteen-bottom { padding-bottom: 13% !important; } .padding-twentytwo-bottom { padding-bottom: 22% !important; } .padding-one-top { padding-top: 1% !important; } .padding-two-top { padding-top: 2% !important; } .padding-three-top { padding-top: 3% !important; } .padding-four-top { padding-top: 4% !important; } .padding-five-top { padding-top: 5% !important; } .padding-six-top { padding-top: 6% !important; } .padding-seven-top { padding-top: 7% !important; } .padding-eight-top { padding-top: 8% !important; } .padding-nine-top { padding-top: 9% !important; } .padding-ten-top { padding-top: 10% !important; } .padding-eleven-top { padding-top: 11% !important; } .padding-twelve-top { padding-top: 12% !important; } .padding-thirteen-top { padding-top: 13% !important; } .padding-twentytwo-top { padding-top: 22% !important; } .padding-left-one { padding-left: 1% !important; } .padding-left-two { padding-left: 2% !important; } .padding-left-three { padding-left: 3% !important; } .padding-left-four { padding-left: 4% !important; } .padding-left-five { padding-left: 5% !important; } .padding-left-six { padding-left: 6% !important; } .padding-left-seven { padding-left: 7% !important; } .padding-left-eight { padding-left: 8% !important; } .padding-left-nine { padding-left: 9% !important; } .padding-left-ten { padding-left: 10% !important; } .padding-left-eleven { padding-left: 11% !important; } .padding-left-twelve { padding-left: 12% !important; } .padding-left-thirteen { padding-left: 13% !important; } .padding-left-twentytwo { padding-left: 22% !important; } .padding-right-one { padding-right: 1% !important; } .padding-right-two { padding-right: 2% !important; } .padding-right-three { padding-right: 3% !important; } .padding-right-four { padding-right: 4% !important; } .padding-right-five { padding-right: 5% !important; } .padding-right-six { padding-right: 6% !important; } .padding-right-seven { padding-right: 7% !important; } .padding-right-eight { padding-right: 8% !important; } .padding-right-nine { padding-right: 9% !important; } .padding-right-ten { padding-right: 10% !important; } .padding-right-eleven { padding-right: 11% !important; } .padding-right-twelve { padding-right: 12% !important; } .padding-right-thirteen { padding-right: 13% !important; } .padding-right-twentytwo { padding-right: 22% !important; } .no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important; } .padding-tb-15px { padding-top: 15px !important; padding-bottom: 15px !important; } .padding-top-15px { padding-top: 15px !important; } .padding-top-30px { padding-top: 30px !important; } .padding-bottom-15px { padding-bottom: 15px !important; } .padding-bottom-30px { padding-bottom: 30px !important; } .padding-top-40px { padding-top: 40px !important; } .padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important; } .padding-top-18px { padding-top: 18px; } .padding-70px { padding: 70px; } .padding-tb-lr-70 { padding: 70px; } .padding-tb7-lr11 { padding: 7% 11%; } .padding-tb6-lr9 { padding: 6% 9%; } .padding-twentytwo { padding: 22px !important; } .padding-thirtyfive { padding: 35px !important; } /* float */ .f-left { float:left !important; } .f-right { float:right !important; } .no-float { float:none !important; } /* other col size */ .col-large { width:90%; } .col-medium { width:85%; } .col-small { width:75%; } .col-extra-small { width:70%; } /* display */ .display-block { display: block !important; } .overflow-hidden { overflow: hidden !important; } .overflow-hidden-mobile { position:fixed !important; overflow: hidden !important; } .display-inline-block { display: inline-block !important; } .display-inline { display: inline !important; } .display-none { display: none !important; } /* position */ .position-relative { position: relative !important; z-index: 5; } .position-absolute { position: absolute !important; } .position-inherit { position: inherit !important; } .position-initial { position: initial !important; } .position-right { right:0 !important; } .position-left { left:0 !important; } .position-top { top:0 !important; } .position-right-15px { right: 15px !important; } .position-left-15px { left: 15px !important; } .position-left-right-zero { left: 0 !important; right: 0 !important; } /* top */ .top-1 { top: 1px; } .top-2 { top: 2px; } .top-3 { top: 3px; } .top-4 { top: 4px; } .top-5 { top: 5px; } .top-6 { top: 6px; } .top-7 { top: 7px; } .top-8 { top: 8px; } .top-9 { top: 9px; } .top-10 { top: 10px; } /* width */ .width { display: inline-block; position: relative; width: 90%; } .width-20 { width:20% !important; } .width-30 { width:30% !important; } .width-40 { width:40% !important; } .width-50 { width:50% !important; } .width-60 { width:60% !important; } .width-70 { width:70% !important; } .width-80 { width:80% !important; } .width-90 { width:90% !important; } .width-100 { width:100% !important; } .width-auto { width: auto !important; } /* height */ .height-0 { height: 0 !important; } .height-100 { height: 100% !important; } .height-auto { height:auto !important; } .full-screen {min-height: 980px;} .clear-both { clear:both; } .clear-none { clear: none; } .roundedimage { border-radius: 100%; } .vertical-align-middle { vertical-align: middle !important; } .vertical-align-bottom { vertical-align: bottom !important; } .no-box-shadow { box-shadow:none !important; } p.uppercase { text-transform:uppercase !important; } p.uppercase a { text-decoration:underline !important; } p.uppercase a:hover { text-decoration: none; } .line-break { display:block !important; } .z-index-1 { z-index:1 !important; } .z-index-0 { z-index:0 !important; } .no-transition *, .page-title-section *, .vc_editor .entry-content *, .owl-carousel *, .select2-container, .select2-drop, .select2-search, .select2-search input, .wpb_revslider_element *, .wpb_accordion *, .vc_grid-container-wrapper *, .pswp *, .select2-drop *, .select2-container--open *, .select2-container--open input *, .vc_ess_grid *, .price_slider_wrapper *, .woocommerce-shipping-calculator *, .tolb-inner * { transition-timing-function: none ; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .owl-carousel.hcode-featured-slider * { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } /* =================================== Border ====================================== */ .white-round-border { border-radius: 50%; border: 1px solid #fff; } .border-black { border:1px solid #000; } .border-thick { border-width:2px !important; } .border-white { border:1px solid #FFF; } .border-top { border-top: 1px solid #e5e5e5; } .border { border: 1px solid #e5e5e5; } .border-right { border-right: 1px solid #e5e5e5; } .border-left-1px { border-left: 1px solid #e5e5e5; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .border-left { border-left: 4px solid #fff; } .border-color-black { border-color: #000 !important; } .border-color-white { border-color: #fff !important; } .border-gray { border-color:#d7d7d7 !important; } .border-color-orange { border-color:#ff513b !important; } .no-border { border:none !important; } .border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1); } .border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .border-transperent-light { border-color:rgba(255, 255, 255, .25) !important; } .no-border-round { border-radius:0 !important; } /* =================================== Scroll to top ====================================== */ #scroll_to_top { cursor: pointer; } #scroll_to_top:hover { opacity: 0.75; } .scrollToTop { display: none; line-height: 23px; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #000; z-index: 555; border-radius:2px; } .scrollToTop.scrolltotop-position-left { left: 45px; right: auto; } .scrollToTop i { font-size: 18px; margin: 2px 6px 0 6px; color: #fff; vertical-align: top; line-height: 1; } .scrollToTop:hover { opacity: 0.5; } .scrollToTop:hover i { position: relative; } /* =================================== Slider background and overlay ====================================== */ .slider-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.6; z-index: 1; top:0; left: 0; } .video-background { position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67, 67, 67, 0.5); } .slider-overlay-half { position: absolute; height: 60%; width: 100%; opacity: 0.9; z-index: 1; bottom:0; } .slider-text { position: relative; left:0px; right:0px; z-index:1; } .slider-text h1 { font-size:30px; font-weight:300; letter-spacing:3px; line-height: 38px; } .slider-text span { display: block; font-size: 16px; font-weight: 400; line-height: 25px; } .gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top: 0px; background: rgba(167, 73, 28, 0.9); background: -moz-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167, 73, 28, 0.9)), color-stop(100%, rgba(48, 41, 39, 0.9))); background: -webkit-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -o-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: -ms-linear-gradient(left, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); background: linear-gradient(to right, rgba(167, 73, 28, 0.9) 0%, rgba(48, 41, 39, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#608aab', GradientType=1 ); } .gradient-overlay-light { background: rgba(176, 0, 92, 1); background: -moz-linear-gradient(left, rgba(176, 0, 92, 1) 0%, rgba(83, 11, 49, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176, 0, 92, 1)), color-stop(100%, rgba(83, 11, 49, 1))); background: -webkit-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: -o-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: -ms-linear-gradient(left, rgba(176, 0, 92, 0.7) 0%, rgba(83, 11, 49, 1) 100%); background: linear-gradient(to right, rgba(176, 0, 92, 1) 0%, rgba(83, 11, 49, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530b31', endColorstr='#b0005c', GradientType=1 ); } .overlay-yellow { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#ffca18; } .overlay-blue { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#8ac4fe; } .overlay-gray { position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0px; background-color:#f4f5f6; } .overlay-green { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#71f1b9; } .slider-half { position:absolute; top:50%; left:0; right:0; z-index:1; color:#FFF; } .slider-half h1 { font-size:80px; line-height:85px; font-weight:300; letter-spacing:-2px; text-transform: none; } .slider-half h1 span { font-weight:700; } .bootstrap-slider-title-text { margin-bottom: 14% !important; } /* =================================== Navigation ====================================== */ .navbar > .nav-header-container > .row { display: flex; align-items: center; } .navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 1183px; } .shrink-nav { background-color:#FFF; position: fixed !important; top: 0 !important; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; } .sticky-nav { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; } .menu-wrap { border-radius: 0; } /* top header area */ .sticky-mini-header .top-header-area { position: fixed; } .top-header-area { position: absolute; width: 100%; z-index: 1050; padding: 6px 0; background-color: #000; height: auto; top: 0; } .top-header-area .widget { margin-bottom: 0; } .header-call { float: left; margin-right: 20px; letter-spacing: 1px; } .header-call span { font-size: 11px; line-height: 16px; } .header-social { letter-spacing: 1px; float: left; } .header-social a { font-size: 11px; } .top-right-menu { float: right; } .top-right-menu ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding: 0px; } .top-right-menu ul { float: right; } .top-right-menu li { float: left; margin: 0 10px; position: relative; } .top-right-menu li a { color: #fff; font-size: 10px; letter-spacing: 0; font-weight: 600; text-transform: uppercase; } .top-right-menu li:after { content: "/"; color: #fff; right: -13px; position: absolute; top: 1px; } .top-right-menu li:last-child:after { content: ""; } /* logo setings */ .retina-logo, .retina-logo-light {display: none;} .navbar .hcode-header-logo > .logo-dark, .navbar .hcode-header-logo > .logo-light { display: inline-block; vertical-align: middle; } .navbar .hcode-header-logo > .logo-dark > .logo, .navbar .hcode-header-logo > .logo-light > .logo { max-width: 109px } .navbar .hcode-header-logo > .logo-dark, .navbar .hcode-header-logo > .logo-light { display: none; } .navbar .hcode-header-logo > .logo-light, .navbar.shrink-nav .hcode-header-logo > .logo-dark { display: inline-block; } .navbar.shrink-nav .hcode-header-logo > .logo-light, .navbar .hcode-header-logo > .logo-dark { display: none; } .navbar .hcode-header-logo, .navbar .accordion-menu, .navbar .search-cart-header { padding-left: 15px; padding-right: 15px;} .navbar.shrink-nav.static-sticky .hcode-header-logo > .logo-light { display: inline-block; } /* site title */ .hcode-site-title { text-transform: uppercase; font-weight: 600; font-size: 18px; color: #fff; } .hamburger-menu1 .hcode-header-logo { float: none; } /* menu link setting */ .navbar > .nav-header-container { position: relative; } .navbar > .nav-header-container .accordion-menu { flex-grow: 1; } .navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header a, .navbar > .nav-header-container .dropdown-header { text-transform: uppercase; } .navbar > .nav-header-container .hcode-header-logo, .navbar > .nav-header-container .search-cart-header { width: auto; padding-top: 6px; padding-bottom: 6px; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content;} .navbar > .nav-header-container .navbar-nav .megamenu-right-icon { display: none; } .navbar > .nav-header-container .navbar-nav > li { padding: 22px 0; margin: 0 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navbar.shrink-nav > .nav-header-container .navbar-nav > li { padding: 12px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li { padding: 22px 0; } .navbar.shrink-nav.static-sticky.header-top-logo > .nav-header-container .navbar-nav > li { padding: 10px 0; } .navbar > .nav-header-container .navbar-nav > li:last-child { margin-right: 0; } .navbar > .nav-header-container .navbar-nav > li:first-child { margin-left: 0; } .navbar > .nav-header-container .dropdown-menu li a { text-transform: uppercase; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown { position: relative; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown { position: inherit; } .navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 22px !important; } .navbar.header-top-logo > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu, .navbar.static-sticky.shrink-nav.header-top-logo > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 10px !important; } .navbar.shrink-nav > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 12px !important; } .navbar.header-top-logo.shrink-nav > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { margin-top: 5px !important; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu .mega-sub-menu, .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1.open > .dropdown-menu .mega-sub-menu { margin-top: 0; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-sub-menu { margin-bottom: 40px; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.megamenu-column-1 > .dropdown-menu .mega-sub-menu:last-child { margin-bottom: 0; } .search-cart-header #top-search i, .search-cart-header .top-cart .shopping-cart { transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; } .search-cart-header .subtitle-mobile { display: none; background-color: #fdd947; border-radius: 100%; font-size: 11px; height: 16px; line-height: 17px; text-align: center; width: 16px; position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); letter-spacing: normal; color: #000; } /* menu alignment */ .navbar > .nav-header-container .accordion-menu .navbar-collapse { display: flex; align-items: center; justify-content: flex-end; } .navbar > .nav-header-container .accordion-menu.menu-left-align .navbar-collapse { justify-content: flex-start; } .navbar > .nav-header-container .accordion-menu.menu-center-align .navbar-collapse { justify-content: center; } /*fluid menu settings*/ .navbar > .nav-header-container.container-fluid { position: relative; } /* fluid menu alignment */ .navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { right: 30px; left: auto; } .navbar > .nav-header-container.container-fluid .accordion-menu.menu-left-align .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu, .navbar.header-center-logo > .nav-header-container.container-fluid .hcode-center-logo-menu .accordion-menu .navbar-nav:first-child > li.mega-menu-dropdown.open > .dropdown-menu { right: auto; left: 30px; } .navbar > .nav-header-container.container-fluid .accordion-menu.menu-center-align .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu, .navbar.header-top-logo > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { right: 0; left: 0; } /* top logo menu settings */ .navbar.header-top-logo > .nav-header-container > .row { justify-content: center; flex-wrap: wrap; } .navbar.header-top-logo > .nav-header-container .hcode-header-logo { width: 100%; text-align: center; } .navbar.header-top-logo > .nav-header-container .accordion-menu { flex-grow: unset; } .navbar.header-top-logo > .nav-header-container .hcode-header-logo { padding-top: 15px; padding-bottom: 0; } .navbar.header-top-logo > .nav-header-container .navbar-nav > li, .navbar.header-top-logo .search-cart-header #top-search, .navbar.header-top-logo .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.static-sticky.shrink-nav .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.static-sticky .search-cart-header .top-cart .shopping-cart, .navbar.header-top-logo.shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 10px 0; } .navbar.header-top-logo.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.header-top-logo.shrink-nav .search-cart-header #top-search, .navbar.header-top-logo.shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 5px 0; } /* center logo menu settings */ .navbar.header-center-logo > .nav-header-container > .row { height: 100%; } .navbar.header-center-logo > .nav-header-container .hcode-header-logo.center-logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px; padding: 15px 0; text-align: center; } .hcode-center-logo-menu { display: flex; align-items: center; flex-grow: 1; position: relative; } .navbar.header-center-logo > .nav-header-container .accordion-menu { display: flex; justify-content: center; align-items: center; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse { flex-grow: 1; display: block; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) { width: 42%; float: left; text-align: right; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) > li { float: none; display: inline-block; vertical-align: middle;} .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 42%; float: right } .center-logo-search-cart-full-width .hcode-center-logo-menu { position: inherit; } .navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1) { width: 50%; } .navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 35%; } /* hamburger menu settings */ .navbar.default-hamburger-menu .navbar-header .logo-light > .logo{ max-width: 109px; } .navbar.default-hamburger-menu.hamburger-menu1 .hcode-site-title .logo-dark { display: none; } .navbar.default-hamburger-menu > .nav-header-container > .row { justify-content: space-between;} .navbar.default-hamburger-menu > .nav-header-container > .row > .hcode-hamburger-menu { flex-grow: 1; padding: 22px 0; } .navbar.default-hamburger-menu.shrink-nav > .nav-header-container > .row > .hcode-hamburger-menu { padding: 18px 0; } .pull-menu .navbar-nav { padding: 40px 0; width: 100%; } .pull-menu .nav li { margin: 0; display: block; width: 100%; position: relative; margin: 0 !important; } .pull-menu .navbar-nav a { color: #a5a5a5; font-weight: 600; line-height: 18px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 11px; display: block; text-transform: uppercase; } .pull-menu .sub-menu { background-color: transparent; left: 0; min-width: 100%; padding: 0 0 0 5px; position: inherit; display: block; border: 0; } .pull-menu .navbar-nav li:hover > a,.pull-menu .navbar-nav li > a.active, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-item > a, .pull-menu .navbar-nav li.current-menu-ancestor > a, .pull-menu .navbar-nav li.current-menu-ancestor ul li.current-menu-item > a { color: #fff; border-bottom-color: inherit; } .pull-menu .footer-social a { margin: 0 5px !important; } .pull-menu .footer-social a i { font-size: 14px; color: #fff; } .menu-icon-option-2 a i { background-color: transparent !important} .menu-icon-option-2 a:hover i { color: #868686} .navbar-default .menu-button-orange { position: relative; margin-right: 15px; } .hamburger-menu2 .navbar-toggle { margin: 0; margin-right: 15px; } .full-width-pull-menu .menu-wrap { width: 100%; opacity: 0; display: none;left: 0; top: -50px; height: 100%; overflow: auto; background: rgba(26,26,26,1); } .show-menu .full-width-pull-menu .menu-wrap { opacity: 1; display: block; top: 0; } .full-width-pull-menu .pull-menu-open { display: table; height: 100%; width: 100%; } .full-width-pull-menu .pull-menu-open-sub { display: table-cell; vertical-align: middle; height: 100%; } .full-width-pull-menu .pull-menu .sub-menu { display: none; padding: 20px 0 10px 0; } .full-width-pull-menu.navbar .navbar-nav li { border-bottom: 1px solid rgba(255,255,255,.1); padding: 7px 0 9px; position: relative; } .full-width-pull-menu .pull-menu .navbar-nav a, .full-width-pull-menu .pull-menu .navbar-nav li a.active, .full-width-pull-menu .pull-menu .navbar-nav li a:hover { border-bottom: 0; display: inline-block; } .full-width-pull-menu.navbar .navbar-nav li a.active { background-color: transparent; } .full-width-pull-menu.navbar .navbar-nav li a { font-size: 26px; line-height: 45px; padding: 0; font-weight: 700; } .full-width-pull-menu.navbar .navbar-nav li > a.active, .full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a, .full-width-pull-menu.navbar .navbar-nav li:hover > a, .full-width-pull-menu.navbar .navbar-nav li .sub-menu > li.current-menu-ancestor > a, .full-width-pull-menu.navbar .navbar-nav li .sub-menu > li.current-menu-item > a, .navbar.full-width-pull-menu.navbar .navbar-nav li > a.active, .full-width-pull-menu.navbar .navbar-nav li .sub-menu li:hover > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li:hover > a { color: #797979; } .full-width-pull-menu-dark .btn { margin-right: 10px; } .full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #fff; line-height: 22px; border-bottom: 0;} .full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0; } .full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 0 !important; } .full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 15px; } .full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a { font-size: 14px; color: #565656; font-weight: 600; line-height: 20px; text-transform: none; } .full-width-pull-menu .close-button::before, .full-width-pull-menu .close-button::after { background: #fff; } .hamburger-menu3.full-width-pull-menu-dark .close-button::before, .hamburger-menu3.full-width-pull-menu-dark .close-button::after { background: #000; } .full-width-pull-menu .close-button { height: 64px; width: 64px; background: transparent; outline: none; } .hamburger-menu2.full-width-pull-menu .pull-menu .navbar-nav { text-align: left; float: none; padding: 0 0 100px 0; margin: 0 auto; width: 480px; } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { display: inline-block; position: absolute; right: 0; } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon.open > i:before { content: "\f106"; } .hamburger-menu1.navbar .navbar-nav li a.megamenu-right-icon { display: none;} .hamburger-menu3.full-width-pull-menu-dark .pull-menu { height: 100%; position: fixed; overflow-y: scroll; width: 50%; } .hamburger-menu3.full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 100px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li { border-bottom: 0; padding: 0; position: relative; } .hamburger-menu3.full-width-pull-menu-dark .menu-number { color: #bbbbbb; font-size: 14px; font-weight: 400; margin-right: 15px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { color: #000; height: auto; display: inline-block !important; font-size: 20px;font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0; } .hamburger-menu3.full-width-pull-menu.navbar.nav-white .navbar-nav li a { color: #fff; } .hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon.open > .fa-angle-down:before { content: "\f106"; font-weight: 900; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .fas { font-size: 20px; margin: 0 !important; display: block; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { margin-left: 2px; float: none !important; right: 0; position: inherit !important; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu { padding: 10px 0 5px 32px; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0; position: relative; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #000; line-height: 22px; height: auto; display: inline-block !important; letter-spacing: 3px; padding: 0;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { top: 0 !important; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 1px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 10px !important; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li > a { font-size: 14px; color: #000; font-weight: 600; line-height: 20px; text-transform: none; } .hamburger-menu3.full-width-pull-menu.navbar .bg-hamburger-menu3 { float: right; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li:hover > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li > a.active, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li.current-menu-item > a, .hamburger-menu3.full-width-pull-menu.navbar.nav-white .navbar-nav li:hover a { color: #797979; } .hamburger-menu2 .hcode-hamburger-menu, .hamburger-menu3 .hcode-hamburger-menu { display: flex; align-items: center; justify-content: flex-end; } .hamburger-menu2 .hcode-hamburger-menu .search-cart-header, .hamburger-menu3 .hcode-hamburger-menu .search-cart-header { display: inline-block; order: 1; } .hamburger-menu2.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu2.hamburger-menu-with-search-and-cart .search-cart-header #top-search, .hamburger-menu3 .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu3 .search-cart-header #top-search { padding: 29px 0; } .hamburger-menu2.shrink-nav.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu2.shrink-nav.hamburger-menu-with-search-and-cart .search-cart-header #top-search, .hamburger-menu3.shrink-nav.hamburger-menu-with-search-and-cart .hcode-hamburger-menu .search-cart-header .top-cart .shopping-cart, .navbar.hamburger-menu3.shrink-nav.hamburger-menu-with-search-and-cart .search-cart-header #top-search { padding: 24px 0; } .hamburger-menu-with-search-and-cart .search-cart-header .top-cart .cart-content { margin-top: 0; } .navbar.hamburger-menu-with-search-and-cart > .nav-header-container > .row > .hcode-hamburger-menu { padding: 0 !important; } .navbar > .nav-header-container .hcode-hamburger-menu .search-cart-header { padding-top: 0px; padding-bottom: 0px; } .navbar.hamburger-menu-with-search-and-cart > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a, .navbar.hamburger-menu-with-search-and-cart.shrink-nav > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.shrink-nav > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a { color: #000; } .navbar.hamburger-menu-with-search-and-cart.nav-dark > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.nav-dark > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a, .navbar.hamburger-menu-with-search-and-cart.nav-dark.shrink-nav > .nav-header-container .hcode-hamburger-menu .top-cart .shopping-cart, .navbar.hamburger-menu-with-search-and-cart.nav-dark.shrink-nav > .nav-header-container .hcode-hamburger-menu .search-cart-header #top-search > a { color: #fff; } /* default navigation menu */ .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children { position: relative; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li.page_item_has_children > a:after, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after { content: "\f105"; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu { visibility: hidden; opacity: 0; position: absolute; min-width: 220px; background-color: #232323; top: 100%; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover .children li, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li { position: relative; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu { left: 220px; top: 0; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children:hover .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children:hover .sub-menu, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li:hover .sub-menu { visibility: visible; opacity: 1; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li > a, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); text-transform: uppercase; line-height: 18px !important; padding: 9px 13px !important; position: relative; display: block; color: #c8c8c8 } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li:hover > a, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li:hover > a { color: #fff } /*================================== menu link colors ==================================*/ /* default color */ .navbar .navbar-nav > li > a, .navbar > .nav-header-container .search-cart-header .top-cart > a, .navbar > .nav-header-container .search-cart-header #top-search > a { color: #fff; } .navbar.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav > .nav-header-container .search-cart-header #top-search > a { color: #000; } .hcode-site-title,.hcode-site-title:hover, .navbar.shrink-nav-white.shrink-nav .hcode-site-title, .navbar.shrink-nav-white.shrink-nav .hcode-site-title:hover, .hamburger-menu2.nav-white .hcode-site-title, .hamburger-menu2.av-white .hcode-site-title:hover, .hamburger-menu3.shrink-nav .hcode-site-title, .hamburger-menu3.shrink-nav .hcode-site-title:hover, .menu-wrap a, .menu-wrap a:hover, .menu-wrap a:focus { color: #fff; } .shrink-nav .hcode-site-title, .shrink-nav .hcode-site-title:hover, .nav-black .hcode-site-title, .nav-black .hcode-site-title:hover, .navbar.shrink-nav-black.shrink-nav .hcode-site-title, .navbar.shrink-nav-black.shrink-nav .hcode-site-title:hover, .hamburger-menu2 .hcode-site-title, .hamburger-menu2 .hcode-site-title:hover, .hamburger-menu2.shrink-nav-white.shrink-nav .hcode-site-title, .hamburger-menu2.shrink-nav-white.shrink-nav .hcode-site-title:hover { color: #000; } .sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0); } .shrink-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0.1); } /* black link */ .navbar.nav-black .navbar-nav > li > a, .navbar.nav-black > .nav-header-container .search-cart-header .top-cart > a, .navbar.nav-black > .nav-header-container .search-cart-header #top-search > a{ color: #000; } /* black link on shrink */ .navbar.shrink-nav-black.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav-black.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav-black.shrink-nav > .nav-header-container .search-cart-header #top-search > a, .nav-black.hamburger-menu1.pull-menu .navbar-nav li a { color: #000; } /* white link on shrink */ .navbar.shrink-nav-white.shrink-nav .navbar-nav > li > a, .navbar.shrink-nav-white.shrink-nav > .nav-header-container .search-cart-header .top-cart > a, .navbar.shrink-nav-white.shrink-nav > .nav-header-container .search-cart-header #top-search > a { color: #fff; } .navbar-nav li.current-menu-ancestor ul li.current-menu-item > a, .navbar .dropdown-menu .mega-sub-menu > li.current-menu-item > a > .menu-icon-left { color: #fff; } .navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar > .nav-header-container .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open:hover > a { border-bottom-color: inherit; } .menu-new a:after { background: #c11f1f none repeat scroll 0 0; color: #fff; font-size: 10px; margin-left: 8px; padding: 0 6px 0 5px; line-height: 16px; position: absolute; content: "New"; margin-top: 3px; } /* mega menu settings */ .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 { position: relative; } .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 > .dropdown-menu { position: absolute; padding: 30px 25px 35px !important; margin: 0 !important; width: auto !important; right: inherit !important; left: 0 !important; top: 100%; } .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1.open > .dropdown-menu .mega-menu-column { padding: 0; } /* simple dropdown settings */ .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu { position: absolute; left: 0; right: inherit; width: 220px; top: 100%; margin-top: 0 !important; text-align: left; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); text-transform: uppercase; line-height: 18px !important; padding: 9px 13px !important; position: relative; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a > i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li.dropdown-toggle { position: relative; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { position: absolute; width: 240px; left: 220px; margin-top: 0; visibility: hidden; opacity: 0; top: 0; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu { left: auto; right: 0; text-align: right; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > a > i.fa-angle-right { right: auto; left: 15px; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > a > i.fa-angle-right:before { content: "\f104"; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { left: -240px;} .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li.dropdown-toggle:hover > ul.mega-sub-menu { visibility: visible; opacity: 1; } .navbar .simple-dropdown > ul.dropdown-menu > li:hover > a, .navbar .simple-dropdown > ul.dropdown-menu > li.current-menu-ancestor > a, .navbar .simple-dropdown > ul.dropdown-menu > li.current-menu-item > a { color: #fff; } .navbar i { color: inherit} .navbar .dropdown-menu .mega-sub-menu .menu-item > a > i, .navbar .dropdown-menu .menu-item > .dropdown-header > i { margin-right: 10px; } /* header search-cart icons setting */ .search-cart-header #top-search, .search-cart-header .top-cart { display: inline-block; vertical-align: middle; position: relative; } .search-cart-header .top-cart .shopping-cart { padding: 22px 0; margin-right: 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transition-property: padding; -moz-transition-property: padding;-ms-transition-property: padding; -o-transition-property: padding; transition-property: padding; } .navbar.hcode-nav-margin > .nav-header-container .navbar-nav > li, .hcode-nav-margin .search-cart-header .top-cart .shopping-cart { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; } .navbar .search-cart-header #top-search { padding: 22px 0; } .navbar.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.shrink-nav .search-cart-header #top-search, .shrink-nav .search-cart-header .top-cart .shopping-cart { padding: 12px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transition-property: padding; -moz-transition-property: padding;-ms-transition-property: padding; -o-transition-property: padding; transition-property: padding; } .shrink-nav.hcode-nav-margin.static-sticky .search-cart-header #top-search, .shrink-nav.static-sticky .search-cart-header .top-cart .shopping-cart { padding: 22px 0; } .search-cart-header .top-cart .top-cart .shopping-cart { display: flex; align-items: center; } .search-cart-header .top-cart .top-cart .shopping-cart i { margin-right: 8px; vertical-align: middle; } .search-cart-header .shopping-cart .subtitle { font-weight: 600; letter-spacing: 1px; } .search-cart-header .top-cart .top-cart .subtitle-mobile { display: none; } /* cart list settings */ .search-cart-header .top-cart .cart-content { opacity: 0; position: absolute; right: 0; transition: all 0.2s ease 0s; visibility: hidden; z-index: 9; background-clip: padding-box; background-color: rgba(27, 22, 28, 0.95); padding: 25px; width: 265px; max-height: 420px; overflow: hidden; overflow-y: auto; margin-top: 6px; } .cart-content ul.cart-list { list-style: outside none none; margin: 0; padding: 0; float: left; width: 100%; color: #c8c8c8; } .cart-content ul.cart-list li { text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 12px; padding-bottom: 10px; } .navbar .cart-content ul.cart-list li.empty { text-align: center; } .cart-content ul.cart-list li.empty { margin: 0; padding: 0; } .cart-content ul.cart-list li:last-child { border: 0; } .cart-content ul.cart-list a.remove { position: absolute; right: 15px; font-size: 15px; text-align: right; } .cart-content ul.cart-list a { display: block; font-size: 11px; text-transform: uppercase; font-weight: 600; line-height: 16px; padding: 0 0 0 0; width: auto; color: #c8c8c8; } .cart-content ul.cart-list a img { left: 0; float: left; width: 60px; margin-bottom: 10px; } .mini-cart-product-box { padding-left: 70px; } .cart-content .total { border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); color: #c8c8c8; display: block; font-size: 11px; margin-bottom: 0; padding: 7px 0; float: left;width: 100%; text-transform: uppercase; } .cart-content .total .amount { float: right; } /* search form style magnific popup */ .search-popup #search-header { height: 100%; } .search-popup .search-form { width: 45%; margin: 0 auto; top: 40%; } .search-popup .search-form .search-button { font-size: 21px; top: 31px; right: 0; } .search-popup .search-form .search-input { border: none; border-bottom: 2px solid #000; font-size: 30px; font-weight: 100; padding: 20px 2px; text-transform: none; background: transparent; line-height: 40px; } .search-popup .search-button { cursor: pointer; z-index: 0; color: #000; margin-right: 0; border: none; background: none; } .search-popup .close-search { color: #000 !important; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; } /* =================================== Page titles ====================================== */ /* page titles */ .content-top-margin { margin-top: 81px; } .content-top-margin-big { margin-top: 119px; } .content-top-margin-extra-big { margin-top: 150px; } .content-top-margin-midium-big { margin-top: 112px; } .page-title { padding: 80px 0; } .page-title h1 { letter-spacing: 4px; font-weight: 600; font-size: 20px; margin-bottom: 5px; } .page-title span { letter-spacing: 1px; font-weight: 400; font-size: 14px; } .breadcrumb ul li { display: inline-block; letter-spacing: 2px; font-size: 11px; font-weight: 400; } .breadcrumb ul > li+li:before { content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -2px; } .page-title-large { min-height: 450px; padding: 240px 0 0; } .page-title-large h1 { font-size: 25px; margin-bottom: 15px; } .page-title .breadcrumb { margin-top: 36px; } .page-title .separator-line { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .page-title:hover .separator-line { width:80px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms linear; } /* page title shop */ .page-title-shop h1 { font-size:35px; } /* page titels small */ .page-title-small { padding: 40px 0; } .page-title-small h1 { margin-bottom: 0; font-size: 18px; line-height: 23px; } .page-title-small .breadcrumb { margin-top:0; } /* =================================== Section ====================================== */ /* features section */ .features-section { float:left; } .features-section .col-xs-3 { width:20%; } .features-section .col-xs-9 { width:75%; } .features-section p { margin: 0 0 15px; } .features-section .separator-line { margin-left:0; margin-right:0; } /* services section */ .services-main { padding: 7%; } .services-sub { padding: 100px 0 0 0; float: left; } .services-main i { margin-bottom: 10%; } .services-sub-section { padding-right:45px; } .service-box-gray-text { color: #626262; } /* testimonial section */ .testimonial p { font-size:14px; margin:50px 0 40px; line-height:24px; } .testimonial .name { font-size:11px; display:block; margin:0 0 10px 0; width:100%; font-weight:400; text-transform: uppercase; letter-spacing: 2px; } .testimonial-style2 p { font-size:13px; margin:30px 0 20px; line-height:22px; } .testimonial-style2 .name { font-size:11px; display:block; width:100%; font-weight:600; text-transform: uppercase; letter-spacing: 2px; } .testimonial-style2 img { border-radius: 50%; max-width: 120px; } .tab-content > .tab-pane .top-icon { display:block; } .tab-content > .tab-pane .top-icon i { font-size:70px; } /* counter section */ .counter-section i { display:block; margin:0 0 10px; } .counter-section span.counter-number { font-size:40px; line-height:60px; display:block; letter-spacing: 2px; } .counter-title { font-size:12px; letter-spacing:2px; text-transform: uppercase; display: block; } .counter-icon { top:25px; position:relative; } .counter-style2 .counter-title { letter-spacing: 0.55px; float: left; } .counter-style2 span.counter-number { letter-spacing: 0.55px; float: left; margin-right: 10px; } .counter-style2 i { float: right; line-height: 26px; margin: 2px 10px 0 0; } .counter-subheadline span { float: right; } /* team */ .key-person { overflow:hidden; max-height:695px; } .key-person .key-person-img img { opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .key-person:hover .key-person-img img { opacity:0.5; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .key-person:hover .key-person-details { bottom:110px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5; } .key-person-details { position:relative; padding: 32px 25px 120px; bottom:0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5; } .key-person i { font-size:20px; margin:15px 15px 25px; } .key-person a i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .key-person a:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .key-person .person-name { font-size:11px; letter-spacing: 2px; text-transform:uppercase; display:block; font-weight:600; } .key-person .person-post { font-size:11px; text-transform:uppercase; font-weight:400; letter-spacing: 1px; display: block; } /* case study */ .case-study-slider { padding: 130px 0; } .case-study-title { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; } .case-study-work { letter-spacing: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: block; margin: 5px 0 25px; } .case-study-detials { display: block; margin-bottom: 25px; } .case-study-img { min-height: 500px; } .case-study-details { min-height: 500px; padding: 6.3% 6%; } .case-study-details.content-slider-details { padding-top: 0; padding-bottom: 0; } /* approach */ .approach-main-title { font-size: 12px;} .approach-details { margin-top: 11px; display: block; line-height: 19px; } .feature-owlslide-content { margin-left: auto; margin-right: auto; } /* work process */ .work-process-sub { min-height:100px; } .work-process-text { line-height:40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .work-process-sub:hover .work-process-text { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); } .work-process-number { font-size:50px; letter-spacing:-2px; } .work-process-sub:hover .work-process-details { z-index:2; opacity:1; bottom:0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .work-process-details { opacity:0; width: 100%; height:100%; bottom: -60px; left: 0; } .work-process-details i { margin-bottom:10px !important; } /* =================================== Footer ====================================== */ footer { clear:both; } footer ul li a, .copyright { font-size: 11px; } footer .bg-mid-gray { background: rgba(0, 0, 0, .10); } footer .footer-top { border-top:1px solid #e5e5e5; } footer h5 { margin-bottom: 20px; } footer .footer-middle { padding-top:80px; padding-bottom: 45px; } footer .onepage-footer-middle { padding-top:55px; padding-bottom: 45px; } footer ul li { padding: 1px 0; } footer ul li a { text-transform: uppercase; letter-spacing: 1px; } footer ul.list-inline li a { font-weight: 600; } footer ul.list-inline li:first-child { padding-left: 6px; } .footer-social i { font-size: 22px; } .footer-social a { margin: 0 25px; } .footer-social a:last-child { margin-right: 0; } .copyright { text-transform:uppercase; } .footer-logo img { max-width: 100px; } .footer-bottom { position: relative; } .footer-position { display: table; float: none; margin-left: auto; margin-right: auto; width: auto; } .demo_store { position: fixed; width: 100%; height: auto !important; text-align: center; padding: 15px 15px 20px !important; margin: 0; bottom: 0; left: 0; background-color: #fff; font-weight: 600; font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 999; } .demo_store p { padding: 0; margin: 0; } .demo_store span { color: #000; cursor: pointer; display: inline-block; font-size: 26px; line-height: 20px; margin: 0 0 0 10px; position: relative; top: 4px; } footer ul li.current-menu-item a { color: #000; } footer ul.footer-link li.current-menu-item a { color: #858585; } footer ul li.fab, footer ul li.fas, footer ul li.far { padding-left: 17px !important; position: relative; } footer ul li.fab:before, footer ul li.fas:before, footer ul li.far:before { position: absolute; left: 0; margin-top: 1px; color: #9a9a9a; } footer ul li .sub-menu a i { position: inherit !important; } .footer-wrapper-small-icon { font-size: 25px; } .footer-social.text-right .thin-separator-line{ display: inline-block; } /* =================================== Owl carousel ====================================== */ .owl-carousel { overflow: hidden; z-index: initial; } .owl-nav { position: static; } .owl-prev, .owl-next { color: #111; display: block; font-size: 16px; height: 105px; line-height: 105px; margin-top:-35px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 105px; z-index: 6; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; outline: none; } .owl-prev { left: -70px; } .owl-next { right: -70px; } .owl-prev:before, .owl-next:before { background-color:#fff; border-radius:2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); content: ""; display: block; height: 66%; left: 0; position: absolute; top: 50%; width: 66%; transform: translateY(-50%); } .owl-next:before { left: auto; right: 0; } .owl-prev i, .owl-next i { color: #000; font-size: 24px; position: relative; top: 2px; } .owl-prev i { right: 4%; } .owl-next i { left: 4%; } .owl-carousel:hover .owl-prev { left: -35px; opacity: 1; } .owl-carousel:hover .owl-next { opacity: 1; right: -35px; } .owl-dots { bottom: 30px; display: block; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100 !important; } .owl-dot, .owl-carousel button.owl-dot { display: inline-block; padding: 6px 5px !important; outline: none; } .owl-dot span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; } .owl-dot:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); } .owl-dot.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.33333); } .owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; } .owl-subtitle { font-size: 14px; letter-spacing: 10px; text-transform: uppercase; font-weight: 400; line-height: 80px; display:block; } .hcode-owl-slider8 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px; } .hcode-owl-slider9 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px; } .owl-title { font-size: 35px; font-weight: 600; text-transform: uppercase; display: block; letter-spacing: 7px; } .owl-title-big { background: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 25px; font-weight: 600; letter-spacing: 7px; line-height: 40px; padding: 35px 50px; text-transform: uppercase; width: 60%; } .dark-pagination .owl-dot span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none; } .dark-pagination .owl-dot.active span { background:transparent; border: 1px solid rgba(0, 0, 0, 1); } .dark-pagination .owl-prev, .owl-next { opacity: 1; outline: none; } .dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dark-navigation .owl-prev .fas, .dark-navigation .owl-next .fas { color: #fff; } .dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dark-navigation .owl-prev .fas, .dark-navigation .owl-next .fas { color: #fff; } .dark-pagination .owl-next:before { left: auto; right: 0; } .dark-pagination .owl-prev { left: -35px; opacity: 1; } .dark-pagination .owl-next { opacity: 1; right: -35px; } .light-pagination .owl-dot.active span { background: transparent; border: 1px solid rgba(255, 255, 255, 1); } .feature_nav a { cursor: pointer; } .owl-pagination-bottom.owl-carousel { overflow: visible; } .owl-pagination-bottom.owl-carousel .owl-dots { bottom: -50px; } .feature-owl .owl-item { padding: 0 15px; } .owl-carousel .owl-item { float: left; cursor: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-move.png"), move; } .owl-carousel.white-cursor .owl-item { float: left; cursor: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-move-light.png"), move; } .owl-carousel.no-cursor .owl-item { float: left; cursor: default; } .home-travel-agency .owl-item { cursor: default !important; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-carousel .owl-item img { display: inline-block; width: auto; } /* dot pagination */ .dot-pagination .owl-dot span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; } .dot-pagination .owl-dot.active span { border:none !important; transform:none!important; background:#fff !important; } /* square pagination */ .square-pagination .owl-dot span { width:30px; border-radius: inherit; height:3px; } .square-pagination .owl-dot.active span { border:none !important; transform:none!important; background:#fff !important; } /* round pagination */ .round-pagination .owl-dot span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; } .round-pagination .owl-dot.active span { background: none repeat scroll 0 0 transparent; transform: scale(1.33333); } /* hide next-prev arrow */ .dark-pagination-without-next-prev-arrow .owl-prev, .dark-pagination-without-next-prev-arrow .owl-next { display: none; } /* hide dot navigation */ .owl-no-pagination .owl-dots { display: none; } /* simple next-prev arrow */ .owl-prev-next-simple .owl-prev::before, .owl-next::before { box-shadow:none; } /* half slider */ .half-screen-slider { max-height: 750px; overflow-y: hidden; } .small-screen-slider { max-height: 400px; overflow-y: hidden; } .owl-half-slider .owl-title { width: 50%; line-height: 40px; font-size: 25px; } .owl-half-slider .item { min-height: 750px; } .owl-half-slider .container { min-height: 750px; } .owl-small-slider .item { min-height: 430px; } .owl-small-slider .container { min-height: 400px; } /* bottom pagination */ .bottom-pagination .owl-dots { position:inherit !important; } /* scroll down */ .scroll-down { bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10; } .scroll-down a i { border-radius: 2px; font-size: 17px; padding: 2px 6px; } .scroll-down a i:hover { background:#000; color: #fff; } .scroll-to-down { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/arrow-down.png"), pointer; } .scroll-to-down-white { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/arrow-down-white.png"), pointer; } .background-slider-text { position: absolute; width: 100%; } #owl-demo-background .owl-item { cursor: default !important; } /* =================================== Slider and parallax typography ====================================== */ .slider-text-middle-main { display: table; height: 100%; width: 100%; } .slider-text-bottom { display: table-cell; vertical-align: bottom; } .slider-text-top { display: table-cell; vertical-align: top; } .slider-text-middle { display: table-cell; vertical-align: middle; } .slider-text-middle1 { padding: 0 15px; } .slider-typography { text-align: center; width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; } .content-slider-details .slider-typography { text-align: left; } .slider-subtitle1 { display: block; font-family: "Oswald", sans-serif; font-size: 48px; font-weight: 100; letter-spacing: 4px; line-height: 68px; margin-bottom: 45px; padding: 30px 35px; text-align: center; text-transform: uppercase; width: 250px; } .slider-title-big1 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .slider-text-middle1 .separator-line { margin: 3% 0 0 0; } .slider-text-middle2 { padding:0 15px; } .slider-subtitle2 { display: block; font-size: 35px; font-weight: 100; letter-spacing: 4px; line-height: 45px; text-transform: uppercase; } .slider-subtitle3 { font-size: 20px; font-weight: 600; letter-spacing: 8px; line-height: 80px; text-transform: uppercase; } .slider-text-middle3 { padding:0 15px; } .slider-title-big3 { display: inline-block; font-size: 30px; font-weight: 600; letter-spacing: 7px; line-height: 43px; padding: 35px 50px; text-transform: uppercase; } .slider-text-middle4 { padding: 0 15px; } .slider-subtitle4 { font-size: 14px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; display: block; } .slider-title-big4 { font-size: 30px; font-weight: 400; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 20px; } .slider-text-middle5 { padding: 0 15px; } .slider-subtitle5 { font-size: 22px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 50px; display: block; line-height: 30px; } .slider-title-big5 { font-size: 15px; font-weight: 100; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 30px; } .slider-number { border: 2px solid #fff; display: inline-block; font-size: 20px; font-weight: 400; margin-bottom: 60px; padding: 5px 0 7px 0; min-width: 46px; text-align: center; line-height: normal; } .slider-title-big6 { font-size:110px; line-height: 100px; } .slider-title-big7 { font-size:55px; line-height: 68px; font-weight: 300; color: #fff; display: inline-block; } .slider-title-big8 { font-family: "Oswald", sans-serif; font-size: 25px; line-height: 35px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; display: block; } /* =================================== Parallax ====================================== */ .overlay { position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; } .parallax-fix { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .parallax-fix .row { position: relative; z-index: 2; } .parallax-section-main { /* min-height: 700px; */; } .parallax-title { display: block; font-size: 15px; font-weight: 100; letter-spacing: 7px; margin-bottom: 30px; text-transform: uppercase; } .parallax-sub-title { display: block; font-size: 22px; font-weight: 600; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; } .parallax-number { border: 2px solid #000; display: inline-block; font-size: 20px; font-weight: 400; margin:150px 0 60px 0; padding: 6px 15px; min-width:47px; text-align: center; letter-spacing: -2px; line-height: normal; } .fix-background { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; } .cover-background { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; } .background-size-inherit { background-size: inherit !important; } .blog-blockquote { padding:100px; } .background-attachment-inherit { background-attachment: inherit !important; } .parallax-fix.no-effect { background-size: unset !important; background-position: center center !important; background-attachment: inherit !important; } .background-center-fix{ background-position: center center !important; background-attachment:fixed !important;} /* =================================== One page ====================================== */ .tab-portfolio img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; } .tab-portfolio:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; } .tab-portfolio .portfolio-images { width:auto; overflow:hidden; position:relative; } .tab-portfolio .view { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top:-47px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .tab-portfolio:hover .view { top:50%; margin-top:-25px; } .tab-portfolio .portfolio-details { padding:20px 20px; text-align:left; border-bottom:1px solid #d4d4d4; } .tab-portfolio .portfolio-details span { text-transform:uppercase; } .portfolio-right { float: right; margin-top:-10px; } .tab-portfolio .portfolio-details h3 { margin:0 0 2px 0; } .tab-portfolio .portfolio-details .portfolio-right .fab, .tab-portfolio .portfolio-details .portfolio-right .fas, .tab-portfolio .portfolio-details .portfolio-right .far { margin:0 2px 0 0; } #contact-us textarea { min-height: 102px; } #contact-us .btn { margin:0; } .required { font-size:11px; display:block; text-transform: uppercase; letter-spacing: 1px; } .service-year { font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; } .service-year strong { font-weight: 500; } .clients-slider li { display: inline-block; margin: 0 4%; width: 15%; } .contact-form-right-button img { margin: 13px 10px 0 0; } .about-onepage-number { font-size:45px; line-height: 55px; min-height:60px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .about-onepage:hover .about-onepage-number-default { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); } .about-onepage:hover .about-onepage-number-hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .about-onepage-number .about-onepage-number-hover { bottom:-50px; } .about-onepage-text-sub span { font-size:23px; line-height:28px; } .about-onepage:hover .about-onepage-text-sub .black-text { text-decoration: line-through; } .about-onepage-text-sub { margin-left:15px; } .about-onepage-text-sub p { line-height:22px !important; margin:20px 0; } .about-onepage:hover .border-right { border-right:2px solid #f7d23d; } /* =================================== Bootstrap slider ====================================== */ .standard-slider { height: 60% !important; } .standard-with-slider { height: 73% !important; } .standard-with-slider .carousel-control.right, .standard-with-slider .carousel-control.left { top: 42%; } .list-icon i { margin-right: 3%; } .carousel .carousel-indicators { bottom: 30px; } .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; } .carousel-small { height:70%; } .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; position: absolute; left: 0; } /* Bootstrap slider indicators */ .dark-pagination .carousel-indicators li { border-color: #000; } .dark-pagination .carousel-indicators .active { background-color: #000; } .dot-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-radius: 4px; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; border: none; } .dot-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; } .dot-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } .dot-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); } .dot-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dot-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); border: 0 solid rgba(0, 0, 0, 1); } .square-pagination .carousel-indicators li { height: 3px; width: 30px;border-radius:0; background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: medium none !important; transform: none !important; border: none; } .square-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; } .square-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } .square-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; } .square-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; } .square-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } /* =================================== Portfolio - ajax ====================================== */ /* single #1 */ .half-project-img { height: 550px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .project-img-gallery { padding: 15px 0; } .spend-year { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; } .spend-year span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; } .spend-time { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; } .spend-time span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; } .related-projects-list .masonry-items li { padding:5px; } .project-header-text { margin-top: 19%; position: relative; text-align: center; width: 100%; z-index: 1; } .project-subtitle { font-size: 14px; font-weight: 100; letter-spacing: 8px; line-height: 65px; text-transform: uppercase; } .project-title { display: block; font-size: 25px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; } /* single #2 */ .half-project-img-slider { min-height: 700px; } /* single #3 */ .half-project-small-img { min-height: 300px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .half-project-small-img .project-header-text { margin-top: 10.5%; } .blog-details-text .project-details ul { list-style-type: none; } .project-details ul li { border-bottom: 1px solid #e5e5e5; padding: 8px 0; text-transform: uppercase; } .project-details ul li:last-child { border-bottom: none; } /* single #5 */ .work-background-slider-text { position: absolute; width: 50%; right: 0; top: 0; height: 100%; padding: 150px 120px; } .work-background-slider-year { position: absolute; bottom: 0; right: 0; } .work-background-slider-main .spend-year { line-height: 55px; width: auto; } .work-background-slider-main .spend-year span { margin-top: auto; } .mfp-content .work-background-slider-text { overflow: hidden; overflow-y: scroll; } /* next - previous style #1 */ .next-previous-project .next-project a { position: fixed; right: -133px; top: 49%; z-index: 5; background-color: #585858; } .next-previous-project .next-project a img, .previous-project a img { max-height: 83px; } .next-previous-project .next-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 32px; } .next-previous-project .next-project a img:nth-child(3), .previous-project a img:nth-child(2) { opacity: 1; } .next-previous-project .next-project a:hover { right: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project .previous-project a { position: fixed; left: -133px; top: 49%; z-index: 5; opacity: 1; } .next-previous-project .previous-project a:hover { left: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project .previous-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 20px; } .previous-project-bottom, .next-project-bottom { top: 79.5% !important; } /* next - previous style #2 */ .next-previous-project-style2 { clear: both; float: left; width: 100%; margin:3% 0 2%; } .next-previous-project-style2 .previous-link { width: 33.33%; float: left; min-height: 1px; } .next-previous-project-style2 .next-link { width: 33.33%; float: right; min-height: 1px; } .next-previous-project-style2 .back-to-category { width: 33.33%; float: left; min-height: 1px; } .next-previous-project-style2 a { width: 100%; display: inline-block; text-align: center; padding:50px 0; letter-spacing: 4px; font-size:11px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; float: left; text-transform: uppercase; } .next-previous-project-style2 a span { padding-left: 0px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project-style2 a i { font-size:14px; margin: 0 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project-style2 a:hover { background-color: #000; color: #fff; } .next-previous-project-style2 a:hover i { color: #fff; } .next-previous-project-style2 .back-project span { text-indent: -9999px; float: left; } .next-previous-project-style2 a.previous { border-right: 1px solid #e5e5e5; } .next-previous-project-style2 a.next { float: right; } .next-previous-project-style2 a.next:hover span { padding-left: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project-style2 a.previous:hover span { padding-right: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-prev-post-wrapper-center .next-previous-project-style2 a { padding: 20px 0; letter-spacing: 2px; } .next-prev-post-wrapper-center .next-previous-project-style2 a.previous:hover span { padding-right: 0; } .next-prev-post-wrapper-center .next-previous-project-style2 a.next:hover span { padding-left: 0; } .next-previous-bottom .next-previous-project-style2 { margin: 0 !important; } /* =================================== Portfolio - multi pages ====================================== */ /* single #3 */ .project-highlight { font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .project-highlight span { display: block; font-size: 14px; font-weight: 600; letter-spacing: 3px; } /* single #4 */ .great-result { position: relative; z-index: 3; } .great-result .owl-dots { bottom:50px; } /* single #5 */ .highlight-project-center-block { position: relative; } /* =================================== Masonry portfolio - home ====================================== */ .masonry-portfolio-header { min-height: 600px; } .masonry-portfolio-header-title { display: block; font-size: 30px; font-weight: 100; line-height: 40px; margin: 130px auto 0; text-align: center; text-transform: uppercase; } /* =================================== Full screen video ====================================== */ .video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; } .html-video { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; z-index: -3; } .video-wrapper iframe { height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%; } /* =================================== Half screen video ====================================== */ .video-half-screen { min-height:650px; } .video-half-screen .html-video { top:0; left:0; transform:none; -webkit-transform: none; -ms-transform: none; } /* =================================== Coming soon ====================================== */ .counter-container { display: table; margin: 0 auto; } .hcode-date-style1 .counter-box { display: block; width: 110px; text-align: center; padding: 0 25px; float: left; margin: 0px 35px 0 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .counter-underconstruction-video .counter-box { border-left: 1px solid rgba(255, 255, 255, 0.1) !important; border-right: 1px solid rgba(255, 255, 255, 0.1) !important; } .hcode-date-style1 .last { border-right: 0px !important; width: 90px; padding: 0 0 0 25px; } .hcode-date-style1 .first { border-left: 0px !important; } .hcode-date-style1 .number { font-size: 23px; text-align: center; font-weight: 400; line-height: 43px; } .hcode-date-style1 span { display: block; font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; } .coming-soon-title { font-size: 18px; letter-spacing: 2px; display: block; margin-bottom: 20px; } .coming-soon-logo { margin: 60px 0 45px; } .coming-soon-logo .logo-style-2 { max-width: 177px; } .coming-soon-logo .logo-style-3 { max-width: 210px; } .coming-soon-text { font-size: 16px; letter-spacing: 1px; margin-bottom: 40px; display: block; } .notify-me-main { position: fixed; bottom: 0; padding: 70px 0; width: 100%; z-index: 1; } .notify-me-text { font-size: 12px; margin-bottom: 25px; display: block; } .notify-me-text strong { font-size: 15px; margin-bottom: 6px; display: inline-block; } .notify-me-main input { float: left; margin: 0; padding: 0 12px; width: 70%; border: 1px solid #000; font-size: 12px; line-height: 35px; } .notify-me-main .btn-small { width: 30%; float: left; padding:5px 14px !important; } .notify-me-main .btn-small:hover { background-color: #000; color: #fff; } .notify-me-main .footer-social i { margin: 0 18px; } .notify-me-main .footer-social a:last-child { margin-right: 25px; } .newsletter-error { border: 1px solid #ff0000 !important; } .coming-soon-footer .social-icon.button { margin: 0 10px; } .mc4wp-form-fields label { display: block;text-align: left; color: #626262; } .mc4wp-form-fields input[type="submit"] { font-weight: 600; border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; width: 30%; float: left; padding: 5px 14px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; line-height: inherit; } .mc4wp-form-fields p { margin: 0; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .notify-me-main input { padding-bottom: 20px; height: 37px; } .landing-subscribe-button { padding-bottom: 9px !important; } .hcode-animated-tabs ul li br { display: none; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { line-height: 18px !important; padding-bottom: 0 !important; } .mfp-figure .mfp-close { display: block !important; } .parallax-fix, .fix-background { background-attachment: inherit !important; background-position-x: center !important; background-position-y: bottom !important; } .parallax-fix.ie-background-position-y-top, .fix-background.ie-background-position-y-top { background-position-y: top !important; } .navbar.header-top-logo > .nav-header-container .accordion-menu { flex-grow: inherit; } } /*only for webkit browsers*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { .buttons_added input.qty { height: 23px; top: -4px; position: relative; } .buttons_added { padding-bottom: 7px !important; } .buttons_added .minus { line-height: 12px !important; } } /* =================================== Coming soon - animation ====================================== */ #animated-balls { perspective: 50px; -webkit-perspective: 50px; -moz-perspective: 50px; -ms-perspective: 50px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; opacity: 0.55; } .dot { position: fixed; width: 30px; height: 30px; border-radius: 30px; background-color: #cecece; } .hcode-date-style2 .counter-box { display: block; text-align: center; padding: 0 25px; float: left; } .hcode-date-style2 .last { border-right: 0px !important; } .hcode-date-style2 .first { border-left: 0px !important; } .hcode-date-style2 .number { font-size: 65px; text-align: center; font-weight: 400; line-height: 43px; } .hcode-date-style2 span { display: block; font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top:15px; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .notify-me-main input { padding-bottom: 20px; } .landing-subscribe-button { padding-bottom: 9px !important; } } /* =================================== Full width image ====================================== */ .full-width-image { min-height: 750px; } /* =================================== Blog ====================================== */ .below-header { margin-top: 87px; } .below-header-small { margin-top: 80px; } .blog-slider .owl-carousel { overflow: visible; } .blog-post-slider { overflow: visible; } .blog-slider .owl-dots { bottom: -70px; } .blog-post-slider .owl-dots { bottom: -70px; } .blog-slider .owl-item { padding: 0 5px; } .blog-slider .owl-item .owl-item { padding: 0; } .blog-post-slider .owl-item { padding: 0 5px; } .blog-slider-padding .owl-item { padding: 0 15px; } .blog-slider-con { position: relative; overflow: hidden; } .blog-slider-con figcaption { background-color: rgba(46, 46, 46, 0.9); position: absolute; z-index: 2; padding: 35px 15px; text-align: center; width: 100%; bottom: -74px; display: block; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .blog-slider-con:hover figcaption { bottom: 0; background-color: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .blog-slider-con:hover figcaption h3 { color: #000; } .blog-slider-con:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff; } .blog-slider-con:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000; } .blog-slider-con figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; } .blog-slider-con figcaption h3 a { display: block; } .blog-slider-con:hover figcaption h3 a { color: #000; } .blog-slider-con figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block; } .blog-slider-con figcaption span a { display: inline-block; } .blog-post-grid-slider .blog-post-slider .owl-item { padding: 0; } #image-owl-slider { overflow: hidden; } #image-owl-slider .owl-dots { bottom: 0; } .blog-slider-con .blog-image { background-color: #000; margin-bottom: 0; } .st_sharethis_large .stButton { display: none !important; } .blog-post-gallery:hover .lightbox-gallery img { -ms-transform: inherit; -webkit-transform: inherit; transform:inherit; transition: all 0 ease; -webkit-transition: all 0 ease; -moz-transition: all 0 ease; opacity:1; } .blog-post-gallery .lightbox-gallery div { overflow: hidden; } .blog-post-gallery .lightbox-gallery > div:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; } .archive-description { margin-bottom: 35px; } /* blog home masonry */ .blog-listing { overflow: hidden; margin-bottom:5%; } .blog-image { overflow: hidden; } .blog-listing:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; } .blog-date { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding-top: 30px; } .blog-date a:hover { color: #000; } .blog-title a { display: block; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin: 5px 0 20px; } .blog-short-description { width: 90%; } .blog-like i, .blog-share i, .comment i { margin-right: 6px; font-size: 11px; } .blog-like, .blog-share, .comment { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; margin-right: 15px; display: inline-block; } /* blog home grid slider */ .blog-slider-grid { position: relative; overflow: hidden; } .blog-slider-grid figcaption { position: absolute; z-index: 2; padding: 35px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; text-align: center; width: 100%; bottom: 0; display: block; background: rgba(0, 0, 0, 1); } .blog-slider-grid:hover figcaption { background: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .blog-slider-grid:hover figcaption h3 { color: #000; } .blog-slider-grid:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff; } .blog-slider-grid:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000; } .blog-slider-grid figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; } .blog-slider-grid figcaption h3 a { display: block; } .blog-slider-grid:hover figcaption h3 a { color: #000; } .blog-slider-grid figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block; } .blog-slider-grid figcaption span a { display: inline-block; } .blog-slider-grid figure:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.8; } .blog-slider-right { margin-bottom: 28px; } /* blog - masonry */ .blog-grid-listing { padding-top: 0; } .blog-grid-listing .blog-details { padding: 0 30px 30px; background-color:#fff; width: 100%; display: inline-block; } .blog-grid-listing .blog-date { letter-spacing: 1px; } .blog-grid-listing .blog-like, .blog-grid-listing .blog-share, .blog-grid-listing .comment { letter-spacing: 1px; } .blog-grid-listing .blog-short-description { width: 95%; } .blog-grid-listing .blog-listing { margin-bottom: 30px; } .blog-details .comment { margin-right: 0; } .blog-listing.blog-listing-classic .blog-details > div.blog-short-description:empty + .separator-line { margin-top: 25px !important; } .hcode-related-post-wrapper .blog-image { margin-bottom: 8px; } .hcode-related-blog .blog-date { margin-bottom: 5px; } .hcode-related-blog .blog-title { margin-bottom: 20px; } .hcode-related-blog .blog-short-description, .hcode-related-blog .separator-line { margin-bottom: 7%; margin-top: 0; } /* blog - 4col */ .blog-4col .blog-title { min-height:60px; } .blog-4col .blog-title a { margin-bottom: 0; } .blog-4col .blog-short-description { width: 100%; } /* blog - masonry 4col */ .blog-masonry-4col .blog-short-description { width: 100%; } .blog-masonry-4col .blog-date { letter-spacing: 1px; } /* blog - full width */ .blog-full-width-section { padding-top:35px; } .blog-full-width { padding: 0 15px; } /* blog pagination */ .pagination { text-align: center; width: 100%; margin: 40px 0 0 0; } .pagination a { margin: 0 25px; font-size: 14px; margin-right: 10px; } .pagination a.active { border-bottom: 1px solid #000; font-weight: 600; color: #000; } .pagination span.current { border-bottom: 1px solid #000; font-weight: 600; color: #000; margin: 0 10px 0 25px; font-size: 14px; } .pagination i { color: #000; font-size: 17px; } /* default pagination */ .default-link-pages { text-align: center; width: 100%; margin: 40px 0 0 0; } .default-link-pages .page-links-title { margin-left: 10px; } .default-link-pages a .page-numbers { margin:0 10px 0 10px; font-size: 14px; text-decoration: none; border: 0; font-weight: 400; } .default-link-pages a:hover .page-numbers { color: #575757; } .default-link-pages .page-numbers { border-bottom: 1px solid #000; font-weight: 600; color: #000; font-size: 14px; font-weight: 600; margin:0 10px 0 10px; } /* blog listing for home */ .blog-post p { padding:22px 0 0 0; margin:0; } .blog-post img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; } .blog-post:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; } .blog-post-gallery:hover .owl-carousel img { -ms-transform: none; -webkit-transform: none; transform: none; } .blog-post-gallery:hover .owl-carousel .owl-item:hover > .item > img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5; } .blog-post-gallery .owl-dots { bottom: 0 !important; } .blog-post .blog-short-description p { padding-top: 0; } .blog-post-images { width:auto; overflow:hidden; } .blog-post-images img { max-width: 101%; } .post-title { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; display: block; margin: 40px 0 0 0; font-weight: 600; } .post-author { font-size: 10px; letter-spacing: 1px; text-transform:uppercase; } .parent-section.format-standard.hide-post-feature-image .container-fluid section.no-padding-bottom { padding-top: 0; } .format-standard.hide-post-feature-image .margin-tb-30px { display: none; } /* sidebar */ .search-button { cursor: pointer; z-index: 0; color: #000; margin-right: 0; border: none; background: none; } .search-cart-header i { display: initial; } .search-button:hover { color: #9a9a9a;} .search-button:focus { outline: none; } .close-search { color: #000 !important; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; } .close-search:hover { color: #9a9a9a !important;} .widget { margin-bottom:65px; } .widget input { border-radius: 4px; border-width: 2px; margin-bottom: 0; padding: 10px 35px 10px 15px; } .widget .close-search { right: 10px; top: 16px; } .widget .main-search { position: relative; width: 85%; } .widget-title { font-size: 12px; font-weight:600; letter-spacing: 2px; } .widget_price_filter form { margin-top: 30px; } .category-list li { padding: 5px 0; } .category-list li:first-child { padding: 0 0 5px 0; } .category-list li a:hover { color:#000; } .category-list li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; } .widget_archive li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; } .product-categories li { padding: 5px 0; position: relative; } .product-categories li:first-child { padding: 0 0 5px 0; } .product-categories a:hover { color:#000; } .product-categories li a span:before { content: "/"; margin-right: 4px; padding-left: 10px; } .widget-posts li { padding:10px 0; } .widget-posts li a { display:block; line-height: 20px; } .widget-posts li img { width: 75px; margin-right: 20px; float: left; } .widget-posts-details { position: relative; overflow: hidden; top:-4px; font-size: 11px; line-height: 14px; } .widget-posts-details a { font-size: 13px; margin-bottom: 8px; line-height: 16px !important; } .tags a { border:1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin: 0 5px 9px 0; text-transform: uppercase; font-size: 10px; display: inline-block; line-height: 26px; } .tags a:hover { border:1px solid rgba(0, 0, 0, 1); background-color: #000; color: #fff; } .tags_cloud a { font-size: 10px !important; } .quick-contact input { width:100%; border-width:1px; margin:0 0 20px; border-radius:0; } .quick-contact input[type="button"] { border: 2px solid #000; width:auto; border-radius:0; } .quick-contact input[type="submit"] { border: 2px solid #000; width:auto; border-radius:0; } .flickr-photostream img { width: 45%; margin:0 5% 5% 0; padding: 0; } ul .widget-category-list { padding: 5px 0; } ul .widget-category-list:first-child { padding: 0 0 5px; } ul .widget-category-list a:hover { color: #000; } .sidebar ul li.current-cat a, .sidebar ul li.current-menu-item a { color: #ababab; } .sidebar ul li.menu-item.fab:before, .sidebar ul li.menu-item.fas:before, .sidebar ul li.menu-item.far:before { margin: 1px 5px 0 0; } /* only ie9, ie10, ie11 */ @media screen\0 { .widget input { padding-bottom: 17px; } } /* blog listing classic */ .blog-listing-classic:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1; } .blog-image blockquote { border-left:0px; padding: 50px; margin-bottom:0; } .blog-image blockquote p { font-size: 20px; line-height:33px; } .blog-image blockquote p:before { content:"\f10d"; font-family:Font Awesome\ 5 Free; font-weight: 900; font-size: 50px; margin-right: 10px; color: #000; } blockquote.blog-image { border-left:0px; padding: 50px; margin-bottom:0; } blockquote.blog-image p:before { content:"\f10d"; font-family:Font Awesome\ 5 Free; font-weight: 900; font-size: 50px; margin-right: 10px; } blockquote.blog-image p { font-size: 20px; line-height:33px; } blockquote.blog-image:before, .blog-image blockquote:before { content:""; } .blog-listing-classic .blog-image { margin-bottom:25px; background-color: transparent; min-height: 150px; } .blog-listing-classic .blog-short-description { width: 100%; } .blog-listing .blog-details { padding-top: 30px; } .blog-listing .blog-date { padding-top: 0; } .blog-listing-classic .blog-details { padding-top: 0; } .blog-list-layout .blog-details { padding-top: 0; } .blog-list-layout .blog-title a { margin: 5px 0 0; } .blog-list-layout .blog-image { background: transparent; } .blog-list-layout .hcode-custom-meta { display: inline-block; width: 100%; } .blog-list-layout .hcode-continue-button { display: inline-block; float: left; } .blog-list-layout .hcode-continue-button a { margin: 0; } .blog-list-layout .hcode-show-likes { display: inline-block; float: right; } .blog-list-layout .blog-short-description { width: 100%; } .blog-list-layout .blog-details { padding-left: 35px; } .blog-list-layout.blog-listing { margin-bottom: 0; } .hcode-list-view-three-col .hcode-show-likes { display: block; margin-top: 10px; width: 100%; } /* blog listing full */ .blog-listing-full { margin-bottom:150px; } .blog-listing-full .blog-number { font-size: 40px; font-weight: 400; line-height: 40px; position: absolute; text-transform: uppercase; line-height:100px; width:100px; } .blog-listing-full .blog-date-right { text-transform: uppercase; text-align: left; letter-spacing: 1px; font-size: 11px; padding: 25px 0; line-height: 20px; } .blog-listing-full .blog-date-right a { display: block; font-size: 14px; font-weight: 600; } .blog-listing-full .blog-title a { font-size:30px; margin-bottom: 25px; line-height: 36px; margin-top: 0; font-weight: 100; letter-spacing: 1px; } .blog-listing-full .blog-date { font-size:20px; font-weight:100; margin:30px 0 10px; letter-spacing: 1px; } /* blog details */ .blog-details-headline { font-size:18px; font-weight:600; letter-spacing:3px; padding-bottom:5px; } .blog-details-text p { margin-bottom:35px; } .blog-details-text blockquote { margin: 15px 0 50px 0; } .blog-comment { margin:30px 0 0; font-size: 13px; letter-spacing: 0.02em; line-height: 26px; text-transform: none; clear: both; width: 100%; } .blog-comment .comment-avtar { float: left; max-width: 100px; margin-right:35px; margin-top:10px; } .blog-comment .comment-reply { font-weight:600; color: #fff !important; margin-left: 15px; padding: 0 8px; letter-spacing: 1px; display: inline-block; line-height: 22px; } .blog-comment > .blog-comment { padding-left: 40px; margin-bottom: 0; } .blog-comment-form-main { padding-top:6%; } .about-author { display: inline-block; padding: 35px; width: 100%; } .about-author-text { font-size:13px; line-height:25px; } .commentmetadata { margin-bottom: 20px; } .comment-awaiting-moderation { font-style: normal; } .comment-reply-title { font-size: 12px; font-weight:600; letter-spacing: 2px; margin-bottom: 30px; } .comments-area { float: left; width: 100%; clear: both; } .portfolio-single-content { float: left; width: 100%; clear: both; } .product-brands-grid a { display: block; } #cancel-comment-reply-link { color: #ff0000; font-size: 9px; } .comment-form-cookies-consent { margin-bottom: 10px; } .comment-form-cookies-consent input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 10px; float: none; } .comment-form-cookies-consent input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin-bottom: 0; max-width: calc(100% - 30px); } /* blog single full width */ .full-width-headline h2 { font-size:40px; font-weight:100; line-height:55px; margin-top:300px; } .full-width-headline h2 span { display:block; font-weight:400; } .full-width-headline .posted-by { font-size:13px; font-weight:400; margin:30px 0 0; } .full-width-headline .blog-date { padding-top:3px; font-size:13px; } .text-large-full-width { font-size:22px !important; font-weight: 100; line-height: 35px !important; } .text-med-full-width { font-size:16px !important; line-height: 30px !important; } .blog-single-full-width-h3 { font-size: 20px; font-weight: 700; letter-spacing: 2px; } .blog-single-full-width-form input[type="text"], .blog-single-full-width-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0; } .blog-single-full-width-form input[type="text"]:focus, .blog-single-full-width-form textarea:focus { border-color: #000; } .blog-single-full-width-form .add-rating { margin-top: 9px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0; } .comment-form input[type="text"]:focus, .comment-form textarea:focus { border-color: #000; } .comment-form .inputerror { border-bottom:1px solid #ff0000 !important; } /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-header { min-height:650px; } .customize-support .blog-single-full-width-with-image-slider-header { min-height:618px ; } .blog-single-full-width-with-image-slider-headline { font-size:50px; font-weight:100; line-height: 64px; width: 80%; } .blog-headline .posted-by { display: block; font-size: 25px; font-weight: 400; margin: 65px 0 10px; } .blog-headline .posted-by a { font-weight:100; } .blog-headline .blog-date { display: inline-block; font-size: 15px; font-weight: 100; padding: 40px; margin: 0 0 30px 0; float: left; } .blog-headline .blog-date span { display: block; font-size: 50px; font-weight: 400; line-height: 50px; padding-bottom: 5px; } .blog-headline .blog-cat a:after { content:"/"; padding:0 15px; } .blog-headline .blog-cat a:last-child:after { content:""; } .blog-blockquote blockquote { width:90%; } .blog-blockquote blockquote p:before, .blog-blockquote blockquote footer { color:#fff; } .blog-text { padding: 100px; } .blog-text p { width:90%; } .blog-comment-area { padding:100px; } /* =================================== Intro ====================================== */ .tp-banner-container-black { background: #000000; } .intro-icon-text { font-size: 16px; letter-spacing:4px; color: #fff; line-height: 20px; } .intro-icon i { font-size: 40px; color: #ffffff; } .work-img { background: #000000; } .work-img:hover a { opacity: 0.5; } .intro-page { overflow: hidden !important; } /* =================================== Portfolio ====================================== */ /* portfolio filter */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .grid-wrap .tab-content { margin-top: 25px; } .portfolio-filter.nav-tabs { height: auto; margin-bottom: 44px; } /* portfolio filter light */ .nav-tabs-light li a { margin: 0 32px; } .nav-tabs-light li:last-child a { margin: 0 0 0 32px; } .nav-tabs-light li:first-child a { margin: 0 32px 0 0; } .nav-tabs-light { height: 70px; } .nav-tabs-light a { color: #888888; font-size: 12px; } .nav-tabs-style2 { margin-top: 20px; } .nav-tabs-style2 li { position: relative; } .nav-tabs-style2 li a { font-size: 14px;color: #626262;letter-spacing: 0.55px;border: 0;font-weight: 400;margin: 0 30px; } .nav-tabs-style2 li.active a { border-bottom: 0; } .nav-tabs-style2 li.active:before { width: 100%; height: 1px; display: inline-block; background-color: #ef824c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .nav-tabs-style2 li a:hover { border-bottom: 0; } /* portfolio filter gray */ .nav-tabs-gray li a { margin: 0 32px; } .nav-tabs-gray li:first-child a { margin: 0 32px 0 0; } .nav-tabs-gray li:last-child a { margin: 0 0 0 32px; } .nav-tabs-gray { height: 70px; } .nav-tabs-gray a { color: #888888; font-size: 12px; } /* portfolio filter black */ .nav-tabs-black li a { margin: 0 32px; } .nav-tabs-black li:first-child a { margin: 0 32px 0 0; } .nav-tabs-black li:last-child a { margin: 0 0 0 32px; } .nav-tabs-black { height: 70px; } .nav-tabs-black a { color: #000000; font-size: 12px; } /* masonry basic */ .grid li { transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .grid img { width:100%; } .grid-gallery { clear: both; float: left; width: 100%; } .gallery-img a { position: relative; z-index: 2; display: block; } .grid-gallery ul { list-style: none; padding: 0; } .grid-gallery figure { margin: 0; position: relative; } .grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; } .grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; } .grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px; } .grid-gallery figcaption h3 a, .grid-gallery figcaption h3 { letter-spacing: 4px; font-weight: 400; color: #e3e3e3; } .grid-gallery figcaption p { display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color: #aeaeae; margin-bottom: 0; } .grid { margin: 0 auto; } .grid li { box-sizing: border-box; float: left; margin: 0; width: 25%; list-style: none; } .grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .grid figcaption { bottom: 70px; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; } .grid figure:hover .gallery-img { background-color:#000; } .no-hover figure:hover .gallery-img { background-color: transparent !important; } .no-hover figure:hover img { opacity: 1 !important; -ms-transform: none; -webkit-transform: none; transform: none; } .owl-carousel figure img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } figure:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15; cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .mfp-figure figure:hover img { cursor: pointer; } .grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .wpb_single_image figure:hover a img { cursor: pointer; } .wpb_single_image figure:hover img, .tolb-inner figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity:1; cursor:default; } .masonry-portfolio-grid.grid figcaption { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; z-index: 2; } /* portfolio grid - 2 column */ .revolution-masonry-portfolio-list .portfolio-item { padding: 10px; } /* portfolio grid */ /* portfolio grid - 2 column */ .work-2col .grid li { float: left; width: 50%; } /* portfolio grid - 3 column */ .work-3col .grid figcaption { bottom: 35px; } .work-3col .grid li { float: left; width: 33.33%; } /* portfolio grid - 4 column */ .work-4col .grid li { float: left; width: 25%; } .work-4col .grid figcaption { bottom: 40px; } #portfolio.work-4col .grid figcaption { bottom: 60px; } .work-4col .grid-gallery figcaption h3 { font-size: 13px; margin: 0 0 3px; } .work-4col .grid-gallery figcaption p { font-size: 11px; } /* portfolio grid - 5 column */ .work-5col .grid li { float: left; width: 20%; } .work-5col .grid figcaption { bottom: 15px; } .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px; } .work-5col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px; } .work-5col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px; } .work-5col figure:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15; } /* portfolio grid - 6 column */ .work-6col .grid li { float: left; width: 16.66%; } .work-6col .grid figcaption { bottom: 15px; } .work-6col .grid-gallery figcaption h3, .work-6col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px; } .work-6col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px; } .work-6col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px; } .work-6col figure:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15; } /* portfolio grid - gutter */ .gutter .grid-gallery ul { margin-left: -15px; } .gutter.grid-gallery ul { margin-left: -15px; } .gutter .grid li { padding: 0 0 15px 15px; } /* portfolio grid - with title */ .work-with-title .grid figcaption { opacity: 1; position: relative; bottom: 0; padding: 40px 0 30px 0; background: rgba(255, 255, 255, 1); z-index: 2; } .work-with-title .grid li figcaption h3, .work-with-title .grid figcaption h3 a, .work-with-title .grid li figcaption p { color: #888888; } .work-with-title .grid figcaption h3 a { display: block; } .work-with-title .grid li:hover figcaption h3, .work-with-title .grid li:hover figcaption h3 a { color: #000; } .work-with-title .grid li:hover figcaption { bottom: 50px; } .work-with-title figure:hover img { opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.5; cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .work-with-title .gallery-img {; } /* portfolio grid - wide */ .work-2col.wide .grid figcaption { bottom: 100px; } .work-3col.wide .grid figcaption { bottom: 80px; } .work-4col.wide .grid figcaption { bottom: 60px; } .work-5col.wide .grid figcaption { bottom: 40px; } /* portfolio grid - wide with title */ .work-2col.wide-title .grid figcaption { bottom: 0; } .work-3col.wide-title .grid figcaption { bottom: 0; } .work-4col.wide-title .grid figcaption { bottom: 0; } .work-5col.wide-title .grid figcaption { bottom: 0; } /* portfolio masonry adjustment */ .grid-gallery ul { margin-left:1px; } .work-5col.masonry .grid-gallery ul { margin-left: -1px; } .col2-layout .work-4col ul { margin-left: 0; } .col2-layout .work-4col ul li { margin-left: -1px; } /* portfolio parallax */ .parallax-portfolio { min-height: 600px; background-attachment: fixed; position: relative; overflow: hidden; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .look-project { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; width: 100%; z-index: 3; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .look-project a { display: block; padding: 25px; font-size: 13px; letter-spacing: 3px; color: #fff; } .parallax-portfolio figcaption { padding: 45px; width: 100%; display: inline-block; z-index: 3; position: absolute; left:0; bottom:-10px; text-align: center; opacity: 0; } .parallax-portfolio figcaption h3 { font-weight: 400; letter-spacing: 6px; font-size: 16px; margin-bottom: 13px; color: #fff; } .parallax-portfolio figcaption p { text-transform: uppercase; letter-spacing: 4px; font-size: 12px; color: #888888; margin: 0; } .parallax-portfolio:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; bottom: 73px; } .parallax-portfolio:hover .opacity-full { opacity: .5; background: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .parallax-portfolio:hover .look-project { background-color: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .parallax-portfolio:hover .look-project a { color: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } /* portfolio with short description */ .portfolio-short-description-bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; background-size:100%; overflow: hidden; } .portfolio-short-description figure { background: rgba(27, 22, 28, 0.9); padding: 100px; display:inline-block; width: 50%; position: relative; } .portfolio-short-description figure h3 { font-size: 18px; letter-spacing: 4px; font-weight: 400; } .portfolio-short-description figure p { letter-spacing: 1px; line-height: 23px; } .portfolio-short-description-bg:hover { background-size: 106%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .portfolio-short-description-bg:hover figure { background: rgba(0, 0, 0, 1); } /* Light box */ .lightbox-gallery-hover li { background-color:#000; overflow: hidden; } .lightbox-gallery-hover li img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .lightbox-gallery-hover li:hover img { cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; opacity: 0.15; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } /* =================================== Elements ====================================== */ /* accordions */ .panel > div { transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: initial; -o-transition-duration: .2s; } .panel-heading { padding-bottom:15px; } .panel-title { background-color: #fff; color: #767676; font-size: 12px; letter-spacing:2px; font-weight: 400; width:100%; display: block; padding: 10px 18px; border: 1px solid rgba(0, 0, 0, .1); text-transform: uppercase; } .panel-body { padding:10px 18px 25px 18px; font-size: 13px; line-height: 23px; } .panel-heading i { font-size:10px; margin: 0; } .active-accordion .panel-title { color: #000; } .accordion-style2 .panel-title { background-color:#000; color: #fff; } .accordion-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px; } .accordion-style3 .panel-title { background-color:#ededed; color: #000; position:relative; border: none; padding:0 25px; font-size: 14px; line-height: 70px; font-weight: 600; } .accordion-style3 .panel-heading { padding-bottom:30px; } .accordion-style3 .panel-heading i { font-size:20px; margin: 0; color:#000; position: relative; top:3px; } .accordion-style3 .panel-body { padding: 0 60px 35px 25px; } .accordion-style3 .number { font-size: 18px; font-weight: 600; margin-right:10px; position: relative; top: 1px; } .toggles-style2 .panel-title { background-color:#000; color: #fff; } .toggles-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px; } .toggles-style3 { border:1px solid rgba(0, 0, 0, .15); border-top:none; } .toggles-style3 .panel { border: none; border-top:1px solid rgba(0, 0, 0, .15); } .toggles-style3 .panel-title { border: none; padding:20px 25px; font-size: 14px; position: relative; } .toggles-style3 .panel-title span { position: absolute; right: 25px; top: 20px; } .toggles-style3 .panel:first-child { border-bottom:none; } .toggles-style3 .panel-heading { padding: 0; } .toggles-style3 .panel-body { padding: 0 60px 25px 25px; background-color:#fff; } .toggles-style3 .active-accordion h4 { font-weight: 600; } /* progress bar */ .progress-bar-style2 .progress { overflow: visible; } .progress-bar-style2 .progress-bar span { color: #000; position: absolute; right: 0; text-align: right; top: 21px; font-size: 11px; } .progress-bar-style2 .progress-bar { position: relative; overflow: visible; } .progress-bar-style2 .progress { height:15px; } .progress-bar-style2 .progress-name { font-size: 10px; margin: 5px 0 20px; } .progress-bar-style3 .progress-bar-sub { margin-bottom: 40px; } .progress-bar-style3 .progress { height: 26px; } .progress-bar-style3 .progress-bar { font-size:11px; text-transform: uppercase; line-height: 25px; text-align: left; padding: 0 10px; } /* buttons */ .btn { display: inline-block; letter-spacing: 2px; border:1px solid transparent; outline: none; } .btn-round { border-radius:4px !important; } .btn i, .btn img { margin-right:5px; } .btn.btn-large i { font-size: 24px; } .button { margin-top:0; margin-bottom: 0; outline: none; } .btn-extra-large { font-size: 22px !important; padding: 20px 30px !important; } .btn.btn-large { font-size: 18px; padding: 18px 35px; } .btn.btn-medium { font-size: 14px; padding: 10px 22px; } .btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px; } .btn.btn-very-small { font-size: 9px; padding: 1px 12px; letter-spacing:1px; } .highlight-button { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent; } .highlight-button:hover { background-color: #000; border: 2px solid #000; color:#fff; } .highlight-button i { color: #000; } .highlight-button:hover i { color:#fff; } .highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000; } .highlight-button-dark:hover { background-color: transparent; border: 2px solid #000; color:#000; } .highlight-button-dark i { color: #fff; } .highlight-button-dark:hover i { color:#000; } .btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; background:#fff; border: 2px solid #fff; } .btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; } .btn-small-white-background i { color: #000; } .btn-small-white-background:hover i { color: #fff; } .submit-small-button { font-size: 11px; letter-spacing: 1px; padding: 2px 14px; color: #000; background:#fff; border: 2px solid #fff; } .submit-small-button:hover { background:transparent; border: 2px solid #fff; color: #fff; } .shop-newsletter input[type="submit"]:focus { border: 2px solid #fff !important; } .btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff; } .btn-small-white:hover { background-color: #FFF; color: #000; } .btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff; } .btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff; } .btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff; } .btn-very-small-white:hover { background-color: #FFF; color: #000; } .btn-black { border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto; } .btn-black:hover { border: 2px solid #000; color: #000; background-color: transparent; } .btn-black:focus { border: 2px solid #000 !important; } .highlight-button-black-border { border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700; } .highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff; } .highlight-button-black-border:focus { border: 4px solid #000 !important; } .highlight-button-orange-border { border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px; letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700; } .highlight-button-orange-border:hover { border: 5px solid #ef824c; background-color: #ef824c; color: #fff; } .highlight-button-orange-border:focus { border: 5px solid #ef824c !important; } .highlight-button-white-border { border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700; } .highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000; } .highlight-button-white-border:focus { border: 4px solid #fff !important; } .highlight-button-black-background { border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; font-weight: 700; } .highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000; } .highlight-button-black-background:focus { border: 4px solid #000 !important; } .btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000; } .btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000; } .btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; } .btn-small-black-border-light:hover { background-color: #000; color: #fff; } .btn-light-black { border: 2px solid #000; color: #000; background-color: transparent; } .btn-light-black:hover { border: 2px solid #000; background-color: #000; color: #fff; } .button-desc { font-size:30px !important; line-height: 35px; font-weight: 600; } .button-desc span { display: block; font-size: 18px; font-weight: 400; } .button-3d { border-bottom:2px solid rgba(0, 0, 0, 0.2) !important; } input.btn-success:focus { border: 1px solid transparent !important; border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important; } /* reveal button */ .button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px; } .button-reveal i, .button-reveal img { position:absolute; left:-30px; top: 30%; color: #000; font-size: 20px; } .button-reveal span { padding: 0 45px; display: block; line-height:54px; } .button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000; } .button-reveal:hover i, .button-reveal:hover img { left:25px; } .btn.btn-large.button-reveal { padding: 0; } .button-reveal-black { background-color: #000; color: #fff; } .button-reveal-black span { color: #fff; } .button-reveal-black i { color: #fff; } .button-reveal-black:hover span { color: #fff; } /* social icon */ .social-icon .fab, .social-icon .fas, .social-icon .far { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; line-height: 1; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; font-weight: 500; } .social-icon:hover .fab, .social-icon:hover .fas, .social-icon:hover .far { opacity:.8; } .social-icon .fa-pinterest { background-color: #cb2027; } .social-icon .fa-pinterest-p { background-color: #cb2027; } .social-icon .fa-rss, .social-icon .fa-rss-square { background-color: #f26522; font-weight: 900; } .social-icon .fa-facebook-f { background-color: #3b5998; } .social-icon .fa-twitter { background-color: #00aced; } .social-icon .fa-flickr { background-color: #ff0084; } .social-icon .fa-dribbble { background-color: #ea4c89; } .social-icon .fa-behance { background-color: #42a9fb; } .social-icon .fa-linkedin-in { background-color: #007bb6; } .social-icon .fa-vimeo-square { background-color: #aad450; } .social-icon .fa-youtube { background-color: #bb0000; } .social-icon .fa-tumblr { background-color: #32506d; } .social-icon .fa-github-alt { background-color: #333333; } .social-icon .fa-github { background-color: #333333; } .social-icon .fa-external-link { background-color: #000; } .social-icon .fa-google-plus-g { background-color: #dd4b39; } .social-icon .fa-instagram { background-color: #517fa4; } .social-icon .fa-soundcloud { background-color: #f80; } .social-icon-large { margin-right:20px; } .social-icon-large .fab, .social-icon-large .fas, .social-icon-large .far { font-size:25px; background: transparent; color: #000; text-align: center; display: table-cell; vertical-align: middle; width: 60px; height: 60px !important; line-height: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .social-icon-large:hover .fab, .social-icon-large:hover .fas, .social-icon-large:hover .far { color:#fff; } .social-icon-large:hover .fa-pinterest { background-color: #cb2027; } .social-icon-large:hover .fa-rss { background-color: #f26522; } .social-icon-large:hover .fa-facebook-f { background-color: #3b5998; } .social-icon-large:hover .fa-twitter { background-color: #00aced; } .social-icon-large:hover .fa-flickr { background-color: #ff0084; } .social-icon-large:hover .fa-dribbble { background-color: #ea4c89; } .social-icon-large:hover .fa-behance { background-color: #42a9fb; } .social-icon-large:hover .fa-linkedin-in { background-color: #007bb6; } .social-icon-large:hover .fa-vimeo-square { background-color: #aad450; } .social-icon-large:hover .fa-youtube { background-color: #bb0000; } .social-icon-large:hover .fa-tumblr { background-color: #32506d; } .social-icon-large:hover .fa-delicious { background-color: #3274d1; } .social-icon-large:hover .fa-reddit { background-color: #ff1a00; } .social-icon-large:hover .fa-digg { background-color: #1b5891; } .social-icon-large:hover .fa-stumbleupon { background-color: #ff1a00; } .social-icon-large:hover .fa-github-alt { background-color: #333333; } .social-icon-large:hover .fa-google-plus-g { background-color: #dd4b39; } .social-icon-large:hover .fa-instagram { background-color: #517fa4; } .social-icon-large:hover .fa-soundcloud { background-color: #f80; } .social-icon-large:hover .fa-vk { background-color: #45668e; } .social-icon-large:hover .fa-xing { background-color: #005d5e; } /* features box */ .features-box-style1 i { min-height:65px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } /* pricing table */ .pricing [class^="col-"] { margin-top: 20px; padding: 0; } .pricing-title { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 0; } .pricing-title h3 { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: 0; text-transform: uppercase; } .pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; } .pricing-features ul { list-style: outside none none; margin: 0; padding: 35px 0; } .pricing-features li { padding: 3px 0; } .pricing-features p { margin: 0; } .pricing-action { padding: 0 30px 35px; } .pricing-box.best-price { margin: -20px -1px 0; z-index: 10; border:1px solid #000; color:#999; } .pricing-box.best-price .pricing-price::after { border-top: 2px solid rgba(255, 255, 255, .3); } .pricing-box.best-price .pricing-price { color:#999; } .pricing-box { border-right: 1px solid rgba(0, 0, 0, 0.075); position: relative; text-align: center; } .no-border-right .pricing-box { border:none; } .pricing-price { color: #333; font-size: 64px; font-weight: 300; line-height: 1; padding: 35px 0; position: relative; letter-spacing: -3px; } .pricing-price span { display: inline-block; font-size: 28px; font-weight: 400; margin: 7px 3px 0 0; vertical-align: top; } .pricing-price span.price-tenure { color: #999; font-size: 16px; font-weight: 400; margin: 0 0 0 8px; vertical-align: baseline; letter-spacing: 0; } .pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; } .pricing-box.best-price .pricing-title { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .3); } .pricing-title span { color: #999; display: block; font-size: 14px; font-weight: 400; margin-top: 3px; text-transform: uppercase; } .pricing-box.best-price .pricing-title h3 { color: #fff; font-size: 23px; font-weight: 600; } .pricing-features li i { color: #ffc600; font-size: 14px; } /* forms controls */ .input-round { border-radius:4px !important; } .big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0, 0, 0, .2); } .big-label { font-size:14px; letter-spacing:2px; } .wpcf7-form-control-wrap { position: relative; clear: both; display: block; width: 100%; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: normal; } select[multiple] option { margin-bottom: 5px; } select[multiple] option:last-child { margin-bottom: 0; } input[type="date"] { position: relative; padding: 10px; } input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1; } input[type="date"]:before { font-family: Font Awesome\ 5 Free; content: '\f073'; font-weight: 300; font-size: 20px; position: absolute; top: 13px; right: 11px; color: #999; } input[type="date"]::-webkit-inner-spin-button { margin-right: 10px; margin-top: 2px; } .wpcf7-form-control.wpcf7-checkbox, .wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-acceptance { display: inline-block; margin: 0 0 20px 0; } .wpcf7-form-control .wpcf7-list-item { margin-left: 25px; display: inline-block; vertical-align: middle; } .wpcf7-form-control .wpcf7-list-item label:first-child { padding-left: 0; } .wpcf7-form-control-wrap label { display: block; margin-bottom: 0; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .big-input, .big-textarea, .big-select { padding-bottom: 20px; } } .med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0, 0, 0, .2); border-radius:4px; } .med-input.select-style select { padding: 12px 15px 14px; outline: none; } .med-input.select-style { margin:0 0 20px; } .select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px; background: #fff url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat 97% 50%; } .select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; letter-spacing:1px; margin-bottom:0; color:#999999; height: 43px; } .select-style select:focus { outline: none; border: none; box-shadow: none; } .login-box { padding:35px; border-radius:8px; box-shadow: 0 0 2px #888888; } /* grid */ .show-grid [class^="col-"] { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; } /* icon */ .icon-box i { margin:25px; } .i-large-box { width:100px; height:100px; line-height:98px; text-align:center; font-size:40px; } .i-medium-box { width:80px; height:80px; line-height:80px; text-align:center; font-size:30px; } .i-small-box { width:60px; height:60px; line-height:60px; text-align:center; font-size:22px; } .i-extra-small-box { width:40px; height:40px; line-height:40px; text-align:center; font-size:15px; } .i-plain { color:#737373; background-color: transparent !important; } .i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .i-rounded { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0, 0, 0, 0.15); } .i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0, 0, 0, 0.15); } .i-bordered { border:1px solid rgba(0, 0, 0, 0.15); background-color: transparent !important; color:#9a9a9a; } .i-bordered:hover { background-color: #000 !important; color: #fff; } .i-circled { border-radius: 50%; } .i-light { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; } .i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none; } .i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important; background-color: #fff; color:#000; } .i-3d:hover { box-shadow: 0 0 4px rgba(0, 0, 0, .3); } .i-3d-border { border-bottom:3px solid rgba(0, 0, 0, 0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .i-3d-border:hover { border-bottom:3px solid rgba(0, 0, 0, 0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .glyphs .box1 { border: 1px solid #e5e5e5; display: block; float: left; font-size: 13px; margin: -1px 0 0 -1px; padding: 0; width: 33%; padding: 20px; text-align: left; } .glyphs .box1 span { font-size: 30px; vertical-align: middle; width: 50px; } .fa-examples div { border: 1px solid #e5e5e5; font-size: 13px; margin: -1px 0 0 -1px; padding: 15px 0 15px 10px; color: #868686; } .fa-examples div:hover { background-color: #fafafa; } .fa-examples i { color:#555555; font-size:14px; letter-spacing: 0; margin-right: 5px; } .fa-examples span { margin-left: 6px; display: none; } .i-background-box:hover { background-color: #000; } /* alert */ .alert-style2 .alert { border-width:2px; background-color: transparent; } .alert-style3 .alert { border-radius:0; } .alert-style4 .alert { border-radius:0; background-color: transparent; } .alert-style5 .alert { background-color: transparent; border-bottom-width:3px; } .alert-style5 .alert i { background-color: transparent; } .alert-style5 .alert:hover { border-color: rgba(0, 0, 0, .1); } .alert-style5 .alert-success:hover { background-color: #dff0d8; } .alert-style5 .alert-info:hover { background-color: #d9edf7; } .alert-style5 .alert-warning:hover { background-color: #fcf8e3; } .alert-style5 .alert-danger:hover { background-color: #f2dede; } .alert-style6 .alert { background-color: transparent; border-top:none; border-right:none; border-left:none; border-bottom-width:3px !important; border-radius:0; padding: 25px; font-size: 20px; font-weight:100; line-height:30px; } .alert-style6 .alert span { width:70%; display: table; } .alert-style6 .alert i { background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae; } .alert-style6 .alert img { background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae; margin: 0 20px 0 0; } .alert-style6 .alert:hover { border-bottom-width:6px !important; color: #4d4d4d; } .alert-block { padding:25px; } .alert-block p { width:90%; } #success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0; } #success-free30daytrial { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0; } div.wpcf7-validation-errors { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000; } div.wpcf7-mail-sent-ok { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #398f14; border:none; line-height: 20px; color: #fff; } div.wpcf7-mail-sent-ng { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000; } .about-couple div.wpcf7-validation-errors { clear: both; float: right; margin: -50px 0 0 0 !important; text-align: center; width: 100%; } /* tabs */ .nav-tabs > li > a { margin-top: 0; } .nav-tabs > li > a > img { max-width: 100%; } .nav-tabs > li > a > i { font-size: 17px; position: relative; top: 3px; margin: 0 5px 0 0; } .tab-style2 .nav-tabs { height:auto; } .tab-style2 .nav-tabs li { margin-bottom: -1px; border:1px solid transparent; border-bottom: none; } .tab-style2 .nav-tabs li:hover { border-color: transparent; } .tab-style2 .nav-tabs li.active { border:1px solid #e5e5e5; background-color: #fdfdfd; border-bottom: none; } .tab-style2 .nav-tabs li a { margin-right: 0; margin-left:0; padding:15px 20px; border-bottom: none; color: #000; letter-spacing: 1px; } .tab-style2 .tab-content { padding: 25px; border: 1px solid #e5e5e5; background-color: #fdfdfd; } .tab-style3 .nav-tabs { height:auto; margin-bottom: 25px; } .tab-style3 .nav-tabs { border-bottom:1px solid #ddd; } .tab-style3 .nav-tabs li:first-child { border-left: 1px solid #e5e5e5; margin-left: 15px; } .tab-style3 .nav-tabs li.active a { background-color: #fff; position: relative; top: 1px; } .tab-style3 .nav-tabs li { border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; } .tab-style3 .nav-tabs li a { background-color: #f7f7f7; border: none; color: #575757; line-height: 44px; margin: 0 !important; padding: 0 20px; } .tab-style3 .nav-tabs li i { font-size: 17px; position: relative; top: 3px; } .tab-style3 .nav-tabs li.active a { border-bottom: none; } .tab-style4 .tabs-left .nav-tabs { border-right: 1px solid #e5e5e5; float:left; width:150px; height: auto; padding: 20px 0 40px; } .tab-style4 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .tab-style4 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5; } .tab-style4 .tabs-left .nav-tabs li a { background-color: #f7f7f7; border-bottom: 0 none; display: block; line-height: 40px; margin: 0 !important; padding: 0 20px; text-align: left; width: 100%; } .tab-style4 .tabs-left .nav-tabs li.active a { background-color: #fff; position: relative; left: 1px; } .tab-style5 .tabs-left .nav-tabs { border-right: none; float:left; width:150px; margin: 0; } .tab-style5 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; } .tab-style5 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5; } .tab-style5 .tabs-left .nav-tabs li a { margin: 0; text-align: left; border-bottom: 0; line-height: 40px; padding: 0 20px; width: 100%; display: block; background-color: #fff; } .tab-style5 .tabs-left .nav-tabs li.active { background-color: #f7f7f7; } .tab-style5 .tabs-left .nav-tabs li.active a { background-color: #f7f7f7; position: relative; left: 1px; z-index: 9; } .tab-style5 .tab-content { background-color: #f7f7f7; padding: 30px; border: 1px solid #e5e5e5; } /* tab - icon */ #animated-tab .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px; } #animated-tab .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left; } #animated-tab .nav-tabs > li:last-child { border: none; } #animated-tab .nav-tabs > li > a { text-align:center; vertical-align:middle; display: table; padding:0px; margin:0px; font-size:42px; margin:0; outline:none; padding: 0 50px; border: none; } #animated-tab .nav-tabs > li > a:hover .white-text { color:#5bcf21; } #animated-tab .nav-tabs > li.active a i { color:#000; } #animated-tab .nav-tabs > li > a > span { vertical-align:middle; display: table-cell; } #animated-tab .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3); } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .hcode-animated-tabs .nav-tabs > li > a { float: none !important; } } /* progress bar */ .progress-name { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 5px 0 15px; } .progress-name strong { font-weight: 400; } .progress-bar-sub { margin-right: 20px; } /* piechart */ .chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; } .chart canvas { position: absolute; top: 0; left: 0; } .chart-percent { margin: 0 0 30px 0; } .percent { display: inline-block; line-height: 125px; z-index: 2; font-size: 25px; font-weight: 100; } .percent:after { content: '%'; font-weight: 100; } .chart-text { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; } .chart-style2 .chart2 { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; } .chart-style2 .chart2 canvas { position: absolute; top: 0; left: 0; } .chart-style2 h5 { font-size: 13px; font-weight: 600; letter-spacing: 1px; } .chart-style2 p { font-size:11px; letter-spacing: 2px; } /* dropcap */ .first-letter { float: left; font-size: 50px; left: 0; line-height: 1; margin: 0 20px 10px 0; position: relative; top: 4px; } .first-letter-block { padding:10px; font-weight: 600; } .first-letter-block-round { border-radius:5px; border-width: 3px; border-style: solid; padding:8px 10px; font-weight:600; font-size: 35px; } .first-letter-light { border-radius:5px; padding:10px 12px; font-weight:600; font-size: 45px; } .first-letter-highlight { font-size: 45px; line-height: 60px; margin: 0 20px; border-bottom: 2px solid #c7c7c7; } .first-letter-round { border-radius: 50%; font-size:30px; padding: 15px; } /* blockquote */ .blockqoute-dark { padding: 35px; border: none; } .blockqoute-dark p { font-size: 16px; line-height: 25px; width: 95%; } .blockqoute-dark footer { font-weight:600; font-size: 14px; } /* list */ ul.flat-list { list-style:inside disc; margin: 0 0 0 25px; padding: 0; } .flat-list li { padding:5px 0; } .flat-list li.active { font-weight:600; color:#000; } .flat-list li.active ul { font-weight: normal; color: #575757; } .flat-list li ul { padding:5px 0 0 15px; } .flat-list li i { margin:0 10px 0 0; } ul.flat-list-icon { list-style:none; } .list-inline li { display: inline-block; padding: 0 18px; } ul.list-line li { border-bottom:1px solid rgba(0, 0, 0, .1); padding:7px 0; } ul.list-line li:last-child { border-bottom: none; } ul.list-line li span { min-width:130px; display:inline-block; } /* heading */ .subheader { display: inline-block; padding: 0 30px; position:relative; z-index:2; } .dividers-header:before { border-top: 1px solid #e5e5e5; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; z-index: -1; } .double-line:before { border-top: 4px double rgba(0, 0, 0, .15); position: absolute; z-index: 2; } .dividers-header i { margin-bottom:10px; } .subheader h6 { margin: 7px 0 0 0; } .subheader-double-line { border: 3px double #e5e5e5; padding: 15px 30px; } .subheader-double-line h6 { margin: 3px 0 0; } /* model popup */ .modal-popup-main { padding:35px; } /* =================================== Pages ====================================== */ /* about us */ .about-year { border: 2px solid #6d6d6d; display: inline-block; font-size: 17px; height: 120px; margin-bottom: 40px; padding: 25px; width: 120px; } .about-year span { font-size: 50px; font-weight: 600; left: -4px; letter-spacing: -5px; position: relative; top: 13px; } .timeline-number { font-size: 25px; padding: 15px; line-height:25px; } .timeline-year { font-size: 20px; font-weight: 600; line-height:60px; } .about-year-text { margin-top: 13px; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .about-year { padding-top: 20px !important; } } @media screen\0 { .about-year span { display: block !important; margin-bottom: 28px !important; } } /* team members */ .team-size-main { margin-left: 7%; } .team-size span { font-size:50px; position: relative; top:20px; } .team-plus { font-size:50px; position: relative; top:30px; } .team-member { overflow: hidden !important; position: relative; } .team-member figure { padding:35px 0 65px; } .team-member .person-social i { margin:0 15px; font-size:15px; } .team-member .team-details { opacity:0; position:absolute; height:50%; padding-top:10%; padding-left: 15px; padding-right: 15px; left:15px; right:15px; bottom:0; overflow:hidden; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .team-member:hover .team-details { opacity:1; margin-bottom: 100px; } .team-member:hover img { opacity:.5; background: #6b6b6b; } .half-row-width .row { margin-left: 7%; } .team-section-padding { padding-bottom: 85px; } /* only ie9, ie10, ie11 */ @media screen\0 { .team-size span { display: block; margin-bottom: 38px; } } /* careers */ .urgent-job { font-size:11px; left: 154px; padding: 1px 10px 0; position: absolute; top: 175px; } /* contact us */ .contact-map iframe { width:100%; height:420px; } .view-map { position:absolute; bottom: 0; right: 0; } .scrolloff { pointer-events: none; } /* sitemap */ .sitemap-title { font-size: 13px; font-weight: 600; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, .1); padding: 5px 15px; } .sitemap-wrapper ul { margin-bottom: 30px; } .sitemap-wrapper ul li { border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 10px 0; font-weight: 600; text-transform: uppercase; font-size: 11px; } .sitemap-wrapper ul li ul { padding: 10px 0; } .sitemap-wrapper ul li ul li { border-bottom: 0; padding: 2px 0; font-weight: 400; font-size: 13px; text-transform: initial; } .sitemap-wrapper ul li ul li:before { content: "-"; padding-right: 5px; } /* services */ .services-box { padding:50px; } .services-box:hover figure { opacity: 1; } .services-box figure { font-size:12px; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 50px 0; text-align: center; letter-spacing:1px; } .services-box figure span { display:block; font-size: 50px; font-weight:600; line-height: 65px; } /* 404 */ .not-found-title { font-size:104px; line-height:120px; display:block; font-weight: 700; } .not-found-search-box { text-align: center; margin: 47px 0 30px; } .not-found-search-box .btn { display: inline-block; margin: 0; } .not-found-search-box .main-search { position: relative; display: inline-block; vertical-align: top; margin: 0; } .not-found-search-box .main-search input { padding: 9px 35px 11px 15px; font-size: 13px; margin: 0; width: 250px; border: 2px solid #fff; background-color: transparent; color: #fff; } .not-found-search-box .main-search input:focus { border: 2px solid #fff; } .not-found-search-box .main-search .close-search { color: #fff !important; } .not-found-search-box .main-search .search-button { top: 16px; margin-right: 10px; } .not-found-search-box .not-found-or-text { background-color: #ebebeb; color: #000; font-weight: 600; position: relative; text-transform: uppercase; font-size: 14px; width: 47px; border-radius: 100%; height: 47px; display: inline-block; margin: 0 50px; vertical-align: top; line-height: 46px; } .not-found-search-box .not-found-or-text:after { background-color: #ebebeb; content: ""; height: 1px; right: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px; } .not-found-search-box .not-found-or-text:before { background-color: #ebebeb; content: ""; height: 1px; left: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px; } .col-text-center { height: 100%; left: 0; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; } .col-text-middle-main { display: table; height: 100%; width: 100%; } .col-text-middle { display: table-cell; vertical-align: middle; } /* client */ .client-main img { position:relative; } .client-text { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:0; padding:0 85px; width: 100%; } .client-main:hover .client-text { opacity:1; } .client-main:hover img { opacity:0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } /* =================================== Shop ====================================== */ .slider-typography-shop .owl-subtitle { font-size: 16px; font-weight: 600; letter-spacing: 7px; line-height: 80px; text-transform: uppercase; } .slider-typography-shop .owl-title { font-size: 63px; font-weight: 700; line-height: 65px; width: 50%; } .slider-typography-app .owl-title { font-size: 70px; font-weight:700; line-height: 70px; width: 60%; letter-spacing:0; } .slider-typography-app .app-store a { margin-right: 20px; } .product-name a { font-size:12px; font-weight:400; letter-spacing:2px; display:block; } .price { font-size:14px; font-weight:600; display:block; position: relative; z-index: 1; } .price del { color:#898989; margin-right:10px; font-weight: 100; } .home-product:hover .quick-buy { opacity:1; top: -78px; } .quick-buy { background-color:rgba(255, 255, 255, 1); top: -78px; left: 0; opacity: 0; padding: 25px 0; position: absolute; width: 100%; } .home-product:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .product-name { position: relative; z-index: 1; } .quick-buy .quick-buy-btn i { margin:0; font-size:14px; margin: 0px 6px 0 0; } .quick-buy .btn { padding:5px 13px 6px; margin:0; line-height: normal; } .quick-buy .added_to_cart:hover { background-color: #000; color: #fff; } .exclusive-style .added_to_cart { border: 1px solid #000000; display: inline-block; font-size: 12px; line-height: 14px; margin: 3px; padding: 3px 8px 4px; position: relative; z-index: 1; } .exclusive-style .added_to_cart:hover { background-color: #000; color: #fff; } .quick-buy .added_to_cart, .exclusive-style .added_to_cart { border: 2px solid #000000; display: inline-block; font-size: 11px; position: relative; z-index: 1; margin-left: 3px; line-height: normal; padding: 6px 13px; text-transform: uppercase; font-weight: 500; } .exclusive-style { border:1px solid #e5e5e5; } .exclusive-style .owl-half-slider .item { min-height:0 !important; padding-bottom: 30px; } .exclusive-style .owl-dots { bottom:0; } .exclusive-style .owl-wrapper-outer { background:#fbfbfb; } .exclusive-style-text { padding: 60px 45px; } .shop-newsletter-main { padding:7.6% 35px 0; } .shop-newsletter { padding:8% 45px 0; } .shop-newsletter .text-field, .shop-newsletter .mc4wp-form input { border:1px solid rgba(255, 255, 255, .2); background: transparent; width:75%; margin-top:25px; text-align: center; } .shop-newsletter .mc4wp-form input { margin-top: 0;} .shop-newsletter .mc4wp-form .btn-black.submit_newsletter { font-size: 11px; letter-spacing: 1px; padding: 2px 14px; color: #000; background: #fff; border: 2px solid #fff;} .shop-newsletter .mc4wp-form .btn-black.submit_newsletter:hover { background: transparent; border: 2px solid #fff; color: #fff; } .exclusive-style-text .short-description p { margin-bottom: 0; } .exclusive-style-text .price { margin-bottom: 5px; } .exclusive-style-text .btn { margin-bottom: 0; margin-top: 20px; } .text-block { height:296px; display:table; padding: 15px; width: 100%; box-sizing: border-box; } .text-block-inner { display: table-cell; vertical-align: middle; border:1px solid rgba(0, 0, 0, .15); } .text-block:hover { background:#000; } .text-block:hover .text-block-inner { border:2px solid rgba(255, 255, 255, 1); background: #fff; } .onsale { bottom: 4%; left: 0; margin-left: 0; position: absolute; text-align: center; width: 100%; } .onsale .sale { display: inline-block; background:#cb0606; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; } .onsale .new { display: inline-block; background: #f1a004; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; } .product-image-wrapper { position: relative; overflow: hidden; } .product-content-wrapper { position: relative; } .product-content-wrapper .price .amount { margin: 0 4px; } .short-description ul, .product-deails-tab .tab-pane ul, .blog-details-text ul { padding: 0; list-style-position: inside; list-style-type: disc; } .product-grid-view .product .product-content-wrapper .product-name a h2.woocommerce-loop-product__title { font-size: 12px; font-weight: 400; letter-spacing: 2px; } .product-list-view .product .product-content-wrapper .product-name a h2.woocommerce-loop-product__title { font-size: 15px !important; letter-spacing: 2px !important; line-height: 24px !important; text-transform: uppercase; font-weight: 600 !important; } .exclusive-style-text { position: relative; } .exclusive-style-text .onsale { top: 10px; bottom: inherit; } .owl-carousel .home-product { padding: 0 15px; } .owl-carousel.hcode-featured-slider .owl-dots { bottom: -10px; } .owl-carousel.owl-demo-brand .owl-dots { bottom: -10px; } .sidebar .widget_shopping_cart .widget-title { display: block; } .sidebar .widget_shopping_cart .top-cart { width: 100%; } .sidebar .widget_shopping_cart .top-cart .subtitle { display: inline-block; } .sidebar .widget_shopping_cart .top-cart .subtitle-mobile { display: none; } .sidebar .widget_shopping_cart { float: left; width: 100%; } .sidebar .widget_shopping_cart .top-cart .cart-content { position: static; opacity: 1; visibility: visible; padding-left: 0; padding-right: 0; background: none; width: 100%; max-height: none; } .sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list a, .sidebar .widget_shopping_cart .top-cart .cart-content .total { color: #000 !important; } .sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list a.remove { right: 0; } .sidebar .widget_shopping_cart .top-cart .cart-content .buttons { padding-bottom: 0; } .sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn { font-size: 11px; letter-spacing: 1px; padding: 6px 8px; border: 1px solid #000; color: #000; line-height: 1; } .sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:hover { background: #000; color: #fff; } .sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:not(.checkout) { background: #000; color: #fff; } .sidebar .widget_shopping_cart .top-cart .cart-content .buttons a.btn:not(.checkout):hover { background: transparent; color: #000; border-color: #000; } .sidebar .widget_shopping_cart .top-cart .cart-content ul.cart-list { color: #000; } .sidebar .widget { clear: both; } .sidebar .widget_shopping_cart .top-cart .cart-content .total { border-bottom: 1px solid #000; border-top: 1px solid #000; } /* Product listing */ .product-2 > div:nth-child(2n+1) { clear: both; } .product-3 > div:nth-child(3n+1) { clear: both; } .product-4 > div:nth-child(4n+1) { clear: both; } .product-5 > div:nth-child(5n+1) { clear: both; } .product-6 > div:nth-child(6n+1) { clear: both; } .brando-logo-2 > .col-sm-6:nth-child(2n+1) { clear: both; } .brando-logo-3 > .col-sm-4:nth-child(3n+1) { clear: both; } .brando-logo-4 > .col-sm-3:nth-child(4n+1) { clear: both; } .brando-logo-6 > .col-sm-2:nth-child(6n+1) { clear: both; } .woocommerce.columns-1 > div.products > div:not([class *= "col-md"]) { width: 100%; float: left; padding-right: 15px; padding-left: 15px; } .woocommerce.columns-2 > div.products > div:not([class *= "col-md"]) { width: 50%; float: left; padding-right: 15px; padding-left: 15px; } .woocommerce.columns-3 > div.products > div:not([class *= "col-md"]) { width: 33.33333333%; float: left; padding-right: 15px; padding-left: 15px; } .woocommerce.columns-4 > div.products > div:not([class *= "col-md"]) { width: 25%; float: left; padding-right: 15px; padding-left: 15px;} .woocommerce.columns-5 > div.products > div:not([class *= "col-md"]) { width: 20%; float: left; padding-right: 15px; padding-left: 15px; } .woocommerce.columns-6 > div.products > div:not([class *= "col-md"]) { width: 16.66666667%; float: left; padding-right: 15px; padding-left: 15px; } .woocommerce.columns-1 > div.products > div.first:not([class *= "col-md"]) { clear: both;} .woocommerce.columns-2 > div.products > div.first:not([class *= "col-md"]) { clear: both;} /* sidebar */ .widget_layered_nav ul li { position:relative; float: left; width: 100%; padding: 5px 0; margin: 0; } .widget_layered_nav ul li a { width: 100%; } .widget_layered_nav ul li a:hover { color: #000; } .widget_layered_nav ul li.active a { color:#000; padding-left: 13px; border: 0; } .widget_layered_nav ul li.active:before { content:"\f00c"; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; } .widget_layered_nav .hcode-color-attribute li { position:relative; float: left; width: auto; padding: 0; } .widget_layered_nav .hcode-color-attribute li a { width:33px; color: #fff; text-indent:-9999px; margin:0 10px 10px 0; height: 25px; float: left; border: 0; } .widget_layered_nav .hcode-color-attribute li.active:before { display: none; } .widget_layered_nav .hcode-color-attribute li.active a:before { content:"\f00c"; left: 11px; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#fff; font-size: 10px; text-indent: initial; z-index: 9999; } .widget_layered_nav .hcode-color-attribute li.active a { padding-left: 0; } .widget_layered_nav .hcode-color-attribute { margin-top:25px; } .widget_layered_nav .hcode-size-attribute { margin-top:25px; } .widget_layered_nav .hcode-size-attribute li { width:20%; padding: 0; margin:0 10px 10px 0; float:left; text-align:center; border:1px solid rgba(0, 0, 0, .2); font-size:10px; } .widget_layered_nav .hcode-size-attribute li.active { background: #000; border:1px solid rgba(0, 0, 0, 1); } .widget_layered_nav .hcode-size-attribute li.active a { color:#fff; display: block; padding: 0; } .widget_layered_nav .hcode-size-attribute li:hover { background: #000; border:1px solid rgba(0, 0, 0, 1); } .widget_layered_nav .hcode-size-attribute li:hover a { color:#fff; display: block; } .widget_layered_nav .hcode-size-attribute li.active:before { content:""; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#fff; font-size: 10px; } .widget_layered_nav .hcode-size-attribute li a { display: block; border: 0; } .shop-price li { padding:2px; } .shop-price li.active a, .category-list li.active a { color:#000; padding-left: 10px; border: 0; } .shop-price li.active:before, .category-list li.active:before { content:"\f00c"; left: 10px; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; } .sidebar > .widget:last-child { margin-bottom: 0 !important; } .sidebar > .widget p { width: 100% !important; } .shop-price li.active a, .product-categories li.current-cat a { color:#000; padding-left: 13px; border: 0; } .shop-price li.active:before, .product-categories li.current-cat:before { content:"\f00c"; left: 0; position: absolute; font-family:Font Awesome\ 5 Free; font-weight: 900; line-height: 25px; color:#000; font-size: 10px; } .sidebar .widget_categories .children { padding-left: 12px; } .sidebar .widget_categories .children > li:last-child { padding-bottom: 0; } /* listing */ .shop-shorting { width:100%; outline: none; } .shop-shorting-full { width:70%; } .shop-shorting-full select { width:100%; } .shop-shorting select { padding:6px 22px 6px 10px !important; font-size:11px; text-transform: uppercase; outline: none; } .grid-nav i { font-size:13px; float: left; margin-right:10px; } .grid-nav { margin-top:9px; line-height: 14px; } .grid-nav p { font-size:11px; margin-left: 15px; display: inline-block; } .grid-nav a.active i { color: #000; cursor: default; } /* shop listing - grid view */ .product-grid-view .product .product-content-wrapper .product-available, .product-grid-view .product .product-content-wrapper .separator-line, .product-grid-view .product .product-content-wrapper .short-description { display: none; } .product-grid-view .product { margin: 0 0 60px; } /* shop listing - list view */ .product-list .product-name a { font-size: 16px; margin-bottom: 10px; } .product-list-view .product { width: 100%; } .product-list-view .product .product-image-wrapper { width: 58.3333%; float: left; padding: 0 15px; } .product-list-view .product .product-content-wrapper { width: 41.6667%; float: left; text-align: left !important; padding: 0 15px; } .product-list-view .product .product-content-wrapper .quick-buy { position: inherit; opacity: 1; background-color: transparent; top: 0; } .product-list-view .product .product-content-wrapper .product-name a { font-size: 15px !important; letter-spacing: 2px !important; line-height: 24px !important; text-transform: uppercase; font-weight: 600 !important; } .product-list-view .product .product-content-wrapper .product-available { font-size: 11px !important; line-height: 15px !important; } .product-list-view .product { margin: 5% 0; } .product-list-view .product .product-content-wrapper .price .amount { margin-right: 4px; margin-left: 0; } .product-list-view .product .product-content-wrapper .price .amount:last-child { margin-left: 4px; margin-right: 0; } /* product details */ .header-nav a { font-size: 11px; letter-spacing:1px; font-weight:600; text-transform: uppercase; padding:0 25px; } .header-nav a:first-child { border-right: 1px solid #c6c6c6; } .header-nav a:last-child { padding-right:0; border: none; } .header-nav i { font-size: 14px; margin:0 8px; } .products-thumb img { width:25%; margin-right:20px; } .product-name-details { font-size:20px; } .rating i { font-size:13px; margin-right:5px; } .rating-text { margin-left:5px; font-size:10px; letter-spacing:3px; position:relative; top:-2px; float: left; } .hcode-product-brand-rating .product_meta .rating-text { margin-left:0; } .woocommerce .hcode-rating { display: flex; align-items: center; } .woocommerce .hcode-rating .product_meta { margin-left: auto; } .hcode-product-brand-rating { display: flex; align-items: center; margin-bottom: 15px; } .hcode-product-brand-rating .hcode-brand-logo-wrapper { max-width: 200px; } .hcode-product-brand-rating .hcode-rating-section { flex-grow: 1; } .hcode-product-brand-rating .hcode-rating { display: block } .hcode-product-brand-rating .woocommerce .star-rating, .hcode-product-brand-rating .rating-text { float: none; display: inline-block; vertical-align: middle; } .hcode-product-brand-rating .hcode-rating-section .rating { margin-bottom: 0 !important; } .size-details { margin-top: 10px; } .size-details li { width:33px; } .size-chart { border: medium none !important; text-decoration: underline; text-transform: uppercase; width: 90px !important; } .shop-shorting-details { background: #fff url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important; } .product-share-deails i { margin: 7px 0 0 10px; font-size:14px; vertical-align: middle; } .shop-shorting-details select { line-height:15px; padding: 13px 15px 14px !important; } .product-details-social i { font-size:14px; margin-right:20px; vertical-align: middle; } .product-details-highlight-text { padding:35px; } .instructions li { padding:5px 0; border-bottom:1px solid rgba(0, 0, 0, .1); } .review-name { margin-bottom:5px; } .review-main i { margin-right:10px; font-size:13px; } .review { margin-bottom:30px; } .rating { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; } .add-rating i { cursor:pointer; font-size:15px; } .variations { margin: 0 -3%; } .variations li { width: 50%; padding: 0 3%; } .variations li .radio-select ul { clear: both; float: left; width: 100%; margin: 0 !important; padding: 0 !important; } .variations li .radio-select ul li { float: left; width: 100%; padding: 0 0 5px 0; margin: 0; } .variations li .radio-select ul li label { font-weight: 400; text-transform: none; margin: 0 0 0 5px; padding-left: 16px; display: block; } .variations li .radio-select ul li input[type="radio"] { margin-top: 6px; } .variations li div.swatch-wrapper.selected { border: 1px solid #565656; padding: 2px; } .variations li .swatch-wrapper:hover { border-color: #565656; } .variations li .swatch-wrapper.disabled:hover { border-color: #ccc; } .variations li .swatch-control { margin-bottom: 20px; } .variations li label { font-weight: 600; color: #000; margin-bottom: 5px; text-transform: uppercase; } .variations li select { overflow: hidden; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #fff url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat right 10px top 50%; cursor: pointer; margin:0 !important; padding-right: 30px; padding-left: 10px; } .single_variation_wrap { clear: both; background-color: #f6f6f6; float: left; padding: 20px; margin: 5px 0 25px 0; width: 100%; display: inline-block; } .single_variation_wrap .single_variation { float: left; width: 100%; margin-bottom: 20px; } .single_variation_wrap .single_variation .price { float: left; } .single_variation_wrap .single_variation .price del { color: #626262; } .single_variation_wrap .single_variation .stock { float: right; } .single_variation_wrap .single_variation .in-stock { color: #3c763d; } .single_variation_wrap .single_variation .out-of-stock { color: #a94442; } .variations_button { clear: both; } .buttons_added { float: left; margin-right: 15px; background-color: #fff; border: 1px solid #c9c9c9; padding: 15px 15px; } .buttons_added .minus, .buttons_added .plus { background-color: #acacac; color: #fff; font-size: 15px; line-height: 14px; padding: 0 0 1px 1px; } .buttons_added .minus { font-size: 20px; line-height: 10px; padding: 0 0 8px 1px;; } .buttons_added .minus:hover, .buttons_added .plus:hover { background-color: #000; } .buttons_added input { margin: 0; text-align: center; width: 15px; height: 15px; padding: 0; float: left; color: #000; font-size: 20px; border: 0; } .buttons_added input.qty { width: 34px; font-size: 16px; } .reset_variations { text-transform: uppercase; font-size: 11px; width: 100%; display: inline-block; position: relative; text-align: right; } .cart-detail { margin-bottom: 20px; } .owl-small-arrow.owl-carousel .owl-prev { left: 0; opacity: 1; } .owl-small-arrow.owl-carousel .owl-next { right: 0; opacity: 1; } .owl-small-arrow.owl-carousel .owl-prev, .owl-small-arrow .owl-next { width: 25px; height: 25px; line-height: 34px; margin-top: -10px; } .owl-small-arrow.owl-carousel .owl-prev::before, .owl-small-arrow.owl-carousel .owl-next::before { box-shadow: none; border-radius: 0; background-color: transparent; } .hcode-single-product-thumbnail-carousel .owl-item .item, .hcode-single-big-product-thumbnail-carousel .owl-item .item { text-align: center; } .hcode-single-product-thumbnail-carousel .owl-item img { opacity: 0.5; } .hcode-single-product-thumbnail-carousel .owl-item:hover img, .hcode-single-product-thumbnail-carousel .owl-item.active-slide img { opacity: 1; cursor: pointer; } .single-product-image-wrapper { position: relative; } .single-product-wrapper { float: left; width: 100%; } .product-deails-tab { clear: both; float: left; width: 100%; } .product-deails-related { clear: both; float: left; width: 100%; } .product-deails-related .owl-item .item { padding: 0 15px; } .single-product-left-sidebar > .widget:last-child { margin-bottom: 0; } .single-product-right-sidebar > .widget:last-child { margin-bottom: 0; } .product-title-responsive-wrapper { clear: both; } .product-title-wrapper { clear: both; } .product-deails-tab .tab-content .comment { color: #626262; width: 100%; } .single-product-image-wrapper .hcode-single-big-product-thumbnail-carousel { margin-bottom: 20px; } .product-deails-tab table th { width: 80px; } .product-deails-tab table th, .product-deails-tab table td { font-weight: normal; text-transform: none; text-align: left; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 15px; border-top: 0; } .product-deails-tab table td p { padding: 0; margin: 0; } .product-deails-tab .shop_attributes { width: 100%; border: 0; } .woo-inner-link, .woo-inner-link:focus { margin:-15px 0 25px 0; display: block; text-decoration: underline; font-size: 11px; font-weight: 600; letter-spacing: 2px; line-height: 1.42857; text-transform: uppercase; } .product-meta-single-page span { font-weight: 600; color: #888888; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; line-height: 15px; } .product-meta-single-page { margin-top: 26px; padding-top: 22px; } .single-product-wrapper-left .woocommerce-product-gallery__trigger { position: absolute; right: 23px; top: 8px; text-indent: -9999px; z-index: 99; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/zoom-trigger.png") no-repeat; width: 26px; height: 26px; } .single-product-wrapper-left .woocommerce-product-gallery__trigger img { display: none !important; } .single-product-wrapper-left figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; opacity:1; cursor: zoom-in; } .single-product-wrapper-left ol { padding: 0; list-style: none; margin: 10px -5px 0 -5px; } .single-product-wrapper-left ol li img { margin:0; width: 100%; cursor: pointer; opacity: .8; } .single-product-wrapper-left ol li:hover img, .single-product-wrapper-left ol li img.flex-active { opacity: 1; } .single-product-wrapper-left ol li { float: left; padding: 5px; } .single-product-wrapper-left.woocommerce-product-gallery--columns-6 ol li { width: 16.6667%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-5 ol li { width: 20%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-4 ol li { width: 25%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-3 ol li { width: 33.3333%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-2 ol li { width: 50%; } .hcode-remove-lightbox-popup .owl-item a { pointer-events: none; } /* Product with both sidebar */ .review-tab-with-both-sidebar .nav-tabs li:first-child a { margin: 0 22px 0 0; } .review-tab-with-both-sidebar .nav-tabs li a { margin: 0 22px; } /* shopping cart */ .shop-cart .shop-shorting { width: 63px !important; } thead th.first { padding-left: 0 !important; } .product-thumbnail { padding-left: 0 !important; } .cupon { display: inline-block; width: 100%; } .cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; } .continue-shopping { margin-left: 15px !important; } .shop-shorting-cart { background: #fff url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important; } .shop-cart { border: 0; } .shop-cart .product-thumbnail { width: 150px; } .hcode-shopping-cart-both-column .shop-cart .product-thumbnail img { width: 100px; max-width: inherit; } .shop-cart .product-thumbnail img { max-width: 100px; } .shop-cart .product-name { width: 35%; } .shop-cart .product-name a { font-size: 13px; letter-spacing: 0.02em; } .shop-cart .variation dt { clear: both; float: left; margin-right: 8px; } .shop-cart .product-quantity .buttons_added { margin: 0; } .woocommerce-remove-coupon { font-size: 12px; } .hcode-shipping-method { padding-left: 0; float: left; width: 100%; } .hcode-shipping-method li { margin-bottom: 10px; font-size: 12px; list-style: none; } .hcode-shipping-method li label { margin:0; float: right; } .woocommerce-checkout .hcode-shipping-method li input, .hcode-shipping-method li input { margin:3px 6px 0 0; float: none; } .hcode-shipping-method li:last-child { margin-bottom: 0; } .cart-total .shipping th { vertical-align: top; } .shipping-calculator-button { text-decoration: underline; } .shipping-calculator-form { padding-top: 15px; padding-bottom: 15px; } .shipping-calculator-form p { margin: 0; } .shipping-calculator-form input, .shipping-calculator-form textarea, .shipping-calculator-form select { background-color: #fff; text-transform: uppercase; font-size: 11px; } .shipping-calculator-form input { padding-top: 10px; padding-bottom: 10px; margin: 0 0 10px; } .cart-total td { width: 45%; border: 0; } .cart-total .woocommerce-shipping-calculator .button { padding-top: 5px; padding-bottom: 5px; } .shopping-cart-content .shop-cart-table .shop-cart th.product-quantity, .shopping-cart-content .shop-cart-table .shop-cart th.product-subtotal { min-width: 160px; } .shopping-cart-content .shop-cart th { padding-top: 0; } .cart-total { border: 0; } .wc-cart-shipping-notice { line-height: 16px; text-align: right; } .cart-total .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left; } .cart-total .woocommerce-shipping-calculator .shipping-calculator-form .button { font-size: 9px; padding: 5px 12px; letter-spacing: 1px; border: 2px solid #000; display: inline-block; color: #000; background-color: transparent; font-weight: 600; text-transform: uppercase; text-decoration: none; -webkit-appearance: button; cursor: pointer; margin-top: 10px; float: right; } .cart-total .woocommerce-shipping-calculator .shipping-calculator-form .button:hover { background-color: #000; border: 2px solid #000; color: #fff; } .woocommerce-shipping-calculator .shipping-calculator-form .select2-container .select2-selection--single { margin: 0; } /* Shopping cart both */ .shopping-cart-content .shopping-cart-both-col-scroll { flex-direction: column; height: 100%; overflow-x: scroll; } /* variation */ .variation { margin: 10px 0 10px 0; } .variation dt { font-weight: normal; font-size: 11px !important; line-height: 15px !important; } .variation dd { margin-bottom: 10px; font-size: 11px !important; line-height: 15px !important; } .variation p { padding: 0; margin: 0; } /* checkout */ .shop-cart .shop-shorting { width: 63px !important; } thead th.first { padding-left: 0 !important; } .cupon { display: inline-block; width: 100%; } .cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; } .continue-shopping { margin-left: 15px !important; } .woocommerce-checkout-top { float: left; width: 100%; } .woocommerce-checkout-top .panel-title { padding-right: 30px; position: relative; font-size: 11px; } .woocommerce-checkout-top .panel-title .panel-title-icon { position: absolute; right: 18px; top: 10px; } p.lost_password { margin: 2px 0 0 0; float: right; } p.lost_password a { text-decoration: underline; } .woocommerce-checkout-top input.button { margin-right: 10px; } .woocommerce-checkout-top .form-group { margin: 0; } .checkout p { margin: 0; } .checkout h2 { margin-bottom: 20px; } .woocommerce .select2-container .select2-choice, .woocommerce .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; } .woocommerce .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; } .woocommerce .select2-container, .woocommerce .select2-drop, .select2-search, .woocommerce .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce .select2-container .select2-choice { display: block; overflow: hidden; border-radius: 0; position: relative; white-space: nowrap; color: #626262; text-decoration: none; background-clip: padding-box; user-select: none; background-color: #fff; font-weight: 400; border: 1px solid #dfdfdf; font-size: 12px; letter-spacing: 1px; margin: 0 0 20px; max-width: 100%; padding: 8px 15px; resize: none; width: 100%; } .woocommerce .select2-container .select2-choice>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .woocommerce .select2-container .select2-choice .select2-arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; } .woocommerce .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff; } .woocommerce .select2-container .select2-choice .select2-arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .select2-drop-active { border-color:#dfdfdf !important; } .woocommerce .select2-dropdown-open.select2-drop-above .select2-choice, .woocommerce .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0; } .select2-results { background-color: #fff !important; } .select2-results .select2-highlighted { border-radius: 0 !important; } .select2-search input { background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select2.png") no-repeat scroll 100% -25px #fff !important; font-size: 11px !important; color: #626262 !important; margin-bottom: 0; } .checkout .create-account > div > p { margin-bottom: 20px; } .checkout .checkbox { margin: 0; } .checkout div.create-account { margin-top: 10px; } .checkout div.create-account .form-row { margin: 0; } .checkout div.create-account .form-row input { margin: 0; } .woocommerce-checkout-top .woocommerce-error-message { padding: 0 !important; } .woocommerce-checkout-top .woocommerce-success-message { padding: 0 !important; } .woocommerce-checkout-top .woocommerce-notice-message { padding: 0 !important; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; } .woocommerce form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; } .woocommerce-checkout-review-order-table .shop-cart .product-name, .woocommerce-checkout-review-order-table .shop-cart .product-thumbnail { min-width: auto; width: auto; } .woocommerce-checkout-review-order-table .shop-cart tfoot td { border-bottom: 1px solid #eee; color: #000; font-size: 12px; } .woocommerce-checkout-review-order-table .shop-cart tfoot td .amount { font-size: 14px; } .woocommerce-checkout-payment .payment_methods { float: left; width: 60%; } .woocommerce-checkout-payment .place-order { float: right; width: 40%; } .woocommerce-checkout-payment .place-order .terms { float: right; clear: both; margin-top: 10px; } .woocommerce-checkout-payment .place-order .terms .input-checkbox { float: right; } .woocommerce-checkout-payment .place-order .terms label { float: right; } .woocommerce-checkout-payment .place-order .terms label a { color: #626262; text-decoration: underline; } .woocommerce-checkout-payment .place-order .terms label a:hover { text-decoration: none; } .woocommerce-checkout-payment .payment_methods li { margin: 0 0 15px 0; } .woocommerce-checkout-payment .payment_methods li label { margin: 0; } .woocommerce-checkout-payment .payment_methods li a { color: #626262; text-decoration: underline; } .woocommerce-checkout-payment .payment_methods li a:hover { text-decoration: none; } .woocommerce-checkout-payment .payment_methods li .payment_box { margin: 10px 0 0 0; } .woocommerce-checkout-payment .payment_methods li.payment_method_paypal img { max-width: 152px; margin: 0 5px; } .woocommerce-checkout-payment .payment_methods li.payment_method_paypal input[type="radio"] { margin-top: 18px; } .woocommerce-checkout-review-order-table .hcode-shipping-method li:last-child { margin-bottom: 0; } .checkout .form-row-first, .checkout .form-row-last { float: left; width: 47%; overflow: visible; } .checkout .form-row-last { float: right; } .shipping-title-text { width: 330px; } .woocommerce-terms-and-conditions { max-height: 200px; overflow: auto; float: right; width: 100%; clear: both; margin-top: 20px; text-align: left; } .woocommerce-terms-and-conditions section { padding: 0; } .woocommerce-terms-and-conditions section container { width: 100% !important; } .woocommerce-checkout .select2-container .select2-selection, .woocommerce-checkout .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; } .woocommerce-checkout .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; } .woocommerce-checkout .select2-container, .woocommerce-checkout .select2-drop, .select2-search, .woocommerce-checkout .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-checkout .select2-container .select2-selection { display: block; overflow: hidden; border-radius: 0; position: relative; white-space: nowrap; color: #626262; text-decoration: none; background-clip: padding-box; user-select: none; background-color: #fff; font-weight: 400; border: 1px solid #dfdfdf; font-size: 12px; letter-spacing: 1px; margin: 0 0 20px; max-width: 100%; padding: 8px 15px; resize: none; width: 100%; height: 41px; } .woocommerce-checkout .select2-container .select2-selection>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; } .woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff; } .woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-selection, .woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0; } .woocommerce-checkout form .form-row.woocommerce-invalid input.input-text, .woocommerce-checkout form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; } .woocommerce-checkout form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none; } .woocommerce-checkout form .form-row.woocommerce-validated .select2-container, .woocommerce-checkout form .form-row.woocommerce-validated input.input-text, .woocommerce-checkout form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; } .woocommerce-checkout .select2-selection--single .select2-selection__rendered { color: #626262; line-height: normal; padding-left: 0; padding-top: 2px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; height: inherit; left: inherit; margin-left: inherit; margin-top: inherit; position: inherit; top: inherit; width: inherit; } .woocommerce-checkout input[type="radio"] { margin: 6px 5px 0 0; } .woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 8px #fff; } .woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .woocommerce-shipping-calculator .select2-container--default .select2-selection--single { border-radius: 0; height: 36px; border: 1px solid #dfdfdf; } .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; } .woocommerce-shipping-calculator .select2 { margin-bottom: 10px; } .woocommerce-shipping-calculator .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 35px; } .widget_recently_viewed_products ul.product_list_widget span.product-title { display: block; } .widget_recently_viewed_products ul.product_list_widget li a img { margin-bottom: 10px; } .widget_recently_viewed_products ul.product_list_widget li { margin: 10px 0; } .woocommerce-MyAccount-content .select2-container { margin-bottom: 24px; } .woocommerce-MyAccount-content .select2-container .selection { display: block; } .woocommerce-MyAccount-content .select2-container .selection, .woocommerce-MyAccount-content .select2-container--default .select2-selection--single, .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered { outline: none; } .woocommerce-MyAccount-content .select2-container--default .select2-selection--single { border-color: #dfdfdf; border-radius: 0; color: #626262; padding: 8px 15px; font-size: 12px; height: auto; } .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered { color: #626262; line-height: inherit; padding-left: 0; } .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { display: inline-block; } .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__arrow b { border:solid; border-width: 5px 4px 0 4px; border-color: transparent; border-top-color: #888; height: 0; width: 0; top: 16px; } .woocommerce-MyAccount-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .woocommerce-MyAccount-content .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-color: #989898; } .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { border-radius: 0; } /* order received */ .review-order-details td.product-name a { display: inline-block; } .review-order-details td.product-name .product-quantity { color:#000000; } .review-order-details tfoot td { border-bottom: 1px solid #e5e5e5; } .review-order-details > tbody { border-bottom: 1px solid #e5e5e5; } .shop_table_responsive { width: 100%; margin-bottom: 30px; } .shop_table_responsive td { line-height: 1.42857; border-bottom: 1px solid #e5e5e5; padding: 10px 30px; vertical-align: middle; } .order-receive-wrapper .btn { margin: 15px 0 0 15px; } .order-receive-wrapper .btn i { margin: 0 5px 0 0; position: relative; top: 3px; } .review-order-details .variation dt { clear: both; float: left; margin-right: 8px; } .review-order-details .variation dd { margin-bottom: 10px; } .shop_table_responsive tr:last-child td { border-bottom: 0; } .woocommerce-MyAccount-orders { border-bottom: 0; } .woocommerce-MyAccount-orders .order-actions a { margin: 0 3px; } .woocommerce-OrderUpdates { padding-left: 0; margin-bottom: 25px; } .woocommerce-OrderUpdates li { font-size: 12px; text-transform: none; } .woocommerce-OrderUpdates li p { margin-bottom: 0px; } .woocommerce-MyAccount-order-review .shop_table { margin-bottom: 30px; } .woocommerce-MyAccount-order-review .shop_table tfoot th { margin-bottom: 20px; border-top: 1px solid #ededed; padding-right: 20px; width: 75%; } .woocommerce-MyAccount-order-review .shop_table thead .product-total, .woocommerce-MyAccount-order-review .shop_table tbody .product-subtotal { text-align: right; } .woocommerce-MyAccount-order-review .shop_table tfoot th, .woocommerce-MyAccount-order-review .shop_table tfoot td { text-align: right; } .woocommerce-MyAccount-order-review li.payment_method_paypal img { margin: 0 5px; max-width: 152px; } .woocommerce-MyAccount-order-review input[type="radio"], .woocommerce-MyAccount-order-review input[type="checkbox"] { margin: 6px 5px 0 0; } .woocommerce-MyAccount-order-review li.payment_method_paypal input[type="radio"] { margin-top: 19px; } .woocommerce-MyAccount-order-review li.payment_method_paypal a { color: #626262; text-decoration: underline; } .woocommerce-MyAccount-order-review li.payment_method_paypal a:hover { text-decoration: none; } .woocommerce-MyAccount-order-review ul.payment_methods { width: 60%; float: left; } .woocommerce-terms-and-conditions-wrapper { clear: both; border-top: 1px solid #e5e5e5; padding-top: 30px; margin-top: 15px; display: inline-block; width: 100%; text-align: right; margin-bottom: 30px; } .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions { float: none; } .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions .container { width: 100%; } .woocommerce-terms-and-conditions-wrapper .required { display: inline-block; color: #ff0000 } .woocommerce-terms-and-conditions-wrapper .checkbox { padding-left: 20px; margin-top: 15px; } .woocommerce-MyAccount-order-review .form-row { width: 40%; float: right; } .review-order-details .wc-item-downloads { clear: both; margin: 0; padding: 0; list-style: none; } .review-order-details .wc-item-downloads li { font-size: 11px; color: #828282; margin: 6px 0 0 0; } .review-order-details .wc-item-downloads li a { cursor: pointer; } /* My account */ .myaccount_user a { text-decoration: underline; } .myaccount_user a:hover { text-decoration: none; } .billing-shipping-address p { margin: 0; } .billing-shipping-address .form-row { padding: 0 15px; width: 50%; float: left; } .billing-shipping-address #shipping_address_1_field, .billing-shipping-address #shipping_address_2_field, .billing-shipping-address #billing_address_1_field, .billing-shipping-address #billing_address_2_field { width: 100%; } .billing-shipping-address .clear { display: none;; } #customer_login .col-1, #customer_login .col-2 { padding: 25px; width: 47%; background: #f6f6f6; float: left; min-height: 360px; } #customer_login .col-2 { float: right; } .login-lost-password { margin-top: 15px; } #customer_login p.lost_password { margin: 0 0 0 0; float: right; } #customer_login .inline { margin-bottom: 0; } .woocommerce-MyAccount-navigation { border-bottom: 1px solid #e5e5e5; float: left; width: 100%; border-left: 1px solid #e5e5e5; } .woocommerce-MyAccount-navigation li a { color: #808080; float: left; position: relative; font-size: 12px; font-weight: 600; text-transform: uppercase;padding:13px 30px 9px;border: 1px solid #e5e5e5; border-bottom: 0; border-left: 0; background-color: #fff; } .woocommerce-MyAccount-navigation li { float: left; } .woocommerce-MyAccount-navigation li.is-active a { padding: 13px 30px 10px; margin-bottom: -1px; color: #000; } .woocommerce-MyAccount-content { border: 1px solid #e5e5e5; border-top: 0px; width: 100%; display: inline-block; padding: 15px 0; } .woocommerce-MyAccount-navigation i { color: #808080; font-size: 18px; display: block; text-align: center; margin-bottom: 4px; } .woocommerce-MyAccount-content .order_details { margin-bottom: 25px; } .term-description { margin-bottom: 30px; padding: 0 15px; } /* =================================== Onepage demo ====================================== */ /* home main */ .feature-owl .carousel-control.left { margin-top: -17px; top: 50%; } .feature-owl .carousel-control.right { margin-top: -17px; top: 50%; } /* fashion */ #model.work-4col .grid figcaption { bottom:60px; } .fashion-team .key-person:hover .key-person-details { border: 0; } .fashion-team .key-person-details { border-top: 0; } .fashion-person .fashion-right { padding: 0; position: relative; } .fashion-person .fashion-right img { z-index: -1; } .fashion-right .right-content { padding: 14% 12%; height: 100%; position: absolute; top: 0; width:100%; } .fashion-person .separator-line { height: 2px; margin: 4.6% 0 8%; width: 40px; } .fashion-slider .slider-text-middle-main { display: table; height: 100%; width: 40%; } .fashion-slider .slider-typography { bottom: 0; height: 68%; } .fashion-right .right-content .owl-subtitle { padding: 28px 0 29px; line-height: 24px; } .key-person-fashion .key-person:hover .key-person-img img { opacity: 1; } /* architecture */ .architecture-company .nav-tabs li.active span { color: #000; } .architecture-slider .slider-typography { height: 36%; bottom: 0; } .architecture-full-top .slider-typography { top: 0; } .slider-headline { position: absolute; top: 0; height: 64%; width: 100%; text-align: center; z-index: 99; } .slider-headline h1 { font-size: 45px; font-weight: 600; letter-spacing: 12px; } .slider-headline h2 { font-size: 18px; font-weight: 300; letter-spacing: 3px; margin-top: 10px; } .architecture-slider .owl-dot.active span { background-color: #000 !important; transform: none; } .architecture-slider .owl-dot span { border: 2px solid #000; transform: none; background-color: inherit; width: 10px; height: 10px; border-radius: 10px; } .architecture-slider .margin-three { margin-top: 0 !important; } #animated-tab .nav-tabs { display: inline-block; height: 100%; } .animated-tab4 .nav-tabs { display: inline-block; height: 100%; } .architecture-company .separator-line { height: 2px; margin: 5% auto 2%; width: 40px; } #animated-tab.architecture-company .nav-tabs > li > a { padding: 0 70px; } .case-study-number { border-right: 2px solid rgba(255, 255, 255, .3); float: right; font-size: 50px; line-height: 112px; padding: 0 60px; } .case-study-text { margin-left: 40px; top:-7px; } .section-title-services { font-size:20px; font-weight: 600; letter-spacing:5px; } /* spa */ .spa-sider .slider-content { height:100%; position: absolute; right: 0; } .spa-sider .slider-content .spa-slider-bg { position: absolute; } .spa-sider .slider-content .get-bg { margin:10% 0 15%; } .spa-about-us .icon-bg { width: 125px; height: 125px; border-radius: 100%; margin: 0 auto; } .spa-treatments .right-content { padding:60px; } .spa-treatments .right-content ul li { border-top: 1px solid rgba(0, 0, 0, .15); font-size: 11px; font-weight: 400; letter-spacing: 2px; padding: 8px 0; text-transform: uppercase; } .spa-treatments .right-content ul li:last-child { border-bottom: 1px solid rgba(0, 0, 0, .15); } .spa-treatments .right-content ul li span { width:55px; display: inline-block; } .spa-treatments .nav-tabs li a { margin:15px 30px; } .spa-our-packages .content-box { text-align: left; padding:30px; } .spa-our-packages .content-box h3 { padding: 18px 20px 15px; letter-spacing: 0; text-align: left; font-size: 22px; } .spa-our-packages .content-box a { margin: 20px 20px; } .spa-case-study .case-study-title { font-size: 34px; line-height: 34px; } .spa-case-study .case-study-work { font-size: 20px; font-weight: 300; padding: 5% 0px 0; } .spa-case-study .case-study-slider { padding: 80px 0; } .spa-case-study .btn-small-white-background { background-color: #b6b150; border: 2px solid #b6b150; color: #fff; } .spa-case-study .btn-small-white-background:hover { background-color: inherit; } .spa-case-study .case-study-slider img { left: 45%; margin: -113px 0 0 -113px; position: absolute; top: 50%; } .spa-story { top:-10px; } .spa-sider .owl-title { line-height: 40px; } /* agency */ .margin-bottom-seven { margin-bottom: 7% !important; } .margin-bottom-eleven { margin-bottom: 11%; } .slider-subtitle6 { font-size: 18px; font-weight: 100; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; width: 75%; } .slider-title-big2 { display: inline-block; font-size: 35px; font-weight: 300; letter-spacing: 8px; margin-bottom: 17px; } .slider-title-big2 span { display: table; font-weight: 600; line-height: 61px; text-transform: uppercase; } .text-big { font-size: 233px; font-weight: 500; left: -20px; opacity: 0.1; text-transform:unset; top: -117px; z-index: -2; } .text-big-title { font-size: 100px; font-weight: 600; letter-spacing: 4px; line-height: 92px; } .contant-box { bottom: 0; z-index: 1; } .about-us-slider { padding: 90px; } .about-us-detials { margin-bottom: 90px; } .reasons { padding: 8.6% 25.6% 25.6%; } .reasons p { font-size: 12px; line-height: 20px; margin-bottom: 55px; text-transform: uppercase; } .about-number { border-right: 1px solid rgba(0, 0, 0, .2); float: right; font-size: 80px; line-height: 112px; padding: 0 60px; } .about-text { margin-left: 40px; top:-7px; } .team-agency .owl-item { padding:0 10px; } .team-agency .team-member .team-details { left:0; right:0; } .team-agency-owl .owl-carousel .owl-item figure { cursor: default; } /* restaurant */ .features-section p .left { display: table; } .features-section p .right { float: right; } .person-grid .grid figcaption { opacity: 1 !important; } .person-grid .grid .gallery-img img { opacity: 0.15; } .restaurant-our-service .key-person { max-height: 470px; } .dateline-search { position: relative; } .reservation-name:before { position: absolute; right: 32px; top: 12px; font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f007"; font-size: 16px; color: #575757; z-index: 1; } .reservation-date:before { position: absolute; right: 32px; top: 12px; font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f073"; font-size: 16px; color: #575757; z-index: 1; } .special-dishes-price { bottom: -2px; font-size: 16px; letter-spacing: 1px; padding: 12px 22px; position: absolute; right: 0; } /* travel agency */ .travel-agency-slider .slider-text-middle-main { height: 100%; } .travel-agency-slider h1 { font-size:50px; line-height: 60px; } .about-tab-right { padding:70px; } .about-tab-right .panel-title { background-color: inherit; border: 0 none; color: #fff; font-size: 15px; letter-spacing: 4px; padding: 18px; } .about-tab-right .panel-body { background-color: inherit; } .agency-enjoy-right { right: 0; top: 0; height: 100%; padding:100px; } .agency-enjoy-right .title-top { font-size: 100px; font-weight: 400; margin: 5% 0 3% 4%; display: inline-block; line-height: 50px; text-transform: uppercase; } .agency-enjoy-right .title-top span { display: inline-block; font-size: 38px; font-weight: 300; line-height: 54px; margin-left: 20px; } .white-box { padding: 30px 10px; } .white-box h5 { font-size: 12px; } .agency-enjoy-right .row img { width: 100%; } .agency-enjoy-right .center-img { left: 0; margin: 0 0 0 -110px; position: absolute; } .about-tab-right .panel-default { border-bottom:1px solid rgba(255, 255, 255, .4); } .about-tab-right .panel-default .row { padding: 20px; } .about-tab-right .panel-heading { padding-bottom: 0; } .about-tab-right .panel-default:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.1); } .popular-destinations-text { padding:25px; } .popular-destinations-highlight { border: 2px solid #000; height: 100%; opacity: 0; padding: 45px 35px; position: absolute; text-align: center; top: 0; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } .popular-destinations:hover .popular-destinations-highlight { opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); } .popular-destinations-highlight-sub { margin-bottom:45px; } .travel-about-img img { max-width:80%; } .starting-from { font-size: 12px !important; letter-spacing: 4px; } .starting-from span { letter-spacing: 2px; } .starting-from a { padding: 3px 12px; } /* corporate */ .onepage-corporate-slider h1 { font-size: 85px; font-weight: 600; letter-spacing: -2px; text-transform: lowercase; } .services-number { font-size:45px; } .grid-border .grid-border-box { padding:70px 0 !important; } .grid-border .grid-border-box:hover { background:#000 !important; } .grid-border .grid-border-box:hover i, .grid-border .grid-border-box:hover .black-text, .grid-border-box:hover h1 { color: #fff !important; } .grid-border .grid-border-box:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute; } .client-logo-inner { display: table-cell; height: 170px; text-align: center; vertical-align: middle; width: 100%; } .client-logo-inner img { max-width: 240px; opacity: .6; } .client-logo-inner:hover img { opacity: 1; } .client-logo-outer { display: table; width: 100%; } .corporate-border { border: 1px solid rgba(0, 0, 0, 0.1); } .grid-border .grid-border-box.dark-grid-border-box:hover { background-color: #3b3b3b !important; } .grid-border .grid-border-box.dark-grid-border-box img { opacity: 0.5; } .grid-border .grid-border-box.dark-grid-border-box:hover img { opacity: 1; } /* personal */ .personal-name h1 { font-size:45px; letter-spacing:3px; line-height: 50px; } .education-box-main { border: 1px solid #000; padding:35px; } .title-number { display: block; font-size: 55px; font-weight: 100; margin-bottom: 25px; left: -1px; letter-spacing: -2px; position:relative; } .education-box i { display:block; font-size:35px; } .award-box { border:1px solid #000; padding:25px; } .award-box i { font-size:36px; position:relative; top:6px; } .result { padding: 6px 15px; } /* wedding */ .wedding-header { border:8px solid rgba(230, 175, 42, .4); padding:15px; } .wedding-header-sub { padding:45px; } .wedding-header-sub i { margin: 0 5px; font-size:15px; } .wedding-heart { top:18px; } .hcode-time-counter .counter-box { display: block; width: 130px; text-align: center; display:inline-block; } .hcode-time-counter .number { font-size: 45px; text-align:center; font-weight: 100; line-height: 50px; } .hcode-time-counter span { font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing:1px; } .about-couple { border:8px solid rgba(230, 175, 42, .4); padding:15px; } .about-couple-sub { padding:10% 7%; } .about-couple-sub img { max-width:38%; } .about-couple-sub i { margin:20px 20px 0 20px; } .event-box { padding:38px; border:3px solid #e6af2a; } /* landing page */ .play-icon { border: 3px solid #fff; background:#fff; border-radius: 50%; display: inline-block; height: 80px; line-height: 88px; width: 80px; } .play-icon i { font-size: 30px; margin: 0 29px; } .play-icon:hover { background:none; border: 3px solid #fff; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .play-icon:hover i { color:#fff; } .landing-title { font-size: 50px; } .landing-subscribe { padding:25px; background:rgba(0, 0, 0, .5); } .landing-subscribe-input { border:none; } .landing-subscribe-input:focus { border:none; } .landing-subscribe-button { background:#ff7529; border:none; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; padding-left: 22px; padding-right: 22px; } .landing-subscribe-button:hover { background:#db5309; } .landing-subscribe-button:focus { border: 0 !important; } .services-number-landing { border-radius: 50%; display: inline-block; font-size: 35px; line-height: 90px; width: 90px; text-align: center; } /* =================================== Multipage demo ====================================== */ /* fashion */ .fashion-subtitle { border:8px solid #000; padding:55px; font-size:45px; width: auto; display:inline-block; line-height:55px; margin:25px 0; letter-spacing: 3px; } .model-details { margin-bottom:40px; } .model-details-text { padding:25px 45px; } .architecture-team { padding:30px 45px; margin-bottom: 55px; } /* spa */ .spa-slider h1 { border: 4px solid #fff; display: inline-block; font-size: 45px; font-weight: 600; line-height: 85px; padding: 0 45px; } .slider-strip { height:15px; } .special-gifts-box { border:1px dashed rgba(0, 0, 0, .25); padding:25px 15px; } .gifts-off { padding:0 15px; line-height:27px; margin:10px 0 0 0; display:inline-block; } .spa-packages-img { max-width:110%; } /* agency */ .agency-header h1 { font-size: 70px; font-weight: 700; width: 60%; margin: 0 auto; letter-spacing: -2px; line-height: 70px; text-transform: none; } .agency-header span { font-size:16px; font-weight:400; display:block; margin:19% 0 12%; } .agency-header img { margin-bottom: 2%; width: 22%; } .agency-title { border-left:4px solid #fac32f; padding-left:25px; } .agency-team .team-details { left:0; right:0; padding-left: 0; padding-right: 0; height: 100%; bottom: -100px; } .agency-team figure { bottom:0; width:100%; } .agency-team .team-details { padding-top:30%; } /* restaurant */ .restaurant-header h1 span { font-size:70px; } .restaurant-header h1 { font-size:14px; line-height:30px; letter-spacing:5px; } .restaurant-header .resturant-slider-text { font-size: 14px; letter-spacing: 5px; line-height: 30px; margin: 0; text-transform: uppercase; } .restaurant-features-main { border: 5px solid #cec687; padding:7px; } .restaurant-features { border:1px dashed rgba(0, 0, 0, .3); padding:40px 10px; } .about-restaurant-text { min-height:753px; padding:7% 11%; } .about-restaurant-img { min-height:753px; } .img-border { border: 10px solid rgba(255, 255, 255, 0.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-border-small { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; } .img-border-full { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; } .img-border-small-gray { border: 5px solid rgba(0, 0, 0, 0.2); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-border-small-fix { border: 5px solid rgba(255, 255, 255, 0.5); height:100%; width: 90%; left: 5%; top: 0; position: absolute; } .img-bg-color { background:rgba(0, 0, 0, .5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-bg-color-gray { background:rgba(0, 0, 0, .03); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .popular-dishes { position: absolute; width: 100%; padding: 0 15px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:1; } .popular-dishes-border { border: 4px solid #cec687; height: calc(100% - 59px); width: calc(100% - 59px); left: 35px; top: 25px; position: absolute; } .popular-dishes img { width:auto; margin-bottom:18px; } .starting { padding:6px 24px; } .food-services-inner { padding:25px; background:rgba(0, 0, 0, .7); } .food-services-border { border:5px solid rgba(255, 255, 255, 0.3); padding:50px; } .food-services-inner:hover { background:rgba(178, 156, 78, .95); } .food-time { padding:3px 25px; } .restaurant-menu-img { min-height:669px; } .restaurant-menu-text { padding:6%; } .restaurant-menu-text-main { padding:4%; } .restaurant-menu-text .menu-item { border-top: 1px dotted rgba(0, 0, 0, 0.2); padding: 20px 0; } .restaurant-menu-text .menu-item:first-child { border: medium none; padding-top: 0; } .restaurant-menu-text .first { border: medium none; padding-top: 0; } .restaurant-menu-text .menu-item font { margin:0; } .restaurant-menu-text .menu-item p { margin:0; } .restaurant-menu-text .menu-item span:after { content:".........."; margin:0 15px; } .restaurant-menu-text .menu-item span:nth-child(2):after { content:""; margin:0; } .chef-img { min-height:625px; } .chef-text { min-height:625px; padding:10%; } /* travel */ .travel-slider { position: relative; z-index:1; } .travel-adventure img { opacity:.7; } .travel-adventure:hover img { opacity:.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor:url("https://clarascorner.art/wp-content/themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .travel-adventure figure { position:absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:3; width:100%; top:50%; } .travel-adventure a { display:block; position:relative; z-index:2; } .special-offers { min-height:378px; } .special-offers-sub { left: 0; position: absolute; right: 0; text-align: center; top: 26%; } .best-hotels-img { padding:30px; } .best-hotels-text { padding:35px 25px; } .best-hotels-text .small-icon { font-size:17px !important; margin:0 3px; } .hotels-price { top: 0; padding: 25px; position: absolute; right: 0; } .hotels-price span { display:block; font-size:20px; } .destinations-offer { position: absolute; padding:12px 15px; right:0; } .block-default-cursor:hover img { cursor: pointer; } /* corporate */ .corporate-slider h1 { font-size:50px; text-transform: inherit; line-height: 55px; } .highlight-link-text { padding:0 25px; display:inline-block; line-height:30px !important; } .highlight-link { padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:2px; background: #e75e50; } .highlight-link:hover { background:#000; color: #fff; } .highlight-link i { position:relative; top:2px; margin:0 0 0 5px; } .corporate-about-img { min-height:600px; } .corporate-about-text { padding:70px 50px 70px; } .corporate-about-text-bottom { padding:70px 50px 40px; } .corporate-about-text-right { padding:50px 50px 70px 0; } .corporate-about-text-right .title-large { font-weight: 700 !important; line-height: 18px !important; } .corporate-about-text-right p { margin-top: 15px; font-size: 14px; } .corporate-about-text-bottom > span { line-height: 18px !important; font-weight: 700 !important; margin-bottom: 15px !important; display: inline-block; } .corporate-about-text-bottom p { font-size: 14px; } .corporate-standards-img { min-height:600px; } .corporate-standards-text { min-height:600px; padding:4.5% 10% 4.5%; } .corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 68%; z-index:5; } .corporate-standards-img i { color:#fe6e39 !important; } .corporate-standards-text .img-border-small-fix { z-index:-1; } .sub-title { border-bottom: 1px solid #e75e50; display: inline-block; font-weight: 500; margin-top: 10px; text-transform: uppercase; } /* photography */ .photography-slider h1 { font-size:90px; letter-spacing:50px; font-weight:700; } .photography-grid figcaption { opacity:1; bottom: 0 !important; height: 100%; padding:12%; z-index:2; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .photography-grid figure { position:static; text-align: center; } .photography-grid figure img { display: inline; cursor: pointer; } .photography-grid figcaption p { text-transform:none; } .photography-grid-details { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photography-title { font-size:20px; letter-spacing:15px; } .photography-services li .btn-small { opacity:0; position:absolute; bottom:25%; transform: translateX(-50%); } .photography-services li:hover .btn-small { opacity:1; bottom: 50px; } .photography-services li:hover .img-border-small-gray { background:rgba(0, 0, 0, .6); } .photography-services li:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .photography-section-title { top:-3px; margin:0 40px; letter-spacing: 15px; } .hermes .tp-bullet { width: 10px; height: 10px; } /* Filter by price */ .sidebar .price_slider { margin-bottom:15px; } .sidebar .ui-slider-horizontal { height:4px; } .sidebar .ui-slider { position:relative; text-align:left; margin-left:.5em; margin-right:.5em; } .sidebar .ui-slider-horizontal .ui-slider-range { top:0; height:100%; } .sidebar .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-color:#000; } .sidebar .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:10px; height:10px; background-color:#000; border-radius:1em; cursor:ew-resize; outline:0; top:-3px; margin-left:-.5em; } .sidebar .price_slider_amount { width: 100%; text-align:right; font-size:14px; color: #626262; line-height: 30px; } .sidebar .price_slider_amount .button { float: none; font-size: 11px; margin: 2px 0 0 0; line-height:1; cursor:pointer; position:relative; text-transform: uppercase; letter-spacing: 1px; text-decoration:none; overflow:visible; font-weight:400; left:auto; color:#ffffff; background-color:#000000; border:2px solid #000; white-space:nowrap; display:inline-block; background-image:none; box-shadow:none; -webkit-box-shadow:none; text-shadow:none; padding:4px 8px 5px; } .sidebar .price_slider_amount .button:hover { background-color: transparent; text-decoration:none; background-image:none; color:#000; } .sidebar .price_slider_wrapper .ui-widget-content { background-color:#dcdcdc; border:0; } .sidebar .product-categories .children { padding-left: 12px; } .sidebar .product-categories .children > li:last-child { padding-bottom: 0; } /* form */ .checkbox-inline span { display: inline-block; margin-left: 0; margin-right: 5px; } .radio-inline span { display: inline-block; margin-left: 0; margin-right: 5px; } .optionsradios label, .optionscheckbox label { padding-left: 0; } .radio-inline, .checkbox-inline { padding-left: 0; } /* variations */ .variations li { float: left; } /* demo */ .main-demo .container { width: 76%; } .main-demo .mfp-ajax-holder .container { width:1183px; } .navbar .container { width: 1183px; } .demo .container { min-height:700px; } .demo h1 span { font-size:14px; display:block; font-weight:400; letter-spacing:8px; } .demo .highlight-button { border: 1px solid #000; font-size: 12px; min-width: 150px; padding: 6px 0; } .html-pages { background:#000; color:#fff; display:inline-block; font-size:14px; font-weight:600; letter-spacing:4px; line-height:40px; margin-bottom:70px; padding: 0 28px; text-transform:uppercase; } .demo-down { padding:50px; } .demo-down strong { font-size:24px; position:relative; top:3px; margin-right:7px; } .demo-image [class^="col-"] { margin-bottom:65px; } .demo-link { margin:25px 0 0; text-transform:uppercase; font-size:11px; font-weight: 600; letter-spacing: 2px; display: block; } .demo-image img:hover { opacity:0.7; } .demo-figure { background:#ffe400; text-transform: uppercase; font-size: 13px; padding: 10px 25px; color: #393939; font-weight: 600; letter-spacing:3px; } .buy-theme { position:fixed; top:125px; border-radius: 4px; right: -151px; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/buy-theme.png") no-repeat 14px center rgba(50, 50, 50, .8); z-index: 10; } .buy-theme:hover, .quick-question:hover { right: -26px; } .buy-theme span, .quick-question span { padding:0 28px; position: relative; top:0; opacity: 0; } .buy-theme:hover span, .quick-question:hover span { opacity: 1; } .buy-theme a, .quick-question a { color: #fff; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block; } .buy-theme a:hover, .quick-question a:hover { color: #fff; } .quick-question { position:fixed; top:175px; border-radius: 4px; right: -153px; background: url("https://clarascorner.art/wp-content/themes/h-code/assets/images/quick-question.png") no-repeat 14px center rgba(50, 50, 50, .8); z-index: 10; } /* popup */ span.wpcf7-not-valid-tip { display: none !important; } .wpcf7-not-valid { border: 1px solid #f00; } /* animated tabs */ .widget_shopping_cart .widget-title { display: none; } .hcode-animated-tabs .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px; } .hcode-animated-tabs .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left; text-align: center; padding: 0 15px; } .hcode-animated-tabs .nav-tabs > li:last-child { border: none; } .hcode-animated-tabs .nav-tabs > li > a { text-align:center; vertical-align:middle; display: inline-block; margin:0 auto; font-size:42px; outline:none; padding: 0 55px; border: none; float: none; } .hcode-animated-tabs .nav-tabs > li > a:hover .white-text { color:#5bcf21; } .hcode-animated-tabs .nav-tabs > li.active a i { color:#000; } .hcode-animated-tabs .nav-tabs > li > a > span { vertical-align:middle; display: table-cell; } .hcode-animated-tabs .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3); } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin: 0 !important; } .animated-tab1 .nav-tabs > li > a { padding: 0 50px; } .animated-tab2 .nav-tabs { height: auto; } .hcode-animated-tabs .nav-tabs > li span { display: inline-block; } /*flexible tabs*/ .hcode-flexible-tab .nav-tabs { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; height: auto; } .hcode-flexible-tab .nav-tabs > li { width: auto; flex-grow: 1; } .hcode-flexible-tab .nav-tabs > li > a { padding: 0; font-size: unset; } .hcode-flexible-tab .nav-tabs > li > a > span > i { font-size: 42px; margin-bottom: 10px; } .hcode-flexible-tab .nav-tabs > li > a > img { max-width: 50px; margin-bottom: 10px; } /* product details rating */ .woocommerce .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .woocommerce .star-rating { float: left; top: 3px; font-size: 1em; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 6.6em; } .woocommerce .star-rating::before { color: #d3ced2; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; font-family:Font Awesome\ 5 Free; font-weight: 900; } .woocommerce .star-rating span::before { font-family:Font Awesome\ 5 Free; font-weight: 900; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; color: #000; } .woocommerce .hcode-rating .star-rating::before, .woocommerce .hcode-rating .star-rating span::before { letter-spacing: 2.6px; } .woocommerce .rating { font-size: 13px; float: left; width: 100%; } .woocommerce p.stars { position: relative; font-size: 1em; } .woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0!important; outline: 0; } .woocommerce p.stars a:last-child { border-right: 0; margin-right: 0; } .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-right: 1px solid #ccc; } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { font-family:Font Awesome\ 5 Free; font-weight: 900; text-indent: 0; position: absolute; top: 0; left: 0; } .woocommerce p.stars a.star-1 { width: 2em; } .woocommerce p.stars a.star-1:after { content: "\f005"; font-weight: 400; } .woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after { content: "\f005"; font-weight: 900; } .woocommerce p.stars a.star-2 { width: 3em; } .woocommerce p.stars a.star-2:after { content: "\f005\f005"; font-weight: 400; } .woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after { content: "\f005\f005"; font-weight: 900; } .woocommerce p.stars a.star-3 { width: 4em; } .woocommerce p.stars a.star-3:after { content: "\f005\f005\f005"; font-weight: 400; } .woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after { content: "\f005\f005\f005"; font-weight: 900; } .woocommerce p.stars a.star-4 { width: 5em; } .woocommerce p.stars a.star-4:after { content: "\f005\f005\f005\f005"; font-weight: 400; } .woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after { content: "\f005\f005\f005\f005"; font-weight: 900; } .woocommerce p.stars a.star-5 { width: 6em; border: 0; } .woocommerce p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; font-weight: 400; } .woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after { content: "\f005\f005\f005\f005\f005"; font-weight: 900; } .review-wrapper .star-rating { font-size: 13px; margin-bottom: 20px; letter-spacing: 2.6px; } .review-wrapper .review-text { display: block; clear: both; font-size: 13px; letter-spacing: 0.02em; line-height: 23px; text-transform: none; } .review-wrapper .review-name { font-size: 13px; } .review-wrapper .comment { margin-right: 0; } .review-wrapper label { color: #999999; font-size: 12px; letter-spacing: 1px; } .review-wrapper .list-inline { margin-left: 0; } .review-wrapper .list-inline li:first-child { padding-left: 0; } .woocommerce .lost_reset_password .input-text { width: 480px; } .woocommerce .lost_reset_password label { width: 100%; } /* product details rating */ .related-product-grid > div { margin-bottom: 60px; } /* wooCommerce photo reviews */ span.wcpr-filter-button-wrap ul { top: 35px; left: 0; } li.wcpr-filter-button-li a{ border-radius: 0; } .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating { font-size: 13px; top: 11px; } .wcpr-stars-count .wcpr-row .wcpr-col-star { font-size: 13px; width: 85px; } .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating:before{ color: #000; opacity:1 !important; font-weight: 400; } .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating span:before{ color: #000; font-weight: 900; } /* =================================== col3 Layout ====================================== */ .col3-layout .container { width: 100%; } .sidebar .widget_search .mfp-hide { display: block !important; } /* =================================== col2 Layout ====================================== */ .col2-layout .container { width: 100%; } /* =================================== Thanks Subscribed ====================================== */ .email-subscribed .alert div { display: table; width: 70%; color: #3c763d !important; } .email-subscribed .alert-danger div { color: #a94442 !important; } .email-subscribed .alert-style6 .alert i { line-height: 30px; } .email-subscribed .alert div::first-letter { font-weight: bold; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { input { padding-bottom: 19px; } .urgent-job { left: 151px !important; } .buttons_added input.qty { line-height: 14px; } .select2-search input { background-position: 100% -31px !important; } } .revolution-overflow { overflow: hidden; } .col-layout img { margin: 0 4%; } .core-features .col-md-6:nth-child(2n+1) { clear: both; } @media screen and (-webkit-min-device-pixel-ratio:0) { .core-features { margin-top: 1px; } } body.vc_editor .vc_hcode_font_icons, body.vc_editor .vc_hcode_button { display: inline-block; } /* equal height row */ .hcode-row-flex::before, .hcode-row-flex::after { display: none } .row-equal-height .hcode-row-flex, .row-equal-height.hcode-row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-equal-height .hcode-row-flex > div, .row-equal-height.hcode-row-flex > div {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row-equal-height.row-content-top .hcode-row-flex > div, .row-equal-height.row-content-top.hcode-row-flex > div { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .row-equal-height.row-content-middle .hcode-row-flex > div, .row-equal-height.row-content-middle.hcode-row-flex > div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row-equal-height.row-content-bottom .hcode-row-flex > div, .row-equal-height.row-content-bottom.hcode-row-flex > div { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .row-equal-height .hcode-row-flex .hcode-column-container .vc-column-innner-wrapper, .row-equal-height.hcode-row-flex .hcode-column-container .vc-column-innner-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* inner row */ .hcode-inner-row { float: left;width: 100%; } /* language */ .menu-item-language { position: relative; } .menu-item-language ul { display: none; position: absolute; background-color: rgba(27, 22, 28, 0.95); width: 40px; } .navbar-nav .menu-item-language > ul > li { padding: 0 !important; margin: 0 !important; text-align: center; } .menu-item-language > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; display: block; margin: 0 !important; padding: 4px 0 5px !important; width: 100% !important; } .menu-item-language > a > img.iclflag { margin-bottom: 2px !important; } .menu-item-language > ul > li:last-child > a { border-bottom: 0 !important; } .menu-item-language > ul > li:last-child > a:hover { border-bottom: 0 !important; } .menu-item-language > ul > li > a > img { padding: 0 !important; margin: 0 !important; } .menu-item-language > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .menu-item-language:hover > a { border-bottom: 2px solid #000; } .menu-item-language:hover ul { display: block; } .menu-item-language > a > i { color: #000; font-size: 14px; position: relative; top: 1px; } /* processing loading */ .processing { float: left; width: 100%; } .woocommerce .blockUI.blockOverlay { position:relative; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { height:40px;width:40px;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";background:url(https://clarascorner.art/wp-content/themes/h-code/assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0, 0, 0, .75); } .woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay { position:relative; background-color: rgba(255, 255, 255, .95) !important; opacity: 1 !important; } .woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay:before, .woocommerce .hcode_shopping_cart_content .loader:before { height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-left:0;margin-top:0;display:block;content:"";background:url(https://clarascorner.art/wp-content/themes/h-code/assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0, 0, 0, .75); } /* figure caption */ figure.hcode-image-caption:hover img { transform: none; opacity: 1; cursor: inherit; } .hcode-image-caption figcaption { padding: 8px 10px; } /* onepage agency option 2 */ .short-history .fill { top: 0; } .slider-home ol.carousel-indicators { display: none; } .sub-headline { color: #fff; font-size: 17px; text-align: center; font-weight: 600; background-color: #191919; padding: 30px 35px; width: 330px; bottom:4px; position: absolute; left: -245px; letter-spacing: 0.30px; margin: 0 auto;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .sub-headline p { margin: 0; } .our-services ul { margin: 0; padding: 0 0 0 40px; list-style-type: none; } .our-services ul li { padding-left: 90px; } .our-services ul li .number { position: absolute; left: 0; font-size: 45px; top: 10px; } .box-min-height { min-height: 750px; } .our-process { clear: both; } .heading-style-ten { display: inline-block; min-height: 85px; margin-bottom: 20px; width: 100%; } .heading-style-ten .icon-image { display: inline-block; vertical-align: middle; margin-right: 20px; } .our-process .icon .title { line-height: 23px !important; } .our-process .underline-bg { background-color: #ef824c; position: absolute; left: 0; } .our-team-agency-social div { float: left; } .our-team-agency-social { cursor: auto; } .our-team-agency-social div span { font-size: 20px; color: #ef824c; margin: 0 15px; vertical-align: bottom; } .our-team-agency-social a i { color: #191919; } .bottom-arrow-pagination .owl-dots { display: none; } .bottom-arrow-pagination .owl-controls .owl-prev { display: block; } .bottom-arrow-pagination .owl-controls .owl-next { display: block; } .bottom-arrow-pagination .owl-nav { bottom: 56px; position: absolute; width: 100%; } .bottom-arrow-pagination .owl-nav button.owl-prev, .bottom-arrow-pagination .owl-nav button.owl-next { position: inherit; top: inherit; float: left; margin: 0; width: 56px; height: 56px; background-color: #2a2a2a; padding-top: 16px; text-align: center; } .bottom-arrow-pagination .owl-nav button.owl-prev { left: 50%; margin-left: -56px; } .bottom-arrow-pagination .owl-nav button.owl-next { right: 50%; margin-right: -56px; } .bottom-arrow-pagination .owl-nav .owl-prev::before, .bottom-arrow-pagination .owl-nav .owl-next::before { position: inherit; background-color: inherit; box-shadow:none; } .bottom-arrow-pagination .owl-nav .owl-prev i, .bottom-arrow-pagination .owl-nav .owl-next i { color: #fff; vertical-align: middle; display:table; margin: 0 auto; top: 0; } .bottom-arrow-pagination .owl-nav .owl-prev:hover, .bottom-arrow-pagination .owl-nav .owl-next:hover { background-color: #ffffff; } .bottom-arrow-pagination .owl-nav .owl-prev:hover i, .bottom-arrow-pagination .owl-nav .owl-next:hover i { color: #2a2a2a; } .latest-blogs .blog-image { position: relative; } .latest-blogs .blog-image:hover .blog-content { opacity: 1; } .latest-blogs .blog-content { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.9); color: #fff; padding:10px 40px; z-index: 2; } .latest-blogs .post-author { color: #c1c1c1; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; display: inline-block; } .latest-blogs .post-author a { color: #c1c1c1; } .latest-blogs .post-title { color: #fff; font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 25px; line-height: 30px; letter-spacing: 1px; } .latest-blogs .blog-listing p { font-size: 14px; font-weight: 300; color: #c1c1c1; margin: 0 0 25px; line-height: 22px; } .latest-blogs .like-share i { margin-right:6px; } .agency-contact-form { padding: 60px 40px; } .latest-blogs .like-share a { color:#c1c1c1; letter-spacing: 0.55px; font-size: 11px; margin-right:15px; } .btn-underline { font-size: 20px; letter-spacing: 0.55px; position: relative; } .btn-underline .underline-bg { background-color: #ef824c; left: 0; position: absolute; top: 12px; margin: 0; } .latest-blogs .like-share i { color: #ef824c; } .map-contact { padding: 10% 10% 0 10%; min-height:440px; } .map-contact ul { list-style: none; padding: 0; } .map-contact ul li { font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative; } .map-contact ul li a { color: #fff; } .map-contact ul li .fab, .map-contact ul li .fas, .map-contact ul li .far { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff; } .agency2-onepage { font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative; } .agency2-onepage:last-child { margin-bottom: 0; } .agency2-onepage p { margin-bottom: 0; } .agency2-onepage a { color: #fff; } .agency2-onepage i { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff; } .slider-typography.hcode-content-middle { position: inherit; } .full-screen .slider-typography.hcode-content-middle { position: absolute; } /* about us option 2 */ .specialise-box { min-height: 410px; } /* post password form */ .post-password-form label { display: block; } .post-password-form input:not([type=submit]) { display: block; } .post-password-form input[type=submit] { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent; font-size: 11px; padding: 2px 14px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; } .post-password-form input[type=submit]:hover{ background-color: #000; border: 2px solid #000; color: #fff; } /* lightbox popup */ .hcode-custom-lightbox-title img.mfp-img { padding: 70px 0; } .hcode-custom-lightbox-title .mfp-bottom-bar { padding-bottom: 0; margin-top: -55px; } /* template VC */ .compose-mode .vc_controls-column > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-column > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column_inner .vc_advanced { width: 120px !important; } /* group table */ .cart .group_table td .buttons_added { margin-bottom: 0; } .cart .group_table td label { margin: 0 5px 0 0; } .cart .group_table td input[type="checkbox"] { margin-top: 0; } .group_single_button_wrap { clear: both; margin: 15px 0 25px; padding: 0; width: 100%; } /* vc front editor */ .vc_empty-placeholder { margin-bottom: 0 !important; } .compose-mode .hcode-min-height-0px, .compose-mode .vc_hcode_popular_dishes_content, .compose-mode .vc_hcode_photography_grid_content, .compose-mode .vc_hcode_photography_services_content { min-height: 0px !important; } .compose-mode .vc_vc_row_inner { padding-top: 0px !important; } .vc_editor .remove-position-relative .vc_element, .vc_editor .remove-position-relative-style2 { position: initial !important; } body.vc_editor { background-color: transparent; } .compose-mode .vc_element.item, .view-mode .vc_element.item { display: none !important; } .compose-mode .vc_element.item.active, .view-mode .vc_element.item.active { display: block !important; } .vc_editor.compose-mode .vc_element.vc_hcode_coming_soon { width: 100%; } .compose-mode .vc_control-btn .vc-composer-icon { margin: 0; } body.vc_editor .row-content-middle .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: inherit;-webkit-justify-content: inherit;-ms-flex-pack: inherit;justify-content: inherit; } body.vc_editor .row-content-top { -webkit-align-content: flex-start; -ms-flex-line-pack: inherit; align-content: inherit; } body.vc_editor .row-content-top .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack:inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; } body.vc_editor .row-content-bottom { -webkit-align-content: inherit; -ms-flex-line-pack: inherit; align-content: inherit; } body.vc_editor .row-content-bottom .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; } body.vc_editor .vc-equal-col-height { min-height: 440px; } body.vc_editor .vc-equal-col-height > div > div:first-child > .agency2-onepage { margin-top: 10%; } body.vc_editor .video-wrapper.fit-videos.z-index-0 { position: inherit; } body.vc_editor .front-column-class.vc_vc_column, body.vc_editor .front-column-class.vc_vc_column_inner { padding-left: 0px; padding-right: 0px; } .vc_editor .vc_vc_column, .vc_editor .vc_vc_column_inner { padding-left: 15px; padding-right: 15px; } /* wc smart coupons css */ .gift-certificate { margin: 30px 0; padding: 2% 2% 1% 2%; } .gift-certificate-show-form { margin-bottom: 20px; } .gift-certificate > h3 { margin-bottom: 15px; } .gift-certificate ul { margin: 5px 0 0; } .gift-certificate ul li input[type="radio"] { margin: 3px 5px 0 0; } .gift-certificate ul li ul { margin: 0 0 0; } .gift-certificate ul li ul li input[type="radio"] { float: none; margin: 3px 3px 0 0; position: relative; top: 2px; } .gift-certificate ul li ul li label { margin-right: 15px; } .app-launching-content-block a.btn { display: table; max-width: max-content; } .hcode-newsletter-general input { border: 1px solid #000000; width: 70%; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; height: 37px; float: left; margin: 0; } .hcode-newsletter-general .btn { float: left; width: 30%; padding: 5px 14px !important; border-radius: 0; } .hcode-newsletter-general .btn:hover { background-color: #000; color: #fff; } .mfp-iframe-holder .mfp-close { border-radius: 0; } .page-content-links { list-style: none; padding: 0; margin: 0; } .page-top-link { text-decoration: underline; margin: 0 0 7px 0; color: #000000; text-transform: uppercase; } .page-content-links ul { list-style: none; margin: 0; padding: 0 0 10px 0; } .page-content-links > li { float: left; width: 25%; } .page-content-links ul li { margin-bottom: 5px; } .page-content-links ul li i { margin: 0 8px 0 0; } /*** non sticky header ***/ .non-sticky-header { position: absolute !important; } .non-sticky-header.shrink-nav { position: absolute !important; background: none !important; transition: none !important; } .non-sticky-header.shrink-nav .container { height: inherit; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px){ .fix-background { background-attachment: inherit !important; } } /*** vc icon element ***/ .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before { font-weight: 900; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px){ .fix-background { background-attachment: inherit !important; } } /**************************************************** media css *****************************************************/ @media (min-width: 1200px) { .product-5 .col-lg-1\/5 { width: 20%;} } @media only screen and (min-width: 992px) { /* both sidebar */ .both-content-center { padding-left: 15px; padding-right: 15px; margin-left: calc(25%); width: calc(100% - 25% - 25%); float: left; } .both-sidebar-left { width: 25%; padding-left: 15px; padding-right: 15px; float: left; margin-left: calc(0px - 100% + 25%); } .both-sidebar-right { width: 25%; padding-left: 15px; padding-right: 15px; float: left; margin-left: 0; } /* icon */ .fa-examples .icon-list-small-font { font-size: 12px;} /* Product listing */ .woocommerce.columns-3 > div.products > div.first:not([class *= "col-md"]) { clear: both;} .woocommerce.columns-4 > div.products > div.first:not([class *= "col-md"]) { clear: both;} .woocommerce.columns-5 > div.products > div.first:not([class *= "col-md"]) { clear: both;} .woocommerce.columns-6 > div.products > div.first:not([class *= "col-md"]) { clear: both;} } @media (max-width: 1500px) { /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-headline { width: 100%; font-size: 40px; line-height: 50px;} .blog-blockquote { padding: 60px; } .blog-text { padding: 60px 60px 0 60px; } .blog-comment-area { padding: 60px; } .nav-tabs-style2 li a {margin: 0 15px;} /* restaurant */ .photography-services .img-border-small-gray { height: calc(100% - 40px); left: 20px; top: 20px; width: calc(100% - 40px);} .photography-services .photography-grid-details > span { letter-spacing: 5px !important;} } @media (max-width: 1450px) { /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 2px; } .blog-slider-con figcaption span { letter-spacing: 2px; } } @media (max-width: 1383px) { /* navigation */ .sub-menu ul { right: -25px; z-index: 99; } .search-form {width:80%} /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 1px; } .blog-slider-con figcaption span { letter-spacing: 2px; } .shop-newsletter { padding: 2% 45px; } /* agency */ .agency-header span { margin-top: 12%; } /* fashion */ .fashion-right .right-content .title-large { font-size: 23px !important} .fashion-right .right-content { padding: 8%;} /* spa */ .spa-sider .slider-content .get-bg { margin-bottom: 10%;} .spa-case-study .case-study-slider img { margin: -95px 0 0 -95px; width: 190px; } /* onepage agency option 2 */ .short-history h1.title {font-size: 50px;} /* client */ .client-text {padding: 0 35px;} } @media (max-width: 1270px) { /* case study slider */ .about-number { padding: 0 20px; } .about-text { margin-left: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .logo { display: none; } .retina-logo { display: inline-block; } .retina-logo-light { display: block; } } @media only screen and (min-width: 992px) and (max-width: 1450px) { /* travel */ .best-hotels-text { width: 87%;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .sm-small-text { font-size: 26px; line-height: 30px;} /* product details */ .product-deails-tab .nav-tabs li:last-child a { margin: 0 0 0 11px; } .product-deails-tab .nav-tabs li:first-child a { margin: 0 11px 0 0; } .product-deails-tab .nav-tabs li a { margin: 0 11px; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { .md-display-block { display: block !important} } @media only screen and (min-width: 1024px) and (max-width: 1920px) { .md-no-margin-bottom { margin-bottom: 0 !important} } @media (min-width: 992px) and (max-width: 1199px) { /* typography */ .md-full-width { width: 100% !important;} .md-display-block { display: block !important} .md-no-padding-bottom { padding-bottom: 0 !important} .spa-our-packages .content-box { padding: 15px; } /* corporate */ .corporate-about-text { width: 41.6667% !important; padding: 30px 30px 10px;} .corporate-about-text-right { width: 41.6667% !important; padding: 10px 30px 30px;} .corporate-about-text-bottom { width: 58.3333% !important; padding: 10px 30px 0;} .client-logo-inner img { max-width: 200px;} .client-logo-inner { height: 120px; } /* grid figcaption */ .md-bottom-10 { bottom: 10px !important;} /* heading */ .subheader { padding: 0 15px; } /* travel agency */ .popular-destinations-highlight { padding: 20px 15px; } .popular-destinations-text { padding: 25px 0; } .popular-destinations-highlight-sub { margin-bottom: 35px; } .travel-about-img img { max-width: 100%; } .agency-enjoy-right { padding: 100px 50px 100px 100px;} .agency-enjoy-right .title-top { font-size: 75px; } .agency-enjoy-right .title-top span { font-size: 28px; line-height: 42px; } /* fashion */ .fashion-right .right-content { padding: 4%; } .fashion-right .right-content .title-large { font-size: 20px !important; line-height: 26px !important; } .fashion-right .right-content .owl-subtitle { line-height: 24px; padding: 18px 0 19px; letter-spacing: 4px; } .fashion-person .separator-line { margin: 1.6% 0 3%; } .fashion-right .right-content h4 { font-size: 15px; line-height: 22px; } /* agency */ .agency-team .team-details { padding-top: 8%; } /* product details */ .detail-right .variations li { width: 100%; margin-bottom: 15px;} .detail-right .single_variation_wrap .buttons_added { margin-bottom: 15px;} /* portfolio grid - 6 column */ .work-6col .grid li { width: 25%; } .hcode-animated-tabs .nav-tabs > li > a, #animated-tab .nav-tabs > li > a { padding-left: 40px; padding-right: 40px } } @media (max-width: 1199px) { .navbar .container { width: 100%; } .navbar > .nav-header-container .navbar-nav > li { margin: 0 18px;} .navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 33%; } /* custom */ .lg-margin-bottom-five { margin-bottom: 5% !important; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 20px 15px;} /* key person */ .key-person { max-height: 580px; } .title-large { line-height: 36px !important; font-size: 26px !important; } #key-person .owl-subtitle { display: block; line-height: 26px; margin: 10% 0 13%; } #key-person .xs-display-none { display: none; } /* services */ .services-main { padding: 4% 1% 4% 3%; } .services-sub { padding: 60px 0 0 0; } /* blog home slider */ .blog-slider-con figcaption h3 { font-size: 13px;} .blog-slider-con figcaption span { letter-spacing: 1px; } /* grid figcaption */ .grid figcaption { bottom: 50px; } .md-bottom-10 { bottom: 10px !important;} /* project img */ .half-project-small-img { min-height: 259px; } /* blog home grid */ .blog-slider-grid figcaption { padding: 15px; } /* latest-blogs */ .latest-blogs .like-share .blog-like, .blog-share, .comment {margin-right: 8px !important;} .latest-blogs .blog-content {padding: 15px;} .latest-blogs .post-author {margin-bottom: 15px;} .latest-blogs .post-title {margin-bottom: 15px; font-size: 22px; line-height: 28px;} .latest-blogs .blog-listing p {margin-bottom: 15px;} /* blog home masonry */ .blog-grid-listing .blog-details { padding: 0 15px 15px; } .blog-title a { font-size: 13px; letter-spacing: 1px; } .blog-grid-listing .blog-date { letter-spacing: 0px; padding-top: 15px; } /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 50px 70px;} .work-background-slider-main .spend-year { font-size: 25px;} .work-background-slider-text .spend-year { font-size: 22px;} /* countdown timer */ .notify-me-main input { width: 63%; } .notify-me-main .btn-small { width: 37%; } .mc4wp-form-fields input[type="submit"] { width: 37%; } /* text center */ .md-text-center { text-align: center !important;} /* display */ .md-display-none { display: none !important} /* margin */ .md-margin-two-bottom { margin-bottom: 2% !important; } .md-margin-three-bottom { margin-bottom: 3% !important; } .md-margin-four-bottom { margin-bottom: 4% !important; } .md-margin-five-bottom { margin-bottom: 5% !important; } .md-margin-ten-bottom { margin-bottom: 10% !important; } /* width */ .md-width-20 { width:20% !important;} .md-width-30 { width:30% !important;} .md-width-40 { width:40% !important;} .md-width-50 { width:50% !important;} .md-width-60 { width:60% !important;} .md-width-70 { width:70% !important;} .md-width-80 { width:80% !important;} .md-width-90 { width:90% !important;} .md-width-100 { width:100% !important;} .md-width-auto { width: auto !important} /* padding */ .md-padding-five {padding: 5% !important} /* counter style 2 */ .counter-style2 span.counter-number {margin-right: 5px;} .counter-style2 i {line-height: 30px} /* header right */ .search-cart-header > #top-search > .subtitle { display: none;} /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-headline { font-size: 30px; line-height: 40px; } .blog-headline .posted-by { font-size: 20px; margin: 35px 0 10px; } .blog-headline .blog-cat a:after { padding: 0 7px; } .blog-headline .blog-date { padding: 30px;} .blog-blockquote { padding: 50px 15px; } .blog-text { padding: 50px 30px 0; } .blog-comment-area { padding: 50px 30px; } .blog-text p { width: 100%; } .social-icon-large .fab, .social-icon-large .fas, .social-icon-large .far { height: 50px !important; width: 50px; } /* footer */ footer ul.list-inline li:first-child { padding-left: 5px;} .list-inline li { padding: 0 17px; } /* portfolio short description */ .portfolio-short-description figure { padding:70px} /* careers page */ .urgent-job { top: 166px; } /* shop */ .shop-newsletter-main { padding: 27px; } .shop-newsletter { padding: 0; min-height: 0; } .lg-display-none { display: none; } .lg-display-block { display: block; } .lg-margin-bottom-three { margin-bottom: 3% !important; } /**************************************************** home page ****************************************************/ /*======* restaurant *======*/ .food-services-border { padding: 15px 25px; } .img-border-full { left: 15px; top: 0; width: calc(100% - 29px); height: calc(100% - 0px);} .special-offers-sub { top: 19%;} .special-offers { min-height: 324px;} /**************************************************** one page ****************************************************/ /*======* architecture *======*/ /* services box */ .services-box figure { padding: 90px 50px 0; } /* case study slider */ .case-study-number { padding: 0 35px; } .case-study-text { margin-left: 10px; } /*======* spa *======*/ .spa-slider-bg { height: 100%; width: 100%; } .spa-sider .owl-title { letter-spacing: 5px; } /*======* agency *======*/ .reasons { padding: 8.6% 5.6% 25.6%; } /* photography */ .photography-grid .grid li { width: 33.3333%; } .recent-photography .grid li { width: 33.3333%; } /* photography */ #tour-package .col-md-4 { width: 50% !important;} .md-margin-bottom { margin-bottom: 2%;} /* icon tab */ .nav-tabs > li { margin-left: 0; margin-right: 0;} /* onepage agency option 2 */ .box-min-height { min-height: 780px;} .our-services ul {padding: 0;} .our-services ul li {padding-left: 70px;} .full-width-pull-menu .text-right {right: 15px;} /* about us option 2 */ .specialise-box { min-height: 320px;} .specialise-box img { height: 100px; width: auto;} /* single #1 */ .project-header-text { margin-top: 30%; } /* order received */ .shop_table_responsive td { padding: 10px 15px; } /*======* corporate *======*/ .corporate-standards-text { padding-left: 6%; padding-right: 6%;} /* team members */ .team-section-padding { padding-bottom: 50px} /* header top bar */ header .container { width: 100%;} /* full width pull menu */ .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li a { letter-spacing: 1px !important; } /* restaurant */ .photography-services .img-border-small-gray { height: calc(100% - 80px); left: 40px; top: 40px; width: calc(100% - 80px); } /* fashion */ .architecture-team { margin-bottom: 20px; } /* Product listing */ .product-5 > div:nth-child(5n+1) { clear: none; } .product-5 > div:nth-child(4n+1) { clear: both; } .product-6 > div:nth-child(6n+1) { clear: none; } .product-6 > div:nth-child(4n+1) { clear: both; } } @media (max-width: 1064px) { /* parallax */ .parallax-fix{ background-attachment: scroll !important; } /* carousel slide */ .slider-text .col-md-3 { margin-left: 10%; } /* case study slider */ .case-study-slider .col-sm-5 { margin-right: 63px; } /* blog home slider */ .blog-slider-con figcaption h3 { font-size: 14px; letter-spacing: 4px; line-height: 20px; } .blog-slider-con figcaption { padding: 35px 25px } .blog-slider-con figcaption span { letter-spacing: 2px; line-height: 18px; } /**************************************************** features ****************************************************/ .features-box-style1 br, .features-box-style2 br { display: none; } /* fashion */ .model-details-text { padding: 25px; } .architecture-team {padding:0 45px 30px 45px;} .slider-typography-app .owl-title {width: 100%;} } /******* Only for iPad Css *******/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* for general iPad layouts */ .navbar-nav > li > a { border-color: transparent; } .navbar-nav > li > a.active { border-color: black; } } @media (max-width: 1024px) { /* text rotator */ .cd-headline.slide .cd-words-wrapper { width: 100% !important; } .timeline-number { padding: 35%; } .md-display-none { display: none !important} .fix-background { background-attachment:inherit !important} /* agency */ .agency-header span { margin-top: 15%; } } @media (max-width: 991px) { /* navigation panel */ .navbar .mobile-accordion-menu {background: transparent !important;} .navbar .navbar-toggle { background-color: #000; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .menu-button-orange .icon-bar { background-color: #ef824c; } .search-cart-header #top-search, .search-cart-header .top-cart .shopping-cart, .search-cart-header .top-cart .top-cart .shopping-cart i {margin-right: 0;} .navbar .search-cart-header { padding-left: 0; } .navbar > .nav-header-container .accordion-menu { padding-right: 0;} .navbar-nav > li > a { padding: 8px 15px; border: none !important; color: #fff; } .navbar > .nav-header-container .navbar-nav > li, .navbar.shrink-nav > .nav-header-container .navbar-nav > li, .navbar.shrink-nav.static-sticky > .nav-header-container .navbar-nav > li { padding: 0; margin: 0; position: relative !important; } .navbar.shrink-nav .navbar-nav > li > a, .navbar.nav-black .navbar-nav > li > a { color: #fff; } .sticky-nav .navbar-nav > li > a { font-weight: 700; } .navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover { color: rgba(255,255,255,0.6) } .navbar > .nav-header-container .accordion-menu .navbar-collapse { display: none; position: absolute; width: 100%; left: 0; top: 100%; background: #000; max-height: 340px; overflow-y: auto; } .navbar > .nav-header-container .accordion-menu .navbar-collapse.in { display: block; } .navbar > .nav-header-container .accordion-menu .navbar-collapse .navbar-nav > li { border-top: 1px solid rgba(255, 255, 255, 0.06); float: left; width: 100%; } .dropdown-menu, .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu { float: left; width: 100% !important; } .navbar > .nav-header-container .navbar-nav > li.current-menu-ancestor > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:hover { border-bottom: none; } .navbar > .nav-header-container .navbar-nav .megamenu-right-icon { display: block; position: absolute; right: 0; top: 0; height: auto; border: none; } .dropdown-header { border-bottom: 0; margin-bottom: 0; border-top: 0 none !important; color: #fff; font-size: 11px; font-weight: 600; height: 38px; line-height: 38px; } .dropdown-menu li ul {margin-top: 0;} .mega-menu-column li { border-top: 1px solid rgba(255, 255, 255, 0.06); } .dropdown-menu li a { height: auto !important;line-height: 34px !important; min-height: 34px !important; padding: 0 !important; text-align: left; } .navbar > .nav-header-container .hcode-header-logo, .navbar > .nav-header-container .search-cart-header { min-width: 0; } .hcode-menu-custom-color .dropdown-header, .hcode-menu-custom-color .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a, .hcode-menu-custom-color .navbar > .nav-header-container .accordion-menu .navbar-collapse .navbar-nav > li { border-bottom-color: rgba(255, 255, 255, 0.06); border-top-color: rgba(255, 255, 255, 0.06); } .menu-new a:after { margin-top: 9px; } .dropdown-menu li { padding: 0; width: 100%; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown > ul.dropdown-menu, .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu { padding-left: 15px !important; padding-right: 15px !important; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a { padding-left: 0 !important; padding-right: 0 !important; font-weight: 600 !important; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li a { font-weight: 400 !important; } .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-sub-menu { margin-bottom: 0; } .search-cart-header .top-cart .top-cart .subtitle-mobile { display: block; } .search-popup .search-form { width: 95%; } .search-popup .search-form .search-button { font-size: 18px; } .search-popup .search-form .search-input { padding: 15px 2px; font-size: 22px; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li.dropdown-toggle { position: relative; float: left; width: 100%; clear: both; } .navbar > .nav-header-container .navbar-nav > li.megamenu-column-1 > .dropdown-menu,.navbar > .nav-header-container .navbar-nav > li.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { float: left; width: 100% !important; margin: 0 !important; padding: 0 !important; left: 0; top: 0; position: relative; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu, .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > ul.dropdown-menu > li.dropdown-toggle > ul.mega-sub-menu { position: relative; width: 100%; float: left; left: 0; top: 0; visibility: visible; opacity: 1; margin-bottom: 10px; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu li a > i { display: none; } .navbar > .nav-header-container .navbar-nav > li.simple-dropdown > .dropdown-menu.in .mega-sub-menu { opacity: 1; visibility: visible; } .megamenu-right-icon.collapsed .fa-angle-down::before { content: "\f107"; } .megamenu-right-icon .fa-angle-down::before { content: "\f106"; } .navbar.header-center-logo > .nav-header-container .hcode-center-logo-menu { position: inherit; } .navbar.header-center-logo > .nav-header-container .hcode-header-logo.center-logo { position: relative; padding: 15px 0; top: 0; left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); margin-left: 15px; } .navbar.header-center-logo > .nav-header-container .accordion-menu { padding-left: 0; justify-content: flex-end; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse { width: 100%; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1), .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2), .navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(1), .navbar.header-center-logo.center-logo-search-cart-full-width > .nav-header-container .accordion-menu .navbar-collapse > ul.navbar-nav:nth-child(2) { width: 100%; text-align: left; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse { display: none; } .navbar.header-center-logo > .nav-header-container .accordion-menu .navbar-collapse.in { display: block; } .navbar.header-top-logo > .nav-header-container .hcode-header-logo { width: auto; padding: 6px 15px; } .navbar.header-top-logo > .nav-header-container .accordion-menu { flex-grow: 1; } .navbar.header-top-logo > .nav-header-container .navbar-nav > li, .navbar.header-top-logo.shrink-nav > .nav-header-container .navbar-nav > li { padding: 0; } .full-width-pull-menu.navbar .navbar-nav li, .full-width-pull-menu.navbar.shrink-nav .navbar-nav li { padding: 7px 0 9px; border-bottom: 1px solid rgba(255,255,255,.1) !important; } .hamburger-menu1.pull-menu .navbar-nav .menu-new a:after { margin-top: 3px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { color: #000; } /* sub menu */ .sub-menu-title:hover { cursor: default; background-color: transparent !important; } .sub-menu a i { display: none; } .navbar.hamburger-menu2 .sub-menu a i { display: inline-block; } .full-width-pull-menu.navbar.hamburger-menu2 .sub-menu .megamenu-right-icon { padding-right: 0; padding-left: 0; margin-right: 0; } /* header right */ .search-cart-header .subtitle { display: none;} nav .row .search-cart-header { top: 0; } .search-cart-header .subtitle-mobile { display: block;} /* default navigation menu */ .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li .children, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li .sub-menu { position: relative; left: 0; width: 100%; visibility: visible; opacity: 1; } .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.page_item_has_children .children li.page_item_has_children > a:after, .navbar > .nav-header-container .navbar-nav.default-menu-wrapper > li.menu-item-has-children .sub-menu li.menu-item-has-children > a:after { display: none; } /* custom */ .sm-margin-0auto { margin: 0 auto !important;} .column-min-height { min-height: 0 !important;} .breadcrumb { text-align: left; margin-top: 2%; } section { padding: 90px 0; } .div-padding { padding: 90px 0} .section-title { padding-bottom: 90px; } .sm-pull-left { float: left !important; } .sm-pull-right { float: right !important; } .sm-no-margin { margin: 0 auto !important; } .sm-no-margin-top { margin-top: 0 !important; } .sm-no-margin-bottom { margin-bottom: 0 !important; } .sm-margin-five { margin: 5% 0 !important; } .sm-margin-eight { margin: 8% 0 !important; } .sm-margin-bottom-one { margin-bottom: 1% !important } .sm-margin-bottom-two { margin-bottom: 2% !important } .sm-margin-bottom-three { margin-bottom: 3% !important } .sm-margin-bottom-four { margin-bottom: 4% !important } .sm-margin-bottom-five { margin-bottom: 5% !important } .sm-margin-bottom-six { margin-bottom: 6% !important } .sm-margin-bottom-seven { margin-bottom: 7% !important } .sm-margin-bottom-eight { margin-bottom: 8% !important } .sm-margin-bottom-nine { margin-bottom: 9% !important } .sm-margin-bottom-ten { margin-bottom: 10% !important } .sm-margin-bottom-eleven { margin-bottom: 11% !important } .sm-margin-bottom-twelve { margin-bottom: 12% !important } .sm-margin-top-one { margin-top: 1% !important } .sm-margin-top-two { margin-top: 2% !important } .sm-margin-top-three { margin-top: 3% !important } .sm-margin-top-four { margin-top: 4% !important } .sm-margin-top-five { margin-top: 5% !important } .sm-margin-top-six { margin-top: 6% !important } .sm-margin-top-seven { margin-top: 7% !important } .sm-margin-top-eight { margin-top: 8% !important } .sm-margin-top-nine { margin-top: 9% !important } .sm-margin-top-ten { margin-top: 10% !important } .sm-margin-top-eleven { margin-top: 11% !important } .sm-margin-top-twelve { margin-top: 12% !important } .sm-margin-right-one { margin-right:1% !important } .sm-no-margin-right { margin-right: 0 !important;} .sm-no-margin-left { margin-left: 0 !important; } .sm-padding-bottom-six { padding-bottom: 6% !important; } .sm-no-padding { padding: 0 !important; } .sm-no-padding-left { padding-left: 0 !important; } .sm-no-padding-right { padding-right: 0 !important; } .sm-padding-top-six { padding-top: 6% !important } .sm-padding-top-nine { padding-top: 9% !important; } .sm-padding-bottom-nine { padding-bottom: 9% !important; } .sm-display-none { display:none !important} .sm-text-center { text-align: center !important;} .sm-border { border: 1px solid rgba(0, 0, 0, 0.075) !important; } .sm-no-border-right { border-right: 0 !important; } .sm-margin-lr-four { margin-left: 4% !important; margin-right: 4% !important;} .sm-background-image-right { background-position: center right !important;} .sm-pull-none { float: none !important} .sm-width-100 { width:100% !important} .sm-display-inline { display: inline !important; } .sm-display-block { display: block !important; } .sm-display-inline-block { display: inline-block !important} .sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; } .sm-no-padding-top { padding-top: 0 !important;} .sm-no-padding-bottom { padding-bottom: 0 !important;} .sm-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important;} .sm-width-20 { width:20% !important;} .sm-width-30 { width:30% !important;} .sm-width-40 { width:40% !important;} .sm-width-50 { width:50% !important;} .sm-width-60 { width:60% !important;} .sm-width-70 { width:70% !important;} .sm-width-80 { width:80% !important;} .sm-width-90 { width:90% !important;} .sm-width-100 { width:100% !important;} .sm-width-auto { width: auto !important} /* wp padding margin */ .sm-margin-bottom-80px { margin-bottom: 80px !important} .sm-margin-bottom-40px { margin-bottom: 40px !important} .sm-margin-bottom-30px { margin-bottom: 30px !important; } .sm-margin-bottom-25px { margin-bottom: 25px !important; } .sm-margin-bottom-20px { margin-bottom: 20px !important; } .sm-margin-bottom-15px { margin-bottom: 15px !important; } .sm-margin-bottom-10px { margin-bottom: 10px !important; } .sm-margin-top-20px { margin-top: 20px !important} .sm-padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important} .sm-margin-right-20px { margin-right: 20px;} .sm-margin-right-25px { margin-right: 25px;} .sm-margin-top-35px { margin-top: 35px !important} .sm-padding-three-all { padding: 3% !important;} .sm-margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important;} .sm-margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important;} .sm-margin-top-30px { margin-top: 30px !important} .sm-padding-bottom-15px { padding-bottom: 15px !important;} .sm-padding-bottom-30px { padding-bottom: 30px !important;} .sm-margin-one{ margin-top:1% !important; margin-bottom:1% !important} .sm-margin-two{ margin-top:2% !important; margin-bottom:2% !important} .sm-margin-three{ margin-top:3% !important; margin-bottom:3% !important} .sm-margin-four{ margin-top:4% !important; margin-bottom:4% !important} .sm-margin-five{ margin-top:5% !important; margin-bottom:5% !important} .sm-margin-six{ margin-top:6% !important; margin-bottom:6% !important } .sm-margin-seven{ margin-top:7% !important; margin-bottom:7% !important} .sm-margin-eight {margin-top:8% !important; margin-bottom:8% !important} .sm-margin-nine {margin-top:9% !important; margin-bottom:9% !important} .sm-margin-ten{ margin-top:10% !important; margin-bottom:10% !important} .sm-margin-eleven { margin-top:11% !important; margin-bottom:11% !important } .sm-margin-twelve { margin-top:12% !important; margin-bottom:12% !important} .sm-margin-thirteen { margin-top:13% !important; margin-bottom:13% !important} .sm-margin-twentytwo{ margin-top:22% !important; margin-bottom:22% !important} .sm-margin-one-all{ margin:1% !important;} .sm-margin-two-all{ margin:2% !important;} .sm-margin-three-all{ margin:3% !important;} .sm-margin-four-all{ margin:4% !important;} .sm-margin-five-all{ margin:5% !important;} .sm-margin-six-all{ margin:6% !important; } .sm-margin-seven-all{ margin:7% !important;} .sm-margin-eight-all {margin:8% !important;} .sm-margin-nine-all {margin:9% !important;} .sm-margin-ten-all { margin:10% !important;} .sm-margin-eleven-all { margin: 11% !important; } .sm-margin-twelve-all { margin: 12% !important; } .sm-margin-thirteen-all { margin: 13% !important;} .sm-margin-one-bottom { margin-bottom: 1% !important } .sm-margin-two-bottom { margin-bottom: 2% !important } .sm-margin-three-bottom { margin-bottom: 3% !important } .sm-margin-four-bottom { margin-bottom: 4% !important } .sm-margin-five-bottom { margin-bottom: 5% !important } .sm-margin-six-bottom { margin-bottom: 6% !important } .sm-margin-seven-bottom { margin-bottom: 7% !important } .sm-margin-eight-bottom { margin-bottom: 8% !important } .sm-margin-nine-bottom { margin-bottom: 9% !important } .sm-margin-ten-bottom { margin-bottom: 10% !important } .sm-margin-eleven-bottom { margin-bottom: 11% !important } .sm-margin-twelve-bottom { margin-bottom: 12% !important } .sm-margin-thirteen-bottom { margin-bottom: 13% !important } .sm-margin-one-top { margin-top: 1% !important } .sm-margin-two-top { margin-top: 2% !important } .sm-margin-three-top { margin-top: 3% !important } .sm-margin-four-top { margin-top: 4% !important } .sm-margin-five-top { margin-top: 5% !important } .sm-margin-six-top { margin-top: 6% !important } .sm-margin-seven-top { margin-top: 7% !important } .sm-margin-eight-top { margin-top: 8% !important } .sm-margin-nine-top { margin-top: 9% !important } .sm-margin-ten-top { margin-top: 10% !important } .sm-margin-eleven-top { margin-top: 11% !important } .sm-margin-twelve-top { margin-top: 12% !important } .sm-margin-thirteen-top { margin-top: 13% !important } .sm-padding-one-bottom { padding-bottom: 1% !important;} .sm-padding-two-bottom { padding-bottom: 2% !important;} .sm-padding-three-bottom { padding-bottom: 3% !important;} .sm-padding-four-bottom { padding-bottom: 4% !important;} .sm-padding-five-bottom { padding-bottom: 5% !important;} .sm-padding-six-bottom { padding-bottom: 6% !important;} .sm-padding-seven-bottom { padding-bottom: 7% !important;} .sm-padding-eight-bottom { padding-bottom: 8% !important;} .sm-padding-nine-bottom { padding-bottom: 9% !important;} .sm-padding-ten-bottom { padding-bottom: 10% !important;} .sm-padding-eleven-bottom { padding-bottom: 11% !important;} .sm-padding-twelve-bottom { padding-bottom: 12% !important;} .sm-padding-thirteen-bottom { padding-bottom: 13% !important;} .sm-padding-one-top { padding-top: 1% !important;} .sm-padding-two-top { padding-top: 2% !important;} .sm-padding-three-top { padding-top: 3% !important;} .sm-padding-four-top { padding-top: 4% !important;} .sm-padding-five-top { padding-top: 5% !important;} .sm-padding-six-top { padding-top: 6% !important;} .sm-padding-seven-top { padding-top: 7% !important;} .sm-padding-eight-top { padding-top: 8% !important;} .sm-padding-nine-top { padding-top: 9% !important;} .sm-padding-ten-top { padding-top: 10% !important;} .sm-padding-eleven-top { padding-top: 11% !important;} .sm-padding-twelve-top { padding-top: 12% !important;} .sm-padding-thirteen-top { padding-top: 13% !important;} .sm-padding-twentytwo-top { padding-top: 22% !important;} .sm-padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important;} .sm-padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important;} .sm-padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important;} .sm-padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important;} .sm-padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important;} .sm-padding-nine-tb { padding-top:9% !important; padding-bottom: 9% !important} .sm-padding-one { padding:1% !important; } .sm-padding-two { padding:2% !important;} .sm-padding-three { padding:3% !important;} .sm-padding-four { padding:4% !important;} .sm-padding-five { padding:5% !important; } .sm-padding-six { padding:6% !important; } .sm-padding-seven { padding:7% !important; } .sm-padding-eight { padding:8% !important; } .sm-padding-nine { padding:9% !important; } .sm-padding-ten { padding: 10% !important; } .sm-padding-eleven { padding: 11% !important; } .sm-padding-twelve { padding: 12% !important } .sm-padding-thirteen { padding: 13% !important } .sm-padding-one-lr { padding-left: 1% !important; padding-right: 1% !important;} .sm-padding-two-lr { padding-left: 2% !important; padding-right: 2% !important;} .sm-padding-three-lr { padding-left: 3% !important; padding-right: 3% !important;} .sm-padding-four-lr { padding-left: 4% !important; padding-right: 4% !important;} .sm-padding-five-lr { padding-left: 5% !important; padding-right: 5% !important;} .sm-padding-six-lr { padding-left: 6% !important; padding-right: 6% !important;} .sm-padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important;} .sm-padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important;} .sm-padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important;} .sm-padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important;} /* align */ .sm-alignleft { float: left !important; } .sm-alignright { float: right !important; } .sm-aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important } /* other col size */ .sm-col-large {width:90%;} .sm-col-medium {width:85%;} .sm-col-small{ width:75%;} .sm-col-extra-small{ width:70%; } /* features */ .features-section.col-md-12.col-sm-6 { padding: 0 2% !important; } #features .section-title { padding: 0 0 90px 0; } .features-section h5 { line-height: 18px; } .col-sm-12:last-child .features-section:first-child { margin-bottom: 0; } .pricing-box.best-price { margin-top: 0;} /* services */ .services-main { padding: 10% 3%; width: 100%; } .services-sub-section { padding-right: 0; } .services-sub { padding-top: 4%; } #services { background-color: rgba(224, 224, 224, 1) !important; background-image: none !important; } /* counter */ .key-person:hover .key-person-details { bottom: 140px; } .key-person-details { bottom: 10px; } /* key person */ .key-person { max-height: 470px; } /* slider-title */ .sm-slider-title-big6 { font-size: 80px !important; line-height: 80px !important;} .sm-slider-title-big7 {font-size: 40px !important; line-height: 48px !important;} /* case study slider */ .case-study-slider { padding: 90px 0; } .case-study-work { line-height: 18px; } /* blog */ #blog .section-title { padding-bottom: 50px; } .post-title { line-height: 16px; margin-bottom: 15px; } .post-details { line-height: 15px; } .blog-post p { line-height: 23px; } /* approach */ .approach .col-sm-6 { margin: 0 0 90px; } .approach .col-sm-6:nth-child(3), .approach .col-sm-6:nth-child(4) { margin-bottom: 0; } /* new project */ .new-project h5 { margin-bottom: 10px; } /* owl carousel */ .owl-half-slider .owl-title { width: 60%;} .owl-pagination-bottom.owl-carousel .owl-pagination { bottom: -50px } /* blog home slider */ .blog-slider-con figcaption { padding: 20px 20px 20px; bottom: -60px; } .blog-slider-con figcaption h3 { font-size: 13px; letter-spacing: 4px; line-height: 16px; } /* grid */ .grid li { width: 50% !important;} .related-projects li { width: 33.33% !important;} .work-3col .grid li.related-projects { width: 33.33% !important;} .related-projects.wide-title .grid figcaption { padding: 30px 0; } .ipad-3col .grid li { width: 33.33% !important;} /* grid figcaption */ .grid figcaption { bottom: 10px;} /* project img */ .half-project-img { min-height: 520px; } .project-content .col-sm-12.text-med { margin-top: 5%; } .half-project-small-img { min-height: 213px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 520px; } /* animated */ #animated-tab .nav-tabs > li > a { padding: 0 22px; } .cd-words-wrapper { width: auto !important; } /* blog home grid */ .blog-slider-right { margin-top: 28px; } .blog-list-layout .hcode-show-likes { float: left; margin-top: 15px; width: 100%; } .blog-list-layout .blog-title a { margin: 5px 0; } /* portfolio grid - 4 column */ .work-4col .grid-gallery figcaption h3, .work-4col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px} .work-4col .grid-gallery figcaption p { font-size: 12px} .work-4col .grid figcaption { bottom: 30px; } /* portfolio grid - 5 column */ .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px; letter-spacing: 2px} .work-5col .grid-gallery figcaption p { font-size: 12px; letter-spacing: 3px} .work-5col .grid-gallery figcaption i { font-size: 32px; margin-bottom: 20px } /* portfolio short description */ .portfolio-short-description figure { padding: 30px; } /* ajax - onepage portfolio single #2 */ .features-section .col-xs-9 { width: 70%;} .mfp-wrap { z-index: 999999; } .mfp-wrap .new-project { position: relative; z-index: 9999991; } .small-icon-title .medium-icon { font-size: 30px !important;} /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 40px 30px; width: 100%;} /* slider typography */ .slider-subtitle1 { font-size: 40px; line-height: 58px; width: 234px; } .slider-typography-shop .owl-title { font-size: 50px; line-height: 52px; } .slider-title-big6{ font-size:90px; line-height: 80px; } .shop-newsletter .submit-small-button { width: 26%; } /* *onepage fashion* parallax section */ .parallax-section-main { min-height: 370px; } /* blog single full width with image slider */ .blog-date { line-height: 16px; } .blog-blockquote { padding: 60px 10px; } .blog-blockquote blockquote { width: 100%; } .blog-text { padding: 60px 25px; } .blog-text p { width: 100%; } .blog-comment-area { padding: 60px 25px; } .text-uppercase { word-wrap: break-word; } .blog-comment-form-main { padding-top: 0; clear: both; } .blog-comment .comment-avtar { margin-right: 20px; } /* blog listing classic */ .blog-listing-classic .blog-image { margin-bottom: 0px;} .blog-listing-classic .blog-details { padding-top: 20px !important; } .widget { margin-bottom: 35px; } .blog-image blockquote { padding: 30px; } .blog-image blockquote p { font-size: 18px; line-height: 29px; } .blog-image blockquote p:before { font-size: 42px; } blockquote.blog-image { padding: 30px;} blockquote.blog-image p:before { font-size: 42px; } blockquote.blog-image p { font-size: 18px; line-height: 29px; } .about-author { padding: 30px;} .blog-grid-listing .blog-date { letter-spacing: 0; line-height: 16px; padding-top: 17px; } .blog-title a { letter-spacing: 1px; line-height: 18px; margin-top: 10px; } .blog-grid-listing .blog-details .blog-title { min-height: 48px;} /* blog listing full */ .blog-listing-full { margin-bottom:90px;} .blog-listing-full .blog-date-right a { font-size: 12px;} /* parallax */ .parallax-fix { background-attachment: inherit !important} .parallax-portfolio { background-attachment: inherit !important; background-size: 125% auto; } .portfolio-short-description-bg { background-size: 102%; } .fix-background { background-attachment: inherit !important; } /* footer */ footer h6 { line-height: 16px; } footer ul.list-inline li:first-child { padding-left: 18px;} .footer-social a:last-child { margin-right: 25px;} /*************************************************** home page ****************************************************/ /*======* restaurant *======*/ .restaurant-header h1 span { font-size:60px;} .about-restaurant-text { min-height: 0; } .chef-text { min-height: 0; } .img-border-full { height: calc(100% - -82px); width: calc(100% - 30px); } .special-offers-sub { top: 33%; } .special-offers { min-height: 378px;} /*======* travel *======*/ .travel-booking .tab-style3 .nav-tabs li a { margin: 0 !important; padding: 0 30px; } /*======* corporate *======*/ .img-border-small-fix { left: 0; width: 100%; } .corporate-standards-text { min-height: 0; } .hcode-animated-tabs .nav-tabs li a { padding: 0 32px !important; } .animated-tab1 .nav-tabs li a { padding: 0 22px !important; } .pricing-box, .no-border-right .pricing-box { border: 1px solid rgba(0, 0, 0, 0.075);} .hcode-flexible-tab .nav-tabs > li > a { padding: 0 !important; font-size: unset; } .hcode-flexible-tab .nav-tabs > li > a > span > i { font-size: 22px } .hcode-flexible-tab .nav-tabs > li > a > img { max-width: 32px; } /**************************************************** careers page ****************************************************/ .urgent-job { top: 177px; } /**************************************************** one page ****************************************************/ /*======* fashion *======*/ .fashion-right .right-content { padding: 12% 0 0 12% !important; } /*======* spa *======*/ .spa-case-study .case-study-slider img { display: none; } .spa-case-study .case-study-work { line-height: 25px; } .spa-our-packages .content-box { padding: 18px;} /*======* restaurant *======*/ .person-grid .owl-title { line-height: 36px; } .restaurant-popular-dish-owl .carousel-control.right { top: inherit; bottom: -50px; margin-right: -40px; right: 50%; } .restaurant-popular-dish-owl .carousel-control.left { top: inherit; bottom: -50px; left: 50%; margin-left: -40px; } /**************************************************** shop ****************************************************/ /* button */ .shop-newsletter .btn.btn-small { width: 25%; } /* exclusive style */ .exclusive-style-text { padding: 60px 35px; } /* home product */ .shop-shorting { width: 190px; margin: 0 auto 20px !important; } .shop-shorting-full { float: left; width: auto; } .owl-carousel .home-product { padding: 0 10px;} /* home photography */ .photography-slider h1 { font-size: 80px; letter-spacing: 30px; } /* menu */ .accordion-menu .banner { display: none;} /* case study */ .case-study-details { float: left; width: 100%; clear: both; min-height: inherit; padding-bottom: 10%;} .case-study-details.content-slider-details {padding-top: 6%; padding-bottom: 10%;} .content-slider-details .slider-typography {position: relative} /* tabs */ .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;} /* top search */ #top-search { margin-left: 13px;} .search-cart-header i { padding: 5px; } .top-cart .fa-shopping-cart { padding: 5px; margin-right: 0;} .page-title-small .breadcrumb { margin-top:2%} /* corporate */ .corporate-about-text-right { padding: 30px 15px; } .corporate-about-text { padding: 50px 15px; } .corporate-about-text-bottom { padding: 50px 15px 30px; } .corporate-about-text-bottom > span { line-height: 20px !important; margin-bottom: 10px; display: inline-block;} .corporate-about-text-right p { margin-top: 10px; } /* Product listing */ .product-3 > div:nth-child(3n+1) { clear: none; } .product-3 > div:nth-child(2n+1) { clear: both; } .product-4 > div:nth-child(4n+1) { clear: none; } .product-4 > div:nth-child(2n+1) { clear: both; } .product-5 > div:nth-child(4n+1) { clear: none; } .product-5 > div:nth-child(2n+1) { clear: both; } .product-6 > div:nth-child(4n+1) { clear: none; } .product-6 > div:nth-child(2n+1) { clear: both; } .woocommerce.columns-3 > div.products > div:not([class *= "col-md"]) { width: 50%; } .woocommerce.columns-4 > div.products > div:not([class *= "col-md"]) { width: 50%; } .woocommerce.columns-5 > div.products > div:not([class *= "col-md"]) { width: 50%; } .woocommerce.columns-6 > div.products > div:not([class *= "col-md"]) { width: 50%; } .woocommerce.columns-3 > div.products > div:nth-child(2n+1):not([class *= "col-md"]) { clear: both;} .woocommerce.columns-4 > div.products > div:nth-child(2n+1):not([class *= "col-md"]) { clear: both;} .woocommerce.columns-5 > div.products > div:nth-child(2n+1):not([class *= "col-md"]) { clear: both;} .woocommerce.columns-6 > div.products > div:nth-child(2n+1):not([class *= "col-md"]) { clear: both;} /* listing */ .grid-nav p { margin-left: 5px; margin-bottom: 5px; vertical-align: top;} .hcode-product-grid-list-wrapper { display: inline-block;} /* shop listing - list view */ .product-list-view .product .product-image-wrapper { width: 100%; text-align: center !important;} .product-list-view .product .product-content-wrapper { width: 100%; text-align: center !important;} .product-list-view .product .product-content-wrapper .separator-line { margin-left: auto !important; margin-right: auto !important;} /* shopping cart */ .shop-cart .product-quantity, .shop-cart .product-subtotal, .shop-cart .product-price { width: 22%;} .shop-cart .product-thumbnail img { width: 100px; max-width: inherit;} .shopping-cart-content .shopping-cart-scroll { flex-direction: column; height: 100%; overflow-x: scroll; } .shopping-cart-content .table { margin-bottom: 25px;} /* checkout */ .woocommerce-checkout-payment .payment_methods { width: 50%; } .woocommerce-checkout-payment .place-order { width: 50%; } /* style #2 */ .next-prev-post-wrapper .next-previous-project-style2 a { padding: 20px 0; letter-spacing: 2px;} .next-prev-post-wrapper .next-previous-project-style2 a.previous:hover span { padding-right: 0; } .next-prev-post-wrapper .next-previous-project-style2 a.next:hover span { padding-left: 0; } /* My account */ #customer_login .col-1, #customer_login .col-2 { padding: 20px; width: 48%;} .woocommerce-MyAccount-navigation li.is-active a { padding-left: 20px; padding-right: 20px;} .woocommerce-MyAccount-navigation li a { padding-left: 20px; padding-right: 20px;} /* personal */ .award-box { padding-right: 0; padding-left: 0;} /* team members */ .half-row-width .row { margin: 0 auto;} .team-member:hover .team-details { margin-bottom: 122px; } /*======* spa *======*/ .spa-sider .owl-title { letter-spacing: 3px; } /* language */ .menu-item-language ul { display: block; width: 100%; position: inherit} .navbar-nav .menu-item-language > ul > li { text-align: left;} .navbar-nav .menu-item-language > ul > li { border-top: 1px solid rgba(255, 255, 255, 0.06) !important;} .menu-item-language > ul > li > a { padding: 7px 0 8px 15px !important; border-bottom: 0 solid rgba(255, 255, 255, 0.06) !important;} .menu-item-language > ul > li > a:hover { border-bottom: 0 solid rgba(255, 255, 255, 0.06) !important;} .menu-item-language > ul > li > a, .menu-item-language ul { background-color: transparent;} .menu-item-language > a > .fab, .menu-item-language > a > .fas, .menu-item-language > a > .far { display: none !important;} /* height */ .sm-clear-both{ clear:both} .sm-clear-none{ clear: none} /* header center logo */ .header-center-logo .center-logo { left: 15px; transform: translateX(0px); } .header-center-logo .navbar-collapse:last-child { box-shadow: none;} .header-center-logo.sticky-nav .nav > li:last-child { border-bottom: none; } /* onepage agency option 2 */ .sub-headline {position: relative; transform: none; left: 0; padding: 20px; text-align: center; width: 100%;} .box-min-height {min-height: 0;} .map-contact { min-height: 440px; padding: 12% 9% 0;} .agency-contact-form { padding: 60px 40px;} /* onepage hamburger */ .show-menu .menu-wrap .shrink-nav {background-color: inherit !important} .show-menu .menu-wrap .shrink-nav .nav > li {margin: 0 !important;} /* header center logo */ .header-center-logo .center-logo { left: 15px; transform: translateX(0px); } /* bottom arrow pagination */ .bottom-arrow-pagination .case-study-details { padding: 7% 4%;} /* about us option 2 */ .specialise-box { min-height: 310px;} .specialise-box img { height: 90px; width: auto;} /* full width pull menu */ .hamburger-menu3.full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 30px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { top: 2px !important; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a.megamenu-right-icon { top: 0 !important; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { letter-spacing: 2px;} .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon { margin-right: 4px; } .full-width-pull-menu.navbar .megamenu-right-icon { top: 16px !important;} .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li > a { font-size: 24px; line-height: 36px;} .hamburger-menu2.sticky-nav .navbar-nav > li > a i { margin: 0;} .full-width-pull-menu.navbar .navbar-nav li { border-bottom: 0;} /* page titels */ .content-top-margin-midium-big { margin-top: 81px; } .content-top-margin-extra-big { margin-top: 119px; } /* header center logo */ .header-center-logo .accordion-menu > .navbar-left { width: 100%;} .header-center-logo .accordion-menu > .navbar-right { width: 100%; margin-right: 0;} .header-center-logo .navbar-left > ul, .header-center-logo .navbar-right > ul { top: 0;} /* photography */ .slider-typography-app .owl-title {font-size: 50px; line-height: 60px;} .app-launching-content-block a.btn {margin: 0 auto;} .page-content-links > li { float: left; width: 50%; margin-bottom: 30px;} .page-content-links > li:nth-child(2n+1){ clear: both; } .page-content-links .menu-new a:after { margin-top: 4px; } } @media (max-width: 920px) { /* blog home slider */ .blog-slider-con figcaption { padding: 20px 15px 20px; bottom: -60px; } .blog-slider-con figcaption h3 { letter-spacing: 2px;} } @media (max-width: 768px) { /* custom */ .separator-line { margin: 20px auto 15px; } .lg-display-none { display: block; } /* key person */ .key-person i { margin: 15px 10% 25px; } /* slider text */ #animated-tab .nav-tabs {margin: 0 0 70px;} .nav-tabs > li > a { border-right: 0; } #animated-tab .nav-tabs > li > a {margin: 0 auto; } .portfolio-filter { display: inline-block;} .nav > li {width: auto;} .nav-tabs > li.active > a { margin-bottom: 0px; } .nav-tabs > li > a:hover { margin-bottom: 0px; vertical-align: top;} .owl-title-big { font-size: 30px; letter-spacing: 5px; line-height: 44px; } .hcode-flexible-tab .nav-tabs > li > a > span > i { font-size: 18px; } /* single - onepage portfolio single #2 */ .slider-text-middle4 { padding: 0 15px 35px;} /**************************************************** careers page ****************************************************/ .urgent-job { top: 166px; } .sm-bg-yellow { background: none repeat scroll 0 0 #e6af2a !important; } /**************************************************** one page ****************************************************/ /*======* spa *======*/ .spa-sider .owl-title { font-size: 24px; line-height: 28px; } .spa-sider .slider-content .spa-slider-bg { height: 100%;} /* text rotator */ .cd-headline.slide span { padding-bottom: 2em} } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .hamburger-menu3.full-width-pull-menu.navbar .bg-hamburger-menu3 { float: none; } .header-center-logo.navbar-fixed-top .mobile-accordion-menu { max-height: 390px; overflow: auto; } /* custom */ .table { margin-bottom: 25px; } .col-xs-mobile-fullwidth { clear: both; display: inline-block; float: left; width: 100%;} .post-slider-no-margin p { margin-bottom: 0;} .min-height-50 { min-height: 50px !important;} .min-height-100 { min-height: 100px !important;} .min-height-150 { min-height: 150px !important;} .min-height-200 { min-height: 200px !important;} .min-height-250 { min-height: 250px !important;} .min-height-300 { min-height: 300px !important;} .min-height-350 { min-height: 350px !important;} .min-height-400 { min-height: 400px !important;} .min-height-450 { min-height: 450px !important;} .min-height-500 { min-height: 500px !important;} .min-height-550 { min-height: 550px !important;} .min-height-600 { min-height: 600px !important;} .min-height-650 { min-height: 650px !important;} section { padding: 50px 0; clear: both; } .div-padding { padding: 50px 0} .xs-onepage-section {padding: 100px 0 !important;} .xs-pull-left { float: left !important; } .first-child { padding-top: 0; } .last-child { padding-bottom: 0; } .margin-top-section { margin-top: 50px; } .xs-indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); } .xs-indicators-black li { border: 2px solid rgba(0, 0, 0, 1);} .xs-margin-0auto { margin: 0 auto !important;} .xs-no-margin { margin: 0 !important; } .xs-no-margin-top { margin-top: 0 !important; } .xs-margin-bottom-one { margin-bottom: 1% !important } .xs-margin-bottom-two { margin-bottom: 2% !important } .xs-margin-three-bottom { margin-bottom: 3% !important } .xs-margin-bottom-four { margin-bottom: 4% !important } .xs-margin-bottom-five { margin-bottom: 5% !important } .xs-margin-bottom-six { margin-bottom: 6% !important } .xs-margin-bottom-seven { margin-bottom: 7% !important } .xs-margin-seven-bottom { margin-bottom: 7% !important } .xs-margin-bottom-eight { margin-bottom: 8% !important } .xs-margin-bottom-nine { margin-bottom: 9% !important } .xs-margin-ten-bottom { margin-bottom: 10% !important } .xs-margin-bottom-eleven { margin-bottom: 11% !important } .xs-margin-bottom-twelve { margin-bottom: 12% !important } .xs-margin-bottom-thirteen { margin-bottom: 13% !important } .xs-margin-bottom-thirtyfive { margin-bottom: 35% !important } .xs-margin-top-one { margin-top: 1% !important } .xs-margin-top-two { margin-top: 2% !important } .xs-margin-top-three { margin-top: 3% !important } .xs-margin-top-four { margin-top: 4% !important } .xs-margin-top-five { margin-top: 5% !important } .xs-margin-top-six { margin-top: 6% !important } .xs-margin-top-seven { margin-top: 7% !important } .xs-margin-top-eight { margin-top: 8% !important } .xs-margin-top-nine { margin-top: 9% !important } .xs-margin-top-ten { margin-top: 10% !important } .xs-margin-top-eleven { margin-top: 11% !important } .xs-margin-top-twelve { margin-top: 12% !important } .xs-margin-top-thirteen { margin-top: 13% !important } .xs-no-margin-right { margin-right: 0 !important } .xs-no-margin-left { margin-left: 0 !important; } .xs-no-margin-lr { margin-left: 0 !important; margin-right: 0 !important} .xs-no-margin-bottom { margin-bottom: 0 !important } .xs-padding-bottom-six { padding-bottom: 6% !important; } .xs-padding-bottom-fifteen { padding-bottom: 15% !important; } .xs-padding-top-six { padding-top: 6% !important } .xs-padding-left-right-two { padding: 0 2% !important; } .xs-display-none { display: none !important} .xs-padding-seven { padding: 6% 0} .xs-no-padding { padding: 0 !important; } .xs-no-padding-left { padding-left: 0 !important; } .xs-no-padding-right { padding-right: 0 !important; } .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; } .xs-no-padding-top { padding-top:0 !important} .xs-no-padding-bottom { padding-bottom: 0 !important; } .xs-padding-right { padding-right: 15px !important;} .xs-padding-left { padding-left: 15px !important;} .xs-text-center { text-align: center !important;} .xs-no-border { border: 0 !important; } .xs-no-background { background: none !important; } .xs-no-float { float: none !important; } .xs-display-inline { display: inline !important; } .xs-display-block { display: block !important; } .xs-display-inline-block { display: inline-block !important} .xs-text-left { text-align: left !important; } .xs-text-center { text-align: center !important; } .xs-text-right { text-align: right !important; } .width-70 { width: 100% !important; } .xs-width-100 { width: 100% !important; } .xs-img-full { width: 100%;} .xs-padding-tb-ten { padding-bottom: 10% !important; padding-top: 10% !important; } .xs-width-100 { width: 100% !important} .xs-letter-spacing-6 { letter-spacing: 6px !important} .xs-center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;} .xs-padding-eight { padding: 8%; } .xs-position-inherit { position: inherit !important;} .xs-line-height-18 { line-height: 18px !important;} .xs-pull-none { float: none !important;} /* wp margin padding */ .xs-margin-one{ margin-top:1% !important; margin-bottom:1% !important} .xs-margin-two{ margin-top:2% !important; margin-bottom:2% !important} .xs-margin-three{ margin-top:3% !important; margin-bottom:3% !important} .xs-margin-four{ margin-top:4% !important; margin-bottom:4% !important} .xs-margin-five{ margin-top:5% !important; margin-bottom:5% !important} .xs-margin-six{ margin-top:6% !important; margin-bottom:6% !important } .xs-margin-seven{ margin-top:7% !important; margin-bottom:7% !important} .xs-margin-eight {margin-top:8% !important; margin-bottom:8% !important} .xs-margin-nine {margin-top:9% !important; margin-bottom:9% !important} .xs-margin-ten{ margin-top:10% !important; margin-bottom:10% !important} .xs-margin-eleven { margin-top:11% !important; margin-bottom:11% !important } .xs-margin-twelve { margin-top:12% !important; margin-bottom:12% !important} .xs-margin-thirteen { margin-top:13% !important; margin-bottom:13% !important} .xs-margin-twentytwo{ margin-top:22% !important; margin-bottom:22% !important} .xs-margin-one-bottom { margin-bottom: 1% !important } .xs-margin-two-bottom { margin-bottom: 2% !important } .xs-margin-three-bottom { margin-bottom: 3% !important } .xs-margin-four-bottom { margin-bottom: 4% !important } .xs-margin-five-bottom { margin-bottom: 5% !important } .xs-margin-six-bottom { margin-bottom: 6% !important } .xs-margin-seven-bottom { margin-bottom: 7% !important } .xs-margin-eight-bottom { margin-bottom: 8% !important } .xs-margin-nine-bottom { margin-bottom: 9% !important } .xs-margin-ten-bottom { margin-bottom: 10% !important } .xs-margin-eleven-bottom { margin-bottom: 11% !important } .xs-margin-twelve-bottom { margin-bottom: 12% !important } .xs-margin-thirteen-bottom { margin-bottom: 13% !important } .xs-margin-one-top { margin-top: 1% !important } .xs-margin-two-top { margin-top: 2% !important } .xs-margin-three-top { margin-top: 3% !important } .xs-margin-four-top { margin-top: 4% !important } .xs-margin-five-top { margin-top: 5% !important } .xs-margin-six-top { margin-top: 6% !important } .xs-margin-seven-top { margin-top: 7% !important } .xs-margin-eight-top { margin-top: 8% !important } .xs-margin-nine-top { margin-top: 9% !important } .xs-margin-ten-top { margin-top: 10% !important } .xs-margin-eleven-top { margin-top: 11% !important } .xs-margin-twelve-top { margin-top: 12% !important } .xs-margin-thirteen-top { margin-top: 13% !important } .xs-margin-top-55px { margin-top: 55px !important } .xs-padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important} .xs-padding-lr-30px { padding-left: 30px !important; padding-right: 30px !important} .xs-padding-tb70px-lr15px { padding: 70px 15px;} .xs-margin-bottom-50px { margin-bottom: 50px !important} .xs-margin-bottom-40px { margin-bottom: 40px !important} .xs-margin-bottom-80px { margin-bottom: 80px !important} .xs-margin-bottom-30px { margin-bottom: 30px !important; } .xs-margin-bottom-25px { margin-bottom: 25px !important; } .xs-margin-bottom-20px { margin-bottom: 20px !important; } .xs-margin-bottom-15px { margin-bottom: 15px !important; } .xs-margin-bottom-10px { margin-bottom: 10px !important; } .xs-margin-top-20px { margin-top: 20px !important} .xs-margin-right-20px { margin-right: 20px;} .xs-margin-right-25px { margin-right: 25px;} .xs-margin-top-35px { margin-top: 35px !important} .xs-margin-top-20px { margin-top: 20px !important} .xs-margin-bottom-10px { margin-bottom: 10px !important; } .xs-margin-bottom-20px { margin-bottom: 20px !important;} .xs-margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important;} .xs-margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important;} .xs-margin-top-30px { margin-top: 30px !important} .xs-margin-bottom-ten { margin-bottom: 10% !important;} .xs-padding-bottom-15px { padding-bottom: 15px !important;} .xs-padding-bottom-30px { padding-bottom: 30px !important;} .xs-margin-bottom-45px { margin-bottom: 45px !important} .xs-padding-one-bottom { padding-bottom: 1% !important;} .xs-padding-two-bottom { padding-bottom: 2% !important;} .xs-padding-three-bottom { padding-bottom: 3% !important;} .xs-padding-four-bottom { padding-bottom: 4% !important;} .xs-padding-five-bottom { padding-bottom: 5% !important;} .xs-padding-six-bottom { padding-bottom: 6% !important;} .xs-padding-seven-bottom { padding-bottom: 7% !important;} .xs-padding-eight-bottom { padding-bottom: 8% !important;} .xs-padding-nine-bottom { padding-bottom: 9% !important;} .xs-padding-ten-bottom { padding-bottom: 10% !important;} .xs-padding-eleven-bottom { padding-bottom: 11% !important;} .xs-padding-twelve-bottom { padding-bottom: 12% !important;} .xs-padding-thirteen-bottom { padding-bottom: 13% !important;} .xs-padding-twentytwo-bottom { padding-bottom: 22% !important;} .xs-padding-one-top { padding-top: 1% !important;} .xs-padding-two-top { padding-top: 2% !important;} .xs-padding-three-top { padding-top: 3% !important;} .xs-padding-four-top { padding-top: 4% !important;} .xs-padding-five-top { padding-top: 5% !important;} .xs-padding-six-top { padding-top: 6% !important;} .xs-padding-seven-top { padding-top: 7% !important;} .xs-padding-eight-top { padding-top: 8% !important;} .xs-padding-nine-top { padding-top: 9% !important;} .xs-padding-ten-top { padding-top: 10% !important;} .xs-padding-eleven-top { padding-top: 11% !important;} .xs-padding-twelve-top { padding-top: 12% !important;} .xs-padding-thirteen-top { padding-top: 13% !important;} .xs-padding-twentytwo-top { padding-top: 22% !important;} .xs-padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important;} .xs-padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important;} .xs-padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important;} .xs-padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important;} .xs-padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important;} .xs-padding-one { padding:1% !important; } .xs-padding-two { padding:2% !important;} .xs-padding-three { padding:3% !important;} .xs-padding-four { padding:4% !important;} .xs-padding-five { padding:5% !important; } .xs-padding-six { padding:6% !important; } .xs-padding-seven { padding:7% !important; } .xs-padding-eight { padding:8% !important; } .xs-padding-nine { padding:9% !important; } .xs-padding-ten { padding: 10% !important ; } .xs-padding-eleven { padding: 11% !important; } .xs-padding-twelve { padding: 12% !important } .xs-padding-thirteen { padding: 13% !important } .xs-padding-one-lr { padding-left: 1% !important; padding-right: 1% !important;} .xs-padding-two-lr { padding-left: 2% !important; padding-right: 2% !important;} .xs-padding-three-lr { padding-left: 3% !important; padding-right: 3% !important;} .xs-padding-four-lr { padding-left: 4% !important; padding-right: 4% !important;} .xs-padding-five-lr { padding-left: 5% !important; padding-right: 5% !important;} .xs-padding-six-lr { padding-left: 6% !important; padding-right: 6% !important;} .xs-padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important;} .xs-padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important;} .xs-padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important;} .xs-padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important;} .xs-margin-one-all{ margin:1% !important;} .xs-margin-two-all{ margin:2% !important;} .xs-margin-three-all{ margin:3% !important;} .xs-margin-four-all{ margin:4% !important;} .xs-margin-five-all{ margin:5% !important;} .xs-margin-six-all{ margin:6% !important; } .xs-margin-seven-all{ margin:7% !important;} .xs-margin-eight-all {margin:8% !important;} .xs-margin-nine-all {margin:9% !important;} .xs-margin-ten-all { margin:10% !important;} .xs-margin-eleven-all { margin: 11% !important; } .xs-margin-twelve-all { margin: 12% !important; } .xs-margin-thirteen-all { margin: 13% !important;} /* align */ .xs-alignleft { float: left; } .xs-alignright { float: right; } .xs-aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important } /* background color */ .xs-bg-gray { background-color: #f6f6f6 !important;} /* features */ .features-section.col-md-12.col-sm-6 { padding: 0 !important; } .col-sm-12:last-child .features-section:last-child { margin-bottom: 0 !important; } .features-section .separator-line { margin: 15px 0 11px; } /* portfolio nav */ .portfolio-nav { position: relative; } .col-sm-4:first-child .next-project i { margin-left: 0; } .mfp-close { padding-left: 0; } /* work process */ .work-process .col-xs-12 { margin-bottom: 10%; } /* services */ .services-main { padding: 90px 15px 0; } .services-main i { margin-bottom: 15px; } .services-sub-section { margin-bottom: 10%; } .services-sub { padding-top: 0; } .services-sub:last-child .services-sub-section:last-child { margin-bottom: 0; } .services-sub-section { padding-right: 15px; } /* travel */ .best-hotels-text { width:200px;} /* case study */ .case-study-details, .case-study-details.content-slider-details { padding: 17% 5%;} /* testimonial */ .testimonial .carousel-indicators { bottom: -50px; } .testimonial p { margin: 40px 0; } .jumbotron { padding: 30px 0; } /* key person */ .key-person-details { padding: 32px 10px 10px; } .key-person { max-height: 100%; } #key-person .col-xs-4 {width:100%} /* blog */ .blog-post-images { margin-bottom: 20px; } .post-title { margin: 0; } .post-author { display: block; margin-bottom: 10px; } .blog-post p { padding: 0 0 20px; } .below-header { margin-top: 55px; } .below-header-small {margin-top: 55px;} .xs-width-100px { width: 100px;} /* approach */ .approach .col-sm-6:nth-child(3) { margin-bottom: 90px; } .approach h5 { margin: 10px 0 0; } /* footer */ footer .col-sm-4, footer .col-sm-6 { margin-bottom: 30px; } footer .col-sm-4:last-child, footer .col-sm-6:last-child { margin-bottom: 0; } .footer-position { margin-top: 5px} /* owl carousel */ .owl-half-slider .owl-title { font-size: 20px; line-height: 30px; } .slider-typography-shop .owl-title { font-size: 40px; line-height: 42px; } /* buttons */ .btn-extra-large { font-size: 18px !important; padding: 10px 20px !important;} .highlight-button-black-border { font-size: 16px; padding: 10px 20px; } /* blog home slider */ .blog-slider-con figcaption span { letter-spacing: 1px; } .blog-slider-con figcaption h3 { letter-spacing: 1px; } .blog-slider-right { margin-bottom: 0; } /* project img */ .half-project-small-img { min-height: 264px; } .project-content .text-large { margin-top: 9%; display: inline-block; } .col-sm-6:nth-child(2).text-med { margin-top: 5%; } .spend-time { border-right: 0; } .text-large { margin-right: 0; } .full-width-image { min-height: 480px; } .owl-half-slider .container { min-height: 560px; } /* related projects */ .portfolio-filter { display: block;} .nav-tabs-gray { height: inherit; margin-bottom: 25px;} .nav-tabs-gray li a { margin: 15px 0 0 0; } .active > a { border-bottom: 2px solid #000; } .nav-tabs-gray li:last-child a { margin:15px 0 0 0} .tab-style3 .nav-tabs li:last-child a { margin: 0;} .nav-tabs-gray li:first-child a { margin: 0} .nav-tabs > li > a:hover { border-bottom: 2px solid #000;} .nav-tabs > li.active > a { border-width: 2px;} .nav-tabs-light li:first-child a {margin: 0;} .nav-tabs-black { height: inherit; margin-bottom: 25px;} .nav-tabs-black li a { margin: 15px 0 0 0; } .nav-tabs-black li:last-child a { margin:15px 0 0 0} .nav-tabs-black li:first-child a { margin: 0} /* masonry gallery */ .grid li { width: 100% !important; } .grid figcaption { bottom: 6% !important; } /* portfolio grid - with title */ .work-with-title .grid li:hover figcaption { bottom: 85px !important;} /* animated tab */ #animated-tab .nav-tabs { width: 100%; text-align: center;} #animated-tab .nav > li { text-align: center; margin: 0 -3px 0 0; display: inline-block; border: 0; float: none; } #animated-tab .nav-tabs > li > a { padding: 0; display: inline-table } .hcode-animated-tabs .nav-tabs { width: 100%; text-align: center;} .hcode-animated-tabs .nav > li { text-align: center; width: 20%; margin: 0 -3px 0 0; display: inline-block; border: 0; float: none; } .hcode-animated-tabs .nav-tabs > li > a { border: none; padding: 0; display: inline-table } .animated-tab1 .nav-tabs > li > a { border: none; padding: 0; display: inline-table } .nav-tabs > li > a { margin-bottom: 0px; margin-left: 0 !important; margin-right: 0 !important } .nav-tabs > li.active > a { margin-bottom: 0px;} .tab-style1 .nav-tabs li a:hover, .tab-style2 .nav-tabs li a:hover { padding:5px auto; border-bottom: 2px solid #000;} .tab-style2 .nav-tabs li a { border-bottom: 2px solid #d4d4d4; padding: 5px 0;} .tab-style2 .nav-tabs li.active { border: none; margin: 0;} .tab-style2 .nav-tabs li.active a { border-bottom: 2px solid #000; padding: 5px 0;} .tab-style2 .tab-content { padding: 0; border: none} .tab-style3 .nav-tabs { border: 1px solid #ddd;} .tab-style3 .nav-tabs li:first-child { margin-left: 0; border:none; border-bottom: 1px solid #e5e5e5;} .tab-style3 .nav-tabs li:last-child { border-bottom: none;} .tab-style3 .nav-tabs li { border-bottom: 1px solid #e5e5e5; border-top: none; border-right: none} .tab-style3 .nav-tabs li a:hover { border: none} .tab-style3 .nav-tabs li.active { border-bottom: 1px solid #e5e5e5;} .tab-style3 .tab-content { padding: 0 20px;} .tab-style4 .tabs-left .nav-tabs { width: 100%; padding: 0; margin: 0;} .tab-style4 .tab-content { width: 100%; float: left; padding: 20px;} .tab-style5 .tabs-left .nav-tabs { width: 100%;} .tab-style5 .tabs-left .nav-tabs li { border: none} .tab-style5 .tab-content { width: 100%; padding: 20px; background-color: #fff; border: none; float: left} .travel-booking .tab-style3 .nav-tabs li { margin-bottom: 1px } .nav-tabs-light { height: inherit; margin-bottom: 25px; } .nav-tabs-light li:last-child a { margin: 15px 0 0; } .corporate-standards-img { min-height: 460px !important; } /* one page */ #contact-us .medium-icon { margin-bottom: 0px !important;} /* owl carousel */ .owl-title-big { font-size: 26px; letter-spacing: 4px; line-height: 34px; padding: 25px 20px; width: 90%; } .owl-half-slider .owl-item .item { min-height: 400px; } .owl-half-slider .owl-item .container { min-height: 400px; } .owl-half-slider .container { min-height: 560px; } .owl-pagination-bottom.owl-carousel .owl-pagination { bottom: -30px; } /* page titles */ .page-title-large h1 { font-size: 20px !important; } h1.title {font-size: 37px !important; line-height: 45px !important;} span.underline-bg {top: -20px;} .content-top-margin { margin-top: 81px;} .content-top-margin-big { margin-top: 81px;} .content-top-margin-extra-big { margin-top: 81px;} .content-top-margin-midium-big { margin-top: 81px; } /* page title large */ .page-title-large { min-height: 250px; padding: 140px 0 0;} /* portfolio grid - wide with title */ .work-2col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-3col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-4col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-5col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} /* portfolio parallax */ .parallax-portfolio { min-height: 420px; background-size: cover;} .parallax-portfolio figcaption { padding: 25px; } /* portfolio short description */ .portfolio-short-description-bg { background-position: top center; background-repeat: no-repeat; padding-top: 62.5%; } .portfolio-short-description figure { padding: 30px; width: 100% } .portfolio-short-description figure h3 { font-size: 16px; } /****** blog home pagination ******/ .pagination a, .pagination span.current { margin: 0 8px;} /* style #2 */ .next-previous-project-style2 div { border-bottom: 1px solid #e5e5e5;} .next-previous-project-style2 a { ; padding: 20px 0;} .next-previous-project-style2 div:last-child { border-bottom: 0;} .next-previous-project-style2 a.border-right { border-right: 0px;} .next-previous-project-style2 a.previous { border-right: 0px;} .next-previous-project-style2 .previous-link { width: 100%;} .next-previous-project-style2 .next-link { width: 100%;} .next-previous-project-style2 .back-to-category { width: 100%} /* portfolio single #4 */ .great-result .owl-pagination { bottom:10px} /* ajax - onepage portfolio single #2 */ .small-icon-title .medium-icon { font-size: 40px !important;} /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 40px 30px; position: inherit; width: 100%;} /* slider typography */ .slider-subtitle1 { font-size: 24px; line-height: 36px; width: 138px; padding: 15px; margin-bottom: 25px; } .slider-subtitle2 { font-size: 38px; line-height: 49px; } /**************************************************** buttons ****************************************************/ .button-style .btn { display: table; margin: 0 auto; } .button-style .btn.button-reveal { display: list-item; margin: 0 auto; width: 220px; } .button-set .btn { display: table; margin-right: auto; margin-left: auto;} .button-set .button-reveal { display: list-item; margin-right: auto; margin-left: auto; overflow: hidden; position: relative; width: 270px;} .button-set .social-icon { display: inline-block; margin-left: 0; margin-right: 10px; } /**************************************************** features box ****************************************************/ .pricing [class^="col-"] { padding: 0 15px; } /* header right */ .search-cart-header .subtitle { display: none;} #top-search { margin: 1px 0 0 10px; } /* ET-line icons */ .glyphs .box1 { width: 50%;} /* portfolio onepage single project page2 */ .features-section .col-xs-9 { width: 80%;} /* blog single full width with image slider */ .blog-image { margin-bottom: 15px;} .blog-image blockquote p { font-size: 16px; line-height: 28px; } blockquote.blog-image p { font-size: 16px; line-height: 28px; } .blog-blockquote { padding: 60px 0; } .blog-text { padding: 30px 15px; } .blog-details-text p { margin-bottom: 15px; } .blog-comment-area { padding: 0 15px 30px; float: left; } .blog-comment-main { float: left; padding: 30px 15px; width: 100%; } .blog-comment { line-height: 24px; } .social-icon-large .fab, .social-icon-large .fas, .social-icon-large .far { font-size: 20px; height: 40px !important; width: 40px; } .blog-comment { margin: 30px 0 0; width: 100%; clear: both; } .blog-comment > .blog-comment { width: auto;} .social-icon-large { margin-right: 10px; } .blog-listing .blog-details { padding-top: 0; } .blog-listing .blog-date { padding-top: 0; } .default-link-pages .page-links-title { margin-left: 8px;} .default-link-pages a .page-numbers { margin:0 8px 0 8px; } .default-link-pages .page-numbers { margin:0 8px 0 8px;} .archive-description { margin-bottom: 25px; } /* blog single full width */ .full-width-headline h2 { font-size: 30px; line-height: 40px; margin-top: 190px; } .text-large-full-width { font-size: 20px !important; line-height: 28px !important; } /* side bar */ .widget .main-search { width: 100% } /* blog listing classic */ .blog-image blockquote { padding: 20px; } .blog-image blockquote p:before { font-size: 35px; } blockquote.blog-image { padding: 20px;} blockquote.blog-image p:before { font-size: 35px; } .blog-date { padding-top: 20px; } .pagination { margin-top: 0px;} .about-author { padding: 20px;} .blog-grid-listing .blog-details .blog-title { min-height: 0;} /* blog details */ .blog-details-headline{ font-size:18px; line-height: 24px; } .blog-details-text blockquote { margin-bottom: 30px;} .blog-comment .comment-avtar { margin-bottom: 15px;} .comment-awaiting-moderation { width: 100%; display: inline-block; } .product-deails-tab .tab-content .comment:last-child { margin-bottom: 0;} .product-deails-tab .tab-content .comment .review-text p:last-child { margin-bottom: 0;} /* blog listing full */ .blog-listing-full { margin-bottom:50px;} .blog-listing-full .blog-title a { font-size: 20px; line-height: 28px;} .blog-listing-full .blog-number { font-size: 30px; width: 80px; line-height: 80px; } .blog-listing-full .blog-date { margin-top: 0; line-height: 26px; font-size: 18px;} .blog-grid-listing .blog-image { margin-bottom: 0;} /* Blog */ .blog-slider .owl-pagination { bottom: -40px; } .blog-list-layout .blog-details { padding-left: 0; padding-right: 0; } /* blog home masonry */ .blog-short-description{ width: 100%} /* page titels */ .page-title { padding: 40px 0} .page-title h1 { letter-spacing: 2px; line-height: 26px; } .page-title-large { padding: 120px 0 0; } /* footer */ .list-inline li { padding: 0 15px;} footer ul.list-inline li:first-child { padding-left: 0;} footer ul.list-inline li:last-child { padding-right: 0;} footer .footer-middle { padding-top: 50px; padding-bottom: 25px;} footer h6 { font-size: 11px; } /**************************************************** shop ****************************************************/ /* home product */ .shop-newsletter { padding: 0; min-height: 0; } .owl-carousel .home-product { padding: 0;} /* shorting */ .grid-nav { display: table; float: none !important; line-height: 14px; margin: 9px auto; } .shorting.clearfix .pull-right { display: table; float: none !important; margin: 0 auto; } .xs-med-input.select-style { width: 100px !important; } .continue-shopping { display: none; } .checkout-btn { font-size: 16px; } /**************************************************** home page ****************************************************/ /*======* fashion *======*/ .model-details-text { padding: 0; } /*======* travel *======*/ .travel-work-filter li a { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /*======* corporate *======*/ .hcode-animated-tabs .nav-tabs li { display: inline-block; float: none !important; } .hcode-animated-tabs .nav-tabs li a { padding: 0 15% !important; } .animated-tab1 .nav-tabs li a { padding: 0 15% !important; } .hcode-flexible-tab .nav-tabs > li { width: auto; } .hcode-flexible-tab .nav-tabs > li > a { display: inline-block; padding: 0 !important } .hcode-flexible-tab .nav-tabs > li > br { display: none; } /**************************************************** one page ****************************************************/ /*======* fashion *======*/ /* slider typography */ .fashion-slider .slider-typography { height: 55%; } .fashion-slider .slider-text-middle-main { width: 100%; } /*======* spa *======*/ .spa-treatments .nav-tabs li a { margin-top: 0; margin-bottom: 15px; } /*======* agency *======*/ .about-number { float: left; } .agency-header h1 { width: 90%;} /*======* travel agency *======*/ .about-tab-right { padding: 70px 15px; } /*======* wedding *======*/ .hcode-time-counter .counter-box { padding: 0 0 !important; width: 50% !important; min-height: 80px; margin-bottom: 8%; } /* grid */ .grid-gallery ul { margin-left: 0; } .gutter.grid-gallery ul { margin-left: 0; } .ipad-3col .grid li { width: 100% !important;} /* typography */ .text-large { font-size: 14px; } .title-large { font-size: 26px !important; } h1, .h1, .h-1 { font-size: 30px; line-height: 42px;} h1.section-title { font-size: 30px; line-height: 42px;} .title-extra-large { font-size: 26px; line-height: 33px; } .agency-header span { margin:3% 0 16%; } /* restaurant */ .img-border-full { height:calc(100% - 0px); left: 15px; top: 0; width: calc(100% - 30px);} .special-offers-sub { top: 21%;} .restaurant-menu-text { padding-left: 0; padding-right: 0; } .restaurant-header h1 span { font-size: 40px; line-height: 22px; } .restaurant-popular-dish-owl .carousel-control.right { top: inherit; bottom: -6%; } .restaurant-popular-dish-owl .carousel-control.left { top: inherit; bottom: -6%; } /* home photography */ .photography-slider h1 { font-size: 50px; letter-spacing: 20px; } /* tabs */ .tab-style4 .tabs-left .nav-tabs li a { width: auto;} .tab-style5 .tabs-left .nav-tabs li a { width: auto; } .tab-style2 .nav-tabs li { border: 0; margin: 0;} .tab-style3 .nav-tabs li.active a { top: 0;} .tab-style4 .tabs-left .nav-tabs li.active a { left: 0;} .tab-style5 .tabs-left .nav-tabs li.active a { left: 0;} .nav-tabs > li > a { margin-top: 12px;} .nav-tabs-style2 li a:hover {border: 0;} .nav-tabs-style2 li {width: auto;display: table;margin: 0 auto;} .nav-tabs-style2 li a {margin-top: 0; padding: 5px 10px;} .nav-tabs-style2 li.active a {padding: 0px 10px; margin: 5px 0} /* Product listing */ .woocommerce.columns-2 > div.products > div:not([class *= "col-md"]) { width: 100%; } .woocommerce.columns-3 > div.products > div:not([class *= "col-md"]) { width: 100%; } .woocommerce.columns-4 > div.products > div:not([class *= "col-md"]) { width: 100%; } .woocommerce.columns-5 > div.products > div:not([class *= "col-md"]) { width: 100%; } .woocommerce.columns-6 > div.products > div:not([class *= "col-md"]) { width: 100%; } /* product details */ .product-details-social { margin-top: 15px; clear: both; } .cart-detail button.button { clear: both; display: block;} .buttons_added { margin-bottom: 15px;} .variations li { width: 100%; margin-bottom: 15px;} .product-details-social i { margin-right: 15px;} .single-product-left-sidebar { clear: both;} .shop-cart-table { clear: both;} .product-deails-tab table th, .product-deails-tab table td { display: block; padding: 5px 0; width: 100%; } .variations li .radio-select ul { margin: 0 !important; } .variations li .swatch-control { margin-bottom: 10px;} .single-product-wrapper-left ol { display: inline-block; } /* Product with both sidebar */ .review-tab-with-both-sidebar .nav-tabs li a { margin: 12px 0 0; } /* spa */ .spa-treatments .right-content { padding: 30px; } .spa-sider .slider-content .get-bg { margin-bottom: 25px !important; max-width: 50%; margin-top:100px !important; } .spa-sider .slider-typography { position: inherit; } .spa-sider .slider-content .spa-slider-bg { height: 100%; width: 100%; } .spa-sider .slider-title-big5 { width: 100%; } /* photography */ #tour-package .col-md-4 { width: 100% !important;} #tour-package .col-md-6 { width: 200px !important;} /* slider typography */ .slider-title-big6{ font-size:60px; line-height: 56px; } /* slider-title */ .xs-slider-title-big6 { font-size: 50px !important; line-height: 50px !important;} .xs-slider-title-big7 {font-size: 28px !important; line-height: 30px !important;} /* form */ .login-box { padding: 20px;} .checkbox-inline, .radio-inline { padding-left: 0;} .checkbox-inline span { margin-left: 0.5em; margin-right: 0; } .checkbox-inline span span { margin-left:0; margin-right: 5px; } .radio-inline span { margin-left: 0.5em; margin-right: 0; } .radio-inline span span { margin-left:0; margin-right: 5px; } /* alert */ .alert-style6 .alert { padding: 20px 0 15px 0; font-size: 16px; line-height: 24px; margin-bottom: 0; display: inline-block; width: 100%;} .alert-style6 .alert i { width: 60px; position: relative; top: -7px;} .alert-style6 .alert span { width: 80%; } .alert:last-child { margin-bottom: 0;} .alert-style5, .alert-style2, .alert-style3, .alert-style4 { margin-bottom: 20px;} .alert-style5:last-child, .alert-style2:last-child, .alert-style3:last-child, .alert-style4:last-child { margin-bottom: 0;} .alert span { width: 86%; display: inline-table;} .alert-style6 .alert img { width: 46px; } /* typography */ blockquote { padding: 10px 20px; font-size: 18px; font-weight: 100; line-height: 26px;} /* product details */ .rating-text { display: block; margin: 0 0 0; top: 0; width: 100%;} .rating { display: block; float: left; width: 100%;} .rating i { margin-left: 0; margin-right: 7px; } /* wedding */ .wedding-header-sub { padding: 25px; } .event-box { padding: 25px; } /* coming soon */ .notify-me-main { margin-top: 27px; position: relative} .hide-full-screen.full-screen { min-height: 100% !important; height: 100%; } /* Navigation */ .hamburger-menu1 .megamenu-mobile-icon { display: none;} /* Grid */ .work-3col .grid li.related-projects { width: 100% !important;} /* corporate */ .corporate-about-text { padding: 30px 15px; } .corporate-about-text-bottom { padding: 30px 15px 0; } .corporate-about-text-bottom:last-child { padding-bottom: 20px;} .corporate-about-text-right { padding: 0 15px 30px; } .corporate-about-text-right .title-large { line-height: 20px !important;} /* fashion */ .fashion-right .right-content .owl-subtitle { margin: 0 !important; padding: 18px 0 19px; } .fashion-person .separator-line { margin: 2.6% 0 3%; } .fashion-right .right-content { padding-top: 9%;} /* position */ .xs-position-right { right:0 !important; } .xs-position-left { left:0 !important; } /* shop listing - grid view */ .product-grid-view .product { margin: 0 0 30px;} /* product details rating */ .woocommerce .star-rating { margin-bottom: 10px;} .review-wrapper .list-inline li { padding: 0 10px;} /* shopping cart */ .cart-total td { width: 58%; } .shopping-cart-full-screen-scroll .shop-cart { width: 100%;} .shop-cart thead{ display: none;} .shop-cart tbody td, .shop-cart tfoot td, .shop-cart tfoot td { width: 100% !important; text-align: right !important; display: block; clear: both; padding: 10px!important; position: relative;} .shop-cart .product-thumbnail { text-align: center !important;} .shop-cart .variation{ width: 170px; display: inline-block;} .shop-cart .buttons_added{ float: right;} .shop-cart .product-quantity, .shop-cart .product-subtotal, .shop-cart .product-price{ display: inline-block;} .shop-cart td:before{ font-weight: 600; left:10px; position: absolute; text-align: left; white-space: nowrap; width: 100px; letter-spacing: 1px; color: #000; font-size: 11px; text-transform: uppercase; top: 12px; content: attr(data-title) "";} .shopping-cart-full-screen-scroll .shop-cart{ margin-bottom: 0;} .shop-cart tbody td.product-thumbnail { border-top: 0 !important;} .shop-cart tbody td.product-remove { text-align: center !important; padding-bottom: 30px !important;} .shop-cart tbody td.product-remove a { display: inline-block; background-color: #acacac; padding: 1px 2px 3px 2px;} .shop-cart tbody td.product-remove a:hover { background-color: #000;} .shop-cart tbody td.product-remove a .fab, .shop-cart tbody td.product-remove a .fas, .shop-cart tbody td.product-remove a .far { color: #fff;} .shop_table_responsive td {border-bottom: 0;} .shop_table_responsive td:last-child {border-bottom: 1px solid #e5e5e5} /* checkout */ .woocommerce-checkout-payment .payment_methods { width: 100%; } .woocommerce-checkout-payment .place-order { width: 100%; } .woocommerce-checkout-review-order-table .shopping-cart-scroll { overflow-x: hidden; margin-bottom: 25px; } .woocommerce-checkout-review-order-table .shop-cart { max-width: none; margin: 0; width:100% !important; } .checkout .form-row-first, .checkout .form-row-last { width: 100%;} .woocommerce-checkout-review-order-table .shop-cart tfoot { width: 100%; } .woocommerce-checkout-review-order-table .shop-cart tfoot tr td:first-child{ padding: 0; display: none} .woocommerce-checkout-review-order-table .shop-cart tfoot tr td:nth-child(2n+2) {display: none} .woocommerce-checkout-review-order-table .shop-cart tfoot tr td:last-child{ width: 50%} .woocommerce-checkout-review-order-table .shop-cart tfoot tr td {border-bottom: 0;} .woocommerce-checkout-review-order-table .shop-cart tfoot tr:last-child td {border-bottom: 1px solid #ededed} .woocommerce-checkout-review-order-table .shop-cart .product-quantity, .woocommerce-checkout-review-order-table .shop-cart .product-subtotal, .woocommerce-checkout-review-order-table .shop-cart .product-price { width: auto;} .woocommerce-checkout-review-order-table .shop-cart tbody tr td.product-thumbnail { border-top: 1px solid #ededed !important;} .woocommerce-checkout-review-order-table .shop-cart tbody tr:first-child td.product-thumbnail { border-top: 0 solid #ededed !important;} .woocommerce-checkout-review-order .woocommerce-checkout-payment .payment_methods li label { max-width: 92%;} .woocommerce-checkout-review-order .shop-cart .variation { width: 100%;} .woocommerce-checkout-review-order-table .shop-cart tbody tr td:first-child { padding-top: 30px !important;} .woocommerce-checkout-review-order-table .shop-cart tbody tr:first-child td:first-child { padding-top: 0 !important;} .hcode-shipping-method, .shipping-title-text p { padding-left: 175px; } .cart_totals .cart-total .hcode-shipping-method, .cart_totals .cart-total .shipping-title-text p { padding-left: 0; } /* My account */ .billing-shipping-address .form-row{ width: 100%;} #customer_login .col-1, #customer_login .col-2 { padding: 20px; width: 100%; min-height: 0} #customer_login .col-2 { margin-top: 50px;} .woocommerce-MyAccount-navigation li {width: 100%;border-bottom: 1px solid #e5e5e5;} .woocommerce-MyAccount-navigation li:last-child {border-bottom: 0} .woocommerce-MyAccount-navigation {border: 1px solid #e5e5e5; } .woocommerce-MyAccount-navigation li a {border: 0; background-color: #f7f7f7; width: 100%; padding: 10px 15px;} .woocommerce-MyAccount-navigation li.is-active a {background-color: #fff; padding: 8px 15px; margin: 0;} .woocommerce-MyAccount-navigation li a:before {margin: 0 15px 0 0 ; display: inline-block; position: inherit; top: 0;} .woocommerce-MyAccount-content { padding: 20px 0 0 0;} .woocommerce-MyAccount-content table thead th, .woocommerce-MyAccount-content table thead { display: none;} .woocommerce-MyAccount-content table tr td:before { content: attr(data-title) ": "; float: left; font-weight: 700;} .woocommerce-MyAccount-content table tr td.download-actions:before { content: attr(data-title) " ";} .woocommerce-MyAccount-content table tr td { display: block; text-align: right !important;} .woocommerce-MyAccount-content table tr td.order-actions:before { display: none;} .woocommerce-MyAccount-content table tr td:last-child { padding-bottom: 14px;} .woocommerce-MyAccount-content table tr td:first-child { border-top: 0; padding-top: 14px;} .woocommerce-MyAccount-content table tr { border-bottom: 1px solid #d5d5d5;} .woocommerce-MyAccount-content table tr:first-child td:first-child { padding-top: 0;} .woocommerce-MyAccount-content table tr:last-child { border-bottom: 0;} .woocommerce-MyAccount-orders tr td:first-child {border-top: 0;} .woocommerce-MyAccount-downloads { border: 0;} .woocommerce-MyAccount-navigation i { display:inline-block; margin-bottom: 0; font-size: 16px; margin: 3px 8px 0 0; float: left; width: 18px;} .woocommerce-MyAccount-content input, .woocommerce-MyAccount-content textarea, .woocommerce-MyAccount-content select { margin-bottom: 10px;} .woocommerce-MyAccount-content label { margin-bottom: 5px;} .woocommerce-MyAccount-content .order_details tr, .woocommerce-MyAccount-content .customer_details tr { border: 0;} .woocommerce-MyAccount-content .order_details tfoot tr td:first-child, .woocommerce-MyAccount-content .customer_details tbody tr td:first-child { display: none; padding: 0; border: 0;} .woocommerce-MyAccount-content .order_details td, .woocommerce-MyAccount-content .customer_details td { border-top: 0; padding-left: 0; padding-right: 0;} .woocommerce-MyAccount-content .order_details .order_item td { border-bottom: 1px solid #e5e5e5; } .woocommerce-MyAccount-content .order_details .order_item td:last-child { border-bottom: 0; } .woocommerce-MyAccount-content .order_details tfoot tr:last-child td:last-child { border-bottom: 0; } .woocommerce-MyAccount-content .order_details { border-bottom: 1px solid #e5e5e5; } .woocommerce-MyAccount-content .woocommerce-table--order-downloads td { border-top: 1px solid #ededed; } .term-description { padding: 0; } /* Agency intro */ .intro-icon i { font-size: 12px !important;} /* carousel slide */ .carousel-control { display: none; } .feature_nav .carousel-control { display: block; } /* blog listing classic */ .blog-listing-classic .blog-image { min-height: 70px;} /* Bootstrap slider indicators */ .carousel .carousel-indicators { bottom: 0;} /* 404 */ .not-found-search-box .not-found-or-text { display: block; margin: 50px auto;} .not-found-search-box .not-found-or-text::after { height: 30px; margin-right: -1px; margin-top: 0; right: 50%; top: -30px; width: 1px; } .not-found-search-box .not-found-or-text::before { height: 30px; left: 50%; margin-top: 0; top: 47px; width: 1px; } .not-found-title { font-size: 75px; line-height: 60px; } .not-found-search-box { margin-top: 35px; } .not-found-search-box .not-found-or-text { display: none;} .not-found-search-box .main-search { clear: both; display: table; margin: 20px auto 0; } .col-text-middle { padding-top: 75px; } /* search and cart */ .cart-content { width: 250px; max-height: 275px;} /* hide full screen */ .hide-full-screen.full-screen .gradient-overlay{ z-index: -1} .hide-full-screen.full-screen .slider-typography { position: inherit;} .hide-full-screen.full-screen .video-wrapper { z-index: -2;} .hide-full-screen.full-screen.position-relative { position: inherit !important;} /* height */ .xs-clear-both{ clear:both} .xs-clear-none{ clear: none} /* header top bar */ .top-header-area { display: none;} header .sticky-nav { top: 0 !important; position: fixed;} .mini-header-mobile .top-header-area { display: block; position: fixed;} /* counter style 2 */ .counter-style2 .counter-title {float: none; display: inline-block} .counter-style2 span.counter-number {float: none; display: inline-block} /* onepage agency option 2 */ .our-process .icon {min-height: 0;} .map-contact { min-height:0; padding: 10% 10%;} .map-contact ul li:last-child {margin-bottom: 0;} .agency-contact-form { min-height:0; padding: 20px 20px; margin-bottom: 30px;} .full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 20px;} .bottom-arrow-pagination .owl-buttons { bottom: 57px; } /* about us option 2 */ .specialise-box { min-height: 1px;} /* team members */ .team-member:hover .team-details { margin-bottom: 100px; } /* onepage hamburger */ .team-member .team-details {height: 50%;} .show-menu .menu-wrap { left: 30px;} .full-width-pull-menu .menu-wrap {left: 0 !important} .menu-wrap .shrink-nav {background-color: inherit} .menu-wrap .shrink-nav .nav > li { margin:0 ;} .hamburger-menu1.menu-wrap { padding: 30px;} .hamburger-menu1.pull-menu .navbar-nav { padding: 25px 0; } .hamburger-menu1 .megamenu-right-icon { display: none; border: 0 !important;} /* full width pull menu */ .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon { top: 2px !important; padding-left: 7px; padding-right: 7px;} .full-width-pull-menu .menu-wrap { padding: 40px 0;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li { margin-bottom: 5px !important;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a.megamenu-right-icon { top: 2px !important; } .hamburger-menu3.full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 0; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { line-height: 30px; font-size: 16px; letter-spacing: 1px;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .fab, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .fas, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .far{ font-size: 18px; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li a { font-size: 13px; line-height: 20px; letter-spacing: 1px; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu { padding-top: 5px; padding-bottom: 10px; } .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding-top: 5px; } .menu-button { margin: 30px;} .full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 5px !important; } .full-width-pull-menu.navbar .navbar-nav li a { font-size: 18px; line-height: 36px;} .full-width-pull-menu.navbar .megamenu-right-icon .fab, .full-width-pull-menu.navbar .megamenu-right-icon .fas, .full-width-pull-menu.navbar .megamenu-right-icon .far { margin: 0;} .full-width-pull-menu.navbar .megamenu-right-icon { top: 16px !important; } .full-width-pull-menu .pull-menu .navbar-nav, .hamburger-menu2.full-width-pull-menu .pull-menu .navbar-nav { width: 100%;} .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon { margin-right: 4px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 13px;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a { font-size: 13px; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom: 5px !important; } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li > a { font-size: 16px; line-height: 36px; } .content-mini-header-margin { margin-top: 0;} .hamburger-menu3.full-width-pull-menu-dark .pull-menu { width: 100%;} .hamburger-menu3 .pull-menu { width: 100%;} /* order received */ .woocommerce-MyAccount-order-review ul.payment_methods { width: 100%; float: left; margin-bottom: 20px;} .woocommerce-MyAccount-order-review .form-row { width: 100%; float: right;} .woocommerce-MyAccount-order-review li.payment_method_paypal img { max-width: 140px; } .woocommerce-MyAccount-order-review li.payment_method_paypal label { width: 92%;} .woocommerce-MyAccount-order-review .shop_table tfoot th { width: 60%; } /* non sticky */ header.mini-header-mobile .navbar { top: 38px !important;} header.mini-header-mobile .navbar.shrink-nav { top:38px !important;} header.sticky-mini-header .shrink-nav { top: 0 !important;} .sticky-mini-header .navbar { top: 0 !important;} header.mini-header-mobile .menu-button { top: 38px;} /* page titles */ .mobile-mini-header-visible.content-top-margin { margin-top: 81px;} .mobile-mini-header-visible.content-top-margin-big { margin-top: 119px;} .mobile-mini-header-visible.content-top-margin-extra-big { margin-top: 150px;} .mobile-mini-header-visible.content-top-margin-midium-big { margin-top: 112px; } .mobile-mini-header-visible.content-mini-header-margin { margin-top: 38px;} /* vc front editor */ body.vc_editor .vc-equal-col-height{ min-height: 1px; } body.vc_editor .vc-equal-col-height > div > div:first-child > .agency2-onepage { margin-top: 0; } /* wc smart coupons css */ .gift-certificate { padding: 15px;} .gift-certificate ul li ul { padding-left: 20px;} .gift-certificate ul li ul li label { margin-right: 0; width: 95%; } .slider-typography-app .owl-title {font-size: 24px; line-height: 30px;} .slider-typography-app .title-med {font-size: 18px; line-height: 26px;} .slider-typography-app .app-store a img { width: 120px;} .about-product-slider .owl-item img {width: 100%;} .page-content-links > li { float: left; width: 100%; margin-bottom: 10px;} /* portfolio filter */ .portfolio-filter.nav-tabs{ margin-bottom: 25px;} .owl-pagination-bottom.owl-carousel .owl-dots { bottom: -10px; } .blog-slider .owl-dots { bottom: -50px; } #search-header .mfp-close { top: 0; right: 0; } /* wooCommerce photo reviews */ .wcpr-stars-count .wcpr-row .wcpr-col-star .star-rating { top: 6px} /* footer */ .footer-links { margin-bottom: 5%;} footer h5 { margin-bottom: 10px;} .footer-middle { text-align: center; } /* video bg */ .full-screen.xs-full-screen-auto { min-height: 1px !important} .xs-remove-full-screen .full-screen { min-height: 100% !important; top: 0 !important;} .full-screen.xs-full-screen-auto .video-wrapper { position: inherit; display: block !important } .full-screen.xs-full-screen-auto .html-video { height: 100%; left: 0; top: 0; position: inherit; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 100%; } .full-screen.xs-full-screen-auto .xs-content-wrapper { z-index: 9; top: 0;} } @media (max-width: 700px) { /* countdown timer */ .coming-soon-footer .footer-social a { margin: 0 0.06% !important; } .notify-me-main .footer-social a:last-child { margin-right: 0.06%;} /**************************************************** shop ****************************************************/ .shop-newsletter .btn.btn-small { width: inherit; } .shop-newsletter .submit-small-button { width: inherit; } .shop-newsletter .text-field, .shop-newsletter .mc4wp-form input { width: 100%;} } @media (max-width: 640px) { /* custom */ .section-title {padding: 0 0 50px 0;} #blog-slider { padding-bottom: 30px; } #blog-slider .owl-pagination { bottom: -10px; } .blog-post-slider .owl-pagination { bottom: -35px;} /* features */ #features .section-title { padding: 0 0 50px 0; } /* services */ .services-main { padding: 50px 15px; } /* testimonial */ .testimonial .carousel-indicators { bottom: -40px; } .testimonial p { margin: 11px 0 39px; } /* key person */ .key-person i { margin: 10px 8% 20px; } .key-person-details { padding: 20px 10px 10px; } /* case study slider */ .case-study-slider { padding: 50px 0 70px; } /* blog */ #blog .section-title { padding-bottom: 50px; } .blog-listing { margin-bottom: 40px; width: 100%; } /* approach */ .approach .col-sm-6, .approach .col-sm-6:nth-child(3) { margin: 0 0 50px; } /* slider text */ .owl-title {font-size: 25px; line-height: 40px;} .owl-subtitle {font-size: 14px; line-height: 20px;} #animated-tab .nav-tabs {margin: 0 0 30px; width: 100%;} .hcode-owl-slider8 .owl-subtitle {font-size: 14px; line-height: 20px; margin-top: 0;} .hcode-owl-slider9 .owl-subtitle { line-height: 20px; margin-bottom: 0; margin-top: 0; } /* project img */ .half-project-img { min-height: 420px; } .project-title { line-height: 34px; } .half-project-small-img { min-height: 242px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 420px; } .table-scroll { overflow: hidden; overflow-x: scroll;} } @media (max-width: 589px) { /* countdown timer */ .coming-soon-logo { margin: 25px 0 20px; } .coming-soon-title { font-size: 14px; margin-bottom: 30px; } .coming-soon-text { font-size: 14px; margin-bottom: 25px; line-height: 22px; } #counter-underconstruction .counter-box { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 10px 0; padding: 0 0 9px; width: 80px; } #counter-underconstruction .counter-box:nth-child(2) { border-right: 0; } #counter-underconstruction .counter-box:nth-child(3) { border-bottom: 0; border-left: 0; clear: both; } #counter-underconstruction .last { border-bottom: 0; padding: 0 0 09px; width: 80px; } .hcode-date-style2 .number { font-size: 30px; line-height: 20px; } .hcode-date-style2 .counter-container { width: 200px !important; } .hcode-date-style2 .counter-box { margin: 0 10px 0; padding:10px 0 10px; width: 80px; } .hcode-date-style2 .counter-box:nth-child(2) { border-right: 0; } .hcode-date-style2 .counter-box:nth-child(3) { clear: both; } .notify-me-main { padding: 20px 0; } .notify-me-main .footer-social { margin: 28px 0 0; } .notify-me-main input { width: 100%; margin-bottom: 3px; } .notify-me-main .btn-small { width: 100%; } .notify-me-main .footer-social i { margin: 0 14px; } .mc4wp-form-fields input[type="submit"] { width: 100%; } /* restaurant */ .special-offers-sub { top: 24%;} /* typography */ .xs-letter-spacing-2 { letter-spacing: 2px !important; } .xs-min-height-inherit { min-height: 0 !important; } .woocommerce .lost_reset_password .input-text { width: 100%;} } @media (max-width: 580px) { /* key person */ .key-person .person-post { display: block; min-height: 46px; } /* footer */ .footer-social i { margin: 0;} .list-inline li { padding: 0 15px;} /* ET-line icons */ .glyphs .box1 { width: 50%; font-size: 12px;} .glyphs .box1 span { font-size: 30px; width: 40px;} } @media (max-width: 480px) { /* navigation */ .header-center-logo.navbar-fixed-top .mobile-accordion-menu { max-height: 394px; overflow: auto; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 394px; } /* custom */ .section-title, h3.section-title { font-size: 16px !important; line-height: 21px !important; } h1.section-title { font-size: 26px !important; line-height: 32px !important;} .btn-black.btn-small.margin-two { margin-top: 5%; } .highlight-button-black-background { padding: 20px 20px; } .search-form .search-input {font-size:17px; font-weight:400; padding:5px 2px} .search-form .search-button { top:18px; font-size:14px;} /* carousel slide */ .slider-text .col-md-3 { margin: 0 auto; width: 78%; } .slider-text .separator-line { margin: 9% auto; } .slider-text h1 { font-size: 22px; line-height: 28px; } #owl-demo-products .owl-buttons { display: block; } .bootstrap-slider-title-text { margin-bottom: 9% !important; } .owl-dots { bottom: 10px; } /* features */ .features-section .col-xs-9 { width: 74%; } .features-2 { width: 100%; } /* work process */ .work-process .col-xs-4 { width: 100%; } .work-process-title { margin: 4% auto 10%; } .col-xs-4:last-child .work-process-title { margin-bottom: 0; } /* services */ .services-sub-section { width: 100%; } /* key person */ #key-person .col-xs-4 { width: 100%; } .key-person-details { bottom: 110px; } .key-person:hover .key-person-details { bottom: 200px; } .key-person { max-height: 430px; max-width: 274px; margin: 0 auto; } .key-person .person-post { display: block; min-height: 0; } .team-member .team-details { height: 55%;} /* case study slider */ .case-study-slider .col-sm-5 { margin: 0; width: 95%; } .case-study-work { margin-bottom: 15px; } .case-study-detials { margin-bottom: 10px; } /* approach */ .approach .carousel-control { display: block; } /* new project */ .new-project h5 { line-height: 20px; } /* text effect */ .rotation-highlight { font-size: 28px; padding: 15px; margin-bottom: 20px; } /* project img */ .half-project-img { min-height: 260px; } .half-project-small-img { min-height: 174px; } .project-header-text { margin-top: 28%; } .project-title { font-size: 20px; line-height: 28px; } .project-subtitle { font-size: 12px; line-height: 16px; margin-bottom: 3.5%; display: block; } .text-large { font-size: 13px; line-height: 22px;} .text-med { font-size: 13px; line-height: 22px; } .xs-title-small { font-size: 16px !important; line-height: 28px !important; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 260px; } /* animated */ #animated-tab .nav-tabs > li { border-right: 0; } #animated-tab .nav-tabs > li > a { font-size: 30px; } .hcode-animated-tabs .nav-tabs > li > a { font-size: 30px; } .hcode-flexible-tab .nav-tabs > li > a { padding: 0; font-size: unset; } .hcode-flexible-tab .nav-tabs > li > a > img { max-width: 22px; } .service-year { font-size: 16px; line-height: 22px; } .animation3 span b { font-size: 20px; line-height: 28px; } /* related projects */ .grid li { width: 100% !important; } .related-projects-list .masonry-items li { padding: 5px 0; } /* owl carousel */ .owl-half-slider .owl-title { width:100%; font-size: 18px; line-height: 24px; } .owl-pagination { bottom: 10px; } .owl-subtitle { letter-spacing: 4px; } .owl-title-big { font-size: 16px; line-height: 25px; padding: 15px; } .owl-half-slider .container { min-height: 480px; } .slider-typography-shop .owl-title { font-size: 24px; letter-spacing: 4px; line-height: 26px; width: 80%; } /* slider typography */ .slider-title-big4 { font-size: 20px; margin-bottom: 10px; } .slider-title-big3 { font-size: 14px; line-height: 22px; padding: 15px; margin-top: 10px; letter-spacing: 4px; } .slider-subtitle3 { font-size: 13px; line-height: 22px; letter-spacing: 4px; } .slider-subtitle2 { font-size: 22px; line-height: 30px; } .slider-subtitle5 { font-size: 20px; margin-bottom: 15px;} .slider-subtitle4 { margin-bottom: 5px; } .slider-number { margin-bottom: 30px; } .slider-title-big5 { margin-bottom: 15px; width: 85%; } /* parallax */ .parallax-sub-title { font-size: 19px; } .parallax-title { margin-bottom: 15px; } .parallax-number { margin-bottom: 30px; margin-top: 80px; } /* blog home grid */ .blog-slider-grid figcaption h3 { font-size: 13px;} /* scroll down */ .scroll-down { bottom: 30px; } .page-title-large h1 { margin-top: 15px; line-height: 27px; } .page-title-shop h1 { margin-top: 0;} /**************************************************** accordions ****************************************************/ .panel-title { font-size: 11px; padding: 7px 15px; } .panel-body { padding: 5px 15px 20px; } .accordion-style3 .panel-heading { padding-bottom: 20px; } .accordion-style3 .panel-title { font-size: 12px; line-height: 60px; padding: 0 20px; } .toggles-style3 .panel-title span { right: 10px; top: 8px; } .accordion-style3 .number { font-size: 16px; } .accordion-style3 .panel-body { padding: 0 20px 21px; } .toggles-style3 .panel-title { font-size: 12px; line-height: 18px; padding:10px 25px 10px 10px; } .toggles-style3 .panel-body { padding: 0 20px 21px} /**************************************************** progress bar ****************************************************/ .progress-bar-style2 .progress-name { width: 50%; line-height: 16px; margin-top: 8px; } /**************************************************** buttons ****************************************************/ .button-desc { font-size: 24px !important; line-height: 28px; } .button-desc span { font-size: 16px; line-height: 20px; } /**************************************************** features box ****************************************************/ .col-md-3.col-sm-3.col-xs-4.text-center { width: 100%; } .features-box-style1 { width: 100%; } .features-box-style2 { width: 100%; } .features-box-style2 .separator-line { margin: 7% 0 5% !important; } .features-box-style1 i { min-height: 50px; } /**************************************************** Et-line icons ****************************************************/ .icon-box i { margin: 15px; } /**************************************************** typography ****************************************************/ .subheader h1 { font-size: 26px !important; line-height: 35px !important; } .xs-letter-spacing-none { letter-spacing: 0 !important; } .line-height-18 { line-height: 18px !important;} .corporate-slider h1 { font-size: 34px; line-height: 44px; } /**************************************************** popup with video ****************************************************/ .video-title { font-size: 24px; line-height: 26px; } /* ET-line icons */ .glyphs .box1 { text-align: center; padding: 15px 7px; font-size: 11px;} .glyphs .box1 span { display: block; text-align: center; margin: 0 auto} /* blog single full width with image slider */ .blog-comment .comment-text { clear: both; width: 100%;} .blog-comment > .blog-comment { clear: both; padding-left: 20px; } .blog-comment { margin: 10px 0 0; } /**************************************************** contact us ****************************************************/ .contact-map iframe { height: 300px; } /**************************************************** home page ****************************************************/ /*======* fashion *======*/ .fashion-subtitle { font-size: 30px; line-height: 40px; padding: 48px 15px; width: 100%; } /*======* agency *======*/ .agency-header h1 { font-size: 47px; line-height: 57px; } .agency-team .team-details { padding-top: 20%; height: 100% } /*======* restaurant *======*/ .restaurant-header h1 { letter-spacing: 4px; } .about-restaurant-text { padding: 7% 15px; } .about-restaurant-img { min-height: 440px; } .restaurant-menu-img { min-height: 440px; } .chef-img { min-height: 440px; } .chef-text { padding: 10% 15px; } .img-border { height: calc(100% - 40px); left: 15px; top: 20px; width: calc(100% - 31px); } .popular-dishes-border { height: calc(100% - 28px); left: 15px; top: 15px; width: calc(100% - 28px); } .food-services-inner { padding: 20px 17px; } /**************************************************** one page ****************************************************/ /*======* architecture *======*/ #animated-tab.architecture-company .nav-tabs > li > a { padding: 0 26px; } #animated-tab.architecture-company .nav-tabs .counter-title { display: none; } .slider-headline h1 { font-size: 34px; letter-spacing: 8px; line-height: 30px; } /*======* agency *======*/ .text-big-title { font-size: 49px; line-height: 45px; } .text-big { font-size: 123px; left: -8px; top: -59px; } .slider-title-big2 { font-size: 32px; } /*======* travel agency *======*/ .agency-enjoy-right { padding: 50px 15px; } .agency-enjoy-right .title-top span { margin: 33px 0 0; } .travel-agency-slider h1 { font-size: 38px; line-height: 43px; } /*======* corporate *======*/ .onepage-corporate-slider h1 { font-size: 56px; line-height: 66px; } /*======* landing *======*/ .landing-title { font-size: 30px; line-height: 32px; } /*======* wedding *======*/ .about-couple-sub i { margin: 20px 17px 0; } /* home photography */ .photography-slider h1 { font-size: 40px; letter-spacing: 8px; } /* slider typography */ .slider-title-big6{ font-size:40px; line-height: 36px; } /* checkout */ .woocommerce-checkout-top .panel-title .panel-title-icon { right: 12px; top: 6px; } .woocommerce-checkout-payment .payment_methods li.payment_method_paypal img { max-width: 140px; } /* product details */ .single-product-wrapper-left.woocommerce-product-gallery--columns-6 ol li { width: 25%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-5 ol li { width: 25%; } .home-app-newsletter-block .form-control {width: 100%; margin-bottom: 3px;} .home-app-newsletter-block .btn {width: 100%;} } @media (max-width: 479px) { /* wc smart coupons css */ .gift-certificate ul li ul li label { width: 91%; } .corporate-standards-img { min-height: 300px !important; } .corporate-standards-title {top: 60% !important; } } @media (max-width: 420px) { /* typography */ .title-med { font-size: 22px; line-height: 30px; } h2.section-title { font-size: 22px; line-height: 30px; } .subheader { padding: 10px 15px; } .spa-slider h1 { font-size: 35px; line-height: 75px; } p.lost_password { float: none;} /* primary style */ .cd-headline span b { font-size: 18px; letter-spacing:0px;} } @media (max-width: 466px) { /* key person */ .key-person {max-height: 430px;} .blog-date { letter-spacing: 1px; } /* text effect */ .animation2 span b { font-size: 20px; line-height: 30px; } /* elements features box */ .work-process-title { letter-spacing: 0px;} /* footer */ .list-inline li { padding: 0 6px;} footer ul li a { font-size: 10px;} .footer-social a { margin: 0 15px;} .notify-me-main .footer-social a:last-child { margin-right: 15px;} .copyright { font-size: 9px;} /**************************************************** faq ****************************************************/ .faq-search input { padding-right: 67px; } .faq-search-button { right: 30px; } } @media (max-width: 380px) { .header-top-logo .cart-content { right: -80px;} } @media (max-width: 366px) { /* buttons */ .btn-small-white { margin-right: 7px;} /* owl carousel */ .owl-title {font-size: 18px; line-height: 24px; margin-top: 5px;} /*======* architecture *======*/ .owl-title br { display: none; } /* single - onepage portfolio single #2 */ .slider-text-middle4 { padding: 0 15px;} /* half screen video */ .video-half-screen { min-height: 31%; min-height: 150px; } /* alert */ .alert span { width: 82%; display: inline-table;} } @media (max-width: 359px) { /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 4px; font-size: 13px; } .blog-slider-con figcaption span { letter-spacing: 0px; } .blog-slider-con figcaption { padding: 15px 30px 15px; bottom: -55px; } /* footer */ .footer-social i { font-size: 20px;} .footer-social a { margin: 0 10px;} footer ul li a { font-size: 9px;} .list-inline li { padding: 0 3px;} .copyright { font-size: 8px;} .notify-me-main .footer-social a:last-child { margin-right: 10px;} /* restaurant */ .special-offers-sub { top: 26%;} /* alert */ .alert-style6 .alert span { width: 77%; } /* half screen video */ .video-half-screen { min-height: 37%; min-height: 150px; } /* product details rating */ .woocommerce p.stars a.star-1 { width: 1.8em; } .woocommerce p.stars a.star-2 { width: 2.8em; } .woocommerce p.stars a.star-3 { width: 3.8em; } .woocommerce p.stars a.star-4 { width: 4.8em; } .woocommerce p.stars a.star-5 { width: 5.8em; } .woocommerce p.stars a { margin-right: 0.8em;} /* countdown timer */ .coming-soon-logo { margin: 15px 0 15px; } .coming-soon-title { font-size: 13px; } .coming-soon-text { font-size: 13px; line-height: 20px; margin-bottom: 15px; } .notify-me-main { padding: 10px 0; } } @media (max-width: 330px) { /* blog home slider */ .blog-slider-con figcaption { padding: 15px 5px 15px; } .blog-slider-con figcaption h3 { letter-spacing: 1px; font-size: 12px; } .blog-like, .blog-share, .comment { letter-spacing: 1px; margin-right: 18px;} .blog-date { letter-spacing: 0px; } .blog-comment { margin-right: 0;} } /* only mobile devices landscape view */ @media screen and (max-width: 320px) , screen and (max-height: 480px) { .header-center-logo.navbar-fixed-top .mobile-accordion-menu { max-height: 275px; overflow: auto; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; } } @media (max-width: 320px) { .highlight-button-black-border {font-size: 18px;padding: 10px 20px;} h1, .h-1 { font-size: 26px; line-height: 32px; } .slider-text-bottom { vertical-align: middle; } /* key person */ .key-person { max-height: 510px; } .key-person-details { bottom: 25px; } .key-person:hover .key-person-details { bottom: 130px; } /* Animated tab */ #animated-tab .nav-tabs > li > a { font-size: 24px; } .hcode-animated-tabs .nav-tabs > li > a { font-size: 24px; } /* project img */ .half-project-img { min-height: 220px; } .half-project-small-img { min-height: 179px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 220px; } /**************************************************** shop ****************************************************/ /* home product */ .slider-typography-shop .owl-subtitle { display: block; line-height: 18px; margin-bottom: 30px; width: 85%; } /**************************************************** one page ****************************************************/ /*======* wedding *======*/ .wedding-header { margin-top: 40px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .parallax-fix { background-attachment: inherit !important} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .parallax-fix { background-attachment: inherit !important} } @media only screen and (min-width: 992px) { .navbar > .nav-header-container .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { display: block; position: absolute; left: 15px; right: auto; top: auto; margin-top: 0 !important; padding: 30px 25px 10px; text-align: left; margin-top: 22px !important; z-index: 1; } .navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 970px; } .navbar.header-center-logo > .nav-header-container.container-fluid .hcode-center-logo-menu .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 840px; } } @media only screen and (min-width: 1200px) { .navbar > .nav-header-container.container-fluid .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 1183px; } .navbar.header-center-logo > .nav-header-container.container-fluid .hcode-center-logo-menu .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 1024px; } } @media only screen and (min-width: 1366px) { .navbar.header-center-logo > .nav-header-container.container-fluid .hcode-center-logo-menu .accordion-menu .navbar-nav > li.mega-menu-dropdown.open > .dropdown-menu { width: 1183px; } } .tp-banner-container * {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}.tp-banner-container{ width:100%; position:relative; padding:0; z-index: 0;}.tp-banner{ width:100%; position:relative;}.tp-banner-fullscreen-container {width:100%; position:relative; padding:0;}.tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; }.tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }.tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.very_large_text { position:absolute; color:#fff; /*text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);*/ font-weight:800; font-size:70px; line-height:60px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px;}.tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000;}.tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff;}.tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0;}.tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0;}.tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);}.tp-caption.black { color:#000; text-shadow:none;}.tp-caption.noshadow { text-shadow:none;}.tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent;}.tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent;}.tp-caption.largeblackbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#000; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}.tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}.tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}.tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}.tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none;}.tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_light_white-38 { font-size:38px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;}.tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none;}.tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none;}.tp-caption.black_heavy_60 { font-size:60px; line-height:60px; font-weight:900; font-family: Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.white_heavy_40 { font-size:40px; line-height:40px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.grey_heavy_72 { font-size:72px; line-height:72px; font-weight:900; font-family:Raleway; color:rgb(213, 210, 210); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.grey_regular_18 { font-size:18px; line-height:26px; font-family:"Open Sans"; color:rgb(119, 119, 119); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_thin_34 { font-size:35px; line-height:35px; font-weight:100; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.arrowicon { line-height:1px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.light_heavy_60 { font-size:60px; line-height:60px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_bold_40 { font-size:40px; line-height:40px; font-weight:800; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_bold_32 { font-size:34px; line-height:34px; font-weight:600; font-family: "Open Sans",sans-serif; text-transform: uppercase; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; letter-spacing: 6px;}.tp-caption.light_heavy_70 { font-size:70px; line-height:70px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_heavy_70 { font-size:70px; line-height:70px; font-weight:900; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_bold_bg_20 { font-size:20px; line-height:20px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:5px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.greenbox30 { line-height:30px; text-decoration:none; background-color:rgb(134, 181, 103); padding:0px 14px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.blue_heavy_60 { font-size:60px; line-height:60px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(49, 165, 203); padding:3px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.green_bold_bg_20 { font-size:20px; line-height:20px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(134, 181, 103); padding:5px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.whitecircle_600px { line-height:1px; width:800px; height:800px; text-decoration:none; background:linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter:progid; background-color:transparent; border-radius:400px 400px 400px 400px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.fullrounded { border-radius:400px 400px 400px 400px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.light_heavy_40 { font-size:40px; line-height:40px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.white_thin_34 { font-size:35px; line-height:35px; font-weight:200; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.fullbg_gradient { width:100%; height:100%; text-decoration:none; background-color:#490202; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_30 { font-size:30px; line-height:30px; font-weight:100; font-family: "Oswald",sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; letter-spacing: 6px;}.tp-caption.red_bold_bg_20 { font-size:20px; line-height:20px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(224, 51, 0); padding:5px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.orange_bold_bg_20 { text-decoration:none; background-color:rgb(236, 131, 0); padding:2px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.blue_bold_bg_20 { font-size:20px; line-height:20px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(53, 152, 220); padding:5px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.white_bold_bg_20 { font-size:20px; line-height:20px; font-weight:900; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 8px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.white_heavy_70 { font-size:70px; line-height:70px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_30_shadowed { font-size: 16px; font-weight: 100; letter-spacing: 8px; line-height: 80px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_30_shadowed-black { color:#000000 !important;}.tp-caption.light_medium_28_shadowed { font-family: "Oswald",sans-serif; font-size: 28px; font-weight: 400; line-height: 50px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; letter-spacing: 4px;}.tp-caption.light_medium_40_shadowed { font-family: "Oswald",sans-serif; font-size: 40px; font-weight: 400; line-height: 50px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; letter-spacing: 4px;}.tp-caption.light_small_70_shadowed { font-family: "Open Sans",sans-serif; font-size: 28px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_heavy_70_shadowed { font-family: "Open Sans",sans-serif; font-size: 35px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.blackboxed_heavy { font-size:70px; line-height:70px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:5px 20px; text-shadow:rgba(0, 0, 0, 0.14902) 0px 0px 7px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.bignumbers_white { color:#ffffff; background-color:rgba(0, 0, 0, 0); font-size:84px; line-height:84px; font-weight:800; font-family:Raleway; text-decoration:none; padding:0px 0px 0px 0px; text-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 7px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none solid none none;}.tp-caption.whiteline_long { line-height:1px; min-width:660px; background-color:transparent; text-decoration:none; border-width:2px 0px 0px 0px; border-color:rgb(255, 255, 255) rgb(34, 34, 34) rgb(34, 34, 34) rgb(34, 34, 34); border-style:solid none none none;}.tp-caption.light_medium_20_shadowed { font-size:20px; line-height:30px; font-weight:700; font-family:Raleway; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:0px 0px 7px rgba(0, 0, 0, 0.25); border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.fullgradient_overlay { background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter:progid; width:100%; height:100%; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.light_medium_20 { font-size:20px; line-height:30px; font-weight:700; font-family: "Oswald",sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.reddishbg_heavy_70 { font-size:70px; line-height:70px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgba(100, 1, 24, 0.8); padding:50px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.borderbox_725x130 { min-width:725px; min-height:130px; background-color:transparent; text-decoration:none; border-width:2px; border-color:rgb(255, 255, 255); border-style:solid;}.tp-caption.light_heavy_34 { font-size:34px; line-height:34px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_thin_30 { font-size:30px; line-height:30px; font-weight:100; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_thin_whitebg_30 { font-size:30px; line-height:30px; font-weight:300; font-family:Raleway; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.white_heavy_60 { font-size:60px; line-height:60px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.black_thin_blackbg_30 { font-size:30px; line-height:30px; font-weight:300; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:5px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_thin_60 { font-size:60px; line-height:60px; font-weight:100; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.greenbgfull { background-color:#85b85f; width:100%; height:100%; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.bluebgfull { text-decoration:none; width:100%; height:100%; background-color:rgb(61, 164, 207); border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.blackbgfull { text-decoration:none; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.247059); border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.wave_repeat1 { width:100%; height:600px; background-repeat:repeat-x; background-color:transparent; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.wavebg2 { width:200%; height:300px; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.wavebg1 { width:200%; height:300px; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.wavebg3 { width:200%; height:300px; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.wavebg4 { width:200%; height:300px; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.greenishbg_heavy_70 { font-size:70px; line-height:70px; font-weight:900; font-family:Raleway; color:rgb(255, 255, 255); text-decoration:none; padding:50px; text-shadow:none; background-color:rgba(40, 67, 62, 0.8); border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.wavebg5 { width:200%; height:300px; text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption.deepblue_sea { width:100%; height:1000px; background-color:rgba(30, 46, 59, 1); text-decoration:none; border-width:0px; border-color:rgb(34, 34, 34); border-style:none;}.tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}.tp-caption a:hover { color:#ffa902;}.largeredbtn { font-weight: 400; font-size: 11px; letter-spacing: 3px; color: #fff !important; text-decoration: none; padding: 6px 25px; background:transparent; border: 2px solid #fff; text-transform: uppercase; display: inline-block;}.largeredbtn-black .largeredbtn { font-weight: 400; font-size: 11px; letter-spacing: 3px; color: #000 !important; text-decoration: none; padding: 6px 25px; background:transparent; border: 2px solid #000; text-transform: uppercase; display: inline-block;}.largeredbtn:hover { background:#ffffff; color: #000000 !important; }.fullrounded img { -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px; }/**********************************************************custom css***********************************************************/.tp-caption.light_medium_30_black-bg { font-family: "Oswald",sans-serif; font-size: 20px; font-weight: 100; letter-spacing: 6px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:#000; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; padding: 10px 16px;}.tp-caption.light_medium_40_black-bg { font-family: "Oswald",sans-serif; font-size: 30px; font-weight: 100; letter-spacing: 6px; text-transform: uppercase; color:#ffffff; text-decoration:none; background-color:#000; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; padding: 16px 22px;}.tp-caption.light_medium_40_black_text { font-family: "Oswald",sans-serif; font-size: 26px; font-weight: 100; letter-spacing: 6px; text-transform: uppercase; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_120 { font-family: "Oswald",sans-serif; font-size: 120px; font-weight: 500; letter-spacing: normal; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px; text-shadow:5px 5px rgba(178, 125, 39, 1);}.tp-caption.light_medium_100 { font-family: "Oswald",sans-serif; font-size: 100px; font-weight: 500; letter-spacing: normal; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px; text-shadow:5px 5px rgba(52, 184, 215, 1);}.tp-caption.light_medium_110_black_text { font-family: "Oswald",sans-serif; font-size: 110px; font-weight: 500; letter-spacing: normal; text-transform: uppercase; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px;}.tp-caption.light_text_big { font-family: "Oswald",sans-serif; font-size: 174px; font-weight: 300; letter-spacing: normal; text-transform: uppercase; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px;}.tp-caption.normal_text_big2 { font-family: "Oswald",sans-serif; font-size: 192px; font-weight: 400; letter-spacing: normal; text-transform: uppercase; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px;}.tp-caption.light_medium_70_black_text { font-family: "Oswald",sans-serif; font-size: 70px; font-weight: 500; letter-spacing: normal; text-transform: uppercase; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 120px;}.tp-caption.light_medium_65 { font-family: "Oswald",sans-serif; font-size: 70px; font-weight: 300; letter-spacing: normal; text-transform: uppercase; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 90px;}.tp-caption.light_medium_40_white_text { font-family: "Open Sans",sans-serif; font-size: 40px; font-weight: 600; letter-spacing: 5px; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 44px;}.tp-caption.light_medium_17_white_text { font-family: "Open Sans",sans-serif; font-size: 17px; font-weight: 600; letter-spacing: normal; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: normal;}.tp-caption.light_medium_16_white_text { font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 100; letter-spacing: 4px; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 22px;}.tp-caption.light_medium_16_black_text { font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 100; letter-spacing: normal; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 22px;}.tp-caption.light_medium_60_white_text { font-family: "Open Sans",sans-serif; font-size: 32px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 40px;}.tp-caption.light_medium_40_text { font-family: "Open Sans",sans-serif; font-size: 40px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 40px;}.tp-caption.light_medium_45_text { font-family: "Open Sans",sans-serif; font-size: 45px; font-weight: 300; letter-spacing: normal; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_20_white_text { font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 30px;}.tp-caption.regular_medium_20{ font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 300; letter-spacing: normal; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 24px;;}.tp-caption.Semi_Bold_medium_70_white_text { font-family: "Open Sans",sans-serif; font-size: 70px; font-weight: 600; letter-spacing: normal; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.extra_Bold_medium_70_black_text { font-family: "Open Sans",sans-serif; font-size: 70px; font-weight: 800; letter-spacing: normal; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; text-transform: uppercase;}.tp-caption.Semi_Bold_medium_60_white_text { font-family: "Open Sans",sans-serif; font-size: 60px; font-weight: 600; letter-spacing: normal; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none;}.tp-caption.light_medium_20_black_text { font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 400; letter-spacing: normal; text-transform: uppercase; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 30px;}.tp-caption.light_regular_13_black_text { font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 400; letter-spacing: normal; color:#000000; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 18px;}.tp-caption.light_regular_13_white_text { font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 400; letter-spacing: normal; color:#ffffff; text-decoration:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; line-height: 18px;}.tp-caption.light_medium_big { font-size:30px; line-height:30px; font-weight:500; font-family: "Oswald",sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; letter-spacing: 6px;}.tp-caption.very_large_text_90 { position:absolute; color:#fff; /*text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);*/ font-weight:900; font-size:90px; line-height:60px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px;}.tp-caption.photography-very_large_text_90 { position:absolute; color:#fff; /*text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);*/ font-weight:700; font-size:90px; line-height:60px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:50px;}.tp-caption.very_large_text_32 { position:absolute; color:#fff; /*text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);*/ font-weight:700; font-size:32px; line-height:60px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px;}.tp-caption.very_large_text_26 { position:absolute; color:#fff; font-weight:400; font-size:26px; line-height:30px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:normal;}.tp-caption.regular_small_text_18 { position:absolute; color:#fff; font-weight:400; font-size:18px; line-height:30px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:normal;}.tp-caption.very_large_text_30_black { position:absolute; color:#000; /*text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);*/ font-weight:100; font-size:30px; line-height:36px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal;}.tp-caption.very_large_text_125 { position:absolute; color:#fff; /*text-shadow:0px 5px 5px rgba(0, 0, 0, 0.5);*/ font-weight:900; font-size:125px; line-height:60px; font-family: "Open Sans",sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px;}.tp-caption.regular_text_40 { position:absolute; color:#000; font-weight:400; font-size:40px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; text-transform: uppercase;}.tp-caption.regular_text_50_blod { position:absolute; color:#fff; font-weight:600; font-size:50px; line-height:62px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal; text-transform: uppercase;}.tp-caption.regular_text_50 { position:absolute; color:#fff; font-weight:400; font-size:40px; line-height:52px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal; text-transform: uppercase;}.tp-caption.regular_text_20 { position:absolute; color:#000; font-weight:400; font-size:20px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; text-transform: uppercase;}.tp-caption.regular_text_18 { position:absolute; color:#000; font-weight:400; font-size:18px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.regular_text_26 { position:absolute; color:#fff; font-weight:400; font-size:26px; line-height:34px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:normal; text-transform: uppercase;}.tp-caption.regular_text_40_white { position:absolute; color:#fff; font-weight:400; font-size:40px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; text-transform: uppercase;}.tp-caption.regular_text_30 { position:absolute; color:#000; font-weight:400; font-size:30px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; text-transform: uppercase;}.tp-caption.regular_text_100 { position:absolute; color:#000000; font-weight:400; font-size:100px; line-height:90px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; text-transform: uppercase;}.tp-caption.regular_text_290 { position:absolute; color:#e6af2a; font-weight:400; font-size:290px; line-height:90px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal;}.tp-caption.regular_text_80 { position:absolute; color:#fff; font-weight:400; font-size:80px; line-height:80px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal;}.tp-caption.regular_text_60 { position:absolute; color:#fff; font-weight:400; font-size:60px; line-height:60px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal;}.tp-caption.regular_text_70 { position:absolute; color:#fff; font-weight:400; font-size:70px; line-height:70px; font-family: 'Playfair Display', serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing: normal;}.tp-caption.fashion_text_70 { position:absolute; color:#000000; font-weight:400; font-size:70px; line-height:60px; font-family: 'Great Vibes', cursive; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; }.tp-caption.fashion_text_120 { position:absolute; color:#000000; font-weight:400; font-size:120px; line-height:60px; font-family: 'Great Vibes', cursive; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; }.tp-caption.fashion_text_100 { position:absolute; color:#000000; font-weight:400; font-size:100px; line-height:70px; font-family: 'Great Vibes', cursive; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:2px; }.tp-caption.roboto_condensed_regular_16 { position:absolute; color:#000000; font-weight:400; font-size:16px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap;}.tp-caption.roboto_condensed_regular_20 { position:absolute; color:#ffffff; font-weight:400; font-size:20px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }.tp-caption.roboto_condensed_blod_40 { position:absolute; color:#ffffff; font-weight:700; font-size:40px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 48px;}.tp-caption.roboto_condensed_blod_60 { position:absolute; color:#ffffff; font-weight:700; font-size:60px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 60px;}.tp-caption.roboto_condensed_Light_22 { position:absolute; color:#ffffff; font-weight:300; font-size:22px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 60px;}.tp-caption.roboto_condensed_blod_26 { position:absolute; color:#000000; font-weight:700; font-size:26px; font-family: 'Roboto Condensed', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 60px;}.tp-caption.roboto_regular_20 { position:absolute; color:#ffffff; font-weight:400; font-size:20px; font-family: 'Roboto', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 24px;}.tp-caption.roboto_regular_12 { position:absolute; color:#000000; font-weight:400; font-size:12px; font-family: 'Roboto', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 18px;}.tp-caption.roboto_regular_15 { position:absolute; color:#ffffff; font-weight:300; font-size:15px; font-family: 'Roboto', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 20px;}.tp-caption.icon-font { position:absolute; color:#ffffff; font-weight:300; font-size:16px; font-family: 'Roboto', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; line-height: 20px; letter-spacing: 2px;}.tparrows.tp-leftarrow::before { content: "\e824" !important;}.tparrows.tp-rightarrow::before { content: "\e825" !important;} div.sib-sms-field { display: inline-block; position: relative; width: 100%; } .sib-sms-field .sib-country-block { position: absolute; right: auto; left: 0; top: 0; bottom: 0; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sib-country-block .sib-toggle.sib-country-flg { z-index: 1; position: relative; width: 46px; height: 100%; padding: 0 0 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #dbdbdb; cursor: pointer; } .sib-country-block .sib-toggle .sib-cflags { position: absolute; top: 0; bottom: 0; margin: auto; height: 15px; width: 20px; background-repeat: no-repeat; background-color: #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url('https://clarascorner.art/wp-content/plugins/mailin/css/../img/flags/fr.png'); } .sib-country-block .sib-toggle .sib-icon-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid; } .sib-sms-field ul.sib-country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0px; margin: 0px 0px 0px -1px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color: white; border: 1px solid rgb(204, 204, 204); white-space: nowrap; max-height: 150px; overflow-y: scroll; overflow-x: hidden; top: 50px; width: 250px; } .sib-sms-field ul.sib-country-list li.sib-country-prefix { font-size: 14px; padding:1px 10px; cursor: pointer; } .sib-sms-field ul.sib-country-list li.sib-country-prefix:hover { background-color: #dbdbdb; } .sib-sms-field ul.sib-country-list li .sib-flag-box { width: 20px; } .sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag { height: 18px; width: 20px; background-image: url("https://clarascorner.art/wp-content/plugins/mailin/css/../img/flags/ad.png"); vertical-align: middle; display: inline-block; background-repeat:no-repeat; } .sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code { margin-left: 20px; } .sib-sms-field .sib-sms { padding-right: 6px; padding-left: 52px; margin-left: 0; position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 0; } .sib-multi-lists.sib_error { color: #A94442; }