/* ---- escope: css-plugin-collections.css ---- */ /* @Author: ThemeMascot @URL: http://ThemeMascot.com Necessary CSS Collection */ /** * Table of Contents: * * 1 -> Owl carousel * 2 -> isotope * 3 -> lightbox * 4 -> maximage * 5 -> ytplayer * 6 -> vertical timeline * 7 -> slick slider * 8 -> menufullpage * 9 -> megafolio * 10 -> flexslider * =============================================== */ /* * 1 -> Owl carousel * ----------------------------------------------- */ /* * Owl Carousel - Animate Plugin*/ .owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.owl-carousel .owl-animated-in {z-index: 0;}.owl-carousel .owl-animated-out {z-index: 1;}.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}/* * Owl Carousel - Auto Height Plugin*/.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}/* * Core Owl Carousel CSS File*/.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.owl-carousel.owl-loaded {display: block;}.owl-carousel.owl-loading {opacity: 0;display: block;}.owl-carousel.owl-hidden {opacity: 0;}.owl-carousel .owl-refresh .owl-item {display: none;}.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;}.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}.owl-carousel.owl-rtl {direction: rtl;}.owl-carousel.owl-rtl .owl-item {float: right;}/* No Js */.no-js .owl-carousel {display: block;}/* * Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}.owl-carousel .owl-item img {transform-style: preserve-3d;}/* * Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3);-moz-transition: scale(1.3, 1.3);-ms-transition: scale(1.3, 1.3);-o-transition: scale(1.3, 1.3);transition: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}.owl-carousel .owl-video-frame {position: relative;z-index: 1;} /* * 2 -> isotope * ----------------------------------------------- */ .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1} /* * 3 -> lightbox * ----------------------------------------------- */ /* Preload images */ body:after {display: none;}.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}.lightbox .lb-image {display: block;height: auto;max-width: inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}.lightbox a img {border: none;}.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}.lb-outerContainer:after {content: "";display: table;clear: both;}.lb-container {padding: 4px;}.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: no-repeat;}.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}.lb-container > .nav {left: 0;}.lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}.lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}.lb-dataContainer:after {content: "";display: table;clear: both;}.lb-data {padding: 0 4px;color: #ccc;}.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} /* * 4 -> maximage * ----------------------------------------------- */ /*! Version: 2.0.73 (12-Oct-2012) */ .mc-hide-scrolls {overflow: hidden}body .mc-cycle {height: 100%;left: 0;overflow: hidden;position: fixed;top: 0;width: 100%;z-index: -1}div.mc-image {-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;height: 100%;overflow: hidden;width: 100%}.mc-old-browser .mc-image {overflow: hidden}#home .maximage-slider #maximage {background-color: #000000;display: block;height: 100% !important;overflow: hidden;position: absolute;width: 100% !important;}#home .maximage-slider #maximage .mc-image {height: 100% !important;}#home .maximage-slider.static #maximage {position: fixed;}#home .maximage-slider .fullscreen-controls {margin-top: -64px;position: absolute;top: 50%;width: 100%;z-index: 5;}#home .maximage-slider .fullscreen-controls .img-prev,#home .maximage-slider .fullscreen-controls .img-next {color: #ffffff;filter: alpha(opacity=0);opacity: 0;position: absolute;}#home .maximage-slider .fullscreen-controls .img-prev i,#home .maximage-slider .fullscreen-controls .img-next i {font-size: 64px;}#home .maximage-slider .fullscreen-controls .img-prev:hover,#home .maximage-slider .fullscreen-controls .img-next:hover {cursor: pointer;text-decoration: none;}#home .maximage-slider .fullscreen-controls .img-prev {left: 15px;-webkit-transition: opacity 0.3s, left 0.3s;-o-transition: opacity 0.3s, left 0.3s;transition: opacity 0.3s, left 0.3s;}#home .maximage-slider .fullscreen-controls .img-next {right: 15px;-webkit-transition: opacity 0.3s, right 0.3s;-o-transition: opacity 0.3s, right 0.3s;transition: opacity 0.3s, right 0.3s;}#home:hover .maximage-slider .fullscreen-controls .img-prev,#home:hover .maximage-slider .fullscreen-controls .img-next {filter: alpha(opacity=100);opacity: 1;}#home:hover .maximage-slider .fullscreen-controls .img-prev {left: 25px;}#home:hover .maximage-slider .fullscreen-controls .img-next {right: 25px;} /* * 5 -> ytplayer * ----------------------------------------------- */ /*____________________________________________________________________________________________________________________________________________________ jquery.mb.components __ __ file: mb.YTPlayer.css __ last modified: 19/08/14 19.57 __ __ Open Lab s.r.l., Florence - Italy __ __ email: matteo@open-lab.com __ site: http://pupunzi.com __ http://open-lab.com __ blog: http://pupunzi.open-lab.com __ Q&A: http://jquery.pupunzi.com __ __ Licences: MIT, GPL __ http://www.opensource.org/licenses/mit-license.php __ http://www.gnu.org/licenses/gpl.html __ __ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); ____________________________________________________________________ ________________________________________________________________________________*/ @charset"UTF-8"; /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */ .mb_YTPlayer :focus {outline: 0;}.mb_YTPlayer{display:block;transform:translateZ(0);transform-style: preserve-3d;perspective: 1000;backface-visibility: hidden;transform:translate3d(0,0,0);animation-timing-function: linear;box-sizing: border-box;}.mb_YTPlayer.fullscreen{display:block!important;position: fixed!important;width: 100%!important;height: 100%!important;top: 0!important;left: 0!important;margin: 0!important;border: none !important;}.mb_YTPlayer.fullscreen .mbYTP_wrapper{opacity:1 !important;}.mbYTP_wrapper iframe {max-width: 4000px !important;}.inline_YTPlayer{margin-bottom: 20px;vertical-align:top;position:relative;left:0;overflow: hidden;border-radius: 4px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);box-shadow: 0 0 5px rgba(0,0,0,.7);background: rgba(0,0,0,.5);}.inline_YTPlayer img{border: none!important;-moz-transform: none!important;-webkit-transform: none!important;-o-transform: none!important;transform: none!important;margin:0!important;padding:0!important}/*CONTROL BAR*/.mb_YTPBar .ytpicon{font-size: 20px;font-family: 'ytpregular';}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size: 30px;}.mb_YTPBar{transition: opacity 1s;-moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;display:block;width:100%;height:10px;padding:5px;background:#333;position:fixed;bottom:0;left:0;-moz-box-sizing:padding-box;-webkit-box-sizing:border-box;text-align:left;z-index: 1000;font: 14px/16px sans-serif;color:white;opacity:.1;}.mb_YTPBar.visible, .mb_YTPBar:hover{opacity:1;}.mb_YTPBar .buttonBar{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;background:transparent;font:12px/14px Calibri;position:absolute;top:-30px;left:0;padding: 5px;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}.mb_YTPBar:hover .buttonBar{background: rgba(0,0,0,0.4);}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri, sans-serif;position:relative;width: 30px;height: 25px;vertical-align: middle;}.mb_YTPBar span.mb_YTPTime{width: 130px;}.mb_YTPBar span.mb_YTPUrl,.mb_YTPBar span.mb_OnlyYT {position: absolute;width: auto;display:block;top:6px;right:10px;cursor: pointer;}.mb_YTPBar span.mb_YTPUrl img{width: 60px;}.mb_YTPBar span.mb_OnlyYT {left:185px;right: auto;}.mb_YTPBar span.mb_OnlyYT img{width: 25px;}.mb_YTPBar span.mb_YTPUrl a{color:white;}.mb_YTPPlaypause,.mb_YTPlayer .mb_YTPPlaypause img{cursor:pointer;}.mb_YTPMuteUnmute{cursor:pointer;}/*PROGRESS BAR*/.mb_YTPProgress{height:10px;width:100%;background:#111;bottom:0;left:0;}.mb_YTPLoaded{height:10px;width:0;background:#444;left:0;}.mb_YTPseekbar{height:10px;width:0;background:#fff;bottom:0;left:0;box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;}.YTPOverlay{backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: "flat";box-sizing: border-box;} /* * 6 -> vertical timeline * ----------------------------------------------- */ .cd-container {width: 90%;max-width: 1170px;margin: 0 auto;}.cd-container::after {/* clearfix */content: '';display: table;clear: both;}.cd-timeline {position: relative;padding: 2em 0;margin-top: 2em;margin-bottom: 2em;}.cd-timeline::before {/* this is the vertical line */content: '';position: absolute;top: 0;left: 18px;height: 100%;width: 2px;background: #eee;}@media only screen and (min-width: 1170px) {.cd-timeline {margin-top: 3em;margin-bottom: 3em;}.cd-timeline::before {left: 50%;margin-left: 0px;}}.cd-timeline-block {position: relative;margin: 2em 0;}.cd-timeline-block:after {content: "";display: table;clear: both;}.cd-timeline-block:first-child {margin-top: 0;}.cd-timeline-block:last-child {margin-bottom: 0;}@media only screen and (min-width: 1170px) {.cd-timeline-block {margin: 4em 0;}.cd-timeline-block:first-child {margin-top: 0;}.cd-timeline-block:last-child {margin-bottom: 0;}}.cd-timeline-img {background: none repeat scroll 0 0 #eee; position: absolute;top: 0;left: 0;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ddd;}.cd-timeline-img i {display: block;font-size: 24px; width: 24px;height: 24px;position: relative;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;}@media only screen and (min-width: 1170px) {.cd-timeline-img {width: 60px;height: 60px;left: 50%;margin-left: -30px;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}.cssanimations .cd-timeline-img.is-hidden {visibility: hidden;}.cssanimations .cd-timeline-img.bounce-in {visibility: visible;-webkit-animation: cd-bounce-1 0.6s;-moz-animation: cd-bounce-1 0.6s;animation: cd-bounce-1 0.6s;}}@-webkit-keyframes cd-bounce-1 {0% {opacity: 0;-webkit-transform: scale(0.5);}60% {opacity: 1;-webkit-transform: scale(1.2);}100% {-webkit-transform: scale(1);}}@-moz-keyframes cd-bounce-1 {0% {opacity: 0;-moz-transform: scale(0.5);}60% {opacity: 1;-moz-transform: scale(1.2);}100% {-moz-transform: scale(1);}}@keyframes cd-bounce-1 {0% {opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);}60% {opacity: 1;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}.cd-timeline-content {position: relative;margin-left: 60px;background: white;border-radius: 0.25em;padding: 1em;border: 2px solid #eee;}.cd-timeline-content:after {content: "";display: table;clear: both;}.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {/* font-size: 13px;font-size: 0.8125rem;*/}.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block;}.cd-timeline-content .cd-read-more {float: right;}.cd-timeline-content .cd-date {float: left;padding: .8em 0;opacity: .7;}.cd-timeline-content::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #eee;}@media only screen and (min-width: 768px) {/* .cd-timeline-content h2 {font-size: 20px;font-size: 1.25rem;}.cd-timeline-content p {font-size: 16px;font-size: 1rem;}.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 14px;font-size: 0.875rem;}*/}@media only screen and (min-width: 1170px) {.cd-timeline-content {margin-left: 0;padding: 1.6em;width: 45%;}.cd-timeline-content::before {top: 24px;left: 100%;border-color: transparent;border-left-color: #eee;}.cd-timeline-content .cd-read-more {float: left;}.cd-timeline-content .cd-date {position: absolute;width: 100%;left: 122%;top: 6px;/* font-size: 16px;font-size: 1rem;*/}.cd-timeline-block:nth-child(even) .cd-timeline-content {float: right;}.cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px;left: auto;right: 100%;border-color: transparent;border-right-color: #eee;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto;right: 122%;text-align: right;}.cssanimations .cd-timeline-content.is-hidden {visibility: hidden;}.cssanimations .cd-timeline-content.bounce-in {visibility: visible;-webkit-animation: cd-bounce-2 0.6s;-moz-animation: cd-bounce-2 0.6s;animation: cd-bounce-2 0.6s;}}@media only screen and (min-width: 1170px) {/* inverse bounce effect on even content blocks */.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {-webkit-animation: cd-bounce-2-inverse 0.6s;-moz-animation: cd-bounce-2-inverse 0.6s;animation: cd-bounce-2-inverse 0.6s;}}@-webkit-keyframes cd-bounce-2 {0% {opacity: 0;-webkit-transform: translateX(-100px);}60% {opacity: 1;-webkit-transform: translateX(20px);}100% {-webkit-transform: translateX(0);}}@-moz-keyframes cd-bounce-2 {0% {opacity: 0;-moz-transform: translateX(-100px);}60% {opacity: 1;-moz-transform: translateX(20px);}100% {-moz-transform: translateX(0);}}@keyframes cd-bounce-2 {0% {opacity: 0;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}60% {opacity: 1;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px);}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes cd-bounce-2-inverse {0% {opacity: 0;-webkit-transform: translateX(100px);}60% {opacity: 1;-webkit-transform: translateX(-20px);}100% {-webkit-transform: translateX(0);}}@-moz-keyframes cd-bounce-2-inverse {0% {opacity: 0;-moz-transform: translateX(100px);}60% {opacity: 1;-moz-transform: translateX(-20px);}100% {-moz-transform: translateX(0);}}@keyframes cd-bounce-2-inverse {0% {opacity: 0;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);}60% {opacity: 1;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px);}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}} /* * 7 -> slick slider * ----------------------------------------------- */ /* Slider */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track{position: relative;top: 0;left: 0;display: block;}.slick-track:before,.slick-track:after{display: table;content: '';}.slick-track:after{clear: both;}.slick-loading .slick-track{visibility: hidden;}.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;}.slick-loading .slick-slide{visibility: hidden;}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} /* slick-theme.css */ @charset 'UTF-8';/* Slider */ .slick-loading .slick-list{background: #fff center center no-repeat;}/* Icons *//* Arrows */.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;margin-top: -10px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}.slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-prev{left: -25px;}[dir='rtl'] .slick-prev{right: -25px;left: auto;}.slick-prev:before{content: '←';}[dir='rtl'] .slick-prev:before{content: '→';}.slick-next{right: -25px;}[dir='rtl'] .slick-next{right: auto;left: -25px;}.slick-next:before{content: '→';}[dir='rtl'] .slick-next:before{content: '←';}/* Dots */.slick-slider{margin-bottom: 30px;}.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{opacity: .75;color: black;} /* * 8 -> menufullpage * ----------------------------------------------- */ /* ========================== MENU fullpage CSS ========================== */ #menu {background: rgba(255, 255, 255, 0.97);z-index: -1;position: fixed;/*left: -100%;*/ /*left or right and the width of your navigation panel*/left: 0 !important; /*left or right and the width of your navigation panel*/opacity: 0;width: 100%; /*should match the above value*/-webkit-transition: all .5s ease-in-out !important;-moz-transition: all .5s ease-in-out !important;-ms-transition: all .5s ease-in-out !important;-o-transition: all .2s ease-in-out !important;transition: all .5s ease-in-out !important;}.menu-link.menu-open + #menu {opacity: 1;z-index: 998;}.menu-link i {text-decoration: none;font-size: 40px;color: #fff;}#menu ul {margin-top: 50px;-webkit-transition: all .7s ease-in-out !important;-moz-transition: all .7s ease-in-out !important;-ms-transition: all .7s ease-in-out !important;-o-transition: all .7s ease-in-out !important;transition: all .7s ease-in-out !important;}.menu-link.menu-open + #menu ul {margin-top: 70px;}#menu li {text-align: center;transition: all 0.4s ease;padding: 20px 0;position: relative;}#menu li a {color: #111;font-size: 28px;font-family: 'Open Sans', sans-serif;text-decoration: none;font-weight: 400;text-transform: uppercase;padding: 0;position: relative;}#menu li a:hover{color: #888;-webkit-transition: color 2s time;-o-transition: color 2s time;transition: color 2s time;}#menu ul ul li a:hover {color: #888;}#menu li:hover:after a {position: absolute;content: '';color: #FFF;}#menu ul ul {display: none;}#menu ul ul li a {font-size: 13px;}.menu-link {z-index: 999;display: block;position: fixed;top: 0;right: 0;overflow: hidden;margin: 0;padding: 0;width: 70px;height: 70px;font-size: 0;text-indent: -9999px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;background-color: transparent;}.menu-link:focus {outline: none;}.menu-link span {display: block;position: absolute;top: 45px;left: 18px;right: 18px;height: 4px;border-radius: 2px;background: #888;-webkit-transition: background 0 0.3s;transition: background 0 0.3s;}.menu-link span::before, .menu-link span::after {position: absolute;display: block;left: 0;width: 100%;height: 4px;border-radius: 0;background-color: #888;content: "";-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;}.menu-link span::before {top: -12px;-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}.menu-link span::after {bottom: -12px;-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}/* active state, i.e. menu open */.menu-link.menu-open {background-color: transparent;}.menu-link.menu-open span {background: none;}.menu-link.menu-open span::before, .menu-link.menu-open span::after {background-color: #111;}.menu-link.menu-open span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.menu-link.menu-open span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}.menu-link.menu-open span::before, .menu-link.menu-open span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;} /* * 9 -> megafolio * ----------------------------------------------- */ /*----------------------------------------------------------------------------- - Megafolio PRO - Screen Stylesheet version: 1.0 date: 10/10/12 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /**************************** - FANCY BOX TRICKS - *****************************/ .fancybox-lock .fancybox-overlay {overflow-x: auto;overflow-y: hidden !important;} /************************************************- BASIC CAPTIONS AND COVERS PER mega-entry -************************************************/ .mega-covercaption {padding: 21px 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;position: absolute;left: 0px;min-height: 0px;max-width: 100%;max-height: 100%;overflow: hidden;}.mega-white {background: #fff;}.mega-white.mega-transparent {background: rgba(255,255,255,0.80)}.mega-black {background: #000;}.mega-black.mega-transparent {background: rgba(0,0,0,0.80)}.mega-turquoise {background: #43a1a9;}.mega-orange {background: #de921a;}.mega-green {background: #9ab534;}.mega-red {background: #d74f35;}.mega-violet {background: #791869;}.mega-blue {background: #034e92;}.mega-yellow {background: #f1c40f;}/*** THE DIRECTIONS OF CAPTIONS **/.mega-square .mega-square-top {top: 0px;left: 0px;bottom: auto;}.mega-square .mega-square-bottom {bottom: 0px;left: 0px;top: auto;}.mega-square .mega-square-left {top: 0px;left: 0px;max-width: 50%;height: 100%}.mega-square .mega-square-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-portrait .mega-portrait-top {top: 0px;left: 0px;bottom: auto;}.mega-portrait .mega-portrait-bottom {bottom: 0px;left: 0px;top: auto;}.mega-portrait .mega-portrait-left {top: 0px;left: 0px;width: 50%;height: 100%}.mega-portrait .mega-portrait-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-landscape .mega-landscape-top {top: 0px;left: 0px;bottom: auto;}.mega-landscape .mega-landscape-bottom {bottom: 0px;left: 0px;top: auto;}.mega-landscape .mega-landscape-left {top: 0px;left: 0px;width: 50%;height: 100%}.mega-landscape .mega-landscape-right {top: 0px;right: 0px;left: auto;width: 50%;height: 100%}.mega-title {text-align: left;font-family: 'Open Sans', sans-serif;font-size: 24px;line-height: 24px;color: #fff;font-weight: 400;}.mega-date {text-align: left;font-family: 'Open Sans', sans-serif;font-size: 15px;color: #666;font-weight: 300;margin-top: 0px;}.mega-covercaption p {text-align: left;font-family: 'Open Sans', sans-serif;font-size: 13px;color: #555;font-weight: 400;margin-top: 12px;}.mega-covercaption a {color: #fff;text-decoration: none;border-bottom: 1px dotted #fff;}.mega-covercaption a:hover {text-decoration: none;border-bottom: 0;}.mega-withsocialbar.mega-covercaption {margin-bottom: 16px;}.mega-smallcaptions .mega-title {font-size: 18px;font-weight: 700;text-transform: uppercase;}.mega-smallcaptions .mega-date {font-size: 12px;font-weight: 400;text-transform: uppercase;color: #888;}.mega-white .mega-title {color: #000;}.mega-white .mega-date {color: #666;}.mega-white p {color: #555;}.mega-white.mega-covercaption a {color: #555;text-decoration: none;border-bottom: 1px dotted #555;}.mega-white.mega-covercaption a:hover {text-decoration: none;border-bottom: 0;}.mega-black .mega-title {color: #fff;}.mega-black .mega-date {color: #fff;}.mega-black p {color: #fff;}.mega-turquoise .mega-title, .mega-turquoise .mega-date, .mega-turquoise p {color: #fff;}.mega-orange .mega-title, .mega-orange .mega-date, .mega-orange p {color: #fff;}.mega-green .mega-title, .mega-green .mega-date, .mega-green p {color: #fff;}.mega-red .mega-title, .mega-red .mega-date, .mega-red p {color: #fff;}.mega-violet .mega-title, .mega-violet .mega-date, .mega-violet p {color: #fff;}.mega-blue .mega-title, .mega-blue .mega-date, .mega-blue p {color: #fff;}.fatcaption-top {position: absolute;top: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 14px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.fatcaption-bottom {position: absolute;bottom: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 14px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.gallerycaption-bottom {position: absolute;bottom: 0;width: 100%;text-align: center;padding: 15px 0px;font-size: 17px;line-height: 20px;font-weight: 700;color: #fff;margin-top: 0px;background: rgb(0,0,0);background: rgba(0,0,0,0.8);}.gallerysubline {width: 100%;text-align: center;font-size: 13px;line-height: 20px;font-weight: 400;color: #ccc;margin-top: 2px;}/** SET THE CAPTION SETTIGS UNDER LOWSIZE ENTRIES **/.mega-lowsize .mega-covercaption p {display: none;}.mega-lowsize .mega-title {font-size: 18px;}.mega-lowsize .mega-date {font-size: 13px;}/********************************- CAPTION NORMAL LINKS*********************************/.mega-coverbuttons {max-width: 68px;max-height: 34px;position: absolute;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;left: 0px !important;top: 0px !important;bottom: auto !important}.mega-entry-innerwrap:hover .mega-coverbuttons {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}.mega-link {background-repeat: no-repeat;background-position: center center;width: 34px;height: 34px;float: left;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;cursor: pointer;}.mega-view {background-repeat: no-repeat;background-position: center center;width: 34px;height: 34px;float: left;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;cursor: pointer;}.mega-link:hover, .mega-view:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} /*********************************************- SOCIAL BAR AT THE BOTTOM PER mega-entry -***********************************************/ .mega-square .mega-square-bottom.mega-withsocialbar, .mega-portrait .mega-portrait-bottom.mega-withsocialbar, .mega-landscape .mega-landscape-bottom.mega-withsocialbar {padding-bottom: 25px;}.mega-socialbar {position: absolute;height: 16px;z-index: 10;bottom: 0px;margin-left: 0px;margin-right: 0px;left: 0px;right: 0px;box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;background: repeat-x;border-top: 0;border-bottom: 0;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;padding: 2px 10px;overflow: hidden;}.mega-socialbar span {text-align: left;font-family: 'Open Sans', sans-serif;font-size: 11px;color: #777;font-weight: 400;line-height: 16px;text-shadow: 0px 1px 0px #fff;}.mega-soc {cursor: pointer;background-position: left 2px !important;min-width: 16px;height: 18px;margin-top: -2px;}.mega-soc:hover {background-position: left -14px !important;}.mega-soc span {margin-left: 20px;margin-right: 20px;}.mega-facebook {background: no-repeat;}.mega-comments {background: no-repeat;}.mega-twitter {background: no-repeat;}.mega-more {background: no-repeat;}.mega-like {background: no-repeat;}.mega-leftfloat {float: left;margin-right: 5px;}.mega-rightfloat {float: right;}.ie8 .mega-socialbar .mega-rightfloat, .ie9 .mega-socialbar .mega-rightfloat {margin-right: 25px;} /****************************************************- BASIC SETTINGS FOR GALLERY GRIDS -******************************************************/ .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.noborder .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.noborder .mega-entry .mega-entry-innerwrap {border: 0px solid #fff;}.light-bg-entries .mega-entry .mega-entry-innerwrap {background-color: #ccc !important;}.dark-bg-entries .mega-entry .mega-entry-innerwrap {background-color: rgb(0,0,0) !important;background-color: rgba(0,0,0,0.3) !important;}.mega-entry {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;position: absolute;z-index: 2;}.mega-entry .mega-entry-innerwrap {width: 100%;height: 100%;position: relative;overflow: visible;z-index: 2;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}.ie8 .mega-entry, .ie8 .mega-entry .mega-entry-innerwrap, .ie9 .mega-entry, .ie9 .mega-entry .mega-entry-innerwrap {overflow: hidden;}.mega-entry-innerwrap.pagetop {-webkit-transform-origin: 50% 0% 0;-moz-transform-origin: 50% 0% 0;transform-origin: 50% 0% 0;}.mega-entry-innerwrap.pagebottom {-webkit-transform-origin: 50% 100% 0;-moz-transform-origin: 50% 100% 0;transform-origin: 50% 100% 0;}.mega-entry-innerwrap.pagemiddle {-webkit-transform-origin: 50% 50% 0;-moz-transform-origin: 50% 50% 0;transform-origin: 50% 50% 0;}.megafolio-container.norounded .mega-entry .mega-entry-innerwrap {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.megafolio-container-splash.norounded .mega-entry .mega-entry-innerwrap {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.mega-lightbox, .oldmegalightbox {position: absolute;overflow: hidden;box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);border: 1px solid #333;z-index: 1000;padding: 100px;background: repeat;background-color: rgba(20,20,20,0.9);margin-left: -100px;margin-top: -100px;}.mega-lightbox .mediaholder, .oldmegalightbox .mediaholder {border: 2px solid #fff;position: relative;width: 100%;height: 100%;box-shadow: 0px 0px 3px 1px rgba(40,40,40,0.6);}/** IE HACKS **/.ieimg {position: absolute;width: 100%;top: 0px;left: 0px;z-index: 0;}.mega-mega-entry-added {visibility: hidden;}.mega-mega-entry-added .mega-socialbar, .mega-mega-entry-added .mega-covercaption {visibility: hidden}/*********************************************************- MEGA PORTFOLIO HOVER EFFECTS -**********************************************************/ /****************************- BASIC SETTINGS -*****************************/ .mega-hover {width: 100%;height: 100%;position: absolute;background: repeat;background-color: rgba(0,0,0,0.8);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.norounded .mega-hover {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}.mega-divider {position: absolute;top: 50%;width: 80%;left: 10%;border-bottom: 1px dashed #7b7c7e;border-top: 1px dashed #111;}.mega-hovertitle, .mega-hoverlink, .mega-hoverview {-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition-delay: 0.2s;-moz-transition-delay: 0.2s; /* Firefox 4 */-webkit-transition-delay: 0.2s; /* Safari and Chrome */-o-transition-delay: 0.2s; /* Opera */}.mega-hovertitle {position: absolute;color: #fff;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 700;text-align: center;width: 60%;padding: 0px 0px 15px;left: 20%;bottom: 40%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.mega-hovertitle .mega-hoversubtitle {color: #aaa;font-size: 12px;line-height: 13px;font-weight: 400;margin-top: 5px;}.mega-hoverlink {right: 50%;margin-right: 33px;background: no-repeat center;-webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}.mega-hoverview {left: 50%;margin-left: 33px;background: no-repeat center;-webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}.mega-hoverlink, .mega-hoverview {width: 33px;height: 33px;position: absolute;top: 50%;text-align: center;margin-top: 0px;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}.mega-hover.alone .mega-hoverview {margin-left: -16px;margin-top: -20px;}.mega-hover.alone .mega-hoverlink {margin-right: -16px;margin-top: -20px;}/********************************- THE HOVER EFFECT -**********************************/.mega-hover:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hovertitle {bottom: 50%;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hovertitle, .mega-hover:hover .mega-hoverlink, .mega-hover:hover .mega-hoverview {transform: rotate(0deg);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}.mega-hover:hover .mega-hoverlink {right: 50%;margin-right: 5px;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover:hover .mega-hoverview {left: 50%;margin-left: 5px;transition-delay: 0.1s;-moz-transition-delay: 0.1s; /* Firefox 4 */-webkit-transition-delay: 0.1s; /* Safari and Chrome */-o-transition-delay: 0.1s; /* Opera */}.mega-hover.alone:hover .mega-hoverview {margin-left: -16px;margin-top: 0px;}.mega-hover.notitle.alone:hover .mega-hoverview {margin-left: -16px;margin-top: -16px;}.mega-hover.notitle.alone:hover .mega-hoverlink {margin-right: -16px;margin-top: -16px;}.mega-hover:hover .mega-hoverlink:hover, .mega-hover:hover .mega-hoverview:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}.mega-hover.notitle .mega-hoverlink, .mega-hover.notitle .mega-hoverview {margin-top: -16px;}/******************************- THE FILTERS -********************************/.clear {clear: both;}.filter_padder {padding: 0px 30px;margin: 40px auto 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;}.filter_wrapper {background: repeat-x;background-color: #040404;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;padding: 0px 35px;position: relative;min-height: 40px;margin: auto;}.ie9 .filter_wrapper {max-width: 650px;}.filter_wrapper.floated {float: left;margin-right: 50px;}.filter_list_wrapper {width: 150px;position: relative;margin: auto;}.filter {line-height: 40px;margin-right: 30px;font-size: 14px;color: #999;float: left;font-weight: 700;cursor: pointer}.filter:hover, .filter.selected {color: #fff;}.filter.last-child {margin-right: 0px !important;}.filter_list_button {background: no-repeat 15px center;background-color: #040404;border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;padding: 0px 30px 0px 60px;position: relative;min-height: 40px;margin: auto;width: 100%;z-index: 1;}ul.filter_list {background: #040404;padding: 0px 45px 0px 45px;position: absolute;z-index: 0;width: 100%;top: 15px;border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;-webkit-border-radius: 0px 0px 20px 20px;display: none;list-style: none;}li.filter {list-style: none;max-width: 156px;background: #040404;line-height: 30px;font-size: 14px;color: #999;font-weight: 700;cursor: pointer;float: none;margin-right: 0px !important;}.current-filter {max-width: 156px;line-height: 40px;font-size: 14px;color: #999;font-weight: 700;cursor: pointer;float: none;margin-right: 0px !important;}.filter_wrapper_list li.filter:hover, .current-filter, .filter_wrapper_list li.filter.selected {color: #fff;}@media only screen and (max-width: 961px) {.filter_wrapper.floated {margin: auto;float: none;}.filter_list_wrapper {width: 216px;float: none;clear: both;margin-top: 30px;}}@media only screen and (max-width: 420px) {.filter {float: none;text-align: center;margin-right: 0px;line-height: 30px;}}/***********************************************************- EXAMPLES FOR COLORED BG OF ENTRIES in Example 10 -************************************************************/.mega-entry.mega-bg-1 .mega-entry-innerwrap {background-color: #f32390 !important;}.mega-entry.mega-bg-2 .mega-entry-innerwrap {background-color: #d69b12 !important;}.mega-entry.mega-bg-3 .mega-entry-innerwrap {background-color: #7bce8b !important;} /* * 10 -> flexslider * ----------------------------------------------- */ /** jQuery FlexSlider v2.5.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 and later license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)* *//* ====================================================================================================================* FONT-FACE* ====================================================================================================================*/ /* ====================================================================================================================* RESETS* ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus {outline: none;}.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;}.flex-pauseplay span {text-transform: capitalize;}/* ====================================================================================================================* BASE STYLES* ====================================================================================================================*/ .flexslider {margin: 0;padding: 0;}.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}.flexslider .slides img {width: 100%;display: block;}.flexslider .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}html[xmlns] .flexslider .slides {display: block;}* html .flexslider .slides {height: 1%;}.no-js .flexslider .slides > li:first-child {display: block;}/* ====================================================================================================================* DEFAULT THEME* ====================================================================================================================*/ .flexslider {margin: 0;background: #ffffff;border: 4px solid #ffffff;position: relative;zoom: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}.flexslider .slides {zoom: 1;}.flexslider .slides img {height: auto;}.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.loading .flex-viewport {max-height: 300px;}.carousel li {margin-right: 5px;}.flex-direction-nav {*height: 0;}.flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;display: inline-block;content: '\f001';color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}.flex-direction-nav a.flex-next:before {content: '\f002';}.flex-direction-nav .flex-prev {left: -50px;}.flex-direction-nav .flex-next {right: -50px;text-align: right;}.flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px;}.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}.flexslider:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 10px;}.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1;}.flex-direction-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default;}.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}.flex-pauseplay a:hover {opacity: 1;}.flex-pauseplay a.flex-play:before {content: '\f003';}.flex-control-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;}.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;*display: inline;}.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}.flex-control-paging li a:hover {background: #333;background: rgba(0, 0, 0, 0.7);}.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}.flex-control-thumbs li {width: 25%;float: left;margin: 0;}.flex-control-thumbs img {width: 100%;height: auto;display: block;opacity: .7;cursor: pointer;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}/* ====================================================================================================================* RESPONSIVE* ====================================================================================================================*/ @media screen and (max-width: 860px) {.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}.flex-direction-nav .flex-next {opacity: 1;right: 10px;}} /* ---- escope: main-style.css ---- */ /* @Author: ThemeMascot @URL: http://ThemeMascot.com This file contains the styling for the actual theme. Please don't modify this file. If you really need anything to change then open "style.css" file and place your custom css codes at that file. */ @import "font-awesome.min.css"; @import "pe-icon-7-stroke.css"; @import "et-line.css"; @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600); @import url(http://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600,700,800); @import url(http://fonts.googleapis.com/css?family=Crimson+Text); /** * Table of Contents: * * 1.0 -> Basic Structure * 1.1 -> Typography * 1.2 -> List * 1.3 -> Social Icons * 1.4 -> Blockquote * 1.5 -> Drop Caps * 1.6 -> Text Highlight * 1.7 -> Pagination * 1.8 -> Buttons * 1.9 -> Common CSS * 1.10 -> Section Common Css * 1.11 -> Divider Common Css * 1.12 -> parallax * 1.13 -> Background Image * 1.14 -> Solid Color Background * 1.15 -> Pattern Background * 1.16 -> Background Video * 1.17 -> max image slider * 1.18 -> flex slider * 1.19 -> Owl Carousel * 1.20 -> Owl fullwidth carousel * 1.21 -> swiper slider * 1.22 -> lightbox * 1.23 -> Top Search Bar * 1.24 -> Minimal layout * 1.25 -> Multi Row Clearfix * 2.0 -> Preloader * 3.0 -> Elements * 3.1 -> Accordion * 3.2 -> Funfact * 3.3 -> Working Process * 3.4 -> Icon Box * 3.5 -> Pie Charts * 3.6 -> Progress Bars * 3.7 -> Pricing Tables * 3.8 -> Tabs * 3.9 -> Team Members * 3.10 -> Testimonials * 3.11 -> Testimonial-Carousel * 3.12 -> Countdown timer * 3.13 -> Form * 3.14 -> Twitter * 3.15 -> Horizontal Timeline * 3.16 -> Mailchimp * 3.17 -> Heading * 3.18 -> Call-to-action * 3.19 -> hover effect * 4.0 -> Header * 4.1 -> Dropdown menu * 4.2 -> Vertical Header * 4.3 -> Menu full page * 5.0 -> Section: Home * 6.0 -> Section: Welcome To Escope * 7.0 -> Section: Portfolio * 7.1 -> Megafolio Pro Gallery * 8.0 -> Divider: Client Logos * 9.0 -> Section: Blog Posts * 10.0 -> Section: Blog Single * 11.0 -> Blog Sidebar * 12.0 -> Section: Blog Landing Page * 13.0 -> Magazine * 14.0 -> Section: Contact * 15.0 -> Section: contact-info * 16.0 -> Map * 17.0 -> Section: Footer * 18.0 -> Scroll-To-Top * 20.0 -> Shop * 20.1 -> Product Details Page * 20.2 -> Category Page * 20.3 -> Cart Page * 20.4 -> Checkout Page * 21.0 -> Revolution Slider * =============================================== */ /*------------------------------------------------------------------ # Font color codes: # Dark #111 # Light-Dark #777 # */ /* * 1.0 -> Basic Structure * ----------------------------------------------- */ ::selection { background: none repeat scroll 0 0 #393939; color: #fff; } ::-moz-selection { background:none repeat scroll 0 0 #393939; color:#fff; } /* * 1.1 -> Typography * ----------------------------------------------- */ html { font-size: 100%; } html, html a { -webkit-font-smoothing: antialiased; } html, body { max-width: 100%; overflow-x: hidden; } body { font-family: 'Crimson Text', sans-serif; font-weight: 400; color: #777; font-size: 16px; letter-spacing: 1px; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { color: #111; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 5px; line-height: 1.4; } h1 { font-size: 3rem; /* =48px */ letter-spacing: 0; text-transform: uppercase; } h1.medium { font-size: 3.75rem; /* =60px */ } h1.large { font-size: 4.5rem; /* =72px */ } h1.medium-large { font-size: 6rem; /* =96px */ } h1.extra-large { font-size: 9rem; /* =144px */ } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* heading light with font weight 300 */ h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { font-family: 'Open Sans', sans-serif; font-weight: 300; } h2.light { font-size: 36px; } h3.light { font-size: 24px; } h4.light { font-size: 20px; } h5.light { font-size: 18px; } h6.light { font-size: 16px; } a { color: #777; text-decoration: none; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } a:focus, a:hover, a:active { color: #111; text-decoration: none; outline: none; } i { color: #111; } p { font-size: 16px; font-weight: 400; } img, embed, object, video { max-width: 100%; height: auto; } textblock { background: #333; color: #fff; } /* * 1.2 -> List * ----------------------------------------------- */ ul, ol { list-style: none; margin: 0; padding: 0; } ul.list { list-style: outside none none; margin-top: 15px; padding-left: 0; } ul.list > li { line-height: 24px; margin: 10px 0; } ul.list li:before { border: 1px solid #aaa; content: "\e684"; font-family: Pe-icon-7-stroke; font-size: 14px; margin-right: 10px; padding: 1px; vertical-align: text-top; } ul.list li:hover:before { background: #111; color: #fff; border-color: transparent; } /* list flat */ ul.list.flat li:before { border: none; color: #aaa; display: inline-block; line-height: 18px; padding: 0; font-size: 20px; vertical-align: text-bottom; } ul.list.flat li:hover:before { background: none; } ul.list.flat li a { color: #777; text-decoration: none; -webkit-transition: all 300ms ease 0; -moz-transition: all 300ms ease 0; -ms-transition: all 300ms ease 0; -o-transition: all 300ms ease 0; transition: all 300ms ease 0; } /* list-divider */ ul.list-divider li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eee; } /* personal info list */ .list-info li { clear: both; position: relative; } .list-info li label { display: inline-block; font-weight: bold; padding: 5px 0 0; } .list-info li span { left: 110px; padding: 5px 0; position: absolute; } /* * 1.3 -> Social Icons * ----------------------------------------------- */ .social-icons { list-style: outside none none; margin: 30px 0; padding: 0; } .social-icons > li { display: inline-block; } .social-icons a { background: #eee; border-radius: 50%; display: block; font-size: 16px; height: 40px; line-height: 40px; margin-right: 2px; text-align: center; width: 40px; } .social-icons.medium a { font-size: 24px; height: 50px; line-height: 50px; width: 50px; } .social-icons.large a { font-size: 32px; height: 60px; line-height: 60px; width: 60px; } .social-icons.extra-large a { font-size: 60px; height: 120px; line-height: 120px; width: 120px; } .social-icons a, .social-icons a i { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .social-icons a:hover { background: #393939; } .social-icons a:hover i { color: #fff; } .font-examples > div { color: #111; font-size: 14px; margin-bottom: 10px; } .font-examples > div:nth-child(4n+5) { clear: left; } .font-examples > div > i { border: 1px solid #ddd; font-size: 14px; height: 30px; line-height: 30px; margin-right: 5px; text-align: center; width: 30px; } .font-examples > div > .muted, .font-examples > div > .text-muted { color: #777; font-size: 14px; } .font-icon-detail { display: flex; margin-bottom: 10px; position: relative; } .font-icon-detail span { border: 1px solid #ddd; color: #111; float: left; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; margin-right: 8px; text-align: center; width: 30px; } .font-icon-name { border: medium none; margin: 0; padding: 0; position: absolute; } /* social-icons square */ .social-icons.square a { border-radius: 0; } /* social-icons flat */ .social-icons.flat a { background: none; height: 30px; width: 30px; } .social-icons.flat a:hover i { color: #111; } .social-icons.flat.medium a { height: 40px; width: 40px; } .social-icons.flat.large a { height: 50px; width: 50px; } .social-icons.flat.extra-large a { height: 100px; width: 100px; } /* * 1.4 -> Blockquote * ----------------------------------------------- */ blockquote { color: #333; margin: 20px 0; padding: 5px 20px 10px; } blockquote.style2 { background: none repeat scroll 0 0 #eee; color: #333; padding: 5px 20px 10px; } /* * 1.5 -> Drop Caps * ----------------------------------------------- */ .drop-caps p:first-child:first-letter { color: #111; display: block; float: left; font-size: 72px; line-height: 80px; margin-right: 10px; margin-top: 5px; padding: 4px; } .drop-caps.border p:first-child:first-letter { border: 1px solid; padding: 17px 13px; } /* * 1.6 -> Text Highlight * ----------------------------------------------- */ .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px; } .text-highlight.light { background: #777; } /* * 1.7 -> Pagination * ----------------------------------------------- */ .pagination li a { margin-right: 10px; color: #333333; } .pagination li.active a { background: none repeat scroll 0 0 #333; border: 1px solid #333; color: #fff; } /* pagination square-light */ .pagination.square-light li a { margin-right: 10px; color: #333333; } .pagination.square-light li.active a { background: none repeat scroll 0 0 #eee; border: 1px solid #eee; color: #333; } /* pagination flat */ .pagination.flat li a { border: 1px solid transparent; margin-right: 10px; color: #333333; } .pagination.flat li.active a { background: none repeat scroll 0 0 #333; border: 1px solid #333; color: #fff; } /* * 1.8 -> Buttons * ----------------------------------------------- */ .btn:hover, .btn:focus, .btn.focus { color: #777; } .btn:active, .btn.active { box-shadow: none; } button.btn { color: #111; } button.btn:hover, button.btn:focus, button.btn.focus { color: #777; } /* button default */ .btn-default { background: none; border: 1px solid #111; } .btn-default:hover { background-color: transparent; border: 1px solid #777; color: rgba(34,34,34,0.8); } .btn-default, .btn-colored { border-radius: 0; font-size: 13px; font-weight: 400; margin-right: 0; margin-top: 0; padding: 10px 15px; } /* button colored */ .btn-colored, button.btn-colored { background-color: #393939; color: #fff; } .btn-colored:hover { background-color: rgba(34,34,34,0.8); color: #fff; } .btn-colored:hover, button.btn-colored, button.btn-colored:hover, button.btn-colored:focus, button.btn-colored.focus { color: #fff; } .btn-default:active, .btn-default:focus { background-color: transparent; } /* button white */ .btn-colored.btn-white { background: #fff!important; color: #333!important; } .btn-colored.btn-white:hover { background: #777!important; color: #fff!important; } .btn-default.btn-white { border: 1px solid #fff!important; color: #fff!important; } .btn-default.btn-white:hover { border: 1px solid #393939!important; } /* button rounded */ .btn.btn-rounded { border-radius: 20px; } .btn-default.btn-rounded { border-radius: 20px; } .btn-colored.btn-rounded { border-radius: 20px; } /* button different sizes */ .btn-lg { font-size: 18px; padding: 10px 16px; } .btn-xs { font-size: 12px; padding: 5px 8px; } .btn-sm { font-size: 12px; padding: 8px 12px; } /* * 1.9 -> Common CSS * ----------------------------------------------- */ .no-bg { background: none!important; } /* Text Color */ .text-pink { color: #E66E8E!important; } .text-white { color: #fff!important; } .text-blue { color: #01A2D0 !important; } .text-yellow { color: #ffbb22 !important; } .text-white-light { color: #ddd!important; } .text-black { color: #111!important; } .text-black-light { color: #555!important; } .heading-border { border-bottom: 1px solid #ddd; margin: 30px 0; padding: 20px 0; } .heading.letter-spacing-1 { letter-spacing: 1px; } .heading.letter-spacing-2 { letter-spacing: 1px; } .heading.letter-spacing-3 { letter-spacing: 1px; } .heading.letter-spacing-4 { letter-spacing: 1px; } /* Font Weight */ .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } /* custom margin */ .curve-bg:after { background: none repeat scroll 0 0 #fff; content: ""; height: 240%; left: -44%; opacity: 0.85; position: absolute; top: 0; -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -ms-transform: rotate(-11deg); -o-transform: rotate(-11deg); transform: rotate(-11deg); width: 100%; } .curve-bg-half:after { background: none repeat scroll 0 0 #fff; content: ""; height: 240%; left: -50%; opacity: 0.85; position: absolute; top: 0; width: 100%; } .lead { color: #111; font-size: 20px; font-style: italic; font-weight: normal; line-height: inherit; padding: 10px 0 25px; position: relative; } .lead:after { background-color: rgba(0,0,0,0.1); bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 80px; } h3.line-bottom { margin-top: 0; padding-bottom: 10px; } h3.line-bottom:after { content: ""; display: inline-block; height: 3px; left: 0; margin: 38px 15px; position: absolute; width: 45px; } .fluid-video-wrapper { padding: 0; position: relative; width: 100%; } iframe { border: none; width: 100%; } table.no-border td { border: none!important; } a.btn i.fa.fa-long-arrow-right { animation-direction: normal; animation-duration: 0.8s; animation-fill-mode: none; animation-iteration-count: infinite; animation-name: fadeIn; animation-play-state: running; animation-timing-function: ease; } /* custom font family */ .font-crimson { font-family: 'Crimson Text', sans-serif; } .font-raleway { font-family: 'Raleway', sans-serif; font-weight: 100; } .font-opensans { font-family: 'Open Sans', sans-serif; } /* custom font size */ .font-12 { font-size: 12px !important; } .font-14 { font-size: 14px !important; } .font-18 { font-size: 18px !important; } .font-20 { font-size: 20px !important; } .font-24 { font-size: 24px !important; } .font-28 { font-size: 28px !important; } .font-36 { font-size: 36px !important; } .font-48 { font-size: 48px !important; } .font-64 { font-size: 64px !important; } .font-72 { font-size: 72px !important; } .font-100 { font-size: 100px !important; } .font-150 { font-size: 150px !important; } .font-200 { font-size: 200px !important; } /* breadcrumb */ .breadcrumb { background-color: transparent; padding-left: 0; text-align: left; } .breadcrumb > li + li::before { content: "> "; } .breadcrumb li.active { color: #111; } .breadcrumb.white li.active { color: #fff; } .breadcrumb.white li a { color: #777; } /* no border */ .no-border { border: none !important; } /* * 1.10 -> Section Common Css * ----------------------------------------------- */ section { background-color: #fff; position: relative; overflow: hidden; } .inner-header h1 { font-family: "Crimson Text", sans-serif; letter-spacing: 5px; margin-top: 100px; text-align: center; text-transform: none; } section > .container, section > .container-fluid { padding-top: 70px; padding-bottom: 70px; } .section-title { padding-bottom: 60px; } .section-title p { font-size: 16px; line-height: 26px; margin: 25px auto; max-width: 560px; color: #777; } .small-line { position: relative; } .small-line:after { border: 1px solid #ddd; bottom: -10px; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 50px; } .page-header { padding-bottom: 0; } /* * 1.11 -> Divider Common Css * ----------------------------------------------- */ .divider, .parallax { /* default image */ background-repeat: repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100%; } .divider .container { padding-top: 80px; padding-bottom: 80px; } .divider .container.small-padding { padding-top: 30px; padding-bottom: 30px; } .divider .container.extra-padding { padding-top: 180px; padding-bottom: 180px; } .layer-overlay { position: relative; } .layer-overlay::before { background: rgba(15, 18, 20, 0.65) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .layer-overlay.overlay-light::before { background-color: rgba(15, 18, 20, 0.4); } .layer-overlay.overlay-dark::before { background-color: rgba(15, 18, 20, 0.85); } .layer-overlay.overlay-white::before { background-color: rgba(255,255,255,0.85); } .layer-overlay.layer-pattern::before { background-image: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern.png); background-color: rgba(0,5,8,0.8); } .layer-overlay.layer-pattern2::before { background-image: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern1.png); background-color: rgba(0,5,8,0.8); } .layer-overlay.layer-pattern3::before { background-image: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern2.png); background-color: rgba(0,5,8,0.8); } .inner-header.layer-overlay::before { background: none repeat scroll 0 0 rgba(0,0,0,0.75); } .layer-overlay.maximage-layer-overlay::before { z-index: 1; } /* * 1.12 -> parallax * ----------------------------------------------- */ .parallax { background-attachment: fixed; } .bg-img-fixed { background-attachment: fixed; } .bg-img-cover { background-size: cover; } .bg-img-center-bottom { background-position: center bottom; } .bg-img-center { background-position: center center; } /** * 1.14 -> Solid Color Background * ----------------------------------------------- */ .bg-solid-color { background-color: #f7f7f7 !important; background-image: none !important; } .bg-white { background-color: #fff !important; } .bg-white-gray { background-color: #fbfbfb !important; } .bg-gray { background-color: #393939 !important; } .bg-light-gray { background-color: #e8e8e8; } .bg-black { background-color: #111 !important; } .bg-dark { background-color: #222 !important; } .bg-dark-light { background-color: #333 !important; } /** * 1.15 -> Pattern Background * ----------------------------------------------- */ .bg-pattern, .bg-pattern.pattern1 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern1.png)!important; } .bg-pattern.pattern2 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern2.png)!important; } .bg-pattern.pattern3 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern3.png)!important; } .bg-pattern.pattern4 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern4.png)!important; } .bg-pattern.pattern5 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern5.png)!important; } .bg-pattern.pattern6 { background: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/pattern/pattern6.png)!important; } .bg-pattern .layer-overlay { background: none; } /* * 1.16 -> Different color skins * ----------------------------------------------- */ .bg-blue { background-color: rgba(16, 127, 201,1) !important; } .bg-blue-light { background-color: rgba(16, 127, 201,0.6) !important; } .bg-deep-blue { background-color: rgba(1, 140, 255, 1) !important; } .bg-pink { background-color: rgba(235,110,142,1) !important; } .bg-brown { background-color: rgba(149,105,71,1) !important; } .bg-yellow { background: rgba(255,187,34,1) !important; } .bg-green { background: rgba(16,196,92,1) !important; } .bg-dark-transparent { background-color: rgba(0,0,0,0.5) !important; } .bg-dark-transparent-light { background-color: rgba(0,0,0,0.2) !important; } .bg-blue-transparent { background-color: rgba(16, 127, 201,0.7) !important; } .bg-pink-transparent { background-color: rgba(235,110,142,0.7) !important; } .bg-brown-transparent { background-color: rgba(149,105,71,0.7) !important; } .layer-overlay.overlay-blue::before { background-color: rgba(16, 127, 201,0.9); } .layer-overlay.overlay-blue-light::before { background-color: rgba(16, 127, 201,0.2); } .layer-overlay.overlay-pink::before { background-color: rgba(235,110,142,0.9); } .layer-overlay.overlay-pink-light::before { background-color: rgba(235,110,142,0.45); } .layer-overlay.overlay-brown::before { background-color: rgba(149,105,71,0.9); } .layer-overlay.overlay-brown-light::before { background-color: rgba(149,105,71,0.45); } .layer-overlay.overlay-yellow::before { background-color: rgba(255,187,34,0.9); } .layer-overlay.overlay-yellow-light::before { background-color: rgba(255,187,34,0.45); } .layer-overlay.overlay-green::before { background-color: rgba(16,196,92,0.9); } .layer-overlay.overlay-green-light::before { background-color: rgba(16,196,92,0.45); } /** * 1.16 -> Background Video * ----------------------------------------------- */ .bg-video { height: 100%; position: absolute; text-align: center; width: 100%; z-index: -1; } .bg-video .video { height: 100%; left: 0; margin: 0!important; position: relative; top: 0; width: 100%; } .bg-video .video .mbYTP_wrapper { z-index: -1!important; } /* * 1.17 -> max image slider * ----------------------------------------------- */ body .mc-cycle { z-index: 0; } #home .maximage-slider .fullscreen-controls .img-prev, #home .maximage-slider .fullscreen-controls .img-next { background: none repeat scroll 0 0 rgba(0,0,0,0.5); border-radius: 0; color: #fff; display: block; height: 100px; margin: 0; position: absolute; top: 43%; transition: all .2s ease 0s; width: 100px; z-index: 6; } #home:hover .maximage-slider .fullscreen-controls .img-prev { left: 0; } #home:hover .maximage-slider .fullscreen-controls .img-next { right: 0; } #home .maximage-slider .fullscreen-controls .img-prev i, #home .maximage-slider .fullscreen-controls .img-next i { color: #fff; font-size: 100px; } /* * 1.18 -> flex slider * ----------------------------------------------- */ .flexslider { border: none; } .flex-direction-nav a { height: auto; margin: -30px 0 0; } .flex-direction-nav a:before { font-family: "Pe-icon-7-stroke"; content: '\e686'; background: rgba(0,0,0,0.6); color: #fff; } .flex-direction-nav a.flex-next:before { content: '\e684'; } .flex-viewport .slides li { opacity: 0.4; position: relative; } .flex-viewport .slides li.flex-active-slide { opacity: 1; } .news-slider .flex-control-nav.flex-control-thumbs > li img { height: auto !important; width: 100% !important; } .flex-thumb .slides li { margin-top: 5px; margin-right: 5px; } .flex-caption { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: -8px; color: #fff; padding: 10px; position: absolute; width: 100%; } /* * 1.19 -> owl carousel * ----------------------------------------------- */ .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 9px; height: 9px; margin: 5px 7px; opacity: 0.25; background: #212121; display: block; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 30px; border: 1px solid #fff; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #111; opacity: 1; } .owl-controls { margin: 0; } .owl-controls .owl-nav > div { background: none repeat scroll 0 0 rgba(0,0,0,0.5); border-radius: 0; color: #fff; display: block; margin: 0; padding: 0; position: absolute; top: 40%; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all 0.4s ease 0s; z-index: 6; } .owl-controls .owl-nav .owl-prev { left: -30px; } .owl-carousel:hover .owl-controls .owl-nav .owl-prev { left: 0px; } .owl-controls .owl-nav .owl-next { right: -30px; } .owl-carousel:hover .owl-controls .owl-nav .owl-next { right: 0px; } .owl-controls .owl-nav .owl-prev i, .owl-controls .owl-nav .owl-next i { color: #fff; font-size: 40px; } /* * 1.20 -> Owl fullwidth carousel * ----------------------------------------------- */ .fullwidth-carousel .owl-controls .owl-nav > div { top: 45%; padding: 15px; } .fullwidth-carousel .carousel-item { min-height: 720px; width: 100%; } .fullwidth-carousel .owl-controls .owl-nav .owl-prev i, .fullwidth-carousel .owl-controls .owl-nav .owl-next i { font-size: 50px; } .fullwidth-carousel.blog-fullwidth-carousel .carousel-item { height: 600px; min-height: auto; width: 100%; } .fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav > div { background: none; } /* * 1.21 -> swiper slider * ----------------------------------------------- */ .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .swiper-photogallery-top, .swiper-fullscreen { height: 100%; width: 100%; } .swiper-photogallery-thumbs { height: 100px; box-sizing: border-box; padding: 10px 0; position: absolute; bottom: 0; } .swiper-photogallery-thumbs .swiper-slide { width: 100px; height: 100%; opacity: 0.4; } .swiper-photogallery-thumbs .swiper-slide-active, .swiper-photogallery-thumbs .swiper-slide:hover { opacity: 1; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { background: none; } .swiper-container .swiper-button-prev:before, .swiper-container .swiper-button-next:before { font-family: "Pe-icon-7-stroke"; content: '\e686'; background: rgba(0,0,0,0.6); color: #fff; font-size: 48px; position: absolute; } .swiper-container .swiper-button-prev:before { left: 0; } .swiper-container .swiper-button-next:before { content: '\e684'; right: 0; } .swiper-slide .vertical-text { text-align: center; font-size: 18px; position: absolute; top: 40%; } .swiper-lazyload-slider .swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } /* * 1.22 -> lightbox * ----------------------------------------------- */ .lightbox .lb-dataContainer { left: 0; position: absolute; right: 0; top: -45px; } /* * 1.23 -> Top Search Bar * ----------------------------------------------- */ #top-search-bar { background: #eee; } #top-search-bar form { position: relative; } #top-search-bar .form-control { background: #eee; border: none; box-shadow: none; font-size: 18px; height: 72px; margin: 0; width: 100%; } #top-search-bar .search-close { background: none repeat scroll 0 0 transparent; border: medium none; color: #999; cursor: pointer; font-size: 14px; height: 40px; line-height: 38px; margin-top: -20px; outline: medium none; overflow: hidden; position: absolute; right: 1px; top: 50%; width: 42px; } #top-search-bar button i { color: #777; } /* * 1.24 -> Minimal layout * ----------------------------------------------- */ .minimal-layout { padding-bottom: 50px; padding-top: 50px; } .minimal-layout .container { max-width: 1040px; padding-left: 50px; padding-right: 50px; } .minimal-layout .header, .minimal-layout .main-content, .minimal-layout .footer { background: none repeat scroll 0 0 #fff; margin: 0 auto; max-width: 1040px; } .minimal-layout .header { margin-bottom: 15px; } .minimal-layout .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0; } .minimal-layout .header .navbar-default .navbar-nav > li > a { padding: 30px 5px; } .minimal-layout .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px; } .minimal-layout .header #header-logo { margin: 0; padding-top: 27px; } @media only screen and (max-width : 991px) { .minimal-layout .header .navbar-default .navbar-nav > li > a { padding: 10px; } .minimal-layout { padding-top: 0; } .minimal-layout .navbar-header { padding: 15px 0; } .minimal-layout .header .navbar-default .navbar-collapse { margin-right: 15px; } .minimal-layout .navbar-collapse .navbar-nav li a .caret { margin-right: 0; } } /* * 1.25 -> Multi Row Clearfix * ----------------------------------------------- */ .multi-row-clearfix .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-row-clearfix .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-row-clearfix .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-row-clearfix .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-row-clearfix .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 768px) { /* reset previous grid */ .multi-row-clearfix .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-row-clearfix .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-row-clearfix .col-xs-3:nth-child(4n + 5) { clear: none; } .multi-row-clearfix .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-row-clearfix .col-xs-1:nth-child(12n + 13) { clear: none; } /* clear first in row for small columns */ .multi-row-clearfix .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-row-clearfix .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-row-clearfix .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-row-clearfix .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-row-clearfix .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { /* reset previous grid */ .multi-row-clearfix .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-row-clearfix .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-row-clearfix .col-sm-3:nth-child(4n + 5) { clear: none; } .multi-row-clearfix .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-row-clearfix .col-sm-1:nth-child(12n + 13) { clear: none; } /* clear first in row for medium columns */ .multi-row-clearfix .col-md-6:nth-child(2n + 3) { clear: left; } .multi-row-clearfix .col-md-4:nth-child(3n + 4) { clear: left; } .multi-row-clearfix .col-md-3:nth-child(4n + 5) { clear: left; } .multi-row-clearfix .col-md-2:nth-child(6n + 7) { clear: left; } .multi-row-clearfix .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { /* reset previous grid */ .multi-row-clearfix .col-md-6:nth-child(2n + 3) { clear: none; } .multi-row-clearfix .col-md-4:nth-child(3n + 4) { clear: none; } .multi-row-clearfix .col-md-3:nth-child(4n + 5) { clear: none; } .multi-row-clearfix .col-md-2:nth-child(6n + 7) { clear: none; } .multi-row-clearfix .col-md-1:nth-child(12n + 13) { clear: none; } /* clear first in row for large columns */ .multi-row-clearfix .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-row-clearfix .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-row-clearfix .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-row-clearfix .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-row-clearfix .col-lg-1:nth-child(12n + 13) { clear: left; } } /* * 2.0 -> Preloader * ----------------------------------------------- */ #preloader { background-color: #FFF; width: 100%; height: 100%; position: fixed; z-index: 100000; } #spinner { position: absolute; height:45px; width:45px; top: 50%; border-radius:100%; -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; -o-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; left: 50%; margin-left: -17px; margin-top: -17px; } #spinner:before { content:""; display:block; position:absolute; height:100%; width:100%; border-top:1px solid #ddd; border-left: 1px solid #ddd; border-bottom:1px solid #888; border-right: 1px solid #ddd; border-radius:100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } /* * 3.0 -> Elements * ----------------------------------------------- */ /* * 3.1 -> Accordion * ----------------------------------------------- */ .panel-group .panel { box-shadow: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; margin-bottom: 0; position: relative; } .panel-group .panel-title { font-size: 1.1667em; line-height: 20px; } .panel-group .panel-title:hover a, .panel-group .panel-title:focus a { color: #333; } .panel-group .panel-title a { background: rgba(238,238,238,0.7); display: block; margin-bottom: 15px; padding: 10px 30px; white-space: normal; } .panel-group .panel-title a.active { background: #ddd; color: #111; } .panel-group .panel-title a::after { color: #777; content: "\f107"; font-family: fontawesome; font-size: 16px; position: absolute; right: 15px; } .panel-title a.active::after { color: #333; content: "\f106"; } .panel-group .panel-title a.active .open-sub:after { display: none; } .panel-group .panel-title .open-sub { display: block; position: relative; } .panel-group .panel-title .open-sub:before, .panel-group .panel-title .open-sub:after { content: ""; display: block; position: absolute; } .panel-group .panel-title .open-sub:before { height: 1px; top: 50%; margin-top: -.5px; left: 50%; } .panel-group .panel-title .open-sub:after { width: 1px; left: 50%; margin-left: -.5px; top: 50%; } .panel-group .panel-content { padding: 10px 30px 20px; } .panel-group .panel-content>:last-child { margin-bottom: 0; } /* Toggle */ .panel-group.toggle .panel-heading { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .panel-group.toggle .panel-heading + .panel-collapse > .panel-body, .panel-group.toggle .panel-heading + .panel-collapse > .list-group { border-top: none; } .panel-group.toggle .panel-body { padding: 10px 0 5px 25px; } .panel-group.accordion.style2 .panel-title a, .panel-group.toggle.style2 .panel-title a { background: none; border: 1px solid #ddd; } /* * 3.2 -> Funfact * ----------------------------------------------- */ .funfact { border-right: 1px solid #ddd; padding-right: 25px; text-align: right; } .funfact.no-border { border-right: 0; } .funfact i { font-size: 45px; } .funfact h2 { position: relative; } .funfact h2:after { bottom: 0; } .funfact span { color: #999; font-size: 18px; } .funfact.style2 { text-align: center; } /* * 3.3 -> Working Process * ----------------------------------------------- */ .working-process { border: 1px solid #777; margin: 0 auto 30px; overflow: hidden; padding: 25px; position: relative; text-align: center; } .working-process i { color: #fff; font-size: 45px; } .working-process .step { color: #777 !important; } .working-process .title { color: #777 !important; } .working-process span { bottom: 0; font-size: 100px; height: 100px; line-height: 100px; opacity: 0.1; position: absolute; right: 0; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; width: 100px; z-index: 3; } /* working process style two*/ .working-process.style-two { background: #fff; border: 1px solid #111; padding: 25px 25px 70px; text-align: center; } .working-process.style-two span { background: none repeat scroll 0 0 #ddd; color: #fff; font-size: 42px; height: 48px; left: -15px; line-height: 42px; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); top: -15px; width: 48px; z-index: 3; } /* * 3.4 -> Icon Box * ----------------------------------------------- */ .icon-box { margin-bottom: 60px; text-align: center; } .icon-box.dark { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; padding: 30px 15px 20px 30px; } .icon-box.dark i { color: #fff; font-size: 38px; padding-top: 5px; } .icon-box.dark .heading { font-family: "Raleway", sans-serif; font-weight: 100; letter-spacing: 3px; padding-bottom: 5px; } .icon-box.dark p { color: #999; font-family: 'Raleway', sans-serif; font-size: 13px; } .icon-box .icon { display: inline-block; text-align: center; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } .icon-box i { display: inline-block; font-size: 48px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } .icon-box i[class*="pe-7s-"] { vertical-align: text-bottom; } .icon-box.left { text-align: left; } .icon-box.left a { margin-right: 30px; padding: 0; } /* icon box boxed */ .icon-box.boxed { background-color: #ddd; margin: 0; padding: 30px; } .icon-box.boxed .heading { color: #111; } .icon-box.boxed .icon { border: 1px solid #eee; height: 60px; line-height: 65px; margin-bottom: 30px; margin-top: 10px; padding-right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 60px; } .icon-box.boxed:hover .icon { background: #111; border-color: transparent; box-shadow: 0 0 0 10px rgba(160,160,160,0.25); } .icon-box.boxed i { font-size: 30px; } .icon-box.boxed:hover i { color: #fff; } .icon-box.boxed.darker { background-color: #222; } .icon-box.boxed.darker .heading { color: #fff; } .icon-box.boxed.darker i { color: #fff; } .icon-medium { font-size: 36px; padding: 20px; } .icon-large { font-size: 48px; padding: 20px; } /*icons*/ .es-icon.es-icon-small { font-size: 12px; padding: 0 10px 0 0; } .es-icon.icon-white { color: #fff; } .es-icon.es-icon-medium { font-size: 32px; height: 32px; line-height: 1; width: auto; } .es-icon.es-icon-large { font-size: 64px; height: 64px; line-height: 1; width: auto; } /* * 3.5 -> Pie Charts * ----------------------------------------------- */ .piechart-block { margin: 0 auto; max-width: 250px; position: relative; text-align: center; } .piechart-block h4 { margin-top: 25px; } .piechart-block .piechart { min-height: 116px; } .piechart-block .percent { font-size: 30px; left: 0; position: absolute; right: 0; top: 28%; z-index: 100; } .piechart-block .percent:after { content: "%"; font-size: 30px; } /* * 3.6 -> Progress Bars * ----------------------------------------------- */ .progress-item { margin-top: 20px; } .progress-item .progress { background-color: #f9f9f9; box-shadow: 0 0 1px rgba(0,0,0,0.4) inset; border-radius: 0; height: 10px; margin-bottom: 15px; overflow: visible; } .progress-item .progress-bar { background: #111; font-size: 11px; padding-left: 10px; position: relative; text-align: left; width: 0; line-height: 18px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .progress-item .progress-bar .percent { background: none repeat scroll 0 0 #777; border-radius: 8px 0 0; padding: 3px 5px; position: absolute; right: 0; top: -30px; } .progress-item.style2 .progress { height: 25px; } .progress-item.style2 .progress-bar .percent { background: none; color: #111; font-size: 14px; } .progress-item.progress-white .progress { padding: 2px; } /* * 3.7 -> Pricing Tables * ----------------------------------------------- */ .pricing-table { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; margin-bottom: 30px; padding: 5px 40px 0; position: relative; text-align: center; } .pricing-table.featured { border: 1px solid #111; } .pricing-table .table-price { color: #111; font-size: 60px; line-height: 1.2; font-family: "Open Sans", sans-serif; margin: 30px 0; } .pricing-table .table-price span { color: #777; display: block; font-size: 13px; } .pricing-table .table-list { list-style: outside none none; padding: 0; } .pricing-table .table-list li { border-bottom: 1px solid #e8e9ea; font-size: 13px; padding: 10px 0; } .pricing-table .btn { margin-right: 0; } .pricing-table.style2 .table-title { color: #111; border-bottom: 1px solid #e8e9ea; font-size: 20px; padding: 15px 0; } .pricing-table.style2 .table-list li { border-bottom: 0; } /* * 3.8 -> Tabs * ----------------------------------------------- */ .tab-content { padding: 15px; border: 1px solid #ddd; } .nav-tabs { border: none; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { border-radius: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #777; padding: 12px 20px; margin-right: 0; } .nav-tabs > li > a .fa { margin-right: 10px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #111; background-color: #f8f8f8; border-radiun: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { color: #333; background-color: transparent; border-radiun: 0; } .nav-tabs > li > a i { font-size: 32px; margin-right: 20px; vertical-align: middle; } /* horizontal-tab */ .horizontal-tab .nav-tabs > li { text-align: center; } .horizontal-tab .nav-tabs > li > a i { display: block; font-size: 48px; margin-right: 0; margin-bottom: 10px; vertical-align: middle; } /* horizontal-tab Fullwide */ .horizontal-tab.fullwide .nav-tabs > li { width: 20%; } .vertical-tab .tab-content { padding: 5px 5px 20px 20px; border: none; } .vertical-tab .nav-tabs > li { float: none; margin-bottom: 0; } .vertical-tab .nav-tabs > li > a { background: none; border-radius: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid transparent; border-left: 1px solid transparent; font-size: 14px; padding: 30px 0 30px 15px; } .vertical-tab .nav-tabs > li:first-child > a { border-top: 1px solid #ddd!important; } .vertical-tab .nav-tabs > li:last-child > a { border-bottom: 1px solid transparent; } .vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:hover, .vertical-tab .nav-tabs > li.active > a:focus { background: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #ddd; } @media only screen and (max-width : 767px) { .vertical-tab .tab-content { padding: 20px 5px; } .nav-tabs > li > a { border-radius: 0; border-bottom: none; border-left: 2px solid #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: none; border-left: 2px solid #ddd; } } /* * 3.9 -> Team Members * ----------------------------------------------- */ .team-member { margin-left: auto; margin-right: auto; margin-bottom: 20px; max-width: 300px; text-align: center; } .team-member .member-thumb { margin-bottom: 15px; overflow: hidden; position: relative; } .team-member .overlay { padding: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .team-member:hover .overlay, .team-member.js-active .overlay { background: rgba(0,0,0,0.8); } .team-member:hover .overlay.white, .team-member.js-active .overlay.white { background: rgba(255,255,255,0.8); } .team-member .overlay .social, .team-member .overlay .member-info, .team-member .overlay p { color: #fff; left: 0; margin: 15px; opacity: 0; position: absolute; right: 0; top: 40%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .team-member:hover .overlay .social, .team-member.js-active .overlay .social { opacity: 1; top: 50%; } .team-member .overlay .social li a { display: inline-block; font-size: 18px; height: 35px; line-height: 35px; width: 35px; } .team-member .overlay .social li i { color: #fff; font-size: 18px; } .team-member:hover .overlay .member-info, .team-member.js-active .overlay .member-info { opacity: 1; top: 20%; } .team-member .member-info .title { color: #777; margin-bottom: 15px; } .team-member .overlay .member-info .name, .team-member .overlay .member-info .title { color: #fff; } .team-member:hover .overlay p, .team-member.js-active .overlay p { opacity: 1; top: 30%; } /* * 3.10 -> Testimonials * ----------------------------------------------- */ .static-testimonial .testimonial-thumb img { border-radius: 25%; width: 110px; } .static-testimonial .featured-testimonial { background-color: #eee; } .static-testimonial .featured-testimonial .testimonial-thumb img { border-radius: 0; width: 100%; } .static-testimonial .testimonial-details { padding: 0 0 0 15px; margin-bottom: 30px; } .static-testimonial .featured-testimonial .testimonial-details { margin-top: 45px; padding-left: 60px; } .static-testimonial .featured-testimonial .testimonial-details p { font-size: 18px; line-height: 29px; position: relative; } .testimonial-carousel.style2 .content p { font-size: 15px; font-weight: 400; font-family: 'Open Sans', sans-serif; } .static-testimonial .featured-testimonial .testimonial-details p:before { content: "\f10d"; font-family: fontawesome; font-size: 48px; left: -55px; top: -10px; position: absolute; } .static-testimonial .other-testimonials { background: #f9f9f9; } .static-testimonial .other-testimonials .testimonial-details h4 { text-align: right; margin-top: 20px; color: #111; } .static-testimonial .other-testimonials .testimonial-details p { text-align: left; position: relative; } .static-testimonial .other-testimonials .testimonial-details p:before { content: "\f10d"; font-family: fontawesome; font-size: 18px; left: -25px; top: 0; position: absolute; } /* * 3.11 -> Testimonial-Carousel * ----------------------------------------------- */ .testimonial-carousel { text-align: center; } .testimonial-carousel .quote, .testimonial-carousel .thumb { margin-bottom: 40px; } .testimonial-carousel .quote i { background: #777; border-radius: 50%; color: #fff; font-size: 25px; height: 60px; line-height: 1; padding: 20px 0 0; text-align: center; width: 60px; } .testimonial-carousel .author { margin-top: 30px; text-transform: uppercase; } .testimonial-carousel.owl-theme .owl-controls { margin-top: 30px; } .testimonial-carousel.style2 .content p:after { content: "\f10e"; font-family: fontawesome; font-size: 100px; left: 45%; opacity: 0.1; position: absolute; } .testimonial-carousel.bullet-white .owl-page span { background: #fff; } .testimonial-carousel .owl-item img { display: inline-block; width: auto; max-width: 90px; } /* * 3.12 -> Countdown timer * ----------------------------------------------- */ #countdown { display: inline-block; margin: 0; padding: 0; } #countdown li { display: inline-block; float: left; width: auto; } #countdown span { font-size: 15px; font-style: normal; font-weight: 400; text-transform: uppercase; } #countdown input { font-weight: 400!important; font-size: 30px!important; } #countdown li div { display: block!important; } /* * 3.13 -> Form * ----------------------------------------------- */ .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 14px; } .form-control { border-radius: 0; box-shadow: none; } label { font-weight: normal; } .form-control:focus, form input[type="text"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="color"]:focus, form select:focus, form textarea:focus { color: #111; border-color: rgba(0,0,0, .5); -webkit-box-shadow: 0 0 3px rgba(0,0,0, .2); -moz-box-shadow: 0 0 3px rgba(0,0,0, .2); box-shadow: 0 0 3px rgba(0,0,0, .2); outline: none; } /* * 3.14 -> Twitter * ----------------------------------------------- */ .twitter-feed.twitter-carousel { color: #111; font-size: 20px; } .twitter-feed.twitter-carousel a { color: #111; } .twitter-feed .date { color: #777; } .twitter-feed.twitter-white, .twitter-feed.twitter-white a { color: #fff; } /* * 3.15 -> Horizontal Timeline * ----------------------------------------------- */ .horizontal-timeline { background-color: #fafafa; border: 1px solid #f8f8f8; padding: 50px 40px; margin: 15px 0; -webkit-transition: background-color .3s; transition: background-color .3s; } .horizontal-timeline:hover { background-color: #f3f3f3; border-color: #ddd; } .horizontal-timeline i { clear: left; color: rgba(0,0,0,0.05); float: left; font-size: 60px; margin-right: 20px; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } .horizontal-timeline:hover i { color: rgba(0,0,0,0.3); } .horizontal-timeline > h3 { margin-top: 0; } .horizontal-timeline .period { float: right; margin-bottom: 30px; } .horizontal-timeline .period span { color: #777; display: inline-block; padding: 15px 20px 15px 0; } @media only screen and (max-width : 767px) { .horizontal-timeline { padding: 25px; } .horizontal-timeline .period { float: none; } } /** * 3.16 -> Mailchimp * ----------------------------------------------- */ .newsletter-form input { background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: 5px!important; height: 45px; } .newsletter-form button.btn { border-radius: 5px!important; height: 45px; margin: 0; padding-top: 10px; width: 100%; } .newsletter-form .form-control:focus { box-shadow: none; } .newsletter-form { background: rgba(0,0,0,0.4); padding: 15px; } /* mailchimp signup form*/ #mailchimp-signup-form { background-color: rgba(0,0,0,0.50); border-radius: 0px; margin-top: 40px; padding: 25px; } #mailchimp-signup-form h4 { color: #fff; font-weight: 300; letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; } #mailchimp-signup-form .form-control { border: 1px solid #999; border-radius: 6px; height: 50px; margin-bottom: 20px; } #mailchimp-signup-form input[type="text"], #mailchimp-signup-form input[type="email"] { background-color: #f0f0f0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } #mailchimp-signup-form p { color: #fff; } #mailchimp-signup-form .btn { text-transform: uppercase; width: 100%; } #mailchimp-signup-form .btn:hover { color: #fff; } /* * 3.17 -> Heading * ----------------------------------------------- */ .esc-heading { margin: 15px auto; overflow: hidden; position: relative; text-align: center; } .esc-heading.uppercase h2, .esc-heading.uppercase h3, .esc-heading.uppercase h4, .esc-heading.uppercase span { text-transform: uppercase; } .esc-heading span { padding: 0 20px; position: relative; z-index: 5; } .esc-heading.lr-line span::after, .esc-heading.lr-line span::before { border-top: 1px solid #ddd; content: ""; display: inline-block; height: 5px; margin-top: 1px; position: absolute; top: 50%; width: 1200px; } .esc-heading.lr-line span::after { left: 100%; margin-left: 15px; } .esc-heading.lr-line span::before { margin-right: 15px; right: 100%; } .esc-heading.center-heading { margin: 15px auto; max-width: 100%; } .esc-heading.lr-line.center-heading span::after, .esc-heading.lr-line.center-heading span::before { margin: 0 -10px; max-width: 35px; } /* right heading */ .esc-heading.right-heading { text-align: right; } /* left heading */ .esc-heading.left-heading { text-align: left; } .esc-heading.left-heading span { padding-left: 0; } .esc-heading.lr-line.left-heading span::after, .esc-heading.lr-line.left-heading span::before { margin: 0 -10px; max-width: none; } .esc-heading.lr-line.left-heading span::before { border: 0; } /* fancy */ .esc-heading.fancy span { border: 2px solid #000; color: #000; display: inline-block; letter-spacing: 2px; padding: 10px 30px; text-transform: uppercase; } /* border-bottom */ .esc-heading.border-bottom::after { background-color: #ddd; bottom: 0; content: ""; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 69px; } .esc-heading.border-bottom.left-heading::after { margin-left: 0; } .esc-heading.border-bottom.right-heading::after { margin-right: 0; } /* esc-heading */ .esc-heading.small-border span { padding: 0; } .esc-heading.small-border span:before, .esc-heading.small-border span:after { background: #ccc; content: ""; height: 1px; position: absolute; left: 0; width: 38px; } .esc-heading.small-border span:before { top: -6px; } .esc-heading.small-border span:after { bottom: -6px; } /* * 3.18 -> Call-to-action * ----------------------------------------------- */ .call-to-action { text-align: left; } .call-to-action .icon { float: left; margin-right: 20px; } .call-to-action .icon i { font-size: 72px; } /* * 3.19 -> hover effect * ----------------------------------------------- */ .box-hover-effect { position: relative; float: left; overflow: hidden; margin: 0 0 20px; width: 100%; text-align: center; } .box-hover-effect img { position: relative; display: block; max-height: 100%; max-width: 100%; opacity: 1; } .box-hover-effect .overlay { padding: 20px; color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect .overlay:hover { background: rgba(0,0,0,0.85); } .box-hover-effect .overlay.white:hover { background: rgba(255,255,255,0.95); } .box-hover-effect .overlay::before, .box-hover-effect .overlay::after { pointer-events: none; } .box-hover-effect .overlay, .box-hover-effect .overlay > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .box-hover-effect .overlay > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .box-hover-effect .overlay .title { color: #fff; } .box-hover-effect .overlay .title span { font-weight: 800; } .box-hover-effect .overlay .title, .box-hover-effect .overlay .para { margin: 0; } .box-hover-effect .overlay .para { color: #ccc; letter-spacing: 1px; font-size: 80%; } .box-hover-effect .overlay .entry-meta { bottom: 10px; font-size: 70%; opacity: 0; position: absolute; width: 85%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect .overlay:hover .entry-meta { opacity: 1; } .box-hover-effect .overlay .entry-meta.top { top: 10px; } .box-hover-effect .overlay .entry-meta i { color: #fff; } .box-hover-effect .overlay .entry-meta i { color: #fff; } .box-hover-effect .overlay .icons { left: 0; opacity: 0; position: absolute; text-align: center; top: 40%; width: 100%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect .overlay:hover .icons { opacity: 1; } .box-hover-effect .overlay:hover .icons i { color: #fff; } .box-hover-effect .overlay:hover .icons.twin i { padding: 10px; } .box-hover-effect .overlay:hover .icons.bordered i { border: 1px solid #fff; } .box-hover-effect .overlay:hover .icons.bordered i.text-black { border-color: #000; } /* Individual effects */ /*---------------*/ /***** effect1 *****/ /*---------------*/ .box-hover-effect.effect1 img { max-width: none; width: 100%; } .box-hover-effect.effect1 .overlay { text-align: left; } .box-hover-effect.effect1 .title, .box-hover-effect.effect1 .para { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .box-hover-effect.effect1 .title { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .box-hover-effect.effect1 .para { margin-top: 10px; color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } .box-hover-effect.effect1:hover img, .box-hover-effect.effect1:hover .para { opacity: 1; } .box-hover-effect.effect1:hover img, .box-hover-effect.effect1:hover .title, .box-hover-effect.effect1:hover .para { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .box-hover-effect.effect1:hover .para { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /*---------------*/ /***** effect2 *****/ /*---------------*/ .box-hover-effect.effect2 img { max-width: none; width: 100%; } .box-hover-effect.effect2 .overlay::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0; } .box-hover-effect.effect2 .overlay:hover { background: rgba(0,0,0,0.5); } .box-hover-effect.effect2 .overlay.white:hover { background: rgba(255,255,255,0.5); } .box-hover-effect.effect2 .title { font-size: 20px; position: absolute; top: 30px; left: 0; width: 100%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect.effect2 .overlay::before, .box-hover-effect.effect2 .para { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect.effect2 .para { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; } .box-hover-effect.effect2:hover .title { color: #fff; } .box-hover-effect.effect2:hover .overlay::before, .box-hover-effect.effect2:hover .para { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*---------------*/ /***** effect3 *****/ /*---------------*/ .box-hover-effect.effect3 { background: #42b078; } .box-hover-effect.effect3 img { max-width: none; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-hover-effect.effect3 img { max-width: none; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect.effect3:hover img { opacity: 0.4; } .box-hover-effect.effect3 .overlay { text-align: left; } .box-hover-effect.effect3 .title { position: relative; overflow: hidden; padding: 0.5em 0; } .box-hover-effect.effect3 .title::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; content: ''; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .box-hover-effect.effect3 .title.text-black::after { background: #888; } .box-hover-effect.effect3:hover .title::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .box-hover-effect.effect3 .para { padding: 1em 0; opacity: 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .box-hover-effect.effect3:hover .para { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*-----------------*/ /***** effect4 *****/ /*-----------------*/ .box-hover-effect.effect4:hover { background: #111; } .box-hover-effect.effect4 img, .box-hover-effect.effect4 .title { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .box-hover-effect.effect4 img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .box-hover-effect.effect4 .title, .box-hover-effect.effect4 .para { position: absolute; bottom: 0; left: 0; padding: 20px; } .box-hover-effect.effect4 .para { text-transform: none; font-size: 90%; line-height: 1.1; text-align: left; opacity: 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } .box-hover-effect.effect4:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .box-hover-effect.effect4:hover .title { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } .box-hover-effect.effect4:hover .para { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* * 4.0 -> Header * ----------------------------------------------- */ .header .navbar-default { background: none repeat scroll 0 0 #ffffff; box-shadow: 0 1px 5px rgba(0,0,0,0.15); border-radius: 0; margin-bottom: 0; min-height: 60px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .header .navbar-default .navbar-nav li a { font-family: 'Open Sans', sans-serif; font-size: 13px; letter-spacing: 0; } .header .navbar-default .navbar-nav > li > a { color: #777; font-size: 12px; margin: 0 10px; padding: 20px 5px; text-transform: uppercase; } .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > li > a.active { color: #111; } .header .navbar-default .navbar-nav > li > a:after { top: 10px; content: ""; height: 1px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 0; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; transition: all .2s ease 0s; } .header .navbar-default .navbar-nav > li > a:hover:after { width: 100%; } .header .navbar-default a.current:after { background: #777; bottom: 0; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; width: 100%!important; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent; border-color: transparent; } .header .navbar-default .navbar-nav li a i { color: #111; margin-right: 5px; } .header .navbar-default .navbar-nav li .badge { background-color: rgba(255, 255, 255, 0.5); } /* navbar-toggle */ .header .navbar-default .navbar-toggle { background: none !important; } .header .navbar-default .navbar-toggle .icon-bar { background-color: #111; } /* navbar-brand */ .header .navbar-brand { color: #111; font-size: 36px; font-family: 'Open Sans', sans-serif; padding-top: 15px; } .header .navbar-brand > img { max-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .navbar-animated .navbar-brand > .logo-dark { display: none; } .header .navbar-animated { padding-bottom: 15px; padding-top: 15px; } .header .navbar-animated.animated-active { padding-bottom: 0; padding-top: 0; } .navbar-default .caret { border: none; margin: 0; vertical-align: middle; width: auto; display: inline; } /* navbar-dark */ .header .navbar-dark .navbar-toggle .icon-bar { background-color: #fff; } .header .navbar-dark, .header .navbar-dark.animated-active { background-color: rgba(17, 17, 17, 0.95); border: none; } .header .navbar-dark li a, .header .navbar-dark li i { color: #ddd !important; } .header .navbar-dark .navbar-nav > li > a:hover, .header .navbar-dark .navbar-nav > li > a:focus, .header .navbar-dark .navbar-nav > li > a.active { color: #fff !important; } .header .navbar-dark .navbar-nav li .badge { background-color: rgba(255, 255, 255, 0.5) !important; } .header .navbar-dark .dropdown-menu { background-color: rgba(17, 17, 17, 1); } .header .navbar-dark .dropdown ul li a:hover { background-color: rgba(255, 255, 255, 1) !important; color: #111 !important; } .header .navbar-dark .dropdown-menu { border-color: #111; } @media only screen and (max-width : 991px) { .header .navbar-dark .navbar-collapse .navbar-nav li a { border-bottom: 1px solid #222; } .header .navbar-dark .navbar-nav { background: none repeat scroll 0 0 #111; } .header .navbar-dark li a:hover, .header .navbar-dark li.dropdown.open > a { background-color: rgba(136, 136, 136, 0.4); border-bottom-color: #777; } } /* navbar-fixed-top */ .header .navbar-default.navbar-fixed-top { opacity: 0.98; } /* navbar-transparent */ .header .navbar-transparent { background: none repeat scroll 0 0 transparent; border: none; box-shadow: none; } .header .navbar-transparent .navbar-nav > li > a, .header .navbar-transparent .navbar-nav > li > a i { color: #fff; } .header .navbar-transparent .navbar-nav li .badge { background-color: rgba(255, 255, 255, 0.5) !important; } /* navbar-center */ .navbar.navbar-center .navbar-nav { display: inline-block; float: none; } .navbar.navbar-center .navbar-collapse { text-align: center; } /* Custom Responsive Top Nav */ @media only screen and (max-width : 991px) { .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #eee; border-color: #aaa; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 400px; overflow-y: scroll!important; overflow-x: hidden!important; } .navbar-header { float: none; } .navbar-left, .navbar-right { float: none!important; } .navbar-toggle { display: block; color: #FFF; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } #navbar, .navbar-toggle { border: none!important; box-shadow: none!important; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333; } .navbar-nav { margin-top: 7.5px; background: #fff; } .navbar-collapse.collapse.in { display: block!important; } .header-nav .navbar .nav li { float: none; } .header .navbar-default .navbar-nav > li > a { margin: 0; padding: 10px; } .header-nav .navbar .nav > li > .dropdown-menu { border: none; box-shadow: none; position: relative; float: none; } /* navbar-center */ .navbar.navbar-center .navbar-nav { display: block; float: none; } .navbar.navbar-center .navbar-collapse { text-align: left; } } /* * 4.1 -> Dropdown menu * ----------------------------------------------- */ .navbar-nav .dropdown-menu { border: 1px solid #eee; border-radius: 0; box-shadow: none; left: 0; margin: 0; min-width: 200px; padding: 0; right: auto; } .header .navbar-default .dropdown ul li a:hover { background-color: #eee; color: #111; text-decoration: none; } .header .navbar-default .dropdown-menu > li > a:hover, .header .navbar-default .dropdown-menu > li > a:focus { background: #111; color: #777; } .header .navbar-default .dropdown-menu li i { color: #777; font-size: 14px; } .navbar-nav .dropdown-menu li a { padding: 8px 15px; font-weight: 300; white-space: normal; } .navbar-nav .dropdown-menu li ul { left: 100%; right: auto; top: 0; } @media only screen and (min-width : 992px) { .navbar-nav .dropdown:hover > ul { display: block; } } .navbar-nav .dropdown-menu .divider { background: #ddd; } .navbar-nav .dropdown-menu.multi-column { padding-left: 0; } .navbar-nav .dropdown-menu.multi-column li[class*=col-] { padding-left: 0; padding-right: 0; } .navbar-nav .dropdown-menu.last-child { left: auto; right: 0; } .navbar-nav .dropdown-menu.multi-column.columns-2 { min-width: 360px; } .navbar-nav .dropdown-menu.multi-column.columns-3 { min-width: 540px; } .navbar-nav .dropdown-menu.multi-column.columns-4 { min-width: 720px; left: -180px; } .navbar-nav .dropdown-menu.multi-column.move-left { left: -180px; } .navbar-nav .dropdown-menu.multi-column .multi-title > a { font-weight: bold; min-height: 35px; } .navbar-nav .dropdown-menu.multi-column .multi-title > a:hover { background: none !important; } .navbar-nav .dropdown-menu.multi-column .multi-column-dropdown { list-style: none; padding: 0; } .navbar-nav .dropdown-menu.multi-column .multi-column-dropdown li a { clear: both; color: #333; display: block; font-size: 13px; line-height: 1.428571429; white-space: normal; } @media only screen and (max-width : 991px) { .navbar-nav .dropdown-menu.multi-column { left: 0 !important; } .navbar-nav .dropdown-menu .dropdown-menu { display: block; float: none; left: 10px; position: relative; } .navbar-nav .dropdown-menu li a .caret-right { display: none !important; } .navbar-collapse .navbar-nav li a { border-bottom: 1px solid #eee; } .navbar-collapse .navbar-nav li a .caret { color: #111; float: right; margin-right: 25px; } } @media only screen and (max-width : 767px) { .navbar-nav .dropdown-menu.multi-column.columns-4 { left: auto; } .navbar-nav .dropdown-menu.multi-column.move-left { left: auto; } .navbar-collapse .navbar-nav li a .caret { margin-right: 15px; } } /* inner-sticky-wrapper */ .header .inner-sticky-wrapper { height: 80px; } /* * 4.2 -> Vertical Header * ----------------------------------------------- */ .vertical-header .header { border-right: 1px solid #eee; width: 260px; position: fixed; top: 0; left: 0; height: 100%; background: #ffffff; z-index: 101; padding: 60px 30px 20px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .vertical-header .header .navbar-header { float: none; margin-bottom: 50px; } .vertical-header .header .navbar-default { background-color: transparent; border-color: transparent; box-shadow: none; } .vertical-header .header .navbar-default a.current::after { background: transparent; } .vertical-header .header .navbar-brand > img { max-height: none; } .vertical-header .header .navbar-brand { height: auto; padding-left: 0; padding-right: 0; } .vertical-header .header .navbar-nav { float: none; } .vertical-header .header .navbar-nav > li { float: none; } .vertical-header .header .navbar-default .navbar-nav li a { font-size: 12px; } .vertical-header .header .navbar-default .navbar-nav > li > a { font-size: 14px; margin: 0; padding: 7px 0; } .vertical-header .header .navbar-default .navbar-nav .dropdown .dropdown-menu { box-shadow: none; border: none; float: none; padding: 0; position: relative; width: 100%; max-height: 0; overflow: hidden; -webkit-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -moz-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -ms-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -o-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; display: block!important; visibility: visible; } .vertical-header .header.text-center .navbar-default .navbar-nav .dropdown .dropdown-menu { text-align: center; } .vertical-header .header .navbar-default .navbar-nav .dropdown:hover .dropdown-menu { max-height: 700px; } .vertical-header .header .navbar-default .navbar-collapse { padding: 0; } .vertical-header .main-content, .vertical-header .footer { margin-left: 260px; padding-top: 0; } .vertical-header .container { max-width: 940px; } @media only screen and (min-width : 992px) { .vertical-header .header.text-center #header-logo { width: 100%; } .vertical-header .header.text-center #header-logo img { display: inline-block; } } @media only screen and (max-width : 1199px) { .vertical-header .container { width: 100%; } } @media only screen and (max-width : 991px) { .vertical-header .header { border: 0; height: 80px; padding: 0 15px; position: relative; width: 100%; } .vertical-header .header .navbar-header { margin-bottom: 0; } .vertical-header .header .navbar-default { background: none repeat scroll 0 0 #ffffff; box-shadow: 0 1px 5px rgba(0,0,0,0.15); height: 80px; left: 0; opacity: 0.96; position: fixed; right: 0; top: 0; z-index: 1050; } .vertical-header .main-content, .vertical-header .footer { margin-left: 0; padding-top: 0; } .vertical-header .header #header-logo { padding-bottom: 0; } .vertical-header .header #header-logo img { height: 50px; width: auto; } .vertical-header .header .navbar-nav { padding: 0 15px; } } /* * 4.3 -> Menu full page * ----------------------------------------------- */ .menu-full-page .header #menu li { padding: 5px 0; } .menu-full-page .header #menu li a { background: none; display: inline; font-size: 28px; text-transform: none; } .menu-full-page .header #menu ul ul { margin-top: 0; } .menu-full-page .header #menu ul ul li { padding: 3px 0; } .menu-full-page .header #menu ul ul li a { font-size: 12px; } .menu-full-page .header ul li.dropdown .dropdown-menu { background: none; box-shadow: none; border: none; float: none; padding: 0; position: relative; max-height: 0; overflow: hidden; -webkit-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -moz-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -ms-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; -o-transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; transition: all .9s cubic-bezier(0.55, 0, .175, 1)!important; display: block!important; visibility: visible; } .menu-full-page .header ul li.dropdown:hover .dropdown-menu { max-height: 700px; } /* * 5.0 -> Section: Home * ----------------------------------------------- */ #home { overflow: hidden; } #home.revslider-fullscreen { min-height: auto; } .home-content { display: table; height: 100%; position: relative; width: 100%; z-index: 1; } .home-text { display: table-cell; height: 100%; vertical-align: middle; } #home h1 { font-family: 'Raleway', sans-serif; font-weight: 100; margin-top: 0; } #home h1 span { font-weight: 500; } #home h5 { letter-spacing: 2px; line-height: 2em; text-transform: capitalize; } .letter-space-0 { letter-spacing: 0px; } .letter-space-1 { letter-spacing: 1px; } .letter-space-2 { letter-spacing: 2px; } .letter-space-5 { letter-spacing: 5px; } .letter-space-10 { letter-spacing: 10px; } .letter-space-15 { letter-spacing: 15px; } /* home revolution slider for minimal layouts */ .minimal-revslider-wrapper { left: 0!important; width: 100%!important; } .minimal-revslider-wrapper .tp-leftarrow { left: 0!important; } .minimal-revslider-wrapper .tp-rightarrow { right: 0!important; } /* * 6.0 -> Section: Welcome To Escope * ----------------------------------------------- */ p.text-large { font-size: 18px; line-height: 29px; max-width: 100%; } /* * 7.0 -> Section: Portfolio * ----------------------------------------------- */ .masonry-filters { margin-bottom: 40px; text-align: center; } .masonry-filters li a { border: 1px solid transparent; color: #777; display: inline-block; float: none; font-size: 16px; font-weight: 400; line-height: normal; margin-right: 5px; outline: medium none; padding: 5px 15px; } .masonry-filters li a.active, .masonry-filters li a:hover { border-color: #111; color: #111; } #works .masonry-items .masonry-item { cursor: url(https://res.cloudinary.com/wfacdn/image/upload/templates/template13/images/cursor.png) 30 30, crosshair; } .masonry-items { width: 120%; } .masonry-items .masonry-item { width: 24.98%; float: left; overflow: hidden; } /* * 7.1 -> Megafolio Pro Gallery * ----------------------------------------------- */ .megafolio-container, .megafolio-container-splash { width: 100%; position: relative; -moz-box-sizing: border-box; box-sizing: border-box;    -webkit-box-sizing: border-box; } .filter_wrapper { background: none; max-width: unset !important; text-align: center; } .filter_wrapper .filter { border: 1px solid transparent; color: #777; display: inline-block; float: none; font-size: 16px; font-weight: 400; line-height: normal; margin-right: 5px; outline: medium none; padding: 5px 15px; } .filter_wrapper .filter.active { border-color: #111; color: #111; } .megafolio-container .mega-hoverlink, .megafolio-container .mega-hoverview { background: none; border: 0; height: auto; padding: 5px 8px; width: auto; } .megafolio-container .mega-hoverlink i, .megafolio-container .mega-hoverview i { color: #fff; font-size: 22px; } .gallerycaption-bottom { font-weight: 400; } .mega-hover.alone .mega-hoverlink { margin-right: -16px !important; } /* * 8.0 -> Divider: Client Logos * ----------------------------------------------- */ .clients-logo .item { background: none repeat scroll 0 0 #f9f9f9; border-color: transparent; box-shadow: 0 0 0 10px rgba(255,255,255,1); margin-bottom: 30px; padding: 15px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .clients-logo .item img { max-height: 90px; width: auto; display: inline; } .clients-logo.style2 .item { box-shadow: none; } .clients-logo.style2 .item img { max-height: 120px; } .carousel { text-align: center; } .clients-logo.carousel .item { box-shadow: none; margin: 0 10px; } /* * 9.0 -> Section: Blog Posts * ----------------------------------------------- */ .blog-posts .post { border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 30px; } .blog-posts .entry-title { line-height: 1.4; padding-top: 15px; } .blog-posts .entry-date { background: #111; color: #fff; display: inline-block; float: left; margin-left: 40px; margin-right: 10px; padding: 10px 20px; text-align: center; } .blog-posts .entry-date .day { display: block; font-size: 36px; } .blog-posts .entry-date .month { font-size: 16px; } .blog-posts .post .post-thumb { overflow: hidden; position: relative; } .blog-posts .entry-content { margin-top: 15px; position: relative; } .blog-posts .entry-content .post-date, .blog-posts .entry-content .post-visited { color: #a1a1a1; font-size: 13px; } .blog-posts .entry-meta { margin: 10px 0; } .blog-posts .entry-meta span i { margin-right: 5px; } .blog-posts .entry-meta span { font-size: 12px; margin-right: 15px; } /* * 10.0 -> Section: Blog Single * ----------------------------------------------- */ .single-post article .entry-title { font-family: "Open Sans", sans-serif; padding: 15px 0 0; text-transform: capitalize; } .single-post article { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 30px; } .single-post .author-details { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0; padding: 20px 0; } .single-post .post-share ul { margin-bottom: 15px; } .single-post .post-share ul li { display: inline-block; margin-right: 5px; } .single-post .post-share ul li a { background: none repeat scroll 0 0 #eee; border: 1px solid #eee; border-radius: 0; } .single-post .post-share ul li a i { color: #777; } .single-post .post-share ul li a:hover i { color: #111; } .single-post .media-heading { margin-bottom: 5px; margin-top: 0; } .single-post .comments-title { margin-bottom: 15px; } .single-post .comment-list { padding-left: 0; } .single-post .comment-list .comment-author { margin-top: 30px; } .single-post .comment-list h6 { font-family: helvetica; } .single-post .comment-list li { list-style: none; } .single-post .comment-list .comment-heading { font-size: 13px; } .single-post .comment-list .comment-date { font-size: 13px; } .reply-box .form-group input { border-radius: 0; height: 45px; margin-bottom: 30px; } .single-post .reply-box h4 { margin-bottom: 15px; } .single-post .reply-box .form-group input { border-radius: 0; height: 45px; margin-bottom: 28px; } .single-post .reply-box .form-group textarea { border-radius: 0; } .single-post .reply-box #comment-form button.btn { margin-right: 0; } .sidebar .sidebar-widget { margin-bottom: 30px; padding-bottom: 30px; } .sidebar-widget.about-me .author-name { font-size: 18px; } .sidebar .sidebar-widget .widget-title { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; display: inline-block; } .sidebar .search-form .search-input { background: none repeat scroll 0 0 transparent; border: none; border-bottom: 1px solid #777; border-radius: inherit; box-shadow: none; padding-bottom: 10px; padding-left: 0; padding-top: 0; } .sidebar .search-form .search-button { background: none repeat scroll 0 0 transparent; border: none; border-bottom: 1px solid #777; border-radius: initial; margin-top: 1px; } .flickr-widget #flickr-feed img { background: none repeat scroll 0 0 rgba(0,0,0,0); float: left; height: 70px; margin: 0 5px 5px 0; padding: 0; width: 70px; } .sidebar .sidebar-widget .tags a { border: 1px solid #e4e4e4; display: inline-block; font-size: 15px; margin: 5px 4px 5px -2px; padding: 5px 12px; } .sidebar .sidebar-widget ul .dropdown ul { margin-left: 15px; } .sidebar .sidebar-widget.featured-products .media .media-left { width: 55px; } .twitter-widget .twitter-feed li { color: #777; font-size: 13px; margin-bottom: 20px; padding-left: 45px; } .twitter-widget .twitter-feed li.item { position: relative; } .twitter-widget .twitter-feed li::after { content: "\f099"; color: #888; font-size: 36px; font-family: fontawesome; left: 0; position: absolute; top: 0; } .twitter-widget .twitter-feed li a { color: #111; } .twitter-widget .twitter-feed li .date { color: #111; } .blog-pull-right { float: right; } @media only screen and (max-width : 767px) { .blog-pull-right { float: none; } } /* * 13.0 -> Magazine * ----------------------------------------------- */ .post { margin-bottom: 20px; } .small-photo-gallery li { margin-bottom: 10px; width: 16%; } .post .post-date p { font-size: 15px; color: #a1a1a1; } .post .post-date a { font-size: 14px; color: #a1a1a1; } .post .post-date a:hover { color: #333; } .media-post .post-thumb { float: left; margin: 0 10px 10px 0; } .media-post .post-right { overflow: hidden; } .media-post .post-title a { color: #222; font-size: 13px; letter-spacing: 1px; } /* * 14.0 -> Section: Contact * ----------------------------------------------- */ .contact-wrapper { padding: 50px 50px 50px 100px; } #contact-form .form-group { margin-bottom: 30px; } #contact-form .form-control { background-image: none; border: 1px solid #eee; border-radius: 0; box-shadow: none; height: 48px; } #contact-form .form-control2 { background-color: rgba(0,0,0,0.8); color: #ccc; } #contact-form textarea.form-control { height: 110px; resize: none; } #contact-form .form-group button { margin-top: 0; } #contact-form .form-control:focus, #contact-form .form-control:active { box-shadow: none; color: #ccc; } textarea { resize: none; } .single-post .reply-box .btn-colored { margin-right: 0; } /* * 15.0 -> Section: contact-info * ----------------------------------------------- */ .contact-info { font-size: 15px; font-weight: 400; } .contact-info i { font-size: 20px; } .contact-info2 { padding: 20px 45px; background-color: rgba(0,0,0,0.8); color: #fff; } .contact-info2 h1, .contact-info2 h2, .contact-info2 h3, .contact-info2 h4, .contact-info2 h5, .contact-info2 h6, .contact-info2 p { color: #fff; } .contact-info ul { margin-bottom: 25px; padding-left: 0; } .contact-info ul li { margin-bottom: 10px; list-style: none; } .contact-info2 a { color: #fff; } .contact-info ul li i { color: #fff; font-size: 14px; height: 35px; line-height: 35px; margin-right: 5px; text-align: center; width: 35px; } .contact-info2 ul li i { color: #fff; } .contact-info2 ul li:hover i { background-color: #404040; } /* * 16.0 -> Map * ----------------------------------------------- */ #google_map { width: 100%; height: 400px; z-index: 0; position: relative; display: none; z-index: 200; opacity: .8; } .toggle-map { background: rgba(0,0,0,0.7); color: #fff; cursor: pointer; display: block; font-size: 16px; padding: 30px 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 200; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .toggle-map:hover { color: #fff; } .toggle-map span:after { content: "\f107"; font-family: fontawesome; margin-left: 10px; } .toggle-map.open span:after { content: "\f106"; } .map-canvas { height: 400px; -webkit-transition: all .3s linear 0; -moz-transition: all .3s linear 0; -ms-transition: all .3s linear 0; -o-transition: all .3s linear 0; transition: all .3s linear 0; } .map-canvas.big { height: 800px; } .map-canvas.map-hidden { height: 0; } .btn-show-map { color: #111; font-size: 18px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 45%; } .btn-show-map i { font-size: 48px; } /* * 17.0 -> Section: Footer * ----------------------------------------------- */ .footer { background: #fafafa; padding: 30px 0; } .footer .share-text { font-family: 'Crimson Text', sans-serif; } #footer-logo { width: auto; display: block; margin: 40px 0 0; } #footer-logo a { color: #fff!important; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 48px; } /* footer widgets */ .footer .footer-widget { margin-bottom: 30px; } .footer .footer-widget .widget-title { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* * 18.0 -> Scroll-To-Top * ----------------------------------------------- */ .scrollToTop { background: rgba(0, 0, 0, 0.1); bottom: 15px; display: none; height: 50px; padding: 2px; position: fixed; right: 15px; text-align: center; text-decoration: none; width: 50px; z-index: 99999; } .scrollToTop i { color: #fff; font-size: 42px; } .scrollToTop:hover { background: rgba(0, 0, 0, 0.6); text-decoration: none; } /* * 19.0 -> features-carousel * ----------------------------------------------- */ .features-carousel i { font-size: 48px; } /* * 20.0 -> Shop * ----------------------------------------------- */ /* * 20.1 -> Product Details Page * ----------------------------------------------- */ .products .product { margin-left: auto; margin-right: auto; max-width: 400px; } .product { margin-bottom: 30px; } .product .btn-cart { margin-right: 0; } .product .product-summary .product-title { margin-top: 0; } .product .product-summary .price { padding: 0 0 10px; } .product .product-summary .price ins { color: #111; font-size: 24px; text-decoration: none; } .product .product-summary .short-description { margin-bottom: 15px; } .product .product-summary .cart-form-wrapper .btn { margin-top: 0; } .product .product-summary .cart-form-wrapper .quantity, .tbl-shopping-cart .quantity { display: inline-block; margin-right: .8571em; position: relative; width: 4.1429em; vertical-align: top; } .product .product-summary .cart-form-wrapper .quantity .minus, .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .minus, .tbl-shopping-cart .quantity .plus { background: none repeat scroll 0 0 transparent; border: 1px solid #ccc; border-radius: 3px; font-family: 'Open Sans', sans-serif; height: 18px; left: 2.8571em; line-height: 1; outline: medium none; padding: 0; position: absolute; width: 18px; } .product .product-summary .cart-form-wrapper .quantity .minus, .tbl-shopping-cart .quantity .minus { bottom: 0; } .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .plus { top: 0; } .product .product-summary .cart-form-wrapper .quantity .qty, .tbl-shopping-cart .quantity .qty { -moz-appearance: textfield; height: 41px; padding-left: 0; padding-right: 0; text-align: center; width: 40px; } .product .product-summary .variations { width: 100%; } .product .add-to-wishlist a i { background: none repeat scroll 0 0 #eee; border-radius: 50%; color: #111; font-size: 12px; height: 30px; line-height: 30px; margin-right: 2px; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 30px; } .product .add-to-wishlist a:hover i { background: none repeat scroll 0 0 #393939; color: #fff; } .product .cart-form-wrapper { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 30px; padding: 30px 0; } .product .product-tab { margin-top: 30px; } .product .commentlist .comment { margin-top: 30px; position: relative; } .product .commentlist .comment .meta { font-size: 12px; } .product .commentlist .comment .author { font-size: 14px; font-weight: bold; } .product .product-thumb { position: relative; } .product .product-thumb .overlay { background: rgba(0,0,0,0.6); opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } .product .product-thumb:hover .overlay { opacity: 1; } .product .product-thumb .overlay .add-to-wishlist { color: #fff; right: 10px; top: 10px; position: absolute; } /* star-rating */ .star-rating { font-size: 14px; height: 16px; line-height: 1; overflow: hidden; position: relative; top: 5px; width: 75px; } .star-rating::before, .star-rating span::before { color: #ededed; content: ""; float: left; font-family: FontAwesome; left: 0; letter-spacing: 2px; position: absolute; top: 0; } .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .star-rating span::before { color: #f9ac20; } /* * 20.2 -> Category Page * ----------------------------------------------- */ /* Product Style 2 */ .product.style2 .btn-cart { border-color: #fff; color: #fff; margin-right: 0; } .product.style2 .product-thumb .product-details { left: 0; opacity: 0; position: absolute; right: 0; top: 30%; color: #fff; } .product.style2 .product-thumb:hover .product-details { opacity: 1; } .product.style2 .product-thumb:hover .product-details h5 { color: #fff; } .product .product-details .price ins { margin-left: 10px; text-decoration: none; } /* * 20.3 -> Cart Page * ----------------------------------------------- */ .tbl-shopping-cart .product-thumbnail img { max-width: 72px; max-height: 72px; } .tbl-shopping-cart .product-remove { text-align: center; } .tbl-shopping-cart .variation .variation-size, .tbl-shopping-cart .variation .variation-size span { font-size: 12px; } .tbl-shopping-cart tr th, .tbl-shopping-cart tr td, .tbl-shopping-cart .coupon label, .tbl-shopping-cart .coupon input, .tbl-shopping-cart .coupon button { vertical-align: middle!important; } .tbl-shopping-cart tr td { padding: 10px 12px!important; } /* * 20.4 -> Checkout Page * ----------------------------------------------- */ .payment-method .radio { border: 1px solid #eee; padding: 10px; } .payment-method .radio > label { color: #111; font-size: 17px; } .payment-method .radio input { margin-top: 8px; vertical-align: initial; } .payment-method .radio > p { margin-left: 20px; } #checkout-shipping-address { display: none; } /** * 21.0 -> Revolution Slider * ----------------------------------------------- */ .tp-bullets.preview4 .bullet { background: #6e6867!important; } /* * 22.0 -> Section: Opening Hourse * ----------------------------------------------- */ .opening-hourse ul li { border-bottom: 1px solid #eee; padding: 10px 0; } .opening-hourse ul li span { float: left; } .opening-hourse ul li .value { float: right; } /* ---- escope: custom-bootstrap-margin-padding.css ---- */ /* * Custom Bootstrap Margin Padding * Author - Md Ismail Hossain * Git - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding * Web - http://ismail-hossain.me/ * Email - ismailcseku@gmail.com */ /** * Table of Contents: * * 1 -> Basic margin padding * 1.1 -> Margin padding zero * 1.2 -> Margin top * 1.3 -> Margin right * 1.4 -> Margin bottom * 1.5 -> Margin left * 1.6 -> Padding top * 1.7 -> Padding right * 1.8 -> Padding bottom * 1.9 -> Padding left * 2 -> lg: min-width:992px * 3 -> md: max-width:991px * 4 -> sm: max-width 767px * 5 -> xs: max-width 479px * =============================================== */ /* min even, max odd*/ /* * 1.1 -> Basic margin padding * ----------------------------------------------- */ .m-0 { margin: 0px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-160 { margin: 160px !important; } .m-170 { margin: 170px !important; } .m-180 { margin: 180px !important; } .m-190 { margin: 190px !important; } .m-200 { margin: 200px !important; } .p-0 { padding: 0 !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-110 { padding: 110px !important; } .p-120 { padding: 120px !important; } .p-130 { padding: 130px !important; } .p-140 { padding: 140px !important; } .p-150 { padding: 150px !important; } .p-160 { padding: 160px !important; } .p-170 { padding: 170px !important; } .p-180 { padding: 180px !important; } .p-190 { padding: 190px !important; } .p-200 { padding: 200px !important; } /* * 1.2 -> Margin top * ----------------------------------------------- */ .mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-160 { margin-top: 160px !important; } .mt-170 { margin-top: 170px !important; } .mt-180 { margin-top: 180px !important; } .mt-190 { margin-top: 190px !important; } .mt-200 { margin-top: 200px !important; } /* * 1.3 -> Margin right * ----------------------------------------------- */ .mr-0 { margin-right: 0!important } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-160 { margin-right: 160px !important; } .mr-170 { margin-right: 170px !important; } .mr-180 { margin-right: 180px !important; } .mr-190 { margin-right: 190px !important; } .mr-200 { margin-right: 200px !important; } /* * 1.4 -> Margin bottom * ----------------------------------------------- */ .mb-0 { margin-bottom: 0!important } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-160 { margin-bottom: 160px !important; } .mb-170 { margin-bottom: 170px !important; } .mb-180 { margin-bottom: 180px !important; } .mb-190 { margin-bottom: 190px !important; } .mb-200 { margin-bottom: 200px !important; } /* * 1.5 -> Margin left * ----------------------------------------------- */ .ml-0 { margin-left: 0!important } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-160 { margin-left: 160px !important; } .ml-170 { margin-left: 170px !important; } .ml-180 { margin-left: 180px !important; } .ml-190 { margin-left: 190px !important; } .ml-200 { margin-left: 200px !important; } /* * 1.6 -> Padding top * ----------------------------------------------- */ .pt-0 { padding-top: 0!important } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } .pt-160 { padding-top: 160px !important; } .pt-170 { padding-top: 170px !important; } .pt-180 { padding-top: 180px !important; } .pt-190 { padding-top: 190px !important; } .pt-200 { padding-top: 200px !important; } /* * 1.7 -> Padding right * ----------------------------------------------- */ .pr-0 { padding-right: 0!important } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } .pr-150 { padding-right: 150px !important; } .pr-160 { padding-right: 160px !important; } .pr-170 { padding-right: 170px !important; } .pr-180 { padding-right: 180px !important; } .pr-190 { padding-right: 190px !important; } .pr-200 { padding-right: 200px !important; } /* * 1.8 -> Padding bottom * ----------------------------------------------- */ .pb-0 { padding-bottom: 0!important } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-160 { padding-bottom: 160px !important; } .pb-170 { padding-bottom: 170px !important; } .pb-180 { padding-bottom: 180px !important; } .pb-190 { padding-bottom: 190px !important; } .pb-200 { padding-bottom: 200px !important; } /* * 1.9 -> Padding left * ----------------------------------------------- */ .pl-0 { padding-left: 0!important } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } .pl-160 { padding-left: 160px !important; } .pl-170 { padding-left: 170px !important; } .pl-180 { padding-left: 180px !important; } .pl-190 { padding-left: 190px !important; } .pl-200 { padding-left: 200px !important; } /* * 2 -> lg: min-width:992px * ----------------------------------------------- */ @media (min-width:992px) { /* * 5.1 -> Basic margin padding * ----------------------------------------------- */ .m-lg-0 { margin: 0px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-110 { margin: 110px !important; } .m-lg-120 { margin: 120px !important; } .m-lg-130 { margin: 130px !important; } .m-lg-140 { margin: 140px !important; } .m-lg-150 { margin: 150px !important; } .m-lg-160 { margin: 160px !important; } .m-lg-170 { margin: 170px !important; } .m-lg-180 { margin: 180px !important; } .m-lg-190 { margin: 190px !important; } .m-lg-200 { margin: 200px !important; } .p-lg-0 { padding: 0 !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-110 { padding: 110px !important; } .p-lg-120 { padding: 120px !important; } .p-lg-130 { padding: 130px !important; } .p-lg-140 { padding: 140px !important; } .p-lg-150 { padding: 150px !important; } .p-lg-160 { padding: 160px !important; } .p-lg-170 { padding: 170px !important; } .p-lg-180 { padding: 180px !important; } .p-lg-190 { padding: 190px !important; } .p-lg-200 { padding: 200px !important; } /* * 5.2 -> Margin top * ----------------------------------------------- */ .mt-lg-0 { margin-top: 0 !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-110 { margin-top: 110px !important; } .mt-lg-120 { margin-top: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .mt-lg-140 { margin-top: 140px !important; } .mt-lg-150 { margin-top: 150px !important; } .mt-lg-160 { margin-top: 160px !important; } .mt-lg-170 { margin-top: 170px !important; } .mt-lg-180 { margin-top: 180px !important; } .mt-lg-190 { margin-top: 190px !important; } .mt-lg-200 { margin-top: 200px !important; } /* * 5.3 -> Margin right * ----------------------------------------------- */ .mr-lg-0 { margin-right: 0!important } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-110 { margin-right: 110px !important; } .mr-lg-120 { margin-right: 120px !important; } .mr-lg-130 { margin-right: 130px !important; } .mr-lg-140 { margin-right: 140px !important; } .mr-lg-150 { margin-right: 150px !important; } .mr-lg-160 { margin-right: 160px !important; } .mr-lg-170 { margin-right: 170px !important; } .mr-lg-180 { margin-right: 180px !important; } .mr-lg-190 { margin-right: 190px !important; } .mr-lg-200 { margin-right: 200px !important; } /* * 5.4 -> Margin bottom * ----------------------------------------------- */ .mb-lg-0 { margin-bottom: 0!important } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .mb-lg-160 { margin-bottom: 160px !important; } .mb-lg-170 { margin-bottom: 170px !important; } .mb-lg-180 { margin-bottom: 180px !important; } .mb-lg-190 { margin-bottom: 190px !important; } .mb-lg-200 { margin-bottom: 200px !important; } /* * 5.5 -> Margin left * ----------------------------------------------- */ .ml-lg-0 { margin-left: 0!important } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-110 { margin-left: 110px !important; } .ml-lg-120 { margin-left: 120px !important; } .ml-lg-130 { margin-left: 130px !important; } .ml-lg-140 { margin-left: 140px !important; } .ml-lg-150 { margin-left: 150px !important; } .ml-lg-160 { margin-left: 160px !important; } .ml-lg-170 { margin-left: 170px !important; } .ml-lg-180 { margin-left: 180px !important; } .ml-lg-190 { margin-left: 190px !important; } .ml-lg-200 { margin-left: 200px !important; } /* * 5.6 -> Padding top * ----------------------------------------------- */ .pt-lg-0 { padding-top: 0!important } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-100 { padding-top: 100px !important; } .pt-lg-110 { padding-top: 110px !important; } .pt-lg-120 { padding-top: 120px !important; } .pt-lg-130 { padding-top: 130px !important; } .pt-lg-140 { padding-top: 140px !important; } .pt-lg-150 { padding-top: 150px !important; } .pt-lg-160 { padding-top: 160px !important; } .pt-lg-170 { padding-top: 170px !important; } .pt-lg-180 { padding-top: 180px !important; } .pt-lg-190 { padding-top: 190px !important; } .pt-lg-200 { padding-top: 200px !important; } /* * 5.7 -> Padding right * ----------------------------------------------- */ .pr-lg-0 { padding-right: 0!important } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-100 { padding-right: 100px !important; } .pr-lg-110 { padding-right: 110px !important; } .pr-lg-120 { padding-right: 120px !important; } .pr-lg-130 { padding-right: 130px !important; } .pr-lg-140 { padding-right: 140px !important; } .pr-lg-150 { padding-right: 150px !important; } .pr-lg-160 { padding-right: 160px !important; } .pr-lg-170 { padding-right: 170px !important; } .pr-lg-180 { padding-right: 180px !important; } .pr-lg-190 { padding-right: 190px !important; } .pr-lg-200 { padding-right: 200px !important; } /* * 5.8 -> Padding bottom * ----------------------------------------------- */ .pb-lg-0 { padding-bottom: 0!important } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pb-lg-110 { padding-bottom: 110px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pb-lg-160 { padding-bottom: 160px !important; } .pb-lg-170 { padding-bottom: 170px !important; } .pb-lg-180 { padding-bottom: 180px !important; } .pb-lg-190 { padding-bottom: 190px !important; } .pb-lg-200 { padding-bottom: 200px !important; } /* * 5.9 -> Padding left * ----------------------------------------------- */ .pl-lg-0 { padding-left: 0!important } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-100 { padding-left: 100px !important; } .pl-lg-110 { padding-left: 110px !important; } .pl-lg-120 { padding-left: 120px !important; } .pl-lg-130 { padding-left: 130px !important; } .pl-lg-140 { padding-left: 140px !important; } .pl-lg-150 { padding-left: 150px !important; } .pl-lg-160 { padding-left: 160px !important; } .pl-lg-170 { padding-left: 170px !important; } .pl-lg-180 { padding-left: 180px !important; } .pl-lg-190 { padding-left: 190px !important; } .pl-lg-200 { padding-left: 200px !important; } } /* * 3 -> md: max-width:991px * ----------------------------------------------- */ @media (max-width:991px) { /* * 4.1 -> Basic margin padding * ----------------------------------------------- */ .m-md-0 { margin: 0px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-30 { margin: 30px !important; } .m-md-40 { margin: 40px !important; } .m-md-50 { margin: 50px !important; } .m-md-60 { margin: 60px !important; } .m-md-70 { margin: 70px !important; } .m-md-80 { margin: 80px !important; } .m-md-90 { margin: 90px !important; } .m-md-100 { margin: 100px !important; } .m-md-110 { margin: 110px !important; } .m-md-120 { margin: 120px !important; } .m-md-130 { margin: 130px !important; } .m-md-140 { margin: 140px !important; } .m-md-150 { margin: 150px !important; } .m-md-160 { margin: 160px !important; } .m-md-170 { margin: 170px !important; } .m-md-180 { margin: 180px !important; } .m-md-190 { margin: 190px !important; } .m-md-200 { margin: 200px !important; } .p-md-0 { padding: 0 !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-30 { padding: 30px !important; } .p-md-40 { padding: 40px !important; } .p-md-50 { padding: 50px !important; } .p-md-60 { padding: 60px !important; } .p-md-70 { padding: 70px !important; } .p-md-80 { padding: 80px !important; } .p-md-90 { padding: 90px !important; } .p-md-100 { padding: 100px !important; } .p-md-110 { padding: 110px !important; } .p-md-120 { padding: 120px !important; } .p-md-130 { padding: 130px !important; } .p-md-140 { padding: 140px !important; } .p-md-150 { padding: 150px !important; } .p-md-160 { padding: 160px !important; } .p-md-170 { padding: 170px !important; } .p-md-180 { padding: 180px !important; } .p-md-190 { padding: 190px !important; } .p-md-200 { padding: 200px !important; } /* * 4.2 -> Margin top * ----------------------------------------------- */ .mt-md-0 { margin-top: 0 !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-110 { margin-top: 110px !important; } .mt-md-120 { margin-top: 120px !important; } .mt-md-130 { margin-top: 130px !important; } .mt-md-140 { margin-top: 140px !important; } .mt-md-150 { margin-top: 150px !important; } .mt-160 { margin-top: 160px !important; } .mt-170 { margin-top: 170px !important; } .mt-180 { margin-top: 180px !important; } .mt-190 { margin-top: 190px !important; } .mt-200 { margin-top: 200px !important; } /* * 4.3 -> Margin right * ----------------------------------------------- */ .mr-md-0 { margin-right: 0!important } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-110 { margin-right: 110px !important; } .mr-md-120 { margin-right: 120px !important; } .mr-md-130 { margin-right: 130px !important; } .mr-md-140 { margin-right: 140px !important; } .mr-md-150 { margin-right: 150px !important; } .mr-md-160 { margin-right: 160px !important; } .mr-md-170 { margin-right: 170px !important; } .mr-md-180 { margin-right: 180px !important; } .mr-md-190 { margin-right: 190px !important; } .mr-md-200 { margin-right: 200px !important; } /* * 4.4 -> Margin bottom * ----------------------------------------------- */ .mb-md-0 { margin-bottom: 0!important } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-110 { margin-bottom: 110px !important; } .mb-md-120 { margin-bottom: 120px !important; } .mb-md-130 { margin-bottom: 130px !important; } .mb-md-140 { margin-bottom: 140px !important; } .mb-md-150 { margin-bottom: 150px !important; } .mb-md-160 { margin-bottom: 160px !important; } .mb-md-170 { margin-bottom: 170px !important; } .mb-md-180 { margin-bottom: 180px !important; } .mb-md-190 { margin-bottom: 190px !important; } .mb-md-200 { margin-bottom: 200px !important; } /* * 4.5 -> Margin left * ----------------------------------------------- */ .ml-md-0 { margin-left: 0!important } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-110 { margin-left: 110px !important; } .ml-md-120 { margin-left: 120px !important; } .ml-md-130 { margin-left: 130px !important; } .ml-md-140 { margin-left: 140px !important; } .ml-md-150 { margin-left: 150px !important; } .ml-md-160 { margin-left: 160px !important; } .ml-md-170 { margin-left: 170px !important; } .ml-md-180 { margin-left: 180px !important; } .ml-md-190 { margin-left: 190px !important; } .ml-md-200 { margin-left: 200px !important; } /* * 4.6 -> Padding top * ----------------------------------------------- */ .pt-md-0 { padding-top: 0!important } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-100 { padding-top: 100px !important; } .pt-md-110 { padding-top: 110px !important; } .pt-md-120 { padding-top: 120px !important; } .pt-md-130 { padding-top: 130px !important; } .pt-md-140 { padding-top: 140px !important; } .pt-md-150 { padding-top: 150px !important; } .pt-md-160 { padding-top: 160px !important; } .pt-md-170 { padding-top: 170px !important; } .pt-md-180 { padding-top: 180px !important; } .pt-md-190 { padding-top: 190px !important; } .pt-md-200 { padding-top: 200px !important; } /* * 4.7 -> Padding right * ----------------------------------------------- */ .pr-md-0 { padding-right: 0!important } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-100 { padding-right: 100px !important; } .pr-md-110 { padding-right: 110px !important; } .pr-md-120 { padding-right: 120px !important; } .pr-md-130 { padding-right: 130px !important; } .pr-md-140 { padding-right: 140px !important; } .pr-md-150 { padding-right: 150px !important; } .pr-md-160 { padding-right: 160px !important; } .pr-md-170 { padding-right: 170px !important; } .pr-md-180 { padding-right: 180px !important; } .pr-md-190 { padding-right: 190px !important; } .pr-md-200 { padding-right: 200px !important; } /* * 4.8 -> Padding bottom * ----------------------------------------------- */ .pb-md-0 { padding-bottom: 0!important } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pb-md-110 { padding-bottom: 110px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pb-md-130 { padding-bottom: 130px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pb-md-160 { padding-bottom: 160px !important; } .pb-md-170 { padding-bottom: 170px !important; } .pb-md-180 { padding-bottom: 180px !important; } .pb-md-190 { padding-bottom: 190px !important; } .pb-md-200 { padding-bottom: 200px !important; } /* * 4.9 -> Padding left * ----------------------------------------------- */ .pl-md-0 { padding-left: 0!important } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-100 { padding-left: 100px !important; } .pl-md-110 { padding-left: 110px !important; } .pl-md-120 { padding-left: 120px !important; } .pl-md-130 { padding-left: 130px !important; } .pl-md-140 { padding-left: 140px !important; } .pl-md-150 { padding-left: 150px !important; } .pl-md-160 { padding-left: 160px !important; } .pl-md-170 { padding-left: 170px !important; } .pl-md-180 { padding-left: 180px !important; } .pl-md-190 { padding-left: 190px !important; } .pl-md-200 { padding-left: 200px !important; } } /* * 4 -> sm: max-width 767px * ----------------------------------------------- */ @media (max-width:767px) { /* * 3.1 -> Basic margin padding * ----------------------------------------------- */ .m-sm-0 { margin: 0px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-110 { margin: 110px !important; } .m-sm-120 { margin: 120px !important; } .m-sm-130 { margin: 130px !important; } .m-sm-140 { margin: 140px !important; } .m-sm-150 { margin: 150px !important; } .m-sm-160 { margin: 160px !important; } .m-sm-170 { margin: 170px !important; } .m-sm-180 { margin: 180px !important; } .m-sm-190 { margin: 190px !important; } .m-sm-200 { margin: 200px !important; } .p-sm-0 { padding: 0 !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-110 { padding: 110px !important; } .p-sm-120 { padding: 120px !important; } .p-sm-130 { padding: 130px !important; } .p-sm-140 { padding: 140px !important; } .p-sm-150 { padding: 150px !important; } .p-sm-160 { padding: 160px !important; } .p-sm-170 { padding: 170px !important; } .p-sm-180 { padding: 180px !important; } .p-sm-190 { padding: 190px !important; } .p-sm-200 { padding: 200px !important; } /* * 3.2 -> Margin top * ----------------------------------------------- */ .mt-sm-0 { margin-top: 0 !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-110 { margin-top: 110px !important; } .mt-sm-120 { margin-top: 120px !important; } .mt-sm-130 { margin-top: 130px !important; } .mt-sm-140 { margin-top: 140px !important; } .mt-sm-150 { margin-top: 150px !important; } .mt-sm-160 { margin-top: 160px !important; } .mt-sm-170 { margin-top: 170px !important; } .mt-sm-180 { margin-top: 180px !important; } .mt-sm-190 { margin-top: 190px !important; } .mt-sm-200 { margin-top: 200px !important; } /* * 3.3 -> Margin right * ----------------------------------------------- */ .mr-sm-0 { margin-right: 0!important } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-110 { margin-right: 110px !important; } .mr-sm-120 { margin-right: 120px !important; } .mr-sm-130 { margin-right: 130px !important; } .mr-sm-140 { margin-right: 140px !important; } .mr-sm-150 { margin-right: 150px !important; } .mr-sm-160 { margin-right: 160px !important; } .mr-sm-170 { margin-right: 170px !important; } .mr-sm-180 { margin-right: 180px !important; } .mr-sm-190 { margin-right: 190px !important; } .mr-sm-200 { margin-right: 200px !important; } /* * 3.4 -> Margin bottom * ----------------------------------------------- */ .mb-sm-0 { margin-bottom: 0!important } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-110 { margin-bottom: 110px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .mb-sm-130 { margin-bottom: 130px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .mb-sm-150 { margin-bottom: 150px !important; } .mb-sm-160 { margin-bottom: 160px !important; } .mb-sm-170 { margin-bottom: 170px !important; } .mb-sm-180 { margin-bottom: 180px !important; } .mb-sm-190 { margin-bottom: 190px !important; } .mb-sm-200 { margin-bottom: 200px !important; } /* * 3.5 -> Margin left * ----------------------------------------------- */ .ml-sm-0 { margin-left: 0!important } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-110 { margin-left: 110px !important; } .ml-sm-120 { margin-left: 120px !important; } .ml-sm-130 { margin-left: 130px !important; } .ml-sm-140 { margin-left: 140px !important; } .ml-sm-150 { margin-left: 150px !important; } .ml-sm-160 { margin-left: 160px !important; } .ml-sm-170 { margin-left: 170px !important; } .ml-sm-180 { margin-left: 180px !important; } .ml-sm-190 { margin-left: 190px !important; } .ml-sm-200 { margin-left: 200px !important; } /* * 3.6 -> Padding top * ----------------------------------------------- */ .pt-sm-0 { padding-top: 0!important } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-100 { padding-top: 100px !important; } .pt-sm-110 { padding-top: 110px !important; } .pt-sm-120 { padding-top: 120px !important; } .pt-sm-130 { padding-top: 130px !important; } .pt-sm-140 { padding-top: 140px !important; } .pt-sm-150 { padding-top: 150px !important; } .pt-sm-160 { padding-top: 160px !important; } .pt-sm-170 { padding-top: 170px !important; } .pt-sm-180 { padding-top: 180px !important; } .pt-sm-190 { padding-top: 190px !important; } .pt-sm-200 { padding-top: 200px !important; } /* * 3.7 -> Padding right * ----------------------------------------------- */ .pr-sm-0 { padding-right: 0!important } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-100 { padding-right: 100px !important; } .pr-sm-110 { padding-right: 110px !important; } .pr-sm-120 { padding-right: 120px !important; } .pr-sm-130 { padding-right: 130px !important; } .pr-sm-140 { padding-right: 140px !important; } .pr-sm-150 { padding-right: 150px !important; } .pr-sm-160 { padding-right: 160px !important; } .pr-sm-170 { padding-right: 170px !important; } .pr-sm-180 { padding-right: 180px !important; } .pr-sm-190 { padding-right: 190px !important; } .pr-sm-200 { padding-right: 200px !important; } /* * 3.8 -> Padding bottom * ----------------------------------------------- */ .pb-sm-0 { padding-bottom: 0!important } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pb-sm-110 { padding-bottom: 110px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pb-sm-130 { padding-bottom: 130px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pb-sm-150 { padding-bottom: 150px !important; } .pb-sm-160 { padding-bottom: 160px !important; } .pb-sm-170 { padding-bottom: 170px !important; } .pb-sm-180 { padding-bottom: 180px !important; } .pb-sm-190 { padding-bottom: 190px !important; } .pb-sm-200 { padding-bottom: 200px !important; } /* * 3.9 -> Padding left * ----------------------------------------------- */ .pl-sm-0 { padding-left: 0!important } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-100 { padding-left: 100px !important; } .pl-sm-110 { padding-left: 110px !important; } .pl-sm-120 { padding-left: 120px !important; } .pl-sm-130 { padding-left: 130px !important; } .pl-sm-140 { padding-left: 140px !important; } .pl-sm-150 { padding-left: 150px !important; } .pl-sm-160 { padding-left: 160px !important; } .pl-sm-170 { padding-left: 170px !important; } .pl-sm-180 { padding-left: 180px !important; } .pl-sm-190 { padding-left: 190px !important; } .pl-sm-200 { padding-left: 200px !important; } } /* * 5 -> xs: max-width 479px * ----------------------------------------------- */ @media (max-width:479px) { /* * 2.1 -> Basic margin padding * ----------------------------------------------- */ .m-xs-0 { margin: 0px !important; } .m-xs-10 { margin: 10px !important; } .m-xs-15 { margin: 15px !important; } .m-xs-20 { margin: 20px !important; } .m-xs-30 { margin: 30px !important; } .m-xs-40 { margin: 40px !important; } .m-xs-50 { margin: 50px !important; } .m-xs-60 { margin: 60px !important; } .m-xs-70 { margin: 70px !important; } .m-xs-80 { margin: 80px !important; } .m-xs-90 { margin: 90px !important; } .m-xs-100 { margin: 100px !important; } .m-xs-110 { margin: 110px !important; } .m-xs-120 { margin: 120px !important; } .m-xs-130 { margin: 130px !important; } .m-xs-140 { margin: 140px !important; } .m-xs-150 { margin: 150px !important; } .m-xs-160 { margin: 160px !important; } .m-xs-170 { margin: 170px !important; } .m-xs-180 { margin: 180px !important; } .m-xs-190 { margin: 190px !important; } .m-xs-200 { margin: 200px !important; } .p-xs-0 { padding: 0 !important; } .p-xs-10 { padding: 10px !important; } .p-xs-15 { padding: 15px !important; } .p-xs-20 { padding: 20px !important; } .p-xs-30 { padding: 30px !important; } .p-xs-40 { padding: 40px !important; } .p-xs-50 { padding: 50px !important; } .p-xs-60 { padding: 60px !important; } .p-xs-70 { padding: 70px !important; } .p-xs-80 { padding: 80px !important; } .p-xs-90 { padding: 90px !important; } .p-xs-100 { padding: 100px !important; } .p-xs-110 { padding: 110px !important; } .p-xs-120 { padding: 120px !important; } .p-xs-130 { padding: 130px !important; } .p-xs-140 { padding: 140px !important; } .p-xs-150 { padding: 150px !important; } .p-xs-160 { padding: 160px !important; } .p-xs-170 { padding: 170px !important; } .p-xs-180 { padding: 180px !important; } .p-xs-190 { padding: 190px !important; } .p-xs-200 { padding: 200px !important; } /* * 2.2 -> Margin top * ----------------------------------------------- */ .mt-xs-0 { margin-top: 0 !important; } .mt-xs-10 { margin-top: 10px !important; } .mt-xs-15 { margin-top: 15px !important; } .mt-xs-20 { margin-top: 20px !important; } .mt-xs-30 { margin-top: 30px !important; } .mt-xs-40 { margin-top: 40px !important; } .mt-xs-50 { margin-top: 50px !important; } .mt-xs-60 { margin-top: 60px !important; } .mt-xs-70 { margin-top: 70px !important; } .mt-xs-80 { margin-top: 80px !important; } .mt-xs-90 { margin-top: 90px !important; } .mt-xs-100 { margin-top: 100px !important; } .mt-xs-110 { margin-top: 110px !important; } .mt-xs-120 { margin-top: 120px !important; } .mt-xs-130 { margin-top: 130px !important; } .mt-xs-140 { margin-top: 140px !important; } .mt-xs-150 { margin-top: 150px !important; } .mt-xs-160 { margin-top: 160px !important; } .mt-xs-170 { margin-top: 170px !important; } .mt-xs-180 { margin-top: 180px !important; } .mt-xs-190 { margin-top: 190px !important; } .mt-xs-200 { margin-top: 200px !important; } /* * 2.3 -> Margin right * ----------------------------------------------- */ .mr-xs-0 { margin-right: 0!important } .mr-xs-10 { margin-right: 10px !important; } .mr-xs-15 { margin-right: 15px !important; } .mr-xs-20 { margin-right: 20px !important; } .mr-xs-30 { margin-right: 30px !important; } .mr-xs-40 { margin-right: 40px !important; } .mr-xs-50 { margin-right: 50px !important; } .mr-xs-60 { margin-right: 60px !important; } .mr-xs-70 { margin-right: 70px !important; } .mr-xs-80 { margin-right: 80px !important; } .mr-xs-90 { margin-right: 90px !important; } .mr-xs-100 { margin-right: 100px !important; } .mr-xs-110 { margin-right: 110px !important; } .mr-xs-120 { margin-right: 120px !important; } .mr-xs-130 { margin-right: 130px !important; } .mr-xs-140 { margin-right: 140px !important; } .mr-xs-150 { margin-right: 150px !important; } .mr-xs-160 { margin-right: 160px !important; } .mr-xs-170 { margin-right: 170px !important; } .mr-xs-180 { margin-right: 180px !important; } .mr-xs-190 { margin-right: 190px !important; } .mr-xs-200 { margin-right: 200px !important; } /* * 2.4 -> Margin bottom * ----------------------------------------------- */ .mb-xs-0 { margin-bottom: 0!important } .mb-xs-10 { margin-bottom: 10px !important; } .mb-xs-15 { margin-bottom: 15px !important; } .mb-xs-20 { margin-bottom: 20px !important; } .mb-xs-30 { margin-bottom: 30px !important; } .mb-xs-40 { margin-bottom: 40px !important; } .mb-xs-50 { margin-bottom: 50px !important; } .mb-xs-60 { margin-bottom: 60px !important; } .mb-xs-70 { margin-bottom: 70px !important; } .mb-xs-80 { margin-bottom: 80px !important; } .mb-xs-90 { margin-bottom: 90px !important; } .mb-xs-100 { margin-bottom: 100px !important; } .mb-xs-110 { margin-bottom: 110px !important; } .mb-xs-120 { margin-bottom: 120px !important; } .mb-xs-130 { margin-bottom: 130px !important; } .mb-xs-140 { margin-bottom: 140px !important; } .mb-xs-150 { margin-bottom: 150px !important; } .mb-xs-160 { margin-bottom: 160px !important; } .mb-xs-170 { margin-bottom: 170px !important; } .mb-xs-180 { margin-bottom: 180px !important; } .mb-xs-190 { margin-bottom: 190px !important; } .mb-xs-200 { margin-bottom: 200px !important; } /* * 2.5 -> Margin left * ----------------------------------------------- */ .ml-xs-0 { margin-left: 0!important } .ml-xs-10 { margin-left: 10px !important; } .ml-xs-15 { margin-left: 15px !important; } .ml-xs-20 { margin-left: 20px !important; } .ml-xs-30 { margin-left: 30px !important; } .ml-xs-40 { margin-left: 40px !important; } .ml-xs-50 { margin-left: 50px !important; } .ml-xs-60 { margin-left: 60px !important; } .ml-xs-70 { margin-left: 70px !important; } .ml-xs-80 { margin-left: 80px !important; } .ml-xs-90 { margin-left: 90px !important; } .ml-xs-100 { margin-left: 100px !important; } .ml-xs-110 { margin-left: 110px !important; } .ml-xs-120 { margin-left: 120px !important; } .ml-xs-130 { margin-left: 130px !important; } .ml-xs-140 { margin-left: 140px !important; } .ml-xs-150 { margin-left: 150px !important; } .ml-xs-160 { margin-left: 160px !important; } .ml-xs-170 { margin-left: 170px !important; } .ml-xs-180 { margin-left: 180px !important; } .ml-xs-190 { margin-left: 190px !important; } .ml-xs-200 { margin-left: 200px !important; } /* * 2.6 -> Padding top * ----------------------------------------------- */ .pt-xs-0 { padding-top: 0!important } .pt-xs-10 { padding-top: 10px !important; } .pt-xs-15 { padding-top: 15px !important; } .pt-xs-20 { padding-top: 20px !important; } .pt-xs-30 { padding-top: 30px !important; } .pt-xs-40 { padding-top: 40px !important; } .pt-xs-50 { padding-top: 50px !important; } .pt-xs-60 { padding-top: 60px !important; } .pt-xs-70 { padding-top: 70px !important; } .pt-xs-80 { padding-top: 80px !important; } .pt-xs-90 { padding-top: 90px !important; } .pt-xs-100 { padding-top: 100px !important; } .pt-xs-110 { padding-top: 110px !important; } .pt-xs-120 { padding-top: 120px !important; } .pt-xs-130 { padding-top: 130px !important; } .pt-xs-140 { padding-top: 140px !important; } .pt-xs-150 { padding-top: 150px !important; } .pt-xs-160 { padding-top: 160px !important; } .pt-xs-170 { padding-top: 170px !important; } .pt-xs-180 { padding-top: 180px !important; } .pt-xs-190 { padding-top: 190px !important; } .pt-xs-200 { padding-top: 200px !important; } /* * 2.7 -> Padding right * ----------------------------------------------- */ .pr-xs-0 { padding-right: 0!important } .pr-xs-10 { padding-right: 10px !important; } .pr-xs-15 { padding-right: 15px !important; } .pr-xs-20 { padding-right: 20px !important; } .pr-xs-30 { padding-right: 30px !important; } .pr-xs-40 { padding-right: 40px !important; } .pr-xs-50 { padding-right: 50px !important; } .pr-xs-60 { padding-right: 60px !important; } .pr-xs-70 { padding-right: 70px !important; } .pr-xs-80 { padding-right: 80px !important; } .pr-xs-90 { padding-right: 90px !important; } .pr-xs-100 { padding-right: 100px !important; } .pr-xs-110 { padding-right: 110px !important; } .pr-xs-120 { padding-right: 120px !important; } .pr-xs-130 { padding-right: 130px !important; } .pr-xs-140 { padding-right: 140px !important; } .pr-xs-150 { padding-right: 150px !important; } .pr-xs-160 { padding-right: 160px !important; } .pr-xs-170 { padding-right: 170px !important; } .pr-xs-180 { padding-right: 180px !important; } .pr-xs-190 { padding-right: 190px !important; } .pr-xs-200 { padding-right: 200px !important; } /* * 2.8 -> Padding bottom * ----------------------------------------------- */ .pb-xs-0 { padding-bottom: 0!important } .pb-xs-10 { padding-bottom: 10px !important; } .pb-xs-15 { padding-bottom: 15px !important; } .pb-xs-20 { padding-bottom: 20px !important; } .pb-xs-30 { padding-bottom: 30px !important; } .pb-xs-40 { padding-bottom: 40px !important; } .pb-xs-50 { padding-bottom: 50px !important; } .pb-xs-60 { padding-bottom: 60px !important; } .pb-xs-70 { padding-bottom: 70px !important; } .pb-xs-80 { padding-bottom: 80px !important; } .pb-xs-90 { padding-bottom: 90px !important; } .pb-xs-100 { padding-bottom: 100px !important; } .pb-xs-110 { padding-bottom: 110px !important; } .pb-xs-120 { padding-bottom: 120px !important; } .pb-xs-130 { padding-bottom: 130px !important; } .pb-xs-140 { padding-bottom: 140px !important; } .pb-xs-150 { padding-bottom: 150px !important; } .pb-xs-160 { padding-bottom: 160px !important; } .pb-xs-170 { padding-bottom: 170px !important; } .pb-xs-180 { padding-bottom: 180px !important; } .pb-xs-190 { padding-bottom: 190px !important; } .pb-xs-200 { padding-bottom: 200px !important; } /* * 2.9 -> Padding left * ----------------------------------------------- */ .pl-xs-0 { padding-left: 0!important } .pl-xs-10 { padding-left: 10px !important; } .pl-xs-15 { padding-left: 15px !important; } .pl-xs-20 { padding-left: 20px !important; } .pl-xs-30 { padding-left: 30px !important; } .pl-xs-40 { padding-left: 40px !important; } .pl-xs-50 { padding-left: 50px !important; } .pl-xs-60 { padding-left: 60px !important; } .pl-xs-70 { padding-left: 70px !important; } .pl-xs-80 { padding-left: 80px !important; } .pl-xs-90 { padding-left: 90px !important; } .pl-xs-100 { padding-left: 100px !important; } .pl-xs-110 { padding-left: 110px !important; } .pl-xs-120 { padding-left: 120px !important; } .pl-xs-130 { padding-left: 130px !important; } .pl-xs-140 { padding-left: 140px !important; } .pl-xs-150 { padding-left: 150px !important; } .pl-xs-160 { padding-left: 160px !important; } .pl-xs-170 { padding-left: 170px !important; } .pl-xs-180 { padding-left: 180px !important; } .pl-xs-190 { padding-left: 190px !important; } .pl-xs-200 { padding-left: 200px !important; } } /* ---- escope: responsive.css ---- */ /*================================================== = Bootstrap 3 Media Queries = ==================================================*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { html { font-size: 90%; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 15px !important; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { html { font-size: 75%; } .divider, .parallax { background-attachment: scroll; } .navbar-nav .dropdown-menu { left: auto; } #header-logo { padding: 10px 15px; } section > .container, section > .container-fluid { padding-bottom: 30px; } .divider .container { padding-bottom: 40px; } .header .navbar-default .navbar-nav > li > a::after { display: none; } #about .icon-box, .our-mission, .team-member, .table-list, .working-progress, #contact .contact-info { margin-bottom: 60px !important; } .static-testimonial .testimonial-thumb { margin-left: auto; margin-right: auto; margin-top: 30px; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 0px !important; } .masonry-filters > li { padding-bottom: 10px; } .funfact { margin-bottom: 60px !important; border-right: 0; padding-right: 0; text-align: center; } .map { margin-top: 30px; } .curve-bg:after, .curve-bg-half:after { left: auto; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg); } .blog-posts .entry-header .entry-title { padding-top: 0; } .blog-posts .entry-header .entry-date { margin-left: 0; } .contact-wrapper { padding: 50px 30px; } .masonry-filters > li > a.active::after, .masonry-filters > li > a:hover::after { background: none; height: 0; } .header #header-logo { padding-top: 20px; } .minimal-layout .header #header-logo, .vertical-header .header #header-logo { padding-top: 10px; } .header .navbar-default .navbar-toggle { margin-top: 18px; } .minimal-layout .header .navbar-default .navbar-toggle { margin-top: 8px; } .header #header-logo img { height: 30px; } .pricing-table .table-price { font-size: 30px; } .masonry-items .masonry-item h3 { font-size: 16px; } #top-search-bar { background: none; left: 0; margin: 0 auto; position: absolute; right: 0; top: 100%; width: 100%; } } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { html { font-size: 60%; } #header-logo { padding: 10px 15px; } #spinner { left: 42%; } .navbar-default .navbar-toggle { margin-top: 15px; border-radius: 0px; } #home .home-content p { margin: 15px 0; font-size: 14px; } .icon-box { margin-top: 30px; margin-bottom: 30px; } .icon-box { text-align: center; } .icon-box.left { text-align: center; } .icon-box.left a { margin-right: 0; padding: 0; } .icon-box .media-left { float: none !important; margin: 0 0 30px 0; } .icon-box .media-left, .icon-box .media-right, .icon-box .media-body { display: block; } .product .product-thumb img { width: 100%; } .call-to-action { text-align: center; } .call-to-action .icon { float: none; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { html { font-size: 50%; } .post > div { width: 100%; } .vertical-text-carousel .owl-controls .owl-buttons { top: 18%; } .masonry-items .masonry-item { width: 84% !important; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { html { font-size: 35%; } } /* ---- escope: style.css ---- */ /* @Author: ThemeMascot @URL: http://ThemeMascot.com This is the file where you can add your custom styles to change the look of the theme. But don't modify main-style.css file. */ /* Your custom css codes start here: */ .vimeo-fullscreen-bg .fluid-width-video-wrapper { padding-top: 0; width: auto; }