/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .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; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .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: url(../img/owl.video.play.html) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /***************************** Typography *****************************/ body { font-family: "Quicksand", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; color: #666666; overflow-x: hidden; } a { outline: medium none !important; color: #f1ad3a; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:focus { color: #1b75bb; text-decoration: none !important; } a:hover { color: #1b75bb; text-decoration: none !important; } input { outline: medium none !important; color: #1b75bb; } h1, h2, h3, h4, h5, h6 { font-family: "Quicksand", sans-serif; font-weight: normal; color: #063254; margin-top: 0px; font-weight: 700; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } label { font-weight: normal; } h1 { font-size: 42px; font-style: normal; } h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } p { line-height: 1.9; } *::-moz-selection { background: #1b75bb; color: #ffffff; text-shadow: none; } ::-moz-selection { background: #1b75bb; color: #ffffff; text-shadow: none; } ::selection { background: #1b75bb; color: #ffffff; text-shadow: none; } /* container-fluid*/ .container-fluid.container-space { padding: 0 100px; } /* form-control */ .form-control { border: 1px solid #eeeeee; border-radius: 0px; height: 48px; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; font-weight: 500; color: #063254; border-radius: 5px; background-clip: inherit !important; } .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #1b75bb; } .form-control::-moz-placeholder { color: #ffffff; } .form-control::-ms-input-placeholder { color: #ffffff; } .form-control::-webkit-input-placeholder { color: #ffffff; } .custom-control, input[type=radio], .custom-control-label { cursor: pointer; } .bootstrap-datetimepicker-widget.dropdown-menu.top { z-index: 9; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { color: #063254; text-shadow: none; } .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #1b75bb; } /* form-dark */ .form-dark .form-control { background-color: #063254; color: #ffffff; } .form-dark .form-control:focus { -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-color: #1b75bb; } .form-dark .form-control::-moz-placeholder { color: #ffffff; } .form-dark .form-control::-ms-input-placeholder { color: #ffffff; } .form-dark .form-control::-webkit-input-placeholder { color: #ffffff; } /* custom-file */ .custom-file { height: 50px; } .custom-file .custom-file-input { height: 50px; color: #063254; border-radius: 5px; border-color: #eeeeee; } .custom-file .custom-file-input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #1b75bb; } .custom-file .custom-file-label { height: 50px; font-size: 14px; font-weight: 600; color: #063254; border-color: #eeeeee; padding: 15px 90px 15px 20px; border-radius: 5px; } .custom-file .custom-file-label:after { height: 48px; padding: 14px 25px; } .custom-file-input:focus ~ .custom-file-label { -webkit-box-shadow: none; box-shadow: none; border-color: #1b75bb; } /* input-group-prepend */ .input-group-prepend .input-group-text, .input-group-append .input-group-text { background: transparent; border-color: #eeeeee; -webkit-box-shadow: none; box-shadow: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* checkbox */ .custom-control-input:checked ~ .custom-control-label:before { background: #1b75bb; border-color: #1b75bb; } .custom-control-input:not(:disabled):active ~ .custom-control-label:before { background: transparent; border-color: transparent; } .custom-control-input:focus ~ .custom-control-label:before { -webkit-box-shadow: none; box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label:before { border-color: #eeeeee; } .custom-control-label:before { top: 2px; } .custom-control-label:after { top: 2px; } .custom-checkbox .custom-control-label:before { border-radius: 5px; border: 2px solid #dfdfdf; } .form-group .form-radio .custom-control-input:checked ~ .custom-control-label::after { background: #063254; border-color: #063254; border-radius: 50%; } /* border */ .border { border-color: #eeeeee !important; } .border-top { border-top-color: #eeeeee !important; } .border-left { border-left-color: #eeeeee !important; } .border-right { border-right-color: #eeeeee !important; } .border-bottom { border-bottom-color: #eeeeee !important; } /* badge */ .badge { border-radius: 5px; } .badge + .badge { margin-left: 6px; } .badge-md { padding: 5px 8px; font-size: 13px; font-weight: normal; } .badge-primary { background: #1b75bb; } /* back-to-to */ .back-to-top { background: #1b75bb; color: #FFFFFF; width: 50px; height: 50px; line-height: 50px; font-size: 36px; display: inline-block; border-radius: 50%; text-align: center; } .back-to-top:hover { color: #f1ad3a; } .back-to-top:focus { color: #ffffff; } /* breadcrumb */ .breadcrumb { padding-left: 0; background: transparent; font-family: "Quicksand", sans-serif; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumb .breadcrumb-item { padding-right: 5px; color: #ffffff; } .breadcrumb .breadcrumb-item a { color: #ffffff; } .breadcrumb .breadcrumb-item a:hover { color: #1b75bb; } .breadcrumb .breadcrumb-item:before { color: #ffffff; } .breadcrumb .active { color: #1b75bb; } /* pagination */ .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); padding: 10px 22px; } .pagination .page-item { margin: 0 6px; } .pagination .page-item .active { background: #1b75bb; border-radius: 5px; color: #ffffff !important; } .pagination .page-item .page-link { padding: 14px 24px; color: #666666; border: none; } .pagination .page-item .page-link:focus { -webkit-box-shadow: none; box-shadow: none; background: #1b75bb; color: #ffffff; border-radius: 5px; } .pagination .page-item .page-link:hover { background: #1b75bb; color: #ffffff; border-radius: 5px; } /* table */ .table-bordered td { border-color: #eeeeee; } .table-bordered th { border-color: #eeeeee; } .table thead th { border-bottom-color: #eeeeee; } .table-striped tbody tr:nth-of-type(odd) { background: #fafafa; } .table td, .table th { vertical-align: middle; } /***************************** Helper Classes *****************************/ .text-primary { color: #1b75bb !important; } .text-white { color: #ffffff; } .text-dark { color: #063254 !important; } .text-light { color: #666666 !important; } .text-muted { color: #999999 !important; } /* background */ .bg-primary { background: #1b75bb !important; } .bg-dark { background: #063254 !important; } .bg-gray { background: #707173 !important; } /* Page section margin padding */ .space-ptb { padding: 100px 0; } .space-pt { padding-top: 100px; } .space-pb { padding-bottom: 100px; } .space-sm-ptb { padding: 70px 0; } .space-sm-pt { padding-top: 70px; } .space-sm-pb { padding-bottom: 70px; } .space-lg-mt { margin-top: 150px; } .h-100vh { height: 100vh !important; } /* pre-loader */ #pre-loader { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; } #pre-loader img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; } /* img holder */ .bg-holder { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; } /* Background overlay */ .bg-overlay-black-10 { position: relative; z-index: 1; } .bg-overlay-black-10:before { background: rgba(33, 77, 99, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-20 { position: relative; z-index: 1; } .bg-overlay-black-20:before { background: rgba(33, 77, 99, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-30 { position: relative; z-index: 1; } .bg-overlay-black-30:before { background: rgba(33, 77, 99, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-40 { position: relative; z-index: 1; } .bg-overlay-black-40:before { background: rgba(33, 77, 99, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-50 { position: relative; z-index: 1; } .bg-overlay-black-50:before { background: rgba(33, 77, 99, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-60 { position: relative; z-index: 1; } .bg-overlay-black-60:before { background: rgba(33, 77, 99, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-70 { position: relative; z-index: 1; } .bg-overlay-black-70:before { background: rgba(6, 50, 84, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-80 { position: relative; z-index: 1; } .bg-overlay-black-80:before { background: rgba(33, 77, 99, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-black-90 { position: relative; z-index: 1; } .bg-overlay-black-90:before { background: rgba(33, 77, 99, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-10 { position: relative; z-index: 1; } .bg-overlay-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-20 { position: relative; z-index: 1; } .bg-overlay-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-30 { position: relative; z-index: 1; } .bg-overlay-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-40 { position: relative; z-index: 1; } .bg-overlay-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-50 { position: relative; z-index: 1; } .bg-overlay-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-60 { position: relative; z-index: 1; } .bg-overlay-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-70 { position: relative; z-index: 1; } .bg-overlay-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-80 { position: relative; z-index: 1; } .bg-overlay-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-white-90 { position: relative; z-index: 1; } .bg-overlay-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-20 { position: relative; z-index: 1; } .bg-overlay-theme-20:before { background: rgba(252, 219, 2, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-50 { position: relative; z-index: 1; } .bg-overlay-theme-50:before { background: rgba(245, 137, 42, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-70 { position: relative; z-index: 1; } .bg-overlay-theme-70:before { background: rgba(252, 219, 2, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-overlay-theme-90 { position: relative; z-index: 1; } .bg-overlay-theme-90:before { background: rgba(252, 219, 2, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } /* avatar */ .avatar { width: 50px; height: 50px; display: inline-block; } .avatar.avatar-sm { width: 20px; height: 20px; } .avatar.avatar-md { width: 80px; height: 80px; } .avatar.avatar-lg { width: 145px; height: 145px; } /* font size */ .font-sm { font-size: 13px; } .font-md { font-size: 15px; } .font-lg { font-size: 17px; } .font-xl { font-size: 21px; } .font-xll { font-size: 30px; } .font-xlll { font-size: 40px; line-height: 40px; } /* border-radius */ .b-radius { border-radius: 5px; } .b-radius-none { border-radius: 0 !important; } .b-radius-left-none { border-radius: 0 3px 3px 0; } .b-radius-right-none { border-radius: 3px 0 0 3px; } /* z index */ .z-index-1 { z-index: 1; } .z-index-9 { z-index: 9; } .z-index-99 { z-index: 99; } .z-index-999 { z-index: 999; } /***************************** Button *****************************/ .btn { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button { outline: medium none !important; color: #1b75bb; } /* btn */ .btn { font-size: 16px; font-weight: 700; padding: 10px 35px; border-radius: 5px; } .btn:not(:disabled):not(.disabled).active:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .btn:not(:disabled):not(.disabled):active:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #063254; } .btn:hover { -webkit-box-shadow: none; box-shadow: none; outline: none; } .btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .btn:active { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .show > .btn.dropdown-toggle:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; color: #ffffff; } .show > .btn-primary.dropdown-toggle { background: #1b75bb; border-color: #1b75bb; } /* btn-primary */ .btn-primary { background: #1b75bb; border-color: #1b75bb; color: #FFFFFF; } .btn-primary:hover { background: #12578c; border-color: #12578c; color: #f1ad3a; } .btn-primary:hover:not(:disabled):not(.disabled).active { background: #1b75bb; border-color: #1b75bb; } .btn-primary:hover:not(:disabled):not(.disabled):active { background: #1b75bb; border-color: #1b75bb; } .btn-primary:focus { background: #1b75bb; border-color: #1b75bb; } .btn-primary:not(:disabled):not(.disabled):active:focus { background: #1b75bb; border-color: #1b75bb; } /* btn-dark */ .btn-dark { background: #063254; border-color: #063254; } .btn-dark:hover { background: #275c76; border-color: #275c76; } .btn-dark:not(:disabled):not(.disabled):active:focus { color: #ffffff; } .btn:not(:disabled):not(.disabled).active:focus { color: #ffffff; } .btn i { padding: 0px 10px 0px 0px; } .btn + .btn { margin-left: 3px; } .btn-link { color: #1b75bb; } .btn-link:hover { color: #063254; text-decoration: none; outline: none; } .btn-link:focus { color: #063254; text-decoration: none; outline: none; } .btn.btn-link:not(:disabled):not(.disabled):active:focus { color: #063254; } /* btn-white */ .btn-white { background: #ffffff; border-color: #ffffff; color: #063254; } .btn-white:hover { background: #dfdfdf; border-color: #dfdfdf; color: #f1ad3a; } .btn-white:active { color: #f1ad3a; } .btn-white:focus { color: #f1ad3a; } .btn.btn-white:not(:disabled):not(.disabled):active:focus { color: #f1ad3a; } /* btn-light */ .btn-light:active { color: #f1ad3a; } .btn-light:focus { color: #f1ad3a; } .btn.btn-light:not(:disabled):not(.disabled):active:focus { color: #f1ad3a; } .btn.btn-sm { padding: 6px 24px; } .btn.btn-md { padding: 8px 30px; } .btn.btn-lg { padding: 12px 35px; font-size: 18px; } .btn.btn-xl { padding: 15px 60px; font-size: 18px; } .btn-app { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .btn-app i { font-size: 30px; } /* btn-outline-secondary */ .btn-outline-secondary { border: 2px solid #eeeeee; color: #063254; } .btn-outline-secondary:hover { background: #063254; color: #ffffff; border-color: #063254; } .btn-outline-secondary:focus { background: #063254; color: #ffffff; border-color: #063254; } .btn-outline-secondary:not(:disabled):not(.disabled):active { background: #063254; color: #ffffff; border-color: #063254; } .btn-outline-primary { color: #063254; border-color: #1b75bb; } .btn-outline-primary:hover { background: #ffffff; color: #063254; border-color: #ffffff; } .btn-outline-primary:focus { background: #ffffff; color: #063254; border-color: #ffffff; } .btn-outline-primary:not(:disabled):not(.disabled):active { background: #ffffff; color: #063254; border-color: #ffffff; } /* btn-arrow */ .btn-arrow { position: relative; padding: 15px 50px; font-size: 18px; } .btn-arrow:hover { background-color: #1b75bb; border-color: #1b75bb; } .btn-arrow i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; right: 0px; opacity: 0; font-size: 30px; } .btn-arrow:hover i { opacity: 1; right: -25px; } /***************************** Shortcodes *****************************/ /***************************** Accordion *****************************/ .accordion .card { border: none; padding: 15px; } .accordion .card .card-header { background: none; border-bottom: none; padding: 0; } .accordion .card .card-header button { position: relative; font-size: 24px; color: #063254; padding: 17px 30px 17px 100px; width: 100%; text-align: left; border: none; } .accordion .card .card-header button:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 25px; content: "\f068"; font-size: 14px; font-family: "Font Awesome 5 Free"; border: 1px solid #063254; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; z-index: 9; font-weight: 900; text-align: center; } .accordion .card .card-header button:after { width: 45px; -webkit-box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; position: absolute; content: ""; left: 0; top: 0; background: #1b75bb; height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .accordion .card .card-body { padding: 10px 30px 0px 100px; } .accordion .card .accordion-icon.card-header button.collapsed:after { background: #ffffff; } .accordion .accordion-icon.card-header button.collapsed:before { content: "\f067"; } /* accordion-02 */ .accordion.accordion-02 .card { padding: 8px 0px; } .accordion.accordion-02 .card .card-header button { font-size: 14px; padding: 0px 0px 0px 30px; } .accordion.accordion-02 .card .card-header button:before { width: 15px; height: 15px; line-height: 12px; font-size: 8px; left: 0px; } .accordion.accordion-02 .card .card-header button:after { display: none; } .accordion.accordion-02 .card .card-body { padding: 10px 0px 0px 30px; } /***************************** List Style *****************************/ .list ul { padding: 0; margin: 0; } .list ul li { list-style: none; position: relative; padding-left: 25px; margin-bottom: 12px; } .list ul li i { position: absolute; top: 4px; left: 0; font-size: 13px; } .list ul li:last-child { margin-bottom: 0; } /***************************** Category *****************************/ .category-style-01 { margin-bottom: 30px; } .category-style-01 img { border-radius: 5px; } .category-style-01 .category-contant { text-align: center; padding: 10px 10px; margin: -30px 25px 0; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; position: relative; z-index: 9; font-weight: 700; margin-bottom: 0; display: block; } .category-style-01:hover .category-contant { background-color: #1b75bb; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /***************************** Action Box *****************************/ .callout { background: #063254; -webkit-box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; padding: 50px 0px 50px 100px; margin-right: 85px; } .callout .callout-title { -ms-flex-item-align: center; align-self: center; } .callout h3 { color: #ffffff; margin-bottom: 0; text-transform: inherit; letter-spacing: -0.8px; } .callout .callout-botton { margin-right: -85px; text-align: right; } .callout .callout-botton .btn { padding: 26px 28px; } .callout .callout-botton .btn i { font-size: 20px; } /***************************** Feature Info *****************************/ .feature-info { position: relative; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0px 10px; } .feature-info-icon { position: relative; } .feature-info .feature-info-icon i { font-size: 60px; color: #063254; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .feature-info .feature-info-content .feature-info-title { margin-bottom: 20px; } .feature-info:hover .feature-info-icon:before { background-color: #f1ad3a; } .feature-info .feature-info-content p { margin-bottom: 0; } .feature-info.left-icon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 40px 0px 0px; margin-bottom: 50px; } .feature-info.left-icon .feature-info-icon i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .feature-info.left-icon .feature-info-icon:before { height: 100%; width: 50%; left: 0; -webkit-transform: translateX(0); transform: translateX(0); top: 0; } .feature-info.left-icon .feature-info-content { padding-left: 20px; } /* feature-info-box */ .feature-info-box { margin-bottom: 45px; position: relative; } .feature-info-box.right-icon { display: -webkit-box; display: -ms-flexbox; position: relative; display: flex; background: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 15px; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .feature-info-box.right-icon:hover { background: #ffe1ae; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .feature-info-box.right-icon h4 { margin-bottom: 0; margin-right: 20px; } .feature-info-box.left-icon { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .feature-info-box.left-icon:hover { background: #ffe1ae; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .feature-info-box.left-icon h4 { margin-bottom: 0; margin-left: 20px; } /* feature-step-list */ .feature-step-list { display: inline-block; padding: 0; } .feature-step-list { margin-bottom: 0px; } .feature-step-list li { width: 33.333333%; float: left; list-style-type: none; } .feature-step-list li:last-child { margin-bottom: 0px; } .feature-step-list li .feature-step { position: relative; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .feature-step-list li .feature-step .feature-step-divider { position: relative; } .feature-step-list li .feature-step .feature-step-divider:before { content: ""; border-top: 3px dotted #1b75bb; width: 80px; position: absolute; top: 60px; right: -11%; } .feature-step-list li .feature-step .feature-step-divider .feature-step-icon { position: relative; height: 105px; width: 105px; font-size: 40px; margin-bottom: 10px; color: #1b75bb; display: inline-block; padding-top: 25px; background-color: #1b75bb; border-radius: 5px; } .feature-step-list li .feature-step .feature-step-divider .feature-step-icon i { position: absolute; top: 35px; right: 0; left: 0px; color: #063254; font-size: 70px; } .feature-step-list li .feature-step .feature-step-divider .feature-step-icon .feature-step-number { background: #063254; color: #ffffff; border-radius: 50%; position: absolute; top: -15px; width: 35px; height: 35px; line-height: 35px; right: -15px; font-size: 18px; font-weight: 700; } .feature-step-list li .feature-step .feature-info-content { padding: 0px 40px; } .feature-step-list li .feature-step .feature-info-content h4 { margin: 40px 0px 20px; } .feature-step-list li:last-child .feature-step-divider:before { display: none; } .info-box { border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); padding: 40px; } .info-box .feature-info-content h4 { margin-bottom: 20px; font-weight: 700; } .info-box .feature-info-icon { margin-bottom: 25px; color: #063254; } .info-box .feature-info-icon i { font-size: 60px; } .feature-info .feature-info-content span { display: block; } /***************************** Service *****************************/ .service-style-01 { margin-bottom: 50px; } .service-style-01 img { border-radius: 5px; } .service-style-01 .service-title { text-align: center; padding: 40px 10px; margin: -30px 25px 0; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; position: relative; z-index: 9; font-weight: 700; margin-bottom: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; color: #063254; font-size: 18px; line-height: 1.2; } .service-style-01 .service-title:hover { color: #063254; } .service-style-01:hover .service-title { background-color: #1b75bb; margin-top: -45px; } /* service-style-02 */ .service-style-02 { display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; padding: 50px 50px 50px 0px; margin-left: 50px; cursor: pointer; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .service-style-02:hover { background: #2197d3; } .service-style-02:hover .btn.btn-outline-primary { color: #063254; border-color: #ffffff; background: #ffffff; } .service-style-02 .service-image { margin-left: -50px; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } .service-style-02 .service-image img { border-radius: 5px; } .service-style-02 .service-title { margin-bottom: 20px; } .service-style-02 .service-content { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; margin-left: 50px; -ms-flex-item-align: center; align-self: center; } .service-style-02 .service-content p { color: #063254; margin-bottom: 20px; } /***************************** Portfolio *****************************/ .my-shuffle-container { margin-left: -15px; margin-right: -15px; } .my-shuffle-container .grid-item { width: 33.33%; padding: 15px; } .portfolio-item { position: relative; } .portfolio-item .portfolio-overlay { padding: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .portfolio-item .portfolio-overlay .portfolio-description { position: absolute; width: 120px; height: 105px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-item .portfolio-overlay .portfolio-description:before { position: absolute; content: ""; width: 50%; height: 100%; background-color: #1b75bb; border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .portfolio-item .portfolio-overlay .portfolio-description i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; font-size: 60px; color: #063254; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .portfolio-item:hover .portfolio-overlay { opacity: 1; background: rgba(255, 255, 255, 0.5); } .filters-group { display: table; margin: 0 auto 50px; text-align: center; } .filters-group button { margin: 0 15px 10px; padding: 14px 25px; cursor: pointer; font-size: 18px; line-height: 22px; font-weight: 500; background-color: #063254; color: #ffffff; border: 1px solid #063254; border-radius: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .filters-group button:hover { background-color: #1b75bb; color: #063254; border: 1px solid #1b75bb; } .filters-group button.active { background-color: #1b75bb; color: #063254; border: 1px solid #1b75bb; } /***************************** Team *****************************/ .team { position: relative; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-align: center; } .team .team-image img { border-radius: 5px; } .team .team-detail { position: relative; padding: 40px 30px 20px; } .team .team-detail .team-social { position: absolute; top: -20px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team .team-detail .team-social ul { display: inline-block; margin-bottom: 0; padding-left: 0; } .team .team-detail .team-social ul li { display: inline-block; list-style-type: none; float: left; } .team .team-detail .team-social ul li:last-child a { margin-right: 0; } .team .team-detail .team-social ul li a { display: block; background-color: #1b75bb; color: #063254; height: 40px; width: 40px; line-height: 45px; text-align: center; border-radius: 50%; margin-right: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team .team-detail .team-social ul li a:hover { background-color: #063254; color: #1b75bb; } .team .team-detail .team-social ul li a i { font-size: 18px; } .team .team-detail .team-title { margin-bottom: 4px; } .team .team-detail .team-label { font-size: 12px; color: #999999; } .team .team-detail .team-content { margin-top: 15px; } .team:hover .team-detail .team-social { opacity: 1; } /***************************** Testimonial *****************************/ .testimonial { padding: 70px 45px 30px; text-align: center; position: relative; } .testimonial .testimonial-info { padding: 130px 130px 60px; border-radius: 5px; position: relative; background-color: #ffffff; } .testimonial .testimonial-info .testimonial-quote { position: absolute; top: -75px; left: 65px; z-index: -1; } .testimonial .testimonial-info .testimonial-quote i { font-size: 90px; color: rgba(33, 77, 99, 0.2); } .testimonial .testimonial-info .testimonial-content { font-size: 24px; font-style: italic; font-weight: 600; position: relative; margin-bottom: 50px; } .testimonial .testimonial-info .testimonial-name h6 { font-weight: 400; margin-right: 10px; display: inline-block; } .testimonial .testimonial-info .testimonial-name span { font-size: 16px; font-weight: 400; color: #dfdfdf; } .testimonial .avatar { position: absolute; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99; } .testimonial .avatar img { border-radius: 5px; } .testimonial-center .owl-item.active .testimonial .testimonial-info { -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); } /* testimonial 02 */ .testimonial-02 { padding: 70px 0px; text-align: center; position: relative; margin: 0 30px; } .testimonial-02 .testimonial-info { padding: 70px 40px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; position: relative; background-color: #ffffff; } .testimonial-02 .testimonial-info .testimonial-quote { position: absolute; top: -75px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .testimonial-02 .testimonial-info .testimonial-quote i { font-size: 90px; color: rgba(33, 77, 99, 0.2); } .testimonial-02 .testimonial-info .testimonial-content { font-size: 18px; font-style: italic; font-weight: 600; position: relative; margin-bottom: 50px; } .testimonial-02 .testimonial-info .testimonial-author { margin-bottom: -150px; } .testimonial-02 .testimonial-info .testimonial-author .avatar { position: inherit; top: 0px; left: inherit; margin-left: 0; margin-bottom: 20px; z-index: 99; } .testimonial-02 .testimonial-info .testimonial-author .avatar img { border-radius: 5px; } .testimonial-02 .testimonial-info .testimonial-author .testimonial-name h6 { font-weight: 400; margin-right: 10px; display: inline-block; } .testimonial-02 .testimonial-info .testimonial-author .testimonial-name span { font-size: 16px; font-weight: 400; color: #dfdfdf; } /***************************** Shortcodes *****************************/ /***************************** Accordion *****************************/ .accordion .card { border: none; padding: 15px; } .accordion .card .card-header { background: none; border-bottom: none; padding: 0; } .accordion .card .card-header button { position: relative; font-size: 24px; color: #063254; padding: 17px 30px 17px 100px; width: 100%; text-align: left; border: none; } .accordion .card .card-header button:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 25px; content: "\f068"; font-size: 14px; font-family: "Font Awesome 5 Free"; border: 1px solid #063254; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; z-index: 9; font-weight: 900; text-align: center; } .accordion .card .card-header button:after { width: 45px; -webkit-box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; position: absolute; content: ""; left: 0; top: 0; background: #1b75bb; height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .accordion .card .card-body { padding: 10px 30px 0px 100px; } .accordion .card .accordion-icon.card-header button.collapsed:after { background: #ffffff; } .accordion .accordion-icon.card-header button.collapsed:before { content: "\f067"; } /* accordion-02 */ .accordion.accordion-02 .card { padding: 8px 0px; } .accordion.accordion-02 .card .card-header button { font-size: 14px; padding: 0px 0px 0px 30px; } .accordion.accordion-02 .card .card-header button:before { width: 15px; height: 15px; line-height: 12px; font-size: 8px; left: 0px; } .accordion.accordion-02 .card .card-header button:after { display: none; } .accordion.accordion-02 .card .card-body { padding: 10px 0px 0px 30px; } /***************************** Counter *****************************/ .counter { padding: 40px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); text-align: center; background-color: #ffffff; border-radius: 5px; margin-bottom: 25px; } .counter .counter-content .timer { position: relative; font-size: 48px; font-weight: 600; font-family: "Quicksand", sans-serif; color: #063254; } .counter .counter-content label { color: #666666; font-size: 16px; font-weight: 600; display: block; } .counter .counter-icon i { font-size: 55px; color: #1b75bb; } /***************************** Tabs *****************************/ .nav-tabs { border: none; } .nav-tabs .nav-item { margin-bottom: 0; margin-right: 15px; } .nav-tabs .nav-item .nav-link { border: none; font-size: 24px; padding: 25px 40px; font-family: "Quicksand", sans-serif; font-weight: 700; color: #ffffff; background-color: #063254; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .nav-tabs .nav-item .nav-link:hover { color: #FFFFFF; background-color: #1b75bb; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .nav-tabs .nav-item .nav-link.active { color: #FFFFFF; background-color: #1b75bb; } .nav-tabs .nav-item:last-child { margin-right: 0px; } .tab-content #choose-us { margin-top: 70px; } .tab-content #question { margin-top: 55px; } /* nav-tabs-02 */ .nav-tabs.nav-tabs-02 { border: none; } .nav-tabs.nav-tabs-02 .nav-item { margin-bottom: 0; } .nav-tabs.nav-tabs-02 .nav-item .nav-link { background: #063254; border: none; color: #ffffff; padding: 10px 20px; border-radius: 5px; } .nav-tabs.nav-tabs-02 .nav-item .nav-link.active { background: #1b75bb; border: none; color: #063254; } /***************************** Owl Carousel *****************************/ .owl-carousel .owl-item img { width: auto; display: inherit; } .owl-carousel .owl-nav { cursor: pointer; z-index: 999; width: 100%; } .owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left: -15px; display: block; position: absolute; text-indent: inherit; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 !important; display: inline-block; margin: 14px 2px 0; } .owl-carousel .owl-nav .owl-prev i { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: -15px; display: block; position: absolute; text-indent: inherit; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 !important; display: inline-block; margin: 14px 2px 0; } .owl-carousel .owl-nav .owl-next i { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .owl-carousel .owl-nav i { font-size: 36px; width: 60px; height: 145px; line-height: 145px; display: inline-block; color: #ffffff; background: #1b75bb; border: 0px solid #eeeeee; text-align: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .owl-carousel .owl-nav i:hover { background: #063254; color: #1b75bb; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); } .owl-carousel .owl-controls .owl-dot { margin: 0; display: inline-block; } .owl-carousel .owl-dots { display: inline-block; margin-top: 10px; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } .owl-carousel .owl-dots .owl-dot span { background: #063254; display: inline-block; width: 48px; min-height: 5px; margin-top: 5px; border-radius: 10px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; } .owl-carousel .owl-dots .owl-dot:hover span { background: #1b75bb; } .owl-carousel .owl-dots .owl-dot.active span { background: #1b75bb; } .owl-carousel .owl-dot { display: inline-block; margin: 14px 4px 0; } .owl-nav-center.owl-carousel .owl-nav .owl-prev { left: 50%; top: 46%; margin-left: 15px !important; } .owl-nav-center.owl-carousel .owl-nav .owl-next { left: 50%; right: inherit; margin-top: 28px !important; margin-left: 15px !important; } .owl-nav-left.owl-carousel .owl-nav .owl-prev { left: -65px; top: 46%; } .owl-nav-left.owl-carousel .owl-nav .owl-next { left: -65px; right: inherit; margin-top: 28px !important; } .owl-nav-bottom .owl-nav { bottom: 0; top: inherit; } .owl-nav-bottom .owl-nav .owl-next { right: 46%; bottom: -20px; top: inherit; -webkit-transform: inherit; transform: inherit; } .owl-nav-bottom .owl-nav .owl-prev { left: 46%; bottom: -20px; top: inherit; -webkit-transform: inherit; transform: inherit; } .owl-nav-top-left .owl-nav { bottom: 0; top: inherit; } .owl-nav-top-left .owl-nav .owl-next { right: 0; top: -80px; -webkit-transform: inherit; transform: inherit; } .owl-nav-top-left .owl-nav .owl-prev { left: inherit; right: 50px; top: -80px; -webkit-transform: inherit; transform: inherit; } .owl-nav-top-left .owl-nav i { border: 1px solid transparent; } .owl-nav-top-left .owl-nav i:hover { border-color: #eeeeee; } .owl-nav-top-right .owl-nav { top: 0; bottom: inherit; } .owl-nav-top-right .owl-nav .owl-next { right: 20px; top: 20px; bottom: inherit; -webkit-transform: inherit; transform: inherit; } .owl-nav-top-right .owl-nav .owl-prev { left: inherit; right: 80px; top: 20px; bottom: inherit; -webkit-transform: inherit; transform: inherit; } .owl-dots-bottom-center .owl-dots { bottom: 30px !important; position: absolute; } .owl-dots-bottom-center .owl-dots .owl-dot span { background: #ffffff; } .owl-dots-bottom-right .owl-dots { bottom: 30px !important; position: absolute; right: 30px; width: auto; } .owl-dots-bottom-right .owl-dots .owl-dot span { background: #ffffff; } .owl-carousel.testimonial-center .owl-nav i { color: #063254; background: none !important; position: relative; -webkit-box-shadow: inherit; box-shadow: inherit; width: 100%; } .owl-carousel.testimonial-center .owl-nav i:hover { -webkit-box-shadow: inherit; box-shadow: inherit; } .owl-carousel.testimonial-center .owl-nav .owl-prev { left: 5px; background-color: #1b75bb; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 40px; } .owl-carousel.testimonial-center .owl-nav .owl-prev i { left: 0px; } .owl-carousel.testimonial-center .owl-nav .owl-prev i:before { position: absolute; left: -20px; } .owl-carousel.testimonial-center .owl-nav .owl-prev:hover { background-color: #063254; } .owl-carousel.testimonial-center .owl-nav .owl-prev:hover i { color: #1b75bb; background: none !important; -webkit-box-shadow: inherit; box-shadow: inherit; } .owl-carousel.testimonial-center .owl-nav .owl-next { right: 5px; background-color: #1b75bb; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 40px; } .owl-carousel.testimonial-center .owl-nav .owl-next i { right: 0px; } .owl-carousel.testimonial-center .owl-nav .owl-next i:before { position: absolute; right: -20px; } .owl-carousel.testimonial-center .owl-nav .owl-next:hover { background-color: #063254; } .owl-carousel.testimonial-center .owl-nav .owl-next:hover i { color: #1b75bb; background: none !important; -webkit-box-shadow: inherit; box-shadow: inherit; } /***************************** Datetimepicker *****************************/ .bootstrap-datetimepicker-widget table td.active { background-color: #1b75bb; } .bootstrap-datetimepicker-widget table td.active:hover { background-color: #1b75bb; } .bootstrap-datetimepicker-widget table td.day { height: 30px; line-height: 30px; width: 40px; font-size: 14px; } .bootstrap-datetimepicker-widget table th { font-size: 14px; } .bootstrap-datetimepicker-widget table td span.active { background: #1b75bb; } .bootstrap-datetimepicker-widget.dropdown-menu { width: 19rem; } /***************************** Pricing Table *****************************/ .pricing-table-style-01 { -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; text-align: center; padding: 45px; } .pricing-table-style-01 h4 { margin-bottom: 20px; } .pricing-table-style-01 p { margin-bottom: 20px; } .pricing-table-style-01 .pricing-price sup { font-size: 24px; font-weight: 500; top: -2.5rem; right: 5px; } .pricing-table-style-01 .pricing-price h2 { font-size: 80px; } .pricing-table-style-01 .pricing-price h2 span { font-size: 14px; color: #666666; } .pricing-table-style-01 .pricing-list-style { padding: 35px 0; } .pricing-table-style-01 .pricing-list-style li { margin-bottom: 10px; font-weight: 600; list-style: none; } .pricing-table-style-01.active { background: #1b75bb; } .pricing-table-style-01.active a { background: #ffffff; border-color: #ffffff; color: #063254; } .pricing-table-style-01.active a:hover { background: #063254; border-color: #063254; color: #ffffff; } /* pricing-table-style-02 */ .pricing-table-style-02 { border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background: #ffffff; } .pricing-table-style-02 .pricing-table { text-align: center; padding: 60px 0px; border-radius: 5px; } .pricing-table-style-02 .pricing-table p { padding: 0px 30px; } .pricing-table-style-02 .pricing-table .pricing-prize { border-radius: 5px; -webkit-box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 5px 16px 0px rgba(27, 27, 41, 0.15); } .pricing-table-style-02 .pricing-table .pricing-prize h2 { font-size: 48px; padding: 15px; } .pricing-table-style-02 .pricing-table .pricing-prize h2 sup { top: -1.5rem; font-size: 16px; font-weight: 500; right: 5px; } .pricing-table-style-02 .pricing-table .pricing-prize h2 span { font-size: 14px; color: #666666; } .pricing-table-style-02 .pricing-table .pricing-list-style .list-unstyled { padding: 20px 0px 30px 0px; margin-bottom: 0; } .pricing-table-style-02 .pricing-table .pricing-list-style .list-unstyled li { margin-bottom: 30px; font-size: 16px; } .pricing-table-style-02 .btn { padding: 0; color: #063254; } .pricing-table-style-02 .pricing-table a.btn:hover { color: #1b75bb; } .pricing-table-style-02 .pricing-table.active .pricing-prize { background: #1b75bb; } .pricing-table-style-02 .pricing-table.active a { color: #1b75bb; } /* pricing-table-style-03 */ .pricing-table-style-03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; padding: 20px 50px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; margin-bottom: 20px; } .pricing-table-style-03 .pricing-table-title { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; margin-right: 20px; } .pricing-table-style-03 .pricing-prize.pricing-table-price { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; } .pricing-table-style-03 .pricing-prize.pricing-table-price h2 { font-size: 80px; } .pricing-table-style-03 .pricing-prize.pricing-table-price h2 sup { font-size: 24px; font-weight: 500; top: -2.5rem; right: 5px; } .pricing-table-style-03 .pricing-prize.pricing-table-price h2 span { font-size: 14px; color: #666666; } .pricing-table-style-03 .pricing-table-content { -webkit-box-flex: 0; -ms-flex: 0 0 39%; flex: 0 0 39%; margin-right: 30px; } .pricing-table-style-03 .pricing-table-content .pricing-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-right: 5px; } .pricing-table-style-03 .pricing-table-content .list-unstyled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 10px; margin: 0; padding: 40px 0; } .pricing-table-style-03 .pricing-table-content .list-unstyled li { margin-bottom: 10px; } .pricing-table-style-03 .pricing-table-button { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; } .pricing-table-style-03.active { background: #1b75bb; } .pricing-table-style-03.active .pricing-table-button a { background: #ffffff; color: #063254; border-color: #ffffff; } .pricing-table-style-03.active .pricing-table-button a:hover { background: #063254; color: #ffffff; border-color: #063254; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /***************************** Countdown *****************************/ .countdown { display: inline-block; text-align: left; margin-right: 40px; padding-right: 40px; } .countdown span { font-size: 36px; line-height: 48px; font-weight: 600; color: #ffffff; } .countdown p { font-size: 20px; text-transform: capitalize; margin-bottom: 0; color: #ffffff; } /***************************** Range Slider *****************************/ .irs--flat .irs-line { height: 6px; } .irs--flat .irs-bar { background: #1b75bb; height: 6px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { background: transparent; color: #1b75bb; font-size: 13px; font-weight: 600; } .irs--flat .irs-handle > i:first-child, .irs--flat .irs-handle > i:first-child { background: #ffffff; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #1b75bb; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { display: none; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background: #1b75bb; } /***************************** Select Dropdown *****************************/ .select2-container .select2-selection--single { height: auto; outline: none; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0px; } .select2-container--default .select2-selection--single { border-radius: 0px; border: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #063254; font-weight: bold; line-height: inherit; } .bigdrop { min-width: 196px !important; } .select2-results__options { padding: 8px 2px; } .select2-container { width: 100% !important; } .select2-container--default .select2-results__option--highlighted { border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .select2-container--default .select2-results__option--highlighted[aria-selected] { padding-left: 10px; font-weight: 600; } /* Select Dropdown Arrow */ .select2-container--default .select2-selection--single .select2-selection__arrow { top: 1px; right: 0px; height: 21px; width: 14px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { content: "\f078"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; color: #1b75bb; } .select2-container--default .select2-search--dropdown { padding: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #eeeeee; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fafafa; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(252, 219, 2, 0.1); color: #1b75bb; } .select2-dropdown { border: none; border-radius: 0px; z-index: 9; } .select-border .select2-container--default .select2-selection--single { border: 1px solid #eeeeee; height: 50px; padding: 15px 20px; border-radius: 3px; } .select-border .select2-container--default .select2-selection--single .select2-selection__arrow { top: 16px; right: 20px; } .select2-container--default .select2-results > .select2-results__options { border: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #3a4957; } .select2-container--open .select2-dropdown { background: #fafafa; padding: 7px; border: 1px solid #eeeeee; } .select2-search--dropdown .select2-search__field { border: 1px solid #eeeeee; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04); } /***************************** Blockquote *****************************/ .blockquote { font-size: 16px; border-left: 10px solid #1b75bb; padding-left: 30px; font-style: italic; display: block; } .blockquote-quote { position: relative; font-size: 18px; border-left: 0 solid #1b75bb; padding-left: 30px; font-style: italic; display: block; z-index: 1; } .blockquote-quote p { position: relative; } .blockquote-quote i { position: absolute; z-index: 0; top: 20px; left: 0; font-size: 60px; line-height: 60px; color: #dfdfdf; } /* blockquote-01 */ .blockquote-01 { padding: 40px 0px 60px 0; position: relative; margin: 0 30px 0 0px; } .blockquote-01 .blockquote-info { padding: 40px 40px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; position: relative; background-color: #ffffff; } .blockquote-01 .blockquote-info .blockquote-quote { position: absolute; top: -60px; left: 12%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .blockquote-01 .blockquote-info .blockquote-quote i { font-size: 90px; color: rgba(33, 77, 99, 0.2); } .blockquote-01 .blockquote-info .blockquote-content { font-size: 14px; font-weight: 500; position: relative; margin-bottom: 0px; color: #666666; } /* blockquote 02 */ .blockquote-02 { padding: 70px 0px; text-align: center; position: relative; margin: 0 30px; } .blockquote-02 .blockquote-info { padding: 70px 80px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; position: relative; background-color: #ffffff; } .blockquote-02 .blockquote-info .blockquote-quote { position: absolute; top: -60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .blockquote-02 .blockquote-info .blockquote-quote i { font-size: 90px; color: rgba(33, 77, 99, 0.2); } .blockquote-02 .blockquote-info .blockquote-content { font-size: 18px; font-style: italic; font-weight: 600; position: relative; margin-bottom: 0px; } .blockquote-02 .blockquote-info .blockquote-author { margin-bottom: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -70px; } .blockquote-02 .blockquote-info .blockquote-author .blockquote-name h6 { font-weight: 400; margin-right: 10px; display: inline-block; } .blockquote-02 .blockquote-info .blockquote-author .blockquote-name span { font-size: 16px; font-weight: 400; color: #dfdfdf; } /***************************** header *****************************/ .header { background: #ffffff; } .header .container-fluid { padding: 0 60px; } /* topbar */ .header .topbar { background: #063254; padding: 10px 0; } .header .topbar ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; color: #ffffff; } .header .topbar ul li { padding: 0 10px; } .header .topbar a { color: #ffffff; font-size: 14px; } .header .topbar a:hover { color: #1b75bb; } .header .topbar ul .login { position: relative; } .header .topbar ul .login:before { position: absolute; content: "|"; top: 0; right: 0; font-size: 13px; } .header .topbar .dropdown { margin-right: 20px; } .header .topbar .dropdown .dropdown-toggle { padding: 12px 0; } .header .topbar .dropdown .dropdown-toggle i { font-size: 10px; } .header .topbar .dropdown .dropdown-menu a { color: #063254; } .header .topbar .dropdown .dropdown-menu a:hover { color: #1b75bb; } .header .topbar .social ul { margin: 0; } .header .topbar .social ul li { display: inline-block; padding: 0 6px; } .header .topbar .social ul li:last-child { padding-right: 0; } .header .topbar .social ul li a { color: #ffffff; font-size: 12px; } .header .topbar .social ul li a:hover { color: #1b75bb; } .header .topbar .login { display: inline-block; } .header .topbar .login a { color: #ffffff; } .header .topbar .login a:hover { color: #1b75bb; } .navbar-brand .logo-sticky { display: none; } /* topbar dropdown-menu */ .topbar .dropdown .dropdown-menu { border-radius: 0; border: none; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); padding: 10px; } .topbar .dropdown .dropdown-menu a { font-size: 14px; padding: 10px 20px; font-weight: 500; border-radius: 3px; } .topbar .dropdown .dropdown-menu a:hover { background: rgba(252, 219, 2, 0.1); color: #1b75bb; } /* navbar */ .header.default .navbar { position: absolute; background: transparent; width: 100%; z-index: 9; padding: 0; } .header.default .navbar .navbar-nav .nav-link { font-weight: 600; font-size: 16px; padding: 10px 25px; color: #ffffff; text-transform: capitalize; } .header.default .navbar .navbar-nav .nav-link i { font-weight: bold; } .header.default .navbar .navbar-nav .nav-link:hover { color: #1b75bb; } .header.default .navbar .navbar-nav .nav-item .nav-link { position: relative; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; left: 0; } .header.default .navbar .navbar-nav .nav-item .nav-link:before { position: absolute; content: ""; background: #f1ad3a; height: 3px; width: 0; right: calc(100% - 15px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header.default .navbar .navbar-nav .nav-item.active .nav-link, .header.default .navbar .navbar-nav .nav-item .nav-link:hover { color: #ffffff; } .header.default .navbar .navbar-nav .nav-item.active .nav-link:before, .header.default .navbar .navbar-nav .nav-item .nav-link:hover:before { width: 15px; } .dropdown-menu { z-index: 9999; } .navbar-collapse { position: relative; } .navbar-light { color: #ffffff; background-color: #fafafa; border-color: #eeeeee; } .navbar-light .navbar-nav > li > a { color: #ffffff; } .navbar-light .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar .navbar-brand { padding: 20px 0px; margin-right: 0; color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .header .navbar-nav li > a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 0px; color: #063254; text-transform: capitalize; font-size: 14px; } .header .navbar-nav li > a:hover { color: #1b75bb; } .header .navbar-nav li > a i { margin-left: 5px; font-size: 10px; } .header .add-listing { -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; text-align: right; } /* Header 02 */ .header.header-02 .navbar-nav .nav-link { font-weight: 600; font-size: 14px; padding: 20px 25px; color: #063254; text-transform: capitalize; } .header.header-02 .navbar-nav .nav-link i { font-weight: bold; } .header.header-02 .navbar-nav .nav-link:hover { color: #1b75bb; } .header.header-02 .navbar-brand { margin-right: 0; } .header.header-02 .navbar-brand img { height: 40px; } .header.header-02 .navbar { padding-top: 0; padding-bottom: 0; } /* Header 03 */ .header.header-03 .navbar { padding: 0; } .header.header-03 .navbar .navbar-nav .nav-link { font-weight: 600; font-size: 14px; padding: 10px 25px; color: #ffffff; text-transform: capitalize; } .header.header-03 .navbar .navbar-nav .nav-link i { font-weight: bold; } .header.header-03 .navbar .navbar-nav .nav-link:hover { color: #1b75bb; } /* megamenu */ .megamenu { padding: 20px 20px; width: 100%; } .megamenu > div > li > ul { padding: 0; margin: 0; } .megamenu > div > li > ul > li { list-style: none; } .megamenu > div > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #063254; white-space: normal; } .megamenu > div > li > ul > li > a:hover { text-decoration: none; color: #063254; background-color: #fafafa; } .megamenu > div > li > ul > li > a:focus { text-decoration: none; color: #063254; background-color: #fafafa; } .megamenu .card { outline: none; } .megamenu .card:hover { outline: 1px solid #000000; } .megamenu .card:focus { outline: 1px solid #000000; } .megamenu.disabled > a:hover { color: #fafafa; text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .megamenu.disabled > a:focus { color: #fafafa; text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .megamenu.dropdown-header { color: #1b75bb; font-size: 18px; } .header li > .dropdown-item:focus, .header li > .dropdown-item:hover { color: #1b75bb; background: none; } .header .dropdown-item.active, .header .dropdown-item:active, .header .dropdown-item:focus, .header .dropdown-item:hover { background: none; } .header .dropdown-toggle::after { content: none; } .header .navbar-collapse { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } .header .megamenu .dropdown-item { padding: 0px; } .header .navbar .dropdown-menu a.dropdown-item { min-width: 180px; } .header .navbar .dropdown-menu { padding: 20px 30px; } .header .navbar .dropdown-menu li a i { margin-left: auto; } .navbar .dropdown > .dropdown-menu li > a { font-size: 16px; font-weight: 500; padding: 10px 20px 10px 0; border-radius: 3px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown > .dropdown-menu li > a:before { position: absolute; content: ""; background: #1b75bb; height: 3px; width: 0; left: 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown > .dropdown-menu li > a:hover { color: #063254; padding-left: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar .dropdown > .dropdown-menu li > a:hover:before { width: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* header-transparent */ .header-transparent { position: absolute; background: transparent; width: 100%; z-index: 999; } .header-transparent .navbar-brand { margin-right: 40px; padding: 20px 0; } .header-transparent .navbar-brand img { height: 40px; } .header-transparent .navbar .navbar-nav .nav-link { color: #ffffff; } .header-transparent .navbar .navbar-nav .nav-link:hover { color: #1b75bb; } .navbar .navbar-nav .nav-item.active .nav-link { color: #1b75bb; } .navbar .navbar-nav .dropdown-menu li.active > a { color: #063254; padding-left: 20px; } .navbar .navbar-nav .dropdown-menu li.active > a:before { width: 15px; } .header-transparent .add-listing { -ms-flex-item-align: inherit; align-self: inherit; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; text-align: right; } .header-transparent .login a { color: #ffffff; } .header-transparent .login a:hover { color: #1b75bb; } /* header-02 */ .header.header-02 .topbar { background: #ffffff; } .header.header-02 .topbar .phone { font-size: 18px; color: #063254; font-weight: bold; } .header.header-02 .topbar .phone i { font-size: 20px; color: #1b75bb; } .header.header-02 .topbar .navbar-brand { padding: 10px; } .header.header-02 .topbar .add-listing a { font-size: 16px; color: #063254; } .header.header-02 .topbar .add-listing .login { font-size: 20px; color: #063254; } .header.header-02 .navbar .navbar-brand { display: none; } .header.header-02 .navbar .add-listing { display: none; } .header.header-02 .navbar .add-listing .login { font-size: 20px; color: #063254; } .header.header-02 .navbar .navbar-nav .nav-item .nav-link { position: relative; font-size: 16px; padding-bottom: 20px; color: #063254; left: 0; } .header.header-02 .navbar .navbar-nav .nav-item .nav-link:before { position: absolute; content: ""; background: #1b75bb; height: 3px; width: 0; right: calc(100% - 15px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header.header-02 .navbar .navbar-nav .nav-item .nav-link:hover { color: #063254; } .header.header-02 .navbar .navbar-nav .nav-item .nav-link:hover:before { width: 15px; } .header.header-02 .navbar .navbar-nav .nav-item.active .nav-link { color: #063254; } .header.header-02 .navbar .navbar-nav .nav-item.active .nav-link:before { width: 15px; right: calc(100% - 15px); } /* header-03 */ .header.header-03 { padding: 10px 0; } .header.header-03 .navbar .navbar-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link { font-size: 16px; color: #063254; left: 0; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link:before { position: absolute; content: ""; background: #f1ad3a; height: 3px; width: 0; right: calc(100% - 15px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link:hover { color: #063254; left: 10px; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link:hover:before { width: 15px; } .header.header-03 .navbar .navbar-nav .nav-item.active .nav-link { color: #063254; } .header.header-03 .navbar .navbar-nav .nav-item.active .nav-link:before { width: 15px; right: calc(100% - 15px); } .header.header-03 .navbar .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; } .header.header-03 .navbar .add-listing .phone { color: #063254; font-size: 18px; font-weight: 700; } .header.header-03 .navbar .add-listing .phone i { color: #1b75bb; } .header.header-03 .navbar .add-listing .login { font-size: 20px; color: #063254; } /*header sticky*/ @-webkit-keyframes stickySlideDown { 0% { opacity: 0.7; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes stickySlideDown { 0% { opacity: 0.7; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .header .is-sticky.navbar { position: fixed; z-index: 99; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); top: 0; -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both; } .header.default .is-sticky.navbar { background-color: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); } .header.default .is-sticky.navbar .navbar-nav .nav-item .nav-link { font-size: 16px; color: #063254; } .header.default .is-sticky.navbar .navbar-nav .nav-item .nav-link:hover { color: #063254; } .header.default .is-sticky.navbar .navbar-nav .nav-item.active .nav-link { color: #063254; } .header.default .is-sticky.navbar .navbar-brand .logo { display: none; } .header.default .is-sticky.navbar .navbar-brand .logo-sticky { display: inline-block; } .header.header-02 .is-sticky.navbar .navbar-brand { display: inline-block; } .header.header-02 .is-sticky.navbar .add-listing { display: inline-block; } .header.header-02 .is-sticky.navbar .navbar-nav .nav-link { padding-bottom: 20px; } .place-card-large { display: none !important; } .header .navbar .dropdown-menu.megamenu .nav-title { padding-top: 10px; } /* min-width:992px */ @media (min-width: 992px) { .header .navbar .dropdown-menu { margin: 0px; font-size: 14px; border-radius: 5px; border: none; left: 100%; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform-origin: top center; transform-origin: top center; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; display: block !important; } .header .navbar .dropdown-menu.megamenu { left: 50%; } .navbar-nav .dropdown-menu.dropdown-menu-lg { min-width: 540px; } .navbar-nav .mega-menu { position: static; } .header .navbar .dropdown:hover > .dropdown-menu { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; } .header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu { left: 100%; right: auto; -webkit-transform: translate3d(15px, 10px, 0); transform: translate3d(15px, 10px, 0); } .header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu.left-side { right: 100%; left: auto; -webkit-transform: translate3d(-15px, 10px, 0); transform: translate3d(-15px, 10px, 0); } .navbar-nav li:hover > ul.dropdown-menu { visibility: visible; opacity: 1; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; } .dropdown-menu > li > a:hover:after { text-decoration: underline; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } /***************************** Sidebar *****************************/ .sidebar .widget { margin-bottom: 30px; border: 3px solid #eeeeee; padding: 20px; } .sidebar .widget .widget-title { margin-bottom: 24px; } .sidebar .widget .widget-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .sidebar .widget ul li { margin-bottom: 10px; } .sidebar .widget ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #666666; } .sidebar .widget ul li a:hover { color: #1b75bb; } .sidebar .widget ul li:last-child { margin-bottom: 0; } .sidebar .widget:last-child { margin-bottom: 0; } .sidebar .widget .property-item .property-image img { width: 100%; } .sidebar .widget .property-item .property-details .property-info li { margin-bottom: 0; text-align: left; } .sidebar .widget .property-item .property-details .property-info li i { display: block; } .sidebar .widget .property-item .property-details .property-listing-actions { border-bottom: 0; } .sidebar .widget .recent-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } .sidebar .widget .recent-list-item img { height: 80px; } .sidebar .widget .recent-list-item .recent-list-item-info { padding-left: 20px; } .sidebar .widget .recent-list-item .recent-list-item-info a { display: block; font-family: "Quicksand", sans-serif; } .sidebar .widget .recent-list-item .recent-list-item-info .address { color: #063254; font-weight: 600; } .sidebar .widget .recent-list-item .recent-list-item-info .address:hover { color: #1b75bb; } .sidebar .widget .recent-list-item:last-child { margin-bottom: 0; } .sticky-top { top: 40px; } /***************************** banner *****************************/ .banner { padding: 350px 0px; } .banner h1 { font-size: 72px; font-weight: 700px; } .banner .lead { font-size: 24px; font-weight: 500; } /* Banner 02 */ .slider-01 .swiper-slide { height: 800px; } .slider-01 .swiper-slide h1 { font-size: 50px; margin-bottom: 20px; text-shadow: 1px 1px 5px rgba(0,0,0,.5); } .slider-01 .swiper-slide h4 { margin-bottom: 25px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { height: 85px; width: 40px; right: 70px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { height: 85px; width: 40px; left: 70px; } .swiper-button-prev { font-size: 40px; line-height: 40px; color: #063254; display: inline-block; } .swiper-button-prev i { position: absolute; content: ""; height: 85px; width: 40px; top: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.4); border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .swiper-button-prev i:before { position: absolute; top: 27%; left: 15px; } .swiper-button-next { font-size: 40px; line-height: 40px; color: #063254; display: inline-block; } .swiper-button-next i { position: absolute; content: ""; height: 85px; width: 40px; top: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.4); border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .swiper-button-next i:before { position: absolute; top: 27%; right: 15px; } .swiper-button-prev i:hover, .swiper-button-next i:hover { background: rgba(245, 137, 42, 0.5); } .swiper-button-prev:focus, .swiper-button-next:focus { outline: none; } /* Banner Overlay */ .slider-01 { position: relative; } .banner-overlay-left { position: relative; z-index: 9; text-align: left; padding: 150px 0px; } .banner-overlay-left h1 { margin-left: 70px; } .banner-overlay-left .btn { margin-left: 70px; } .banner-overlay-left:before { position: absolute; content: ""; background: rgba(6, 50, 84, 0.7); height: 100%; width: 20%; border-radius: 5px; top: 0px; z-index: -9; left: 0%; } .banner-overlay-right { position: relative; z-index: 9; text-align: right; padding: 150px 0px; } .banner-overlay-right h1 { margin-right: 70px; } .banner-overlay-right .btn { margin-right: 70px; } .banner-overlay-right:before { position: absolute; content: ""; background: rgba(6, 50, 84, 0.7); height: 100%; width: 20%; border-radius: 5px; top: 0; z-index: -9; right: 0%; } .swiper-button-next, .swiper-button-prev { background-image: inherit !important; z-index: 1; } .banner-shap-right { position: absolute; content: ""; background: rgba(245, 137, 42, 0.5); height: 40%; width: 60%; top: 77%; border-radius: 5px; } .banner-shap-left { position: absolute; content: ""; background: rgba(245, 137, 42, 0.5); height: 40%; width: 60%; top: 77%; border-radius: 5px; } /* banner-03 */ .banner-03 { position: relative; z-index: 0; } .banner-03 #banner-frame-animation { width: 100vw; height: 100vh; left: 0; top: 0; position: absolute; } .banner-03 canvas { display: block; } .banner-03 .banner-frame-content { position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; width: 100%; } .banner-03 .banner-frame-content h1 { font-size: 120px; line-height: 100px; margin-top: 0; margin-bottom: 120px; } .banner-03 .banner-frame > * { position: absolute; } .banner-03 .banner-frame { position: relative; text-align: left; z-index: 9; top: 0; left: 0; display: grid; -ms-flex-line-pack: justify; align-content: space-between; width: 100%; max-width: none; height: 100vh; padding: 2rem 3rem; pointer-events: none; grid-template-columns: 75% 25%; } @-webkit-keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.2, 0.3, 0.5); transform: scale3d(0.2, 0.3, 0.5); } } @keyframes loaderAnim { to { opacity: 1; -webkit-transform: scale3d(0.2, 0.3, 0.5); transform: scale3d(0.2, 0.3, 0.5); } } /* Banner Shape */ .banner-shape { padding: 200px 0; margin-bottom: 100px; } .banner-shape h1 { font-size: 56px; } .banner-shape svg { position: absolute; bottom: -20px; z-index: 1; width: 100%; height: 124px; } .banner-form { position: absolute; top: -30px; z-index: 2; left: 15px; right: 15px; border-radius: 5px; -webkit-box-shadow: 0 6px 23px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 23px rgba(0, 0, 0, 0.1); } /***************************** Layout *****************************/ /***************************** Section Title *****************************/ .section-title { margin-bottom: 50px; } .section-title .title { margin-bottom: 30px; } .section-title h6 { margin-bottom: 30px; line-height: 26px; } .header-inner { position: relative; padding: 60px 0 0; margin-bottom: 30px; } .header-inner .inner-banner-title { font-size: 42px; display: inline-block; background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); padding: 20px 50px; -webkit-transform: translateY(40px); transform: translateY(40px); } /* home-01 */ .pricing-section-title { padding-top: 170px; padding-bottom: 190px; } .pricing-section { position: relative; z-index: 9; top: -137px; margin-bottom: -137px; } .clients-section { position: relative; z-index: 9; margin-bottom: -70px; } .our-clients { padding: 40px 50px; background-color: #1b75bb; border-radius: 5px; } .our-clients .item { background: #ffffff; border-radius: 20px; padding: 20px; margin: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bg-overlay-left { position: relative; } .bg-overlay-left:before { position: absolute; content: ""; top: 0; left: 0; background-color: #063254; width: 38%; height: 63%; border-radius: 0 5px 5px 0; } .bg-overlay-left .section-contant { padding-left: 70px; } .bg-overlay-left.bg-overlay-light:before { background-color: #fafafa; } .bg-overlay-right { position: relative; } .bg-overlay-right:before { position: absolute; content: ""; top: 0; right: 0; background-color: #063254; width: 38%; height: 63%; border-radius: 5px 0px 0px 5px; } .bg-overlay-right.bg-overlay-light:before { background-color: #fafafa; } /* Home-02 */ .team-section-title { padding-top: 120px; padding-bottom: 150px; } .team-section { position: relative; z-index: 9; top: -137px; margin-bottom: -137px; } .clients-white-bg { padding: 40px 50px; border-radius: 5px; } .feature-section .btn { margin-top: 100px; } .services-section { padding-left: 160px; padding-right: 160px; } .services-section .owl-carousel .owl-dots .owl-dot span { background: #ffffff; } .services-section .owl-carousel .owl-dots .owl-dot.active span { background: #1b75bb; } .counter-section { padding: 40px 70px 40px 30px; } .counter-section:before { position: absolute; content: ""; top: 0; right: 15px; background-color: #063254; width: 25%; height: 100%; border-radius: 5px; } .about-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .about-video .video { position: relative; width: 120px; border-radius: 5px; } .about-video .video:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(33, 77, 99, 0.5); border-radius: 5px; } .about-video .video img { border-radius: 5px; } .about-video .video span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 56px; margin-left: 0; color: #1b75bb; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .about-video span { margin-left: 40px; font-size: 16px; color: #063254; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .about-video:hover span { color: #1b75bb; } /* Home-03 */ .sarvice-info-box { position: relative; padding: 110px 0; } .video-section { margin-bottom: -215px; position: relative; z-index: 9; } .video-section .about-video .video { width: 100%; } .video-section .about-video .video span { font-size: 90px; } .video-section .about-video .video:before { background: none; } .category-section { position: relative; padding: 53px 35px 0 0; } .category-section .owl-carousel .owl-dots { text-align: left; margin-top: 0; } .category-section:before { background: #063254; position: absolute; content: ""; right: 0; top: 0; width: 27%; height: 97%; border-radius: 5px; } /* ineer page */ .clients-section-02 .our-clients { background-color: #ffffff; } .contact-form { padding: 40px; background: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; margin-right: -100px; z-index: 9; position: relative; } .map { position: relative; z-index: 1; } .map iframe { width: 100%; height: 620px; } /* service-detail */ .category-list .widget { padding: 0; list-style: none; margin-bottom: 0px; } .category-list .widget .widget-title h4 { margin-bottom: 30px; } .category-list .widget li { border-bottom: 1px solid rgba(102, 102, 102, 0.1); padding-bottom: 15px; margin-bottom: 25px; } .category-list .widget li:last-child { margin: 0; border-bottom: 0px; padding-bottom: 0; } .category-list .widget li a { color: #666666; display: block; } .category-list .widget li a:hover { color: #1b75bb; } .category-list { background: #ffffff; padding: 50px 40px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; margin-bottom: 40px; } .service-add { padding: 40px 120px 40px 40px; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; } .service-add h4 { margin-bottom: 20px; } .blog-post-author { margin-top: 120px; } /* team-single */ .team-single { background: #063254; border-radius: 5px; } .team-single h4 { color: #ffffff; } .team-single .contact-form-01 { padding: 40px 40px; } .team-single .team-single-detail .team-single-img img { border-radius: 5px; } .team-single .team-single-detail .list-unstyled { padding: 40px 40px 0px 40px; } .team-single .team-single-detail .list-unstyled .media span { padding-right: 20px; color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 40%; flex: 0 40%; } .team-single .team-single-detail .list-unstyled .media label { color: #ffffff; -webkit-box-flex: 0; -ms-flex: 0 63%; flex: 0 63%; } .team-single .team-single-detail .list-unstyled .media label.social a { color: #ffffff; margin-right: 15px; } .contact-form-01 .form-control { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.02); color: #ffffff; } /* Social Bg Color */ .social-bg-hover { position: relative; color: #ffffff; } .social-bg-hover:before { content: ""; color: #ffffff; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; } .social-bg-hover:hover { color: #ffffff; } .social-bg-hover:hover:before { background-color: rgba(0, 0, 0, 0.1); } .social-bg-hover span { position: relative; } .facebook-bg { background-color: #445c8e; } .twitter-bg { background-color: #43afe9; } .google-bg { background-color: #dc0510; } .instagram-bg { background-color: #DD2A7B; } .linkedin-bg { background-color: #007eb3; } /* services-detail */ .services-detail-slide img { border-radius: 5px; } /* sitter-account */ .sitter-account { padding: 40px; background: #ffffff; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); border-radius: 5px; } .sitter-account .section-title { margin-bottom: 30px; } .sitter-account .form-group label { font-size: 16px; color: #063254; font-weight: 600; } .sitter-account .form-group p { margin-bottom: 8px; } .sitter-account .account-info { text-align: center; width: 100%; margin-bottom: 40px; } .sitter-account .account-info .account-separator { background-color: #eeeeee; height: 1px; width: 100%; display: inline-block; } /* login */ .login .tab-content { margin-top: 40px; } /* coming-soon */ .coming-soon .slide-gallery .carousel-item img { height: 100vh; -o-object-fit: cover; object-fit: cover; } .coming-soon .slide-gallery .carousel-control-next, .coming-soon .carousel-control-prev { display: none; } .coming-soon-content { padding: 30px; color: #ffffff; } .coming-soon-content h1 { font-size: 32px; color: #ffffff; margin-bottom: 20px; } .coming-soon-content h6 { color: #ffffff; margin-bottom: 30px; } .coming-soon-content .newsletter .form-control::-webkit-input-placeholder { color: #063254; } .coming-soon-content .newsletter .form-control::-moz-placeholder { color: #063254; } .coming-soon-content .newsletter .form-control:-ms-input-placeholder { color: #063254; } .coming-soon-content .newsletter .form-control::-ms-input-placeholder { color: #063254; } .coming-soon-content .newsletter .form-control::placeholder { color: #063254; } .coming-soon-content .newsletter .form-control::-webkit-input-placeholder { color: #063254; } .coming-soon-content .newsletter .form-control::-ms-input-placeholder { color: #063254; } .social-icon.social-light ul li a:hover { background: #ffffff; } .countdown.border-right { border-color: rgba(255, 255, 255, 0.3) !important; } .social-icon ul { display: inline-block; margin-bottom: 0; padding-left: 0; } .social-icon ul li { display: inline-block; list-style-type: none; float: left; } .social-icon ul li:last-child a { margin-right: 0; } .social-icon ul li a { display: block; background-color: #1b75bb; color: #063254; height: 40px; width: 40px; line-height: 45px; text-align: center; border-radius: 50%; margin-right: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .social-icon ul li a:hover { background-color: #063254; color: #1b75bb; } .social-icon ul li a i { font-size: 18px; } .header .social-icon { text-align: right; } /* coming-soon */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } /* locations */ .locations li a { font-weight: 600; font-size: 18px; color: #063254; } .locations li a:hover { color: #1b75bb; } /* sticky column */ .is-sticky-column { position: -webkit-sticky; position: sticky; top: 130px; } /***************************** Blog *****************************/ .blog-post { margin-bottom: 30px; } .blog-post .blog-post-image img { border-radius: 5px; } .blog-post .blog-post-content { text-align: center; padding: 25px 30px 40px; margin: -45px 25px 0; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; position: relative; z-index: 9; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .blog-post .blog-post-content .blog-post-date { font-size: 12px; font-weight: 700; color: #666666; margin-bottom: 8px; } .blog-post .blog-post-content .blog-post-title { font-weight: 700; margin-bottom: 0; } .blog-post:hover .blog-post-content { background-color: #1b75bb; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top: -60px; } .blog-post:hover .blog-post-content .blog-post-title a { color: #063254; } /* Blog Detail */ .blog-detail .blog-post { margin-bottom: 0px; } .blog-detail .blog-post .blog-post-content { margin-top: 0; top: -45px; } .blog-detail .blog-post:hover .blog-post-content { margin-top: 0; top: -60px; } .blog-detail hr { margin-top: 70px; margin-bottom: 40px; } .blog-detail .blog-post-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .blog-detail .blog-post-social span { padding-right: 15px; } .blog-detail .blog-post-social ul { margin-bottom: 0; } .blog-detail .blog-post-social ul li { display: inline-block; float: left; padding: 0 6px; } .blog-detail .blog-post-social ul li a { color: #063254; } .blog-detail .blog-post-social ul li a:hover { color: #1b75bb; } .blog-detail .blog-post-navigation .post-navigation .nav-link { position: relative; } .blog-detail .blog-post-navigation .post-navigation .nav-link a i { position: absolute; font-size: 36px; color: #063254; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog-detail .blog-post-navigation .post-navigation .nav-link a span { display: block; color: #063254; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .blog-detail .blog-post-navigation .post-navigation .nav-link a .nav-title { font-size: 18px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous { position: absolute; left: 0; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a { position: relative; display: block; padding-left: 90px; padding-top: 11px; padding-bottom: 11px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a i { left: 20px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a:before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 40px; height: 100%; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a:hover span { color: #1b75bb; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a:hover:before { background-color: #1b75bb; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next { position: absolute; right: 0; text-align: right; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a { position: relative; display: block; padding-right: 90px; padding-top: 11px; padding-bottom: 11px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a i { right: 20px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a:before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 40px; height: 100%; -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a:hover span { color: #1b75bb; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a:hover:before { background-color: #1b75bb; } .blog-detail .comments-01 { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog-detail .comments-01 .comment-author { width: 90px; } .blog-detail .comments-01 .comment-author img { width: 100%; border-radius: 5px; } .blog-detail .comments-01 .comment-content { border: 1px solid #eeeeee; padding: 15px; margin-left: 20px; margin-bottom: 20px; width: 100%; } .blog-detail .comments-01 .comment-content .reviews { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-detail .comments-01 .comment-content .reviews p { margin-bottom: 0; } .blog-detail .comments-01 .comment-content .reviews .port-social { margin-left: auto; border-radius: 5px; color: #ffffff; background: #063254; padding: 5px 15px; display: block; } .blog-detail .comments-02 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 100px; } .blog-detail .comments-02 .comment-author { width: 90px; } .blog-detail .comments-02 .comment-author img { width: 100%; border-radius: 5px; } .blog-detail .comments-02 .comment-content { border: 1px solid #eeeeee; padding: 15px; margin-left: 20px; margin-bottom: 20px; width: 100%; } .blog-detail .comments-02 .comment-content .reviews { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-detail .comments-02 .comment-content .reviews p { margin-bottom: 0; } .blog-detail .comments-02 .comment-content .reviews .port-social { margin-left: auto; border-radius: 5px; color: #ffffff; background: #063254; padding: 5px 15px; display: block; } /* Blog Sidebar */ .blog-sidebar { -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); background-color: #ffffff; border-radius: 5px; padding: 40px; } .blog-sidebar .widget { margin-bottom: 50px; } .blog-sidebar .widget .widget-title { margin-bottom: 30px; } .blog-sidebar .widget .search { position: relative; } .blog-sidebar .widget .search .form-control { background-color: #063254; color: #ffffff; border: 1px solid #063254; padding-right: 60px; } .blog-sidebar .widget .search i { position: absolute; right: -1px; top: 0; background: #1b75bb; color: #063254; padding: 17px 16px; cursor: pointer; border-radius: 0 5px 5px 0px; } .blog-sidebar .widget .widget-categories ul li { border-bottom: 1px solid rgba(102, 102, 102, 0.1); padding-bottom: 15px; margin-bottom: 25px; } .blog-sidebar .widget .widget-categories ul li a { display: block; color: #063254; } .blog-sidebar .widget .widget-categories ul li a:hover { color: #1b75bb; } .blog-sidebar .widget .widget-categories ul li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .blog-sidebar .widget .recent-posts a { font-size: 13px; color: #063254; } .blog-sidebar .widget .recent-posts a:hover { color: #1b75bb; } .blog-sidebar .widget .recent-posts .date { font-size: 11px; } .blog-sidebar .widget .tagcloud ul li { display: inline-block; border: 1px solid #eeeeee; padding: 0 12px; margin-bottom: 10px; border-radius: 5px; } .blog-sidebar .widget .tagcloud ul li a { color: #666666; line-height: 32px; } .blog-sidebar .widget .tagcloud ul li:hover { background: #1b75bb; border: 1px solid #1b75bb; } .blog-sidebar .widget .social ul { margin-bottom: 0; } .blog-sidebar .widget .social ul li { display: inline-block; list-style-type: none; padding: 0 15px; } .blog-sidebar .widget .social ul li a { font-size: 18px; color: #063254; } .blog-sidebar .widget .social ul li a:hover { color: #1b75bb; } .blog-sidebar .widget .social ul li:last-child { padding-right: 0; } .blog-sidebar .widget .social ul li:first-child { padding-left: 0; } .blog-sidebar .widget:last-child { margin-bottom: 0; } /* blog-author */ .blog-author .author { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; padding: 30px 30px 30px 0; border-radius: 5px; margin-left: 40px; } .blog-author .author .author-image { -webkit-box-flex: 0; -ms-flex: 0 150px; flex: 0 150px; margin-left: -40px; } .blog-author .author .author-image img { border-radius: 5px; } .blog-author .author .author-detail { position: relative; padding: 40px 30px 20px; padding: 0 0 0 30px; -webkit-box-flex: 0; -ms-flex: 0 70%; flex: 0 70%; -ms-flex-item-align: center; align-self: center; } .blog-author .author .author-detail .author-title a { color: #ffffff; } .blog-author .author .author-detail .author-label { color: #ffffff; } .blog-author .author .author-detail .author-social { margin-top: 20px; } .blog-author .author .author-detail .author-social ul { display: inline-block; margin-bottom: 0; padding-left: 0; } .blog-author .author .author-detail .author-social ul li { display: inline-block; list-style-type: none; float: left; } .blog-author .author .author-detail .author-social ul li a { color: #ffffff; margin-right: 20px; } .blog-author .author .author-detail .author-content { margin-top: 15px; } /***************************** Shop *****************************/ /* Product */ .product .product-image { position: relative; } .product .product-image .product-overlay { opacity: 0; text-align: center; left: 0; position: absolute; right: 0; top: 50%; z-index: 9; margin: 0 auto; -webkit-transition: all 0.5s ease-in-out; } .product .product-image .product-overlay .add-to-cart a { background: #1b75bb; color: #063254; text-transform: capitalize; padding: 10px 20px; border-radius: 3px; font-weight: bold; } .product:hover .product-image .product-overlay { opacity: 1; } .product .product-description { text-align: center; } .product .product-description .product-title { margin: 20px 0px 10px; } .product .product-description .product-title a { font-size: 16px; font-weight: bold; color: #063254; } .product .product-description .product-title a:hover { color: #1b75bb; } .product .product-description .product-rating { margin-bottom: 10px; } .product .product-description .product-price { font-size: 14px; font-weight: bold; } .product .product-description .product-price del { color: #dfdfdf; } .product .product-description .product-price ins { color: #1b75bb; text-decoration: none; } /* Product Detail */ .shop-single .nav-tabs-02 .nav-item .nav-link { font-size: 16px; } .shop-single .product-detail .product-price-rating .product-price { margin-bottom: 20px; } .shop-single .product-detail .product-price-rating .product-price h4 { font-size: 20px; margin-bottom: 0; } .shop-single .product-detail .product-price-rating .product-price h4 span { font-size: 24px; color: #1b75bb; margin-left: 8px; } .shop-single .product-detail .product-price-rating .product-rating { margin: 20px 0; } .shop-single .product-detail .product-price-rating .product-rating i { color: #1b75bb; } .shop-single .product-detail .product-summary { margin-top: 30px; } .shop-single .product-detail .product-summary a { color: #063254; margin-right: 10px; } .shop-single .product-detail .product-summary a i { color: #1b75bb; margin-right: 10px; } .shop-single .product-detail .product-summary a:hover { color: #1b75bb; } .shop-single .product-detail hr { margin: 30px 0; } .shop-single .product-detail .product-detail-meta { margin-bottom: 20px; } .shop-single .product-detail .product-detail-meta span { display: block; margin: 10px 0; } .shop-single .product-detail .product-detail-social { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 10px 0; } .shop-single .product-detail .product-detail-social span { font-weight: 800; } .shop-single .product-detail .product-detail-social ul { padding-left: 15px; margin-bottom: 0; } .shop-single .product-detail .product-detail-social ul li { display: inline-block; list-style-type: none; float: left; margin-right: 20px; font-size: 16px; } .shop-single .product-detail .input-group { width: 90px; float: left; margin-right: 20px; } .form-group .product-rating { color: #1b75bb; } .slider-slick .slider-nav .slick-next:before { position: absolute; right: -15px; top: 50%; z-index: 999; color: #063254; font-size: 30px; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .slider-slick .slider-nav .slick-prev:before { position: absolute; left: -15px; top: 50%; z-index: 999; color: #063254; font-size: 30px; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .slider-slick .slider-nav:hover .slick-prev { left: 0; z-index: 99; opacity: 1; } .slider-slick .slider-nav:hover .slick-next { right: 0; opacity: 1; } .slider-slick .slider-nav .slick-prev { opacity: 0; width: 30px; height: 50%; background: #1b75bb; color: #063254; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .slider-slick .slider-nav .slick-next { opacity: 0; width: 30px; height: 50%; background: #1b75bb; color: #063254; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .slider-slick .slider-nav .slick-track .slick-slide { margin-left: 5px; margin-right: 5px; } /* commentlist */ .commentlist { display: -webkit-box; display: -ms-flexbox; display: flex; } .commentlist .comment-content { border: 1px solid #eeeeee; padding: 15px; margin-left: 20px; margin-bottom: 20px; width: 100%; } .commentlist .comment-content .reviews { display: -webkit-box; display: -ms-flexbox; display: flex; } .commentlist .comment-content .reviews .rating { margin-left: auto; } .commentlist .comment-content .reviews .rating i { color: #1b75bb; } .form-check-label { padding-left: 20px; } /* Shop Sidebar */ .shop-sidebar .widget { margin-bottom: 50px; } .shop-sidebar .widget .widget-title { margin-bottom: 30px; } .shop-sidebar .widget .price-filter { display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-sidebar .widget .price-filter a { margin-left: auto; } .shop-sidebar .widget .form-check { display: block; } .shop-sidebar .widget .form-check span { float: right; } .shop-sidebar .widget .social ul li { display: inline-block; list-style-type: none; margin-right: 20px; font-size: 16px; } .shop-sidebar .widget .tagcloud ul li { margin-bottom: 10px; display: inline-block; } .shop-sidebar .widget .tagcloud ul li a { color: #063254; line-height: 32px; border: 1px solid #eeeeee; padding: 0 12px; border-radius: 5px; display: block; } .shop-sidebar .widget .tagcloud ul li a:hover { background: #1b75bb; border: 1px solid #1b75bb; color: #063254; } .shop-sidebar .widget .widget-categories ul li a { font-size: 14px; color: #063254; line-height: 32px; display: block; } .shop-sidebar .widget .widget-categories ul li a:hover { color: #1b75bb; } .search-field { padding-left: 20px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #eeeeee; height: 50px; border-radius: 0; width: 100%; } /* Checkout */ .checkout-info { padding: 25px 25px 25px 120px; background: #fafafa; position: relative; border-radius: 5px; } .checkout-info:before { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 25px; content: "\f2f6"; font-size: 60px; font-family: "Font Awesome 5 Free"; z-index: 9; color: #dfdfdf; font-weight: 600; } .checkout-info-coupon .checkout-info:before { content: "\f3ff"; } .checkout-info-coupon .checkout-coupon { padding: 20px; border: 2px dashed #eeeeee; border-radius: 5px; } .checkout-review { padding: 15px 30px 30px; border: 1px solid #eeeeee; border-radius: 5px; } .checkout-review .table tr th { padding: 15px 0; font-size: 18px; } .checkout-review .table tr th.shipping { font-size: 14px; } .checkout-review .table tr td { padding: 15px 0; } .checkout-review .table tr td.amount { font-size: 18px; } /* Cart */ .cart-table .table { border: 1px solid #eeeeee; margin-bottom: 0; } .cart-table .table tr th { border: none; padding: 15px 10px; color: #063254; } .cart-table .table tr td { border: none; border-top: 1px solid #eeeeee; padding: 15px 10px; color: #063254; } .cart-table .table tr td.product-remove { padding: 15px 25px; text-align: center; } .cart-table .table tr td.product-quantity .form-control { width: 100px; } .cart-table .table tr td a { color: #063254; } .cart-table .table tr td a:hover { color: #1b75bb; } .cart-table .table tr td .form-group { margin-bottom: 0px; } .cart-table .actions { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #eeeeee; border-top: none; padding: 15px 10px; } .cart-table .actions .coupon .input-text { border: 1px solid #eeeeee; border-radius: 0px; height: 48px; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; font-weight: 500; color: #063254; border-radius: 5px; } .cart-table .actions .coupon .btn { padding: 10px 20px; } .cart-table .actions .update-cart { margin-left: auto; } .cart-table .table td.product-thumbnail img { width: 70px; height: auto; } .cart-totals { background: #fafafa; padding: 20px; } .cart-totals .cart-totals-title { margin-bottom: 20px; text-align: center; } .cart-totals .table tr th { text-align: left; border: none; border-top: 1px solid #eeeeee; vertical-align: top; background: #ffffff; } .cart-totals .table tr td { text-align: right; border: none; border-top: 1px solid #eeeeee; background: #ffffff; } .cart-totals .table tr.shipping .form-group { margin-bottom: 0; } .cart-totals .table tr.shipping .form-check-label { padding-left: 0px; } .cart-totals .table tr.shipping p { margin-bottom: 0; } .cart-totals .table tr.order-total th { font-size: 18px; font-weight: bold; } .cart-totals .table tr.order-total td { font-size: 26px; font-weight: bold; } .cart-totals .table .cart-subtotal th { font-size: 18px; font-weight: bold; border: none; } .cart-totals .table .cart-subtotal td { font-size: 18px; font-weight: bold; border: none; } .cart-totals .checkout-button { width: 100%; text-align: center; padding: 15px 25px; } /***************************** Not Found *****************************/ .error-404-images { margin-bottom: 60px; } .error-404 h1 { font-size: 80px; margin-bottom: 30px; } .error-404 h4 { margin-bottom: 35px; color: #666666; } /***************************** Footer *****************************/ .footer h5 { margin-bottom: 30px; } .footer .footer-contact-info ul { padding-top: 30px; background-position: top center; background-repeat: no-repeat; width: 100%; } .footer .footer-contact-info ul li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; } .footer .footer-contact-info ul li i { font-size: 18px; color: #1b75bb; } .footer .footer-contact-info ul li span { padding-left: 15px; -ms-flex-item-align: top; align-self: top; color: #ffffff; } .footer .footer-link ul { float: left; } .footer .footer-link ul li { margin-bottom: 20px; } .footer .footer-link ul li:last-child { margin-bottom: 0; } .footer .footer-link ul li a { color: #ffffff; } .footer .footer-link ul li a:hover { color: #1b75bb; } .footer .footer-services-List ul li { margin-bottom: 20px; } .footer .footer-services-List ul li:last-child { margin-bottom: 0; } .footer .footer-services-List ul li a { color: #ffffff; } .footer .footer-services-List ul li a:hover { color: #1b75bb; } .footer .footer-services-List ul li { margin-bottom: 20px; } .footer .footer-services-List ul li:last-child { margin-bottom: 0; } .footer .footer-services-List ul li a { color: #ffffff; } .footer .footer-services-List ul li a:hover { color: #1b75bb; } .footer .footer-recent-List ul li { margin-bottom: 20px; } .footer .footer-recent-List ul .footer-recent-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .footer-recent-List ul .footer-recent-list-item img { width: 80px; } .footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info { margin-left: 15px; } .footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info .date { font-size: 12px; color: #ffffff; } .footer .footer-recent-List ul .footer-recent-list-item .footer-recent-list-item-info .title { font-weight: 700; } .footer .footer-subscribe form .form-group .form-control { background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.02); color: #ffffff; } .footer .footer-subscribe form .form-group .form-control:-moz-placeholder { color: #ffffff; } .footer .footer-subscribe form .form-group .form-control:-ms-input-placeholder { color: #ffffff; } .footer .footer-subscribe form .form-group .form-control:-webkit-input-placeholder { color: #ffffff; } .footer .footer-subscribe form .btn.btn-white:hover { background-color: #1b75bb; border-color: #1b75bb; } .footer .footer-bottom { border-top: 1px solid #FFFFFF; padding: 30px 0; } .footer .footer-bottom .copyright p { font-size: 13px; } /* footer-01 */ .footer.footer-01 { padding-top: 170px; } /************************* Custom *************************/ .navbar .navbar-brand { padding: 10px 15px; background: #FFF; flex: 0 0 auto; margin: 0 auto; text-align: center; border-radius: 0 0 5px 5px; } .navbar-brand img { height: 68px; } .totop { position: fixed; display: block; right: 30px; bottom: 30px; } .text-theme { color: #f1ad3a; } .bg-theme { background: #f1ad3a; color: #ffffff; } .header .add-listing, .header.header-03 .navbar .add-listing { flex: 0 0 140px; } .header.header-03 { padding: 0; } .feature-box .feature-info-icon img { width: 80px; filter: invert(0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .feature-info-box:hover .feature-info-icon img { filter: invert(100%); } .main-service { position: relative; background: #FFFFFF; padding: 20px; border-radius: 50%; width: 250px; height: 250px; text-align: center; border: 5px solid #f1ad3a; box-shadow: 0px 0px 1px 10px #FFFFFF; } .main-service img { position: relative; width: 160px; } ul#additional_links li { display: inline-block; margin-right: 15px; } ul#additional_links li:after { content: "|"; font-weight: 300; left: 10px; position: relative; } ul#additional_links li:last-child:after { content: ""; } .follow_us ul li { border-radius: 50%; box-shadow: 1px 1px 5px rgba(0, 0, 0, .3); display: inline-block; font-size: 20px; height: 40px; line-height: 31px; margin-right: 8px; padding: 5px; text-align: center; width: 40px; } .follow_us ul li a i { color: #FFFFFF; margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); } .follow_us ul, .follow_us ol { list-style: none; margin: 0 0 25px 0; padding: 0; } a.google { background: #D62D20 !important; color: #FFFFFF; } .facebook { background: #1877F2; color: #FFFFFF; } .google { background: linear-gradient(to right, #D62D20, #FFA700, #0057E7, #008744, #FFFFFF); background: -moz-linear-gradient(to right, #D62D20, #FFA700, #0057E7, #008744, #FFFFFF); background: -webkit-linear-gradient(to right, #D62D20, #FFA700, #0057E7, #008744, #FFFFFF); color: #FFFFFF; } .pinterest { background: #BD081C; color: #FFFFFF; } .twitter { background: #1DA1F2; color: #FFFFFF; } .linkedin { background: #007BB5; color: #FFFFFF; } .instagram { background: linear-gradient(-130deg, #5360D0, #C82A7C, #F9D678); background: -moz-linear-gradient(-130deg, #5360D0, #C82A7C, #F9D678); background: -webkit-linear-gradient(-130deg, #5360D0, #C82A7C, #F9D678); color: #FFFFFF; } /************************* Responsive *************************/ /************************* 1700px *************************/ @media (min-width: 1200px) { /* container */ .container { max-width: 1170px; } } @media (max-width: 1400px) { .space-px { padding-left: 80px; padding-right: 80px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 25px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 25px; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link { padding: 10px 15px; } } @media (max-width: 1199px) { /* Page section margin padding */ .space-ptb { padding: 70px 0; } .space-pt { padding-top: 70px; } .space-pb { padding-bottom: 70px; } .space-sm-ptb { padding: 50px 0; } .space-sm-pt { padding-top: 50px; } .space-sm-pb { padding-bottom: 50px; } .space-lg-mt { margin-top: 100px; } .header .container-fluid { padding: 0px 30px; } .header.default .navbar .navbar-nav .nav-link { padding: 10px 20px; } /* pricing-table */ .pricing-table-style-03 .pricing-table-content .pricing-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } .pricing-table-button a { padding: 10px 25px; } .pricing-table-content { margin-right: 10px !important; margin-left: 10px !important; } .pricing-prize h2 { font-size: 62px; } .pricing-table-title { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; } .pricing-table-style-02 .pricing-table p { padding: 0px 15px; } .pricing-table-style-03 .pricing-table-content .pricing-list-item { margin-right: 20px; } /* blog */ .blog-post .blog-post-content { text-align: center; padding: 25px 10px 40px; margin: -45px 15px 0; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous a { padding-left: 70px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-next a { padding-right: 70px; } /* callout */ .callout { padding: 50px 0px 50px 50px; } /* service-box */ .service-style-02 { padding: 30px 30px 30px 0px; } .service-style-02 .service-content { margin-left: 30px; } .space-px { padding-left: 40px !important; padding-right: 40px !important; } /* nav-tabs */ .nav-tabs .nav-item .nav-link { font-size: 20px; padding: 15px 20px; } /* home-2 */ .feature-section .btn { margin-top: 80px; } .team-section-title { padding-top: 100px; } .header.header-02 .navbar-nav .nav-link { padding: 20px 20px; } /* banner-02 */ .banner-overlay-left, .banner-overlay-right { padding: 100px 0px; } .slider-01 .swiper-slide h1 { font-size: 50px; } .banner-overlay-left:before, .banner-overlay-right:before { width: 17%; } .slider-01 .swiper-slide { height: 700px; } /* home-03 */ .sarvice-info-box { padding-top: 300px; } .category-section { padding: 50px 35px 0 0; } /* service-detail */ .service-add { padding: 40px; } /* Team */ .team .team-detail { padding: 40px 20px 20px; } .team .team-detail .team-social ul li a { margin-right: 10px; } .team-single .team-single-detail .list-unstyled { padding: 40px 25px 0px 25px; } .team-single .contact-form-01 { padding: 40px 25px; } /* banner-03 */ .header.header-03 .navbar .navbar-nav .nav-item .nav-link { font-size: 14px; padding: 10px 13px; } .header.header-03 .navbar .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 355px; flex: 0 0 355px; font-size: 14px; } .header.header-03 .navbar .add-listing .phone { font-size: 14px; } .header.header-03 .navbar .navbar-brand { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } .header.header-03 .navbar .navbar-nav .nav-item.active .nav-link:before, .header.header-03 .navbar .navbar-nav .nav-item .nav-link:before { right: calc(100% - 10px); } .frame-content h1 { font-size: 80px; line-height: 80px; } .header-inner { margin-bottom: 40px; } .header-inner .inner-banner-title { font-size: 30px; } /* home-05 */ .banner-shape { margin-bottom: 30px; } .banner-shape .banner-form h3 { font-size: 24px; } } @media (max-width: 991px) { .space-ptb { padding: 60px 0; } .space-pt { padding-top: 60px; } .space-pb { padding-bottom: 60px; } .space-lg-mt { margin-top: 0px; } /* Header */ .header .add-listing { margin-right: 40px; } .navbar-brand .logo { display: none; } .navbar-brand .logo-sticky { display: inline-block; height: auto !important; } .header.default .navbar { position: relative; background: #ffffff; } .header.default .is-sticky.navbar { position: fixed; } .navbar-toggler { border: none; position: absolute; height: 75px; right: 10px; } .header .navbar-collapse { position: absolute; top: 100%; z-index: 999; background: #ffffff; width: 100%; max-height: 350px; overflow: auto; left: 0; margin-left: 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .navbar .navbar-nav .dropdown-menu li.active > a { padding-left: 25px; } .header.default .navbar, .header.header-03 .navbar, .header .navbar { padding: 0px 15px; } .navbar .navbar-nav .nav-link { color: #063254; padding: 10px 20px; } .header.default .navbar .navbar-nav .nav-link { color: #063254; } .header.default .navbar .navbar-nav .nav-item.active .nav-link, .header.default .navbar .navbar-nav .nav-item .nav-link:hover { color: #063254; padding-left: 45px; } .header.default .navbar .navbar-nav .nav-item.active .nav-link { color: #063254; } .header.default .navbar .navbar-nav .nav-item .nav-link:hover:before, .header.default .navbar .navbar-nav .nav-item.active .nav-link:before { right: calc(100% - 35px); } .header .navbar .dropdown-menu { margin: 0px; font-size: 14px; border-radius: 0px; border: none; -webkit-box-shadow: none; box-shadow: none; background: #f6f6f6; padding: 14px 30px; font-size: 13px; } .navbar .navbar-nav .nav-link i { position: absolute; right: 20px; } .header.header-02 .topbar { display: none; } .header.header-02 .navbar .navbar-brand, .header.header-02 .navbar .add-listing { display: block; } .header.header-02 .navbar .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } .header-inner { margin-bottom: 35px; } .header-inner .inner-banner-title { font-size: 24px; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link { padding: 10px 20px; } .header.header-02 .navbar .navbar-nav .nav-item.active .nav-link, .header.header-02 .navbar .navbar-nav .nav-item .nav-link:hover { padding-left: 45px; } .header.header-02 .navbar .navbar-nav .nav-item .nav-link:hover:before, .header.header-02 .navbar .navbar-nav .nav-item.active .nav-link:before { right: calc(100% - 35px); } .header.header-03 .navbar .navbar-nav .nav-item .nav-link { font-size: 16px; padding: 10px 20px; } .header.header-03 .navbar .navbar-nav .nav-item.active .nav-link, .header.header-03 .navbar .navbar-nav .nav-item .nav-link:hover { padding-left: 45px; } .header.header-03 .navbar .navbar-nav .nav-item .nav-link:hover:before, .header.header-03 .navbar .navbar-nav .nav-item.active .nav-link:before { right: calc(100% - 35px); } /* section-title */ .section-title { margin-bottom: 40px; } .section-title .title { margin-bottom: 20px; } .section-title h6 { margin-bottom: 20px; } /* banner */ .banner { padding: 150px 0px; } .banner h1 { font-size: 48px; } /* home */ .bg-overlay-left:before, .bg-overlay-right:before { display: none; } .bg-overlay-right img, .bg-overlay-left img { margin-bottom: 50px; } .bg-overlay-left .author-signature img { margin-bottom: 0; } .bg-overlay-left .section-contant { padding-left: 0; } .callout { padding: 30px 0px 30px 30px; } .callout .callout-botton .btn { padding: 25px 20px; } /* tab */ .tab-content #choose-us { margin-top: 50px; } .tab-content #question { margin-top: 35px; } .pricing-section-title { padding-top: 60px; padding-bottom: 150px; } .owl-carousel.testimonial-center .owl-nav .owl-prev { left: 20px; } .owl-carousel.testimonial-center .owl-nav .owl-next { right: 20px; } /* home-2 */ .feature-section .btn { margin-top: 60px; } .team-section-title { padding-top: 80px; padding-bottom: 150px; } .counter-section { padding: 0px; } .counter-section:before { display: none; } .owl-carousel .owl-dots { margin-top: 0; } /* footer */ .footer.footer-01 { padding-top: 130px; } .footer .footer-bottom { margin-top: 20px; } /* testimonial */ .testimonial { padding: 70px 60px 30px; } .testimonial .testimonial-info { padding: 140px 40px 75px; } .testimonial .testimonial-info .testimonial-content { font-size: 20px; } .owl-carousel .owl-nav .owl-prev { left: 0; } .owl-carousel .owl-nav .owl-next { right: 0; } .testimonial-04 { padding: 70px 0px 80px 0; } /* pricing */ .pricing-table-content { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } .pricing-table-style-03 .pricing-table-content .pricing-list-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .pricing-table-button { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; } .pricing-table-style-03 { display: block; text-align: center; padding: 50px 50px; margin-bottom: 50px; } .pricing-table-style-03 .pricing-table-title { margin-right: 0; } /* blog */ .blog-post { margin-bottom: 50px; } /* pricing-table */ .pricing-table-style-01 { margin-bottom: 40px; } .pricing-table-style-02 { -webkit-box-shadow: none !important; box-shadow: none !important; background: none; } .pricing-table-style-02 .pricing-table { -webkit-box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); box-shadow: 0px 8px 27px 0px rgba(27, 27, 41, 0.15); padding: 25px 20px; margin-bottom: 30px; background: #ffffff; } .pricing-table-style-02 .pricing-table p { padding: 0px; } /* feature-step-list */ .feature-step-list li .feature-step .feature-step-divider:before { right: -16%; } /* counter */ .counter { margin-bottom: 25px; } /* home-03 */ .sarvice-info-box { padding-top: 280px; padding-bottom: 60px; } .header.header-03 .navbar .navbar-nav { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .header.header-03 .navbar .navbar-nav li { display: inline-block; width: 100%; } /* banner-02 */ .slider-01 .swiper-slide h1 { font-size: 46px; } .slider-01 .swiper-slide { height: 600px; } .banner-overlay-left, .banner-overlay-right { padding: 80px 0px; } .header.header-03 .container-fluid { padding: 0; } /* home-05 */ .banner-shape { padding: 0px 0 100px; margin-bottom: 0px; } .banner-form { top: 0px; position: inherit; left: 0; right: 0; margin-top: 30px; } .banner-shape svg { display: none; } /* coming-soon */ .countdown { display: inline-block; text-align: left; margin-right: 18px; padding-right: 18px; } .space-pt.bg-overlay-right, .space-pt.bg-overlay-left { padding-top: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .container { max-width: 96%; } } @media (max-width: 767px) { h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 17px; } .space-ptb { padding: 50px 0; } .space-pt { padding-top: 50px; } .space-pb { padding-bottom: 50px; } .space-sm-ptb { padding: 30px 0; } .space-sm-pt { padding-top: 30px; } .space-sm-pb { padding-bottom: 30px; } .container { max-width: 100%; } /* callout */ .callout { margin-right: 0; padding: 50px; text-align: center; } .callout .callout-botton { text-align: center; margin-right: 0; margin-top: 20px; } /* step */ .feature-step-list li { width: 100%; margin-bottom: 50px; } .feature-step-list li .feature-step .feature-step-divider:before { display: none; } .list { margin-bottom: 12px; } /* home-2 */ .feature-section .btn { margin-top: 40px; } .feature-info .feature-info-icon { height: 80px; } .team-section-title { padding-top: 60px; } .team-section { position: relative; z-index: 9; top: -137px; } .clients-white-bg { padding: 10px 40px; } .team { margin-bottom: 30px; } .blog-post { margin-bottom: 30px; } .owl-carousel .owl-dots { margin-top: 0; display: none; } .service-style-01 { margin-bottom: 30px; } /* home-03 */ .sarvice-info-box { padding-bottom: 50px; } .category-section .owl-carousel .owl-dots { text-align: center; } /* contact */ .contact-form { margin-right: 0; margin-bottom: 40px; } .category-section { padding: 50px 0 0 0; } .category-section:before { display: none; } /* gallery */ .my-shuffle-container .grid-item { width: 50%; } /* banner-02 */ .header.default .add-listing { margin-right: 50px; } /* banner-02 */ .slider-01 .swiper-slide { height: 400px; } .banner-overlay-left, .banner-overlay-right { padding: 60px 0px; } .bg-overlay-right img, .bg-overlay-left img { margin-bottom: 40px; } .slider-01 .swiper-slide h1 { font-size: 36px; } .banner-overlay-left h1, .banner-overlay-left .btn { margin-left: 50px; } .banner-overlay-right h1, .banner-overlay-right .btn { margin-right: 50px; } .swiper-button-next, .swiper-button-prev { display: none; } .banner-shap-right, .banner-shap-left { top: 50%; } .banner-overlay-left:before, .banner-overlay-right:before { width: 20%; } .slider-01 .slider-1 .btn { font-size: 14px; padding: 10px 30px; } /* banner-03 */ .header.header-03 .navbar .add-listing .phone { display: none; } .header.header-03 .navbar .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; } .header.header-03 .navbar .navbar-brand { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } .banner-shape h1 { font-size: 34px; } .coming-soon .slide-gallery { display: none; } .coming-soon-content { padding: 150px 50px 100px; } .blog-author .author .author-detail .author-social ul li a { margin-right: 10px; } .blog-detail .blog-post-navigation .post-navigation .nav-link .nav-previous { position: inherit; margin-bottom: 30px; } .testimonial-04 { padding: 70px 0px 70px 0; } .testimonial-03 .testimonial-info { padding: 30px; } .header-inner { margin-bottom: 30px; } .header-inner .inner-banner-title { font-size: 20px; padding: 20px 30px; } .pricing-table-style-03 { margin-bottom: 40px; } /* footer */ .footer .footer-bottom { margin-top: 10px; } /* tab */ .tab-content #choose-us { margin-top: 40px; } .tab-content #question { margin-top: 25px; } /* reviews */ .commentlist .comment-content .reviews { display: block; } .commentlist .comment-content .reviews .rating { margin-bottom: 10px; } /* Shop */ .cart-table .actions { display: block; } .cart-table .actions .coupon { margin-bottom: 20px; } .shop-sidebar .widget { margin-bottom: 30px; } .shop-sidebar .widget .widget-title { margin-bottom: 20px; } .slider-slick .slider-nav .slick-arrow { display: none !important; } .slider-slick .slider-nav .slick-prev { left: 0px; } .slider-slick .slider-nav .slick-next { right: 0; } .slick-prev { left: 0; } .slick-next { right: 0; } } @media (max-width: 575px) { h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 24px; } .section-title { margin-bottom: 30px; } .header.header-02 .navbar .add-listing, .header .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 0px; } .header .navbar .navbar-brand, .header.header-03 .navbar .navbar-brand { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; } .navbar-toggler { height: 35px; top: 16px; } /* banner */ .banner { padding: 100px 0px; } .banner h1 { font-size: 36px; } .banner .lead { font-size: 18px; } .header-inner { margin-bottom: 40px; } .header-inner .inner-banner-title { width: 95%; } .slider-01 .slider-1 .btn { padding: 8px 20px; } .frame-content h1 { font-size: 48px; line-height: 48px; } /* testimonial */ .testimonial .testimonial-info { padding: 110px 40px 40px; } .testimonial .testimonial-info .quotes { left: 20px; } .testimonial-quote i { font-size: 60px; } .testimonial .testimonial-info .testimonial-quote { top: -50px; left: 30px; } .testimonial .testimonial-info .testimonial-content { margin-bottom: 30px; } .testimonial-02 .testimonial-info { padding: 50px 40px; } .testimonial-02 .testimonial-info .testimonial-author { margin-bottom: -130px; } .testimonial-02 .testimonial-info .testimonial-quote, .testimonial-03 .testimonial-info .testimonial-quote, .testimonial-04 .testimonial-info .testimonial-quote { top: -50px; } .testimonial-02 .testimonial-info .testimonial-content { margin-bottom: 30px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: none; } .testimonial { padding: 70px 30px 30px; } /* accordion */ .accordion .accordion-icon.card-header button { font-size: 18px; padding: 15px 20px 15px 70px; } .accordion .card .card-header button:before { left: 30px; width: 30px; height: 30px; line-height: 30px; } .accordion .card .card-body { padding: 10px 30px 0px 70px; } /* service-style-02 */ .service-style-02 { display: inline-block; padding: 20px; text-align: center; margin: 0px 0px 20px 0px; } .service-style-02 .service-image { margin: 0 0 20px; } .service-style-02 .service-content { margin-left: 0; } .space-px { padding-left: 20px !important; padding-right: 20px !important; } /* tabs */ .nav-tabs .nav-item .nav-link { border: none; font-size: 14px; padding: 15px 15px; } .feature-info.left-icon { padding: 0px; margin-bottom: 30px; } .our-clients h4 { margin-bottom: 20px; } .bg-overlay-left:before, .bg-overlay-right:before { height: 250px; } /* home-2 */ .team-section-title { padding-top: 40px; } .blog-post { margin-bottom: 30px; } /* home-03 */ .sarvice-info-box { padding: 40px 0; } .video-section { margin-bottom: 40px; } .video-section .about-video .video span { font-size: 60px; } .error-404-images { margin-bottom: 30px; } /* banner02 */ .banner-overlay-right h1, .banner-overlay-right .btn { margin-right: 20px; font-size: 12px; } .banner-overlay-left h1, .banner-overlay-left .btn { margin-left: 20px; font-size: 12px; } .slider-01 .swiper-slide h1 { font-size: 22px; margin-bottom: 20px; } .banner-overlay-left, .banner-overlay-right { padding: 40px 0px; } .banner-overlay-left:before, .banner-overlay-right:before { width: 25%; } .header .container-fluid { padding: 0 30px; } .countdown span { font-size: 28px; } .countdown { margin-right: 10px; padding-right: 10px; } .countdown p { font-size: 14px; } /* home-04 */ .btn-app { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* home-04 */ .banner-shape { padding: 0px 0 50px; } .pagination .page-item { margin: 0 8px; } .pagination .page-item .page-link { padding: 8px 10px; } /* blog-detail */ .blog-detail .comments-01 { display: block; } .blog-detail .comments-01 .comment-author img { margin-bottom: 30px; } .blog-detail .comments-01 .comment-content { margin-bottom: 30px; margin-left: 0; } .blog-detail .comments-02 { padding-left: 50px; display: block; } .blog-detail .comments-02 .comment-author img { margin-bottom: 30px; } .blog-detail .comments-02 .comment-content { margin-bottom: 30px; margin-left: 0; } } @media (max-width: 479px) { /* banner */ .banner h1 { font-size: 30px; } .frame-content h1 { font-size: 30px; line-height: 30px; } /* header-inner */ .header.header-03 .navbar .add-listing { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } /* testimonial */ .avatar.avatar-lg { width: 80px; height: 80px; } .testimonial { padding: 50px 30px 30px; } .testimonial .testimonial-info { padding: 50px 30px 30px; } .testimonial .testimonial-info .quotes { left: 0px; } .testimonial .testimonial-info .testimonial-quote { left: 10px; } .testimonial .testimonial-info .testimonial-content { font-size: 18px; } .testimonial-02 .testimonial-info { padding: 30px 20px; } .testimonial-02 .testimonial-info .testimonial-content { font-size: 16px; } .testimonial-03 .testimonial-info .testimonial-author { bottom: -100px; } .testimonial-04 { margin-right: 0; } .testimonial-04 .testimonial-info .testimonial-quote { left: 20%; } .owl-carousel .owl-nav i { width: 50px; height: 100px; line-height: 100px; } /* callout */ .callout .callout-botton .btn { padding: 20px 16px; } /* service */ .service-style-01 { margin-bottom: 30px; } .error-404 h1 { font-size: 48px; } /* gallery */ .my-shuffle-container .grid-item { width: 100%; } /* feature-info */ .feature-info .feature-info-icon i { font-size: 48px; } .feature-info .feature-info-content .feature-info-title { margin-bottom: 10px; } /* banner-02 */ .slider-01 .swiper-slide { height: 350px; } /* sitter-account */ .account-info .btn { padding: 10px 15px; } /* sitter-account */ .sitter-account .account-info .account-separator:before, .sitter-account .account-info .account-separator:after { width: 90px; } .coming-soon-content { padding: 120px 30px 70px; } .header .container-fluid { padding: 0px 15px; } .navbar .navbar-brand { padding: 6px 0px; } .social-icon ul li a { height: 30px; width: 30px; line-height: 30px; margin-right: 10px; } .social-icon ul li a i { font-size: 14px; } .header-transparent .navbar-brand { margin-right: 10px; padding: 10px 0px; } .our-clients .item { padding: 0 60px; } /* input-group */ .product-detail .input-group { width: 70px; } /* nav-tabs */ .nav-tabs { display: block; } .nav-tabs.nav-tabs-02 .nav-item, .nav-tabs .nav-item { margin: 0 0 10px 0; } /* cart */ .cart-table .actions .coupon .input-text { width: 100%; margin-bottom: 20px; } .pagination { padding: 5px; } .pagination .page-item { margin: 0 3px; } } @media (max-width: 391px) { .team .team-detail { padding: 20px 20px 20px; } .owl-carousel .owl-nav i { width: 40px; height: 80px; line-height: 80px; font-size: 20px; } .feature-info.left-icon .feature-info-icon { width: 250px; } .feature-info .feature-info-icon i { font-size: 48px; } /* banner-02 */ .slider-01 .swiper-slide { height: 300px; } /* header-02 */ .header .navbar .navbar-brand, .header.header-03 .navbar .navbar-brand { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } .header.header-02 .navbar { padding: 0px 15px; } .header .navbar .add-listing .btn.btn-sm { padding: 6px 15px; font-size: 14px; } .header .add-listing { margin-right: 30px !important; } .our-clients .item { padding: 0 30px; } }