.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title{font-size:revert;line-height:revert}.tribe-block__event-website{font-family:var(--tec-font-family-sans-serif)}.tribe-block__event-website a{background-color:var(--tec-color-accent-primary);border:none;border-radius:4px;font-size:var(--tec-font-size-3);font-weight:var(--tec-font-weight-bold);padding:var(--tec-spacer-2) var(--tec-spacer-4)}#tribe-events-content .tribe-block__event-website a,#tribe-events-content .tribe-block__event-website a:active,#tribe-events-content .tribe-block__event-website a:focus,#tribe-events-content .tribe-block__event-website a:hover{color:var(--tec-color-background)}.tribe-block__venue{border:1px solid var(--tec-color-border-secondary);border-radius:var(--tec-border-radius-default);flex-direction:column;font-family:var(--tec-font-family-sans-serif);justify-content:flex-start;margin-top:var(--tec-spacer-6);max-width:580px;padding:var(--tec-spacer-2)}@media screen and (min-width:768px){.tribe-block__venue{flex-direction:row;padding:var(--tec-spacer-5)}}.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map,.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta{flex:none;width:100%}@media screen and (min-width:768px){.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map{width:53%}}.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map iframe{width:100%}.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta{margin-bottom:var(--tec-spacer-1)}@media screen and (min-width:768px){.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta{margin-right:var(--tec-spacer-1);width:47%}}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3{font-size:var(--tec-font-size-2);font-weight:400;letter-spacing:normal;line-height:1.64}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address{margin-bottom:0}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a{color:var(--tec-color-link-accent);margin-top:var(--tec-spacer-2)}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address .tribe-region.tribe-events-abbr{-webkit-text-decoration:none;text-decoration:none}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address .tribe-country-name{display:block}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone{margin-bottom:0}.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website{color:var(--tec-color-text-primary);font-size:var(--tec-font-size-2);font-weight:400;letter-spacing:normal;line-height:1.64}.tribe-block__organizer__details{border-top:1px solid var(--tec-color-border-default);font-family:var(--tec-font-family-sans-serif);padding:22.5px 0}@media screen and (min-width:768px){.tribe-block__organizer__details{padding:32px 0}}.tribe-block__organizer__details h3{font-size:var(--tec-font-size-3);font-weight:400;letter-spacing:normal;line-height:1.64}.tribe-block__organizer__details h3 a{color:var(--tec-color-link-accent)}.tribe-block__organizer__details p{color:var(--tec-color-text-primary);font-size:var(--tec-font-size-3);letter-spacing:normal;line-height:1.64}.tribe-block__events-link{font-family:var(--tec-font-family-sans-serif);padding:20px 0}.tribe-block__events-link .tribe-block__btn--link:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2725%27 height=%2719%27 fill=%27none%27%3E%3Cpath fill=%27%23141827%27 fill-rule=%27evenodd%27 d=%27M0 .431V17.57c0 .238.163.431.364.431h17.273c.2 0 .363-.193.363-.431V.43C18 .193 17.837 0 17.637 0H.364C.163 0 0 .193 0 .431m18 7.585h-1.015V4.688H.991v12.07h15.994v-3.754H18zM.99 1.239h15.995v2.315H.991z%27 clip-rule=%27evenodd%27/%3E%3Cpath stroke=%27%23141827%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.2%27 d=%27M22.918 10.5H9.207M20.695 7.245l3.252 3.272-3.213 3.213%27/%3E%3C/svg%3E");margin:5px 5px 0 0}.tribe-block__events-link .tribe-block__btn--link a{background-color:initial;border:none;color:var(--tec-color-link-accent);display:block;font-weight:400;margin:10px 15px 10px 0;min-height:revert;padding:0}.tribe-block__events-link .tribe-block__btn--link a:before{color:var(--tec-color-link-accent);content:"+";margin-right:3px}.tribe-block__events-link .tribe-block__btn--link img{display:none}.tribe-block__event-price{font-family:var(--tec-font-family-sans-serif);padding:20px 0 10px}.tribe-block__event-price .tribe-block__event-price__cost,.tribe-block__event-price .tribe-block__event-price__description{font-size:var(--tec-font-size-3)}.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description{background-color:var(--tec-color-background-secondary);border-radius:40px;display:inline-flex;font-family:var(--tec-font-family-sans-serif);min-height:40px;padding:0 13px 0 10px;position:relative}.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27%3E%3Cpath d=%27M13.333 3.826c0 .065 0 .13-.02.174 0 .022-.02.065-.02.087a.9.9 0 0 1-.197.37L10.45 7.37a.8.8 0 0 1-.592.26.8.8 0 0 1-.593-.26c-.316-.348-.316-.935 0-1.305l1.225-1.348H6.3c-2.547 0-4.64 2.283-4.64 5.11 0 1.369.474 2.651 1.363 3.608.316.348.316.935 0 1.304A.8.8 0 0 1 2.43 15a.8.8 0 0 1-.593-.26C.652 13.434 0 11.695 0 9.847c0-3.826 2.825-6.935 6.301-6.935h4.208L9.284 1.565c-.316-.348-.316-.935 0-1.304.316-.348.85-.348 1.185 0l2.647 2.913a.95.95 0 0 1 .198.37c0 .021.02.065.02.086v.196zM20 10.152c0 3.826-2.825 6.935-6.301 6.935H9.49l1.225 1.348c.336.348.336.935 0 1.304a.8.8 0 0 1-.593.261.83.83 0 0 1-.592-.26l-2.627-2.936a.95.95 0 0 1-.198-.37c0-.021-.02-.064-.02-.086-.02-.065-.02-.109-.02-.174s0-.13.02-.174c0-.022.02-.065.02-.087a.9.9 0 0 1 .198-.37L9.55 12.63c.316-.347.849-.347 1.185 0 .336.348.336.935 0 1.305L9.51 15.283h4.208c2.548 0 4.641-2.283 4.641-5.11 0-1.369-.474-2.651-1.362-3.608a.97.97 0 0 1 0-1.304c.316-.348.849-.348 1.185 0C19.348 6.543 20 8.283 20 10.152%27/%3E%3C/svg%3E") 0/12px no-repeat;content:"";height:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description img{display:none}.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description span{color:var(--tec-color-text-primary);font-size:var(--tec-font-size-3);font-weight:700;padding-left:30px}.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description a{color:var(--tec-color-link-accent);font-size:var(--tec-font-size-3)}.single-tribe_events .tribe-blocks-editor .tribe-events-schedule{background:#0000;border:none;margin:10px 0 15px;padding:0}.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-3);font-weight:400;letter-spacing:normal;line-height:1.63}.tribe-block__related-events__title{font-size:var(--tec-font-size-9);line-height:1.64;margin-bottom:15px}.single-tribe_events ul.tribe-related-events .tribe-related-events-title{font-size:var(--tec-font-size-3);line-height:1.64}.tribe-blocks-editor .tribe-related-event-info .timezone,.tribe-blocks-editor .tribe-related-event-info .tribe-event-date-start,.tribe-blocks-editor .tribe-related-event-info .tribe-event-time{font-size:var(--tec-font-size-2);line-height:1.64}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta{background:#0000;border:none;margin:0}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta .tribe-events-meta-group{padding:0}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta .tribe-events-single-section-title{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-4);font-weight:700;letter-spacing:normal;line-height:1.64}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta dl{color:var(--tec-color-text-primary);font-family:var(--tec-font-family-sans-serif);font-size:var(--tec-font-size-3);letter-spacing:normal;line-height:1.64}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta dl dd{margin:5px 0 10px}.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta dl dd .tribe-events-abbr{-webkit-text-decoration:none;text-decoration:none}.tribe-theme-twentytwentyone .tribe-block__event-website a{font-size:var(--tec-font-size-4)}.tribe-theme-twentytwentyone .tribe-block__event-website a:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color:var(--tec-color-accent-primary)}.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a,.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website{font-size:var(--tec-font-size-4)}.tribe-theme-twentytwentyone .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-twentytwentyone .tribe-block__events-link .tribe-block__btn--link a,.tribe-theme-twentytwentyone .tribe-block__organizer__details h3,.tribe-theme-twentytwentyone .tribe-block__organizer__details p{font-size:var(--tec-font-size-4)}.tribe-theme-twentytwentyone .tribe-block__events-link .tribe-block__btn--link a:focus:not(.wp-block-button__link):not(.wp-block-file__button){background-color:initial}.tribe-theme-twentytwenty .tribe-block__event-website a,.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a,.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website,.tribe-theme-twentytwentyone .tribe-block__event-price__cost,.tribe-theme-twentytwentyone .tribe-block__event-price__description{font-size:var(--tec-font-size-4)}.tribe-theme-twentytwenty .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-twentytwenty .tribe-block__event-price__cost,.tribe-theme-twentytwenty .tribe-block__event-price__description,.tribe-theme-twentytwenty .tribe-block__events-link .tribe-block__btn--link a,.tribe-theme-twentytwenty .tribe-block__organizer__details h3,.tribe-theme-twentytwenty .tribe-block__organizer__details p{font-size:var(--tec-font-size-4)}.tribe-theme-twentyseventeen .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-twentyseventeen .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-genesis .tribe-block__event-website a,.tribe-theme-genesis .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,.tribe-theme-genesis .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-genesis .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,.tribe-theme-genesis .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website{font-size:var(--tec-font-size-4)}.tribe-theme-genesis .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-genesis .tribe-block__event-price__cost,.tribe-theme-genesis .tribe-block__event-price__description,.tribe-theme-genesis .tribe-block__events-link .tribe-block__btn--link a,.tribe-theme-genesis .tribe-block__organizer__details h3,.tribe-theme-genesis .tribe-block__organizer__details p{font-size:var(--tec-font-size-4)}.tribe-theme-divi .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,.tribe-theme-divi .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-divi .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,.tribe-theme-divi .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website{padding-bottom:0}.tribe-theme-divi .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-divi .tribe-block__organizer__details h3,.tribe-theme-divi .tribe-block__organizer__details p{padding-bottom:0}.tribe-theme-enfold .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3,.tribe-theme-enfold .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website a{color:var(--tec-color-link-accent)}.tribe-theme-enfold .tribe-block__organizer__details h3{color:var(--tec-color-accent-primary)} .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; } .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; }/*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.2 | 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,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}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[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 silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!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^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#666;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;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}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.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,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.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:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:960px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.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:#337ab7}a.bg-primary:hover{background-color:#286090}.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}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{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}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:960px){.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[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer: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 .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}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%;font-weight:700;-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:960px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1270px){.container{width:1240px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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:960px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{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-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{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>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}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:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px 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%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;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{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.form-group-sm .form-control{height:30px;line-height:30px}select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.form-group-lg .form-control{height:46px;line-height:46px}select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:10px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.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 .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{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 .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{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~.form-control-feedback{top:25px}.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:960px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:960px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:960px){.form-horizontal .form-group-lg .control-label{padding-top:14.333333px}}@media (min-width:960px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.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.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.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.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.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.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.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.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.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.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{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=button].btn-block,input[type=reset].btn-block,input[type=submit].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-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:16px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.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:2px}@media (min-width:960px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.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:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-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=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.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.3333333;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}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.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}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn: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:400;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=checkbox],.input-group-addon input[type=radio]{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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){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:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{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{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.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:960px){.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:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:960px){.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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.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:960px){.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:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:960px){.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:focus,.nav-tabs-justified>.active>a:hover{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;margin-bottom:20px;border:1px solid transparent}@media (min-width:1270px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;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:1270px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:1270px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:960px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:960px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.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:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:960px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.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:1270px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:1270px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.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:960px){.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 .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{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}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:960px){.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-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;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:960px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:1270px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{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:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{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:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{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:focus,.navbar-inverse .navbar-nav>.open>a:hover{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:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.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:#337ab7;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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{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:focus,.pager li>a:hover{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:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{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]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;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-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:960px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.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:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.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:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-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-bar-striped,.progress-striped .progress-bar{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-bar.active,.progress.active .progress-bar{-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-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{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.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}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.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:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{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:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{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:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{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:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{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;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.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,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.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;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.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:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.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 embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.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:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;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:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(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{opacity:0}.modal-backdrop.in{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:960px){.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-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;opacity:0}.tooltip.in{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{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;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;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-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;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;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;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>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;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:960px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row: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}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-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}td.visible-xs,th.visible-xs{display:table-cell!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:960px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:960px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:960px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:960px) 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}td.visible-md,th.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}td.visible-lg,th.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}td.visible-print,th.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}}/* Theme Name: Viva Theme URI: https://www.vivatheme.com/ Author: Key-Design Author URI: https://themeforest.net/user/key-design Description: Multi-Purpose WordPress Theme with Page Builder Version: 1.4 Text Domain: viva License: Envato Standard License License URI: https://themeforest.net/licenses/standard Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready /* 0. GLOBAL STYLES 1. LIBRARIES 1.1 VIVA FONT 1.2 MAGIC MOUSE 2. TYPOGRAPHY 2.1 FONTS 2.2 HEADINGS 3. LAYOUT 3.1 GENERAL 3.2 PRELOADER 3.3 LOGO 3.4 CAROUSELS 4. MENU 5. HEADER 6. SECTIONS 7. FOOTER 8. ICONS 9. BLOG 10. 404 PAGE 11. PORTFOLIO 12. CONTACT 14. SIDE PANEL 15. RESPONSIVE 16. CUSTOMIZER 17. LANDING PAGE 18. FIXES 19. READING BAR 20. DYNAMIC STYLES -------------------------------------- 0. GLOBAL STYLES -----------------------------------------*/ html { font-size: 100%; background-color: #fff; } body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif; overflow-x: hidden; font-weight: normal; padding: 0; font-size: 16px; line-height: 24px; color: var(--text-color); } @property --gradient-start { syntax: ''; initial-value: transparent; inherits: false; } @property --gradient-end { syntax: ''; initial-value: transparent; inherits: false; } .scrollLock { position: fixed; width: 100%; left: 0px; top: 0px; overflow-y: scroll; } b, strong { font-weight: 500; color: var(--heading-color); } .wpb_text_column a { font-weight: 500; } .vc_empty_space { clear: both; } #wrapper #signup-content { display: flex; justify-content: center; flex-direction: column; text-align: center; height: 100vh; } #wrapper.vertical-lines { background-image: url(//babyathome.ae/wp-content/themes/viva/core/assets/images/vertical-lines.svg); background-repeat: repeat; background-position: center center; } #wrapper.vertical-lines + #footer { background-image: url(//babyathome.ae/wp-content/themes/viva/core/assets/images/vertical-lines.svg); background-repeat: repeat; background-position: center center; } .post-link, #comments .reply a, .author-desc-wrapper a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } a, a:hover, a:focus, a:active, a.active { outline: 0; text-decoration: none; } .btn:focus, .btn:active, .btn.active, .btn:active:focus { outline: 0; } p { margin-bottom: 0; line-height: 1.6; } .vc_row { margin-left: 0 !important; margin-right: 0 !important; position: relative; } .background-blend { background-blend-mode: multiply; background-position:center!important; } .vc_row.vc_row-fixed-bg { background-attachment: fixed !important; } .vc_row-bottom-rounded-corners { border-bottom-left-radius: 50% 10%; border-bottom-right-radius: 50% 10%; } .vc_row-top-rounded-corners { border-top-left-radius: 50% 10%; border-top-right-radius: 50% 10%; } .vc_empty-placeholder { margin-bottom: 0 !important; } .vc_section { padding: 0!important; overflow: hidden; margin: 0!important; } .boxed-column { overflow: hidden; } body.boxed .rebar-wrapper { max-width: 1560px; overflow: hidden; } .wpb_column.viva-sticky-column { position: sticky; top: 10rem; } .row-visible.vc_row[data-vc-full-width] { overflow: visible!important; } #wrapper { position: relative; z-index: 10; background-color: #fff; padding-bottom: 0; } .page-template-default #wrapper { padding-bottom: 0; } .page-template-default #primary { padding-bottom: 50px; } .home.page-template-default #wrapper { min-height: calc(100vh - 108px); } .vc_row.outer-margin { margin-left: -15px !important; margin-right: -15px !important; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 30px auto 30px auto; } .alignright { float: right; margin: 0px 0 40px 40px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background-color: #fff; border: none; max-width: 100%; padding: 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } #wrapper .wpb_single_image .vc_single_image-wrapper.vc_box_shadow img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .with-grey-shadow {overflow: hidden;} .no-border { border:none!important; } .vc_column_container.with-shadow { max-width:580px; margin:auto; } .wpb_raw_html table { font-weight: bold; border: 1px solid #e5e7f2; width: 100%;} .wpb_raw_html table td { border: 1px solid #e5e7f2; padding: 15px 30px; } .wpb_raw_html table td:first-child { color: #1f1f1f} #wrapper .wpb_single_image .vc_single_image-wrapper.vc_box_shadow { box-shadow: none; background: none; } .woocommerce-wishlist #single-page table.cart td a.add_to_cart_button, .woocommerce .button, .shipping-calculator-form .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, #commentform #submit, #single-page .bbp-login-form .user-submit, .woocommerce .woocommerce-form-login .button, .woocommerce .checkout_coupon .button, .content-area .vc_grid .vc_gitem-zone-c .vc_general, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce-cart #single-page table.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #single-page .return-to-shop a, .woocommerce-account #single-page .woocommerce-Button, .woocommerce-account #single-page .woocommerce-button, .woocommerce-account #single-page .button, .keydesign-cart .buttons .btn, .woocommerce #review_form #respond .form-submit input, .woocommerce div.product form.cart .button, .tt_button { text-align: center; color: #fff; padding: 0 24px; margin: auto; box-sizing: border-box; outline: none; border-radius: 0px; min-height: 45px; display: flex; align-items: center; justify-content: center; width: -moz-max-content; width: max-content; overflow: hidden; -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; letter-spacing: 0.01em; } body:not(.viva-addon-enabled) .tt_button { padding: 14px 35px; } body:not(.viva-addon-enabled).woocommerce-page .blog-header.entry-header, body:not(.viva-addon-enabled).woocommerce-page.post-type-archive-product .blog-header.entry-header, body:not(.viva-addon-enabled).woocommerce-page.post-type-archive-product .blog-header.entry-header.with-topbar, body:not(.viva-addon-enabled) .entry-header { padding-top: 150px; padding-bottom: 70px; } body:not(.viva-addon-enabled) .comments-content .col-lg-8 { width:100%; } .tt_button { position: relative; z-index: 11; } .tt_button:focus { color: #fff; } #single-page .woocommerce input[type="submit"].button:hover, .woocommerce .button:hover, .tt_button .iconita { color: #fff; } .blog-content .tt_button { color: #fff; } .post_button { display: inline-flex; } #single-page .bbp-login-form .bbp-submit-wrapper { width: 100%; } .woocommerce .woocommerce-form-login .button { margin: 0; margin-top: 34px; } .vc_parallax .vc_parallax-inner { background-image: inherit!important; } .kd_vc_parallax .parallax-overlay { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; backface-visibility: hidden; background-image: inherit; background-size: cover; } .content-area .vc_grid .vc_gitem-link:hover, .tt_button.btn_secondary_color:hover, .tt_button:hover { background-color: transparent; } .btn-hover-2 .tt_button:hover { background: none !important; } .btn-hover-2 .tt_button.hover_outline_white:before, .btn-hover-2 .tt_button.hover_outline_white:hover, .btn-hover-2 .tt_button.hover_solid_white:before, .btn-hover-2 .tt_button.hover_solid_white:hover, .btn-hover-1 .tt_button.hover_solid_white:hover { background: #fff!important; border-color: #fff!important; } .btn-hover-1 .tt_button.hover_outline_white:hover .iconita, .btn-hover-1 .tt_button.hover_outline_white:hover { border-color: #fff!important; color: #fff!important; } .kd-title-label a span::after, .btn-hover-2 .tt_button::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .added_to_cart::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .button::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .added_to_cart::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .button::before { border-radius: 50%; content: ""; height: 20rem; left: calc(50% - 10rem); pointer-events: none; position: absolute; top: calc(50% - 10rem); transform: scale3d(0,0,0); transition: transform .3s ease-out; width: 20rem; z-index: -1; } .kd-title-label a:hover span::after, .btn-hover-2 .tt_button:hover::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .added_to_cart:hover::before, .woocommerce .btn-hover-2 ul.products li.product.woo-detailed-style .button:hover::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .added_to_cart:hover::before, .btn-hover-2 .woocommerce ul.products li.product.woo-detailed-style .button:hover::before { transform: scaleX(1); transition: transform .6s ease-out; } /* .btn-hover-2 .tt_button:hover .iconita, .btn-hover-2 .wpcf7 .wpcf7-submit:hover, .btn-hover-2 #commentform #submit:hover { color: #fff !important; } */ #single-page .bbp-login-form .user-submit:hover, #wrapper .blog-social-sharing .tt_button:hover, .post .blog-social-sharing .tt_button:hover, .tt_button:hover { background-color: transparent; } #wrapper .pr0 {padding-right: 0;} .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 10px 0; padding: 0 4px 5px; } .bypostauthor { display: block; } .gallery-caption { display: block; } .container .font-weight100 {font-weight: 100;} .container .font-weight300 {font-weight: 300;} .container .font-weight500 {font-weight: 500;} .container .font-weight700 {font-weight: 700;} .keydesign-cart { float: left; margin: 0; cursor: pointer; padding-bottom: 0; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; text-align: center; position: relative; margin-left: 0px; z-index: 99; padding-bottom: 15px; } .keydesign-cart a { display: block; height: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; width: 32px; height: 32px; margin: 6px; } .keydesign-cart a .cart-icon-container { font-size: 18px; } .keydesign-cart .cart-icon { font-size: 14px; color: inherit!important; font-weight: normal; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; } #vc_templates-more-layouts span { display: none; } #vc_templates-more-layouts:after { content: 'Add Block'; } .post-password-form { position: relative;width: 100%;margin-top: 20px;} #single-page.password-page { display: flex;height: 100vh;align-items: center;justify-content: center;} #single-page.password-page .viva-password-page { background: #fff;padding: 60px;padding-bottom: 26px;max-width: 580px;margin: 0 auto;display: flex;flex-direction: column;text-align: center;justify-content: center;align-items: center;border: 1px solid var(--border-color);} #single-page.password-page .viva-password-page img { max-width: 140px;} #single-page.password-page .viva-password-page p { font-size: var(--large-body-text-size);line-height: 1.5em;} .entry-header + #primary .post-password-form { height: auto; padding-top: 50px; } .theme-viva .cn-text-container { margin-bottom: 0; } /* -------------------------------------- 1. LIBRARIES -----------------------------------------*/ /* -------------------------------------- 1.1 VIVA FONT -----------------------------------------*/ @font-face { font-family: 'viva-font'; src: url(//babyathome.ae/wp-content/themes/viva/core/assets/fonts/viva-font.eot); src: url(//babyathome.ae/wp-content/themes/viva/core/assets/fonts/viva-font.eot#iefix) format('embedded-opentype'), url(//babyathome.ae/wp-content/themes/viva/core/assets/fonts/viva-font.woff) format('woff'), url(//babyathome.ae/wp-content/themes/viva/core/assets/fonts/viva-font.ttf) format('truetype'); font-weight:normal; font-style:normal; font-display: swap; } .viva-arrow-left-feather, .viva-arrow-right-feather, .viva-arrow-left-circle, .viva-arrow-right-circle, .viva-times, .viva-search-header, .viva-shopping-cart-header, .viva-mail-topbar, .viva-schedule-topbar, .viva-phone-topbar, .viva-shopping-bag-header, .viva-comments-meta, .viva-categories-meta, .viva-author-meta, .viva-arrow-right, .viva-arrow-left, .viva-full-star, .viva-empty-star, .viva-map-pin, .viva-award, .viva-book, .viva-file-text, .viva-film, .viva-life-buoy, .viva-message-circle, .viva-message-square, .viva-user, .viva-users, .viva-video, .viva-youtube, .viva-play, .viva-maximize, .viva-maximize-2, .viva-minimize, .viva-minimize-2, .viva-minus-circle, .viva-minus-square, .viva-more-horizontal, .viva-more-vertical, .viva-plus-circle, .viva-plus-square, .viva-send, .viva-settings, .viva-share, .viva-share-2, .viva-tag, .viva-thumbs-down, .viva-thumbs-up, .viva-toggle-left, .viva-toggle-right, .viva-user, .viva-users, .viva-zoom-in, .viva-zoom-out, .viva-alert-circle, .viva-external-link, .viva-heart, .viva-help-circle, .viva-loader, .fa-behance, .fa-behance-square, .fa-btc, .fa-codepen, .fa-css3, .fa-delicious, .fa-deviantart, .fa-digg, .fa-dribbble, .fa-dropbox, .fa-drupal, .fa-empire, .fa-facebook-f, .fa-facebook-square, .fa-flickr, .fa-foursquare, .fa-git, .fa-github, .fa-github-alt, .fa-git-square, .fa-google, .fa-google-plus-square, .fa-gratipay, .fa-hacker-news, .fa-html5, .fa-instagram, .fa-joomla, .fa-jsfiddle, .fa-linkedin, .fa-linkedin-in, .fa-linux, .fa-maxcdn, .fa-medium, .fa-openid, .fa-pagelines, .fa-pied-piper, .fa-pied-piper-alt, .fa-pinterest, .fa-pinterest-square, .fa-qq, .fa-rebel, .fa-reddit, .fa-reddit-square, .fa-renren, .fa-skype, .fa-slack, .fa-soundcloud, .fa-spotify, .fa-stack-exchange, .fa-stack-overflow, .fa-steam, .fa-steam-square, .fa-stumbleupon, .fa-stumbleupon-circle, .fa-telegram, .fa-tencent-weibo, .fa-trello, .fa-tripadvisor, .fa-twitter, .fa-twitter-square, .fa-viber, .fa-vimeo-square, .fa-vine, .fa-vk, .fa-weibo, .fa-weixin, .fa-whatsapp, .fa-windows, .fa-wordpress, .fa-xing, .fa-xing-square, .fa-yahoo, .fa-yelp, .fa-youtube, .fa-youtube-square, .fa-adn, .fa-android, .fa-apple, .fa-arrows-alt, .fa-bell, .fa-check, .fa-chevron-down, .fa-chevron-left, .fa-chevron-right, .fa-chevron-up, .fa-comment, .fa-comments, .fa-exclamation-triangle, .fa-file-alt, .fa-file-image, .fa-folder-open, .fa-keyboard, .fa-map-marker-alt, .fa-play, .fa-question-circle, .fa-shopping-cart, .fa-star, .fa-star-o, .fa-thumbtack, .fa-angle-left, .fa-angle-right, .fa-angle-up, .fa-angle-down, .fa-envelope, .fa-clock, .fa-mobile-alt, .fa-phone-alt, .fa-search, .fa-times, .fa-tiktok, .fa-airbnb, .fa-amazon, .fa-bandcamp, .fa-blogger, .fa-discord, .fa-goodreads, .fa-google-play, .fa-houzz, .fa-kickstarter, .fa-patreon, .fa-quora, .fa-snapchat, .fa-tumblr, .fa-twitch, .fa-app-store { font-family:"viva-font"!important; font-display:auto; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; speak:none; font-weight: normal!important; } .viva-play:before{content:"\e91c";} .viva-arrow-left-feather:before{content:"\e90c";} .viva-arrow-right-feather:before{content:"\e90d";} .viva-arrow-left-circle:before{content:"\e90e";} .viva-arrow-right-circle:before{content:"\e90f";} .viva-arrow-right:before{content:"\e900";} .viva-arrow-left:before{content:"\e901";} .viva-full-star:before{content:"\53";} .viva-empty-star:before{content:"\73";} .viva-search-header:before {content: "\e905";} .viva-shopping-cart-header:before {content: "\e906";} .viva-mail-topbar:before {content: "\e907";} .viva-schedule-topbar:before {content: "\e908";} .viva-phone-topbar:before {content: "\e909";} .viva-shopping-bag-header:before {content: "\e90a";} .viva-comments-meta:before {content: "\e902";} .viva-categories-meta:before {content: "\e903";} .viva-author-meta:before {content: "\e904";} .viva-times:before {content: "\e90b";} .viva-map-pin:before {content: "\e910";} .viva-award:before {content: "\e911";} .viva-book:before {content: "\e912";} .viva-file-text:before {content: "\e913";} .viva-film:before {content: "\e914";} .viva-life-buoy:before {content: "\e915";} .viva-message-circle:before {content: "\e916";} .viva-message-square:before {content: "\e917";} .viva-user:before {content: "\e918";} .viva-users:before {content: "\e919";} .viva-video:before {content: "\e91a";} .viva-youtube:before {content: "\e91b";} .viva-maximize:before { content: "\e91d"; } .viva-maximize-2:before { content: "\e91e"; } .viva-minimize:before { content: "\e91f"; } .viva-minimize-2:before { content: "\e920"; } .viva-minus-circle:before { content: "\e921"; } .viva-minus-square:before { content: "\e922"; } .viva-more-horizontal:before { content: "\e923"; } .viva-more-vertical:before { content: "\e924"; } .viva-plus-circle:before { content: "\e925"; } .viva-plus-square:before { content: "\e926"; } .viva-send:before { content: "\e927"; } .viva-settings:before { content: "\e928"; } .viva-share:before { content: "\e929"; } .viva-share-2:before { content: "\e92a"; } .viva-tag:before { content: "\e92b"; } .viva-thumbs-down:before { content: "\e92c"; } .viva-thumbs-up:before { content: "\e92d"; } .viva-toggle-left:before { content: "\e92e"; } .viva-toggle-right:before { content: "\e92f"; } .viva-user:before { content: "\e930"; } .viva-users:before { content: "\e931"; } .viva-zoom-in:before { content: "\e932"; } .viva-zoom-out:before { content: "\e933"; } .viva-alert-circle:before { content: "\e934"; } .viva-external-link:before { content: "\e935"; } .viva-heart:before { content: "\e936"; } .viva-help-circle:before { content: "\e937"; } .viva-loader:before { content: "\e938"; } .viva-thin-arrow-left:before { content:"\e939"; } .viva-thin-arrow-right:before { content:"\e93a"; } .fa-behance:before{content:"\f1b4";} .fa-behance-square:before{content:"\f1b5";} .fa-btc:before{content:"\f15a";} .fa-codepen:before{content:"\f1cb";} .fa-css3:before{content:"\f13c";} .fa-delicious:before{content:"\f1a5";} .fa-deviantart:before{content:"\f1bd";} .fa-digg:before{content:"\f1a6";} .fa-dribbble:before{content:"\f17d";} .fa-dropbox:before{content:"\f16b";} .fa-drupal:before{content:"\f1a9";} .fa-empire:before{content:"\f1d1";} .fa-facebook-f:before{content:"\f39e"!important;} .fa-facebook-square:before{content:"\f082";} .fa-flickr:before{content:"\f16e";} .fa-foursquare:before{content:"\f180";} .fa-git:before{content:"\f1d3";} .fa-github:before{content:"\f09b";} .fa-github-alt:before{content:"\f113";} .fa-git-square:before{content:"\f1d2";} .fa-google:before{content:"\f1a0";} .fa-google-plus-square:before{content:"\f0d4";} .fa-gratipay:before{content:"\f184";} .fa-hacker-news:before{content:"\f1d4";} .fa-html5:before{content:"\f13b";} .fa-instagram:before{content:"\f16d";} .fa-joomla:before{content:"\f1aa";} .fa-jsfiddle:before{content:"\f1cc";} .fa-linkedin:before{content:"\f08c";} .fa-linkedin-in:before{content:"\f0e1";} .fa-linux:before{content:"\f17c";} .fa-maxcdn:before{content:"\f136";} .fa-medium:before{content:"\f23a";} .fa-openid:before{content:"\f19b";} .fa-pagelines:before{content:"\f18c";} .fa-pied-piper:before{content:"\f2ae";} .fa-pied-piper-alt:before{content:"\f1a8";} .fa-pinterest:before{content:"\f0d2";} .fa-pinterest-square:before{content:"\f0d3";} .fa-qq:before{content:"\f1d6";} .fa-rebel:before{content:"\f1d0";} .fa-reddit:before{content:"\f1a1";} .fa-reddit-square:before{content:"\f1a2";} .fa-renren:before{content:"\f18b";} .fa-skype:before{content:"\f17e";} .fa-slack:before{content:"\f198";} .fa-soundcloud:before{content:"\f1be";} .fa-spotify:before{content:"\f1bc";} .fa-stack-exchange:before{content:"\f18d";} .fa-stack-overflow:before{content:"\f16c";} .fa-steam:before{content:"\f1b6";} .fa-steam-square:before{content:"\f1b7";} .fa-stumbleupon:before{content:"\f1a4";} .fa-stumbleupon-circle:before{content:"\f1a3";} .fa-telegram:before{content:"\f2c6";} .fa-tencent-weibo:before{content:"\f1d5";} .fa-trello:before{content:"\f181";} .fa-tripadvisor:before{content:"\f262";} .fa-twitter:before{content:"\f099";} .fa-twitter-square:before{content:"\f081";} .fa-viber:before{content:"\f409";} .fa-vimeo-square:before{content:"\f194";} .fa-vine:before{content:"\f1ca";} .fa-vk:before{content:"\f189";} .fa-weibo:before{content:"\f18a";} .fa-weixin:before{content:"\f1d7";} .fa-whatsapp:before{content:"\f232";} .fa-windows:before{content:"\f17a";} .fa-wordpress:before{content:"\f19a";} .fa-xing:before{content:"\f168";} .fa-xing-square:before{content:"\f169";} .fa-yahoo:before{content:"\f19e";} .fa-yelp:before{content:"\f1e9";} .fa-youtube:before{content:"\f167";} .fa-youtube-square:before{content:"\f431";} .fa-adn:before{content:"\f170";} .fa-android:before{content:"\f17b";} .fa-apple:before{content:"\f179";} .fa-arrows-alt:before{content:"\f0b2";} .fa-bell:before{content:"\f0f3";} .fa-check:before{content:"\f00c";} .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-comment:before{content:"\f075";} .fa-comments:before{content:"\f086";} .fa-exclamation-triangle:before{content:"\f071";} .fa-file-alt:before{content:"\f15c";} .fa-file-image:before{content:"\f1c5";} .fa-folder-open:before{content:"\f07c";} .fa-keyboard:before{content:"\f11c";} .fa-map-marker-alt:before{content:"\f3c5";} .fa-play:before{content:"\f04b";} .fa-question-circle:before{content:"\f059";} .fa-shopping-cart:before{content:"\f07a";} .fa-star:before{content:"\f005";} .fa-star-o:before{content:"\f006";} .fa-thumbtack:before{content:"\f08d";} .fa-angle-left:before{content:"\f104";} .fa-angle-right:before{content:"\f105";} .fa-angle-up:before{content:"\f106";} .fa-angle-down:before{content:"\f107";} .fa-envelope:before{content:"\f0e0";} .fa-clock:before{content:"\f017";} .fa-mobile-alt:before{content:"\f3cd";} .fa-phone-alt:before{content:"\f879";} .fa-search:before{content:"\f002";} .fa-times:before{content:"\f00d";} .fa-tiktok:before{content:"\e07b";} .fa-airbnb:before{content:"\f834";} .fa-amazon:before{content:"\f270";} .fa-bandcamp:before{content:"\f2d5";} .fa-blogger:before{content:"\f37c";} .fa-discord:before{content:"\f392";} .fa-goodreads:before{content:"\f3a8";} .fa-google-play:before{content:"\f3ab";} .fa-houzz:before{content:"\f27c";} .fa-kickstarter:before{content:"\f3bb";} .fa-patreon:before{content:"\f3d9";} .fa-quora:before{content:"\f2c4";} .fa-snapchat:before{content:"\f2ab";} .fa-tumblr:before{content:"\f173";} .fa-twitch:before{content:"\f1e8";} .fa-app-store:before{content:"\f36f";} /* -------------------------------------- 1.1. MAGIC MOUSE -----------------------------------------*/ body #magicMouseCursor { position: fixed; width: 38px; height: 38px; border: 1px solid var(--heading-color); border-radius: 50%; z-index: 9999; left: 0; top: 0; transition: transform 0.07s, width 0.3s, height 0.3s; pointer-events: none; } body #magicPointer { height: 6px; width: 6px; top: 0; left: 0; position: fixed; background: var(--heading-color); border-radius: 50%; pointer-events: none; transition: background .3s cubic-bezier(.165,.84,.44,1), width .3s cubic-bezier(.165,.84,.44,1), height .3s cubic-bezier(.165,.84,.44,1), box-shadow 0.2s; z-index: 9999; } body #magicPointer.pointer-blur { height: 12px; width: 12px; } body.cursor-small-point #magicPointer { height: 14px; width: 14px; } body.cursor-small-point #magicPointer.pointer-blur { height: 20px; width: 20px; } body.magic-mouse #magicPointer.mouse-portfolio, body.magic-mouse #magicPointer.mouse-drag:not(.pointer-blur,.pointer-overlay) { width: 80px; height: 80px; opacity: 1; background: var(--drag-cursor-color); background-image: url(//babyathome.ae/wp-content/themes/viva/core/assets/images/drag-arrows.svg); background-repeat: no-repeat; background-position: center center; } body.magic-mouse.enable-carousel-cursor .owl-wrapper-outer .owl-item svg, body.magic-mouse.enable-carousel-cursor .owl-wrapper-outer .owl-item img { cursor:none!important; } body.enable-grid-cursor .mg-gallery img, body.enable-carousel-cursor .owl-carousel, body.enable-grid-cursor .vc_gitem-is-link .vc-zone-link { cursor: none!important; } body.magic-mouse #magicPointer.mouse-portfolio { background-image:none!important; justify-content: center; align-items: center; display: flex; } body.magic-mouse #magicPointer.mouse-portfolio:before { content: "\e905"; font-family:"viva-font"!important; color: #fff; font-size: 24px; } body.magic-mouse.home.page-id-380 #magicPointer.mouse-portfolio:before { content: "View"; font-family: inherit!important; color: #fff; font-size: 16px; font-weight: 400; } body.cursor-point #magicPointer.pointer-overlay { width: 36px; height: 36px; opacity: 0.25; } body .magic-hover { transition: all 0.2s; } body.cursor-point #magicPointer { width: 24px; height: 24px; background: #888; opacity: 0.25; } /* -------------------------------------- 2. TYPOGRAPHY -----------------------------------------*/ h1, h2, h3, h4, h5, .container h1, .container h2, .container h3, .container h4, .container h5 { line-height: 1.3; margin:0; font-weight: 700; margin-bottom: 20px; letter-spacing: -0.03em; color: var(--heading-color); } .container h4, .container h5 { font-weight: 500; } .container h1 {font-size: 42px;} .container h2 {font-size: 32px;} .container h3 {font-size: 28px;} .container h4 {font-size: 24px;} .container h5 {font-size: var(--large-body-text-size);} .container h6 {font-size: var(--large-body-text-size);font-weight: 400;} .vc_inner_row-contained .container { padding-left: 15px; padding-right: 15px; } .container h6 { line-height: 1.5; font-weight: 400; margin:0; color: inherit; margin-bottom: 20px; } .container h6 a {font-weight: 500;transition: 0.25s;} .single-post section h1.section-heading { text-align: left; max-width: 100%; padding-left: 15px; margin: 0; } .heading-separator { width: 45px; height: 2px; display: block; margin: auto; border-radius: 0; } .with-overlay .heading-separator { background-color: #fff; opacity: 0.9; } .vc_separator.separator, .separator { margin-bottom: 25px; width: 50px; margin-top: -5px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; display: none; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* -------------------------------------- 3. LAYOUT -----------------------------------------*/ /* 3.1 GENERAL*/ section { padding: 0; position: relative; } .row { margin: 0; } .container { padding: 0; position: relative; } .container.fullwidth { width: 100%; } .vc_row.container { margin-left: auto !important; margin-right: auto !important; z-index: 10; } .outer-margin { margin: 0 -15px; } .bg-light-gray { background-color: var(--gray-color-overlay); } .btn-primary { text-transform: uppercase; font-weight: 700; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { border-color: #f6bf01; color: #fff; background-color: #fec503; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-xl { height: 50px; border-radius: 2px; color: white; font-size: 0.875em; font-weight: 700; text-transform: uppercase; width: 100%; transition: 0.2s; } .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active { color: #fff; } .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl { background-image: none; } body.modal-open { overflow: hidden; } .parallax { position: relative; overflow: hidden; } .parallax .parallax-overlay { position: absolute; width: 100%; height: 125%; top: 0; opacity: 1; background-position: bottom; background-repeat: no-repeat; } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .parallax.with-overlay:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 1; display: block; content: "."; font-size: 0; } .parallax.with-overlay .container { z-index: 10; } } @supports (-ms-accelerator:true) { .parallax.with-overlay:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 1; display: block; content: "."; font-size: 0; } .parallax.with-overlay .container { z-index: 10; } } .parallax .parallax-overlay, .with-overlay .parallax-overlay { background-size: cover !important; } .with-overlay .parallax-overlay { opacity: 0.4; height: 125%; } .with-overlay .section-subheading, .with-overlay .section-heading { color: #fff; } .gray-bg { background-color: var(--gray-color-overlay); } .header-buttons { margin: 60px auto 100px auto; } .main-nav-center #logo, .main-nav-center .header-bttn-wrapper { width: auto; } .main-nav-left .header-bttn-wrapper, .main-nav-right .header-bttn-wrapper {display: flex; margin-left: 15px; margin-right: 15px;} .main-nav-center .header-bttn-wrapper {display: flex;margin-right: 15px; margin-left: 0px;} .primary-button { min-width: 150px; padding: 0 20px; background-color: white; border-radius: 2px; display: inline-block; text-align: center; font-size: 0.875em; font-weight: 700; text-transform: uppercase; line-height: 36px; margin: 0 10px; border: 2px solid white; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .primary-button.button-inverse { color: #fff; margin: 0; } .primary-button.button-inverse:hover { background-color: transparent; } .secondary-button { display: inline-block; min-width: 150px; text-align: center; line-height: 36px; color: white; font-size: 0.875em; margin: 0 10px; font-weight: 700; text-transform: uppercase; border: 2px solid white; border-radius: 2px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .secondary-button-inverse { background-color: #fff } .secondary-button.secondary-button-inverse:hover { color: #fff; } .primary-button:hover { background: none; color: #fff; text-decoration: none; } .secondary-button:hover { background-color: #fff; text-decoration: none; } .kd-panel-subtitle ul li, .kd-panel-subtitle ol li, .tab-text-container ul li, .side-content-text ul li, .wpb_text_column ul li, .wpb_text_column ol li { line-height: 32px; margin-bottom: 10px; padding-left: 32px; position: relative; margin: 0; } .wpb_text_column ol li { padding-left: 25px; } .wpb_text_column ul li, .wpb_text_column ol li { font-size: var(--medium-body-text-size); } .wpb_text_column ol li::before { position: absolute; transform: translateX(-100%); } .kd-panel-subtitle ul, .kd-panel-subtitle ol, .tab-text-container ul, .side-content-text ul, .wpb_text_column ol, .wpb_text_column ul {list-style-type: none;padding-left: 0;margin-bottom: 0;} .side-content-text ul, .wpb_text_column ul {padding-left: 0;margin-bottom: 25px;} .side-content-text ul { margin-bottom: 0; margin-top: 25px; margin-bottom: 20px; } .wpb_text_column ul ul { padding-left: 35px; margin-top: 10px; } .kd-panel-subtitle ol, .wpb_text_column ol {counter-reset: li;} .kd-panel-subtitle ol li { padding-left: 0; } .kd-panel-subtitle ol, .kd-panel-subtitle ul { margin-top: 20px; } .kd-panel-subtitle ol>li:before, .wpb_text_column ol>li:before { content: counter(li,decimal); counter-increment: li; padding-right: 15px; font-weight: 500; font-size: 16px;} .kd-panel-subtitle ul>li:before, .tab-text-container ul>li:before, .side-content-text ul>li:before, .wpb_text_column ul>li:before { padding-right: 10px; font-weight: 400; font-family: 'viva-font'; font-size: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 0; content: "\f00c"; color: #fff!important; width: 18px; height: 18px; padding: 0; border-radius: 100%; text-align: center; line-height: 20px; margin-top: 9px; } /*body.compose-mode .vc_vc_row>.vc_parallax, body.compose-mode .vc_vc_row>[data-vc-full-width=true], body.compose-mode .vc_vc_row_inner, body.compose-mode .vc_vc_section>.vc_parallax, body.compose-mode .vc_vc_section>[data-vc-full-width=true], body.compose-mode .vc_vc_video { padding-top: 0px; }*/ body .vc_col-has-fill>.vc_column-inner, body .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, body .vc_section.vc_section-has-fill, body .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, body .vc_section.vc_section-has-fill+.vc_section { padding-top: 0px; } /*body.compose-mode .vc_row[data-vc-full-width] { overflow: visible; } body.compose-mode .vc_row[data-vc-full-width].vc_parallax { overflow: hidden; }*/ body.compose-mode .vc_empty-shortcode-element, body.compose-mode .vc_templatera, body.compose-mode .vc_vc_column_text, body.compose-mode .vc_vc_widget_sidebar { min-height: 0; } .wp-block-button { margin-bottom: 20px; } #posts-content .wp-block-cover-text { color: #fff; } #posts-content .has-left-content { justify-content: flex-start; } #posts-content .has-right-content { justify-content: flex-end; } .wp-block-cover { margin-bottom: 20px; } /*3.2 LOGO*/ #logo { display: flex; align-items: center; } #logo .logo { font-weight: 600; font-size: 22px; margin: 0; display: block; float: left; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; } .navbar .container #logo .logo {margin-left: 15px;margin-right: 15px;} .navbar.fullwidth .container #logo .logo {margin-left: 0;} .navbar.fullwidth .container .modal-menu-item {margin-right: 0;} .single-portfolio .navbar.fullwidth .container #logo .logo { margin-left: 15px; } .topbar { border-bottom: 1px solid rgba(132, 132, 132, 0.15); background-color: #fff; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; transition: 0.25s ease-in-out; } .transparent-navigation .nav-transparent-secondary-logo .topbar { border-color: transparent; } .topbar .container { display: flex; } .topbar.tb-default-design .topbar-extra-content{ margin-right: 15px; } .topbar-left-content, .topbar-right-content, .topbar-extra-content { line-height: 1; } .topbar-left-content .topbar-menu { margin-left: 15px; } .topbar-right-content { margin-left: auto; margin-right: 15px; } .topbar-phone, .topbar-email, .topbar-opening-hours { line-height: 40px; float: left; font-size: 14px; letter-spacing: 0.01em; height: 40px; } .topbar-opening-hours { padding-right: 20px; } .tb-border-design .topbar-phone, .tb-border-design .topbar-email, .tb-border-design .topbar-opening-hours { border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; } .tb-border-design .topbar-socials { margin: 0; } .tb-border-design .topbar-socials a { border-right: 1px solid rgba(132, 132, 132, 0.15); width: 48px; text-align: center; } .tb-border-design .topbar-socials li:first-child a { border-left: none; } .topbar-left-content .topbar-socials li:last-child a { border-right: none; } .tb-border-design .topbar-extra-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; padding-left: 10px; padding-right: 10px; margin-left: 5px; } .tb-border-design .topbar-right-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); } .tb-border-design .topbar-left-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); margin-left: 15px; padding: 0; } .tb-border-design .topbar-right-content.content-empty, .tb-border-design .topbar-left-content.content-empty { border: none; } .tb-border-design .topbar-right-content .topbar-menu { margin-left: 15px; } .tb-border-design .topbar-contact span:last-child { border: none; margin: 0; } .tb-border-design .topbar-left-content .topbar-contact .topbar-opening-hours { padding-right: 0; } .tb-border-design .topbar-left-content .topbar-contact span:last-child a { padding-right: 0; margin-right: 0; } .topbar-phone a , .topbar-email a, .navbar .topbar-phone a { transition: 0.25s; color: inherit; margin-right: 5px; padding-right: 10px; } .topbar-phone a:hover , .topbar-email a:hover { opacity:1; } .topbar-contact {margin: 0 15px;} .topbar-right-content .topbar-contact {margin-right: -5px;} .topbar-contact i { font-size: 16px; margin-right: 10px; margin-top: 0; display: block; float: left; line-height: 40px; max-height: 40px; } .topbar-contact .fa.fa-envelope-o { font-weight: 600; font-size: 15px; } .topbar-phone .iconsmind-Telephone , .topbar-email .iconsmind-Mail { font-size: 16px; display: block; float: left; line-height: 45px; margin-right: 5px; } .topbar-socials { float: right; height: 40px; margin: 0 3px; } ul.redux-social-media-list { padding: 0; } .topbar-socials ul.redux-social-media-list, .footer-socials-bar ul.redux-social-media-list { margin: 0; } .topbar-socials ul.redux-social-media-list li, .footer-socials-bar ul.redux-social-media-list li { padding: 0; } .topbar-socials a { color: inherit; padding: 0 12px; line-height: 41px; display: block; float: left; margin-top: 0; transition: 0.25s; font-size: 14px; height: 40px; transition: 0.2s ease; } .blog_widget ul.redux-social-media-list li a:hover i { color: #fff; } .topbar.second-template .topbar-socials { float: left; } .topbar.second-template .topbar-contact { float: right; } .topbar.second-template .redux-social-media-list { padding-left: 0; } .topbar.second-template .topbar-contact {margin-right: 5px;} .topbar-socials a .fa {transition: 0.25s;font-size: 15px;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .logo img { height: auto; max-width: 100%; } .nav-logo { display: none; } .transparent-navigation .nav-secondary-logo.navbar-shrink.nav-transparent-secondary-logo .nav-logo, .transparent-navigation .nav-transparent-secondary-logo.navbar-shrink .fixed-logo, .transparent-navigation .nav-transparent-secondary-logo .nav-logo, .nav-secondary-logo.navbar-shrink .nav-logo { display: inline-block; } .transparent-navigation .nav-secondary-logo.navbar-shrink.nav-transparent-secondary-logo .fixed-logo, .transparent-navigation .nav-transparent-secondary-logo.navbar-shrink .nav-logo, .transparent-navigation .nav-transparent-secondary-logo .fixed-logo, .nav-secondary-logo.navbar-shrink .fixed-logo { display: none; } @media (max-width: 1269px) { .transparent-navigation .nav-transparent-secondary-logo .nav-logo { display: none; } .transparent-navigation .nav-transparent-secondary-logo .fixed-logo { display: inline-block; } .home .nav-transparent-secondary-logo .nav-logo { display: none; } .home .nav-transparent-secondary-logo .fixed-logo { display: inline-block; } } /*3.3 PRELOADER*/ #preloader { position: fixed; left: 0; top: 0; z-index: 999999999; width: 100%; background-color: #fff; height: 100%; overflow: visible; } .spinner { height: 5px; width: 100%; position: relative; overflow: hidden; background-color: #f8f8f8; } .spinner:before{ display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 5px; animation: loading 2s linear infinite; } @keyframes loading { from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% { left: 50%;} 95% {left: 120%;} to {left: 100%;} } .loading-effect { will-change: opacity; opacity: 1; transition: 0.7s opacity; } .loading-effect.fade-in { will-change: opacity; opacity: 0; transition: none; } .loading-effect.fade-out { will-change: opacity; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; opacity: 0; } /*3.4 CAROUSELS*/ .with-overlay .owl-dot span { background-color: #fff; } .with-overlay .owl-dot:hover span, .with-overlay .owl-dot.active span { border: 2px solid #fff; } .owl-nav div { display: inline-block; zoom: 1; margin: 0; width: 30px; height: 30px; font-size: 0; filter: Alpha(Opacity=30); opacity: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border-radius: 0px; } .owl-nav div:before { content: "\e93a"; display: block; font-size: 18px; line-height: 26px; font-family: 'viva-font'; box-sizing: border-box; transition: transform 0.2s ease; } .port-prev.tt_button .arrow:before, .port-next.tt_button .arrow:before { display: block; font-size: 18px; line-height: 1; font-family: 'viva-font'; box-sizing: border-box; font-weight: inherit; transition: 0.2s; } .port-next.tt_button .arrow:before { transition: 0s; margin-right: 0; margin-left: 12px; font-size: 13px; content: "\f054"; } .port-prev.tt_button .arrow:before { transition: 0s; margin-left: 0; margin-right: 12px; font-size: 13px; content: "\f053"; } .owl-nav div.owl-prev { right: auto; left: 0; } .owl-nav div.owl-next { right: 0; left: auto; } .owl-nav div.owl-prev:before { content: "\e939"; } .clickable .owl-nav div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } /* Dot move */ .owl-dots { position: relative; display: table; margin: auto; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; justify-content: center; margin-top: 40px; } .owl-dots .owl-dot { position: relative; display: block; float: left; margin: 0 10px; width: 10px; height: 10px; cursor: pointer; } .owl-dots .owl-dot span { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; text-indent: -999em; cursor: pointer; position: absolute; border: none!important; opacity: 0.45; } .owl-dots .owl-dot.active span { opacity: 1; } .owl-dots .owl-dot span:focus { outline: none; } .owl-dots .owl-dot a { -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .owl-dots .owl-dot a:hover, .owl-dots .owl-dot a:focus { background-color: #fff; } .owl-item.loading { min-height: 150px; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { position: relative; width: 100%; -ms-touch-action: pan-y; touch-action: manipulation; } .owl-carousel .owl-wrapper { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { position: relative; z-index: 2; width: 100%; } .owlslider-related-posts.owl-carousel .owl-wrapper-outer { overflow: visible; } rs-module-wrap { z-index: 0!important; } rs-slide .tt_button { line-height: 1!important; } .owlslider-related-posts.owl-carousel .owl-nav { margin: 0; position: absolute; top: 50%; height: 40px; z-index: 10; width: 100%; margin-top: -45px; overflow: visible; pointer-events: none; } .owlslider-related-posts.owl-carousel .owl-nav div.owl-prev { left: -85px; } .owlslider-related-posts.owl-carousel .owl-nav div.owl-next { right: -85px; } .owlslider-related-posts.owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .owlslider-related-posts.owl-carousel .owl-item.active { opacity: 1; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-dot, .owl-nav div { cursor: pointer; } .with-overlay .owl-nav div.owl-next, .with-overlay .owl-nav div.owl-prev { color: #fff; } .owl-nav { height: 60px; text-align: center; margin-top: 20px; } .owl-nav.disabled { display: none; } .owl-dots.disabled { display: none; } .grabbing { cursor: url(//babyathome.ae/wp-content/themes/viva/images/grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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); } /* -------------------------------------- 4. MENU -----------------------------------------*/ .disable-menu-item {display: none!important;} .navbar-default { border-color: transparent; width: inherit; top: inherit; } .navbar-default.fullwidth .container { width: 100%; padding: 0 35px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active { color: #fec503; } .navbar-default .navbar-collapse { border: none; box-shadow: none; } .navbar-default .navbar-toggle { border: none; margin-right: -10px; } .navbar-header { display: none; } @media (max-width: 1270px) { .navbar-header { display: block; } li.pll-parent-menu-item img + span, li.pll-parent-menu-item img { display: inline-block; } } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: none; } .navbar-default .nav li a { opacity: 1; margin: 0; padding: 0 14px; line-height: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .navbar-default .navbar-toggle { position: relative; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; overflow: visible; width: 36px; height: 36px; margin-right: 0; margin-top: 9px; margin-bottom: 0; border-radius: 0; padding: 0; border: none; margin-right: -5px; margin-left: 3px; } .navbar-default .navbar-toggle .icon-bar, .navbar-toggle .icon-bar:before, .navbar-toggle .icon-bar:after { position: absolute; width: 20px; height: 2px; left: 8px; top: 24px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; margin: 0; background-color: #39364e; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar:not(:first-child) { display: none; } .navbar-default .navbar-toggle .icon-bar:after, .navbar-default .navbar-toggle .icon-bar:before { display: block; content: ""; } .navbar-default .navbar-toggle .icon-bar:before {top: -7px;left: 0px;transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);} .navbar-default .navbar-toggle .icon-bar:after {top: -14px;left: 0;transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;} .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-7px,0) rotate(-45deg); } .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:before { top: 0px; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg); } .navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:after { top: 0px; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0; } .navbar-default .nav:hover li a { opacity: 0.3; } .navbar-default .nav:hover li.dropdown:hover a, .navbar-nav .nav:hover li.dropdown .dropdown-menu li a, .navbar-nav li.dropdown .dropdown-menu:hover li a:hover, .navbar-default .nav:hover li a:hover { opacity: 1; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus { outline: 0; background: none; opacity: 1; } #single-page .bbp-login-form .user-submit, .tt_button.modal-menu-item { border-radius: 0; box-sizing: border-box; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; min-width: auto; display: inline-flex; margin-left: 10px; margin-right: 0; padding: 14px 24px; } .tt_button.modal-menu-item:first-child { margin-left: auto; } .tt_button.btn_gradient_color, .tt_button.modal-menu-item.btn_gradient_color { border: none!important; color: #fff!important; } #single-page .bbp-login-form .user-submit { width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; margin-bottom: 30px; margin-top: 20px; } .modal-content-inner .wpcf7-submit:hover, .keydesign-cart .buttons .btn:hover { color: #fff!important; } .modal-content .other-form-shortcode { position: relative; z-index: 10; } .navbar.navbar-default .menubar { -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; -ms-transition: background 0.25s ease-in-out; transition: 0.25s ease-in-out; } .navbar.navbar-default .menubar.main-nav-center .container::after, .navbar.navbar-default .menubar.main-nav-center .container::before { display: none; } .navbar.navbar-default .menubar .container { display: flex; justify-content: space-between; } @media (min-width: 1270px) { .navbar.navbar-default.logo-center .menubar .container { flex-direction: column; } .navbar.navbar-default.logo-center .logo-center-group-fix { display: flex; margin: auto; } .navbar.navbar-default.logo-center #logo { justify-content: center; } .navbar.navbar-default.logo-center .menubar .navbar-collapse { margin: auto; width: auto; } } .main-nav-extra-content { display: flex; } .navbar.navbar-default .menubar.main-nav-right .navbar-collapse { margin-left: auto; } .navbar.navbar-default .menubar.main-nav-left .navbar-collapse { margin-right: auto; } .navbar.navbar-default .menubar .topbar-search, .navbar.navbar-default .menubar .keydesign-cart { margin-top: 18px; } .navbar-default.navbar-shrink .nav li a:hover, .navbar-default.navbar-shrink .nav li a:focus { outline: 0; background: none; } .navbar-default.navbar-shrink .navbar-nav>.active>a:focus, .navbar-default.navbar-shrink .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a { border-radius: 0; background: none; opacity: 1; } .navbar-default.navbar-shrink.with-topbar { margin-top: -41px; } .navbar-default.navbar-shrink.with-topbar.with-topbar-sticky { margin-top: 0px; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } #kd-slider .bullet-bar.tparrows { width: 50px; height: 50px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #kd-slider .bullet-bar.tparrows:before { line-height: 50px; } #kd-slider .secondary_slider { background-color: #fff; border: 2px solid #fff; } #kd-slider .secondary_slider:hover { color: #fff; background-color: transparent; } .menu-item-badge, .navbar-nav .menu-item .menu-item-badge { display: inline-flex; padding: 0 10px; border-radius: 50em; font-size: 11px; font-weight: bold; letter-spacing: 0.16px; z-index: 10; text-transform: uppercase; width: auto; min-width: auto; text-align: center; margin-left: 12px; line-height: 21px; float: right; margin-top: -2px; } .footer-widget-area .menu-item-badge, .navbar-nav .dropdown-menu .menu-item .menu-item-badge { position: absolute; width: fit-content; top: 50%; margin-top: -11px; } @media(max-width:1270px) { .navbar-nav .menu-item .menu-item-badge { float: none; } } @media(min-width:1270px) { .under-menu { margin-top: 80px; } .under-menu-topbar { margin-top: 125px; } .navbar.navbar-default { padding: 0 0; border: 0; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: 0.25s ease-in-out; z-index: 1090; } .navbar-default, .navbar-default.fullwidth { padding: 0; } } .navbar.navbar-default.contained .container, .navbar.navbar-default .menubar, .navbar.navbar-default.navbar-shrink.fixed-menu, .keydesign-cart .keydesign-cart-dropdown, .navbar.navbar-default .dropdown-menu, #main-menu .navbar-nav .mega-menu>.dropdown-menu:before { background-color: #FFFFFF !important; } .navbar-shrink #main-menu .navbar-nav .mega-menu>.dropdown-menu:before, .keydesign-cart .keydesign-cart-dropdown, #main-menu .navbar-nav.navbar-shrink .menu-item-has-children .dropdown-menu, .navbar-nav.navbar-shrink .menu-item-has-children .dropdown-menu, .navbar.navbar-default.navbar-shrink .keydesign-cart .keydesign-cart-dropdown, .navbar.navbar-default.navbar-shrink .dropdown-menu, .navbar.navbar-default.navbar-shrink.contained .container, body:not(.transparent-navigation) .navbar.navbar-default.contained .container, .single-post .navbar.navbar-default.with-topbar-sticky.navbar-shrink .topbar, .navbar.navbar-default.navbar-shrink .menubar { background-color: #FFFFFF !important; } @media (min-width: 1269px) { .transparent-navigation .navbar.navbar-default, .transparent-navigation .navbar.navbar-default .container, .transparent-navigation .navbar.navbar-default.contained, .transparent-navigation .navbar .topbar, .transparent-navigation .navbar .menubar { background-color: transparent!important; } } /* -------------------------------------- 5. HEADER -----------------------------------------*/ header { position: relative; text-align: center; } .custom.tparrows.tparrows { background: none !important; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .custom.tparrows.tparrows:hover { /* opacity: 0.7 !important; */ } .custom.tparrows:before { font-size: 22px !important; } .header-full-height { height: 100vh; height: 100%; } .big-custom-heading { margin: 0; letter-spacing: -3px; } #wrapper .erinyen .tp-thumb { opacity: 1; border-radius: 0px; overflow: hidden; } #wrapper .erinyen .tp-thumb .tp-thumb-over {border-radius: 3px} #wrapper .erinyen .tp-thumb-title { font-weight: 700; font-family: inherit; font-size: 12px; text-transform: uppercase; } #wrapper .erinyen .tp-thumb-mask {overflow: visible!important;margin-top: -20px;} #wrapper .erinyen .tp-thumb.selected { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .erinyen .tp-thumb .tp-thumb-title {display: none;} .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { display: block; } .slider-scroll-down { width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; } .slider-scroll-down a { width: 70px; height: 70px; border: 2px solid white; display: block; z-index: 99; border-radius: 90px; background-image: url(//babyathome.ae/wp-content/themes/viva/images/arrow-down.png); background-repeat: no-repeat; background-position: center 26px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .slider-scroll-down a:hover { background-position: center 30px; } body.maintenance-mode { overflow: hidden; height: 100vh !important; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; } body.maintenance-mode .container { background-color: transparent; padding: 0; flex-shrink: 0; padding-bottom: 20px;} body.maintenance-mode .container .wpcf7 {max-width: 40%;margin: 0;margin-top: 45px;} body.maintenance-mode .container h2 { font-size: 70px; line-height: 80px; margin-bottom: 25px; text-align: left;margin-left: -2px;} body.maintenance-mode .maintenance-content { max-width: 50%; margin: 0; font-weight: inherit; opacity: 0.9; text-align: left;} body.maintenance-mode .countdown { margin: 0;margin-top: 80px;} body.maintenance-mode .CountdownContent { font-weight: 700; font-size: 36px; line-height: 36px;width: 125px;} body.maintenance-mode .CountdownContent .CountdownLabel { font-weight: 400; font-size: 16px; opacity:0.9 } body.maintenance-mode .wpcf7-submit {margin-top: 0;} @media (max-width: 960px) { body.maintenance-mode .container {flex-shrink: inherit;} body.maintenance-mode .container .wpcf7 { width: 90%; margin: auto; margin-top: 40px; } body.maintenance-mode .countdown { margin-top: 30px; } body.maintenance-mode .inline-cf .wpcf7 .wpcf7-submit { width: 100%; } body.maintenance-mode .container h2 {font-size: 28px; line-height: 1.3} } #main-menu .navbar-nav .menu-item-has-children .dropdown-menu { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: block; opacity: 0; visibility: hidden; border: 1px solid var(--border-color); border-top-style: solid; pointer-events: none; padding: 20px; border-radius: 3px; } .navbar-nav.no-transition .menu-item-has-children .dropdown-menu { -webkit-transition: 0s!important; -moz-transition: 0s!important; -o-transition: 0s!important; transition: 0s!important; } .navbar-nav .menu-item-has-children .dropdown-menu::after { display: none; position: absolute; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: transparent transparent #fff; border-width: 12px; top: -24px; z-index: 100; margin-left: -12px; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: initial; } .menubar #main-menu .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu .dropdown-menu { opacity: 1; top: 0; left: inherit; margin-left: 0; -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: none; position: relative; box-shadow: none; padding: 0; display: block; margin: 0; width: 100%; min-width: inherit; border: none!important; } .align-menu-right { left: -100%!important; margin-left: -40px!important; } .menubar #main-menu .navbar-nav .mega-menu .dropdown-menu .dropdown-menu .menu-item { width:100%; } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children:hover .dropdown-menu .dropdown:before { display:none } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown > a { pointer-events: none; margin-bottom: 10px; } #main-menu .navbar-nav .menu-item.mega-menu.menu-item-has-children .dropdown.hide-menu-intro > a { display: none; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a, .background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a { border-radius: 0; line-height: 33px; padding: 0!important; padding-left: 28px!important; border-left: 2px solid transparent; transition: 0.2s ease; font-size: 16px; width: 100%; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a, .background-dropdown-effect .navbar-nav .menu-item-has-children.mega-menu .dropdown-menu a { padding-left: 20px!important; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu, .background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu { padding-left: 0; padding-right: 0; } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover, .background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover { background: var(--gray-color-overlay); } #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu .dropdown:hover:before { color: #fff !important; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown-menu { opacity:0; top: -22px; left: 100%; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); pointer-events: none; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown:hover .dropdown-menu { opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); pointer-events: inherit; } @media (min-width:961px) { #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown > a:before { margin-right: 10px; color: inherit; content: "\f105"; font-family: 'viva-font'; position: absolute; right: 15px; font-weight: bold; margin: 0; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-size: 11px; } #main-menu.underline-effect .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown > a:before { right: -15px; } #main-menu.underline-effect .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown a:hover:before { right: -20px; } } #main-menu .navbar-nav .mega-menu .dropdown-menu .dropdown > a:before { display:none; } #main-menu .navbar-nav > .menu-item-has-children > a:after { margin-right: 10px; color: inherit; content: "\f078"; font-family: 'viva-font'; font-weight: 400; margin: 0; font-size: 9px; display: inline-block; background: none; margin-left: 5px; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown a:hover:before { right: 10px; } .logged-in #main-menu .navbar-nav a, #main-menu .navbar-nav .menu-item a {padding-top: 32px;padding-bottom: 32px;} #main-menu .navbar-nav .menu-item .dropdown-menu .menu-item a {padding: 6px 10px;} #main-menu .navbar-nav .dropdown-menu { padding: 0; border: none; border-radius: 0; box-shadow: none; min-width: 260px; left: -16px; top: auto; overflow: visible; right: auto; } #main-menu .navbar-nav .dropdown-menu a { margin: 0; padding: 5px 10px; line-height: 18px; -webkit-transition: 0s ease-in-out; -moz-transition: 0.2s all ease; -ms-transition: 0.2s all ease; -o-transition: 0.2s all ease; transition: 0.3s all ease; background-color: transparent; white-space: inherit; position: relative; } #main-menu .navbar-nav .mega-menu {position: static;} #main-menu .navbar-nav .mega-menu .dropdown-menu { left: 0; right: 0; padding: 60px 0; margin: 0px 5px; display: flex; justify-content: space-between; margin-right: -15px; box-shadow: none; flex-wrap: wrap; } #main-menu .navbar-nav .mega-menu > .dropdown-menu { overflow: visible; border: none; } #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; top: 0; background-color: #fff; left: calc(615px - 50vw); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu { left:auto; right:auto; } #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu .menu-item { width:50% } .full-width #main-menu .navbar-nav .mega-menu .dropdown-menu { margin: 0; border-radius: 0!important; padding-left: 20px; padding-right: 20px; } .full-width #main-menu .navbar-nav .mega-menu > .dropdown-menu { border-top: 1px solid rgba(132, 132, 132, 0.15)!important; margin-top: -1px; } .full-width #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display:none; } #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item {margin-right: 0;min-width: 4%;flex-shrink: 0;flex-grow: 1;z-index: 10;flex: 1;line-height: 35px;font-size: 16px;} #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item:nth-child(5n) {border:none;} #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item a {width: auto;padding: 6px 10px;} #main-menu .navbar-nav .wpglobus-selector-link .dropdown-menu { min-width: 100px; } .topbar-menu { margin-right: 0; } .topbar #menu-topbar-menu, .navbar-topbar { padding:0; margin:0; list-style-type:none; } .topbar #menu-topbar-menu li, .navbar-topbar li { display: block; float: left; font-size: 14px; letter-spacing: 0; line-height: 40px; border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; } .topbar #menu-topbar-menu li:last-child, .navbar-topbar li:last-child { border:none; margin-right: 0; } .topbar #menu-topbar-menu li a, .navbar-topbar li a { transition: 0.25s; color: inherit; margin-right: 15px; } .topbar-search { display: inline-block; border-top-left-radius: 3px; border-top-right-radius: 3px; z-index: 100; position: relative; } .fa.toggle-search { text-align: center; font-size: 18px; position: relative; cursor: pointer; float: left; padding: 0; z-index: 10; padding: 7px; margin: 6px; } .fa.toggle-search:before { width: 18px; display: block; } .header-wishlist a, .cart-icon-container, .topbar-socials a i, .topbar-contact .fas, .topbar-contact .far, .topbar-opening-hours, .topbar-phone a, .topbar-email a, .topbar #menu-topbar-menu li a, .navbar-topbar li a, .fa.toggle-search { -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .topbar-phone a:hover, .topbar-email a:hover, .topbar #menu-topbar-menu li a:hover, .navbar-topbar li a:hover, .fa.toggle-search:hover { opacity: 1; } .topbar-search .search-form .search-submit { height: 40px; width: 40px; bottom: 10px; right: 0; font-size: 18px; display: block; } .transparent-navigation .topbar-search { background-color: transparent; } .topbar-search .search-form label { margin-bottom:0; } .search .topbar-search .search-form .search-field, .topbar-search .search-form .search-field { background-color: #f5f5f5; border: none; border-radius: 3px; line-height: 40px; height: 40px; margin: 0; font-size: 14px; padding: 0 15px; font-weight: 400; width: 200px; float: left; } .topbar-search-container { position: absolute; background-color: #fff; padding: 10px; z-index: 9; right: -9px; top: 45px; opacity: 0; visibility: hidden; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; border: 1px solid var(--border-color); } .topbar-search-container form {height: 40px;position: relative;} .topbar-search-container.active { opacity: 1; visibility: visible; } .topbar-search .search-form.active .search-field { width: 250px; opacity: 1; } .pll-parent-menu-item img { margin: 3px 0 2px 0; display: flex; } .pll-parent-menu-item img + span { display: none; } .pll-parent-menu-item .dropdown-menu span { display: inline-block; margin-left: 14px!important; } .pll-parent-menu-item .dropdown-menu li { min-width:150px; display: flex; align-items: center; } .pll-parent-menu-item .dropdown-menu a img { margin: 0; display: inline-block; } .pll-parent-menu-item a { align-items: center; } .pll-parent-menu-item .dropdown-menu {min-width: max-content!important;width: auto;} #main-menu .navbar-nav > .menu-item-has-children.pll-parent-menu-item > a:after { display:none; } .topbar-lang-switcher { float: right; min-width: 72px; min-height: 10px; position: relative; margin-right: -5px; } .topbar-lang-switcher .lang-switcher-wpml { width: 110px; } .topbar-lang-switcher ul, .topbar-lang-switcher ul li { list-style-type: none; padding: 0; margin: 0; } .topbar-lang-switcher ul li.wpml-ls-item, .topbar-lang-switcher ul li { display:none; float: left; max-height: 13px; line-height: 12px; margin-bottom: 15px; } .topbar-lang-switcher ul li.wpml-ls-item .wpml-ls-display { display: none; } .topbar-lang-switcher ul li.wpml-ls-item.wpml-ls-current-language, .topbar-lang-switcher ul li.wpml-ls-item, .topbar-lang-switcher ul:hover li, .topbar-lang-switcher ul li.current-lang { display: block; } .topbar-lang-switcher .wpml-ls-legacy-list-vertical .wpml-ls-flag+span, .topbar-lang-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span { margin-top: 2px; } .footer_widget .wpml-ls-legacy-list-horizontal, .footer_widget .wpml-ls-legacy-list-vertical { padding:0; } .footer_widget #logo { margin-bottom: 25px; } .footer_widget .wpml-ls-legacy-list-horizontal a, .footer_widget .wpml-ls-legacy-list-vertical a { padding-left: 0; margin-right: 20px; } .topbar-lang-switcher ul, .topbar-lang-switcher ul li a { color:#1f1f1f; } .topbar-lang-switcher ul { margin-top: 5px!important; max-height: 30px; overflow: hidden; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; position: absolute!important; padding: 15px; z-index: 99; border-radius: 3px!important; padding-bottom: 2px!important; padding-top: 11px; } .topbar-lang-switcher .wpml-ls-legacy-list-vertical>ul { margin-top: 3px!important; border: none; } .topbar-lang-switcher .wpml-ls-legacy-list-horizontal>ul, .topbar-lang-switcher .wpml-ls-legacy-list-vertical>ul { padding-top: 5px; } .topbar-lang-switcher .wpml-ls-legacy-list-horizontal { padding-top: 3px; } .topbar-lang-switcher ul:hover { max-height: 150px; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); background-color: #fff !important; } .topbar-lang-switcher ul:hover a { color: #1f1f1f!important; } .topbar-lang-switcher ul li span { margin-left: 7px!important; font-size: 13px; text-transform: capitalize; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; display: inline-flex; font-weight: 500; float: right; max-width: 19px; } .topbar-lang-switcher img { display: inline-block; margin-top: -2px; } /* -------------------------------------- 6. SECTIONS -----------------------------------------*/ /*6.9 SUBSCRIBE*/ .wpcf7-form { text-align: left; position: relative; } .wpcf7-form .wpcf7-spinner { position: absolute } .wpcf7-form label { font-weight: 400; width: 100%; line-height: 1.6; margin-bottom: 10px; } .wpcf7 br { display: none; } .wpcf7-form-control-wrap { position: relative; margin-right: 40px; width: 100%; display: inline-block; } .wpcf7 span.wpcf7-list-item { margin: 0; } .wpcf7-form .label { text-transform: uppercase; font-weight: bold; text-align: left; color: #bbb; padding-left: 33px; font-size: 12px; letter-spacing: 0; margin-bottom: 10px; display: block; margin-top: 25px; } #single-page #comments { clear: both; margin-top: 50px; } #single-page p {margin-bottom: 20px;font-size: var(--medium-body-text-size);} #single-page .wpcf7 p {margin-bottom: 0;} #single-page .wpcf7 .label {margin-bottom: 10px;} .page-links { display: block; position: relative; clear: both; } .light-font { font-weight: 100; } .contact-map-container .toggle-map:hover, .wpcf7 .wpcf7-submit:hover { background-color: #fff; } #single-page #comments input[type="text"], #single-page #comments input[type="email"], #comments input[type="text"], #comments input[type="email"], #comments input[type="url"] { width: 100%; height: 50px; background-color: transparent; outline: none; display: inline-block; padding: 0 20px; font-size: 12px; font-weight: inherit; text-shadow: none; letter-spacing: 1px; border-radius: 0px; } .register-form .wpcf7 .wpcf7-submit, .register-form .wpcf7-form-control-wrap { width: 22.5%!important; margin-left: 1%; margin-right: 1%; display: inline-block; } .register-form .wpcf7 .wpcf7-submit { float: right; margin-top: 0; } .register-form .wpcf7 .wpcf7-submit:hover { background-color: transparent !important; } .register-form .wpcf7 .ajax-loader { display: none; } .wpcf7-select { display: block; cursor: pointer; position: relative; } .woocommerce .woocommerce-ordering:after, .menu-31:after { display: block; content: "\f078"; font-family: 'viva-font'; position: absolute; z-index: 10; width: 10px; font-weight: 400; line-height: 10%; color: #cacaca; font-size: 10px; line-height: 44px; pointer-events: none; } .woocommerce .woocommerce-ordering:after {right: 15px;top: 0;} .register-form .wpcf7 .wpcf7-text, .register-form .wpcf7 .wpcf7-email, .register-form .wpcf7 .wpcf7-select { min-width: 100%; width: 100%; } .register-form div.wpcf7 img.ajax-loader { display: none; } #single-page #comments input[type="text"], #single-page #comments input[type="email"], #comments input[type="text"], #comments input[type="email"], #comments input[type="url"] { min-width: 100px; box-shadow: none; width: calc(100% - 20px); margin-bottom: 20px; border: none; background-color: var(--gray-color-overlay); border: 1px solid var(--border-color); border-radius: 5px; line-height: 60px; height: 60px; } .blog-header-form .wpcf7-validation-errors, .section .wpcf7-validation-errors, .kd-side-panel .wpcf7-validation-errors { display: none !important; } .blog-header-form .wpcf7-not-valid-tip, .blog-header-form .wpcf7-mail-sent-ok, .modal-content-inner .wpcf7-not-valid-tip, .section .wpcf7-mail-sent-ok, .section .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip { position: absolute; top: 0px; height: 55px; margin: 0; line-height: 55px; width: 100%; color: #fff; padding: 0; z-index: 10; text-align: left; padding-left: 20px; background-color: transparent; cursor: pointer; font-weight: 500; border-radius: 0px; } #wrapper .wpcf7 form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: 20px 0 0 0!important; padding: 10px 20px!important; font-size: 14px; } .kd-side-panel .kd-panel-contact .wpcf7-response-output { margin: 0!important; transform: translateY(-20px); } .blog-header-form .wpcf7-mail-sent-ok, .section .wpcf7-mail-sent-ok { right: 0; margin-left: 0; top: inherit; position: relative; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; border-radius: 0px; float: left; } .blog-header-form .wpcf7-not-valid-tip:before, .blog-header-form .wpcf7-mail-sent-ok:before, .modal-content-inner .wpcf7-not-valid-tip:before, .section .wpcf7-mail-sent-ok:before, .section .wpcf7-not-valid-tip:before, .kd-side-panel .wpcf7-not-valid-tip:before { font-family: 'viva-font'; font-weight: 600; content: "\f00d"; position: absolute; right: 19px; color: #fff; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .section .wpcf7-mail-sent-ok:before { color: #6dab3c!important; } .footer-newsletter-form .wpcf7-response-output { position: absolute; width: 100%; color: #fff; font-weight: bold; line-height: 46px; margin: 0; padding: 0 20px; margin-top: 20px; } .footer-newsletter-form span.wpcf7-not-valid-tip { display: none; } .modal-content-inner .wpcf7-response-output { margin: 0px auto 0 auto; padding: 0; border: none !important; text-align: center; font-weight: bold; color: #ffffff; margin-top: 20px; max-width: 100%; line-height: 1.4; display: block; float: left; } .blog-header-form .wpcf7-not-valid-tip:hover:before, .modal-content-inner .wpcf7-not-valid-tip:hover:before, .section .wpcf7-not-valid-tip:hover:before, .kd-side-panel .wpcf7-not-valid-tip:hover:before { opacity: 0.65; } /* -------------------------------------- 7.FOOTER -----------------------------------------*/ .vc_row.vc_row-has-fill { background-repeat: no-repeat; background-position: top; position: relative; } .vc_parallax.vc_row .wpb_column.vc_column_container:first-child { position:relative; } .container .phone-number { font-weight: 700; } #footer { display: block; width: 100%; visibility: visible; opacity: 1; } #footer.fullwidth-footer .container { width: 100%; padding-left: 30px; padding-right: 30px; } #footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; width: auto; } .upper-footer .container { padding-left: 15px; padding-right: 15px; } #footer.classic { position: relative; } .lower-footer span, .lower-footer a { opacity: 1; margin-right: 25px; line-height: 25px; } .footer-widget-area { padding-top: 60px; } .lower-footer a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .lower-footer a:hover { opacity: 1; text-decoration: none; } .lower-footer .pull-right a { margin: 0; padding: 0; display: block; margin-left: 15px; background: none; } .lower-footer .fa { margin: 0; opacity: 1; font-size: var(--large-body-text-size); font-weight: 400; float: left; margin-right: 0; } .lower-footer { margin-top: 0px; padding: 0; width: 100%; border-top: none; } .lower-footer .container { padding: 17px 0; text-align: center; border-top: 1px solid var(--border-color); } .lower-footer.copyright-left .container {text-align: left;} .lower-footer.copyright-right .container {text-align: right;} .lower-footer.copyright-center .container {text-align: center;} .lower-footer.copyright-justify .container span { display: flex; justify-content: space-between; margin: 0; } /*.lower-footer.copyright-justify .container { padding-left: 0; padding-right: 0; }*/ .upper-footer { padding: 0; border-top: none; } .upper-footer .footer-widget-column:first-child { padding-left: 0; } .upper-footer .footer-widget-column:last-child { padding-right: 0; } .upper-footer .search-form .search-field, .upper-footer .footer_widget select { color: #838383; background: #f4f4f4; } .footer_widget .search-submit { right: 15px; } .footer-bar { border-bottom: 1px solid var(--border-color); margin: 0; margin-bottom: 80px; float: left; width: 100%; padding: 36px 0; } .footer-bar.no-upper-footer { border:none; margin-top:50px; margin-bottom:50px; } .footer-bar .footer-nav-menu { float:left; } .footer-bar .footer-nav-menu ul { padding:0; } .footer-bar .footer-nav-menu ul li a { display: inline-block; margin-left: 0; margin-right: 25px; transition: 0.2s; font-size: 16px; letter-spacing: 0.01em; } .footer-socials-bar { float:right; } .footer-socials-bar ul { margin-bottom:0; margin-top: 0; padding: 4px 0; } .footer-business-info { padding: 40px; margin: 0 0 80px 0; border-top: 1px solid #e5e7f2; border-bottom: 1px solid #e5e7f2; } .footer-business-info.footer-socials a { display: block; float: left; width: 40px; height: 40px; text-align: center; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; line-height: 40px; margin-right: 20px; } .footer-social-text { font-weight: bold; text-transform: uppercase; color: aliceblue; float: left; display: block; line-height: 40px; margin-right: 30px; } .container.footer-business-wrapper { max-width: 100%; } .footer-newsletter-form { float: right; } .footer-newsletter-form .wpcf7-form .wpcf7-email { height: 40px; line-height: 40px; margin: 0; font-weight: bold; } .footer-newsletter-form .wpcf7-form-control-wrap { width: auto; margin: 0; } .footer-newsletter-form .wpcf7 .wpcf7-submit { float: right; display: block; width: auto; margin: 0; height: 40px; line-height: 40px; border: none!important; font-weight: 900; } .footer-newsletter-form .wpcf7-form .wpcf7-email {color: #fff;} .footer-newsletter-form .wpcf7-form .wpcf7-email::-webkit-input-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email::-moz-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email:-ms-input-placeholder { color: rgb(130, 130, 130) } .footer-newsletter-form .wpcf7-form .wpcf7-email:-moz-placeholder { color: rgb(130, 130, 130) } #commentform textarea::-webkit-input-placeholder {color:#9e9e9e;} #commentform textarea::-moz-placeholder {color:#9e9e9e;} #commentform textarea:-ms-input-placeholder {color: #9e9e9e;} .footer-business-info.footer-socials a .fa { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .footer-business-info.footer-socials a:hover .fa { color: #fff; } .footer-business-info.footer-socials a .fa { color: inherit; } .footer-business-address, .footer-business-phone, .footer-business-email { width: 33%; display: block; position: relative; float: left; } .footer-nav { float: left; max-width: 280px; padding: 0; margin: 0; margin-top: 5px; } .upper-footer .col-lg-4 { padding: 0; } .upper-footer .col-lg-4.first-widget-area .widget_text { max-width: 320px; } .footer-business-info [class^="iconsmind-"], .footer-business-info [class*=" iconsmind-"] { display: block; float: left; font-size: var(--large-body-text-size); font-weight: 700; color: #8f8f8f; } .footer-business-content a { color: inherit; transition: 0.25s; } .footer-business-phone:after, .footer-business-address:after { content: ""; display: block; width: 2px; height: 30px; background-color: rgba(255, 255, 255, 0.13); position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .footer-business-title { font-weight: 700; display: block; margin-left: 20px; float: left; } .portfolio-template-default #comments { margin-bottom: 60px; padding: 0 15px; } .tax-portfolio-category.archive #posts-content { padding-bottom: 60px; } .portfolio-template-default #comments input[type="submit"] { width: auto; } .footer-business-content { display: block; float: left; margin-left: 10px; } .footer_widget { max-width: 100%; margin: auto; margin-bottom: 50px; } .upper-footer .footer_widget p { text-transform: inherit; } .first-widget-area .footer_widget { max-width: 100%; margin-left: 0; } .footer_widget.widget_polylang { padding-right: 30px; } .third-widget-area .footer_widget { margin-right: 0; } .footer_widget ul { padding: 0; list-style-type: none; } .footer_widget .menu { list-style-type: none; padding-left: 0; margin-top: 15px; margin-bottom: 0; width: 100%; padding-bottom: 25px; } .footer_widget .menu li { width: 100%; } .footer_widget ul li span.post-date { white-space: nowrap; width: 10px; display: inline-block; } .footer_widget ul a, .footer_widget .menu li a { line-height: 45px; color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .footer_widget.widget_rss ul li a, .footer_widget.widget_recent_comments ul li a { line-height: inherit; } .footer_widget.widget_rss ul li, .footer_widget.widget_recent_comments ul li { padding: 15px 0 0 0; } .footer_widget ul a { text-transform: initial; } .footer_widget .post-date:before { content: "-"; margin: 0 5px; } .upper-footer .textwidget { border: none; margin-bottom: 30px; font-size: 16px; margin-top: 10px; } .upper-footer .textwidget .wpcf7-form { margin-top: 25px; } .upper-footer .textwidget .wpcf7-list-item-label { font-size: 14px; } .textwidget img { max-width: 100%; } .textwidget select { max-width: 100%; } .upper-footer .textwidget img { margin-bottom: 27px; } .upper-footer .textwidget.custom-html-widget span { width: 90%; margin-top: 10px; display: block; } .upper-footer .textwidget .wpcf7-form-control-wrap { margin: 0; width: 100%; position: relative; float: none; } .upper-footer .textwidget .address-overflow { padding-left: 0; margin-bottom: 0; line-height: 1.9; margin-top: -3px; } .upper-footer .textwidget a { color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .upper-footer .widget-title { font-size: var(--medium-body-text-size); font-weight: 500; margin-bottom: 10px; letter-spacing: 0; } .text-left .widget-title {text-align: left;} .text-center .widget-title {text-align: center;} .text-right .widget-title {text-align: right;} .upper-footer p {} .upper-footer i { color: inherit; margin-right: 0; float: left; margin-left: 25px; font-size: 16px; transition: 0.2s; } .modal-content-contact .redux-social-media-list { padding-left: 0; margin-top: 35px; } .modal-content-contact .redux-social-media-list i { margin-right: 20px; margin-left: 0; font-size: 18px; color: #1a1a1a; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.25s; } .upper-footer i { color: var(--heading-color); } .upper-footer .modal-menu-item { width: 100%; text-align: center; float: left; margin: 0; margin-top: 40px; opacity: 1; } .upper-footer .modal-menu-item:hover { color: #fff; } .socials-widget { padding-top: 0; border-top: none; max-width: 240px; margin-top: 25px; } .socials-widget a { font-size: 15px; border-radius: 90px; margin-right: 25px; display: inline-block; text-align: center; transition: 0.25s; margin: 0 20px 0 0px; } .footer_widget .socials-widget a .fa, .footer_widget .socials-widget a {color: inherit;opacity: 0.85;} .footer_widget .socials-widget a:hover .fa, .footer_widget .socials-widget:hover a {color: inherit;opacity: 1;} .footer_widget .search-form {position: relative;} .footer_widget .search-form label {width: 100%;} .socials-widget a:hover .fa, .socials-widget a:hover { opacity: 1; color: #fff; } .socials-widget a .fa { transition: 0.25s; } .socials-widget a:last-child { margin-right: 0; } .navbar-footer li { display: inline-block; } .navbar-footer li a { color: inherit; margin: 0; margin-left: 25px; } .navbar-footer li a:hover { background: none; } .lower-footer a { color: inherit; margin: 0; margin-left: 15px; margin-right: 0; color: var(--heading-color); } .lower-footer .pull-left a { font-weight: bold; } .back-to-top { position: fixed; z-index: 100; bottom: 30px; right: -50px; text-decoration: none; background-color: #fff; font-size: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; width: 50px; height: 50px; cursor: pointer; text-align: center; line-height: 51px; border-radius: 50%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .back-to-top:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .back-to-top.active { right: 30px; } .back-to-top.left-aligned { right: inherit; left: -50px; } .back-to-top.active.left-aligned { left: 30px; right: inherit; } .back-to-top .fa { color: inherit; font-size: 14px; line-height: 50px; } .back-to-top.scroll-position-style { background: transparent; border-radius: 99px; } .back-to-top.scroll-position-style:hover { -webkit-transform: none; -ms-transform: none; transform: none; } .back-to-top.scroll-position-style .fa:before { opacity: 0.4; transition: all 200ms linear !important; content: "\e90c"; font-weight: 600; font-size: 18px; } .back-to-top.scroll-position-style:hover .fa:before { opacity: 1; } .back-to-top.scroll-position-style .fa { height: 50px; width: 50px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .back-to-top.scroll-position-style circle { stroke-width: 2; fill: none; stroke-dasharray: 262px; box-sizing: border-box; -webkit-transition: all 200ms linear !important; -moz-transition: all 200ms linear !important; -o-transition: all 200ms linear !important; -ms-transition: all 200ms linear !important; transition: all 200ms linear !important; } .back-to-top.scroll-position-style svg { position: absolute; top: 0; left: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .lower-footer, .upper-footer .textwidget p, .upper-footer .textwidget, .upper-footer, .upper-footer .socials-widget .fa, .footer_widget p { color: var(--text-color); } .upper-footer i, .lower-footer a, .upper-footer .widget-title, .upper-footer .modal-menu-item { /* color: #FFFFFF; */ } .footer-newsletter-form .wpcf7-form .wpcf7-email, .footer-business-info.footer-socials a, .footer-business-info { background: #fff; } /*-----------------------------------------------------------------*/ /* 8. ICONS /*-----------------------------------------------------------------*/ /*#wrapper [class^="iconsmind-"], #wrapper [class*=" iconsmind-"], [class^="iconsmind-"], [class*=" iconsmind-"] { font-family: 'viva-font'!important; }*/ .iconspage header { text-align: center; padding: 120px 0 0; } .iconspage header h1 { font-size: 2rem; } .iconspage header p { font-size: 1.4rem; margin-top: .6em; } .iconspage header a:hover { text-decoration: underline; } .iconspage section { width: 90%; max-width: 1200px; margin: 50px auto; } .iconspage section h2 { border-bottom: 1px solid #e2e2e2; padding: 0 0 1em .2em; margin-bottom: 1em; } .iconspage ul::after { clear: both; content: ""; display: table; } .iconspage ul li { width: 25%; float: left; padding: 16px 0; text-align: center; border-radius: .25em; cursor: pointer; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .iconspage ul li:hover { background-color: #dbdbdb; } .iconspage ul p { display: inline-block; font-size: 1rem; margin-top: 10px; color: #999999; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; white-space: nowrap; width: 100%; padding: 10px; overflow: hidden; text-overflow: ellipsis; } /*-----------------------------------------------------------------*/ /* 9. BLOG /*-----------------------------------------------------------------*/ .vc_grid-item-mini .vc_gitem-zone { background-color: white; border-radius: 0; } .vc_gitem-animate .vc_gitem-zone-b { z-index: 199; background-color: inherit!important; } .vc_grid-item-mini .vc_gitem-zone img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 10; position: relative; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-top, .vc_grid-item-mini .vc_gitem-zone-b .vc_gitem-row-position-top { position: relative; left: 0; right: 0; top: 0; } .vc_grid-item-mini .wpb_single_image.vc_align_center { margin-bottom: 0!important; line-height: 0; } .vc_grid-item-mini .vc_gitem-zone-b .vc_custom_heading { margin-bottom: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } #single-page.home-viva .demos-section .kd-photobox h4, .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4 { margin-bottom: 0; text-align: left!important; font-size: var(--large-body-text-size); letter-spacing: -0.01em; position: relative; transition: var(--image-animation); display: inline-flex; max-width: 90%; padding-bottom: 5px; } #single-page.home-viva .demos-section .kd-photobox h4:before, .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4:before { content: ""; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; height: 3px; width: 50px; bottom: 0px; background-color: #ccc; transition: 0.5s cubic-bezier(.19,1,.22,1); } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c h4:before { background-color: #fff!important; display: none; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c h4:after { color:#fff!important; } .content-area .vc_grid-item-mini .vc_gitem-animated-block:after { content:"\e93a"; font-family:'viva-font'; transition: 0.2s all ease; position: absolute; right: -20px; font-size: var(--large-body-text-size); font-weight: 400; opacity: 0; font-size: 22px; width: auto; } .content-area .vc_grid-item-mini .vc_gitem-animated-block:after { position: absolute; top: 50%; left: 50%; color: #fff; right: inherit; font-size: 60px; line-height: 60px; margin-top: -30px; transform: translateX(-50px); transition: 0.75s cubic-bezier(.19,1,.22,1); transition-delay: 0.1s; opacity: 0; pointer-events: none; } #single-page.home-viva .demos-section .kd-photobox:hover h4:after, .content-area .vc_grid-item-mini:hover .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4:after { right: -30px; opacity: 1; } .content-area .vc_grid-item-mini:hover .vc_gitem-animated-block:after { opacity: 1; transform: translateX(-30px); } .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading { margin-bottom: 0; } /* .vc_pageable-slide-wrapper .vc_custom_heading.vc_gitem-post-data-source-post_excerpt, .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display: none!important; } */ .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b { opacity: 0.6!important; } .content-area .vc_grid-item-mini .vc_gitem-zone-c p { margin-bottom: 0!important; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col.grid-entry-content { padding: 20px 35px 40px 35px; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col.grid-entry-content h5 { line-height: 1.6; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date { position: absolute; padding-right: 0; margin-right: 0; line-height: 1.3; bottom: 25px; width: 100%; text-align: center; top: inherit; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: none; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { display: block; float: left; position: relative; bottom: inherit; margin: 0; width: auto; margin-right: 20px; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { font-weight: 500; } .vc_col-sm-3 .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0!important; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_author div { line-height:1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vc_gitem-post-data-source-post_author { margin: 0!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before { font-family: 'viva-font'; font-size: inherit; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f11c"; display:inline-block; margin-right: 5px; color: var(--text-color); transform: translateY(2px); } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before { content: "\f11c"; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before { content: "\f017"; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div { font-family:inherit!important; font-size: 14px!important; margin-bottom: 5px; color: #fff!important; letter-spacing: 0; font-weight: 700!important; margin: 0; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col { padding: 0; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_grid-item-mini .vc_gitem-zone-b .vc_gitem-row-position-bottom { position: relative; } .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { margin: 0; letter-spacing: 0; font-size: 16px; line-height: 1.4; } .vc_grid-item-mini .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle { position: relative; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 0; text-align: center; border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 10px; padding-top: 0; top: 0; } .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom { text-align: center; height: 44px; border: none; border-radius: 0; min-width: 160px; font-size: 12px; font-weight: 900; color: #fff; padding: 0 25px; margin: auto; display: table; text-transform: uppercase; box-sizing: border-box; line-height: 46px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; background-color: transparent; cursor: pointer; } .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom:hover { color: #fff; } .vc_grid-item-mini .vc_btn3-container.vc_btn3-center { text-align: center; margin-top: 30px; } .vc_grid-item-mini .vc_btn3-container.vc_btn3-center { margin-bottom: 0; } .vc_grid-item-mini .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-right: 30px; } .vc_grid-item-mini .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:hover { padding-right: 34px; } .entry-header { padding-top: 168px; text-align: left; padding-bottom: 150px; overflow: hidden; background-color: var(--gray-transparent-overlay); } body:not(.wpb-js-composer) .single-page-header { margin-bottom: 100px; } .portfolio-template-default .entry-header { padding-bottom: 0; margin-bottom: 0; } .portfolio-template-default .entry-header .container { padding-bottom: 150px; padding-left: 0; padding-right: 0; max-width: 1210px; } .woocommerce-page .blog-header.entry-header { padding-top: 180px; } .woocommerce-page .blog-header.entry-header.with-topbar { padding-top: 220px; } .woocommerce-page.post-type-archive-product .blog-header.entry-header, .woocommerce-page.post-type-archive-product .blog-header.entry-header.with-topbar { padding-top: 220px; } body.woocommerce-page .entry-header .breadcrumbs { } .single-post .breadcrumbs { margin-top: 0; } .entry-header.blog-header { padding-top: 138px; margin-bottom: 10px; } .blog-title-center {text-align: center;} .title-wrapper div { padding: 0!important; } .blog-title-center .title-wrapper div { margin:auto; float: none; } .blog-title-center .bbp-breadcrumb, .blog-title-center .breadcrumbs, .blog-title-center .section-subheading { float: none; margin-left: auto; margin-right: auto; text-align: center; } .blog-title-center div.bbp-breadcrumb p { text-align: center; } .breadcrumbs.breadcrumbs-shortcode, .blog-title-left .breadcrumbs, .blog-title-center .breadcrumbs { /* font-weight: 500; */ } .blog-title-center .blog-header-form { margin-right:auto; margin-left:auto; } .blog-title-center .blog-header-form .wpcf7 { margin:auto; } .entry-header .container { padding: 0 15px; } .entry-header .section-heading { margin: 0; } .entry-header.with-topbar { padding-top: 220px; } .blog-title-right .section-heading {text-align:right;} .blog-title-right .section-subheading, #single-page .blog-title-right .section-subheading { text-align: right;float: right; } .blog-title-right .breadcrumbs { margin-right: 0; max-width: 100%; text-align:right; } .entry-header.blog-header.with-topbar { } .single-post .entry-header.blog-header { background: none !important; padding-bottom: 2px; } .single-post #posts-content { padding-top:0; padding-bottom: 0; } .breadcrumbs .container { padding: 0 15px } .breadcrumbs { background-color: #f3f3f3; padding: 33px 15px; } .container .breadcrumbs a { font-weight: 400; font-size: inherit; transition: 0.25s; opacity: 1; color: inherit; } .breadcrumbs a span { color:inherit; } .breadcrumbs-separator { margin: 0 3px; } .breadcrumbs a:hover { opacity:1 } .breadcrumbs .fa { margin-right: 8px; font-weight: 400; font-size: 12px; color: inherit; opacity:0.5; } .breadcrumbs.bcn-center { text-align: center; } .breadcrumbs .fa:nth-last-of-type(2) { opacity:1!important; } #single-page .header-overlay { position: absolute; width: 100%; height: 450px; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%; } #single-page .single-page-heading { position: relative; overflow: hidden; margin-bottom: 60px; padding: 134px 0px 100px 0; background-color: #f3f3f3; } .breadcrumbs { background: none; z-index: 100; position: relative; padding: 0; margin-top: 10px; font-size: 16px; letter-spacing: 0.01em; font-weight: 400; } .section-subheading + .breadcrumbs { margin-top: 60px; } #single-page .with-overlay .parallax-overlay { opacity: 1; } .maintenance #single-page .single-page-heading { margin-top: 0; padding-top: 0; display: none; } .entry-header .header-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .home.blog .entry-header .header-overlay { background-size: cover; } .entry-header .intro-text { position: relative; padding-top: 220px; width: 100%; padding-bottom: 0; } #posts-content { padding: 60px 0; padding-bottom: 100px; } .woocommerce-page #wrapper { padding: 0; padding-bottom: 50px; } .single-product #wrapper { padding-bottom:0; } .search #posts-content, .archive #posts-content, .search #posts-content, .blog #posts-content { padding-top: 90px; padding-bottom: 50px; } .single-product .entry-header .section-heading, .archive .entry-header .section-heading, .search .entry-header .section-heading { } .related-content .owl-dots { text-align: center; } #posts-content.blog-minimal-grid .type-portfolio, .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { width: calc(33.3333% - 30px); float: left; margin: 0 15px; border: none; padding-bottom: 0px; margin-bottom:30px; -webkit-transition-duration: 800ms; transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); background-color: var(--gray-color-overlay); overflow: hidden; border: none; } #wrapper .vc_grid-item-mini .blog-detailed-grid img, .blog-detailed-grid .entry-image img, .blog-minimal-grid .entry-image img, #posts-content .related-posts .post .entry-image img, .blog-minimal-grid .type-portfolio .entry-image img, .related-posts .portfolio .entry-image img { transition: var(--image-animation); } #wrapper .vc_grid-item-mini:hover .blog-detailed-grid img, .blog-detailed-grid .post:hover .entry-image img, .blog-minimal-grid .post:hover .entry-image img, .related-posts .post:hover .entry-image img, .blog-minimal-grid .type-portfolio:hover .entry-image img, .related-posts .portfolio:hover .entry-image img { transform: scale(1.05); } .related-content .portfolio { background: #fff; } #posts-content.blog-detailed-grid .post { background: #fff; border: 1px solid var(--border-color); } #wrapper .vc_gitem-zone.blog-detailed-grid.blog-detailed-grid .entry-wrapper .tt_button, #posts-content .related-posts .post .tt_button, .related-posts .portfolio .tt_button, #posts-content.blog-detailed-grid .post .tt_button, #posts-content.blog-minimal-grid .post .tt_button { line-height: 45px; height: 45px; padding-top: 0; padding-bottom: 0; font-weight: 400; } #wrapper .vc_gitem-zone.blog-detailed-grid.blog-detailed-grid .entry-wrapper .tt_button { display: inline-flex; float: left; margin-top: 10px; } #wrapper .vc_gitem-zone.blog-detailed-grid.blog-detailed-grid .entry-wrapper .tt_button a { transition: 0.2s ease; } #wrapper .vc_gitem-zone.blog-detailed-grid.blog-detailed-grid .entry-wrapper .tt_button:hover a { color: #fff!important; } .related-posts .portfolio .tt_button .fa.fa-chevron-right, .post .tt_button .fa.fa-chevron-right, #posts-content .tt_button .fa.fa-chevron-right { font-size: 13px; margin-left: 12px; margin-right: 0; } .related-content .portfolio {margin-bottom: 0;} #posts-content .related-posts .post { border-radius: 5px; overflow: hidden; } #posts-content.blog-detailed-grid .post:hover, #posts-content.blog-minimal-grid .post:hover, .related-content .portfolio:hover, #posts-content .related-posts .post:hover { } #posts-content.blog-minimal-grid .type-portfolio .blog-single-title, .related-posts .portfolio .blog-single-title, #posts-content .related-posts .post .blog-single-title, #posts-content.blog-minimal-grid .post .blog-single-title { margin-bottom: 30px; } .owlslider-related-posts .portfolio, .owlslider-related-posts .post { width: calc(100% - 30px); } .owlslider-related-posts .owl-nav { margin-bottom: 17px; } .navbar-footer { margin:0; } .vc_grid-item-mini .blog-detailed-grid img { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin: 0; margin-bottom: 0; max-width: 100%; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item:hover, .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item { z-index: 10; } .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item:hover { z-index:1000!important; } .vc_grid-item-mini .blog-detailed-grid { -webkit-transition-duration: 800ms; transition-duration: 800ms; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); text-align: left; } .vc_grid-item-mini .blog-detailed-grid:hover { /* transform: translateY(-10px) */ } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data-source-post_excerpt { text-align: left; } .vc_grid-item-mini .blog-detailed-grid .vc_figure { overflow: hidden; } .vc_grid-item-mini .blog-detailed-grid:hover { } #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post { width: calc(50% - 30px); } #posts-content.blog-detailed-grid.use-sidebar .col-lg-8, #posts-content.blog-minimal-grid.use-sidebar .col-lg-8 { padding:0; } .related-posts .post img, .related-content .portfolio img, #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .post img, #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; transition: var(--image-animation); max-width: 100%; margin-bottom: 0; border-radius: 5px; } #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { margin-bottom: 0; } #posts-content .related-posts .post img { margin-bottom: 0; } #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .post img { box-shadow: none; } .vc_custom_heading.post-link, .related-posts .post .entry-content, .related-content .portfolio .entry-content{ line-height:1; font-weight:600; } .related-content .portfolio .post-link, .vc_custom_heading.post-link, #posts-content .post-link { margin-top: 0; display: block; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; transition: -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .vc_custom_heading.post-link { float: left; } .related-posts .entry-image, .related-content .entry-image, .blog-img-left-list .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { overflow: hidden; } .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height: 230px; } #posts-content.blog-minimal-grid .type-portfolio .entry-image img { margin-bottom: 0; } .related-posts .entry-image { background-color: #fff; max-height: 350px; padding-bottom: 0; } .woo-entry-wrapper, .related-posts .post .entry-wrapper, .related-content .portfolio .entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { position: relative; overflow: hidden; padding: 35px; padding-top: 15px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; border: none; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { display: flex; justify-content: space-between; flex-direction: column; } #wrapper .blog-detailed-grid .entry-wrapper.vc_gitem-col { flex-direction: row; padding-top: 30px; padding-bottom: 5px; } .blog-detailed-grid .entry-wrapper.vc_gitem-col .vc_gitem-post-data-source-post_author { font-size: 15px; } .related-posts .post .entry-wrapper, .related-content .portfolio .entry-wrapper { } #wrapper .blog-detailed-grid .vc_gitem-row-position-middle { padding:0; } #posts-content.blog-detailed-grid .entry-wrapper.without-image { min-height: auto; } .blog-minimal-grid .col-xs-12.col-sm-12.col-lg-8, .blog-detailed-grid .col-xs-12.col-sm-12.col-lg-8 { display: flex; flex-wrap: wrap; } .blog-minimal-grid .col-xs-12.col-sm-12.col-lg-8 .post, .blog-detailed-grid .col-xs-12.col-sm-12.col-lg-8 .post { max-height: max-content; } blockquote:before, #single-page blockquote:before, .format-quote .entry-wrapper:before { content: '"'; display: block; float: left; position: relative; font-size: 90px; margin-top: 18px; margin-bottom: 0px; line-height: 30px; margin-right: 30px; } .blockquote-reverse:before, #single-page .blockquote-reverse:before { float:right; margin-right:0; margin-left: 30px; content: '"'; order: 2; } #posts-content .post-meta-child {margin-bottom:5px;} #posts-content.blog-detailed-grid .entry-meta {margin-bottom: 20px;margin-top: 0px;} #posts-content.blog-detailed-grid .tt_button {margin-top: 10px;} .blog-detailed-grid .vc_gitem-post-data-source-post_date, .blog-detailed-grid .vc_gitem-post-data-source-post_author a, #posts-content.blog-detailed-grid .entry-meta a {font-family: inherit;} .blog-detailed-grid .vc_gitem-post-data-source-post_excerpt p { margin-bottom: 0!important; font-size: var(--large-body-text-size)!important; letter-spacing: -0.03em; } .home.blog #posts-content { min-height: calc(100vh - 74px); } #posts-content.blog-img-left-list .entry-image { } .format-gallery .blog-single-content .blog-content, .format-video .blog-single-content .blog-content, .format-audio .blog-single-content .blog-content { margin-top:0; } .blog-content iframe { margin-bottom: 50px; } #posts-content.blog-img-left-list .entry-image:hover { } #posts-content.blog-img-left-list .wp-post-image { height: auto; height: intrinsic; width: 100%; box-shadow: none!important; } #posts-content.blog-img-left-list .entry-image { float: left; max-width: 320px; width: 100%; margin-right: 50px; overflow: hidden; } #posts-content.blog-img-left-list .post:hover .entry-image img { transform: scale(1.07); } #posts-content.blog-img-left-list .entry-meta { width: 100%; margin-bottom: 20px; line-height: 1; margin-top: 0; float: left; } #posts-content.blog-img-left-list .entry-wrapper { float: left; width: calc(100% - 370px); } #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper.without-image, #posts-content.blog-img-left-list .entry-wrapper.without-image { width: 100%; } #posts-content.blog-img-left-list .post { float: left; border: none; padding: 0; margin: 0; margin-bottom: 50px; display: flex; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 50px; } #posts-content.blog-img-top-list .post { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid var(--border-color); padding-top: 0; } #posts-content.blog-img-left-list .portfolio .page-content, #posts-content.blog-minimal-list .portfolio .page-content, #posts-content.blog-img-top-list .portfolio .page-content, #posts-content.blog-img-left-list .post p, #posts-content.blog-minimal-list .post p, #posts-content.blog-img-top-list .post p { margin-bottom: 20px; margin-top: 0; max-width: 95%; } .search #posts-content .entry-content p, #posts-content.blog-img-top-list .post p, #posts-content.blog-img-left-list .post p { margin-bottom: 0; max-width: 80%; font-size: var(--large-body-text-size); } .search #posts-content .entry-content p { max-width:100%; } .search #posts-content .entry-content p { margin-bottom: 30px; } #posts-content.blog-img-top-list .post p { max-width: 90%; } #posts-content .post p.post-nav-links { margin-bottom: 20px; } #posts-content.blog-img-left-list .BlogFullWidth .post p { max-width: 100%; } #posts-content.blog-img-left-list .BlogFullWidth .tt_button { display: none; } #posts-content.blog-img-left-list .BlogFullWidth .entry-image { margin-right: 40px; } #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper { float: left; width: calc(100% - 320px); } #posts-content.blog-img-left-list .BlogFullWidth .post { width: 66%; margin: 0 17% 60px 17%; } #posts-content.blog-minimal-list .post { padding-bottom: 42px; margin-bottom: 50px; border-bottom: 1px solid var(--border-color); } #posts-content.blog-minimal-list .entry-meta { margin-bottom: 20px; } #posts-content .post .tt_button.tt_secondary_button:hover { color: #fff; } #posts-content.blog-img-top-list .blog-single-title { margin-bottom: 20px; line-height: 1.3!important; } #posts-content.blog-img-top-list .blog-single-title a { line-height: 1.3!important; } #posts-content .blog-single-title { -ms-word-wrap: break-word; word-wrap: break-word; } #posts-content.blog-img-left-list .tt_button.tt_secondary_button { margin-top: 13px; } #posts-content.blog-img-top-list .entry-meta { margin-bottom: 25px; } #posts-content.blog-img-left-list .blog-single-title a, #posts-content.blog-minimal-list .blog-single-title a { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; line-height: 1.3!important; } #posts-content.blog-img-top-list .post .page-content { margin-bottom: 35px; } #posts-content.blog-minimal-list .entry-meta .blog-label, #posts-content.blog-img-top-list .entry-meta .blog-label { position: relative; padding-right: 8px; } .single-post #posts-content .BlogFullWidth, #posts-content.blog-minimal-list .BlogFullWidth, #posts-content.blog-img-top-list .BlogFullWidth { width: 63%; padding: 0; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta { text-align: center; margin-left: 5%; margin-right: 5%; } #posts-content.blog-minimal-list .BlogFullWidth .entry-meta { margin-left: auto; margin-right: auto; float:none; display: block; } #posts-content.blog-img-top-list .BlogFullWidth .entry-meta { margin-right: 0; margin-left: 0; } #posts-content.blog-minimal-list .BlogFullWidth p, #posts-content.blog-img-top-list .BlogFullWidth p { max-width: 100%; text-align: left; } #posts-content.blog-minimal-list .BlogFullWidth p { text-align: center; padding-left: 5%; padding-right: 5%; } .woo-sidebar, .right-sidebar { padding: 0; border-radius: 0px; border: none; padding-bottom: 1px; } .post-sticky-sidebar { position: sticky; position: -webkit-sticky; top: 170px; margin-bottom: 50px; } .right-sidebar, .single-post .right-sidebar { margin-top: 0; padding: 0; margin-bottom: 50px; max-width: 270px; margin-right: 0; margin-left: auto; } .single-post-layout-two .post-sticky-sidebar { top: 100px; } .single-post-layout-two .right-sidebar { margin-top: 70px; } .single-post-layout-two .blog-single-content { margin-top: 70px; } .single-post-layout-two .entry-header.with-topbar { padding-top: 180px; } #posts-content .blog-separator { color: rgba(0, 0, 0, 0.2); padding: 0 10px; display: inline-block; margin: 0; } .related-posts .entry-meta, #posts-content .entry-meta { margin-bottom: 17px; line-height: 15px; font-size: 15px; } #posts-content .more-button a { text-transform: uppercase; display: inline-block; font-weight: bold; margin-top: 15px; font-size: 14px; } #posts-content .type-portfolio, #posts-content .type-attachment { margin-bottom: 50px; background: none; padding: 0; padding-bottom: 50px; border-radius: 0; font-size: inherit; border-bottom: none; border-bottom: 1px solid var(--border-color); } #posts-content .post.format-gallery .owl-dots { text-align:center; margin-top: 20px; margin-bottom: 20px; } .search #posts-content .product, .search #posts-content .portfolio, .search #posts-content .page, .search #posts-content .post { margin-bottom: 35px; padding: 40px; background: var(--gray-color-overlay); } .search #posts-content h2 { } .search #posts-content .entry-meta .published:before { display: none; } .search #posts-content .entry-meta { margin-bottom:25px; } #posts-content .post:last-child { /* border-bottom: none; */ } #posts-content .post.BlogMinimal .blog-single-title, #posts-content .post.BlogMinimal { text-align: left; min-height: auto; overflow: hidden; float: left; border: none; font-size: var(--medium-body-text-size); letter-spacing: -0.3px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; } #posts-content .post.BlogMinimal img { margin: 0; } #posts-content .post.BlogMinimal .blog-image-container { display: block; overflow: hidden; margin-bottom: 25px; position: relative; } #posts-content .post.BlogMinimal .blog-image-container:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.1); opacity: 0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; z-index: 100; } #posts-content .post.BlogMinimal .blog-image-container:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } #posts-content .post.BlogMinimal .blog-image-container:hover:before { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.25s ease; } #posts-content .post.BlogMinimal { width: calc(33.333% - 20px); margin-right: 30px; padding-bottom: 0; margin-bottom: 18px; } #posts-content .post.BlogMinimal:nth-child(3n) { margin-right: 0; } #posts-content .post.BlogMinimal .comment-count { float: none; } #posts-content .post.BlogMinimal .entry-content { max-height: 50px; overflow: visible; margin-bottom: 25px; float: left; text-align: left; display: block; } #posts-content .post.BlogMinimal .entry-meta .published:before { display: none; } #posts-content .format-status .entry-content p { font-size: var(--large-body-text-size); font-style: italic; font-weight: 300; } .post_format-post-format-image .wp-post-image { display: none; } .single-post #posts-content .post { margin-bottom: 0; padding-bottom: 0; } #posts-content img { max-width: 100%; height: auto; margin-bottom: 0; } .related-content .portfolio img, .single-post #posts-content .related-posts img { max-width: calc(100% - 30px); border-radius: 5px; margin-bottom: 0px; max-width: 100%; height: auto; } .related-content .portfolio img { width: 100%; } .related-content .entry-image { aspect-ratio: 4/2.5; } #posts-content .blog_widget img { max-width: 100%; margin: 0; height: auto; height: intrinsic; } #posts-content .wp-post-image { transition: var(--image-animation); margin-bottom: 35px; } #posts-content.blog-single .wp-post-image { margin-bottom: 50px; } #posts-content.blog-single .blog_widget img.wp-post-image { margin-bottom: 0; } #posts-content .entry-audio { margin-bottom: 30px; } #posts-content .entry-video { margin-bottom: 30px; } #posts-content .entry-gallery { margin-bottom: 30px; } #posts-content .blog-single-content .entry-video { margin-bottom: 0; } #posts-content.blog-img-top-list .wp-post-image {} .single-post .navigation.pagination { float: none; margin-bottom: 0; padding: 0; margin-top: 75px; } #posts-content .comment-count { margin-right: 5px; } #posts-content .comment-count span { /* margin-right: 0; */ } #posts-content .comment-count .far { margin-right: 7px; } .entry-meta .fa, .entry-meta .fas, .entry-meta .far { margin-right: 5px; font-size: 16px; } .entry-meta .far { /* font-weight: 600!important; */ } .entry-meta .far.fa-file-alt, .entry-meta .far.fa-clock { font-weight: 400!important; } .entry-meta span { margin-right: 10px; } .entry-meta .sticky-post { padding-right: 10px; } .topbar-phone a:before, .entry-meta .page-type:before, .entry-meta .published:before, .entry-meta .author:before { content: ''; width: 1px; height: 12px; background: none; position: absolute; right: 0; top: 2px; } .topbar-phone a, .entry-meta .sticky-post, .entry-meta .page-type, .entry-meta .published, .entry-meta .author { padding-right: 5px; position: relative; display: inline-flex; } .entry-meta .comment-number { font-weight: 500; line-height: 1; display: inline-flex; } .entry-meta .fa-calendar-o { font-size: 11px; } #comments #respond #reply-title, .reply-title, .widget-title, #reply-title { font-size: 16px; font-family: inherit; text-align: left; font-weight: bold; margin: 0; letter-spacing: -0.3px; line-height: 40px; } .reply-title { padding-bottom: 50px; } .comment-notes { display: none; } #comments .children li:last-child, #comments .children li { border-top: none; margin-top: 30px; padding-bottom: 0; padding-top: 0; border-bottom: none; } .blog_widget { margin-bottom: 35px; padding-left: 0; border-bottom: 1px solid var(--border-color); padding-bottom: 35px; } .blog_widget:last-child { border-bottom:0; margin-bottom: 0; padding-bottom: 0; } .blog_widget .ajax-loader { display: none!important; } #single-page .single-page-content .widget ul, .blog_widget ol, .blog_widget ul { padding: 0; list-style-type: none; line-height: inherit; } .blog_widget ul.children { padding-left: 15px; } .blog_widget ul.sub-menu { padding-left: 15px; } #single-page .single-page-content .widget ul li, .blog_widget ul li { color: inherit; } #single-page .single-page-content .widget ul li, .blog_widget.widget_nav_menu ul li, .blog_widget.widget_meta ul li, .blog_widget.widget_pages ul li, .blog_widget.widget_archive ul li, .blog_widget.widget_product_categories ul li, .blog_widget.widget_categories ul li { line-height: 42px; font-size: 1.125rem; } .blog_widget .post_count { float: right; } .blog_widget.widget_recent_comments ul li, .blog_widget.widget_rss ul li { margin-bottom: 20px; } .blog_widget.widget_categories ul li a { } .blog_widget.widget_product_categories ul, .blog_widget.widget_categories ul { margin-bottom: 0; } #wrapper .blog_widget.widget_product_categories .widget-title, #wrapper .blog_widget.widget_categories .widget-title { margin-bottom: 25px; } #single-page .single-page-content .widget ul li a { -webkit-transition: 0.2s ; -moz-transition: 0.2s ; -ms-transition: 0.2s ; -o-transition: 0.2s ; transition: 0.2s ; } #single-page .single-page-content .widget ul.sub-menu {margin-bottom: 0;padding-left: 20px;} #single-page .single-page-content .widget .widgettitle { padding: 30px 0; padding-top: 33px; margin: 0; border-top: 2px solid; line-height: 1; font-size: var(--medium-body-text-size); font-weight: bold; font-family: inherit; letter-spacing: -0.3px; } #single-page .single-page-content .widget.widget_nav_menu .widgettitle { border-top: none; padding-top: 0; } #single-page .vc_col-sm-3 .wpcf7 .wpcf7-submit { float: none; border:none!important; } #single-page .vc_col-sm-3 .wpb_content_element {margin-bottom: 0;} #single-page .vc_col-sm-3 .wpcf7 { padding: 20px; margin-bottom: 40px; background-color: rgba(0, 0, 0, 0.05); } .wp-block-search .wp-block-search__input, .woocommerce .wcwl_email, #posts-content .post input[type="password"], .search .search-form .search-field, .blog_widget .search-form .search-field, .blog_widget .woocommerce-product-search .search-field, .blog-header-form .wpcf7 .wpcf7-text, .blog-header-form .wpcf7 .wpcf7-email { height: 54px; line-height: 54px; max-width: 100%; min-width: 100%; border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; padding: 0 30px; outline: none; } #posts-content .post-password-form input[type="submit"] { height: 46px; line-height: 46px; min-width: 150px; } .blog-header-form .wpcf7 .wpcf7-text, .blog-header-form .wpcf7 .wpcf7-email{ border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; } .container .section-subheading, .blog-page-heading .section-subheading { margin-top: 24px; margin-bottom: 24px; } .search .search-form, .blog_widget .woocommerce-product-search, .blog_widget .search-form { position: relative; margin-bottom: 5px; } .search-no-results #posts-content #posts-content .search-form {display:inline-block;margin-left: 0;min-width: 300px;} .search-no-results #posts-content #posts-content .search-form label {width:100%} .woocommerce .wcwl_email, #posts-content .wp-block-search input[type="search"], #posts-content .post input[type="password"], .search .search-form .search-field, .blog_widget .woocommerce-product-search .search-field, .blog_widget .search-form .search-field, .blog_widget .wp-block-search .wp-block-search__input { border-radius: 0px; border: 1px solid var(--border-color); padding: 0 15px; } #posts-content .wp-block-search { margin-bottom: 30px; max-width: 320px; } .blog_widget .woocommerce-product-search .search-field, .blog_widget .search-form .search-field { background-color: transparent; } .search-form .search-field::-webkit-input-placeholder {color:#aaa;} .search-form .search-field::-moz-placeholder {color:#aaa;} .search-form .search-field:-ms-input-placeholder {color: #aaa;} .blog_widget .woocommerce-product-search label, .blog_widget .search-form label { width: 100%; position: relative; margin-bottom: 0; } .blog-header-form { display: block; float: left; width: 100%; margin-top: 30px; } .blog-header-form .wpcf7 { max-width: 520px; position:relative; width: 100%; } .blog-header-form .wpcf7-form-control-wrap { position: relative; margin-right: 0; width: calc(100% - 184px); display: block; float: left; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; z-index: 10; position: relative; width: auto; max-width: 184px; } .blog-header-form .wpcf7 .ajax-loader { display: none; } #wrapper .blog-header-form .wpcf7 .wpcf7-submit:hover { -webkit-transform: none; transform: none; } .blog_widget ul.sub-menu li, .blog_widget ul.children li { background: none; padding-bottom: 0; } .blog_widget ul.sub-menu li { padding-right: 0; } .blog_widget ol li a, .blog_widget ul li a { color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 400; color: var(--text-color); } .blog_widget ul li a:before { content: "\f105"; font-family: 'viva-font'; position: relative; font-weight: 600; margin: 0; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s; font-size: 12px; color: #828282!important; display: none; padding-right: 10px; } .blog_widget ul.redux-social-media-list li a:before { display: none; } #product-content .blog-social-sharing a, .modal-content-contact .redux-social-media-list a, .kd-panel-social-list .redux-social-media-list a, .blog_widget ul.redux-social-media-list li a { margin-right: 15px; transition: 0.25s; display: block; font-weight: normal; width: 50px; height: 50px; border: 1px solid var(--border-color); border-radius: 50px; text-align: center; line-height: 50px; color: inherit; font-size: var(--medium-body-text-size); background: var(--gray-color-overlay); } .kd-panel-social-list .redux-social-media-list li:last-child a { margin-right: 0; } #product-content .blog-social-sharing a:hover .fab, .modal-content-contact .redux-social-media-list a:hover .fab { color: #fff; background: transparent; } .blog_widget ul.redux-social-media-list li i { color: var(--placeholder-color); -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .blog_widget ul.redux-social-media-list li a .fa { font-size: 18px; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select, .blog_widget select { width: 100%; padding: 0 15px; background-color: #f4f4f4; outline: none; font-size: 14px; line-height: 50px; height: 50px; border: none; font-weight: bold; color: #2f2f2f; border: 15px solid transparent; } .wp-block-archives-dropdown, .wp-block-categories-dropdown { margin-bottom: 30px; max-width: 320px; } .author-box-wrapper { position: relative; padding: 0; border: none; border-radius: 0px; margin-top: 50px; margin-bottom: 50px; border: 1px solid var(--border-color); padding: 35px; } .related-title h3, #comments .reply-title, #comments #respond #reply-title { margin-top: 0; border-top: none; padding-top: 0; line-height: 1; font-size: 24px; font-weight: 500; } #comments #respond #reply-title { margin-bottom: 30px; text-align: left; } #comments .reply-title { text-align: left; border: none; } .related-title h3 { margin-left: 15px; margin-right: 15px; margin-bottom: 50px; padding-top: 100px; } #posts-content .post blockquote { margin: 50px 0; font-style: normal; border-left-width: 2px; width: 100%; display: block; } #posts-content .post blockquote p { margin-bottom: 0; max-width: 100%; } #posts-content .post table { width: 100%; border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin-bottom: 25px; } .wp-block-calendar { margin-bottom: 30px; } .wp-calendar-nav { display: flex; margin-top: 10px; font-weight: 600; justify-content: space-between; } #posts-content .post td, #posts-content .post th { border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); padding: 10px } #posts-content .post dl { margin: 0; } #posts-content .post dd { margin: 0 0 20px; } #posts-content .post p { margin-bottom: 20px; } #posts-content .post p.post-grid-excerpt { font-size: var(--medium-body-text-size); } .blog-content p { font-size: var(--medium-body-text-size); } #posts-content .post ol, #posts-content .post ul { margin-bottom: 25px; } ol.wp-block-latest-comments { padding-left:0; } .wp-block-gallery { margin-bottom: 35px; } #posts-content .post ul.blocks-gallery-grid { margin-bottom: 0; } #posts-content .post ol ol, #posts-content .post ul ul { margin-bottom:0; } #wrapper .blog-social-sharing .fab, #posts-content .attachment .tt_button .fa, #posts-content .tt_button .fa, #posts-content .attachment .tt_button .fab, #posts-content .post .tt_button .fab { font-size: 15px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 400; } .related-content .portfolio .post-link:after, .vc_custom_heading.post-link:after { content: "\e900"; display: inline-block; font-family: 'viva-font'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; margin-right: 5px; font-size: 18px; margin-left: 7px; float: right; transition: -webkit- 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } #posts-content .post-link:after, #posts-content .post .post-link:after { content: "\f054"; display: inline-block; font-family: 'viva-font'; speak: none; font-weight: 600; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; margin-left: 8px; margin-top: 0; transition: -webkit- 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; -o-transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, -webkit-transform 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .related-content .portfolio .post-link {display: inline-block;} .related-content .portfolio .post-link:hover:after, .vc_custom_heading.post-link:hover:after, #posts-content .post-link:hover:after, #posts-content .post .post-link:hover:after { margin-left: 12px; } #posts-content article p { margin-bottom: 20px; font-size: var(--medium-body-text-size); } #wrapper .blog-social-sharing .tt_button { display: inline-block; margin: 0; margin-right: 7px; padding: 0 15px; } #posts-content .post address { font-style: italic } #posts-content .post code, #posts-content .post kbd { background-color: var(--gray-color-overlay); border: none; box-shadow: none; } #posts-content .post kbd { color: inherit; } #posts-content .post pre { background-color: var(--gray-color-overlay); border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; white-space: pre-wrap; word-wrap: break-word; } #posts-content .post input { border: none; border-radius: 3px; line-height: 1; font-size: 14px; outline: none; padding: 0 15px; } #posts-content .post input[type="submit"] { border: none; border-radius: 2px; padding: 0 25px; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #posts-content .post_format-post-format-gallery br {display: none;} #posts-content .post .gallery-item { margin: 0; position: relative; margin-right: 0; margin-bottom: 0; overflow: hidden; } .attachment-template-default .breadcrumbs {max-width: 100%} .attachment-template-default #posts-content img {width: inherit;} .single-format-gallery #posts-content .gallery .owl-wrapper-outer, #posts-content .entry-gallery .owl-wrapper-outer { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .feature-sections-wrapper .owl-wrapper-outer img { border-radius: 0px; } .single-format-gallery #posts-content .gallery .owl-nav, #posts-content .entry-gallery .owl-nav { margin-top: -45px; z-index:10; position:relative; margin-bottom: 55px; } .single-format-gallery #posts-content .gallery .owl-nav div, #posts-content .entry-gallery .owl-nav div { background-color: #fff; margin: 0 2px; border-radius: 0px; } .single-format-gallery #posts-content .gallery .owl-nav div:hover, #posts-content .entry-gallery .owl-nav div:hover { border: 2px solid #fff; } .gallery-item .gallery-caption, figcaption { background-color: rgba(51, 51, 51, 0.8); color: #fff; position: relative; width: 100%; font-size: 11px; transition: 0.25s; text-overflow: ellipsis; overflow: hidden; height: 40px; line-height: 30px; padding: 5px 10px; white-space: nowrap; } figcaption { white-space: initial; } .menu-item a img { height: auto } .single-format-gallery #posts-content .gallery .gallery-item img, #posts-content .post .gallery-item img { border: none; border-radius: 0px; width: 100%; height: auto; } #posts-content .post iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; } #posts-content .post.format-aside .blog-single-title { display: none; } #single-page { padding: 0; } #single-page .single-page-content { padding: 0 15px; } .wpb-js-composer #single-page .single-page-content { padding: 0; } #posts-content .post .gallery { display: flex; flex-flow: row wrap; margin: -5px; margin-bottom: 30px; width:100%;} #posts-content .post .gallery-columns-1 figure { width: 100%; } #posts-content .post .gallery-columns-2 figure { flex: 0 1 50%; } #posts-content .post .gallery-columns-3 figure { flex: 0 1 33.33%; } #posts-content .post .gallery-columns-4 figure { flex: 0 1 25%; } #posts-content .post .gallery-columns-5 figure { flex: 0 1 20%; } #posts-content .post .gallery-columns-6 figure { flex: 0 1 16.66%; } #posts-content .post .gallery-columns-7 figure { flex: 0 1 14.28%; } #posts-content .post .gallery-columns-8 figure { flex: 0 1 12.5%; } #posts-content .post .gallery-columns-9 figure { flex: 0 1 11.11%; } #posts-content .post .gallery .gallery-item { padding: 5px; } #posts-content .post .gallery.post-gallery-carousel {display: block !important;margin-bottom: 50px;} #posts-content .post .gallery.post-gallery-carousel .gallery-item { margin: 0; } .entry-video.simple-video-iframe { display: block; border-radius: 0; box-shadow: none; } #posts-content .post .entry-video.simple-video-iframe iframe { position: relative; min-height: 440px; border-radius: 0; } @media (max-width: 1270px) { #single-page { padding-top: 0!important } } .maintenance #single-page {padding-top: 0!important;min-height: inherit;} .section-subheading, #single-page .section-subheading { text-align: left; max-width: 673px; margin-top: 18px; margin-bottom: 20px; } #wrapper blockquote { margin: 30px 0; transition: 0.25s; border: none; font-size: inherit; display: flex; padding: 40px; padding-left: 30px; border-left: 2px solid var(--main-color); background: #fff; } #wrapper blockquote p { margin-bottom: 0!important; } .container blog-single-title-meta-wrapper {text-align: center;} #single-page blockquote p { margin-bottom: 0; } blockquote cite { font-weight: 500; margin: 15px 0; display: block; font-style: inherit; font-size: var(--large-body-text-size); } #wp-calendar, #single-page table { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } #wp-calendar { max-width: 320px; margin-bottom: 0!important; } #single-page table { margin-bottom: 25px; } #wp-calendar td, #wp-calendar th, #single-page td, #single-page th { border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); padding: 10px; } #single-page dl { padding: 35px 40px 15px 40px; background: var(--gray-transparent-overlay); } #single-page dd { margin: 0 0 20px; } #single-page address { font-style: normal; } #single-page code, #single-page kbd { background-color: var(--gray-color-overlay); border: none; box-shadow: none; } #single-page kbd { color: inherit; } #single-page pre { background-color: var(--gray-color-overlay); border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #single-page pre { background-color: var(--gray-color-overlay); border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #single-page .gallery-item { width: 100%; margin: 0; margin-bottom: 20px; } #single-page .gallery-item img { border: none; } #single-page iframe { max-width: 100%; } #single-page.format-aside .blog-single-title { display: none; } .page img, .single-post img { max-width: 100%; height: auto; } #single-page #comments ul li:before { display: none; } #posts-content .fa-thumb-tack { margin-right: 5px; } #posts-content .blog-content ul li, #posts-content .page-content ul li { font-size: 1.125rem; } #posts-content .blog-content ul li:before, #posts-content .page-content ul li:before { margin-left: -10px; } #posts-content ol ul ol li, #posts-content ol ul li, #posts-content ol li { list-style-type: decimal!important; } #posts-content ol ul ol li:before, #posts-content ol ul li:before, #posts-content ol li:before { display: none!important; } #posts-content ol ul li { list-style-type: none!important; } .blog_widget ul li a:hover:before { opacity: 1; } .navigation.pagination .next:after, #posts-content .more-button a:after { margin-left: 8px; margin-right: 0; line-height: 25px; } .pagination { margin: 10px 0 0 0; } .navigation.pagination { text-align: center; width: 100%; float: left; margin-top: 0px; padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .navigation.pagination .page-numbers { display: none } .navigation.pagination .screen-reader-text { display: none; } .navigation.pagination .next { float: right; } .navigation.pagination .prev { float: left; } .post-password-form .post-password-form__submit, .wpb_wrapper #loginform .button, #comments input[type="submit"], #single-page #comments input[type="submit"], .contact-map-container .toggle-map, .wpcf7 .wpcf7-submit, .navigation.pagination .next, .navigation.pagination .prev { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; text-align: center; height: 46px; border-radius: 0; padding: 0; margin: auto; display: table; box-sizing: border-box; line-height: 46px; outline: none; cursor: pointer; background-color: transparent; width: auto; min-width: 165px; letter-spacing: 0.01em; } .wpb_wrapper #loginform .button, .wpcf7 .wpcf7-submit { width: 100%; border: none; color: #fff; background-color: transparent; } .wpcf7 input[type="file"] { width: 100%; background-color: #f3f3f3; border: 1px solid #e5e7f2; color: inherit; border-radius: 0px; outline: none; padding: 13px 20px; -webkit-appearance: none; margin-bottom: 10px; } .wpb_wrapper #loginform .button { float: left; width: auto; height: 50px; } .wpb_wrapper #loginform .button:hover { color:#fff; } .vc_col-sm-12 .wpcf7-form-control-wrap { margin-right: 10px; float: none; } .vc_col-sm-12 .wpcf7 .wpcf7-submit { margin-top: 0; } .full-width-submit .wpcf7 .wpcf7-submit { width: 100%; } .row .vc_custom_heading a:hover { opacity: 1; } .wpcf7-form textarea:focus, .wpcf7 .wpcf7-text:focus { border-color: #ccc; } .wpcf7 .wpcf7-submit:hover { background-color: transparent!important; } .upper-footer .wpcf7 input[type="url"],.upper-footer .wpcf7 input[type="email"],.upper-footer .wpcf7 input[type="tel"] { border: 1px solid var(--border-color) } #comments input[type="submit"], #single-page #comments input[type="submit"], .wpcf7 .wpcf7-submit { float: left; height: 52px; } .blog_widget .wpcf7 .wpcf7-submit { float: none; } .post-password-form .post-password-form__submit, .wpcf7 .wpcf7-submit { padding-top: 0!important; padding-bottom: 0!important; height: 55px; line-height: 55px; width: auto; margin: auto; float: none; font-weight: 400; font-size: 16px; } .post-password-form .post-password-form__submit { outline: none;border: 1px solid var(--main-color);color: #fff;} .post-password-form .post-password-form__submit:hover { background: transparent;} .cf-bottom-border .wpcf7 .wpcf7-submit { margin-top: 32px; } .white-button-form .wpcf7 .wpcf7-submit { background: #fff; border-color: #fff; } #comments input[type="submit"], #single-page #comments input[type="submit"] { display: inline-block!important; } #comments input[type="submit"] { float: none; display: inline-block; color: #fff; } #comments input[type="submit"]:hover { background-color: transparent; } .page #single-page #comments input[type="submit"]:hover, #comments input[type="submit"]:hover, #single-page #comments input[type="submit"]:hover, .contact-map-container .toggle-map:hover, .navigation.pagination .next:hover, .navigation.pagination .prev:hover { color: #fff; } .searchform { position: relative; } .woocommerce-ordering select, .searchform #s { width: 100%; padding: 0 20px; border: none; outline: none; font-size: inherit; line-height: 50px; height: 50px; margin-top: 0; border-radius: 0; background: none; } .wp-block-search .wp-block-search__inside-wrapper { position: relative; } #wrapper .wp-block-search__button, .woocommerce-product-search button[type="submit"], .woocommerce-product-search input[type="submit"], .search-submit { position: absolute; outline: none; background: none; margin-top: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border: none; top: 0; padding: 0; right: 0; height: 54px; width: 54px; font-family: 'viva-font'; opacity: 1; font-size: var(--medium-body-text-size); color: #A8BDD4; } .woocommerce-product-search button[type="submit"] { font-size: 0; } .woocommerce-product-search button[type="submit"]:before { content: "\e905"; display: block; line-height: 54px; font-family: 'viva-font'; font-size: 18px; } #wrapper .tparrows:not(.hades):not(.ares):not(.hebe):not(.hermes):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus) { background: none; border-radius: 0px; width: 60px; height: 60px; line-height: 60px; opacity: 1; -webkit-transition: var(--image-animation); -o-transition: var(--image-animation); transition: var(--image-animation); box-sizing: border-box; position: absolute; pointer-events: auto; font-family: 'viva-font'; font-size: 0; color: #fff!important; background: rgb(255 255 255 / 0.2)!important; border: none!important; border-radius: 100%!important; } #wrapper .tparrows:not(.hades):not(.ares):not(.hebe):not(.hermes):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus):before { content: "\e93a"!important; display: block; font-size: 18px; line-height: 26px; font-family: 'viva-font'; box-sizing: border-box; font-weight: inherit; -webkit-transition: var(--image-animation); -o-transition: var(--image-animation); transition: var(--image-animation); font-size: 16px; box-sizing: border-box; position: absolute; width: 60px; height: 60px; left: 0; top: 0; line-height: 60px; margin-left: 0; margin-right: 0; } #wrapper .tparrows:not(.hades):not(.ares):not(.hebe):not(.hermes):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus).tp-leftarrow:before { content: "\e939"!important; } #wrapper .tparrows:not(.hades):not(.ares):not(.hebe):not(.hermes):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus):hover { opacity: 1; border: none!important; background: #fff!important; } .wpb_revslider_element .hesperiden.tparrows.tp-leftarrow:before { margin-left: 0!important; } .wpb_revslider_element .hebe .tp-bullet-image { display: none!important } #wrapper .tparrows:hover:before { -webkit-transform: translateX(3px); transform: translateX(3px); color: var(--main-color)!important; } #wrapper .tparrows.tp-leftarrow:hover:before { -webkit-transform: translateX(-3px); transform: translateX(-3px); color: var(--main-color); } #wrapper #dark-navigation .tparrows:before { color: #1a1a1a } #wrapper #dark-navigation .tparrows { color: #1a1a1a!important; border: 2px solid rgba(26, 26, 26, 0.25)!important; box-sizing: content-box; } #wrapper #dark-navigation .tparrows:hover { border: 2px solid #1a1a1a!important; } .woocommerce-product-search button[type="submit"]:hover, .woocommerce-product-search input[type="submit"]:hover, .search-submit:hover { opacity: 1; } .tags { margin-top: 0; margin-bottom: 30px; border-top: none; width: 100%; padding-top: 0; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a, .post .entry-categories a, .portfolio .entry-categories a, .tags a, .tagcloud a, .tags-label { display: inline-block; margin-right: 10px; transition: 0.25s; font-size: 14px!important; color: inherit; position: relative; padding: 0 12px; margin: 0; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); z-index: 1; margin-bottom: 5px; margin-right: 1px; line-height: 25px; font-weight: 400; } .portfolio .entry-categories a { margin-right: 5px; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a { display: block; margin: 0; margin-bottom: 0; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name { float: left; padding: 0; margin-bottom: 0; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name:after { display:none; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name:hover { background: none; } .portfolio .entry-categories ul, .post .entry-categories ul { list-style-type: none; padding-left: 35px; margin-bottom: 0px!important; margin-top: 25px; padding-right: 35px; } .portfolio .entry-categories li, .post .entry-categories li { display: inline-flex; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:hover, .portfolio .entry-categories a:hover, .post .entry-categories a:hover, .tags a:hover, .tagcloud a:hover { color:#fff!important; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:before, .portfolio .entry-categories a:before, .post .entry-categories a:before, .tags a:before, .tagcloud a:before { display: block; height: 12px; content: ''; position:relative; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); width: 12px; float: left; border-radius: 100%; margin-right: 8px; margin-top: 9px; display: none; } .widget_product_tag_cloud .tagcloud a:before { display:none; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:hover:before, .portfolio .entry-categories a:hover:before, .post .entry-categories a:hover:before, .tags a:hover:before, .tagcloud a:hover:before { background-color: #fff!important; } #wrapper .tt_button.btn-facebook:hover .fab { color: #4267b2!important; } #wrapper .tt_button.btn-facebook:hover { color: #4267b2!important; border-color: #4267b2!important; } #wrapper .tt_button.btn-pinterest:hover .fab { color: #e60023!important; } #wrapper .tt_button.btn-pinterest:hover { color: #e60023!important; border-color: #e60023!important; } #wrapper .tt_button.btn-linkedin:hover .fab { color: #0073b1!important; } #wrapper .tt_button.btn-linkedin:hover { color: #0073b1!important; border-color: #0073b1!important; } #wrapper .tt_button.btn-twitter:hover .fab { color: #00aced!important; } #wrapper .tt_button.btn-twitter:hover { color: #00aced!important; border-color: #00aced!important; } #wrapper .btn-pinterest:before, #wrapper .btn-twitter:before, #wrapper .btn-linkedin:before, #wrapper .btn-facebook:before { display:none; } .blog-social-sharing { margin-top: 70px; display: inline-flex; float: right; } .author-box-separator { border-top: 1px solid var(--border-color); margin-top: 45px; } .single-post .blog-social-sharing a, .single-post .blog-social-sharing a i { width: 32px; color: #fff; background: var(--text-color); height: 32px; line-height: 32px; text-align: center; border-radius: 100%; } #wrapper .blog-social-sharing a:hover i { color: #fff; background: var(--main-color) } .blog-social-sharing a { margin: 0; margin-left: 5px; } .blog-social-sharing .tt_button { height: 46px; line-height: 46px; padding: 0; font-size: 14px; } #wrapper .blog-social-sharing .tt_button .fab { font-size: 16px; margin: 0; margin-right: 10px; float: left; line-height: 44px; font-weight: normal; } .admin-image img { box-shadow: 0 0px 40px rgba(0, 0, 0, .07); border-top-left-radius: 4px; border-top-right-radius: 4px; } .blog-single-content .tags { padding-top: 70px; clear: both; margin-bottom: 0; display: inline-block; width: auto; } .blog-single-content .meta-content { clear: both; } .tagcloud { margin-top: 30px; width: 100%; } .blog-single-content { } .blog-content p { margin-bottom: 25px; } #recentcomments li { } #recentcomments li .comment-author-link { color: inherit; text-transform: capitalize; } #recentcomments li .comment-author-link:after { content: "-"; display: inline-block; margin-left: 4px; font-size: 16px; } #recentcomments a:before { display: none; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.333%; float: left; } #commentform input[type="text"], #commentform input[type="email"] { height: 60px; line-height: 60px; } #comments .comment-list { list-style-type: none; padding-left: 0; border: none; margin-bottom: 70px; } #comments .comment { list-style-type: none; padding: 0; margin-bottom: 30px; border-bottom: 0; } .page #comments .comment { float: left; width: 100%; } #comments .comment:last-child { border: none; } .author-box-wrapper .author-avatar img, #comments .comment .comment-author img { margin-right: 14px; width: 60px; height: auto; border-radius: 100%!important; } .author-desc-wrapper .author-name { margin-top: 0; display: inline-block; } #comments .says { display: none } .recent-post-thumbnail { max-width: 70px; display: inline-flex; float: left; margin-right: 15px; } .recent-post-thumbnail img { width: 100%; height: auto; } .blog_widget.widget_recent_entries li { display: flex; flex-direction: column; padding-top: 10px; margin-bottom: 20px; } .blog_widget.widget_recent_entries li:last-child { margin-bottom:0; } .blog_widget.widget_recent_entries li .recent-post-title { max-width: calc(100% - 85px); display: inline-flex; } .blog_widget.widget_recent_entries li .post-date { width: 100%; } .blog_widget.widget_recent_entries a { font-size: var(--medium-body-text-size); line-height: 28px; flex-grow: 1; } .author-website p, .author-website a, .author-website, .author-box-wrapper .author-name h6, #comments .fn { font-weight: 500; font-size:inherit; transition: 0.25s; margin: 0!important; font-size: var(--medium-body-text-size); } #comments .comment-meta { background: none; display: flex; align-items: center; margin-bottom: 25px; } #comments .comment-metadata { transform: translateY(-3px); margin-left: 15px; } #comments .comment-meta a { color: inherit; } #comments .reply { position: absolute; right: 50px; top: 46px; } #comments .reply a { text-transform: capitalize; font-weight: 500; } .author-desc p, #comments .comment .comment-content { margin-bottom: 0!important; width: 100%; display: block; } #comments .comment blockquote p { padding-left: 0px; } #comments .comment ul li, #comments .comment ol li { list-style-type: inherit; } #comments .comment ul.children li { list-style-type: none; } #respond {margin-top: 30px;} #comments { margin: 100px auto; margin-top: 80px; padding: 0; } .single-post-layout-one #comments, .single-post-layout-two #comments { /* max-width: 60%; */ } .woocommerce-Reviews #comments { max-width: 100%; margin: 50px auto; } #comments label { display: inline-block; max-width: 100%; margin-bottom: 15px; line-height: 1; font-weight: 400; font-size: 16px; } #comments .comment #commentform p { padding-left: 0; } #comments .comment-notes { margin-bottom: 30px; font-size: 14px; } #comments .children { padding-left: 30px; } #cancel-comment-reply-link { font-size: 14px; opacity: 1; color: inherit; margin-left: 10px; } #comments .logged-in-as { margin-bottom: 15px; } #comments .logged-in-as a { color: inherit; margin-bottom: 0; display: inline-block; } #comments p.logged-in-as, #single-page #comments p.logged-in-as {} #comments ul li:before, #single-page #comments ul li:before { display: none; } #comments h1, #single-page #comments h1 { text-align: left; font-size: 50px; line-height: 50px; margin-bottom: 25px; margin-top: 25px; } #comments h2, #single-page #comments h2 { text-align: left; font-size: 35px; line-height: 35px; margin-bottom: 25px; margin-top: 25px; } #comments h3, #single-page #comments h3 { text-align: left; font-size: 25px; line-height: 25px; margin-bottom: 25px; margin-top: 25px; } #comments blockquote, #single-page #comments blockquote { margin: 25px 0; font-style: italic; } #comments table, #single-page #comments table { border-right: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } #comments td, #comments th, #single-page #comments td, #single-page #comments th { border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); padding: 10px } #comments dl, #single-page #comments dl { margin: 0 20px; } #comments dd, #single-page #comments dd { margin: 0 0 20px; } .author-desc p, #comments p, #single-page #comments p { margin-bottom: 0; font-size: inherit; margin-top: 0; font-family: inherit; } #comments p.comment-form-comment, #single-page #comments p.comment-form-comment { margin-bottom: 20px; } #comments address, #single-page #comments address { font-style: italic } #comments code, #comments kbd, #single-page #comments code, #single-page #comments kbd { background-color: var(--gray-color-overlay); border: none; box-shadow: none; } #comments kbd, #single-page #comments kbd { color: inherit; } #comments pre, #single-page #comments pre { background-color: var(--gray-color-overlay); border: none; padding: 20px; border-radius: 3px; margin-bottom: 30px; } #comments .trackback, #single-page #comments .trackback, #comments .pingback, #single-page #comments .pingback { margin-bottom: 20px; border-bottom: 0; } #wp-comment-cookies-consent {margin-right: 10px;} #posts-content .mejs-container { margin-bottom: 25px; } #wp-calendar { width: 100%; } #wp-calendar caption { margin-bottom: 5px; color: inherit; font-weight: bold; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #wp-calendar td, #wp-calendar th { padding: 5px; text-align: center; } #wp-calendar td a { font-weight: bold; } .comment-body { position: relative; background: none; padding: 40px 50px 25px 50px; border: none; border-radius: 5px; background: #fff; } .wp-block-search .wp-block-search__label, #wrapper .widget_block h2, #wrapper .widget-title { font-size: var(--large-body-text-size); font-weight: 500; margin-bottom: 25px; } #wrapper .widget_block h2 { font-family: inherit; } #wrapper .blog_widget:first-child .widget-title { border-top: none; padding-top: 0; } .blog .navbar-default.fullwidth .container { width: 100%; } .blog_widget ul li a:hover { opacity: 1; } .blog_widget { font-size: inherit; position: relative; } .sidebar-banner-widget { width: 100%; margin: auto; text-align: center; background-size: cover; margin-top: 35px; padding-left: 30px; padding-right: 30px; } .sidebar-banner-widget .banner-widget-subtitle { font-size: inherit; margin-bottom: 40px; display: block; padding: 0 30px; } .sidebar-banner-widget .tt_button { line-height: 45px; height: 45px; } .author-desc { display: block; max-width: calc(100% - 100px); margin-right: 0; margin-left: auto; margin-top: 10px; } .blog_widget p { margin-bottom:20px; } .related-content .portfolio h5 a, #posts-content .post .blog-single-title a, #posts-content .post .blog-single-title { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } #posts-content.blog-img-left-list .blog-single-title {margin-bottom: 20px;line-height: 1.3;} .blog-single-content .blog-single-title { margin:0; font-weight: 500; margin-bottom: 25px; } .related-posts .entry-meta a, #posts-content .entry-meta, #posts-content .entry-meta a { color: inherit; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; font-weight: inherit; display: inline-block; } .blog-single-title-meta-wrapper { margin-bottom: 75px; padding: 0 15px; text-align: center; } .blog-single-title-meta-wrapper .col-lg-8 { float:none; margin:auto; padding: 0; } .use-sidebar .blog-single-title-meta-wrapper {text-align: left;} .use-sidebar .blog-single-title-meta-wrapper .col-lg-8 {margin:0; float:none;} .related-posts { background-color: #f5f5f5; padding-bottom: 100px; padding-top: 0; overflow: hidden; background: none!important; } .single-portfolio .related-posts { background: var(--gray-transparent-overlay)!important } .related-posts .container { } .comments-content { border-top: none; margin-top: 0; background-color: var(--gray-transparent-overlay); margin-top: 85px; } #posts-content .single-post-content:last-child { padding-bottom: 100px; } #posts-content .blog-single-content .entry-meta { margin-bottom: 70px; } .BlogFullWidth {margin:auto;float: none;width: 100%;padding: 0;} .entry-video { position: relative; margin-bottom: 0; border-radius: 0px; overflow: hidden; display: inline-block; } .single-post .entry-video { margin-bottom: 50px; } .entry-video p { margin-bottom:0!important; } .entry-video img { display: inline-block; opacity: 0; border-radius: 0px; } .entry-video iframe { height: 100%; position: absolute; top: 0; left: 0; z-index:10; border-radius: 6px; } .entry-video .background-video-image { position: relative; z-index: 11; border-radius: 0px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: inline-block; background-size: cover!important; } .entry-video .play-video { z-index: 12; } .entry-video .show-video .play-video, .entry-video .show-video .background-video-image { opacity:0; pointer-events: none; } .single-post-layout-two .blog-page-heading { display:none; } .single-post-layout-two .blog-single-header-wrapper.post-with-image:after { background-color: var(--heading-color); position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; content: ' '; z-index: 1; display: block; max-width: 200%; opacity: 0.4; } .single-post-layout-two .blog-single-header-wrapper .entry-image img { max-width: 100%; width: 100%; } .single-post-layout-two .blog-single-header-wrapper { position: relative; align-items: center; width: 100%; padding-bottom: 170px; padding-top: 250px; margin-bottom: 30px; margin-top: -72px; background-size: cover; background-position: center; } .single-post-layout-two .blog-single-title-meta-wrapper { z-index:2; padding: 0 15px; } .single-post-layout-two .blog-single-header-wrapper.post-with-image .entry-meta span, .single-post-layout-two .blog-single-header-wrapper.post-with-image .blog-single-title { color: #fff!important; } .single-post-layout-two .blog-single-content .entry-meta { margin-bottom: 0!important } .blog-pagination { width:100%; } .blog-page-numbers li a, .blog-page-numbers li a:hover, .blog-page-numbers li.active a, .blog-page-numbers li.disabled { text-decoration:none; } .blog-page-numbers { padding:0; text-align: center; margin-bottom: 50px; display: flex; justify-content: center; } .blog-page-numbers li { line-height: 50px; min-width: 30px; } .blog-minimal-grid .blog-page-numbers, .blog-detailed-grid .blog-page-numbers { margin-top: 40px; } .blog-img-left-list .blog-page-numbers { float: left; width: 100%; } .blog-page-numbers li { margin-bottom: 0; list-style-type: none; } .page-links .post-page-numbers, .blog-page-numbers li a, .blog-page-numbers li a:hover, .blog-page-numbers li.active a, .blog-page-numbers li.disabled { cursor: pointer; text-decoration: none; text-align: center; width: 40px; height: 40px; line-height: 38px; margin-right: 0; transition: 0.3s; display: block; margin: 0 -1px 0px 0; border: 1px solid var(--border-color); font-size: 16px; color: var(--main-color); } .page-links .post-page-numbers { display: inline-block; margin: 0 0 0 5px; } .blog-page-numbers li.active a { color: #fff; border-color: var(--main-color); } .blog-page-numbers li.prev-post-link a, .blog-page-numbers li.next-post-link a { font-size: 0; position: relative; } .blog-page-numbers li.next-post-link a:before, .blog-page-numbers li.prev-post-link a:before { margin-right: 10px; color: inherit; content: "\f054"; font-family: 'viva-font'; margin: 0; font-size: 11px; font-weight: 400; display: block; } .blog-page-numbers li.prev-post-link a:before { content: "\f104"; } .blog-single-title a { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .blog-single-title b { font-weight: bold; } .blog-footer-subscribe-form .container { padding: 0 15px; } .blog-footer-subscribe-form { background-size: cover; position: relative; } .blog-subscribe-wrapper { padding: 220px 0 250px; position: relative; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; } .blog-subscribe-wrapper h2 { font-size: 42px; max-width: 820px; margin-bottom: 50px; } .blog-subscribe-background { position: absolute; right: -76px; bottom: 0; pointer-events: none; } .blog-subscribe-wrapper h4 { z-index: 10; position: relative; font-size: 42px; line-height: 1; margin-bottom: 30px; } .blog-subscribe-wrapper p.blog-subscribe-subtitle { color: inherit; font-size: 17px; line-height: 27px; position: relative; z-index: 10; margin-bottom: 35px; white-space: pre; } #kd-blog-slider { margin-top: 80px; } .navbar.with-topbar-sticky + #wrapper #kd-blog-slider { margin-top: 122px; } .transparent-navigation #kd-blog-slider { margin-top: 0; } .entry-gallery .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;} .entry-gallery .gallery figure {float:left; margin:0 2% 1em 0;} .entry-gallery .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;} .entry-gallery .gallery.gallery-columns-3 figure {width:32%;} .entry-gallery .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;} .entry-gallery .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;} .entry-gallery .gallery.gallery-columns-2 figure {width:49%;} .entry-gallery .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;} .entry-gallery .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;} .entry-gallery .gallery.gallery-columns-4 figure {width:23.25%;} .entry-gallery .gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;} .entry-gallery .gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;} .entry-gallery .gallery.gallery-columns-5 figure {width:18%;} .entry-gallery .gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;} .entry-gallery .gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;} .entry-gallery .gallery.gallery-columns-6 figure {width:14.2%;} .entry-gallery .gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;} .entry-gallery .gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;} .entry-gallery .gallery.gallery-columns-7 figure {width:12%;} .entry-gallery .gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;} .entry-gallery .gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;} .entry-gallery .gallery.gallery-columns-8 figure {width:10.2%;} .entry-gallery .gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;} .entry-gallery .gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;} .entry-gallery .gallery.gallery-columns-9 figure {width:8.85%;} .entry-gallery .gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;} .entry-gallery .gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;} /*-----------------------------------------------------------------*/ /* 10. 404 PAGE /*-----------------------------------------------------------------*/ .error404 .navbar.navbar-default, .error404 .navbar-default.navbar-shrink { position: absolute; border: none; } .page-404 { height: 100vh; display: table; width: 100%; } .page-404 .container { display: table-cell; vertical-align: middle; width: 100%; } .page-404 { height: 100vh; text-align: center; padding-top: 50px; background: var(--gray-color-overlay); } .page-404 .error-page-image-wrapper { margin-bottom: 50px; /* width: auto; */ } .page-404 .error-page-image-wrapper img { max-width: 300px; height:auto; } .search-no-results #posts-content #posts-content { padding-top: 0; } .page-404 .secondary-button-inverse { background-color: transparent; color: #fff } .page-404 .section-subheading, .search-no-results #posts-content .section-subheading { margin-bottom: 50px; } .search-no-results #posts-content .section-subheading {float:none;} .page-404 .section-subheading { margin: auto; margin-bottom: 50px; float: none; text-align: center; font-size: 24px; line-height: 1.3; padding: 0; } .search-no-results #searchform { width: 80%; max-width: 320px; margin: auto; } .page-404 .section-heading { margin-bottom: 25px; text-align: center; text-transform: inherit; margin-bottom: 15px; } .page404-overlay { position: absolute; background-position: center; height: 100%; width: 100%; opacity: 0.2; top: 0; background-blend-mode: overlay; } /*-----------------------------------------------------------------*/ /* 11. PORTFOLIO /*-----------------------------------------------------------------*/ .portfolio-item {border-radius: 0; overflow: hidden; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;} .portfolio-item .tt_button { position: absolute; margin-left: -85px; right: 0; top: 50%; opacity: 0; margin-top: -50px; float: none; left: 50%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .portfolio-item .portfolio-content { position: absolute; top: 0; height: 100%; width: 100%; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; visibility: hidden; opacity: 0; } .portfolio-item:hover .portfolio-content { visibility: visible; opacity: 1; background-color: rgba(0,0,0,.5); } .portfolio-item:hover .tt_button { opacity: 1; } .portfolio-item .portfolio-content .gradient-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0); } .portfolio-item .portfolio-inner-content { position: absolute; z-index: 10; width: 100%; top: 0; bottom: 0; } .portfolio-item .portfolio-inner-content h3 { color: #fff; font-size: 16px; margin: 0; font-weight: bold; letter-spacing: 0; line-height: 50px; position: absolute; bottom: 0; opacity: 0; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; background-color: #1f1f1f; } .portfolio-item .portfolio-content:hover h3 { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .portfolio-item .portfolio-inner-content p { font-size: 14px; font-style: normal; line-height: 25px; color: #fff; opacity: 0; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .portfolio-item .portfolio-content:hover p { opacity: 1; } .portfolio-arrow { width: 55px; margin: auto; height: 18px; background: url(//babyathome.ae/wp-content/themes/viva/images/hover-arrow.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; margin-top: 40px; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); } .portfolio-item .portfolio-content:hover .portfolio-arrow { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #portfolio-items { background-color: transparent; width: 100%; margin-top: 0px; } #portfolio-items:after { content: ''; display: block; clear: both; } .portfolio-item.item-size-small { width: calc(33.3333333% - 25px); height: auto; margin: 12px; float: left; position: relative; max-height: 800px; overflow: hidden; } .portfolio-item.item-size-big { width: 40%; height: auto; } .portfolio-item img { width: 100%; } .woocommerce-page .navbar.navbar-default, .attachment .navbar.navbar-default, .single-post .navbar.navbar-default, .single-portfolio .navbar.navbar-default, .page-child .navbar.navbar-default { padding: 0; } .navbar.navbar-default { position: fixed; top: 0; left: 0; right: 0; border: 0; border-bottom: 1px solid transparent; } .admin-bar .navbar.navbar-default { top: 32px; } .admin-bar .navbar.navbar-default.fixed-menu.panel-enabled { top: 0; } .navbar.navbar-default.navbar-shrink { /* box-shadow: 0px 2px 40px 0px hsla(240, 0%, 6%, 0.05); */ border-bottom: 1px solid var(--border-color); } .navbar.navbar-default.fixed-menu { position: absolute; transition: none; } .navbar.navbar-default.full-width .container { width: 100%; padding: 0 15px; } .navbar.navbar-default.contained .topbar .topbar-socials { margin-right: -1px; } .navbar.navbar-default.contained .topbar .container { padding:0; } .single-portfolio #single-page { padding: 0; } @media (max-width: 1270px) { .single-portfolio #single-page { padding-top: 0; } .single-portfolio .single-page-heading { padding: 0 15px } } .woocommerce-page .navbar-default .container, .single-post .navbar-default .container, .single-page .navbar-default .container { } .page-child .navbar-default .container { padding: 0; } .gallery-item-list { margin-bottom: 40px; } .portfolio-content .portfolio-block .portfolio-title { font-size: 28px; text-align: left; line-height: 40px; letter-spacing: -1px; margin-top: -5px; font-weight: 700; margin-bottom: 30px; } .portfolio-block strong { font-size: 13px; } .portfolio-block.full-width { margin-left: 0; } .portfolio-block .heading-separator { float: left; margin: 20px 0 22px 0; } .portfolio-content .portfolio-block p { margin-top: 0; padding-bottom: 0; } .portfolio-content .featured-image { margin-bottom: 40px; overflow: hidden; } #single-page .featured-image.single-image img { max-width: 100%; } .portfolio-meta-parent { width: 100%; float: left; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 10px; } .portfolio-meta.share-meta .fa { font-size: 13px; margin-right: 20px; color: inherit; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .portfolio-meta.share-meta .fa:hover { opacity: 1; } .portfolio-content .portfolio-block.full-width p { border: none; } .portfolio-content .portfolio-sidebar { padding-right: 0; } .portfolio-block h4 { font-size: 13px; display: inline-block; min-width: 180px; margin-top: 0; margin-bottom: 0; } .portfolio-block { float: left; max-width: calc(100% - 50px); width: 100%; margin-left: 30px; } .portfolio-block .portfolio-meta span { font-size: 14px; display: inline-block; line-height: 1.2; } .pswp .pswp__bg { background: #000; background: rgba(0, 0, 0, 0.75); } .pswp .pswp__ui--fit .pswp__top-bar, .pswp .pswp__ui--fit .pswp__caption, .pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before, .pswp .pswp__caption { background-color: transparent; } .pswp[aria-hidden="true"] { display: none; } .pswp__caption__title { font-size: 14px; } .pswp__caption__desc { font-size: 12px; } .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; height: auto; border-radius: 0; } .portfolio-content .featured-gallery.full-width { max-width: 100%; width: 100%; margin-bottom: 90px; } #single-page .featured-gallery.full-width img { width: 100%; } .portfolio-content .featured-gallery { margin-bottom: 40px; } .portfolio-sidebar.fixed-sidebar { left: 50%; position: fixed; margin-left: 104px; top: 170px; } .portfolio-sidebar.fixed-sidebar.absolute-sidebar { position: absolute; bottom: 35px; top: auto; } .portfolio-navigation-links { float: none; margin-top: 0; border-top: none; padding: 0; background-color: transparent; } .portfolio-navigation-links .container {border-top: 1px solid var(--border-color);max-width: 1210px;padding: 60px 0;} .portfolio-template-default #wrapper { padding-bottom: 0; } .portfolio-navigation-links .port-next { float: right; } .port-prev.tt_button { float: left; background-color: transparent; box-shadow: none; transition: 0.25s; } .port-next.tt_button { float: right; background-color: transparent; box-shadow: none; transition: 0.25s; line-height: 1; } .port-prev.tt_button:hover, .port-next.tt_button:hover { color: #fff; } .featured-gallery.full-width , .portfolio-gallery-content { text-align: center; position: absolute; bottom: 30px; z-index: 99; width: 100%; } .portfolio-gallery-content .owl-nav div { background-color: #fff; border: 2px solid #fff; } .featured-gallery.full-width .owl-dot span, .portfolio-gallery-content .owl-dot span { margin: 0 7px; } .port-nav-prev { padding-left: 0; } .port-nav-next { padding-right: 0; } #portfolio-items .portfolio-item.align-right, #portfolio-items .portfolio-item.item-size-small:nth-child(5) { float: right; margin-right: 15px; } .content-area .vc_grid-filter.vc_grid-filter-bordered-rounded-less>.vc_grid-filter-item, .content-area .vc_grid-filter.vc_grid-filter-bordered-rounded>.vc_grid-filter-item, .content-area .vc_grid-filter.vc_grid-filter-bordered>.vc_grid-filter-item { margin: 0; border: none; border-collapse: collapse; } .content-area .vc_grid-filter>.vc_grid-filter-item.vc_active, .content-area .vc_grid-filter>.vc_grid-filter-item:hover { background-color: transparent; } .content-area .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item { padding: 0; font-weight: 400; margin-right: 30px; background: transparent!important; } .content-area .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item:last-child { margin-right:0; } .content-area .vc_grid-filter { margin-bottom: 70px; text-align: left; margin-left: auto; margin-right: auto; } .content-area .vc_grid-filter>.vc_grid-filter-item span { position: relative; padding-bottom: 6px; } .vc_grid-filter>.vc_grid-filter-item.vc_active>span, .vc_grid-filter>.vc_grid-filter-item:hover>span { text-decoration: none; color: var(--main-color)!important; } #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a { position: relative; padding-bottom: 6px; padding-left: 0; padding-right: 0; margin-left: 10px; display: inline-block; line-height: 35px; margin-bottom: 0; padding: 0; } footer.underline-effect .navbar-footer li a, footer.underline-effect .textwidget a, footer.underline-effect .footer_widget .menu li a, footer.underline-effect .footer_widget ul li.cat-item a { position: relative; padding-bottom: 6px; } footer.underline-effect .textwidget a, footer.underline-effect .navbar-footer li a { margin-bottom: -6px; } footer.underline-effect .textwidget a:after, footer.underline-effect .navbar-footer li a:after, footer.underline-effect .footer_widget .menu li a:after, footer.underline-effect .footer_widget ul li.cat-item a:after, #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a:after, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a:after, .content-area .vc_grid-filter>.vc_grid-filter-item span:after { content: ""; transition: 0.3s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; height: 2px; width: 0; bottom: 3px; background-color: #ccc; } footer.underline-effect .textwidget a:hover:after, footer.underline-effect .navbar-footer li a:hover:after, footer.underline-effect .footer_widget .menu li a:hover:after, footer.underline-effect .footer_widget ul li.cat-item a:hover:after, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a:hover:after, #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a:hover:after, .content-area .vc_grid-filter>.vc_grid-filter-item span:hover:after { width: 100%; } .content-area .posts-transparent-bg .vc_grid-item-mini .vc_gitem-animated-block, .content-area .vc_grid-item-mini .vc_gitem-animated-block.vc_gitem-animate-scaleRotateIn, .content-area .vc_gitem-animate-scaleRotateIn { transition: var(--image-animation); background: none!important; } .content-area .posts-transparent-bg .vc_grid-item-mini .vc_gitem-animated-block:after { display: none; } .content-area .vc_grid-item-mini:hover .vc_gitem-animate-scaleRotateIn .vc_gitem-zone.vc_gitem-zone-a { opacity: 1 } .content-area .vc_gitem-animate-scaleRotateIn:after { display:none; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a { } .content-area .vc_grid-gutter-30px .vc_gitem-animate-scaleRotateIn { border-radius: 0px; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: transparent; transition: 0.2s all ease; } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a { border: none!important; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b { background: none; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; min-height: auto!important; margin: 0; transition: none; transition: var(--image-animation); } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn .vc_gitem-col { -webkit-transition: 0.8s cubic-bezier(0, 1, 0.5, 1); -o-transition: 0.8s cubic-bezier(0, 1, 0.5, 1); transition: 0.8s cubic-bezier(0, 1, 0.5, 1); transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.8); height: 100%; } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn .vc_gitem-col { transform: scale(1); -ms-transform: scale(1); } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { background: none!important; border:none; } .content-area .vc_grid-item-mini { position: relative; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { display: flex; justify-content: center; background: none !important; border: none !important; position: absolute; top: 0; width: 100%; padding: 0; height: 100%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; opacity: 0; pointer-events: none; margin: 0; color: #fff!important; transition: var(--image-animation); overflow: visible; align-items: end; transform: translateY(-30px); } .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c { opacity: 1; z-index: 999; transform: translateY(-50px); } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c .vc_btn3-container { display: none; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn + .vc_gitem-zone.vc_gitem-zone-c h4 { color: #fff!important; margin:0; max-width: 100%; font-size: 24px; letter-spacing: -0.03em; padding-bottom: 0; } .content-area .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { margin: 0; margin-bottom: 20px; font-size: 24px; } .content-area .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display: none; } .demos-section .kd-photobox .phb-content, .content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { margin: 0; padding: 0; border-top: none; overflow: hidden; -webkit-transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); transition: 0.2s cubic-bezier(0.3,0.58,0.55,1); background: none!important; margin: 25px 0 20px 0; border-radius: 0!important; } #single-page.home-viva .demos-section .kd-photobox:hover h4:before, .content-area .vc_grid-item-mini:hover .vc_gitem-zone.vc_gitem-zone-c h4:before { width: 100%; } .content-area .vc_grid-gutter-30px .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { border: none; } .content-area .vc_grid-item-mini .vc_btn3-container { margin-bottom: 0; text-align: center; margin-top: 10px; display: flex; display: none; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container { float: left; display: flex; } .content-area .vc_grid-item-mini .vc_btn3-container a { padding:0; border:none; color: inherit; width: auto; min-width: auto; line-height: inherit; transform: none; } .content-area .vc_grid-item-mini .vc_btn3-container .tt_button:hover a { color: #fff; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a { background: transparent!important; } .content-area .vc_grid.vc_row.vc_grid-gutter-30px .vc_gitem-zone.vc_gitem-zone-a { position: relative; } .content-area .vc_grid-item-mini .vc_gitem-animated-block { overflow: hidden; position: relative; background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%)!important; } .content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-a { transition: var(--image-animation); } .content-area .vc_grid-item-mini:hover .vc_gitem-zone.vc_gitem-zone-a { transform: scale(1.05); opacity: 0.1; } .content-area .vc_grid .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: auto; display: block!important; opacity: 0; } .content-area .vc_grid .vc_col-sm-3 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: 280px; display: block!important; opacity: 0; } .content-area .vc_row[data-vc-full-width-init="true"] .vc_grid .vc_col-sm-3 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: 430px; } .content-area .vc_grid .vc_col-sm-4 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { min-height: 383px; aspect-ratio: 1; } .content-area .vc_grid .vc_col-sm-6 .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img { height: 400px; display: block!important; opacity: 0; } .content-area .vc_grid .vc_col-sm-6 .vc-gitem-zone-height-mode-auto.blog-detailed-grid { min-height: auto; } .content-area .vc_grid .blog-detailed-grid .vc_grid-filter { margin: 0; } .content-area .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before, .content-area .vc_grid-item-mini .vc_gitem-animate-fadeIn .vc_gitem-zone.vc_gitem-zone-a:before { position: absolute; top: 15px; left:15px; opacity: 0; right: 15px; bottom: 15px; border-radius: 0px; -webkit-transition: opacity 0.2s cubic-bezier(0.3,0.58,0.55,1); transition: opacity 0.2s cubic-bezier(0.3,0.58,0.55,1); font-family: 'viva-font'; content: '\e871'; font-size: 48px; font-weight: normal; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; display: none; } .content-area .vc_grid-item-mini .vc_gitem-animate-scaleRotateIn .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before { display: none; } .content-area .vc_grid .vc_gitem-animated-block:hover .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before, .content-area .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-fadeIn:hover .vc_gitem-zone.vc_gitem-zone-a:before { opacity: 0.9; } .content-area .vc_grid-item-mini .vc_gitem-zone-c h4 { text-align: center!important; } .content-area .vc_grid .vc_gitem-zone-c .vc_general { background-color: transparent; } .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15); box-shadow: 0 8px 25px rgba(0, 0, 0, .15); } .content-area .vc_masonry_grid { min-height: 415px; } .content-area .vc_basic_grid .vc_grid .vc_col-sm-4 .vc-gitem-zone-height-mode-auto { /* min-height: 250px; */ } .content-area .vc_basic_grid .vc_grid .vc_col-sm-3 .vc-gitem-zone-height-mode-auto { min-height: 200px; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 { text-align: left!important; } .content-area .vc_basic_grid .vc_grid .vc_gitem-zone-c .vc_gitem-link { margin-left: 0; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display: block; } .content-area .vc_basic_grid .vc_pageable-slide-wrapper .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt, .content-area .vc_basic_grid .vc_col-sm-3 .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { display: none; } .vc_custom_heading.grid-read-more { margin-top: 32px; line-height: 1; } .content-area .vc_basic_grid .vc_grid-item-mini .vc_custom_heading.vc_gitem-post-data-source-post_excerpt p { margin-bottom: 20px; } .blog-detailed-grid .vc_custom_heading.vc_gitem-post-data-source-post_excerpt { margin-top: 20px; margin-bottom: 0; display: block!important; } .content-area .vc_basic_grid .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before { content: "\e8a0"; } .content-area .vc_basic_grid .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.blog-detailed-grid { box-shadow: none; border: none; opacity: 1; transform: none; z-index: 10; } .vc_grid-container.posts-gray-bg .vc_gitem-zone.blog-detailed-grid .vc_gitem-zone-mini { background: var(--gray-color-overlay); } .vc_grid-container.posts-transparent-bg .vc_grid-item-mini .vc_gitem-zone { background: transparent; } .vc_grid-container.posts-transparent-bg .vc_gitem-col.grid-entry-content, .vc_grid-container.posts-transparent-bg .entry-wrapper { padding-left: 0!important; padding-bottom: 0!important; } /*-----------------------------------------------------------------*/ /* 12. CONTACT /*-----------------------------------------------------------------*/ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: #000; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; -o-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity: 1; pointer-events: auto; } .modalDialog .modalContent { width: 600px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; background-color: #fff; } .closeModal { background-color: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .closeModal:hover { background-color: #00d9ff; } #popup-modal { z-index: 10001; background-color: rgba(245, 245, 245, 0.85); cursor: pointer; } #popup-modal.in { visibility: visible; align-items: center; } #popup-modal .close { position: absolute; background-color: #fff; right: 20px; top: 20px; z-index: 999; border-radius: 90px; height: 20px; width: 20px; outline: none; font-size: 15px; text-shadow: none; opacity: 1; color: #1f1f1f; text-align: center; transition: 0.25s; font-weight: bold; font-family: arial; } #popup-modal .modal-content .wpforms-container { z-index: 10; position: relative; } #popup-modal .modal-content .wpforms-field-label { color: #fff; } @media (max-width: 960px) { #popup-modal .close { font-size: 22px; top: 10px; right: 10px; } } #popup-modal.in .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } #popup-modal .modal-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; overflow: hidden; transition: all 0.2s; width: 1100px; left: 50%; margin-left: -550px; position: fixed; border: none; box-shadow: none; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-radius: 7px; cursor: default; top: 50%; margin-top: -242px; } .modal-backdrop { z-index: 2000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background-color: #B7BBC5; display: none; } .modal-backdrop.in { opacity: 0.7; } #popup-modal .modal-content h2 { text-align: left; font-style: normal; margin-bottom: 25px; margin-top: 0; } .modal-subheading { margin-bottom: 38px; } .modal-content-inner { padding: 100px; padding-bottom: 74px; height: 100%; right: 0; background-size: cover; } .modal-content-inner p { text-align: center; line-height: 1.6; margin: 0; } .post-password-form .post-password-form__input, div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, .upper-footer select, .wpb_wrapper #loginform .input, .woocommerce-product-search .search-field, .search-form .search-field, .wpcf7 input[type="date"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-number, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; box-sizing: border-box; min-width: 100%; border: none; margin-bottom: 10px; background-color: #fff; box-shadow: none; font-size: inherit; letter-spacing: 0; outline: none; line-height: 55px; height: 55px; padding: 0 20px; text-align: left; font-family: inherit; border-radius: 0px; font-weight: 400; letter-spacing: 0.01em; background: var(--gray-color-overlay)!important; font-size: 16px; } .post-password-form .post-password-form__input { border: 1px solid var(--border-color); } div.wpforms-container-full .wpforms-form .wpforms-field-label { font-weight: 600; font-size: inherit; margin: 0 0 5px 0; padding: 0 30px; } div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit] { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; text-align: center; height: 46px; border-radius: 0; font-weight: 700; padding: 0; margin: auto; display: table; box-sizing: border-box; line-height: 46px; outline: none; cursor: pointer; background-color: transparent; width: auto; min-width: 150px; width: 100%; border: none; color: #fff; background-color: transparent; height: 50px; line-height: 24px; font-weight: 700; font-size: 14px; letter-spacing: 1px; } .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) { border: none; } div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: transparent; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 0; } div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus { border: none; } div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0; } .footer_widget ul.sub-menu, .footer_widget ul.children { padding-left: 15px; } .wpcf7 .wpcf7-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #f5f5f5; background-image: url(//babyathome.ae/wp-content/themes/viva/core/assets/images/icons/select-arrow.png); background-repeat: no-repeat; background-position: 95% center; } .kd-contact-form.white-input-bg .wpcf7-select { background: #fff url(//babyathome.ae/wp-content/themes/viva/core/assets/images/icons/select-arrow.png) 95% center no-repeat!important; } .container .cf-section .col-xs-12, .container .cf-section .col-sm-12 { padding-left: 5px; padding-right: 5px; } .container .cf-section h5 { font-size: var(--medium-body-text-size); margin-left: 5px; } .container .cf-section { margin-bottom: 30px; } div.wpcf7-mail-sent-ng { float: left; padding: 20px; color: #000; line-height: 1.4em; } .inline-cf .wpcf7-form p { display: flex; width: 100%; } .blog-subscribe-wrapper .inline-cf .wpcf7-form-control-wrap { margin-bottom: 0; display: inline-block; } .blog-subscribe-wrapper .inline-cf .wpcf7-form-control-wrap .wpcf7-not-valid-tip { margin-top: 15px; margin-bottom: -3px; width: 100%; } .inline-cf .wpcf7-form-control-wrap { flex: 1 1 auto; display: inline-flex; width: auto; margin-right: 0; margin-right: 10px; } .inline-cf label .wpcf7-form-control-wrap { display: block; width: auto; float: right; width: calc(100% - 200px); } .inline-cf .wpcf7 .wpcf7-submit { flex: 0 0 auto; width: auto; } .single-field-form.inline-cf .wpcf7-form-control-wrap { margin: 0; } @media (min-width: 960px) { .post-password-form .post-password-form__submit, .upper-footer .wpcf7-submit, .single-field-form.inline-cf .wpcf7 .wpcf7-submit { position: absolute; right: 5px; line-height: 43px; height: 45px; top: 5px; } #footer .col-lg-2-4 { width: 20%; } .admin-bar .entry-header .header-overlay { top: 10px; } .inline-cf .wpcf7 .wpcf7-submit { /* border-top-left-radius: 0; */ /* border-bottom-left-radius: 0; */ } .inline-cf .wpcf7-form-control-wrap input { margin-bottom:0; /* border-radius: 0; */ } } .inline-cf .wpcf7-form-control-wrap input {} .wpcf7-form-control-wrap input[type="checkbox"] { margin: 0; margin-right: 5px; } .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item { margin-right: 20px; } .wpcf7-form-control-wrap .wpcf7-checkbox { font-weight:500; line-height: 1; } .blog-subscribe-wrapper .inline-cf {max-width: 530px;width: 100%;} .blog-subscribe-wrapper .wpcf7-form {} .blog-subscribe-wrapper .inline-cf .wpcf7-form-control-wrap input[type="email"], .blog-subscribe-wrapper .inline-cf .wpcf7-form-control-wrap input[type="text"] {border-right: 1px solid var(--border-color)!important;border: 1px solid var(--border-color);background-color: #ffffff;line-height: 55px;height: 55px;padding-left: 18px;font-size: 16px;color: var(--text-color);} .wpcf7 .wpcf7-acceptance, .blog-subscribe-wrapper .wpcf7-acceptance { } .blog-subscribe-wrapper .wpcf7-acceptance { opacity: 0.75; } .wpcf7 [data-name="acceptance-subscribe"], .blog-subscribe-wrapper [data-name="acceptance-subscribe"] { position: absolute; bottom: 0; } .wpcf7 [data-name="acceptance-subscribe"] { bottom: -40px; white-space: nowrap; } .widget .wpcf7 [data-name="acceptance-subscribe"] { text-overflow: ellipsis; position: relative; bottom: 0; overflow: hidden; white-space: inherit; } .wpcf7 [data-name="acceptance-subscribe"] label, .blog-subscribe-wrapper .wpcf7-form label { margin-bottom: 0; margin-left: 3px; } div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, .wpcf7 .wpcf7-select, .wpcf7-form textarea, .wpb_wrapper #loginform .input, .wpcf7 input[type="date"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email { border: none; background-color: #f5f5f5; } .cf-with-border .wpcf7-select, .cf-with-border textarea, .cf-with-border input[type="date"], .cf-with-border .wpcf7-text, .cf-with-border .wpcf7-email, .cf-with-border .wpcf7-select { border: 1px solid var(--border-color) } #single-page .cf-bottom-border .wpcf7-form-control-wrap textarea, .cf-bottom-border .wpcf7-select, .cf-bottom-border textarea, .cf-bottom-border input[type="date"], .cf-bottom-border .wpcf7-text, .cf-bottom-border .wpcf7-email, .cf-bottom-border .wpcf7-select { border-bottom: 2px solid #A8BDD4; background: transparent!important; height: 60px; line-height: 60px; opacity: 0.75; transition: var(--fast-animation); border-radius: 0!important; } #single-page .cf-bottom-border .wpcf7-form-control-wrap textarea { padding-top: 0; min-height: 62px; } .cf-bottom-border .wpcf7-select:focus, .cf-bottom-border textarea:focus, .cf-bottom-border input[type="date"]:focus, .cf-bottom-border .wpcf7-text:focus, .cf-bottom-border .wpcf7-email:focus, .cf-bottom-border .wpcf7-select:focus { opacity: 1; border-color: var(--main-color) } .modal-content-inner .wpcf7-form-control-wrap textarea, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email, .kd-contact-form.white-input-bg .wpcf7-form input[type="date"], .kd-contact-form.white-input-bg .wpcf7-form select, .kd-contact-form.white-input-bg .wpcf7-form textarea, .kd-contact-form.white-input-bg .wpcf7 .wpcf7-text, .kd-contact-form.white-input-bg .wpcf7 .wpcf7-email, #single-page .kd-contact-form.white-input-bg textarea, .kd-contact-form.white-input-bg .wpcf7 textarea { background-color: #fff!important; } .kd-contact-form.transparent-input-bg .wpcf7-form input[type="date"], .kd-contact-form.transparent-input-bg .wpcf7-form select, .kd-contact-form.transparent-input-bg .wpcf7-form textarea, .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-text, .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-email { background-color: rgb(255 255 255 / 0.2); border: 1px solid rgb(255 255 255 / 0.35); color: #fff; } .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-text::-webkit-input-placeholder { color: #fff }, .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-text::-moz-placeholder { color: #fff }, .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-email::-webkit-input-placeholder { color: #fff }, .kd-contact-form.transparent-input-bg .wpcf7 .wpcf7-email::-moz-placeholder { color: #fff }, .modal-content-inner .wpcf7-form-control-wrap textarea, .modal-content-inner .wpcf7 .wpcf7-text, .modal-content-inner .wpcf7 .wpcf7-email, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form textarea, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form .wpcf7-submit, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form input[type="date"], .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form select, .kd-contact-form.white-input-bg.full-width-cf .wpcf7-form textarea, .kd-contact-form.white-input-bg.full-width-cf .wpcf7 .wpcf7-text, .kd-contact-form.white-input-bg.full-width-cf .wpcf7 .wpcf7-email { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.075); } .wpb_wrapper #loginform p { margin-bottom: 0; font-family: inherit!important; font-size: inherit; } .wpb_wrapper #loginform label { margin: 10px 0 20px 0; font-weight: inherit; font-size: inherit; } .wpb_wrapper #loginform .login-username label, .wpb_wrapper #loginform .login-password label { margin: 0; margin-bottom: 5px; } .wpcf7 input[type="date"] { line-height: 48px; } .modal-content-inner .wpcf7-form-control-wrap { margin: 0; width: 100%; } .modal-content-inner { position: relative; } .modal-content-inner .wpcf7 { position: relative; z-index: 10; width: 100%; } .modal-content-inner::after { display: block; content: ''; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 35%); top: 0; left: 0; } .wpcf7 input[type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; } .wpcf7-form textarea, #commentform textarea, #single-page .wpcf7-form-control-wrap textarea { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; letter-spacing: 0; box-shadow: none; outline: none; display: block; padding: 0 20px; text-shadow: none; resize: none; max-height: 120px; width: 100%; margin: 0; text-align: left; padding-top: 15px; min-width: auto; margin-bottom: 14px; font-size: 16px; background: var(--gray-color-overlay)!important; } .wpcf7-form textarea { margin-bottom: 3px; } .kd-contact-form.white-label-color .wpcf7-response-output, .kd-contact-form.white-label-color .wpcf7-list-item-label { color: white; } .comment-form { background: #fff; padding: 50px; } #comments .form-submit { margin-top: 20px; } #commentform textarea { margin-bottom: 0; height: 150px; margin-right: 0; display: block; padding: 20px; border: none; border-radius: 5px; background-color: var(--gray-color-overlay); border: 1px solid var(--border-color); } .modal-content-inner .wpcf7-form-control-wrap { width: 100%; margin: 0; margin-bottom: 0; } .modal-content-inner .wpcf7-form-control-wrap textarea:focus, .modal-content-inner .wpcf7 .wpcf7-text:focus, .modal-content-inner .wpcf7 .wpcf7-email:focus { background-color: #fff; } .modal-content-inner .wpcf7-submit { margin-bottom: 0; display: block; border: none; width: 100%; } .modal-content-inner div.wpcf7 img.ajax-loader { display: none; } .modal-content-inner:before { width: 0px; content: '-'; text-indent: -9999px; display: block; height: 0px; position: absolute; z-index: 9999; top: 50%; margin-top: -6px; left: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; display: none; } .modal-content-contact { padding: 95px 100px 0px 100px; } .modal-content-contact h2 { margin-top: 0; } .modal-content-contact p{ margin-bottom: 40px; /* font-size: 16px; */ } .modal-content-contact .key-icon-box.icon-left.icon-default .fa { float: none; margin-right: 10px; margin-bottom: 0; font-size: 18px; font-weight: 700; color: inherit; line-height: 30px; width: 20px; display: inline-flex; margin-bottom: 10px; } .modal-content-contact .key-icon-box .service-heading { text-transform: lowercase; font-size: 15px; float: none!important; display: inline-block; font-weight: 500; margin-bottom: 0; } .modal-content-contact .key-icon-box .service-heading a { transition: 0.25s; } /*-----------------------------------------------------------------*/ /* 14. SIDE PANEL /*-----------------------------------------------------------------*/ .panel-screen-overlay { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.2); z-index: 1100; } .panel-screen-overlay.active { display: block; } .kd-side-panel { z-index: 1200; } .kd-panel-header .kd-panel-title { font-weight: 700; padding: 0 0px 30px 0; border-bottom: 1px solid var(--border-color); font-size: 21px; margin: 0; margin-bottom: 40px; } .kd-panel-header .kd-panel-subtitle { position: relative; margin: 0; padding: 0; padding-bottom: 36px; font-size: var(--large-body-text-size); line-height: 1.5; max-width: 90%; } .kd-panel-header .key-icon-box.icon-left.icon-default { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; } .kd-panel-header .key-icon-box.icon-left.icon-default h4 { margin: 0; } .kd-panel-header .kd-panel-phone-email { padding-left: 0; padding-bottom: 35px; } .kd-panel-header .kd-panel-email { padding-top: 0; } .kd-panel-header .key-icon-box.icon-left.icon-default .fa { margin-bottom: 0; margin-right: 20px; font-size: 28px; } .kd-side-panel .kd-panel-wrapper { -ms-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -ms-transform: translateX(101%); -webkit-transform: translateX(101%); transform: translateX(101%); position: fixed; max-width: 100vw; width: 470px; left: auto; right: 0; bottom: 0; top: 0; background-color: #fff; overflow: auto; z-index: 100000; } .kd-side-panel.kd-panel-left .kd-panel-wrapper { left: 0; right: auto; transform:translateX(-101%); } .kd-panel-header { min-height: calc(100vh - 125px); height: auto; } .kd-side-panel div.wpforms-container-full .wpforms-form input[type=email], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=number], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=search], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=text], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=url], .kd-side-panel div.wpforms-container-full .wpforms-form select, .kd-side-panel div.wpforms-container-full .wpforms-form textarea, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 textarea, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-select { border: 1px solid var(--border-color); } .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-submit { width:100%; } .kd-side-panel.active .kd-panel-wrapper { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .kd-side-panel.kd-panel-top .kd-panel-wrapper { left: 0; right: 0; width: 100vw; -webkit-transform: none; transform: none; height: 0; opacity: 0; } .kd-side-panel.kd-panel-top.close-animation .kd-panel-wrapper { animation: bottomAnimation .5s cubic-bezier(.95,0,.15,1) alternate both; } .kd-side-panel.kd-panel-top.active .kd-panel-wrapper { -webkit-transform: none; transform: none; transform-origin: top; animation: topAnimation .5s cubic-bezier(.95,0,.15,1) alternate both; } @keyframes topAnimation { from { height: 0; opacity: 0; transform-origin: top } to { opacity: 1; height: 100vh } } @keyframes bottomAnimation { from { height: 100vh; opacity: 1; transform-origin: top } to { height: 0; opacity: 0; } } @keyframes panelAppear { from { opacity: 0; transform: translate3d(0, 80px, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } } @keyframes panelHide { from { opacity: 1; } to { opacity: 0; } } .kd-side-panel.kd-panel-top .kd-panel-wrapper { display: grid; place-items: center; } .kd-side-panel.kd-panel-top .kd-panel-title { margin-bottom: 0; border: none; font-size: 48px; } .kd-side-panel.kd-panel-top .kd-panel-header { min-height: auto; animation: panelHide 0.5s 0s cubic-bezier(.2,1,.4,1) alternate both; display: flex; max-width: 1080px; } .kd-side-panel.kd-panel-top.active .kd-panel-header { animation: panelAppear 0.6s 0.5s cubic-bezier(.2,1,.4,1) alternate both } .kd-side-panel .kd-panel-contact { position: relative; padding: 0; width: 50%; padding-left: 30px; } .kd-panel-info-wrapper { width: 50%; } .kd-side-panel .kd-panel-contact .wpcf7-form-control-wrap { margin: 0; } .kd-side-panel.btn-hover-1 .kd-panel-contact .wpcf7 .wpcf7-submit:hover { background-color: transparent; } .kd-side-panel .kd-panel-contact [data-name="acceptance-subscribe"] { left: 0; white-space: inherit } .kd-panel-social-list { position: relative; width: 100%; margin: 20px 0; padding: 0; } .kd-panel-social-list ul.redux-social-media-list li { margin: 0; padding: 0; font-size: 16px; } .kd-side-panel.kd-panel-top .kd-panel-social-list { margin: 0; } .kd-panel-phone:after, .kd-panel-email:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); z-index: -1; border: 1px solid var(--border-color); background: transparent!important; display: none; } .modal-content-contact .redux-social-media-list .fab, .kd-panel-social-list .redux-social-media-list .fab { margin: auto; font-size: 14px; -webkit-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); -moz-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); -o-transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); transition: color 0.3s cubic-bezier(0.25, 1, 0.2, 1); line-height: 30px; } .kd-panel-phone, .kd-panel-email { font-size: 14px; line-height: 30px; margin-bottom: 10px; padding: 0 20px; display: inline-flex; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); border: 1px solid var(--border-color); background: var(--gray-color-overlay); font-weight: 500; } .kd-panel-phone { margin-right: 6px; } .kd-panel-phone .far, .kd-panel-email .far, .kd-panel-phone .fa, .kd-panel-email .fa { font-size: 14px; margin-right: 10px; line-height: 30px; float: left; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone a, .kd-panel-email a { -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); } .kd-panel-phone:hover .fa, .kd-panel-email:hover .fa, .kd-panel-phone:hover a, .kd-panel-email:hover a, .kd-panel-social-list .redux-social-media-list a:hover .fab { color: #fff!important; } .kd-panel-phone:hover:after, .kd-panel-email:hover:after, .kd-panel-social-list .redux-social-media-list a:hover:after { opacity: 1; } .kd-panel-social-list .redux-social-media-list { display: flex; flex-flow: row wrap; align-items: center; width: 100%; } .kd-panel-left .kd-panel-social-list .redux-social-media-list, .kd-panel-right .kd-panel-social-list .redux-social-media-list { flex-flow: row wrap; justify-content: center; } .kd-panel-left .kd-panel-social-list, .kd-panel-right .kd-panel-social-list { margin: 20px 0; } .kd-side-panel.kd-panel-left .kd-panel-contact, .kd-side-panel.kd-panel-right .kd-panel-contact { padding: 0 50px 22px 50px; width: 100%; } .kd-side-panel.kd-panel-left .kd-panel-info-wrapper, .kd-side-panel.kd-panel-right .kd-panel-info-wrapper { width: 100%; padding: 40px 50px 0 50px; } .kd-side-panel.kd-panel-right .kd-panel-title, .kd-side-panel.kd-panel-left .kd-panel-title { padding-bottom: 40px; } .kd-side-panel.kd-panel-right .kd-panel-phone-email, .kd-side-panel.kd-panel-left .kd-panel-phone-email { padding-left: 0; } .kd-side-panel.kd-panel-right .kd-panel-subtitle br, .kd-side-panel.kd-panel-left .kd-panel-subtitle br { display: none; } .kd-side-panel .panel-close { position: absolute; right: 50px; top: 43px; background-color: transparent; border: 0; font-size: var(--large-body-text-size); padding: 0; } .kd-side-panel .panel-close .fa { transition: 0.25s; } .kd-side-panel .panel-close:hover { opacity: 1; } .kd-side-panel .panel-close:focus { outline: 0; } /*-----------------------------------------------------------------*/ /* 15. RESPONSIVE /*-----------------------------------------------------------------*/ @media (max-width:959px) { body:not(.viva-addon-enabled).admin-bar .navbar.navbar-default { position: absolute; } .wpb_text_column ol li::before { position: relative; transform: none; } .wpcf7 [data-name="acceptance-subscribe"] { bottom: -70px; white-space: inherit; left: 0; } #single-page.password-page .viva-password-page { padding: 50px 30px 30px 30px; } .post-password-form .post-password-form__submit { width: 100%; } #magicMouseCursor { display: none!important; } .page-404 .section-subheading { font-size: var(--medium-body-text-size); } .page-404 .error-page-image-wrapper img { max-width: 200px; } .footer-widget-column.text-right, .footer-widget-column.text-right .widget-title, .footer-widget-column.text-center, .footer-widget-column.text-center .widget-title { text-align: left; } #posts-content.blog-minimal-grid .type-portfolio, #posts-content.blog-detailed-grid .type-portfolio { width:100%; margin-left: 0; margin-right: 0; padding-top: 0; } #posts-content .type-portfolio .blog-single-title { font-size: 22px; } .upper-footer .footer-widget-column:first-child { padding-left: 15px; } .upper-footer .footer-widget-column:last-child { padding-right: 15px; } .lower-footer.copyright-justify .container span { display: block; } #footer.fullwidth-footer .container { padding-left: 15px; padding-right: 15px; } .related-content .portfolio img, .single-post #posts-content .related-posts img { width: 100%; } .related-content .portfolio { margin-bottom: 30px; } .responsive-zigzag { display: flex; flex-flow: column wrap; } .responsive-zigzag .zigzag-image { order: 2; } .portfolio .entry-categories ul, .post .entry-categories ul { padding-left: 25px; padding-right: 25px; } .kd_counter_units, .kd_number_string { font-size: max(48px, 18px)!important; } .container .kd_counter_text { font-size: max(20px, 18px)!important; letter-spacing: -0.01em; margin-top: 15px; } .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item { margin-bottom: 15px; } .topbar #menu-topbar-menu li, .navbar-topbar li { margin-right: 0; border:none; } .tb-border-design .topbar-left-content { border-right: none; } .topbar #menu-topbar-menu li, .navbar-topbar li { font-size: 12px; } .blog-subscribe-wrapper { margin-bottom: 0; padding: 100px 15px 80px 15px; } .woo-entry-wrapper, .related-posts .post .entry-wrapper, .related-content .portfolio .entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { padding: 25px; } .blog-subscribe-wrapper .inline-cf { max-width: 100%; } .blog-subscribe-wrapper p.blog-subscribe-subtitle { white-space: inherit; margin-bottom: 25px; } .blog-subscribe-wrapper .inline-cf .wpcf7 .wpcf7-submit { margin: 0; width: 100%; } .blog-subscribe-wrapper [data-name="acceptance-subscribe"] { left: 0; } .blog-subscribe-wrapper h4 { font-size: 28px; margin-bottom: 20px; line-height: 1.3; } .blog-subscribe-background { display: none; } #footer.blog-subscribe-form .upper-footer { padding-top: 80px; } .upper-footer .col-lg-4 { padding-left: 15px; } .kd-panel-phone, .kd-panel-email { margin-bottom: 10px; } .blog-header-form .wpcf7 .wpcf7-submit { max-width: 150px!important; padding: 0; } .navbar.navbar-default .menubar .topbar-search { display: none; } .blockquote-reverse:before, #single-page .blockquote-reverse:before { margin-left: 15px;} #single-page blockquote { padding-left: 15px; } #single-page blockquote p, blockquote p { margin: 0; } #single-page blockquote:before {/* float: none; */margin-right: 15px;} .entry-header .blog-title-left .section-subheading { text-align:left; margin-left:0; } .single-post-layout-two .blog-single-content { margin-top: 30px; } .single-post-layout-one #comments, .single-post-layout-two #comments { max-width: 100%; padding: 0 15px; } .author-desc p, #comments .comment .comment-content { padding-left: 0; } .author-box-wrapper .author-desc {margin-bottom: 20px;} .kd_vc_parallax .parallax-overlay {background-size: cover!important;} .kd-calltoaction .cta-text p br, .vc_custom_heading br {display: none;} .main-nav-center #logo { width: auto!important; } .admin-bar .navbar.navbar-default { top: 46px; } .navbar.navbar-default { border-bottom: 1px solid var(--border-color) } .container .vc_row-has-padding-left { padding-left: 15px!important; } .container .vc_row-has-padding-right { padding-right: 15px!important; } #primary .hide-bg-on-mobile, #primary .hide-bg-on-mobile.wpb_column .vc_column-inner, .hide-bg-on-mobile { background-image: none!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0 !important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: auto !important; } .modal-content-inner .wpcf7-response-output { display: none; } .modal-content-contact { padding: 20px; } .related-posts .post .entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper { margin-left: 15px; margin-right: 15px; } #posts-content.blog-minimal-grid .entry-wrapper { padding-left:15px; padding-right: 15px; } #wrapper .blog-detailed-grid .entry-wrapper {margin: 0;} .blog #wrapper .blog-detailed-grid .entry-wrapper {margin: 0 15px;padding-left: 15px;padding-right: 15px;padding-top: 15px;} .related-posts .post .entry-wrapper {margin-left:0; margin-right:0;} #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img { margin-bottom:0; width: 100%; } #posts-content.blog-img-left-list .post, #posts-content.blog-img-left-list .BlogFullWidth .post { width: calc(100% - 30px); margin: 0 15px; margin-bottom: 20px; border-bottom: none; padding-bottom: 50px; display: block; } #posts-content.blog-img-left-list .entry-image, #posts-content.blog-img-left-list .BlogFullWidth .entry-image { max-width: 100%; margin-right: 0; } #posts-content.blog-img-left-list .entry-wrapper, #posts-content.blog-img-left-list .BlogFullWidth .entry-wrapper { float: left; width: 100%; } #posts-content.blog-img-left-list .post p, #posts-content.blog-minimal-list .post p, #posts-content.blog-img-top-list .post p { text-align:left; max-width:100%; } #posts-content.blog-minimal-list .BlogFullWidth p { padding: 0; margin-top: 55px; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; margin-left: 0; z-index: 10; position: relative; width: auto; width: 100%; } #posts-content.blog-img-top-list .post .page-content { margin-bottom: 25px; margin-top: 15px; } .blog-header-form .wpcf7 { width:100%; max-width: 400px; } .single-post #posts-content .BlogFullWidth, #posts-content.blog-minimal-list .BlogFullWidth, #posts-content.blog-img-top-list .BlogFullWidth { width:100%; } .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div { text-align: center!important; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container { float: none; } .wpb_wrapper .vc_grid-item-mini .blog-detailed-grid img {margin-bottom: 0;} #posts-content .blog-single-title, .container h1 { font-size: 32px; line-height: 1.3; } .single-post #posts-content .post .mg-gallery { margin-top: -50px; } .blog-single-title-meta-wrapper { text-align: left; margin-bottom: 20px; } #contact-form-box .vc_column-inner { padding: 30px!important; margin-bottom: 20px; background-color: #fff; } .content-area .vc_basic_grid .vc_grid .vc_gitem-zone-c .vc_gitem-link { margin: auto; } .container h2 { font-size: 28px; } .container h3 { font-size: 21px; } .wpb_wrapper #loginform .button { margin:auto; float:none; } .container h6 { font-size: var(--medium-body-text-size)!important; } .single-post-layout-two .blog-single-header-wrapper, .blog .entry-header.blog-header.with-topbar, .woocommerce-page .blog-header.entry-header, .woocommerce-page .blog-header.entry-header.with-topbar, .woocommerce-page.post-type-archive-product .blog-header.entry-header, .woocommerce-page.post-type-archive-product .blog-header.entry-header.with-topbar, .woocommerce-page .entry-header, .woocommerce-page .entry-header.with-topbar, .entry-header.blog-header.with-topbar, .entry-header.blog-header, .entry-header.with-topbar { padding-top: 80px; padding-bottom: 80px; } .single-post-layout-two .blog-single-header-wrapper { padding-bottom: 40px; margin-top: -50px; padding-left: 15px; padding-right: 15px; } .single-post .entry-header.blog-header { padding-bottom: 0; padding-top: 40px; } .woocommerce-account.woocommerce-page .entry-header, .woocommerce-checkout.woocommerce-page .entry-header, .woocommerce-cart.woocommerce-page .entry-header, .page-template-default .entry-header { padding-bottom: 80px!important; padding-top: 80px!important; } .navbar.with-topbar-mobile + #wrapper.hide-title-section, .entry-header.with-topbar-mobile { margin-top: 42px; } .vc_col-sm-12 .wpcf7 .wpcf7-submit { margin-top: 0; width: 100%; flex: none; display: block; } #kd-slider .tp-caption.NotGeneric-Title { font-size: 22px!important; line-height: 25px!important; width: 100%!important; } #kd-slider .tt_button { zoom: 0.9; min-width: inherit; } .footer-business-info.footer-socials a { margin-bottom: 20px; } .wpb_text_column ul li, .wpb_text_column ol li { line-height: 30px; margin-bottom: 5px; } .footer_widget ul li span.post-date { white-space: inherit; width: auto; display: inline-block; } .footer-social-text { width: 100%; margin: 0; } .footer-newsletter-form .wpcf7 .wpcf7-submit { width: 100%; } .footer-newsletter-form { float: right; margin-top: 15px; width: 100%; } .navbar .topbar { display: none; } .navbar.navbar-default .topbar .container { padding: 0; } .navbar .topbar.visible-on-mobile { display: block; } .topbar-contact i { margin-right: 0; } .tb-border-design .topbar-phone, .tb-border-design .topbar-email, .tb-border-design .topbar-opening-hours { margin-right: 15px; } .topbar-phone a, .topbar-email a { margin-right: 5px; } .tb-border-design .topbar-right-content { padding-left: 0; margin-right: 0; border-right: 0; margin-right: -1px; } .topbar-contact i { font-size: 15px; } .topbar-socials a { font-size: 14px; } .topbar-right-content .topbar-contact { margin-right: 0; } .tb-default-design .topbar-phone, .tb-default-design .topbar-email, .tb-default-design .topbar-opening-hours { border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; } .tb-border-design .topbar-socials a { width: 44px; } .tb-default-design .topbar-socials { margin: 0 -5px; } .tb-default-design .topbar-socials a { border-right: 1px solid rgba(132, 132, 132, 0.15); width: 46px; text-align: center; } .tb-default-design .topbar-socials li:last-child a { border-right: none; } .tb-default-design .topbar-extra-content { border-left: 1px solid rgba(132, 132, 132, 0.15); border-right: 1px solid rgba(132, 132, 132, 0.15); margin-right: 15px; padding-left: 10px; padding-right: 10px; margin-left: 5px; } .tb-default-design .topbar-right-content { border-left: 1px solid rgba(132, 132, 132, 0.15); margin-right: 0; } .tb-default-design .topbar-left-content { border-right: 1px solid rgba(132, 132, 132, 0.15); margin-left: 0; padding: 0 5px; } .tb-default-design .topbar-right-content.content-empty, .tb-default-design .topbar-left-content.content-empty { border: none; } .tb-default-design .topbar-right-content .topbar-menu { margin-left: 15px; } .tb-default-design .topbar-contact span:last-child { border: none; margin: 0; } .tb-default-design .topbar-left-content .topbar-contact .topbar-opening-hours { padding-right: 0; } .tb-default-design .topbar-right-content .topbar-opening-hours { padding-right: 15px; } .tb-default-design .topbar-left-content .topbar-contact span:last-child a { padding-right: 0; margin-right: 0; } .topbar-contact .topbar-opening-hours span { position: absolute; width: 100vw; background: #fff; left: 0; text-align: center; font-weight: 600; color: #1f1f1f; } .topbar-contact .topbar-opening-hours span:before { content: "\f057"; font-family: "viva-font"; text-align: center; font-size: 16px; position: absolute; color: #1f1f1f; cursor: pointer; float: left; padding: 0; width: 45px; height: 45px; z-index: 10; right: 0; font-weight: 400; } .topbar-contact .topbar-opening-hours.active span { display: block; } .topbar-extra-content { display: none; } .tb-border-design .topbar-socials { margin:0; } .topbar-socials ul.redux-social-media-list li i {margin:0} .tb-border-design .topbar-left-content { border-left: 0; margin-left: 0; padding: 0; } .topbar-contact span span { display:none } .clients-content:after, .kd_counter_number:after { display: none; } .navbar.navbar-default.full-width .container, .navbar.navbar-default .container, .navbar.navbar-default.contained .container { padding: 8px 15px; } .navbar.navbar-default.full-width .topbar .container { padding: 0; } .blog #posts-content { padding-top: 20px; padding-bottom: 20px; } #posts-content.blog-detailed-grid.use-sidebar .col-lg-8, #posts-content.blog-minimal-grid.use-sidebar .col-lg-8, .blog-minimal-grid .col-lg-8, .blog-detailed-grid .col-lg-8 { padding: 0 15px; } #posts-content .post.BlogMinimal { width: 100%; padding-bottom: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar-default.navbar-shrink.with-topbar { margin-top: 0; } .single-post.page .breadcrumbs { background: none; z-index: 1000; position: relative; padding-bottom: 0; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .entry-header { padding-top: 0; margin-bottom: 0; } .side-content-text ul li, .wpb_text_column ul li, .wpb_text_column ol li { text-align: left; } .wpb_text_column ol li { padding-left: 0; } .side-content-text ul, .wpb_text_column ul , .wpb_text_column ol { display: flex; flex-direction: column; } .wpcf7-form textarea { min-width: 100%; max-width: 100%; } #single-page .header-overlay { background-size: cover; } #single-page .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 { white-space: nowrap; max-width: 160px; padding-left: 0; padding-right: 0; overflow: hidden; text-overflow: ellipsis; } .woocommerce #wrapper .pr0 { padding-right: 15px; } .woocommerce-page #wrapper { padding-top: 66px; padding-bottom: 0; } .portfolio-block { float: left; max-width: 100%; width: 100%; margin-left: 0; } #posts-content .post.BlogMinimal .entry-content { max-height: 100%; } .big-custom-heading { line-height: 65px!important; font-size: 50px!important; } #portfolio-items .portfolio-item.item-size-small:nth-child(5), .portfolio-item.item-size-small { width: calc(33.3333333% - 25px); height: auto; margin: 0; margin-bottom: 20px; } .wpcf7-form .label { margin-top: 15px; } .upper-footer .textwidget.custom-html-widget span { width: 100%; display: block; } .upper-footer .textwidget i { display: none; } #logo { float: left; } .woocommerce-page .navbar-default .container, .single-post .navbar-default .container, .single-page .navbar-default .container { width: 100%; } .modal-content-inner .modal-subheading {display: none;} .section.with-overlay .parallax-overlay { background-size: cover !important; } .error404 #wrapper {padding-top: 0;} .error404 .navbar-default.fullwidth .container {padding-left: 20px; padding-right: 20px;} .navbar-nav { margin: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; max-height: calc(100vh - 210px); } .row .vc_custom_1480365617320 { margin-top: 0 !important; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { overflow-y: scroll; max-height: calc(100vh - 65px); margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; margin-bottom: 10px; } .kd-side-panel.kd-panel-left .kd-panel-info-wrapper, .kd-side-panel.kd-panel-right .kd-panel-info-wrapper { padding: 0; } .kd-side-panel.kd-panel-top .kd-panel-social-list { padding-left: 30px; padding-bottom: 40px; } .kd-panel-header .kd-panel-subtitle {padding: 30px;} .kd-side-panel.kd-panel-top .kd-panel-title { font-weight: 600; border-bottom: 1px solid var(--border-color); font-size: 21px; padding: 30px; margin: 0; } .kd-panel-header .kd-panel-subtitle br { display: none;} .kd-panel-header .kd-panel-phone-email, .kd-side-panel.kd-panel-right .kd-panel-phone-email, .kd-side-panel.kd-panel-left .kd-panel-phone-email { padding-left: 30px; padding-bottom: 30px; } .kd-side-panel .kd-panel-contact, .kd-side-panel.kd-panel-left .kd-panel-contact, .kd-side-panel.kd-panel-right .kd-panel-contact { position: relative; padding: 0 30px 12px 30px; width: 100%; } .kd-panel-header .kd-panel-title, .kd-side-panel.kd-panel-right .kd-panel-title, .kd-side-panel.kd-panel-left .kd-panel-title { padding: 30px; margin: 0; } .kd-panel-info-wrapper { width: 100%; } .kd-side-panel.kd-panel-top .kd-panel-wrapper { place-items: initial; } .kd-side-panel.kd-panel-top .kd-panel-header { flex-direction: column; padding: 0; } .kd-panel-header { height: auto; } .kd-side-panel .panel-close { right: 30px; top: 33px; } .navbar .modal-menu-item { margin: 0; box-sizing: border-box; margin-bottom: 10px; } .navbar-default .nav li a { margin-top: 15px; } #main-menu .navbar-nav .menu-item a { padding: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; opacity: 1; } .navbar-default.fullwidth .container { width: 100%; padding-left: 15px; padding-right: 15px; } .container { padding-right: 15px; padding-left: 15px; } .lower-footer .container { padding: 30px 0; } .container.fullwidth { padding-right: 0; padding-left: 0; } header .header-dashboard .dashboard { max-width: 90%; } header .header-dashboard { background: none; } html { width: 100%; overflow-x: hidden; } .navbar-fixed-top .page-scroll { margin: 0; } .logo img { max-height: 47px; margin-top: 0px; width: auto; } .mobile-app .header-dashboard { text-align: center; float: none; max-width: 50%; } .mobile-app .header-buttons .primary-button { float: none; } .mobile-app .header-buttons { margin-bottom: 0; } .mobile-app .header-dashboard .dashboard { margin-top: 50px; margin-bottom: 0; max-width: 100%; float: none; margin-left: auto; margin-right: auto; } .mobile-app .intro-text .intro-lead-in, header .intro-text .intro-lead-in { font-size: 32px; letter-spacing: -1px; line-height: 35px; } .mobile-app .intro-text .intro-lead-in { text-align: center; } .mobile-app .intro-text .intro-heading { max-width: 100%; font-size: 15px; line-height: 21px; margin-top: 20px; } .mobile-app .intro-text { width: 100%; padding: 65px 20px 0 20px; text-align: center; } .subscribe-form .intro-text, header .intro-text { padding: 125px 20px 0 20px; } .subscribe-form .intro-text { padding-left: 0; padding-right: 0; } .subscribe-form header .wpcf7-text { width: 100%; border-right: 1px solid #fff; } .subscribe-form header .wpcf7-submit { width: 100%; margin-top: 20px; } .header-buttons { margin: 40px auto 40px auto; } header .intro-text .intro-heading { font-size: 15px; line-height: 21px; margin-top: 20px; } .container .portfolio-title, .row .contact h2, section h2.section-heading, section h1.section-heading { margin-top: 0; margin-bottom: 15px; font-size: 25px; letter-spacing: -0.3px; line-height: 30px; } .footer-business-info { padding: 40px 20px 20px 20px; margin: -70px 15px 20px 15px; } .footer-business-address, .footer-business-phone, .footer-business-email { width: 100%; display: block; position: relative; text-align: left; float: left; margin-left: 0; margin-bottom: 25px; } .footer-business-info [class^="iconsmind-"], .footer-business-info [class*=" iconsmind-"] { font-size: 25px; margin-top: 5px; } .footer-business-phone:after, .footer-business-address:after { display: none; } #contact { padding-top: 0; } .row .contact p, .row .contact h2 { text-align: center !important; width: 90%; margin: auto; } .row .contact p, section .section-subheading { margin-bottom: 30px; margin-top: 20px; } section .section-subheading { padding: 0 20px } p { margin-bottom: 20px; } .content-area .vc_grid-item-mini .vc_gitem-zone-c p {display:none} #posts-content .post p {text-align:left;} .modal-content-contact p { margin-bottom: 20px; } .service-heading { font-size: var(--medium-body-text-size); margin-bottom: 18px; } #services .col-md-3.last, #services .col-md-3 { padding: 0 30px; margin-bottom: 30px; } .video-socials .fa { margin: 0 15px; } .portfolio-item { position: relative !important; width: 100% !important; top: inherit !important; } #portfolio-items { height: auto !important; overflow: visible; } #comments input[type="text"], #comments input[type="url"], #comments input[type="email"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select { min-width: 100%; width: 100%; } #comments input[type="url"] {margin-bottom:20px;} section h2.section-heading { text-align: center; } .woo-sidebar, .right-sidebar, .single-post .right-sidebar { margin-top: 0; margin-bottom: 0; width: 100%; padding: 35px 15px; margin-bottom: 50px; max-width: 100%; } .sidebar-banner-widget { width: 100%; padding-left: 20px; padding-right: 20px; max-height: 450px; background-position: center; } .video-modal .modal-content { max-width: 94%; width:100%; } .chart-content { margin-top: -20px; margin-bottom: 50px; } .chart-content h4 { font-size: 15px; } .owl-carousel { width: 100%; margin: auto; } .rc-content.owl-carousel {width: 100%;} .container .chart { display: none; } .owl-nav div.owl-prev { margin-left: 0; } .owl-nav div.owl-next { margin-right: 0; } .subscribe .wpb_wrapper h3 { font-size: 28px; line-height: 28px; width: 100%; text-align: center !important; margin-bottom: 40px; } .subscribe .wpcf7-form { float: none; max-width: 80%; } .subscribe .wpcf7-form input { width: 100%; height: 40px; line-height: 40px; margin-bottom: 0px; } .subscribe .wpcf7-form .wpcf7-submit { border: none; margin: 0; } .subscribe .wpcf7-form button { width: 100%; height: 40px; } .wpcf7 .wpcf7-submit { width: 100%; } .subscribe .wpcf7-form-control-wrap { width: 100%; } .contact-map-container { position: relative; top: 0; min-width: 100%; margin-left: -15px; width: calc(100% + 30px); margin-bottom: 0px; height: auto!important; } #contact .contact-form-container { width: 100%; margin-top: 60px; } #contact .section-subheading { margin-top: 30px; line-height: 21px; text-align: center; margin: auto; width: 80%; margin-bottom: 50px; } #wpcf7-f319-o2 .wpcf7-form {max-width: 400px;} .wpcf7 .wpcf7-form { width: 100%; margin: auto; } .blog-header-form .wpcf7 .wpcf7-submit { margin: 0; height: 50px; line-height: 48px; margin-left: 0; z-index: 10; position: relative; width: auto; } .register-form .wpcf7 .wpcf7-submit, #single-page .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { width: 100%!important; margin: 0; flex: none; } .blog-header-form .wpcf7 .wpcf7-form .wpcf7-form-control-wrap { width: calc(100% - 150px)!important; } .modal-content-inner .wpcf7 .wpcf7-form .wpcf7-form-control-wrap {margin-bottom:0;} .inline-cf .wpcf7-form p { display:inherit; } .btn-xl, #contact .form-group input.form-control { height: 40px; } .lower-footer .pull-left { width: 100%; } .lower-footer .pull-right { width: 100%; margin-top: 3px; } .lower-footer .pull-right .navbar-footer, .lower-footer .pull-right .navbar-footer li { text-align: center; width: 100%; padding: 0; } .lower-footer span, .lower-footer a { width: 100%; margin: 0; } .lower-footer a { display: block; } #upper-footer { padding-bottom: 0 !important; } #upper-footer img { margin: auto; } #upper-footer .wpb_single_image.vc_align_left { text-align: center; } #upper-footer .pull-left { width: 100%; margin-bottom: 40px; } #upper-footer p, #upper-footer .vc_custom_heading { text-align: center !important; width: 80%; margin: 0 auto; } #upper-footer .wpb_wrapper p { margin-bottom: 30px; } #upper-footer .pull-right { width: 100%; } .footer-secondary-nav { max-width: 100%; display: block; padding: 0; width: 100%; } .lower-footer { margin-top: 0; } .footer-secondary-nav a { margin: auto; display: block; float: none; } .footer-secondary-nav li { margin-bottom: 20px; } .entry-header .intro-text { padding-top: 70px; } .entry-header .section-subheading { margin-top: 20px; margin-bottom: 23px; margin-left: auto; float: none; margin-right: auto; text-align: center; font-size: var(--medium-body-text-size); } .entry-header .section-heading { font-size: 32px; margin: 0; line-height: 1.3; } .section-subheading + .breadcrumbs, .breadcrumbs { width:100%; max-width:100%; margin-top: 20px; } .portfolio-template-default .entry-header .container { padding-bottom: 80px; } .portfolio-template-default .entry-header { padding-bottom: 0px; } .search.search-results #posts-content article { width: 100%; margin-left: 0; margin-right: 0; padding: 30px; } #posts-content .post .blog-single-title, #posts-content .blog-single-content .blog-single-title { margin-bottom: 20px; text-align: left; font-size: 28px; line-height: 1.3; } #posts-content .post h5.blog-single-title { font-size: var(--large-body-text-size); } #posts-content .related-content .post .blog-single-title { font-size: 22px; } .related-title h3 { font-size: 28px; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .blog-single-title { text-align:left; } .single-post #posts-content .BlogFullWidth .entry-meta, .single-post #posts-content .BlogFullWidth .blog-single-title, #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-minimal-list .BlogFullWidth .blog-single-title, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .blog-single-title { margin-left: 0; margin-right: 0; } #posts-content.blog-img-left-list .entry-image, #posts-content .wp-post-image { margin-bottom: 30px; } .blog-single.use-sidebar .col-lg-8 { padding: 0; } .blog-single-content .blog-content { margin-top: 0; } #posts-content .entry-meta span { display: inline-flex; margin-bottom: 5px; } #posts-content .entry-meta .comment-count { /* display: none; */ } #posts-content .entry-meta .blog-separator { display: none; } #posts-content.blog-img-top-list .entry-meta, #posts-content .entry-meta { float: left; margin-bottom: 15px; width: 100%; } .search #posts-content .entry-meta { margin-bottom: 20px; margin-top: 5px; } #posts-content.blog-detailed-grid .entry-meta { margin-top: 10px; width: 100%; margin-bottom: 20px; } #posts-content .blog-single-content .entry-meta { margin-bottom:20px; } #posts-content .more-button a { margin-top: 0; } .navigation.pagination .next, .navigation.pagination .prev { width: 100%; margin-bottom: 10px; } #posts-content .post { margin-bottom: 35px; border-radius: 0; margin-right: 15px; margin-left: 15px; padding-left: 0; padding-bottom: 25px; padding-right: 0; } .blog_widget { padding-left: 0px; margin-bottom: 40px; text-align: left; } #wrapper .widget-title {} .navigation.pagination { margin-bottom: 20px; padding: 0; } .blog-single-content { padding-bottom: 0; border-bottom: none; } .single-post #posts-content .post { padding-top: 5px; margin-bottom: 50px; } .single-post #posts-content .related-posts .post { padding-top: 0; margin: 0; margin-bottom: 20px; width: 100%; } #comments p { margin-bottom: 0; width: 100%; } #comments .logged-in-as { text-align:left; } .author-desc p, #comments .comment p { padding:0; text-align:left; } #comments .fn { width:100%; float:left} #comments .reply { margin-left:0; position: relative; top: inherit; right: inherit; } #comments .comment-notes { margin-bottom: 20px; } #comments { margin-bottom: 100px; margin-top: 0; padding: 0 15px; max-width: 100%; } #comments #respond #reply-title { margin-top: 20px; } #comments label { text-align:left; width: 100%; } .author-box-wrapper { margin-top: 50px; padding-bottom: 20px; } .author-box-wrapper .author-desc-wrapper, .author-box-wrapper .author-name, .author-box-wrapper .author-website, .author-box-wrapper .author-desc { max-width:100%; width:100%; text-align: left; } .author-box-wrapper .author-name h6 {text-align:left} #posts-content .author-box-wrapper .author-avatar img, #comments .comment img { float:none; margin-bottom:20px; } .comment-form-author, .comment-form-email { width: 100%; float: left; padding: 0 !important; } #posts-content #commentform textarea, #comments input { margin-bottom: 0; max-width: 100%; } #social-icons { display: block; width: 100%; text-align: center; } .lower-footer .pull-right a { margin: 0; width: auto; display: inline-block; float: none; } .lower-footer { border-top: none; text-align: center; padding: 0; } #footer.fixed, #footer { position: relative; z-index: 0; } #posts-content .post-sticky-sidebar { margin-bottom: 0; padding: 0; } #wrapper.hide-title-section, #wrapper { margin-bottom: 0 !important; padding-top: 65px; } #wrapper.vertical-lines + #footer, #wrapper.vertical-lines { background-image: none!important; } .footer_widget .menu li, .footer_widget li { width: 100%; } .upper-footer .widget-title { margin-bottom: 15px; margin-top: 15px; } .upper-footer { padding: 50px 0 20px 0; background-color: #fafafa; } .footer-bar { margin-bottom: 0; border:none; margin: 0; padding-left: 15px; } .blog_widget ul.redux-social-media-list li a { } .footer-bar .redux-social-media-list li i { margin: auto; margin-right: 25px; } .footer-socials-bar { margin: auto; width: 100%; } .footer-socials-bar ul { width: 100%; } .navbar-footer li { width: 100%; text-align: left; } .footer_widget ul a, .footer_widget .menu li a { line-height: 32px; } .footer-bar .footer-nav-menu ul li a { } footer.underline-effect .navbar-footer li a { margin-bottom: 0; } .footer-nav-menu { width: 100%; margin-bottom: 30px; } .socials-widget a { float: none; display: inline-block; } .contact-box .vc_column-inner { border: none !important; padding: 30px 0 0 0 !important; } .contact-box:last-child .vc_column-inner { padding-bottom: 30px !important } .contact-map .vc_column-inner { margin-top: 0 !important; } #popup-modal .modal-content { overflow: hidden; transition: all 0.2s; max-width: 90%; left: 0; margin-left: 5%; border-radius: 0; position: fixed; top: 5%; margin-top: 0; border: none; box-shadow: none; overflow-y: scroll; max-height: 90%; padding: 0; } .modal-content-inner .wpcf7-submit { float: none; } #popup-modal .modal-content h2 { font-size: 22px; line-height: 1.3; margin-top: 10px; } .modal-content-contact .key-icon-box.icon-left.icon-default .fa {display:none} .modal-content-inner p { font-size: 12px; margin-bottom: 20px; } .modal-content-inner { padding: 25px; padding-bottom: 10px; } .slider-scroll-down { display: none } #header.entry-header { padding-bottom: 0; } .search #posts-content, .archive #posts-content, .search #posts-content, .blog #posts-content, #posts-content { padding: 55px 0px 0px 0; } .blog-single-title-meta-wrapper .col-lg-8 { max-width: 100%; } .single-product .breadcrumbs, .single-post .breadcrumbs {padding-left: 0;overflow: visible;white-space: initial;} .single-post .blog-title-center .breadcrumbs, .single-post .blog-title-center .section-subheading { text-align: left; } .single-product .breadcrumbs {padding-left: 0;} #comments .children { padding-left: 15px; } .reply-title { padding-bottom: 20px; } #comments input[type="submit"], .wpcf7 .wpcf7-submit { width: 100%; margin-bottom: 20px; } .related-posts {border:none;margin-top: 0;padding-left: 15px;padding-right: 15px;padding-bottom: 80px;} .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; height: auto; } #comments .reply-title, .related-title h3 { padding-top: 75px; margin-bottom: 50px; margin-left: 0; margin-right: 0; font-size: 24px; padding-bottom: 0; } .comment-form, .comment-body { padding: 30px; } #comments .comment-metadata { margin-left: 0; margin-top: 5px; } #comments .comment-meta { flex-direction: column; align-items: baseline; } .comments-content { margin-top: 15px; } .blog-single-content .tags { padding-top: 30px; } .blog-social-sharing { margin-top: 50px; margin-bottom: 0; width: 100%; float: none; } .author-box-separator { width: 100%; display: none; } .portfolio-gallery { padding: 0; } .portfolio-content .portfolio-sidebar { padding-right: 0; padding-left: 0; width: 100% !important; position: relative !important; margin-left: 0 !important; left: 0 !important; top: inherit !important; } .portfolio-content .portfolio-block .portfolio-title { font-size: 25px; text-align: left; line-height: 40px; letter-spacing: -0.3px; margin-top: -10px; font-weight: 700; margin-bottom: 20px; } .portfolio-navigation-links { padding: 0; float: none; margin-top: 0; border-top: none; padding-bottom: 0; display: none; } .owlslider-portfolio { width: 100%; } .single-portfolio #single-page { padding-bottom: 0; } .port-prev.tt_button, .port-next.tt_button { width: auto; padding: 0; margin-top: 20px; margin-bottom: 20px; margin-left: 0; margin-right: 0; min-width: auto; border: none; } #single-page .featured-image.single-image img { max-width: 100%; } .footer_widget { max-width: 100%; margin: auto; } .upper-footer .textwidget { max-width: 100%; padding: 0; padding-bottom: 0; margin-bottom: 29px; font-size: inherit; } .socials-widget { margin: auto; margin-top: 50px; } .wpb_wrapper .wpb_single_image img { height: auto; float: none; text-align: center; display: block; } .parallax .parallax-overlay { background-size: cover; } .vc_custom_1464520550679, .vc_custom_1464520555118, .vc_custom_1464520560358, .vc_custom_1466613488090, .vc_custom_1466613538944, .vc_custom_1466613515458 { border: none !important; padding: 30px 0 !important; } .vc_row[data-vc-full-width], .vc_row.vc_row-has-fill { background-size: cover; } #single-page .single-page-heading { padding-top: 60px; position: relative; padding-bottom: 35px; overflow: hidden; margin-bottom: 50px; } .vc_custom_1464451027902 { margin-bottom: 20px; } .register-form .wpcf7 .wpcf7-submit, .register-form .wpcf7-form-control-wrap { width: 100%; } .maintenance .section, .maintenance #wrapper { padding: 0 !important; } .maintenance .fa { display: none; } .back-to-top { z-index: 999; } .upper-footer .modal-menu-item { width: 100%; text-align: center; float: none; margin: auto; margin-top: 40px; opacity: 1; max-width: 200px; } .video-socials { display: none; } .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height: auto; } } @media (min-width:400px) and (max-width:960px) { #customizer {display: none;} #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post, .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { float: left; margin-left: 0; margin-right: : 0; padding-bottom: 0px; width: calc(33.3% - 15px); margin-right: 15px; } .related-posts .post { width: calc(33.3% - 15px); margin-right: 15px; } .owlslider-related-posts .portfolio, .owlslider-related-posts .post { width:calc(100% - 15px); margin-right:10px; } } /*-----------------------------------------------------------------*/ /* RESPONSIVE MENU /*-----------------------------------------------------------------*/ @media (max-width:1269px) { .navbar.navbar-default, .navbar .topbar.visible-on-mobile { border-bottom: 1px solid var(--border-color); } #main-menu .navbar-nav .menu-item a:after { display:none; } #main-menu .navbar-nav .menu-item-has-children .dropdown-menu { border: none; } #main-menu .navbar-nav .dropdown-menu { padding: 0; border: none; border-radius: 0; box-shadow: none; min-width: 230px; left: auto; visibility: visible; float: none; opacity: 1; margin-bottom: 20px; width: 100%; top: auto; position: relative; } #main-menu .navbar-nav .mega-menu {position: relative;} #main-menu .navbar-nav .mega-menu.mobile-visible {position: relative;margin-bottom: 0;} #main-menu .navbar-nav .mega-menu.demos-menu .dropdown-menu .menu-item, #main-menu .navbar-nav .mega-menu .dropdown-menu .menu-item { width: 100%; display: inline-block; float: none; margin-right: 0; border-right: none; } #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display: none; } #main-menu .navbar-nav .mega-menu .dropdown-menu { left: auto; margin: 0; padding: 0; } #main-menu .navbar-nav .menu-item .dropdown-menu .menu-item a { padding: 10px 0!important; padding-left: 0; line-height: 1!important; } .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children:hover .dropdown > a {margin-bottom:0;} #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children .dropdown-menu, #main-menu .navbar-nav .menu-item-has-children .dropdown-menu {display: none;} .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown > a {margin-bottom: 0;padding: 10px 0!important;line-height: 1;} #main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu .menu-item-has-children.mobile-visible .dropdown-menu, #main-menu .navbar-nav .menu-item-has-children.mobile-visible .dropdown-menu { display: block; position: relative; left: 0; top: 0; margin: 0; padding: 0; padding-left: 15px; box-shadow: none; opacity: 1; visibility: visible; transform: none; pointer-events: inherit; } #main-menu .navbar-nav .menu-item-has-children:hover .dropdown-menu .dropdown:before {display:none;} #main-menu .navbar-nav .menu-item-has-children a { width: calc( 100% - 40px );} #main-menu .navbar-nav .menu-item-has-children .mobile-dropdown { font-family: 'viva-font'; font-size: 14px; font-weight: 400; text-rendering: auto; padding: 4px 10px; top: 0; z-index: 99; right: 0px; position: absolute; -webkit-font-smoothing: antialiased; color: var(--heading-color); } #main-menu .navbar-nav .mega-menu .menu-item-has-children .mobile-dropdown {display:none;} #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children .mobile-dropdown:before, #main-menu .navbar-nav .menu-item-has-children .mobile-dropdown:before { content: "\f078"; } #main-menu .navbar-nav .menu-item-has-children .dropdown-menu .menu-item-has-children.mobile-visible .mobile-dropdown:before, #main-menu .navbar-nav .menu-item-has-children.mobile-visible .mobile-dropdown:before { content: "\f077"; } .modal-menu-item, .modal-menu-item:focus { margin-top: 0; margin-bottom: 20px; width: 100%; text-align: center; float: none; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .hide-on-mobile { display: none; } .navbar-default { } .header-bttn-wrapper { width: 100%!important; display: none !important; } .navbar-fixed-top .navbar-collapse[aria-expanded="true"] ~ .main-nav-extra-content .header-bttn-wrapper, .navbar-fixed-top .navbar-collapse[aria-expanded="true"] ~ .header-bttn-wrapper { display: block !important; margin-left: 0; margin-right: 0; } .navbar.navbar-default .menubar .container { display: block; } .navbar-fixed-top, .navbar.navbar-default .menubar { padding: 0px; min-height: 65px; } .navbar.navbar-default.full-width .container, .navbar.navbar-default .container, .navbar.navbar-default.contained .container { padding: 8px 15px; } .navbar.navbar-default .topbar .container, .transparent-navigation .navbar.navbar-default .topbar .container { padding: 0; } #logo { float: left; } .navbar .container #logo .logo { margin-left: 0; line-height: 50px; font-size: var(--medium-body-text-size); } .navbar-header { display: block; } .navbar.navbar-default .menubar .topbar-search.mobile-search .fa.toggle-search { margin: 0; } .navbar.navbar-default .menubar .topbar-search { display: none; } .navbar.navbar-default .menubar .topbar-search.mobile-search { display: block; float: right; margin-top: 10px; } .navbar-fixed-top .page-scroll { margin: 0; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { overflow-y: scroll; max-height: calc(100vh - 65px); margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; margin-bottom: 10px; } .navbar-nav { margin: 0; margin-top: 15px; margin-bottom: 15px; text-align: left; max-height: calc(100vh - 210px); } #main-menu .navbar-nav .menu-item a { padding: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; opacity: 1; } .navbar .modal-menu-item { margin: 0; box-sizing: border-box; margin-bottom: 10px; } } @media (min-width:300px) and (max-width:768px) { .vc_row[data-vc-full-width], .vc_row.vc_row-has-fill, .vc_row.wpb_row.vc_inner .vc_column-inner { /*border: none!important;*/ } } @media (max-width:720px) { .video-modal iframe { max-width: 100%; max-height: 300px; box-sizing: border-box!important; } #primary .hide-bg-on-mobile-portrait, .hide-bg-on-mobile-portrait { background: none !important } } @media (max-width:720px) { #posts-content.blog-detailed-grid.use-sidebar .post, #posts-content.blog-minimal-grid.use-sidebar .post, .related-posts .post, .related-content .portfolio, #posts-content.blog-detailed-grid .post, #posts-content.blog-minimal-grid .post { width:100%; margin-left: 0; margin-right: 0; padding-top: 0; } } @media (min-width:767px) and (max-width:1180px) { #posts-content.blog-img-left-list .entry-image { float: left; margin-right: 50px; max-width: 280px; margin-bottom: 0; } #posts-content.blog-img-left-list .entry-wrapper { float: left; width: calc(100% - 345px); } .sidebar-banner-widget-wrapper { padding-top: 120px!important; padding-bottom: 100px!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: 100%!important; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p { margin-bottom: 0 !important; } #wrapper .blog_widget p, .blog_widget, #wrapper .widget-title {text-align:left;} .related-posts .entry-image, .related-content .entry-image, .blog-detailed-grid .entry-image, .blog-minimal-grid .entry-image { min-height: auto; } #wrapper .blog_widget { width: 100%; display: inline-grid; } .woocommerce #wrapper .blog_widget, .single-post #wrapper .blog_widget {width: 100%;margin-right: 0%;display: inline-grid;} .woo-sidebar, .right-sidebar { width: 100%; } .woocommerce #wrapper .blog_widget, .single-post #wrapper .blog_widget {width: 100%;margin-right: 0%;display: inline-grid;} .footer-social-text { width: auto; margin-right: 20px; } .navbar-footer li { width: auto; } .upper-footer p {text-align:left} .upper-footer .widget-title, .footer_widget .menu li, .footer_widget li { text-align:left; } .wpb_column.vc_col-md-8 { width: 66.66%; } .wpb_column.vc_col-md-4 { width: 33.33333333%; } .wpb_column.vc_col-md-3 { width: 25%; } #posts-content .post.BlogMinimal { width: 50%; padding: 0 10px; } .register-form .wpcf7 .wpcf7-text { min-width: inherit; width: 100%;} .register-form .wpcf7 .wpcf7-submit {width: 100%!important; min-width: 360px;} .single-portfolio .navbar-default .container, .single-post .navbar-default .container { width: 100%; } #single-page .featured-image.single-image img, .portfolio-content .featured-gallery, #single-page .gallery-item-list img { max-width: 100%; } .page .navbar-default .container { width: 100%; } } @media (max-width:1365px) { .vc_row.vc_row-fixed-bg { background-attachment: scroll !important; } } /*-----------------------------------------------------------------*/ /* 16 CUSTOMIZER /*-----------------------------------------------------------------*/ #customizer { position: fixed; top: 0; padding: 20px 5px; background-color: #fff; width: 800px; right: -800px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 99999; font-weight: 300; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; bottom: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); } #customizer.active { right: 0; } #customizer li { list-style-type: none; } #customizer .options { background-color: #fff; width: 45px; position: absolute; top: 250px; left: -45px; cursor: pointer; border-left: 0; border-radius: 0; padding: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #eaeaea; border-right: 0; box-sizing: border-box; } #customizer .options .custom-tooltip.purchase-viva { background: rgb(107 162 41/7%)!important; border-bottom-left-radius: 5px; border: none; } #customizer .options .purchase-viva.custom-tooltip i, #customizer .options .purchase-viva.custom-tooltip:hover i { color: #6ba229!important; } #customizer .options .purchase-viva .viva-tooltip { color: #6ba229!important; } #customizer .options .fa { color: #1f1f1f; font-size: 23px; font-style: normal; margin: 0; margin-top: 0; width: 45px; text-align: center; height: 40px; line-height: 40px; } #customizer .options .nc-icon-outline-print { font-size: 22px; } #customizer .options .custom-tooltip { -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; position: relative; display: block; border-bottom: 1px solid #eaeaea; } #customizer .options .custom-tooltip i { font-size: 18px; font-weight: 700; text-align: center; display: block; height: 43px; line-height: 44px; color: #2f2f2f; transition: .25s; } #customizer .nav-logo { display: block; margin: auto; max-width: 160px; margin-top: 30px; margin-bottom: 40px; height: auto; } #customizer .tt_button { position: absolute; bottom: 50px; left: 50%; margin-left: -107px; } #customizer .tt_button .iconita { margin-right: 0; margin-left: 8px; } #customizer h3 { margin: 10px auto 0; text-align: center; line-height: 25px; font-weight: 700; font-style: normal; color: #333; font-size: 18px; letter-spacing: -0.2px; } #customizer p { font-size: 14px; font-weight: bold; line-height: 1.6; text-align: center; max-width: 400px; margin: auto; margin-top: 15px; color: #9e9e9e; } #customizer .customizer-logo { font-weight: bold; font-size: 26px; line-height: inherit; margin: 0; text-align: center; width: 100%; display: block; float: left; letter-spacing: -0.7px; margin-bottom: 25px; margin-top: 40px; color: #1f1f1f; } #customizer .screenshot { margin-top: 50px; } #customizer .screenshot a { display: block; float: left; margin: 8px; position: relative; overflow: hidden; background-color: #1f1f1f !important; } #customizer .screenshot a.first { } #customizer .screenshot img { width: 370px; height: auto; border: 1px solid #eaeaea; float: left; display: block; border-radius: 0; opacity: 1; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } #customizer .screenshot a:hover img { opacity: 0.3; } #customizer .screenshot a:hover span { opacity: 1; } #customizer .screenshot a span { color: #fff; font-size: 16px; opacity: 0; text-transform: uppercase; font-weight: bold; position: absolute; z-index: 99; display: block; text-align: center; line-height: 236px; width: 100%; left: 0; top: 0; margin-top: 0; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #customizer .viva-tooltip { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; line-height: 12px; background-color: #fff; font-size: 14px; margin: 0; padding: 15px 20px; font-family: inherit; font-weight: 900; width: auto; font-weight: 500; display: block; right: 10px; top: 0px; white-space: nowrap; border-radius: 0; transition: all 200ms ease-in-out; border: 1px solid var(--border-color); } #customizer .viva-tooltip .trialngle-tooltip { display: block; position: absolute; right: -5px; top: 16px; width: 0; height: 0; border-left: 5px solid var(--gray-color-overlay); border-bottom: 5px solid transparent; border-top: 5px solid transparent; display: none; } #customizer .options .custom-tooltip:hover .viva-tooltip { opacity: 1; right: 60px; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #demoselect { max-height: 780px; overflow: hidden; overflow-y: visible; width: 790px; } #demoselect::-webkit-scrollbar { width: 7px; cursor: pointer } #demoselect::-webkit-scrollbar-track { background-color: transparent; cursor: pointer } #demoselect::-webkit-scrollbar-thumb { background-color: #ddd; width: 7px; border-radius: 3px; bottom: 10px; cursor: pointer; z-index: 99; } #demoselect::-webkit-scrollbar-button { display: none } #demoselect::-webkit-scrollbar-corner { background-color: #000 } #demoselect::-moz-scrollbar { width: 7px } #customizer .colors-tooltip { width: 167px; text-align: center; padding: 18px;} #customizer .viva-tooltip .tooltip-label {width: 100%; text-align: center; display: block;} #customizer .color-switcher {width: 20px; height: 20px; display: block; float: left; margin:3px; margin-top: 15px; margin-bottom: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border-radius: 90px;} #customizer .color-switcher.blue {background-color: #0030b8 } #customizer .color-switcher.teal {background-color: #00897b } #customizer .color-switcher.green {background-color: #64dd17 } #customizer .color-switcher.red {background-color: #c62828 } #customizer .color-switcher.orange {background-color: #fb8c00 } #customizer .color-switcher:hover { opacity: 0.6; } .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a, #customizer .options, .kd-panel-social-list .redux-social-media-list a, .blog_widget ul.redux-social-media-list li a { border-radius: 0; } /*-----------------------------------------------------------------*/ /* 17 LANDING PAGE /*-----------------------------------------------------------------*/ #single-page.home-viva .demos-section .vc_col-sm-12 { max-width: 1982px; margin: auto; float: none; } #single-page.home-viva .rw_message { font-size: 18px; } #single-page.home-viva .key-reviews { padding: 45px 55px 50px 55px; } #single-page.home-viva .viva-responsive .first-image-wrapper img { border-radius: 18px!important; } #single-page.home-viva .viva-responsive .second-image-wrapper img { border-radius: 32px!important; } #single-page.home-viva .viva-cta-section .tt_button { background-color: #00234B!important; border-color: #00234B!important; } #single-page.home-viva .viva-cta-section .tt_button:hover { background-color: #fff!important; border-color: #fff!important; } #single-page.home-viva .custom-layouts { max-width: 1600px; margin: auto!important; } #single-page.home-viva .custom-layouts .tt-iconbox-customimg { border-bottom: 1px solid var(--border-color); } #single-page.home-viva .custom-layouts .tt-iconbox-customimg img { max-width: 478px!important; margin: auto; display: block; margin-top: 12px; margin-bottom: 12px; } #single-page.home-viva .fm-wrapper .nav-indicator, #single-page.home-viva .key-icon-box .ib-badge { border-radius: 0; background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%)!important; } #single-page.home-viva .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list { background: #fff; border: 1px solid var(--border-color); } #single-page.home-viva .image-with-border img { border: 1px solid var(--border-color); pointer-events: none; } #single-page.home-viva .demos-section .kd-photobox h4:before { background: var(--main-color); } #single-page.home-viva .demos-section .kd-photobox:hover h4 { color: var(--main-color); } #single-page.home-viva .rw-author-details { margin-bottom: 10px; } #single-page.home-viva .call-to-action-label .kd-title-label-transparent { text-decoration: line-through; } #single-page.home-viva .responsive-section { background-position: -95px bottom!important; background-repeat: no-repeat!important; } #single-page.home-viva .demos-section { text-align:center; } #single-page.home-viva #wrapper { background:#f5f5f5; } #single-page.home-viva .demos-section .kd-photobox .photobox-img img {transition: none; border-radius: 0;} #single-page.home-viva .demos-section .kd-photobox .photobox-img {transition: 0.2s all ease;border: 1px solid #eaeaea;transform: translate3d(0,0,0);} #single-page.home-viva .demos-section .kd-photobox:hover .photobox-img {} #single-page.home-viva .demos-section .kd-photobox .browser-tab { height: 16px; border-bottom: 0; width: 100%; display: block; text-align: left; position: relative; padding: 0 8px; background: #fff; border-bottom: 1px solid #eaeaea; } #single-page.home-viva .demos-section .kd-photobox .browser-tab svg { display: block; top: 6px; position: relative; } #single-page.home-viva .demos-section .kd-photobox { margin: 0 30px; max-width: 452px; display: inline-flex; margin-bottom: 50px; width: calc(33.3% - 50px); } #single-page.home-viva .demos-section .kd-photobox .phb-content p { display: none; } #single-page.home-viva #live-search { max-width: 500px; margin: auto; margin-bottom: 30px; margin-top: -5px; } #single-page.home-viva .premium-plugin p { font-weight: 500; color: #767af2; } #single-page.home-viva #live-search #filter { background: #fff; box-shadow: 0 25px 98px 0 rgba(0,0,0,.075); width: 300px; } #single-page.home-viva .demos-section .kd-photobox h5 { margin-top: 0; } #single-page.home-viva .demos-section .kd-photobox .phb-content { margin: 0; margin-top: 25px; } #single-page.home-viva .viva-intro-section .kd_counter_text { font-size: 20px; font-family: brandon-grotesque; margin-top: 10px; color: rgba(255,255,255,0.9); } #single-page.home-viva .intro-video-modal h6 { line-height: 80px; position: absolute; left: 95px; top: 0; white-space: nowrap; font-size: 16px; color: #767af2; font-weight: 400; } #single-page.home-viva .demos-section .kd-photobox h4, #single-page.home-viva .pss-text-area h4, #single-page.home-viva .key-icon-box h4.service-heading { font-weight: 600; } #single-page.home-viva .more-features-section .key-icon-box h4.service-heading { font-size: 20px; } #single-page.home-viva .viva-intro-section .underline-bar { background: linear-gradient(90deg, #0066ff 0%, #F43FE2 50%, transparent 100%)!important; opacity: 0.75; } #single-page.home-viva .home-marquee { display: grid; width: 885px; margin-left: -111px; grid-template-columns: auto auto auto; column-gap: 15px; } #single-page.home-viva .home-marquee-wrapper { position: relative; min-height: 815px; overflow: hidden; } #single-page.home-viva .marquee-original-image, #single-page.home-viva .marquee-copy-image { width: 100%!important; height: 100%!important; min-height: 1460px; background-size: cover!important; position: absolute; top: 0; left: 0; background: url(https://www.vivatheme.com/static/wp-content/uploads/sites/2/2022/06/viva-marquee-1.jpg); animation: move-vertical-normal-image-marquee 20s linear infinite; } #single-page.home-viva .reverse-scroll .marquee-original-image, #single-page.home-viva .reverse-scroll .marquee-copy-image { animation: move-vertical-reverse-image-marquee 20s linear infinite; background: url(https://www.vivatheme.com/static/wp-content/uploads/sites/2/2022/06/viva-marquee-2.jpg); } #single-page.home-viva .last-marquee .marquee-original-image, #single-page.home-viva .last-marquee .marquee-copy-image { background: url(https://www.vivatheme.com/static/wp-content/uploads/sites/2/2022/06/viva-marquee-3.jpg); } #single-page.home-viva .marquee-copy-image { will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateX(100%) translateZ(0); animation-name: move-vertical-normal-image-marquee-copy; } #single-page.home-viva .reverse-scroll .marquee-copy-image { animation-name: move-vertical-reverse-image-marquee-copy; } @keyframes move-vertical-normal-image-marquee{ 0%{ transform:translateY(0) translateZ(0) } 100%{ transform:translateY(-100%) translateZ(0) } } @keyframes move-vertical-normal-image-marquee-copy{ 0%{ transform:translateY(100%) translateZ(0) } 100%{ transform:translateY(0) translateZ(0) } } @keyframes move-vertical-reverse-image-marquee{ 0%{ transform:translateY(0) translateZ(0) } 100%{ transform:translateY(100%) translateZ(0) } } @keyframes move-vertical-reverse-image-marquee-copy{ 0%{ transform:translateY(-100%) translateZ(0) } 100%{ transform:translateY(0) translateZ(0) } } @media (max-width: 960px) { #single-page.home-viva .demos-section .kd-photobox { width: 100%; margin:0; } } #single-page.home-viva .demos-section .vc_col-sm-12 { max-width: 100%; margin: auto; float: none; } #single-page.home-viva .demos-section { text-align:center; } #single-page.home-viva .demos-section .wpb_wrapper { max-width: 2040px; margin: auto; } #single-page.home-viva #wrapper { background:#f5f5f5; } #single-page.home-viva .demos-section .kd-photobox .photobox-img img {transition: none;opacity: 1;transition: var(--image-animation);} #single-page.home-viva .demos-section .kd-photobox:hover .photobox-img img {} #single-page.home-viva .demos-section .kd-photobox .photobox-img {transition: 0.2s all ease;border: 1px solid var(--border-color);transform: translate3d(0,0,0);overflow: hidden;transition: var(--image-animation);background: #fff;} #single-page.home-viva .demos-section .kd-photobox:hover .photobox-img { transform: translateY(-4px); box-shadow: none; } #single-page.home-viva .demos-section .kd-photobox .browser-tab { height: 16px; border-bottom: 0; width: 100%; display: block; text-align: left; position: relative; padding: 0 8px; background: #fff; border-bottom: 1px solid #eaeaea; } #single-page.home-viva .demos-section .kd-photobox .browser-tab svg { display: block; top: 6px; position: relative; } #single-page.home-viva .demos-section .kd-photobox { margin: 0 25px; max-width: 452px; display: inline-flex; margin-bottom: 50px; width: calc(25% - 50px); flex-direction: column; } #single-page.home-viva .demos-section .kd-photobox .phb-content p { display: none; } #single-page.home-viva #live-search { max-width: 500px; margin: auto; margin-bottom: 0; } #single-page.home-viva #live-search #filter { background: #fff; box-shadow: none; width: 300px; border: 1px solid var(--border-color); } #single-page.home-viva .demos-section .kd-photobox h4 { margin: 0; font-size: 20px; letter-spacing: -0.2px; } #single-page.home-viva .demos-section .kd-photobox .phb-content { margin: 0; margin-top: 25px; } #single-page.home-viva .kd-photo-group.small-shadow img, #single-page.home-viva .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { box-shadow: 0 10px 70px rgba(119, 122, 242, 0.15); } #single-page.home-viva .key-icon-box.icon-top h6.service-heading { margin-bottom: 8px; font-weight: 600; font-size: var(--medium-body-text-size); margin-top: 30px; } @media (max-width: 960px) { #single-page.home-viva .more-features-section .key-icon-box.icon-left.icon-default i { margin-bottom: 15px; } #single-page.home-viva #features-section .kd_counter { margin-bottom: 0!important; } #single-page.home-viva .demos-section .kd-photobox { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 35px; max-width: 350px; } #single-page.home-viva .demos-section .kd-photobox .phb-content { text-align: center } #single-page.home-viva .demos-section .kd-photobox h4:before { display: none; } } @media (max-width: 960px) and (min-width: 680px) { #single-page.home-viva .demos-section .kd-photobox { margin-left: 15px; margin-right: 15px; max-width: 320px; } } /*-----------------------------------------------------------------*/ /* 18 FIXES /*-----------------------------------------------------------------*/ .blog_widget ul li.wc-layered-nav-rating { line-height: 15px; margin-bottom: 18px; } .blog_widget .product_list_widget li a:before { display: none; } #commentform #submit:hover, .wp-block-button__link:hover, .subscribe-form header .wpcf7-submit:hover, #headerbackground, .contact .wpcf7-submit:hover, #posts-content .post input[type="submit"]:hover, .navbar-default.navbar-shrink, .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active { background-color: #fff; } @media (min-width: 1270px) { .home.page-template-default .navbar.navbar-default.navbar-shrink, .single-portfolio .navbar.navbar-default.navbar-shrink, .single-portfolio .navbar.navbar-default.navbar-shrink, .single-post .navbar.navbar-default.navbar-shrink, .woocommerce-page .navbar.navbar-default.navbar-shrink, .page-template-default .navbar.navbar-default.navbar-shrink, .page-template-portfolio-php .navbar.navbar-default.navbar-shrink, .attachment .navbar.navbar-default.navbar-shrink { background-color: #fff; } } .subscribe-form header .wpcf7-response-output, .subscribe .wpcf7-not-valid-tip, .secondary-button:hover { color: #fff; } div.wpcf7 .wpcf7-form .ajax-loader { margin: 0; width: 28px; height: 7px; background-image: url(//babyathome.ae/wp-content/themes/viva/core/assets/images/contact-loader.svg)!important; background-size: 100%!important; border-radius: 0px; box-sizing: content-box; margin-top: 7px; } .inline-cf div.wpcf7 .wpcf7-form .ajax-loader { position: absolute; right: 0; margin: 0; top: 55px; } @media (max-width: 1360px) and (min-width: 960px) { #main-menu .navbar-nav .dropdown-menu { left: auto; right: 0; } } @media (max-width: 1270px) and (min-width: 960px) { .main-nav-center .header-bttn-wrapper {display: none;} #main-menu .navbar-nav .mega-menu > .dropdown-menu:before { display: none } #main-menu .navbar-nav .mega-menu > .dropdown-menu { margin: 0; box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); border-top: 1px solid rgba(132, 132, 132, 0.15); border-radius: 0; padding-left: 5px; overflow: hidden; } #posts-content.blog-minimal-list .BlogFullWidth .entry-meta, #posts-content.blog-img-top-list .BlogFullWidth .entry-meta { margin-right: 0; margin-left: 0; } #posts-content.blog-img-left-list .BlogFullWidth .post { width: 90%; margin: 0 5% 60px 5%; } #posts-content.blog-detailed-grid .entry-meta a { font-weight: 400; font-size: 13px; } } .overflow-fix { overflow: visible!important; } .overflow-hidden { overflow: hidden!important; } /* Gutenberg optimization */ .wp-block-button__link { font-size: 14px; font-weight: 600; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .wp-block-embed-youtube .wp-block-embed__wrapper { float: none; clear: both; width: 100%; position: relative; } .is-style-squared .wp-block-button__link { border-radius: 0; } #posts-content .post .wp-block-image figcaption, .wp-block-embed figcaption { color: #fff; } figcaption a, #posts-content .post .wp-block-image figcaption a, .wp-block-embed figcaption a { color: #fff; text-decoration: underline; } figcaption a:hover, #posts-content .post .wp-block-image figcaption a:hover, .wp-block-embed figcaption a:hover { color: #fff!important; opacity: 0.75!important; text-decoration: underline; } #posts-content .post .wp-block-column blockquote:before, #posts-content .post .wp-block-quote:before, .wp-block-pullquote blockquote:before { font-size: 90px; content: '"'; display: block; float: left; position: relative; margin-top: 18px; margin-bottom: 0; line-height: 30px; margin-right: 30px; display: none; } #posts-content .post .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { height: auto; line-height: 1.4em; white-space: initial; } .wp-block-archives, .wp-block-categories.wp-block-categories-list, .wp-block-categories.wp-block-categories-list ul.children { padding-left: 30px; list-style: disc; } .wp-block-archives-dropdown { padding-left: 0; } #posts-content .post .wp-block-categories.wp-block-categories-list ul.children { margin-bottom: 10px; } .wp-block-archives li a, .wp-block-categories.wp-block-categories-list li a { color: inherit; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .wp-block-archives.wp-block-archives-dropdown { margin-bottom: 20px; font-size: 14px; } #posts-content .wp-block-latest-comments li { list-style-type: none !important; } .wp-block-latest-posts li { padding: 5px 0; } .page .gm-svpc img { max-width: inherit; } @media (max-width:1024px) { .vc_video-bg { display: none !important; } .vc_column_container.with-shadow { max-width: 100%; } } @media (min-width:782px) { .admin-bar .navbar.navbar-default { top: 32px; } } /*-----------------------------------------------------------------*/ /* 19 READING BAR /*-----------------------------------------------------------------*/ .rebar-wrapper { position: fixed; top: 0; width: 100%; height: 5px; z-index: 9999; } .rebar-element { width: 0; height: 100%; } .admin-bar .rebar-wrapper { top: 32px; } .rebar-wrapper.position-bottom { top: inherit!important; bottom: 0; }/*-------------------------------------------------------------------------------------- Plugin Name: KeyDesign Addon Plugin URI: http://keydesign-themes.com/ Author: Key-Design Author URI: http://themeforest.net/user/Key-Design Version: 1.3 Text Domain: keydesign --------------------------------------------------------------------------------------*/ /*---------------------------------- Stylesheet Guide --------------------------------- 1. ICONS 2. ICON BOX ELEMENT 3. PRICING ELEMENT 4. TESTIMONIALS ELEMENT 5. TEAM MEMBER 6. FEATURES TABS 7. PIE CHART ELEMENT 8. CLIENTS ELEMENT 9. VIDEO MODAL 10. BUTTON 11. TRANSITIONS 12. GOOGLE MAP 13. ANIMATIONS 14. FEATURED CONTENT 15. REVIEWS 16. APP GALLERY 17. COUNTDOWN 18. FAQ 19. MASONRY GALLERY 20. SCHEDULE 21. COLOR SWITCHER 22. CONTENT BOX 23. PROGRESS BAR 24. COUNTER 25. PHOTO BOX 26. DIVIDER 27. CALL TO ACTION BOX 28. ALERT BOX 29. PROCESS STEPS 30. PROMO BOX 31. EBOOK READER 32. TESTIMONIAL CARDS 33. SLIDING BOX 34. CONTACT FORM 35. PRICE BLOCK 36. SECTION TITLE 37. TEXT ROTATOR 38. FEATURES SECTIONS 39. PHOTO GALLERY 40. FORMS 41. SOCIAL ICONS 42. SHAPES 43. LISTS 44. PRICE SWITCHER 45. ROW OPTIONS & SEPARATORS 46. PARTICLES 47. PHOTO GROUP 48. SCROLL DOWN BUTTON 49. COOKIES PLUGIN 50. FLOATING MENU 51. HOTSPOT 52. INSTAGRAM PLUGIN 53. IMAGE COMPARISON SLIDER 54. TIMELINE 55. SIMPLE LINK RESPONSIVE DYNAMIC STYLES /* ------------------------------------------------------------------------ 1. ICONS ------------------------------------------------------------------------*/ [class^="iconsmind-"], [class*=" iconsmind-"] { speak: none; line-height: 1; } .icon-admin { width: 30px; height: 30px; font-size: 30px; padding: 5px; } .icon-admin::before { font-size: 30px; } .iconita { width: 100px; height: 92px; margin: auto; text-align: center; font-size: 60px; border-radius: 18px; display: block; } .hidden { display: none !important; } .wpb-js-composer .wpb_content_element { margin-bottom: 35px; margin-bottom: 0; } .wpb_text_column a { transition: 0.2s; } .wpb_text_column strong a:hover { color: var(--secondary-color); } .wpb-js-composer .wpb_content_element .owl-carousel .owl-stage-outer { overflow: visible; } .wpb-js-composer .vc_basic_grid.wpb_content_element .owl-carousel .owl-stage-outer { overflow: hidden; } .wpb-js-composer .vc_basic_grid.wpb_content_element .owl-carousel .owl-item { opacity: 1; } .vc_grid-container.fullwidth-carousel { width: 139%; } .fullwidth-carousel .vc_pageable-slide-wrapper { opacity: 0; transition: 0.25s; } .fullwidth-carousel .vc_pageable-slide-wrapper.owl-carousel { opacity: 1; } .vc_grid .vc_pageable-slide-wrapper .owl-item .vc_grid-item { width: 100%; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .owl-item { opacity: 0; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .owl-item.active { opacity: 1; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .active + .active + .active { opacity: 1; } .wpb_widgetised_column.wpb_content_element { background: #fff; margin-top: 0; border: 1px solid var(--border-color); padding: 35px; margin-bottom: 50px; } .saas-intro-section.vc_row.vc_row-bg-position-bottom { background-position: calc(50% + 350px) bottom!important; } .custom-box .tt_button { margin-left: 0; background: #fff; border-color: #fff; margin-top: 33px; color: var(--main-color); } /* ------------------------------------------------------------------------ 2. ICON BOX ELEMENT ------------------------------------------------------------------------*/ .key-icon-box { border-radius: 0px; z-index: 10; position: relative; } .key-icon-box .ib-badge { display: block; padding: 6px 12px; position: absolute; top: 20px; right: 20px; border-radius: 50em; font-size: 11px; font-weight: 600; line-height: 1.5em; letter-spacing: .1em; z-index: 10; } .ib-hover-2.key-icon-box:hover .ib-badge { background: #fff; } .key-icon-box.with-bg-img { background-size: cover; position: relative; overflow: hidden; } .key-icon-box.with-bg-img .ib-wrapper, .key-icon-box.with-bg-img.ib-no-effect { padding: 0; } .key-icon-box.with-bg-img .ib-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; transition: 1s cubic-bezier(.25,1,.2,1); opacity: 0; background-size: cover; } .key-icon-box.with-bg-img:hover .ib-hover-bg { opacity: 1; } .key-icon-box.with-bg-img:hover .ib-wrapper { background: rgba(0, 0, 0, 0.15); } .key-icon-box.with-border { margin: 0; } .key-icon-box i { display: block; margin: auto; margin-bottom: 35px; font-size: 48px; width: 100px; height: 100px; line-height: 105px; border-radius: 0; } .key-icon-box .ib-wrapper { padding: 40px; transition: 0.5s cubic-bezier(.25,1,.2,1); border-radius: 5px; border: none; overflow: hidden; } .key-icon-box.icon-default.icon-left.cont-left .ib-wrapper { } .key-icon-box.ib-hover-1:hover { /* border-color: transparent!important; */ } .key-icon-box.ib-hover-1:hover .ib-wrapper { background: #fff; } .key-icon-box.ib-hover-gray:hover .ib-wrapper { background: var(--gray-color-overlay); } .key-icon-box p { margin-bottom: 0!important; font-size: var(--medium-body-text-size); } .key-icon-box .ib-link { margin-top: 20px; font-weight: 400; margin-bottom: 0!important; line-height: 1; } .key-icon-box.icon-default.icon-top.cont-left .ib-link, .key-icon-box.icon-default.icon-top.cont-center .ib-link { margin-top: 30px; } .key-icon-box.icon-default.icon-top.cont-center .ib-icon-wrapper { margin: auto; } .key-icon-box.icon-top:hover .ib-link a:hover, .key-icon-box .ib-link a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 500; color: var(--heading-color); } .key-icon-box.icon-circle.icon-left .ib-link { margin-left: 135px; } .key-icon-box .service-heading { margin-top: 0; } .key-icon-box h6.service-heading { margin-bottom: 15px; font-weight:600; font-size: var(--large-body-text-size); line-height: 1.3; } .key-icon-box h5.service-heading, .key-icon-box h4.service-heading { margin-bottom: 20px; } .tt-iconbox-customimg { width: 100px; height: 100px; line-height: 105px; border-radius: 90px; margin: auto; position: relative; margin-bottom: 35px; } .icon-default .tt-iconbox-customimg { margin-bottom: 25px; } .icon-default .tt-iconbox-customimg { margin-bottom: 25px; } .tt-iconbox-customimg img { position: absolute; left: 50%; margin-left: -22px; max-width: 45px; top: 50%; margin-top: -21px; height: auto; } .icon-default { text-align: center; } .key-icon-box.icon-top { } .key-icon-box.icon-top .ib-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; } .key-icon-box.icon-top.cont-left .ib-wrapper { align-items: flex-start; } .key-icon-box.icon-top .ib-wrapper .ib-button-wrapper { margin-top: 35px; } .key-icon-box.icon-top.cont-center p { } .vc_col-sm-3 .key-icon-box.icon-top.cont-center p { padding:0; } .key-icon-box.icon-top.cont-center i, .key-icon-box.icon-top.cont-center .tt-iconbox-customimg { margin: 0; } .key-icon-box.icon-left { text-align: left; } .key-icon-box.icon-left.icon-default i { text-align: center; float: left; } .key-icon-box.icon-left.icon-default i, .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { margin-top: 0px; line-height: 100%; display: inline-block; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { max-width: 45px; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg img { max-width: 45px; margin: 0; position: relative; left: 0; width: 100%; } .key-icon-box.icon-left.icon-default p { margin-bottom: 0!important; } .key-icon-box.icon-left.ib-no-effect:after { content: ""; display: table; clear: both; } .key-icon-box.cont-left { text-align: left; } .key-icon-box.icon-left .ib-simple-icon-wrapper { float: left; } .key-icon-box.with-shadow {box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1);display: block;} .key-icon-box.icon-left .ib-icon-wrapper { display:inline-flex; float: left; width: 70px; height: 70px; border-radius: 100%; } .key-icon-box.icon-with-border .ib-icon-wrapper { border-radius: 15px; } .ib-icon-wrapper { width: 50px; height: 50px; text-align: center; line-height: 50px; display: flex; justify-content: center; align-items: center; } .fullwidth-image .tt-iconbox-customimg, .fullwidth-image .tt-iconbox-customimg img { max-width: 100%!important; width: 100%; height: auto; margin-bottom: 0; border-radius: 0; } .container .fullwidth-image .tt-iconbox-customimg { overflow: hidden; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .fullwidth-image .tt-iconbox-customimg + .ib-wrapper { border-top-right-radius: 0; border-top-left-radius: 0; } .ib-icon-wrapper i { float: none; margin-right: 0; } .key-icon-box .ib-wrapper p:empty { display: none!important; } .key-icon-box.cont-right { text-align: right; } .key-icon-box.cont-left i, .key-icon-box.cont-left .tt-iconbox-customimg { margin-left: 0; } .key-icon-box.icon-default i, .key-icon-box.icon-default .tt-iconbox-customimg { width: auto; height: auto; line-height: 1; margin: 0; } .key-icon-box.icon-default.icon-top i, .key-icon-box.icon-default.icon-top .tt-iconbox-customimg { width: auto; } .key-icon-box.icon-default.icon-top .tt-iconbox-customimg img { max-width: max-content; max-width: fit-content; margin-left: 0; position: relative; margin-top: 0; border-radius: 0; top: inherit; left: inherit; } .key-icon-box .ib-simple-icon-wrapper.custom-wrapper-size .tt-iconbox-customimg img { max-width: 100%; } .key-icon-box.icon-default.icon-top .tt-iconbox-customimg.img_medium_size img { max-width: 90px; } .key-icon-box.icon-default.icon-top .tt-iconbox-customimg.img_big_size img { max-width: 120px; } .key-icon-box.icon-default.icon-top .service-heading { } .small-iconbox .key-icon-box p { max-width: 200px; margin-left: auto; margin-right: auto; } .key-icon-box .tt-iconbox-customimg svg { width: 100%; height: 100%; } .key-icon-box .tt-iconbox-customimg.svg-custom-color svg, .key-icon-box .tt-iconbox-customimg.svg-custom-color path { transition: var(--fast-animation); fill: inherit; } .ib-hover-2.key-icon-box:hover svg path, .ib-hover-3.key-icon-box:hover svg path { fill: #fff!important; } .key-icon-box .tt-iconbox-svg { width: 100%!important; } .key-icon-box.ib-no-effect.with-shadow .ib-wrapper, .ib-hover-2.key-icon-box .ib-wrapper { border:none; position: relative; overflow: hidden; } .ib-hover-3.key-icon-box .ib-wrapper *, .ib-hover-2.key-icon-box .ib-wrapper * { -moz-transition: var(--fast-animation); -o-transition: all var(--fast-animation); -webkit-transition: var(--fast-animation); transition: var(--fast-animation); z-index: 10; position: relative; } .ib-hover-3.key-icon-box:hover .ib-wrapper *, .ib-hover-2.key-icon-box:hover .ib-wrapper * { color: #fff!important } .ib-hover-3.key-icon-box.icon-box-gradient:hover i, .ib-hover-2.key-icon-box.icon-box-gradient:hover i { -webkit-text-fill-color: inherit!important; } .ib-hover-3.key-icon-box .ib-wrapper { background: linear-gradient(var(--gradient-start), var(--gradient-end)); transition: --gradient-start 0.5s cubic-bezier(.25,1,.2,1), --gradient-end 0.5s cubic-bezier(.25,1,.2,1); } .ib-hover-3.key-icon-box:hover .ib-wrapper { --gradient-start: var(--gradient-start-color); --gradient-end: var(--gradient-end-color); } .ib-no-effect.key-icon-box .ib-wrapper, .ib-no-effect.key-icon-box:hover .ib-wrapper { box-shadow: none; border: none!important; background: none; } .key-icon-box a p, .key-icon-box a:hover p { color: #6d6d6d; } .key-icon-box.icon-left.cont-left .ib-link, .key-icon-box.icon-left.cont-left .service-heading, .key-icon-box.icon-left.cont-left p { width: calc(100% - 70px); float: right; text-align: left; } .key-icon-box.icon-left.icon-left-wrapper .ib-link, .key-icon-box.icon-left.icon-left-wrapper .service-heading, .key-icon-box.icon-left.icon-left-wrapper p { width: calc(100% - 100px); } /* ------------------------------------------------------------------------ 3. PRICING ELEMENT ------------------------------------------------------------------------*/ .pricing-table { overflow: hidden; overflow: hidden; position: relative; z-index: 10; /* margin-left: -15px; margin-right: -15px;*/ } .pricing-table.MinimalStyle { text-align:left; width: calc(100% - 30px); overflow: inherit; position: relative; z-index: 11; } .pricing-btn-minimal { position: absolute; z-index:10; right: 60px; margin-top: 26px; z-index: 100; } .pricing-table.MinimalStyle.active + .pricing-btn-minimal:after, .pricing-table.MinimalStyle.active + .pricing-btn-minimal { color: #fff; } .pricing-table.MinimalStyle .pricing { background: #fff; border: 1px solid var(--border-color); } .pricing-table.MinimalStyle:before { content:''; display: block; position: absolute; width: 100%; height: calc(100% + 50px); right: -30px; background: var(--gray-color-overlay); top: 30px; z-index: -1; } .pricing-table.MinimalStyle.active:before { background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%)!important; } .pricing-table.MinimalStyle * { text-align:left; } .pricing-table.MinimalStyle .col-lg-3 .row { justify-content: flex-start; } .comparison-pricing-table .pricing-row.active span, .comparison-pricing-table .vc_custom_heading.active, .comparison-pricing-table .pricing-row.active, .comparison-pricing-table .pricing-row.active strong, .comparison-pricing-table .pricing-row.active .pricing-opt-x-icon i, .comparison-pricing-table .pricing-row.active i { color: #fff!important; } .comparison-pricing-table .pricing-options-container .pricing-tooltip-content { width: 90%; margin-left: -45%; } .comparison-pricing-table .pricing-wrapper .pricing { overflow: visible; } .comparison-pricing-table .pricing-table.DetailedStyle .pricing .col-lg-3 { padding-bottom: 40px; } .comparison-pricing-table .pricing .pricing-row { padding: 18px 0; min-height: 61px; border-top: 1px solid rgba(97, 119, 152, 0.4); } /*.comparison-pricing-table .pricing-headings .vc_custom_heading:first-child,*/ .comparison-pricing-table .pricing .pricing-row:first-child { /* border-top:none; */ } .comparison-pricing-table .pricing-headings .vc_custom_heading.strong { font-weight: 700; color: var(--heading-color); } .comparison-pricing-table .pricing .pricing-row .pricing-option { font-weight: 400; line-height: inherit; } .comparison-pricing-table .pricing-headings .vc_custom_heading {font-weight: inherit;min-height: 60px;padding-left: 15px;border-top: 1px solid rgba(97, 119, 152, 0.4);font-weight: inherit;font-size: inherit;line-height: 60px;letter-spacing: -0.01em;font-size: var(--medium-body-text-size);font-weight: 400;color: var(--text-color);} .comparison-pricing-table .mobile-title { display: none; margin-right: 10px; } .comparison-pricing-table .mobile-title.strong { font-weight: bold; } .comparison-pricing-table .mobile-title + .mobile-title { display: none; } @media (max-width: 1199px) { .comparison-pricing-table .mobile-title { display: inline-flex; margin: 0; } .comparison-pricing-table .pricing-options-container.DetailedStyle .pricing-row:first-child { padding-top: 8px; } .comparison-pricing-table .pricing-table.DetailedStyle.active { margin:0; margin-bottom: 50px; } .comparison-pricing-table .pricing-options-container.DetailedStyle .pricing-row { overflow: visible; } } @media (min-width: 1200px) { .comparison-pricing-table .pricing-table.DetailedStyle.active .pricing-options-container { padding-top: 0; } .hide-desktop { display: none; } } .comparison-pricing-table .pricing-table.DetailedStyle.active, .comparison-pricing-table .pricing-table.DetailedStyle { margin-left: 0; margin-right: 0; border-radius: 0; overflow: visible; padding: 0; border: none; margin: 0; } .comparison-pricing-table .pricing-table.DetailedStyle.active { padding-top: 30px; margin-top: -30px; padding-bottom: 30px; } .comparison-pricing-table .pricing .pricing-option { font-size: inherit; } .pricing-table .pricing-img { width: 100%; text-align: center; } .pricing-table .pricing-img i { font-size: 48px; margin: auto; float: none; } .pricing-table.active { } .pricing-table .pricing-title h5 { font-size:32px; font-weight: bold; line-height: 42px; } .pricing-meta { padding-bottom: 0; margin-bottom: 0; display: inline-block; margin-top: 0; line-height: 1; } .pricing-table.DetailedStyle .pricing-meta { opacity: 1; } .active .pricing .currency, .active .pricing .pricing-price { } .pricing-table .tt_button { background: transparent; } .pricing-table .tt_button:hover, .pricing-table.active .tt_button { color: #fff; } .pricing-table.active.MinimalStyle.has-bg-color .pricing .pricing-subtitle, .pricing-table.active.MinimalStyle.has-bg-color .pricing-time { opacity: 0.8; } .pricing-wrapper .pricing { position: relative; border-top: none; width: 100%; margin: 0; padding: 0; padding-top: 40px; } .pricing-table.custom-img .pricing { padding-top: 0; overflow: hidden; } .pricing-wrapper .pricing.active { opacity: 0.85; border-top: 0; } .pricing-title { text-align: center; color: inherit; font-size: var(--medium-body-text-size); padding: 25px 0 0 0; } .pricing-table.light-scheme .pricing-title {background: #fafafa} .pricing-title .other-text { font-weight: bold; margin-top: 0px; color: inherit; font-size: initial; text-transform: capitalize; } .pricing .pricing-row { padding: 7px 0; float: left; padding-left: 0; padding-right: 0; width: 100%; position: relative; } .pricing .pricing-row:last-child { border-bottom: 0; } .pricing .pricing-row.selected { background-color: whitesmoke; font-weight: bold; color: #666; font-size: 14px; padding-top: 13px; margin-top: 10px; margin-bottom: -13px; padding-bottom: 13px; } .pricing.active .pricing-row.selected { background: rgba(255, 255, 255, 0.2); color: #fff; } .pricing .col-lg-3 { display: block; width: calc(100% - 80px); margin: 40px; margin-top: 0; margin-bottom: 0; padding: 0; padding-bottom: 25px; margin-bottom: 20px; text-align: center; border-bottom: 1px solid var(--border-color); } .pricing-table.DetailedStyle .pricing .col-lg-3 { width:100%; margin: 0; padding-bottom: 30px; border-bottom: none; } .pricing .pricing-subtitle { margin-top: 15px; display: block; font-size: var(--medium-body-text-size); } .pricing .pricing-price.sale-yes .pt-normal-price { position: relative; margin-right: 15px; font-size: 0.85em; vertical-align: initial; } .pricing .pricing-price.sale-yes .pt-normal-price:after { top: 50%; background: #777af2; opacity: 0.8; content: ''; width: 110%; position: absolute; height: .12em; border-radius: 30px; left: -10%; white-space: nowrap; display: block; transform: rotate(-15deg); } .pricing .col-lg-3 .row { display: flex; align-items: baseline; justify-content: center; } .pricing.active .col-lg-3 { color: #fff; } .pricing .pricing-price { display: inline-block; font-size: 42px; font-weight: 700; width: auto; line-height: 1; margin-bottom: 0; letter-spacing: -0.03em; } .pricing.secondary-price .pricing-time.default-plan, .pricing.secondary-price .pricing-price.default-plan, .pricing.secondary-price .pricing-option-text.default-plan, .pricing .pricing-time.secondary-plan, .pricing .pricing-price.secondary-plan, .pricing .pricing-option-text.secondary-plan { display: none; } .pricing.secondary-price .pricing-time.secondary-plan, .pricing.secondary-price .pricing-price.secondary-plan { display: block; } .pricing.secondary-price .pricing-option-text.secondary-plan{ display: inherit; display: contents; } .pricing .pricing-time { text-align: center; margin-bottom: 0; font-size: var(--large-body-text-size); } .pricing .iconita { font-size: 48px; height: 52px; } .pricing .pricing-option { font-weight: inherit; font-size: var(--medium-body-text-size); } .pricing .DetailedStyle .pricing-option strong, .pricing .DetailedStyle .pricing-option { font-weight: 500; font-family: inherit; color: var(--heading-color); } .pricing .pricing-option-text span { font-weight: 400; color: var(--text-color); } .pricing .pricing-row.selected .pricing-option { font-size: 14px; } .pricing.active .pricing-option { color: #fff; } .pricing .pricing-row.selected .fa { font-size: 13px; top: 0; } .pricing .pricing-row i { position: relative; margin-right: 0; font-size: 14px; line-height: 20px; color: #23C28C; margin-right: 15px; } .pricing .MinimalStyle .pricing-row i { } .pricing .DetailedStyle .pricing-row i { margin-right: 10px; } .pricing .fa-check { line-height: 20px; } .pricing .pricing-row .pricing-opt-x-icon i { color: #FF3366; } .pricing.active .fa { color: #fff; } .pricing .currency { margin-right: 0; } .pricing .billing-time { color: #b3b3b3; font-size: 14px; line-height: 14px; margin-top: 8px; } .pricing.active .billing-time { color: #fff; } .pricing .secondary-button { background: transparent; } .pricing-table.active .tt_button:hover, .pricing-table .tt_button:hover { background: transparent; } .pricing-table.transparent-scheme { background: transparent!important; } .pricing-options-container { float: left; margin-bottom: 40px; width: 100%; padding: 0; padding-left: 0px; padding-right: 0px; } .pricing-options-container.MinimalStyle { padding-left: 40px; padding-right: 40px; } .pricing .pricing-image img { max-width: 100%; height: auto; margin-bottom: 40px; } .pricing-table.DetailedStyle.active .pricing-options-container { } .pricing .pricing-list-title { line-height: 25px; max-width: 90%; margin: auto; float: none; } .pricing .tt_button { margin-bottom: 0; margin-top: 0; } .pricing-table.DetailedStyle { overflow: hidden; margin-left: 0; margin-right: 0; background: #fff; z-index: 9; position: relative; border: 1px solid var(--border-color); padding-top: 45px; padding-bottom: 50px; } .pricing-table.DetailedStyle.active .pricing .col-lg-3 {} .pricing-table.DetailedStyle .pricing-title { padding-top: 0; } .pricing-table.DetailedStyle.active { background: var(--gray-color-overlay); z-index: 10; position: relative; border: none; margin: -30px -40px; border: 1px solid var(--border-color); padding-top: 75px; padding-bottom: 80px; } .pricing-table.DetailedStyle.active .pricing { } .pricing-table.DetailedStyle.active .tt_button { } .pricing-table.DetailedStyle .pricing-title { font-size: 28px; } .pricing-table.DetailedStyle .pricing .pricing-price { } .pricing-table.DetailedStyle .pricing-title .pricing-title-content { } .pricing-table.DetailedStyle.active .pricing-title .pricing-title-content { } .pricing-table.DetailedStyle .pricing .currency { margin-right: 5px; margin-left: 5px; top: 0; color: inherit!important; } .pricing-table.DetailedStyle .pricing .pricing-time { } .pricing-table.DetailedStyle .pricing { padding-top: 25px; padding-left: 0; padding-right: 0; } .pricing-options-container.DetailedStyle { text-align: center; padding-top: 0; } .pricing-options-container.DetailedStyle .pricing-row { } .pricing-options-container.DetailedStyle .pricing-row:last-child { border-bottom: none; } .pricing-options-container.DetailedStyle .pricing-row .fa { display: none; margin-right: 10px; } .container .pricing-title-content { margin-bottom: 0; } .pricing-options-container .pricing-tooltip-content { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); position: absolute; background-color: #fff; margin: 0; padding: 20px; font-family: inherit; width: auto; display: block; right: 10px; top: 42px; border-radius: 0; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; width: 300px; z-index: 100; left: 50%; margin-left: -150px; pointer-events: none; border: 1px solid var(--border-color); background: var(--gray-color-overlay); color: var(--text-color); font-weight: 400; } #single-page p.pricing-option-tooltip { margin-bottom: 0; font-size: inherit; } .pricing-options-container .pricing-option-text.with-tooltip { cursor: pointer; border-bottom: 2px dotted var(--placeholder-color); } .pricing-options-container .pricing-option:hover .pricing-tooltip-content { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ------------------------------------------------------------------------ 4. TESTIMONIALS ELEMENT ------------------------------------------------------------------------*/ .testimonials.slider { width: 100%; } .testimonials.slider .tt-content h5 { text-align: center; width: 100%; margin: 0 auto; font-size: 32px; margin-bottom: 35px; font-weight: 500; line-height: 1.3; } .testimonials.slider .tt-content .content { line-height: 25px; width: 100%; text-align: center; font-weight: 400; color: var(--text-color); margin-top: 3px; } .testimonials.slider .tt-container { max-width: 50%; position: relative; margin-right: 0; text-align: left; margin-top: 20px; } .testimonials.slider.with-image .tt-content {position:relative;background: #fff;margin: auto;max-width: 970px;margin-top: 0;margin-bottom: 30px;overflow: hidden;} .testimonials.slider.with-image .tt-content .tt-content-inner {display:flex} .testimonials.slider.with-image .owl-wrapper-outer { overflow:visible; } .testimonials.slider.with-image .tt-content:after { content:""; position:absolute; width:100%; bottom:1px; z-index:-1; left: 0; transform:scale(.9); box-shadow: 0px 0px 90px 20px rgba(0, 0, 0, 0.3); display: none; } .testimonials.slider.with-image .tt-container { position: relative; padding: 60px; padding-bottom: 0; border-radius: 0px; z-index: 10; margin: 0; padding-right: 100px; max-width: 600px; text-align: left; } body .testimonials.slider.with-image .tt-container h6, body .testimonials.slider.with-image .tt-container h6 p { margin-bottom: 30px; font-size: 26px; font-weight: 500; text-align:left; } .testimonials.slider.with-image .tt-container .content, .testimonials.slider.with-image .tt-container .author { text-align:left; display: block; /* margin: 0; */ } .testimonials.slider.with-image .tt-container p { font-size: var(--large-body-text-size)!important; padding-bottom: 10px; margin-bottom: 20px; } .testimonials.slider.with-image .tt-container h5 { font-size: var(--large-body-text-size); font-weight: 500; margin-bottom: 30px; text-align: left; } .testimonials.slider.with-image .tt-container h5 img { width: 22px!important; height: 22px!important; margin-left: 7px!important; } .testimonials.slider.content-left , .testimonials.slider.content-left .heading-separator, .testimonials.slider.content-left h3, .testimonials.slider.content-left .tt-content h6, .testimonials.slider.content-left .tt-container { text-align: left; margin-left: 0; } .testimonials.slider.content-left { margin:auto; } .testimonials.slider.content-left .owl-dots { right: 6px; } .testimonials.slider.content-left .owl-dots, .testimonials.slider.content-left .tt-container { max-width: 46%; } .testimonials.slider.without-image .tt-container{ max-width: 100%; float: none; margin: 0; } @media (min-width:1280px) { .testimonials.slider .owl-nav { width: 100%; top: 50%; z-index: 199; max-width: 1000px; margin: auto; position: absolute; left: 50%; margin-left: -500px; pointer-events: none; margin-top: -20px; } .testimonials.slider.with-image .owl-nav {width: 130px;left: 50%;right: 100px;bottom: 72px;top: auto;margin: auto;transform: translateX(60px);-webkit-transform: translateX(60px);} } .testimonials.slider.with-image .owl-nav div { opacity: 1; transform: none; -webkit-transform: none; } .testimonials.slider.without-image .tt-content h5 {max-width: 650px;} .testimonials.slider .author { font-weight: 500; text-align: center; width: 100%; display: block; font-size: var(--medium-body-text-size); color: var(--heading-color); } .testimonials.slider .testimonial-spacing { font-size: var(--medium-body-text-size); font-weight: 700; margin: 0 4px; } .with-overlay .testimonials.slider .tt-quote, .with-overlay .testimonials.slider .author, .with-overlay .testimonial-spacing, .with-overlay .testimonials.slider h3, .with-overlay .testimonials.slider .tt-content h6, .with-overlay .testimonials.slider .tt-content .content { color: #fff } .with-overlay .testimonials.slider span { opacity: 0.3 } .with-overlay .testimonials.slider .tt-content .content, .with-overlay .testimonials.slider h6 { opacity: 0.85; } .with-overlay .testimonials.slider span { background: #fff; } .with-overlay .testimonials.slider .owl-dot.active span, .with-overlay .testimonials.slider .owl-dot.active:hover span, .with-overlay .testimonials.slider .owl-dot:hover span { border-color: #fff !important; } .tt-images { text-align: center; margin-bottom: -140px; font-size: 0; } .tt-image { width: auto; margin: 0; max-width: 400px; } .testimonials.slider.without-image .tt-image { display: flex; max-width: max-content; border-radius: 100%; overflow: hidden; margin: auto; margin-bottom: 35px; } .testimonials.slider.without-image .tt-image img { width: 100%; height: auto; height: intrinsic; max-width: 130px; border-radius: 100%; } .tt-image img { display: block; width: auto; float: left; max-width: 100%; height: auto; border-radius: 0px; } .testimonials.slider.with-image .owl-dots { margin-top: 0; z-index: 10; } .testimonials.slider.with-image .owl-dots span { } .testimonials.slider.with-image .owl-dots .active span, .testimonials.slider.with-image .owl-dots span:hover { opacity: 1; } .testimonials.slider .owl-buttons { text-align: center; display: none; } .testimonials.slider .owl-buttons div { text-align: center; } .slider.testimonials { text-align: center; position: relative; margin-top: 0; margin: auto; width: 100%; z-index: 99; max-width: 1210px; display: block; opacity: 1; } .slider.testimonials .owl-wrapper-outer { padding: 0 15px; } .testimonials.owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .testimonials.owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .white-navigation .owl-nav div { color: #fff!important; border: 2px solid rgba(255, 255, 255, 0.25) !important; } .black-navigation .owl-nav div { background: #fff; } .white-navigation .owl-nav div:hover { opacity: 1; } .white-navigation .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.25) !important; } .white-navigation .owl-dots .owl-dot.active span { background-color: rgba(255, 255, 255, 1) !important; } .white-navigation .owl-dots .owl-dot:last-child::after { background-color: #fff !important; } /* ------------------------------------------------------------------------ 5. TEAM MEMBER ------------------------------------------------------------------------*/ .team-member { text-align: center; position: relative; margin: 15px; } .team-image { width: auto; margin: auto; margin-top: 0; margin-bottom: 0; } .team-member.design-classic .team-image img { margin: 0 auto; border: none; height: auto; width: 100%; display: block; margin-right: 0; padding-bottom: 0; border-radius: 5px; margin: auto; margin-top: 15px; max-width: calc(100% - 30px); } .team-content { padding: 0; position: relative; z-index: 100; margin-top: 0; margin-bottom: 0; } .team-member-down .team-content { margin-top: 0; margin-bottom: -50px; } .team-content h5 .team-content h4 { line-height: 1; margin: 0; margin-bottom: 5px; text-align: center; } .team-content .team-subtitle, #single-page .team-member.design-creative .team-subtitle { margin-bottom: 0; display: block; font-style: normal; color: inherit; font-size: var(--large-body-text-size); } .team-content p { margin-bottom: 0; } .team-link a { font-weight: 600; } .team-content-hover { z-index: 100; width: auto; margin-left: 0; text-align: left; display: block; padding: 35px; float: right; opacity: 1; padding-left: 0; } .team-image:hover .team-content-hover { } .team-content-hover p { font-weight: inherit; position: relative; } .team-image:hover .team-content-hover p { } .team-content-hover .gradient-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0); } .team-content .team-content-hover h5 { text-transform: uppercase; font-weight: bold; position: relative; } .team-content .team-content-hover .team-subtitle { position: relative; opacity: 0.6; line-height: 1; } .team-socials { position: relative; margin: auto; margin-top: 20px; width: 100%; z-index: 101; text-align: left; line-height: 1; } .team-socials a { color:inherit; opacity:0.7; } .team-socials a:hover { opacity:1; } .team-socials .fab, .team-socials .fa { color: inherit; margin: 0 20px 0 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .team-socials .fab:hover, .team-socials .fa:hover { opacity: 1; } .email-wrapper, .phone-wrapper { font-weight: bold; color: #fff; position: absolute; cursor: pointer; bottom: 41px; height: 36px; padding-right: 15px; display: inline-block; white-space: nowrap; line-height: 36px; width: auto; left: 100%; -webkit-transform: translateX(-36px); -moz-transform: translateX(-36px); transform: translateX(-36px); -webkit-transition: transform .25s ease; -moz-transition: transform .25s ease; transition: transform .25s ease; } .phone-wrapper .team-phone, .email-wrapper .team-email { padding-left: 5px; } .email-wrapper { bottom: 0; } .design-classic .email-wrapper {top: 41px;} .design-classic .phone-wrapper {top: 0; } .email-wrapper:hover, .phone-wrapper:hover { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .email-wrapper .iconsmind-Mail, .phone-wrapper .iconsmind-Telephone { display: inline-block; width: 36px; height: 36px; margin: 0; font-size: 18px; text-align: center; line-height: 36px; } .team-member.design-creative .team-image { -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); position: relative; } .team-member.design-creative .team-image:hover { } .team-member.design-classic { border: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; overflow: hidden; background: #fff; } .team-member.design-classic:hover { } .four-elem-team .team-member.design-classic { margin-left: 10px; margin-right: 10px; } .team-member.design-classic .team-content p { color: inherit; margin-bottom: 0!important; text-align: center; } .team-member.design-classic .team-socials { position: relative; margin: auto; width: 100%; background: none; padding: 0; border-radius: 0; max-width: 100%; text-align: left; margin-bottom: 0; line-height: 1; color: inherit; z-index: 10; display: flex; text-align: center; justify-content: center; margin-top: 25px; } .team-member.design-classic .kd-team-contact {z-index: 10;position: relative;width: 100%;display: flex;} .team-member.design-classic .kd-team-contact .kd-team-email, .team-member.design-classic .kd-team-contact .kd-team-phone { position: relative; display: block; padding: 0; color: inherit; transition: 1s cubic-bezier(0.25, 1, 0.2, 1); opacity: 1; width: 50%; text-align: center; } .vc_col-sm-3 .team-member.design-classic .kd-team-contact { flex-direction: column } .vc_col-sm-3 .team-member.design-classic .kd-team-contact .kd-team-email, .vc_col-sm-3 .team-member.design-classic .kd-team-contact .kd-team-phone { width: 100%; max-width: 100%; margin-bottom: 5px; } .team-member.design-classic .kd-team-contact .kd-team-phone { margin-right: 0; } .team-member.design-classic .kd-team-contact a { z-index: 1; position: relative; width: 100%; display: block; padding-right: 0; line-height: 1; font-size: 13px; font-weight: 500; -webkit-transition: all .4s cubic-bezier(.25,1,.2,1); transition: all .4s cubic-bezier(.25,1,.2,1); } .team-member.design-classic .kd-team-contact span { -webkit-transition: all .4s cubic-bezier(.25,1,.2,1); transition: all .4s cubic-bezier(.25,1,.2,1); margin-right: 8px; font-size: 15px; font-weight: 400; } .team-member.design-classic .kd-team-contact span:before {} .team-member.design-classic .kd-team-contact .kd-team-email:before, .team-member.design-classic .kd-team-contact .kd-team-phone:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px; opacity: 0.2; -webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); transition: all 0.4s cubic-bezier(0.25, 1, 0.2, 1); display: none; } .team-member.design-classic .team-socials a { color:inherit; position: relative; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; margin: 0 5px; opacity: 1; transition: background 0.4s cubic-bezier(0.25, 1, 0.2, 1); border-radius: 100%; font-size: 16px; background: var(--gray-color-overlay) } .team-member.design-classic .team-socials a:hover .fa, .team-member.design-classic .team-socials a:hover .fab { color: #fff; } .team-member.design-classic .team-socials a:hover:after { opacity: 1; } .team-member.design-classic .team-content .team-subtitle { margin-bottom: 20px; display: block; opacity: 1; text-align: center; font-size: 16px; font-weight: 400; } .team-member.design-classic .team-content h4 { margin-bottom: 8px; line-height: 1; text-align: center; } .team-member.design-classic .team-socials .fab, .team-member.design-classic .team-socials .fa { margin: auto; font-size: 15px; -webkit-transition: color .3s cubic-bezier(.25,1,.2,1); -moz-transition: color .3s cubic-bezier(.25,1,.2,1); -o-transition: color .3s cubic-bezier(.25,1,.2,1); transition: color .3s cubic-bezier(.25,1,.2,1); line-height: 40px; } .team-member.design-classic .team-socials .fab:hover, .team-member.design-classic .team-socials .fa:hover { opacity:1; } .team-member.design-classic img { width: 100%; margin: 0; max-width: 100%; } .team-member.design-classic .team-image { max-height: 100%; border: none; } .team-member.design-classic .team-content-text { text-align: left; padding: 40px 30px; border-top: none; background: #fff; } .team-member.design-classic .team-content-text .team-content-text-inner { z-index: 10; position: relative } .team-member.design-creative .team-content-hover { position: absolute; left: 0; top: 0; bottom: -100%; overflow: hidden; width: 100%; height: 100%; margin-left: 0; padding: 30px; text-align: center; opacity: 0; border: none; box-shadow: none; background: none; box-sizing: border-box; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); -o-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); z-index: 100; } .team-member.design-creative .team-content-hover:before { position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; opacity: 0.4; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); background: var(--heading-color); } .team-member.design-creative img { padding-top: 0; width: 100%; } .team-member.design-creative .team-image:before { position: absolute; width: 100%; height: 100%; content: ''; opacity: 0; top: 0; left: 0; border-radius: 100%; -webkit-transition: 0.4s cubic-bezier(0.3,0.58,0.55,1); transition: 0.4s cubic-bezier(0.3,0.58,0.55,1); display: none; } .team-member.design-creative .team-image:hover .team-content-hover { opacity: 1; } .team-member.design-creative .team-image:hover:before { opacity: 0.2; width: calc(100% + 30px); height: calc(100% + 30px); left: -15px; top: -15px; } .team-member.design-creative .team-content-hover p { position: relative; -webkit-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; transition: 0.25s ease-in; } .team-member.design-creative .team-content-hover p a { color: #fff; font-size: 13px; } .team-member.design-creative .team-content-hover .team-link a:hover { text-decoration: underline; } .team-member.design-creative .team-image:hover .team-content-hover p { opacity: 1; } .team-member.design-creative .team-content .team-content-hover h4 { position: absolute; top: 72%; left: 0; width: 100%; margin-bottom: 10px; color: #fff; font-size: var(--medium-body-text-size); font-weight: 500; line-height: 1; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transform: translateY(15px); letter-spacing: 0.01em; font-family: inherit; text-transform: inherit; } .team-member.design-creative h4 { margin-top:35px; margin-bottom:15px; } .team-member.design-creative.team-with-link .team-content .team-content-hover h4 { top: 65%; } .team-member.design-creative .team-image .team-content-hover .team-subtitle, .team-member.design-creative .team-content .team-content-hover .team-link { -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transform: translateY(15px); } .team-member.design-creative .team-image:hover .team-content-hover .team-subtitle, .team-member.design-creative .team-image:hover .team-content-hover h4, .team-member.design-creative .team-content .team-content-hover .team-link { transform: translateY(0); } .team-member.design-creative .team-content .team-content-hover .team-link { position: absolute; top: 80%; left: 0; width: 100%; } .team-member.design-creative .team-content .team-content-hover .team-link .fa { color: #FFF; } .team-member.design-creative .team-content .team-content-hover .team-link .fa:hover { opacity: 0.5; } .team-member.design-creative .team-content .team-content-hover .team-subtitle { color: #fefefe; font-size: inherit; position: absolute; top: 80%; width: 100%; left: 0; letter-spacing: 0.01em; } .team-member.design-creative.team-with-link .team-content .team-content-hover .team-subtitle { top: 73%; } .team-member.design-creative { margin: 0px 15px; border: none; } .four-elem-team .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { } .team-member.design-creative .team-socials {text-align: center;position: absolute;left: 0;margin: 0;-webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1);transition: 0.2s cubic-bezier(0.2,0.58,0.55,1);opacity: 0.5;transform: translateY(-15px);top: auto;bottom: 30px;} .team-member.design-creative .team-image:hover .team-socials { opacity: 1; transform: translateY(0px); } .team-member.design-creative .kd-team-contact { text-align: center; position: absolute; left: 0; top: 20%; width: 100%; margin: 0; } .team-member.design-creative .team-socials a, .team-member.design-creative .kd-team-contact a { opacity: 1; color: #fff; background: #fff; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; font-size: var(--large-body-text-size); border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); transition: 0.2s cubic-bezier(0.2,0.58,0.55,1); color: var(--heading-color); } .team-member.design-creative .team-socials a .fa, .team-member.design-creative .kd-team-contact a .fa, .team-member.design-creative .team-socials a .fab, .team-member.design-creative .kd-team-contact a .fab { color: var(--heading-color); opacity: 0.65; } .team-member.design-creative .team-socials a:hover, .team-member.design-creative .kd-team-contact a:hover { background: var(--heading-color); } .team-member.design-creative .team-socials a:hover span, .team-member.design-creative .kd-team-contact a:hover span { color: #fff; opacity: 1; } .team-member.design-creative .team-socials a .fa, .team-member.design-creative .kd-team-contact a .fa, .team-member.design-creative .team-socials a .fab, .team-member.design-creative .kd-team-contact a .fab { margin: 0; } .team-member.design-creative .kd-team-contact .kd-team-phone, .team-member.design-creative .kd-team-contact .kd-team-email { display: inline-block; } .team-member.design-minimal { border: 1px solid #e5e7f2; border-radius: 0px; background: #fff; } .team-member.design-minimal h4 { line-height:1; margin-bottom: 7px; font-size: var(--large-body-text-size); } .team-member.design-minimal .team-subtitle { font-weight:400; opacity:1; } .team-member.design-minimal .team-socials { position: absolute; right: 0; text-align: right; top: 0; padding-right: 10px; margin-top: 35px; } .team-member.design-minimal .team-socials a { opacity:1; } .team-member.design-minimal img { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; padding-top: 50px; } .team-member.design-minimal:hover img { -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } .team-member.design-minimal:hover .team-content-hover { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .team-member.design-minimal .team-content-hover { position:absolute; width: 100%; padding: 30px; text-align: center; text-align: left; height: 100%; background: none; max-width: 100%; -webkit-transition-duration: 250ms !important; transition-duration: 250ms !important; -webkit-transition-timing-function: cubic-bezier(0.4,.050,.55,.9) !important; transition-timing-function: cubic-bezier(0.4,.050,.55,.9) !important; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); opacity: 0; } .kd-team-phone .team-phone-label, .kd-team-email .team-email-label { padding-right: 4px; color: inherit; font-weight: bold; } .team-member.design-classic.socials-disabled .kd-team-contact { z-index: 10; position: relative; bottom: inherit; right: inherit; width: 100%; display: inline-block; } .team-member.design-classic.socials-disabled .kd-team-contact .kd-team-email, .team-member.design-classic.socials-disabled .kd-team-contact .kd-team-phone { float: left; } /* ------------------------------------------------------------------------ 6. FEATURES TABS ------------------------------------------------------------------------*/ .fullwidth .features-tabs {margin: 0 -15px;} .features-tabs .container { position: relative; } .vc_tta-container .features-tabs .active { visibility: visible!important; } .features-tabs .tab-image-container { position: relative; height: auto; width: 64%; float: left; max-width: 770px; z-index: 10; } .features-tabs .tab-image-container img { width: 100%; height: auto; border-radius: 0px; margin-bottom: 0; } .features-tabs h2.section-heading { text-align: left; } .features-tabs .section-subheading { margin-bottom: 30px; margin-top: 5px; text-align: left; max-width: 450px; float: left; line-height: 25px; } .features-tabs .tabs { margin: 0; padding: 0; height: auto; margin-top: 0; float: right; width: 35%; } .features-tabs .tab { display: inline-block; width: 100%; margin-bottom: 20px; padding: 0; background: #fff; zoom: 1; border: none; border-radius: 0px; text-align: left; box-shadow: 0 5px 40px rgba(0, 0, 0, .07); } .features-tabs .tab:last-child { margin-bottom:0; } .features-tabs .tab.active:hover { } .features-tabs .tab:hover { } .features-tabs .tab:first-child { border-top: none; } .features-tabs .tab a { display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; color: inherit; padding: 35px 40px; border-radius: 0px; } .features-tabs .tab a:hover { color: inherit; background: #f7f9fb; } .features-tabs .tab.active a:hover { background: inherit; } .features-tabs .tab a h5 { text-transform: none; margin-top: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .features-tabs .tab a p { font-size: inherit; color: inherit; margin-top: 14px; } #single-page .features-tabs .tab a p {margin-bottom: 0;} .features-tabs .tab.active:hover .fa, .features-tabs .tab.active .fa, .features-tabs .tab.active * { color: #fff; } .features-tabs .tab:after {border-color:transparent;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;z-index: 20;opacity: 1;content: "";display: block;position: absolute;top: 50%;margin-top: -14px;left: 95%;margin-left: -2px;width: 0;border-top: 14px solid transparent!important;border-bottom: 14px solid transparent!important;border-left: 14px solid transparent;} .features-tabs .tab.active:after {opacity: 1;left: 100%;} .tabs-image-left.features-tabs .tab.active:after { right:auto; left:0; margin-left:-12px; border-left:0; border-right:14px solid; } .features-tabs .tab h4 {margin-bottom: 0;} .features-tabs .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .features-tabs .tab a .triangle { opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; position: absolute; left: 0; margin-left: -10px; top: 50%; margin-top: -10px; border-right: 10px solid #f7f7f7; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; width: 0; } .features-tabs .tab.active a .triangle { opacity: 1; } .features-tabs .tab:hover .fa, .features-tabs .tab .fa { font-size: 45px; position: absolute; left: 58px; top: 55px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; font-weight: 100; color: rgba(0, 0, 0, 0.2); opacity: 1; } .vc_tta-container .features-tabs .active { visibility: visible!important; } .tt-tab-customimg { position: absolute; left: 62px; top: 68px; color: inherit; font-weight: 100; opacity: 0.6; } .features-tabs .tab.active .tt-tab-customimg img { -webkit-filter: brightness(2); } .tt-tab-customimg img { display: block; } .features-tabs .tab .triangle .inner-triangle { display: block; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: 2px; position: absolute; left: -8px; } .features-tabs .tab-controls { padding-left: 0px; margin-bottom: 0; width: 31%; position: absolute; } .tabs-image-left.features-tabs .tab-controls { left: inherit; right: 0; } .features-tabs .tab-controls li { background: none; padding-left: 0; list-style: none; margin: 0; position: relative; overflow: hidden; transition: 0.2s ease; margin-bottom: 15px; background: #fff; } .features-tabs .tab-controls li:last-child { margin-bottom: 0; } .features-tabs .tab-controls li:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; width: 3px; height: 0; bottom: 0; background-color: #ccc; } .features-tabs .tab-controls li.active:after { height: 100%; } .features-tabs .tab-overline { font-size: 14px; font-weight: 500; margin-bottom: 5px; display: block; transition: 0.2s ease; } .features-tabs .tab-controls li a { display: flex; align-items: center; padding: 25px 35px 25px 35px; color: inherit; font-weight: inherit; transition: 0.2s ease; background: var(--gray-color-overlay); margin-bottom: 0; } .features-tabs.tabs-white-bg .tab-controls li a { background: #fff; } .features-tabs .tab-controls .tab-content { transition: 0.25s ease; font-size: var(--medium-body-text-size);} .features-tabs .tab-controls li:not(.active) a:hover h5 { } .features-tabs .tab-controls li:not(.active) a:hover { background: var(--main-color-semi-transparent); } .features-tabs .tab-controls li:not(.active) a:hover .tab-overline { color: var(--text-color) } .features-tabs .tab-controls li i { font-size: 20px; font-weight: 600; margin-right: 15px; } .features-tabs .tab-controls li:not(.active) .fa { color: inherit; } .features-tabs li.active a {/* color: inherit; */} .features-tabs li:hover, .features-tabs li.active {} .tabs-image-right.features-tabs .tabs {float: left;} .tabs-image-right.features-tabs .tab-image-container {float: right;/* margin-left: 5%; */margin-right: 0;} .tabs-image-right.features-tabs .tab a .triangle { right: 0; margin-right: -10px; top: 50%; left: inherit; margin-top: -10px; border-left: 10px solid transparent; height: 0; border-right: 0!important; border-bottom: 10px solid transparent; border-top: 10px solid transparent; width: 0; } .container .tab-text-container .tab-title, .container .tab-text-container h2 {padding-top: 0;margin-bottom: 10px;font-size: var(--medium-body-text-size);font-weight: 500;transition: 0.25s ease;} .tab-text-container p {margin-bottom: 0!important;} .tab-text-container {/* float: left; */} .tabs-image-left .tab-text-container {/* float: right; */} .features-tabs li.active .tab-overline { transform: translateX(20px); } .features-tabs li .tab-text-container:before { display: none; height: 8px; content: ''; position: relative; -webkit-transition: 0.2s ease; transition: 0.2s ease; width: 8px; float: left; border-radius: 100%; margin-right: 8px; margin-top: 9px; background: #ccc; position: absolute; transform: translateX(5px); opacity: 0; } .features-tabs li.with-overline .tab-text-container:before { display: block; } .features-tabs li.active .tab-text-container:before { opacity:1; transform: translateX(0px); } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: -32%; width: 100%; max-width: 1140px; margin-left: 0; } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: -32%; width: 100%; max-width: 1140px; margin-right: 0; } @-moz-document url-prefix() { .features-tabs { display: contents; } } /* ------------------------------------------------------------------------ 7. PIE CHART ELEMENT ------------------------------------------------------------------------*/ .kd_chart { display: block; } .kd_pie_chart { display: block; position: relative; text-align: center; } .kd_pie_chart .kd_pc_title { text-transform: none; margin-top: 20px; margin-bottom: 22px; } #single-page .kd_pie_chart .kd_pc_desc, .kd_pie_chart .kd_pc_desc { margin-bottom: 0px; padding: 0 40px; } .kd_pie_chart .pc-link a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .kd_pie_chart .pc_percent_container { font-size: 32px; position: absolute; font-weight: 700; letter-spacing: -0.01em; width: 100%; left: 0; line-height: 160px; width: 160px; left: 50%; margin-left: -80px; } .kd_pie_chart canvas { background: transparent; border-radius: 99%; } .pc_percent_container:before { content:''; width: 110px; height: 110px; border:2px solid var(--border-color); display: block; z-index: 10; position: absolute; border-radius: 100%; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px; box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .kd_pie_chart .kd-piechart-icon, .kd_pie_chart .kd-piechart-customimg { position: absolute; width: 100%; left: 0; font-size: 48px; line-height: 170px; } .kd_pie_chart .kd-piechart-icon i { color:inherit; } .kd_pie_chart .kd-piechart-customimg img { max-height: 60px; width: auto; border-radius: 0; } .kd_pie_chart .pc_percent_container .pc_percent { margin-right: 0; } /* ------------------------------------------------------------------------ 8. CLIENTS ELEMENT ------------------------------------------------------------------------*/ .client { position: relative; } .client .client_overlay { position: absolute; width: 100%; height: 100%; opacity: 0.2; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .client a { z-index: 10; position: relative; display: block; } .client.grow:hover .client_overlay { width: 120%; margin-left: -10%; height: 140%; margin-top: -10%; } .client.circle:hover .client_overlay { border-radius: 50%; overflow: hidden; } .client.opacity:hover .client_overlay { opacity: 0.6; } .client svg, .client img { display: block; margin: auto; } .container .client h4 { opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; text-transform: uppercase; text-align: center; margin: 0; position: absolute; width: 100%; bottom: 20px; transition: 0.2s; } .container .client:hover h4 { opacity: 1; bottom: -20px; } .clients .owl-buttons { display: block; } .slider.clients { margin-top: 0; text-align: center; display: block; width: 100%; top: 0; z-index: 1; } .clients .owl-wrapper { align-items: center; display: flex; } .clients.slider { max-width: 100%; margin: 0; } .clients.slider .clients-content { margin: 0; } .clients.slider .clients-content svg, .clients.slider .clients-content img { display: block; margin: auto; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: auto; max-width: 100%; height: auto; cursor: pointer; } .clients.slider.opacity-effect .clients-content img { opacity: 1; } .clients.slider.opacity-effect .clients-content img:hover { opacity: 0.65; } .clients.color-swap-effect svg, .clients.color-swap-effect svg path, .clients.slider.lift-effect .owl-item img, .clients.slider.lift-effect .owl-item svg, .clients.slider.grayscale-effect .clients-content img { -webkit-transition: var(--image-animation); transition: var(--image-animation); } .clients svg { cursor: pointer; } .clients.slider.lift-effect .owl-item svg:hover, .clients.slider.lift-effect .owl-item img:hover { transform: translateY(-10px); } .clients.slider.zoomin-effect .clients-content img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .clients.slider.zoomin-effect .clients-content img:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .clients.owl-carousel .owl-wrapper-outer { width: calc(100% - 2px); padding: 10px 0; } .clients svg, .clients path { fill: inherit; } .clients.color-swap-effect.swap-primary-color svg:hover path { fill: var(--main-color) } .clients.color-swap-effect.swap-secondary-color svg:hover path { fill: var(--secondary-color) } .clients.color-swap-effect.swap-dark-color svg:hover path { fill: var(--heading-color) } .clients.color-swap-effect.swap-white-color svg:hover path { fill: #fff } /* ------------------------------------------------------------------------ 9 VIDEO MODAL ------------------------------------------------------------------------*/ .video-container { position: relative; min-height: 120px; z-index: 10; } .video-container a { display: block; cursor: pointer; margin: auto; } .video-container img { margin: auto; display: block; height: auto; width: auto; max-width: 100%; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 0px; } .video-container.no-shadow img { box-shadow: none; } .play-video.dark-style:hover, .play-video:hover { } .video-container.cover-image-leaf img { border-radius: 60px 0 ; } .video-container.cover-image-circle img { border-radius: 100%; } .play-video { position: absolute; left: 50%; top: 50%; margin-left: -60px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; transition: .2s ease-out!important; margin-top: -60px; border-radius: 50%; cursor: pointer; background: transparent; box-sizing: border-box; width: 120px; height: 120px; } .tp-bullet-title { display: none!important } .play-video.dark-style { background: #1f1f1f; box-shadow: 0 0 0 15px rgba(31, 31, 31, 0.4); } .play-video.dark-style .fa-play { color:#fff; } .play-video {border: 60px solid #f8f8f8;} .play-video:hover {border: 3px solid #f8f8f8!important;transform: scale(0.9);} .play-btn-gray-color .play-video { border-color: var(--drag-cursor-color) } .play-video .viva-play { font-size: 18px; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: .2s ease-out !important; transform: translate3d(-50%,-50%,0); margin-left: 2px; color: var(--heading-color); } .play-btn-gray-color .play-video .viva-play, .play-btn-secondary-color .play-video .viva-play, .play-btn-primary-color .play-video .viva-play, .play-video:hover .viva-play { color: #fff; } #video .overlay { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0.9; } .video-social-text { display: none; } .share-icon { -webkit-transition: 250ms ease-in; -moz-transition: 250ms ease-in; -ms-transition: 250ms ease-in; -o-transition: 250ms ease-in; transition: 250ms ease-in; display: block; width: 14px; height: 16px; background: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/share.png) no-repeat; margin: 0; margin-bottom: 50px; } .video-modal { padding: 0 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; z-index: 9999 !important; background: rgba(183, 187, 197, 0.0); } .video-modal.in { background: rgba(183, 187, 197, 0.7); } .vc_tta-panels .video-modal.in { background: none; } .video-modal iframe { border: 5px solid rgba(255, 255, 255, 0.25); border-radius: 3px; box-sizing: content-box; box-shadow: 0 0px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .video-modal .modal-content { padding: 0; border: 0; position: fixed; left: 50%; top: 50%; border-radius: 0; text-align: center; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; background: 0 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transform: translate(-50%, -50%)!important; } .video-modal .modal-content .close { position: absolute; background-color: #fff; right: -35px; top: -35px; z-index: 999; border-radius: 90px; height: 30px; width: 30px; outline: none; font-size: 20px; text-shadow: none; opacity: 1; color: #1f1f1f; text-align: center; transition: 0.25s; font-weight: bold; font-family: arial; } .video-modal .modal-content .close:hover { color: #fff; } @media (max-width:960px) { .video-modal .modal-content .close { top: 15px; right: 15px; } .video-modal .video-modal-local { max-width: 100%; height: auto; max-height: 100%; } } .video-modal.in .modal-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .play-button-left .play-video { margin-left: 0px!important; left: 0; margin-top: 0!important; top: 0!important; } .video-container.small-video-btn { min-height: 80px; min-width: 80px; } .video-container.small-video-btn .play-video { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; border-width: 40px; } .video-container.small-video-btn .play-video .fa-play { width: 10px; height: 18px; font-size: 20px; } .video-container.small-video-btn a:not(.play-btn-hover-primary-color) .play-video:hover { border: 3px solid var(--gray-color-overlay)!important; } .big-video-btn { min-width: 120px; } .play-button-left { display: inline-flex; margin-right: 20px; } .big-video-btn .play-btn-hover-primary-color .play-video { border-width: 60px!important; } .small-video-btn .play-btn-hover-primary-color .play-video { border-width: 44px!important; } .video-container.animated-play-cursor a { z-index: 100; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* ------------------------------------------------------------------------ 10. BUTTON ------------------------------------------------------------------------*/ .tt_button { -webkit-transition: 0.2s !important; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; -o-transition: 0.2s !important; transition: 0.2s !important; text-align: center; border: none; color: #fff; padding: 0; padding: 18px 35px 18px 35px; margin: auto; box-sizing: border-box; cursor: pointer; z-index: 11; position: relative; line-height: 1; } .tt_button.btn-align-left { margin-right: 10px; display: inline-flex; } .tt_button .iconita { display: block; width: auto; height: auto; margin-left: 0; margin-right: 0; color: #fff; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: inherit; } .tt_button.icon_left .iconita { margin-right: 10px; } .tt_button.icon_right .iconita { margin-right: 0; margin-left: 12px; font-size: 12px; } #wrapper .wpcf7 .wpcf7-submit:hover, .kd-side-panel .wpcf7 .wpcf7-submit:hover, .tt_button.btn_secondary_color:hover, .tt_button:hover { background-color: transparent; } .tt_button:hover { text-decoration: none; } .tt_button.btn_secondary_color.tt_button.tt_secondary_button { background: transparent; } .tt_button:focus { color: #fff; } .tt_button.slider-button:hover, .tt_button.tt_secondary_button { background: transparent; } .tt_button.btn_secondary_color.tt_secondary_button:hover, .tt_button.btn_secondary_color.tt_secondary_button:hover .iconita, .tt_button.tt_secondary_button:hover .iconita, .tt_button.tt_secondary_button:hover { color: #fff; } .tt_button.slider-button:hover { border-color: #fff; } .tt_button.second-style { min-width: 240px; background-color: white; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); padding: 0 35px; } .tt_secondary_button.tt_third_button { border:none } .tt_secondary_button.tt_third_button:hover { background: none!important; box-shadow: none; } .tt_button.second-style .iconita { font-size: 27px; float: left; margin-top: 10px; margin-right: 20px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .tt_button.second-style:hover .iconita { color: #fff; } .tt_button.second-style .sec_text { font-size: 10px; font-weight: 700; float: left; line-height: 1; letter-spacing: 0; margin-top: 10px; } .tt_button.second-style .prim_text { font-size: 14px; font-weight: 700; float: left; line-height: 1; margin-top: 3px; } .tt_button.second-style:hover { color: #fff; border: 2px solid #fff; } .tt_button.add-margin-right, .add-margin-right { margin-right: 10px; } .tt_button.add-margin-left, .add-margin-left { margin-left: 10px; } .tt_button.button-center { margin-left: auto; margin-right: auto; } .btn-hover-1 .tt_button.modal-menu-item, .btn-hover-1 .tt_button { overflow: hidden; line-height: inherit; padding-top: 14px; padding-bottom: 14px; transition-duration: .2s!important; transition-property: all!important; transition-timing-function: cubic-bezier(.4,0,.2,1)!important; } .btn-hover-1 .tt_button:after { content: attr(data-text); display: inline-block; position: absolute; top: 0; transform: translate(0,250%); transition-duration: .3s; transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); white-space: nowrap; } .btn-hover-1 .tt_button.icon_right:after { left: 35px; right: auto; } .btn-hover-1 .tt_button.icon_left:after { right: 35px; left: auto; } .btn-hover-1 .tt_button .prim_text { transition-duration: .3s; transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); } .btn-hover-1 .tt_button:hover .prim_text { transform: translateY(-200%); } .btn-hover-1 .tt_button:hover:after { transform: translate(0%,55%) } .tt_button.btn_gradient_color.reverse_gradient:before { content: ''; display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: all .25s ease; background: linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-start-color) 100%); } .tt_button.btn_gradient_color.reverse_gradient:hover .iconita { color: #fff; } .tt_button.btn_gradient_color.reverse_gradient:hover:before { opacity: 1; } .hover_solid_primary:hover .iconita, .hover_solid_secondary:hover .iconita { color: #fff !important; } /* ------------------------------------------------------------------------ 11. 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); } } /* ------------------------------------------------------------------------ 12. GOOGLE MAP ------------------------------------------------------------------------*/ .kd_map { height: 1000px; } .kd-contact-alertbox { max-width: 550px; margin: auto; margin-top: 30px; } .contact-map-container .business-info-wrapper { position: absolute; top: 50%; left: 50%; width: 28.5%; margin-left: -605px; padding: 60px; padding-bottom: 55px; background: #fff; border: none; border-radius: 7px; overflow: hidden; transition: 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.2s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; z-index: 10; box-shadow: none; transform: translateY(-50%); max-width: 520px; height: fit-content; max-height: 100%; } .contact-map-container .business-info-wrapper.minimize { width: 55px; height: 55px; padding: 0; max-height: 55px; max-width: 55px; } .contact-map-container .business-info-wrapper.minimize * { opacity: 0; visibility: hidden; } .contact-map-container .business-info-wrapper.minimize .toggle-map-info { top: 13px; right: 13px; } .contact-map-container .business-info-wrapper.minimize .toggle-map-info:before { content: "\f0b2"; } .contact-map-container.right_info_panel .business-info-wrapper { margin-left: 0; margin-right: -605px; left: auto; right: 50%; } #single-page .business-info-wrapper p.map-phone-description, .business-info-wrapper .business-info-day, .business-info-wrapper p { padding-left: 70px; } .business-phone-row, .business-address-row { margin-bottom: 40px; } .business-info-header { margin-bottom: 50px; } .contact-map-container .business-info-wrapper .business-info-day { border-top: 1px solid rgba(255,255,255,.15); margin-bottom: 5px; font-size: var(--medium-body-text-size); } .contact-map-container .business-info-wrapper .business-info-day:first-child { border:none; } .business-info-header span, .business-info-header i { font-style: normal; } .business-info-wrapper i { display: block; float: left; width: 50px; height: 50px; margin-right: 20px; font-size: 20px; font-weight: 400; text-align: center; border-radius: 15px; line-height: 48px; background: var(--main-color-semi-transparent); } .address-overflow { padding-left: 27px; display: block; } .business-info-header .business-email-row a { color: inherit; } .business-info-header .business-email-row, .business-info-header .business-phone-row, .business-info-header .business-address-row { display: block; margin-bottom: 18px; line-height: 1.2; } .contact-map-container .business-info-day-hours { float: right; } .contact-map-container .business-info-wrapper h4 { vertical-align: middle; margin-top: 0; margin-bottom: 12px; font-family: inherit; text-transform: inherit; font-weight: 500; font-size: var(--large-body-text-size); } .contact-map-container .business-info-wrapper h4 a { color:var(--heading-color) } .contact-map-container { position: relative; height: 400px; overflow: hidden; background: #ececec; } .full-map.contact-map-container { height: 500px; } .business-info-wrapper .toggle-map-info { position: absolute; right: 20px; top: 20px; font-size: 11px; border: 1px solid rgba(0, 0, 0, 0.2); width: 28px; height: 28px; text-align: center; line-height: 28px; box-sizing: border-box; cursor: pointer; transition: 0.2s; opacity: 1!important; visibility: visible!important; } .business-info-wrapper .toggle-map-info:hover { border: 2px solid transparent; color: #fff; } .kd-alertbox.kd_map_alert { position: absolute; top: 50%; margin-top: -90px; left: 0; right: 0; z-index: 100; } .viva-gmap-marker { position: absolute; width: 20px; height: 20px; border-radius: 100%; background-color: var(--main-color); } .viva-gmap-marker span { content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; opacity: 1; background-color: var(--main-color); } .viva-gmap-marker>span:first-child { animation: MapMarkerAnimation 1.75s cubic-bezier(.4,0,.2,1) infinite forwards; } .viva-gmap-marker>span:first-child+span { animation: MapMarkerAnimation 1.75s .75s cubic-bezier(0,0,.2,1) infinite forwards; } @keyframes MapMarkerAnimation { 0% { transform: scale(1); opacity: .8 } 20% { opacity: .8 } 100% { transform: scale(5.5); opacity: 0 } } .map-panel-cta .tt_button { width: 100%; margin-top: 40px; } /* ------------------------------------------------------------------------ 12. ANIMATIONS ------------------------------------------------------------------------*/ .vc_grid-container[data-initial-loading-animation='fadeIn'] .vc_grid-item, .vc_grid-container[data-initial-loading-animation='fadeInUp'] .vc_grid-item, .kd-animated, .portfolio-item, .play-video, .toggle-map { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .kd-animated { opacity: 1; } .vc_grid-item.animated, .kd-animated[data-animation-delay="200"] { animation-delay: 0.2s; } .vc_grid-item.animated:nth-child(2), .kd-animated[data-animation-delay="400"] {animation-delay: 0.4s;} .vc_grid-item.animated:nth-child(3),.kd-animated[data-animation-delay="600"] { animation-delay: 0.6s; } .vc_grid-item.animated:nth-child(4),.kd-animated[data-animation-delay="800"] { animation-delay: 0.8s; } .vc_grid-item.animated:nth-child(5),.kd-animated[data-animation-delay="1000"] { animation-delay: 1s; } .vc_grid-item.animated.vc_grid-item-zone-c-bottom { animation-delay: 0.2s; } .portfolio-item , .play-video, .toggle-map { animation-delay: 0.2s; transition: .2s ease-out; } @-webkit-keyframes kd-zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @keyframes kd-zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } .zoomIn.kd-animate ,.toggle-map.kd-animate { -webkit-animation-name: kd-zoomIn; animation-name: kd-zoomIn; } @-webkit-keyframes kd-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes kd-fadeIn { from { opacity: 0; } to { opacity: 1; } } .container .fadeIn.wpb_start_animation, .fadeIn.kd-animate { -webkit-animation-name: kd-fadeIn; animation-name: kd-fadeIn; } @-webkit-keyframes kd-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown.kd-animate { -webkit-animation-name: kd-fadeInDown; animation-name: kd-fadeInDown; } @-webkit-keyframes kd-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft.kd-animate { -webkit-animation-name: kd-fadeInLeft; animation-name: kd-fadeInLeft; } @-webkit-keyframes kd-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes kd-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight.kd-animate { -webkit-animation-name: kd-fadeInRight; animation-name: kd-fadeInRight; } @-webkit-keyframes kd-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes kd-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .container .fadeInUp.wpb_start_animation, .fadeInUp.kd-animate { -webkit-animation-name: kd-fadeInUp; animation-name: kd-fadeInUp; } @media (max-width:960px) { .no-mobile-animation .vc_grid-container[data-initial-loading-animation='fadeIn'] .vc_grid-item, .no-mobile-animation .vc_grid-container[data-initial-loading-animation='fadeInUp'] .vc_grid-item, .no-mobile-animation .wpb_animate_when_almost_visible, .no-mobile-animation .kd-animated, .no-mobile-animation .play-video { animation-duration: 0s!important; animation-name: none!important; opacity: 1!important; } } /* ------------------------------------------------------------------------ 14. FEATURED CONTENT ------------------------------------------------------------------------*/ .featured_content_parent .featured_content_child { padding: 0; } .featured_content_parent .featured_content_child a, .featured_content_parent .featured_content_child a p { color: inherit; } .featured_content_parent .featured_content_img img { -moz-transform: scale(0.95) translateY(80px); -ms-transform: scale(0.95) translateY(80px); -webkit-transform: scale(0.95) translateY(80px); transform: scale(0.95) translateY(80px); cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8; display: block; margin: auto; max-width: 100%; height: auto; } .featured_content_img { overflow: hidden; } .featured_content_parent .active-elem .featured_content_img img { opacity: 1; min-height: 395px; -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .featured_content_parent h4 { margin-top: 45px; text-align: center; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featured_content_parent p { max-width: 270px; text-align: center; margin: auto; margin-top: 10px; } .featured_content_parent { background: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/long-shadow.png) no-repeat; background-position: center 502px; } /* ------------------------------------------------------------------------ 15. REVIEWS ------------------------------------------------------------------------*/ .key-reviews { background-color: white; padding: 50px 35px 35px 35px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-align: left; overflow: hidden; border-radius: 7px; display: inline-block; width: -webkit-fill-available; position: relative; } .key-reviews.single-review-box { margin: 15px; position: relative; float: left; } .key-reviews.single-review-box.no-padding { padding: 0; margin: 0; } .key-reviews.single-review-box.no-padding .rw_rating { position: relative; transform: translateY(-57px); top: inherit; left: 70px; } .key-reviews.single-review-box.no-padding .rw_rating .rating_intro { display: inline-flex; margin-right: 5px; font-size: var(--medium-body-text-size); } .key-reviews.single-review-box.no-padding.rw_rating .viva-empty-star, .key-reviews.single-review-box.no-padding.rw_rating .viva-full-star { font-size: 15px; } .rw_message, #single-page .rw_message { padding-top: 0; padding-bottom: 0; text-align: left; font-size: var(--large-body-text-size); margin-bottom: 0; } .rw_img_wrapper { width: 75px; } .key-reviews .rw_title { font-size: var(--large-body-text-size); font-weight: 500; text-transform: inherit; font-family: inherit; margin-bottom: 25px; } .rw-author-details h4 { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-size: 16px; font-weight: 700; line-height: 25px; margin: 0; text-align: center; } #single-page .rw-author-details p, .rw-author-details p { text-align: left; font-weight: 400; margin-bottom: 0; } .rw-authorimg { display: block; float: left; max-width: 60px; max-height: 100%; margin-right: 10px; } .rw-authorimg img { float: left; height: auto; border-radius: 100%!important; margin-bottom: 20px; } .rw-author-details { vertical-align: top; text-align: left; margin-bottom: 0; min-height: 60px; margin-bottom: 29px; } .container .rw-author-details h5 { font-size: var(--medium-body-text-size); margin-bottom: 0; line-height: 1.2; font-weight: 500; padding-top: 8px; } .rw_header { height: 60px; width: 100%; margin-bottom: 10px; text-align: center; } .rw-link { padding-top: 16px; } .rw-link a { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; font-weight: 600; } .rw_rating { margin-top: 0; padding-top: 0; width: fit-content; text-align: center; position: absolute; right: 35px; top: 80px; transform: translateY(-50%); } .rw_rating .viva-empty-star, .rw_rating .viva-full-star { font-size: 11px; margin-right: 3px; color: #FFC200; } .rw_rating .rating_intro { color: #FFC200; font-weight: 700; font-size: var(--large-body-text-size); margin-right: 0; display: block; line-height: 1; } .rw-title { font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 15px; text-transform: uppercase; } .review-carousel .owl-wrapper-outer { margin-bottom: 0px; } .review-carousel .owl-item { padding: 0 15px; } .review-carousel { text-align: center; position: relative; } .with-overlay .review-carousel .owl-dot span { background: #fff } .clients.owl-carousel .owl-item, .review-carousel .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .clients.owl-carousel .owl-item.active, .review-carousel .owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .review-carousel .owl-carousel .owl-item { opacity: 1; } .review-carousel .owl-wrapper-outer:before { content: ''; display: flex; width: 100%; } .review-carousel .owl-wrapper-outer:before, .review-carousel .owl-wrapper-outer:after { content: ''; display: flex; width: calc((100vw - 1210px)/2); height: 100%; position: absolute; pointer-events: none; -webkit-mask: linear-gradient(270deg, #fff,transparent); mask: linear-gradient(270deg, #fff,transparent); z-index: 100; background: inherit; right: 0; transform: translateX(100%); top: 0; } .review-carousel .owl-wrapper-outer:after { right: auto; left: 0; transform: translateX(-100%); marsk: linear-gradient(90deg, #fff,transparent); -webkit-mask: linear-gradient(90deg, #fff,transparent); } .review-carousel.white-bg .owl-wrapper-outer:before, .review-carousel.white-bg .owl-wrapper-outer:after { background: #fff; } .review-carousel.gray-bg .owl-wrapper-outer:before, .review-carousel.gray-bg .owl-wrapper-outer:after { background: var(--gray-color-overlay); } .container .reviews-section-title, .reviews-section-title { margin-left: 15px; margin-bottom: 60px; line-height: 60px; } /* .review-carousel .owl-carousel .owl-item:has(+ .active), .review-carousel .owl-carousel .active + .active + .active + .owl-item { opacity: 1; -webkit-mask: linear-gradient(90deg, #fff,transparent); mask: linear-gradient(#fff,transparent); } */ /* ------------------------------------------------------------------------ 16. APP GALLERY ------------------------------------------------------------------------*/ .app-gallery { display: flex; flex-flow: row wrap; } .app-gallery .ag-section-desc { width: 100%; max-width: 360px; margin-right: 96px; margin-top: 165px; z-index: 10; max-height: 280px; } .app-gallery .ag-section-desc h4 { margin-top: 0; margin-bottom: 25px; font-style: normal; font-size: 34px; line-height: 1.2em; } .app-gallery .ag-section-desc p { max-height: 150px; overflow: hidden; } .app-gallery .owl-carousel .owl-wrapper-outer { overflow: visible; } .app-gallery.ag-no-desc-section .owl-carousel .owl-wrapper-outer { padding: 3px 0; } .ag-slider-wrapper { width: 300px; z-index: 4; outline: none; margin-top: 3px; } .app-gallery.ag-no-desc-section .ag-slider-wrapper { width: 100%; margin: 0; } .app-gallery .ag-mockup img { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; max-width: 325px; } .app-gallery .ag-mockup { position: absolute; left: 459px; z-index: 5; pointer-events: none; } .app-gallery.ag-no-desc-section .ag-mockup { position: absolute; left: 0; right: 0; width: 325px; max-width: 325px; margin: auto; z-index: 5; pointer-events: none; } .app-gallery .clickable .owl-dot:hover span { opacity: 0.5; } .app-gallery .owl-dots { position: absolute; left: -465px; bottom: 180px; z-index: 99; } .app-gallery.ag-no-desc-section .owl-dots { position: relative; left: auto; right: auto; bottom: 0; } .app-gallery .owl-carousel .owl-wrapper-outer:before { content: ""; position: absolute; z-index: 2; top: -100px; right: 100%; width: 500%; height: calc(100% + 200px); display: block; background: #fff; } .vc_row-gray-color-overlay .app-gallery .owl-carousel .owl-wrapper-outer:before { background: var(--gray-color-overlay); } .app-gallery .owl-dot span { display: block; } .ag-no-desc-section.app-gallery .owl-carousel .owl-wrapper-outer:before {right: inherit;width: 100vw;left: 0;pointer-events: none;margin-left: calc(570px - 50vw);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);} .vc_row-gray-color-overlay .ag-no-desc-section.app-gallery .owl-carousel .owl-wrapper-outer:before {right: inherit;width: 100vw;left: 0;pointer-events: none;margin-left: calc(570px - 50vw);background: linear-gradient(90deg, var(--gray-color-overlay) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, var(--gray-color-overlay) 100%);} .app-gallery .heading-separator { margin-left: 0; margin-bottom: 25px; margin-top: -5px; width: 40px; } .app-gallery .owl-carousel img { display: block; margin: auto; border-radius: 0; cursor: pointer; transition: 1s; border-radius: 20px!important; } .app-gallery .owl-item.active img { box-shadow: none; } .app-gallery .owl-item img { box-shadow: none; max-width: 292px; border: 1px solid var(--border-color); } /* ------------------------------------------------------------------------ 17. COUNTDOWN ------------------------------------------------------------------------*/ .countdown { position: relative; display: flex; width: 600px; margin: auto; padding: 0; font-size: 40px; font-style: normal; font-weight: 700; line-height: 48px; text-align: center; border-radius: 100px; box-shadow: none; z-index: 99; } .CountdownContent { display: block; float: left; width: 150px; height: auto; margin: 0; border: none; font-size: 68px; font-weight: 700; line-height: 70px; letter-spacing: -1px; text-align: center; border-radius: 90px; } .CountdownSeparator { display: none; } .CountdownContent .CountdownLabel { font-size: var(--medium-body-text-size); font-weight: 500; display: block; line-height: 1; width: 100%; letter-spacing: 0; margin-top: 10px; font-size: 20px; } .kd-countdown.cd-align-left { margin-left: 0; text-align: left; } body.maintenance-mode .CountdownContent, .kd-countdown.cd-align-left .CountdownContent { text-align:left; } /* ------------------------------------------------------------------------ 18. FAQ ------------------------------------------------------------------------*/ .row .vc_toggle { display: block; font-size: 1em; padding: 0; margin-bottom: 15px; border-radius: 0; line-height: 1.3em; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; transition: 0.2s !important; background: #fff; border: 1px solid var(--border-color); z-index: 10; position: relative; } .row .vc_toggle:last-of-type { margin-bottom: 0; } .row .vc_toggle.vc_toggle_simple { background:transparent; margin-bottom: 0; border-radius: 0; border-top: none; border-left: none; border-right: none; } .row .vc_toggle.transparent { background: rgb(255 255 255 / 25%) } .row .vc_toggle.transparent * { color: #fff; } .row .vc_toggle.vc_toggle_default.transparent .vc_toggle_title:after, .row .vc_toggle_size_md.vc_toggle_default.transparent .vc_toggle_title:after { color: #fff; } .row .vc_toggle_size_md.vc_toggle_default.transparent .vc_toggle_title:hover h4 { color: rgb(255 255 255 / 75%) } .row .vc_toggle.vc_toggle_simple:last-of-type { border-bottom:none; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title { padding: 25px 25px; } .row .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::after, .row .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::before { transition: 0.25s; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title { padding-left: 0; padding: 20px 30px; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content { padding:0; margin:0; margin-bottom: 5px; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_icon { margin:0; margin-left:-5px } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title h4, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title h4 { font-size: var(--medium-body-text-size); transition: 0.25s; font-weight: 500; margin-bottom: 20px; font-family: inherit; text-transform: inherit; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content { padding-left: 0; margin: 0; margin-bottom: 0; padding: 0px 70px 25px 30px; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content p { margin-bottom: 0!important; font-size: var(--medium-body-text-size); } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon { display: none; right: 20px; left: auto; background: none; transform: none!important; border: none!important; width: auto; height: auto; } .row .vc_toggle_default .vc_toggle_icon, .row .vc_toggle_default .vc_toggle_icon::after,.row .vc_toggle_default .vc_toggle_icon::before { border: none!important; } .row .vc_toggle_default .vc_toggle_icon::before { display:none!important; } .row .vc_toggle.vc_toggle_default .vc_toggle_title:before, .row .vc_toggle.vc_toggle_default .vc_toggle_title:after, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title:after { margin-right: 10px; color: inherit; content: ""; font-weight: 400; margin: 0; font-size: 14px; display: block; margin-left: 0; width: 10px; height: 2px; background: #A8BDD4; position: absolute; right: 0; line-height: 14px; top: 50%; margin-top: -1px; right: 30px; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); } .row .vc_toggle.vc_toggle_default .vc_toggle_title:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .row .vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_title:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon {height: 2px} .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container { background-color: white; box-shadow: none; padding: 40px; margin-right: 40px !important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels { border: none !important; background: transparent!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; background: none !important; opacity: 0; visibility: hidden; height: auto!important; transition: 0.25s; display: none!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body { opacity: 1; visibility: visible; display: block!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_toggle_content p { color: inherit; margin-bottom: 0; font-size: var(--medium-body-text-size); } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels ul { list-style-type: none; /* line-height: 17px; */ padding-left: 0; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:before { height: 0; border-bottom: 9px solid transparent; border-top: 9px solid transparent; width: 0; display: block; display: none; position: absolute; content: "\f105"; font-size: 0; right: -81px; top: 26px; opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active:before { opacity: 1; visibility: visible; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels ul li:before { display: inline-block; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:focus,.wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:hover { background-color: transparent; opacity: 0.6; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a,.wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a { border-color: transparent; background-color: transparent; color: inherit; font-weight: bold; font-size: 14px; padding-left: 0; padding-top: 25px; padding-bottom: 25px; line-height: 1.5; opacity: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-list { background: transparent; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left { overflow: hidden; padding: 0; } .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a { opacity: 1; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list { overflow: visible; width: 100%; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container { padding: 0; min-width: 30%; border-radius: 10px; overflow: visible; margin-right: 0!important; border-right: none; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab { display: block; position: relative; background: transparent; margin-left: 0; margin-right: 0; border-bottom: 1px solid #ddd; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active a { background: transparent; border-color: #ddd; border-bottom: 2px solid #ddd; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container { border: 1px solid #ddd; padding: 100px 0; align-items: center; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a { background: #fff; font-size: 14px; font-weight: 600; line-height: 96px; text-align: center; padding: 0; color: #1a1a1a; border-radius: 0!important; border: 1px solid #ddd; border-right: 0; border-bottom: 2px solid transparent; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a { border-right: 1px solid #ddd; border-left:0; } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a:hover, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a:hover { background:#fff; } /* ------------------------------------------------------------------------ 19. MASONRY GALLERY ------------------------------------------------------------------------*/ .mg-gallery { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 15px; grid-row-gap: 15px; -ms-grid-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } .mg-gallery.four-columns { -ms-grid-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr); } .mg-gallery.five-columns { -ms-grid-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr); } .mg-gallery .mg-single-img img { display: block; width: 100%; height: auto; transition: 1s cubic-bezier(.19,1,.22,1); -o-object-fit: cover; object-fit: cover; } .mg-single-img.mg-big { grid-row: span 2; grid-column: span 2; } .mg-single-img { transition: 1s cubic-bezier(.19,1,.22,1); overflow: hidden; border: 1px solid var(--border-color); } .mg-single-img a { display: block; } .mg-single-img:hover { /* transform: scale(.95)!important; */ } .mg-single-img:hover img { z-index: 10; position: relative; cursor: zoom-in; transform: scale(1.15); } /* ------------------------------------------------------------------------ 20. SCHEDULE ------------------------------------------------------------------------*/ .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top { position: relative; border-radius: 10px; box-shadow: none; z-index: 2; } .wpb-js-composer .vc_row[data-vc-full-width="true"] .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top { margin: 0 -15px; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container { margin: 0; padding: 0; width: 100%; box-shadow: none; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow: hidden; background: transparent; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list { border: none; box-shadow: none; flex-direction: row; overflow: visible; text-align: center; justify-content: center; display: flex; max-width: 1210px; margin: auto; border-top: 0; border-bottom: 3px solid var(--border-color); position: relative; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li { text-align: center; font-weight: 500; background: none; position: relative; border: none; margin: 0; flex-basis: 100%; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a { position: relative; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; background: none; border: beige; border-right: none; font-weight: 500; font-size: var(--medium-body-text-size); min-height: 74px; line-height: inherit; text-align: center; vertical-align: middle; letter-spacing: 0.01em; opacity: 1; padding: 0 35px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--text-color); border: none; position: relative; } .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:last-child) .vc_tta-panel-heading { border-radius: 0; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a:hover {opacity: 1;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li:last-child a { border: none; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-width: 1210px; margin: 0 auto!important; overflow: visible!important; } .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-panel-body {height: auto!important; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .kd-animated { opacity:1; } .vc_tta-panels .vc_tta-panel {background: transparent;} .vc_tta-panels .vc_tta-panel.medium-section {background: var(--gray-color-overlay);} .vc_tta-panels .vc_tta-panel.dark-section {background: #00234B;} .vc_tta-panels .vc_tta-panel.image-section {background: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/section-bg.jpg); background-size: cover; background-position: center;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a { color: #fff; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a { border-bottom: none; color: #fff; opacity: 1; } /* .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:before, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a:before { content: ''; width: 0px; transition: 0.2s all ease; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; display: block; height: 2px; background: #ccc; position: absolute; top: inherit; bottom: -1px; } */ /* .feature-sections-wrapper .feature-sections-tabs .nav-tabs .active a:before, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:before { width: 100px; } */ .wpb-js-composer .vc_tta.vc_general.vc_tta-tabs-position-top .vc_tta-icon.vc_li { color: inherit; font-size: var(--medium-body-text-size); } .wpb-js-composer .vc_tta-container { margin-bottom: 0px!important; } .wpb_wrapper .es-accordion:last-child { border: none; } .wpb-js-composer .es-accordion { border-bottom: 1px solid #e5e7f2; margin: 0 -15px; padding: 0 15px; } .wpb-js-composer .es-accordion .es-time { display: inline-block; font-size: var(--medium-body-text-size); line-height: 35px; font-weight: 500; min-width: 190px; } .wpb-js-composer .es-accordion .es-heading { position: relative; padding: 21px 0; } .wpb-js-composer .es-accordion .es-heading h4 { display: inline-block; margin-top: 0; font-size: var(--medium-body-text-size); font-weight: 500; margin-bottom: 0; line-height: 30px; } .wpb-js-composer .es-accordion .es-heading h4 a { -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; } .es-accordion .es-time i { margin-right: 8px; font-size: 14px; } .es-accordion .es-heading .fa-angle-down { font-size: 16px; font-weight: 600; color: var(--text-color); position: absolute; right: 12px; top: 30px; opacity: 0.65; } .es-accordion .es-heading .fa-angle-down:before { content: "\f106"; } .es-accordion .es-heading .collapsed .fa-angle-down:before { content: "\f107"; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li:before { height: 0; border-right: 9px solid transparent; border-left: 9px solid transparent; width: 0; display: block; position: absolute; content: "\f105"; font-size: 0; bottom: -9px; opacity: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; left: 50%; margin-left: -5px; visibility: visible; display: none; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active:before { opacity: 1; display: none; } .es-accordion .es-speaker-container { display: inline-block; width: 100%; max-width: 140px; margin-top: 0px; margin-right: 47px; margin-bottom: 20px; vertical-align: top; } .es-accordion .es-speaker-img { max-width: 50px; margin: 0; box-shadow: none; border-radius: 90px; margin-top: 0; overflow: hidden; margin-bottom: 20px; } .es-accordion .es-speaker-img img { width: 100%; height: auto; } .es-accordion .panel-collapse { vertical-align: top; } .es-accordion .es-session-desc { font-size: 14px; font-weight: inherit; line-height: 25px; margin-bottom: 5px; display: inline-block; max-width: calc(100% - 250px); } .es-accordion .es-speaker-container .es-speaker-name { font-weight: 500; text-align: left; margin-top: 0; margin-bottom: 5px; font-size: var(--medium-body-text-size); } .es-accordion .es-speaker-container .es-speaker-position { font-weight: inherit; text-align: left; line-height: 1.3; font-family: inherit!important; } .wpb-js-composer .vc_tta-container .vc_tta .es-accordion .es-session-desc p { margin-bottom: 20px; color: inherit; font-size: var(--large-body-text-size)!important; } .es-accordion .es-session-desc .es-link a { font-size: 12px; font-weight: bold; text-transform: uppercase; } .es-accordion .es-session-desc .es-link { margin-bottom: 20px; } .es_no_description.es-accordion .panel-collapse, .es_no_description.es-accordion .es-heading .fa { display: none; height: 0!important; } .es_no_description.es-accordion h4 a { cursor: default; } /* ------------------------------------------------------------------------ 21. COLOR SWITCHER ------------------------------------------------------------------------*/ .color-swtich img { margin: auto; display: block; margin-bottom: 30px; } .color-swtich .owl-dots .owl-dot { width: 40px; height: 40px; margin: 0 10px; } .color-swtich .owl-dot span { width: 40px; height: 40px; border-color: transparent !important; -webkit-transition: all 250ms ease-in-out; opacity: 1; z-index: 20; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; } .color-swtich .owl-dot span:hover { opacity: 0.6 !important; } .color-swtich .owl-dot.active span:hover { opacity: 1 !important; } .color-swtich { text-align: center; margin-top: 0; } .color-swtich .owl-dot.active span:before { width: 16px; height: 16px; background: #fff; border-radius: 90px; display: block; content: ''; position: absolute; top: 12px; left: 12px; } /* ------------------------------------------------------------------------ 22. CONTENT BOX ------------------------------------------------------------------------*/ .cb-container { position: relative; z-index: 101; } .cb-container .cb-wrapper { position: relative; text-align: left; margin: 0px; margin-bottom: 30px; padding: 35px; padding-bottom: 38px; transition: 0.2s; overflow: hidden; z-index: 3; transition: .2s ease-in-out; background: #f7f7f7; } .cb-container.disable-box-shadow .cb-wrapper { box-shadow: none!important; } .cb-container .cb-wrapper:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 3px; width: 0; bottom: 0px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } .cb-container:hover .cb-wrapper:after { width:100%; } .cb-container.with-bg-img { background-size: cover; } .cb-container.cb-no-icon { padding-bottom: 40px; } .vc_row.vc_row-no-padding .cb-container { margin-left: 0; margin-right: 0; } .cb-container.content-center * { text-align:center; } .cb-container .cb-heading { } .cb-container.content-center a p { margin-bottom: 0!important; color: #696969; } .cb-container .cb-wrapper:hover { z-index: 100; background: #fff!important; border-bottom: none; } .cb-btncontainer { margin-top: 30px; } .cb-container.cb_transparent_color:hover { background: transparent; } .cb-container.cb_transparent_color:hover .cb-text-area p, .cb-container.cb_transparent_color:hover .cb-heading { color: inherit; } .cb-container.cb_transparent_color img { opacity: 0.6; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .cb-container.cb_transparent_color:hover img { opacity: 1; } .cb-text-area p { transition: 0.25s; margin-bottom: 20px; font-size: var(--large-body-text-size); } .cb-text-area p, #single-page .cb-text-area p { position: relative; margin-bottom: 25px; font-size: var(--medium-body-text-size); } .cb-no-icon .cb-text-area p, #single-page .cb-no-icon .cb-text-area p { margin-bottom: 0; } .cb-img-area, .cb-text-area { display: inline-block; vertical-align: bottom; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); } .cb-img-area { font-size: 42px; margin-bottom: 30px; margin-right: 0; float: left; width: 100%; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); } .vc_custom_heading.grid-read-more, .cb-simple-link { font-weight: 500; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); } .post-button-wrapper, .kd-simple-link, .pricing-btn-minimal, .process-text-link, .kd-photobox .phb-content.text-left .phb-btncontainer a { margin-left: 0; font-weight: 500; transition: var(--fast-animation) } .key-icon-box .ib-link a:after, .post-button-wrapper:after, .kd-simple-link:after, .pricing-btn-minimal:after, .process-text-link:after, .vc_custom_heading.grid-read-more:after, .kd-photobox .phb-content .phb-simple-link:after, .sliding-box-link:after, .cb-simple-link:after { content: "\e93a"; display: inline-flex; font-family: "viva-font"!important; line-height: 22px; font-size: 18px; transform: translate3D(0,3px,0); margin: 0; -webkit-transition: transform var(--fast-animation); transition: transform var(--fast-animation); } .key-icon-box .ib-link a:after, .kd-simple-link:after, .pricing-btn-minimal:after, .process-text-link:after, .kd-photobox .phb-content .phb-simple-link:after, .sliding-box-link:after { transform: translate3D(5px,3px,0); } .key-icon-box .ib-link:hover a:after, .post-button-wrapper:hover:after, .kd-simple-link:hover:after, .pricing-btn-minimal:hover:after, .process-text-link:hover:after, .kd-photobox .phb-content .phb-simple-link:hover:after, .sliding-box-link:hover:after { transform: translate3D(10px,3px,0); } .post-button-wrapper a, .vc_custom_heading.grid-read-more a, .cb-container .cb-wrapper .cb-simple-link .cb-link-text { opacity: 0; overflow: hidden; display: inline-flex; white-space: pre; -webkit-transition: var(--fast-animation); transition: var(--fast-animation); font-weight: 500; color: inherit; max-width: 0;} .post:hover .post-button-wrapper a, .content-area .blog-detailed-grid:hover .vc_custom_heading.grid-read-more a, .cb-container .cb-wrapper:hover .cb-simple-link .cb-link-text { opacity: 1; max-width: 100%;} .blog-minimal-grid .type-portfolio:hover .post-button-wrapper a, .related-content .portfolio:hover .post-button-wrapper a { width: 95px; opacity: 1; } .blog-minimal-grid .type-portfolio:hover .post-button-wrapper:after, .related-content .portfolio:hover .post-button-wrapper:after, .post:hover .post-button-wrapper:after, .content-area .blog-detailed-grid:hover .vc_custom_heading.grid-read-more:after, .cb-container .cb-wrapper:hover .cb-simple-link:after { transform: translate3D(6px,3px,0); } .cb-container .cb-img-area img { margin-bottom: 5px; max-height: 60px; width: auto; } .cb-container .cb-heading.with-subtitle { margin-bottom: 10px; } /* ------------------------------------------------------------------------ 24. PROGRESS BAR ------------------------------------------------------------------------*/ .kd_progress_bar { margin-bottom: 35px; } .kd_progress_bar .kd_progb_desc { font-size: 13px; line-height: 25px; margin-top: 18px; clear: both; } .kd_progress_bar .kd-progb-static { margin-bottom: 15px; } .kd_progress_bar .kd_progb_head .kd-progb-title h4 { text-transform: none; line-height: 20px; margin: 0px; text-overflow: ellipsis; white-space: nowrap; font-size: var(--large-body-text-size); font-weight: 500; } .parallax.with-overlay .kd_progress_bar .kd_progb_head .kd-progb-title h4 {color: #fff;} .parallax.with-overlay .kd_progress_bar .kd_progb_head .kd_progressbarmarker {color: #fff;} .parallax.with-overlay .kd_progressbarfull {background-color: rgba(255,255,255,0.5);} .kd_progress_bar .kd_progb_head .kd-progress-icon i { margin-right: 10px; } .kd_progress_bar .kd_progb_head .kd-progress-customimg img { width: 14px; height: auto; margin-right: 10px; } .kd_progress_bar .kd_progb_head .pb_counter_number { letter-spacing: -3px; display: inline-block; font-size: 70px; font-weight: 300; line-height: 70px; margin-bottom: 10px; } .kd_progress_bar .kd_progb_head .pb_counter_units { display: inline-block; font-size: 32px; } .kd_progressbarfull { width: 100%; height: 8px; position: relative; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(210, 210, 210, 0.3); border-radius: 0; /* overflow: hidden; */ } .kd_progressbarfill { width: 1%; height: 8px; font-size: 0px; text-align: right; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0; overflow: visible!important; } .kd_progressbarfull.thin-solid, .thin-solid .kd_progressbarfill { height: 3px; } .kd_progressbarfull.medium-solid, .medium-solid .kd_progressbarfill { height: 6px; } .kd_progressbarfull.thick-solid, .thick-solid .kd_progressbarfill { height: 10px; } .container .kd_progressbarmarker { position: absolute; top: 0; right: 0; float: right; font-size: var(--large-body-text-size); line-height: 20px; font-weight: 500; } .kd_progb_head { width: 0; overflow: visible!important; position: relative; } /* ------------------------------------------------------------------------ 24. COUNTER ------------------------------------------------------------------------*/ .kd_counter_number {margin: 0;margin-bottom: 0!important;display: flex;line-height: 1!important;justify-content: center;} .kd_counter { text-align: center; } .kd_counter.left-align { text-align: left; } .kd_counter.center-align { text-align: center; } .kd_counter.left-align .kd_counter_number { justify-content: flex-start; } .kd_number_string { font-size: 70px; text-align: center; margin-bottom: 0; font-weight: 700; font-family: inherit; line-height: 1; display: block; } .kd_counter_text { text-transform: none; margin-bottom: 0; font-size: 24px; display: block; letter-spacing: -0.03em; } .kd_counter_units { font-size: 70px; font-weight: 700; margin-left: 2px; } .wpb_column:last-child .kd_counter_number:after { display: none; } .kd_counter_text { margin-top: 25px; } .kd_counter_icon { font-size: 40px; margin: auto; position: relative; margin-bottom: 20px; } .kd_counter .kd_counter_icon img {border-radius: 0; width: auto;} .large-counter .kd_number_string { display: inline-block; float: none; width: auto; margin: 0; color: inherit; font-size: 62px; font-weight: 300; text-align: center; font-style: normal; line-height: 1; letter-spacing: -0.03em; } .large-counter .kd_counter_number:after { display: none; } .icon-left.kd_counter .kd_counter_content { text-align: left; display: inline-block; } .icon-left.kd_counter .kd_counter_icon { display: inline-block; margin-right: 30px; font-size: 52px; } .large-counter .kd_counter_icon { width: 60px; height: 60px; margin: auto; position: relative; margin-bottom: 10px; font-size: 60px; } .large-counter .kd_counter_units { font-size: 62px; margin-top: 0; font-weight: 300; line-height: 1; } .large-counter .kd_counter_number { margin-top: 0; margin-bottom: 15px; } .large-counter .kd_counter_text { float: none; width: 100%; text-align: center; } .count_left .kd_number_string, .count_left .kd_counter_text { text-align:left; } .parallax.with-overlay .large-counter .kd_counter_text, .parallax.with-overlay .large-counter .kd_counter_units, .parallax.with-overlay .large-counter .kd_number_string, .vc_parallax .large-counter .kd_counter_text, .vc_parallax .large-counter .kd_counter_units, .vc_parallax .large-counter .kd_number_string { color: #fff; } /* ------------------------------------------------------------------------ 25. PHOTO BOX ------------------------------------------------------------------------*/ .kd-photobox { display: block; position: relative; margin-left: 0; margin-right: 0; margin: 0 15px; -moz-transition: 0.2s !important; -ms-transition: 0.2s !important; transition: 0.2s !important; border-radius: 5px; } .phb-simple-link { font-weight: 600; } .kd-photobox .full-pbox-link { color: inherit; } .kd-photobox .photobox-img { position: relative; z-index: 10; background: var(--heading-color); overflow: hidden; } .kd-photobox .photobox-img:hover img { opacity: 0.6; } .kd-photobox .photobox-img img { width: 100%; height: auto; margin-bottom: 0; transition: var(--fast-animation); } .kd-photobox .phb-content { position: relative; overflow: hidden; padding: 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; border: none; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .kd-photobox .phb-content.no-image { border-top: none; } .kd-photobox .phb-content h5 { margin-bottom: 12px; font-size: var(--medium-body-text-size); margin-top: 25px; } .kd-photobox .phb-content h4 { margin: 0; text-transform: none; margin-bottom: 24px; margin-top: 32px; -webkit-transition: var(--fast-animation); transition: var(--fast-animation); } #single-page .kd-photobox .phb-content p, .kd-photobox .phb-content p { margin: 0; max-width: 95%; font-size: var(--large-body-text-size); } .kd-photobox.no-effect:hover .phb-content { background: #fff; } #single-page .kd-photobox.no-effect:hover .phb-content p, .kd-photobox.no-effect:hover .phb-content p, .kd-photobox.no-effect:hover .phb-content h4 { color: inherit; } .kd-photobox .phb-content .phb-btncontainer { margin-top: 22px; line-height: 1; } .photobox-carousel .owl-item { padding: 0; } .photobox-carousel .owl-dots { text-align: center; margin-top: 60px; } .vc_grid-container .owl-carousel .owl-item, .team-carousel .owl-carousel .owl-item, .photobox-carousel .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .disable-pointer, .vc_grid-container .owl-carousel .owl-item:not(.active) { pointer-events: none; } .vc_grid-container .owl-carousel .owl-item.active, .team-carousel .owl-carousel .owl-item.active, .photobox-carousel .owl-carousel .owl-item.active { /* -webkit-opacity: 1; */ -moz-opacity: 1; opacity: 1; } .photobox-carousel { margin: 0 -15px; } .photobox-carousel.pbc-fullwidth-layout { margin-right: -40%; } .photobox-carousel.pbc-fullwidth-layout .kd-photobox { box-shadow: none; } .photobox-carousel.pbc-fullwidth-layout .kd-photobox .phb-btncontainer { margin-top: 0; } .photobox-carousel.pbc-fullwidth-layout .photobox-img img { max-width: 100%; margin: 0; } .photobox-carousel.pbc-fullwidth-layout:after { content: ""; position: absolute; display: block; right: 0px; width: 60%; height: 100%; background: linear-gradient(to left, #fff 0%, transparent 100%); top: -5%; margin-right: -35%; z-index: 10; pointer-events: none; } .photobox-carousel .owl-carousel .owl-wrapper-outer { overflow: visible; } .photobox-carousel.pause_hover_off .owl-carousel .owl-wrapper-outer { overflow: hidden; } .kd-photobox .phb-button { -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .kd-photobox:not(.no-effect):hover .phb-button {color: #fff;} .kd-photobox:not(.no-effect):hover .phb-button:hover {opacity: 0.6; color: #fff;} /* ------------------------------------------------------------------------ 26. DIVIDER ------------------------------------------------------------------------*/ .kd-divider { display: block; position: relative; width: 100%; padding: 20px 0; } .kd-divider:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kd-divider .divider-line { display: block; position: relative; margin: 0 auto; } .divider_full_width .divider-line { width: 100%; } .divider_one_half .divider-line { width: 50%; } .divider_one_fourth .divider-line { width: 25%; } .kd-divider.dotted_line .divider-line { border-top: 1px dotted rgba(0,0,0,0.2); height: 1px; } .kd-divider.dashed_line .divider-line { border-top: 1px dashed rgba(0,0,0,0.2); height: 5px; } .kd-divider.solid_line .divider-line { border-top: 1px solid rgba(34, 35, 40, 0.13); height: 1px; } .solid_line.medium_solid .divider-line { border-top-width: 4px; } .solid_line.thick_solid .divider-line { border-top-width: 8px; } .kd-divider.double_line .divider-line { border-top: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); height: 4px; } .kd-divider.double_dotted .divider-line { border-top: 1px dotted rgba(0,0,0,0.2); border-bottom: 1px dotted rgba(0,0,0,0.2); height: 4px; } .kd-divider.double_dashed .divider-line { border-top: 1px dashed rgba(0,0,0,0.2); border-bottom: 1px dashed rgba(0,0,0,0.2); height: 4px; } .kd-divider.shadow_line .divider-line { overflow: hidden; height: 20px; } .kd-divider.shadow_line .divider-line:after { content: ''; display: block; margin: -25px auto 0; width: 100%; height: 25px; border-radius: 125px / 12px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } /* ------------------------------------------------------------------------ 27. CALL TO ACTION BOX ------------------------------------------------------------------------*/ .kd-calltoaction { position: relative; width: 100%; padding: 60px 0; margin-left: 0; } .fullwidth .kd-calltoaction { margin: 0 -15px; width: calc(100% + 30px); } .kd-calltoaction.no_icon .cta-text { width: 80%; float: left; } .cta-text-container { flex: 1; } .kd-calltoaction.no_icon .cta-btncontainer { width: 25%; vertical-align: middle; display: table-cell; } .kd-calltoaction.icon_browser .cta-icon, .kd-calltoaction.custom_image .cta-icon { width: 85px; float: left; text-align: left; font-size: 54px; line-height: 54px; margin-top: 17px; } .kd-calltoaction.custom_image .cta-icon img { max-height: 50px; width: auto; vertical-align: top; } .kd-calltoaction .cta-text, .kd-calltoaction.icon_browser .cta-text, .kd-calltoaction.custom_image .cta-text { float: left; } .kd-calltoaction.icon_browser .cta-btncontainer, .kd-calltoaction.custom_image .cta-btncontainer { width: 25%; vertical-align: middle; display: table-cell; } .kd-calltoaction .container { display: table; padding: 0; width: 100%; max-width: 1210px; display: flex; align-items: center; } .kd-calltoaction .cta-text h2, #single-page .kd-calltoaction .cta-text h2 { text-align: left; margin: 0; margin-bottom: 0; margin-top: 0; } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin: 0; margin-top: 20px; } .kd-calltoaction .cta-btncontainer .tt_button { margin-right: 0; } /* ------------------------------------------------------------------------ 28. ALERT BOX ------------------------------------------------------------------------*/ .kd-alertbox { margin-bottom: 30px; padding: 30px 55px 30px 98px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: none; background: var(--gray-color-overlay); border: 1px solid var(--border-color); } .kd-alertbox .ab-icon { font-size: 21px; position: absolute; left: 0; font-weight: 400; text-align: center; top: 0; } .kd-alertbox .ab-icon i { font-size: 21px; margin-top: 0; margin-left: 0px; color: inherit; font-style: normal; line-height: 85px; height: 85px; width: 100px; } .kd-alertbox .ab-message { font-weight: 500; display: inline-block; letter-spacing: 0.01em; font-size: 16px; } .kd-alertbox .ab-close { position: absolute; right: 35px; top: 50%; color: inherit; font-size: 18px; width: 18px; height: 18px; transform: translateY(-9px); } .kd-alertbox .ab-close i { font-size: 18px; font-style: normal; width: 18px; height: 18px; color: inherit; transition: 0.2s; } .kd-alertbox .ab-close:hover i { opacity: 0.4; } .kd-alertbox.ab_warning { color: #FEB06D; } .kd-alertbox.ab_warning .ab-icon i { } .kd-alertbox.ab_error { color: #ff2949; } .kd-alertbox.ab_info { color: #2B61FF; } .kd-alertbox.ab_success { color: #23C28C; } /* ------------------------------------------------------------------------ 29. PROCESS STEPS ------------------------------------------------------------------------*/ .kd-process-steps { display: block; position: relative; text-align: center; } .kd-process-steps ul { position: relative; margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; } .kd-process-steps ul li:last-child::after { display: none; } .kd-process-steps.process_three_elem li { width: calc(33.3333% - 30px); } .kd-process-steps.process_three_elem li .pss-text-area { padding-left: 0; padding-right: 0; } .kd-process-steps.process_three_elem.process-checkbox-template li:nth-child(2) {margin-top: 75px;} .kd-process-steps.process_three_elem.process-checkbox-template li:nth-child(3) {margin-top: 150px;} .kd-process-steps.process_four_elem.process-checkbox-template li:nth-child(2) {margin-top: 50px;} .kd-process-steps.process_four_elem.process-checkbox-template li:nth-child(3) {margin-top: 100px;} .kd-process-steps.process_four_elem.process-checkbox-template li:nth-child(4) {margin-top: 150px;} .kd-process-steps.process-number-template li { width: 33.33%; padding-left: 0; padding-right: 0; padding: 30px 50px; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; border: none; margin: 0; } .kd-process-steps.process-checkbox-template.process_four_elem li { width: calc(25% - 30px); } .kd-process-steps.process-checkbox-template.process_five_elem li { width: 20%; padding-left: 0; padding-right: 0; margin: 0; } .kd-process-steps.process-number-template.process_four_elem li { width: 25% } .kd-process-steps.process-number-template.process_five_elem li { width: 20%; padding: 40px 0 20px 0; } .kd-process-steps.process_four_elem li .pss-text-area { padding-left: 0; padding-right: 0; } .kd-process-steps.process-number-template li .pss-text-area h5 { font-size: var(--large-body-text-size); } .kd-process-steps ul li { display: block; position: relative; float: left; margin: 15px; margin-bottom: 0; margin-top: 0; padding: 30px 0px; padding-top: 45px; border: none; border-radius: 0px; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .kd-process-steps.process-number-template .process-text-link { -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 500; } .kd-process-steps .pss-step-number { display: block; position: relative; margin-bottom: 25px; line-height: 1; } .kd-process-steps .pss-step-number span { position: relative; font-weight: 400; text-align: center; font-size: 42px; line-height: 1; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .kd-process-steps.process-number-template .pss-step-number span { font-size: 57px; font-weight: 500; letter-spacing: -1px; line-height: 1; opacity: 0.75; } .kd-process-steps.process-number-template ul li:hover .pss-step-number span { opacity: 1; } .kd-process-steps .pss-img-area { position: relative; margin: 0 auto; } .kd-process-steps .pss-img-area .process-customimg { line-height: 160px; } .kd-process-steps .pss-img-area .process-customimg img { border-radius: 0; } .kd-process-steps.process_five_elem .pss-img-area .process-customimg { line-height: 140px; } .kd-process-steps .pss-img-area .process-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .kd-process-steps .pss-img-area .process-icon i { font-size: 48px; } .kd-process-steps.process_three_elem .pss-img-area, .kd-process-steps.process_four_elem .pss-img-area { width: 80px; height: 80px; margin-top: 50px; text-align: center; margin-bottom: -60px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a .nav-number { width: 22px; height: 22px; color: #fff; background: #ccc; border-radius: 90px; margin-right: 10px; font-size: 14px; font-weight: 500; line-height: 20px; } .kd-process-steps.process_five_elem .pss-img-area { width: 140px; height: 140px; text-align: center; } .kd-process-steps .pss-text-area h4 { margin: 0; text-transform: none; margin-bottom: 25px; } #single-page .kd-process-steps .pss-text-area p, .kd-process-steps .pss-text-area p {color: inherit;margin-bottom: 25px;font-size: var(--large-body-text-size);} .kd-process-steps.process_three_elem .pss-text-area p, .kd-process-steps.process_four_elem .pss-text-area p { padding: 0; } .kd-process-steps.process_three_elem .pss-text-area p {margin-top: 0;} .kd-process-steps.process_five_elem .pss-text-area p { padding: 0 20px; } .kd-process-steps .pss-text-area .pss-link { font-size: 12px; font-weight: bold; text-transform: uppercase; } .kd-process-steps.process-checkbox-template { text-align: left; padding-bottom: 0; border-top: 0px solid transparent; z-index: 10; } .kd-process-steps.process-checkbox-template ul li { box-shadow: none!important; background: none; border: none; padding-bottom: 0; } .kd-process-steps.process-checkbox-template ul li .pss-container:before { display:block; width: 64%; height: 23%; position: absolute; content: ''; top: 55px; left: 74%; background: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/long-arrow-1.png) no-repeat; background-size: contain; max-width: 222px; max-height: 87px; } .kd-process-steps.process-checkbox-template.process_four_elem ul li .pss-container:before { width: 50%; top: 62px; left: 80%; } .kd-process-steps.process-checkbox-template.process_four_elem ul li:nth-child(2) .pss-container:before { top: 20px; left: 86%; } .kd-process-steps.process-checkbox-template ul li:nth-child(2) .pss-container:before { transform: scaleY(-1) rotate(-35deg); top: 45px; } .kd-process-steps.process-number-template ul li .pss-container:before { display: block; position: absolute; top: 50%; margin-top: -15px; left: 100%; margin-left: -15px; width: 30px; height: 30px; border-radius: 30px; content: "\e93a"; color: #fff; line-height: 30px; text-align: center; font-family: 'viva-font'; font-weight: 400; font-size: 16px; letter-spacing: -1px; background: var(--heading-color); } .kd-process-steps.process-number-template ul li:last-child .pss-container:before, .kd-process-steps.process-checkbox-template ul li:last-child .pss-container:before { display:none; } .process-checkbox-template .tt_button {} .kd-process-steps.process-checkbox-template .pss-text-area h4 {margin-bottom: 25px;} .kd-process-steps.process-checkbox-template .pss-step-number span:before, .kd-process-steps.process-checkbox-template .pss-step-number:before, .kd-process-steps.process-checkbox-template .pss-item:before { content: ''; width: 100px; height: 100px; background: #fff; position: absolute; top: 10px; left: 50%; margin-left: -50px; -webkit-transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); transition: 0.3s cubic-bezier(0.5,0.58,0.55,1); border-radius: var(--cards-border-radius); } .kd-process-steps.process-checkbox-template .pss-step-number span:before, .kd-process-steps.process-checkbox-template .pss-step-number:before { width: 124px; height: 124px; opacity: 0; margin-left: -62px; top: -12px; z-index: -1; transform: scale(0.6); } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number:before { opacity: 0.1; transform: scale(1); } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number span:before { opacity:0.2; transform: scale(1); } .kd-process-steps.process-checkbox-template .pss-step-number span:before { width: 112px; height: 112px; top: -6px; margin-left: -56px; opacity: 0; } .kd-process-steps.process-checkbox-template .pss-item:hover .pss-step-number span:before { opacity:0.2 } .kd-process-steps.process-checkbox-template .pss-step-number span { position: relative; font-weight: 500; text-align: center; font-size: 16px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; color: #fff; line-height: 100px; font-size: 32px; } .kd-process-steps.process-checkbox-template .pss-step-number { display: block; position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 400; margin-left: -50px; width: 100px; height: 100px; text-align: center; } .kd-process-steps.process-checkbox-template .pss-text-area { padding-top: 95px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: transparent; text-align: center; padding-bottom: 0; } /* ------------------------------------------------------------------------ 30. PROMO BOX ------------------------------------------------------------------------*/ .kd-promobox { position: relative; float: left; width: 100%; } .kd-promobox .prb-content h3 { margin-top: 5px !important; margin-bottom: 20px; font-size: 22px; text-align: left; transition: 0.25s; } .kd-promobox .prb-content p { margin-bottom: 35px; text-align: left; } .kd-promobox.prb_image_left .prb-img { width: 36%; float: left; text-align: left; line-height: 0; max-width: 370px; border-radius: 10px; max-height: 220px; overflow: hidden; } .kd-promobox.prb_image_left .prb-content { width: 56%; margin: 0 2% 0 6%; float: left; } .kd-promobox.prb_image_right .prb-img { width: 36%; float: right; text-align: left; line-height: 0; max-height: 220px; max-width: 370px; border-radius: 10px; overflow: hidden; } .kd-promobox .prb-img img { width: 100%; height: auto; } .kd-promobox.prb_image_right .prb-content { width: 56%; margin: 0 6% 0 0%; float: left; text-align: left; } .kd-promobox .prb-btncontainer .prb-button { margin: 0; opacity: 0; visibility: hidden; margin-top: -45px; transition: 0.25s; } .kd-promobox:hover .prb-btncontainer .prb-button { opacity: 1; visibility: visible; margin-top: 0; position: absolute; } .prb-btncontainer { float: left; height: 0; } .kd-promobox:hover .prb-content h3 { margin-top: 0; } .kd-promobox.prb_image_right .prb-btncontainer { float: left; } /* ------------------------------------------------------------------------ 31. EBOOK READER ------------------------------------------------------------------------*/ .bp-container { position: relative; } .bp-device { max-width: 600px; } .bp-container img { border-top-left-radius: 30px; border-top-right-radius: 30px; } .bp-device img { max-width: 100%; height: auto;} .bp-content { position: absolute; top: 80px; line-height: 25px; max-width: 460px; text-align: justify; left: 75px; overflow: hidden; overflow-y: scroll; max-height: 600px; padding-right: 15px; } .bp-content h4 { font-size: 16px; margin-bottom: 20px; margin-top: 30px; } .bp-content::-webkit-scrollbar { width: 7px; cursor: pointer } .bp-content::-webkit-scrollbar-track { background-color: transparent; cursor: pointer } .bp-content::-webkit-scrollbar-thumb { background-color: #ededed; width: 7px; border-radius: 3px; bottom: 10px; cursor: pointer; z-index: 99; } .bp-content::-webkit-scrollbar-button { display: none } .bp-content::-webkit-scrollbar-corner { background-color: #000 } .bp-content::-moz-scrollbar { width: 7px } /* ------------------------------------------------------------------------ 32. TESTIMONIAL CARDS ------------------------------------------------------------------------*/ .key-tcards { text-align: center; padding: 0 45px; } .testimonial-cards.container.tcards-title-off .key-tcards { padding: 0 30px; } .key-tcards.single-tcard-elem { padding: 35px 30px; border: none; background-color: #ffffff; margin: 15px; transition: 0.2s ease; display: flex; justify-content: center; flex-direction: column; align-items: center; } .key-tcards.single-tcard-elem .tcards-image { width: 60px; flex-shrink: 0; margin-bottom: 15px; } .key-tcards.single-tcard-elem .tcards-image img { border-radius: 100%; } .key-tcards.single-tcard-elem:hover {} .tcards_header .tcards-name { margin-bottom: 0; font-weight: 500; font-size: var(--medium-body-text-size); display: flex; flex-direction: column; } .testimonial-cards .center .tcards_message { opacity: 1; } .testimonial-cards .center .tcards_message h6 { opacity: 1; } .tcards-link { margin-top: 20px; } .tcards-link a { font-weight: 600; } .tcards-content .owl-wrapper-outer { margin-bottom: 15px; overflow: visible; } .tcards_header .tcards-job { color: var(--text-color); font-weight: 400; margin-left: 0; } .tcards_header .tcards-image img { width: 45px; height: 45px; max-width: 45px; border-radius: 50%; background: #fff; margin: auto; float: left; margin-right: 20px; margin-top: -3px; margin-bottom: 0; } .tcards_header { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1; } .tcards_header { margin-left: 0; display: flex; justify-content: center; margin-bottom: 25px; } .author-bottom + .tcards_header { margin-top: 0; margin-bottom:0; } .testimonial-cards .center .tcards_header { opacity: 1; } .tcards_message h6 { } .tcards_message h6 { margin-bottom: 0; } .testimonial-cards.container { padding: 0; margin: 0 -15px; } .testimonial-cards.container .owl-dots { margin-top: 25px; } .testimonial-cards.container.tcards-title-on .owl-dots { position: absolute; bottom: 60px; margin-left: -450px; margin-top: 0; } .testimonial-cards.container .tcards-content { } .testimonial-cards.container.tcards-title-off .tcards-content { margin-left: 0; min-width: 100%; } .testimonial-cards.container.tcards-title-on .tcards-content .owl-nav { position: absolute; left: 0; width: 90px; bottom: 60px; margin-left: -450px; z-index: 10; } .tcards_message:before { content: ''; bottom: -20px; top: auto; border-color: #fff transparent transparent #fff; display: block; position: absolute; left: 0px; margin-left: 0px; width: 0; height: 0; border-style: solid; border-width: 15px; display: none; } .tcards-title { font-size: 16px; margin-top: 0; text-transform: uppercase; font-weight: 700; line-height: 22px; margin-bottom: 15px; } .tcards_message p { color: var(--text-color); margin-bottom: 0!important; font-size: var(--medium-body-text-size); } .testimonial-cards .owl-carousel .owl-item { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .testimonial-cards .owl-carousel .owl-item.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .tcards-title-nav { max-width: 350px; float: left; width: 100%; margin-top: 75px; position: relative; z-index: 99; text-align: left; } .container .tcards_message h6 { font-weight: 500; font-size: var(--large-body-text-size); display: block; color: var(--text-color); margin-top: 15px; } .container .tcards_message h6 img { width: 18px!important; height: 18px!important; margin-left: 10px!important; } .tcards_message { border-radius: 0; margin-bottom: 0; } /* ------------------------------------------------------------------------ 33. SLIDING BOX ------------------------------------------------------------------------*/ .sliding_box_child { position: relative; float: left; width: 295px; margin-right: 15px; padding: 0; border: none; border-radius: 7px; overflow: hidden; z-index: 1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; border: 1px solid var(--border-color); background: #fff; } .vc_tek_sliding_box_single:last-child, .vc_tek_sliding_box_single:last-child .sliding_box_child, .sliding_box_child:last-child { margin-right: 0; margin-bottom: 0; } .sliding_box_child .sb-image { width: 295px; display: flex; align-items: center; justify-content: center; height: 295px; } .sliding_box_child.active-elem { width: 590px; } .sliding_box_child .sb_content_wrapper { padding: 50px; position: absolute; top: 0; left: 295px; width: 295px; height: 100%; max-width: 300px; background: #fff; display: flex; flex-direction: column; justify-content: center; } .sliding-box-link { font-weight: 500; transition: 0.2s ease; } .sliding_box_child .tt_button { float: left; width: 100%; position: absolute; bottom: 40px; max-width: calc(100% - 80px); } .sliding_box_child .sb_content_wrapper h4 { margin-top: 0; } .sliding_box_child .sb_content_wrapper p { margin-bottom: 20px; } .sliding_box_child img { width: auto; max-width: inherit !important; height: 295px !important; display: block; } /* ------------------------------------------------------------------------ 34. CONTACT FORM ------------------------------------------------------------------------*/ #single-page .kd-contact-form.light_background .wpcf7-form textarea, .kd-contact-form.light_background .wpcf7 select, .kd-contact-form.light_background .wpcf7 .wpcf7-text, .kd-contact-form.light_background .wpcf7 .wpcf7-email, .kd-contact-form.light_background .wpcf7 textarea { border: 1px solid #e5e7f2; text-transform: inherit; background: #f7f9fb; } .wpcf7-checkbox { display: block; margin-bottom: 20px; } .wpcf7-radio { margin: 20px 0; display: block; } .kd-contact-form.light_background .wpcf7 .wpcf7-submit { margin: 0; max-width: 100%; float: right; width: 100%; } .vc_wp_search { position: relative; } .vc_wp_search label { width: 100%; } .vc_wp_search .search-submit { right: 20px; } /* ------------------------------------------------------------------------ 35. PRICE BLOCK ------------------------------------------------------------------------*/ .kd-price-block { float: left; width: 100%; padding-right: 0; } .kd-price-block .pb-image-wrap { float: left; margin-right: 20px; display: flex; align-items: center; justify-content: center; height: 100%; } .kd-price-block .pb-image-wrap img { max-width: 80px; height: auto; } .kd-price-block .pb-content-wrap { margin-top: 12px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .kd-price-block .pb-desc-wrap, #single-page .kd-price-block .pb-desc-wrap { margin-top: 5px; margin-bottom: 20px; font-size: var(--large-body-text-size); } .kd-price-block .pb-desc-wrap br {display:none} .kd-price-block .pb-content-wrap h4 { margin-top: 0; margin-bottom: 0; padding-right: 0; white-space: pre; padding-right: 15px; } .kd-price-block .pb-content-wrap h4 a { transition: var(--fast-animation); } .kd-price-block .pb-content-wrap .pb-pricing-wrap h4 { padding-right: 0 } .kd-price-block .pb-content-wrap .pb-currency { margin-left: 3px; margin-right: 3px; } .kd-price-block .pb-content-wrap .pb-dots{ position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1; opacity: 0.5; } .kd-price-block .pb-content-wrap .pb-dots:before { content: '. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; display: block; font-size: 20px; color: inherit; } .kd-price-block .pb-content-wrap .pb-pricing-wrap { margin-right: 5px; font-weight: 500; padding-left: 10px; line-height: 1; padding-right: 0; } .wpb-js-composer .wpb_content_element p:empty { display: none; } /* ------------------------------------------------------------------------ 35. SECTION TITLE ------------------------------------------------------------------------*/ header.kd-section-title { padding-left: 0; padding-right: 0; float: none; } header.kd-section-title .st-overline { font-weight: 500; display: inline-flex; align-items: center; } header.kd-section-title .st-overline.gradient-color { -webkit-background-clip: text!important; -webkit-text-fill-color: transparent; } .side-content-title-label:before, header.kd-section-title .st-overline.overline-line:before { content: ''; width: 20px; height: 2px; display: inline-flex; background: var(--text-color); margin-right: 10px; } .side-content-title-label:before, header.kd-section-title .st-overline.primary-color.overline-line:before { background: var(--main-color); } header.kd-section-title .st-overline.primary-color { color: var(--main-color)!important; } header.kd-section-title .st-overline.secondary-color { color: var(--secondary-color)!important; } .entry-header .section-heading .highlight-gradient, .key-icon-box.icon-box-gradient i, header.kd-section-title .highlight-gradient, header.kd-section-title.section-title-gradient .kd-main-title { -webkit-background-clip: text!important; background-clip: text!important; -webkit-text-fill-color: transparent!important; text-fill-color: transparent!important; } .kd-section-title.subtitle-above-title .subtitle { margin-bottom: 15px; } header.kd-section-title .separator_off { margin-bottom: 25px; } .kd-section-title .subtitle-text-underline { text-decoration: underline; } .kd-section-title.col-lg-8 { float: none; margin: auto; } .kd-section-title.col-lg-8.text-left { margin-left: 0; padding-left: 0; } .kd-separator { display: block; position: relative; width: 40px; } .kd-separator.below_title { margin-bottom: 17px; margin-top: -5px; } .kd-section-title.text-center .kd-separator { margin: 0 auto; margin-bottom: 15px; margin-top: 0px; } .kd-separator:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .kd-separator .kd-separator-line { display: block; position: relative; margin: 0 auto; } .kd-section-title.text-center { margin-left: auto; margin-right: auto; float: none; } .kd-section-title.text-right { margin-left: auto; margin-right: 0; } .kd-section-title.text-right .kd-separator { display:inline-block } .kd-section-title.text-center .kd-separator.above_title, .kd-section-title.text-right .kd-separator.above_title, .kd-section-title.text-left .kd-separator.above_title { margin-bottom: 15px; } .kd-section-title.text-center .kd-separator.below_subtitle, .kd-section-title.text-right .kd-separator.below_subtitle, .kd-section-title.text-left .kd-separator.below_subtitle { margin-top: 30px; } .kd-section-title.solid-line.sep-border-width-1 .kd-separator-line { border-top: 1px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-2 .kd-separator-line { border-top: 2px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-3 .kd-separator-line { border-top: 3px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-4 .kd-separator-line { border-top: 4px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-5 .kd-separator-line { border-top: 5px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-6 .kd-separator-line { border-top: 6px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-7 .kd-separator-line { border-top: 7px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-8 .kd-separator-line { border-top: 8px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-9 .kd-separator-line { border-top: 9px solid; border-color:inherit;} .kd-section-title.solid-line.sep-border-width-10 .kd-separator-line { border-top: 10px solid; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-1 .kd-separator-line { border-top: 1px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-2 .kd-separator-line { border-top: 2px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-3 .kd-separator-line { border-top: 3px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-4 .kd-separator-line { border-top: 4px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-5 .kd-separator-line { border-top: 5px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-6 .kd-separator-line { border-top: 6px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-7 .kd-separator-line { border-top: 7px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-8 .kd-separator-line { border-top: 8px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-9 .kd-separator-line { border-top: 9px dotted; border-color:inherit;} .kd-section-title.dotted-line.sep-border-width-10 .kd-separator-line { border-top: 10px dotted; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-1 .kd-separator-line { border-top: 1px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-2 .kd-separator-line { border-top: 2px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-3 .kd-separator-line { border-top: 3px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-4 .kd-separator-line { border-top: 4px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-5 .kd-separator-line { border-top: 5px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-6 .kd-separator-line { border-top: 6px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-7 .kd-separator-line { border-top: 7px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-8 .kd-separator-line { border-top: 8px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-9 .kd-separator-line { border-top: 9px dashed; border-color:inherit;} .kd-section-title.dashed-line.sep-border-width-10 .kd-separator-line { border-top: 10px dashed; border-color:inherit;} .divider_full_width .kd-separator-line { width: 100%; } .divider_one_half .divider-line { width: 50%; } .divider_one_fourth .divider-line { width: 25%; } .kd-section-title.dotted-line .kd-separator-line { border-top: 1px dotted rgba(0,0,0,0.2); height: 1px; } .kd-section-title.dashed-line .kd-separator-line { border-top: 1px dashed rgba(0,0,0,0.2); height: 5px; } .kd-section-title.solid-line .kd-separator-line { height: 2px; } .kd-title-label { display: inline-flex; } .kd-title-label a span { position: relative; transition: 0.25s; } .kd-title-label a:hover span { color: #fff; } .kd-title-label .kd-title-label-solid { color: #fff; padding: 5px 20px; line-height: 1.3; display: inline-flex; border-radius: 30px!important; overflow: hidden; z-index: 1; position: relative; } .kd-title-label .kd-title-label-transparent { padding: 5px 20px 5px 30px; margin-left: -14px; position: relative; overflow: hidden; display: inline-flex; line-height: 1.3; border-radius: 30px!important; font-weight: 500; } @media (min-width: 960px) { .kd-title-label .kd-title-label-transparent { border-bottom-left-radius: 0!important; border-top-left-radius: 0!important; } } .kd-title-label.no-primary-title .kd-title-label-transparent { margin-left:0; padding-left: 15px; padding-right:15px; border-radius: 30px!important; } .kd-title-label .kd-title-label-solid::before, .kd-title-label .kd-title-label-transparent::before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .15; z-index: -1; } .kd-title-label .kd-title-label-solid:before { opacity: 1; } .kd-title-label.text-center { display: flex; justify-content: center; } .kd-title-label.text-center .kd-title-label-transparent { margin: auto; } .kd-title-label.text-right { display: flex; justify-content: flex-end; } .kd-section-title .highlight-color { } .section-heading .highlight-brush, .kd-section-title .highlight-brush { /* padding: 3px 10px; */ position: relative; z-index: 1; } .section-heading .highlight-brush svg, .kd-section-title .highlight-brush svg { position: absolute; width: 110%; height: auto; top: 50%; z-index: -1; transform: translateY(-25%); left: -5%; fill: var(--main-color); max-height: 100%; } .section-heading .highlight-brush svg { top: 35%; } .kd-animated.kd-section-title:not(.kd-animate) .highlight-brush svg { fill: var(--main-color)!important; opacity: 0.25; } .kd-animated.kd-section-title .highlight-brush svg { transition: var(--fast-animation); transition-delay: 0.5s; opacity: 1; } .section-heading .highlight-underline, .kd-section-title .highlight-underline { position: relative; z-index: 1; } .section-heading .highlight-underline span, .kd-section-title .highlight-underline span { display: inline-block; width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: -1; height: 12px; width: calc(100% + 6px); border-radius: var(--border-color)--global-border-radius; background: linear-gradient(90deg, var(--gradient-start-color) 0%, transparent 100%); } .section-heading .highlight-underline span { bottom: 5px; left: 3px; } .kd-animated.kd-section-title .highlight-underline span { width: 0; transition: var(--fast-animation); transition-delay: 1s; } .kd-animated.kd-section-title.kd-animate .highlight-underline span { width: 100%; } .kd-section-title h1 .highlight-underline span { margin-left: 3px; } .kd-title-label.gradient-color .kd-title-label-solid:before { background: linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-start-color) 100%); } .kd-title-label.gradient-color .kd-title-label-transparent { background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* ------------------------------------------------------------------------ 36. TEXT ROTATOR ------------------------------------------------------------------------*/ .kd-text-rotator-container {position: relative;} .kd-rotator-wrapper { display: inline-block; position: relative; text-align: left; } .kd-rotator-wrapper .rotator-single { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .kd-rotator-wrapper .rotator-single.is-visible { position: relative; } /* -------------------------------- Push -------------------------------- */ .kd-text-rotator-container.push .rotator-single { opacity: 0; } .kd-text-rotator-container.push .rotator-single.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .kd-text-rotator-container.push .rotator-single.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%); } } /* -------------------------------- xslide -------------------------------- */ .kd-text-rotator-container.slide .kd-rotator-wrapper { overflow: hidden; vertical-align: top; padding-bottom: 10px; } .kd-text-rotator-container.slide .rotator-single { opacity: 0; top: .2em; } .kd-text-rotator-container.slide .rotator-single.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .kd-text-rotator-container.slide .rotator-single.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%); } } /* -------------------------------- xzoom -------------------------------- */ .kd-text-rotator-container.zoom .kd-rotator-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .kd-text-rotator-container.zoom .rotator-single { opacity: 0; } .kd-text-rotator-container.zoom .rotator-single.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .kd-text-rotator-container.zoom .rotator-single.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); } } /* ------------------------------------------------------------------------ 37. STICKY NAVIGATION ------------------------------------------------------------------------*/ .feature-sections-wrapper section { padding: 100px 0 0 0; margin-top: 0; } .feature-sections-wrapper.navigation-icons .nav-tabs a .nav-number, .feature-sections-wrapper.navigation-numbers .nav-tabs a i { display:none; } .feature-sections-wrapper .feature-sections-tabs { background: #fff; text-align: center; position: sticky; position: -webkit-sticky; top: 78px; z-index: 100; padding: 0; margin-bottom: 0; margin-left: calc(-100vw / 2 + 615px); margin-right: calc(-100vw / 2 + 615px); transition: 0.5s; margin-top: 0; border-bottom: 1px solid var(--border-color); } .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar { top: 117px; } .feature-sections-wrapper .feature-sections-tabs.with-fixed-menu { top: 0; } .admin-bar .feature-sections-wrapper .feature-sections-tabs.with-fixed-menu { top: 32px; } .feature-sections-wrapper.left-navigation .feature-sections-tabs { width: 100px; margin: 0; margin-left: -200px; left: 0; top: 50%!important; } .feature-sections-wrapper .feature-sections-tabs.sticky-hide { -webkit-transform: translateY(-70px); pointer-events:none; visibility: hidden; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a { border: none!important; } .admin-bar .feature-sections-wrapper .feature-sections-tabs { top: 110px; } .admin-bar .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar { top: 149px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs { border:none; text-align:center; align-items: stretch; justify-content: center; padding-left: 0; padding-right: 0; max-width: 1210px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li { margin: 0; width: 100%; padding: 0; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a { border: none!important; font-weight: 500; border-top: none!important; border-left: none!important; border-right: none!important; background: none!important; margin: 0; border-radius: 0; padding: 0; line-height: inherit; transition: 0.2s ease; border-bottom: 2px solid transparent; align-items: center; justify-content: center; display: flex; height: 80px; font-size: var(--medium-body-text-size); width: auto; padding: 0 40px; color: var(--text-color); } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a i { font-size: 28px; font-weight: 400; margin-right: 18px; transition: 0.2s ease; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-custom-icon { margin-right: 15px; } .feature-sections-wrapper .container { max-width: 100%; display: flex; align-items: center; } .feature-sections-wrapper .owl-nav { margin-bottom:-30px; } .feature-sections-wrapper .featured-left .container { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-sections-wrapper .side-featured-wrapper { width: 56%; float: right; margin-left: auto; text-align: center; } .side-featured-wrapper .video-cover .play-video .fa.fa-play { font-size: 23px; position: absolute; top: 50%; left: 50%; -webkit-transition: .25s; -o-transition: .25s; transition: .2s ease-out!important; transform: translate3d(-50%,-50%,0); margin-left: 2px; } .side-featured-wrapper .video-cover .play-video:hover .viva-play { color: #fff; } .feature-sections-wrapper .featured-left .side-featured-wrapper .video-cover img { margin: 0; } .feature-sections-wrapper .featured-left .entry-video { float: left; margin-left: -5%;} .feature-sections-wrapper .featured-right .entry-video { float: right; margin-right: -5%;} .feature-sections-wrapper .side-featured-wrapper.fss-border-image .featured-image img, .feature-sections-wrapper .side-featured-wrapper.fss-border-gallery .owl-wrapper-outer, .feature-sections-wrapper .side-featured-wrapper.fss-border-video .background-video-image img { border: 1px solid var(--border-color); } .feature-sections-wrapper .entry-video { margin-bottom: 0; } .feature-sections-wrapper .entry-video iframe { max-width: 100%; } .feature-sections-wrapper .side-content-wrapper { width: 40%; } .side-content-link .tt_button { margin-right: 10px; } .feature-sections-wrapper .owl-dots { text-align:center; margin-top:20px; margin-bottom:-30px; } .feature-sections-wrapper .featured-left .side-featured-wrapper { margin-left: 0; margin-right: auto; } .feature-sections-wrapper .featured-left .side-content-wrapper { margin-right: 0; } .feature-sections-wrapper .side-content-wrapper .simple-link { font-weight: 500; margin-top: 34px; display:block; transition: 0.25s; width:-moz-max-content; width: fit-content; } .feature-sections-wrapper .side-content-wrapper .simple-link:after { content: "\e93a"; display: inline-block; font-size: 18px; font-family: 'viva-font'; box-sizing: border-box; font-weight: 500; transition: transform 0.25s ease; margin-left: 5px; line-height: 1; margin-top: 5px; float: right; } .feature-sections-wrapper .side-content-wrapper .simple-link:hover:after { transform: translateX(5px);' } .feature-sections-wrapper .tt_button { margin-top: 35px; float: left; } .feature-sections-wrapper .side-content-wrapper .custom-icon, .feature-sections-wrapper .side-content-wrapper i.section-icon { text-align: center; border-radius: 0px; font-size: 42px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; margin-bottom: 25px; } .feature-sections-wrapper .side-content-wrapper i.section-icon { display: inline-block; line-height: 1; } .feature-sections-wrapper .side-content-wrapper .custom-icon { height: auto; line-height: inherit; text-align: left; } .feature-sections-wrapper .side-content-wrapper .custom-icon img { height: auto; } .feature-sections-wrapper .side-content-wrapper p:empty { display: none; } .feature-sections-wrapper .side-content-subtitle { margin-bottom: 0; } .feature-sections-wrapper .side-content-title { margin-bottom: 25px; } .feature-sections-wrapper .featured-image img { -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; height: auto; height: intrinsic; } .feature-sections-wrapper .fss-circle .featured-image img { border-radius: 50%; } .feature-sections-wrapper .fss-circle .featured-image img:hover { border-radius: 40%; } .feature-sections-wrapper .fss-egg .featured-image img { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } .feature-sections-wrapper .fss-egg .featured-image img:hover { border-radius: 50%; } .feature-sections-wrapper .fss-organic-1 .featured-image img { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .feature-sections-wrapper .fss-organic-1 .featured-image img:hover { border-radius: 40% 70% 70% 40% / 40% 40% 70% 70%; } .feature-sections-wrapper .fss-organic-1-rotate .featured-image img { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30% ; } .feature-sections-wrapper .fss-organic-1-rotate .featured-image img:hover { border-radius: 70% 40% 40% 70% / 70% 70% 40% 40% ; } .feature-sections-wrapper .fss-organic-2 .featured-image img { border-radius: 70% 30% 70% 30% / 30% 70% 30% 70% ; } .feature-sections-wrapper .fss-organic-2 .featured-image img:hover { border-radius: 80% 20% 80% 20% / 40% 60% 40% 60% ; } .feature-sections-wrapper .fss-organic-2-rotate .featured-image img { border-radius: 30% 70% 30% 70% / 70% 30% 70% 30% ; } .feature-sections-wrapper .fss-organic-2-rotate .featured-image img:hover{ border-radius: 40% 60% 40% 60% / 70% 30% 70% 30%; } .feature-sections-wrapper .featured-image { display: flex; } .feature-sections-wrapper .featured-left .side-featured-wrapper img { margin-left: -5%; margin-right: auto; height: auto; height: intrinsic; } .feature-sections-wrapper .featured-right .side-featured-wrapper img { margin-right: -5%; margin-left: auto; } .side-content-title-label { margin-bottom: 20px; display: flex; font-size: 14px; font-weight: 500; align-items: center; } .fs-custom-text { font-weight: 600; font-size: 36px; } .feature-sections-wrapper .number-section .side-content-wrapper { padding-left: 50px; } .feature-sections-wrapper .number-section .fs-custom-text { position: absolute; left: 0; line-height: 1; height: 100%; } .feature-sections-wrapper .number-section .fs-custom-text:before { content: ''; border-left: 1px solid var(--main-color); position: absolute; left: 50%; height: calc(100% - 36px); top: 68px; } .fm-wrapper .fm-list .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list .nav-indicator, .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-indicator { height: 3px; background-color: var(--main-color); position: absolute; bottom: 0px; left: 0; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-animation-timing-function: cubic-bezier(0.2,1,0.3,1); animation-timing-function: cubic-bezier(0.2,1,0.3,1); } .fm-wrapper .fm-list .nav-indicator { bottom: 0px; height: 100%;z-index: -1;min-width: 115px;} .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list .nav-indicator { bottom: -1px; } .fm-list .fm-item.active:nth-child(2) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(2) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(2) ~ .nav-indicator { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .fm-list .fm-item.active:nth-child(3) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(3) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(3) ~ .nav-indicator { -webkit-transform: translate3d(200%,0,0); transform: translate3d(200%,0,0); } .fm-list .fm-item.active:nth-child(4) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(4) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(4) ~ .nav-indicator { -webkit-transform: translate3d(300%,0,0); transform: translate3d(300%,0,0); } .fm-list .fm-item.active:nth-child(5) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(5) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(5) ~ .nav-indicator { -webkit-transform: translate3d(400%,0,0); transform: translate3d(400%,0,0); } .fm-list .fm-item.active:nth-child(6) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(6) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(6) ~ .nav-indicator { -webkit-transform: translate3d(500%,0,0); transform: translate3d(500%,0,0); } .fm-list .fm-item.active:nth-child(7) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(7) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(7) ~ .nav-indicator { -webkit-transform: translate3d(600%,0,0); transform: translate3d(600%,0,0); } .fm-list .fm-item.active:nth-child(8) ~ .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tab.vc_active:nth-child(8) ~ .nav-indicator, .nav-tabs .nav-label.active:nth-child(8) ~ .nav-indicator { -webkit-transform: translate3d(700%,0,0); transform: translate3d(700%,0,0); } /* ------------------------------------------------------------------------ 39. PHOTO GALLERY ------------------------------------------------------------------------*/ .photo-gallery-wrapper .owl-wrapper-outer { overflow: visible!important; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item { padding: 0 6vw; transition: 0.3s !important; opacity: 0.4; text-align: center; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer .owl-item { padding: 0; opacity: 0; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer { pointer-events: none; } .photo-gallery-wrapper.slider-layout .owl-wrapper-outer .owl-item.active { pointer-events: auto; } .photo-gallery-wrapper.disable-transparent-items .owl-wrapper-outer .owl-item { opacity: 1; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item.active { opacity: 1; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { width: auto; max-width: 100%; cursor: grab; height: auto; height: auto!important; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img.open-photoswipe { cursor: zoom-in; } .pricing-table.DetailedStyle.no-shadow { box-shadow: none!important; } .photo-gallery-wrapper.no-shadow .owl-wrapper-outer .owl-item img { box-shadow: none } .owl-nav div.owl-next, .owl-nav div.owl-prev { width: 60px;height: 60px;line-height: 60px;opacity: 1;box-sizing: border-box;position: absolute;pointer-events: auto;border: none!important;font-family: 'viva-font';font-size: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s ease;border-radius: 100%;} .gray-navigation .owl-nav div.owl-prev, .gray-navigation .owl-nav div.owl-next { background: var(--gray-color-overlay) } .owl-nav div.owl-next:hover, .owl-nav div.owl-prev:hover { color:#fff!important; } .owl-nav div.owl-next:before, .owl-nav div.owl-prev:before { font-size: 22px; box-sizing: border-box; position: absolute; width: 60px; height: 60px; left: 0; top: 0; line-height: 60px; } .owl-carousel .owl-nav div.owl-prev { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); } .owl-carousel .owl-nav div.owl-next { opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); } .owl-carousel:hover .owl-nav div.owl-prev, .owl-carousel:hover .owl-nav div.owl-next { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .photo-gallery-wrapper .owl-nav div.owl-prev { left: -20px; } .photo-gallery-wrapper .owl-nav div.owl-next { right: -20px; } .photo-gallery-wrapper.slider-layout .owl-nav div.owl-prev { left: -80px; } .photo-gallery-wrapper.slider-layout .owl-nav div.owl-next { right: -80px; } .review-carousel .owl-nav div.owl-prev { opacity: 1; transform: none; position: relative; } .review-carousel .owl-nav div.owl-next { opacity: 1; transform: none; position: relative; margin-left: 10px; } .review-carousel .owl-nav { position: relative; transform: none; right: inherit; margin-top: 20px; } .review-carousel.with-title .owl-nav { position: absolute; top: 0; right: 15px; transform: translateY(-120px); margin: 0; } .contained-carousel .owl-nav div.owl-prev, .testimonial-cards.container .owl-nav div.owl-prev, .team-carousel .owl-nav div.owl-prev, .clients.slider .owl-nav div.owl-prev, .photobox-carousel .owl-nav div.owl-prev { left: -85px; } .contained-carousel .owl-nav div.owl-next, .testimonial-cards.container .owl-nav div.owl-next, .team-carousel .owl-nav div.owl-next, .clients.slider .owl-nav div.owl-next, .photobox-carousel .owl-nav div.owl-next { right: -85px; } .contained-carousel .owl-nav, .fullwidth-carousel .owl-nav, .testimonial-cards.container .owl-nav, .team-carousel .owl-nav, .clients.slider .owl-nav, .photobox-carousel .owl-nav, .photo-gallery-wrapper .owl-nav { margin: 0; position: absolute; top: 50%; height: 60px; z-index: 10; width: 100%; margin-top: -45px; overflow: visible; pointer-events: none; } .fullwidth-carousel .owl-nav { margin-top: -10px; } .fullwidth-carousel .owl-nav div.owl-prev { margin-top: -70px; left: -140px; background: var(--gray-color-overlay); opacity: 1; transform: none; } .vc_row-gray-color-overlay .fullwidth-carousel .owl-nav div.owl-next, .vc_row-gray-color-overlay .fullwidth-carousel .owl-nav div.owl-prev { background: #fff; } .fullwidth-carousel .owl-nav div.owl-next { right: inherit; left: -140px; opacity: 1; transform: none; background: var(--gray-color-overlay); } .photobox-carousel.nav-arrows .owl-nav, .photo-gallery-wrapper.nav-arrows .owl-nav { margin-top: -20px; } .team-carousel .owl-nav, .clients.slider .owl-nav { margin-top: -30px; } .photo-gallery-wrapper .owl-nav div.owl-next:hover, .photo-gallery-wrapper .owl-nav div.owl-prev:hover { opacity: 1; } .photo-gallery-wrapper img { border-radius: 5px; } /* ------------------------------------------------------------------------ 40. FORMS ------------------------------------------------------------------------*/ .modal-content-inner .gform_wrapper, .modal-content-inner .nf-form-cont {position: relative; z-index: 10;} .modal-content-inner .gform_heading, .modal-content-inner .nf-form-title, .nf-form-fields-required {display: none;} .container .gform_wrapper textarea, .modal-content-inner .gform_wrapper textarea, .gform_wrapper .ginput_complex select, .gfield_list td.gfield_list_cell input, .gform_wrapper .ginput_complex.ginput_container input, .gform_wrapper input.large, .gform_wrapper input.medium, .gform_wrapper input.small, .gform_wrapper select.large, .gform_wrapper select.medium, .gform_wrapper select.small, .ninja-forms-field { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; width: 100%; box-sizing: border-box; min-width: 100%; margin-bottom: 10px; box-shadow: none; letter-spacing: 0; outline: 0; line-height: 50px; height: 50px; padding: 0 20px; outline: none; text-align: left; font-family: inherit; border-radius: 0px; font-weight: 400; border: 1px solid #e5e7f2!important; background: #f7f9fb; } .container .gform_wrapper label.gfield_label, .container .nf-field-label label { color: #1f1f1f; } .container .gform_wrapper table.gfield_list td, .gform_wrapper table.gfield_list th { padding: 0; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { margin-top: 0!important } .container .gform_wrapper .gfield_checkbox li label, .container .gform_wrapper .gfield_radio li label { display: -moz-inline-stack; display: inline-block; padding: 0; width: auto; line-height: 1.6; font-size: inherit; vertical-align: middle; max-width: 100%; white-space: normal; margin-left: 10px; } .modal-content-inner .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: inherit; font-family: inherit; padding: 0 20px; letter-spacing: normal; } .gfield_list td.gfield_list_cell input {margin-bottom:0;min-width: calc(100% - 20px)!important;width: calc(100% - 20px)!important;} .modal-content-inner .gform_wrapper select, .container .gform_wrapper select { padding: 0 20px; } .container .gform_wrapper select.gfield_select { padding: 0 20px; } .container .gform_wrapper .ginput_container_multiselect select { padding-top: 20px; } body .container .gform_wrapper ul li.gfield { margin-top: 20px; padding-top: 0; padding-right: 0; } .container .gform_wrapper textarea, .modal-content-inner .gform_wrapper textarea, textarea.ninja-forms-field { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; letter-spacing: 0; box-shadow: none; outline: 0; display: block; padding: 0 20px; font-weight: 400; text-shadow: none; resize: none; max-height: 100px; width: 100%; margin: 0; text-align: left; padding-top: 15px; min-width: auto; border-radius: 0px; margin-bottom: 10px; line-height: 1.6; } .nf-field-container { margin-bottom: 0; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], input[type="button"].ninja-forms-field { text-align: center; font-weight: 600; padding: 0; margin: auto; box-sizing: border-box; outline: 0; cursor: pointer; border-radius: 0px; min-width: 150px; float: left; height: 50px; line-height: 48px; margin-top: 5px; margin-bottom: 0; display: block; color: #fff; width: 100% !important; background: #1f1f1f; border:none !important; -webkit-transition: .3s !important; -moz-transition: .3s !important; -ms-transition: .3s !important; -o-transition: .3s !important; transition: .3s !important; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, input[type="button"].ninja-forms-field:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15); box-shadow: 0 8px 25px rgba(0, 0, 0, .15); } .modal-content-inner .nf-field-label label { color: #fff; } .nf-error-msg, .ninja-forms-req-symbol { font-weight: 600; } .modal-content-inner .ninja-forms-form-wrap .label-above .nf-field-label { margin-bottom: 5px; } .modal-content-inner .ninja-forms-form-wrap .nf-error-msg { position: absolute; bottom: 0; right: 0; background: #f7f9fb; padding: 13px; border-radius: 0px; } .modal-content-inner .gform_wrapper div.validation_error, .container .gform_wrapper div.validation_error { color: #e80000; font-size: 1em; font-weight: 700; margin-bottom: 25px; border: 2px solid #e80000; border-radius: 0px; padding: 16px 0; clear: both; width: 100%; background: #fff; text-align: center; } .modal-content-inner .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper .validation_message { color: #e80000; font-weight: 700; letter-spacing: normal; } .modal-content-inner .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error, .container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:#fff; margin-bottom: 6px!important; border-top: none; border-bottom: none; padding-bottom: 6px; padding-top: 8px; box-sizing: border-box; padding: 20px!important; max-width: 100%!important; border-radius: 0px; border: 1px solid rgba(232, 0, 0, 0.2); } .modal-content-inner .gform_confirmation_wrapper, .modal-content-inner .ninja-forms-form-wrap .nf-response-msg { display: block; background: #fff; padding: 20px; border-radius: 0px; z-index: 10; position: relative; } .modal-content-inner .gform_wrapper label.gfield_label, .modal-content-inner .ninja-forms-form-wrap .nf-response-msg:empty { display: none; } .modal-content-inner .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } body .modal-content-inner .gform_wrapper ul li.gfield { margin-top: 0; padding-top: 0; } .nf-field-element select { min-height: 52px; } .list-multiselect-wrap .nf-field-element select {padding-top: 15px } .nf-field-element li input[type="checkbox"], .nf-field-element li input[type="radio"] { min-width: auto; } .container .gform_wrapper h3.gform_title { font-weight: 400; font-size: 28px; margin-bottom: 20px; } .container .gform_wrapper span.gform_description { font-weight: bold; color: inherit; display: block; margin-bottom: 20px; } /* ------------------------------------------------------------------------ 41. SOCIAL ICONS ------------------------------------------------------------------------*/ ul.redux-social-media-list { margin-top: 0; margin-bottom: 0; } ul.redux-social-media-list li { float:left; margin: 0; padding: 0; display:block; width: auto; list-style: none; } ul.redux-social-media-list li:before{ content:''; } .footer_widget .redux-social-media-list a { font-size: 18px; border-radius: 90px; margin-right: 20px; display: inline-block; text-align: center; transition: .25s; margin: 0 20px 0 0; margin-bottom: 8px; } .footer_widget .redux-social-media-list a:hover { opacity:0.8; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); } .footer_widget .redux-social-media-list i { margin:0; } .kd-social-profiles .kd-social-list { padding-left: 0; } .kd-social-profiles .kd-social-list li { display: inline-block; margin-right: 20px; box-sizing: content-box; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .kd-social-profiles .kd-social-list li:last-child { margin-right: 0; } .kd-social-profiles.icon-left-align { text-align: left; } .kd-social-profiles.icon-center-align { text-align: center; } .kd-social-profiles.icon-right-align { text-align: right; } .icon-element-background li, .icon-element-outline li { padding: 0; width: 1.8em; height: 1.8em; text-align: center; line-height: 1.7em; } .icon-element-outline li { border: 2px solid; } .bg-shape-circle li, .bg-shape-outline-circle li { border-radius: 50%; } .bg-shape-rounded li, .bg-shape-outline-rounded li { border-radius: 4px; } .kd-social-profiles .kd-social-list a { display: block; width: 100%; height: 100%; transition: .25s; } .hover-float-shadow .kd-social-list li:hover { box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } .hover-opacity .kd-social-list li:hover { opacity: 0.4; } /* ------------------------------------------------------------------------ 42. SHAPES ------------------------------------------------------------------------*/ .kd-shapes { position: absolute; width: 20em; height: 20em; z-index: 0; } .kd-shapes img { pointer-events: none; } .kd-shapes.shape_left_pos { left: -30em; } .kd-shapes.shape_center_pos { left: 0; right: 0; margin: auto; } .kd-shapes.shape_right_pos { right: -30em; } .kd-shapes.shape_circle { border-radius: 50%; } .kd-shapes.shape_egg { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } .kd-shapes.shape_organic_1 { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } .kd-shapes.shape_organic_1_rotate { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30% ; } .kd-shapes.shape_organic_2 { border-radius: 70% 30% 70% 30% / 30% 70% 30% 70% ; } .kd-shapes.shape_organic_2_rotate { border-radius: 30% 70% 30% 70% / 70% 30% 70% 30% ; } .kd-shapes.shape_dots { -webkit-mask-image: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/dots.svg); mask-image: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/dots.svg); z-index: 0; -webkit-mask-size: 18px; } /* ------------------------------------------------------------------------ 43. LISTS ------------------------------------------------------------------------*/ .key-icon-box .ib-wrapper .ib-list, .kd-icon-list { padding: 0; list-style-type: none; } .kd-icon-list .kd-icon-list-item a { transition: 0.2s; } .key-icon-box .ib-wrapper .ib-list li, .kd-icon-list .kd-icon-list-item { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 20px; color: var(--text-color); } .kd-icon-list .kd-icon-list-item .kd-list-text { font-size: var(--large-body-text-size); line-height: 20px; } .kd-icon-list .kd-icon-list-item .kd-list-text strong { color: inherit; font-weight: bold; } .key-icon-box .ib-wrapper .ib-list li:last-child, .kd-icon-list .kd-icon-list-item:last-child { margin-bottom: 0; } .kd-icon-list-item > i { margin-right: 10px; } .kd-icon-wrapper { min-width: 20px; height: 20px; margin-right: 15px; text-align: center; line-height: 19px; font-weight: 100!important; margin-top: 0px; } .kd-icon-wrapper i { font-size: 10px; } .kd-icon-list .kd-icon-list-item i { font-size: 13px; } .kd-icon-wrapper.icon-square, .kd-icon-wrapper.icon-circle { border-radius: 50%; background: var(--main-color); } .kd-icon-wrapper.icon-square i, .kd-icon-wrapper.icon-circle i { font-size: 11px; } .key-icon-box .ib-wrapper .ib-list { margin-bottom: 0; } .key-icon-box .ib-wrapper p + .ib-list { margin-top: 25px; } .key-icon-box .ib-wrapper p:empty + .ib-list { margin-top: 5px; } .key-icon-box.icon-default.icon-top .ib-wrapper .ib-list + p + .ib-link, .key-icon-box.icon-default.icon-top .ib-wrapper .ib-list + .ib-link { margin-top: 5px; } .key-icon-box .ib-wrapper .ib-list li { font-size: inherit; margin-bottom: 10px; font-weight: 500; } .key-icon-box.icon-top .ib-wrapper .ib-list + p + .ib-button-wrapper, .key-icon-box.icon-top .ib-wrapper .ib-list + .ib-button-wrapper { margin-top: 15px; } .key-icon-box .ib-wrapper .ib-list i { font-size: 13px; line-height: 25px; margin-right: 12px; } /* ------------------------------------------------------------------------ 44. PRICE SWITCHER ------------------------------------------------------------------------*/ /* The switch - the box around the slider */ .kd-ps-wrapper { position:relative; } .kd-price-switch { position: relative; display: block; width: 60px; height: 30px; margin: 0 auto 60px auto; } .ps-secondary-variant, .ps-default-variant { font-size: var(--medium-body-text-size); position: absolute; line-height: 30px; color: var(--text-color); } .ps-default-variant {right: calc(50% + 45px);top: 0;} .ps-secondary-variant {left: calc(50% + 45px);top: 0;} /* Hide default HTML checkbox */ .kd-price-switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .kd-price-switch .price-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 34px; -webkit-transition: .4s; transition: .4s; } .kd-price-switch .price-slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; -webkit-transition: var(--fast-animation); transition: var(--fast-animation); } .kd-price-switch input:focus + .price-slider { box-shadow: 0 0 1px #2196F3; } .kd-price-switch input:checked + .price-slider:before { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } /* ------------------------------------------------------------------------ 45. ROW OPTIONS & SEPARATORS ------------------------------------------------------------------------*/ .vc_row.vc_row-shadow { box-shadow: 0 5px 70px rgba(38, 42, 76, 0.1); } .vc_column_container.extra-large-column .vc_column-inner { width: calc(100% + 60px) } .vc_row.vc_row-bg-position-top {background-position:top!important;} .vc_row.vc_row-bg-position-center {background-position:center!important;} .vc_row.vc_row-bg-position-bottom {background-position:bottom!important;} .subscribe-form-overlay, .vc_row > .kd-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .kd-overlay.gradient-overlay { background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%); opacity: 0.8; } .kd-row-separator { position: relative; } .zindex { z-index: 101; } .zindex0 { z-index: 0; } .kd-row-separator-clear { clear: both; display: block; height: 1px; font-size: 0; line-height: 0; width: 100%; overflow: hidden; } .kd-row-separator { position: absolute !important; left: 0; right: 0; width: 100%; z-index: 100; } .vc_row-small-triangle-sep .kd-row-separator { width: auto; text-align: center; } .kd-row-separator svg { width: 100%; fill: #fff; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .vc_row-small-triangle-sep .kd-row-separator svg { width: auto; } .kd-row-separator-top { top: 0; } .kd-row-separator-bottom { bottom: 0; margin-bottom: -1px; } .separator-height-small, .separator-height-small svg { height: 50px; } .separator-height-medium, .separator-height-medium svg { height: 100px; } .separator-height-large, .separator-height-large svg { height: 150px; } .kd-row-separator.kd-row-separator-right, .kd-row-separator.kd-row-separator-left { position: absolute !important; top: 0; bottom: 0; left: inherit; right: inherit; height: 100%; z-index: 1; width: 100px; } .kd-row-separator.kd-row-separator-right svg, .kd-row-separator.kd-row-separator-left svg { height: 100%; right: 0; width: 50px; position: absolute !important; } .vc_row-top-sep-flip-y .kd-row-separator-top, .vc_row-bottom-sep-flip-y .kd-row-separator-bottom { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .kd-row-separator-right.kd-row-separator-rounded { } .kd-row-separator.separator-width-small { width: 100px; } .kd-row-separator.separator-width-medium { width: 150px; } .kd-row-separator.separator-width-large { width: 200px; } .kd-row-separator.kd-row-separator-left { left: 0; } .kd-row-separator.kd-row-separator-right { right: 0; } .separator-waves { position:relative; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px; } .separator-waves-parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .separator-waves-parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .separator-waves-parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .separator-waves-parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .separator-waves-parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* ------------------------------------------------------------------------ 46. PARTICLES ------------------------------------------------------------------------*/ #particles-js, .particles-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; z-index: -1; } .particles-wrapper div { height: 100%; } /* ------------------------------------------------------------------------ 47. PHOTO GROUP ------------------------------------------------------------------------*/ .kd-photo-group { display: flex; position: relative; z-index: 10; pointer-events: none; } .kd-photo-group.small-shadow img { box-shadow: 0 25px 98px 0 rgba(0,0,0,0.1); } .kd-photo-group.large-shadow img { box-shadow: 0 20px 70px rgba(38, 42, 76, 0.2); } .first-image-wrapper { margin-left: auto; } .second-image-wrapper { position: absolute; bottom: -25%; } .kd-photo-group.group-layout-left .first-image-wrapper { margin-left: 0; } .kd-photo-group.group-layout-right .second-image-wrapper { right: 0; } .kd-photo-group.group-layout-center { justify-content: center; } .kd-photo-group.group-layout-center .first-image-wrapper { margin-left: auto; margin-right: auto; } .kd-photo-group.group-layout-right .second-image-wrapper, .kd-photo-group.group-layout-center .second-image-wrapper, .kd-photo-group.group-layout-left .second-image-wrapper { bottom: 0; } .kd-photo-group.group-layout-left-right .first-image-wrapper { margin-right: auto; margin-left: 0; } .kd-photo-group.group-layout-left-right .second-image-wrapper { right: 0; } .kd-photo-group.group-layout-center-left .first-image-wrapper, .kd-photo-group.group-layout-center-right .first-image-wrapper { margin-right: auto; margin-left: auto; } .kd-photo-group.group-layout-center-right .second-image-wrapper { right: -15%; } .kd-photo-group.group-layout-center-left .second-image-wrapper { left: -15%; } .wpb_single_image { position: relative; z-index: 10; } /* ------------------------------------------------------------------------ 48. SCROLL DOWN BUTTON ------------------------------------------------------------------------*/ .scroll-down-wrapper { width: 100%; display: flex; } .scroll-down-wrapper a { display: table-row; border-radius: 100%; height: 34px; width: 34px; transition: var(--fast-animation); -webkit-mask-image: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/scroll-down.svg); mask-image: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/scroll-down.svg); -webkit-mask-size: 34px; background-size: cover;} .scroll-down-wrapper a:hover { transform: translateY(5px); } .sd-align-center { justify-content: center; } /* ------------------------------------------------------------------------ 49. COOKIES PLUGIN ------------------------------------------------------------------------*/ body #cookie-notice { bottom: 50px; border-radius: var(--cards-border-radius); width: auto; min-width: auto; box-shadow: none; left: 50%; transform: translateX(-50%); font-family: inherit; font-size: 14px; border: 1px solid var(--border-color); z-index: 9998; overflow: hidden; background:#fff!important; } #cookie-notice .cookie-notice-container { border-radius: var(--cards-border-radius); } #cookie-notice .cookie-notice-container { padding: 10px 10px 10px 20px; background: #fff;} #cookie-notice .cn-close-icon { display: none; } body #cookie-notice .cn-button:not(.cn-button-custom), body #cookie-notice .cn-button { margin: 0 0 0 16px; font-size: inherit; font-family: inherit; letter-spacing: 0.01em; height: 32px; line-height: 30px; padding: 0 20px; border-radius: 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s ; transition: 0.2s; background: var(--main-color)!important;border-radius: var(--button-border-radius)!important;} #cookie-notice .cn-text-container { margin: 0; color: var(--text-color); } /* ------------------------------------------------------------------------ 50. FLOATING MENU ------------------------------------------------------------------------*/ .fm-wrapper { width: fit-content; background: #fff; padding: 6px 0; position: fixed; bottom: 40px; left: 50%; z-index: 99999; transform: translate(-50%,100%); opacity: 0; visibility: hidden; transition: 0.5s cubic-bezier(.25,1,.2,1); border: none; overflow: hidden; background: var(--heading-color);} .fm-wrapper.visible{ opacity: 1; visibility: visible; transform: translate(-50%,0); } .fm-wrapper .fm-list { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } .fm-wrapper .fm-list:before, .fm-wrapper .fm-list:after { display: none; } .fm-wrapper .fm-list li { display: flex; flex-wrap: wrap; align-items: center; flex-basis: 100%; justify-content: center; min-width: 115px;} .fm-wrapper .fm-list li a { border-radius: 25px; color: #fff; padding: 9px 23px; transition: 0.3s cubic-bezier(.25,1,.2,1); letter-spacing: 0.01em; background: transparent; text-align: center; } .fm-wrapper .fm-list li a:hover { /* color: var(--main-color); */ } .fm-wrapper .fm-list li.active a { } .fm-wrapper.static-position { position: relative; } /* ------------------------------------------------------------------------ 51. HOTSPOT ------------------------------------------------------------------------*/ .hotspot-item { position: absolute; margin-top: -16px; margin-left: -16px; z-index: 15; } .hotspot-item:hover { z-index:99 } .hotspot-wrapper { font-size: 15px; font-weight: 600; height: 32px; width: 32px; justify-content: center; display: inline-flex; line-height: 32px; background: #fff; border-radius: 100%; color: #39364e; align-items: center; } .hotspot-wrapper a { width: 32px; text-align: center; border-radius: 100%; } .hotspot-text { cursor: default; } .hotspot-wrapper i { color: #39364e; } .hotspot-wrapper i[class^="iconsmind-"], .hotspot-wrapper i[class*=" iconsmind-"] { font-weight: bold; } .hotspot-wrapper i.fa, .hotspot-wrapper i.fas { font-size: 14px; } .hotspot-item.enable-pulse .hotspot-wrapper:before { content: ""; display: block; position: absolute; z-index: -1; -webkit-transform: scale(1); transform: scale(1); top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; pointer-events: none; -webkit-animation: pulse-animation 2s ease-in-out; animation: pulse-animation 2s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; border:none; background: #fff; } @-webkit-keyframes pulse-animation { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @keyframes pulse-animation { 0% { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0 } 50% { opacity: 1 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } .hotspot-item .hotspot-tooltip { position: absolute; max-width: 270px; background-color: white; padding: 25px; padding-bottom: 5px; overflow: hidden; width: -webkit-fill-available; transition: transform 0.8s,opacity 0.8s,visibility .5s; transition-timing-function: cubic-bezier(.19,1,.22,1); opacity: 0; visibility: hidden; transform: translate(-50%,15px); left: 16px; width: max-content; border-radius: 5px; border: 1px solid var(--border-color);} .hotspot-item:hover .hotspot-tooltip { opacity: 1; visibility: visible; transform: translate(-50%,0); } .hotspot-tooltip h4 { font-size: var(--large-body-text-size); text-transform: inherit; font-family: inherit; margin-bottom: 12px; } .hotspot-tooltip p { margin-bottom: 20px; } .tooltip-text-center { text-align: center; } .tooltip-top .hotspot-tooltip { bottom: 100%; margin-bottom: 20px; } .tooltip-bottom .hotspot-tooltip { top:52px; } .hotspot-item.tooltip-right .hotspot-tooltip { left:32px; top: 16px; transform: translate(0,-50%); } .hotspot-item.tooltip-right:hover .hotspot-tooltip { transform: translate(15px,-50%); } .hotspot-item.tooltip-left .hotspot-tooltip { right:32px; left: auto; top: 16px; transform: translate(0,-50%); } .hotspot-item.tooltip-left:hover .hotspot-tooltip { transform: translate(-15px,-50%); } /* ------------------------------------------------------------------------ 52. INSTAGRAM PLUGIN ------------------------------------------------------------------------*/ /* Flexislider Default Settings */ .pllexislider { margin: 0; padding: 0; direction: ltr! important; } .pllexislider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .pllexislider .slides img { width: 100%; display: block; } .pllexislider .slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .pllex-pauseplay span { text-transform: capitalize; } .pllexislider, .pllexislider .slides li, .pllexislider .slides > li > a { height: 100%; padding: 0 !important; background: none; margin: 0; border: none; } .pllexislider, .pllexislider .slides li:hover, .pllexislider .slides > li:hover > a { border: none; } /* no list style */ .jr-insta-thumb .no-bullet, .pllexislider .no-bullet { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; clear: both; } /* Flexi Slider Template */ .pllexislider { margin: 0; position: relative; } .pllex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .pllex-viewport { max-height: 300px; } .pllexislider .slides { zoom: 1; overflow: hidden; } /* Control Nav */ .pllexislider .pllex-control-nav { z-index: 2; position: absolute; top: 10px; right: 0; padding: 0 15px; margin-right: auto; margin-left: auto } .pllexislider-overlay .pllex-control-nav { display: none; } .pllexislider .pllex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; } .pllexislider .pllex-control-paging li a { width: 11px; border: none; height: 11px; display: block; background: #fff; background: rgba(255, 255, 255, 255, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); } .pllexislider .pllex-control-paging li a:hover, .pllexislider .pllex-control-paging li a.pllex-active { background: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 1); } .pllexislider .pllex-control-paging li a.pllex-active { cursor: default; } .pllexislider .pllex-control-paging { width: 100%; text-align: center } /* Direction Nav */ .pllexislider .pllex-direction-nav { z-index: 2; position: absolute; list-style: none; padding: 0; top: 7px; right: 2%; margin: 0; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 15%; -moz-border-radius: 15%; -o-border-radius: 15%; border-radius: 15%; } .pllexislider-overlay .pllex-direction-nav { display: none; } .pllexislider .pllex-direction-nav li a { line-height: normal; overflow: hidden; display: block; border: 0 } .pllexislider .pllex-direction-nav li a:focus { outline: 0 } .pllexislider .pllex-direction-nav li:first-child { float: left; margin-right: 0; border-left: 0; border-right: 1px solid gray; } .pllexislider .pllex-direction-nav li { list-style: none; float: right; margin: 0; border-right: 0; border-left: 1px solid #1e1e1e; padding: 0; border-top: 0; border-bottom: 0; } .pllexislider .pllex-direction-nav .pllex-next:before, .pllexislider .pllex-direction-nav .pllex-prev:before { font-family: Arial, Helvetica, sans-serif; display: inline-block; padding: 0 4px 1px; speak: none; color: #fff; font-size: 18px; text-shadow: 0 2px 0 rgba(0, 0, 0, 1); } .pllexislider .pllex-direction-nav .pllex-next:before { content: '\25BA'; } .pllexislider .pllex-direction-nav .pllex-prev:before { content: '\25C4'; } /* Slider Normal */ .pllexislider-normal ul li .jr-insta-datacontainer { margin-top: 5px; margin-bottom: 5px; display: block; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-username { text-decoration: none; display: inline-block; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-time { float: right; display: inline-block; text-align: right; } .pllexislider-normal ul li .jr-insta-datacontainer .jr-insta-caption { line-height: normal; margin-top: 5px; margin-bottom: 5px; display: block; clear: both } /* Slider Overlay */ .pllexislider-overlay a { color: #ffffff; text-decoration: none; } .pllexislider-overlay ul li .jr-insta-wrap { position: relative; color: #FFF; line-height: normal; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer { position: absolute; display: none; left: 0; bottom: 0; width: 100%; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.4); padding: 5px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-username a { color: #FFF !important; text-decoration: none; font-weight: bold; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-time { float: right; text-align: right; } .pllexislider-overlay ul li .jr-insta-wrap .jr-insta-datacontainer .jr-insta-caption { line-height: normal; color: #FFF; margin-top: 5px; margin-bottom: 5px; display: block; } /* Thumbnails Template */ .jr-insta-thumb ul.thumbnails { list-style: none; font-size: 0; margin-left: -2.5%; } .jr-insta-thumb ul.thumbnails.no-border { margin-left: 0; } .jr-insta-thumb ul.thumbnails li { display: inline-block; padding: 0; margin: 0 0 2.5% 2.5%; background: none; border: 0; vertical-align: top; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .jr-insta-thumb ul.thumbnails.no-border li { margin: 0; } .jr-insta-thumb ul.thumbnails li img { max-width: 100% !important; height: auto !important; margin: 0 !important; border: 0 !important; vertical-align: top; } .jr-insta-thumb ul.thumbnails li a { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .jr-insta-thumb ul.thumbnails.jr_col_1 li { width: 97.5% !important; } /* this value + 2.5 should = 100% */ .jr-insta-thumb ul.thumbnails.jr_col_2 li { width: 47.5% !important; } /* this value + 2.5 should = 50% */ .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: 30.83% !important; } /* this value + 2.5 should = 33% */ .jr-insta-thumb ul.thumbnails.jr_col_4 li { width: 22.5% !important; } /* this value + 2.5 should = 25% */ .jr-insta-thumb ul.thumbnails.jr_col_5 li { width: 17.5% !important; } /* this value + 2.5 should = 20% */ .jr-insta-thumb ul.thumbnails.jr_col_6 li { width: 14.17% !important; } /* this value + 2.5 should = 16.66% */ .jr-insta-thumb ul.thumbnails.jr_col_7 li { width: 11.78% !important; } /* this value + 2.5 should = 14.28% */ .jr-insta-thumb ul.thumbnails.jr_col_8 li { width: 10% !important; } /* this value + 2.5 should = 12.5% */ .jr-insta-thumb ul.thumbnails.jr_col_9 li { width: 8.61% !important; } /* this value + 2.5 should = 11.11% */ .jr-insta-thumb ul.thumbnails.jr_col_10 li { width: 7.5% !important; } /* this value + 2.5 should = 10% */ .jr-insta-thumb ul.thumbnails.no-border.jr_col_1 li { width: 100% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_2 li { width: 50% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_3 li { width: 33.33% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_4 li { width: 25% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li { width: 20% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 16.66% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li { width: 14.28% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li { width: 12.5% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li { width: 11.11% !important; } .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 10% !important; } @media all and (max-width: 640px) { /* Make 3-6 cols into 2 col */ .jr-insta-thumb ul.thumbnails.jr_col_3 li, .jr-insta-thumb ul.thumbnails.jr_col_4 li, .jr-insta-thumb ul.thumbnails.jr_col_5 li, .jr-insta-thumb ul.thumbnails.jr_col_6 li { width: 47.5% !important;; } /* Make 7-10 cols into 4 col */ .jr-insta-thumb ul.thumbnails.jr_col_7 li, .jr-insta-thumb ul.thumbnails.jr_col_8 li, .jr-insta-thumb ul.thumbnails.jr_col_9 li, .jr-insta-thumb ul.thumbnails.jr_col_10 li { width: 22.5% !important;; } /* Make 3-6 cols into 2 col */ .jr-insta-thumb ul.thumbnails.no-border.jr_col_3 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_4 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_6 li { width: 50% !important;; } /* Make 7-10 cols into 4 col */ .jr-insta-thumb ul.thumbnails.no-border.jr_col_7 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_8 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_9 li, .jr-insta-thumb ul.thumbnails.no-border.jr_col_10 li { width: 25% !important;; } } @media all and (max-width: 480px) { .jr-insta-thumb ul.thumbnails li { width: 100% !important; /* over-ride all li styles */ } } .graphdiv { -webkit-box-align: end; align-items: flex-end; bottom: 0; display: flex; -webkit-box-pack: start; justify-content: flex-start; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .GraphImage { position: relative; } .GraphSidecar { position: relative; } .GraphVideo { position: relative; } .GraphImage:before { position: absolute; content: ''; background-repeat: no-repeat; background-position: -32px -32px; background-color: transparent !important; height: 32px; width: 32px; top: 5px; right: 0; z-index: 1; opacity: 0.7; } .no-isw-icons:before { background-image: none !important; } .GraphSidecar:before { position: absolute; content: ''; background-repeat: no-repeat; background-position: 4px -4px; height: 32px; width: 32px; top: 0px; right: 0; z-index: 1; opacity: 0.7; } .GraphVideo:before { position: absolute; content: ''; background-repeat: no-repeat; background-position: 3px -42px; height: 32px; width: 32px; top: 3px; right: 0; z-index: 1; opacity: 0.7; } .jr-insta-thumb { padding: 0 !important; } .jr-insta-thumb ul.thumbnails li a { display: block; } .jr-insta-thumb ul.thumbnails li div, .jr-insta-thumb ul.thumbnails li { position: relative; transition: all .5s cubic-bezier(.05,.2,.1,1); overflow: hidden; } .jr-insta-thumb ul.thumbnails li:hover { /* transform: scale(.95); */ } .jr-insta-thumb ul.thumbnails li:hover div { transform: scale(1.1); } .jr-insta-thumb:before { width: 60px; height: 60px; box-shadow: 0 15px 30px rgb(55 126 249 / 15%); background-color: #fff; position: absolute; content: "\f16d"; color: #000; font-family: "viva-font"!important; font-size: 36px; left: 50%; top: 50%; text-align: center; line-height: 60px; border-radius: 100%; margin-left: -30px; margin-top: -30px; z-index: 100; pointer-events: none; } .page-id-9651 .jr-insta-thumb ul.thumbnails.no-border li:nth-child(n+7) { display:none!important; } /* ------------------------------------------------------------------------ 53. IMAGE COMPARISON SLIDER ------------------------------------------------------------------------*/ .cd-image-container { position: relative; width: fit-content; max-width: 100%; display: block; margin: auto; width: 100%; } .cd-image-container img { width: 100%; pointer-events: none;} .cd-image-label { position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; pointer-events: none;} .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; border-right: 3px solid #fff; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: 62px; width: 62px; left: 50%; top: 50%; margin-left: -33px; margin-top: -31px; border-radius: 50%; border: 3px solid #fff; background-image: url(//babyathome.ae/wp-content/plugins/viva-addon/assets/img/cd-arrows.svg); background-repeat: no-repeat; background-position: center; cursor: move; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); backdrop-filter: blur(10px); } body.enable-carousel-cursor .cd-handle { cursor: none; } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s, background-color 0.3s; } /* ------------------------------------------------------------------------ 54. TIMELINE ------------------------------------------------------------------------*/ .kd-timeline { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; } .timeline-line { position: absolute; top: 0; bottom: 20px; background-color: var(--heading-color); width: 2px; transform: translateX(-50%); } .kd-timeline.timeline-align-zigzag .timeline-line { left: 50%; height: calc(100% - 20px); } .timeline-align-right .timeline-line { left: auto; right: 0; margin-left: 20px; transform: translateX(50%); } .timeline-align-left .timeline-line { left: 0; margin-right: 0; } .timeline-line .timeline-line-inner { width: 100%; } .kd-timeline .timeline-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .kd-timeline.timeline-align-zigzag .timeline-item { margin-bottom: 0; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) { flex-direction: row-reverse; } .timeline-item .timeline-item-wrapper { position: relative; display: block; max-width: 100%; padding: 25px 35px; background-color: var(--heading-color); text-align: left; overflow: hidden; color: #fff; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper { width: calc(50% - 50px); } .timeline-item .timeline-item-point { background: var(--heading-color); width: 40px; height: 40px; border-radius: 100%; color: #fff; text-align: center; line-height: 40px; font-size: 16px; position: absolute; transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .kd-timeline.timeline-align-zigzag .timeline-item-point { left: 50%; transform: translateX(-50%); } .timeline-align-left .timeline-item .timeline-item-point { left: -20px; } .timeline-align-right .timeline-item .timeline-item-point { right: -20px; } .timeline-item .timeline-item-title { color: inherit; margin-bottom: 15px; } .timeline-item .timeline-item-point i { color: #fff; } .timeline-item .timeline-item-description, .timeline-item .item-date { margin-bottom: 0!important; color: rgb(255 255 255 / 75%); } .timeline-item .item-date { font-weight:500; } .timeline-item .timeline-item-description { color: inherit; line-height: 1.5; } .timeline-align-right .timeline-item .timeline-item-wrapper { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: 1; order: 1; margin-right: 50px; } .timeline-align-left .timeline-item .timeline-item-wrapper { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-order: 1; order: 1; margin-left: 50px; } .timeline-item .timeline-item-date { margin-bottom: 10px; position: relative; } .timeline-item .timeline-content { position: relative; } .timeline-item-arrow { position: absolute; top: 50%; height: 5px; transform: translateY(-50%); border-color: var(--heading-color) } .timeline-item-arrow:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .timeline-item-wrapper.full-link-card { padding: 0; } .timeline-item-wrapper.full-link-card .timeline-full-link { color: #fff; display: block; padding: 30px 35px; transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .kd-timeline.gradient-hover-color .timeline-item-wrapper.full-link-card .timeline-full-link:before { content: ''; display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; opacity: 0; transition: 2.5s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; background: linear-gradient(90deg, var(--gradient-end-color) 0%, var(--gradient-start-color) 100%); } .kd-timeline.gradient-hover-color.timeline-align-left .timeline-item-wrapper.full-link-card .timeline-full-link:before, .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(odd) .timeline-full-link:before { background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%); } .kd-timeline.gradient-hover-color .timeline-item-wrapper.full-link-card .timeline-full-link:hover:before { opacity: 1; } .timeline-item-wrapper.full-link-card + .timeline-item-arrow { transition: 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s, 0.25s cubic-bezier(0.38, 0.32, 0.36, 0.98) 0s; } .timeline-cta { margin-top: 15px; } .timeline-link { color: #fff; font-weight: 500; transition: 0.25s; } .timeline-align-right .timeline-item-arrow { right: 50px; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow:after, .timeline-align-right .timeline-item-arrow:after { border-left-color: inherit; border-right-color: inherit; border-left-width: 5px; border-left-style: solid; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow:after { border-right:none; } .timeline-align-left .timeline-item-arrow { left: 45px; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-arrow { right: calc(50% - 45px); left: auto; } .kd-timeline.timeline-align-zigzag .timeline-item:nth-child(even) .timeline-item-arrow { left: calc(50% - 50px); right: auto; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-arrow:after, .timeline-align-left .timeline-item-arrow:after { border-left-color: inherit; border-right-color: inherit; border-right-width: 5px; border-right-style: solid; } .kd-timeline.timeline-align-zigzag .timeline-item { margin-bottom: 20px; } /* ------------------------------------------------------------------------ 55. SIMPLE LINK ------------------------------------------------------------------------*/ .kd-simple-link.default-align { display: block; } .kd-simple-link.default-color:after, .kd-simple-link.default-color { color: var(--text-color); } .kd-simple-link.heading-color:after, .kd-simple-link.heading-color { color: var(--heading-color); } .kd-simple-link.primary-color-link :after, .kd-simple-link.primary-color-link { color: var(--main-color); } .kd-simple-link.secondary-color-link :after, .kd-simple-link.secondary-color-link { color: var(--secondary-color); } .kd-simple-link.default-hover:hover:after, .kd-simple-link.default-hover:hover { color: var(--text-color)!important; } .kd-simple-link.heading-hover:hover:after, .kd-simple-link.heading-hover:hover { color: var(--heading-color)!important; } .kd-simple-link.primary-color-hover:hover:after, .kd-simple-link.primary-color-hover:hover { color: var(--main-color)!important; } .kd-simple-link.secondary-color-hover:hover:after, .kd-simple-link.secondary-color-hover:hover { color: var(--secondary-color)!important; } .kd-simple-link.center-align { margin: auto; display: table; float: none; } /* ------------------------------------------------------------------------ RESPONSIVE ------------------------------------------------------------------------*/ @media (max-width:330px) { .rw_header {margin-bottom: 50px;} } @media (max-width:960px) { .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-indicator { display: none; } .blog-subscribe-wrapper { padding: 120px 15px 100px 15px!important; } .wpb_single_image.intro-image { margin:0!important; } header.kd-section-title .st-overline.overline-line:before, .side-content-title-label:before, header.kd-section-title .st-overline.primary-color.overline-line:before { display: none; } .kd-section-title.solid-line.sep-border-width-5 .kd-separator-line { border-width: 3px; } .review-carousel.with-title .owl-nav { position: relative; top: inherit; right: inherit; transform: none; margin: auto; } .review-carousel .owl-nav div.owl-next { margin-left: 30px; } .review-carousel.with-title .owl-nav div { transform: none!important; -webkit-transform: none!important; } .container .reviews-section-title, .reviews-section-title { margin-left: 0; margin-bottom: 50px; line-height: 1.3; text-align: center; } .fullwidth-carousel .vc_pageable-slide-wrapper.owl-carousel { margin-right: -15px!important; } .fullwidth-carousel.vc_grid_col_2 .vc_pageable-slide-wrapper.owl-carousel { margin-right: -15px!important; } .testimonials.slider.with-image .tt-container h5, .testimonials.slider .tt-content h5 { font-size: 24px; margin-bottom: 25px; } .key-icon-box.icon-left.cont-left .ib-link, .key-icon-box.icon-left.cont-left .service-heading, .key-icon-box.icon-left.cont-left p, .key-icon-box.icon-left.icon-left-wrapper .ib-link, .key-icon-box.icon-left.icon-left-wrapper .service-heading, .key-icon-box.icon-left.icon-left-wrapper p { width: 100%; } #single-page .kd_pie_chart .kd_pc_desc, .kd_pie_chart .kd_pc_desc { padding: 0; } .kd-icon-list { } .timeline-item .timeline-item-description br { display: none; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper { width: 100%; } .kd-timeline.timeline-align-zigzag .timeline-line { left: 20px; margin: 0; right: auto; transform: translateX(-50%); height: auto; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-wrapper { margin-right: 0; margin-left: 50px; } .kd-timeline.timeline-align-zigzag .timeline-item .timeline-item-point { left: 0; right: auto; transform: none; } .kd-rotator-wrapper .rotator-single { white-space: pre-wrap; } .kd_progb_head { width: 100%!important; } .kd-process-steps.process-number-template ul li .pss-container:before { display: none; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg img { margin-bottom: 20px; } .key-icon-box.icon-left.icon-default .ib-icon-wrapper .tt-iconbox-customimg img { margin-bottom: 0; } body #cookie-notice { bottom: 0; width: 100%; border-radius: 0!important; transform: none; left: 0; } #cookie-notice .cookie-notice-container {padding: 20px} #cookie-notice .cn-text-container { margin-bottom: 15px } .ib-hover-2.key-icon-box .ib-badge {background: #fff} body #cookie-notice .cn-button { margin: 0; height: 40px; line-height: 40px; } .entry-video .show-video .play-video { opacity: 0 !important; } .feature-sections-wrapper .entry-video { margin: 20px 0!important; } .cb-container .cb-wrapper:hover { transform: none!important; } .cb-container:hover .cb-wrapper:after { display: none!important } #kd-blog-slider { margin-top: 40px!important; } .textwidget iframe { max-width: 100%!important; min-width: 100%!important; } .blog_widget .wpcf7 .acceptance-subscribe { position: relative; bottom: 0; } #wrapper .fullwidth-carousel .vc_pageable-slide-wrapper .active + .active + .active { opacity: 1!important; } .wpb-js-composer .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body .vc_column-inner { padding-left: 15px!important; padding-right: 15px!important; } .kd-price-block .pb-desc-wrap, #single-page .kd-price-block .pb-desc-wrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0; margin-top: 0; } .kd-price-block .pb-content-wrap h4 { font-size: 22px; margin-bottom: 5px; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { height: auto!important; } .container .kd-contact-form { padding-left: 0!important; padding-right:0!important; } .wpb_column.with-shadow { box-shadow: none!important; } .separator-height-large, .separator-height-large svg { height: 100px; } .wpcf7 .acceptance-subscribe { left: 0; bottom: -60px; white-space: inherit; } .blog-footer-subscribe-form .wpcf7 .acceptance-subscribe { margin-bottom: 10px; position: relative; bottom: 0; } #wrapper .kd-photo-group { margin:0!important; } .kd-group-image { transform: none!important; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a { height: 50px; } .kd-feature-tabs { padding: 25px 0; } .scroll-down-wrapper { display: none; } .key-icon-box.icon-left.cont-left .service-heading, .key-icon-box.icon-left.cont-left p { width: 100%; } .key-icon-box.icon-left.cont-left .service-heading { font-size: var(--medium-body-text-size); } .key-icon-box.icon-left.cont-left .ib-icon-wrapper, .key-icon-box.icon-left.cont-left .ib-simple-icon-wrapper { margin-bottom: 20px; } .kd-ps-wrapper { float: left; width: 100%; margin-bottom: 50px; z-index: 10; } .key-icon-box h6.service-heading { font-size: 16px; } .pll-parent-menu-item .mobile-dropdown { display: block; } .pll-parent-menu-item img { display: inline-block; } header.kd-section-title:not(.disable-responsive) { margin-bottom: 50px!important } .vc_grid-container.fullwidth-carousel { width: 100%; } .vc_grid-container.fullwidth-carousel .vc_pageable-slide-wrapper .vc_grid-item:nth-of-type(3) { opacity: 1!important; } .four-elem-team .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: 0px; } .team-member.design-classic .kd-team-contact .kd-team-email, .team-member.design-classic .kd-team-contact .kd-team-phone { width: 100%; padding: 5px 0; } .team-member.design-classic .kd-team-contact { flex-direction: column; } .owl-carousel .owl-nav div.owl-prev { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); left: 10px!important; } .owl-carousel .owl-nav div.owl-next { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); right: 10px!important; } .team-member.design-creative .team-image:hover:before { display:none; } .team-member.design-creative .team-image:hover { transform:none; } .team-member.design-creative .team-content-hover { position: relative; opacity: 1; bottom: inherit; border-radius: inherit; padding: 30px; padding-bottom: 25px; margin-bottom: 25px; margin-top: -100px!important; background: transparent; } .team-member.design-creative .team-content-hover * { position: relative!important; } .team-member.design-creative .team-content-hover:before { opacity: 1; background: transparent; } .team-member.design-creative .team-socials { top:0; transform: none; margin: 0; } .team-member.design-creative .team-content .team-content-hover h4, .team-member.design-creative .team-content .team-content-hover .team-subtitle { transform:none; margin-bottom: 15px; } .team-member.design-creative .team-socials { opacity: 1; } .testimonial-cards.container .tcards-content .owl-nav { position: relative; margin: auto; bottom: inherit; margin-top: 30px; max-width: 110px; } .cb-text-area { width: 100%; } .kd-price-switch { margin: 0 auto; } .ps-secondary-variant, .ps-default-variant { font-size: inherit; } .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panels-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container { padding: 0; } /* .separator-height-small, .separator-height-small svg, .separator-height-medium, .separator-height-medium svg, .separator-height-large, .separator-height-large svg { height: 50px; max-height: 50px; }*/ .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a { display: flex!important; background: #fff; color: inherit!important; } .wpb-js-composer .vc_tta.vc_general i.vc_tta-icon { font-size: 24px!important; } div.wpcf7 .wpcf7-form .ajax-loader { display: none } .ib-hover-2.key-icon-box .ib-wrapper::before {display: block;content: '';z-index: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.3;-moz-transition: all .15s ease;-o-transition: all .15s ease;-webkit-transition: all .15s ease;transition: all .15s ease;background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .ib-hover-2.key-icon-box .ib-wrapper * { color: #fff!important } .business-info-wrapper .toggle-map-info { display: none; } .key-icon-box.ib-hover-gray .ib-wrapper, .key-icon-box.ib-hover-1 .ib-wrapper { padding: 20px!important; } .key-icon-box.ib-hover-gray .ib-wrapper .ib-button-wrapper, .key-icon-box.ib-hover-1 .ib-wrapper .ib-button-wrapper { margin-bottom: 25px; } .vc_row .kd-large-image-right, .vc_row .kd-large-image-left { width: 100%; margin: 0; } .admin-bar .feature-sections-wrapper .feature-sections-tabs { top: 0; } .feature-sections-wrapper section { padding-top: 60px; } .feature-sections-wrapper .tt_button { margin-bottom: 30px; } .footer_widget ul.redux-social-media-list li {float: none; display: inline-block;} .kd-process-steps.process_three_elem li, .kd-process-steps.process-checkbox-template.process_four_elem li, .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-checkbox-template.process_five_elem li, .kd-process-steps.process-number-template.process_five_elem li { width: 100%; margin: 0; margin-bottom: 30px; } .kd-process-steps.process-checkbox-template ul li { margin-top: 0px!important; margin-bottom: 40px; } .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-number-template.process_three_elem li { padding: 10px; } .kd-process-steps ul li::after {display: none;} .kd-process-steps.process-checkbox-template { border:none; } #single-page .kd-process-steps .pss-text-area p, .kd-process-steps .pss-text-area p { margin-bottom: 20px; padding: 0 15px; } .kd-process-steps.process_three_elem li:last-child, .kd-process-steps.process_four_elem li:last-child, .kd-process-steps.process_five_elem li:last-child { margin-bottom: -20px } .four-elem-team .team-member.design-creative, .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: auto; } .team-member.design-minimal .team-socials { display:none; } .process-checkbox-template .tt_button { margin-left: auto; margin-bottom: 30px; } .team-member.design-classic .team-content p { } .kd-text-rotator-container {} .ag-slider-wrapper { width: 300px; position: relative; top: 0; left: auto; z-index: 4; margin: auto; } .app-gallery .owl-dots { position: relative; left: auto; bottom: auto; margin-top: 40px; z-index: 99; } .kd-process-steps.process-checkbox-template .pss-text-area { } .kd-process-steps.process-checkbox-template .pss-item:before { } .kd-process-steps.process-checkbox-template .pss-step-number { } .kd-process-steps.process-checkbox-template ul li .pss-container:before { display: none; } .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title { padding-right:0; padding-top:10px; padding-bottom:20px; } .play-button-left .play-video { } .features-tabs .tab:after {display: none;} .video-container { margin-bottom: 0; height: auto!important; max-width: 100%; } .kd-process-steps.process-checkbox-template .pss-text-area h4 { margin-bottom: 20px; text-align: center; } .kd-process-steps .pss-text-area h4 { font-size: 22px; } .feature-sections-wrapper .feature-sections-tabs.with-sticky-topbar, .feature-sections-wrapper .feature-sections-tabs { margin: 0 -30px; margin-bottom: 0; position: relative; top: 0!important; } .feature-sections-wrapper .tt_button { margin-top: 25px; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs li { width: 100%; } .feature-sections-wrapper .container { max-width: 100%; display: block; align-items: left; padding: 0; } .side-content-text ul>li:before { margin-top: 2px; } .side-content-text ul li { font-size: inherit; line-height: inherit; } .feature-sections-wrapper .side-featured-wrapper, .feature-sections-wrapper .side-content-wrapper { width: 100%!important; text-align: left; } .feature-sections-wrapper .side-content-wrapper .custom-icon { margin-left:auto; margin-right:auto; } .feature-sections-wrapper .featured-image img { max-width: 100%; width: auto; margin-top: 20px; margin-right: 0!important; margin-left: 0!important; height: auto; height: intrinsic; } .kd-price-block { padding-right: 0; } .cb-img-area { } .key-icon-box { margin-bottom:0!important; } .key-icon-box { margin-bottom: 30px!important } #posts-content .post .blog-social-sharing .tt_button { margin-bottom:10px; min-width:200px; } .tt_button .iconita.fa { margin-right: 10px; } .container .rotator-single { margin-bottom: 0; } .container h1.rotator-single { font-size: 32px!important; } .wpb_text_column:last-child ul, .wpb_text_column ul {margin-bottom:20px;} #wrapper .tt_button .tt_button { margin-bottom: 0px; } .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a { border-radius: 0!important; } .ag-section-desc h2, .container .reviews-section-title, .kd-text-rotator h3.kd-text-rotator-container, .kd-text-rotator h2.kd-text-rotator-container, .container h2.rotator-single, .vc_row .container h2, .container h3.vc_custom_heading, .kd-calltoaction .cta-text h3, #single-page .kd-calltoaction .cta-text h3, .container .tab-text-container h2, header.kd-section-title h2 { font-size: 28px!important; line-height: 1.3!important; } .feature-sections-wrapper .side-content-title br { display: none; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs a i { font-size: 24px!important; } .kd-text-rotator h1.kd-text-rotator-container, header.kd-section-title h1 { font-size: 36px!important; line-height: 1.3!important; margin-bottom: 20px!important; } h2.kd-section-title .separator_off { margin-bottom: 20px; } .kd-price-block .pb-image-wrap img { margin-bottom: 20px; } .kd_progress_bar:last-child { margin-bottom: 0; padding-bottom: 0;} .testimonials.slider { position: relative; width: 100%; bottom: 0; right: 0; max-width: 100%; margin-right: auto; left: inherit; text-align: center; padding-left: 0; padding: 0; } .testimonials.slider.with-image { padding:0; } .testimonials.slider .tt-container:before { display: none; } .sliding_box_child.active-elem { width: 100%; } .sliding_box_child { padding: 0; position: relative; float: left; width: auto; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; overflow: hidden; margin-right: 0; margin-bottom: 30px; } .sliding_box_child .sb_content_wrapper h4 { } .sliding_box_child .sb-image { width: auto; height: auto; } .sliding_box_child img { max-width: 100%; display: block; width: 100%; height: auto !important; } .sliding_box_child .sb_content_wrapper { padding: 25px; position: relative; top: 0; left: 0; width: auto; height: auto; margin-bottom: 0; max-width: inherit; } .sliding_box_child .tt_button { position: relative; bottom: 0; float: none; margin: 0; margin-top: 25px; max-width: 100%; } .tt_button.pull-left, .tt_button.pull-right, .tt_button.button-center { display: flex; flex-flow: row wrap; align-items: center; float: none !important; margin: 0 auto; } .tt_button.pull-left { margin-left: 0; margin-bottom: 10px; } .tt_button.pull-right { margin-right: 0; margin-bottom: 10px; } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list { display: block; } .container h1.vc_custom_heading br, .container h2.vc_custom_heading br, .container h3.vc_custom_heading br { display: none; } .row .vc_tta-panel-body .vc_toggle { padding: 5px 0px; } .row .vc_toggle .vc_toggle_content p { font-size: 14px; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title h4 { display: block; max-width: 90%; margin: 0; text-align: left; } .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_content p { text-align: left; } .kd-calltoaction .cta-btncontainer .tt_button { margin-right: 0; } .kd-calltoaction { margin: 0 -15px!important; display: block; position: relative; width: auto; padding: 50px 15px; margin-left: 0; } .kd-calltoaction.icon_browser .cta-btncontainer, .kd-calltoaction.custom_image .cta-btncontainer { display: block; width: 100%; } .kd-calltoaction.icon_browser .cta-icon, .kd-calltoaction.custom_image .cta-icon { float: none; margin-bottom: 30px; } .kd-calltoaction.icon_browser .cta-text, .kd-calltoaction.custom_image .cta-text { width: 100%; float: left; } .vc_custom_heading.post-link { width: auto!important; } #wrapper .vc_gitem-post-data-source-post_categories { display: block!important; } .contact-map-container .business-info-wrapper { display: block; position: relative; left: inherit; top: 0; margin: 0; margin-left: 30px; margin-right: 0; margin-bottom: 0px; width: calc(100% - 60px); max-width: 100%; margin-top: 15px; margin-bottom: 15px; } .contact-map-container.right_info_panel .business-info-wrapper, .contact-map-container.left_info_panel .business-info-wrapper { width: 100%; margin: 0; transform: none; left: auto; right: auto; padding: 100px 50px 85px 50px; } .contact-map-container .business-opening-hours { max-width: 400px; } .key-icon-box .ib-wrapper { padding: 20px; } .cb-text-area br, .key-icon-box .ib-wrapper br { display: none; } .key-icon-box.icon-left.icon-default i, .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { margin-right: 15px; margin-top: -10px; float: none; margin: 0; } .key-icon-box.icon-left.icon-default .tt-iconbox-customimg { width: 45px; } .key-icon-box.icon-left.icon-default i { text-align: left; } .kd-contact-form.light_background .wpcf7 .wpcf7-submit { margin: 0; max-width: 100%; float: right; } .rw-title { text-align: center; } .app-gallery .heading-separator { margin-left: auto; } .testimonials.slider.content-left .owl-dots, .testimonials.slider.content-left .tt-container { max-width: 100%; text-align: center; } .tt_button.center-button.pull-right, .tt_button.center-button.pull-left { margin: auto; float: none!important; margin-bottom: 20px; display: table; } .testimonials.slider.content-left , .testimonials.slider.content-left .heading-separator, .testimonials.slider.content-left h3, .testimonials.slider.content-left .tt-content h6, .testimonials.slider.content-left .tt-container { text-align: center; max-width: 100%; margin-left: 0; } .team-member.design-classic { margin: 0; margin-bottom: 20px; } .team-member.design-classic .team-content-text { position: relative; z-index: 999; top: inherit; } .team-member.design-classic:hover .team-content-text-inner { opacity: 1; visibility: visible; } .testimonials.slider .tt-container .heading-separator { display: none; } .team-member.design-classic .team-image { margin-top: 0; } .team-member.design-classic .team-image-overlay { display: none; } .rw_header { float: none; height: auto; } .rw-authorimg { } .rw-authorimg img { max-width: 100%; height: auto; margin: auto; max-height: inherit; width: auto!important; } .rw-author-details { width: 100%; display: block; } .pricing-table.active { padding-top: 0; margin-top: 0; padding-bottom: 0; } .pricing-table { } .pricing-table.active.MinimalStyle { } .pricing-table.MinimalStyle.active + .pricing-btn-minimal:after, .pricing-table.MinimalStyle.active + .pricing-btn-minimal { color: var(--main-color); } .testimonials.owl-carousel, .rc-content.owl-carousel, .pbc-content.owl-carousel, .team-carousel .tc-content.owl-carousel, .testimonial-cards .tcards-content { opacity: 1; } .kd-promobox .prb-content p { margin-bottom: 35px; text-align: center; } .kd-promobox .prb-content h3 { text-align: center; } .testimonial-cards { margin-bottom: 20px; } .key-tcards { padding: 0; } .testimonial-cards.container .tcards-content { margin: 0; min-width: auto; } .testimonial-cards .tcards-title-nav { float: none; max-width: 100%; margin: 0 0 40px; } .testimonial-cards .owl-carousel .owl-item { padding: 0; opacity: 0; } .testimonial-cards .tcards-content .owl-wrapper-outer { overflow: visible; } .kd-calltoaction .cta-text h3, #single-page .kd-calltoaction .cta-text h3 { max-width: 100%; } .cb-container { margin-bottom: 0; max-height: 100%; border: 0; } .kd-calltoaction .cta-text h2 br { display: none; } .cb-container .cb-wrapper { margin-bottom: 15px; padding: 25px; } .cb-container:hover { box-shadow: none; border: 0; } .cb-container:hover .cb-img-area { opacity: 1; } .cb-container:hover .cb-text-area, .cb-container:hover .cb-img-area { -webkit-transform: none; transform: none; } .cb-heading {font-size: var(--medium-body-text-size);} .cb-subtitle { text-align: center; } .rw_message {border:none;max-width: 100%;margin-top: 25px;} .review-carousel .owl-item { padding-left: 0; padding-right: 0; } .bp-container .bp-content { max-height: 85%; top: 8%; left: 10%; max-width: 80%; padding: 0; } .key-icon-box.icon-left.icon-circle p { max-width: calc(100% - 136px); float: right; } #download-ebook {padding-bottom: 0 !important;} .large-counter .kd_counter_units, .large-counter .kd_number_string {margin-bottom: 0;} .kd_pie_chart {margin-bottom: 30px;} .kd_counter { margin-bottom: 40px; text-align: center!important; } .kd_counter * { text-align: center!important; } .kd_counter.left-align .kd_counter_text { text-align: left!important; } .kd-large-image { width: 100%!important; } .kd_counter .kd_counter_icon, .kd_counter.icon-left .kd_counter_icon { display: block; margin: 0 auto 15px; } .kd-calltoaction.no_icon .cta-text, .kd-calltoaction.no_icon .cta-btncontainer { width: 100%; display: block; float: left; } .kd-calltoaction.no_icon .cta-text a, .kd-calltoaction.no_icon .cta-btncontainer a { } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin: 25px 0; color: inherit; } .team-content { margin:auto; } .key-icon-box.icon-top { margin-bottom: 20px; } .key-icon-box.icon-left.icon-circle { text-align: left; float: none; clear: both; margin: auto; display: block; width: 100%; margin-bottom: 40px; max-width: 400px; min-height: 150px; } .key-icon-box i { margin-bottom: 16px; margin-top: 20px; } .key-icon-box.icon-left.icon-default p br { display: none; } .key-icon-box .ib-link { margin-top: 20px; } .team-image { } .team-member.design-creative h4 { margin-top: 25px; margin-bottom: 5px; } .team-member.design-minimal .team-content-hover { opacity:1; top: -30px; } .with-animations .cb-container, .with-animations .key-icon-box, .with-animations .tt_button, .with-animations .team-member, .with-animations .play-video, .with-animations .wpcf7-form, .with-animations .toggle-map, .with-animations .portfolio-item, .with-animations .testimonials.slider { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; opacity: 1; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; } .video-container img { margin-left: 0; min-height: 120px; width: 100%; /* max-width: 100%; */ } .video-container a img { width: 100%; max-width: 630px; } .video-container a { width: 100%; } .play-button-left.video-container a { margin-top: auto; } .features-tabs .tab-image-container img { width: 100%; margin: 0; max-width: 100%; margin-bottom: 15px; } .features-tabs .tab { display: block; width: 100% !important; text-align: center; padding: 20px; } .tabs-image-left.features-tabs .tab.active:after { display:none; } .features-tabs h2.section-heading { text-align: center; } .features-tabs .tab a { padding: 20px; } .tab-text-container { } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: inherit; width: 100%; } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: 0%; width: 100%; } .features-tabs.tab-img-fullwidth .tab-controls { bottom: inherit; width: 100%; left: inherit; right: inherit; } .features-tabs .tab a h5 { margin-bottom: 0; font-size: 14px; line-height: 60px; } .tabs-image-left.features-tabs .tab-controls, .features-tabs .tab-controls { padding-left: 0px; margin-bottom: 0; width: 100%!important; position: relative; /* bottom: 0!important; */ left: inherit; right: inherit; } .container .vc_row .features-tabs.tab-img-fullwidth .tab-text-container h2 { padding-top: 50px!important; } .vc_row .features-tabs.tab-img-fullwidth .tab-controls { /* bottom: 0; */ /* width: 100%; */ } .features-tabs .tabs { width: 100%; height: auto; margin: 0 15px; max-width: calc(100% - 30px); } .features-tabs { text-align: left; padding: 0; } .features-tabs .tab a.active .triangle { display: none; } .features-tabs li { background: none; padding-left: 0; list-style: none; margin: 0; float: left; } .features-tabs .tab-controls li a { padding: 20px; } .tab-img-fullwidth .tab-controls li { margin-bottom: 20px; } .features-tabs .tab .fa, .tt-tab-customimg, .features-tabs .tab a .triangle { display: none; } .features-tabs .tab a { padding: 0px; } .features-tabs .tab a p { margin-top: 20px; padding: 0 20px; text-align: center; margin-bottom: 0; } .features-tabs img { margin: 0; max-width: 60%; position: relative; top: auto; right: auto; height: auto; display: block; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { line-height: 22px; min-height: 50px; } .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; } .kd-promobox.prb_image_right .prb-btncontainer, .kd-promobox .prb-btncontainer .prb-button { margin: auto; float: none; opacity: 1; visibility: visible; } .prb-btncontainer { float: none; height: auto; } .tt-image { width: 100%; max-width: 100%; } .testimonials.slider.without-image .tt-image { margin-bottom: 25px; } .testimonials.slider .tt-quote { display: none; } .testimonials.slider .tt-container { float: right; width: 100%; max-width: 100%; position: relative; margin-right: 0; text-align: center; margin-top: 0; } .testimonials.slider.with-image .tt-container { position:relative; margin: 0; padding: 30px; max-width: 100%; } .testimonials.slider h3 { font-weight: 700; margin: auto; text-align: center; max-width: 500px; margin-top: 0; margin-bottom: 15px; font-size: 25px; letter-spacing: -0.3px; line-height: 30px; } .testimonials.slider .tt-content h6 { margin: auto; font-size: 22px; font-weight: normal; margin-bottom: 20px; text-align: center; } body .testimonials.slider.with-image .tt-container h6, .testimonials.slider.with-image .tt-container h6 { text-align:center; font-size:18px; text-align: center; } .testimonials.slider .author { margin-top: 25px; } .key-reviews { padding: 35px; margin: 0 15px; } .pricing { padding: 20px 10px; padding-bottom: 30px; } .pricing-table.MinimalStyle .pricing-title { padding-top: 20px; } .pricing-table.DetailedStyle .pricing { padding-top: 23px; } .comparison-pricing-table .pricing-table.DetailedStyle.active, .comparison-pricing-table .pricing-table.DetailedStyle { background: var(--gray-color-overlay); margin-bottom: 30px; padding-top: 50px; padding-bottom: 50px; } .pricing-table.MinimalStyle { margin-left: 0; margin-right: 0; width: auto; margin-bottom: 0; } .pricing-table.MinimalStyle:before { display:none; } .pricing-table.DetailedStyle, .pricing-table { width: 100%; margin: 0 auto; margin-bottom: 30px; } .pricing-table.DetailedStyle { padding-top: 30px; padding-bottom: 35px; } .pricing .pricing-option { } .pricing .pricing-subtitle { padding: 0; } .pricing .pricing-subtitle br { display:none; } .pricing-table.DetailedStyle.active { margin: 0; margin-bottom: 30px; padding-bottom: 35px; padding-top: 30px; } .pricing .pricing-option .fa { float: none; margin-right: 12px; font-size: 12px; } .pricing-table.active.MinimalStyle .pricing-options-container { background: none; } .pricing-table.DetailedStyle.active .pricing-options-container.DetailedStyle { } .pricing .button-container { padding: 32px 0 35px 0; } .pricing .col-lg-3 { margin-bottom: 0; border: none; margin-left: 25px; margin-right: 25px; width: auto; padding-bottom: 20px; } .pricing-btn-minimal { position: relative; right: auto; margin: auto; padding-bottom: 30px; margin-bottom: 30px; padding-top: 30px; display: block; text-align: center; background: var(--gray-color-overlay); border: 1px solid var(--border-color); margin-top: -1px; } .pricing-table.DetailedStyle .pricing .col-lg-3 { padding-bottom: 0; } .pricing-table.DetailedStyle.active .pricing .col-lg-3 { padding-bottom: 0; padding-top: 0; } .pricing .pricing-price { } .pricing .currency { font-size: 30px; position: relative; top: -12px; } .pricing-meta { } .featured_content_parent .container .featured_content_img img { opacity: 1; min-height: auto; -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .featured_content_parent { background: none; } .featured_content_parent h4 { margin-top: 30px; } .featured_content_parent p { margin-bottom: 30px; line-height: 25px; } .app-gallery .ag-section-desc { max-width: 100%; text-align: center; margin-right: 0; margin-top: 0; position: relative; z-index: 99; margin-bottom: 50px; } .app-gallery .ag-section-desc h4 { font-size: 28px!important; line-height: 1.3; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; display: block; left: auto; bottom: auto; text-align: center; z-index: 99; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; margin-top: 0; } .countdown { position: relative; width: 100%; margin: 0; box-shadow: none; left: 0; padding: 0; height: auto; } .countdown .CountdownSeparator { display: none; } body.maintenance-mode .CountdownContent, .countdown .CountdownContent { width: 25%; height: 70px; border: none; font-size: 24px; font-weight: 600; border-radius: 0; text-align: center; display: inline-block; margin: 0; letter-spacing: 0; line-height: inherit; float: none; } .CountdownContent .CountdownLabel { margin-top: 0; font-size: 14px; } .team-carousel .owl-item .team-member.design-creative .team-image .team-content-hover, .team-image:hover .team-content-hover { padding: 30px; margin-top: 0; width: 100%; margin: 0; left: 0; max-width: 100%; } .vc_tta.vc_general .vc_tta-panel-title { margin: 0; line-height: 18px; font-size: 14px; text-align: center; } .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a { padding: 20px 10px; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { margin-bottom: 0px !important; margin-top: 0px !important; } .wpb-js-composer .vc_tta-container .vc_tta .es-accordion .es-session-desc p { text-align:left; } .es-accordion .es-speaker-container .es-speaker-position, .es-accordion .es-speaker-container .es-speaker-name { text-align: left; } .vc_tta-container .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 20px; } .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 10px 15px; max-width: calc(100% - 30px); margin: 0; width: 100%!important; border: none!important; } .pb-desc-wrap br {display: none;} .kd-price-block {margin: 15px 0;} .kd-price-block .pb-content-wrap { display: flex; position: relative; flex-flow: row wrap; margin-top: 0; } .kd-price-block .pb-content-wrap h5 { display: block; width: 100%; white-space: initial; } .kd-price-block .pb-content-wrap .pb-dots {display: block;position: relative;top: 0;bottom: 0;display: none;} .kd-price-block .pb-content-wrap .pb-pricing-wrap { display: block; width: 100%; margin-right: 0; padding-left: 0; } .es-accordion .es-session-desc { font-size: 13px; font-weight: 400; line-height: 20px; margin-bottom: 10px; display: inline-block; max-width: 100%; text-align: left; } .vc_tta-container .vc_tta.vc_general .vc_tta-panels, .vc_tta-container .vc_tta.vc_general .vc_tta-panels-container { background: transparent; } .vc_tta.vc_general .vc_tta-panel-title>a { padding: 20px; width: 100%; font-weight: 600; margin: auto; max-width: 100%; } .kd-alertbox { max-width:100%; } .es-accordion .es-heading { position: relative; padding: 10px 0; } .es-accordion .es-heading h4, .es-accordion .es-time { display: inline-block; font-size: 14px; line-height: 20px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; text-align: left; width: 100%; } .es-accordion .es-time { float: left; margin-top: 6px; text-align: left; width: 100%; } .es-accordion .es-speaker-container { max-width: 100%; vertical-align: top; margin-top: 20px; display: inline-block; width: 100%; margin-bottom: 20px; margin-right: 0; } #single-page .cb-text-area p, .cb-text-area p { margin-bottom: 20px; opacity: 1; } .color-swtich img { width: 100%; height: auto; } .kd-section-title.col-lg-8.text-left, header.kd-section-title { margin: auto; } .kd-section-title.text-left { margin-left: 0!important; } .vc_grid-filter-select { text-align: left!important; } header.kd-section-title .subtitle { margin-bottom: 0; } } @media (min-width:2000px) { .fullwidth .features-tabs { max-width: 2000px; margin: auto; } } /*TABLET PORTRAIT*/ @media (min-width:767px) and (max-width:1180px) { .testimonials.slider .author { margin-top: 0; } .team-member.design-creative .team-content-hover { display: none; } .content-area .vc_grid-filter { margin-bottom: 50px; } .four-elem-team .team-member.design-creative, .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative, .team-member { margin: 0 10px 20px; } .hide-tablet, .fm-wrapper.hide-tablet { display: none; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs .nav-indicator, .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list .nav-indicator { display: none; } .wpb_column.with-shadow { box-shadow: none!important; } .kd_pie_chart {margin-bottom: 30px;} .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a { padding: 0 15px; font-size: inherit; } .first-image-wrapper { margin-right: auto; } .kd-section-title.subtitle-above-title .subtitle br { display: none; } .kd-large-image { width: 100%!important; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { padding: 0 10px; } .features-tabs .tab-controls li, .features-tabs .tab-controls li a { display: inline-block; width: 100%; } .testimonials.slider.with-image .tt-container { left: 0; } .wpb-js-composer .vc_tta-panels-container .vc_tta-panel-title a, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a { margin:0; } .sliding_box_child.active-elem, .sliding_box_child { width: 32%; margin-right: 2%; } .rw_header {height: auto;} .testimonials.slider .tt-container {margin-top: 50px;} .vc_grid-item.vc_col-sm-3, .wpb_column.vc_col-md-6, .vc_element.vc_col-md-6 { width: 50%; } .wpb_column.vc_col-md-12, .vc_element.vc_col-md-12 { width: 100%; } .vc_custom_1466613488090, .vc_custom_1466613515458, .vc_custom_1466613538944 { padding-left: 25px !important; } .with-animations .cb-container, .with-animations .key-icon-box, .with-animations .tt_button, .with-animations .team-member, .with-animations .play-video, .with-animations .wpcf7-form, .with-animations .toggle-map, .with-animations .portfolio-item, .with-animations .testimonials.slider { -webkit-animation-name: none; -moz-animation-name: none; -o-animation-name: none; animation-name: none; opacity: 1; -webkit-animation-duration: 0s; -moz-animation-duration: 0s; -o-animation-duration: 0s; animation-duration: 0s; } .vc_column_container>.vc_column-inner.vc_custom_1466944822997, .vc_column_container>.vc_column-inner.vc_custom_1466944963644, .vc_column_container>.vc_column-inner.vc_custom_1467982042067, .vc_column_container>.vc_column-inner.vc_custom_1466944963644 { padding-left: 0 !important; } .testimonials.slider .tt-quote { display: none !important; } .testimonials.slider { width: 100%; } .app-gallery .ag-section-desc { max-width: 100%; float: left; width: 100%; text-align: center; margin-right: 0; margin-top: 0; position: relative; z-index: 99; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; left: auto; bottom: auto; text-align: center; z-index: 99; margin-top: 30px; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; width: 95%; height: auto; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; float: left; margin-top: 20px; } .vc_col-sm-6 .video-container img { width: 100%; margin: auto; } .video-container img { width: 85%; margin: auto; } .featured_content_parent .active-elem .featured_content_img img { min-height: auto; } .featured_content_parent { background: none; } .vc_tta-container .vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container { min-width: 250px; } .download-specs .tt_button { width: auto !important; } .color-swtich img { width: 100%; height: auto; } .team-member.design-creative .team-content .team-content-hover h4 { top: 66%; } .rw-authorimg img { margin-bottom: 20px; } .rw-author-details p { line-height: 1.4; } } /*MOBILE ONLY*/ @media (max-width: 767px) { .hide-mobile, .fm-wrapper.hide-mobile { display: none; } .fm-wrapper { max-width: calc(100% - 30px); bottom: 15px; padding: 5px 3px; display: none; } .fm-wrapper.static-position { max-width: 100%; } .fm-wrapper .fm-list li a { font-size: 13px; padding: 7px 14px; letter-spacing: 0; } .video-container a { margin-top:0; } header.kd-section-title .subtitle br , header.kd-section-title br { display: none!important; } .topbar #menu-topbar-menu li {display: none;} .topbar #menu-topbar-menu li:nth-child(1), .topbar #menu-topbar-menu li:nth-child(2) { display: block; } .kd_map { max-height: 400px; } .kd-calltoaction .container { flex-direction: column; } .kd-calltoaction .cta-btncontainer { margin-left: 0; margin-right: auto; } .kd-photo-group:not(.disable-responsive) .kd-group-image { position: relative; right: inherit; left: inherit; max-width: 100%; } .kd-photo-group:not(.disable-responsive) .first-image-wrapper { margin-bottom: 30px; } .kd-photo-group { flex-direction: column; max-width: 100%; } .cta-text br { display: none; } .cta-text { margin-bottom: 30px; } .kd-calltoaction .cta-text p, #single-page .kd-calltoaction .cta-text p { margin-bottom: 5px; } .kd-title-label { flex-direction: column; width: 100%; } .kd-title-label .kd-title-label-transparent { margin-left: 0; padding: 5px 20px; } .kd-title-label .kd-title-label-solid { margin-bottom: 5px; } .team-carousel {margin: 0;} .kd-promobox {margin-bottom: 80px;} .kd-promobox.prb_image_left .prb-img, .kd-promobox.prb_image_right .prb-content, .kd-promobox.prb_image_right .prb-img { width: 100%; } .pricing-options-container.DetailedStyle .pricing-row:first-child { padding-top: 0; } .pricing-table.DetailedStyle.active { } .pricing-options-container.DetailedStyle .pricing-row:last-child { border-bottom: none; margin-bottom: 0; } .wpb-js-composer .es-accordion .es-heading { padding: 10px 0; } .pricing-options-container.DetailedStyle .pricing-row { overflow: hidden; max-width: 100%; } .prb-btncontainer { width: 100%; } .kd-promobox.prb_image_right .prb-content, .kd-promobox.prb_image_left .prb-content { width: 100%; margin: 0; float: left; text-align: center; margin-top: 20px; } .mg-gallery { -ms-grid-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr); } .mg-single-img.mg-big { grid-row: span 1; grid-column: span 1; } .testimonials.slider.with-image .tt-content .tt-content-inner { display: flex; flex-flow: column wrap; } .testimonials.slider.with-image .tt-container { order: 2; border-top-left-radius: 0 !important; } .testimonials.slider.with-image .tt-content .tt-content-inner .tt-image img { border-bottom-right-radius: 0 !important; } .testimonials.slider.with-image .tt-image img { margin-top: 0; } } @media (min-width:767px) and (max-width:960px) { .key-reviews.single-review-box { margin-right: 0; margin-left: 0; } .kd-process-steps.process_four_elem li { width: 50%; } .kd-process-steps ul li::after {display: none;} .team-image:hover .team-content-hover { height: auto; bottom: 0; } .kd-process-steps.process_three_elem li { width: 33.3333%; } .kd-process-steps.process-number-template.process_four_elem li, .kd-process-steps.process-checkbox-template.process_four_elem li, .kd-process-steps.process_four_elem li { width: 25%; padding-left: 10px; padding-right: 10px; } } @media (min-width: 1024px) and (max-width: 1225px) { .key-icon-box, .key-icon-box.with-border { margin-bottom: 30px; } .photo-gallery-wrapper { overflow: hidden; } .features-tabs .tab-controls { position: relative; bottom: inherit!important; width: 100%!important; float: left; left: inherit!important; right: inherit!important; margin-top: 50px; margin-bottom: -30px; } .sliding_box_child.active-elem { width: 100%; } .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: -25%; width: 90%; } .tabs-image-left.features-tabs.tab-img-fullwidth .tab-image-container { margin-left: -25%; width: 90%; } .sliding_box_child { padding: 0; position: relative; float: left; width: auto; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; overflow: hidden; margin-right: 0; margin-bottom: 20px; } .sliding_box_child.active-elem, .sliding_box_child { width: 32%; margin-right: 1%; } .sliding_box_child .sb-image { width: auto; height: auto; } .sliding_box_child img { display: block; width: 100%; max-width: 100%; height: auto !important; } .sliding_box_child .sb_content_wrapper { padding: 25px; position: relative; top: 0; left: 0; width: auto; height: auto; margin-bottom: 0; max-width: inherit; } .sliding_box_child .tt_button { position: relative; bottom: 0; float: none; margin: 25px 0 0; } .app-gallery .ag-section-desc { max-width: 100%; float: none; width: 100%; text-align: center; margin-right: auto; margin-left: auto; margin-top: 0; position: relative; z-index: 99; } .app-gallery .ag-section-desc p { line-height: 21px; max-height: 100%; } .app-gallery .ag-mockup { display: none; } .app-gallery { position: relative; left: auto; bottom: auto; text-align: center; z-index: 99; margin-top: 30px; } .app-gallery .owl-carousel img { cursor: pointer; margin: auto; display: block; width: 95%; height: auto; } .app-gallery .owl-carousel .owl-item { max-width: 100%; } .app-gallery .owl-carousel { width: 100%; position: relative; top: auto; left: auto; overflow: hidden; float: left; margin-top: 20px; } .ag-slider-wrapper { width: 300px; position: relative; top: 0; left: auto; z-index: 4; margin: auto; } .app-gallery .heading-separator { margin-left: auto; } .app-gallery .owl-dots { position: relative; left: auto; bottom: auto; margin-top: 20px; z-index: 99; } } body .vc_welcome .vc_ui-button { background-color: #7776f6; } body .vc_welcome .vc_ui-button:hover { background-color: #5959f3; } #vc_no-content-add-text-block { display: none; } .owl-carousel { display: block!important; opacity: 1!important; } .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots { margin-top: 0!important; } #wrapper .wpb_text_column p:last-child { margin-bottom: 20px; } .with-shadow .featured-image img { box-shadow: 0 0px 40px rgba(0, 0, 0, .07); } @media (min-width:769px) and (max-width:1240px) { .wpb-js-composer .vc_tta-container .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { max-width:100%; } } .compose-mode .vc_tek_priceswitcher .vc_controls>.vc_controls-cc { margin-top: 30px; } .compose-mode .vc_tek_reviewcarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_appgallery .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_clients .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_color_swtich .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_masonrygallery_elem .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_photocarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_photogallery .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_process .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_sliding_box .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_teamcarousel .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_testimonialcards .vc_controls>.vc_controls-out-tl, .compose-mode .vc_tek_testimonials .vc_controls>.vc_controls-out-tl { left: 50%; transform: translateX(-50%); } @media (min-width:769px) { .compose-mode .kd-process-steps.process_three_elem .vc_tek_process_single { width: 33.33%; float: left;} .compose-mode .kd-process-steps.process_four_elem .vc_tek_process_single { width: 25%; float: left } .compose-mode .kd-process-steps.process_four_elem li, .compose-mode .kd-process-steps.process_three_elem li {width: 100%;} } .compose-mode .vc_tek_appgallery.vc_element {position: initial;} .compose-mode .vc_tek_sliding_box_single {float: left;} @media (min-width:700px) and (max-width:1240px) { .compose-mode .vc_tek_sliding_box_single { width: 32%; margin-right: 1%; } .compose-mode .sliding_box_child.active-elem, .compose-mode .sliding_box_child {width: 100%;} } .compose-mode .kd-price-block { float: none; } .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover { color: #fff; } @media (max-width:767px) { .compose-mode .vc_element.vc_hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:1024px) { .compose-mode .vc_element.vc_hidden-sm { display: none!important } .testimonials.slider.with-image .tt-container { display: flex; flex-flow: column nowrap; } } @media (min-width:992px) and (max-width:1199px) { .compose-mode .vc_element.vc_hidden-md { display: none!important } } @media (min-width:960px) and (max-width:1240px) { .contact-map-container.right_info_panel .business-info-wrapper, .contact-map-container.left_info_panel .business-info-wrapper, .contact-map-container .business-info-wrapper { width: 50%; margin: 0; } .contact-map-container.right_info_panel .business-info-wrapper { right: 8%; } .contact-map-container.left_info_panel .business-info-wrapper { left: 8%; } } @media (min-width:720px) and (max-width:1365px) { .video-modal iframe { width: 100%; box-sizing: border-box; height: 100%; } .video-modal.in { display: flex!important; flex-direction: column; justify-content: center; align-items: center; } .video-modal.in .modal-content { left: 50%; max-width: 75%; width: 100%; height: calc(100vw * 0.42); } .video-modal.in .modal-content .row { height: 100%; } .features-tabs .tab-controls { position: relative; bottom: inherit!important; width: 100%!important; float: left; left: inherit!important; right: inherit!important; margin-top: 50px; margin-bottom: -30px; } .vc_row.vc_row-has-fill .container { max-width: 100%; } .feature-sections-wrapper .feature-sections-tabs .nav-tabs { overflow: hidden; } } @media (max-width: 1000px) { .kd-row-separator.layered_waves svg, .kd-row-separator.layered_bubbles svg { width: auto; } } /*MOBILE , TABLET*/ @media (max-width: 1366px) { .wpb_column.viva-sticky-column { position: relative; top: auto; } .rw_rating { position: relative; right: inherit; top: inherit; width: 100%; text-align: left; transform: none; margin-top: 20px; } .owl-nav div.owl-next:before, .owl-nav div.owl-prev:before, .owl-nav div.owl-next, .owl-nav div.owl-prev { width: 40px; height: 40px; line-height: 40px; } .owl-nav div.owl-next:before, .owl-nav div.owl-prev:before { font-size: 18px; } .section-heading .highlight-brush svg, .kd-section-title .highlight-brush svg, .section-heading .highlight-underline span, .kd-section-title .highlight-underline span { display: none; } .video-modal .video-modal-local { max-width: 100%; height: auto; max-height: 100%; } .fullwidth-carousel .owl-nav { display: block; position: relative; margin: 0; top: inherit; width: 110px; margin: auto; margin-top: 0; margin-bottom: 50px; } .fullwidth-carousel .owl-nav div.owl-prev, .fullwidth-carousel .owl-nav div.owl-next { margin: 0; left: inherit; right: inherit; } .feature-sections-wrapper .side-content-title br { display: none; } .kd-process-steps .pss-text-area p br { display: none } .kd-shapes { display: none!important } .kd-photobox {margin-bottom: 30px;} .kd-photobox .phb-content h4 { font-size: 22px; } #single-page .kd-photobox .phb-content p, .kd-photobox .phb-content p { font-size: var(--medium-body-text-size); } .features-tabs .tab-image-container { position: relative; padding: 0!important; width: 100%; margin: auto!important; float: none!important; } .vc_row .tabs-image-right.features-tabs.tab-img-fullwidth .tab-image-container { margin-right: 0; width: 100%; margin-left: 0; } .tab-img-fullwidth .tab-controls li { margin-bottom: 15px; } .key-icon-box.icon-left.cont-left .service-heading br, .key-icon-box.icon-left.cont-left p br { display: none; } .pricing .pricing-row { padding-top: 5px; padding-bottom: 5px; text-align: center; } .pricing-options-container.MinimalStyle, .pricing-options-container { margin-bottom: 25px; padding-left: 25px; padding-right: 25px; } .pricing-table.MinimalStyle .pricing { padding-top: 25px; } .pricing-table .pricing-title h5 { font-size:28px; } .pricing-options-container.DetailedStyle { padding: 25px 0 5px 0; } .key-tcards.single-tcard-elem { flex-direction: column; } .tcards_header .tcards-job { text-align: left; } .tcards_message {padding: 0;width: 100%;} .key-tcards.single-tcard-elem .tcards-image { } .ag-no-desc-section.app-gallery .owl-carousel .owl-wrapper-outer:before { display: none; } .row .vc_toggle:last-child { margin-bottom: 0px!important; } .owl-carousel .owl-nav div.owl-prev { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); left: 10px!important; } .owl-carousel .owl-nav div.owl-next { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); right: 10px!important; } .team-carousel { overflow: hidden; } .testimonial-cards.container .owl-nav, .team-carousel .owl-nav, .testimonials.slider .owl-nav, .clients.slider .owl-nav, .review-carousel .owl-nav, .photobox-carousel .owl-nav, .photo-gallery-wrapper .owl-nav, .owlslider-related-posts.owl-carousel .owl-nav { position: relative; max-width: 110px; margin: 30px auto 0; overflow: hidden; height: 40px; left: auto; } .testimonial-cards .owl-nav, .testimonials.slider.with-image .owl-nav {margin-top: 0px;} .review-carousel.nav-arrows .owl-nav, .photobox-carousel.nav-arrows .owl-nav, .photo-gallery-wrapper.nav-arrows .owl-nav, .photobox-carousel .owl-nav {margin-top: 15px;} .owlslider-related-posts.owl-carousel .owl-nav div.owl-prev, .photo-gallery-wrapper .owl-nav div.owl-prev {left: 10px;} .owlslider-related-posts.owl-carousel .owl-nav div.owl-next, .photo-gallery-wrapper .owl-nav div.owl-next {right: 10px;} .team-carousel .owl-nav div.owl-prev, .clients.slider .owl-nav div.owl-prev, .review-carousel .owl-nav div.owl-prev, .photobox-carousel .owl-nav div.owl-prev { left: 0; } .team-carousel .owl-nav div.owl-next, .clients.slider .owl-nav div.owl-next, .review-carousel .owl-nav div.owl-next, .photobox-carousel .owl-nav div.owl-next { right: 0; } .team-carousel .team-member.design-classic { } } /*TABLET LANDSCAPE*/ @media (min-width:1024px) and (max-width:1366px) { .feature-sections-wrapper .feature-sections-tabs { margin-left: auto; margin-right: auto; } .vc_grid-container.fullwidth-carousel { width: 100%; } .navbar.with-topbar-sticky + #wrapper #kd-blog-slider { margin-top: 108px; } .photo-gallery-wrapper .owl-wrapper-outer .owl-item img { height: auto!important; } .bp-content { max-width: 80%; max-height: 80%; top: 10%; } .first-image-wrapper { margin-right: auto; } #wrapper .kd-photo-group { max-width: 700px; margin: auto!important; } .countdown .CountdownContent { font-size: 38px; } .four-elem-team .team-member.design-creative, .team-member.design-creative, .vc_col-sm-3 .team-member.design-creative { margin: auto; } .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date { width: auto!important } } #primary .background-right { background-position: right top!important; } .gmnoprint .gm-style-mtc { display: none!important } .kd-large-image {width: 51vw;} .kd-large-image-left { margin-left: calc(100% - 51vw); width: 51vw; }/* -------------------------------------- COLOR: MAIN COLOR ----------------------------------------- */ .cb-simple-link:hover, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:hover, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:hover i, .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a, .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a i, .timeline-link:hover, .kd-price-block .pb-content-wrap h4 a:hover, .tab-overline, .kd-section-title .highlight-color, .section-heading .highlight-color, .menu-item-badge, #wrapper .wp-block-search__button, .key-icon-box .ib-badge, .feature-sections-wrapper .play-video .viva-play, .modal-content-contact .redux-social-media-list .fab, .hover_outline_primary:hover .iconita, .kd-icon-list .kd-icon-list-item a:hover, .white-button-form .wpcf7 .wpcf7-submit, .kd-side-panel .panel-close:hover .fa, .topbar #menu-topbar-menu li a:hover, .btn-hover-1 .tt_button:hover .iconita, .side-content-title-label, .background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover, .business-info-wrapper i, .keydesign-cart .badge, .header-wishlist .badge, .keydesign-cart ul.cart_list li a.kd_checkout_btn:hover, .keydesign-cart ul.cart_list li a.kd_cart_btn:hover, .topbar-phone a:hover, .topbar-email a:hover, .transparent-navigation #menu-topbar-menu li a:hover, .transparent-navigation .navbar.navbar-default .topbar-phone a:hover, .transparent-navigation .navbar.navbar-default .topbar-email a:hover, .tt_button.second-style .iconita, .blog-social-sharing a:hover, .blog-social-sharing a:hover i, #single-page #comments input[type="submit"]:hover, .tt_button.tt_secondary_button, .tt_button.tt_secondary_button .iconita, .team-carousel .owl-item .team-member.design-creative .team-socials a, .format-quote .entry-wrapper:before, .blog-single-title a:hover, .upper-footer i:hover, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab a:hover, .back-to-top, .back-to-top .fa, .pricing-options-container .pricing-option-text.with-tooltip:before, .post .entry-categories a, .portfolio .entry-categories a, .tags a, .tagcloud a, .tags-label, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab a:hover, #landing-page .demos-section .kd-photobox:hover h5, #landing-page .demos-section .kd-photobox h5:after, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active a, footer.underline-effect .textwidget a:hover, .kd-price-block .pb-price, .blog_widget.widget_categories ul li a:hover, .team-member.design-classic .kd-team-contact a:hover, #commentform #submit:hover, .kd-panel-subtitle ul>li:before, .kd-panel-subtitle ol>li:before, .tab-text-container ul>li:before, .wpb_text_column ul>li:before, .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown>a, .modal-content-contact .redux-social-media-list i:hover, .related-content .portfolio .post-link:hover, .related-content .portfolio h5 a:hover, #posts-content .post-link:hover, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date p:before, .vc_grid-item-mini .blog-detailed-grid .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before, #posts-content.blog-detailed-grid .entry-meta a:hover, .large-counter .kd_counter_units, .footer_widget .redux-social-media-list i, #single-page .bbp-login-form .user-submit:hover, .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown:hover>a, .kd-photobox .phb-content.text-left .phb-btncontainer a.phb-simple-link, .key-icon-box.icon-left a:hover, .key-icon-box.icon-top:hover .ib-link a, .footer-bar .footer-nav-menu ul li a:hover, #popup-modal .close:hover, body.maintenance-mode .container h2, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li a:hover, blockquote:before, .port-prev.tt_button, .port-next.tt_button, .upper-footer .socials-widget a:hover .fa, .footer_widget ul a:hover, span.bbp-admin-links a:hover, #bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover, .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before, .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before, .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container:hover a, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:hover, .topbar-lang-switcher ul li a:hover span, div.bbp-breadcrumb a:hover, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name, .kd_pie_chart .kd-piechart-icon, .breadcrumbs a:hover, .es-accordion .es-speaker-container .es-speaker-name, .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title:hover h4, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title:hover h4, .team-member.design-minimal .team-socials a, .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active a, .team-member.design-two:hover .team-socials .fab:hover, .team-member.design-two .team-socials .fab:hover, .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a, .navbar-nav li.dropdown:hover .dropdown-menu:hover li a:hover, .portfolio-meta.share-meta .fa:hover, .blog_widget ul li a:hover, .blog_widget ol li a:hover, #posts-content .entry-meta a:hover, .keydesign-cart:hover .cart-icon, #comments input[type="submit"], .search-submit:hover, .blog-single-content .tags a, .lower-footer a:hover, #posts-content .post .blog-single-title a:hover, #posts-content.blog-minimal-list .blog-single-title a:hover, #posts-content.blog-img-left-list .blog-single-title a:hover, .socials-widget a:hover .fa, .socials-widget a:hover, #customizer .viva-tooltip, .footer_widget .menu li a:hover, .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title:hover h4, #single-page .single-page-content .widget ul li a:hover, #comments .reply a:hover, #comments .comment-meta a:hover, #kd-slider .secondary_slider, #single-page .single-page-content .widget ul li.current-menu-item a, .team-socials .fa:hover, #posts-content .post .tt_button:hover .fa, #posts-content .post .tt_button:hover, .pricing-table .tt_button, .topbar-phone .iconsmind-Telephone, .topbar-email .iconsmind-Mail, .modal-content-contact .key-icon-box .service-heading a:hover, .pricing-table.active .tt_button:hover, .footer-business-content a:hover, .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom, .star-rating span, .es-accordion .es-heading h4 a:hover, .keydesign-cart ul.product_list_widget .cart-item:hover, #customizer .options a:hover i, #customizer .options a:hover, #single-page input[type="submit"]:hover, #posts-content .post input[type="submit"]:hover, #comments .reply a:hover, .meta-content .tags a:hover, .navigation.pagination .next, .navigation.pagination .prev, .product_meta a:hover, .tags a:hover, .tagcloud a:hover, .tt_button.second-style, .lower-footer .pull-right a:hover, .section .wpcf7-mail-sent-ok, .blog-header-form .wpcf7-mail-sent-ok, .upper-footer .modal-menu-item, .video-socials a:hover .fa, .kd_pie_chart .pc-link a:hover, .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4:hover, .fa, .far, .fas, .fab, .wpcf7 .wpcf7-submit:hover, .contact .wpcf7-response-output, .video-bg .secondary-button:hover, #headerbg li a.active, #headerbg li a.active:hover, .footer-nav a:hover, .wpb_wrapper .menu a:hover, .text-danger, .blog_widget ul li a:before, .pricing i, .content-area .vc_grid .vc_gitem-zone-c .vc_general, code, .subscribe-form header .wpcf7-submit, #posts-content .page-content ul li:before, .chart-content .nc-icon-outline, .chart, .row .vc_custom_heading a:hover, .secondary-button-inverse, .primary-button.button-inverse:hover, .primary-button, a, .services-list a:hover, .navbar-default .navbar-nav>.active>a, .pss-link a:hover, .featured_content_parent .active-elem h4, .contact-map-container .toggle-map:hover .fa, .contact-map-container .toggle-map:hover, .testimonials.slider .tt-container:before, .tt_button:hover, div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, .nc-icon-outline, .kd-photobox .phb-content a h4:hover, .phb-simple-link:hover, .content-area .vc_grid-item-mini:hover .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4, .kd-title-label .kd-title-label-transparent, .wpb_text_column ol>li:before, .wpb_text_column ul>li:before, .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4:after, .wp-block-button .wp-block-button__link:hover, .wp-block-archives li a:hover, .wp-block-categories.wp-block-categories-list li a:hover, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, .cb-container .cb-img-area i, .kd-counter-icon i, .features-tabs .tab-controls li i, .key-icon-box i, .business-info-wrapper .toggle-map-info, .process-icon i, .blog_widget.widget_product_categories ul li a:hover, .kd-progress-icon i, .side-content-wrapper i.section-icon, .kd-ps-wrapper:not(.active) .ps-default-variant, .kd-ps-wrapper.active .ps-secondary-variant { color: var(--main-color); } .kd-process-steps.process-number-template .process-text-link:hover, .kd-process-steps.process-number-template ul li:hover .pss-step-number span, .btn-hover-2 .tt_button.hover_solid_white:hover .iconita, .btn-hover-2 .tt_button.hover_solid_white:hover, .btn-hover-2 .tt_button.hover_outline_white:hover .iconita, .btn-hover-2 .tt_button.hover_outline_white:hover, .navbar.navbar-default .menubar .navbar-nav .active>a { color: var(--main-color) !important; } /* -------------------------------------- BACKGROUNDS: MAIN COLOR ----------------------------------------- */ .post-password-form .post-password-form__submit, .key-icon-box.icon-left-bg-primary-color .ib-icon-wrapper, .vc_row-gray-color-overlay .fullwidth-carousel .owl-nav div.owl-next:hover, .vc_row-gray-color-overlay .fullwidth-carousel .owl-nav div.owl-prev:hover, .pricing .pricing-price.sale-yes .pt-normal-price:after, #cookie-notice .cn-button, .theme-viva .select2-container--default .select2-results__option--highlighted[aria-selected], .theme-viva .select2-container--default .select2-results__option--highlighted[data-selected], #product-content .blog-social-sharing a:hover, .modal-content-contact .redux-social-media-list a:hover, .kd-icon-wrapper.icon-square, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:before, .kd-panel-subtitle ul>li:before, .tab-text-container ul>li:before, .side-content-text ul>li:before, .wpb_text_column ul>li:before, .scroll-down-wrapper a, .video-modal .modal-content .close:hover, #single-page .bbp-login-form .user-submit, .bbpress #user-submit, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], input[type="button"].ninja-forms-field, .modal-content-inner .wpcf7-submit:hover, .searchform #searchsubmit, #kd-slider, .kd-contact-form.light_background .wpcf7 .wpcf7-submit, .footer-newsletter-form .wpcf7 .wpcf7-submit, .phone-wrapper, .wpb_wrapper #loginform .button, .email-wrapper, .footer-business-info.footer-socials a:hover, .parallax.with-overlay:after, .content-area .vc_grid-filter>.vc_grid-filter-item span:after, .tt_button.tt_secondary_button:hover, .pricing-table .tt_button:hover, .modal-content-inner .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip, .tt_button.second-style:hover, .pricing-table.active .tt_button, #customizer .screenshot a, .heading-separator, .content-area .vc_grid-item-mini .vc_gitem-zone-c .vc_gitem_row .vc_gitem-col h4:before, .features-tabs .tab-controls li:after, .features-tabs li .tab-text-container:before, .blog-header-form .wpcf7-not-valid-tip, .section .wpcf7-not-valid-tip, .port-prev.tt_button:hover, .port-next.tt_button:hover, .owl-buttons div:hover, .row .vc_toggle_default .vc_toggle_icon, .row .vc_toggle_default .vc_toggle_icon::after, .row .vc_toggle_default .vc_toggle_icon::before, .upper-footer .modal-menu-item:hover, .contact-map-container .toggle-map, .portfolio-item .portfolio-content, .tt_button, .owl-dot span, .pricing .secondary-button.secondary-button-inverse:hover, .with-overlay .parallax-overlay, .secondary-button.secondary-button-inverse:hover, .secondary-button, #kd-slider .bullet-bar.tparrows, .primary-button.button-inverse, #posts-content .post input[type="submit"], .btn-xl, .with-overlay, .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom:hover, .separator, .cb-container.cb_main_color:hover, .keydesign-cart .buttons .btn:hover, #single-page #comments input[type="submit"]:hover, .contact-map-container .toggle-map:hover, .wpcf7 .wpcf7-submit:hover, .owl-dot span, .features-tabs .tab.active, .content-area .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before, .row .vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::after, .row .vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::before, .wpcf7 .wpcf7-submit, .navigation.pagination .next:hover, #single-page .vc_col-sm-3 .wpcf7 .wpcf7-submit, .spinner:before, .toggle-map-info:hover, .content-area .vc_grid .vc_gitem-zone-c .vc_general:hover, .content-area .vc_grid-item-mini .vc_gitem-animate-fadeIn .vc_gitem-zone.vc_gitem-zone-a:before, .keydesign-cart .badge, .header-wishlist .badge, .tags a:after, .tagcloud a:after, .post .entry-categories a:before, .portfolio .entry-categories a:before, div.wpcf7 .wpcf7-form .ajax-loader, #bbp_search_submit, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], .comparison-pricing-table .vc_custom_heading.active, .comparison-pricing-table .pricing-row.active, #commentform #submit, footer.underline-effect .textwidget a:after, footer.underline-effect .navbar-footer li a:after, footer.underline-effect .footer_widget .menu li a:after, #main-menu.underline-effect .navbar-nav .mega-menu .dropdown-menu .menu-item a:after, #main-menu.underline-effect .navbar-nav .menu-item .dropdown-menu .menu-item a:after, .kd-process-steps.process-checkbox-template .pss-step-number span:before, .kd-process-steps.process-checkbox-template .pss-step-number:before, .kd-process-steps.process-checkbox-template .pss-item:before, .blog-page-numbers li.active a, .owl-nav div.owl-next:hover, .owl-nav div.owl-prev:hover, .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:hover, .tags a:before, .tagcloud a:before, .kd-price-switch .price-slider, .team-member.design-classic .kd-team-contact .kd-team-email:before, .team-member.design-classic .kd-team-contact .kd-team-phone:before, .team-member.design-creative .team-image:before, .ib-hover-2.key-icon-box:hover .ib-wrapper, .team-member.design-classic .team-socials a:hover, .tags a:hover, .tagcloud a:hover, .tags-label:hover, .post .entry-categories a:hover, .portfolio .entry-categories a:hover, .blog_widget ul.redux-social-media-list li a:hover, .kd-title-label .kd-title-label-transparent::before, .kd-title-label .kd-title-label-solid::before, .jr-insta-thumb ul.thumbnails li a:after, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:before, .cb-container .cb-wrapper:after, .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a:before, .team-member.design-classic .team-socials a:after, .navigation.pagination .prev:hover, .kd-shapes.shape_dots, .timeline-item-wrapper.full-link-card:hover+.timeline-item-arrow+.timeline-item-point, .timeline-item-wrapper.full-link-card .timeline-full-link:hover, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a .nav-number, #landing-page .demos-section .kd-photobox h5:before, .kd-panel-phone:hover, .kd-panel-email:hover, .kd-panel-social-list .redux-social-media-list a:hover, footer.underline-effect .footer_widget ul li.cat-item a:after, .play-btn-primary-color .play-video, .theme-viva .cn-button.bootstrap, .wp-block-button__link { background-color: var(--main-color); } .key-icon-box .ib-badge, .kd-side-panel div.wpforms-container-full .wpforms-form input[type=email], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=number], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=search], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=text], .kd-side-panel div.wpforms-container-full .wpforms-form input[type=url], .kd-side-panel div.wpforms-container-full .wpforms-form select, .kd-side-panel div.wpforms-container-full .wpforms-form textarea, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-text, .kd-side-panel .kd-panel-wrapper .wpcf7 textarea, .kd-side-panel .kd-panel-wrapper .wpcf7 .wpcf7-select, .back-to-top, .search .search-form .search-field, .blog_widget .search-form .search-field, .blog-page-numbers li:not(.active) a:hover, .vc_row.vc_row-main-color-overlay, #single-page .bbp-login-form, div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, .wpcf7 .wpcf7-select, .wpcf7-form textarea, .wpcf7 input[type="file"], .wpb_wrapper #loginform .input, .wpcf7 input[type="date"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-select, .single-post-layout-two .blog-single-header-wrapper, .tags a, .tagcloud a, .tags-label, #single-page #comments input[type="text"], #single-page #comments input[type="email"], #customizer .options a:hover, .keydesign-cart .badge, .header-wishlist .badge, .post .entry-categories a, .portfolio .entry-categories a, .author-box-wrapper, .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a, .blog-subscribe-wrapper:before, #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header, .kd-panel-phone:after, .kd-panel-email:after, .search .topbar-search .search-form .search-field, .topbar-search .search-form .search-field, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, .bbpress .entry-header.blog-header { background-color: var(--main-color-transparent); } .menu-item-badge { background-color: var(--main-color-semi-transparent); } /* -------------------------------------- BACKGROUNDS: GRADIENTS ----------------------------------------- */ .kd_progressbarfill { background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color-semi-opaque) 100%) !important; } .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b { background: linear-gradient(0deg, var(--heading-color) 20%, transparent); } .wpb_wrapper #loginform .button, .key-icon-box.icon-left-bg-gradient-color .ib-icon-wrapper, .kd-section-title .st-overline.gradient-color, .rebar-wrapper .rebar-element, .kd-ps-wrapper.gradient-bg .kd-price-switch .price-slider, .icon-box-gradient i, .section-heading .highlight-gradient, .kd-section-title .highlight-gradient, .kd-section-title.section-title-gradient .kd-main-title, .tt_button.modal-menu-item.btn_gradient_color, .tt_button.btn_gradient_color, .vc_row.vc_row-gradient-color-overlay { background: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%) !important; } /* -------------------------------------- ROW BACKGROUNDS ----------------------------------------- */ .vc_row.vc_row-gray-color-overlay { background-color: var(--gray-transparent-overlay); } .vc_row.vc_row-dark-color-overlay { background-color: var(--heading-color); } /* -------------------------------------- BORDER COLOR: MAIN COLOR ----------------------------------------- */ .timeline-item-wrapper.full-link-card:hover+.timeline-item-arrow, .page-404 .tt_button, #wrapper .widget-title, .blockquote-reverse, .testimonials.slider .owl-dot.active span, .tags a:hover, .tagcloud a:hover, .contact-map-container .toggle-map:hover, .navigation.pagination .next:hover, .navigation.pagination .prev:hover, .contact .wpcf7-response-output, .video-bg .secondary-button, #single-page .single-page-content .widget .widgettitle, .image-bg .secondary-button, .contact .wpcf7-form-control-wrap textarea.wpcf7-form-control:focus, .contact .wpcf7-form-control-wrap input.wpcf7-form-control:focus, .team-member-down:hover .triangle, .team-member:hover .triangle, .comparison-pricing-table .vc_custom_heading.active, .comparison-pricing-table .pricing-row.active, .features-tabs .tab.active:after, .tabs-image-left.features-tabs .tab.active:after, .secondary-button-inverse, .kd-panel-social-list .redux-social-media-list a:hover, .kd-process-steps.process-number-template ul li:hover, .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, .kd-panel-phone:hover, .kd-panel-email:hover, .vc_separator .vc_sep_holder .vc_sep_line, .play-btn-primary-color .play-video:hover, .play-btn-primary-color .play-video, .play-btn-primary-color.play-video:hover, .play-btn-primary-color.play-video, .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a, .key-icon-box:hover .ib-wrapper, .modal-content-inner .wpcf7-not-valid-tip, .section .wpcf7-mail-sent-ok, .toggle-map-info:hover, #main-menu.background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover, .background-dropdown-effect .navbar-nav .menu-item-has-children .dropdown-menu a:hover, .blog-header-form .wpcf7-mail-sent-ok, .blog-header-form .wpcf7-not-valid-tip, .section .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip, .kd-process-steps.process-checkbox-template .pss-item:before, .kd-process-steps.process-checkbox-template, .kd-separator, .kd-separator .kd-separator-line { border-color: var(--main-color); } #product-content .blog-social-sharing a:hover, .modal-content-contact .redux-social-media-list a:hover, #single-page .bbp-login-form .user-submit, #single-page #comments input[type="submit"]:hover, .navigation.pagination .next, .navigation.pagination .prev, .upper-footer .modal-menu-item, .wpcf7 .wpcf7-submit:hover, .tt_button, div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, .navigation.pagination .next, .navigation.pagination .prev, .pricing.active, #user-submit, #bbp_search_submit, .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom, .primary-button.button-inverse:hover, .primary-button.button-inverse, .wpcf7 .wpcf7-submit, .owl-buttons div:hover, .content-area .vc_grid .vc_gitem-zone-c .vc_general, #commentform #submit, .blog_widget ul.redux-social-media-list li a:hover, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], .wp-block-button__link, #posts-content .post input[type="submit"], .owl-dot.active span, .owl-dot:hover span { border: 1px solid var(--main-color); } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab.vc_active, .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active { border-bottom-color: var(--main-color); } .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:before { border-right: 9px solid var(--main-color); } .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-container .vc_tta-tabs-list li:before { border-top: 9px solid var(--main-color); } /* -------------------------------------- BORDER COLOR: GRAY COLOR ----------------------------------------- */ .business-info-wrapper i, #main-menu .navbar-nav .mega-menu>.dropdown-menu:before, .footer-bar, .upper-footer, .lower-footer .container, .blog-page-numbers li:not(.active) a:hover, .tb-border-design .topbar-extra-content, .tb-border-design .topbar-socials a, .topbar #menu-topbar-menu li, .navbar-topbar li, .tb-border-design .topbar-left-content, .tb-border-design .topbar-right-content, .tb-border-design .topbar-phone, .tb-border-design .topbar-email, .tb-border-design .topbar-opening-hours, .business-info-wrapper .toggle-map-info, .topbar { border-color: var(--border-color); } .with-shadow, .key-icon-box.icon-with-shadow .ib-icon-wrapper { background: var(--gray-color-overlay); } /* -------------------------------------- BORDER WIDTH ----------------------------------------- */ #commentform #submit, .tt_button, .wpcf7 .wpcf7-submit, .content-area .vc_grid .vc_gitem-zone-c .vc_general, .tt_button.modal-menu-item, .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a { border-width: var(--button-border-width) !important; } /* -------------------------------------- SECONDARY COLOR ----------------------------------------- */ .ib-hover-2.ib-hover-secondary.key-icon-box:hover .ib-wrapper, .key-icon-box.icon-left-bg-secondary-color .ib-icon-wrapper, .tt_button.btn_secondary_color.tt_secondary_button:hover, .tt_button.btn_secondary_color, .modal-content-inner .wpcf7-submit:hover, .woocommerce .button:hover, .woocommerce div.product form.cart .button:hover, .btn-hover-2 #commentform #submit:hover, .btn-hover-2 .kd-panel-contact .wpcf7-submit:hover, .play-btn-secondary-color .play-video { background-color: var(--secondary-color); } .tt_button.btn_secondary_color.tt_secondary_button .iconita, .tt_button.btn_secondary_color.tt_secondary_button, .btn-hover-1 .tt_button.btn_secondary_color:hover .iconita, .tt_button.btn_secondary_color:hover { color: var(--secondary-color); } .woocommerce .button:hover, .woocommerce div.product form.cart .button:hover, .tt_button.btn_secondary_color { border: 1px solid var(--secondary-color); } .play-btn-secondary-color .play-video:hover, .play-btn-secondary-color .play-video, .play-btn-secondary-color.play-video:hover, .play-btn-secondary-color.play-video, .modal-content-inner .wpcf7-submit:hover, .btn-hover-2 #commentform #submit:hover, .btn-hover-2 .kd-panel-contact .wpcf7-submit:hover { border-color: var(--secondary-color); } /* -------------------------------------- HEADING COLOR ----------------------------------------- */ .related-content .portfolio .post-button-wrapper a:hover, .pricing-btn-minimal:hover, .pricing-btn-minimal:hover:after, .content-area .vc_grid-filter>.vc_grid-filter-item.vc_active>span, .content-area .vc_grid-filter>.vc_grid-filter-item:hover>span, h1, h2, h3, h4, h5, #logo .logo, .process-text-link:hover, .transparent-navigation .navbar-shrink #logo .logo, .navbar-shrink #logo .logo, .wp-block-search .wp-block-search__label, .wpcf7-form-control-wrap .wpcf7-checkbox, .yith-wcwl-add-to-wishlist a:hover, .yith-wcwl-add-button a:hover .yith-wcwl-icon, .yith-wcwl-add-button a:hover span, .topbar #menu-topbar-menu li a, #wrapper .yith-wcwl-add-to-wishlist .feedback, .kd_progress_bar .kd_progb_head .kd-progb-title h4, .es-accordion .es-heading h4 a, .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:hover, #comments .fn, #bbpress-forums li.bbp-header *, #comments .fn a, .portfolio-block h4, .rw-author-details h4, .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4, .team-content h5, .key-icon-box .service-heading, .post a:hover, #bbpress-forums #bbp-single-user-details #bbp-user-navigation a, div.bbp-breadcrumb a, .kd_pie_chart .kd_pc_title, .kd_pie_chart .pc-link a, .testimonials .tt-content h4, .kd-photobox .phb-content h4, .kd-process-steps .pss-text-area h4, .widget-title, .kd-promobox .prb-content h4, .bp-content h4, .reply-title, .product_meta, .blog-header .section-heading, .tcards-title, .pss-link a, .portfolio-block strong, .keydesign-cart .nc-icon-outline-cart, .portfolio-meta.share-meta .fa, .subscribe input[type="submit"], .pricing-title, .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a, .rw_rating .rw-title, .group_table .label, .cb-container.cb_transparent_color:hover .cb-heading, .app-gallery .ag-section-desc h4, .single-post .wpb_text_column strong, .owl-buttons div, .modal-content-contact .key-icon-box .service-heading a, .showcoupon:hover, .pricing-table .pricing-img i, .navbar-default .navbar-nav>li>a:hover, .testimonials.slider.with-image .tt-container h6, .socials-widget a:hover .fa, .socials-widget a:hover, .owl-nav div, #comments label, .author-box-wrapper .author-name h6, .keydesign-cart .empty-cart, .play-video:hover .fa-play, .author-website, .post-link:hover, #comments .reply a:hover, .author-desc-wrapper a:hover, .blog-single-content .tags a:hover, .kd-price-block .pb-content-wrap .pb-pricing-wrap, .blog-single-title a, .navbar-topbar li a:hover, .fa.toggle-search:hover, .tt_secondary_button.tt_third_button:hover, .tt_secondary_button.tt_third_button:hover .fa, .keydesign-cart .subtotal, #single-page p.cart-empty, blockquote cite, .cta-icon i, .comparison-pricing-table .mobile-title, .pricing .pricing-option strong, .pricing-table.DetailedStyle .pricing .pricing-price, body.maintenance-mode .countdown, .team-member.design-minimal .team-socials a:hover, .rw-link a:hover, .tcards-link a:hover, .team-link a:hover, .feature-sections-wrapper .side-content-wrapper .simple-link:hover, .breadcrumbs, .kd_pie_chart .pc_percent_container, .product_meta a:hover, .modal-content-contact .key-icon-box.icon-left.icon-default .fa, .navbar-default .nav:hover>li.dropdown:hover>a, .feature-sections-wrapper .feature-sections-tabs .nav-tabs a i, .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::after, .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::before, .testimonials .tt-content .content, .es-accordion .es-time, .es-accordion .es-time i, .related-content .portfolio .post-link, .phb-simple-link, .breadcrumbs a, .fs-custom-text, .topbar-search .search-form .search-submit, .fa.toggle-search, .keydesign-cart a .cart-icon-container, .header-wishlist a, .blog_widget ul.redux-social-media-list li a:hover, .topbar-socials a:hover i, .cb-simple-link, .vc_custom_heading.post-link, .team-member.design-classic .kd-team-contact a:hover, .team-member.design-classic .kd-team-contact a:hover span, .testimonials.slider .tt-content h6, .kd_progressbarmarker, .tcards_message, .kd_counter_units, .kd_number_string, .countdown, .tcards_header .tcards-name, .kd-price-block .pb-content-wrap h4 a, .kd-process-steps.process-number-template .process-text-link, .kd-photobox .phb-content.text-left .phb-btncontainer a.phb-simple-link:hover, .blog-detailed-grid .vc_gitem-post-data-source-post_date, .sliding-box-link:hover, .pricing .pricing-price, .kd-side-panel .panel-close .fa, .team-member.design-classic .team-socials a span, #posts-content .post-link { color: var(--heading-color); } .ib-link.iconbox-main-color a:hover { color: var(--heading-color) !important; } #wrapper .yith-wcwl-share li a:hover, .vc_toggle.vc_toggle_default .vc_toggle_icon, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:before, .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:after, .searchform #searchsubmit:hover { background: var(--heading-color); } .kd-contact-form.light_background .wpcf7 .wpcf7-submit:hover { background: var(--heading-color) !important; } .testimonials.slider .owl-dot:hover span { border-color: var(--heading-color); } /* -------------------------------------- TEXT COLOR ----------------------------------------- */ .kd-icon-list .kd-icon-list-item, .kd-icon-list .kd-icon-list-item a, .kd_counter_text, .navbar-default .nav li a, .logged-in .navbar-nav a, .navbar-nav .menu-item a { color: var(--text-color); } .blog-page-numbers li a, .breadcrumbs, .bbpress .blog_widget dd strong, .topbar #menu-topbar-menu li a, .blog-page-heading .section-subheading, .container h6 { color: var(--subtitle-color); } /* -------------------------------------- PLACEHOLDER COLOR ----------------------------------------- */ .wpcf7 .wpcf7-text::-webkit-input-placeholder { color: var(--placeholder-color); } .wpcf7 .wpcf7-text::-moz-placeholder { color: var(--placeholder-color); } .wpcf7 .wpcf7-text:-ms-input-placeholder { color: var(--placeholder-color); } .wpcf7-form-control-wrap .wpcf7-textarea::-webkit-input-placeholder { color: var(--placeholder-color); } .wpcf7-form-control-wrap .wpcf7-textarea::-moz-placeholder { color: var(--placeholder-color); } .wpcf7-form-control-wrap .wpcf7-textarea:-ms-input-placeholder { color: var(--placeholder-color); } /* -------------------------------------- HOVER COLOR ----------------------------------------- */ .hover_solid_primary:hover { background-color: var(--main-color) !important; border-color: var(--main-color) !important; color: #fff !important; } .hover_outline_primary:hover { background-color: var(--main-color) !important; border-color: var(--main-color) !important; background: transparent !important; } .tt_button.tt_secondary_button.hover_outline_primary:hover { color: var(--main-color) !important; } .hover_outline_secondary:hover { color: var(--secondary-color) !important; border-color: var(--secondary-color) !important; background-color: transparent !important; } .hover_outline_secondary:hover .iconita { color: var(--secondary-color) !important; } .btn-hover-2 .tt_button.tt_primary_button.btn_primary_color:hover { background-color: var(--main-color) !important; } .btn-hover-2 .hover_solid_primary.tt_button::before { background-color: var(--main-color) !important; } .play-btn-hover-primary-color .play-video:hover, .btn-hover-2 .hover_solid_primary.tt_button:hover { border-color: var(--main-color) !important; } .hover_solid_secondary:hover { background-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important; color: #fff !important; } .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container:hover a, .btn-hover-2 .tt_button.tt_secondary_button.hover_outline_primary:hover, .btn-hover-2 .tt_button:hover { color: #fff !important; border-color: var(--secondary-color) !important; } body #cookie-notice .cn-button:hover, .kd-title-label a span::after, .btn-hover-2 .tt_button.tt_primary_button.btn_secondary_color:hover, .btn-hover-2 .tt_button::before { background-color: var(--secondary-color) !important; } /* -------------------------------------- BORDER RADIUS ----------------------------------------- */ .timeline-item .timeline-item-wrapper, .rw-authorimg img, .fm-wrapper, .fm-wrapper .fm-list li a, .blog_widget .wp-block-search .wp-block-search__input, #posts-content .wp-block-search input[type="search"], .search .search-form .search-field, .blog_widget .search-form .search-field, .woocommerce .variations .select_option, .woocommerce .variations .select_option span, .woocommerce .variations.select_option img, #posts-content .wp-post-image, .kd-group-image img, .pricing-options-container .pricing-tooltip-content, .right-sidebar, .single-post .right-sidebar, .kd-title-label .kd-title-label-solid, .kd-section-title .highlight-background, .kd-title-label .kd-title-label-transparent, #single-page #comments input[type="text"], #single-page #comments input[type="email"], #single-page #comments input[type="url"], #single-page #comments textarea, #comments input[type="text"], #comments input[type="email"], #comments input[type="url"], #comments textarea, .wpb_wrapper #loginform .input, .features-tabs .tab-controls li { border-radius: var(--global-border-radius); } .kd-side-panel .panel-social-list .redux-social-media-list a, .vc_wp_search .search-field, .rw-authorimg img, .business-info-wrapper i, .add_to_cart_button, .fm-wrapper, .fm-wrapper .fm-list li a, .theme-viva .cn-button.bootstrap, .woocommerce .button, div.wpcf7 .wpcf7-form .ajax-loader, .shipping-calculator-form .button, .contact-map-container .business-info-wrapper.minimize, #customizer .viva-tooltip, .wpcf7 input[type="file"], .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-number, .wpcf7-form textarea, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-select, .wpcf7 input[type="date"], .blog-header-form .wpcf7 .wpcf7-email, .section .wpcf7-not-valid-tip, .kd-side-panel .wpcf7-not-valid-tip, .kd-title-label .kd-title-label-solid, .kd-title-label .kd-title-label-transparent, div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message), .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input, .blog_widget #bbp_search, #bbpress-forums #bbp-search-form #bbp_search, #user-submit, #bbp_search_submit, .woocommerce div.product form.cart .variations select, #commentform #submit, #single-page #commentform #submit, .tt_button, .wpcf7 .wpcf7-submit, .tt_button.modal-menu-item, .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a, #single-page .bbp-login-form .user-submit, .content-area .vc_grid .vc_gitem-zone-c .vc_general, .back-to-top, .tags a:after, .tagcloud a:after, .kd-contact-form.inline-cf.white-input-bg, #wrapper .wpcf7 form .wpcf7-response-output, .wpcf7 form .wpcf7-response-output, .kd-panel-wrapper .kd-panel-social-list .redux-social-media-list a, .team-member.design-classic .team-socials a:after, .team-member.design-classic .kd-team-contact .kd-team-email:before, .team-member.design-classic .kd-team-contact .kd-team-phone:before, #wrapper .tparrows:not(.hades):not(.ares):not(.hebe):not(.hermes):not(.hephaistos):not(.persephone):not(.erinyen):not(.zeus):not(.metis):not(.dione):not(.uranus), .kd-panel-phone, .kd-panel-email, .kd-panel-social-list .redux-social-media-list a:after { border-radius: var(--button-border-radius); } .inline-cf .wpcf7-form-control-wrap input, body #yith-quick-view-modal #yith-quick-view-content div.summary .qty, .woocommerce #wrapper .quantity .qty { border-bottom-left-radius: var(--button-border-radius); border-top-left-radius: var(--button-border-radius); } .pricing-table.DetailedStyle, .tags a, .tagcloud a, .team-member.design-creative .team-image, .team-member.design-creative .team-image img, .blog_widget ul.redux-social-media-list li a, .vc_grid-item-mini .blog-detailed-grid .vc_figure, .wpb_single_image img, .content-area .vc_basic_grid .vc_grid .blog-detailed-grid .vc_gitem-post-category-name a, .pricing-table.MinimalStyle .pricing, .pricing-table.MinimalStyle:before, .content-area .vc_grid-item-mini .vc_gitem-animated-block, .woo-detailed-style .woo-entry-image, .mg-single-img, .woo-minimal-style .woo-entry-image, #posts-content .post iframe, .hotspot-item .hotspot-tooltip, .single-portfolio .related-posts .entry-image, .related-posts .post img, .related-content .portfolio img, #posts-content.blog-img-left-list .entry-image, .pricing-options-container .pricing-tooltip-content, #posts-content .wp-post-image, .fullwidth-image .tt-iconbox-customimg, .blog_widget .wp-post-image, .blog-subscribe-wrapper, .kd-price-block .pb-image-wrap img, .business-info-wrapper .toggle-map-info, .author-box-wrapper, .kd-icon-wrapper.icon-square, .with-shadow, #wrapper blockquote, .kd-section-title .highlight-background, .with-grey-shadow, .ib-icon-wrapper, .wpb_widgetised_column.wpb_content_element, .kd-process-steps.process-number-template li, .kd-photobox .photobox-img a, .key-tcards.single-tcard-elem, .author-box-wrapper .author-avatar img, #comments .comment img, #posts-content .entry-video, .sidebar-banner-widget, .search #posts-content .product, .search #posts-content .portfolio, .search #posts-content .page, .search #posts-content .post, .blog-subscribe-wrapper:before, .blog_widget .wp-block-search .wp-block-search__input, .search .search-form .search-field, .blog_widget .search-form .search-field, #posts-content.blog-img-left-list .post img, #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post img, .video-modal-local, .right-sidebar, .single-post .right-sidebar, .kd-group-image img, #main-menu .navbar-nav .dropdown-menu a, .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-b, .content-area .vc_gitem-animate-scaleRotateIn .vc_gitem-zone-a, .content-area .vc_gitem-animate-fadeIn .vc_gitem-zone-a, .vc_grid-item-mini .vc_gitem-zone, #main-menu .navbar-nav .menu-item-has-children .dropdown-menu, .content-area .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c, .kd-photobox, .kd-photobox .photobox-img, .cb-container .cb-wrapper, .sliding_box_child, .key-icon-box, .key-icon-box .ib-wrapper, .row .vc_toggle, .team-member.design-classic, .team-member.design-classic .team-image img, .key-reviews, .video-container img, #posts-content.blog-detailed-grid .post, #posts-content.blog-detailed-grid .post img, #posts-content.blog-minimal-grid .post, #posts-content.blog-minimal-grid .post img, #posts-content .related-posts .post, .single-post #posts-content .related-posts img, .search .topbar-search .search-form .search-field, .topbar-search .search-form .search-field, .comment-list .comment-body, .vc_grid-item-mini .blog-detailed-grid img, .vc_grid-item-mini .blog-detailed-grid, .single-portfolio .related-content .portfolio, .single-portfolio .related-content .portfolio img, .features-tabs .tab-image-container img, .app-gallery .owl-carousel img, #wrapper .wpb_single_image .vc_single_image-wrapper.vc_box_shadow img, .mg-single-img img, .feature-sections-wrapper .owl-wrapper-outer, .single-format-gallery #posts-content .gallery .owl-wrapper-outer, #posts-content .entry-gallery .owl-wrapper-outer, .feature-sections-wrapper .featured-image img, .feature-sections-wrapper .entry-video, .kd-alertbox, #single-page blockquote, .topbar-search-container, .topbar-lang-switcher ul, .contact-map-container, .contact-map-container .business-info-wrapper, .photo-gallery-wrapper .owl-wrapper-outer .owl-item img, .single-post #posts-content .entry-image img, .single-post #posts-content .entry-video .background-video-image, .single-post #posts-content .entry-video .background-video-image img { border-radius: var(--cards-border-radius); } .woo-detailed-style .woo-entry-wrapper, #posts-content.blog-detailed-grid .entry-wrapper, #wrapper .blog-detailed-grid .entry-wrapper, #posts-content.blog-minimal-grid .entry-wrapper, #wrapper .blog-minimal-grid .entry-wrapper, .single-portfolio .related-content .portfolio .entry-wrapper { border-bottom-left-radius: var(--cards-border-radius); border-bottom-right-radius: var(--cards-border-radius); } .testimonials.slider.with-image .tt-content .tt-content-inner .tt-image img { border-top-right-radius: var(--cards-border-radius); border-bottom-right-radius: var(--cards-border-radius); } /* -------------------------------------- BACK TO TOP BUTTON ----------------------------------------- */ .back-to-top.scroll-position-style circle { stroke: var(--main-color); } .back-to-top.scroll-position-style { box-shadow: inset 0 0 0 2px var(--main-color-shadow); } /* -------------------------------------- MAGIC MOUSE ----------------------------------------- */ body.magic-mouse.cursor-primary-color #magicMouseCursor { border: 1px solid var(--main-color); } body.magic-mouse.cursor-primary-color #magicPointer, body.magic-mouse.cursor-primary-color #magicPointer { background: var(--main-color); } body.magic-mouse.cursor-secondary-color #magicMouseCursor { border: 1px solid var(--secondary-color); } body.magic-mouse.cursor-secondary-color #magicPointer, body.magic-mouse.cursor-secondary-color #magicPointer { background: var(--secondary-color); } /* -------------------------------------- RESPONSIVE ----------------------------------------- */ @media (max-width: 960px) { .testimonials.slider.with-image .tt-container { border-bottom-left-radius: var(--cards-border-radius); border-bottom-right-radius: var(--cards-border-radius); } .testimonials.slider.with-image .tt-content .tt-content-inner .tt-image img { border-top-left-radius: var(--cards-border-radius); border-top-right-radius: var(--cards-border-radius); } .team-member.design-creative .team-content-hover { border-radius: var(--cards-border-radius); } .ib-hover-2.key-icon-box .ib-wrapper { background-color: var(--main-color); } .key-icon-box.ib-hover-1 .ib-wrapper { border-color: var(--main-color); } }