/* Pace: Page Progress Bar */ .pace .pace-progress { background: $color-base-1!important; } /* Hamburgers */ .hamburger { padding: 0; } .hamburger-box { width: 20px; height: 18px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 20px; height: 2px; border-radius: 2px; background-color: $navbar-toggle-color; } .hamburger:hover:not(.is-active) .hamburger-inner, .hamburger:hover:not(.is-active) .hamburger-inner:after, .hamburger:hover:not(.is-active) .hamburger-inner:before { background-color: $navbar-toggle-color-hover; } .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: $navbar-toggle-color-active; } .hamburger:not(.is-active) .hamburger-inner:before { top: 6px!important; } .hamburger:not(.is-active) .hamburger-inner:after { top: 12px!important; } .navbar-inverse .hamburger-inner, .navbar-inverse .hamburger-inner:after, .navbar-inverse .hamburger-inner:before { background-color: $navbar-dark-toggle-color; } .navbar-inverse .hamburger:hover:not(.is-active) .hamburger-inner, .navbar-inverse .hamburger:hover:not(.is-active) .hamburger-inner:after, .navbar-inverse .hamburger:hover:not(.is-active) .hamburger-inner:before { background-color: $navbar-dark-toggle-color-hover; } .navbar-inverse .hamburger.is-active .hamburger-inner:after, .navbar-inverse .hamburger.is-active .hamburger-inner:before { background-color: $navbar-dark-toggle-color-active; } /* Light Gallery */ .lightbox-item { cursor: pointer; } /* Masonry - Isotope */ .masonry-item { margin-bottom: 30px; } .masonry-item .block { margin-bottom: 0 !important; } /* No UI Slider */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-origin { position: absolute; height: 0; width: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .noUi-state-drag * { cursor: inherit!important; } .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51, 51, 51, .45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:after, .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-large, .noUi-marker-sub { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-target { border-radius: 0; box-shadow: none; border: 0; background: #e8e8e8; margin: 15px 0; } .noUi-horizontal { height: 2px; } .noUi-horizontal .noUi-handle { top: -5px; left: -1px; } .noUi-vertical { width: 3px; } .noUi-connect { background: $color-base-1; box-shadow: none; } .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { width: 12px; height: 12px; border: 0; border-radius: 100%; box-shadow: none; cursor: pointer; position: relative; background-color: $color-base-1; transition: box-shadow 0.2s,-webkit-transform 0.2s; transition: box-shadow 0.2s,transform 0.2s; transition: box-shadow 0.2s,transform 0.2s,-webkit-transform 0.2s; } .noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before, .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { display: none; } .noUi-horizontal .noUi-handle.noUi-active, .noUi-vertical .noUi-handle.noUi-active { -webkit-transform: scale(1.3); transform: scale(1.3); } .noUi-horizontal .noUi-active, .noUi-vertical .noUi-active { box-shadow: 0 0 0 10px rgba(0,0,0,.04); } .input-slider--blue .noUi-connect { background: #03A9F4; } .input-slider--blue.noUi-horizontal .noUi-handle, .input-slider--blue.noUi-vertical .noUi-handle { background-color: #03A9F4; } .input-slider--red .noUi-connect { background: #ff5652; } .input-slider--red.noUi-horizontal .noUi-handle, .input-slider--red.noUi-vertical .noUi-handle { background-color: #ff5652; } .input-slider--amber .noUi-connect { background: #ffc107; } .input-slider--amber.noUi-horizontal .noUi-handle, .input-slider--amber.noUi-vertical .noUi-handle { background-color: #ffc107; } .input-slider--green .noUi-connect { background: #32c787; } .input-slider--green.noUi-horizontal .noUi-handle, .input-slider--green.noUi-vertical .noUi-handle { background-color: #32c787; } /* Disabled state */ [disabled] .noUi-connect, [disabled].noUi-connect { background: $noui-slider-connect-disabled-bg; } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed; } /* Range slider value labels */ .range-slider-value { font-size: $font-size-sm; font-weight: 500; } .range-slider-wrapper {} .range-slider-wrapper .price-currency {} .range-slider-wrapper .upper-info { font-weight: 400; margin-bottom: 5px; } .input-slider-value-output { background: #333; color: #fff; padding: 4px 8px; position: relative; top: 12px; font-size: 11px; border-radius: 2px; } .input-slider-value-output:after { bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #333; border-width: 4px; margin-left: -4px; } .input-slider-value-output.left:after { left: 10px; right: auto; } .input-slider-value-output.right:after { right: 10px; left: auto; } // Swiper .swiper-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .swiper-pagination--style-1 { display: inline-block; position: relative; } .swiper-pagination--style-1 .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; margin-right: 4px; border-radius: 100%; background: #000; opacity: 0.2; } .swiper-pagination--style-1 .swiper-pagination-bullet-active { background: $color-base-1; } .swiper-pagination-bullet-active { background: $color-base-1; } .swiper-container { height: 100%; } .swiper-wrapper .swiper-slide, .swiper-wrapper .swiper-slide *:not(.btn):not(.link) { cursor: grab!important; cursor: -webkit-grab!important; cursor: -moz-grab!important; } .swiper-wrapper .swiper-slide:active, .swiper-wrapper .swiper-slide:active *:not(.btn):not(.link) { cursor: grabbing!important; cursor: -webkit-grabbing!important; cursor: -moz-grabbing!important; } .swiper-container .swiper-slide .animated { opacity: 0; } .swiper-container .swiper-slide .animated.animation-ended { opacity: 1; } @media(max-width: 767px) { .swiper-slide { height: auto!important; } } .swiper-wrapper .swiper-slide .btn { cursor: pointer!important; } .swiper-container-centered { margin: 20px auto; } .swiper-container-centered .swiper-slide { width: 50%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-vertical .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-vertical .swiper-slide-inner-right { padding-left: 50px; } .swiper-container-vertical .swiper-pagination { right: auto; left: 10px; } .swiper-container-vertical .swiper-pagination .swiper-pagination-bullet { margin: 8px 0; width: 6px; height: 6px; } .swiper-container-vertical .swiper-pagination .swiper-pagination-bullet-active { width: 10px; height: 10px; margin-left: -2px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 44px; height: 44px; line-height: 44px; text-align: center; margin-top: -22px; border-radius: 100%; z-index: 10; cursor: pointer; background: none; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 1); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5); } .swiper-button-prev:after { content: "\f3d2"; font-family: "Ionicons"; } .swiper-button-next:after { content: "\f3d3"; font-family: "Ionicons"; } .background-image-holder .swiper-button-next, .background-image-holder .swiper-button-prev, .swiper-button--hover-only.swiper-button-next, .swiper-button--hover-only.swiper-button-prev { opacity: 0; } .background-image-holder:hover .swiper-button-next, .background-image-holder:hover .swiper-button-prev, .swiper-button--hover-only.swiper-button-next, .swiper-button--hover-only.swiper-button-prev { opacity: 1; } .swiper-button--style-1 { width: auto; margin: 0; top: 0; left: 0; right: 0; display: inline-block; position: static; background: transparent; color: #333; font-size: 24px; } .swiper-button--style-1:active, .swiper-button--style-1:focus, .swiper-button--style-1:hover { background: transparent; color: $color-base-1; opacity: 1; } .swiper-button--style-1.swiper-button-next { margin-left: 10px; } .swiper-button--style-2 { position: absolute; top: 50%; width: 44px; height: 44px; line-height: 44px; text-align: center; margin-top: -22px; border-radius: 100%; z-index: 10; cursor: pointer; background: none; background: rgba(255, 255, 255, 1); color: #999; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .swiper-button--style-2.swiper-button-prev { left: -10px; } .swiper-button--style-2.swiper-button-next { right: -10px; } .swiper-button--style-2.swiper-button-disabled { opacity: 0; } .swiper-button--style-2:hover { background: rgba(255, 255, 255, 1); color: $color-base-1; } // Swiper caption .swiper-container .swiper-caption { text-shadow: 0; text-align: left; background: rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00000000', endColorstr='#a6000000',GradientType=0 ); color: #fff; } .swiper-container .swiper-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 30px; } .swiper-container .swiper-caption .caption-title { display: block; margin: 10px 0 0; padding: 0; font-size: 22px; line-height: 1.1; color: #fff; font-weight: 500; } .swiper-container .swiper-caption .caption-subtitle { display: block; margin: 10px 0 0; padding: 0; font-size: 16px; line-height: 1.1; color: #ddd; font-weight: 400; } .swiper-container .swiper-caption .meta-info-cells li, .swiper-container .swiper-caption .meta-info-cells li a, .swiper-container .swiper-caption .meta-info-cells li i { color: #ddd; } // Swiper gallery .gallery-container { position: relative; } .gallery-container .gallery-top { width: 100%; padding: $spacer; background: $color-gray-lighter; //border: 1px solid rgba(0,0,0,.1); border-radius: $border-radius; } .gallery-container .gallery-top .swiper-button-next, .gallery-container .gallery-top .swiper-button-prev { opacity: 0; } .gallery-container .gallery-top:hover .swiper-button-next, .gallery-container .gallery-top:hover .swiper-button-prev { opacity: 1; } .gallery-container .gallery-top .swiper-slide img { max-width: 100%; @extend .img-center; } .gallery-container .gallery-thumbs { box-sizing: border-box; padding: $spacer 0; } .gallery-container .gallery-thumbs .swiper-slide { width: 25%; opacity: 0.4; background: transparent; } .gallery-container .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery-container .gallery-thumbs .swiper-slide img { max-width: 100%; @extend .img-center; } .gallery-container.gallery-container--style-2 .gallery-top { background: transparent; } // Milestone counter .milestone-counter { margin: 30px 0; } .milestone-counter .milestone-count { font-size: 60px; font-family: $font-family-alt; padding: 0; margin: 0; font-weight: 600; text-transform: uppercase; } .milestone-counter .milestone-count.milestone-count-sm { font-size: 52px !important; } .milestone-counter .milestone-count.milestone-count-xs { font-size: 32px !important; } .milestone-counter .milestone-info { font-family: $font-family-alt; padding: 0; margin: 0; font-size: 1rem; font-weight: 500; text-transform: uppercase; } .milestone-counter .milestone-icon { display: block; //text-align: center; line-height: 1; } .milestone-counter .milestone-icon .fa, .milestone-counter .milestone-icon .icon { font-size: 60px; line-height: 1; margin-bottom: 30px; } .milestone-counter .milestone-icon .icon:before { line-height: 0; } .milestone-counter .milestone-delimiter { display: block; width: 60px; margin-bottom: 14px; border-bottom: 3px solid $color-base-1; border-bottom: 3px solid $color-base-1; } .milestone-counter .milestone-delimiter:after, .milestone-counter .milestone-delimiter:before { display: table; content: ""; width: 100%; } .milestone-counter .milestone-delimiter:after { clear: both; } @media(max-width: 767px) { .milestone-counter { margin-bottom: 60px; } } // Morphtext .morphext > .animated { display: inline-block; } // Easy pie chart .easy-pie-chart { display: inline-block; position: relative; } .easy-pie-chart-value { position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; } .easy-pie-chart-value:after { content: "%"; font-size: 12px; } .easy-pie-chart-title { display: block; font-size: $font-size-sm; margin-bottom: 0.5rem; } // Revolution slider .rev-slider-outer-wrapper { position: relative; overflow: hidden; background: $section-color-1; } .rev_slider_wrapper { margin: 0 auto; padding: 0; background-color: transparent; } .rev_slider_wrapper .play-video { position: relative; top: auto; left: auto; } .rev_slider_wrapper .title--style-1, .rev_slider_wrapper .tp-caption.title--style-1 { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255,255,255,1.00); font-family: $font-family-alt; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none; } .rev_slider_wrapper .subtitle--style-1, .rev_slider_wrapper .tp-caption.subtitle--style-1 { font-size: 1rem; } .rev_slider_wrapper .content--style-1, .rev_slider_wrapper .tp-caption.content--style-1 { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(153,153,153,1.00); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-decoration: none; } .title--style-2, .tp-caption.title--style-2 { color: rgba(255, 255, 255, 1.00); font-size: 65px; line-height: 70px; font-weight: 700; font-style: normal; font-family: $font-family-alt; padding: 21px 30px 16px; text-decoration: none; text-align: left; background-color: rgba(17, 17, 17, 0.90); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; } .category-title--style-2, .tp-caption.category-title--style-2 { color: rgba(17, 17, 17, 1.00); font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: $font-family-alt; padding: 21px 30px 16px; text-decoration: none; text-align: left; background-color: rgba(255, 255, 255, 0.90); border-color: transparent; border-style: none; border-width: 0; border-radius: 0 0 0 0; letter-spacing: 3px; } .non-generic-icon, .tp-caption.non-generic-icon { background-color: rgba(0,0,0,0); border-color: rgba(255,255,255,0); border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: rgba(255,255,255,1.00); font-family: $font-family-alt; font-size: 70px; font-style: normal; font-weight: 400; letter-spacing: 3px; line-height: 30px; padding: 0; text-align: left; text-decoration: none; } .rev_slider_wrapper .handwritten-title, .rev_slider_wrapper .handwritten-title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255,255,255,1.00); font-family: Pacifico; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none; } .rev_slider_wrapper .handwritten-subtitle, .rev_slider_wrapper .tp-caption.handwritten-subtitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255,255,255,1.00); font-family: Pacifico; font-size: 32px; font-style: normal; font-weight: 600; line-height: 32px; padding: 10px 0; text-decoration: none; } @media(min-width: 768px) { .rev_slider_wrapper .rev-slider-search-wrapper { width: 650px; } } @media(max-width: 767px) { .rev_slider_wrapper .rev-slider-search-wrapper { width: 450px; } } @media(max-width: 440px) { .rev_slider_wrapper .rev-slider-search-wrapper { width: 300px; } } .tp-tab-title { font-family: $font-family-alt!important; } /* COUNTDOWN TIMER */ .countdown .countdown-item { display: inline-block; } .countdown .countdown-digit, .countdown .countdown-label { font-size: 2rem; font-weight: 300; font-family: $font-family-alt; } .countdown .countdown-label { font-size: 1.2rem; padding: 0 10px; } .countdown-sm .countdown-digit, .countdown-sm .countdown-label { font-size: 1.4rem; } .countdown-sm .countdown-label { font-size: 0.875rem; padding: 0 10px; } [data-countdown-label="hide"] .countdown-label:not(.countdown-days) { display: none; } [data-countdown-label="show"] .countdown-separator { display: none; } .countdown--style-1 .countdown-item { margin-right: 10px; } .countdown--style-1 .countdown-item:last-child { margin-right: 0; } .countdown--style-1 .countdown-digit { display: block; width: 60px; height: 60px; background: #f3f3f3; color: #333; font-size: 22px; font-weight: 400; text-align: center; line-height: 60px; font-family: $font-family-alt; } .countdown--style-1 .countdown-label { display: block; margin-top: 5px; text-align: center; font-size: 13px; font-weight: 500; font-family: $font-family-alt; text-transform: uppercase; } .countdown--style-1-v1 .countdown-digit { background: rgba(0, 0, 0, 0.5); color: #fff; } // To top .btn-back-to-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; text-align: center; line-height: 40px; background: $color-base-1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 100%; overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .btn-back-to-top:before { font-family: "Ionicons"; content: "\f3d8"; display: block; font-size: 1rem; color: $color-base-text-1; } .btn-back-to-top.back-to-top-fade-out, .btn-back-to-top.back-to-top-is-visible, .no-touch .btn-back-to-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .btn-back-to-top.back-to-top-is-visible { visibility: visible; opacity: 1; } .btn-back-to-top.back-to-top-fade-out { opacity: 0.8; } .no-touch .btn-back-to-top:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .btn-back-to-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .btn-back-to-top { height: 40px; width: 40px; right: 30px; bottom: 30px; line-height: 40px; } } // Instafeed .instafeed [class^=col-] { padding-left: 10px; padding-right: 10px; } .instafeed img { margin-bottom: 20px; } .instafeed.row-no-padding img { margin-bottom: 0; } // Paraxify .paraxify { background-attachment: fixed; background-position: center center; background-size: cover; }