@charset "UTF-8"; @charset "utf-8"; @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } html { direction: ltr; overflow-x: hidden; box-shadow: none !important; } body { margin: 0; } .clear { float: none; clear: both; } .f-left { float: left; } .f-right { float: right; } .f-none { float: none; } /* Responsive */@media (max-width: 479px) { body { font-size: 13px; } } /* Loading Overlay */.loading-overlay-showing { overflow-x: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .loading-overlay { -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; -moz-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #fff; } .loading-overlay .loader:before { content: " "; display: inline-block !important; border-width: 3px 5px 2px 0; width: 32px; height: 32px; -moz-animation: spin 0.8s infinite linear; -o-animation: spin 0.8s infinite linear; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; display: inline-block; border-image: none; border-radius: 20px; border-style: solid; border-bottom-color: transparent !important; vertical-align: middle; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } body > .loading-overlay { position: fixed; z-index: 999999; } /* Bounce Loading */.bounce-loader { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; margin: -9px 0 0 -35px; text-align: center; width: 70px; left: 50%; position: absolute; top: 50%; z-index: 10000; } .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 { animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay; background-color: #ccc; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: inline-block; height: 18px; width: 18px; } .bounce-loader .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .bounce-loader .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } /* Headings */h1, h2, h3, h4, h5, h6 { color: #1d2127; font-weight: 200; letter-spacing: -1px; margin: 0; text-transform: none; } h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 40px; margin: 0 0 32px 0; } h3 { font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 32px; margin: 0 0 33px 0; } h4 { font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1.big { font-size: 4.2em; line-height: 54px; } h1.small { font-size: 2.2em; line-height: 42px; font-weight: 600; } h1.short { margin-bottom: 15px; } h2.short { margin-bottom: 15px; } h3.short, h4.short, h5.short, h6.short { margin-bottom: 9px; } h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter { margin-bottom: 0; } h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall { margin-bottom: 33px; } h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller { margin-bottom: 44px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced { margin-top: 44px; } h1.dark, h2.dark, h3.dark, h4.dark, h5.dark { color: #1d2127; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { color: #fff; } h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } /* Heading */.heading.heading-border { margin-bottom: 25px; } .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 { margin: 0; padding: 0; } .heading.heading-bottom-border h1 { border-bottom: 5px solid #dbdbdb; padding-bottom: 10px; } .heading.heading-bottom-border h2, .heading.heading-bottom-border h3 { border-bottom: 2px solid #dbdbdb; padding-bottom: 10px; } .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 { border-bottom: 1px solid #dbdbdb; padding-bottom: 5px; } .heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3 { border-bottom: 3px double #dbdbdb; padding-bottom: 10px; } .heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6 { border-bottom: 3px double #dbdbdb; padding-bottom: 5px; } .heading.heading-middle-border { position: relative; } .heading.heading-middle-border:before { border-top: 1px solid #dbdbdb; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; } .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { position: relative; background: #fff; display: inline-block; } .heading.heading-middle-border h1 { padding-right: 15px; } .heading.heading-middle-border h2, .heading.heading-middle-border h3 { padding-right: 10px; } .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { padding-right: 5px; } .heading.heading-middle-border-reverse { text-align: right; } .heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-right: 0; } .heading.heading-middle-border-reverse h1 { padding-left: 15px; } .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3 { padding-left: 10px; } .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-left: 5px; } .heading.heading-middle-border-center { text-align: center; } .heading.heading-middle-border-center h1 { padding-left: 15px; padding-right: 15px; } .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 { padding-left: 10px; padding-right: 10px; } .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 { padding-left: 5px; padding-right: 5px; } .heading.heading-border-xs h1, .heading.heading-border-xs h2, .heading.heading-border-xs h3, .heading.heading-border-xs h4, .heading.heading-border-xs h5, .heading.heading-border-xs h6 { border-bottom-width: 1px; } .heading.heading-border-xs:before { border-top-width: 1px; } .heading.heading-border-sm h1, .heading.heading-border-sm h2, .heading.heading-border-sm h3, .heading.heading-border-sm h4, .heading.heading-border-sm h5, .heading.heading-border-sm h6 { border-bottom-width: 2px; } .heading.heading-border-sm:before { border-top-width: 2px; } .heading.heading-border-lg h1, .heading.heading-border-lg h2, .heading.heading-border-lg h3, .heading.heading-border-lg h4, .heading.heading-border-lg h5, .heading.heading-border-lg h6 { border-bottom-width: 3px; } .heading.heading-border-lg:before { border-top-width: 3px; } .heading.heading-border-xl h1, .heading.heading-border-xl h2, .heading.heading-border-xl h3, .heading.heading-border-xl h4, .heading.heading-border-xl h5, .heading.heading-border-xl h6 { border-bottom-width: 5px; } .heading.heading-border-xl:before { border-top-width: 5px; } /* Responsive */@media (max-width: 480px) { h2 { line-height: 40px; } } @media (max-width: 767px) { h1.big { font-size: 3.2em; line-height: 42px; } } .heading-bold { font-weight: 600 !important; } .heading-bold strong { font-weight: 800 !important; } .page-title { margin-top: 0; } /* Blockquote */blockquote { font-size: 1em; } /* Paragraphs */p { line-height: 24px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; } p.short { margin-bottom: 0 !important; } p.tall { margin-bottom: 20px !important; } p.taller { margin-bottom: 40px !important; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } b { font-weight: 800; } /* Labels */.label-dark, .label-dark:hover { background: #111; text-decoration: none; font-weight: normal; } /* Alternative Font Style */.alternative-font { font-size: 1.6em; } /* Navs */.nav > li > a:hover, .nav > li > a:focus { background: transparent; } .nav i.icon-image { display: inline-block; max-width: 20px; } ul { /* Sitemap */ } ul.nav-list li, ul[class^="wsp-"] li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list li a, ul[class^="wsp-"] li a { -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid #ededde; padding: 8px 0 8px 20px; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; } ul.nav-list li a:before, ul[class^="wsp-"] li a:before { content: ""; display: inline-block; width: 0; height: 4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; position: absolute; top: 15px; left: 10px; } ul.nav-list li a:hover, ul[class^="wsp-"] li a:hover { background-color: #eee; text-decoration: none; } ul.nav-list li.active > a, ul[class^="wsp-"] li.active > a { font-weight: bold; } ul.nav-list li ul, ul[class^="wsp-"] li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.nav-list li .wsp-category-title, ul[class^="wsp-"] li .wsp-category-title { margin-top: 10px; } ul.nav-list li .wsp-category-title a, ul[class^="wsp-"] li .wsp-category-title a { display: inline-block; padding-left: 0; font-size: 1em; } ul.nav-list li .wsp-category-title a:before, ul[class^="wsp-"] li .wsp-category-title a:before { display: none; } ul.nav-list li .wsp-category-title a:hover, ul[class^="wsp-"] li .wsp-category-title a:hover { background-color: transparent; } ul.nav-list.hide-not-active li ul, ul[class^="wsp-"].hide-not-active li ul { display: none; } ul.nav-list.hide-not-active li.active ul, ul[class^="wsp-"].hide-not-active li.active ul { display: block; } ul.nav-list.show-bg-active .active > a, ul[class^="wsp-"].show-bg-active .active > a { background-color: #f5f5f5; } ul.nav-list.show-bg-active .active > a:hover, ul[class^="wsp-"].show-bg-active .active > a:hover { background-color: #eee; } ul.narrow li a { padding-top: 4px; padding-bottom: 4px; } ul.nav-pills > li.active > a { background-color: #ccc; } ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus { background-color: #ccc; } ul.nav-pills-center { text-align: center; } ul.nav-pills-center > li { display: inline-block; float: none; } ul.nav-pills-left > li { float: left; } ul.nav-pills-right > li { float: right; } ul.nav-pills-justify { display: flex; } ul.nav-pills-justify > li { float: none; text-align: center; width: 100%; } /* Nav Secondary */.nav-secondary { background: #fafafa; margin: 0; padding: 20px 0; text-align: center; z-index: 100; } .nav-secondary .nav-pills > li { float: none; display: inline-block; } .nav-secondary .nav-pills > li a, .nav-secondary .nav-pills > li span { font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; padding: 10px 13px; text-transform: uppercase; } .nav-secondary .nav-pills > li a i, .nav-secondary .nav-pills > li span i { font-size: 14px; margin-right: 5px; } .nav-secondary.sticky-active { border-bottom-color: #e9e9e9; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .sticky-nav-wrapper { margin: 0 -15px; } /* Forms */form label { font-weight: normal; } textarea { resize: vertical; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select { border: 1px solid #ccc; border-radius: 0; outline: none; text-align: left; background: #fff; color: #777; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select, textarea { line-height: 1.42857; padding: 6px 12px; font-size: 14px; vertical-align: middle; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } input[type="email"].input-lg, input[type="number"].input-lg, input[type="password"].input-lg, input[type="search"].input-lg, input[type="tel"].input-lg, input[type="text"].input-lg, input[type="url"].input-lg, input[type="color"].input-lg, input[type="date"].input-lg, input[type="datetime"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, input[type="time"].input-lg, input[type="week"].input-lg, select.input-lg, textarea.input-lg { padding: 10px 12px; font-size: 18px; } input[type="email"].input-sm, input[type="number"].input-sm, input[type="password"].input-sm, input[type="search"].input-sm, input[type="tel"].input-sm, input[type="text"].input-sm, input[type="url"].input-sm, input[type="color"].input-sm, input[type="date"].input-sm, input[type="datetime"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, input[type="time"].input-sm, input[type="week"].input-sm, select.input-sm, textarea.input-sm { padding: 5px 7px; font-size: 12px; } select { padding: 6px 0 6px 2px; } .form-control { padding: 6px 8px; } select.form-control { padding: 6px 2px; } label.checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; margin-right: 5px; } input[type="radio"], input[type="checkbox"] { margin-right: 5px; } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .form-control:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #ccc; } /* Forms Validations */label.valid { display: inline-block; text-indent: -9999px; } label.error { color: #c10000; font-size: 0.9em; margin-top: -5px; padding: 0; } label.error#captcha-error { margin-top: 15px; } legend { border: none; } fieldset legend { margin-top: 15px; } input[type="submit"] { border: 1px solid #ccc; color: #fff; padding: 6px 10px; border-radius: 0; line-height: 1.42857; } /* Search Form */#searchform { *zoom: 1; } #searchform:before, #searchform:after { content: " "; display: table; } #searchform:after { clear: both; } #searchform .screen-reader-text, #searchform #s, #searchform #submit, #searchform #searchsubmit { display: block; } #searchform #s { margin-bottom: 1em; width: 100%; max-width: 250px; } .main-content #searchform .screen-reader-text, .main-content #searchform #s, .main-content #searchform #submit, .main-content #searchform #searchsubmit { display: inline-block; margin-bottom: 0; } .main-content #searchform .screen-reader-text { vertical-align: super; } .main-content #searchform #s, .main-content #searchform #submit, .main-content #searchform #searchsubmit { width: auto; vertical-align: bottom; } @media (max-width: 480px) { .main-content #searchform .screen-reader-text, .main-content #searchform #s, .main-content #searchform #submit, .main-content #searchform #searchsubmit { display: block; margin-bottom: 10px; width: 100%; max-width: 100%; } } /* Form Table */.form-table th, .form-table td { padding: 10px 10px 10px 0; } .form-table th label, .form-table td label { margin-right: 15px; } .form-table th h3, .form-table td h3 { color: inherit; font-size: 1em; font-weight: normal; line-height: 1.42857; margin: 0 0 -10px !important; } .form-group { direction: ltr; } body #wp-link-wrap { background: #fff; } body #wp-link-wrap #link-modal-title { background: #fcfcfc; border-bottom: 1px solid #dfdfdf; } body #wp-link-wrap .screen-reader-text { display: none; } body #wp-link-wrap .submitbox { background: #fcfcfc; border-top: 1px solid #dfdfdf; } body #wp-link-wrap #wp-link-submit { padding: 4px 12px; } body #wp-link-wrap #wp-link-search-toggle:after { font-size: 25px; } .flag, [class*='flag-'] { width: 16px; height: 11px; background: url(../images/flags.png) no-repeat; } .flag.flag-ad, [class*='flag-'].flag-ad { background-position: -16px 0; } .flag.flag-ae, [class*='flag-'].flag-ae { background-position: -32px 0; } .flag.flag-af, [class*='flag-'].flag-af { background-position: -48px 0; } .flag.flag-ag, [class*='flag-'].flag-ag { background-position: -64px 0; } .flag.flag-ai, [class*='flag-'].flag-ai { background-position: -80px 0; } .flag.flag-al, [class*='flag-'].flag-al { background-position: -96px 0; } .flag.flag-am, [class*='flag-'].flag-am { background-position: -112px 0; } .flag.flag-an, [class*='flag-'].flag-an { background-position: -128px 0; } .flag.flag-ao, [class*='flag-'].flag-ao { background-position: -144px 0; } .flag.flag-ar, [class*='flag-'].flag-ar { background-position: -160px 0; } .flag.flag-as, [class*='flag-'].flag-as { background-position: -176px 0; } .flag.flag-at, [class*='flag-'].flag-at { background-position: -192px 0; } .flag.flag-au, [class*='flag-'].flag-au { background-position: -208px 0; } .flag.flag-aw, [class*='flag-'].flag-aw { background-position: -224px 0; } .flag.flag-az, [class*='flag-'].flag-az { background-position: -240px 0; } .flag.flag-ba, [class*='flag-'].flag-ba { background-position: 0 -11px; } .flag.flag-bb, [class*='flag-'].flag-bb { background-position: -16px -11px; } .flag.flag-bd, [class*='flag-'].flag-bd { background-position: -32px -11px; } .flag.flag-be, [class*='flag-'].flag-be { background-position: -48px -11px; } .flag.flag-bf, [class*='flag-'].flag-bf { background-position: -64px -11px; } .flag.flag-bg, [class*='flag-'].flag-bg { background-position: -80px -11px; } .flag.flag-bh, [class*='flag-'].flag-bh { background-position: -96px -11px; } .flag.flag-bi, [class*='flag-'].flag-bi { background-position: -112px -11px; } .flag.flag-bj, [class*='flag-'].flag-bj { background-position: -128px -11px; } .flag.flag-bm, [class*='flag-'].flag-bm { background-position: -144px -11px; } .flag.flag-bn, [class*='flag-'].flag-bn { background-position: -160px -11px; } .flag.flag-bo, [class*='flag-'].flag-bo { background-position: -176px -11px; } .flag.flag-br, [class*='flag-'].flag-br { background-position: -192px -11px; } .flag.flag-bs, [class*='flag-'].flag-bs { background-position: -208px -11px; } .flag.flag-bt, [class*='flag-'].flag-bt { background-position: -224px -11px; } .flag.flag-bv, [class*='flag-'].flag-bv { background-position: -240px -11px; } .flag.flag-bw, [class*='flag-'].flag-bw { background-position: 0 -22px; } .flag.flag-by, [class*='flag-'].flag-by { background-position: -16px -22px; } .flag.flag-bz, [class*='flag-'].flag-bz { background-position: -32px -22px; } .flag.flag-ca, [class*='flag-'].flag-ca { background-position: -48px -22px; } .flag.flag-catalonia, [class*='flag-'].flag-catalonia { background-position: -64px -22px; } .flag.flag-cd, [class*='flag-'].flag-cd { background-position: -80px -22px; } .flag.flag-cf, [class*='flag-'].flag-cf { background-position: -96px -22px; } .flag.flag-cg, [class*='flag-'].flag-cg { background-position: -112px -22px; } .flag.flag-ch, [class*='flag-'].flag-ch { background-position: -128px -22px; } .flag.flag-ci, [class*='flag-'].flag-ci { background-position: -144px -22px; } .flag.flag-ck, [class*='flag-'].flag-ck { background-position: -160px -22px; } .flag.flag-cl, [class*='flag-'].flag-cl { background-position: -176px -22px; } .flag.flag-cm, [class*='flag-'].flag-cm { background-position: -192px -22px; } .flag.flag-cn, [class*='flag-'].flag-cn { background-position: -208px -22px; } .flag.flag-co, [class*='flag-'].flag-co { background-position: -224px -22px; } .flag.flag-cr, [class*='flag-'].flag-cr { background-position: -240px -22px; } .flag.flag-cu, [class*='flag-'].flag-cu { background-position: 0 -33px; } .flag.flag-cv, [class*='flag-'].flag-cv { background-position: -16px -33px; } .flag.flag-cw, [class*='flag-'].flag-cw { background-position: -32px -33px; } .flag.flag-cy, [class*='flag-'].flag-cy { background-position: -48px -33px; } .flag.flag-cz, [class*='flag-'].flag-cz { background-position: -64px -33px; } .flag.flag-de, [class*='flag-'].flag-de { background-position: -80px -33px; } .flag.flag-dj, [class*='flag-'].flag-dj { background-position: -96px -33px; } .flag.flag-dk, [class*='flag-'].flag-dk { background-position: -112px -33px; } .flag.flag-dm, [class*='flag-'].flag-dm { background-position: -128px -33px; } .flag.flag-do, [class*='flag-'].flag-do { background-position: -144px -33px; } .flag.flag-dz, [class*='flag-'].flag-dz { background-position: -160px -33px; } .flag.flag-ec, [class*='flag-'].flag-ec { background-position: -176px -33px; } .flag.flag-ee, [class*='flag-'].flag-ee { background-position: -192px -33px; } .flag.flag-eg, [class*='flag-'].flag-eg { background-position: -208px -33px; } .flag.flag-eh, [class*='flag-'].flag-eh { background-position: -224px -33px; } .flag.flag-england, [class*='flag-'].flag-england { background-position: -240px -33px; } .flag.flag-er, [class*='flag-'].flag-er { background-position: 0 -44px; } .flag.flag-es, [class*='flag-'].flag-es { background-position: -16px -44px; } .flag.flag-et, [class*='flag-'].flag-et { background-position: -32px -44px; } .flag.flag-eu, [class*='flag-'].flag-eu { background-position: -48px -44px; } .flag.flag-fi, [class*='flag-'].flag-fi { background-position: -64px -44px; } .flag.flag-fj, [class*='flag-'].flag-fj { background-position: -80px -44px; } .flag.flag-fk, [class*='flag-'].flag-fk { background-position: -96px -44px; } .flag.flag-fm, [class*='flag-'].flag-fm { background-position: -112px -44px; } .flag.flag-fo, [class*='flag-'].flag-fo { background-position: -128px -44px; } .flag.flag-fr, [class*='flag-'].flag-fr { background-position: -144px -44px; } .flag.flag-ga, [class*='flag-'].flag-ga { background-position: -160px -44px; } .flag.flag-gb, [class*='flag-'].flag-gb { background-position: -176px -44px; } .flag.flag-gd, [class*='flag-'].flag-gd { background-position: -192px -44px; } .flag.flag-ge, [class*='flag-'].flag-ge { background-position: -208px -44px; } .flag.flag-gf, [class*='flag-'].flag-gf { background-position: -224px -44px; } .flag.flag-gg, [class*='flag-'].flag-gg { background-position: -240px -44px; } .flag.flag-gh, [class*='flag-'].flag-gh { background-position: 0 -55px; } .flag.flag-gi, [class*='flag-'].flag-gi { background-position: -16px -55px; } .flag.flag-gl, [class*='flag-'].flag-gl { background-position: -32px -55px; } .flag.flag-gm, [class*='flag-'].flag-gm { background-position: -48px -55px; } .flag.flag-gn, [class*='flag-'].flag-gn { background-position: -64px -55px; } .flag.flag-gp, [class*='flag-'].flag-gp { background-position: -80px -55px; } .flag.flag-gq, [class*='flag-'].flag-gq { background-position: -96px -55px; } .flag.flag-gr, [class*='flag-'].flag-gr { background-position: -112px -55px; } .flag.flag-gs, [class*='flag-'].flag-gs { background-position: -128px -55px; } .flag.flag-gt, [class*='flag-'].flag-gt { background-position: -144px -55px; } .flag.flag-gu, [class*='flag-'].flag-gu { background-position: -160px -55px; } .flag.flag-gw, [class*='flag-'].flag-gw { background-position: -176px -55px; } .flag.flag-gy, [class*='flag-'].flag-gy { background-position: -192px -55px; } .flag.flag-hk, [class*='flag-'].flag-hk { background-position: -208px -55px; } .flag.flag-hm, [class*='flag-'].flag-hm { background-position: -224px -55px; } .flag.flag-hn, [class*='flag-'].flag-hn { background-position: -240px -55px; } .flag.flag-hr, [class*='flag-'].flag-hr { background-position: 0 -66px; } .flag.flag-ht, [class*='flag-'].flag-ht { background-position: -16px -66px; } .flag.flag-hu, [class*='flag-'].flag-hu { background-position: -32px -66px; } .flag.flag-ic, [class*='flag-'].flag-ic { background-position: -48px -66px; } .flag.flag-id, [class*='flag-'].flag-id { background-position: -64px -66px; } .flag.flag-ie, [class*='flag-'].flag-ie { background-position: -80px -66px; } .flag.flag-il, [class*='flag-'].flag-il { background-position: -96px -66px; } .flag.flag-im, [class*='flag-'].flag-im { background-position: -112px -66px; } .flag.flag-in, [class*='flag-'].flag-in { background-position: -128px -66px; } .flag.flag-io, [class*='flag-'].flag-io { background-position: -144px -66px; } .flag.flag-iq, [class*='flag-'].flag-iq { background-position: -160px -66px; } .flag.flag-ir, [class*='flag-'].flag-ir { background-position: -176px -66px; } .flag.flag-is, [class*='flag-'].flag-is { background-position: -192px -66px; } .flag.flag-it, [class*='flag-'].flag-it { background-position: -208px -66px; } .flag.flag-je, [class*='flag-'].flag-je { background-position: -224px -66px; } .flag.flag-jm, [class*='flag-'].flag-jm { background-position: -240px -66px; } .flag.flag-jo, [class*='flag-'].flag-jo { background-position: 0 -77px; } .flag.flag-jp, [class*='flag-'].flag-jp { background-position: -16px -77px; } .flag.flag-ke, [class*='flag-'].flag-ke { background-position: -32px -77px; } .flag.flag-kg, [class*='flag-'].flag-kg { background-position: -48px -77px; } .flag.flag-kh, [class*='flag-'].flag-kh { background-position: -64px -77px; } .flag.flag-ki, [class*='flag-'].flag-ki { background-position: -80px -77px; } .flag.flag-km, [class*='flag-'].flag-km { background-position: -96px -77px; } .flag.flag-kn, [class*='flag-'].flag-kn { background-position: -112px -77px; } .flag.flag-kp, [class*='flag-'].flag-kp { background-position: -128px -77px; } .flag.flag-kr, [class*='flag-'].flag-kr { background-position: -144px -77px; } .flag.flag-kurdistan, [class*='flag-'].flag-kurdistan { background-position: -160px -77px; } .flag.flag-kw, [class*='flag-'].flag-kw { background-position: -176px -77px; } .flag.flag-ky, [class*='flag-'].flag-ky { background-position: -192px -77px; } .flag.flag-kz, [class*='flag-'].flag-kz { background-position: -208px -77px; } .flag.flag-la, [class*='flag-'].flag-la { background-position: -224px -77px; } .flag.flag-lb, [class*='flag-'].flag-lb { background-position: -240px -77px; } .flag.flag-lc, [class*='flag-'].flag-lc { background-position: 0 -88px; } .flag.flag-li, [class*='flag-'].flag-li { background-position: -16px -88px; } .flag.flag-lk, [class*='flag-'].flag-lk { background-position: -32px -88px; } .flag.flag-lr, [class*='flag-'].flag-lr { background-position: -48px -88px; } .flag.flag-ls, [class*='flag-'].flag-ls { background-position: -64px -88px; } .flag.flag-lt, [class*='flag-'].flag-lt { background-position: -80px -88px; } .flag.flag-lu, [class*='flag-'].flag-lu { background-position: -96px -88px; } .flag.flag-lv, [class*='flag-'].flag-lv { background-position: -112px -88px; } .flag.flag-ly, [class*='flag-'].flag-ly { background-position: -128px -88px; } .flag.flag-ma, [class*='flag-'].flag-ma { background-position: -144px -88px; } .flag.flag-mc, [class*='flag-'].flag-mc { background-position: -160px -88px; } .flag.flag-md, [class*='flag-'].flag-md { background-position: -176px -88px; } .flag.flag-me, [class*='flag-'].flag-me { background-position: -192px -88px; } .flag.flag-mg, [class*='flag-'].flag-mg { background-position: -208px -88px; } .flag.flag-mh, [class*='flag-'].flag-mh { background-position: -224px -88px; } .flag.flag-mk, [class*='flag-'].flag-mk { background-position: -240px -88px; } .flag.flag-ml, [class*='flag-'].flag-ml { background-position: 0 -99px; } .flag.flag-mm, [class*='flag-'].flag-mm { background-position: -16px -99px; } .flag.flag-mn, [class*='flag-'].flag-mn { background-position: -32px -99px; } .flag.flag-mo, [class*='flag-'].flag-mo { background-position: -48px -99px; } .flag.flag-mp, [class*='flag-'].flag-mp { background-position: -64px -99px; } .flag.flag-mq, [class*='flag-'].flag-mq { background-position: -80px -99px; } .flag.flag-mr, [class*='flag-'].flag-mr { background-position: -96px -99px; } .flag.flag-ms, [class*='flag-'].flag-ms { background-position: -112px -99px; } .flag.flag-mt, [class*='flag-'].flag-mt { background-position: -128px -99px; } .flag.flag-mu, [class*='flag-'].flag-mu { background-position: -144px -99px; } .flag.flag-mv, [class*='flag-'].flag-mv { background-position: -160px -99px; } .flag.flag-mw, [class*='flag-'].flag-mw { background-position: -176px -99px; } .flag.flag-mx, [class*='flag-'].flag-mx { background-position: -192px -99px; } .flag.flag-my, [class*='flag-'].flag-my { background-position: -208px -99px; } .flag.flag-mz, [class*='flag-'].flag-mz { background-position: -224px -99px; } .flag.flag-na, [class*='flag-'].flag-na { background-position: -240px -99px; } .flag.flag-nc, [class*='flag-'].flag-nc { background-position: 0 -110px; } .flag.flag-ne, [class*='flag-'].flag-ne { background-position: -16px -110px; } .flag.flag-nf, [class*='flag-'].flag-nf { background-position: -32px -110px; } .flag.flag-ng, [class*='flag-'].flag-ng { background-position: -48px -110px; } .flag.flag-ni, [class*='flag-'].flag-ni { background-position: -64px -110px; } .flag.flag-nl, [class*='flag-'].flag-nl { background-position: -80px -110px; } .flag.flag-no, [class*='flag-'].flag-no { background-position: -96px -110px; } .flag.flag-np, [class*='flag-'].flag-np { background-position: -112px -110px; } .flag.flag-nr, [class*='flag-'].flag-nr { background-position: -128px -110px; } .flag.flag-nu, [class*='flag-'].flag-nu { background-position: -144px -110px; } .flag.flag-nz, [class*='flag-'].flag-nz { background-position: -160px -110px; } .flag.flag-om, [class*='flag-'].flag-om { background-position: -176px -110px; } .flag.flag-pa, [class*='flag-'].flag-pa { background-position: -192px -110px; } .flag.flag-pe, [class*='flag-'].flag-pe { background-position: -208px -110px; } .flag.flag-pf, [class*='flag-'].flag-pf { background-position: -224px -110px; } .flag.flag-pg, [class*='flag-'].flag-pg { background-position: -240px -110px; } .flag.flag-ph, [class*='flag-'].flag-ph { background-position: 0 -121px; } .flag.flag-pk, [class*='flag-'].flag-pk { background-position: -16px -121px; } .flag.flag-pl, [class*='flag-'].flag-pl { background-position: -32px -121px; } .flag.flag-pm, [class*='flag-'].flag-pm { background-position: -48px -121px; } .flag.flag-pn, [class*='flag-'].flag-pn { background-position: -64px -121px; } .flag.flag-pr, [class*='flag-'].flag-pr { background-position: -80px -121px; } .flag.flag-ps, [class*='flag-'].flag-ps { background-position: -96px -121px; } .flag.flag-pt, [class*='flag-'].flag-pt { background-position: -112px -121px; } .flag.flag-pw, [class*='flag-'].flag-pw { background-position: -128px -121px; } .flag.flag-py, [class*='flag-'].flag-py { background-position: -144px -121px; } .flag.flag-qa, [class*='flag-'].flag-qa { background-position: -160px -121px; } .flag.flag-re, [class*='flag-'].flag-re { background-position: -176px -121px; } .flag.flag-ro, [class*='flag-'].flag-ro { background-position: -192px -121px; } .flag.flag-rs, [class*='flag-'].flag-rs { background-position: -208px -121px; } .flag.flag-ru, [class*='flag-'].flag-ru { background-position: -224px -121px; } .flag.flag-rw, [class*='flag-'].flag-rw { background-position: -240px -121px; } .flag.flag-sa, [class*='flag-'].flag-sa { background-position: 0 -132px; } .flag.flag-sb, [class*='flag-'].flag-sb { background-position: -16px -132px; } .flag.flag-sc, [class*='flag-'].flag-sc { background-position: -32px -132px; } .flag.flag-scotland, [class*='flag-'].flag-scotland { background-position: -48px -132px; } .flag.flag-sd, [class*='flag-'].flag-sd { background-position: -64px -132px; } .flag.flag-se, [class*='flag-'].flag-se { background-position: -80px -132px; } .flag.flag-sg, [class*='flag-'].flag-sg { background-position: -96px -132px; } .flag.flag-sh, [class*='flag-'].flag-sh { background-position: -112px -132px; } .flag.flag-si, [class*='flag-'].flag-si { background-position: -128px -132px; } .flag.flag-sk, [class*='flag-'].flag-sk { background-position: -144px -132px; } .flag.flag-sl, [class*='flag-'].flag-sl { background-position: -160px -132px; } .flag.flag-sm, [class*='flag-'].flag-sm { background-position: -176px -132px; } .flag.flag-sn, [class*='flag-'].flag-sn { background-position: -192px -132px; } .flag.flag-so, [class*='flag-'].flag-so { background-position: -208px -132px; } .flag.flag-somaliland, [class*='flag-'].flag-somaliland { background-position: -224px -132px; } .flag.flag-sr, [class*='flag-'].flag-sr { background-position: -240px -132px; } .flag.flag-ss, [class*='flag-'].flag-ss { background-position: 0 -143px; } .flag.flag-st, [class*='flag-'].flag-st { background-position: -16px -143px; } .flag.flag-sv, [class*='flag-'].flag-sv { background-position: -32px -143px; } .flag.flag-sx, [class*='flag-'].flag-sx { background-position: -48px -143px; } .flag.flag-sy, [class*='flag-'].flag-sy { background-position: -64px -143px; } .flag.flag-sz, [class*='flag-'].flag-sz { background-position: -80px -143px; } .flag.flag-tc, [class*='flag-'].flag-tc { background-position: -96px -143px; } .flag.flag-td, [class*='flag-'].flag-td { background-position: -112px -143px; } .flag.flag-tf, [class*='flag-'].flag-tf { background-position: -128px -143px; } .flag.flag-tg, [class*='flag-'].flag-tg { background-position: -144px -143px; } .flag.flag-th, [class*='flag-'].flag-th { background-position: -160px -143px; } .flag.flag-tibet, [class*='flag-'].flag-tibet { background-position: -176px -143px; } .flag.flag-tj, [class*='flag-'].flag-tj { background-position: -192px -143px; } .flag.flag-tk, [class*='flag-'].flag-tk { background-position: -208px -143px; } .flag.flag-tl, [class*='flag-'].flag-tl { background-position: -224px -143px; } .flag.flag-tm, [class*='flag-'].flag-tm { background-position: -240px -143px; } .flag.flag-tn, [class*='flag-'].flag-tn { background-position: 0 -154px; } .flag.flag-to, [class*='flag-'].flag-to { background-position: -16px -154px; } .flag.flag-tr, [class*='flag-'].flag-tr { background-position: -32px -154px; } .flag.flag-tt, [class*='flag-'].flag-tt { background-position: -48px -154px; } .flag.flag-tv, [class*='flag-'].flag-tv { background-position: -64px -154px; } .flag.flag-tw, [class*='flag-'].flag-tw { background-position: -80px -154px; } .flag.flag-tz, [class*='flag-'].flag-tz { background-position: -96px -154px; } .flag.flag-ua, [class*='flag-'].flag-ua { background-position: -112px -154px; } .flag.flag-ug, [class*='flag-'].flag-ug { background-position: -128px -154px; } .flag.flag-um, [class*='flag-'].flag-um { background-position: -144px -154px; } .flag.flag-us, [class*='flag-'].flag-us { background-position: -160px -154px; } .flag.flag-uy, [class*='flag-'].flag-uy { background-position: -176px -154px; } .flag.flag-uz, [class*='flag-'].flag-uz { background-position: -192px -154px; } .flag.flag-va, [class*='flag-'].flag-va { background-position: -208px -154px; } .flag.flag-vc, [class*='flag-'].flag-vc { background-position: -224px -154px; } .flag.flag-ve, [class*='flag-'].flag-ve { background-position: -240px -154px; } .flag.flag-vg, [class*='flag-'].flag-vg { background-position: 0 -165px; } .flag.flag-vi, [class*='flag-'].flag-vi { background-position: -16px -165px; } .flag.flag-vn, [class*='flag-'].flag-vn { background-position: -32px -165px; } .flag.flag-vu, [class*='flag-'].flag-vu { background-position: -48px -165px; } .flag.flag-wales, [class*='flag-'].flag-wales { background-position: -64px -165px; } .flag.flag-wf, [class*='flag-'].flag-wf { background-position: -80px -165px; } .flag.flag-ws, [class*='flag-'].flag-ws { background-position: -96px -165px; } .flag.flag-xk, [class*='flag-'].flag-xk { background-position: -112px -165px; } .flag.flag-ye, [class*='flag-'].flag-ye { background-position: -128px -165px; } .flag.flag-yt, [class*='flag-'].flag-yt { background-position: -144px -165px; } .flag.flag-za, [class*='flag-'].flag-za { background-position: -160px -165px; } .flag.flag-zanzibar, [class*='flag-'].flag-zanzibar { background-position: -176px -165px; } .flag.flag-zm, [class*='flag-'].flag-zm { background-position: -192px -165px; } .flag.flag-zw, [class*='flag-'].flag-zw { background-position: -208px -165px; } /* Thumbnails */img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-drag: none; } .img-rounded { border-radius: 0; } .img-box-shadow { box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .img-box-shadow:hover { box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); } .img-thumbnail.full { width: 100%; } .img-thumbnail.full img { width: 100%; } .img-thumbnail video { width: 100%; } .img-circle { border-radius: 50%; } /* Thumbnails */.img-thumbnail { border-radius: 0; position: relative; } .img-thumbnail img { border-radius: 0; } .img-thumbnail .zoom { border-radius: 100%; bottom: 4px; cursor: pointer; color: #fff; display: block; height: 30px; padding: 0; position: absolute; right: 4px; text-align: center; width: 30px; opacity: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; z-index: 1000; } .img-thumbnail .zoom i { font-size: 14px; line-height: 28px; } .img-thumbnail .link { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; border-radius: 0 0 0 25px; right: -100px; text-align: center; top: -100px; width: 50px; } .img-thumbnail .link i { font-size: 24px; left: 3px; position: relative; top: -4px; } .img-thumbnail:hover .zoom { opacity: 1; } .img-thumbnail:hover .link { right: 0; top: 0; } .img-thumbnail .inner { display: block; overflow: hidden; position: relative; backface-visibility: hidden; border-radius: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .img-thumbnail.img-thumbnail-no-borders { border-radius: 0; padding: 0; max-width: 100% !important; border-width: 0; } .img-thumbnail.img-thumbnail-no-borders img, .img-thumbnail.img-thumbnail-no-borders .inner { border-radius: 0; } .img-thumbnail.img-thumbnail-no-borders .rev_slider_wrapper { border-radius: 0 !important; } .img-thumbnail.img-thumbnail-no-borders .rev_slider_wrapper li.tp-revslider-slidesli { border-radius: 0 !important; } .gallery-row { margin: 0 -4px; } .img-opacity-effect a img { border-radius: 0; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; overflow: hidden; } .img-opacity-effect a img:hover { opacity: 0.9; } /* Masonry */.masonry { *zoom: 1; } .masonry:before, .masonry:after { content: " "; display: table; } .masonry:after { clear: both; } .masonry .masonry-item { width: 25%; float: left; } .masonry .masonry-item.w2 { width: 50%; } .masonry .masonry-item img { border-radius: 0 !important; } /* common styles for extra shortcodes added in 4.0 */.porto-icon, .vc_row .porto-icon { display: inline-block; font-size: 32px; height: 2em; width: 2em; text-align: center; line-height: 2em; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .porto-icon.none { display: inline-block; font-size: 35px; height: 1em; width: auto; text-align: center; line-height: 1; } .porto-icon.circle { -webkit-border-radius: 50%; border-radius: 50%; } .porto-sicon-img { display: inline-block; font-size: 48px; width: 1em; max-width: 100%; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .porto-sicon-img.porto-u-circle { width: 1em; min-height: 1em; background: rgba(214, 214, 214, 0.44); -webkit-border-radius: 50%; border-radius: 50%; padding: 0.5em; } .porto-sicon-img.porto-u-circle-img { width: 1em; min-height: 1em; -webkit-border-radius: 50%; border-radius: 50%; position: relative; overflow: hidden; z-index: 1; } .porto-sicon-img.porto-u-circle-img img { position: absolute; width: auto; height: 100%; top: 50%; left: 50%; z-index: 0; max-width: none !important; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .porto-sicon-img.porto-u-circle-img.porto-u-img-tall img { width: 100%; height: auto; } .porto-sicon-img.porto-u-circle-img:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-style: solid; border-color: #fff; border-width: 0; border-radius: 100%; z-index: 1; } .porto-sicon-img.porto-u-square { width: 1em; min-height: 1em; background: rgba(214, 214, 214, 0.44); -webkit-border-radius: 0; border-radius: 0; padding: 0.5em; } .porto-sicon-img .img-icon { width: 1em; max-width: 100% !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; display: block; font-size: inherit; } .porto-u-list-icon ul { list-style: none !important; padding: 0 !important; margin: 0 0 30px !important; position: relative !important; } .porto-u-list-icon ul:last-child { margin: 0 !important; } .porto-u-list-icon li { padding: 0 !important; margin: 0 !important; list-style: none !important; clear: both !important; line-height: 1.6em; overflow: visible; } .porto-u-list-content { display: table; width: 100%; margin-bottom: 7px; } .porto-u-list-content .porto-icon { display: inline-block; margin: 0; padding: 0; } .porto-u-list-content span.porto-u-list-desc { display: table-cell; padding: 0; margin: 0; vertical-align: middle; width: 100%; } .porto-u-icons, .wpb_column .wpb_wrapper .porto-u-icons { display: block; margin-bottom: 35px; line-height: 1; } .porto-u-icons-left.porto-u-icons { text-align: left; } .porto-u-icons-center.porto-u-icons { text-align: center; } .porto-u-icons-right.porto-u-icons { text-align: right; } .porto-icon i { line-height: inherit; } .vc_element.element-ultimate_icons { float: left; padding-left: 75%; } .vc_ultimate_icons a.vc_control-btn.vc_control-btn-append { margin-top: 20px; margin-left: 50%; z-index: 33000000; } .vc_element.element-info_list { padding-top: 20%; float: left; padding-left: 20%; } .vc_element.element-ultimate_icon_list { margin-top: 20%; margin-left: 50%; } .vc_ultimate_icon_list a.vc_control-btn.vc_control-btn-append { margin-left: 85%; } .vc_element.element-icon_timeline { display: block; float: left; padding-left: 50%; } .vc_element.element-ultimate_carousel { padding-top: 20%; } .vc_element.element-ult_ihover { margin-top: 20%; } .vc_element.element-ult_hotspot { margin-top: 20%; } .porto-sicon-description p, .porto-sicon-description div, .info-circle-text p, .info-circle-text div, .timeline-header > div p, .timeline-header > div div, .porto-u-list-desc p, .porto-u-list-desc div, .porto-u-sub-heading p, .porto-u-sub-heading div, .porto-btn-text, span.middle-text p, span.middle-text div { font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit; line-height: inherit; color: inherit; } .porto-btn-ctn-center, .porto-btn-ctn-left, .porto-btn-ctn-right, .porto-map-wrapper.porto-adjust-bottom-margin, .info-wrapper.porto-adjust-bottom-margin, .porto-u-list-icon-wrapper.porto-adjust-bottom-margin { margin-bottom: 35px; } .porto-map-wrapper { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } html .vc_col-has-fill a.porto-btn-link.porto-adjust-bottom-margin .porto-btn.porto-adjust-bottom-margin { margin-bottom: 0; } /*Advanced carousel*/.vc_row-no-padding .porto-carousel-wrapper .slick-next { right: 0; } .vc_row-no-padding .porto-carousel-wrapper .slick-prev { left: 0; } /* Porto heading */.porto-u-heading { text-align: center; margin-bottom: 17px; } .porto-u-heading .porto-u-main-heading h1, .porto-u-heading .porto-u-main-heading h2, .porto-u-heading .porto-u-main-heading h3, .porto-u-heading .porto-u-main-heading h4, .porto-u-heading .porto-u-main-heading h5, .porto-u-heading .porto-u-main-heading h6 { margin: 0; padding: 0; line-height: normal; } .porto-u-heading-spacer { margin: 0 auto; padding: 0; position: relative; overflow: hidden; } .porto-u-heading-spacer .porto-icon { vertical-align: text-top; } .porto-u-heading-spacer img { vertical-align: middle; -webkit-box-shadow: none !important; box-shadow: none !important; max-width: 100%; } .porto-u-heading-spacer.line_with_icon:before { content: ""; position: absolute; bottom: 50%; right: 0; border-width: 0; top: 50%; } .porto-u-heading-spacer.line_with_icon:after { content: ""; position: absolute; bottom: 50%; left: 0; border-width: 0; top: 50%; } .porto-u-headings-line { display: block; width: 100%; max-width: 100%; } .porto-u-sub-heading { line-height: normal; line-height: 24px; margin: 0 auto; } .porto-u-sub-heading div, .porto-u-sub-heading p { font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; color: inherit !important; line-height: inherit !important; } .porto-u-heading p { word-break: normal; word-wrap: normal; -ms-word-break: normal; -ms-word-wrap: normal; } /* Info Box */.porto-sicon-wraper, .wpb_column > .wpb_wrapper .porto-sicon-wraper { margin-bottom: 35px; } .porto-sicon-wraper .porto-icon, .porto-sicon-wraper .img-icon { -webkit-transition: -webkit-transform 200ms linear; transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; } .porto-sicon-header h3.porto-sicon-title { margin: 0; display: block; font-size: 16px; line-height: 1.2em; } .porto-sicon-description { width: 100%; display: block; line-height: 24px; margin-top: 0; } .porto-sicon-header + .porto-sicon-description { margin-top: 16px; } .porto-sicon-read { display: block; padding: 5px 0; text-decoration: none; } a.porto-sicon-box-link { text-decoration: none; border: none; display: block; } .default-icon .porto-sicon-default { display: table-cell; vertical-align: middle; } .default-icon .porto-sicon-default .porto-icon, .default-icon .porto-sicon-default .porto-sicon-img { margin-right: 15px; } .default-icon .porto-sicon-header { display: table-cell; vertical-align: middle; } .top-icon .porto-icon, .top-icon .porto-sicon-img, .top-icon .porto-sicon-header, .top-icon .porto-sicon-description { display: block; text-align: center; margin: 0 auto; } .top-icon .porto-sicon-header { margin-bottom: 20px; } .top-icon .porto-sicon-header .porto-sicon-title { margin-bottom: 0; } .top-icon .porto-sicon-description { margin-top: 15px; } .top-icon .porto-sicon-header + .porto-sicon-description { margin-top: 0; } .porto-sicon-box.left-icon { display: inline-block; } .left-icon .porto-sicon-left { display: table-cell; vertical-align: top; } .left-icon .porto-sicon-left .porto-icon, .left-icon .porto-sicon-left .porto-sicon-img { margin-right: 20px; } .left-icon .porto-sicon-body { display: table-cell; vertical-align: middle; } .left-icon .porto-sicon-description, .left-icon .porto-sicon-header { float: left; width: 100%; } .square_box-icon .porto-icon, .square_box-icon .porto-sicon-img, .square_box-icon .porto-sicon-header, .square_box-icon .porto-sicon-description { display: block; text-align: center; margin: 0 auto; } .square_box-icon .porto-sicon-img { display: block !important; } .square_box-icon .porto-sicon-header, .square_box-icon .porto-sicon-description { padding: 0 5%; } .square_box-icon .porto-sicon-description { padding-bottom: 1em; } .square_box-icon .porto-sicon-header h3.porto-sicon-title { margin: 15px 0 15px; } .square_box-icon .porto-sicon-square_box .porto-icon, .square_box-icon .porto-sicon-square_box .porto-sicon-img { position: absolute; right: 0; left: 0; } .square_box-icon .porto-sicon-square_box { height: 100%; width: 100%; position: relative; display: block; } .porto-sicon-box.top-icon { text-align: center; } .porto-sicon-box .align-icon { line-height: 1em; } .porto-sicon-box.right-icon { display: inline-block; width: 100%; } .right-icon .porto-sicon-right { display: table-cell; vertical-align: top; width: 100%; } .right-icon .porto-sicon-right .porto-icon, .right-icon .porto-sicon-right .porto-sicon-img { margin-left: 15px; } .right-icon .porto-sicon-body { display: table-cell; vertical-align: middle; width: 100%; } .right-icon .porto-sicon-body, .right-icon .porto-sicon-body *, .right-icon .porto-sicon-header h3.porto-sicon-title, .right-icon .porto-sicon-description { text-align: right; } .right-icon .porto-sicon-description, .right-icon .porto-sicon-header { float: right; width: 100%; } .heading-right-icon .porto-sicon-heading-right { display: table-cell; vertical-align: middle; width: 100%; } .porto-sicon-heading-right + .porto-sicon-description { margin-top: 10px; } .heading-right-icon .porto-sicon-heading-right .porto-icon, .heading-right-icon .porto-sicon-heading-right .porto-sicon-img { margin-left: 15px; } .heading-right-icon .porto-sicon-header { display: table-cell; vertical-align: middle; width: 100%; } .heading-right-icon .porto-sicon-header h3.porto-sicon-title, .heading-right-icon .porto-sicon-description, .heading-right-icon .porto-sicon-description * { text-align: right; } .wpb_wrapper .top-icon .porto-just-icon-wrapper { margin-bottom: 15px; } .wpb_wrapper .top-icon .porto-sicon-header h3.porto-sicon-title { margin-top: 0; } .wpb_wrapper .top-icon .porto-sicon-header h2.porto-sicon-title { margin-top: 0; } .wpb_wrapper .porto-sicon-header h3.porto-sicon-title { font-size: 1.4em; font-weight: 400; letter-spacing: normal; text-transform: none; } .wpb_wrapper h3.porto-sicon-title small { font-size: 75%; display: block; margin: 2px 0 4px; } .wpb_wrapper .porto-sicon-read { margin-top: 10px; } .info-box-small .porto-sicon-box, .info-box-small-wrap .porto-sicon-box { margin-bottom: 15px; } .info-box-small .porto-sicon-header + .porto-sicon-description, .info-box-small-wrap .porto-sicon-header + .porto-sicon-description { margin-top: 5px; } .porto-sicon-box { margin-bottom: 20px; } .porto-sicon-box .fa { font-family: "FontAwesome" !important; } .porto-sicon-wrapper { margin-bottom: 0; } .porto-sicon-wrapper.text-left .porto-sicon-box.top-icon .align-icon, .porto-sicon-wrapper.text-left .porto-sicon-box.bottom-icon .align-icon, .porto-sicon-wrapper.text-left .porto-sicon-box.top-icon .porto-sicon-header, .porto-sicon-wrapper.text-left .porto-sicon-box.bottom-icon .porto-sicon-header, .porto-sicon-wrapper.text-left .porto-sicon-box.top-icon .porto-sicon-img, .porto-sicon-wrapper.text-left .porto-sicon-box.bottom-icon .porto-sicon-img, .porto-sicon-wrapper.text-left .porto-sicon-box.top-icon .porto-sicon-description, .porto-sicon-wrapper.text-left .porto-sicon-box.bottom-icon .porto-sicon-description { text-align: left !important; } .porto-sicon-wrapper.text-right .porto-sicon-box.top-icon .align-icon, .porto-sicon-wrapper.text-right .porto-sicon-box.bottom-icon .align-icon, .porto-sicon-wrapper.text-right .porto-sicon-box.top-icon .porto-sicon-header, .porto-sicon-wrapper.text-right .porto-sicon-box.bottom-icon .porto-sicon-header, .porto-sicon-wrapper.text-right .porto-sicon-box.top-icon .porto-sicon-img, .porto-sicon-wrapper.text-right .porto-sicon-box.bottom-icon .porto-sicon-img, .porto-sicon-wrapper.text-right .porto-sicon-box.top-icon .porto-sicon-description, .porto-sicon-wrapper.text-right .porto-sicon-box.bottom-icon .porto-sicon-description { text-align: right !important; } /* Stat Counter */div.stats-desc > div.counter_prefix, div.stats-desc > div.counter_suffix { display: inline; } .stats-block, .wpb_row .wpb_column .wpb_wrapper .stats-block { display: block; margin-bottom: 35px; } .stats-block .stats-number { display: inline; } .stats-block .stats-number, div.stats-desc > div.counter_prefix, div.stats-desc > div.counter_suffix { font-size: 50px; font-weight: 700; line-height: 1; } div.stats-desc > div.counter_suffix { display: none; } .stats-block .stats-text { font-size: 18px; width: 100%; text-align: inherit; } .stats-left .porto-sicon-left { display: table-cell; padding-right: 15px; } .stats-left .stats-desc { text-align: left; display: table-cell; vertical-align: middle; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: auto; } .stats-top .porto-sicon-top, .stats-top .stats-desc { width: 100%; display: block; text-align: center; } .stats-top .porto-icon, .stats-top .img-icon { margin: 0 auto; } .stats-top .porto-sicon-img { margin: 0 auto; } .stats-top .stats-number { padding: 8px 0; } .stats-right.stats-block { display: inline-block; width: 100%; } .stats-right .porto-sicon-right { display: table-cell; padding-left: 15px; } .stats-right .stats-desc { text-align: right; display: table-cell; vertical-align: middle; } .stats-block.stats-left, .stats-block.stats-right { direction: ltr; } .stats-block .porto-icon.none { margin-bottom: 5px; } .stats-block .stats-text { font-weight: 100; font-size: 20px; line-height: 1; } .stats-block.counter-single-line { text-align: center; } .stats-block.counter-single-line > div { display: inline-block; vertical-align: baseline; text-align: center; } .stats-block.counter-with-border { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-radius: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 25px; } .stats-block.counter-inline { margin-bottom: 20px; } .stats-block.counter-inline .porto-sicon-top, .stats-block.counter-inline .stats-desc { text-align: left; } .stats-block.counter-inline .stats-number, .stats-block.counter-inline div.stats-desc > div.counter_prefix, .stats-block.counter-inline div.stats-desc > div.counter_suffix { font-size: 14px; } .stats-block.counter-inline div.counter_prefix, .stats-block.counter-inline div.counter_suffix { font-weight: 400; } /* Buttons */.porto-btn { border: inherit; -webkit-border-radius: none; border-radius: none; font-size: 12px; font-weight: normal; line-height: 1.4em; color: inherit; background: transparent; cursor: pointer; display: inline-block; margin: 0px; padding: 25px 80px; outline: 0; text-align: center; text-decoration: none; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 1; max-width: 100%; visibility: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .porto-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; } .porto-btn-data { z-index: 3; position: inherit; display: block; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; } button.porto-btn { background: inherit; color: inherit; } button.porto-btn:hover, button.porto-btn:focus, button.porto-btn:active, button.porto-btn:visited { color: inherit; background: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; outline: 0; } .porto-btn-ctn-left { display: block; text-align: left; } .porto-btn-ctn-center { display: block; text-align: center; } .porto-btn-ctn-right { display: block; text-align: right; } .porto-btn-ctn-inline { display: inline-block; text-align: center; } a.porto-btn-link { display: inline-block; margin: 0px; color: inherit; text-decoration: none; max-width: 100%; } a.porto-btn-link:hover { color: inherit; text-decoration: none; } a.porto-btn-link .porto-btn { margin: 0; } button.porto-btn-mini { padding: 5px 10px; } button.porto-btn-small { padding: 8px 16px; } button.porto-btn-normal { padding: 15px 30px; } button.porto-btn-large { padding: 21px 42px; } .porto-btn-block { display: block; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0; padding-right: 0; } button.porto-btn-custom { padding: 0; } @media (max-width: 768px) { .porto-btn-small { padding: 6px 12px; } .porto-btn-normal { padding: 10px 24px; } .porto-btn-large { padding: 12px 36px; } } .porto-btn-sep-icon .porto-btn-icon { position: absolute; top: 50%; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .porto-btn-sep-icon:hover .porto-btn-icon { opacity: 1; } .porto-btn-sep-icon .porto-btn-icon span { line-height: inherit; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .porto-btn.porto-btn-sep-icon.porto-btn-only-icon .porto-btn-icon { position: relative; left: 0; top: 0; right: 0; bottom: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .porto-btn-sep-icon.porto-btn-sep-icon-at-left .porto-btn-icon { left: 20px; opacity: 1; } .porto-btn-sep-icon.porto-btn-sep-icon-at-right .porto-btn-icon { right: 20px; opacity: 1; } .porto-btn-sep-icon-left .porto-btn-icon { left: -2em; } .porto-btn-sep-icon-left:hover .porto-btn-icon { left: 10px; } .porto-btn-sep-icon-left-rev .porto-btn-icon { left: 4em; } .porto-btn-sep-icon-left-rev:hover .porto-btn-icon { left: 20px; } .porto-btn-sep-icon-right .porto-btn-icon { right: -2em; } .porto-btn-sep-icon-right:hover .porto-btn-icon { right: 5px; } .porto-btn-sep-icon-right-rev .porto-btn-icon { right: 4em; } .porto-btn-sep-icon-right-rev:hover .porto-btn-icon { right: 20px; } .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-icon { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); line-height: 1; } .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-icon i, .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-icon i, .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-icon i, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-icon i { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-text { display: inline-block; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-icon { top: -500px; } .porto-btn-sep-icon.porto-btn-sep-icon-top-push:hover .porto-btn-icon { top: 0; } .porto-btn-sep-icon.porto-btn-sep-icon-top-push:hover .porto-btn-text { display: inline-block; -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); } .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-top-push:hover .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-top-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-top-push:hover .porto-btn-text { -webkit-transition: all 0.45s; -moz-transition: all 0.45s; transition: all 0.45s; } .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-icon { top: 500px; } .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push:hover .porto-btn-icon { top: 0; } .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push:hover .porto-btn-text { display: inline-block; -webkit-transform: translateY(-500px); -ms-transform: translateY(-500px); transform: translateY(-500px); } .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push:hover .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-bottom-push:hover .porto-btn-text { -webkit-transition: all 0.45s; -moz-transition: all 0.45s; transition: all 0.45s; } .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-icon { left: -500px; } .porto-btn-sep-icon.porto-btn-sep-icon-left-push:hover .porto-btn-icon { left: 0; } .porto-btn-sep-icon.porto-btn-sep-icon-left-push:hover .porto-btn-text { display: inline-block; -webkit-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); } .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-left-push:hover .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-left-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-left-push:hover .porto-btn-text { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-icon { left: 500px; } .porto-btn-sep-icon.porto-btn-sep-icon-right-push:hover .porto-btn-icon { left: 0; } .porto-btn-sep-icon.porto-btn-sep-icon-right-push:hover .porto-btn-text { display: inline-block; -webkit-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); } .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-right-push:hover .porto-btn-icon, .porto-btn-sep-icon.porto-btn-sep-icon-right-push .porto-btn-text, .porto-btn-sep-icon.porto-btn-sep-icon-right-push:hover .porto-btn-text { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; } .porto-btn-hover { width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background: transparent; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: inherit; border-radius: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .porto-btn-fade-bg .porto-btn-hover { background: rgba(255, 255, 255, 0); opacity: 0; } .porto-btn-fade-bg:hover .porto-btn-hover { opacity: 1; } .porto-btn-top-bg .porto-btn-hover { top: -100%; background: #ccc; } .porto-btn-top-bg:hover .porto-btn-hover { top: 0; } .porto-btn-bottom-bg .porto-btn-hover { top: 100%; background: #ccc; } .porto-btn-bottom-bg:hover .porto-btn-hover { top: 0; } .porto-btn-left-bg .porto-btn-hover { left: -100%; background: #ccc; } .porto-btn-left-bg:hover .porto-btn-hover { left: 0; } .porto-btn-right-bg .porto-btn-hover { left: 100%; background: #ccc; } .porto-btn-right-bg:hover .porto-btn-hover { left: 0; } .porto-btn-center-hz-bg .porto-btn-hover { width: 0; height: 103%; top: 50%; left: 50%; background: #ccc; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .porto-btn-center-hz-bg:hover .porto-btn-hover { width: 90%; opacity: 1; } .porto-btn-center-hz-bg:active .porto-btn-hover { width: 101%; opacity: 1; } .porto-btn-center-vt-bg .porto-btn-hover { width: 101%; height: 0; top: 50%; left: 50%; background: #ccc; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .porto-btn-center-vt-bg:hover .porto-btn-hover { height: 75%; opacity: 1; } .porto-btn-center-vt-bg:active .porto-btn-hover { height: 130%; opacity: 1; } .porto-btn-center-dg-bg .porto-btn-hover { width: 100%; height: 0; top: 50%; left: 50%; background: #ccc; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .porto-btn-center-dg-bg:hover .porto-btn-hover { height: 260%; opacity: 1; } .porto-btn-center-dg-bg:active .porto-btn-hover { height: 400%; opacity: 1; } .no-porto-btn-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: all 50ms linear !important; transition: all 50ms linear !important; } .porto-btn-hover { opacity: 0; } .porto-btn-hover-active { opacity: 1; } /* Content Box */.porto-ultimate-content-box-container, .porto-ultimate-content-box-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .porto-ultimate-content-box-container .porto-ultimate-content-box-anchor, .porto-ultimate-content-box-container .porto-ultimate-content-box-anchor:active, .porto-ultimate-content-box-container .porto-ultimate-content-box-anchor:focus, .porto-ultimate-content-box-container .porto-ultimate-content-box-anchor:hover, .porto-ultimate-content-box-container .porto-ultimate-content-box-anchor:visited { text-decoration: none; line-height: inherit; outline: 0; } .porto-ultimate-content-box:after { content: ''; display: block; clear: both; } /* Porto Google Map */.porto_google_map { min-width: 0 !important; width: 100% !important; position: relative !important; } .porto_google_map img { max-width: initial !important; } .gmap-border { border: 1px solid #ddd; border-radius: 4px; padding: 4px; overflow: hidden; } .gmap-rounded, .gmap-rounded .porto_google_map { border-radius: 0; overflow: hidden; } /* Count Down */.porto_countdown, .wpb_row .wpb_column .wpb_wrapper .porto_countdown { width: 100%; height: auto; display: block; line-height: 1; margin-bottom: 35px; float: left; text-align: center; } .porto_countdown .porto_countdown-row { display: block; margin: 0 auto; } .porto_countdown .porto_countdown-section { display: inline-block; margin-bottom: 15px; } .porto_countdown .porto_countdown-section .porto_countdown-amount { min-width: 1em; max-width: 100%; min-height: 1em; line-height: 1em; padding: 0; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .porto_countdown .porto_countdown-section .porto_countdown-period { padding: 0 4px; } .porto_countdown.porto-cd-s1 .porto_countdown-section { padding: 0 7px; } .porto_countdown.porto-cd-s1 .porto_countdown-section .porto_countdown-amount { display: inline-block; } .porto_countdown.porto-cd-s2 .porto_countdown-section { padding: 0 15px; } .porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-amount { display: block; } .porto_countdown.porto-cd-s2 .porto_countdown-section .porto_countdown-period { margin-top: 7px; width: 100%; display: block; } /* Slick carousel */.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("../images/AjaxLoader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; outline: none; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */.slick-prev, .slick-next { line-height: 0; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active { outline: none; background: transparent; color: transparent; -webkit-box-shadow: none; box-shadow: none; } [dir="rtl"] .slick-prev { left: auto; right: -15px; -webkit-tranform: rotate(-180deg); -moz-tranform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } [dir="rtl"] .slick-next { left: -15px; right: auto; -webkit-tranform: rotate(-180deg); -moz-tranform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* Dots */.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0 2px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .porto-carousel-wrapper .slick-dots li i { opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left: 1px; padding-right: 1px; } .porto-carousel-wrapper .slick-dots li:hover i { opacity: 1; } .porto-carousel-wrapper .slick-dots li.slick-active i { opacity: 1; } button.slick-next:active, button.slick-prev:active { background: initial; border: initial; padding: initial; } .porto-item-wrap > .wpb_button, .porto-item-wrap > .wpb_content_element, .porto-item-wrap > .wpb_row, .porto-item-wrap > ul.wpb_thumbnails-fluid > li, .porto-item-wrap > div { margin-bottom: 0 !important; } ul.slick-dots { margin: 0; padding: 10px 0; } .slick-dots { bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } /*Slider Buttons Customization*/.porto-carousel-wrapper button { z-index: 1; } .porto-carousel-wrapper button.circle-border, .porto-carousel-wrapper button.circle-bg { -webkit-border-radius: 100%; border-radius: 100%; width: 1.5em; height: 1.5em; line-height: 1.5em; } .porto-carousel-wrapper button.square-border, .porto-carousel-wrapper button.square-bg { -webkit-border-radius: 0px !important; border-radius: 0px !important; width: 1.6em; height: 1.6em; min-width: 30px; min-height: 30px; } button.slick-next.circle-border i, button.slick-prev.circle-border i { left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*Slider Buttons Customization*/.porto-carousel-wrapper button.slick-disabled { opacity: 0.5; cursor: auto; } /*Slider Basics*/.porto-carousel-wrapper, .porto-carousel-wrapper * { -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; } .porto-carousel-wrapper { position: relative; margin-bottom: 35px; } .porto-carousel-wrapper .wpb_content_element { margin-bottom: 0; } /*Horizontal Arrows*/.porto-carousel-wrapper .slick-prev, .porto-carousel-wrapper .slick-next { position: absolute; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } .porto-carousel-wrapper .slick-prev:hover, .porto-carousel-wrapper .slick-next:hover { opacity: 0.8; } /*Horizontal Navigation Dots*/.porto-carousel-wrapper ul.slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; z-index: 99; } .porto-item-wrap.slick-slide.animated { opacity: 1 !important; } body .porto-carousel-wrapper { padding-bottom: 0; } body .slick-dots { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body .porto-carousel-wrapper ul.slick-dots, body .slick-dots { position: relative; bottom: -5px; margin-top: 10px; } body .sidebar-content .porto-carousel-wrapper ul.slick-dots, body .sidebar-content .slick-dots { margin-top: 3px; } body .sidebar-content .porto-carousel-wrapper { margin-bottom: 0; } body .slick-slide img { display: inline; } .porto-carousel-wrapper > div:first-child { position: relative; display: block; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; } .porto-carousel-wrapper > div:first-child > .porto-item-wrap { display: none; } .porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child { display: block; position: relative; min-height: 200px; } .porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child > * { opacity: 0; } .porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap { display: block; } .porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child { position: static; min-height: 0; } .porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child:before { display: none; } .porto-carousel-wrapper > div:first-child.slick-initialized > .porto-item-wrap:first-child > * { opacity: 1; } /* Fancy Text */.word-rotate { display: inline-block; overflow: hidden; text-align: center; position: relative; max-height: 22px; line-height: 22px; font-weight: bold; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 0; display: inline-block; } .word-rotate .word-rotate-items span { display: inline-block; white-space: nowrap; } .word-rotate .word-rotate-items span:not(:first-child) { display: none; } .word-rotate.active .word-rotate-items { position: relative; } .word-rotate.active .word-rotate-items span { display: inline-block; float: left; clear: both; } h1.word-rotator-title .inverted { min-height: 56px; } h1.word-rotator-title .word-rotate { max-height: 46px; line-height: 46px; margin-bottom: -9px; } h2.word-rotator-title .inverted { min-height: 46px; } h2.word-rotator-title .word-rotate { max-height: 42px; line-height: 42px; margin-bottom: -9px; } h3.word-rotator-title .inverted { min-height: 25px; } h3.word-rotator-title .word-rotate { max-height: 24px; line-height: 24px; margin-bottom: -2px; } h4.word-rotator-title .inverted { min-height: 32px; } h4.word-rotator-title .word-rotate { max-height: 27px; line-height: 27px; margin-bottom: -6px; } h5.word-rotator-title .inverted { min-height: 18px; } h5.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px; } h6.word-rotator-title .inverted { min-height: 20px; } h6.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px; } p .inverted { min-height: 24px; } p .word-rotate { max-height: 22px; line-height: 22px; margin-bottom: -6px; } /* Carousel Logo Item */.carousel-logo-item { position: relative; overflow: hidden; padding: 60px 20px 50px; box-shadow: 0px 23px 32px 0px transparent; will-change: border-color; border: 1px solid transparent; -webkit-transition: border-color 0.4s ease, box-shadow 0.4s ease; -moz-transition: border-color 0.4s ease, box-shadow 0.4s ease; transition: border-color 0.4s ease, box-shadow 0.4s ease; } .carousel-logo-item:hover { box-shadow: 0px 23px 32px 0px #e5e8eb; border-color: #d4d4d4; } .carousel-logo-item:hover .carousel-logo-pb { -webkit-transform: translateY(-500px); -moz-transform: translateY(-500px); -ms-transform: translateY(-500px); -o-transform: translateY(-500px); transform: translateY(-500px); } .carousel-logo-item .carousel-logo-pannel { width: 100%; height: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .carousel-logo-hover-img { margin-bottom: 20px; } .carousel-logo-item .carousel-logo-hover { position: absolute; left: 0; top: 500px; padding: 30px 15px 10px; } .carousel-logo-item:hover .carousel-logo-hover { top: 0; } .carousel-logo-item .carousel-logo-hover img { width: 138px; max-height: 65px; } .carousel-logo-item .carousel-logo-hover .carousel-logo-description { max-height: 45px; overflow-y: hidden; } .carousel-logo-item .carousel-logo-pb::before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .carousel-logo-item .carousel-logo-pb img { display: inline-block; vertical-align: middle; width: 200px; } /* Porto Info List */.porto-info-list { padding-left: 0; } .porto-info-list li { list-style: none; line-height: 2.5; } .porto-info-list .porto-info-icon { margin-right: 18px; line-height: 2.4; } .porto-info-list .porto-info-list-item .porto-info-icon { width: auto; display: inline-block; } .porto-info-list-item-desc { display: inline-block; } /* Porto Interactive banner */.porto-ibanner, .porto-ibanner img { display: block; position: relative; } .porto-ibanner { z-index: 1; overflow: hidden; margin: 0 0 35px; background: #3085a3; text-align: center; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .porto-ibanner, .wpb_column > .wpb_wrapper .porto-ibanner { margin-bottom: 35px; } .porto-ibanner * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .porto-ibanner *, .porto-ibanner .porto-ibanner-desc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .porto-ibanner img { min-width: 100%; max-width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .porto-ibanner .porto-ibanner-desc { padding: 15px; color: #fff; font-size: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .porto-ibanner .porto-ibanner-desc::after, .porto-ibanner .porto-ibanner-desc::before { pointer-events: none; } .porto-ibanner .porto-ibanner-desc, .porto-ibanner a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .porto-ibanner .porto-ibanner-content { font-size: 13px; line-height: 1.6em; } .porto-ibanner .porto-ibanner-content p { color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } .porto-ibanner .porto-ibanner-title, .porto-ibanner p { letter-spacing: normal; padding: 0; margin: 0; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration: inherit; font-style: inherit; color: inherit; } .porto-ibanner a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .porto-ibanner a.porto-ibanner-link { display: block; background: 0 0; } .porto-ibanner-effect-style1 img { width: 100%; } .porto-ibanner-effect-style1 .porto-ibanner-desc::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .porto-ibanner-effect-style1 .porto-ibanner-title { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s, color 0.35s; -webkit-transition: color 0.35s, -webkit-transform 0.35s; transition: color 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .porto-ibanner-effect-style1 .porto-ibanner-content, .porto-ibanner-effect-style1 .porto-ibanner-desc::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .porto-ibanner-effect-style1 .porto-ibanner-content { position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; max-height: 50%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .porto-ibanner-effect-style1:hover .porto-ibanner-title { color: #fff; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } .porto-ibanner-effect-style1:hover .porto-ibanner-content, .porto-ibanner-effect-style1:hover .porto-ibanner-desc::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .porto-ibanner-effect-style2 .porto-ibanner-desc { top: auto; bottom: 0; padding: 15px; height: auto; background: #f2f2f2; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .porto-ibanner-effect-style2 .porto-ibanner-content { position: absolute; top: auto; bottom: 100%; left: 0; width: 100%; padding: 25px; color: #fff; text-transform: none; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .porto-ibanner-effect-style2 .porto-ibanner-title { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); text-align: center; } .porto-ibanner-effect-style2:hover .porto-ibanner-content, .porto-ibanner-effect-style2:hover .porto-ibanner-content * { opacity: 1 !important; z-index: 99 !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } .porto-ibanner-effect-style2:hover .porto-ibanner-desc, .porto-ibanner-effect-style2:hover .porto-ibanner-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .porto-ibanner-effect-style2:hover .porto-ibanner-title { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .porto-ibanner.porto-ibanner-effect-style2 .porto-ibanner-toggle-size { left: 50%; width: auto !important; height: 100%; max-width: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .porto-ibanner img { border: none; padding: 0; margin: 0; } .porto-modal-trigger { cursor: pointer; } /* Row Video Background *//* Video */.section-video { -webkit-transform: translate3d(0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%; } .section-video.skrollable { position: absolute; left: 0; top: 0; padding: 0; } .section-video video { max-width: none; } .section-video .container { position: relative; z-index: 3; } .section-video .video-overlay { background: transparent url(../images/video-overlay.png) repeat 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; } .section-video.video-overlay-dark .video-overlay { background-image: url(../img/video-overlay-dark.png); } html.boxed .section-video > div:first-child { z-index: 0 !important; } html.boxed .section-video > div:first-child video { z-index: 0 !important; } /* Visual Composer Grid */.vc_row.wpb_row { margin-bottom: 0; } .vc_row.wpb_row.vc_row-no-padding .vc_column_container { padding-left: 0; padding-right: 0; } .vc_row.wpb_row.vc_row-no-padding .vc_column_container.section { padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { .vc_row.wpb_row.vc_row-no-padding .vc_column_container.section { padding-left: 15px; padding-right: 15px; } } .vc_row.section-with-divider { overflow: visible; } body .vc_row { margin-left: -15px; margin-right: -15px; } body .vc_row.vc_column-gap-1 { margin-left: -0.5px; margin-right: -0.5px; } body .vc_row.vc_column-gap-2 { margin-left: 0px; margin-right: 0px; } body .vc_row.vc_column-gap-3 { margin-left: -0.5px; margin-right: -0.5px; } body .vc_row.vc_column-gap-4 { margin-left: -1px; margin-right: -1px; } body .vc_row.vc_column-gap-5 { margin-left: -1.5px; margin-right: -1.5px; } body .vc_row.vc_column-gap-10 { margin-left: -4px; margin-right: -4px; } body .vc_row.vc_column-gap-15 { margin-left: -6.5px; margin-right: -6.5px; } body .vc_row.vc_column-gap-20 { margin-left: -9.5px; margin-right: -9.5px; } body .vc_row.vc_column-gap-25 { margin-left: -11.5px; margin-right: -11.5px; } body .vc_row.vc_column-gap-30 { margin-left: -14px; margin-right: -14px; } body .vc_row.vc_column-gap-35 { margin-left: -16.5px; margin-right: -16.5px; } body .vc_col-xs-1, body .vc_col-sm-1, body .vc_col-md-1, body .vc_col-lg-1, body .vc_col-xs-2, body .vc_col-sm-2, body .vc_col-md-2, body .vc_col-lg-2, body .vc_col-xs-3, body .vc_col-sm-3, body .vc_col-md-3, body .vc_col-lg-3, body .vc_col-xs-4, body .vc_col-sm-4, body .vc_col-md-4, body .vc_col-lg-4, body .vc_col-xs-5, body .vc_col-sm-5, body .vc_col-md-5, body .vc_col-lg-5, body .vc_col-xs-6, body .vc_col-sm-6, body .vc_col-md-6, body .vc_col-lg-6, body .vc_col-xs-7, body .vc_col-sm-7, body .vc_col-md-7, body .vc_col-lg-7, body .vc_col-xs-8, body .vc_col-sm-8, body .vc_col-md-8, body .vc_col-lg-8, body .vc_col-xs-9, body .vc_col-sm-9, body .vc_col-md-9, body .vc_col-lg-9, body .vc_col-xs-10, body .vc_col-sm-10, body .vc_col-md-10, body .vc_col-lg-10, body .vc_col-xs-11, body .vc_col-sm-11, body .vc_col-md-11, body .vc_col-lg-11, body .vc_col-xs-12, body .vc_col-sm-12, body .vc_col-md-12, body .vc_col-lg-12 { padding-left: 15px; padding-right: 15px; } body .vc_non_responsive .vc_row .vc_col-sm-1, body .vc_non_responsive .vc_row .vc_col-sm-2, body .vc_non_responsive .vc_row .vc_col-sm-3, body .vc_non_responsive .vc_row .vc_col-sm-4, body .vc_non_responsive .vc_row .vc_col-sm-5, body .vc_non_responsive .vc_row .vc_col-sm-6, body .vc_non_responsive .vc_row .vc_col-sm-7, body .vc_non_responsive .vc_row .vc_col-sm-8, body .vc_non_responsive .vc_row .vc_col-sm-9, body .vc_non_responsive .vc_row .vc_col-sm-10, body .vc_non_responsive .vc_row .vc_col-sm-11, body .vc_non_responsive .vc_row .vc_col-sm-12 { padding-left: 15px; padding-right: 15px; } /* Visual Composer Buttons */.vc_row.bg-width50 .upb_row_bg { width: 50% !important; min-width: 50% !important; } @media (max-width: 767px) { .vc_row.bg-width50 .upb_row_bg { display: none; } } .vc_row.bg-width50-right .upb_row_bg { margin-left: 50%; position: absolute !important; } .vc_row.bg-ml50 .upb_row_bg { margin-left: 50%; } .vc_row .vc_column_container > .wpb_wrapper.vc_column-inner { padding: 0; } body { /* Buttons */ /* Border Buttons */ /* Border Buttons - Sizes */ /* 3D Buttons */ } body .btn-inverse { color: #fff; background-color: #333; border-color: #2d2d2d; } body .btn-inverse:focus, body .btn-inverse.focus { color: #fff; background-color: #262626; border-color: #202020; } body .btn-inverse:hover { color: #fff; background-color: #262626; border-color: #202020; } body .btn-inverse:active, body .btn-inverse.active, .open > body .btn-inverse.dropdown-toggle { color: #fff; background-color: #262626; border-color: #202020; } body .btn-inverse:active, body .btn-inverse.active, .open > body .btn-inverse.dropdown-toggle { background-image: none; } body .btn-inverse.disabled, body .btn-inverse[disabled], fieldset[disabled] body .btn-inverse, body .btn-inverse.disabled:hover, body .btn-inverse[disabled]:hover, fieldset[disabled] body .btn-inverse:hover, body .btn-inverse.disabled:focus, body .btn-inverse[disabled]:focus, fieldset[disabled] body .btn-inverse:focus, body .btn-inverse.disabled.focus, body .btn-inverse[disabled].focus, fieldset[disabled] body .btn-inverse.focus, body .btn-inverse.disabled:active, body .btn-inverse[disabled]:active, fieldset[disabled] body .btn-inverse:active, body .btn-inverse.disabled.active, body .btn-inverse[disabled].active, fieldset[disabled] body .btn-inverse.active { background-color: #333; border-color: #2d2d2d; } body .btn-inverse .badge { color: #333; background-color: #fff; } body .btn { display: inline-block; margin: 0; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0; } body .cart-actions .button, body .checkout-button, body #place_order, body .btn-lg, body .btn-group-lg > .btn, body input.submit.btn-lg, body input.btn.btn-lg[type="submit"], body input.button.btn-lg[type="submit"], body .return-to-shop .button { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 0; } body .btn-sm, body .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } body .btn-md, body .btn-group-md > .btn { padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 0; } body .btn-xs, body .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } body .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } body .vc_btn3.vc_btn3-color-grey, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-3d, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline { border-color: #ccc; color: #666; background-color: transparent; } body .vc_btn3-container.vc_btn3-inline { vertical-align: baseline; } body .vc_btn3.vc_btn3-size-lg { border-radius: 6px; } body .vc_btn3.vc_btn3-icon-left .vc_btn3-icon, body .vc_btn3.vc_btn3-icon-right .vc_btn3-icon { display: inline; position: static; font-size: inherit; line-height: inherit; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } body .vc_general.vc_btn3 .vc_btn3-placeholder { display: none; } body .btn.btn-lg, body .vc_btn3.vc_btn3-size-lg { padding: 10px 16px; font-size: 18px; line-height: 1.333333; } body .btn.btn-lg.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left, body .btn.btn-lg.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right, body .btn.btn-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .btn.btn-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-left: 16px; padding-right: 16px; } body .btn.btn-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-right: 7px; } body .btn.btn-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-left: 7px; } body .btn.btn-lg.vc_btn3-style-outline, body .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline { padding: 8px 14px; border-width: 3px; } body .btn.btn-lg.vc_btn3-style-outline.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline.vc_btn3-icon-left, body .btn.btn-lg.vc_btn3-style-outline.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline.vc_btn3-icon-right { padding-left: 14px; padding-right: 14px; } body .btn.btn-lg.vc_btn3-style-3d, body .vc_btn3.vc_btn3-size-lg.vc_btn3-style-3d { padding: 8px 16px 7px; margin-bottom: 5px; } body .vc_btn3.vc_btn3-size-md { border-radius: 4px; } body .btn, body .vc_btn3.vc_btn3-size-md { padding: 6px 12px; font-size: 14px; line-height: 1.428571; } body .btn.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left, body .btn.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right, body .btn.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .btn.vc_btn3-icon-right:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-left: 12px; padding-right: 12px; } body .btn.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-right: 5px; } body .btn.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-left: 5px; } body .btn.vc_btn3-style-outline, body .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline { padding: 4px 10px; border-width: 3px; } body .btn.vc_btn3-style-outline.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline.vc_btn3-icon-left, body .btn.vc_btn3-style-outline.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline.vc_btn3-icon-right { padding-left: 10px; padding-right: 10px; } body .btn.vc_btn3-style-3d, body .vc_btn3.vc_btn3-size-md.vc_btn3-style-3d { padding: 4px 12px 3px; margin-bottom: 5px; } body .vc_btn3.vc_btn3-size-sm { border-radius: 3px; } body .btn.btn-sm, body .vc_btn3.vc_btn3-size-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; } body .btn.btn-sm.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-left, body .btn.btn-sm.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right, body .btn.btn-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .btn.btn-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-left: 10px; padding-right: 10px; } body .btn.btn-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-right: 3px; } body .btn.btn-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-sm.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-left: 3px; } body .btn.btn-sm.vc_btn3-style-outline, body .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline { padding: 4px 9px; border-width: 2px; } body .btn.btn-sm.vc_btn3-style-outline.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline.vc_btn3-icon-left, body .btn.btn-sm.vc_btn3-style-outline.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline.vc_btn3-icon-right { padding-left: 9px; padding-right: 9px; } body .btn.btn-sm.vc_btn3-style-3d, body .vc_btn3.vc_btn3-size-sm.vc_btn3-style-3d { padding: 4px 10px 2px; margin-bottom: 2px; } body .vc_btn3.vc_btn3-size-xs { border-radius: 2px; } body .btn.btn-xs, body .vc_btn3.vc_btn3-size-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; } body .btn.btn-xs.vc_btn3-icon-left, body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-left, body .btn.btn-xs.vc_btn3-icon-right, body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right, body .btn.btn-xs.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-left:not(.vc_btn3-o-empty), body .btn.btn-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty), body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) { padding-left: 5px; padding-right: 5px; } body .btn.btn-xs.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-right: 3px; } body .btn.btn-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon, body .vc_btn3.vc_btn3-size-xs.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon { padding-left: 3px; } body .btn.btn-xs.vc_btn3-style-outline, body .vc_btn3.vc_btn3-size-xs.vc_btn3-style-outline { padding: 1px 5px; border-width: 1px; } body .btn.btn-xs.vc_btn3-style-3d, body .vc_btn3.vc_btn3-size-xs.vc_btn3-style-3d { line-height: 1.428571; padding: 0px 5px; margin-bottom: 1px; } body .vc_btn3.vc_label { display: inline; cursor: inherit; } body .vc_btn3.vc_label.vc_btn3-size-lg, body .vc_btn3.vc_label.vc_btn3-size-md, body .vc_btn3.vc_label.vc_btn3-size-sm, body .vc_btn3.vc_label.vc_btn3-size-xs { padding: 0.2em 0.6em 0.3em; line-height: 1; text-align: center; vertical-align: baseline; } body .vc_btn3.vc_label.vc_btn3-shape-rounded { border-radius: 0.25em; } body .vc_btn3.vc_label.vc_btn3-size-lg { font-size: 1em; } body .vc_btn3.vc_label.vc_btn3-size-lg.vc_btn3-style-outline { border-width: 2px; } body .vc_btn3.vc_label.vc_btn3-size-md { font-size: 0.75em; } body .vc_btn3.vc_label.vc_btn3-size-md.vc_btn3-style-outline { border-width: 1px; } body .vc_btn3.vc_label.vc_btn3-size-sm { font-size: 0.7em; } body .vc_btn3.vc_label.vc_btn3-size-xs { font-size: 0.6em; } body .vc_btn3.vc_btn3-shape-square { border-radius: 0 !important; } body .vc_btn3.vc_btn3-shape-round { border-radius: 2em !important; } body .btn, body .button, body input.submit, body input[type="submit"] { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } body button { border: 1px solid #ccc; } body .btn-default { color: #666; } body .btn-icon i { margin-right: 10px; } body .btn-icon-right i { margin-right: 0; margin-left: 10px; } body .btn-primary { border-color: #ccc; background-color: #ccc; border-color: #ccc #ccc #b3b3b3; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-primary:hover { border-color: #d9d9d9 #d9d9d9 #bfbfbf; background-color: #bfbfbf; color: #fff; } body .btn-primary:active, body .btn-primary:focus { border-color: #bfbfbf; background-color: #bfbfbf; color: #fff; } body .btn-primary.dropdown-toggle { border-left-color: #bfbfbf; } body .btn-primary[disabled] { border-color: #999; background-color: #999; color: #ccc; } body .btn-success { border-color: #47a447; background-color: #47a447; border-color: #47a447 #47a447 #388038; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-success:hover { border-color: #51b451 #51b451 #3f923f; background-color: #3f923f; color: #fff; } body .btn-success:active, body .btn-success:focus { border-color: #3f923f; background-color: #3f923f; color: #fff; } body .btn-success.dropdown-toggle { border-left-color: #3f923f; } body .btn-success[disabled] { border-color: #285d28; background-color: #285d28; color: #ccc; } body .btn-warning { border-color: #ed9c28; background-color: #ed9c28; border-color: #ed9c28 #ed9c28 #d18211; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-warning:hover { border-color: #efa740 #efa740 #e89113; background-color: #e89113; color: #fff; } body .btn-warning:active, body .btn-warning:focus { border-color: #e89113; background-color: #e89113; color: #fff; } body .btn-warning.dropdown-toggle { border-left-color: #e89113; } body .btn-warning[disabled] { border-color: #a1650e; background-color: #a1650e; color: #ccc; } body .btn-danger { border-color: #d2322d; background-color: #d2322d; border-color: #d2322d #d2322d #a82824; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-danger:hover { border-color: #d74742 #d74742 #bd2d29; background-color: #bd2d29; color: #fff; } body .btn-danger:active, body .btn-danger:focus { border-color: #bd2d29; background-color: #bd2d29; color: #fff; } body .btn-danger.dropdown-toggle { border-left-color: #bd2d29; } body .btn-danger[disabled] { border-color: #7e1e1b; background-color: #7e1e1b; color: #ccc; } body .btn-info { border-color: #5bc0de; background-color: #5bc0de; border-color: #5bc0de #5bc0de #31b0d5; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-info:hover { border-color: #70c8e2 #70c8e2 #46b8da; background-color: #46b8da; color: #fff; } body .btn-info:active, body .btn-info:focus { border-color: #46b8da; background-color: #46b8da; color: #fff; } body .btn-info.dropdown-toggle { border-left-color: #46b8da; } body .btn-info[disabled] { border-color: #2390b0; background-color: #2390b0; color: #ccc; } body .btn-dark { border-color: #1d2127; background-color: #1d2127; border-color: #1d2127 #1d2127 #07080a; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } body .btn-dark:hover { border-color: #282d36 #282d36 #121518; background-color: #121518; color: #fff; } body .btn-dark:active, body .btn-dark:focus { border-color: #121518; background-color: #121518; color: #fff; } body .btn-dark.dropdown-toggle { border-left-color: #121518; } body .btn-dark[disabled] { border-color: #000; background-color: #000; color: #ccc; } body .btn-borders { border-width: 3px; } body .btn-borders.btn-primary { background: transparent; border-color: #ccc; color: #ccc; text-shadow: none; } body .btn-borders.btn-primary:hover, body .btn-borders.btn-primary:focus { background-color: #bfbfbf; border-color: #ccc !important; color: #fff; } body .btn-borders.btn-success { background: transparent; border-color: #47a447; color: #47a447; text-shadow: none; } body .btn-borders.btn-success:hover, body .btn-borders.btn-success:focus { background-color: #3f923f; border-color: #47a447 !important; color: #fff; } body .btn-borders.btn-warning { background: transparent; border-color: #ed9c28; color: #ed9c28; text-shadow: none; } body .btn-borders.btn-warning:hover, body .btn-borders.btn-warning:focus { background-color: #e89113; border-color: #ed9c28 !important; color: #fff; } body .btn-borders.btn-danger { background: transparent; border-color: #d2322d; color: #d2322d; text-shadow: none; } body .btn-borders.btn-danger:hover, body .btn-borders.btn-danger:focus { background-color: #bd2d29; border-color: #d2322d !important; color: #fff; } body .btn-borders.btn-info { background: transparent; border-color: #5bc0de; color: #5bc0de; text-shadow: none; } body .btn-borders.btn-info:hover, body .btn-borders.btn-info:focus { background-color: #46b8da; border-color: #5bc0de !important; color: #fff; } body .btn-borders.btn-dark { background: transparent; border-color: #1d2127; color: #1d2127; text-shadow: none; } body .btn-borders.btn-dark:hover, body .btn-borders.btn-dark:focus { background-color: #121518; border-color: #1d2127 !important; color: #fff; } body .btn-borders { padding: 4px 12px; } body .btn-borders.btn-lg, body .btn-group-lg > .btn-borders.btn { padding: 8px 16px; } body .btn-borders.btn-sm, body .btn-group-sm > .btn-borders.btn { border-width: 2px; padding: 4px 10px; } body .btn-borders.btn-xs, body .btn-group-xs > .btn-borders.btn { padding: 1px 5px; border-width: 1px; } body .btn-3d { border-bottom-width: 3px; padding: 5px 12px; border-radius: 0; } body .btn-3d.btn-lg, body .btn-group-lg > .btn-3d.btn { padding: 9px 16px; } body .btn-3d.btn-sm, body .btn-group-sm > .btn-3d.btn { border-width: 2px; padding: 4px 10px; } body .btn-3d.btn-xs, body .btn-group-xs > .btn-3d.btn { padding: 1px 5px; border-width: 1px; } body .btn-flat { display: inline-block; } [dir="rtl"] .vc_btn3-container.vc_btn3-left { text-align: right; } [dir="rtl"] .vc_btn3-container.vc_btn3-right { text-align: left; } /* Visual Composer Alert */body .wpb_alert { padding: 15px; } body .wpb_alert .messagebox_text { background-image: none; padding-left: 0; } body .vc_message_box-icon > * { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vc_message_box .alert-link { font-weight: bold; } /* Visual Composer Slider */body .wpb_gallery .wpb_flexslider .flex-control-nav { bottom: -50px; } /* Featured Box */.wpb_text_column { /*p { line-height: inherit; }*/ } .wpb_text_column.featured { font-size: 1.6em; line-height: 1.5em; } .wpb_text_column.short { margin-bottom: 0; } .wpb_text_column.tall { margin-bottom: 20px; } .wpb_text_column.taller { margin-bottom: 40px; } .wpb_text_column .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } /* Visual Composer Single Image */div.wpb_single_image .vc_single_image-wrapper { display: inline-block; max-width: 100%; } div.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow { border-radius: 0; } div.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img { border-radius: 0; } div.wpb_single_image .vc_single_image-wrapper.vc_box_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border { border-radius: 0; padding: 4px; } div.wpb_single_image .vc_single_image-wrapper.vc_box_border img, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img { border-radius: 0; border-width: 0; } div.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle { padding: 4px; } div.wpb_single_image .vc_single_image-wrapper.vc_box_border_circle img, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle img, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img { border-width: 0; } div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border, div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle { background: #fff; } div.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d img { border-radius: 0; margin-bottom: -4px; } div.wpb_single_image .vc_single_image-wrapper.vc_box_outline.vc_box_border_grey, div.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle.vc_box_border_grey { background: #fff; border-color: #ddd; } div.wpb_single_image .porto-vc-zoom { display: inline-block; position: relative; max-width: 100%; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon { position: relative; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon img { position: relative; z-index: 1; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.65); border-radius: 0; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:after { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-family: "FontAwesome"; color: #fff; content: "\f00e"; font-size: 30px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:hover:before { opacity: 1; } div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:hover:after { top: 50%; opacity: 1; } div.wpb_single_image .porto-vc-zoom .zoom-icon { color: #fff; border-radius: 100%; width: 30px; height: 30px; position: absolute; padding: 0; line-height: 28px; display: block; bottom: 8px; right: 8px; text-align: center; } div.wpb_single_image .porto-vc-zoom .zoom-icon:before { font-family: "FontAwesome"; content: "\f002"; } div.wpb_single_image .vc_figure { max-width: 100%; } div.wpb_single_image .vc_figure .vc_single_image-wrapper { margin-bottom: 0; } div.wpb_single_image .vc_figure .vc_figure-caption { margin-top: 0.5em; } div.wpb_single_image.vc_box_border, div.wpb_single_image.vc_box_outline, div.wpb_single_image.vc_box_shadow_border { border-radius: 0; padding: 4px; } div.wpb_single_image.vc_box_border img, div.wpb_single_image.vc_box_outline img, div.wpb_single_image.vc_box_shadow_border img { border-radius: 0; border-width: 0; } .porto-carousel .vc_single_image-wrapper.vc_box_border, .porto-carousel .vc_single_image-wrapper.vc_box_outline, .porto-carousel .vc_single_image-wrapper.vc_box_shadow_border, .porto-carousel .vc_single_image-wrapper.vc_box_border_circle, .porto-carousel .vc_single_image-wrapper.vc_box_outline_circle, .porto-carousel .vc_single_image-wrapper.vc_box_shadow_border_circle { margin: 2px; } /* Visual Composer Flickr */.wpb_content_element.wpb_flickr_widget { margin-bottom: 15px; } /* Visual Composer Separator */.vc_separator h4 { margin-top: 0; font-size: 1.1429em; font-weight: 700; text-transform: uppercase; } .vc_text_separator { margin-bottom: 25px; border: none; } .vc_text_separator h1, .vc_text_separator h2, .vc_text_separator h3, .vc_text_separator h4, .vc_text_separator h5, .vc_text_separator h6, .vc_text_separator p, .vc_text_separator div { margin-top: 0; margin-bottom: 0; } .vc_text_separator div { top: auto; background-color: transparent; } .vc_text_separator .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { padding: 0; } .vc_text_separator .vc_icon_element:not(.vc_icon_element-have-style) + h4 { margin-left: -0.5em; padding-right: 1em; } .vc_separator.vc_separator_align_left h1, .vc_separator.vc_separator_align_left h2 { padding: 0 15px 0 0; } .vc_separator.vc_separator_align_left h3, .vc_separator.vc_separator_align_left h4 { padding: 0 12px 0 0; } .vc_separator.vc_separator_align_left h5, .vc_separator.vc_separator_align_left h6, .vc_separator.vc_separator_align_left p, .vc_separator.vc_separator_align_left div { padding: 0 10px 0 0; } .vc_separator.vc_separator_align_right h1, .vc_separator.vc_separator_align_right h2 { padding: 0 0 0 15px; } .vc_separator.vc_separator_align_right h3, .vc_separator.vc_separator_align_right h4 { padding: 0 0 0 12px; } .vc_separator.vc_separator_align_right h5, .vc_separator.vc_separator_align_right h6, .vc_separator.vc_separator_align_right p, .vc_separator.vc_separator_align_right div { padding: 0 0 0 10px; } .vc_separator.vc_separator_align_center h1, .vc_separator.vc_separator_align_center h2 { padding: 0 15px; } .vc_separator.vc_separator_align_center h3, .vc_separator.vc_separator_align_center h4 { padding: 0 12px; } .vc_separator.vc_separator_align_center h5, .vc_separator.vc_separator_align_center h6, .vc_separator.vc_separator_align_center p, .vc_separator.vc_separator_align_center div { padding: 0 10px; } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line { border: none; background-image: - webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15)); } .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line { border: none; background-image: - webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.15)); } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.solid, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.solid { background: rgba(0, 0, 0, 0.15); } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.dashed, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.dashed { background: none; position: relative; } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.dashed:after, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.dashed:after { border: 1px dashed rgba(0, 0, 0, 0.15); content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100%; } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.pattern, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.pattern { background: none; position: relative; } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.pattern:after, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.pattern:after { background: transparent url(../images/patterns/worn_dots.png) repeat 0 0; content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100%; } .vc_separator .vc_sep_holder.vc_sep_holder_l .vc_sep_line.pattern.pattern-2:after, .vc_separator .vc_sep_holder.vc_sep_holder_r .vc_sep_line.pattern.pattern-2:after { background-image: url(../images/patterns/az_subtle.png); } /* Visual Composer Heading */.vc_custom_heading.heading-m-none > *, .vc_custom_heading.m-b-none > * { margin-bottom: 0; } .vc_custom_heading.big h1 { font-size: 4.2em; line-height: 54px; } .vc_custom_heading.short h1 { margin-bottom: 15px; } .vc_custom_heading.short h2 { margin-bottom: 15px; } .vc_custom_heading.short h3, .vc_custom_heading.short h4, .vc_custom_heading.short h5, .vc_custom_heading.short h6 { margin-bottom: 9px; } .vc_custom_heading.shorter h1, .vc_custom_heading.shorter h2, .vc_custom_heading.shorter h3, .vc_custom_heading.shorter h4, .vc_custom_heading.shorter h5, .vc_custom_heading.shorter h6 { margin-bottom: 0; } .vc_custom_heading.tall h1, .vc_custom_heading.tall h2, .vc_custom_heading.tall h3, .vc_custom_heading.tall h4, .vc_custom_heading.tall h5, .vc_custom_heading.tall h6 { margin-bottom: 33px; } .vc_custom_heading.taller h1, .vc_custom_heading.taller h2, .vc_custom_heading.taller h3, .vc_custom_heading.taller h4, .vc_custom_heading.taller h5, .vc_custom_heading.taller h6 { margin-bottom: 44px; } .vc_custom_heading.spaced h1, .vc_custom_heading.spaced h2, .vc_custom_heading.spaced h3, .vc_custom_heading.spaced h4, .vc_custom_heading.spaced h5, .vc_custom_heading.spaced h6 { margin-top: 33px; } .vc_custom_heading.more-spaced h1, .vc_custom_heading.more-spaced h2, .vc_custom_heading.more-spaced h3, .vc_custom_heading.more-spaced h4, .vc_custom_heading.more-spaced h5, .vc_custom_heading.more-spaced h6 { margin-top: 44px; } /* Visual Composer Message Box *//* Visual Composer Call to Action */.vc_general.vc_cta3 { padding: 25px; } .vc_general.vc_cta3.vc_cta3-shape-rounded { border-radius: 10px; } .vc_general.vc_cta3 h2 { font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 30px; } .vc_general.vc_cta3 h2, .vc_general.vc_cta3 h4 { margin: 0 0 9px; color: #1d2127; } .vc_general.vc_cta3 p { font-size: 1.2em; } .vc_general.vc_cta3.vc_cta3-style-flat .vc_cta3-content-header h2, .vc_general.vc_cta3.vc_cta3-style-flat .vc_cta3-content-header h4 { color: #1d2127; } .vc_general.vc_cta3.vc_cta3-style-custom { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; } @media (min-width: 768px) { .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content { width: 70%; padding-right: 25px; } .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions { width: 20%; } .vc_general.vc_cta3.vc_cta3-actions-left .vc_cta3-content { width: 70%; padding-left: 25px; } .vc_general.vc_cta3.vc_cta3-actions-left .vc_cta3-actions { width: 20%; } } @media (max-width: 767px) { .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions { padding-top: 20px; } .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions > div:last-child { margin-bottom: 0; } .vc_general.vc_cta3.vc_cta3-actions-left .vc_cta3-actions { padding-bottom: 20px; } .vc_general.vc_cta3.vc_cta3-actions-left .vc_cta3-actions > div:last-child { margin-bottom: 0; } } /* Visual Composer Progress Bar */.vc_progress_bar .vc_single_bar.progress.bar_blue .vc_bar { background-color: #0074cc; } .vc_progress_bar .vc_single_bar.progress.bar_turquoise .vc_bar { background-color: #49afcd; } .vc_progress_bar .vc_single_bar.progress.bar_green .vc_bar { background-color: #5bb75b; } .vc_progress_bar .vc_single_bar.progress.bar_orange .vc_bar { background-color: #faa732; } .vc_progress_bar .vc_single_bar.progress.bar_red .vc_bar { background-color: #da4f49; } .vc_progress_bar .vc_single_bar.progress.bar_black .vc_bar { background-color: #414141; } /* Visual Composer Others */.overlay-show { margin-bottom: 30px; } .tab-pane > *:last-child, .panel-body > *:last-child { margin-bottom: 0; } /* Ultimate Addon Others */.upb_row_bg { min-height: 0 !important; } .video-cover { overflow: hidden !important; } .video-cover .upb_video-bg { left: 0 !important; } .video-cover .upb_video-src { position: absolute; left: 49% !important; top: 49% !important; -webkit-transform: translate(-49%, -50%); -moz-transform: translate(-49%, -50%); -ms-transform: translate(-49%, -50%); -o-transform: translate(-49%, -50%); transform: translate(-49%, -50%); } .upb_bg_overlay, .upb_bg_overlay_pattern { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } /* Porto Grid Container */.porto-grid-container { position: relative; } .porto-grid-container .porto-grid-item { float: left; max-width: 100%; } .porto-grid-container .porto-grid-item > .wpb_single_image { margin-bottom: 0; } .porto-grid-container .porto-grid-item > .wpb_single_image .vc_single_image-wrapper:hover { background: #000; -webkit-transition: opacity 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s; transition: opacity 0.35s ease 0s; } .porto-grid-container .porto-grid-item > .wpb_single_image a { display: block; } .porto-grid-container .porto-grid-item > .wpb_single_image .vc_single_image-wrapper { width: 100%; display: block; } .porto-grid-container .porto-grid-item > .wpb_single_image img { width: 100%; -webkit-transition: opacity 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s; transition: opacity 0.35s ease 0s; } .porto-grid-container .porto-grid-item > .wpb_single_image img:hover { opacity: 0.9; } /* Porto Links */.porto-links-block { border: 1px solid #ddd; border-radius: 0; background: #fbfbfb; } @media (max-width: 1199px) { .porto-links-block { font-size: 13px; } } .porto-links-block .links-title { color: #465157; border-radius: 0 0 0 0; background: #f5f5f5; border-bottom: 1px solid #ddd; font-size: 1em; font-weight: 700; line-height: 14px; padding: 15px 20px; margin: 0; text-transform: uppercase; position: relative; letter-spacing: 0.12px; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } @media (max-width: 1199px) { .porto-links-block .links-title { padding: 8px 12px 6px; } } .porto-links-block .links-title i { margin-right: 5px; } .porto-links-block .links-title i.icon-image { display: inline-block; max-width: 20px; } .porto-links-block .links-content ul { list-style: none; padding: 5px 0; margin: 0; } .porto-links-block li.porto-links-item { display: block; } .porto-links-block li.porto-links-item:first-child > a, .porto-links-block li.porto-links-item:first-child > span { border-top-width: 0; } .porto-links-block li.porto-links-item > a, .porto-links-block li.porto-links-item > span { display: block; font-size: 1em; line-height: 18px; color: #465157 !important; letter-spacing: 0.1px; padding: 11px 6px 10px; margin: 0 10px -1px; border-top: 1px solid #ddd; text-decoration: none; } @media (max-width: 1199px) { .porto-links-block li.porto-links-item > a, .porto-links-block li.porto-links-item > span { padding: 7px 5px; line-height: 19px; margin: 0 7px -1px; } } .porto-links-block li.porto-links-item i { margin-right: 12px; font-size: 20px; vertical-align: middle; } .porto-links-block li.porto-links-item i.icon-image { display: inline-block; max-width: 20px; } /* Google Map */.map_info_text p { margin-bottom: 10px; } .map_info_text p:last-child { margin-bottom: 0; } /* Nivo Slider */.wpb_gallery .theme-default .nivoSlider { box-shadow: none; } .wpb_gallery .theme-default .nivo-controlNav { padding-top: 20px; } .wpb_gallery.nav-right .nivo-controlNav { float: right; } .wpb_gallery.nav-left .nivo-controlNav { float: left; } /* /** * Table of Contents: * * 5.0 - Alignment * 6.0 - Tables * 7.0 - Images * 8.0 - Galleries * 9.0 - Audio/Video * 10.0 - RTL * ---------------------------------------------------------------------------- *//** * 5.0 Alignment * ---------------------------------------------------------------------------- */.alignleft { float: left; margin: 4px 24px 7px 0; } .alignright { float: right; margin: 4px 0 7px 24px; } .aligncenter { clear: both; display: block; margin: 4px auto 7px; } blockquote.alignleft, blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } blockquote.alignleft p, blockquote.alignright p { margin-bottom: 17px; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */.mceItemTable { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.285714; margin-bottom: 24px; width: 100%; } .mceItemTable th, .mceItemTable caption { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-weight: 700; padding: 8px; text-align: left; text-transform: uppercase; vertical-align: baseline; } .mceItemTable td { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-family: Lato, sans-serif; font-size: 14px; padding: 8px; vertical-align: baseline; } /** * 7.0 Images * ---------------------------------------------------------------------------- */.wp-caption { background: transparent; border: none; color: #767676; margin: 0 0 24px 0; max-width: 100%; padding: 0; text-align: left; } .html5-captions .wp-caption { padding: 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } .html5-captions .wp-caption.alignleft { margin-right: 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } .wp-caption.alignright img, .wp-caption.alignright .wp-caption-dd { padding-left: 10px; } .html5-captions .wp-caption.alignright { margin-left: 24px; } .html5-captions .wp-caption.alignright img, .html5-captions .wp-caption.alignright .wp-caption-dd { padding: 0; } .wp-caption.aligncenter { margin: 7px auto; } .wp-caption-dt { margin: 0; } .wp-caption .wp-caption-text, .wp-caption-dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ text-align: left; } .mceTemp + ul, .mceTemp + ol { list-style-position: inside; } /** * 8.0 Gallery * ----------------------------------------------------------------------------- */.gallery .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; padding: 0; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; width: auto; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 14px); max-width: calc(50% - 14px); width: auto; } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 11px); max-width: calc(33.3% - 11px); width: auto; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 9px); max-width: calc(25% - 9px); width: auto; } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 8px); max-width: calc(20% - 8px); width: auto; } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 7px); max-width: calc(16.7% - 7px); width: auto; } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 7px); max-width: calc(14.28% - 7px); width: auto; } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 6px); max-width: calc(12.5% - 6px); width: auto; } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 6px); max-width: calc(11.1% - 6px); width: auto; } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n - 1), .gallery-columns-3 .gallery-item:nth-of-type(3n - 2), .gallery-columns-4 .gallery-item:nth-of-type(4n - 3), .gallery-columns-5 .gallery-item:nth-of-type(5n - 4), .gallery-columns-6 .gallery-item:nth-of-type(6n - 5), .gallery-columns-7 .gallery-item:nth-of-type(7n - 6), .gallery-columns-8 .gallery-item:nth-of-type(8n - 7), .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) { margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */ } .gallery .gallery-caption { font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; padding: 6px 8px; text-align: center; width: 100%; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 9.0 Audio/Video * ---------------------------------------------------------------------------- */.mejs-mediaelement, .mejs-container .mejs-controls { background: #000; } .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #24890d; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, .33); } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } .mejs-overlay-loading { background: transparent; } .mejs-overlay-button { background-color: #fff; background-image: none; border-radius: 2px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .8); color: #000; height: 36px; margin-left: -24px; width: 48px; } .mejs-overlay-button:before { -webkit-font-smoothing: antialiased; content: '\f452'; display: inline-block; font: normal 32px/1.125 Genericons; position: absolute; top: 1px; left: 10px; } .mejs-controls .mejs-button button:focus { outline: none; } .mejs-controls .mejs-button button { -webkit-font-smoothing: antialiased; background: none; color: #fff; display: inline-block; font: normal 16px/1 Genericons; } .mejs-playpause-button.mejs-play button:before { content: '\f452'; } .mejs-playpause-button.mejs-pause button:before { content: '\f448'; } .mejs-volume-button.mejs-mute button:before { content: '\f109'; font-size: 20px; position: absolute; top: -2px; left: 0; } .mejs-volume-button.mejs-unmute button:before { content: '\f109'; left: 0; position: absolute; top: 0; } .mejs-fullscreen-button button:before { content: '\f474'; } .mejs-fullscreen-button.mejs-unfullscreen button:before { content: '\f406'; } .mejs-overlay:hover .mejs-overlay-button { background-color: #24890d; color: #fff; } .mejs-controls .mejs-button button:hover { color: #41a62a; } /** * more styles * ---------------------------------------------------------------------------- */.size-full { max-width: 100%; height: auto; } /* List */ul.list.icons li i { margin-right: 5px; } ul.icons { list-style: none; } .list li { margin-bottom: 13px; } .list.pull-left li { text-align: left; } .list.list-icons { list-style: none; padding-left: 0; padding-right: 0; } .list.list-icons li { position: relative; padding-left: 25px; } .list.list-icons li i { position: absolute; left: 0; top: 5px; } .list.list-icons.list-icons-style-2 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-2 li i { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; } .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-3 li i { color: #fff; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 5px; } .list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px; } .list.list-icons.list-icons-sm li i { font-size: 0.8em; top: 7px; } .list.list-icons.list-icons-sm.list-icons-style-2 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-2 li i { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-sm.list-icons-style-3 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-3 li i { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 32px; } .list.list-icons.list-icons-lg li i { font-size: 1.5em; } .list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-2 li i { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-lg.list-icons-style-3 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-3 li i { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-reverse li { text-align: right; padding-right: 25px; padding-left: 0; } .list.list-icons.list-icons-reverse li i { position: absolute; left: auto; right: 0; top: 5px; } .list.list-icons.list-icons-reverse.list-icons-style-2 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-style-3 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-sm li { padding-left: 0; padding-right: 13px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg li { padding-left: 0; padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li { padding-right: 42px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li { padding-right: 42px; } .list.list-borders li { border-bottom: 1px solid #dbdbdb; margin-top: 9px; margin-bottom: 0; padding-bottom: 9px; } .list.list-borders li:last-child { border-bottom: 0; } .list.list-side-borders { border-left: 1px solid #dbdbdb; padding-left: 10px; } .list.list-ordened { counter-reset: custom-counter; list-style: none; } .list.list-ordened li { position: relative; padding-left: 22px; } .list.list-ordened li:before { position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; } .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li { padding-left: 32px; } .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before { border-radius: 100%; border-style: solid; border-width: 1px; min-width: 26px; padding: 0; text-align: center; } .list.list-ordened.list-ordened-style-3 li:before { color: #fff; border: 0; } .list.list-unstyled { padding-left: 0; padding-right: 0; } /* Sitemap */ul[class^="wsp-"] { margin-bottom: 30px; padding: 0; list-style: none; } ul[class^="wsp-"] ul { margin-bottom: 5px; margin-top: 5px; list-style: none; } h2[class^="wsp-"] { font-size: 1.8em; font-weight: 200; line-height: 24px; margin-bottom: 15px; } .fontawesome-icon-list, .sample-icon-list { margin-top: 22px; } .fontawesome-icon-list > div, .sample-icon-list > div { height: 32px; line-height: 32px; font-size: 11px; color: #222; } .fontawesome-icon-list > div:hover i, .sample-icon-list > div:hover i { font-size: 28px; vertical-align: -6px; } .fontawesome-icon-list i, .sample-icon-list i { display: inline-block; background-image: none; font-size: 14px; margin-right: 4px; text-align: center; width: 32px; } /* Accordion */.panel-group .panel-heading { padding: 0; border-radius: 0; } .panel-group .panel-heading a { display: block; padding: 10px 15px; } .panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus { text-decoration: none; } .panel-group .panel-heading a [class^="icon-"] { margin-right: 7px; position: relative; top: 1px; } .panel-group .panel-heading a i { display: inline-block; margin-right: 8px; position: relative; top: -1px; } .panel-group .panel-heading a i.icon-image { max-width: 20px; position: relative; top: -1px; } .panel-group.panel-group-sm .panel-heading a { padding: 5px 15px; font-size: 0.9em; } .panel-group.panel-group-sm .panel-body { font-size: 0.9em; } .panel-group.panel-group-lg .panel-heading a { padding: 15px 15px; font-size: 1em; font-weight: 600; } .panel-group.without-bg .panel-default { background: transparent !important; } .panel-group.without-bg .panel-default > .panel-heading { background: transparent !important; } .panel-group.without-bg .panel-body { padding-top: 0; padding-bottom: 0; } .panel-group.without-bg .panel-body p { margin-bottom: 20px !important; } .panel-group.without-borders .panel { border: 0; box-shadow: none; border-bottom: 1px solid #ddd; border-radius: 0; } .panel-group.without-borders .panel-heading a { padding-left: 0; padding-right: 0; } .panel-group.without-borders .panel-body { padding: 0; } .panel-group.without-borders .panel-body p { margin-bottom: 20px !important; } /* Tabs */.resp-tab-content { border-radius: 0 0 0 0; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #eee; border-top: 0; padding: 15px; } @media (max-width: 767px) { .resp-tab-content { border-radius: 0 !important; border-color: #ddd; border-top: none; box-shadow: none; } } .resp-tab-content .panel { display: block !important; } .resp-tabs-list { margin: 0; border-bottom: 1px solid #eee; } .resp-tabs-list li { display: inline-block; float: none; font-size: 1em; font-weight: normal; margin-right: 1px; border-radius: 0 0 0 0; padding: 10px 15px; } .resp-tabs-list li:last-child { margin-right: 0; } .resp-tabs-list li, .resp-tabs-list li:hover { background: #f4f4f4; border-bottom: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #eee; } .resp-tabs-list li:hover { border-bottom-color: transparent; border-top: 3px solid #ccc; box-shadow: none; } .resp-tabs-list li:active, .resp-tabs-list li:focus { border-bottom: 0; } .resp-tabs-list li.resp-tab-active { background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #ccc; padding: 10px 15px 11px !important; } .resp-vtabs { display: table !important; width: 100%; } @media (max-width: 767px) { .resp-vtabs { display: block; } } .resp-vtabs ul.resp-tabs-list, .resp-vtabs .resp-tabs-container { display: table-cell; width: auto; float: none; vertical-align: top; } .resp-vtabs ul.resp-tabs-list { width: 25%; } @media (max-width: 767px) { .resp-vtabs ul.resp-tabs-list { display: none; } } .resp-vtabs .resp-tabs-container { border-radius: 0 0 0 0; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #eee; background: #fff; } @media (max-width: 767px) { .resp-vtabs .resp-tabs-container { display: block; box-shadow: none; border: none; } } .resp-vtabs .resp-tab-content { background: transparent; box-shadow: none; border-radius: 0; border-width: 0; } .resp-vtabs .resp-tab-content:before { content: ""; display: block; } @media (max-width: 767px) { .resp-vtabs .resp-tab-content { border: 1px solid #ddd; border-top: none; } } .resp-vtabs .resp-tabs-list { border-bottom: 0; } .resp-vtabs .resp-tabs-list li { border-radius: 0; margin-right: 0; padding: 10px 15px !important; } .resp-vtabs .resp-tabs-list li:first-child { border-radius: 0 0 0 0; border-top: 1px solid #eee !important; } .resp-vtabs .resp-tabs-list li:last-child { border-radius: 0 0 0 0; border-bottom: 1px solid #eee !important; } .resp-vtabs .resp-tabs-list li, .resp-vtabs .resp-tabs-list li:hover { border-left: 3px solid #eee; border-right: none; border-top: none; border-bottom: none; } .resp-vtabs .resp-tabs-list li:hover { border-right-color: transparent; border-left: 3px solid #ccc; } .resp-vtabs .resp-tabs-list li:active, .resp-vtabs .resp-tabs-list li:focus { border-right: 0; } .resp-vtabs .resp-tabs-list li.resp-tab-active { background: #fff; margin-bottom: 0 !important; padding: 10px 16px 10px 15px !important; border-left: 3px solid #ccc; margin-right: -1px !important; } h2.resp-accordion { background: #f5f5f5 !important; border-color: #ddd; padding: 15px !important; line-height: 1.4; font-size: 1em; font-weight: 400; } h2.resp-accordion:first-child { border-top-color: #ddd !important; } h2.resp-tab-active { background: #f5f5f5 !important; border-bottom: 1px solid #ddd !important; } .resp-arrow { display: none; } .resp-easy-accordion .resp-tab-content { border-radius: 0; border-color: #ddd; background: #fff; border-top: none; box-shadow: none; } .resp-easy-accordion .resp-tab-content:last-child { border-color: #ddd !important; } .tab-content { padding: 15px; } .tab-content h2 { font-size: 1.4286em; line-height: 1.4; font-weight: 400; margin-bottom: 1.0714em; } .tab-content p { margin-bottom: 10px; } .tab-content table { margin-top: 20px; } .tab-content table p { margin: 0; } .tab-content *:last-child { margin-bottom: 0; } .tabs { border-radius: 0; margin-bottom: 35px; } .nav-tabs { margin: 0; font-size: 0; border-bottom-color: #eee; text-align: left; } .nav-tabs.text-left { text-align: left; } .nav-tabs.text-right { text-align: right; } .nav-tabs.text-center { text-align: center; } .nav-tabs li { display: inline-block; float: none; } .nav-tabs li:last-child a { margin-right: 0; } .nav-tabs li a { margin-right: 1px; border-radius: 0 0 0 0; font-size: 14px; } .nav-tabs li a, .nav-tabs li a:hover { background: #f4f4f4; border-bottom: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #eee; } .nav-tabs li a:hover { border-bottom-color: transparent; border-top: 3px solid #ccc; box-shadow: none; } .nav-tabs li a:active, .nav-tabs li a:focus { border-bottom: 0; } .nav-tabs li a i { margin-right: 4px; } .nav-tabs li a i.icon-image { display: inline-block; max-width: 20px; } .nav-tabs li a i.icon-featured.icon-image { max-width: 75px; } .nav-tabs li a .featured-box, .nav-tabs li a .featured-box .box-content { background: transparent; box-shadow: none; border-radius: 0; border-width: 0; padding: 0; margin: 0; } .nav-tabs li a .featured-box i.icon-featured { margin-left: auto; margin-right: auto; } .nav-tabs li a .tab-title { display: block; margin-top: 3px; } .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { background: #fff; border-left-color: #eee; border-right-color: #eee; border-top: 3px solid #ccc; } .tab-content { border-radius: 0 0 0 0; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background: #fff; border: 1px solid #eee; border-top: 0; padding: 15px; } /* Right Aligned */.nav-tabs.nav-right { text-align: right; } /* Bottom Tabs */.tabs.tabs-bottom .tab-content { border-radius: 0 0 0 0; border-bottom: 0; border-top: 1px solid #eee; } .tabs.tabs-bottom .nav-tabs { border-bottom: none; border-top: 1px solid #eee; } .tabs.tabs-bottom .nav-tabs li { margin-bottom: 0; margin-top: -1px; } .tabs.tabs-bottom .nav-tabs li:last-child a { margin-right: 0; } .tabs.tabs-bottom .nav-tabs li a { margin-right: 1px; border-radius: 0 0 0 0; font-size: 14px; } .tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom: 3px solid #eee; border-top: 1px solid #eee !important; } .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom: 3px solid #ccc; border-top: 1px solid #eee !important; } .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom: 3px solid #ccc; border-top-color: transparent !important; } /* Vertical */.tabs-vertical { display: table; width: 100%; border-top: 1px solid #eee; direction: ltr; } .tabs-vertical .tab-content { display: table-cell; vertical-align: top; direction: ltr; text-align: left; } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; } .tabs-vertical .nav-tabs > li { display: block; } .tabs-vertical .nav-tabs > li a { border-radius: 0; display: block; padding-top: 10px; text-align: left; } .tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus { border-bottom: none; border-top: none; } .tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus { border-top: none; } /* Vertical - Left Side */.tabs-left .tab-content { border-left: none; border-radius: 0 0 0 0; } .tabs-left .nav-tabs > li { margin-right: -1px; } .tabs-left .nav-tabs > li:first-child a { border-radius: 0 0 0 0; } .tabs-left .nav-tabs > li:last-child a { border-radius: 0 0 0 0; border-bottom: 1px solid #eee; } .tabs-left .nav-tabs > li a { border-right: 1px solid #eee; border-left: 3px solid #eee; margin-right: 1px; margin-left: 1px; } .tabs-left .nav-tabs > li a:hover { border-left-color: #ccc; } .tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus { border-left: 3px solid #ccc; border-right-color: #fff; } /* Vertical - Right Side */.tabs-right .tab-content { border-radius: 0 0 0 0; border-right: none; } .tabs-right .nav-tabs > li { margin-left: -1px; } .tabs-right .nav-tabs > li:first-child a { border-radius: 0 0 0 0; } .tabs-right .nav-tabs > li:last-child a { border-radius: 0 0 0 0; border-bottom: 1px solid #eee; } .tabs-right .nav-tabs > li a { border-right: 3px solid #eee; border-left: 1px solid #eee; margin-right: 1px; margin-left: 1px; } .tabs-right .nav-tabs > li a:hover { border-right-color: #ccc; } .tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus { border-right: 3px solid #ccc; border-left-color: #fff; } /* Justified */.nav-tabs.nav-justified { padding: 0; margin-bottom: -1px; } .nav-tabs.nav-justified li { margin-bottom: 0; } .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover { border-radius: 0 0 0 0; } .nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover { border-radius: 0 0 0 0; } .nav-tabs.nav-justified li a { border-bottom: 1px solid #eee; border-radius: 0; margin-right: 0; } .nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus { border-bottom: 1px solid #eee; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { background: #fff; border-left-color: #eee; border-right-color: #eee; border-top-width: 3px; } .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus { border-top-width: 3px; border-bottom: 1px solid #fff; } /* Bottom Tabs with Justified Nav */.tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a { margin-right: 0; border-top: 1px solid #eee; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a { border-radius: 0 0 0 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a { margin-right: 0; border-radius: 0 0 0 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus { border-top: 1px solid #fff; } /* Center */.tabs-center .nav-tabs { margin: 0 auto; text-align: center; } /* Navigation */.tabs-navigation { border-radius: 0; border-width: 0; } .tabs-navigation .nav-tabs > li { margin-bottom: 1px; } .tabs-navigation .nav-tabs > li a { color: #777; padding: 14px; line-height: 120%; } .tabs-navigation .nav-tabs > li a:before { font-family: FontAwesome; position: absolute; content: "\f054"; right: 15px; top: 15px; } .tabs-navigation .nav-tabs > li a i { margin-right: 8px; } .tabs-navigation .nav-tabs > li:first-child a { border-top: 1px solid #eee !important; border-radius: 0 0 0 0; } .tabs-navigation .nav-tabs > li.active a, .tabs-navigation .nav-tabs > li.active a:hover, .tabs-navigation .nav-tabs > li.active a:focus { border-left-color: #eee; border-right-color: #eee; } .tabs-navigation .nav-tabs > li:last-child a { border-radius: 0 0 0 0; } .tabs-navigation .tab-content { background: transparent; border-width: 0; padding: 0 25px; } /* Simple */.tabs.tabs-simple .nav-tabs { border: 0; margin-bottom: 10px; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; text-align: center; } .tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus { padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; font-size: 16px; } .tabs.tabs-simple .tab-content { background: transparent; border: 0; padding: 0; margin: 0; box-shadow: none; } /* Responsive */@media (max-width: 991px) { .tabs-navigation { display: block; } .tabs-navigation .nav-tabs { display: block; } .tabs-navigation .tab-content { padding: 25px 0; } } @media (max-width: 479px) { .tabs .nav.nav-tabs.nav-justified li { display: block; margin-bottom: -5px; } .tabs .nav.nav-tabs.nav-justified li a { border-top-width: 3px !important; border-bottom-width: 0 !important; } .tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover { border-radius: 0 0 0 0; } .tabs .nav.nav-tabs.nav-justified li:last-child a, .tabs .nav.nav-tabs.nav-justified li:last-child a:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li { margin-bottom: 0; margin-top: -5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a { border-bottom-width: 3px !important; border-top-width: 0 !important; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover { border-radius: 0 0 0 0; } } /* Toggles */.toggle { padding: 0 0 5px 0; position: relative; clear: both; } .toggle > input { cursor: pointer; height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .toggle > label { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background: #f4f4f4; padding: 12px 20px 12px 10px; border-left: 3px solid #ccc; border-radius: 0; display: block; font-size: 1.1em; min-height: 20px; position: relative; cursor: pointer; font-weight: 400; } .toggle > label:-moz-selection { background: none; } .toggle > label:selection { background: none; } .toggle > label:before { border: 6px solid transparent; border-left-color: inherit; right: 4px; content: ''; margin-top: -6px; position: absolute; top: 50%; } .toggle > label:hover { background: #f5f5f5; } .toggle > label + p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; } .toggle > label i { margin-right: 7px; position: relative; top: -1px; } .toggle > label i.icon-image { display: inline-block; max-width: 20px; } .toggle > .toggle-content { display: none; padding-bottom: 5px; padding-left: 20px; } @media (max-width: 767px) { .toggle > .toggle-content { padding-left: 0; } } .porto-toggles .toggle > .toggle-content { padding-left: 0; } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; } .toggle.active > label { background: #f4f4f4; border-color: #ccc; } .toggle.active > label:before { border: 6px solid transparent; border-top-color: #fff; margin-top: -3px; right: 10px; } .toggle.active > p { white-space: normal; } .toggle > p.preview-active { height: auto; white-space: normal; } .toggle-sm .toggle > label { font-size: 0.9em; padding: 6px 20px 6px 10px; } .toggle-sm .toggle > .toggle-content > p { font-size: 0.9em; } .toggle-lg .toggle > label { font-size: 1.1em; padding: 16px 20px 16px 20px; } .toggle-lg .toggle > .toggle-content > p { font-size: 1.1em; } .toggle-simple .toggle .toggle-content { padding-left: 0; } .toggle-simple .toggle > label { border-radius: 0; border: 0; background: transparent; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #1d2127; } .toggle-simple .toggle > label:after { content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; top: 50%; margin-top: -12px; border-radius: 0; z-index: 1; } .toggle-simple .toggle > label:before { border: 0; right: auto; left: 7px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 21px; font-size: 14px; font-family: FontAwesome; content: "\f067"; z-index: 2; color: #fff; font-size: 13px; } .toggle-simple .toggle.active > label { background: transparent; color: #1d2127; } .toggle-simple .toggle.active > label:before { content: "\f068"; } /* Owl Carousel */.owl-carousel { margin-bottom: 20px; } .owl-carousel .img-thumbnail { max-width: 100%; } .owl-carousel .img-thumbnail img { width: 100%; } .owl-carousel .item-video { height: 300px; } .owl-carousel .owl-nav { top: 50%; position: absolute; margin-top: -20px; width: 100%; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; width: 30px; height: 30px; text-align: center; /*margin: 5px 0;*/ } .owl-carousel .owl-nav .owl-prev { left: -5px; } .owl-carousel .owl-nav .owl-prev:before { /*font-family: FontAwesome; content: if-ltr($fa-var-chevron-left, $fa-var-chevron-right);*/ font-family: "Porto"; content: "\e819"; position: relative; left: -1px; top: 1px; } .owl-carousel .owl-nav .owl-next { right: -5px; } .owl-carousel .owl-nav .owl-next:before { /*#{$right}: 15px;*/ /*font-family: FontAwesome; content: if-ltr($fa-var-chevron-right, $fa-var-chevron-left);*/ font-family: "Porto"; content: "\e81a"; position: relative; left: 1px; top: 1px; } .owl-carousel .owl-dots { margin-top: 1em; } .owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px; margin-right: 40px; } .owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important; } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .owl-carousel.show-nav-hover .owl-nav .owl-prev { left: -20px; } .owl-carousel.show-nav-hover .owl-nav .owl-next { right: -20px; } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1; } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -45px; width: auto; } .owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active { font-size: 18px; background: transparent !important; width: 18px; font-size: 18px; padding-left: 0; padding-right: 0; } .owl-carousel.show-nav-title .owl-nav .owl-prev { left: -45px; } .owl-carousel.show-nav-title.post-carousel .owl-nav, .owl-carousel.show-nav-title.portfolio-carousel .owl-nav, .owl-carousel.show-nav-title.member-carousel .owl-nav, .owl-carousel.show-nav-title.product-carousel .owl-nav { right: 15px; } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto; } .owl-carousel.nav-bottom .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-nav .owl-next { position: static; } .owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover { padding: 3px 7px; border-radius: 50%; background: transparent !important; border: 1px solid #999 !important; color: #999; width: 30px; } .owl-carousel.nav-inside .owl-dots { bottom: 2px; margin-top: 10px; position: absolute; right: 6px; } .owl-carousel.nav-inside .owl-nav .owl-prev { left: 0; } .owl-carousel.nav-inside .owl-nav .owl-next { right: 0; } .owl-carousel.nav-inside-left .owl-dots { left: 6px; right: auto; } .owl-carousel.nav-inside-center .owl-dots { right: 6px; left: 6px; } .owl-carousel.full-width .owl-nav, .owl-carousel.big-nav .owl-nav { margin-top: -30px; } .owl-carousel.full-width .owl-nav [class*="owl-"], .owl-carousel.big-nav .owl-nav [class*="owl-"], .owl-carousel.full-width .owl-nav [class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav [class*="owl-"]:hover { height: auto; padding: 20px 0; margin: 0; } .owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev { border-radius: 0 0 0 0; left: 0; } .owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next { border-radius: 0 0 0 0; right: 0; } .owl-carousel.top-border { border-top: 1px solid #dbdbdb; padding-top: 18px; } .owl-carousel .owl-item .owl-lazy { -webkit-transition: all 0.2s linear 0s, opacity 400ms ease 0s; -moz-transition: all 0.2s linear 0s, opacity 400ms ease 0s; transition: all 0.2s linear 0s, opacity 400ms ease 0s; } .owl-carousel .wpb_content_element { margin-bottom: 0; } /* Spaced */.owl-carousel-spaced { margin-left: -5px; } .owl-carousel-spaced .owl-item > div { margin: 5px; } /* Testimonials */.owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px; } /* Responsive */@media (max-width: 479px) { .owl-carousel-spaced { margin-left: 0; } } /* Slick Slider */.slick-slider .slick-dots li { opacity: 1 !important; } .slick-slider .slick-dots li i { color: #d6d6d6; } .slick-slider .slick-prev { width: auto; height: auto; left: 0; text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); } .slick-slider .slick-next { width: auto; height: auto; right: 0; text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); } @media (max-width: 767px) { .slick-slider .slick-prev, .slick-slider .slick-next { display: none !important; } } .dots-inner .slick-slider ul.slick-dots, .slick-slider.dots-inner ul.slick-dots { position: absolute !important; bottom: 10px !important; } [dir="rtl"] .slick-prev:before, [dir="rtl"] .slick-next:before { display: none; } [dir="rtl"] .slick-prev i:before { content: "\e60d"; } [dir="rtl"] .slick-next i:before { content: "\e60c"; } .yith-wcan-loading { position: relative; } #fancybox-loading div { background-image: none; display: none; } .yith-wcan-loading, .master-slider .ms-loading-container .ms-loading, .master-slider .ms-slide .ms-slide-loading, #fancybox-loading, .slick-slider .slick-loading .slick-list, .porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child, #infscr-loading .infinite-loading, .porto-ajax-loading { background-image: none; background-color: transparent; border-radius: 0; box-shadow: none; opacity: 1; } .yith-wcan-loading:before, .master-slider .ms-loading-container .ms-loading:before, .master-slider .ms-slide .ms-slide-loading:before, #fancybox-loading:before, .slick-slider .slick-loading .slick-list:before, .porto-carousel-wrapper > div:first-child > .porto-item-wrap:first-child:before, #infscr-loading .infinite-loading:before, .porto-ajax-loading:before { content: " "; display: inline-block !important; border-width: 3px 5px 2px 0; width: 32px; height: 32px; -moz-animation: spin 0.8s infinite linear; -o-animation: spin 0.8s infinite linear; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; display: inline-block; border-image: none; border-radius: 20px; border-style: solid; border-bottom-color: transparent !important; vertical-align: middle; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .carousel-areas { background: transparent url(../images/patterns/stripes.png) repeat 0 0; padding-top: 10px; padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 0; border-radius: 0; max-width: 750px; margin-left: auto !important; margin-right: auto !important; } .carousel-areas > div { padding-left: 0 !important; padding-right: 0 !important; } .carousel-areas .porto-carousel-wrapper { margin-bottom: 10px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .carousel-areas .porto-carousel-wrapper .slick-prev { left: -50px; border-radius: 0 !important; } .carousel-areas .porto-carousel-wrapper .slick-next { right: -50px; border-radius: 0 !important; } @media (max-width: 991px) { .carousel-areas { overflow: hidden; } } .porto-ajax-loading:before { z-index: 2; } .porto-ajax-loading:after { background-color: #fff; content: " "; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.15; z-index: 1; } /* Video */.video-slide .ms-slide-bgvideocont:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5; } .fit-video { line-height: 1; position: relative; width: 100%; } .fit-video iframe { width: 100% !important; } .text-muted { color: #999 !important; } html.dark .text-muted { color: #505461 !important; } .text-dark { color: #1d2127 !important; } .text-dark.wpb_text_column p { color: #1d2127 !important; } .text-light { color: #fff !important; } .text-light.wpb_text_column p { color: #fff !important; } .font-weight-light, .text-weight-light { font-weight: 300; } .font-weight-light *, .text-weight-light * { font-weight: 300; } .font-weight-normal, .text-weight-normal { font-weight: 400; } .font-weight-normal *, .text-weight-normal * { font-weight: 400; } .font-weight-semibold, .text-weight-semibold { font-weight: 600; } .font-weight-semibold *, .text-weight-semibold * { font-weight: 600; } .font-weight-bold, .text-weight-bold { font-weight: 700; } .font-weight-bold *, .text-weight-bold * { font-weight: 700; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } /* Close */.mfp-close, .mfp-close-btn-in .mfp-close { font-weight: 600; font-size: 22px; color: #838383; } .mfp-wrap { direction: ltr; } html.browser-rtl .mfp-wrap { direction: rtl; } .mfp-content { direction: ltr; } /* No Margins */.mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } .mfp-content .mfp-figure figure:before { background: #f3f3f3; content: ""; position: absolute; width: 100%; top: 40px; bottom: 40px; } .mfp-content .mfp-figure img.mfp-img { position: relative; } /* Zoom */.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Animnate */.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Popup Block */.dialog { background: #fff; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .dialog.dialog-xs { max-width: 200px; } .dialog.dialog-sm { max-width: 400px; } .dialog.dialog-md { max-width: 600px; } .dialog.dialog-lg { max-width: 900px; } /* White Popup Block */.white-popup-block { background: #fff; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .white-popup-block.white-popup-block-xs { max-width: 200px; } .white-popup-block.white-popup-block-sm { max-width: 400px; } .white-popup-block.white-popup-block-md { max-width: 600px; } .white-popup-block.white-popup-block-lg { max-width: 900px; } /* Popup */.popup-inline-content, .mfp-content .ajax-container { background: #fff; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none; } @media (max-width: 767px) { .popup-inline-content, .mfp-content .ajax-container { padding: 20px 15px; } } .mfp-content .ajax-container { display: block; } .mfp-wrap .popup-inline-content { display: block; } /* Miscellaneous */body a { outline: none !important; } li { line-height: 24px; } .inline-block { display: inline-block; } .inline { display: inline; } .center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .push-bottom { margin-bottom: 35px; } .push-top { margin-top: 35px; } .block-nowrap { display: inline-block; white-space: nowrap; } @media (max-width: 480px) { .block-nowrap { display: inline; } } .block-inline { display: inline-block; } @media (max-width: 480px) { .block-inline { display: inline; } } .pt-left { float: left !important; } .pt-right { float: right !important; } .pt-none { float: none !important; } .bold { font-weight: bold; } .font-light { font-weight: 200; } .overflow-hidden { overflow: hidden; } .inverted { color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px; } .text-decoration-none, .ms-btn { text-decoration: none !important; } /* Clearfix */.alert a { text-decoration: none; } .alert i { margin-right: 8px; font-size: 1.1em; } .alert ul { padding: 0; margin: 7px 0 0 25px; } .alert ul li { font-size: 0.9em; } .alert.alert-sm { padding: 5px 10px; font-size: 0.9em; } .alert.alert-lg { padding: 20px; font-size: 1.2em; } .alert.alert-default { background-color: #f2f2f2; border-color: #eaeaea; color: #737373; } .alert.alert-default .alert-link { color: #4c4c4c; } .alert.alert-dark { background-color: #333a44; border-color: #07080a; color: #ced3db; } .alert.alert-dark .alert-link { color: #fafbfb; } .br-none { border-radius: 0 !important; } .br-normal { border-radius: 0 !important; } .br-thick { border-radius: 0 !important; } .b-none { border: medium none !important; } .tf-none, .tf-none img { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .bg-pos-bottom { background-position: center bottom !important; } .bg-pos-bottom-zero { background-position: center 0 !important; } .bg-pos-top { background-position: center top !important; } .bg-pos-center { background-position: center center !important; } .bg-pos-left-top { background-position: left top !important; } .bg-pos-left-bottom { background-position: left bottom !important; } .bg-pos-left-center { background-position: left center !important; } body .bg-pos-right-top { background-position: right top !important; } .bg-pos-right-bottom { background-position: right bottom !important; } .bg-pos-right-center { background-position: right center !important; } .bg-attach-fixed { background-attachment: fixed; } .color-white { color: #fff !important; } .color-white a { color: #fff !important; } table { width: 100%; } table p { margin: 0; } img { max-width: 100%; height: auto; } embed, iframe, object, video { max-width: 100%; vertical-align: middle; } th, td { padding: 8px; } dl dd { margin-bottom: 15px; } /* Blockquote */blockquote { font-size: 1em; } blockquote.with-borders { border-radius: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 15px 20px; } /* Content Grid */.content-grid { overflow: hidden; margin: 0 !important; padding: 0 !important; } .content-grid .content-grid-item { position: relative; padding: 25px; margin: 0; } .content-grid .content-grid-item:before, .content-grid .content-grid-item:after { content: ''; position: absolute; } .content-grid .content-grid-item:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #dadada; } .content-grid .content-grid-item:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #dadada; } .content-grid .content-grid-item .img-responsive { display: inline-block; } .content-grid.content-grid-dashed .content-grid-item:before { border-left: 1px dashed #dadada; } .content-grid.content-grid-dashed .content-grid-item:after { border-bottom: 1px dashed #dadada; } .minicart-icon2:before { font-family: "FontAwesome" !important; font-size: 1.1em; content: "\f07a"; } .minicart-icon3:before { font-family: "Simple-Line-Icons" !important; font-size: 1.1em; content: "\e04e"; } .minicart-icon4:before { font-family: "porto" !important; font-size: 1.1em; content: "\e87f"; } /* Cursor */.cur-pointer { cursor: pointer; } /* Font Size */.font-size-xs { font-size: 0.8em !important; } .font-size-sm { font-size: 0.9em !important; } .font-size-sm .vc_btn3 { font-size: 1em !important; } .font-size-md { font-size: 1em !important; } .font-size-lg { font-size: 1.1em !important; } .font-size-xl { font-size: 1.2em !important; } .text-xs { font-size: 1rem !important; } .text-sm { font-size: 1.3rem !important; } .text-md { font-size: 1.6rem !important; } .text-lg { font-size: 1.9rem !important; } .text-xl { font-size: 2.2rem !important; } /* Line Height */.line-height-xs { line-height: 16px !important; } .line-height-sm { line-height: 20px !important; } .line-height-md { line-height: 24px !important; } .line-height-lg { line-height: 28px !important; } .line-height-xl { line-height: 32px !important; } /* sticky class */.sticky-transition[data-plugin-sticky] { -webkit-transition: top 0.3s ease-in-out 0s; -moz-transition: top 0.3s ease-in-out 0s; transition: top 0.3s ease-in-out 0s; } /* Ajax Box */.ajax-box { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: relative; } .ajax-box .ajax-box-content { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; opacity: 1; height: auto; } .ajax-box .bounce-loader, .ajax-box .porto-ajax-loading { opacity: 0; } .ajax-box.ajax-box-init { height: 0px; } .ajax-box.ajax-box-loading { height: 300px; } .ajax-box.ajax-box-loading .ajax-box-content { opacity: 0; height: 300px; } .ajax-box.ajax-box-loading .bounce-loader, .ajax-box.ajax-box-loading .porto-ajax-loading { opacity: 1; } [data-plugin-parallax] { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed !important; position: relative; clear: both; } .transition-none { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } /* Divider Line */hr { background-image: - webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15), transparent); border: 0; height: 1px; margin: 22px 0; } hr.hide { display: none !important; } hr.short { margin: 11px 0; } hr.tall { margin: 44px 0; } hr.taller { margin: 66px 0; } hr.solid { background: rgba(0, 0, 0, 0.15); } hr.light { background-image: - webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent); } hr.invisible { background: none; } .divider { border: 0; height: 1px; margin: 44px auto; background-image: - webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15), transparent); text-align: center; position: relative; clear: both; } .divider.taller { margin: 66px auto; } .divider i { text-align: center; -moz-border-radius: 50px; -webkit-border-radius: 50px; background: #fff; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; font-size: 20px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1; } .divider.divider-solid { background: rgba(0, 0, 0, 0.15); } .divider.divider-icon-sm i { width: 30px; height: 30px; line-height: 30px; top: -15px; font-size: 15px; margin-left: -16px; } .divider.divider-icon-lg { margin: 86px 0; } .divider.divider-icon-lg i { width: 60px; height: 60px; line-height: 60px; top: -30px; font-size: 30px; margin-left: -30px; } .divider.divider-icon-lg.taller { margin: 100px auto; } .divider.divider-xs { width: 35%; } .divider.divider-sm { width: 67%; } .divider.divider-left i { left: 0; margin-left: 0; margin-right: 0; right: auto; } .divider.divider-right i { left: auto; margin-left: 0; margin-right: 0; right: 0; } .divider.divider-style-2 i { background: #f4f4f4; color: #a9a9a9; } .divider.divider-style-3 i { border: 1px solid #cecece; } .divider.divider-style-4 i { border: 1px solid #cecece; } .divider.divider-style-4 i:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .divider.divider-small { margin: 22px auto; background: transparent; } .divider.divider-small hr { width: 50px; height: 1px; background: #555; } .divider.divider-small.divider-small-center { text-align: center; } .divider.divider-small.divider-small-center hr { margin-left: auto; margin-right: auto; } .divider.divider-small.divider-small-right { text-align: right; } .divider.divider-small.divider-small-right hr { margin-left: auto; } .divider.divider-small.divider-light hr { background: #ddd; } .divider.divider-small.divider-small-sm hr { height: 1px; } .divider.divider-small.divider-small-lg hr { height: 6px; } .divider.divider-small.tall { margin: 34px 0; } .divider.divider-small.taller { margin: 46px 0; } hr.dashed, .divider.dashed { background: none; position: relative; } hr.dashed:after, .divider.dashed:after { border: 1px dashed rgba(0, 0, 0, 0.15); content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100%; } hr.pattern, .divider.pattern { background: none; position: relative; } hr.pattern:after, .divider.pattern:after { background: transparent url(../images/patterns/worn_dots.png) repeat 0 0; content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100%; } hr.pattern.pattern-2:after, .divider.pattern.pattern-2:after { background-image: url(../images/patterns/az_subtle.png); } .porto-separator { margin: 0 0 22px; } .porto-separator.short { margin: -11px 0 11px; } .porto-separator.tall { margin: 22px 0 44px; } .porto-separator.taller { margin: 44px 0 66px; } .porto-separator .separator-line { margin: 0 auto; } .porto-separator .separator-line.align_left { margin: 0 auto 0 0; } .porto-separator .separator-line.align_center { margin: 0 auto; } .porto-separator .separator-line.align_right { margin: 0 0 0 auto; } .porto-separator .separator-line-50 { width: 50%; } .porto-separator .separator-line-60 { width: 60%; } .porto-separator .separator-line-70 { width: 70%; } .porto-separator .separator-line-80 { width: 80%; } .porto-separator .separator-line-90 { width: 90%; } /* Icon Featured */.icon-featured { display: inline-block; font-size: 0px; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 40px; line-height: 110px; } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .icon-featured img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; } /* Featured Box */.featured-box { background: #f5f5f5; background-color: #f5f5f5; background: - webkit-linear-gradient(top, #fff 1%, #f9f9f9 98%) repeat scroll 0 0 #f5f5f5; background: linear-gradient(to bottom, #fff 1%, #f9f9f9 98%) repeat scroll 0 0 #f5f5f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-radius: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box.align-left { text-align: left; } .featured-box.align-center { text-align: center; } .featured-box.align-right { text-align: right; } .featured-box.align-justify { text-align: justify; } .woocommerce .featured-box h2, .woocommerce-page .featured-box h2, .woocommerce .featured-box h3, .woocommerce-page .featured-box h3, .woocommerce .featured-box h4, .woocommerce-page .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; line-height: 1.42857; margin-top: 30px; margin-bottom: 15px; text-transform: uppercase; } .woocommerce .featured-box h2:first-child, .woocommerce-page .featured-box h2:first-child, .woocommerce .featured-box h3:first-child, .woocommerce-page .featured-box h3:first-child, .woocommerce .featured-box h4:first-child, .woocommerce-page .featured-box h4:first-child { margin-top: -5px; } .woocommerce .featured-box header h2, .woocommerce-page .featured-box header h2, .woocommerce .featured-box header h3, .woocommerce-page .featured-box header h3, .woocommerce .featured-box header h4, .woocommerce-page .featured-box header h4 { font-size: 1.1em; margin-top: 0 !important; } .featured-box h4, .featured-box .wpb_heading { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; margin-bottom: 5px; } .featured-box .box-content { border-radius: 0; border-top: 1px solid #dfdfdf; position: relative; top: -1px; padding: 30px 30px 10px 30px; } @media (max-width: 767px) { .featured-box .box-content { padding: 25px 15px 5px 15px; } } .featured-box .learn-more { display: block; margin-top: 10px; } .featured-box .porto-sicon-box { margin-top: 15px; margin-bottom: 25px; } .featured-box .wpb_content_element { margin-bottom: 20px; } .featured-box h2 { margin-bottom: 0px; padding: 10px 0px; } /* Featured Box Left */.featured-box-text-left { text-align: left; } /* Featured Boxes - Flat */.featured-boxes-flat .featured-box { box-shadow: none; margin: 10px 0; } .featured-boxes-flat .featured-box .box-content { background: #fff; margin-top: 65px; } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 38px; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -37px; } /* Featured Boxes - Style 2 */.featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding: 0; } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0; } /* Featured Boxes - Style 3 */.featured-boxes-style-3 .featured-box { margin: 10px 0; } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -35px; background: #fff; border: 3px solid #ccc; line-height: 68px; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; box-shadow: none; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding: 0; } /* Featured Boxes - Style 4 */.featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding: 0; } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 40px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; border-radius: 0; } /* Featured Boxes - Style 5, 6 and 7 */.featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box { background: none; border: 0; box-shadow: none; margin: 10px 0; } .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content { border: 0; padding: 0; } .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4 { color: #2e353e; } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; line-height: 73px; } /* Featured Boxes - Style 6 */.featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%; } /* Featured Boxes - Style 7 */.featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; } /* Featured Boxes - Style 8 */.featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin: -38px 0 -16px; background: #fff; line-height: 73px; border: 0; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none; } /* Effects */.featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: transform 0.2s, opacity 0.2s; -moz-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: transform 0.2s, opacity 0.2s; -moz-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; box-shadow: 0 0 0 10px #fff; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: transform 0.2s, opacity 0.2s; -moz-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; } .featured-box-effect-3:hover .icon-featured { color: #fff !important; } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0.8; } .featured-box-effect-4 .icon-featured { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.2s, transform 0.2s; -moz-transition: transform 0.2s, transform 0.2s; transition: transform 0.2s, transform 0.2s; } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all 0.2s, transform 0.2s; -moz-transition: all 0.2s, transform 0.2s; transition: all 0.2s, transform 0.2s; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .featured-box-effect-7 .icon-featured:after { opacity: 0; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; left: 0; top: -1px; } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: transform 0.2s, opacity 0.2s; -moz-transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } /* Feature Box */.feature-box { clear: both; } .feature-box .feature-box-icon { border-radius: 35px; color: #fff; display: inline-block; float: left; margin-right: 10px; height: 35px; line-height: 35px; position: relative; text-align: center; top: 5px; width: 35px; } .feature-box .feature-box-info { padding-left: 50px; } /* Style 2 */.feature-box.feature-box-style-2 h4 { color: #1d2127; } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; width: 50px; height: 50px; } .feature-box.feature-box-style-2 .feature-box-icon i { font-size: 28px; } .feature-box.feature-box-style-2 .feature-box-info { padding-left: 60px; } /* Style 3 */.feature-box.feature-box-style-3 h4 { color: #1d2127; } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid #ccc; background: transparent; line-height: 32px; } /* Style 4 */.feature-box.feature-box-style-4 h4 { color: #1d2127; } .feature-box.feature-box-style-4 .feature-box-icon { background: transparent; padding-bottom: 10px; height: auto; width: auto; float: none; } .feature-box.feature-box-style-4 .feature-box-icon i { font-size: 38px; } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0; } /* Style 5 */.feature-box.feature-box-style-5 h4 { color: #1d2127; } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; width: 74px; height: 74px; } .feature-box.feature-box-style-5 .feature-box-icon i { font-size: 44px; } .feature-box.feature-box-style-5 .feature-box-info { padding-left: 84px; } /* Style 6 */.feature-box.feature-box-style-6 h4 { color: #1d2127; } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: transparent; line-height: 32px; } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .feature-box.feature-box-style-6 .feature-box-icon i { color: #a9a9a9; } /* Reverse */@media (min-width: 991px) { .feature-box.reverse { text-align: right; } .feature-box.reverse .feature-box-info { padding-right: 50px; padding-left: 0; } .feature-box.reverse .feature-box-icon { float: right; margin-left: 10px; margin-right: 0; } .feature-box.reverse.feature-box-style-2 .feature-box-info { padding-right: 60px; } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0; } .feature-box.reverse.feature-box-style-5 .feature-box-info { padding-right: 84px; } } /* Full Width */.featured-boxes-full { width: 100%; } .featured-boxes-full > [class*="col-"] { padding: 0; } .featured-boxes-full .featured-box-full { text-align: center; padding: 55px; } .featured-boxes-full .featured-box-full i, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a { color: #fff; padding: 0; margin: 0; } .featured-boxes-full .featured-box-full i { font-size: 55px; margin-bottom: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: 0.8; } .aio-icon-component.featured-icon .aio-icon-header h3.aio-icon-title { font-weight: 600; } .aio-icon-component.featured-icon .aio-icon { border-radius: 35px; color: #fff; margin-right: 10px; height: 35px; position: relative; text-align: center; width: 35px; border: 1px solid #cecece; background: transparent; line-height: 32px; } .aio-icon-component.featured-icon .aio-icon:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .aio-icon-component.featured-icon .aio-icon i { line-height: 35px; } /* Thumb Info */.thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #fff; border: 1px solid #ddd; border-width: 0; border-radius: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0; margin: 0; overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(23, 23, 23, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0; bottom: 0; color: #fff; left: 0; position: absolute; right: 0; top: 0; display: block; opacity: 0; z-index: 1; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; text-decoration: none; vertical-align: bottom; top: -100px; width: 50px; z-index: 2; overflow: hidden; } .thumb-info .thumb-info-action-icon i { font-size: 24px; left: 3px; position: relative; top: -4px; color: #fff; } .thumb-info .thumb-info-action-icon i img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; } .thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(23, 23, 23, 0.8); bottom: 10%; color: #fff; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; z-index: 2; max-width: 90%; } .thumb-info .thumb-info-title a, .thumb-info .thumb-info-title a:hover { color: #fff; text-decoration: none; } .thumb-info .thumb-info-type { border-radius: 0; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; z-index: 2; } .thumb-info .owl-carousel { z-index: auto; } .thumb-info .owl-carousel .owl-nav, .thumb-info .owl-carousel .owl-dots { z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; position: relative; width: 100%; } .thumb-info .zoom { border-radius: 100%; bottom: 4px; cursor: pointer; color: #fff; display: block; height: 30px; padding: 0; position: absolute; right: 4px; text-align: center; width: 30px; opacity: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; z-index: 2; } .thumb-info .zoom i { font-size: 14px; line-height: 28px; } .thumb-info:hover .thumb-info-wrapper:after { opacity: 1; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-title { background: #000; } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info:hover .zoom { opacity: 1; } .thumb-info:hover .owl-carousel.show-nav-hover .owl-nav { opacity: 1; } .thumb-info.thumb-info-no-zoom img { -webkit-transition: none; -moz-transition: none; transition: none; } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(23, 23, 23, 0.25); } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action { -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(0, -10px, 0); top: 50%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; opacity: 0; z-index: 2; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; display: inline-block; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 6px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { position: static; font-size: 18px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info.thumb-info-centered-icons:hover .thumb-info-action { transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-centered-icons:hover .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate(0%, -30%); top: 50%; bottom: auto; opacity: 0; text-align: center; padding: 0; position: absolute; } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none; } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { opacity: 1; transform: translate(0%, -50%); } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #fff; left: 0; width: 100%; max-width: 100%; -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out; -moz-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform: translate3d(0, 100px, 0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background-color: rgba(0, 0, 0, 0); background: - webkit-linear-gradient(bottom, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none; } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { opacity: 0.65; } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { opacity: 1; top: 50%; } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { opacity: 0.1; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { opacity: 0; } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } .thumb-info.thumb-info-preview .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-preview .thumb-info-image { min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; -webkit-transition: background-position 0.8s linear 0s; -moz-transition: background-position 0.8s linear 0s; transition: background-position 0.8s linear 0s; } .thumb-info.thumb-info-preview:hover .thumb-info-image { -webkit-transition: background-position 2.5s linear 0s; -moz-transition: background-position 2.5s linear 0s; transition: background-position 2.5s linear 0s; background-position: center bottom; } .thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image { -webkit-transition: background-position 1s linear 0s; -moz-transition: background-position 1s linear 0s; transition: background-position 1s linear 0s; } .thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image { -webkit-transition: background-position 5s linear 0s; -moz-transition: background-position 5s linear 0s; transition: background-position 5s linear 0s; } .thumb-info.thumb-info-preview.thumb-info-preview-fixed .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed:hover .thumb-info-image { background-position: center center; -webkit-transition: none; -moz-transition: none; transition: none; } .thumb-info.thumb-info-preview.thumb-info-preview-fixed-top .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed-top:hover .thumb-info-image { background-position: center top; } .thumb-info.thumb-info-preview.thumb-info-preview-fixed-bottom .thumb-info-image, .thumb-info.thumb-info-preview.thumb-info-preview-fixed-bottom:hover .thumb-info-image { background-position: center bottom; } .thumb-info.thumb-info-box-shadow { box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .thumb-info.thumb-info-box-shadow:hover { box-shadow: 10px 10px 74px 0 rgba(0, 0, 0, 0.1); } /* Thumb Info Ribbon */.thumb-info-ribbon { background: #999; position: absolute; margin: -16px 0 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1; } .thumb-info-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } .thumb-info-ribbon span { font-size: 1.1em; } /* Thumb Info - Full Width */.full-width .thumb-info img { border-radius: 0 !important; } /* Thumb Info Caption */.thumb-info-caption { padding: 10px 0; } .thumb-info-caption .thumb-info-caption-text { display: block; margin: 0 0 8px; font-size: 0.9em; padding: 10px; } .thumb-info-caption .thumb-info-caption-text > *:last-child { margin-bottom: 0; } .thumb-info-caption .thumb-info-caption-text .thumb-info-date { display: block; font-style: normal; font-weight: normal; } .thumb-info-caption .thumb-info-caption-text img { width: auto; } .thumb-info-caption p { line-height: 20px; margin: 0 0 8px; } /* Thumb Info Side Image */.thumb-info-side-image { border: 1px solid #ddd; *zoom: 1; } .thumb-info-side-image:before, .thumb-info-side-image:after { content: " "; display: table; } .thumb-info-side-image:after { clear: both; } .thumb-info-side-image .thumb-info-side-image-wrapper { position: relative; padding: 0; float: left; margin-right: 20px; } .thumb-info-side-image .thumb-info-caption .thumb-info-caption-text { padding: 17px; margin: 0; } .thumb-info-side-image .thumb-info-social-icons { border-width: 0; padding-bottom: 0; } .thumb-info-side-image.thumb-info-no-borders .thumb-info-side-image-wrapper { padding: 0; } .thumb-info-side-image-right .thumb-info-side-image-wrapper { float: right; margin-left: 20px; margin-right: 0; } /* Thumb Info Social Icons */.thumb-info-social-icons { border-top: 1px dotted #ddd; margin: 0; padding: 15px 10px; display: block; } .thumb-info-social-icons a { position: relative; margin: 2px; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; vertical-align: bottom; overflow: hidden; } .thumb-info-social-icons a:hover { text-decoration: none; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i { color: #fff; font-size: 0.9em; font-weight: normal; } .thumb-info-social-icons a i img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .thumb-info-social-icons.share-links a { margin: 2px; border-radius: 25px; } /* Image Counter */.thumb-info-icons.position-style-2 { position: absolute; top: -15px; left: 50%; z-index: 3; -webkit-transform: translatex(-51%); -moz-transform: translatex(-51%); -ms-transform: translatex(-51%); -o-transform: translatex(-51%); transform: translatex(-51%); } .thumb-info-icons .thumb-info-icon { display: inline-block; padding: 5px 11px; border-radius: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .thumb-info-icons .thumb-info-icon.love { margin-left: 0.2em; } .thumb-info-icons .thumb-info-icon i { margin-left: 8px; } .thumb-info-icons.position-style-1 { position: absolute; bottom: 5%; right: 5%; z-index: 2; } .thumb-info-icons.position-style-3 { bottom: 7%; position: absolute; right: 2%; } /* Thumb Info Plus */.thumb-info-plus::before { opacity: 1; transition: auto; content: ''; display: block; position: absolute; width: 100%; top: 50%; left: 50%; border-top: 1px solid #fff; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .thumb-info-plus::after { opacity: 1; transition: auto; content: ''; display: block; position: absolute; width: 100%; top: 50%; left: 50%; border-top: 1px solid #fff; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(0deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(0deg); -o-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); } .thumb-info .thumb-info-plus { opacity: 0; position: absolute; width: 10%; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .thumb-info:hover .thumb-info-plus { opacity: 1; width: 30%; } .thumb-info:hover .thumb-info-plus::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); } /* Thumb Info Plus Parallax */.portfolio-parallax .thumb-info-plus { opacity: 0; position: absolute; width: 10%; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 2%; } .portfolio-parallax:hover .thumb-info-plus { opacity: 1; width: 8%; } .portfolio-parallax:hover .thumb-info-plus::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); } .portfolio-parallax.hidden-plus .thumb-info-plus { display: none; } .thumb-info.thumb-info-bottom-info.alternate-info-hide:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* Slow Zoom */.thumb-info-slow-zoom { transition: box-shadow 300ms ease 0s; } .thumb-info-slow-zoom:hover { box-shadow: 0 0 59px -16px rgba(0, 0, 0, 0.4); } .thumb-info-slow-zoom:hover img { -webkit-transform: translate3d(0, 3%, 0) scale(1.3) !important; -moz-transform: translate3d(0, 3%, 0) scale(1.3) !important; -ms-transform: translate3d(0, 3%, 0) scale(1.3) !important; -o-transform: translate3d(0, 3%, 0) scale(1.3) !important; transform: translate3d(0, 3%, 0) scale(1.3) !important; } .thumb-info-slow-zoom img { -webkit-transform: translate3d(-2%, -2%, 0) scale(1.2); -moz-transform: translate3d(-2%, -2%, 0) scale(1.2); -ms-transform: translate3d(-2%, -2%, 0) scale(1.2); -o-transform: translate3d(-2%, -2%, 0) scale(1.2); transform: translate3d(-2%, -2%, 0) scale(1.2); -webkit-transition: all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease; } .thumb-info-slow-zoom .thumb-info-plus { display: none; } .portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom:hover .thumb-info-wrapper .background-image { -webkit-transform: translate3d(0, 3%, 0) scale(1.3) !important; -moz-transform: translate3d(0, 3%, 0) scale(1.3) !important; -ms-transform: translate3d(0, 3%, 0) scale(1.3) !important; -o-transform: translate3d(0, 3%, 0) scale(1.3) !important; transform: translate3d(0, 3%, 0) scale(1.3) !important; box-shadow: none; } .portfolio-stripes .owl-item .portfolio-item .thumb-info.thumb-info-slow-zoom .thumb-info-wrapper .background-image { -webkit-transform: translate3d(-2%, -2%, 0) scale(1.2) !important; -moz-transform: translate3d(-2%, -2%, 0) scale(1.2) !important; -ms-transform: translate3d(-2%, -2%, 0) scale(1.2) !important; -o-transform: translate3d(-2%, -2%, 0) scale(1.2) !important; transform: translate3d(-2%, -2%, 0) scale(1.2) !important; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease; } .portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper::after { opacity: 0; } .portfolio-stripes .owl-item .portfolio-item .thumb-info-slow-zoom:hover .thumb-info-wrapper:before { bottom: -41px; } /* Responsive */@media (max-width: 991px) { .thumb-info .thumb-info-title { font-size: 14px; } .thumb-info .thumb-info-more { font-size: 11px; } .portfolio-parallax:hover .thumb-info-plus { width: 20%; } } /* Timeline */section.timeline { width: 74%; margin: 50px 13% 0; position: relative; float: left; padding-bottom: 120px; } .column2 section.timeline { width: 100%; margin: 50px 0 0; } section.timeline:after { background: #505050; background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%; content: ""; display: block; height: 100%; position: absolute; top: -60px; left: 0; right: 0; margin: auto; width: 3px; z-index: 0; opacity: 0.35; } section.timeline .timeline-date { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #e5e5e5; background: #fff; text-shadow: 0 1px 1px #fff; margin: 0 auto 10px; border-radius: 0; z-index: 1; } section.timeline .timeline-date h3 { display: block; text-align: center; text-transform: uppercase; color: #757575; font-size: 0.9em; line-height: 32px; margin: 2px 0 0; } section.timeline .timeline-title { background: #f4f4f4; padding: 12px; } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #171717; font-size: 1.4em; } section.timeline .timeline-title a { color: #171717; } section.timeline .timeline-title .timeline-title-tags { color: #b1b1b1; font-size: 0.9em; } section.timeline .timeline-title .timeline-title-tags a { color: #b1b1b1; font-size: 0.9em; } section.timeline .timeline-box { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border-radius: 0; margin: 20px 3% 10px; padding: 10px; position: relative; width: 44%; float: left; z-index: 1; margin-bottom: 30px; border: 1px solid #e5e5e5; background: #fff; } section.timeline .timeline-box.left { clear: both; } section.timeline .timeline-box.left:before { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e5e5e5; background: #e5e5e5; border-radius: 50%; content: ""; display: block; height: 7px; margin-right: -8px; right: -6%; position: absolute; top: 22px; width: 8px; } section.timeline .timeline-box.left:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; content: ""; display: block; height: 14px; position: absolute; right: -8px; top: 20px; width: 14px; z-index: 0; } section.timeline .timeline-box.right { clear: right; float: right; margin-top: 40px; } section.timeline .timeline-box.right:before { border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e5e5e5; background: #e5e5e5; content: ""; display: block; height: 7px; margin-left: -8px; left: -6%; position: absolute; top: 32px; width: 8px; } section.timeline .timeline-box.right:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; left: -8px; content: ""; display: block; height: 14px; position: absolute; top: 30px; width: 14px; z-index: 0; } section.timeline .timeline-box .img-thumbnail, section.timeline .timeline-box .img-thumbnail img { padding: 0; border: 0; } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none; } section.timeline .timeline-box .owl-carousel .owl-stage-outer { border-radius: 0; } section.timeline .timeline-box .thumb-info, section.timeline .timeline-box .thumb-info img { border: 0; padding: 0; margin: 0; border-radius: 0; } section.timeline .timeline-box .thumb-info .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } section.timeline .timeline-box .thumb-info .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } section.timeline .timeline-box .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; } /* Responsive */@media (max-width: 767px) { .column2 section.timeline { width: 74%; margin: 50px 13% 0; } section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 80%; width: auto; } .column2 section.timeline .timeline-box { max-width: 80%; } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 80%; width: auto; } .column2 section.timeline .timeline-box.right { max-width: 80%; } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none; } } @media (max-width: 480px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } .column2 section.timeline { margin-left: 0; margin-right: 0; width: auto; } section.timeline .timeline-box { margin: 15px auto; max-width: 90%; } .column2 section.timeline .timeline-box { max-width: 90%; } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%; } .column2 section.timeline .timeline-box.right { max-width: 90%; } } #infscr-loading { position: absolute; top: 100%; left: 0; right: 0; width: 100%; height: 0; text-align: center; margin-top: -20px; } #infscr-loading img { display: none !important; } #infscr-loading .infinite-loading { display: inline-block; width: 50px; height: 50px; margin: auto; } .page-faqs #infscr-loading { margin-top: -40px; } .pagination.load-more span { display: none; } .pagination.load-more a { display: none; } .pagination.load-more .next { display: block; padding: 13px 30px; font-size: 14px; line-height: 1.333333; border-width: 3px; width: auto; height: auto; text-indent: 0; } .pagination.load-more .next:before { content: ''; } .pagination-wrap.load-more { position: relative; } .pagination-wrap.load-more .bounce-loader { display: none; } /* Testimonials */.testimonial { margin-bottom: 20px; } .slick-slider .testimonial { margin-bottom: 0; } .testimonial blockquote { border-radius: 0; border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative; } .testimonial blockquote:before { left: 10px; top: 0; color: #fff; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial blockquote:after { color: #fff; content: "\201D"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; right: 10px; } .testimonial blockquote p { color: #fff; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; line-height: 1.3; } .testimonial .testimonial-arrow-down { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ccc; height: 0; margin: 0 0 0 17px; width: 0; } .testimonial .testimonial-author { *zoom: 1; margin: 8px 0 0 0; } .testimonial .testimonial-author:before, .testimonial .testimonial-author:after { content: " "; display: table; } .testimonial .testimonial-author:after { clear: both; } .testimonial .testimonial-author .testimonial-author-thumbnail { float: left; margin-right: 10px; width: auto; } .testimonial .testimonial-author img { max-width: 55px; } .testimonial .testimonial-author strong { color: #111; display: block; padding-top: 10px; margin-bottom: -5px; } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12px; } .testimonial .testimonial-author p { color: #999; margin: 0 0 0 25px; text-align: left; } /* Style 2 */.testimonial.testimonial-style-2 { text-align: center; } .testimonial.testimonial-style-2 blockquote { background: transparent !important; border-radius: 0; padding: 6px 20px; } .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after { display: none; } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 3 */.testimonial.testimonial-style-3 blockquote { background: #f2f2f2 !important; border-radius: 0; padding: 12px 30px; } .testimonial.testimonial-style-3 blockquote:before { top: 5px; font-size: 35px; } .testimonial.testimonial-style-3 blockquote:after { font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-3 blockquote p { font-size: 1em; font-style: normal; } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px; } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important; } /* Style 4 */.testimonial.testimonial-style-4 { border-radius: 0; padding: 7px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .testimonial.testimonial-style-4 blockquote { background: transparent !important; border-radius: 0; padding: 12px 30px; } .testimonial.testimonial-style-4 blockquote:before { top: 5px; font-size: 35px; } .testimonial.testimonial-style-4 blockquote:after { font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-4 blockquote p { font-size: 1em; font-style: normal; } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; margin-bottom: 15px; } /* Style 5 */.testimonial.testimonial-style-5 { text-align: center; } .testimonial.testimonial-style-5 blockquote { background: transparent !important; border-radius: 0; padding: 6px 20px; } .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after { display: none; } .testimonial.testimonial-style-5 blockquote p { font-size: 1.2em; font-style: normal; } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-5 .testimonial-author { padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2; } .testimonial.testimonial-style-5 .testimonial-author img { margin: 10px auto 10px; } .testimonial.testimonial-style-5 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 6 */.testimonial.testimonial-style-6 { text-align: center; } .testimonial.testimonial-style-6 blockquote { background: transparent !important; border-radius: 0; border: 0; padding: 0 10%; } .testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after { display: none; } .testimonial.testimonial-style-6 blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .testimonial.testimonial-style-6 blockquote p { font-size: 24px; line-height: 30px; } .testimonial.testimonial-style-6 blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .testimonial.testimonial-style-6 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-6 .testimonial-author { padding: 0; margin: 6px 0 0; } .testimonial.testimonial-style-6 .testimonial-author img { margin: 15px auto 10px; } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* With Quotes */.testimonial.testimonial-with-quotes { text-align: center; } .testimonial.testimonial-with-quotes blockquote { background: transparent !important; } .testimonial.testimonial-with-quotes blockquote:before { display: block !important; left: 10px; top: 0; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } @media (max-width: 480px) { .testimonial.testimonial-with-quotes blockquote:before { display: none !important; } } .testimonial.testimonial-with-quotes blockquote:after { display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; content: "\201D"; } @media (max-width: 480px) { .testimonial.testimonial-with-quotes blockquote:after { display: none !important; } } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px; } @media (max-width: 480px) { .testimonial.testimonial-with-quotes blockquote p { padding: 0; } } .testimonial.testimonial-with-quotes img { margin: 15px auto; width: 55px; } .testimonial.testimonial-with-quotes .testimonial-author p { margin: 0 auto; text-align: center; } .testimonial.testimonial-with-quotes.testimonial-light blockquote:before, .testimonial.testimonial-with-quotes.testimonial-light blockquote:after, .testimonial.testimonial-with-quotes.testimonial-light blockquote p { opacity: 0.9; color: #fff; } .testimonial.testimonial-with-quotes.testimonial-light .testimonial-author span, .testimonial.testimonial-with-quotes.testimonial-light .testimonial-author strong { opacity: 0.6; color: #fff; } .testimonial.testimonial-transparent-background blockquote { background: transparent !important; } .testimonial.testimonial-alternarive-font blockquote p { font-family: Georgia, serif !important; font-style: italic; font-size: 1.2em; } .testimonial-no-borders.testimonial { border-width: 0; box-shadow: none; } /* Advance */.custom-rounded-image { border-radius: 100%; } .testimonial.custom-testimonial-style-1 blockquote { background: transparent; padding: 40px 20px 40px 0px; } .testimonial.custom-testimonial-style-1 blockquote:before { left: 0; font-size: 60px; color: #1e1e24; } .testimonial.custom-testimonial-style-1 blockquote:after { font-size: 60px; color: #1e1e24; } .testimonial.custom-testimonial-style-1 blockquote p { color: #777; font-family: "Sintony", sans-serif; font-style: normal; font-size: 1em; line-height: 1.8; padding: 0; } .testimonial.custom-testimonial-style-1 .testimonial-author p { position: relative; margin: 0; text-align: left; } .testimonial.custom-testimonial-style-1 .testimonial-author p:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; border-top: 2px solid #1e1e24; } .testimonial.custom-testimonial-style-1 { text-align: left; } /* Social Icons */.share-links { vertical-align: middle; } .share-links a { font-size: 14px; color: #fff; text-indent: -9999em; text-align: center; width: 2.2857em; height: 2.2857em; display: inline-block; margin: 0.2857em 0.5714em 0.2857em 0; border-radius: 0; position: relative; text-decoration: none; vertical-align: middle; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .share-links a:before { font-family: "FontAwesome"; text-indent: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 23px; height: 22px; margin: auto; } .share-links.disable-br a { border-radius: 0 !important; } .share-links .share-twitter { background: #1aa9e1; } .share-links .share-twitter:hover { color: #fff; background: #45bbe9; } .share-links .share-twitter:before { content: "\f099"; } .share-links .share-facebook { background: #3b5a9a; } .share-links .share-facebook:hover { color: #fff; background: #4d71bb; } .share-links .share-facebook:before { content: "\f09a"; } .share-links .share-linkedin { background: #0073b2; } .share-links .share-linkedin:hover { color: #fff; background: #0094e5; } .share-links .share-linkedin:before { content: "\f0e1"; } .share-links .share-rss { background: #ff8201; } .share-links .share-rss:hover { color: #fff; background: #ff9b34; } .share-links .share-rss:before { content: "\f09e"; } .share-links .share-googleplus { background: #dd4b39; } .share-links .share-googleplus:hover { color: #fff; background: #e47365; } .share-links .share-googleplus:before { content: "\f0d5"; } .share-links .share-pinterest { background: #cc2127; } .share-links .share-pinterest:hover { color: #fff; background: #e04046; } .share-links .share-pinterest:before { content: "\f0d2"; } .share-links .share-youtube { background: #c3191e; } .share-links .share-youtube:hover { color: #fff; background: #e42b31; } .share-links .share-youtube:before { content: "\f167"; } .share-links .share-instagram { background: #7c4a3a; } .share-links .share-instagram:hover { color: #fff; background: #9f5f4a; } .share-links .share-instagram:before { content: "\f16d"; } .share-links .share-skype { background: #00b0f6; } .share-links .share-skype:hover { color: #fff; background: #2ac2ff; } .share-links .share-skype:before { content: "\f17e"; } .share-links .share-email { background: #dd4b39; } .share-links .share-email:hover { color: #fff; background: #e47365; } .share-links .share-email:before { content: "\f0e0"; } .share-links .share-vk { background: #6383a8; } .share-links .share-vk:hover { color: #fff; background: #849dba; } .share-links .share-vk:before { content: "\f189"; } .share-links .share-xing { background: #1a7576; } .share-links .share-xing:hover { color: #fff; background: #239ea0; } .share-links .share-xing:before { content: "\f168"; } .share-links .share-tumblr { background: #304e6c; } .share-links .share-tumblr:hover { color: #fff; background: #40688f; } .share-links .share-tumblr:before { content: "\f173"; } .share-links .share-reddit { background: #ff4107; } .share-links .share-reddit:hover { color: #fff; background: #ff683a; } .share-links .share-reddit:before { content: "\f1a1"; } .share-links .share-vimeo { background: #52b8ea; } .share-links .share-vimeo:hover { color: #fff; background: #7fcbf0; } .share-links .share-vimeo:before { content: "\f27d"; } .share-links .share-telegram { background: #08c; } .share-links .share-telegram:hover { color: #fff; background: #0af; } .share-links .share-telegram:before { content: "\f1d8"; } .share-links .share-yelp { background: #c41200; } .share-links .share-yelp:hover { color: #fff; background: #f71700; } .share-links .share-yelp:before { content: "\f1e9"; } .share-links .share-flickr { background: #0063dc; } .share-links .share-flickr:hover { color: #fff; background: #107cff; } .share-links .share-flickr:before { content: "\f16e"; } .share-links .share-whatsapp { background: #3c8a38; } .share-links .share-whatsapp:hover { color: #fff; background: #4cae47; } .share-links .share-whatsapp:before { content: "\f232"; } .share-links.default-skin a { color: #fff !important; } .share-links.default-skin a:hover { opacity: 0.8; } .share-links.default-skin .share-twitter { background: #1aa9e1 !important; } .share-links.default-skin .share-facebook { background: #3b5a9a !important; } .share-links.default-skin .share-linkedin { background: #0073b2 !important; } .share-links.default-skin .share-rss { background: #ff8201 !important; } .share-links.default-skin .share-googleplus { background: #dd4b39 !important; } .share-links.default-skin .share-pinterest { background: #cc2127 !important; } .share-links.default-skin .share-youtube { background: #c3191e !important; } .share-links.default-skin .share-instagram { background: #7c4a3a !important; } .share-links.default-skin .share-skype { background: #00b0f6 !important; } .share-links.default-skin .share-email { background: #dd4b39 !important; } .share-links.default-skin .share-vk { background: #6383a8 !important; } .share-links.default-skin .share-xing { background: #1a7576 !important; } .share-links.default-skin .share-tumblr { background: #304e6c !important; } .share-links.default-skin .share-reddit { background: #ff4107 !important; } .share-links.default-skin .share-vimeo { background: #52b8ea !important; } .share-links.default-skin .share-telegram { background: #08c !important; } .share-links.default-skin .share-yelp { background: #c41200 !important; } .share-links.default-skin .share-flickr { background: #0063dc !important; } .share-links.default-skin .share-whatsapp { background: #3c8a38 !important; } .widget.follow-us .share-links .share-twitter:hover, #footer .widget.follow-us .share-links .share-twitter:hover, .header-wrapper.header-side-nav #header .share-links .share-twitter:hover, #header.header-corporate .share-links .share-twitter:hover { background: #1aa9e1; } .widget.follow-us .share-links .share-facebook:hover, #footer .widget.follow-us .share-links .share-facebook:hover, .header-wrapper.header-side-nav #header .share-links .share-facebook:hover, #header.header-corporate .share-links .share-facebook:hover { background: #3b5a9a; } .widget.follow-us .share-links .share-linkedin:hover, #footer .widget.follow-us .share-links .share-linkedin:hover, .header-wrapper.header-side-nav #header .share-links .share-linkedin:hover, #header.header-corporate .share-links .share-linkedin:hover { background: #0073b2; } .widget.follow-us .share-links .share-rss:hover, #footer .widget.follow-us .share-links .share-rss:hover, .header-wrapper.header-side-nav #header .share-links .share-rss:hover, #header.header-corporate .share-links .share-rss:hover { background: #ff8201; } .widget.follow-us .share-links .share-googleplus:hover, #footer .widget.follow-us .share-links .share-googleplus:hover, .header-wrapper.header-side-nav #header .share-links .share-googleplus:hover, #header.header-corporate .share-links .share-googleplus:hover { background: #dd4b39; } .widget.follow-us .share-links .share-pinterest:hover, #footer .widget.follow-us .share-links .share-pinterest:hover, .header-wrapper.header-side-nav #header .share-links .share-pinterest:hover, #header.header-corporate .share-links .share-pinterest:hover { background: #cc2127; } .widget.follow-us .share-links .share-youtube:hover, #footer .widget.follow-us .share-links .share-youtube:hover, .header-wrapper.header-side-nav #header .share-links .share-youtube:hover, #header.header-corporate .share-links .share-youtube:hover { background: #c3191e; } .widget.follow-us .share-links .share-instagram:hover, #footer .widget.follow-us .share-links .share-instagram:hover, .header-wrapper.header-side-nav #header .share-links .share-instagram:hover, #header.header-corporate .share-links .share-instagram:hover { background: #7c4a3a; } .widget.follow-us .share-links .share-skype:hover, #footer .widget.follow-us .share-links .share-skype:hover, .header-wrapper.header-side-nav #header .share-links .share-skype:hover, #header.header-corporate .share-links .share-skype:hover { background: #00b0f6; } .widget.follow-us .share-links .share-email:hover, #footer .widget.follow-us .share-links .share-email:hover, .header-wrapper.header-side-nav #header .share-links .share-email:hover, #header.header-corporate .share-links .share-email:hover { background: #dd4b39; } .widget.follow-us .share-links .share-vk:hover, #footer .widget.follow-us .share-links .share-vk:hover, .header-wrapper.header-side-nav #header .share-links .share-vk:hover, #header.header-corporate .share-links .share-vk:hover { background: #6383a8; } .widget.follow-us .share-links .share-xing:hover, #footer .widget.follow-us .share-links .share-xing:hover, .header-wrapper.header-side-nav #header .share-links .share-xing:hover, #header.header-corporate .share-links .share-xing:hover { background: #1a7576; } .widget.follow-us .share-links .share-tumblr:hover, #footer .widget.follow-us .share-links .share-tumblr:hover, .header-wrapper.header-side-nav #header .share-links .share-tumblr:hover, #header.header-corporate .share-links .share-tumblr:hover { background: #304e6c; } .widget.follow-us .share-links .share-reddit:hover, #footer .widget.follow-us .share-links .share-reddit:hover, .header-wrapper.header-side-nav #header .share-links .share-reddit:hover, #header.header-corporate .share-links .share-reddit:hover { background: #ff4107; } .widget.follow-us .share-links .share-vimeo:hover, #footer .widget.follow-us .share-links .share-vimeo:hover, .header-wrapper.header-side-nav #header .share-links .share-vimeo:hover, #header.header-corporate .share-links .share-vimeo:hover { background: #52b8ea; } .widget.follow-us .share-links .share-telegram:hover, #footer .widget.follow-us .share-links .share-telegram:hover, .header-wrapper.header-side-nav #header .share-links .share-telegram:hover, #header.header-corporate .share-links .share-telegram:hover { background: #08c; } .widget.follow-us .share-links .share-yelp:hover, #footer .widget.follow-us .share-links .share-yelp:hover, .header-wrapper.header-side-nav #header .share-links .share-yelp:hover, #header.header-corporate .share-links .share-yelp:hover { background: #c41200; } .widget.follow-us .share-links .share-flickr:hover, #footer .widget.follow-us .share-links .share-flickr:hover, .header-wrapper.header-side-nav #header .share-links .share-flickr:hover, #header.header-corporate .share-links .share-flickr:hover { background: #0063dc; } .widget.follow-us .share-links .share-whatsapp:hover, #footer .widget.follow-us .share-links .share-whatsapp:hover, .header-wrapper.header-side-nav #header .share-links .share-whatsapp:hover, #header.header-corporate .share-links .share-whatsapp:hover { background: #3c8a38; } /* Advance Layout */.member-share-advance.post-share-advance-bg { background: transparent; padding: 0 0 30px; height: 35px; } .member-share-advance.post-share-advance-bg:hover { background: #fff; } .member-share-advance.post-share-advance-bg:hover .fa-share-alt { background: #4dbb6d; } .thumb-info .thumb-info-wrapper.member-social-adv-main { overflow: visible; } .thumb-member-container { display: block; position: relative; } .thumb-member-container > a { overflow: hidden; display: block; } .member-social-adv-main .member-image { margin-bottom: 0; } .member-share-advance.share-links { z-index: 9; } .member-share-advance.share-links .fa-share-alt { background: #58605a; } .member-share-advance.share-links .share-links a:first-child { opacity: 0.5; } .member-share-advance.share-links .post-share-advance-bg { background: transparent; } .member-share-advance.share-links .post-share-advance-bg:hover { background: #fff; } .member-share-advance.share-links .post-share-advance-bg:hover .fa-share-alt { background: #4dbb6d; } .member-share-advance.share-links .thumb-info-social-icons { padding: 15px 0 !important; } .member-share-advance.share-links a { width: 100%; } .member-share-advance.share-links .share-facebook { color: #4d70a8 !important; } .member-share-advance.share-links .share-twitter { color: #1aa9e1 !important; } .member-share-advance.share-links .share-linkedin { color: #0077b5 !important; } .member-share-advance.share-links .share-googleplus { color: #dd4b39 !important; } .member-share-advance.share-links .share-pinterest { color: #cc2127 !important; } .member-share-advance.share-links .share-email { color: #dd4b39 !important; } .member-share-advance.share-links .share-vk { color: #6383a8 !important; } .member-share-advance.share-links .share-xing { color: #1a7576 !important; } .member-share-advance.share-links .share-tumblr { color: #304e6c !important; } .member-share-advance.share-links .share-reddit { color: #ff4107 !important; } .member-share-advance.share-links .share-vimeo { color: #52b8ea !important; } .member-share-advance.share-links .share-instagram { color: #964b00 !important; } .member-share-advance.share-links .share-whatsapp { color: #3c8a38 !important; } .member-share-advance.post-share-advance-bg:hover .share-links a { opacity: 0.5; } .member-share-advance.post-share-advance-bg:hover .share-links a:hover { opacity: 1; } .page-share[class*="position"] { position: fixed; top: 150px; margin: 0; padding: 0; z-index: 99999; } .page-share[class*="position"].position-left { left: 0; } .page-share[class*="position"].position-right { right: 0; } .page-share[class*="position"] .share-links a { display: block; margin: 0; } /* Arrows */.dir-arrow { background: transparent url(../images/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative; } .dir-arrow.arrow-light { background: transparent url(../images/arrows-dark.png) no-repeat 0 0; } .dir-arrow.vtl { background-position: 0 0; width: 47px; height: 96px; } .dir-arrow.vtr { background-position: -101px 0; width: 47px; height: 96px; } .dir-arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px; } .dir-arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px; } .dir-arrow.hlt { background-position: -209px 0; width: 120px; height: 47px; } .dir-arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; } .dir-arrow.hrt { background-position: -329px 0; width: 120px; height: 47px; } .dir-arrow.hrb { background-position: -329px -101px; width: 120px; height: 47px; } /* Responsive */@media (max-width: 479px) { .dir-arrow { display: none; } } /* Circular Bars */.circular-bar { text-align: center; margin-bottom: 25px; } .circular-bar .circular-bar-chart { position: relative; } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 37%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 52%; width: 80%; left: 10%; text-align: center; } .circular-bar.only-icon i { display: block; font-weight: 600; font-size: 38px; line-height: 30px; position: absolute; top: 42%; width: 80%; left: 10%; text-align: center; } .circular-bar.single-line strong { top: 42%; } .circular-bar.circular-bar-sm label { font-size: 14px; top: 38%; } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 42%; } /* Progress */.vc_progress_bar .vc_single_bar.progress, .progress { border-radius: 0; height: 20px; margin-bottom: 20px; background: #fafafa; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; overflow: visible; } .vc_progress_bar .vc_single_bar.progress.progress-border-radius, .progress.progress-border-radius, .vc_progress_bar .vc_single_bar.progress.progress-border-radius .progress-bar, .progress.progress-border-radius .progress-bar { border-radius: 3px; } .vc_progress_bar .vc_single_bar.progress.progress-no-border-radius, .progress.progress-no-border-radius, .vc_progress_bar .vc_single_bar.progress.progress-no-border-radius .progress-bar, .progress.progress-no-border-radius .progress-bar { border-radius: 0; } .vc_progress_bar .vc_single_bar.progress.progress-sm, .progress.progress-sm { height: 10px; } .vc_progress_bar .vc_single_bar.progress.progress-sm .progress-bar, .progress.progress-sm .progress-bar { line-height: 10px; } .vc_progress_bar .vc_single_bar.progress.progress-lg, .progress.progress-lg { height: 35px; } .vc_progress_bar .vc_single_bar.progress.progress-lg .progress-bar, .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px; } .vc_progress_bar .vc_single_bar.progress .vc_bar, .progress-bar { float: left; background-color: #ccc; box-shadow: none; position: relative; border-radius: 0; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-primary, .progress-bar.progress-bar-primary { background-color: #ccc; color: #fff; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-success, .progress-bar.progress-bar-success { background-color: #47a447; color: #fff; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-warning, .progress-bar.progress-bar-warning { background-color: #ed9c28; color: #fff; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-danger, .progress-bar.progress-bar-danger { background-color: #d2322d; color: #fff; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-info, .progress-bar.progress-bar-info { background-color: #5bc0de; color: #fff; } .vc_progress_bar .vc_single_bar.progress .vc_bar.progress-bar-dark, .progress-bar.progress-bar-dark { background-color: #1d2127; color: #fff; } .progress-bar-tooltip { position: absolute; padding: 4px 8px; background-color: #333; color: #fff; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 0; opacity: 0; } .progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } /* Porto Block */#banner-wrapper .porto-block, #content-top .porto-block, #content-bottom .porto-block { overflow: hidden; } /* Porto Concept */.porto-concept { background: transparent url(../images/concept.png) no-repeat center 0; width: 100%; overflow: hidden; } .porto-concept strong { display: block; font-size: 2.1em; font-weight: normal; position: relative; margin-top: 30px; } .porto-concept .row { position: relative; } .porto-concept .process-image { background: transparent url(../images/concept-item.png) no-repeat 0 0; width: 160px; height: 175px; margin: 130px auto 0 auto; padding-bottom: 50px; position: relative; z-index: 1; } .porto-concept .process-image img { border-radius: 150px; margin: 8px; width: 144px; } .porto-concept .our-work { margin-top: 52px; font-size: 2.6em; } .porto-concept .project-image { background: transparent url(../images/concept-item.png) no-repeat 100% 0; width: 350px; height: 420px; margin: 15px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } .porto-concept .project-image img { width: 338px; } .porto-concept .sun { background: transparent url(../images/concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 10%; top: 35px; } .porto-concept .cloud { background: transparent url(../images/concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 57%; top: 35px; } /* Responsive */@media (max-width: 991px) { .porto-concept { background: none; } .porto-concept .project-image { margin: 60px auto 0 auto; } .porto-concept .process-image { margin-top: 60px; } } @media (max-width: 479px) { .porto-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px; max-height: 250px; } .porto-concept .fc-slideshow { max-height: 145px; max-width: 145px; } .porto-concept .fc-slideshow img { max-height: 145px; max-width: 145px; } } /* Porto Map Section */.porto-map-section { background: transparent url(../images/map.png) center 0 no-repeat; padding-top: 164px; margin-top: 15px; margin-left: -15px; margin-right: -15px; } .porto-map-section .map-content { background-color: rgba(244, 244, 244, 0.8); border-top: 5px solid rgba(241, 241, 241, 0.8); padding: 50px 0 30px; min-height: 400px; margin-top: 0; } .porto-map-section .map-content article.post .post-date .day, .porto-map-section .map-content .post-item .post-date .day { background-color: #fff; } body.boxed .porto-map-section .map-content, #main.main-boxed .porto-map-section .map-content { padding-left: 30px; padding-right: 30px; } .porto-portfolio { position: relative; } .porto-preview-image, .porto-image-frame { margin-bottom: 30px; } .porto-diamonds { font-size: 0; margin: 40px auto; position: relative; text-align: center; max-width: 1110px; } .csstransforms3d .porto-diamonds { padding: 50px 0 0 52px; } .no-csstransforms3d .porto-diamonds { max-width: 1035px; } .porto-diamonds > li { display: inline-block; font-size: 18px; margin-right: 130px; } .no-csstransforms3d .porto-diamonds > li { margin: 0 20px 20px 0; } .porto-diamonds .diamond { background: #f4f4f4; display: block; height: 245px; overflow: hidden; position: relative; text-decoration: none; width: 245px; } .porto-diamonds .diamond:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; transform: scale(0); z-index: 100; } .porto-diamonds .diamond:hover:after { opacity: 0.3; transform: scale(1); } .porto-diamonds .diamond:hover .content:after { opacity: 0.8; transform: scale(1); } .csstransforms3d .porto-diamonds .diamond { overflow: hidden; transform: rotate(-45deg); } .porto-diamonds .content { display: table-cell; height: 245px; padding: 0 10px; transform: rotate(45deg); text-align: center; vertical-align: middle; width: 245px; position: relative; } .porto-diamonds .content:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; content: "\e091"; font-family: "simple-line-icons"; font-size: 28px; left: 26%; margin: -6px -12px; opacity: 0; position: absolute; top: 49%; z-index: 1000; transform: scale(2); } .porto-diamonds .content img { margin-left: -25%; max-width: 375px; } .porto-diamonds .diamond-sm .content:after { left: 24%; top: 49%; } @media (min-width: 1200px) { .porto-diamonds > li:nth-child(3) { margin-right: 8px; } .porto-diamonds > li:nth-child(4) { right: 153px; top: 10px; position: absolute; } .porto-diamonds > li:nth-child(5) { margin-left: 500px; margin-top: -68px; } .porto-diamonds > li:nth-child(6) { position: absolute; margin: -7px 0 0 -30px; } .porto-diamonds > li:nth-child(7) { position: absolute; margin: 92px 0 0 -128px; } .porto-diamonds .diamond-sm { height: 123px; width: 123px; } .porto-diamonds .diamond-sm .content { height: 123px; width: 123px; } .porto-diamonds .diamond-sm .content img { max-width: 195px; } } @media (max-width: 1199px) { .csstransforms3d .porto-diamonds, .porto-diamonds { padding-left: 0; max-width: 935px; } .porto-diamonds > li:nth-child(2n+2) { margin-right: 0; margin-bottom: 130px; } .porto-diamonds > li:last-child { margin-bottom: 50px; margin-right: 36px; margin-top: -100px; padding-left: 35px; } } @media (max-width: 722px) { .csstransforms3d .porto-diamonds, .porto-diamonds { max-width: 245px; padding-left: 0; } .porto-diamonds > li { margin-right: 0; margin-bottom: 130px; clear: both; } .porto-diamonds > li:last-child { margin-bottom: 50px; margin-right: 0; margin-top: 0; padding-left: 0; } } .border-transparent { border-color: transparent; } .no-box-shadow { box-shadow: none !important; } .timeline-circle { position: relative; margin-left: 25px; width: 118px; height: 118px; border-radius: 50%; border-width: 1px; border-style: solid; z-index: 2; box-shadow: 0px 11px 21px 0px rgba(229, 232, 235, 0.75); } .timeline-circle .circle-dotted { position: absolute; padding: 16px; width: 106px; height: 106px; top: 5px; left: 5px; display: table; border-style: dashed; border-width: 1px; border-radius: 50%; } .timeline-circle .circle-center { display: table-cell; vertical-align: middle; } .timeline-circle .circle-center > span:first-child { font-size: 1.5em; line-height: 1; } .timeline-circle.circle-light { border-color: #e6ebeb; } .timeline-circle.circle-light .circle-dotted { border-color: #e6ebeb; } .timeline-balloon { position: relative; } .timeline-balloon::before { content: ''; position: absolute; top: -35px; left: 83px; width: 1px; height: 120%; background-color: #e6ebeb; } .timeline-balloon:last-of-type::before { height: 75px; } .timeline-balloon .balloon-cell { display: table-cell; vertical-align: top; width: 100%; } .timeline-balloon .balloon-time { padding-top: 25px; width: 93px; white-space: nowrap; } .timeline-balloon .balloon-time .time-text { display: inline-block; vertical-align: middle; width: 72px; } .timeline-balloon .balloon-time .time-dot { position: relative; width: 25px; height: 25px; display: inline-block; vertical-align: middle; } .timeline-balloon .balloon-time .time-dot::before { content: ''; position: absolute; width: 19px; height: 19px; top: 50%; left: 50%; border-style: solid; border-width: 2px; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .timeline-balloon .balloon-time .time-dot::after { content: ''; position: absolute; width: 7px; height: 7px; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .timeline-balloon .balloon-content { position: relative; margin-left: 34px; padding: 25px; padding-right: 15px; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #e6ebeb; } .timeline-balloon .balloon-content.balloon-shadow { box-shadow: 0px 11px 21px 0px rgba(229, 232, 235, 0.75); } .timeline-balloon .balloon-content .balloon-arrow { position: absolute; width: 20px; height: 20px; top: 35px; left: -15px; border-width: 1px; border-style: solid; border-right: none; border-bottom: none; border-color: #e6ebeb; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .timeline-balloon .balloon-content .balloon-photo { display: table-cell; vertical-align: top; height: 64px; width: 64px; } .timeline-balloon .balloon-content .balloon-description { display: table-cell; padding-left: 25px; } .timeline-balloon .balloon-content .balloon-description p { line-height: 1.6; } @media (max-width: 767px) { .timeline-circle { margin: 0px auto 35px !important; } .timeline-balloon:before { left: 50%; } .timeline-balloon .balloon-time .time-dot { display: none; } .timeline-balloon .balloon-time .time-text { position: absolute; top: -11px; left: 50%; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #e6ebeb; padding: 5px 0px; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .timeline-balloon .balloon-content { margin-left: 5px; } } section.exp-timeline { width: calc(100% - 30px); margin: 0 0 0 30px; padding: 0; } section.exp-timeline:after { content: none; } section.exp-timeline .timeline-bar { position: absolute; width: 3px; left: -2.9%; z-index: 0; } section.exp-timeline .timeline-box { border: 0 !important; margin: 15px 0 !important; width: 100%; margin: 0; padding: 0; box-shadow: 0px 12px 90px -10px rgba(171, 191, 216, 0.6) !important; } section.exp-timeline .timeline-box.right { max-width: 100%; } section.exp-timeline .timeline-box.right:before { top: 50%; left: -2.5%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } section.exp-timeline .timeline-box.right:after { top: 50%; border: none; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } section.exp-timeline .timeline-box .experience-info, section.exp-timeline .timeline-box .experience-description { padding: 40px; } section.exp-timeline .timeline-box .experience-info p { opacity: 0.5; text-transform: uppercase; font-size: 11px; } section.exp-timeline .timeline-box .experience-info .from, section.exp-timeline .timeline-box .experience-info .to { display: inline-block; width: 50%; float: left; text-transform: uppercase; font-size: 12px; line-height: 1.3; } section.exp-timeline .timeline-box .experience-info .from > span, section.exp-timeline .timeline-box .experience-info .to > span { display: block; text-transform: none; font-size: 16px; } section.exp-timeline .timeline-box .experience-info .company { font-size: 18px; } section.exp-timeline .timeline-box .experience-info .company > span { display: block; opacity: 0.5; text-transform: uppercase; font-size: 11px; } @media (max-width: 991px) { section.exp-timeline .timeline-bar { left: -4.1%; } section.exp-timeline .timeline-box:before, section.exp-timeline .timeline-box:after { display: block !important; } section.exp-timeline .timeline-box.right { float: right; } section.exp-timeline .timeline-box.right:before { left: -3.4%; } } @media (max-width: 767px) { section.exp-timeline { width: 100%; margin: 0; } section.exp-timeline .timeline-bar { display: none; } section.exp-timeline .timeline-box:before, section.exp-timeline .timeline-box:after { display: none !important; } } .floating-menu .floating-menu-btn-collapse-nav { color: #fff; display: none; float: right; margin: 12px 0 8px 15px; } .floating-menu .floating-menu-nav-main nav > ul > li { margin-bottom: 0; } .floating-menu .floating-menu-nav-main nav > ul > li.active > a { background: #fff !important; } .floating-menu .floating-menu-nav-main nav > ul > li.active > a:after { background: #fff; } @media (min-width: 992px) { .floating-menu { background: transparent; height: 0; min-height: 0 !important; } .floating-menu .floating-menu-row { position: absolute; top: 45px; left: -47.5px; } .floating-menu .floating-menu-body { position: fixed; top: 0; background: transparent; min-height: 0; padding: 0; border: none; z-index: 999; } .floating-menu .floating-menu-nav { padding: 0 !important; } .floating-menu .floating-menu-nav-main { display: block !important; margin: 0; height: auto !important; box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3); } .floating-menu .floating-menu-nav-main nav > ul > li:hover > a > span { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .floating-menu .floating-menu-nav-main nav > ul > li > a { font-size: 25px; padding: 16.65px 17px; perspective: 770px; } .floating-menu .floating-menu-nav-main nav > ul > li > a:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; } .floating-menu .floating-menu-nav-main nav > ul > li > a > span { position: absolute; top: 0; left: 127%; background: #fff; padding: 0 25px; height: 100%; line-height: 4.1; white-space: nowrap; font-size: 14px; z-index: -2; -webkit-transition: ease transform 300ms; -moz-transition: ease transform 300ms; transition: ease transform 300ms; -webkit-transform-origin: -19% 0%; -moz-transform-origin: -19% 0%; -ms-transform-origin: -19% 0%; -o-transform-origin: -19% 0%; transform-origin: -19% 0%; -webkit-transform: rotateY(88deg); -moz-transform: rotateY(88deg); -ms-transform: rotateY(88deg); -o-transform: rotateY(88deg); transform: rotateY(88deg); } .floating-menu .floating-menu-nav-main nav > ul > li > a > span:before { content: ''; display: block; position: absolute; top: 50%; left: -4px; padding: 10px; background: #fff; z-index: -1; -webkit-transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } } @media (min-width: 992px) and (max-width: 1281px) { .floating-menu .floating-menu-row { left: -26.5px; } .floating-menu .floating-menu-nav-main nav > ul > li > a { padding: 9.8px; perspective: 450px; } .floating-menu .floating-menu-nav-main nav > ul > li > a > span { line-height: 3; } } @media (max-width: 991px) { .floating-menu { position: absolute; top: 73px; right: 0px; z-index: 999; } .floating-menu .floating-menu-body { background: transparent; border: none; min-height: 0; } .floating-menu .floating-menu-btn-collapse-nav { display: block !important; padding: 15px 20px; margin-right: 15px; outline: 0; } .floating-menu .floating-menu-nav-main { position: absolute; right: 0px; top: 71px; overflow: hidden; } .floating-menu .floating-menu-nav-main nav > ul > li { border: none; } .floating-menu .floating-menu-nav-main nav > ul > li > a { font-size: 1.7em; margin: 0; padding: 15px; } .floating-menu .floating-menu-nav-main nav > ul > li > a > span { display: none; } } /* Preview Image Lazy Loader */.porto-preview-image .lazy { display: block; background-position: top center; background-size: 100%; } .porto-preview-image .lazy .fa-spin { background: transparent none repeat scroll 0 0; color: #ccc; font-size: 25px; left: 50%; margin: -13px; position: absolute; top: 50%; z-index: 1; } /* Scroll to Top */html #topcontrol { background: #404040; background: rgba(64, 64, 64, 0.75); border-radius: 0 0 0 0; color: #fff; width: 49px; height: 48px; right: 10px; text-align: center; text-decoration: none; z-index: 1040; -webkit-transition: background 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; } html #topcontrol i { position: absolute; height: 24px; line-height: 24px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } /* Responsive */@media (max-width: 767px) { html #topcontrol { display: none; } } /* Menu */.menu-title { color: #a2a2a2; font-size: 16px; margin: 0 0 20px; padding: 30px 0 10px; text-transform: uppercase; } .tab-content .menu-title { margin-bottom: 20px; } .menu-item { margin-bottom: 40px; } .tab-content .menu-item { margin-bottom: 40px; } .menu-item h4 { color: #444; font-size: 16px; font-weight: 600; margin: 0; padding: 0; text-transform: uppercase; } .menu-item .menu-item-price { font-size: 16px; color: #999; float: right; margin: 3px 15px 0 0; } .menu-item p { font-size: 14px; color: #999; } /* Special Menu */.special-menu { list-style: none; margin: 0; padding: 0; text-align: left; } .special-menu li { margin: 0 0 32px 0; padding: 0; clear: both; } .special-menu img { float: left; margin: 0 25px 0 0; max-width: 68px; } .special-menu h3 { font-size: 24px; padding: 7px 0 4px 95px; margin: 0; text-transform: none; font-family: Georgia, serif; font-style: italic; } .special-menu h3 em { font-size: 16px; } .special-menu p { font-size: 1.3em; font-family: Georgia, serif; font-style: italic; margin: 0 0 0 95px; position: relative; display: block; } .special-menu p span { background: #fff; display: inline-block; position: relative; z-index: 2; padding: 0 10px 0 0; } .special-menu p:before { border-bottom: 2px dotted #ddd; content: ""; height: 1px; left: 0%; position: absolute; bottom: 5px; width: 100%; z-index: 1; } .special-menu .special-menu-price { background: #fff; display: inline-block; float: right; font-size: 22px; margin-top: -26px; padding: 0 0 0 10px; position: relative; z-index: 3; } @media (max-width: 991px) { .special-menu p { padding-bottom: 35px; } .special-menu .special-menu-price { margin-top: -20px; } } /* Food and Drink Menu */.page-wrapper .fdm-section-header { border-width: 0; } .page-wrapper .fdm-section-header h3 { margin: 0 0 20px; padding: 30px 0 10px; } .fdm-menu, .fdm-section, .fdm-menu > li, .fdm-section > li { list-style: none; } .fdm-item-panel .fdm-item-title { font-size: 16px; padding: 0; } .page-wrapper .fdm-item-panel .fdm-item-title { font-weight: 600; } .fdm-item-price { font-size: 16px; } .fdm-section .fdm-item, #content .tab-pane .fdm-item { margin-bottom: 32px; } .fdm-item-image { margin-right: 25px; } .page-wrapper .fdm-item-image { background-color: #fff; border: 1px solid #ddd; border-width: 0; border-radius: 0; padding: 0; } /* Widget */.widget { margin-bottom: 30px; margin-top: 30px; *zoom: 1; } .widget:before, .widget:after { content: " "; display: table; } .widget:after { clear: both; } .widget:first-child { margin-top: 0; } .widget .widgettitle, .widget .widget-title { margin-bottom: 15px; font-size: 1.1429em; margin-top: 0; letter-spacing: normal; } .widget .widgettitle, .widget .widget-title, .widget .widgettitle a, .widget .widget-title a { line-height: 1.4; font-weight: 700; color: #313131; text-transform: uppercase; text-decoration: none; } .widget .widgettitle img, .widget .widget-title img { margin-right: 3px; margin-top: -2px; } .widget > div > ul, .widget > ul { font-size: 0.9286em; border-bottom: 1px solid #ededed; margin-top: -8px; margin-bottom: 0; } .widget > div > ul > li:first-child, .widget > ul > li:first-child { border-top-width: 0; } .widget > div > ul li, .widget > ul li { position: relative; margin: 0; padding: 7px 0; line-height: 1.4; border-top: 1px solid #ededed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .widget > div > ul li p, .widget > ul li p { margin-bottom: 0; } .widget > div > ul li > a, .widget > ul li > a { text-decoration: none; } .widget > div > ul li > ul, .widget > ul li > ul, .widget > div > ul li > ol, .widget > ul li > ol { margin-top: 8px; margin-bottom: -8px; margin-left: -5px; } .widget ul, .widget ol { list-style: none; padding: 0; } .widget select { max-width: 100%; font-size: 0.9em; } .widget .rss-date, .widget .post-date, .widget .comment-author-link { display: inline; font-size: 0.9em; } .widget .rss-date, .widget .post-date { display: block; } .widget .rss-date { margin-bottom: 3px; } .widget .rssSummary { font-size: 0.95em; line-height: 1.42857; } .widget cite { display: block; font-size: 0.9em; text-align: right; } .widget .view-more { padding: 12px; } .widget .owl-carousel .owl-dots { margin-bottom: -10px; } .widget .slick-dots { margin-bottom: -5px; } .widget_recent_entries > ul li, .widget_recent_comments > ul li, .widget_pages > ul li, .widget_meta > ul li, .widget_nav_menu > div > ul li, .widget_archive > ul li, .widget_categories > ul li, .widget_rss > ul li { padding: 8px 0 8px 15px; } .widget_recent_entries > ul li:before, .widget_recent_comments > ul li:before, .widget_pages > ul li:before, .widget_meta > ul li:before, .widget_nav_menu > div > ul li:before, .widget_archive > ul li:before, .widget_categories > ul li:before, .widget_rss > ul li:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; margin-left: -11px; margin-right: 5px; } .widget_calendar caption { color: #313131; font-weight: 700; text-align: center; margin-bottom: 8px; } .widget_calendar table { width: 100%; font-size: 0.9286em; } .widget_calendar table th, .widget_calendar table td { text-align: center; vertical-align: middle; } .widget_calendar table td#prev { text-align: left; padding: 8px 0; } .widget_calendar table td#next { text-align: right; padding: 8px 0; } .widget.widget_text ul, .widget.widget_text li { border-width: 0; padding: 0; margin: 0; } .widget.widget_text ul p, .widget.widget_text li p { margin-bottom: 10px; } .widget .tagcloud { margin-top: -0.3846em; margin-bottom: -0.3846em; } .widget .tagcloud a { margin: 0.3846em 0.3846em 0.3846em 0; border: 1px solid #ccc; background: #efefef; border-radius: 0; padding: 0.3846em; line-height: 1.2; display: inline-block; text-decoration: none; font-size: 0.8571em !important; } .widget .tagcloud a:hover { color: #fff; } /* Flickr Widget */.flickr_badge_image, .wpb_content_element .flickr_badge_image { float: none; margin: 10px 5px 20px; display: inline-block; border: 0 solid #ddd; background: #fff; border-radius: 0; padding: 0; width: auto; height: auto; -webkit-transition: opacity 0.3s ease-in-out 0s; -moz-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; } .flickr_badge_image img, .wpb_content_element .flickr_badge_image img { width: 75px; height: 75px; } /* Wysija Widget */.widget.widget_wysija h3 { margin-bottom: 10px; } .widget.widget_wysija .wysija-paragraph, .widget.widget_wysija .wysija-checkbox-label, .widget.widget_wysija .wysija-checkbox-paragraph { font-size: 1em; } .widget.widget_wysija .wysija-paragraph label, .widget.widget_wysija .wysija-checkbox-label { font-size: 0.9286em; } .widget.widget_wysija .wysija-checkbox-label { margin-bottom: 0; } .widget.widget_wysija .formError { position: static !important; display: none !important; } .widget.widget_wysija .formError .formErrorContent { width: 100%; line-height: 1.4; padding: 5px 0; background: none; border: none; color: #eb340e; } .widget.widget_wysija .formError + .wysija-input { border-color: #a94442; } .widget.widget_wysija .wysija-paragraph { margin-bottom: 10px; } .widget.widget_wysija .wysija-paragraph .formError .formErrorContent { padding: 5px 0 10px; } .widget.widget_wysija .widget_wysija_cont .updated, .widget.widget_wysija .widget_wysija_cont .message, .widget.widget_wysija .widget_wysija_cont .error, .widget.widget_wysija .widget_wysija_cont .xdetailed-errors { border: none; background: transparent; padding: 0; margin: 0; color: inherit; line-height: inherit; } .widget.widget_wysija .widget_wysija_cont .updated, .widget.widget_wysija .widget_wysija_cont .message { color: #3c763d; } .widget.widget_wysija .widget_wysija_cont .error, .widget.widget_wysija .widget_wysija_cont .xdetailed-errors { color: #eb340e; } .widget.widget_wysija .widget_wysija_cont .showerrors { display: block; } .widget.widget_wysija .wysija-input { width: 100%; } .sidebar-content .widget.widget_wysija { background: #f4f4f4; margin-bottom: 30px; min-height: 100px; position: relative; } .sidebar-content .widget.widget_wysija .box-content { position: relative; padding: 30px 36px 45px 36px; } .sidebar-content .widget.widget_wysija .wysija-input { border-radius: 3px; padding: 12px; } .sidebar-content .widget.widget_wysija .wysija-submit { margin: 0; width: 100%; border-radius: 3px; padding: 12px 0; } #footer .widget_wysija_cont form { position: relative; display: table; border-collapse: separate; width: 100%; } #footer .widget_wysija_cont form > p:not(.wysija-paragraph) { display: table-caption; } #footer .widget_wysija_cont .wysija-paragraph { display: table-cell; vertical-align: middle; width: 100%; } #footer .widget_wysija_cont label { display: none; } #footer .widget_wysija_cont .wysija-input { border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; } #footer .widget_wysija_cont .wysija-submit { display: table-cell; vertical-align: middle; margin: 0 0 0 -1px; font-size: 14px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .wysija-msg .updated, .wysija-msg .message { color: #3c763d; } .wysija-msg .error, .wysija-msg .xdetailed-errors { color: #eb340e; } .wysija-msg ul { list-style: none; padding-left: 0; margin-bottom: 10px; font-weight: 600; } .widget.twitter-tweets .fa { clear: both; font-size: 1.5em; position: relative; top: 3px; } .widget.twitter-tweets .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; margin-bottom: 20px; } .widget.twitter-tweets .meta:last-child { margin-bottom: 0; } .widget.twitter-tweets ul { list-style: none; margin: 0; padding: 0; border-width: 0; } .widget.twitter-tweets ul li { border-width: 0; padding: 20px 0 0; } .widget.twitter-tweets ul li:first-child { padding-top: 0; } .twitter-account { color: #fff; display: block; font-size: 0.9em; margin: -15px 0 5px; opacity: 0.55; } .twitter-account:hover { opacity: 1; } .widget.contact-info ul, .widget.contact-info li { border-width: 0; margin: 0; padding: 0; } .widget.contact-info li { line-height: 24px; } .widget.contact-info li a:hover { text-decoration: underline; } .widget.contact-info li:not(:last-child) { margin-bottom: 10px !important; } .widget.contact-info p { margin-bottom: 10px; } .widget.contact-info i { float: left; text-align: center; width: 16px; top: -2px; margin: 4px 9px 10px 0; font-size: 1.2em; position: static !important; } .widget.contact-info .contact-info-block .contact-details strong { display: block; padding-left: 25px; } .widget.contact-info .contact-info-block .contact-details span { display: block; padding-left: 25px; } #footer .widget.follow-us .share-links a, .widget.follow-us .share-links a { width: 30px; height: 30px; border-radius: 30px; margin: 2px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-size: 14px; } #footer .widget.follow-us .share-links a:hover, .widget.follow-us .share-links a:hover { color: #fff; } .footer-top .widget.follow-us .share-links a:hover { color: #fff; } #footer .footer-bottom .widget.follow-us .share-links a { box-shadow: none; } #mailpoet_checkout_field input[type="checkbox"], #mailpoet_checkout_field input[type="radio"] { position: static; margin-left: 0; } .widget-recent-posts, .widget-recent-portfolios { overflow: hidden; } .tm-extra-product-options .tm-epo-field-label { font-size: 16px; font-weight: 400; line-height: 27px; } .tm-collapse { background-image: none; background-color: transparent; border: 1px solid #ddd; border-radius: 0; padding: 0; } .tm-collapse .tm-section-label { background: #f5f5f5; border-radius: 0; padding: 10px 15px; } .tm-collapse .tm-section-label .tm-arrow { right: 10px; left: auto; } .tm-collapse .tm-collapse-wrap { padding: 15px; margin: 0; } .tm-description { margin-top: 5px; margin-bottom: 5px; } .tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap { padding: 5px 0 0; } .tm-box { padding: 10px 15px; border: 1px solid #ddd; border-radius: 0; margin: 15px 0 0; } .tm-epo-totals { padding-top: 0; } .tm-extra-product-options-totals { margin-bottom: 0; } .tm-extra-product-options-totals dt { margin-top: 10px; } .tm-extra-product-options-totals dt, .tm-extra-product-options-totals dd { margin-bottom: 5px; } .tm-extra-product-options-totals .amount.options, .tm-extra-product-options-totals .amount.subscription-fee, .tm-extra-product-options-totals .amount.final { font-weight: 600; line-height: 1; } .tm-extra-product-options-totals .amount.options, .tm-extra-product-options-totals .amount.subscription-fee { font-size: 2em; } .tm-extra-product-options-totals .amount.final { font-size: 2.5714em; } .tm-cart-edit-options { font-size: 11px; margin-right: 10px; margin-left: auto; } .tm-button { box-shadow: none; } /* Pricing Tables */.pricing-table { margin: 10px 0; padding: 0 15px; text-align: center; } .pricing-table ul { list-style: none; margin: 20px 0 0 0; padding: 0; } .pricing-table li { border-top: 1px solid #ddd; padding: 10px 0; } .pricing-table h3 { background-color: #eee; border-radius: 0 0 0 0; font-size: 1.3em; font-weight: normal; margin: -20px -20px 50px -20px; padding: 20px; } .pricing-table h3 .desc { font-size: 0.7em; line-height: 24px; margin-bottom: 0; padding-bottom: 0; font-style: normal; text-transform: none; display: block; } .pricing-table h3 span { background: #fff; border: 5px solid #fff; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; border-radius: 100px; display: block; font: bold 25px / 95px Georgia, Serif; height: 100px; margin: 20px auto -65px; width: 100px; } .pricing-table .most-popular { border: 3px solid #ccc; box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1); padding: 30px 20px; top: -10px; z-index: 2; } @media (max-width: 767px) { .pricing-table .most-popular { top: 0; } } .pricing-table .most-popular h3 { background-color: #666; text-shadow: 0 1px #555; padding-top: 30px; } .pricing-table .plan-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -3px; top: -5px; width: 85px; } .pricing-table .plan-ribbon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-image: - webkit-linear-gradient(top, #bfdc7a, #8ebf45); background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45); background-color: #bfdc7a; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); color: #333; font-size: 14px; left: -5px; padding: 7px 0; position: relative; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; top: 15px; width: 120px; } .pricing-table .plan-ribbon:before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; } .pricing-table .plan-ribbon:after { border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; right: 0; } .pricing-table [class*="col-md-"] { padding-left: 0; padding-right: 0; } .pricing-table .plan { background: #fff; border: 1px solid #ddd; text-shadow: 0 1px rgba(255, 255, 255, 0.8); border-radius: 0; margin-bottom: 35px; margin-right: 0; padding: 20px; position: relative; } .pricing-table .btn { margin-top: 5px; } .pricing-table.pricing-table-sm h3 .desc { font-size: 0.7em; } .pricing-table.pricing-table-sm h3 span { border: 3px solid #fff; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; font: bold 19px/65px Georgia, serif; height: 70px; margin: 10px auto -65px; width: 70px; } .pricing-table.pricing-table-sm .most-popular { padding-bottom: 30px; } .pricing-table.pricing-table-flat .plan { padding-left: 0; padding-right: 0; padding-bottom: 15px; margin: -1px; } .pricing-table.pricing-table-flat .plan h3 { padding-left: 0; padding-right: 0; margin: -20px 0 0; background-color: #666; padding-top: 30px; text-shadow: 0 1px #555; } .pricing-table.pricing-table-flat .plan h3 span { border-radius: 0; border: 0; background: #666; font-size: 600; box-shadow: none; width: 100%; font-size: 1.5em; height: auto; line-height: 38px; margin: 0; } .pricing-table.pricing-table-flat .plan ul { margin-top: 0; margin-bottom: -15px; } .pricing-table.pricing-table-flat .plan ul li { padding: 8px 0; } .pricing-table.pricing-table-flat .plan.most-popular ul li { padding: 10px 0; } .pricing-table.pricing-table-flat .btn-top { margin-top: 13px; margin-bottom: 13px; } .pricing-table.pricing-table-flat .btn-bottom { margin-top: 30px; } .pricing-table.pricing-table-flat .plan-btn-bottom li:last-child { border-bottom: 1px solid #ddd; } .pricing-table.spaced [class*="col-md-"] { padding-left: 2px; padding-right: 2px; } .pricing-table.no-borders .plan { border: 0 !important; } /* Responsive */@media (max-width: 767px) { /* Pricing Tables */ .pricing-table { margin-left: 0px; } .pricing-table .plan { margin-right: 0; } } /* Margin */.m-xs { margin: 5px !important; } .m-sm { margin: 10px !important; } .m { margin: 15px !important; } .m-md { margin: 20px !important; } .m-lg { margin: 30px !important; } .m-xl { margin: 40px !important; } .m-xlg { margin: 50px !important; } .m-xxl { margin: 60px !important; } .m-n, .m-none { margin: 0 !important; } .m-l-none { margin-left: 0 !important; } .m-l-xs { margin-left: 5px !important; } .m-l-sm { margin-left: 10px !important; } .m-l { margin-left: 15px !important; } .m-l-md { margin-left: 20px !important; } .m-l-lg { margin-left: 30px !important; } .m-l-xl { margin-left: 40px !important; } .m-l-xlg { margin-left: 50px !important; } .m-l-xxl { margin-left: 60px !important; } .m-l-n-xxs { margin-left: -1px !important; } .m-l-n-xs { margin-left: -5px !important; } .m-l-n-sm { margin-left: -10px !important; } .m-l-n { margin-left: -15px !important; } .m-l-n-md { margin-left: -20px !important; } .m-l-n-lg { margin-left: -30px !important; } .m-l-n-xl { margin-left: -40px !important; } .m-l-n-xlg { margin-left: -50px !important; } .m-l-n-xxl { margin-left: -60px !important; } .m-t-none { margin-top: 0 !important; } .m-t-xxs { margin-top: 1px !important; } .m-t-xs { margin-top: 5px !important; } .m-t-sm { margin-top: 10px !important; } .m-t { margin-top: 15px !important; } .m-t-md { margin-top: 20px !important; } .m-t-lg { margin-top: 30px !important; } .m-t-xl { margin-top: 40px !important; } .m-t-xlg { margin-top: 50px !important; } .m-t-xxl { margin-top: 60px !important; } .m-t-n-xxs { margin-top: -1px !important; } .m-t-n-xs { margin-top: -5px !important; } .m-t-n-sm { margin-top: -10px !important; } .m-t-n { margin-top: -15px !important; } .m-t-n-md { margin-top: -20px !important; } .m-t-n-lg { margin-top: -30px !important; } .m-t-n-xl { margin-top: -40px !important; } .m-t-n-xlg { margin-top: -50px !important; } .m-t-n-xxl { margin-top: -60px !important; } .m-r-none { margin-right: 0 !important; } .m-r-xs { margin-right: 5px !important; } .m-r-sm { margin-right: 10px !important; } .m-r { margin-right: 15px !important; } .m-r-md { margin-right: 20px !important; } .m-r-lg { margin-right: 30px !important; } .m-r-xl { margin-right: 40px !important; } .m-r-xlg { margin-right: 50px !important; } .m-r-xxl { margin-right: 60px !important; } .m-r-n-xxs { margin-right: -1px !important; } .m-r-n-xs { margin-right: -5px !important; } .m-r-n-sm { margin-right: -10px !important; } .m-r-n { margin-right: -15px !important; } .m-r-n-md { margin-right: -20px !important; } .m-r-n-lg { margin-right: -30px !important; } .m-r-n-xl { margin-right: -40px !important; } .m-r-n-xlg { margin-right: -50px !important; } .m-r-n-xxl { margin-right: -60px !important; } .m-b-none { margin-bottom: 0 !important; } .m-b-xs { margin-bottom: 5px !important; } .m-b-sm { margin-bottom: 10px !important; } .m-b { margin-bottom: 15px !important; } .m-b-md { margin-bottom: 20px !important; } .m-b-lg { margin-bottom: 30px !important; } .m-b-xl { margin-bottom: 40px !important; } .m-b-xlg { margin-bottom: 50px !important; } .m-b-xxl { margin-bottom: 60px !important; } .m-b-n-xxs { margin-bottom: -1px !important; } .m-b-n-xs { margin-bottom: -5px !important; } .m-b-n-sm { margin-bottom: -10px !important; } .m-b-n { margin-bottom: -15px !important; } .m-b-n-md { margin-bottom: -20px !important; } .m-b-n-lg { margin-bottom: -30px !important; } .m-b-n-xl { margin-bottom: -40px !important; } .m-b-n-xlg { margin-bottom: -50px !important; } .m-b-n-xxl { margin-bottom: -60px !important; } .custom-margin-1 { margin-left: 90px; } /* padding */.p-xs { padding: 5px !important; } .p-sm { padding: 10px !important; } .p { padding: 15px !important; } .p-md { padding: 20px !important; } .p-lg { padding: 30px !important; } .p-xl { padding: 40px !important; } .p-xlg { padding: 50px !important; } .p-xxl { padding: 60px !important; } .p-n, .p-none { padding: 0 !important; } .p-l-none { padding-left: 0 !important; } .p-l-xs { padding-left: 5px !important; } .p-l-sm { padding-left: 10px !important; } .p-l { padding-left: 15px !important; } .p-l-md { padding-left: 20px !important; } .p-l-lg { padding-left: 30px !important; } .p-l-xl { padding-left: 40px !important; } .p-l-xlg { padding-left: 50px !important; } .p-l-xxl { padding-left: 60px !important; } .p-l-n-xxs { padding-left: -1px !important; } .p-l-n-xs { padding-left: -5px !important; } .p-l-n-sm { padding-left: -10px !important; } .p-l-n { padding-left: -15px !important; } .p-l-n-md { padding-left: -20px !important; } .p-l-n-lg { padding-left: -30px !important; } .p-l-n-xl { padding-left: -40px !important; } .p-l-n-xlg { padding-left: -50px !important; } .p-l-n-xxl { padding-left: -60px !important; } .p-t-none { padding-top: 0 !important; } .p-t-xxs { padding-top: 1px !important; } .p-t-xs { padding-top: 5px !important; } .p-t-sm { padding-top: 10px !important; } .p-t { padding-top: 15px !important; } .p-t-md { padding-top: 20px !important; } .p-t-lg { padding-top: 30px !important; } .p-t-xl { padding-top: 40px !important; } .p-t-xlg { padding-top: 50px !important; } .p-t-xxl { padding-top: 60px !important; } .p-t-n-xxs { padding-top: -1px !important; } .p-t-n-xs { padding-top: -5px !important; } .p-t-n-sm { padding-top: -10px !important; } .p-t-n { padding-top: -15px !important; } .p-t-n-md { padding-top: -20px !important; } .p-t-n-lg { padding-top: -30px !important; } .p-t-n-xl { padding-top: -40px !important; } .p-t-n-xlg { padding-top: -50px !important; } .p-t-n-xxl { padding-top: -60px !important; } .p-r-none { padding-right: 0 !important; } .p-r-xs { padding-right: 5px !important; } .p-r-sm { padding-right: 10px !important; } .p-r { padding-right: 15px !important; } .p-r-md { padding-right: 20px !important; } .p-r-lg { padding-right: 30px !important; } .p-r-xl { padding-right: 40px !important; } .p-r-xlg { padding-right: 50px !important; } .p-r-xxl { padding-right: 60px !important; } .p-r-n-xxs { padding-right: -1px !important; } .p-r-n-xs { padding-right: -5px !important; } .p-r-n-sm { padding-right: -10px !important; } .p-r-n { padding-right: -15px !important; } .p-r-n-md { padding-right: -20px !important; } .p-r-n-lg { padding-right: -30px !important; } .p-r-n-xl { padding-right: -40px !important; } .p-r-n-xlg { padding-right: -50px !important; } .p-r-n-xxl { padding-right: -60px !important; } .p-b-none { padding-bottom: 0 !important; } .p-b-xs { padding-bottom: 5px !important; } .p-b-sm { padding-bottom: 10px !important; } .p-b { padding-bottom: 15px !important; } .p-b-md { padding-bottom: 20px !important; } .p-b-lg { padding-bottom: 30px !important; } .p-b-xl { padding-bottom: 40px !important; } .p-b-xlg { padding-bottom: 50px !important; } .p-b-xxl { padding-bottom: 60px !important; } .p-b-n-xxs { padding-bottom: -1px !important; } .p-b-n-xs { padding-bottom: -5px !important; } .p-b-n-sm { padding-bottom: -10px !important; } .p-b-n { padding-bottom: -15px !important; } .p-b-n-md { padding-bottom: -20px !important; } .p-b-n-lg { padding-bottom: -30px !important; } .p-b-n-xl { padding-bottom: -40px !important; } .p-b-n-xlg { padding-bottom: -50px !important; } .p-b-n-xxl { padding-bottom: -60px !important; } /* History */.porto-history { margin: 25px 0; padding: 0; clear: both; } .porto-history .featured-box h4 { margin: 0 0 -27px 0; padding: 0; } .porto-history p { margin-left: 53px; } .porto-history .thumb { background: transparent url(../images/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left; } .porto-history .thumb img { border-radius: 150px; margin: 7px 8px; width: 145px; height: 145px; } .porto-history .featured-box { text-align: left; margin-left: 225px; margin-bottom: 50px; min-height: 115px; } /* Responsive */@media (max-width: 650px) { .porto-history .thumb { display: none; } .porto-history .featured-box { margin-left: 0; } }