dead

File manager - Edit - /home/theblueo/www/wp-content/themes/thebos/assets/css/site.sass

Back
/************************************* 1. Typography 2. Header 3. Layout 4. Site Elements - Spacing - Divider - Site Heading - Small Navigation - Badge Round - Icon - Icon Box - Icon Animation - Icon Box Alt - Testimonial - Play Button - Button - Section - Background Effects - Icon Lists - Image Box - Content Box - Solid Title - Pricing Box - Pricing Item - Image Slider - Google Map - Pie Chart - Toggle - Features Tabs - Count Box - Accordion - Team - Navigation Step - Timelines - Form - Contact Form 7 - Partner Logo - White Box - Bootstrap Row - Skill Bar 5. Layout 6. Sidebar 7. Portfolio 8. Footer 9. Blog 10. Social Icons 11. Sidebar 12. WordPress 13. Plugins 14. Preloader 15. Responsive ************************************/ $heading-color: #010101 $body-color: #777373 $primary-color: #005cff $general-gray: #f8f4f4 $heading-font: 'Poppins', sans-serif $body-font: 'Roboto', sans-serif $script-font: 'Kaushan Script' $testimonial-font: 'Lora' =transition($transition) -webkit-transition: all $transition ease-in-out -moz-transition: all $transition ease-in-out -ms-transition: all $transition ease-in-out -o-transition: all $transition ease-in-out transition: all $transition ease-in-out =borderradius($border) -webkit-border-radius: $border $border $border $border -moz-border-radius: $border $border $border $border border-radius: $border $border $border $border body font-family: $body-font font-size: 14px line-height: 21px background-color: #fff color: $body-color overflow-x: hidden font-weight: 400 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale .heading-font font-family: $heading-font letter-spacing: -0.05em -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale .nb-script-font font-family: $script-font font-weight: 400 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale span display: block h1,h2,h3,h4,h5,h6 color: $heading-color margin: 0 0 20px line-height: 1.2 font-family: $heading-font font-weight: 600 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale letter-spacing: -0.05em &:focus outline: 0 &.no-bottom margin: 0 h1, .as-h1 font-size: 36px h2, .as-h2 font-size: 30px h3, .as-h3 font-size: 22px h4, .as-h4 font-size: 16px h5, .as-h5 font-size: 14px h6, .as-h6 font-size: 12px / Link / a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a color: $heading-color +transition(0.3s) h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, a:focus outline: 0 text-decoration: none color: inherit h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover color: $primary-color text-decoration: none +transition(0.3s) .hl-site-wrapper position: relative // ANIMATIONS @-webkit-keyframes fadeInUp from opacity: 0 -webkit-transform: translate3d(0, 100%, 0) transform: translate3d(0, 100%, 0) to opacity: 1 -webkit-transform: none transform: none @keyframes fadeInUp from opacity: 0 -webkit-transform: translate3d(0, 100%, 0) transform: translate3d(0, 100%, 0) to opacity: 1 -webkit-transform: none transform: none @-webkit-keyframes nimbuswidth 0% min-width: 0% 50% min-width: 100% 100% min-width: 0% @keyframes nimbuswidth 0% min-width: 0% 50% min-width: 100% 100% min-width: 0% @-webkit-keyframes nimbusiconwidth 0% min-width: 0% 100% min-width: 100% @keyframes nimbusiconwidth 0% min-width: 0% 100% min-width: 100% // HEADER #nb-header &.nb-header-ontop position: absolute z-index: 9 top: 0 left: 0 width: 100% &.nb-header-border-white border-bottom: 1px solid rgba(white, 0.1) &.nb-header-border-black border-bottom: 1px solid rgba(black, 0.05) &.nb-header-bg-black background-color: #000 .nb-row padding: 30px 0 &.nb-header-button .nb-row padding: 15px 0 .nb-site-logo text-align: center .white-logo display: none &.left text-align: left .nb-site-title margin: 0 display: inline-block line-height: 0 vertical-align: top .site-title, .site-description position: absolute top: 0 left: 0 z-index: -999999 text-indent: -9999999px opacity: 0 visibility: hidden a display: block img max-width: 100% height: auto .nb-main-menu .nb-main-nav position: relative ul list-style: none margin: 0 padding: 0 > li display: inline-block margin-left: 20px position: relative &.mega-menu-item position: static > span a display: block margin: 0 padding: 0 font-weight: 600 font-family: $heading-font position: relative &:hover color: $primary-color &.menu-item-has-children > span a:after margin-left: 5px border-style: solid border-width: 5px 5px 0 5px border-color: rgba($body-color, 0.5) transparent transparent transparent content: '' display: inline-block vertical-align: middle &.sfHover, &.current-menu-item > span a color: $primary-color &.nb-slide-nav > li.menu-item-has-children > span a:after display: none .nb-cart border-left: 1px solid rgba($body-color, 0.5) padding-left: 20px .nb-cart-count position: absolute top: -10px right: -10px font-size: 13px color: $primary-color font-weight: 700 ul position: absolute display: none top: 100% left: 0 z-index: 99 background-color: $primary-color padding: 20px 0 text-align: left margin: 20px 0 0 -30px min-width: 190px li display: block margin: 0 0 5px padding: 0 30px &:last-child margin: 0 border: 0 padding: 0 30px span a color: rgba(white, 0.8) font-weight: 400 font-size: 12px letter-spacing: 0.05em font-weight: 600 text-transform: uppercase &:hover color: white &.menu-item-has-children > span a:after border-width: 4px 0 4px 4px border-color: transparent transparent transparent white position: absolute top: 7px right: 0 &.sfHover, &.current-menu-item > span a color: white ul top: 0 left: 100% margin-left: 1px margin-top: -20px &.nb_header_cart_list left: auto right: 0 min-width: 200px padding: 0 background-color: #fff border: 5px solid rgba(black, 0.05) a color: $heading-color a:hover color: $primary-color .empty padding: 15px .mini_cart_item overflow: hidden position: relative border-bottom: 1px solid $general-gray margin: 0 padding: 10px 10px 10px 30px a text-transform: none font-family: $heading-font letter-spacing: 0 line-height: 1 .remove position: absolute top: 17.5px left: 7.5px width: 15px height: 15px padding: 3px 0 0 text-align: center color: rgba(black, 0.25) line-height: 1 display: block background-color: $general-gray .remove:hover background: red color: #fff img float: right max-width: 42px height: auto .quantity display: block font-size: 12px .nb-cart-footer padding: 10px 30px .total text-transform: uppercase color: $heading-color font-family: $heading-font font-size: 12px display: block text-align: center padding: 15px 0 .nb-button color: #fff background-color: rgba(black, 0.8) margin: 0 +borderradius(0) + .nb-button margin-top: 10px &:hover background-color: rgba(black, 1) .nb-mega-menu position: absolute top: 100% right: 0 z-index: 999 min-width: 470px max-width: 100% margin: 20px 0 0 .nb-mega-menu-content background-color: $primary-color padding: 20px span color: rgba(white, 0.5) font-size: 10px letter-spacing: 0.05em font-weight: 600 font-family: $heading-font text-transform: uppercase display: block text-align: left margin-bottom: 5px ul position: relative display: block margin: 0 background-color: transparent padding: 0 li margin-left: 0 margin-right: 0 padding-left: 0 padding-right: 0 a margin: 0 padding: 0 .nb-right-menu text-align: right .nb-site-info span a color: $heading-color font-weight: bold font-style: italic border-bottom: 1px solid $general-gray &:hover border-bottom-color: $primary-color color: $primary-color &.nb-header-white .nb-site-logo .white-logo display: inline-block .black-logo display: none .nb-main-menu ul > li > span a color: rgba(white, 0.8) &:hover color: white &.sfHover > span a color: white &.menu-item-has-children > span a:after border-color: rgba(white, 0.5) transparent transparent transparent .nb-cart border-left-color: rgba(white, 0.25) .nb-cart-count color: #fff .hamburger font: inherit display: inline-block overflow: visible margin: 0 cursor: pointer transition-timing-function: linear transition-duration: .15s transition-property: opacity, filter text-transform: none color: inherit border: 0 background-color: transparent .hamburger-box position: relative display: inline-block width: 25px height: auto .hamburger-inner top: 50% display: block margin-top: -2px transition-timing-function: cubic-bezier(.55, .055, .675, .19) transition-duration: .3s .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before position: absolute width: 25px height: 2px transition-timing-function: ease transition-duration: .15s transition-property: transform background-color: $heading-color .hamburger-inner:after, .hamburger-inner:before display: block content: '' .hamburger-inner:before top: -7px transition: top .1s ease-in .34s, opacity .1s ease-in .hamburger-inner:after bottom: -7px transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19) &.active .hamburger-inner transition-delay: .14s transition-timing-function: cubic-bezier(.215, .61, .355, 1) transform: rotate(225deg) &:before top: 0 transition: top .1s ease-out, opacity .1s ease-out .14s opacity: 0 &:after bottom: 0 transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s transform: rotate(-90deg) &:hover opacity: .7 &.nb-header-white .hamburger .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before background-color: #fff // LAYOUT @media (min-width: 992px) .nb-header-side position: relative #nb-header width: 16% height: 100% background-color: #f9f9f9 float: left position: fixed top: 0 left: 0 z-index: 9 display: table .nb-container display: table-cell .nb-container, .nb-site-logo, .nb-main-menu width: 100% .nb-site-logo margin-bottom: 120px padding: 60px .black-logo display: inline-block .nb-main-menu text-align: left padding: 0 60px ul position: relative li margin: 0 0 10px padding: 0 display: block position: relative .nb-dropdown cursor: pointer position: absolute top: 0 right: 0 &:before margin-left: 5px border-style: solid border-width: 5px 5px 0 5px border-color: $body-color transparent transparent transparent content: '' display: inline-block vertical-align: middle a.sf-with-ul position: relative display: inline-block &:after position: absolute top: 8px right: -15px opacity: 0.25 &:last-child padding: 0 .nb-cart border-left: 0 a display: inline-block .nb-cart-count position: relative display: inline-block ul,.sf-mega position: relative margin: 0 padding: 0 top: 0 left: 0 width: auto min-width: auto background-color: transparent margin-top: 10px margin-bottom: 10px padding-left: 20px border-left: 1px solid $general-gray li margin-bottom: 5px -webkit-animation-name: fadeInUp animation-name: fadeInUp a color: $body-color text-transform: none font-size: 13px font-weight: 400 a:hover color: $heading-color .sub-menu-item-active ul li -webkit-animation-duration: 0.6s animation-duration: 0.6s -webkit-animation-fill-mode: both animation-fill-mode: both .nb-mega-menu position: relative top: 100% right: 0 z-index: 999 min-width: 0 margin: 0 display: none .nb-row padding: 0 overflow: hidden > [class="nb-col-"] width: 100% .nb-mega-menu-content background-color: transparent padding: 0 text-align: center span color: rgba(white, 0.5) font-size: 10px letter-spacing: 0.05em font-weight: 600 font-family: $heading-font text-transform: uppercase display: block text-align: left margin-bottom: 5px ul margin: 0 .nb-main-content overflow: hidden padding-left: 16% &.right-side #nb-header left: auto right: 0 .nb-main-content padding-left: 0 padding-right: 16% // SITE ELEMENTS /* General Spacing / .nb-xlarge-padding padding-top: 220px padding-bottom: 220px .nb-large-padding padding-top: 120px padding-bottom: 120px .nb-medium-padding padding-top: 80px padding-bottom: 80px .nb-small-padding padding-top: 40px padding-bottom: 40px .nb-top-120 margin-top: 120px .nb-top-60 margin-top: 60px .nb-top-30 margin-top: 30px .nb-bottom-60 margin-bottom: 60px .nb-bottom-30 margin-bottom: 30px .nb-background-gray background-color: #3f3f3f .nb-background-black background-color: black .nb-background-black-70 background-color: #111 .nb-background-light background-color: $general-gray .nb-background-primary background-color: $primary-color .nb-background-primary-alt background-color: #001232 .nb-theme-color color: $primary-color !important .nb-color-white color: #fff !important .nb-color-white-70 color: rgba(white, 0.7) !important .nb-small-title text-transform: uppercase letter-spacing: 0.01em font-weight: 700 font-size: 12px display: block margin: 0 .nb-large-text font-size: 18px line-height: 24px .nb-small-text font-size: 12px .nb-s-text font-size: 39px strong font-style: normal font-weight: inherit color: $primary-color !important border-bottom: 1px dotted $general-gray &.black color: #000 border-bottom-color: rgba(black, 0.1) .nb-x-text font-size: 69px span display: block font-style: normal .nb-border-radius +borderradius(4px) overflow: hidden .vc_align_center text-align: center .vc_align_right text-align: right .vc_align_left text-align: left .vc_single_image-wrapper img display: inline-block p:last-child margin: 0 / Divider / .nb-divider border-top: 1px solid $general-gray margin-top: 60px margin-bottom: 60px &.white border-color: rgba(white, 0.25) &.black border-color: rgba(black, 0.05) &.no-margin margin: 0 / Site Heading / .nb-site-heading position: relative background-color: $general-gray .nb-background background-position: center center .nb-top-bar position: absolute top: 0 left: 0 width: 100% background-color: rgba(26,26,26,0.8) padding: 20px 0 @extend .heading-font color: rgba(white, 0.5) font-weight: 600 ul list-style: none margin: 0 padding: 0 li display: inline-block margin-right: 20px &:last-child margin-right: 0 a color: rgba(white, 0.5) a:hover, &.active a color: #fff &.breadcrumbs li margin-right: 10px li:after content: '\f105' font-family: 'FontAwesome' display: inline-block margin: 0 0 0 10px li:last-child:after display: none .nb-text-right input padding: 5px 15px margin: 0 color: #fff border-color: rgba(white, 0.25) #searchsubmit display: none .nb-heading-inner-content margin-top: 60px position: relative z-index: 3 .nb-heading-title margin: 0 color: $heading-color .nb-heading-desc color: rgba($heading-color, 0.6) display: block &.singular .nb-heading-inner-content .nb-heading-title color: white .nb-heading-desc, color: rgba(white, 0.6) &.posted-on font-weight: 600 a color: inherit border-bottom: 1px solid rgba(white, 0.25) a:hover color: #fff .nb-custom-heading border-bottom: 1px solid $general-gray padding: 20px 0 p margin-bottom: 0 .nice-select min-width: 210px / Small Navigations / .nb-small-navi ul list-style: none margin: 0 padding: 0 @extend .heading-font li display: inline-block margin-right: 20px a color: $body-color font-weight: 600 a:hover color: $heading-color a.selected color: $primary-color / Badge Round / .nb-bagde-round position: absolute top: 10px left: 0 span display: block padding: 4px 10px +borderradius(4px) background-color: rgba(black, 0.1) color: #fff text-align: center font-size: 12px font-weight: 700 font-family: $heading-font / Icon / .nb-icon-item position: relative width: 70px height: 70px margin: 0 auto text-align: center font-size: 26px display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center &.medium-size width: 105px height: 105px &.large-size width: 140px height: 140px &.round-border +borderradius(50%) &.small-border +borderradius(4px) &.border-bg background-color: transparent border: 2px solid inherit / Icon Box / .nb-icon-box position: relative .nb-icon font-size: 48px margin-bottom: 30px position: relative &.large font-size: 96px .nb-inner-content h4 margin-bottom: 20px .nb-icon-action margin-top: 30px a.nb-button background-color: #fff &.nb-color-white color: rgba(white, 0.7) .nb-icon, .nb-inner-content h4 color: #fff &.nb-icon-left, &.position-left .nb-icon width: 70px float: left .nb-inner-content padding-left: 70px padding-top: 10px &.boxed, &.boxed-style padding: 35px background-color: #fff border: 5px solid #f1f1f1 +transition(0.3s) &.transparent background-color: transparent border-color: transparent &.black background-color: #000 border-color: rgba(white, 0.05) .nb-icon color: #fff .nb-inner-content h4 color: #fff &.active border-color: $primary-color .nb-icon-action a background-color: transparent color: #fff &:hover background-color: $primary-color border-color: $primary-color color: #fff i, h4 color: inherit !important &.auto-hide .nb-inner-content p, .nb-icon-action opacity: 0 &.active .nb-icon color: $primary-color / Icon Animation / .nb-icon.icon-animation .nb-icon-inner display: inline-block position: relative > i opacity: 0.3 .nb-icon-front position: absolute top: 0 left: 0 height: 100% width: 0 min-width: 0% overflow: hidden -webkit-animation-duration: 2s animation-duration: 2s &.loaded animation-fill-mode: forwards -webkit-animation-fill-mode: forwards -webkit-animation-name: nimbusiconwidth animation-name: nimbusiconwidth / Icons / .nb-iconbox padding: 80px 40px border: 5px solid #f1f1f1 color: $heading-color font-size: 64px text-align: center speak: none font-weight: normal font-variant: normal text-transform: none line-height: 1 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale / Testimonials / .nb-testimonials-item position: relative z-index: 1 padding-top: 20px .nb-inner-content background-color: #fdfcfc padding: 40px color: rgba(#777373, 0.4) font-size: 16px line-height: 24px position: relative +borderradius(4px) font-family: $testimonial-font font-style: italic !important &:before content: "\7b" font-family: 'ElegantIcons' font-size: 69px position: absolute top: -30px left: 30px speak: none font-style: normal font-weight: normal font-variant: normal text-transform: none line-height: 1 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale color: #06378c opacity: 0 -moz-transform: rotate(180deg) -ms-transform: rotate(180deg) -o-transform: rotate(180deg) filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2) &:after position: absolute bottom: -20px left: 40px content: '' width: 0 height: 0 border-style: solid border-width: 20px 20px 0 0 border-color: #fdfcfc transparent transparent transparent .nb-testimonials-etc margin-top: 30px margin-left: 0 overflow: hidden vertical-align: middle opacity: 0 +transition(0.3s) .nb-testimonials-avatar +borderradius(50%) overflow: hidden width: 70px height: 70px float: left img width: 100% height: auto .nb-sub-information padding-left: 90px padding-top: 15px h4 margin-bottom: 0 font-size: 14px color: $heading-color span font-size: 13px &.active .nb-inner-content color: $body-color .nb-testimonials-etc opacity: 1 .active.center .nb-testimonials-item .nb-inner-content background-color: $primary-color color: #fff &:after border-color: $primary-color transparent transparent transparent &:before opacity: 1 .nb-testimonials-etc opacity: 1 / Play Button / .nb-play-button width: 70px height: 70px +borderradius(50%) border: 2px solid #fff margin: 0 auto padding: 18px 0 0 text-align: center display: block &:before content: '\f04b' font-family: 'FontAwesome' font-size: 28px color: #fff line-height: 1 / Button / .button, .nb-button display: inline-block font-family: $heading-font font-weight: 700 line-height: 20px padding: 15px 50px 11px font-size: 14px +borderradius(4px) background-color: $primary-color box-sizing: border-box color: rgba(white, 0.8) overflow: hidden text-align: center white-space: nowrap vertical-align: middle -ms-touch-action: manipulation touch-action: manipulation cursor: pointer -webkit-user-select: none -moz-user-select: none -ms-user-select: none user-select: none border: 0 @extend .heading-font &:hover color: rgba(white, 1) &.nb-white background-color: #fff color: $heading-color &.nb-border, &.border-style padding: 12px 48px 10px border: 2px solid $primary-color background-color: transparent !important color: $primary-color &.nb-gray border-color: #ccc color: $heading-color &.nb-white border-color: rgba(white, 0.7) color: #fff + .nb-button margin-left: 20px &.nb-black background-color: #111 color: #fff &.full width: 100% text-align: center &.alt background-color: $heading-color &:hover background-color: rgba($heading-color, 0.8) color: #fff &.black-text color: #333 !important &:hover color: #000 !important &.white-text color: rgba(white, 1) !important &:hover color: rgba(white, 0.7) !important &.none-border +borderradius(0) &.small-style +borderradius(4px) &.strong-style +borderradius(50px) &.medium-size padding: 15px 35px font-size: 18px &.large-size padding: 25px 50px font-size: 22px &.slide-effect position: relative overflow: hidden span z-index: 2 &:before, &:after content: '' position: absolute height: 100% width: 100% bottom: 100% left: 0 z-index: -1 +borderradius(inherit) -webkit-transition: -webkit-transform 0.3s transition: transform 0.3s -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1) transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1) &:before background-color: #fff &:after background-color: $primary-color &:hover:before, &:hover:after -webkit-transform: translate3d(0, 100%, 0) transform: translate3d(0, 100%, 0) &:hover:after -webkit-transition-delay: 0.3s transition-delay: 0.3s &:hover color: #fff !important -webkit-transition-delay: 0.3s transition-delay: 0.3s border-color: $primary-color !important / Section / .nb-section position: relative background-color: #fff .nb-section background-color: transparent &.overflow overflow: hidden .nb-background position: absolute top: 0 left: 0 width: 100% height: 100% background-size: cover background-repeat: no-repeat &.top-right background-position: top right background-size: contain &.half-right background-size: contain left: 50% &.bottom-center background-position: center bottom &.half-left background-size: cover background-position: top center left: 0 width: 50% &.nb-background-mark:before position: absolute top: 0 left: 0 width: 100% height: 100% content: '' background-color: inherit &.nb-background-mark-right:before left: 50% margin-left: -60px &.nb-background-mark-left:before left: auto right: 50% margin-right: -60px &.fixed background-attachment: fixed .nb-mobile-bg-mark position: absolute top: 0 left: 0 width: 100% height: 100% z-index: 1 opacity: 0 background-color: inherit &.full height: 100% .nb-content position: relative z-index: 2 &.disable-background background-image: none !important &.nb-include-template > .nb-container-fluid padding-left: 0 padding-right: 0 / Background Effects / .nb-animation-repeat -webkit-animation-iteration-count: infinite animation-iteration-count: infinite .nb-animation-kenburns -webkit-animation-name: nb-scale-kenburns animation-name: nb-scale-kenburns -webkit-animation-duration: 30s animation-duration: 30s @-webkit-keyframes nb-scale-kenburns 0% -webkit-transform: scale(1) 50% -webkit-transform: scale(1.2) 100% -webkit-transform: scale(1) @keyframes nb-scale-kenburns 0% transform: scale(1) 50% transform: scale(1.2) 100% transform: scale(1) / Icon List / .nb-feature-list list-style: none margin: 0 padding: 0 li padding-bottom: 30px position: relative .nb-icon width: 70px float: left font-size: 60px text-align: center .nb-inner-content padding-left: 100px h4 margin-bottom: 10px &:after content: '' width: 1px height: 60% background-color: rgba(black, 0.1) position: absolute top: 40% left: 35px &:last-child:after display: none &.nb-white-color li .nb-icon color: #fff h4 color: #fff .nb-inner-content color: rgba(white, 0.7) &:after background-color: rgba(white, 0.1) / Image Box / .nb-image-boxed position: relative overflow: hidden +borderradius(4px) -webkit-box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) -moz-box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) / Content Boxed / .nb-content-box padding: 40px border: 5px solid $general-gray +borderradius(5px) .nb-desc font-size: 11px font-weight: bold display: inline-block padding: 5px 10px 3px line-height: 1 background-color: rgba($body-color, 0.3) color: #fff text-transform: uppercase margin-bottom: 10px +borderradius(2px) .nb-action-link font-size: 13px text-transform: uppercase margin-top: 30px color: $primary-color font-weight: 700 display: block / Boxed Content / .nb-boxed padding: 40px background-color: #fff .nb-border border: 1px solid #ddd +borderradius(4px) .nb-shadow z-index: 2 -webkit-box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) -moz-box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) box-shadow: 0px 0px 32px 5px rgba(189,189,189,0.5) / Solid Title / .nb-solid-title h4 background-color: #ccc text-align: center text-transform: uppercase font-size: 13px line-height: 1 margin: 0 padding: 15px 20px &.theme-bg h4 background-color: $primary-color color: #fff / Pricing Box / .nb-pricing-box .nb-pricing-tab list-style: none margin: 0 padding: 25px 50px background-color: $primary-color position: relative font-family: $heading-font @extend .heading-font li display: inline-block margin-right: 30px position: relative &:last-child margin-right: 0 a color: rgba(#fff, 0.7) font-size: 16px font-weight: 600 &.ui-state-active a color: rgba(white,1) &:after width: 0 height: 0 border-style: solid border-width: 10px 10px 0 10px border-color: $primary-color transparent transparent transparent position: absolute bottom: -35px left: 50% right: 50% margin-left: -10px content: '' .nb-pricing-content padding: 60px 50px background-color: #fff overflow: hidden .nb-price-content float: left width: 100px span display: block .price font-size: 48px line-height: 1 color: $primary-color font-weight: 300 @extend .heading-font .currency font-size: 12px display: inline-block .desc font-size: 12px color: $heading-color font-weight: 600 text-align: center .nb-price-list padding-left: 130px ul list-style: none margin: 0 padding: 0 overflow: hidden li width: 50% float: left &:before content: '\f00c' font-family: 'FontAwesome' display: inline-block margin-right: 5px color: #dfdddd .nb-button position: absolute bottom: 50px z-index: 2 left: 60px .nb-pricing-bottom background-color: $general-gray padding: 15px 50px 15px color: #b3b2b2 font-size: 12px position: relative .desc margin-top: 5px display: block .nb-button position: absolute top: -50% left: 50px / Pricing Item / .nb-pricing-item position: relative text-align: center .nb-pricing-icon font-size: 29px width: 70px height: 70px margin: 0 auto 30px +borderradius(50%) background-color: #fff border: 5px solid $body-color padding: 15px 0 0 .nb-pricing-title margin-bottom: 30px h4 margin-bottom: 0 .desc font-size: 10px font-weight: 600 text-transform: uppercase @extend .heading-font letter-spacing: 0.05em .nb-pricing-price .price font-size: 49px position: relative span font-style: normal font-size: 13px position: absolute top: 5px .nb-pricing-content ul list-style: none margin: 0 padding: 0 li margin-bottom: 5px span border-bottom: 1px dotted $general-gray &:last-child border-bottom: 0 margin-bottom: 0 padding-bottom: 0 .nb-pricing-action margin-top: 30px &.featured .nb-pricing-icon border-color: $primary-color color: #000 .nb-pricing-title .desc color: rgba($primary-color, 1) / Image Slider / .nb-image-slider position: relative .nb-image-item padding: 40px 0 img position: relative +borderradius(4px) opacity: 0.5 +transition(0.3s) a position: relative display: block pointer-events: none &:after +borderradius(4px) width: 100% height: 100% content: '' position: absolute background-color: rgba($body-color, 0.89) top: 0 left: 0 opacity: 0 +transition(0.3s) &:hover:after opacity: 1 .center img -webkit-box-shadow: 0px 0px 12px 5px rgba(189,189,189,0.5) -moz-box-shadow: 0px 0px 12px 5px rgba(189,189,189,0.5) box-shadow: 0px 0px 12px 5px rgba(189,189,189,0.5) opacity: 1 a pointer-events: auto &.owl-carousel .owl-nav .owl-prev left: 60px margin-top: 0 .owl-next right: 60px margin-top: 0 / Google Maps / .wpb_gmaps_widget .wpb_wrapper iframe margin-bottom: 0 padding: 0 display: block width: 100% border: none &.vc_map_responsive .wpb_map_wraper position: relative padding-bottom: 56.25% height: 0 iframe position: absolute top: 0 left: 0 height: 100% / Pie Chart / .vc_pie_chart z-index: 0 opacity: 0 filter: alpha(opacity=0) .vc_pie_chart.vc_ready opacity: 1 filter: alpha(opacity=100) .vc_pie_chart .vc_pie_wrapper position: relative margin: 0 auto .vc_pie_chart canvas position: relative z-index: 1 .vc_pie_chart .vc_pie_chart_value, .vc_pie_chart_back display: block position: absolute width: 100% height: 100% top: 0 left: 0 .vc_pie_chart .vc_pie_chart_value font-size: 200% text-align: center .vc_pie_chart_back border: 6px solid #f7f7f7 border-radius: 50% opacity: .3 filter: alpha(opacity=30) -webkit-box-sizing: border-box -moz-box-sizing: border-box box-sizing: border-box / Toggle / .vc_toggle position: relative padding: 20px 30px border: 2px solid rgba(black, 0.2) background-color: #fff +borderradius(4px) + .vc_toggle margin-top: 15px .vc_toggle_content display: none padding: 20px 0 0 margin: 20px 0 0 border-top: 1px solid rgba(#ccc, 0.4) .vc_toggle_title position: relative h4 margin-bottom: 0 cursor: pointer font-size: 14px color: rgba($heading-color, 0.7) .vc_toggle_icon:before content: '\f105' font-family: 'FontAwesome' font-style: normal color: $body-color position: absolute top: 0 right: 0 z-index: 3 &.vc_toggle_active border-color: rgba(black, 0.3) .vc_toggle_title h4 color: rgba($heading-color, 1) .vc_toggle_icon:before content: '\f107' / Features Tabs / .vc_tta-tabs .vc_tta-tabs-list text-align: center border-bottom: 1px solid #e4e4e4 padding: 0 margin: 0 list-style: none @extend .heading-font li display: inline-block margin: 0 10px a padding: 40px 0 display: block font-size: 16px font-weight: 600 position: relative &:after content: '' width: 0 height: 1px background-color: $primary-color position: absolute bottom: -1px left: 0 opacity: 0 +transition(0.3s) &.vc_active a color: $primary-color &:after opacity: 1 width: 100% .vc_tta-panel padding: 120px 0 0 display: none overflow: hidden -webkit-transform: translate3d(0, 0, 0) transform: translate3d(0, 0, 0) -webkit-transition: padding .2s ease-in-out transition: padding .2s ease-in-out &.vc_active display: block .vc_tta-panel-heading display: none &.vc_tta-tabs-position-left overflow: hidden counter-reset: nb-accordion-count .vc_tta-tabs-list width: 247px float: left text-align: left border-bottom: 0 li display: block margin: 0 a padding: 0 font-size: 12px text-transform: uppercase padding: 13px 25px 13px 50px background-color: transparent display: block height: 45px position: relative border-bottom: 1px solid $general-gray color: $body-color &:after content: '' width: 0 height: 0 position: absolute top: 0 bottom: auto left: auto right: -22.49px border-style: solid border-width: 22.5px 0 22.5px 22.5px border-color: transparent transparent transparent $general-gray background-color: transparent opacity: 0 &:before width: 20px height: 20px text-align: center padding: 3px 0 0 +borderradius(50%) border: 2px solid #a4a4a4 content: counter(nb-accordion-count) counter-increment: nb-accordion-count display: block position: absolute top: 13px left: 15px font-size: 11px line-height: 1 +transition(0.3s) &.vc_active a color: $heading-color background-color: $general-gray &:after opacity: 1 &:before background-color: $primary-color color: #fff border-color: $primary-color .vc_tta-panel padding: 0 0 0 300px / Count Box / .nb-count-box position: relative text-align: center .nb-icon font-size: 72px color: $primary-color margin-bottom: 30px position: relative &:before width: 50% height: 1px background-color: rgba(white, 0.8) position: absolute top: 50% right: -25% bottom: 50% content: '' .nb-inner-content .number font-size: 30px font-weight: 400 margin-bottom: 0 display: block .title font-size: 16px font-weight: 400 color: $primary-color &.uppercase text-transform: uppercase font-size: 11px font-weight: 600 @extend .heading-font &.color-white .nb-icon color: #fff &:before background-color: rgba(white, 0.1) .nb-inner-content .number color: #fff .title color: rgba(white, 0.7) &.style-alt .nb-inner-content .title text-transform: uppercase font-size: 11px font-weight: 600 @extend .heading-font > div:last-child > .nb-count-box .nb-icon:before display: none /* Accordion / .vc_tta-accordion position: relative counter-reset: nb-accordion-count .vc_tta-panel .vc_tta-panel-heading font-size: 16px padding: 30px 0 30px 70px margin: 0 border-bottom: 1px solid rgba(black, 0.1) cursor: pointer position: relative h4 margin-bottom: 0 span font-style: normal &:before width: 50px height: 50px text-align: center padding: 15px 0 0 +borderradius(50%) border: 2px solid #a4a4a4 content: counter(nb-accordion-count) counter-increment: nb-accordion-count display: block position: absolute top: 15px left: 0 .vc_tta-controls-icon float: right &:before content: '\f105' font-family: 'FontAwesome' font-style: normal color: $body-color .vc_tta-panel-body padding-left: 70px padding-bottom: 30px border-bottom: 1px solid rgba(black, 0.1) display: none overflow: hidden -webkit-transform: translate3d(0, 0, 0) transform: translate3d(0, 0, 0) &.vc_active .vc_tta-panel-heading border-bottom: 0 color: $primary-color &:before border-color: $primary-color background-color: $primary-color color: #fff .vc_tta-controls-icon &:before content: '\f107' .vc_tta-panel-body display: block / Team / .nb-team-member position: relative overflow: hidden top: 0 +transition(0.3s) .nb-team-info margin-top: 30px position: relative h4 margin-bottom: 0 strong font-weight: inherit color: $primary-color span display: block position: relative font-size: 13px .nb-team-social margin-top: 10px a display: inline-block font-size: 10px line-height: 1 width: 25px height: 25px text-align: center padding: 5px 0 0 margin: 0 5px background-color: #fff color: $heading-color border: 2px solid rgba(black, 0.1) +borderradius(50%) a:hover background-color: $primary-color color: #fff &.white .nb-team-info h4 color: #fff span color: rgba(white, 0.7) .nb-team-social a background-color: transparent color: #fff border-color: rgba(white, 0.5) a:hover background-color: $primary-color border-color: $primary-color / Navigation Step / .nb-step-nav position: relative &:before, &:after width: 10px height: 10px display: block background-color: $body-color +borderradius(50%) color: #fff content: '' text-align: center position: absolute font-size: 10px line-height: 1 padding: 3px 0 0 left: 0 top: 9.5px z-index: 3 &:after left: auto right: 0 ul list-style: none margin: 0 padding: 0 position: relative &:before width: 100% position: absolute top: 50% left: 0 margin: 15px 0 0 border-top: 1px solid rgba(black, 0.2) content: '' z-index: -1 li text-transform: uppercase width: 25% float: left text-align: center position: relative a background-color: #fff border: 2px solid $general-gray padding: 7px 20px font-weight: 600 font-size: 12px line-height: 1 display: inline-block +borderradius(4px) position: relative z-index: 2 &:after, &:before +transition(0.3s) content: '' position: absolute bottom: -10px left: 50% right: 50% margin-left: -10px border-style: solid border-width: 10px 10px 0 10px border-color: $general-gray transparent transparent transparent z-index: 1 opacity: 0 &:before bottom: -7px border-width: 8px 8px 0 8px border-color: #fff transparent transparent transparent z-index: 2 margin-left: -8px a:hover border-color: $heading-color color: $heading-color &:before width: 100% height: 1px background-color: $primary-color content: '' position: absolute left: 0 top: 15px opacity: 0 &:after width: 15px height: 15px display: block background-color: $body-color +borderradius(50%) color: #fff content: '\f00c' font-family: 'FontAwesome' text-align: center position: absolute font-size: 10px line-height: 1 padding: 3px 0 0 right: 0 top: 7px &:last-child &:after display: none &.complete &:before opacity: 1 &:after background-color: $primary-color a color: #fff background-color: $primary-color border-color: $primary-color &.current a:before, a:after opacity: 1 a:hover &:after border-color: $heading-color transparent transparent transparent / Timelines / .nb-timelines position: relative padding: 160px 0 overflow: hidden .nb-timelines-icon &:before, &:after width: 15px height: 15px border: 1px solid $general-gray background-color: #fff position: absolute top: 50% bottom: 50% margin-top: -7.5px left: 0 display: block content: '' +borderradius(50%) &:after left: auto right: 0 &:before width: 100% height: 1px background-color: $general-gray content: '' position: absolute top: 50% bottom: 50% left: 0 .nb-timeline-track position: relative &:before width: 10px height: 10px +borderradius(50%) content: '' background-color: $primary-color position: absolute top: -5px margin-left: 10px left: 50% right: 50% .nb-timeline-item padding: 30px 0 position: absolute width: 100% bottom: 0 text-align: center i font-size: 36px display: block margin-bottom: 30px color: $primary-color h4 margin: 0 span font-style: normal display: block .nb-timeline-date font-size: 13px color: $body-color font-weight: 500 &:nth-child(2n) &:before background-color: $heading-color .nb-timeline-item bottom: auto top: 0 / Form / form input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], textarea position: relative padding: 11px 15px border: 2px solid rgba(black, 0.1) background-color: transparent +borderradius(4px) width: 100% +transition(0.3s) &:focus color: $heading-color border-color: rgba(black, 0.2) input[type="submit"], button @extend .nb-button &.fullsize width: 100% input[type="email"]:before content: '' width: 10px height: 10px background-color: #000 position: absolute top: 0 left: 0 z-index: 99 .nb-field margin-bottom: 15px .nb-input-field position: relative display: inline-block vertical-align: top &:before font-family: 'Pe-icon-7-stroke' color: $body-color position: absolute top: 15px right: 15px font-size: 18px &.email:before content: '\e639' &.password:before content: '\e666' &.tel:before content: '\e627' .nb-white input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], input[type="url"] border-color: #fff &:focus border-color: rgba(#fff, 0.9) color: #fff ::-webkit-input-placeholder color: $body-color ::-moz-placeholder color: $body-color :-moz-placeholder color: $body-color / Contact Form 7 / .wpcf7-form label display: block .wpcf7-form-control-wrap margin-top: 15px display: block .nb-input-field display: block input, textarea width: 100% div.wpcf7-response-output margin: 30px 0 0 padding: 10px 15px +borderradius(4px) .wpcf7-submit margin-top: 15px width: auto .wpcf7-not-valid-tip display: none .wpcf7-not-valid border-color: rgba(red, 0.6) !important / Partner Logo / .nb-partner-logo pointer: relative text-align: center img display: block margin: 0 auto opacity: 0.4 +transition(0.3s) &:hover img opacity: 1 / White Box / .nb-white-box padding: 40px background-color: #fff +borderradius(4px) / Row / .nb-row &.no-margin margin-left: 0 margin-right: 0 > [class="nb-col-"] padding-left: 0 padding-right: 0 &.small margin-left: -.5px margin-right: -.5px > [class="nb-col-"] padding-left: .5px padding-right: .5px &.nb-table margin-left: 0 margin-right: 0 display: table width: 100% > [class="nb-col-"] display: table-cell padding-left: 0 padding-right: 0 vertical-align: middle float: none .nb-inner-padding padding: 80px /* Skill Bar / .nb-skill-bar position: relative margin-bottom: 30px .nb-title margin-bottom: 20px h5 font-size: 11px margin: 0 display: inline-block padding: 5px 10px background-color: $body-color color: #fff +borderradius(4px) .nb-progress height: 5px background-color: $body-color position: relative .nb-progress-bar position: absolute top: 0 left: 0 height: 100% min-width: 0 background-color: $primary-color +transition(1s) / Blog List / .nb-timeline-list overflow: hidden margin-bottom: 15px padding: 20px 40px background-color: #000 +borderradius(4px) cursor: pointer +transition(0.3s) .entry-title margin-bottom: 0 .entry-date font-size: 11px font-weight: 600 text-transform: uppercase &:hover background-color: $general-gray &.white .entry-title a color: #fff &:hover .entry-title a color: $heading-color / Features List / .nb-feature-lists list-style: none margin: 60px 0 0 padding: 0 border-top: 1px solid rgba(white, 0.05) li border-bottom: 1px solid rgba(white, 0.05) padding: 10px 0 color: #fff .title display: block float: left min-width: 150px font-weight: 700 .content color: rgba(white, 0.5) / Social Icon List / .nb-social-lists list-style: none margin: 60px 0 padding: 0 li display: inline-block a padding: 5px 10px margin-right: 10px display: block color: #fff border: 1px solid rgba(#fff, 0.25) +borderradius(4px) a:hover background-color: #fff color: $primary-color / Owl Slider / .owl-carousel position: relative .owl-dots text-align: center margin-top: 60px .owl-dot overflow: hidden margin: 0 3px +borderradius(50%) display: inline-block +transition(0.3s) width: 15px height: 15px +borderradius(50%) background-color: $body-color border: 2px solid $body-color transform: scale(0.7) -webkit-transform: scale(0.7) opacity: 0.7 &.active background-color: transparent transform: scale(1) -webkit-transform: scale(1) opacity: 1 &.nb-title-slider .owl-dots text-align: left .owl-nav .owl-prev, .owl-next width: 50px height: 50px +borderradius(50%) background-color: #fff position: absolute top: 50% bottom: 50% margin-top: -85px text-align: center padding: 15px 0 0 font-size: 22px speak: none font-weight: normal font-variant: normal text-transform: none line-height: 1 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale cursor: pointer overflow: hidden +transition(0.3s) &:before min-width: 0 height: 100% content: '' background-color: rgba(black, 0.1) top: 0 left: 0 position: absolute z-index: 2 +transition(0.3s) &:hover color: $heading-color &:before min-width: 100% &.disabled pointer-events: none opacity: 0.5 .owl-prev left: -120px .owl-next right: -120px &.nb-product-main-slider .owl-nav .owl-prev, .owl-next width: 40px height: 40px margin-top: -30px font-size: 14px .owl-prev left: 30px .owl-next right: 30px / Gallery / .nb-gallery-item-wrap .nb-gallery-item position: relative margin-bottom: 30px overflow: hidden +transition(0.3s) .gallery-media position: relative overflow: hidden z-index: 0 border: 5px solid #fff img transform: scale(1) -webkit-transform: scale(1) +transition(1s) .gallery-content position: absolute top: 0 left: 0 width: 100% height: 100% z-index: 2 text-align: center display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center +transition(0.3s) opacity: 0 h4 color: #fff margin-bottom: 0 &:before content: '' background-color: rgba($primary-color, 0.8) width: 100% height: 100% top: 0 left: 0 position: absolute z-index: 1 opacity: 0 +transition(0.3s) .gallery-link position: absolute width: 100% height: 100% display: block top: 0 left: 0 z-index: 3 &:hover -webkit-box-shadow: 0px 0px 10px 5px rgba(189,189,189,0.5) -moz-box-shadow: 0px 0px 10px 5px rgba(189,189,189,0.5) box-shadow: 0px 0px 10px 5px rgba(189,189,189,0.5) .gallery-media img transform: scale(1.1) -webkit-transform: scale(1.1) .gallery-content, &:before opacity: 1 // LAYOUT .sidebar-content #content float: right #sidebar .nb-sidebar-content padding-left: 0 padding-right: 100px .nb-widget border-left: 0 border-right: 1px solid $general-gray padding: 0 40px 0 0 .nb-normal-padding .entry-footer display: none .fullwidth #content width: initial float: none // SIDEBAR .nb-sidebar-content padding-left: 100px .nb-widget border-left: 1px solid $general-gray padding: 0 0 0 40px margin-bottom: 60px .nb-widget-title font-size: 14px letter-spacing: 0.05em line-height: 1 text-transform: uppercase color: $heading-color font-weight: 600 span font-style: normal .nb-widget-content, .nb-sidebar-content .nb-widget ul list-style: none margin: 0 padding: 0 li border-bottom: 1px solid $general-gray margin-bottom: 5px padding-bottom: 5px position: relative &:last-child margin: 0 padding: 0 border: 0 ul padding-left: 10px border-top: 1px solid $general-gray margin-top: 5px padding-top: 5px table width: 100% select width: 100% img display: inline-block max-width: 100% height: auto a color: $body-color a:hover color: $heading-color .widget_archive, .widget_categories ul li text-align: right overflow: hidden a float: left .widget_tag_cloud a font-size: 12px !important padding: 5px 10px display: inline-block background-color: $body-color color: #fff margin: 0 0 3px font-family: $heading-font font-weight: 600 +borderradius(4px) a:hover background-color: $primary-color .nice-select width: 100% ul li text-align: left margin-bottom: 0 .widget_search .nb-input-field.submit margin-top: 15px display: block input width: 100% text-align: center .nb_recent_portfolio ul, ul li border: 0 margin: 0 padding: 0 ul margin: 0 -5px overflow: hidden li, li:last-child float: left width: 33.3333333333% padding: 0 5px margin-bottom: 10px img max-width: 100% height: auto .nb-portfolio-media position: relative +borderradius(4px) overflow: hidden a display: block position: relative &:before width: 100% height: 100% position: absolute top: 0 left: 0 content: '' background-color: rgba($heading-color, 0.8) z-index: 2 opacity: 0 +transition(0.3s) &:after content: "\e035" font-family: "dripicons-v2" position: absolute width: 100% height: 100% top: 0 left: 0 text-align: center z-index: 3 color: #fff font-size: 18px display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center opacity: 0 +transition(0.3s) a:hover:before, a:hover:after opacity: 1 .nb_flickr_images .clearfix margin: 0 -5px overflow: hidden .flickr_badge_image float: left width: 33.3333333333% padding: 0 5px margin-bottom: 10px a position: relative +borderradius(4px) overflow: hidden display: block &:before width: 100% height: 100% position: absolute top: 0 left: 0 content: '' background-color: rgba($heading-color, 0.8) z-index: 2 opacity: 0 +transition(0.3s) &:after content: "\e035" font-family: "dripicons-v2" position: absolute width: 100% height: 100% top: 0 left: 0 text-align: center z-index: 3 color: #fff font-size: 18px display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center opacity: 0 +transition(0.3s) a:hover:before, a:hover:after opacity: 1 img max-width: 100% height: auto +borderradius(4px) overflow: hidden .nb-latest-tweet ul li a display: block font-size: 12px color: $primary-color // PORTFOLIO .nb-portfolio position: relative overflow: hidden .nb-media position: relative overflow: hidden img transform: scale(1) -webkit-transform: scale(1) +transition(0.3s) position: relative z-index: 1 .nb-media-detail-link position: absolute width: 100% height: 100% top: 0 left: 0 z-index: 1 .nb-media-quick-view width: 50px height: 50px +borderradius(4px) position: absolute top: 20px left: 20px display: block background-color: #fff color: $heading-color text-align: center opacity: 0 z-index: 2 &:before content: '\f061' font-family: 'FontAwesome' color: inherit margin: 15px 0 0 display: inline-block -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale &:hover background-color: $primary-color color: #fff &:before width: 100% height: 100% content: '' position: absolute top: 0 left: 0 background-color: rgba(255,255,255, 0.1) opacity: 0 +transition(0.3s) .nb-title margin-top: 30px h4 margin-bottom: 0 span font-size: 13px color: #9a9a9a position: relative display: block padding-left: 30px font-style: italic &:before width: 20px height: 1px background-color: rgba(#9a9a9a, 0.5) content: '' top: 12px left: 0 position: absolute a color: rgba(black, 0.5) font-weight: 600 font-style: normal p margin-top: 10px &:hover .nb-media img transform: scale(1.1) -webkit-transform: scale(1.1) &:before opacity: 1 a opacity: 1 .nb-portfolio-shortcode .nb-small-navi margin-bottom: 60px &.white-color .nb-portfolio .nb-title h4, span, span:before, a, color: #fff .portfolio margin-bottom: 30px .nb-portfolio-item-size min-height: 0 / Portfolio Item / .nb-portfolio-modern position: relative overflow: hidden .portfolio-media img width: 100% height: auto .portfolio-title position: absolute z-index: 2 top: 0 left: 0 opacity: 0 white-space: nowrap cursor: pointer text-align: center h4 span display: inline-block padding: 10px 20px background-color: #fff font-style: normal .portfolio-link position: absolute top: 0 left: 0 width: 100% height: 100% z-index: 3 &:hover .portfolio-title opacity: 1 / Portfolio Meta / .nb-portfolio-list-content margin: 60px 0 ul list-style: none margin: 0 padding: 0 li border-bottom: 1px solid $general-gray margin-bottom: 10px padding-bottom: 10px &:last-child border: 0 margin: 0 padding: 0 .title color: $heading-color font-weight: 600 display: inline-block margin-right: 20px / Portfolio Gallery / .nb-portfolio-gallery position: relative margin-bottom: 30px .nb-portfolio-gallery-item margin-bottom: 30px .nb-img display: block position: relative &:after position: absolute top: 0 left: 0 width: 100% height: 100% background-color: rgba($primary-color, 0.8) content: '' opacity: 0 +transition(0.3s) &:hover .nb-img:after opacity: 1 / Portfolio Overlay / .nb-portfolio-mediabox position: relative overflow: hidden .mediabox-media overflow: hidden position: relative &:after position: absolute content: '' background: #fff opacity: 1 left: 0 top: 0 bottom: 0 right: 0 z-index: 4 -moz-transition: all 0.6s ease-out -o-transition: all 0.6s ease-out -ms-transition: all 0.6s ease-out -webkit-transition: all 0.6s ease-out transition: all 0.6s ease-out -moz-transform: translate(-100%, 0) -o-transform: translate(-100%, 0) -ms-transform: translate(-100%, 0) -webkit-transform: translate(-100%, 0) transform: translate(-100%, 0) &:before position: absolute content: '' background: $primary-color opacity: 0.8 left: 0 top: 0 bottom: 0 right: 0 z-index: 2 -moz-transition: all 0.6s ease-out -o-transition: all 0.6s ease-out -ms-transition: all 0.6s ease-out -webkit-transition: all 0.6s ease-out transition: all 0.6s ease-out -moz-transform: translate(-200%, 0) -o-transform: translate(-200%, 0) -ms-transform: translate(-200%, 0) -webkit-transform: translate(-200%, 0) transform: translate(-200%, 0) .img width: 100% height: 100% -moz-transform: scale(1, 1) -o-transform: scale(1, 1) -ms-transform: scale(1, 1) -webkit-transform: scale(1, 1) transform: scale(1, 1) -moz-transition: opacity 0.35s ease, transform 1s ease -o-transition: opacity 0.35s ease, transform 1s ease -ms-transition: opacity 0.35s ease, transform 1s ease -webkit-transition: opacity 0.35s ease, transform 1s ease transition: opacity 0.35s ease, transform 1s ease img width: 100% height: auto .info-hover position: absolute z-index: 3 padding: 0 15% left: 0 right: 0 top: 50% color: #fff -moz-transform: translate(0, -50%) -o-transform: translate(0, -50%) -ms-transform: translate(0, -50%) -webkit-transform: translate(0, -50%) transform: translate(0, -50%) h4 font-size: 18px h4, p, a color: #fff i font-size: 30px -moz-transform: translateX(-50px) -o-transform: translateX(-50px) -ms-transform: translateX(-50px) -webkit-transform: translateX(-50px) transform: translateX(-50px) -moz-transition: all 0.35s ease -o-transition: all 0.35s ease -ms-transition: all 0.35s ease -webkit-transition: all 0.35s ease transition: all 0.35s ease opacity: 0 .mediabox-action display: block position: absolute width: 100% height: 100% top: 0 left: 0 z-index: 4 text-indent: -99999px &:hover .mediabox-media &:after -moz-transform: translate(100%, 0) -o-transform: translate(100%, 0) -ms-transform: translate(100%, 0) -webkit-transform: translate(100%, 0) transform: translate(100%, 0) &:before -moz-transform: translate(0%, 0) -o-transform: translate(0%, 0) -ms-transform: translate(0%, 0) -webkit-transform: translate(0%, 0) transform: translate(0%, 0) .img -moz-transform: scale(1.1, 1.1) -o-transform: scale(1.1, 1.1) -ms-transform: scale(1.1, 1.1) -webkit-transform: scale(1.1, 1.1) transform: scale(1.1, 1.1) .info-hover * opacity: 1 -moz-transform: translate(0, 0) -o-transform: translate(0, 0) -ms-transform: translate(0, 0) -webkit-transform: translate(0, 0) transform: translate(0, 0) h4 -moz-transition-delay: 0.3s -o-transition-delay: 0.3s -ms-transition-delay: 0.3s -webkit-transition-delay: 0.3s transition-delay: 0.3s p -moz-transition-delay: 0.35s -o-transition-delay: 0.35s -ms-transition-delay: 0.35s -webkit-transition-delay: 0.35s transition-delay: 0.35s i -moz-transition-delay: 0.4s -o-transition-delay: 0.4s -ms-transition-delay: 0.4s -webkit-transition-delay: 0.4s transition-delay: 0.4s &.mnv-img-color .mediabox-media background-color: inherit &:before background-color: inherit /* Portfolio / .nb-portfolio-normal position: relative overflow: hidden .portfolio-media position: relative img width: 100% height: auto &:after width: 100% height: 100% position: absolute content: '' background-color: rgba($primary-color, 0.96) top: 0 left: 0 opacity: 0 +transition(0.3s) .portfolio-title padding: 15px 20px width: 100% text-align: center background-color: $heading-color position: absolute bottom: 0 left: 0 z-index: 3 color: #fff h4 margin-bottom: 0 color: inherit span border-bottom: 1px solid rgba(white, 0.3) display: block padding-bottom: 30px .portfolio-link position: absolute top: 0 left: 0 width: 100% height: 100% display: block z-index: 2 .icon position: absolute bottom: 0 left: 60px color: #fff z-index: 3 &:hover .portfolio-media &:after opacity: 1 / Portfolio Middle Title / .nb-portfolio-middle-title position: relative overflow: hidden .portfolio-media img width: 100% height: auto .portfolio-title position: absolute width: 100% height: 100% padding: 60px top: 30px left: 0 z-index: 2 text-align: left color: #fff display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center opacity: 0 +transition(0.3s) h4 text-align: center margin: 0 color: #fff a color: inherit span text-align: center font-size: 11px font-weight: 700 text-transform: uppercase font-weight: bold font-family: $heading-font color: rgba(white, 0.6) .portfolio-link position: absolute top: 0 left: 0 width: 100% height: 100% display: block z-index: 2 .icon position: absolute bottom: 0 left: 60px color: #fff z-index: 3 &:after width: 100% height: 100% position: absolute content: '' background-color: rgba($primary-color, 0.96) top: 0 left: 0 opacity: 0 +transition(0.3s) &:hover .portfolio-title opacity: 1 top: 0 &:after opacity: 1 .nb-portfolio-archive .portfolio margin-bottom: 30px // FOOTER .nb-footer-container &.footer-fixed position: fixed left: 0 bottom: 0 width: 100% z-index: -1 #footer .nb-footer-widgets padding: 90px 0 background-color: #070707 color: rgba(white, 0.5) .nb-widget .nb-widget-title color: #fff a color: rgba(white, 0.5) a:hover color: rgba(white, 1) ul,li border-color: rgba(white, 0.05) .nb-footer-social border-top: 1px solid rgba(white, 0.1) padding: 60px 0 margin-top: 60px .nb-footer-menu background-color: #000 padding: 90px 0 color: #fff a color: rgba(white,0.8) .nb-row display: table width: 100% .nb-left-menu, .nb-site-logo, .nb-right-menu float: none display: table-cell vertical-align: middle .nb-site-logo text-align: center .nb-site-title margin: 0 display: block img max-width: 100% height: auto display: none .nb-footer-main-menu text-align: right ul list-style: none margin: 0 padding: 0 li display: inline-block margin-left: 20px a color: white display: block margin: 0 padding: 0 &:hover color: $heading-color &.black-bg .nb-site-logo .white-logo display: inline-block &.white-bg .nb-site-logo .black-logo display: inline-block // BLOG .nb-blog-grid position: relative margin-bottom: 30px .nb-blog-media margin-bottom: 30px position: relative overflow: hidden img display: block margin: 0 auto .post-thumbnail a display: block position: relative &:before width: 100% height: 100% position: absolute top: 0 left: 0 content: '' background-color: rgba($heading-color, 0.8) z-index: 2 opacity: 0 +transition(0.3s) &:after content: "\e035" font-family: "dripicons-v2" position: absolute width: 100% height: 100% top: 0 left: 0 text-align: center z-index: 3 color: #fff font-size: 18px display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center opacity: 0 +transition(0.3s) &:hover:before, &:hover:after opacity: 1 .nb-blog-content .nb-category font-size: 12px font-weight: 700 display: block margin-bottom: 10px a color: $primary-color .entry-title font-size: 18px .entry-summary margin-top: 20px margin-bottom: 20px .nb-blog-footer overflow: hidden font-size: 12px font-weight: 600 border-top: 1px solid rgba(black, 0.05) margin-top: 30px padding-top: 30px a color: $body-color &:hover color: $heading-color .nb-readmore float: right .nb-comment-count &:before content: "\f0e5" font-family: 'FontAwesome' display: inline-block margin-right: 5px color: $heading-color &.sticky padding: 60px background-color: $general-gray +borderradius(4px) &.format-quote padding: 60px background-color: #111 +borderradius(4px) h2 a color: #fff .nb-blog-footer border-top-color: rgba(white, 0.1) .nb-comment-count &:before color: #fff a:hover color: #fff &:before content: "\7b" font-family: 'ElegantIcons' font-size: 69px position: absolute z-index: 3 top: 30px right: 30px speak: none font-style: normal font-weight: normal font-variant: normal text-transform: none line-height: 1 -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale color: rgba(#fff, 0.1) .nb-layout-masonry .nb-blog-grid .nb-blog-content padding: 60px background-color: $general-gray .nb-blog-media margin-bottom: 0 img width: 100% height: auto .gallery margin-bottom: 0 &.sticky padding: 0 background-color: $primary-color +borderradius(0) .nb-blog-content background-color: $primary-color color: #fff a, h2 a color: #fff .nb-blog-footer border-top-color: rgba(white, 0.1) .nb-comment-count &:before color: #fff a:hover color: #fff &.format-quote +borderradius(0) .nb-blog-content padding: 0 background-color: transparent margin-bottom: 0 // SOCIAL ICON .nb-social-icon width: 70px height: 70px padding: 20px 0 0 margin: 0 auto +borderradius(50%) background-color: #fff text-align: center font-size: 28px .nb-site-social ul list-style: none margin: 0 padding: 0 li display: inline-block margin: 0 2.5 a display: block width: 30px height: 30px font-size: 11px +borderradius(4px) background-color: $general-gray text-align: center padding: 5px 0 0 a:hover background-color: $primary-color color: #fff // SIDEBAR .nb-sidebar padding: 60px background-color: #fff position: fixed z-index: 999999 top: 0 height: 100% width: 320px visibility: hidden &.loaded visibility: visible .nb-site-social margin-top: 60px padding-top: 60px border-top: 1px solid #f1f1f1 .nb-site-logo margin-bottom: 60px .site-title, .site-description position: absolute z-index: -9999 text-indent: -9999999px visibility: hidden .nb-main-menu text-align: left padding: 0 ul position: relative margin: 0 padding: 0 li margin: 0 0 10px padding: 0 display: block position: relative .nb-dropdown cursor: pointer position: absolute top: 0 right: 0 &:before margin-left: 5px border-style: solid border-width: 5px 5px 0 5px border-color: $body-color transparent transparent transparent content: '' display: inline-block vertical-align: middle a.sf-with-ul position: relative display: inline-block &:after position: absolute top: 8px right: -15px opacity: 0.25 &:last-child padding: 0 .nb-cart border-left: 0 a display: inline-block .nb-cart-count position: relative display: inline-block ul,.sf-mega position: relative margin: 0 padding: 0 top: 0 left: 0 width: auto min-width: auto background-color: transparent margin-top: 10px margin-bottom: 10px padding-left: 20px border-left: 1px solid $general-gray display: none li margin-bottom: 5px -webkit-animation-name: fadeInUp animation-name: fadeInUp a color: $body-color text-transform: none font-size: 13px font-weight: 400 a:hover color: $heading-color .sub-menu-item-active ul li -webkit-animation-duration: 0.6s animation-duration: 0.6s -webkit-animation-fill-mode: both animation-fill-mode: both .nb-mega-menu position: relative top: 100% right: 0 z-index: 999 min-width: 0 margin: 0 display: none .nb-row padding: 0 overflow: hidden > [class="nb-col-"] width: 100% .nb-mega-menu-content background-color: transparent padding: 0 text-align: center span color: rgba(white, 0.5) font-size: 10px letter-spacing: 0.05em font-weight: 600 font-family: $heading-font text-transform: uppercase display: block text-align: left margin-bottom: 5px ul margin: 0 // WORDPRESS .nb-not-found-form .searchform margin-top: 30px .screen-reader-text display: none visibility: hidden opacity: 0 .page-links, .navigation.pagination overflow: hidden border-top: 1px solid rgba(0, 0, 0, 0.05) padding-top: 60px margin-top: 30px .screen-reader-text display: none a,span display: inline-block padding: 7.5px 15px +borderradius(4px) border: 1px solid rgba(0, 0, 0, 0.05) margin-right: 5px color: $body-color &:hover background-color: $primary-color border-color: $primary-color color: #fff span,a padding: 0 border: 0 margin: 0 background: none .next.page-numbers float: right background-color: $body-color border-color: $body-color color: #fff margin: 0 .page-numbers.current background-color: $heading-color border-color: $heading-color color: #fff .page-numbers.dots border-color: transparent .navigation.post-navigation border-top: 1px solid $general-gray padding-top: 60px margin-top: 60px .nav-links overflow: hidden padding: 10px 0 font-family: $heading-font .nav-previous, .nav-next a position: relative display: inline-block padding-left: 80px &:before width: 60px height: 60px display: inline-block +borderradius(4px) font-size: 28px text-align: center padding: 18px 0 0 background-color: $general-gray content: "\23" font-family: 'ElegantIcons' speak: none font-style: normal font-weight: normal font-variant: normal text-transform: none line-height: 1 -webkit-font-smoothing: antialiased position: absolute top: -10px left: 0 +transition(0.3s) &:hover color: $heading-color &:before background-color: $primary-color color: #fff .nav-next a padding-left: 0 padding-right: 80px &:before left: auto right: 0 content: "\24" .nav-previous float: left .nav-next float: right .meta-nav display: block color: $body-color font-size: 12px text-transform: uppercase letter-spacing: 0.05em font-weight: 600 /* Format Content / .entry-content, .comment-content img max-width: 100% height: auto strong color: $heading-color table width: 100% margin-bottom: 30px th,td,tr border-bottom: 1px solid $general-gray padding: 10px 0 thead tr th text-transform: uppercase font-size: 11px letter-spacing: 0.05em color: $heading-color font-family: $heading-font blockquote border: 0 padding: 60px margin: 30px 0 background-color: $general-gray font-size: 18px line-height: 1.5 font-family: $testimonial-font font-style: italic !important +borderradius(4px) cite font-family: $heading-font display: block margin: 20px 0 0 font-style: normal font-size: 16px font-weight: 600 dl dt color: $heading-color dd margin-bottom: 15px pre background-color: #111 border: 0 color: rgba(white, 0.75) padding: 60px &:before, &:after display: table content: " " &:after clear: both .entry-footer border-top: 1px solid $general-gray padding-top: 60px margin-top: 60px a display: inline-block padding: 7px 15px color: $body-color font-weight: 600 font-size: 12px background-color: $general-gray margin-right: 5px margin-bottom: 5px +borderradius(4px) a:hover background-color: #ccc color: #fff ul list-style: none margin: 0 padding: 0 li display: inline-block span display: inline-block margin-right: 3px .screen-reader-text display: none / Align / .alignleft float: left margin: 0.375em 1.75em 1.75em 0 .alignright float: right margin: 0.375em 0 1.75em 1.75em .aligncenter clear: both display: block margin: 0 auto 1.75em blockquote.alignleft margin: 0.3157894737em 1.4736842105em 1.473684211em 0 blockquote.alignright margin: 0.3157894737em 0 1.473684211em 1.4736842105em blockquote.aligncenter margin-bottom: 1.473684211em / Caption / .wp-caption margin-bottom: 1.75em max-width: 100% .wp-caption img[class="wp-image-"] display: block margin: 0 .wp-caption .wp-caption-text color: $heading-color text-align: center display: block font-size: 12px font-weight: 600 width: 100% /* Gallery / .gallery margin: 0 -.5px 30px .gallery-item display: inline-block max-width: (100%/3) padding: 0 .5px 1px text-align: center vertical-align: top width: 100% .gallery-columns-1 .gallery-item max-width: 100% .gallery-columns-2 .gallery-item max-width: (100%/2) .gallery-columns-4 .gallery-item max-width: (100%/4) .gallery-columns-5 .gallery-item max-width: (100%/5) .gallery-columns-6 .gallery-item max-width: (100%/6) .gallery-columns-7 .gallery-item max-width: (100%/7) .gallery-columns-8 .gallery-item max-width: (100%/8) .gallery-columns-9 .gallery-item max-width: (100%/9) .gallery-icon img margin: 0 auto .gallery-caption color: #fff background-color: $heading-color text-align: center display: block font-size: 11px font-family: $heading-font text-transform: uppercase font-weight: 600 width: 100% display: none .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption display: none [class="gallery-columns-"] .gallery-item position: relative overflow: hidden img width: 100% height: auto .gallery-caption display: block position: absolute bottom: 0 left: 0 opacity: 0 &:hover .gallery-caption opacity: 1 /* Comment / .comments-area margin: 60px 0 30px .comment-list + .comment-respond, .comment-navigation + .comment-respond padding-top: 30px .comments-title margin-bottom: 30px .comment-list list-style: none margin: 0 padding: 0 .comment-list article, .comment-list .pingback, .comment-list .trackback border-top: 1px solid $general-gray padding: 30px 0 .comment-list .children list-style: none margin: 0 .comment-list .children > li padding-left: 30px .comment-author color: #1a1a1a .comment-author .avatar float: left height: 42px margin-right: 10px position: relative width: 42px +borderradius(50%) .bypostauthor > article .fn:after content: "\f304" left: 3px position: relative top: 5px .comment-metadata, .pingback .edit-link color: #686868 font-size: 13px .comment-metadata margin-bottom: 2.1538461538em .comment-metadata a, .pingback .comment-edit-link color: #686868 .comment-metadata a:hover, .comment-metadata a:focus, .pingback .comment-edit-link:hover, .pingback .comment-edit-link:focus color: #007acc .comment-metadata .edit-link, .pingback .edit-link display: inline-block .comment-metadata .edit-link:before, .pingback .edit-link:before content: "\002f" display: inline-block opacity: 0.7 padding: 0 10px .comment-content ul, .comment-content ol margin: 0 0 1.5em 1.25em .comment-content li > ul, .comment-content li > ol margin-bottom: 0 .comment-reply-link border: 1px solid $general-gray display: inline-block font-size: 12px font-weight: 600 margin-top: 30px padding: 6px 15px +borderradius(2px) .comment-reply-link:hover, .comment-reply-link:focus border-color: currentColor color: #007acc outline: 0 .comment-form padding-top: 30px .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags color: #686868 font-size: 13px margin-bottom: 30px p margin-bottom: 15px .form-submit margin-top: 30px label display: block font-size: 12px margin-bottom: 15px text-transform: uppercase color: $heading-color font-family: $heading-font .comment-list .comment-form padding-bottom: 30px .no-comments border-top: 1px solid #d1d1d1 font-weight: 700 margin: 0 padding-top: 1.75em .comment-navigation + .no-comments border-top: 0 padding-top: 0 .form-allowed-tags code font-family: Inconsolata, monospace .form-submit margin-bottom: 0 .required color: #007acc .comment-reply-title small font-size: 100% .comment-reply-title small a border: 0 float: right height: 32px overflow: hidden width: 26px .comment-reply-title small a:hover, .comment-reply-title small a:focus color: #1a1a1a .comment-reply-title small a:before content: "\f405" font-size: 32px position: relative top: -5px / 404 Pages / .nb-error-404 text-align: center form margin-top: 60px // PLUGINS .nice-select -webkit-tap-highlight-color: transparent +borderradius(3px) border: 2px solid rgba(0, 0, 0, 0.1) box-sizing: border-box clear: both cursor: pointer display: inline-block font-family: inherit font-size: 12px font-weight: normal height: 42px line-height: 40px outline: none padding: 0 50px 0 15px position: relative text-align: left !important -webkit-transition: all 0.2s ease-in-out transition: all 0.2s ease-in-out -webkit-user-select: none -moz-user-select: none -ms-user-select: none user-select: none white-space: nowrap min-width: 160px background-color: #fff .nice-select:hover border-color: #dbdbdb .nice-select:active, .nice-select.open, .nice-select:focus border-color: #999 .nice-select:before position: absolute content: '' width: 40px height: 100% background: transparent top: 0 right: 0 border-left: 1px solid $general-gray -webkit-border-top-right-radius: 3px -webkit-border-bottom-right-radius: 3px -moz-border-radius-topright: 3px -moz-border-radius-bottomright: 3px border-top-right-radius: 3px border-bottom-right-radius: 3px .nice-select:after content: '\f107' font-family: 'FontAwesome' display: block height: 5px pointer-events: none position: absolute right: 20px font-size: 24px top: 0 -webkit-transition: all 0.15s ease-in-out transition: all 0.15s ease-in-out width: 8px .nice-select.open:after content: '\f106' .nice-select.open .list opacity: 1 pointer-events: auto -webkit-transform: scale(1) translateY(0) -ms-transform: scale(1) translateY(0) transform: scale(1) translateY(0) .nice-select.disabled border-color: #ededed color: #999 pointer-events: none .nice-select.disabled:after border-color: #cccccc .nice-select.wide width: 100% .nice-select.wide .list left: 0 !important right: 0 !important .nice-select.right float: right .nice-select.right .list left: auto right: 0 .nice-select.small font-size: 12px height: 36px line-height: 34px .nice-select.small:after height: 4px width: 4px .nice-select.small .option line-height: 34px min-height: 34px .nice-select .list background-color: #fff border: 1px solid #a7aeb3 +borderradius(3px) box-sizing: border-box margin-top: 4px opacity: 0 overflow: hidden padding: 0 pointer-events: none position: absolute top: 100% left: 0 -webkit-transform-origin: 50% 0 -ms-transform-origin: 50% 0 transform-origin: 50% 0 -webkit-transform: scale(0.75) translateY(-21px) -ms-transform: scale(0.75) translateY(-21px) transform: scale(0.75) translateY(-21px) -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out z-index: 9 width: 100% .nice-select .list:hover .option:not(:hover) background-color: transparent !important .nice-select .option cursor: pointer font-weight: 400 line-height: 40px list-style: none min-height: 40px outline: none padding-left: 18px padding-right: 29px text-align: left -webkit-transition: all 0.2s transition: all 0.2s .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus background-color: #f6f6f6 .nice-select .option.selected font-weight: bold .nice-select .option.disabled background-color: transparent color: #999 cursor: default .no-csspointerevents .nice-select .list display: none .no-csspointerevents .nice-select.open .list display: block // PRELOADER .nb-site-preloader overflow: hidden .nb-preloader position: fixed width: 100% height: 100% background-color: #fff z-index: 999999999999999999999999 display: -webkit-box display: -moz-box display: -ms-flexbox display: -webkit-flex display: flex flex-direction: column -webkit-flex-direction: column -webkit-flex-grow: 1 -webkit-justify-content: center flex-grow: 1 justify-content: center overflow: hidden opacity: 1 +transition(0.3s) .nb-preloader-content text-align: center .nb-preloader-logo display: inline-block position: relative .black-logo, .front-logo img max-width: none !important height: auto !important .black-logo opacity: 0.2 .front-logo position: absolute top: 0 left: 0 height: 100% width: 0 overflow: hidden -webkit-animation-iteration-count: infinite animation-iteration-count: infinite -webkit-animation-name: nimbuswidth animation-name: nimbuswidth -webkit-animation-duration: 5s animation-duration: 5s img display: inline vertical-align: top float: none &.nb-preloaded overflow-y: auto .nb-preloader z-index: -1 opacity: 0 // RESPONSIVE / MD Size / @media (max-width: 992px) .nb-footer-fixed padding-bottom: 0!important .nb-footer-container.footer-fixed position: static width: auto .nb-pricing-box .nb-pricing-tab text-align: center li display: block margin: 0 .nb-pricing-content .nb-price-content float: none width: auto text-align: center .nb-price-list padding: 30px 0 0 text-align: center .nb-pricing-bottom text-align: center .nb-button position: static margin: -40px 0 15px .nb-feature-tabs .nb-tabs border-bottom: 0 li display: block margin: 0 border-bottom: 1px solid $general-gray a padding: 20px 0 .nb-feature-tab-content padding: 80px 0 .nb-section top: 0 !important .nb-vc-section .nb-row > [class="nb-col-"] margin-bottom: 30px &.no-margin > [class="nb-col-"] margin-bottom: 0 &.small > [class="nb-col-"] margin-bottom: 1px &.nb-table display: initial > [class="nb-col-"] margin-bottom: 0 display: initial //float: left + [class="nb-col-"] .vc_column-inner margin-top: 30px > [class="nb-col-"]:not(.nb-col-has-fill) .vc_column-inner padding-left: 0 !important padding-right: 0 !important .nb-portfolio-shortcode .nb-small-navi text-align: center .nb-section .nb-background &.top-right background-position: bottom center &.mobile-bg-hidden background-image: none !important &.mobile-bg-cover background-size: cover left: auto right: auto width: 100% .nb-mobile-bg-mark opacity: 1 .nb-mobile-disable-mark:before display: none &.nb-responsive-p-top padding-top: 60px !important &.nb-responsive-p-bottom padding-bottom: 60px !important &.nb-responsive-m-top margin-top: 60px !important &.nb-responsive-m-bottom margin-bottom: 60px !important .nb-pricing-box .nb-pricing-content text-align: center .nb-button position: static margin: 30px 0 0 #nb-header .nb-row [class="nb-col-"] display: initial float: left .nb-site-logo text-align: left .desktop-menu-trigger float: right !important text-align: right #footer .nb-footer-widgets .nb-widget margin-bottom: 30px .nb-footer-menu padding: 0 .nb-row display: initial [class*="nb-col-"] width: 100% display: initial text-align: center h1, .as-h1 font-size: 30px h2, .as-h2 font-size: 26px .nb-s-text font-size: 29px .nb-x-text font-size: 34.5px .mobile-text-center text-align: center !important .searchform .nb-input-field display: block input display: block width: 100% .nb-input-field.submit margin-top: 15px .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list float: none width: auto .vc_tta-panel padding: 60px 0 0 0

| ver. 1.4 | Github | . | PHP 7.0.33 | Generation time: 0 | proxy | phpinfo | Settings