%PDF- %PDF-
Direktori : /home/tjamichg/portal.tjamich.gob.mx/css/ |
Current File : /home/tjamichg/portal.tjamich.gob.mx/css/theme-elements.css |
@charset "UTF-8"; /* Name: theme-elements.css Written by: Okler Themes - (http://www.okler.net) Theme Version: 7.1.0 */ /* Accordion */ .accordion { /* Modern */ } .accordion .card { margin-top: 5px; } .accordion .card:first-child { margin-top: 0; } .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: .25rem; } .accordion .card-title { font-size: 16px; } .accordion .card-header { padding: 0; border-radius: .25rem; border-bottom: 0; margin: -1px; } .accordion .card-header a { display: block; padding: 10px 20px; } .accordion .card-header a:hover, .accordion .card-header a:focus { text-decoration: none; } .accordion .card-header a [class^="icon-"] { margin-right: 4px; position: relative; top: 1px; } .accordion .card-header a [class*="fa-"], .accordion .card-header a .icons { display: inline-block; margin-right: 5px; position: relative; top: -1px; } .accordion .card-header a .icons { top: 1px; } .accordion.accordion-sm .card-header a { padding: 5px 15px; font-size: 0.9em; } .accordion.accordion-sm .card-body { font-size: 0.9em; } .accordion.accordion-lg .card-header a { padding: 15px 15px; font-size: 1em; font-weight: 600; } .accordion.without-bg .card-default { background: transparent !important; } .accordion.without-bg .card-default > .card-header { background: transparent !important; } .accordion.without-bg .card-body { padding-top: 0; } .accordion.without-borders .card { border: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .accordion.without-borders .card-header a { padding-left: 0; padding-right: 0; } .accordion.without-borders .card-body { padding: 0; } .accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type { border: 4px solid #F7F7F7; } .accordion.accordion-modern .card .card-header { background-color: #F7F7F7; border-radius: 0; } .accordion.accordion-modern-grey-scale-1 .card:first-of-type, .accordion.accordion-modern-grey-scale-1 .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern-grey-scale-1 .card:last-of-type { border-color: #EDEDED; } .accordion.accordion-modern-grey-scale-1 .card .card-header { background-color: #EDEDED; } /* Animations */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } /* Transitions */ .transition-2ms { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Mask Up */ @-webkit-keyframes maskUp { from { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskUp { from { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Right */ @-webkit-keyframes maskRight { from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskRight { from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Down */ @-webkit-keyframes maskDown { from { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskDown { from { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Left */ @-webkit-keyframes maskLeft { from { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskLeft { from { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .maskUp { -webkit-animation-name: maskUp; animation-name: maskUp; } .maskRight { -webkit-animation-name: maskRight; animation-name: maskRight; } .maskDown { -webkit-animation-name: maskDown; animation-name: maskDown; } .maskLeft { -webkit-animation-name: maskLeft; animation-name: maskLeft; } @-webkit-keyframes headerReveal { from { top: -150px; } to { top: 0; } } @keyframes headerReveal { from { top: -150px; } to { top: 0; } } /* Fade In Up Shorter */ @-webkit-keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpShorter { -webkit-animation-name: fadeInUpShorter; animation-name: fadeInUpShorter; } /* Fade In Left Shorter */ @-webkit-keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftShorter { -webkit-animation-name: fadeInLeftShorter; animation-name: fadeInLeftShorter; } /* Fade In Right Shorter */ @-webkit-keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightShorter { -webkit-animation-name: fadeInRightShorter; animation-name: fadeInRightShorter; } /* Fade In Down Shorter */ @-webkit-keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownShorter { -webkit-animation-name: fadeInDownShorter; animation-name: fadeInDownShorter; } /* Expand In */ @-webkit-keyframes expandIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes expandIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .expandIn { -webkit-animation-name: expandIn; animation-name: expandIn; } /* Gradient Transition */ @-webkit-keyframes gradientTransition { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradientTransition { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Slider Scroll Button Animation */ @-webkit-keyframes sliderScrollButton { 0% { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 70% { opacity: 1; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } } @keyframes sliderScrollButton { 0% { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 70% { opacity: 1; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } } /* Arrow Left Right */ @-webkit-keyframes arrowLeftRight { 0% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 50% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } @keyframes arrowLeftRight { 0% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 50% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } /* Nav Item Arrow */ @-webkit-keyframes navItemArrow { 0% { position: relative; left: -1px; } 50% { position: relative; left: 3px; } 100% { position: relative; left: -1px; } } @keyframes navItemArrow { 0% { position: relative; left: -1px; } 50% { position: relative; left: 3px; } 100% { position: relative; left: -1px; } } /* Hover 3d Effect */ .hover-in { -webkit-transition: .1s ease-out !important; transition: .1s ease-out !important; } .hover-out { -webkit-transition: .1s ease-in !important; transition: .1s ease-in !important; } .hover-3d { -webkit-transition: none; transition: none; } /* Arrows */ .arrow { background: transparent url(../img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative; } .arrow.arrow-light { background-image: url(../img/arrows-dark.png); } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px; } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px; } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px; } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px; } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px; } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px; } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px; } /* Responsive */ @media (max-width: 575px) { .arrow { display: none; } } /* Background Scales Overlay */ .bg-color-scale-overlay { position: relative; } .bg-color-scale-overlay:before { content: ""; display: block; background: #000; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; opacity: 0; } .bg-color-scale-overlay .bg-color-scale-overlay-wrapper { position: relative; z-index: 2; } .bg-color-scale-overlay-1:before { opacity: 0.05 !important; } .bg-color-scale-overlay-2:before { opacity: 0.1 !important; } .bg-color-scale-overlay-3:before { opacity: 0.15 !important; } .bg-color-scale-overlay-4:before { opacity: 0.2 !important; } .bg-color-scale-overlay-5:before { opacity: 0.25 !important; } .bg-color-scale-overlay-6:before { opacity: 0.3 !important; } .bg-color-scale-overlay-7:before { opacity: 0.35 !important; } .bg-color-scale-overlay-8:before { opacity: 0.4 !important; } .bg-color-scale-overlay-9:before { opacity: 0.45 !important; } /* Background Transparent */ .background-transparent { background: transparent !important; } /* Background White and Black */ .bg-color-white { background: #FFF !important; } .bg-color-black { background: #000 !important; } /* Labels */ .badge-primary { background-color: #CCC; color: #FFF; } .badge-success { background-color: #28a745; color: #FFF; } .badge-warning { background-color: #ffc107; color: #FFF; } .badge-danger { background-color: #dc3545; color: #FFF; } .badge-info { background-color: #17a2b8; color: #FFF; } .badge-dark { background-color: #212529; color: #FFF; } .badge.badge-xs { padding: 0.3em 0.5em; } .badge.badge-sm { padding: 0.5em 0.8em; } .badge.badge-md { padding: 1em 1.6em; font-size: 85%; } .badge.badge-lg { padding: 1.5em 2em; font-size: 90%; } .badge.badge-xl { padding: 2em 2.5em; font-size: 100%; } /* 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: 35%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; } .circular-bar.only-icon [class*="fa-"], .circular-bar.only-icon .icons { display: block; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center; } .circular-bar.single-line strong { top: 40%; } .circular-bar.circular-bar-sm label { font-size: 14px; top: 36%; } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 40%; } /* Progress */ .progress { border-radius: 25px; height: 20px; background: #FAFAFA; overflow: visible; } .progress.progress-border-radius { border-radius: 3px; } .progress.progress-border-radius .progress-bar { border-radius: 3px; } .progress.progress-no-border-radius { border-radius: 0; } .progress.progress-no-border-radius .progress-bar { border-radius: 0; } .progress.progress-xs { height: 5px; } .progress.progress-xs .progress-bar { line-height: 5px; height: auto; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; height: auto; } .progress.progress-lg { height: 35px; } .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px; height: auto; } .progress.progress-dark { background: #333333; } .progress.progress-right-side-value { position: relative; margin-right: 40px; } .progress.progress-right-side-value .progress-bar-value { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(40px, -50%, 0); transform: translate3d(40px, -50%, 0); } .progress-bar { background-color: #CCC; -webkit-box-shadow: none; box-shadow: none; position: relative; border-radius: 25px; } .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: 3px; 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; } .progress-bar-primary { background-color: #CCC; color: #FFF; } .progress-bar-success { background-color: #28a745; color: #FFF; } .progress-bar-warning { background-color: #ffc107; color: #FFF; } .progress-bar-danger { background-color: #dc3545; color: #FFF; } .progress-bar-info { background-color: #17a2b8; color: #FFF; } .progress-bar-dark { background-color: #212529; color: #FFF; } /* Borders */ .border-top { border-top: 1px solid #DADADA !important; } .border-bottom { border-bottom: 1px solid #DADADA !important; } .border-left { border-left: 1px solid #DADADA !important; } .border-right { border-right: 1px solid #DADADA !important; } .border-all { border: 1px solid #DADADA !important; } .border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-left-light { border-left: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-right-light { border-right: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-all-light { border: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-width-1 { border-width: 1px !important; } .border-width-2 { border-width: 2px !important; } .border-width-3 { border-width: 3px !important; } .border-width-4 { border-width: 4px !important; } .border-width-5 { border-width: 5px !important; } /* Buttons */ .btn { font-size: 12.8px; font-size: 0.8rem; padding: 8.528px 14.928px; padding: 0.533rem 0.933rem; cursor: pointer; } .btn.btn-xs { font-size: 11.2px; font-size: 0.7rem; padding: 3.2px 8px; padding: 0.2rem 0.5rem; } .btn.btn-sm { font-size: 12.8px; font-size: 0.8rem; padding: 4.8px 10.4px; padding: 0.3rem 0.65rem; } .btn.btn-lg { font-size: 16px; font-size: 1rem; padding: 8px 16px; padding: 0.5rem 1rem; } .btn.btn-xl { font-size: 16px; font-size: 1rem; padding: 12.8px 32px; padding: 0.8rem 2rem; } .btn.btn-px-1 { padding-left: 5.6px; padding-left: .35rem; padding-right: 5.6px; padding-right: .35rem; } .btn.btn-px-2 { padding-left: 12px; padding-left: .75rem; padding-right: 12px; padding-right: .75rem; } .btn.btn-px-3 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; } .btn.btn-px-4 { padding-left: 28px; padding-left: 1.75rem; padding-right: 28px; padding-right: 1.75rem; } .btn.btn-px-5 { padding-left: 38.4px; padding-left: 2.4rem; padding-right: 38.4px; padding-right: 2.4rem; } .btn.btn-py-1 { padding-top: 5.6px; padding-top: .35rem; padding-bottom: 5.6px; padding-bottom: .35rem; } .btn.btn-py-2 { padding-top: 12px; padding-top: .75rem; padding-bottom: 12px; padding-bottom: .75rem; } .btn.btn-py-3 { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; } .btn.btn-py-4 { padding-top: 28px; padding-top: 1.75rem; padding-bottom: 28px; padding-bottom: 1.75rem; } .btn.btn-py-5 { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem; } html body .btn.focus, html body .btn:focus, html body .btn.active, html body .btn:active, html body.body .btn.focus, html body.body .btn:focus, html body.body .btn.active, html body.body .btn:active { -webkit-box-shadow: none !important; box-shadow: none !important; } /* Dropdown Buttons */ .btn + .dropdown-menu .dropdown-item { font-size: 12.8px; font-size: 0.8rem; } /* Default */ .btn-default { color: #333; background-color: #fff; border-color: #ccc; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* Outline */ .btn-outline { border-width: 2px; padding: 7.728px 14.928px; padding: 0.483rem 0.933rem; } .btn-outline.btn-xs { padding: 2.4px 8px; padding: 0.15rem 0.5rem; } .btn-outline.btn-sm { padding: 4px 10.4px; padding: 0.25rem 0.65rem; } .btn-outline.btn-lg { padding: 7.2px 16px; padding: 0.45rem 1rem; } .btn-outline.btn-xl { padding: 12px 32px; padding: 0.75rem 2rem; } /* Modern */ .btn-modern { text-transform: uppercase; font-size: .8em; padding: 12.8px 24px; padding: 0.8rem 1.5rem; font-weight: 600; } /* Rounded */ .btn-rounded { border-radius: 35px; } /* Rounded */ .btn-rounded-icon { border-radius: 50px; padding: 0; width: 50px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-rounded-icon[data-hash] > i { pointer-events: none; } /* 3d */ .btn-3d { border-bottom-width: 3px; } /* Arrow */ .btn-with-arrow { background-color: transparent; font-weight: 600; } .btn-with-arrow span { background-color: #ccc; display: inline-block; height: 25px; line-height: 24px; width: 24px; border-radius: 50%; margin-left: 10px; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .btn-with-arrow i { color: #FFF; font-size: 8px; top: -1px; position: relative; } .btn-with-arrow:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } .btn-with-arrow.btn-lg span, .btn-with-arrow.btn-xl span { line-height: 23px; } .btn-with-arrow.btn-xs span { line-height: 25px; } /* Icons */ .btn-icon i { margin-right: 10px; } .btn-icon-right i { margin-right: 0; margin-left: 10px; } /* Dropdown Button */ .btn.dropdown-toggle:after { margin-left: .155em; vertical-align: .155em; } /* Colors */ .btn-primary { background-color: #CCC; border-color: #CCC #CCC #b3b3b3; color: #FFF; } .btn-primary:hover, .btn-primary.hover { background-color: #dfdfdf; border-color: #e6e6e6 #e6e6e6 #CCC; color: #FFF; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #CCC; border-color: #CCC #CCC #b3b3b3; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #b9b9b9; background-image: none; border-color: #b3b3b3 #b3b3b3 #999999; } .btn-outline.btn-primary { color: #CCC; background-color: transparent; background-image: none; border-color: #CCC; } .btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover { color: #FFF; background-color: #CCC; border-color: #CCC; } .btn-outline.btn-primary:focus, .btn-outline.btn-primary.focus { -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); } .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled { color: #CCC; background-color: transparent; } .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .show > .btn-outline.btn-primary.dropdown-toggle { color: #FFF; background-color: #CCC; border-color: #CCC; } .btn-success { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; color: #FFF; } .btn-success:hover, .btn-success.hover { background-color: #2fc652; border-color: #34ce57 #34ce57 #28a745; color: #FFF; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; border-color: #1e7e34 #1e7e34 #145523; } .btn-outline.btn-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline.btn-success:hover, .btn-outline.btn-success.hover { color: #FFF; background-color: #28a745; border-color: #28a745; } .btn-outline.btn-success:focus, .btn-outline.btn-success.focus { -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled { color: #28a745; background-color: transparent; } .btn-outline.btn-success:active, .btn-outline.btn-success.active, .show > .btn-outline.btn-success.dropdown-toggle { color: #FFF; background-color: #28a745; border-color: #28a745; } .btn-warning { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; color: #FFF; } .btn-warning:hover, .btn-warning.hover { background-color: #ffcb2d; border-color: #ffce3a #ffce3a #ffc107; color: #FFF; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; border-color: #d39e00 #d39e00 #a07800; } .btn-outline.btn-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline.btn-warning:hover, .btn-outline.btn-warning.hover { color: #FFF; background-color: #ffc107; border-color: #ffc107; } .btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .show > .btn-outline.btn-warning.dropdown-toggle { color: #FFF; background-color: #ffc107; border-color: #ffc107; } .btn-danger { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; color: #FFF; } .btn-danger:hover, .btn-danger.hover { background-color: #e25663; border-color: #e4606d #e4606d #dc3545; color: #FFF; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; border-color: #bd2130 #bd2130 #921925; } .btn-outline.btn-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline.btn-danger:hover, .btn-outline.btn-danger.hover { color: #FFF; background-color: #dc3545; border-color: #dc3545; } .btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus { -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .show > .btn-outline.btn-danger.dropdown-toggle { color: #FFF; background-color: #dc3545; border-color: #dc3545; } .btn-info { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b; color: #FFF; } .btn-info:hover, .btn-info.hover { background-color: #1bc0da; border-color: #1fc8e3 #1fc8e3 #17a2b8; color: #FFF; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #138496; background-image: none; border-color: #117a8b #117a8b #0c525d; } .btn-outline.btn-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline.btn-info:hover, .btn-outline.btn-info.hover { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline.btn-info:focus, .btn-outline.btn-info.focus { -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } .btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline.btn-info:active, .btn-outline.btn-info.active, .show > .btn-outline.btn-info.dropdown-toggle { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; } .btn-dark:hover, .btn-dark.hover { background-color: #32383e; border-color: #383f45 #383f45 #212529; color: #FFF; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } .btn-dark.disabled, .btn-dark:disabled { background-color: #212529; border-color: #212529 #212529 #0a0c0d; } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: #101214; background-image: none; border-color: #0a0c0d #0a0c0d black; } .btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529; } .btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover { color: #FFF; background-color: #212529; border-color: #212529; } .btn-outline.btn-dark:focus, .btn-outline.btn-dark.focus { -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } .btn-outline.btn-dark.disabled, .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent; } .btn-outline.btn-dark:active, .btn-outline.btn-dark.active, .show > .btn-outline.btn-dark.dropdown-toggle { color: #FFF; background-color: #212529; border-color: #212529; } /* Button Light */ html body .btn-light, html body .btn-outline.btn-light { border-color: #d9d9d9 #d9d9d9 #bfbfbf; color: #777; } html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover { background-color: #f2f2f2; border-color: #e6e6e6 #e6e6e6 #cccccc; color: #777; } html body .btn-light:focus, html body .btn-light.focus, html body .btn-outline.btn-light:focus, html body .btn-outline.btn-light.focus { -webkit-box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5); box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5); } html body .btn-light.disabled, html body .btn-light:disabled, html body .btn-outline.btn-light.disabled, html body .btn-outline.btn-light:disabled { border-color: #bfbfbf #bfbfbf #bfbfbf; } html body .btn-light:active, html body .btn-light.active, .show > html body .btn-light.dropdown-toggle, html body .btn-outline.btn-light:active, html body .btn-outline.btn-light.active, .show > html body .btn-outline.btn-light.dropdown-toggle { border-color: #bfbfbf #bfbfbf #bfbfbf; } html body .btn-light-2, html body .btn-outline.btn-light-2 { border-color: #FFF; color: #FFF; } html body .btn-light-2:hover, html body .btn-light-2.hover, html body .btn-outline.btn-light-2:hover, html body .btn-outline.btn-light-2.hover { background-color: #FFF; border-color: #FFF; color: #0e0e0e; } html body .btn-light-2:focus, html body .btn-light-2.focus, html body .btn-outline.btn-light-2:focus, html body .btn-outline.btn-light-2.focus { -webkit-box-shadow: 0 0 0 3px rgba(179, 179, 179, 0.5); box-shadow: 0 0 0 3px rgba(179, 179, 179, 0.5); } html body .btn-light-2.disabled, html body .btn-light-2:disabled, html body .btn-outline.btn-light-2.disabled, html body .btn-outline.btn-light-2:disabled { border-color: #b3b3b3 #b3b3b3 #b3b3b3; } html body .btn-light-2:active, html body .btn-light-2.active, .show > html body .btn-light-2.dropdown-toggle, html body .btn-outline.btn-light-2:active, html body .btn-outline.btn-light-2.active, .show > html body .btn-outline.btn-light-2.dropdown-toggle { border-color: #FFF; } html[dir="rtl"] .input-group .form-control:not(:first-child), html[dir="rtl"] .input-group-addon:not(:first-child), html[dir="rtl"] .input-group-btn:not(:first-child) > .btn, html[dir="rtl"] .input-group-btn:not(:first-child) > .btn-group > .btn, html[dir="rtl"] .input-group-btn:not(:first-child) > .dropdown-toggle, html[dir="rtl"] .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, html[dir="rtl"] .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /* Hamburguer */ .hamburguer-btn { background: transparent; outline: 0 !important; border: none; width: 30px; height: 30px; padding: 0; margin: 15px; display: inline-block; position: relative; cursor: pointer; } .hamburguer-btn.hamburguer-btn-side-header { position: absolute; top: 15px; right: 8px; } .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 30px; z-index: 9999; } .hamburguer-btn .hamburguer span { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; -webkit-transition: ease width 300ms; transition: ease width 300ms; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #333; } .hamburguer-btn .hamburguer span:nth-child(1) { top: 30%; } .hamburguer-btn .hamburguer span:nth-child(2) { -webkit-transition-delay: 100ms; transition-delay: 100ms; } .hamburguer-btn .hamburguer span:nth-child(3) { top: 70%; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .hamburguer-btn .close { opacity: 0; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn .close span { position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background: #333; -webkit-transition: ease all 300ms; transition: ease all 300ms; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .hamburguer-btn .close span:nth-child(1) { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .hamburguer-btn .close span:nth-child(2) { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .hamburguer-btn.active .hamburguer { opacity: 0; } .hamburguer-btn.active .hamburguer span { width: 0; } .hamburguer-btn.active .close { opacity: 1; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn.active .close span { width: 80%; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn.active .close span:nth-child(2) { -webkit-transition-delay: 300ms; transition-delay: 300ms; } .hamburguer-btn.hamburguer-btn-light .hamburguer span, .hamburguer-btn.hamburguer-btn-light .close span { background: #FFF; } html.overflow-hidden .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 13px; } /* Hamburguer Sticky Colors */ html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .close span { background: #FFF; } html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span { background: #212529; } /* Badge */ .btn-badge { position: relative; } .btn-badge .badge { top: -8px; top: -0.5rem; right: -8px; right: -0.5rem; position: absolute; } /* Gradient */ .btn-gradient:not(.btn-outline) { border: 0; } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { border: 0; } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { border: 0; } .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { border: 0; } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { border: 0; } .btn-gradient.btn-outline { border: 2px solid transparent; background: transparent; border-image-slice: 1 !important; } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { border: 2px solid transparent; } .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { border: 2px solid transparent; } .btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { border: 2px solid transparent; } /* Call to Action */ .call-to-action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 32px 55px; clear: both; } .call-to-action::after { clear: both; content: ""; display: block; } @media (max-width: 767px) { .call-to-action { padding: 10px 10px; } } .call-to-action h3 { text-transform: none; color: #212529; padding: 0; margin: 0 0 9px; } .call-to-action p { font-size: 1.2em; } .call-to-action > [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action > [class*="col-"]:nth-child(2) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } @media (max-width: 767px) { .call-to-action > [class*="col-"]:nth-child(2) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .call-to-action .container > .row, .call-to-action .container-fluid > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-to-action .container > .row > [class*="col-"], .call-to-action .container-fluid > .row > [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } @media (max-width: 767px) { .call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .call-to-action > [class*="col-"]:not([class*="col-xs"]) { width: 100%; } .call-to-action .container > .row [class*="col-"]:not([class*="col-xs"]) { width: 100%; } } .call-to-action .call-to-action-content { text-align: center; } .call-to-action.call-to-action-big { padding: 63px 55px; } @media (max-width: 575px) { .call-to-action.call-to-action-big { padding: 63px 0; } } .call-to-action.call-to-action-front { z-index: 1; } .call-to-action.call-to-action-default { background: #f7f7f7; } .call-to-action.call-to-action-strong-grey { background: #EDEDED; } .call-to-action.call-to-action-dark { background: #333940; } .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #FFF; } .call-to-action.with-borders { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.with-full-borders { border: 2px solid #CCC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured { background: #FFF; margin: 0; border-top: 3px solid #CCC; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured.featured-primary { border-top-color: #CCC; } .call-to-action.featured.featured-secondary { border-top-color: #e36159; } .call-to-action.featured.featured-tertiary { border-top-color: #2BAAB1; } .call-to-action.featured.featured-quaternary { border-top-color: #333940; } .call-to-action.with-button-arrow .call-to-action-btn { position: relative; } @media (min-width: 992px) { .call-to-action.with-button-arrow .call-to-action-btn { left: -80px; } } .call-to-action.with-button-arrow .call-to-action-btn .arrow { position: absolute; } @media (max-width: 991px) { .call-to-action.with-button-arrow .call-to-action-btn .arrow { display: none; } } .call-to-action.with-button-arrow .call-to-action-btn.no-left { left: 0; } @media (max-width: 991px) { .call-to-action.with-button-arrow .call-to-action-btn.no-left { margin-top: -25px !important; } } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span { position: relative; } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span .arrow { right: 50% !important; } .call-to-action.content-align-center .call-to-action-content, .call-to-action.content-align-center .call-to-action-btn { width: 100%; text-align: center; } .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0; } .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto; } .call-to-action.call-to-action-in-footer { padding-top: 70px; padding-bottom: 70px; margin-top: 30px; margin-bottom: -50px !important; } .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px; } .call-to-action.no-top-arrow:before { display: none; } .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px; } .container .call-to-action { border-radius: 8px; } /* Responsive */ @media (max-width: 767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn { margin: 0; padding: 20px; position: static; width: auto; } } /* * IE 11 Fixes */ html.ie:not(.ie9) .call-to-action .call-to-action-content { width: 100%; } html.ie:not(.ie9) .call-to-action.button-centered > [class*="col-"] { display: block; } html.ie:not(.ie9) .call-to-action.button-centered .container > .row, html.ie:not(.ie9) .call-to-action.button-centered .container-fluid > .row { display: block; } /* * IE 9 Fixes */ html.ie9 .call-to-action > [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } html.ie9 .call-to-action > [class*="col-"]:nth-child(2) { text-align: right; } html.ie9 .call-to-action .container > .row, html.ie9 .call-to-action .container-fluid > .row { display: table; width: 100%; } html.ie9 .call-to-action .container > .row > [class*="col-"], html.ie9 .call-to-action .container-fluid > .row > [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } html.ie9 .call-to-action .container > .row > [class*="col-"]:nth-child(2), html.ie9 .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { text-align: center; } html.ie9 .call-to-action.button-centered > [class*="col-"] { float: left; } html.ie9 .call-to-action.button-centered .container > .row > [class*="col-"], html.ie9 .call-to-action.button-centered .container-fluid > .row > [class*="col-"] { float: left; } /* Cards */ .card { position: relative; border: 1px solid rgba(0, 0, 0, 0.06); } .card-header { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .card-footer { border-top: 1px solid rgba(0, 0, 0, 0.06); } .card-body { padding: 32px; padding: 2rem; } .card-text-color-hover-light:hover * { color: #FFF !important; } .card-background-image-hover { background-size: cover; background-position: center; } .card-background-image-hover .card-body { background: rgba(255, 255, 255, 0.9); margin: 16px; margin: 1rem; padding: 16px; padding: 1rem; } /* Flip Card */ .flip-card { position: relative; border: none; -webkit-perspective: 1000px; perspective: 1000px; } .flip-card .flip-front, .flip-card .flip-back { padding: 32px; padding: 2rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #FFF; -webkit-box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: ease transform 500ms; transition: ease transform 500ms; } .flip-card .flip-front .flip-content, .flip-card .flip-back .flip-content { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card .flip-front.overlay:before, .flip-card .flip-back.overlay:before { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card .flip-front { -webkit-transform: translate3d(0, 0, 1px) rotateY(0deg); transform: translate3d(0, 0, 1px) rotateY(0deg); } .flip-card .flip-back { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, -1px) rotateY(180deg); transform: translate3d(0, 0, -1px) rotateY(180deg); } .flip-card:hover .flip-front { -webkit-transform: translate3d(0, 0, -1px) rotateY(-180deg); transform: translate3d(0, 0, -1px) rotateY(-180deg); } .flip-card:hover .flip-back { -webkit-transform: translate3d(0, 0, 1px) rotateY(0deg); transform: translate3d(0, 0, 1px) rotateY(0deg); } .flip-card.flip-card-vertical .flip-front { -webkit-transform: translate3d(0, 0, 1px) rotateX(0deg); transform: translate3d(0, 0, 1px) rotateX(0deg); } .flip-card.flip-card-vertical .flip-back { -webkit-transform: translate3d(0, 0, -1px) rotateX(180deg); transform: translate3d(0, 0, -1px) rotateX(180deg); } .flip-card.flip-card-vertical:hover .flip-front { -webkit-transform: translate3d(0, 0, -1px) rotateX(-180deg); transform: translate3d(0, 0, -1px) rotateX(-180deg); } .flip-card.flip-card-vertical:hover .flip-back { -webkit-transform: translate3d(0, 0, 1px) rotateX(0deg); transform: translate3d(0, 0, 1px) rotateX(0deg); } .flip-card.flip-card-3d .flip-front .flip-content, .flip-card.flip-card-3d .flip-back .flip-content { -webkit-perspective: inherit; perspective: inherit; -webkit-transform: translate3d(0, 0, 60px); transform: translate3d(0, 0, 60px); } /* Owl Carousel */ .owl-carousel { margin-bottom: 20px; /* Navigation */ /* Dots */ /* Image Thumbnail */ } .owl-carousel .owl-item img { -webkit-transform-style: unset; transform-style: unset; } .owl-carousel .thumbnail { margin-right: 1px; } .owl-carousel .item-video { height: 300px; } .owl-carousel .owl-nav { top: 50%; position: absolute; width: 100%; margin-top: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; outline: 0; margin: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel .owl-nav button.owl-prev { left: 0; } .owl-carousel .owl-nav button.owl-prev:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\f053"; position: relative; left: -1px; top: -1px; } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-next:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\f054"; position: relative; left: 1px; top: -1px; } .owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px !important; margin-right: 40px !important; } .owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important; } .owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer { margin-left: 100px !important; margin-right: 100px !important; } .owl-carousel.top-border { border-top: 1px solid #eaeaea; padding-top: 18px; } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .owl-carousel.show-nav-hover .owl-nav button.owl-prev { left: -15px; } .owl-carousel.show-nav-hover .owl-nav button.owl-next { right: -15px; } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1; } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -25px; width: auto; } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:active { font-size: 18px; background: transparent !important; width: 18px; } .owl-carousel.show-nav-title .owl-nav button.owl-prev { left: -40px; } .owl-carousel.show-nav-title .owl-nav button.owl-prev:before, .owl-carousel.show-nav-title .owl-nav button.owl-prev:after, .owl-carousel.show-nav-title .owl-nav button.owl-next:before, .owl-carousel.show-nav-title .owl-nav button.owl-next:after { font-size: inherit; } .owl-carousel.show-nav-title.show-nav-title-both-sides .owl-nav { width: 100%; } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev { left: 0; } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next { right: 0; } .owl-carousel.show-nav-title.show-nav-title-both-sides-style-2 .owl-nav { margin-top: 15px; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"] { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].hover { background: transparent !important; border: 1px solid #a1a1a1 !important; color: #a1a1a1 !important; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:active, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].active { background: transparent !important; border: 1px solid #666 !important; color: #666 !important; } .owl-carousel.nav-bottom .owl-stage-outer { margin-bottom: 10px; } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto; -webkit-transform: none; transform: none; } .owl-carousel.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-bottom .owl-nav button.owl-next { position: static; -webkit-transform: none; transform: none; } .owl-carousel.nav-bottom .owl-nav button.owl-prev { margin-right: 5px; } .owl-carousel.nav-bottom .owl-nav button.owl-next { margin-left: 5px; } .owl-carousel.nav-bottom-inside .owl-nav { position: relative; margin: -68.8px 0 0 0; margin: -4.3rem 0 0 0; padding: 0; width: auto; } .owl-carousel.nav-bottom-inside .owl-nav button.owl-prev, .owl-carousel.nav-bottom-inside .owl-nav button.owl-next { position: static; } .owl-carousel.nav-inside .owl-nav button.owl-prev { left: 15px; } .owl-carousel.nav-inside .owl-nav button.owl-next { right: 15px; } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-prev { left: 0; } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-next { right: 0; } .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev { width: 20px; background: transparent !important; color: #000; } .owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-next:active, .owl-carousel.nav-style-1 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-1 .owl-nav .owl-prev:active { color: #CCC; } .owl-carousel.nav-style-1 .owl-nav .owl-next:before, .owl-carousel.nav-style-1 .owl-nav .owl-next:after, .owl-carousel.nav-style-1 .owl-nav .owl-prev:before, .owl-carousel.nav-style-1 .owl-nav .owl-prev:after { font-size: inherit; } .owl-carousel.nav-style-2 .owl-nav .owl-next, .owl-carousel.nav-style-2 .owl-nav .owl-prev { background: transparent !important; } .owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before { content: ''; display: block; position: absolute; top: 50%; left: 1px; width: 1.3em; height: 1.3em; border-top: 2px solid #CCC; border-left: 2px solid #CCC; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg); transform: translate3d(0, -50%, 0) rotate(-45deg); } .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { content: ''; display: block; border-top: 2px solid #CCC; width: 2.5em; position: absolute; top: 50%; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel.nav-style-2 .owl-nav .owl-next { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 15px 8px; transform-origin: 15px 8px; } .owl-carousel.nav-style-3 .owl-nav { top: 25%; } .owl-carousel.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-style-3 .owl-nav .owl-prev { width: 30px; background: transparent !important; color: #CCC; } .owl-carousel.nav-style-3 .owl-nav .owl-next:hover, .owl-carousel.nav-style-3 .owl-nav .owl-next:active, .owl-carousel.nav-style-3 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-3 .owl-nav .owl-prev:active { color: #CCC; } .owl-carousel.nav-style-3 .owl-nav .owl-next:before, .owl-carousel.nav-style-3 .owl-nav .owl-next:after, .owl-carousel.nav-style-3 .owl-nav .owl-prev:before, .owl-carousel.nav-style-3 .owl-nav .owl-prev:after { font-size: 1.5em; } .owl-carousel.nav-center-images-only .owl-nav { top: 37%; } .owl-carousel.nav-center-outside .owl-nav { width: calc(100% + 90px); left: 49.9%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .owl-carousel.full-width .owl-nav button[class*="owl-"], .owl-carousel.full-width .owl-nav button[class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav button[class*="owl-"], .owl-carousel.big-nav .owl-nav button[class*="owl-"]:hover { height: auto; padding: 20px 0 !important; } .owl-carousel.full-width .owl-nav button.owl-prev, .owl-carousel.big-nav .owl-nav button.owl-prev { border-radius: 0 4px 4px 0; } .owl-carousel.full-width .owl-nav button.owl-next, .owl-carousel.big-nav .owl-nav button.owl-next { border-radius: 4px 0 0 4px; } .owl-carousel.nav-squared .owl-nav button[class*="owl-"] { border-radius: 0; } .owl-carousel.nav-lg .owl-nav button.owl-prev, .owl-carousel.nav-lg .owl-nav button.owl-next { width: 45px; height: 60px; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"] { background-color: #ececec !important; border-color: #ececec !important; color: #212529 !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover { background-color: #FFF !important; border-color: #FFF !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"]:active { background-color: #d2d2d2 !important; border-color: #d2d2d2 !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title).nav-with-transparency .owl-nav button[class*="owl-"] { width: 35px; height: 45px; background-color: rgba(236, 236, 236, 0.4) !important; border-color: transparent !important; } .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev { color: #FFF !important; } .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:after { border-color: #FFF !important; } .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-prev { color: #FFF !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"] { background-color: #262a2f !important; border-color: #262a2f #262a2f #2c3237 !important; color: #FFF !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover { background-color: #2c3237 !important; border-color: #2c3237 !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title) .owl-nav button[class*="owl-"]:active { background-color: #212529 !important; border-color: #212529 !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title).nav-with-transparency .owl-nav button[class*="owl-"] { width: 35px; height: 45px; background-color: rgba(38, 42, 47, 0.4) !important; border-color: transparent !important; } .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev { color: #212529 !important; } .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:after { border-color: #212529 !important; } .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-prev { color: #212529 !important; } .owl-carousel .owl-dots .owl-dot { outline: 0; } .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px; } .owl-carousel.dots-inside .owl-dots { position: absolute; bottom: 2px; right: 10px; margin-top: 0; } .owl-carousel.dots-title .owl-dots { position: absolute; margin-top: 0 !important; top: -51px; left: 155px; } .owl-carousel.dots-title .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px; } .owl-carousel.dots-title.dots-title-pos-2 .owl-dots { left: 215px; } .owl-carousel.dots-light .owl-dots .owl-dot span { background: rgba(255, 255, 255, 0.6); } .owl-carousel.dots-light .owl-dots .owl-dot.active span, .owl-carousel.dots-light .owl-dots .owl-dot:hover span { background: #FFF !important; } .owl-carousel .img-thumbnail.img-thumbnail-hover-icon { display: block; } /* Hover Items with Opacity */ .owl-carousel [class*="opacity-"] { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel [class*="opacity-"]:hover { opacity: 1 !important; } /* Carousel Sync */ @media (min-width: 576px) { .owl-carousel.carousel-sync-style-1 { position: absolute; top: 50%; left: -30px; max-width: 355px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 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: 575px) { .owl-carousel-spaced { margin-left: 0; } } /* Carousel Areas */ .carousel-areas { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(rgba(33, 37, 41, 0.5))); background: linear-gradient(to bottom, #f2f2f2 0%, rgba(33, 37, 41, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#212529', GradientType=0 ); margin-bottom: -10px; padding: 8px 8px 0 8px; border-radius: 6px 6px 0 0; -webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.07); } .carousel-areas .owl-carousel { -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .carousel-areas .owl-carousel .owl-nav button.owl-prev { left: -55px; } .carousel-areas .owl-carousel .owl-nav button.owl-next { right: -55px; } .carousel-areas .owl-carousel:first-child img { border-radius: 6px 6px 0 0; } /* Responsive */ @media (max-width: 991px) { .carousel-areas .owl-carousel .owl-nav { display: none; } } /* Carousel Center Active Item */ .owl-carousel.carousel-center-active-item .owl-item { opacity: 0.2; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel.carousel-center-active-item .owl-item.current { opacity: 1 !important; } .owl-carousel.carousel-center-active-item.carousel-center-active-item-style-2 .owl-item { opacity: 0.7; } /* Grey */ .bg-color-grey { background-color: #F7F7F7 !important; } .bg-color-grey-scale-1 { background-color: #EDEDED !important; } .bg-color-grey-scale-2 { background-color: #e8e8e8 !important; } .bg-color-grey-scale-3 { background-color: #e3e3e3 !important; } .bg-color-grey-scale-4 { background-color: #dedede !important; } .bg-color-grey-scale-5 { background-color: #d9d9d9 !important; } .bg-color-grey-scale-6 { background-color: #d4d4d4 !important; } .bg-color-grey-scale-7 { background-color: #cecece !important; } .bg-color-grey-scale-8 { background-color: #c9c9c9 !important; } .bg-color-grey-scale-9 { background-color: #c4c4c4 !important; } .bg-color-grey-scale-10 { background-color: #bfbfbf !important; } /* Countdown */ .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } .countdown > span { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; font-size: 16px; font-size: 1rem; line-height: 1.5; color: #777; } .countdown > span > span { display: block; font-size: 48px; font-size: 3rem; line-height: 1; color: #212529; } .countdown.countdown-light > span { color: rgba(255, 255, 255, 0.6); } .countdown.countdown-light > span > span { color: #FFF; } .countdown.countdown-light.countdown-borders > span { border-color: #FFF; } .countdown.countdown-borders { margin-right: -15px; margin-left: -15px; } .countdown.countdown-borders > span { border-width: 2px; border-style: solid; border-color: #212529; margin-right: 15px; margin-left: 15px; padding: 24px; padding: 1.5rem; } @media (max-width: 767px) { .countdown { -ms-flex-wrap: wrap; flex-wrap: wrap; } .countdown > span { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); width: calc(50% - 15px); margin-bottom: 30px; } .countdown > span:nth-child(3), .countdown > span:nth-child(4) { margin-bottom: 0; } .countdown.countdown-borders { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 0; margin-left: 0; } .countdown.countdown-borders > span { margin-right: 0; margin-left: 0; } } @media (max-width: 576px) { .countdown > span { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 50px; } .countdown > span:nth-child(3) { margin-bottom: 50px; } .countdown.countdown-borders > span { margin-bottom: 30px; } .countdown.countdown-borders > span:nth-child(3) { margin-bottom: 30px; } } /* Counters */ .counters .counter { text-align: center; } .counters [class*="fa-"], .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px; } .counters strong { display: block; font-weight: bold; font-size: 50px; line-height: 50px; } .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px; } .counters .counter-side-icon [class*="fa-"], .counters .counter-side-icon .icons, .counters .counter-side-icon strong { display: inline-block; } .counters .counter-with-unit strong { display: inline-block; } .counters .counter-with-unit.counter-unit-on-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .counters .counter-with-unit.counter-unit-on-top .unit { font-size: 32px; font-size: 2rem; line-height: 43.2px; line-height: 2.7rem; margin-left: 4.8px; margin-left: 0.3rem; } .counters .counter-with-unit.counter-unit-on-top label { width: 100%; margin-top: 11.2px; margin-top: 0.7rem; } .counters .counter-with-unit.counter-unit-on-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .counters.with-borders .counter { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 25px; } .counters.counters-sm [class*="fa-"], .counters.counters-sm .icons { font-size: 25px; line-height: 25px; } .counters.counters-sm strong { font-size: 35px; line-height: 35px; } .counters.counters-sm label { font-size: 15px; line-height: 15px; } .counters.counters-lg [class*="fa-"] { font-size: 45px; line-height: 45px; } .counters.counters-lg strong { font-size: 60px; line-height: 60px; } .counters.counters-lg label { font-size: 25px; line-height: 25px; } .counters.counters-text-light .counter { color: #FFF !important; } .counters.counters-text-light .counter [class*="fa-"], .counters.counters-text-light .counter .icons, .counters.counters-text-light .counter strong, .counters.counters-text-light .counter label { color: #FFF !important; } .counters.counters-text-dark .counter { color: #333940 !important; } .counters.counters-text-dark .counter [class*="fa-"], .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label { color: #333940 !important; } /* Dividers */ hr { background: rgba(0, 0, 0, 0.06); border: 0; height: 1px; margin: 22px 0; } hr.short { margin: 11px 0; } hr.tall { margin: 44px 0; } hr.taller { margin: 66px 0; } hr.gratient { background: none; background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(0, 0, 0, 0.06)), to(transparent)); background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.06), transparent); } hr.gradient-to-right { background: none; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.06)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.06), transparent); } hr.gradient-to-left { background: none; background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.06))); background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.06)); } hr.solid { background: rgba(0, 0, 0, 0.06); } hr.light { background: rgba(255, 255, 255, 0.15); } hr.invisible { background: none; } .divider { border: 0; height: 1px; margin: 44px auto; background: rgba(0, 0, 0, 0.06); text-align: center; position: relative; clear: both; } .divider.taller { margin: 66px auto; } .divider [class*="fa-"], .divider .icons { text-align: center; 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.06); } .divider.divider-icon-sm [class*="fa-"], .divider.divider-icon-sm .icons { 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 [class*="fa-"], .divider.divider-icon-lg .icons { 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 [class*="fa-"], .divider.divider-left .icons { left: 0; margin-left: 0; margin-right: 0; right: auto; } .divider.divider-right [class*="fa-"], .divider.divider-right .icons { left: auto; margin-left: 0; margin-right: 0; right: 0; } .divider.divider-style-2 [class*="fa-"], .divider.divider-style-2 .icons { background: #f7f7f7; color: #a9a9a9; } .divider.divider-style-3 [class*="fa-"], .divider.divider-style-3 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 [class*="fa-"], .divider.divider-style-4 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 [class*="fa-"]:after, .divider.divider-style-4 .icons:after { border: 3px solid #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; 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: 3px; 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-top: 1px dashed rgba(0, 0, 0, 0.06); 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(../img/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(../img/patterns/az_subtle.png); } /* Dropdowns */ .dropdown.dropdown-style-1 .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 17.6px; padding: 1rem 1.1rem; background: #FFF; border-radius: 0; border-right: 1px solid #ededed; min-width: 280px; font-weight: bold; text-decoration: none; } .dropdown.dropdown-style-1 .dropdown-toggle:after { content: '\f107'; position: absolute; right: 17.6px; right: 1.1rem; top: 50%; font-family: 'Font Awesome 5 Free'; font-weight: bold; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border: 0; margin: 0; width: 10px; height: 10px; line-height: 10px; } .dropdown.dropdown-style-1 .dropdown-toggle > i { display: none; } .dropdown.dropdown-style-1 .dropdown-menu { width: 100%; border-radius: 0; margin-top: -1px; border-color: #ededed; } .dropdown.dropdown-style-1 .dropdown-menu .dropdown-item { font-size: 14px; padding-right: 17.6px; padding-right: 1.1rem; padding-left: 17.6px; padding-left: 1.1rem; } .dropdown.dropdown-corner-left-fix .dropdown-menu { margin-left: -5px; } /* Icon Featured */ .icon-featured { display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #FFF; font-size: 2.3em; line-height: 110px; } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Featured Box */ .featured-box { background: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05); 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 h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; margin-bottom: 5px; } .featured-box .box-content { border-radius: 8px; border-top: 1px solid rgba(0, 0, 0, 0.06); border-top-width: 4px; padding: 28.8px; padding: 1.8rem; position: relative; } .featured-box .box-content:not(.box-content-border-0) { top: -1px; border-top-width: 4px; } .featured-box .box-content.box-content-border-0 { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-bottom: 0 !important; } .featured-box .box-content.box-content-border-bottom { top: 1px; } .featured-box .box-content-border-bottom { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-bottom: 4px solid rgba(0, 0, 0, 0.06); } /* Featured Box Left */ .featured-box-text-left { text-align: left; } /* Featured Boxes - Flat */ .featured-boxes-flat .featured-box { -webkit-box-shadow: none; 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: 2em; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -40px; } /* Featured Boxes - Style 2 */ .featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 1.8em; 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: 1.8em; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -37px; top: -37px; background: #FFF; border: 2px solid rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.06); } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } /* Featured Boxes - Style 4 */ .featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 35px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: rgba(0, 0, 0, 0.06); 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; -webkit-box-shadow: none; 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-top: 0; padding-bottom: 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: #333940; } .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: 2em; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #FFF; border: 1px solid #dfdfdf; color: #777; line-height: 73px; } /* Featured Boxes - Style 6 */ .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; 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; color: #777; } /* Featured Boxes - Style 8 */ .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #FFF; line-height: 75px; border: 0; color: #777; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none; } /* Featured Boxes Modern */ .featured-boxes-modern-style-1 .featured-box { position: relative; overflow: hidden; border-radius: 0; height: auto !important; margin: 0 !important; } .featured-boxes-modern-style-1 .featured-box .featured-box-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 2s; transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 2s; -webkit-transform: scale(1); transform: scale(1); } .featured-boxes-modern-style-1 .featured-box .box-content { padding: 64px; padding: 4rem; border: none; z-index: 3; } .featured-boxes-modern-style-1 .featured-box .box-content .icon-featured { color: #FFF; background: transparent; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem; } .featured-boxes-modern-style-1 .featured-box .box-content h2 { color: #FFF; font-weight: 600; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: 0.7rem; } .featured-boxes-modern-style-1 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem; } .featured-boxes-modern-style-1 .featured-box:hover .featured-box-background { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 575px) { .featured-boxes-modern-style-1 .featured-box .box-content { padding: 2rem 1.5rem; } } .featured-boxes-modern-style-2 .featured-box { position: relative; background: #6c6ef1; background: linear-gradient(135deg, #6c6ef1 0%, #e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 ); border-radius: 0; margin: 0 !important; overflow: hidden; } .featured-boxes-modern-style-2 .featured-box:before { content: ''; position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; background: #FFF; } .featured-boxes-modern-style-2 .featured-box .box-content { padding: 64px; padding: 4rem; border: none; } .featured-boxes-modern-style-2 .featured-box .box-content .icon-featured { color: #FFF; background: transparent; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem; } .featured-boxes-modern-style-2 .featured-box .box-content h2 { color: #212529; font-weight: 700; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: 0.7rem; } .featured-boxes-modern-style-2 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem; } @media (max-width: 575px) { .featured-boxes-modern-style-2 .featured-box .box-content { padding: 2rem 1.5rem; } } .featured-boxes-modern-style-2-hover-only .featured-box:before { top: 1px; right: 1px; bottom: 1px; left: 1px; -webkit-transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 200ms; transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 200ms; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box { background: rgba(0, 0, 0, 0.06) !important; -webkit-box-shadow: none; box-shadow: none; border: 0; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-no-borders { background: none !important; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-box-shadow { -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); } .featured-boxes-modern-style-2-hover-only:hover .featured-box:before { top: 8px; right: 8px; bottom: 8px; left: 8px; } /* Featured Boxes */ .featured-boxes .featured-box { margin-bottom: 24px; margin-bottom: 1.5rem; margin-top: 24px; margin-top: 1.5rem; } /* Effects */ .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; -webkit-box-shadow: 0 0 0 3px #FFF; box-shadow: 0 0 0 3px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; -webkit-box-shadow: 0 0 0 3px #FFF; box-shadow: 0 0 0 3px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; -webkit-box-shadow: 0 0 0 10px #FFF; box-shadow: 0 0 0 10px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .featured-box-effect-3:hover .icon-featured { color: #FFF !important; } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } .featured-box-effect-4 .icon-featured { -webkit-transition: -webkit-transform 0.2s, -webkit-transform 0.2s; transition: -webkit-transform 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, transform 0.2s; transition: transform 0.2s, transform 0.2s, -webkit-transform 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(1); transform: scale(1); } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); transform: scale(1.15); } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-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%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all 0.2s, -webkit-transform 0.2s; transition: all 0.2s, -webkit-transform 0.2s; transition: all 0.2s, transform 0.2s; transition: all 0.2s, transform 0.2s, -webkit-transform 0.2s; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); transform: scale(1.1); } .featured-box-effect-7 .icon-featured:after { opacity: 0; -webkit-box-shadow: 3px 3px #d5d5d5; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; left: 0; top: -1px; } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* Feature Box */ .feature-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .feature-box .feature-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: rgba(0, 0, 0, 0.06); border-radius: 100%; color: #FFF; font-size: 16px; font-size: 1rem; position: relative; top: 7px; text-align: center; padding: 0.8em; height: 1px; width: 2.7em; height: 2.7em; } .feature-box .feature-box-info { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 15px; } .feature-box.align-items-center .feature-box-icon { top: 0; } /* Style 2 */ .feature-box.feature-box-style-2 h4 { color: #212529; } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; top: -3px; } .feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons { font-size: 1.7em; } .feature-box.feature-box-style-2.align-items-center .feature-box-icon { top: 0; } /* Style 3 */ .feature-box.feature-box-style-3 h4 { color: #212529; } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid rgba(0, 0, 0, 0.06); background: transparent; line-height: 32px; } .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons { color: rgba(0, 0, 0, 0.06); } /* Style 4 */ .feature-box.feature-box-style-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .feature-box.feature-box-style-4 h4 { color: #212529; } .feature-box.feature-box-style-4 .feature-box-icon { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: transparent; padding: 0 0 19.2px 0; padding: 0 0 1.2rem 0; } .feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-4 .feature-box-icon .icons { font-size: 2.35em; width: auto; height: auto; } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0; } /* Style 5 */ .feature-box.feature-box-style-5 h4 { color: #212529; } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; top: 0; padding: 1em 1.4em; min-width: 5em; } .feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons { font-size: 2.75em; } .feature-box.feature-box-style-5.align-items-center .feature-box-icon { top: 0; } /* Style 6 */ .feature-box.feature-box-style-6 h4 { color: #212529; } .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 #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .feature-box.feature-box-style-6 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-6 .feature-box-icon .icons { color: #a9a9a9; } /* Feature Box Icon Size */ .feature-box .feature-box-icon.feature-box-icon-large { width: 3.7em; height: 3.7em; } .feature-box .feature-box-icon.feature-box-icon-extra-large { width: 4.5em; height: 4.5em; } /* Reverse All Resolutions */ .feature-box.reverse-allres { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-box.reverse-allres .feature-box-info { padding-right: 15px; padding-left: 0; } .feature-box.reverse-allres.feature-box-style-4 .feature-box-icon { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .feature-box.reverse-allres.feature-box-style-4 .feature-box-info { padding-right: 0; } /* Reverse */ @media (min-width: 992px) { .feature-box.reverse { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-box.reverse .feature-box-info { padding-right: 15px; padding-left: 0; } .feature-box.reverse.feature-box-style-4 .feature-box-icon { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0; } } /* Full Width */ .featured-boxes-full .featured-box-full { text-align: center; padding: 55px; } .featured-boxes-full .featured-box-full [class*="fa-"], .featured-boxes-full .featured-box-full .icons, .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 { padding: 0; margin: 0; } .featured-boxes-full .featured-box-full:not(.featured-box-full-light) [class*="fa-"], .featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h1, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h2, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h3, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h4, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h5, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h6, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) p, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) a { color: #FFF; } .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] { font-size: 3.9em; margin-bottom: 15px; } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: 0.8; } .featured-boxes-full .featured-box-full.featured-box-full-light { border: 1px solid rgba(0, 0, 0, 0.06); } .featured-boxes-full .featured-box-full.featured-box-full-light:not(:last-child) { border-right: 0; } .featured-boxes-full .featured-box-full.featured-box-full-light:first-child { border-left: 0; } /* * IE */ html.ie .feature-box .feature-box-icon img { min-width: 100%; } html.ie .feature-box .feature-box-info { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .flag { width: 16px; height: 11px; background: url(../img/flags.png) no-repeat; } .flag.flag-ad { background-position: -16px 0; } .flag.flag-ae { background-position: -32px 0; } .flag.flag-af { background-position: -48px 0; } .flag.flag-ag { background-position: -64px 0; } .flag.flag-ai { background-position: -80px 0; } .flag.flag-al { background-position: -96px 0; } .flag.flag-am { background-position: -112px 0; } .flag.flag-an { background-position: -128px 0; } .flag.flag-ao { background-position: -144px 0; } .flag.flag-ar { background-position: -160px 0; } .flag.flag-as { background-position: -176px 0; } .flag.flag-at { background-position: -192px 0; } .flag.flag-au { background-position: -208px 0; } .flag.flag-aw { background-position: -224px 0; } .flag.flag-az { background-position: -240px 0; } .flag.flag-ba { background-position: 0 -11px; } .flag.flag-bb { background-position: -16px -11px; } .flag.flag-bd { background-position: -32px -11px; } .flag.flag-be { background-position: -48px -11px; } .flag.flag-bf { background-position: -64px -11px; } .flag.flag-bg { background-position: -80px -11px; } .flag.flag-bh { background-position: -96px -11px; } .flag.flag-bi { background-position: -112px -11px; } .flag.flag-bj { background-position: -128px -11px; } .flag.flag-bm { background-position: -144px -11px; } .flag.flag-bn { background-position: -160px -11px; } .flag.flag-bo { background-position: -176px -11px; } .flag.flag-br { background-position: -192px -11px; } .flag.flag-bs { background-position: -208px -11px; } .flag.flag-bt { background-position: -224px -11px; } .flag.flag-bv { background-position: -240px -11px; } .flag.flag-bw { background-position: 0 -22px; } .flag.flag-by { background-position: -16px -22px; } .flag.flag-bz { background-position: -32px -22px; } .flag.flag-ca { background-position: -48px -22px; } .flag.flag-catalonia { background-position: -64px -22px; } .flag.flag-cd { background-position: -80px -22px; } .flag.flag-cf { background-position: -96px -22px; } .flag.flag-cg { background-position: -112px -22px; } .flag.flag-ch { background-position: -128px -22px; } .flag.flag-ci { background-position: -144px -22px; } .flag.flag-ck { background-position: -160px -22px; } .flag.flag-cl { background-position: -176px -22px; } .flag.flag-cm { background-position: -192px -22px; } .flag.flag-cn { background-position: -208px -22px; } .flag.flag-co { background-position: -224px -22px; } .flag.flag-cr { background-position: -240px -22px; } .flag.flag-cu { background-position: 0 -33px; } .flag.flag-cv { background-position: -16px -33px; } .flag.flag-cw { background-position: -32px -33px; } .flag.flag-cy { background-position: -48px -33px; } .flag.flag-cz { background-position: -64px -33px; } .flag.flag-de { background-position: -80px -33px; } .flag.flag-dj { background-position: -96px -33px; } .flag.flag-dk { background-position: -112px -33px; } .flag.flag-dm { background-position: -128px -33px; } .flag.flag-do { background-position: -144px -33px; } .flag.flag-dz { background-position: -160px -33px; } .flag.flag-ec { background-position: -176px -33px; } .flag.flag-ee { background-position: -192px -33px; } .flag.flag-eg { background-position: -208px -33px; } .flag.flag-eh { background-position: -224px -33px; } .flag.flag-england { background-position: -240px -33px; } .flag.flag-er { background-position: 0 -44px; } .flag.flag-es { background-position: -16px -44px; } .flag.flag-et { background-position: -32px -44px; } .flag.flag-eu { background-position: -48px -44px; } .flag.flag-fi { background-position: -64px -44px; } .flag.flag-fj { background-position: -80px -44px; } .flag.flag-fk { background-position: -96px -44px; } .flag.flag-fm { background-position: -112px -44px; } .flag.flag-fo { background-position: -128px -44px; } .flag.flag-fr { background-position: -144px -44px; } .flag.flag-ga { background-position: -160px -44px; } .flag.flag-gb { background-position: -176px -44px; } .flag.flag-gd { background-position: -192px -44px; } .flag.flag-ge { background-position: -208px -44px; } .flag.flag-gf { background-position: -224px -44px; } .flag.flag-gg { background-position: -240px -44px; } .flag.flag-gh { background-position: 0 -55px; } .flag.flag-gi { background-position: -16px -55px; } .flag.flag-gl { background-position: -32px -55px; } .flag.flag-gm { background-position: -48px -55px; } .flag.flag-gn { background-position: -64px -55px; } .flag.flag-gp { background-position: -80px -55px; } .flag.flag-gq { background-position: -96px -55px; } .flag.flag-gr { background-position: -112px -55px; } .flag.flag-gs { background-position: -128px -55px; } .flag.flag-gt { background-position: -144px -55px; } .flag.flag-gu { background-position: -160px -55px; } .flag.flag-gw { background-position: -176px -55px; } .flag.flag-gy { background-position: -192px -55px; } .flag.flag-hk { background-position: -208px -55px; } .flag.flag-hm { background-position: -224px -55px; } .flag.flag-hn { background-position: -240px -55px; } .flag.flag-hr { background-position: 0 -66px; } .flag.flag-ht { background-position: -16px -66px; } .flag.flag-hu { background-position: -32px -66px; } .flag.flag-ic { background-position: -48px -66px; } .flag.flag-id { background-position: -64px -66px; } .flag.flag-ie { background-position: -80px -66px; } .flag.flag-il { background-position: -96px -66px; } .flag.flag-im { background-position: -112px -66px; } .flag.flag-in { background-position: -128px -66px; } .flag.flag-io { background-position: -144px -66px; } .flag.flag-iq { background-position: -160px -66px; } .flag.flag-ir { background-position: -176px -66px; } .flag.flag-is { background-position: -192px -66px; } .flag.flag-it { background-position: -208px -66px; } .flag.flag-je { background-position: -224px -66px; } .flag.flag-jm { background-position: -240px -66px; } .flag.flag-jo { background-position: 0 -77px; } .flag.flag-jp { background-position: -16px -77px; } .flag.flag-ke { background-position: -32px -77px; } .flag.flag-kg { background-position: -48px -77px; } .flag.flag-kh { background-position: -64px -77px; } .flag.flag-ki { background-position: -80px -77px; } .flag.flag-km { background-position: -96px -77px; } .flag.flag-kn { background-position: -112px -77px; } .flag.flag-kp { background-position: -128px -77px; } .flag.flag-kr { background-position: -144px -77px; } .flag.flag-kurdistan { background-position: -160px -77px; } .flag.flag-kw { background-position: -176px -77px; } .flag.flag-ky { background-position: -192px -77px; } .flag.flag-kz { background-position: -208px -77px; } .flag.flag-la { background-position: -224px -77px; } .flag.flag-lb { background-position: -240px -77px; } .flag.flag-lc { background-position: 0 -88px; } .flag.flag-li { background-position: -16px -88px; } .flag.flag-lk { background-position: -32px -88px; } .flag.flag-lr { background-position: -48px -88px; } .flag.flag-ls { background-position: -64px -88px; } .flag.flag-lt { background-position: -80px -88px; } .flag.flag-lu { background-position: -96px -88px; } .flag.flag-lv { background-position: -112px -88px; } .flag.flag-ly { background-position: -128px -88px; } .flag.flag-ma { background-position: -144px -88px; } .flag.flag-mc { background-position: -160px -88px; } .flag.flag-md { background-position: -176px -88px; } .flag.flag-me { background-position: -192px -88px; } .flag.flag-mg { background-position: -208px -88px; } .flag.flag-mh { background-position: -224px -88px; } .flag.flag-mk { background-position: -240px -88px; } .flag.flag-ml { background-position: 0 -99px; } .flag.flag-mm { background-position: -16px -99px; } .flag.flag-mn { background-position: -32px -99px; } .flag.flag-mo { background-position: -48px -99px; } .flag.flag-mp { background-position: -64px -99px; } .flag.flag-mq { background-position: -80px -99px; } .flag.flag-mr { background-position: -96px -99px; } .flag.flag-ms { background-position: -112px -99px; } .flag.flag-mt { background-position: -128px -99px; } .flag.flag-mu { background-position: -144px -99px; } .flag.flag-mv { background-position: -160px -99px; } .flag.flag-mw { background-position: -176px -99px; } .flag.flag-mx { background-position: -192px -99px; } .flag.flag-my { background-position: -208px -99px; } .flag.flag-mz { background-position: -224px -99px; } .flag.flag-na { background-position: -240px -99px; } .flag.flag-nc { background-position: 0 -110px; } .flag.flag-ne { background-position: -16px -110px; } .flag.flag-nf { background-position: -32px -110px; } .flag.flag-ng { background-position: -48px -110px; } .flag.flag-ni { background-position: -64px -110px; } .flag.flag-nl { background-position: -80px -110px; } .flag.flag-no { background-position: -96px -110px; } .flag.flag-np { background-position: -112px -110px; } .flag.flag-nr { background-position: -128px -110px; } .flag.flag-nu { background-position: -144px -110px; } .flag.flag-nz { background-position: -160px -110px; } .flag.flag-om { background-position: -176px -110px; } .flag.flag-pa { background-position: -192px -110px; } .flag.flag-pe { background-position: -208px -110px; } .flag.flag-pf { background-position: -224px -110px; } .flag.flag-pg { background-position: -240px -110px; } .flag.flag-ph { background-position: 0 -121px; } .flag.flag-pk { background-position: -16px -121px; } .flag.flag-pl { background-position: -32px -121px; } .flag.flag-pm { background-position: -48px -121px; } .flag.flag-pn { background-position: -64px -121px; } .flag.flag-pr { background-position: -80px -121px; } .flag.flag-ps { background-position: -96px -121px; } .flag.flag-pt { background-position: -112px -121px; } .flag.flag-pw { background-position: -128px -121px; } .flag.flag-py { background-position: -144px -121px; } .flag.flag-qa { background-position: -160px -121px; } .flag.flag-re { background-position: -176px -121px; } .flag.flag-ro { background-position: -192px -121px; } .flag.flag-rs { background-position: -208px -121px; } .flag.flag-ru { background-position: -224px -121px; } .flag.flag-rw { background-position: -240px -121px; } .flag.flag-sa { background-position: 0 -132px; } .flag.flag-sb { background-position: -16px -132px; } .flag.flag-sc { background-position: -32px -132px; } .flag.flag-scotland { background-position: -48px -132px; } .flag.flag-sd { background-position: -64px -132px; } .flag.flag-se { background-position: -80px -132px; } .flag.flag-sg { background-position: -96px -132px; } .flag.flag-sh { background-position: -112px -132px; } .flag.flag-si { background-position: -128px -132px; } .flag.flag-sk { background-position: -144px -132px; } .flag.flag-sl { background-position: -160px -132px; } .flag.flag-sm { background-position: -176px -132px; } .flag.flag-sn { background-position: -192px -132px; } .flag.flag-so { background-position: -208px -132px; } .flag.flag-somaliland { background-position: -224px -132px; } .flag.flag-sr { background-position: -240px -132px; } .flag.flag-ss { background-position: 0 -143px; } .flag.flag-st { background-position: -16px -143px; } .flag.flag-sv { background-position: -32px -143px; } .flag.flag-sx { background-position: -48px -143px; } .flag.flag-sy { background-position: -64px -143px; } .flag.flag-sz { background-position: -80px -143px; } .flag.flag-tc { background-position: -96px -143px; } .flag.flag-td { background-position: -112px -143px; } .flag.flag-tf { background-position: -128px -143px; } .flag.flag-tg { background-position: -144px -143px; } .flag.flag-th { background-position: -160px -143px; } .flag.flag-tibet { background-position: -176px -143px; } .flag.flag-tj { background-position: -192px -143px; } .flag.flag-tk { background-position: -208px -143px; } .flag.flag-tl { background-position: -224px -143px; } .flag.flag-tm { background-position: -240px -143px; } .flag.flag-tn { background-position: 0 -154px; } .flag.flag-to { background-position: -16px -154px; } .flag.flag-tr { background-position: -32px -154px; } .flag.flag-tt { background-position: -48px -154px; } .flag.flag-tv { background-position: -64px -154px; } .flag.flag-tw { background-position: -80px -154px; } .flag.flag-tz { background-position: -96px -154px; } .flag.flag-ua { background-position: -112px -154px; } .flag.flag-ug { background-position: -128px -154px; } .flag.flag-um { background-position: -144px -154px; } .flag.flag-us { background-position: -160px -154px; } .flag.flag-uy { background-position: -176px -154px; } .flag.flag-uz { background-position: -192px -154px; } .flag.flag-va { background-position: -208px -154px; } .flag.flag-vc { background-position: -224px -154px; } .flag.flag-ve { background-position: -240px -154px; } .flag.flag-vg { background-position: 0 -165px; } .flag.flag-vi { background-position: -16px -165px; } .flag.flag-vn { background-position: -32px -165px; } .flag.flag-vu { background-position: -48px -165px; } .flag.flag-wales { background-position: -64px -165px; } .flag.flag-wf { background-position: -80px -165px; } .flag.flag-ws { background-position: -96px -165px; } .flag.flag-xk { background-position: -112px -165px; } .flag.flag-ye { background-position: -128px -165px; } .flag.flag-yt { background-position: -144px -165px; } .flag.flag-za { background-position: -160px -165px; } .flag.flag-zanzibar { background-position: -176px -165px; } .flag.flag-zm { background-position: -192px -165px; } .flag.flag-zw { background-position: -208px -165px; } /* Forms */ form label { font-weight: normal; } textarea { resize: vertical; } select { border: 1px solid #E5E7E9; border-radius: 6px; outline: none; } .label { font-weight: normal; } label.required:after { content: "*"; font-size: 0.8em; margin: 0.3em; position: relative; top: -2px; } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .form-control { border-color: rgba(0, 0, 0, 0.09); } .form-control:not(.form-control-lg) { font-size: 12px; font-size: 0.75rem; line-height: 1.3; } .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 13.6px; font-size: 0.85rem; line-height: 1.85; } .form-control.form-control-focused { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } .form-control:focus { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } .form-control.error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-control.error:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .page-link { border-color: rgba(0, 0, 0, 0.06); } .input-group .form-control { height: auto; } .input-group-rounded .form-control { border-radius: 2rem 0rem 0rem 2rem; border: 0; padding-left: 16px; padding-left: 1rem; } .input-group-rounded .input-group-append .btn { border-color: rgba(0, 0, 0, 0.09); border-radius: 0rem 2rem 2rem 0rem; font-size: 11.2px; font-size: 0.7rem; padding: 13.92px; padding: 0.87rem; border-top: 0; border-bottom: 0; border-right: 0; z-index: 3; } /* Form - iOS Override */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; } .form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bdbdbd; } .form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: #bdbdbd; } .form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bdbdbd; } /* Form - Bootstrap Override */ .btn-lg, .btn-group-lg > .btn { line-height: 1.334; } .input-group-btn .btn { padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; } select.form-control-sm, select.form-control-lg { line-height: 1; height: auto !important; } .bootstrap-timepicker-widget input { border: 0; } .bootstrap-timepicker-widget table td input { width: 40px; } .fileupload .btn { line-height: 20px; margin-left: -5px; } /* Forms Validations */ label.valid { display: inline-block; text-indent: -9999px; } label.error { color: #c10000; font-size: 0.9em; line-height: 18px; padding: 5px 0 0; } label.error#captcha-error { margin-top: 15px; } /* Simple Search */ .simple-search .form-control { border-radius: 1.3rem 0 0 1.3rem; border-color: #EEE; border-right: 0; } .simple-search .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .simple-search .input-group-append { border-radius: 0 1.3rem 1.3rem 0; border: 1px solid #EEE; border-left: 0; } .simple-search .input-group-append .btn { background: transparent !important; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Captcha */ .captcha { clear: both; overflow: hidden; background: #F2F2F2; text-align: center; margin-bottom: 20px; max-width: 160px; height: 78px; position: relative; } .captcha input { border: 0; } .captcha-input { position: relative; top: 15px; font-size: 14px; } .captcha-image { float: left; position: relative; top: -5px; left: -13px; } .captcha-refresh { position: absolute; z-index: 1; bottom: 2px; right: 2px; border-radius: 3px; padding: 2px 5px; } .captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active { color: #333; } /* Form Styles */ .form-style-2 .form-group { margin-bottom: 11.2px; margin-bottom: 0.7rem; } .form-style-2 .form-control { padding: 11.2px 16px; padding: 0.7rem 1rem; border: 0; } .form-style-2 .form-control::-webkit-input-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control::-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control:-ms-input-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control:-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control.error { border-width: 2px; } .form-style-3 .form-group { margin-bottom: 17.6px; margin-bottom: 1.1rem; } .form-style-3 .form-control { padding: 11.2px 16px; padding: 0.7rem 1rem; background: #F4F4F4; border: none; } .form-style-3 .form-control::-webkit-input-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control::-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control:-ms-input-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control:-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control.error { border: 2px solid #e21a1a; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: 200; letter-spacing: -.05em; margin: 0; -webkit-font-smoothing: antialiased; } h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; } h3 { font-size: 1.8em; font-weight: 400; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } h4 { font-size: 1.4em; font-weight: 600; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 600; line-height: 18px; margin: 0 0 14px 0; text-transform: uppercase; } h6 { color: #333; font-size: 1em; font-weight: 400; 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: #212529; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { 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 #eaeaea; padding-bottom: 10px; } .heading.heading-bottom-border h2, .heading.heading-bottom-border h3 { border-bottom: 2px solid #eaeaea; padding-bottom: 10px; } .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 { border-bottom: 1px solid #eaeaea; 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 #eaeaea; 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 #eaeaea; padding-bottom: 5px; } .heading.heading-middle-border { position: relative; } .heading.heading-middle-border:before { border-top: 1px solid #eaeaea; 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:before { border-top-width: 1px; } .heading.heading-border-sm:before { border-top-width: 2px; } .heading.heading-border-lg:before { border-top-width: 3px; } .heading.heading-border-xl:before { border-top-width: 5px; } /* Modal Titles */ .modal-header h3 { color: #333; text-transform: none; } /* Responsive */ @media (max-width: 575px) { h2 { line-height: 40px; } } @media (max-width: 767px) { h1.big { font-size: 3.2em; line-height: 42px; } } /* Icons */ .featured-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #CCC; border-radius: 100%; color: #FFF; height: 2.5em; line-height: 2.5em; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 2.5em; } .featured-icon i { color: #FFF; font-size: 0.9em; } .featured-icon.featured-icon-style-2 { width: 5em; height: 5em; line-height: 5em; } .featured-icon.featured-icon-hover-effect-1 { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .featured-icon.featured-icon-hover-effect-1:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Font Awesome List */ .sample-icon-list { margin-top: 22px; } .sample-icon-list .sample-icon a { display: block; color: #222222; line-height: 36px; height: 36px; padding-left: 10px; border-radius: 4px; font-size: 11px; } .sample-icon-list .sample-icon a [class*="fa-"], .sample-icon-list .sample-icon a .icons { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .sample-icon-list .sample-icon a:hover { color: #ffffff; text-decoration: none; } .sample-icon-list .sample-icon a:hover [class*="fa-"], .sample-icon-list .sample-icon a:hover .icons { font-size: 28px; vertical-align: -6px; } /* Simple Line Icons List */ #lineIcons .sample-icon-list .sample-icon a { line-height: 39px; } /* Porto Icons */ i.pi { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-style: normal; font-size: 14px; } i.pi.pi-porto-brand:before { content: '\f111'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 0.51em; color: #FFF; padding: 1.2em; } i.pi.pi-porto-brand:after { content: ''; width: 2em; height: 2em; border: 0.5em solid #FFF; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } i.pi.pi-close { padding: 0.6em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } i.pi.pi-close:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-right: 1px solid #FFF; height: 1em; } i.pi.pi-close:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-bottom: 1px solid #FFF; width: 1em; } /* Area Expanded Change */ .icon-aria-expanded-change[aria-expanded=true] .fa-chevron-down { display: none; } .icon-aria-expanded-change[aria-expanded=false] .fa-chevron-up { display: none; } /* Icon Animated */ .icon-animated { opacity: 0; } /* Elements Sahadow Icon */ .elements-list-shadow-icon { font-size: 64px; font-size: 4rem; position: absolute; top: -18px; opacity: 0.08; right: -18px; } /* Thumbnails */ .img-thumbnail { border-radius: 4px; position: relative; } .img-thumbnail img { border-radius: 4px; } .img-thumbnail .zoom { background: #CCC; border-radius: 100%; bottom: 8px; color: #FFF; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px; } .img-thumbnail .zoom i { font-size: 10px; left: 0px; position: relative; top: -6px; } .img-thumbnail.img-thumbnail-hover-icon { position: relative; } .img-thumbnail.img-thumbnail-hover-icon img { position: relative; z-index: 1; } .img-thumbnail.img-thumbnail-hover-icon:before { -webkit-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; } .img-thumbnail.img-thumbnail-hover-icon:after { -webkit-transition: all 0.2s; transition: all 0.2s; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFF; content: "\f067"; font-size: 18px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3; } .img-thumbnail.img-thumbnail-hover-icon:hover:before { opacity: 1; } .img-thumbnail.img-thumbnail-hover-icon:hover:after { top: 50%; opacity: 1; } .img-thumbnail a.img-thumbnail-hover-icon { display: inline-block; } .img-thumbnail.img-thumbnail-no-borders { border: none; padding: 0; } /* Image Gallery */ ul.image-gallery { list-style: none; margin: 0; padding: 0; } ul.image-gallery .image-gallery-item { margin-bottom: 35px; } /* Thumbnail Gallery */ ul.thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0; } ul.thumbnail-gallery li { display: inline-block; margin: 10px 10px 0 0; padding: 0; } /* Responsive */ @media (max-width: 991px) { .thumbnail { border: 0; text-align: center; } } /* Masonry */ .masonry .masonry-item:not(.no-default-style) { width: 25%; } .masonry .masonry-item:not(.no-default-style).w2 { width: 50%; } .masonry .masonry-item:not(.no-default-style) img { border-radius: 0 !important; } /* Masonry Loading */ .masonry-loader { height: auto; overflow: visible; position: relative; } .masonry-loader:after { -webkit-transition: all 0.5s; transition: all 0.5s; content: ' '; background: #FFF; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0; } .masonry-loader .bounce-loader { display: none; } .masonry-loader.masonry-loader-showing { height: 200px; overflow: hidden; } .masonry-loader.masonry-loader-showing:after { opacity: 1; } .masonry-loader.masonry-loader-showing .bounce-loader { display: block; } .masonry-loader.masonry-loader-loaded:after { display: none; } /* Mockup */ @media (min-width: 992px) { .mockup-landing-page { margin-top: -120px; } } /* Hover Effect 3d */ .hover-effect-3d .thumb-info { will-change: box-shadow; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .hover-effect-3d .thumb-info:hover { -webkit-box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6); box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6); } .hover-effect-3d .thumb-info .thumb-info-title { -webkit-transition: ease-out opacity .2s !important; transition: ease-out opacity .2s !important; } .hover-effect-3d .thumb-info .thumb-info-action { -webkit-transition: ease-out opacity .2s !important; transition: ease-out opacity .2s !important; } .hover-effect-3d .thumb-info .thumb-info-action .thumb-info-action-icon { pointer-events: none; } .hover-effect-3d .thumb-info.thumb-info-centered-info .thumb-info-title { top: 35%; } /* Arrows */ button.mfp-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 50%; left: 0; border-radius: 4px; background: #212529; width: 35px; height: 100px; color: #FFF; margin: 0 !important; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } button.mfp-arrow:before { content: none; } button.mfp-arrow:after { content: "\f053"; font-family: 'Font Awesome 5 Free'; font-weight: 900; border: none !important; } button.mfp-arrow.mfp-arrow-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } button.mfp-arrow.mfp-arrow-left:after { margin-left: 0; margin-top: 0; position: relative; top: auto; left: -2px; width: auto; height: auto; } button.mfp-arrow.mfp-arrow-right { left: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } button.mfp-arrow.mfp-arrow-right:after { content: "\f054"; margin-left: 0; margin-top: 0; position: relative; top: auto; left: auto; right: -2px; width: auto; height: auto; } /* Close */ .mfp-close, .mfp-close-btn-in .mfp-close { font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383; } /* 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; } /* Zoom */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-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; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; -webkit-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; transition: all 0.2s ease-out; -webkit-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); 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); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-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; } /* Fade */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Dialog */ .dialog { background: white; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px; } .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; } /* Lightbox Opened */ html.lightbox-opened.sticky-header-active #header .header-body { padding-right: 17px; } /* Modal Opened */ .modal-open { padding-right: 0 !important; } /* List */ .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 > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li a:first-child > .icons:first-child { 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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; font-size: 0.8em; line-height: 1.3; } .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { color: #FFF; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 5px; font-size: 0.8em; line-height: 1.3; } .list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px; } .list.list-icons.list-icons-sm li > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm li > .icons:first-child, .list.list-icons.list-icons-sm li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm li a:first-child > .icons:first-child { 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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .icons:first-child { 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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 27px; } .list.list-icons.list-icons-lg li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li > .icons:first-child, .list.list-icons.list-icons-lg li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li a:first-child > .icons:first-child { font-size: 1.3em; top: 10px; } .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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child { 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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .icons:first-child { 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 > [class*="fa-"]:first-child, .list.list-icons.list-icons-reverse li > .icons:first-child, .list.list-icons.list-icons-reverse li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-reverse li a:first-child > .icons:first-child { 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 #eaeaea; 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 #eaeaea; 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; } .list-unstyled { padding-left: 0; padding-right: 0; } dl dd { margin-bottom: 15px; } /* Sitemap */ ul.sitemap > li > a { font-weight: bold; } ul.sitemap.list li { margin: 0 0 3px 0; } ul.sitemap.list ul { margin-bottom: 5px; margin-top: 5px; } /* Loading Overlay */ .loading-overlay-showing { overflow: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; } .loading-overlay { -webkit-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; } body > .loading-overlay { position: fixed; z-index: 999999; } /* Bounce Loading */ .bounce-loader { -webkit-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 { -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; background-color: #CCC; border-radius: 100%; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); 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); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } html.safari.iphone .bounce-loader .bounce1, html.safari.iphone .bounce-loader .bounce2, html.safari.iphone .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out infinite bouncedelay; animation: 1.4s ease-in-out infinite bouncedelay; } /* Maps */ .google-map { background: #E5E3DF; height: 400px; margin: -35px 0 30px 0; width: 100%; } .google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both; } .google-map img { max-width: 9999px; } .google-map-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } /* Google Map */ .google-map-footer { margin: 35px 0 -50px !important; } /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Container */ @media (min-width: 1440px) { .container-lg { max-width: 1440px; } .container-xl { max-width: 1630px; } } /* Fluid Col */ [class*="fluid-col-"] .fluid-col { position: absolute; left: 15px; } [class*="fluid-col-"] .fluid-col.fluid-col-left { left: auto; right: 15px; } .fluid-col-6 { min-height: 33vw; } .fluid-col-6 .fluid-col { width: calc(50vw - 15px); } .fluid-col-sm-6 .fluid-col, .fluid-col-md-6 .fluid-col, .fluid-col-lg-6 .fluid-col, .fluid-col-xl-6 .fluid-col { width: calc(100vw - 30px); } @media (min-width: 576px) { .fluid-col-sm-6 { min-height: 33vw; } .fluid-col-sm-6 .fluid-col { width: calc(55vw - 15px); } } @media (min-width: 768px) { .fluid-col-md-6 { min-height: 33vw; } .fluid-col-md-6 .fluid-col { width: calc(50vw - 15px); } } @media (min-width: 992px) { .fluid-col-lg-6 { min-height: 33vw; } .fluid-col-lg-6 .fluid-col { width: calc(50vw - 15px); } } @media (min-width: 1200px) { .fluid-col-xl-6 { min-height: 33vw; } .fluid-col-xl-6 .fluid-col { width: calc(50vw - 15px); } } @media (max-width: 1199px) { .fluid-col-xl-6 { min-height: 64.5vw !important; } } @media (max-width: 991px) { .fluid-col-lg-6 { min-height: 64.5vw !important; } } @media (max-width: 767px) { .fluid-col-md-6 { min-height: 64.5vw !important; } } @media (max-width: 575px) { .fluid-col-sm-6 { min-height: 64.5vw !important; } } /* Min Height */ .min-height-screen { min-height: 100vh; } /* Box Shadow */ .box-shadow-1:before { display: block; position: absolute; left: 1%; top: 1%; height: 98%; width: 98%; opacity: 0.33; content: ''; -webkit-box-shadow: 0 30px 90px #BBB; box-shadow: 0 30px 90px #BBB; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .box-shadow-1.box-shadow-1-hover:before { opacity: 0; } .box-shadow-1.box-shadow-1-hover:hover:before { opacity: 0.33; } .box-shadow-2 { -webkit-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45); } .box-shadow-3 { -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45); } /* Border Radius */ .border-radius { border-radius: 4px !important; } /* Sample Item */ .sample-item-container { max-width: 1648px; } .sample-item-list { list-style: none; padding: 0; margin: 0; opacity: 0; } .sample-item-list li { text-align: center; } .sample-item-list.sample-item-list-loaded { opacity: 1; } .sample-item { text-align: center; max-width: 500px; width: 100%; display: inline-block; margin-bottom: 35px; } .sample-item a { text-decoration: none !important; } .sample-item .owl-carousel { margin-bottom: 0; -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); position: relative; height: 22.8vw; max-height: 365px; display: block !important; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .sample-item .owl-carousel:hover { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); } .sample-item .owl-carousel .sample-item-image-wrapper { -webkit-box-shadow: none; box-shadow: none; } .sample-item .owl-carousel .owl-item > div { height: 365px; max-height: 365px; } .sample-item .owl-carousel .owl-nav button.owl-prev, .sample-item .owl-carousel .owl-nav button.owl-next { border: 0 none; border-radius: 0 4px 4px 0; color: #777; height: 50px; line-height: 38px; margin-top: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sample-item .owl-carousel .owl-nav button.owl-prev:hover, .sample-item .owl-carousel .owl-nav button.owl-prev:focus, .sample-item .owl-carousel .owl-nav button.owl-next:hover, .sample-item .owl-carousel .owl-nav button.owl-next:focus { color: #000 !important; } .sample-item .owl-carousel .owl-nav button.owl-prev:before, .sample-item .owl-carousel .owl-nav button.owl-next:before { font-size: 11px; } .sample-item .owl-carousel .owl-nav button.owl-prev { background-color: #E7E7E7; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } .sample-item .owl-carousel .owl-nav button.owl-prev:hover, .sample-item .owl-carousel .owl-nav button.owl-prev:focus { background-color: #E7E7E7 !important; } .sample-item .owl-carousel .owl-nav button.owl-next { background-color: #E7E7E7; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); border-radius: 4px 0 0 4px; } .sample-item .owl-carousel .owl-nav button.owl-next:hover, .sample-item .owl-carousel .owl-nav button.owl-next:focus { background-color: #E7E7E7 !important; } .sample-item .owl-carousel:hover .owl-nav button.owl-prev { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sample-item .owl-carousel:hover .owl-nav button.owl-next { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sample-item .sample-item-image-wrapper { background: #FFF; height: 22vw; max-height: 365px; max-width: 500px; width: 100%; display: inline-block; border: none; -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.1); position: relative; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .sample-item .sample-item-image-wrapper .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; } .sample-item a:hover .sample-item-image-wrapper { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); } .sample-item .sample-item-image { height: 22.8vw; max-height: 365px; max-width: 500px; width: 100%; position: absolute; top: 0; left: 0; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; z-index: 2; } .sample-item .sample-item-description { display: block; padding: 15px 0; } .sample-item h5 { padding: 0; margin: 0; font-size: 14px; } .sample-item h5 .sample-item-info { display: block; font-size: 11px; opacity: 0.6; } .sample-item p { padding: 0; margin: 0; font-size: 12px; } .sample-item.sample-item-home .sample-item-image-wrapper { height: 13.9vw; } .sample-item.sample-item-home .sample-item-image-wrapper, .sample-item.sample-item-home .sample-item-image { max-height: 260px; } .sample-item.sample-item-coming-soon .sample-item-image { background-color: #FBFBFB; background-position: center center; } .sample-item.sample-item-coming-soon.sample-item-home .sample-item-image { height: 15vw; } @media (max-width: 991px) { .sample-item .sample-item-image-wrapper, .sample-item .owl-carousel { height: 33vw; } .sample-item .sample-item-image { height: 34vw; } .sample-item.sample-item-home .sample-item-image-wrapper { height: 30vw; } .sample-item.sample-item-home .sample-item-image { height: 30vw; } .sample-item.sample-item-coming-soon.sample-item-home .sample-item-image { height: 30vw; } } @media (max-width: 767px) { .sample-item .sample-item-image-wrapper, .sample-item .owl-carousel { height: 63.4vw; } .sample-item .sample-item-image { height: 67.5vw; } .sample-item.sample-item-home .sample-item-image-wrapper { height: 63.4vw; max-height: 345px; } .sample-item.sample-item-home .sample-item-image { height: 67.5vw; max-height: 345px; } .sample-item.sample-item-coming-soon.sample-item-home .sample-item-image { height: 63.4vw; } } /* Sample Sub Items Lightbox */ .sample-sub-items-lightbox { margin: 0 auto; max-width: 1650px; padding: 10vh 10px 50px; width: 100%; } /* Magnific Popup Demo Options */ .mfp-demo-options.mfp-bg { opacity: 0.98 !important; background: #f7f7f7; } .mfp-demo-options.mfp-bg.mfp-removing { opacity: 0 !important; } .mfp-demo-options .mfp-close { position: fixed; top: 0; right: 17px; z-index: 3000; } .mfp-demo-options.mfp-wrap { height: 100vh !important; } .mfp-demo-options.mfp-wrap:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), to(transparent)) repeat scroll 0 0 rgba(244, 244, 244, 0); background: linear-gradient(to bottom, #f4f4f4 0, transparent 100%) repeat scroll 0 0 rgba(244, 244, 244, 0); content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 2000; opacity: 1; opacity: 0.7; } .mfp-demo-options.mfp-wrap:after { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), to(transparent)) repeat scroll 0 0 rgba(244, 244, 244, 0); background: linear-gradient(to top, #f4f4f4 0, transparent 100%) repeat scroll 0 0 rgba(244, 244, 244, 0); content: ''; display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 2000; opacity: 1; opacity: 0.7; } .mfp-demo-options.mfp-wrap.mfp-removing:before, .mfp-demo-options.mfp-wrap.mfp-removing:after { opacity: 0 !important; } /* Pagination */ .pagination { position: relative; z-index: 1; } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #CCC; -webkit-box-shadow: none !important; box-shadow: none !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #CCC; border-color: #CCC; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Read More */ .read-more, .learn-more { display: inline-block; white-space: nowrap; } /* Offset Anchor */ .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px; } /* Responsive */ @media (max-width: 991px) { .offset-anchor { top: 0; } } /* Show Grid */ .show-grid [class*="col"] .show-grid-block { background-color: #EEE; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #FFF; display: block; } /* Alerts */ .alert [class*="fa-"], .alert .icons { margin-right: 8px; font-size: 1.1em; } .alert ul { padding: 0; margin: 7px 0 0 40px; } .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: #383f45; border-color: #0a0c0d; color: #d3d8dc; } .alert.alert-dark .alert-link { color: #fefefe; } /* Embed Responsive */ .embed-responsive.embed-soundcloud { padding-bottom: 19.25%; } .embed-responsive.embed-responsive-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } @media (max-width: 991px) { .col-md-3 .sidebar { clear: both; } } /* Half Section */ .col-half-section { width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 555px; margin-left: 30px; margin-right: 0; } .col-half-section.col-half-section-right { margin-left: 0; margin-right: 30px; } @media (max-width: 1199px) { .col-half-section { max-width: 465px; } } @media (max-width: 991px) { .col-half-section { max-width: 720px; margin: 0 auto !important; padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 767px) { .col-half-section { max-width: 540px; } } @media (max-width: 575px) { .col-half-section { max-width: 100%; } } /* Content Grid */ .content-grid { overflow: hidden; margin: 0; padding: 0; } .content-grid .content-grid-item { position: relative; padding: 10px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .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-fluid { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .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; } /* Alert Admin */ .alert-admin { margin: 25px 0; } .alert-admin img { margin: -50px 0 0; } .alert-admin .btn { margin: 0 0 -15px; } .alert-admin p { color: #444; } .alert-admin h4 { color: #111; font-size: 1.2em; font-weight: 600; text-transform: uppercase; } .alert-admin .warning { color: #B20000; } /* Not Included */ .not-included { color: #b7b7b7; display: block; font-size: 0.8em; font-style: normal; margin: -4px 0; padding: 0; } /* Tip */ .tip { display: inline-block; padding: 0 5px; background: #FFF; color: #111; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold; } .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 5px; margin-top: -5px; } .tip.skin { color: #FFF; } /* Ajax Box */ .ajax-box { -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; } .ajax-box .ajax-box-content { -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 1; overflow: hidden; height: auto; } .ajax-box .bounce-loader { opacity: 0; } .ajax-box.ajax-box-init { height: 0; } .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 { opacity: 1; } /* Go to Demos */ .go-to-demos { -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; background-color: #EEE; border-radius: 0 6px 6px 0; color: #888 !important; display: block; font-size: 10px; height: 40px; left: 0; line-height: 40px; padding: 0 15px 0 10px; position: fixed; text-align: center; text-decoration: none; text-transform: uppercase; top: 190px; width: auto; z-index: 999; } .go-to-demos [class*="fa-"] { -webkit-transition: left 0.3s ease; transition: left 0.3s ease; display: inline-block; padding-right: 5px; position: relative; left: 0; } .go-to-demos:hover { text-decoration: none; padding-left: 25px; } .go-to-demos:hover [class*="fa-"] { left: -7px; } @media (max-width: 991px) { .go-to-demos { display: none; } } /* Notice Top Bar */ .notice-top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #d01a34; z-index: -1; } .notice-top-bar .notice-button { background: rgba(235, 34, 63, 0.7); color: #FFF; border-radius: 35px; -webkit-transition: ease background 300ms; transition: ease background 300ms; text-decoration: none; } .notice-top-bar .notice-button:hover { background: #eb223f; } /* Hover effetcs */ .hover-effect-1:not(.portfolio-item) { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); -webkit-transition: ease transform 300ms, ease box-shadow 300ms; transition: ease transform 300ms, ease box-shadow 300ms; } .hover-effect-1:not(.portfolio-item):hover { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .hover-effect-1.portfolio-item { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .hover-effect-1.portfolio-item .thumb-info { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); -webkit-transition: ease box-shadow 300ms; transition: ease box-shadow 300ms; } .hover-effect-1.portfolio-item:hover, .hover-effect-1.portfolio-item.show { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .hover-effect-1.portfolio-item:hover .thumb-info, .hover-effect-1.portfolio-item.show .thumb-info { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); } .hover-effect-1 a { -webkit-transition: ease color 300ms; transition: ease color 300ms; } .hover-effect-2 { opacity: 1; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .hover-effect-2:hover { opacity: 0.85; } .hover-effect-3 { opacity: 0.3; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .hover-effect-3:hover { opacity: 1; } /* Border Radius */ .border-radius-0 { border-radius: 0 !important; } /* Sticky Wrapper */ .sticky-wrapper { position: fixed; width: 100% !important; z-index: 11; } .sticky-wrapper .sticky-body { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFF; width: 100%; z-index: 10; -webkit-transition: ease background 300ms; transition: ease background 300ms; } .sticky-wrapper.sticky-wrapper-transparent .sticky-body { background: transparent; } .sticky-wrapper.sticky-wrapper-effect-1 { position: absolute !important; } .sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body { position: fixed; background: #FFF; -webkit-animation: headerReveal 0.4s ease-in; animation: headerReveal 0.4s ease-in; } .sticky-wrapper.sticky-wrapper-border-bottom.sticky-effect-active .sticky-body { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /* Highlighted Word */ @-webkit-keyframes pencilAnimation { from { width: 0; } to { width: 74px; } } @keyframes pencilAnimation { from { width: 0; } to { width: 74px; } } .highlighted-word { font-family: "Shadows Into Light", cursive; font-weight: 500; } .highlighted-word.highlighted-word-animation-1 { position: relative; } .highlighted-word.highlighted-word-animation-1:after { content: ''; position: absolute; right: calc(100% - 74px); bottom: -6px; background: url(../img/pencil-blue-line.png); width: 0; height: 15px; -webkit-animation-name: pencilAnimation; animation-name: pencilAnimation; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow: hidden; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-light:after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } /* Curved Border */ .curved-border { position: relative; min-height: 7.2vw; } .curved-border:after { content: ''; background-image: url(../img/curved-border.svg); background-size: 100% 100%; background-position: center; position: absolute; left: 0; bottom: -2px; width: 100vw; height: 7.2vw; z-index: 20; } .curved-border.curved-border-top:after { top: -2px; bottom: auto; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } /* Vertical Divider */ .vertical-divider { display: inline; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid transparent; } /* Popup */ .popup-inline-content, .mfp-content .ajax-container { background: none repeat scroll 0 0 #FFF; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none; } .mfp-content .ajax-container { display: block; } .mfp-wrap .popup-inline-content { display: block; } .modal-footer > :not(:first-child) { margin-left: 4px; margin-left: .25rem; margin-right: 0px; margin-right: 0rem; } .modal-footer > :not(:last-child) { margin-right: 4px; margin-right: .25rem; margin-left: 0px; margin-left: 0rem; } /* Nav */ .nav > li > a:hover, .nav > li > a:focus { background: transparent; } /* Nav List */ ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list li a { -webkit-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 8px 0 8px 22px; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; } ul.nav-list li a:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; font-weight: 900; position: absolute; top: 8px; font-size: 7.2px; font-size: 0.45rem; opacity: 0.7; -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); left: 12px; } ul.nav-list li a:hover { text-decoration: none; } ul.nav-list li a:hover:before { -webkit-animation-name: arrowLeftRight; animation-name: arrowLeftRight; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } ul.nav-list li > a.active { font-weight: bold; } ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.nav-list li:last-child a { border-bottom: 0; } ul.nav-list.hide-not-active li ul { display: none; } ul.nav-list.hide-not-active li.active ul { display: block; } ul.nav-list.show-bg-active .active > a, ul.nav-list.show-bg-active a.active { background-color: #f5f5f5; } ul.nav-list.show-bg-active .active > a:hover, ul.nav-list.show-bg-active a.active:hover { background-color: #eee; } ul.nav-list-simple li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list-simple li a { -webkit-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 8px 0; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; -webkit-transition: ease padding 300ms; transition: ease padding 300ms; } ul.nav-list-simple li > a.active { font-weight: bold; } ul.nav-list-simple li:hover a { padding-left: 4px; } ul.nav-list-simple li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.narrow li a { padding: 4px 0; } ul.nav-pills > li > a.active { color: #FFF; background-color: #CCC; } ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus { color: #FFF; background-color: #CCC; } /* Nav Pills */ .nav-pills-center { text-align: center; } .nav-pills-center > li { display: inline-block; float: none; } .nav-pills-sm > li > a { padding: 7px 12px; } .nav-pills-xs > li > a { padding: 5px 10px; font-size: 0.9em; } .nav-pills .nav-link.active { background-color: transparent; } .show > .nav-pills .nav-link { background-color: transparent; } /* Nav Light */ .nav-light > li > a { color: #FFF; } /* Nav Active Style - Active Bottom Border */ .nav-active-style-1 { min-height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-active-style-1 > li { -ms-flex-item-align: stretch; align-self: stretch; } .nav-active-style-1 > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 !important; margin: 0 15px; border-bottom: 2px solid transparent; -webkit-transition: ease border-color 300ms; transition: ease border-color 300ms; } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active { border-bottom-color: #CCC; } @media (max-width: 575px) { .nav-active-style-1 > li > a { min-height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } html.ie .nav-active-style-1 > li { min-height: 100px; } /* Nav Secondary */ .nav-secondary { background: #fafafa; margin: 0; padding: 20px 0; text-align: center; z-index: 99; width: 100% !important; } .nav-secondary .nav-pills > li { float: none; display: inline-block; } .nav-secondary .nav-pills > li a { font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; padding: 10px 13px; text-transform: uppercase; } .nav-secondary.sticky-active { border-bottom-color: #e9e9e9; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } /* Boxed */ html.boxed .nav-secondary.sticky-active { max-width: 1200px; left: auto !important; } /* Section Scroll - Dots Navigation */ .section-scroll-dots-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 50%; right: 30px; background: #FFF; border-radius: 35px; padding: 9.6px; padding: 0.6rem; z-index: 10; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .section-scroll-dots-navigation > ul { margin: 8px 0; margin: 0.5rem 0; } .section-scroll-dots-navigation > ul:hover > li.active:hover > a > span { opacity: 1; visibility: visible; } .section-scroll-dots-navigation > ul:hover > li.active > a > span { opacity: 0; visibility: hidden; } .section-scroll-dots-navigation > ul > li { position: relative; margin-bottom: 4.8px; margin-bottom: 0.3rem; } .section-scroll-dots-navigation > ul > li:last-child { margin-bottom: 0; } .section-scroll-dots-navigation > ul > li:hover { background: transparent; } .section-scroll-dots-navigation > ul > li:hover > a > span { opacity: 1; visibility: visible; } .section-scroll-dots-navigation > ul > li.active > a:before { opacity: 1; } .section-scroll-dots-navigation > ul > li > a { position: relative; width: 15px; height: 15px; display: block; padding: 4.8px; padding: 0.3rem; } .section-scroll-dots-navigation > ul > li > a:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 8px; height: 8px; border-radius: 100%; opacity: 0.3; background: #CCC; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .section-scroll-dots-navigation > ul > li > a > span { position: absolute; top: 50%; right: calc(100% + 20px); background: #FFF; color: #212529; font-size: 12.8px; font-size: 0.8rem; font-weight: 800; padding: 3.2px 16px; padding: 0.2rem 1rem; border-radius: 4px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .section-scroll-dots-navigation > ul > li > a > span:after { content: ''; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #F7F7F7; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .section-scroll-dots-navigation.section-scroll-dots-navigation-style-2 { background: transparent; } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a:before { background: #FFF; } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a > span { right: calc(100% + 10px); } @media (max-width: 767px) { .section-scroll-dots-navigation { right: 15px; } } /* Overlays */ .overlay { position: relative; /* Backward */ } .overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #212529; opacity: 0; pointer-events: none; -webkit-transition: ease opacity 300ms 100ms; transition: ease opacity 300ms 100ms; } .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.8; } .overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before { opacity: 0.1; } .overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before { opacity: 0.2; } .overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before { opacity: 0.3; } .overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before { opacity: 0.4; } .overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before { opacity: 0.5; } .overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before { opacity: 0.6; } .overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before { opacity: 0.7; } .overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before { opacity: 0.8; } .overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before { opacity: 0.9; } .overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before { z-index: 0; } .overlay .container, .overlay .container-fluid { position: relative; z-index: 3; } /* Overlay Colors */ .overlay-light:before { background-color: #FFF !important; } .overlay-dark:before { background-color: #212529 !important; } /* Parallax */ .parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; position: relative; clear: both; } .parallax:not(.page-header):not(.match-height) { margin: 70px 0; padding: 50px 0; } .parallax blockquote { border: 0; padding: 0 10%; } .parallax blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .parallax blockquote p { font-size: 24px; line-height: 30px; } .parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .parallax-disabled .parallax-background { background-attachment: scroll !important; background-position: 50% 50% !important; } /* Pricing Tables */ .pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; /* Responsive */ } .pricing-table .plan { background: #FFF; border-radius: 0; margin-top: 15px; margin-bottom: 15px; } .pricing-table .plan .plan-price, .pricing-table .plan .plan-features, .pricing-table .plan .plan-footer { border: 1px solid #ededed; } .pricing-table .plan .plan-header { background: #212529; padding: 15.2px 16px; padding: 0.95rem 1rem; } .pricing-table .plan .plan-header h3 { color: #FFF; font-size: 12.8px; font-size: 0.8rem; font-weight: 600; line-height: 1; letter-spacing: 0; text-align: center; text-transform: uppercase; margin-bottom: 0; } .pricing-table .plan .plan-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; border-top: 0; border-bottom: 0; padding: 32px 12.8px; padding: 2rem 0.8rem; text-align: center; } .pricing-table .plan .plan-price .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 43.2px; font-size: 2.7rem; font-weight: 600; line-height: 1; color: #212529; } .pricing-table .plan .plan-price .price .price-unit { font-size: 50%; line-height: 1.4; } .pricing-table .plan .plan-price .price-label { text-transform: uppercase; color: #777; font-size: 11.2px; font-size: 0.7rem; line-height: 1; margin-bottom: 0; } .pricing-table .plan .plan-features { border-top: 0; border-bottom: 0; padding: 12.8px; padding: 0.8rem; text-align: center; } .pricing-table .plan .plan-features ul { padding: 0 8px 0 8px; padding: 0 0.5rem 0 0.5rem; margin-bottom: 0; } .pricing-table .plan .plan-features ul li { border-bottom: 1px solid #ededed; line-height: 2.9; list-style: none; font-size: 0.9em; } .pricing-table .plan .plan-features ul li:last-child { border-bottom: 0; } .pricing-table .plan .plan-footer { border-top: 0; padding: 24px 12.8px 40px; padding: 1.5rem 0.8rem 2.5rem; text-align: center; } .pricing-table .plan.plan-featured { position: relative; -webkit-box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3); box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3); -webkit-transform: scale(1.15); transform: scale(1.15); z-index: 1; } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: 12.8px; font-size: 0.8rem; } .pricing-table.pricing-table-no-gap { margin-left: 0; margin-right: 0; } .pricing-table.pricing-table-no-gap .plan { margin-left: -16px; margin-right: -15px; margin-top: 0; margin-bottom: 0; } @media (max-width: 767px) { .pricing-table .plan.plan-featured { -webkit-transform: scale(1); transform: scale(1); } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: 0.9rem; } } /* Process */ .process { text-align: center; } .process .process-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .process .process-step-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; text-align: center; width: 90px; border: 2px solid #CCC; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .process .process-step-content { padding-top: 20px; } .process .process-step-circle-content { font-weight: bold; color: #212529; font-size: 1.6em; letter-spacing: -1px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .process .process-step:hover .process-step-circle { background-color: #CCC; } .process .process-step:hover .process-step-circle .process-step-circle-content { color: #FFF; } .process .process-step:hover .process-step-circle .process-step-circle-content .icons { color: #FFF !important; } @media (min-width: 992px) { .process .process-step:before { height: 2px; display: block; background-color: #EDEDED; position: absolute; content: ''; width: 50%; top: 45px; left: 75%; } .process .process-step:last-child:before { display: none; } } .process-vertical { text-align: left; } .process-vertical .process-step { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative; padding-bottom: 60px; } .process-vertical .process-step:before { display: none; } .process-vertical .process-step:after { width: 2px; display: block; background-color: #EDEDED; position: absolute; content: ''; height: calc(100% - 80px); top: 70px; left: 30px; } .process-vertical .process-step:last-child:after { display: none; } .process-vertical .process-step-circle { height: 60px; width: 60px; margin: 0 15px 0 0; min-height: 60px; min-width: 60px; } .process-vertical .process-step-content { padding-top: 0; } /* Scroll to Top */ html .scroll-to-top { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: #404040; border-radius: 4px 4px 0 0; bottom: 0; color: #FFF; display: block; height: 9px; opacity: 0; padding: 10px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 50px; z-index: 1040; font-size: 0.8em; } html .scroll-to-top:hover { opacity: 1; } html .scroll-to-top.visible { opacity: 0.75; } html .scroll-to-top span { display: inline-block; padding: 0 5px; } html.lightbox-opened .scroll-to-top { right: 27px; } html.ie11 .scroll-to-top { right: 25px; } /* Responsive */ @media (max-width: 991px) { html .scroll-to-top.hidden-mobile { display: none !important; } } /* Scrollable */ .scrollable { overflow: hidden; position: relative; width: 100%; } .scrollable .scrollable-content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; padding: 0 37px 0 0; overflow-x: hidden; overflow-y: scroll; outline: none; } .scrollable .scrollable-content::-webkit-scrollbar { visibility: hidden; } .scrollable .scrollable-pane { bottom: 0; opacity: 0.01; position: absolute; right: 5px; top: 0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 4px; } .scrollable .scrollable-slider { border-radius: 5px; background: none repeat scroll 0 0 #CCC; margin: 0; position: relative; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; opacity: 0; } .scrollable.scrollable-padding .scrollable-content { padding: 10px 24px 10px 10px; } .scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider { opacity: 1; } /* Section Featured */ section.section { background: #f7f7f7; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0; } section.section.section-height-1 { padding: 12.307px 0; padding: 0.7692307692rem 0; } section.section.section-height-2 { padding: 36.923px 0; padding: 2.3076923077rem 0; } section.section.section-height-3 { padding: 73.846px 0; padding: 4.6153846154rem 0; } section.section.section-height-4 { padding: 110.769px 0; padding: 6.9230769231rem 0; } section.section.section-height-5 { padding: 147.692px 0; padding: 9.2307692308rem 0; } section.section.section-bg-strong-grey { background: #EDEDED; } section.section.section-no-background { background: transparent; border-top-color: transparent; } section.section.section-center { text-align: center; } section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 { color: #FFF; } section.section.section-text-light p { color: #e6e6e6; } section.section.section-background { background-repeat: repeat; border: 0; } section.section.section-background-change-anim { -webkit-animation-name: colorTransition; animation-name: colorTransition; -webkit-animation-duration: 25s; animation-duration: 25s; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } section.section.section-angled { position: relative; margin: 0; overflow: hidden; } section.section.section-angled .section-angled-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; -webkit-transform: skewY(-0.7deg) translate3d(0, -50%, 0); transform: skewY(-0.7deg) translate3d(0, -50%, 0); } section.section.section-angled .section-angled-layer-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; -webkit-transform: skewY(0.7deg) translate3d(0, 50%, 0); transform: skewY(0.7deg) translate3d(0, 50%, 0); } section.section.section-angled .section-angled-layer-top + .section-angled-content, section.section.section-angled .section-angled-layer-top + .section-angled-layer-bottom + .section-angled-content { margin-top: 40px; margin-top: 2.5rem; } section.section.section-angled .section-angled-layer-bottom + .section-angled-content, section.section.section-angled .section-angled-layer-bottom + .section-angled-layer-top + .section-angled-content { margin-bottom: 40px; margin-bottom: 2.5rem; } section.section.section-angled.section-angled-reverse .section-angled-layer-top { -webkit-transform: skewY(0.7deg) translate3d(0, -50%, 0); transform: skewY(0.7deg) translate3d(0, -50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-bottom { -webkit-transform: skewY(-0.7deg) translate3d(0, 50%, 0); transform: skewY(-0.7deg) translate3d(0, 50%, 0); } section.section.section-angled + .section-angled { padding-top: 0; } section.section.overlay .section-angled-layer-top, section.section.overlay .section-angled-layer-bottom { z-index: 99 !important; } section.section.section-overlay { position: relative; } section.section.section-overlay:before { content: ""; display: block; background: rgba(33, 37, 41, 0.8); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-overlay .section-angled-layer-top, section.section.section-overlay .section-angled-layer-bottom { z-index: 99 !important; } section.section.section-overlay-dot:before { background: url(../img/overlay-dot.png) repeat scroll 0 0 transparent; } section.section.section-overlay-opacity { position: relative; } section.section.section-overlay-opacity:before { content: ""; display: block; background: rgba(0, 0, 0, 0.5); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before { background: rgba(33, 37, 41, 0.1); } section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before { background: rgba(33, 37, 41, 0.2); } section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before { background: rgba(33, 37, 41, 0.3); } section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before { background: rgba(33, 37, 41, 0.4); } section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before { background: rgba(33, 37, 41, 0.5); } section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before { background: rgba(33, 37, 41, 0.6); } section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before { background: rgba(33, 37, 41, 0.7); } section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before { background: rgba(33, 37, 41, 0.8); } section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before { background: rgba(33, 37, 41, 0.9); } section.section.section-overlay-opacity-light:before { background: rgba(255, 255, 255, 0.5); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before { background: rgba(255, 255, 255, 0.1); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before { background: rgba(255, 255, 255, 0.2); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before { background: rgba(255, 255, 255, 0.3); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before { background: rgba(255, 255, 255, 0.4); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before { background: rgba(255, 255, 255, 0.5); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before { background: rgba(255, 255, 255, 0.6); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before { background: rgba(255, 255, 255, 0.7); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before { background: rgba(255, 255, 255, 0.8); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before { background: rgba(255, 255, 255, 0.9); } section.section.section-overlay-opacity-gradient:before { opacity: 0.85; } section.section.section-video { background: none !important; border: 0; } section.section.section-parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; border: 0; } section.section.section-parallax.parallax-disabled { background-attachment: scroll !important; background-position: 50% 50% !important; } section.section.section-no-border { border: 0; } section.section.section-with-divider { margin: 56px 0 35px; } section.section.section-with-divider .divider { margin: -56px 0 44px; } section.section.section-footer { margin-bottom: -50px; } section.section.section-with-mockup { margin-top: 120px; } section.section.section-front { position: relative; z-index: 1; } /* Responsive */ @media (max-width: 991px) { .container-fluid > .row > .p-0 section.section { margin-bottom: 0; margin-top: 0; } .container-fluid > .row > .p-0:first-child section.section { margin-bottom: 0; margin-top: 30px; } .container-fluid > .row > .p-0:last-child section.section { margin-bottom: 30px; margin-top: 0; } } /* Sidebar */ aside ul.nav-list > li > a { color: #666; font-size: 0.9em; padding: 8px 0 8px 22px; } aside .twitter [class*="fa-"], aside .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #212529; } aside .twitter .meta { display: block; font-size: 0.9em; padding-top: 3px; } aside .twitter ul { list-style: none; margin: 0; padding: 0; } aside .twitter ul li { padding-bottom: 20px; padding-left: 30px; } aside .twitter ul li:last-child { padding-bottom: 0; } aside .twitter-account { display: block; font-size: 0.9em; margin: -15px 0 5px; opacity: 0.55; } aside .twitter-account:hover { opacity: 1; } /* Home Slider - Revolution Slider */ .slider-container { background: #151719; height: 500px; overflow: hidden; width: 100%; direction: ltr; } .slider-container .tparrows { border-radius: 6px; } .slider-container .slider-single-slide .tparrows { display: none; } .slider-container .top-label { color: #FFF; font-size: 24px; font-weight: 300; } .slider-container .main-label { color: #FFF; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .slider-container .featured-label { color: #FFF; font-size: 52px; line-height: 52px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .slider-container .bottom-label { color: #FFF; font-size: 20px; line-height: 20px; font-weight: 300; } .slider-container .blackboard-text { color: #BAB9BE; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } .slider-container .btn.btn-lg.btn-slider-action { font-size: 22px; font-weight: 600; line-height: 20px; padding: 19.2px 28.8px; padding: 1.2rem 1.8rem; } .slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark { color: #333; } .slider-container .tp-caption-dark a { color: #333; } .slider-container .tp-caption-dark a:hover { color: #333; } .slider-container .tp-caption-overlay { background: #000; padding: 10px; } .slider-container .tp-caption-overlay-opacity { background: rgba(0, 0, 0, 0.4); padding: 10px; } .slider-container .tp-opacity-overlay { background: #000; opacity: 0.75; } .slider-container .tp-opacity-overlay-light { background: #FFF; opacity: 0.75; } .slider-container.transparent { background-color: transparent; } .slider-container.light { background-color: #EAEAEA; } .slider-container.light .tp-bannershadow { opacity: 0.05; top: 0; bottom: auto; z-index: 1000; } .slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333; } .slider-container.light .tp-caption a { color: #333; } .slider-container.light .tp-caption a:hover { color: #333; } /* Revolution Slider Typewriter Addon */ .tp-caption[data-typewriter]:after { -webkit-transform: translateX(-9px); transform: translateX(-9px); } /* Slider With Overlay */ .rev_slider li.slide-overlay { /* Slider With Overlay Opacity Level */ } .rev_slider li.slide-overlay .slotholder:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0.9; background: #212529; z-index: 2; } .rev_slider li.slide-overlay.slide-overlay-light .slotholder:after { background: #FFF; } .rev_slider li.slide-overlay.slide-overlay-gradient .slotholder:after { background-color: #6c6ef1; background-image: -webkit-gradient(linear, left top, right top, from(#6c6ef1), to(#e2498e)); background-image: linear-gradient(to right, #6c6ef1 0%, #e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 ); } .rev_slider li.slide-overlay.slide-overlay-gradient.slide-overlay-gradient-animated .slotholder:after { background-size: 200% 200%; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rev_slider li.slide-overlay.slide-overlay-level-0 .slotholder:after { opacity: 0.0; } .rev_slider li.slide-overlay.slide-overlay-level-1 .slotholder:after { opacity: 0.1; } .rev_slider li.slide-overlay.slide-overlay-level-2 .slotholder:after { opacity: 0.2; } .rev_slider li.slide-overlay.slide-overlay-level-3 .slotholder:after { opacity: 0.3; } .rev_slider li.slide-overlay.slide-overlay-level-4 .slotholder:after { opacity: 0.4; } .rev_slider li.slide-overlay.slide-overlay-level-5 .slotholder:after { opacity: 0.5; } .rev_slider li.slide-overlay.slide-overlay-level-6 .slotholder:after { opacity: 0.6; } .rev_slider li.slide-overlay.slide-overlay-level-7 .slotholder:after { opacity: 0.7; } .rev_slider li.slide-overlay.slide-overlay-level-8 .slotholder:after { opacity: 0.8; } .rev_slider li.slide-overlay.slide-overlay-level-9 .slotholder:after { opacity: 0.9; } .rev_slider li.slide-overlay.slide-overlay-level-10 .slotholder:after { opacity: 0.10; } /* Slider Scroll Button */ .slider-scroll-button { position: relative; width: 57px; height: 57px; border-radius: 100%; } .slider-scroll-button:before { content: ''; position: absolute; top: 50%; left: 49%; width: 23px; height: 34px; border: 1px solid #FFF; border-radius: 15px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .slider-scroll-button:after { content: ''; width: 6px; height: 10px; border-radius: 10px; border: 1px solid #FFF; position: absolute; top: 19px; left: 49%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation-name: sliderScrollButton; animation-name: sliderScrollButton; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slider-scroll-button.slider-scroll-button-dark:before { border-color: #212529; } .slider-scroll-button.slider-scroll-button-dark:after { border-color: #212529; } /* Arrows */ .tparrows.tparrows-carousel { display: inline-block; position: absolute; width: 30px; height: auto; padding: 20px 0; } .tparrows.tparrows-carousel.tp-leftarrow { right: auto !important; left: -30px !important; border-radius: 0 4px 4px 0; } .tparrows.tparrows-carousel.tp-leftarrow:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f053"; position: relative; left: -1px; top: 1px; } .tparrows.tparrows-carousel.tp-rightarrow { right: -60px !important; left: auto !important; border-radius: 4px 0 0 4px; } .tparrows.tparrows-carousel.tp-rightarrow:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f054"; position: relative; left: 2px; top: 1px; } .tparrows.arrows-style-1 { background: transparent !important; } .tparrows.arrows-style-2 { background: transparent !important; } .tparrows.arrows-style-2.tp-leftarrow:before, .tparrows.arrows-style-2.tp-rightarrow:before { content: ''; display: block; position: absolute; left: 1.5px; top: 50%; width: 0.8em; height: 0.8em; border-top: 1px solid #FFF; border-left: 1px solid #FFF; -webkit-transition: ease opacity 400ms; transition: ease opacity 400ms; font-size: inherit; opacity: 0.7; } .tparrows.arrows-style-2.tp-leftarrow:after, .tparrows.arrows-style-2.tp-rightarrow:after { content: ''; display: block; border-top: 1px solid #FFF; -webkit-transition: ease opacity 400ms; transition: ease opacity 400ms; width: 1.5em; position: absolute; top: 50%; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0.7; } .tparrows.arrows-style-2.tp-leftarrow:hover:before, .tparrows.arrows-style-2.tp-rightarrow:hover:before { opacity: 1; } .tparrows.arrows-style-2.tp-leftarrow:hover:after, .tparrows.arrows-style-2.tp-rightarrow:hover:after { opacity: 1; } .tparrows.arrows-style-2.tp-leftarrow:before { left: 0.5px; -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg); transform: translate3d(0, -50%, 0) rotate(-45deg); } .tparrows.arrows-style-2.tp-rightarrow:before { left: 9.5px; -webkit-transform: translate3d(0, -50%, 0) rotate(135deg); transform: translate3d(0, -50%, 0) rotate(135deg); } @media (max-width: 768px) { .tparrows.arrows-style-2 { display: none; } } .tparrows.arrows-dark:before { color: #111111 !important; } .tparrows.arrows-big:before { font-size: 25px; } .tparrows.arrows-rounded { border-radius: 100%; } /* Bullets */ .tp-bullets.bullets-style-1 .tp-bullet { width: 8px; height: 8px; border-radius: 100%; } .tp-bullets.bullets-style-2 .tp-bullet { width: 8px; height: 8px; border-radius: 100%; background: #78888D; } /* Slider IE Fix */ html.ie .forcefullwidth_wrapper_tp_banner { overflow: hidden; } /* Embed Border */ .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { border: 0 !important; } /* Defaults */ .hesperiden-custom { padding: 10px 0 !important; } .hesperiden-custom .tp-tab { border: 0 !important; } /* Slider With Overlay */ .slider-with-overlay { position: relative; } .slider-with-overlay .slider-container { z-index: auto; } /* Slider Contact Form */ .slider-contact-form { margin: 45px 0; } .slider-contact-form .featured-box { text-align: left; } .slider-contact-form label.error { display: none !important; } .slider-contact-form .alert { padding: 6px; text-align: center; } .slider-contact-form textarea { resize: none; } /* Responsive */ @media (min-width: 992px) { .slider-contact-form { margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; width: 100%; } } /* Boxed */ html.boxed .slider-container { width: 100% !important; left: auto !important; } /* Home Slider - Nivo Slider */ .nivo-slider { position: relative; } .nivo-slider .theme-default .nivoSlider { border-radius: 0.3rem 0.3rem 0 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px; } .nivo-slider .theme-default .nivoSlider img { border-radius: 0.3rem 0.3rem 0 0; } .nivo-slider .theme-default .nivo-controlNav { margin-top: -72px; position: absolute; z-index: 99; right: 5px; bottom: -17px; } .nivo-slider .theme-default .nivo-caption { padding-left: 20px; } /* Side Header - Full Screen Slider Height On Mobile */ @media (max-width: 991px) { html.side-header .slider-container.fullscreen-slider, html.side-header .slider-container.fullscreen-slider + .tp-fullwidth-forcer { height: calc(100vh - 84px) !important; } } /* Social Icons */ .social-icons { margin: 0; padding: 0; width: auto; } .social-icons li { display: inline-block; margin: -1px 1px 0 0; padding: 0; border-radius: 100%; overflow: visible; } .social-icons li a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333 !important; text-decoration: none; font-size: 12.8px; font-size: 0.8rem; } .social-icons li:hover a { background: #151719; color: #FFF !important; } .social-icons li:hover.social-icons-twitter a { background: #1aa9e1; } .social-icons li:hover.social-icons-facebook a { background: #3b5a9a; } .social-icons li:hover.social-icons-linkedin a { background: #0073b2; } .social-icons li:hover.social-icons-rss a { background: #ff8201; } .social-icons li:hover.social-icons-googleplus a { background: #dd4b39; } .social-icons li:hover.social-icons-pinterest a { background: #cc2127; } .social-icons li:hover.social-icons-youtube a { background: #c3191e; } .social-icons li:hover.social-icons-instagram a { background: #7c4a3a; } .social-icons li:hover.social-icons-skype a { background: #00b0f6; } .social-icons li:hover.social-icons-email a { background: #dd4b39; } .social-icons li:hover.social-icons-vk a { background: #6383a8; } .social-icons li:hover.social-icons-xing a { background: #1a7576; } .social-icons li:hover.social-icons-tumblr a { background: #304e6c; } .social-icons li:hover.social-icons-reddit a { background: #ff4107; } .social-icons.social-icons-dark li a { background: #181818; } .social-icons.social-icons-dark li a i { color: #FFF; } .social-icons.social-icons-transparent li { -webkit-box-shadow: none; box-shadow: none; } .social-icons.social-icons-transparent li a { background: transparent; } .social-icons.social-icons-icon-light li a i { color: #FFF; } .social-icons.social-icons-icon-light.social-icons-clean li a i { color: #FFF !important; } .social-icons.social-icons-big li a { height: 48px; line-height: 48px; width: 48px; } .social-icons.social-icons-opacity-light li a { background: rgba(255, 255, 255, 0.04); } .social-icons:not(.social-icons-clean) li { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } .social-icons:not(.social-icons-clean) li a { background: #FFF; } .social-icons-dark.social-icons-clean li a { background: transparent; color: #FFF !important; } /* Sort Source Wrapper */ .sort-source-wrapper { padding: 8px 0; position: relative; } .sort-source-wrapper .nav { margin: -100px 0 5px; } .sort-source-wrapper .nav > li > a { color: #FFF; background: transparent; } .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus { background: transparent; } .sort-source-wrapper .nav > li.active > a { background: transparent; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { background: transparent; } /* Sort Source */ .sort-source { clear: both; } .sort-source > li > a { padding: 6px 12px; text-decoration: none; } .sort-source.sort-source-style-2 { margin: -10px auto; } .sort-source.sort-source-style-2 > li { float: none; display: inline-block; } .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover { background: transparent; color: #FFF; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative; text-decoration: none; } .sort-source.sort-source-style-2 > li > a:after { -webkit-transition: margin 0.3s; transition: margin 0.3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #CCC; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0; } .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover { background: transparent; } .sort-source.sort-source-style-2 > li.active > a:after { opacity: 1; margin-top: 18px; } /* Sort Source Style 2 */ @media (max-width: 991px) { .sort-source.sort-source-style-2 > li { display: block; } .sort-source.sort-source-style-2 > li.active > a:after { display: none !important; } } /* Sort Source Style 3 */ .sort-source.sort-source-style-3 > li > a { color: #777; } .sort-source.sort-source-style-3 > li.active > a { background: transparent !important; border-bottom: 3px solid #CCC; border-radius: 0; } /* Sort Destination */ .sort-destination { overflow: hidden; } .sort-destination .isotope-item { min-width: 1px; } .sort-destination.full-width { position: relative; } .sort-destination.full-width .isotope-item { width: 20%; float: left; } .sort-destination.full-width .isotope-item.w2 { width: 40%; } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0; } .sort-destination.full-width-spaced { margin-top: 50px; margin-left: 20px; margin-right: 20px; } .sort-destination.full-width-spaced .portfolio-item { margin-left: 20px; margin-right: 20px; } .sort-source-wrapper + .sort-destination.full-width { margin: 0 0 -81px; top: -51px; } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -81px; top: -51px; } /* Sort Loading */ .sort-destination-loader { height: auto; overflow: hidden; position: relative; } .sort-destination-loader:after { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; content: ' '; background: #FFF; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0; } .sort-destination-loader .bounce-loader { display: none; } .sort-destination-loader.sort-destination-loader-showing { max-height: 200px; } .sort-destination-loader.sort-destination-loader-showing:after { opacity: 1; } .sort-destination-loader.sort-destination-loader-showing .bounce-loader { display: block; } .sort-destination-loader.loader-showing-dark:after { background: #181818; } .sort-destination-loader.sort-destination-loader-loaded { overflow: visible; } .sort-destination-loader.sort-destination-loader-loaded:after { display: none; } .sort-destination-loader-full-width { overflow: visible; } .sort-destination-loader-full-width:after { bottom: -81px; top: -51px; } .sort-destination-loader-full-width.sort-destination-loader-showing { overflow: hidden; height: 600px; } .sort-destination-loader-lg.sort-destination-loader-showing { height: 600px; } .portfolio-load-more-loader.portfolio-load-more-loader-showing .bounce-loader { display: block !important; } /* Responsive */ @media (min-width: 992px) { .col-md-6.isotope-item:nth-child(2n+1) { clear: both; } .col-md-4.isotope-item:nth-child(3n+1) { clear: both; } .col-md-3.isotope-item:nth-child(4n+1) { clear: both; } .col-md-1-5.isotope-item:nth-child(5n+1) { clear: both; } .col-md-2.isotope-item:nth-child(6n+1) { clear: both; } .sort-destination.full-width .isotope-item:nth-child(5n+1) { clear: both; } } @media (max-width: 991px) { .sort-destination.isotope { overflow: visible !important; height: auto !important; } .sort-destination.isotope.full-width { overflow: hidden !important; } .isotope-hidden { display: none !important; } } @media (max-width: 767px) { .isotope-item { position: static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -webkit-transform: none !important; transform: none !important; } .isotope-item.product { position: relative !important; } .sort-source-wrapper { background: #151719; clear: both; margin-top: -35px; } .sort-source-wrapper .nav { margin: 0; } .sort-destination { height: auto !important; } .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { max-width: 100%; } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -30px; top: 0; } } @media (max-width: 575px) { .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto; } } /* Tables */ .table td, .table th { border-color: rgba(0, 0, 0, 0.06); } .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { background-color: #CCC; color: #FFF; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #28a745; color: #FFF; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #ffc107; color: #FFF; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #dc3545; color: #FFF; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #17a2b8; color: #FFF; } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { background-color: #212529; color: #FFF; } /* Tabs */ .tabs { border-radius: 4px; margin-bottom: 20px; } .nav-tabs { margin: 0; padding: 0; border-bottom-color: #EEE; } .nav-tabs li:last-child .nav-link { margin-right: 0; } .nav-tabs li .nav-link { border-radius: 5px 5px 0 0; font-size: 14px; -webkit-transition: all .2s; transition: all .2s; margin-right: 1px; } .nav-tabs li .nav-link, .nav-tabs li .nav-link:hover { background: #f7f7f7; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #EEE; color: #CCC; } .nav-tabs li .nav-link:hover { border-bottom-color: transparent; border-top: 3px solid #CCC; -webkit-box-shadow: none; box-shadow: none; } .nav-tabs li .nav-link:active, .nav-tabs li .nav-link:focus { border-bottom: 0; } .nav-tabs li.active .nav-link, .nav-tabs li.active .nav-link:hover, .nav-tabs li.active .nav-link:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #CCC; color: #CCC; } .tab-content { border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px; } /* Right Aligned */ .nav-tabs.nav-right { text-align: right; } /* Bottom Tabs */ .tabs.tabs-bottom { margin: 0 0 20px 0; padding: 0; } .tabs.tabs-bottom .tab-content { border-radius: 4px 4px 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 .nav-link { margin-right: 0; } .tabs.tabs-bottom .nav-tabs li .nav-link { border-radius: 0 0 5px 5px; font-size: 14px; margin-right: 1px; } .tabs.tabs-bottom .nav-tabs li .nav-link, .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #EEE; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #CCC; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li.active .nav-link, .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover, .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus { border-bottom: 3px solid #CCC; border-top-color: transparent !important; } /* Vertical */ .tabs-vertical { display: table; width: 100%; padding: 0; border-top: 1px solid #EEE; } .tabs-vertical .tab-content { display: table-cell; vertical-align: top; } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; width: 25%; } .tabs-vertical .nav-tabs > li { display: block; } .tabs-vertical .nav-tabs > li .nav-link { border-radius: 0; display: block; padding-top: 10px; } .tabs-vertical .nav-tabs > li .nav-link, .tabs-vertical .nav-tabs > li .nav-link:hover, .tabs-vertical .nav-tabs > li .nav-link:focus { border-bottom: none; border-top: none; } .tabs-vertical .nav-tabs > li.active .nav-link, .tabs-vertical .nav-tabs > li.active .nav-link:hover, .tabs-vertical .nav-tabs > li.active .nav-link:focus { border-top: none; } /* Vertical - Left Side */ .tabs-left { padding: 0; } .tabs-left .tab-content { border-radius: 0 5px 5px 5px; border-left: none; } .tabs-left .nav-tabs > li { margin-right: -1px; } .tabs-left .nav-tabs > li:first-child .nav-link { border-radius: 5px 0 0 0; } .tabs-left .nav-tabs > li:last-child .nav-link { border-radius: 0 0 0 5px; border-bottom: 1px solid #eee; } .tabs-left .nav-tabs > li .nav-link { border-right: 1px solid #EEE; border-left: 3px solid #EEE; margin-right: 1px; margin-left: -3px; } .tabs-left .nav-tabs > li .nav-link:hover { border-left-color: #CCC; } .tabs-left .nav-tabs > li.active .nav-link, .tabs-left .nav-tabs > li.active .nav-link:hover, .tabs-left .nav-tabs > li.active .nav-link:focus { border-left: 3px solid #CCC; border-right-color: #FFF; } /* Vertical - Right Side */ .tabs-right { padding: 0; } .tabs-right .tab-content { border-radius: 5px 0 5px 5px; border-right: none; } .tabs-right .nav-tabs > li { margin-left: -1px; } .tabs-right .nav-tabs > li:first-child .nav-link { border-radius: 0 5px 0 0; } .tabs-right .nav-tabs > li:last-child .nav-link { border-radius: 0 0 5px 0; border-bottom: 1px solid #eee; } .tabs-right .nav-tabs > li .nav-link { border-right: 3px solid #EEE; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px; } .tabs-right .nav-tabs > li .nav-link:hover { border-right-color: #CCC; } .tabs-right .nav-tabs > li.active .nav-link, .tabs-right .nav-tabs > li.active .nav-link:hover, .tabs-right .nav-tabs > li.active .nav-link:focus { border-right: 3px solid #CCC; border-left: 1px solid #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 .nav-link, .nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 0 0 0; } .nav-tabs.nav-justified li:last-child .nav-link, .nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 5px 0 0; } .nav-tabs.nav-justified li .nav-link { border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0; } .nav-tabs.nav-justified li .nav-link:hover, .nav-tabs.nav-justified li .nav-link:focus { border-bottom: 1px solid #DDD; } .nav-tabs.nav-justified li.active .nav-link, .nav-tabs.nav-justified li.active .nav-link:hover, .nav-tabs.nav-justified li.active .nav-link:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top-width: 3px; } .nav-tabs.nav-justified li.active .nav-link { border-bottom: 1px solid #FFF; } .nav-tabs.nav-justified li.active .nav-link, .nav-tabs.nav-justified li.active .nav-link:hover, .nav-tabs.nav-justified li.active .nav-link:focus { border-top-width: 3px; } .nav-tabs.nav-justified li.active .nav-link:hover { border-bottom: 1px solid #FFF; } /* Bottom Tabs with Justified Nav */ .tabs.tabs-bottom { padding: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link { margin-right: 0; border-top-color: transparent; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link { border-radius: 0 0 0 5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link { margin-right: 0; border-radius: 0 0 5px 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active .nav-link:focus { border-top-color: transparent; } /* Center */ .tabs-center .nav-tabs { margin: 0 auto; text-align: center; } /* Navigation */ .tabs-navigation { border-radius: 5px; } .tabs-navigation .nav-tabs > li { margin-bottom: 1px; } .tabs-navigation .nav-tabs > li .nav-link { color: #777; padding: 18px; line-height: 100%; position: relative; } .tabs-navigation .nav-tabs > li .nav-link:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; content: "\f054"; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tabs-navigation .nav-tabs > li .nav-link [class*="fa-"], .tabs-navigation .nav-tabs > li .nav-link .icons { margin-right: 4px; } .tabs-navigation .nav-tabs li:first-child .nav-link { border-radius: 5px 5px 0 0; } .tabs-navigation .nav-tabs li.active .nav-link, .tabs-navigation .nav-tabs li.active .nav-link:hover, .tabs-navigation .nav-tabs li.active .nav-link:focus { border-right-color: #eee; } .tabs-navigation .nav-tabs li:last-child .nav-link { border-radius: 0 0 5px 5px; } .tabs-navigation-simple { border: 0 !important; border-radius: 0 !important; } .tabs-navigation-simple .nav-tabs { border: 0 !important; border-radius: 0 !important; } .tabs-navigation-simple .nav-tabs .nav-link, .tabs-navigation-simple .nav-tabs .nav-link:hover { background: transparent !important; border-radius: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; border-left: 0 !important; padding-left: 0 !important; } .tabs-navigation-simple .nav-tabs li:last-child .nav-link, .tabs-navigation-simple .nav-tabs li:last-child .nav-link:hover { border-bottom: 0 !important; } .tab-pane-navigation { display: none; } .tab-pane-navigation.active { display: block; } /* Simple */ .tabs.tabs-simple .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; margin-bottom: 10px; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; } .tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus { padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #777; font-size: 16px; } .tabs.tabs-simple .tab-content { background: transparent; border: 0; padding: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; } /* Responsive */ @media (max-width: 575px) { .tabs .nav.nav-tabs.nav-justified li { display: block; margin-bottom: -5px; } .tabs .nav.nav-tabs.nav-justified li .nav-link { border-top-width: 3px !important; border-bottom-width: 0 !important; } .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 5px 0 0; } .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link: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 .nav-link { border-bottom-width: 3px !important; border-top-width: 0 !important; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 0 5px 5px; } } .responsive-tabs-container .tab-pane { margin-bottom: 15px; } .responsive-tabs-container .accordion-link { display: none; margin-bottom: 10px; padding: 10px 15px; background-color: #f7f7f7; border-radius: 3px; border: 1px solid #ebebeb; } @media (max-width: 767px) { .responsive-tabs-container.accordion-xs .nav-tabs { display: none; } .responsive-tabs-container.accordion-xs .accordion-link { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .responsive-tabs-container.accordion-sm .nav-tabs { display: none; } .responsive-tabs-container.accordion-sm .accordion-link { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .responsive-tabs-container.accordion-md .nav-tabs { display: none; } .responsive-tabs-container.accordion-md .accordion-link { display: block; } } @media (min-width: 1200px) { .responsive-tabs-container.accordion-lg .nav-tabs { display: none; } .responsive-tabs-container.accordion-lg .accordion-link { display: block; } } /* Testimonials */ .testimonial { margin-bottom: 20px; } .testimonial blockquote { background: #CCC; border-radius: 5px; border: 0; color: #666; font-family: 'Playfair Display', serif; margin: 0; padding: 40px 64px 40px 72px; padding: 2.5rem 4rem 2.5rem 4.5rem; position: relative; } .testimonial blockquote:before { left: 22px; top: 21px; color: #FFF; content: "“"; font-size: 85px; font-style: normal; line-height: 1; position: absolute; } .testimonial blockquote p { color: #FFF; font-family: 'Playfair Display', serif; font-size: 1.2em; } .testimonial .testimonial-arrow-down { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 8px solid #CCC; height: 0; margin: 0 0 0 45px; width: 0; } .testimonial .testimonial-author { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 12px 0 0 0; } .testimonial .testimonial-author .testimonial-author-thumbnail { width: auto; } .testimonial .testimonial-author img { max-width: 25px; } .testimonial .testimonial-author strong { color: #111; display: block; margin-bottom: 2px; font-size: 16px; font-size: 1rem; } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12.8px; font-size: 0.8rem; font-weight: 600; } .testimonial .testimonial-author p { color: #999; text-align: left; line-height: 1.2; margin-left: 9.6px; margin-left: 0.6rem; } /* Style 2 */ .testimonial.testimonial-style-2 { text-align: center; } .testimonial.testimonial-style-2 blockquote { background: transparent !important; border-radius: 4px; padding: 22px 20px; } .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after { display: none; } .testimonial.testimonial-style-2 blockquote p { color: #777; } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 15px; max-width: 60px; } .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: 4px; padding: 12px 30px; } .testimonial.testimonial-style-3 blockquote:before { top: 5px; left: 9px; color: #777; font-size: 35px; } .testimonial.testimonial-style-3 blockquote:after { color: #777; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-3 blockquote p { color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial.testimonial-style-3 .testimonial-author img { max-width: 55px; } .testimonial.testimonial-style-3 .testimonial-author p { margin-bottom: 0; } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important; } /* Style 4 */ .testimonial.testimonial-style-4 { border-radius: 6px; padding: 8px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .testimonial.testimonial-style-4 blockquote { background: transparent !important; border-radius: 4px; padding: 12px 30px; } .testimonial.testimonial-style-4 blockquote:before { top: 5px; left: 9px; color: #777; font-size: 35px; } .testimonial.testimonial-style-4 blockquote:after { color: #777; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-4 blockquote p { color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial.testimonial-style-4 .testimonial-author img { max-width: 55px; } .testimonial.testimonial-style-4 .testimonial-author p { margin-bottom: 0; } .testimonial.testimonial-style-4.testimonial-no-borders { border: 0; -webkit-box-shadow: none; box-shadow: none; } /* Style 5 */ .testimonial.testimonial-style-5 { text-align: center; } .testimonial.testimonial-style-5 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px; } .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after { display: none; } .testimonial.testimonial-style-5 blockquote p { color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1.2em; font-style: normal; } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-5 .testimonial-author { display: block; padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-5 .testimonial-author img { margin: 0 auto 10px; max-width: 55px; } .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: 4px; 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 { color: #777; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-6 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 7 */ .testimonial.testimonial-style-7 { text-align: center; background-color: #CCC; padding: 20px; } .testimonial.testimonial-style-7 blockquote { padding: 30px; } .testimonial.testimonial-style-7 blockquote:before { color: #FFF; display: block !important; left: 50%; top: -10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .testimonial.testimonial-style-7 blockquote:after { display: none; } .testimonial.testimonial-style-7 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-7 .testimonial-author { padding: 0; margin: 6px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-7 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-7 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* With Quotes */ .testimonial.testimonial-with-quotes { /* Remove Left Quote */ /* Remove Right Quote */ } .testimonial.testimonial-with-quotes blockquote:before { color: #777; display: block !important; left: 10px; top: 0; content: "“"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial.testimonial-with-quotes blockquote:after { color: #777; display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; content: "”"; } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px; } .testimonial.testimonial-with-quotes.testimonial-remove-left-quote blockquote:before { content: none; } .testimonial.testimonial-with-quotes.testimonial-remove-right-quote blockquote:after { content: none; } .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:before, .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:after { color: #212529 !important; } /* Transparent Background */ .testimonial.testimonial-trasnparent-background blockquote { background: transparent !important; } /* Alternarive Font */ .testimonial.testimonial-alternarive-font blockquote p { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.2em; } /* Light */ .testimonial.testimonial-light blockquote:before, .testimonial.testimonial-light blockquote:after, .testimonial.testimonial-light blockquote p { color: #FFF; } .testimonial.testimonial-light .testimonial-author span, .testimonial.testimonial-light .testimonial-author strong { color: #FFF; } .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p { opacity: 0.9; color: #FFF; } .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong { opacity: 0.6; color: #FFF; } /* Thumb Info */ .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-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); transform: translate3d(0, 0, 0); border-radius: 4px; margin: 0; overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-demos { max-height: 330px; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(33, 37, 41, 0.8); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; opacity: 0; z-index: 1; } .thumb-info .thumb-info-wrapper-opacity-0:after { opacity: 0.0; } .thumb-info .thumb-info-wrapper-opacity-1:after { opacity: 0.1; } .thumb-info .thumb-info-wrapper-opacity-2:after { opacity: 0.2; } .thumb-info .thumb-info-wrapper-opacity-3:after { opacity: 0.3; } .thumb-info .thumb-info-wrapper-opacity-4:after { opacity: 0.4; } .thumb-info .thumb-info-wrapper-opacity-5:after { opacity: 0.5; } .thumb-info .thumb-info-wrapper-opacity-6:after { opacity: 0.6; } .thumb-info .thumb-info-wrapper-opacity-7:after { opacity: 0.7; } .thumb-info .thumb-info-wrapper-opacity-8:after { opacity: 0.8; } .thumb-info .thumb-info-wrapper-opacity-9:after { opacity: 0.9; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; transition: all 0.3s; background: #CCC; border-radius: 0 0 0 4px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; } .thumb-info .thumb-info-action-icon i { font-size: 14px; right: 50%; position: absolute; top: 50%; color: #FFF; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); margin: -2px -1px 0 0px; } .thumb-info .thumb-info-inner { -webkit-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; transition: all 0.3s; background: rgba(33, 37, 41, 0.8); color: #FFF; font-weight: 600; left: 0; letter-spacing: -.05em; position: absolute; z-index: 2; max-width: 90%; font-size: 17px; padding: 13px 21px 2px; bottom: 13%; } .thumb-info .thumb-info-type { background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 0.6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0px; padding: 2px 12px; text-transform: uppercase; z-index: 2; line-height: 2.3; } .thumb-info .owl-carousel { z-index: auto; } .thumb-info .owl-carousel .owl-dots { z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; } .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: rgba(33, 37, 41, 0.9); } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-no-zoom img { -webkit-transition: none; transition: none; } .thumb-info.thumb-info-no-zoom:hover img { -webkit-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 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 0; right: auto; bottom: auto; width: 100%; height: 45px; text-align: center; opacity: 0; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); z-index: 2; } .thumb-info.thumb-info-centered-icons .thumb-info-action a { text-decoration: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 35px; height: 35px; font-size: 14px; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; z-index: 2; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { margin: 0; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); 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; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #FFF; left: 0; width: 100%; max-width: 100%; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; color: #777; } .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 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .thumb-info.thumb-info-bottom-info-linear .thumb-info-title { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0.8)), to(transparent)) repeat scroll 0 0 rgba(255, 255, 255, 0); background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(255, 255, 255, 0); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background: #212529; color: #FFF; } .thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-title { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(33, 37, 41, 0.8)), to(transparent)) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(to top, rgba(33, 37, 41, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } .thumb-info.thumb-info-bottom-info-show-more img { -webkit-transform: none !important; transform: none !important; } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content { -webkit-transition: ease max-height 800ms; transition: ease max-height 800ms; overflow: hidden; max-height: 0; display: block; } .thumb-info.thumb-info-bottom-info-show-more:hover .thumb-info-show-more-content { max-height: 300px; } .thumb-info.thumb-info-push-hor img { -webkit-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); transform: translatex(0); } .thumb-info.thumb-info-block .thumb-info-action-icon { top: 15px; right: 15px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumb-info.thumb-info-block .thumb-info-wrapper:before { content: ""; background: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 0; bottom: 16px; bottom: 1rem; color: #FFF; left: 16px; left: 1rem; position: absolute; right: 16px; right: 1rem; top: 16px; top: 1rem; display: block; opacity: 0; z-index: 2; } .thumb-info.thumb-info-block:hover .thumb-info-wrapper:before { opacity: 1; } .thumb-info.thumb-info-block:hover .thumb-info-action-icon { opacity: 1; } .thumb-info.thumb-info-block.thumb-info-block-dark .thumb-info-wrapper:before { background: rgba(33, 37, 41, 0.9); } .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-slide-info-hover .thumb-info-wrapper:after { opacity: 0.65; } .thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper-no-opacity:after { opacity: 1; } .thumb-info.thumb-info-slide-info-hover .thumb-info-title { opacity: 1; top: 0; height: 100%; top: 0; -webkit-transform: none !important; transform: none !important; } .thumb-info.thumb-info-slide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-1, .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { top: 150%; } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-1 { top: -50%; } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-2 { top: 50%; } .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-no-borders.thumb-info-no-borders-rounded, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after { border-radius: 4px; } .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; transition: background-position 0.8s linear 0s; } .thumb-info.thumb-info-preview:hover .thumb-info-image { -webkit-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; 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; transition: background-position 5s linear 0s; } .thumb-info.thumb-info-no-overlay .thumb-info-wrapper:after { content: none; } .thumb-info.thumb-info-no-bg { background: transparent; } /* 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 { color: #FFF; font-size: 1.1em; font-family: "Shadows Into Light", cursive; } /* 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, .thumb-info-caption p { font-size: 0.9em; margin: 0; padding: 15px 0; display: block; } /* Thumb Info Side Image */ .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; float: left; margin-right: 20px; } .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 { margin: 0; padding: 0; display: block; } .thumb-info-social-icons a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .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; } /* Responsive */ @media (max-width: 991px) { .thumb-info .thumb-info-title { font-size: 14px; } .thumb-info .thumb-info-more { font-size: 11px; } } /* Timeline */ section.timeline { width: 100%; margin: 50px 0 0; position: relative; float: left; padding-bottom: 120px; } section.timeline:before { background: #505050; background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0)), color-stop(8%, #505050), color-stop(92%, #505050), to(rgba(80, 80, 80, 0))); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; } section.timeline .timeline-body { position: relative; z-index: 1 !important; } section.timeline .timeline-date { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); 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; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #FFF; z-index: 1; } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: 0.9em; line-height: 32px; } section.timeline .timeline-title { background: #f7f7f7; padding: 12px; } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #151719; font-size: 1.4em; } section.timeline .timeline-title a { color: #151719; } 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 { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #E5E5E5; border-radius: 4px; margin: 20px 10px 10px 10px; padding: 10px; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #FFF; } section.timeline .timeline-box.left { clear: both; } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; left: 50%; margin-top: 22px; width: 8px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; } section.timeline .timeline-box.left .timeline-box-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; background: #FFF; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; float: right; height: 14px; margin-top: 17px; margin-right: -18px; width: 14px; z-index: 0; } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px; } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; position: absolute; left: 50%; margin-top: 32px; width: 8px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; } section.timeline .timeline-box.right .timeline-box-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; background: #FFF; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; float: left; height: 14px; margin-top: 28px; margin-left: -18px; width: 14px; z-index: 0; } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } 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: 767px) { section.timeline { width: 100%; margin: 0; } } @media (max-width: 575px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } section.timeline .timeline-box { margin: 15px auto; max-width: 90%; } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%; } article.post-large { margin-left: 0; } article.post-large .post-image, article.post-large .post-date { margin-left: 0; } } /* Toggles */ .toggle { margin: 10px 0 20px; position: relative; clear: both; } .toggle .toggle { margin: 10px 0 0; } .toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .toggle > label { -webkit-transition: all .15s ease-out; transition: all .15s ease-out; background: #f7f7f7; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; min-height: 20px; padding: 12px 20px 12px 10px; position: relative; cursor: pointer; font-weight: 400; } .toggle > label:-moz-selection { background: none; } .toggle > label i.fa-minus { display: none; } .toggle > label i.fa-plus { display: inline; } .toggle > label:selection { background: none; } .toggle > label:before { content: " "; position: absolute; top: calc(50% + 1px); right: 14px; border-color: #CCC; border-top: 1px solid; border-right: 1px solid; width: 8px; height: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, top 0.3s; transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s; -webkit-transform: rotate(-45deg) translate3d(0, -50%, 0); transform: rotate(-45deg) translate3d(0, -50%, 0); -webkit-transform-origin: 35%; transform-origin: 35%; } .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 { font-size: 0.7em; margin-right: 8px; position: relative; top: -1px; } .toggle > .toggle-content { display: none; } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; } .toggle.active i.fa-minus { display: inline; } .toggle.active i.fa-plus { display: none; } .toggle.active > label { background: #f7f7f7; border-color: #CCC; } .toggle.active > label:before { top: calc(50% - 8px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .toggle.active > p { white-space: normal; } .toggle > p.preview-active { height: auto; white-space: normal; } .toggle.toggle-sm .toggle > label { font-size: 0.9em; padding: 6px 20px 6px 10px; } .toggle.toggle-sm .toggle > .toggle-content > p { font-size: 0.9em; } .toggle.toggle-lg .toggle > label { font-size: 1.1em; padding: 16px 20px 16px 20px; } .toggle.toggle-lg .toggle > .toggle-content > p { font-size: 1.1em; } .toggle.toggle-simple .toggle > label { border-radius: 0; border: 0; background: transparent; color: #777; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #212529; } .toggle.toggle-simple .toggle > label:after { content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; background: #CCC; top: 25px; margin-top: -12px; border-radius: 3px; z-index: 1; } .toggle.toggle-simple .toggle > label:before { border: 0; left: 9px; right: auto; margin-top: 0; top: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f067"; z-index: 2; color: #FFF; font-size: 7px; width: auto; height: auto; -webkit-transform: none; transform: none; } .toggle.toggle-simple .toggle.active > label { background: transparent; color: #212529; } .toggle.toggle-simple .toggle.active > label:before { content: "\f068"; } .toggle.toggle-minimal .toggle { margin: 0; } .toggle.toggle-minimal .toggle > label { background: transparent; color: #777; border-left: 0; border-bottom: 1px solid #CCCC; border-radius: 0; margin: 0; padding: 12px 20px 12px 0; font-weight: 600; } .toggle.toggle-minimal .toggle.active > label { background: transparent; border-bottom-color: #CCC; } /* Blockquotes */ blockquote { border-left: 5px solid #eee; margin: 0 0 16px 0; margin: 0 0 1rem 0; padding: 8px 16px; padding: 0.5rem 1rem; font-size: 1em; } blockquote.with-borders { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 20.8px; padding: 1.3rem; } blockquote.blockquote-reverse { text-align: right; border-right: 5px solid #eee; border-left: 0px !important; } /* Small */ small, .small { font-size: 70%; } /* Paragraphs */ p { color: #777; line-height: 26px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; } p.lead { line-height: 28.8px; line-height: 1.8rem; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } /* Lead */ .lead { letter-spacing: -.05em; font-size: 19.2px; font-size: 1.2rem; } .lead-2 { font-size: 17.92px; font-size: 1.12rem; } /* Links */ a, a:hover, a:focus { color: #CCC; } /* Drop Caps */ p.drop-caps:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.drop-caps-style-2:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; border-radius: 4px; } /* Default Font Style */ .default-font { font-family: "Open Sans", Arial, sans-serif; } /* Alternative Font Style */ .alternative-font { color: #CCC; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } .alternative-font-2 { font-family: "Oswald", sans-serif; } /* Gradient Text */ .gradient-text-color { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .no-backgroundcliptext .gradient-text-color { background: transparent !important; } /* Small Sup style */ .sup-text-small { font-size: 0.5em; font-weight: 500; top: -.7em; } /* Text Color Default */ .text-default, .text-color-default { color: #777 !important; } /* Video */ section.video { background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%; } section.video .container { position: relative; z-index: 3; } html.boxed section.video > div:first-child { z-index: 0 !important; } html.boxed section.video > div:first-child video { z-index: 0 !important; } .word-rotator i, .word-rotator em, .word-rotator b { font-style: normal; font-weight: inherit; } .word-rotator-words { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; position: relative; text-align: left; } .word-rotator-words b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .word-rotator-words b.is-visible { position: relative; } .word-rotator-words[class*="bg-"] { background: #CCC; } .word-rotator-words[class*="bg-"] b { color: #FFF; padding: 1.6px 8px; padding: 0.1rem 0.5rem; } /* rotate-1 */ .word-rotator.rotate-1 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .word-rotator.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: word-rotator-rotate-1-in 1.2s; animation: word-rotator-rotate-1-in 1.2s; } .word-rotator.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: word-rotator-rotate-1-out 1.2s; animation: word-rotator-rotate-1-out 1.2s; } @-webkit-keyframes word-rotator-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @keyframes word-rotator-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes word-rotator-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } @keyframes word-rotator-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } /* type */ .word-rotator.type .word-rotator-words { vertical-align: top; overflow: hidden; position: relative; padding-right: 3px; } .word-rotator.type .word-rotator-words::after { content: ' '; position: absolute; right: 0; top: 5%; height: 90%; width: 1px; display: block; background-color: transparent; } .word-rotator.type .word-rotator-words.waiting::after { -webkit-animation: 1s word-rotator-pulse step-end infinite; animation: 1s word-rotator-pulse step-end infinite; } .word-rotator.type .word-rotator-words.selected { background-color: #212529 !important; } .word-rotator.type .word-rotator-words.selected::after { visibility: hidden; } .word-rotator.type .word-rotator-words.selected b { color: #FFF !important; } .word-rotator.type b { visibility: hidden; } .word-rotator.type b.is-visible { visibility: visible; } .word-rotator.type i { position: absolute; visibility: hidden; } .word-rotator.type i.in { position: relative; visibility: visible; } @-webkit-keyframes word-rotator-pulse { from, to { background-color: transparent; } 50% { background-color: black; } } @keyframes word-rotator-pulse { from, to { background-color: transparent; } 50% { background-color: black; } } @-webkit-keyframes word-rotator-pulse-light { from, to { background-color: transparent; } 50% { background-color: white; } } @keyframes word-rotator-pulse-light { from, to { background-color: transparent; } 50% { background-color: white; } } /* rotate-2 */ .word-rotator.rotate-2 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-2 i, .word-rotator.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .word-rotator.rotate-2 b { opacity: 0; } .word-rotator.rotate-2 i { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .word-rotator.rotate-2 i { opacity: 1; } .word-rotator.rotate-2 i.in { -webkit-animation: word-rotator-rotate-2-in .4s forwards; animation: word-rotator-rotate-2-in .4s forwards; } .word-rotator.rotate-2 i.out { -webkit-animation: word-rotator-rotate-2-out .4s forwards; animation: word-rotator-rotate-2-out .4s forwards; } .word-rotator.rotate-2 em { -webkit-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .word-rotator.rotate-2 i { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .word-rotator.rotate-2 i em { -webkit-transform: scale(1); transform: scale(1); } .no-csstransitions .word-rotator.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes word-rotator-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @keyframes word-rotator-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes word-rotator-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } @keyframes word-rotator-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } /* loading-bar */ .word-rotator.loading-bar span { display: inline-block; padding: .2em 0; } .word-rotator.loading-bar .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.loading-bar .word-rotator-words::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #212529; z-index: 2; -webkit-transition: width .3s -0.1s; transition: width .3s -0.1s; } .word-rotator.loading-bar .word-rotator-words.is-loading::after { width: 100%; -webkit-transition: width 3s; transition: width 3s; } .word-rotator.loading-bar .word-rotator-words.bg-light::after { background-color: #212529 !important; } .word-rotator.loading-bar .word-rotator-words[class*="bg-"]:not(.bg-light)::after { background-color: #FFF !important; } .word-rotator.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .word-rotator.loading-bar b.is-visible { opacity: 1; top: 0; } /* slide */ .word-rotator.slide span { display: inline-block; padding: .2em 0; } .word-rotator.slide .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.slide b { opacity: 0; top: .2em; } .word-rotator.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; animation: slide-in .6s; } .word-rotator.slide b.is-hidden { -webkit-animation: slide-out .6s; animation: slide-out .6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } /* clip */ .word-rotator.clip span { display: inline-block; padding: .2em 0; } .word-rotator.clip .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.clip .word-rotator-words::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #212529; } .word-rotator.clip b { opacity: 0; } .word-rotator.clip b.is-visible { opacity: 1; } /* zoom */ .word-rotator.zoom .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.zoom b { opacity: 0; } .word-rotator.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; animation: zoom-in .8s; } .word-rotator.zoom b.is-hidden { -webkit-animation: zoom-out .8s; animation: zoom-out .8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } .word-rotator.rotate-3 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-3 b { opacity: 0; } .word-rotator.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .word-rotator.rotate-3 i { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .word-rotator.rotate-3 i.in { -webkit-animation: word-rotator-rotate-3-in .6s forwards; animation: word-rotator-rotate-3-in .6s forwards; } .word-rotator.rotate-3 i.out { -webkit-animation: word-rotator-rotate-3-out .6s forwards; animation: word-rotator-rotate-3-out .6s forwards; } .no-csstransitions .word-rotator.rotate-3 i { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .word-rotator.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes word-rotator-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes word-rotator-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes word-rotator-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } @keyframes word-rotator-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } /* scale */ .word-rotator.scale b { opacity: 0; } .word-rotator.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .is-visible .word-rotator.scale i { opacity: 1; } .word-rotator.scale i.in { -webkit-animation: scale-up .6s forwards; animation: scale-up .6s forwards; } .word-rotator.scale i.out { -webkit-animation: scale-down .6s forwards; animation: scale-down .6s forwards; } .no-csstransitions .word-rotator.scale i { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .word-rotator.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } /* push */ .word-rotator.push b { opacity: 0; } .word-rotator.push b.is-visible { opacity: 1; -webkit-animation: push-in .6s; animation: push-in .6s; } .word-rotator.push b.is-hidden { -webkit-animation: push-out .6s; animation: push-out .6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } /* Custom Map */ section.section-custom-map { background: transparent url(../img/map.png) center 0 no-repeat; padding: 129px 0 0; margin: 20px 0 0; border: 0; } section.section-custom-map section.section { border-top: 0; background: rgba(247, 247, 247, 0.5); } /* Home Intro */ .home-intro { background-color: #212529; margin-bottom: 60px; overflow: hidden; padding: 38.4px 0; padding: 2.4rem 0; position: relative; text-align: left; } .home-intro p { color: #FFF; display: inline-block; font-size: 1.4em; font-weight: 600; margin-bottom: 0; } .home-intro p span:not(.highlighted-word) { color: #FFF; display: block; font-size: 0.8em; font-weight: 300; padding-top: 5px; opacity: 0.7; } .home-intro p .highlighted-word { font-size: 1.6em; } .home-intro .get-started { position: relative; } .home-intro .get-started .btn { position: relative; z-index: 1; } .home-intro .get-started .btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro .get-started a { color: #FFF; } .home-intro .get-started a:not(.btn) { color: #FFF; font-weight: 600; } .home-intro .learn-more { color: #FFF; margin-left: 15px; font-weight: 300; } .home-intro.light { background-color: #EDEDED; } .home-intro.light.secondary { background-color: #E0E1E4; } .home-intro.light p, .home-intro.light .learn-more, .home-intro.light p span:not(.highlighted-word), .home-intro.light .get-started a:not(.btn) { color: #333333; } /* Home Intro Compact */ .home-intro-compact { border-radius: 0 0 0.3rem 0.3rem; margin-top: -10px; margin: -10px auto 60px; max-width: 1110px; } .home-intro-compact p { padding-left: 20px; } .home-intro-compact .get-started { padding-right: 20px; } /* Responsive */ @media (max-width: 991px) { /* Home Intro */ .home-intro p { margin-bottom: 2rem; } .home-intro-compact .get-started { padding-left: 20px; } } @media (max-width: 767px) { /* Home Intro */ .home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } /* Home Concept SVG Animations */ @-webkit-keyframes animatedLineBg { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1360; } } @keyframes animatedLineBg { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1360; } } @-webkit-keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1120; } } @keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1120; } } @-webkit-keyframes animatedLineBigCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1266; } } @keyframes animatedLineBigCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1266; } } @-webkit-keyframes animatedInitialPin { 0% { -webkit-transform: translate(2px, 69px) scale(0.23); transform: translate(2px, 69px) scale(0.23); } 33% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } 66% { -webkit-transform: translate(2px, 74px) scale(0.23); transform: translate(2px, 74px) scale(0.23); } 100% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } } @keyframes animatedInitialPin { 0% { -webkit-transform: translate(2px, 69px) scale(0.23); transform: translate(2px, 69px) scale(0.23); } 33% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } 66% { -webkit-transform: translate(2px, 74px) scale(0.23); transform: translate(2px, 74px) scale(0.23); } 100% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } } @-webkit-keyframes animatedFinalPin { 0% { -webkit-transform: translate(325px, -19px) scale(0.23) rotate(36deg); transform: translate(325px, -19px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(325px, -16px) scale(0.23) rotate(36deg); transform: translate(325px, -16px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } } @keyframes animatedFinalPin { 0% { -webkit-transform: translate(325px, -19px) scale(0.23) rotate(36deg); transform: translate(325px, -19px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(325px, -16px) scale(0.23) rotate(36deg); transform: translate(325px, -16px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } } /* Firefox Final Pin Animation */ @-webkit-keyframes animatedFinalPinFirefox { 0% { -webkit-transform: translate(193px, -16px) scale(0.23) rotate(36deg); transform: translate(193px, -16px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(193px, -13px) scale(0.23) rotate(36deg); transform: translate(193px, -13px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } } @keyframes animatedFinalPinFirefox { 0% { -webkit-transform: translate(193px, -16px) scale(0.23) rotate(36deg); transform: translate(193px, -16px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(193px, -13px) scale(0.23) rotate(36deg); transform: translate(193px, -13px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } } /* Home Concept */ .home-concept { background: transparent url(../img/home/home-concept.png) no-repeat center 0; width: 100%; overflow: hidden; } .home-concept strong { display: block; font-family: "Shadows Into Light", cursive; font-size: 1.8em; font-weight: normal !important; position: relative; margin-top: 30px; } .home-concept .row { position: relative; } .home-concept .process-image { background: transparent url(../img/home/home-concept-item.png) no-repeat 0 0; width: 160px; margin: 20px auto 0 auto; padding-bottom: 10px; position: relative; z-index: 1; } .home-concept .process-image img { border-radius: 150px; margin: 7px 8px; width: auto; height: auto; max-width: 145px; max-height: 145px; } @media (min-width: 992px) { .home-concept .process-image.process-image-on-middle { margin-top: 95px; } } .home-concept .our-work { margin-top: 52px; font-size: 2.2em; } .home-concept .project-image { background: transparent url(../img/home/home-concept-item.png) no-repeat 100% 0; width: 350px; margin: 20px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } .home-concept .sun { background: transparent url(../img/home/home-concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 0; top: 65px; } .home-concept .cloud { background: transparent url(../img/home/home-concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 53%; top: 35px; } /* Responsive */ @media (max-width: 991px) { .home-concept { background-image: none; } .home-concept .project-image { margin: 20px auto 0 auto; } .home-concept .process-image { margin-top: 0; padding-bottom: 25px; } } @media (max-width: 479px) { .home-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px; } .home-concept .fc-slideshow { max-width: 145px; height: 145px; } .home-concept .fc-slideshow img { max-height: 145px; max-width: 145px; } } /* Portfolio */ .portfolio-title { margin-bottom: -10px; } .portfolio-title a { display: inline-block; } .portfolio-title [class*="fa-"], .portfolio-title .icons { font-size: 1.7em; } .portfolio-title .portfolio-nav { margin-top: 11px; } .portfolio-title .portfolio-nav-all { margin-top: 9px; } .portfolio-title .portfolio-nav { text-align: right; } .portfolio-title .portfolio-nav a { width: 40%; } .portfolio-title .portfolio-nav-all .fa, .portfolio-title .portfolio-nav-all .icons { font-size: 2em; } .portfolio-title .fa-angle-right { text-align: right; } .portfolio-title .portfolio-nav-prev { text-align: left; } /* Portfolio Info */ .portfolio-info { margin: 2px 0 10px; } .portfolio-info ul { list-style: none; padding: 0; margin: 0; } .portfolio-info ul li { display: inline-block; border-right: 1px solid #E6E6E6; color: #B1B1B1; padding-right: 8px; margin-right: 8px; font-size: 0.9em; } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .portfolio-info ul li a { text-decoration: none; color: #B1B1B1; } .portfolio-info ul li a:hover .fa-heart { color: #E53F51; } .portfolio-info ul li [class*="fa-"], .portfolio-info ul li .icons { margin-right: 4px; } /* Portfolio List */ .portfolio-list { list-style: none; padding: 0; margin-top: 0; margin-bottom: 0; } .portfolio-list:not(.row) { margin: 0; } .portfolio-list .portfolio-item { position: relative; margin-bottom: 35px; } /* Portfolio Details */ .portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: 0.9em; } .portfolio-details > li { padding: 0; margin: 0 0 20px; } .portfolio-details p { padding: 0; margin: 0; } .portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999; } .portfolio-details .list-icons { margin-left: 0; } .portfolio-details .list-icons > li { padding-left: 18px; margin-right: 10px; } .portfolio-details .list-icons > li [class*="fa-"], .portfolio-details .list-icons > li .icons { top: 7px; } /* Portfolio Modal */ .portfolio-modal .mfp-arrow, .portfolio-ajax-modal .mfp-arrow { display: none; } .portfolio-load-more-loader { display: none; position: relative; height: 49px; } .btn-portfolio-infinite-scroll { opacity: 0; } /* Portfolio Navigation */ .portfolio-next:hover [class*="fa-"], .portfolio-next:hover .icons, .portfolio-prev:hover [class*="fa-"], .portfolio-prev:hover .icons { -webkit-animation: navItemArrow 600ms ease; animation: navItemArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Responsive */ @media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all { display: none; } } /* Team List */ ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list .team-item { margin-bottom: 35px; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } /* Responsive */ @media (max-width: 991px) { ul.team-list .team-item { margin: 0 auto 35px; max-width: 270px; } } /* Search Results */ .search-results { min-height: 300px; } /* Page 404 */ .http-error { padding: 50px 0; } .http-error h2 { font-size: 140px; font-weight: 700; line-height: 140px; } .http-error h4 { color: #777; } .http-error p { font-size: 1.4em; line-height: 36px; } /* Responsive */ @media (max-width: 575px) { .http-error { padding: 0; } .http-error h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } }