/** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-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;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-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-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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;-moz-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-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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%;object-fit:contain}.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-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;-webkit-background-size:100%;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)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.3.6 (20/12/2016) */ /** * Lightcase settings * * Note: Override default settings for your project without touching this source code by simply * defining those variables within a SASS map called '$lightcase-custom'. * * // Example usage * $lightcase-custom: ( * 'breakpoint': 768px * ); */ @font-face { font-family: 'lightcase'; src: url("../fonts/lightcase.eot?55356177"); src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } /* line 12, ../scss/components/fonts/_font-lightcase.scss */ [class*='lightcase-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ /* line 35, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-play:before { content: '\e800'; } /* line 36, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-pause:before { content: '\e801'; } /* line 37, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-close:before { content: '\e802'; } /* line 38, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-prev:before { content: '\e803'; } /* line 39, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-next:before { content: '\e804'; } /* line 40, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } /* line 1, ../scss/components/modules/_case.scss */ #lightcase-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { /* line 16, ../scss/components/modules/_case.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { /* line 4, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=error]) #lightcase-content { position: relative; z-index: 1; overflow: hidden; text-shadow: none; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { /* line 24, ../scss/components/modules/_content.scss */ #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content { background-color: #333; } } /* line 32, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { /* line 32, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } /* line 42, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { /* line 42, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner { padding: 15px; } /* line 51, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * { width: 100% !important; max-width: none !important; } /* line 58, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { /* line 69, ../scss/components/modules/_content.scss */ .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { /* line 73, ../scss/components/modules/_content.scss */ [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner { line-height: 0.75; } } @media screen and (max-width: 640px) { /* line 85, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { /* line 92, ../scss/components/modules/_content.scss */ #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { /* line 109, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #aaa; } } @media screen and (min-width: 641px) { /* line 109, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #333; } } /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { margin: 0; font-size: 17px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { padding: 30px 0; } } @media screen and (min-width: 641px) { /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { padding: 0; } } /* line 6, ../scss/components/modules/_global.scss */ .lightcase-isMobileDevice .lightcase-open body { max-width: 100%; max-height: 100%; overflow: hidden; } @media screen and (max-width: 640px) { /* line 4, ../scss/components/modules/_global.scss */ .lightcase-open body { padding: 55px 0 70px 0; } /* line 15, ../scss/components/modules/_global.scss */ .lightcase-open body > *:not([id*='lightcase-']) { position: fixed !important; top: -9999px !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } } /* line 1, ../scss/components/modules/_info.scss */ #lightcase-info { position: absolute; padding-top: 15px; } /* line 9, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title, #lightcase-info #lightcase-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; background: #333; } } /* line 33, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-caption { clear: both; font-size: 13px; color: #aaa; } /* line 39, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { /* line 45, ../scss/components/modules/_info.scss */ .lightcase-fullScreenMode #lightcase-info { padding-left: 15px; padding-right: 15px; } /* line 51, ../scss/components/modules/_info.scss */ #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info { position: static; } } /* line 1, ../scss/components/modules/_loading.scss */ #lightcase-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: lightcase-spin 0.5s infinite linear; -moz-animation: lightcase-spin 0.5s infinite linear; -o-animation: lightcase-spin 0.5s infinite linear; animation: lightcase-spin 0.5s infinite linear; } /* line 20, ../scss/components/mixins/_presets.scss */ #lightcase-loading, #lightcase-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } /* line 32, ../scss/components/mixins/_presets.scss */ #lightcase-loading > span { display: inline-block; text-indent: -9999px; } /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } /* line 20, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } /* line 32, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-'] > span { display: inline-block; text-indent: -9999px; } /* line 49, ../scss/components/mixins/_presets.scss */ #lightcase-nav a[class*='lightcase-icon-']:hover { color: white; text-shadow: 0 0 15px white; } /* line 12, ../scss/components/modules/_navigation.scss */ .lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover { color: #aaa; text-shadow: none; } /* line 19, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev { left: 15px; } /* line 24, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next { right: 15px; } /* line 29, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { /* line 29, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play { opacity: 0; } } /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } @media screen and (max-width: 640px) { /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { position: absolute; } } @media screen and (min-width: 641px) { /* line 40, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close { position: fixed; } } @media screen and (max-width: 640px) { /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { /* line 4, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-'] { bottom: 50%; margin-bottom: -0.5em; } /* line 66, ../scss/components/modules/_navigation.scss */ #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'] { opacity: 1; } } /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay { opacity: 1 !important; } } .is_clickable { cursor: hand; cursor: pointer; } .nstSlider { cursor: hand; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; width: 300px; height: 20px; background: #113344; } .nstSlider .leftGrip.gripHighlighted { background: #113344; } .nstSlider .rightGrip.gripHighlighted { background: #113344; } .nstSlider .rightGrip, .nstSlider .leftGrip { position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 20px; height: 20px; background: #ffffff; } .nstSlider .bar { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; background: #ffffff; height: 8px; top: 6px; } .nstSlider .highlightPanel { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; background: #e87722; height: 20px; top: 0; } /* * jQuery FlexSlider v2.6.2 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* Theme Name: GreenForest - Event, Conference & Meetup HTML Template Theme URI: http://codexcoder.com/ Author: codexcoder Author URI: http://codexcoder.com/ Description: GreenForest is a responsive, event, Converance and Meetup HTML Template; Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: event, Converance, Meetup, HTML, Template. */ /*--------------------------------------------- Table of CONTENT ----------------------------------------------- 01. Start Reset css 02. Start Global css 03. Header css 04. slider css 05. service 06. volunteer 07. testimonial 08. blog 09. sponsor 10. footer 11. homepage 2 12. about 13. Map 14. Contact Us 15. Product 16. Newsletter 17. Error 18. Footer -----------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); /*====================== Start Reset css ======================================================*/ html { font-family: 'Poppins', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: 'Poppins', sans-serif; font-size: 15px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } .clr{ clear: both; } a { display: inline-block; text-decoration: none!important; background-color: transparent; color: #696969; } a:hover{ text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } code, kbd, pre, samp { font-size: 15px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #f0f0f0; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; } fieldset > :last-child { margin-bottom: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } /** * 2.0 - Typography */ body, button, input, select, textarea { color: #696969; font-family: 'Poppins', sans-serif; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 5px; margin-left: 0; margin-right: 0; padding: 0; } h1{ font-size: 60px; color: #ffffff; } h2{ font-size: 36px; color: #070707; font-weight: 700; } h3{ font-size: 24px; color: #fff; font-weight: 700; } h4{ font-size: 20px; color: #000000; font-weight: 700; text-transform: uppercase; } h4 a{ font-size: 20px; color: #000000; font-weight: 700; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } h5{ font-size: 15px; color: #bcbcbc; } h6{ font-size: 14px; color: #9b9b9b; } p{ margin: 0; padding: 0; font-size: 15px; font-weight: 400; color: #696969; } a{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:hover{ text-decoration: none; } dfn, cite, em, i { font-style: italic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { color: #696969; display: block; font-size: 15px; line-height: 1.75; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { color: #737d8b; font-weight: 600; font-size: 14px; } code, kbd, tt, var, samp, pre { font-family: 'Poppins', sans-serif; } pre { border: 1px solid #f0f0f0; font-size: 15px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #ebebeb; padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted #f0f0f0; cursor: help; } mark, ins { background: #ebebeb; color: #696969; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } /** * 3.0 - Elements */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } hr { background-color: #ebebeb; border: 0; height: 1px; margin: 0 0 1.75em; } ul, li{ list-style: none; margin: 0; padding:0; } ul, ol { margin: 0; padding: 0; } ul { list-style: none; } ol { list-style: none; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } del { opacity: 0.8; } table, th, td { border: none; } table { border-spacing: 0; border-width: 1px 0 0 1px; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { font-size: 14px; color: #696969; vertical-align: middle; } th, td { padding: 0.4375em; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #696969; font-size: 14px; } :-moz-placeholder { color: #696969; font-size: 14px; } ::-moz-placeholder { color: #696969; font-size: 14px; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #696969; font-size: 14px; } /** * 4.0 - Forms */ input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #5faf1f; border: 0; border-radius: 0px; color: #696969; font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; text-transform: uppercase; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #ffffff; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; outline-offset: -4px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { font-size: 14px; color: #737d8b; border-radius: 0; padding: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { font-size: 16px; color: #737d8b; border-radius: 0; border: 1px solid #eae8e8; outline: 0; } /** * 6.0 - Clearings */ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } /*====================== End reset css ==============================================*/ /*====================== Start Global css =============================================*/ .header-style-1 .main-menu .nav>li>a .header-style-1 .main-menu .sub-menu li a .fa, .camera_prev > span, .camera_next > span, .work-content h4 a, .services-content h4 a, .volunteers-items, .cart-items>.cart-content>p>a, .blog-items, .thumbnail-content h5 a, .twitter-content h5 a, .footer-instagram a, .copyright-txt p a, .checkout-btn>a, .overlay-project, .project-link-option li a, .project-link-option li, .portfolio-img img, .our-services-box, .our-services-items, .event-items, .collection-items, .collection-overlay, .collection-content h4 a, .collection-icon li, .collection-img, .working-icon, .working-items, .volunteers-img, .recent-project-content, .contact-social-icon li, .catagories li, .catagories li a span, .results-icon .fa{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{ display: inline-block; color: #53a92c; font-size: 50px; margin-left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .no-padding{ padding-left: 0; padding-right: 0; } .section-header{ max-width: 750px; width: 100%; margin: 0 auto; text-align: center; padding: 110px 0 56px 0; } .section-header h3{ font-size: 36px; font-weight: 700; color: #53a92c; } .section-header h2{ line-height: 48px; text-transform: uppercase; padding-bottom: 5px; } .section-header p{ font-size: 16px; font-weight: 400; color: #696969; line-height: 26px; } /*======================= Custom btn Style =================================*/ .btn { border-radius: 3px; } .btn-default { color: #53a92c; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: transparent; border: 2px solid #53a92c; padding: 9px 19px 7px 19px; position: relative; overflow: hidden; z-index: 0; } .btn-default:hover, .btn-default:focus, .btn-default:active{ color: #fff; background-color: transparent; border-color: #53a92c; } .btn-default:before, .btn-default:after { content: ''; position: absolute; width: 90%; height: 200%; background-color: #53a92c; z-index: -1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .btn-default:before { top: -170%; left: -75%; } .btn-default:after { top: -2%; right: -102%; } .btn-default:hover:before { top: -95%; left: -20%; } .btn-default:hover:after { top: -2%; right: -20%; } /*======================= End Custom btn Style =================================*/ .social-icon{} .social-icon li{ display: inline-block; } .social-icon li a{ padding: 0 6px; font-size: 16px; } .social-icon li:nth-child(1) a{ color: #3b5998; } .social-icon li:nth-child(2) a{ color: #db4437; } .social-icon li:nth-child(3) a{ color: #e94c89; font-size: 18px; } .social-icon li:nth-child(4) a{ color: #23b6ea; } .social-icon li:nth-child(5) a{ color: #cb1f27; } section{ overflow: hidden; } .clr{ clear: both; overflow: hidden; } .scroll-img{ position: fixed; width: 40px; height: 40px; line-height: 44px; text-align: center; background: #53a92c; right: 3%; bottom: 10%; cursor: pointer; z-index: 99; } .scroll-img .fa{ font-size: 24px; color: #fff; } /*======Menu top Fixed ======*/ .menu-scroll.menu-transparent{ position: fixed; top: 0; width: 100%; height: auto; background: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-scroll.menu-fixed{ position: fixed; top: 0; width: 100%; height: auto; background-color: #53a92c; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 9; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /*========= Pre-Loader =========*/ #loading{ background-color: #000000; height: 100%; width: 100%; position: fixed; z-index: 999; margin-top: 0px; top: 0px; } #loading-center{ width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: loading-center-absolute 1.5s infinite; animation: loading-center-absolute 1.5s infinite; } .object{ width: 25px; height: 25px; background-color: #FFF; float: left; } #object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } #object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; } #object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; } #object_four { -webkit-animation: object_four 1.5s infinite; animation: object_four 1.5s infinite; } @-webkit-keyframes loading-center-absolute { 100% { -webkit-transform: rotate(-45deg); } } @keyframes loading-center-absolute { 100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @-webkit-keyframes object_one { 25% { -webkit-transform: translate(0,-50px) rotate(-180deg); } 100% { -webkit-transform: translate(0,0) rotate(-180deg); } } @keyframes object_one { 25% { transform: translate(0,-50px) rotate(-180deg); -webkit-transform: translate(0,-50px) rotate(-180deg); } 100% { transform: translate(0,0) rotate(-180deg); -webkit-transform: translate(0,0) rotate(-180deg); } } @-webkit-keyframes object_two { 25% { -webkit-transform: translate(50px,0) rotate(-180deg); } 100% { -webkit-transform: translate(0,0) rotate(-180deg); } } @keyframes object_two { 25% { transform: translate(50px,0) rotate(-180deg); -webkit-transform: translate(50px,0) rotate(-180deg); } 100% { transform: translate(0,0) rotate(-180deg); -webkit-transform: translate(0,0) rotate(-180deg); } } @-webkit-keyframes object_three { 25% { -webkit-transform: translate(-50px,0) rotate(-180deg); } 100% { -webkit-transform: translate(0,0) rotate(-180deg); } } @keyframes object_three { 25% { transform: translate(-50px,0) rotate(-180deg); -webkit-transform: translate(-50px,0) rotate(-180deg); } 100% { transform: translate(0,0) rotate(-180deg); -webkit-transform: rtranslate(0,0) rotate(-180deg); } } @-webkit-keyframes object_four { 25% { -webkit-transform: translate(0,50px) rotate(-180deg); } 100% { -webkit-transform: translate(0,0) rotate(-180deg); } } @keyframes object_four { 25% { transform: translate(0,50px) rotate(-180deg); -webkit-transform: translate(0,50px) rotate(-180deg); } 100% { transform: translate(0,0) rotate(-180deg); -webkit-transform: translate(0,0) rotate(-180deg); } } .bg-page-header{ background: url(../../assets/images/about/bg-page-header.jpg) no-repeat; background-size: cover; background-position: 50% 50%; } .page-header-overlay{ background: rgba(124, 182, 69, 0.61); } .bg-page-header .page-header{ text-align: center; border-bottom: none; margin: 0; padding: 124px 0 104px 0; } .page-title h2{ color: #fff; line-height: 23px; text-transform: uppercase; } .page-header-content .breadcrumb{ background: none; margin: 0; } .page-header-content .breadcrumb li, .page-header-content .breadcrumb li a{ font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; } .page-header-content .breadcrumb>li+li:before{ font-family: FontAwesome; content: "\f068"; color: #fff; font-size: 11px; padding: 0 7px 0 3px; } .page-header-content .breadcrumb li a:hover{ color: #000; } /*====================== End Global css ===============================================*/ /* Home 01 Css --------------------------------------------------------------------------------------------------------*/ /*====================== Start Header css ===============================================*/ .header-style-1 .bg-header-top{ padding: 16px 0; } .header-style-1 .header-contact{ overflow: hidden; } .header-style-1 .header-contact li{ display: inline-block; margin-right: 20px; } .header-style-1 .header-contact li [class^="flaticon-"]:before, .header-style-1 .header-contact li [class*=" flaticon-"]:before, .header-style-1 .header-contact li [class^="flaticon-"]:after, .header-style-1 .header-contact li [class*=" flaticon-"]:after{ display: inline-block; float: left; font-size: 34px; } .header-style-1 .h-adress-content{ float: right; padding: 10px 0 0 10px; } .header-style-1 .h-adress-content h6{ font-weight: 700; color: #000000; text-transform: uppercase; } .header-style-1 .h-adress-content p{ font-size: 14px; font-weight: 400; } /*================ Menu ===================*/ .header-style-1 .navbar-brand{ display: none; } .header-style-1 .bg-main-menu{ background: #53a92c; } .header-style-1 .main-menu .navbar, .header-style-2 .main-menu .navbar, .header-style-3 .main-menu .navbar{ margin-bottom: 0; border: 0; } .header-style-1 .main-menu .nav>li>a, .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a{ font-size: 14px; font-weight: 600; color: #ffffff; line-height: 24px; text-transform: uppercase; padding: 23px 21px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .header-style-1 .main-menu .nav>li:nth-child(1)>a, .header-style-2 .main-menu .nav>li:nth-child(1)>a, .header-style-3 .main-menu .nav>li:nth-child(1)>a{ padding-left: 0; } .header-style-1 .navbar-collapse, .header-style-2 .navbar-collapse, .header-style-3 .navbar-collapse{ padding-left: 0; padding-right: 0; } .header-style-1 .main-menu .nav>li>a:focus, .header-style-2 .main-menu .nav>li>a:focus, .header-style-3 .main-menu .nav>li>a:focus, .header-style-1 .main-menu .nav>li>a:hover, .header-style-2 .main-menu .nav>li>a:hover, .header-style-3 .main-menu .nav>li>a:hover{ background: transparent; } @media screen and (min-width: 767px){ .header-style-1 .sub-menu, .header-style-2 .sub-menu, .header-style-3 .sub-menu, .sub-sub-menu{ display: block; visibility: hidden; opacity: 0; width: 240px; top: 100px; padding: 0; margin: 0; border: 0; border-radius: 0; -webkit-transition: all.3s ease-in-out; transition: all .3s ease-in-out; background: #53a92c; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 5px 12px rgba(0,0,0,.175); } .header-style-1 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu{ top: 70px; opacity: 1; visibility: visible; } .boxed #bs-example-navbar-collapse-1{ display: inline-block!important; } .sub-sub-menu { left: 100%; top: 60px; z-index: 9; } .main-menu .nav>.dropdown ul li:hover ul.sub-sub-menu { opacity: 1; visibility: visible; top: 0; } .main-menu ul li ul li span.caret { float: right; margin-top: 6px; } } .header-style-1 .main-menu .sub-menu li, .header-style-2 .main-menu .sub-menu li, .header-style-3 .main-menu .sub-menu li, .sub-sub-menu li{ border-bottom: 1px solid rgba(221, 221, 221, 0.25); } .header-style-1 .main-menu .sub-menu li:last-child, .header-style-2 .main-menu .sub-menu li:last-child, .header-style-3 .main-menu .sub-menu li:last-child, .sub-sub-menu li:last-child{ border-bottom: none; } .header-style-1 .main-menu .sub-menu li a, .header-style-2 .main-menu .sub-menu li a, .header-style-3 .main-menu .sub-menu li a, .sub-sub-menu li a{ font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 13px 10px 10px 8px; } .header-style-1 .main-menu .sub-menu li a .fa, .header-style-2 .main-menu .sub-menu li a .fa, .header-style-3 .main-menu .sub-menu li a .fa, .sub-sub-menu li a .fa{ opacity: 0; } .header-style-1 .main-menu .sub-menu li a:hover .fa, .header-style-2 .main-menu .sub-menu li a:hover .fa, .header-style-3 .main-menu .sub-menu li a:hover .fa, .sub-sub-menu li a:hover .fa{ opacity: 1; } .header-style-1 .main-menu .sub-menu li a span .fa, .header-style-2 .main-menu .sub-menu li a span .fa, .header-style-3 .main-menu .sub-menu li a span .fa{ float: right; opacity: 1; } .header-style-1 .main-menu .sub-menu li a:hover, .header-style-2 .main-menu .sub-menu li a:hover, .header-style-3 .main-menu .sub-menu li a:hover, .sub-sub-menu li a:hover{ background: #000000; color: #fff; padding-left: 20px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-style-1 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu{ top: 70px; opacity: 1; visibility: visible; } .header-style-1 .main-menu .nav>li>a:hover, .header-style-2 .main-menu .nav>li>a:hover, .header-style-3 .main-menu .nav>li>a:hover{ color: #000000 } .navbar-nav li .active{ color: #000000!important; } .sub-active a{ background: #000000; color: #fff; padding-left: 25px!important; } .sub-menu li.sub-active a .fa{ opacity: 1!important; } .cart-option{ display: inline-block; position: relative; float: left; padding: 24px 25px 16px 25px; } .cart-icon{ position: relative; } .cart-icon .fa{ font-size: 18px; color: #fff; cursor: pointer; } .count-cart{ position: absolute; width: 20px; height: 20px; background: #000000; border-radius: 100%; line-height: 22px; text-align: center; top: -10px; right: -10px; color: #fff; font-size: 12px; } .cart-dropdown-menu{ position: absolute; right: 0; left: auto; top: 120px; width: 285px; background: #fff; color: #fff; z-index: 999; padding: 5px 18px 15px 15px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow: none; border-radius: none; } .cart-option:hover .cart-dropdown-menu{ top: 70px; opacity: 1; visibility: visible; } .cart-items{ border-bottom: 1px dotted #f0f0f0; padding: 10px 0; } .cart-img, .cart-content{ float: left; } .cart-content{ padding-top: 4px; } .cart-items .cart-img img{ width: 40px; height: 50px; background: #3c763d; margin-right: 10px; border: 1px solid #f0f0f0; } .cart-items .cart-content h6 a, .cart-items .cart-content p{ font-size: 12px; font-weight: 600; color: #000; text-transform: uppercase; float: left; } .cart-items .cart-content p{ padding-top: 8px; } .cart-items .cart-content p span{ padding-left: 6px; } .cart-items .cart-content h6 a:hover{ color: #53a92c; } .cart-items .cart-btn{ float: right; } .cart-items .cart-btn a .fa{ color: #000; } .cart-items .cart-btn a .fa:hover{ color: #53a92c; } .total-price{ float: left; padding-top: 12px; } .total-price p{ font-size: 14px; color: #000000; font-weight: 700; } .total-price p span{ font-size: 12px; color: #000; margin-right: 3px; text-transform: uppercase; } .checkout-btn{ float: right; margin-top: 10px; } .checkout-btn>a{ display: inline-block; color: #fff!important; font-size: 11px; font-weight: 700; background: #000000; border-radius: 30px; } .checkout-btn .btn-default{ padding: 8px 14px 5px 14px; border: none; } .checkout-btn .btn-default:before, .checkout-btn .btn-default:after{ } .search-box { float:left; margin: 14px 14px 14px 0; border: 2px solid #ddd; padding: 10px 10px; border-radius: 100%; cursor: pointer; } .search-box i { font-size: 18px; color: #fff; cursor: pointer; } #all-search { border: none; padding: 5px 18px; background: #53a92c; position: absolute; margin: 0 auto; left: 0; right:0; height: 100%; width: 0%; text-align: center; -webkit-transform: rotate3d(1,0,0,90deg); -moz-transform: rotate3d(1,0,0,90deg); -ms-transform: rotate3d(1,0,0,90deg); -o-transform: rotate3d(1,0,0,90deg); transform: rotate3d(1,0,0,90deg); -webkit-transition: .4s; transition: .4s; color: #fff; outline: none; visibility: hidden; } #all-search::-webkit-input-placeholder { color: #fff; font-size: 20px; letter-spacing: 1px; font-weight: 400; } #all-search:-moz-placeholder { color: #fff; } #all-search::-moz-placeholder { color: #fff; } #all-search:-ms-input-placeholder { color: #fff; } .search_box #all-search { -webkit-transform: rotate3d(0,0,0,00deg); -moz-transform: rotate3d(0,0,0,00deg); -ms-transform: rotate3d(0,0,0,00deg); -o-transform: rotate3d(0,0,0,00deg); transform: rotate3d(0,0,0,00deg); width: 100%; visibility: visible; } .second_click { display:none; position: relative; z-index: 999999999; } .donate-option{ float: left; background: #000000; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .donate-option:hover{ background: #3c763d; } .donate-option a{ font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 22.5px 30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .donate-option a:hover{ background: #3c763d; } .donate-option a .fa{ color: #fff; padding-right: 3px; } /*====================== End Header css ===============================================*/ /*====================== Start Slider ================================*/ .slider-item { position: relative; max-height: 800px; height: 100%; } .slider-item img{ width: 100%; } .slider-content-area { position: absolute; width: 100%; height: auto; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .slider-content h3{ display: inline-block; font-size: 30px; color: #fefefe; background: #53a92c; padding: 16px 15px 11px 12px; text-transform: uppercase; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-25px); -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); } .slider-content h2{ font-size: 60px; line-height: 72px; font-weight: 700; color: #fff; text-transform: uppercase; padding-top: 15px; margin-bottom: 0; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; /* transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); */ letter-spacing: -6px; } .slider-content p { font-size: 24px; font-weight: 700; color: #fff; text-transform: uppercase; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } .slider-content .btn-default{ color: #fff; background: #53a92c; padding: 15px 30px; border: 0; margin: 25px 16px 0 0; animation-delay:2s; -webkit-animation-delay:2s; } .slider-content .btn-default:hover{ color: #53a92c!important; } .slider-content .btn-default:before, .slider-content .btn-default:after, .slider-content .btn-default:before, .slider-content .btn-default:after{ background: #ffffff; } .slider-content .slider-btn{ opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .slider-option .item.active .slider-content h3, .slider-option .item.active .slider-content p, .slider-option .item.active .slider-content .slider-btn { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .slider-option .item.active .slider-content h2{ opacity: 1; letter-spacing: 1px; } .slider-option .item.active .slider-content h3{ -webkit-transition-delay: .5s; transition-delay: .5s; } .slider-option .item.active .slider-content h2{ -webkit-transition-delay: .8s; transition-delay: .8s; } .slider-option .item.active .slider-content p{ -webkit-transition-delay: .9s; transition-delay: .9s; } .slider-option .item.active .slider-content .slider-btn{ -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; } .carousel-control{ width: 0; opacity: 1; } .carousel-control{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; font-size: 24px; line-height: 52px; background: #53a92c; } .carousel-control:focus, .carousel-control:hover { background: #97b182; } .slider-item:after{ position:absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } .carousel-control.left, .carousel-control.right{ background-image: none; } .carousel-control.left{ left: 20px; } .carousel-control.right{ right: 20px; } /*====================== End Slider ================================*/ /*====================== Start People Work css ===============================================*/ .bg-people-work-section{ padding-bottom: 83px; } .people-work-items .people-work-img{ overflow: hidden; } .people-work-items{ margin-bottom: 30px; } .work-content{ padding-top: 28px; } .work-content h4{ color: #070707; text-transform: uppercase; padding-bottom: 2px; } .people-work-items:hover .work-content h4 { color: #53a92c; } .people-work-items:hover img{ -webkit-transform: scale(1.50, 1.05); -moz-transform: scale(1.50, 1.05); transform: scale(1.05, 1.05); } /*====================== End People Work css ===============================================*/ /*====================== Start Services css ===============================================*/ .bg-services-section{ background: #f7f7f7; padding: 118px 0 88px 0; } .services-header h3{ font-size: 30px; font-weight: 700; line-height: 34px; color: #0c1e2a; padding-top: 23px; } .services-header p{ padding-top: 3px; } .services-header .btn-default{ padding: 13px 30px; margin-top: 35px; } .services-items{ background: #fff; border: 1px solid #f0f0f0; padding: 12px 20px 32px 20px; margin-bottom: 30px; } .services-items [class^="flaticon-"]:before, .services-items [class*=" flaticon-"]:before, .services-items [class^="flaticon-"]:after, .services-items [class*=" flaticon-"]:after{ float: left; } .services-content{ display: table; padding: 16px 0 0 10px; } .services-content p{ padding-top: 5px; } .services-items:hover .services-content h4 a{ color: #53a92c; } .services-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } .services-items:hover [class^="flaticon-"]:before, .services-items:hover [class*=" flaticon-"]:before, .services-items:hover [class^="flaticon-"]:after, .services-items:hover [class*=" flaticon-"]:after{ transform: scale(1.1,1.1); } .progress-bar-success { background-color: #75b45e; } .progress-bar-striped, .progress-striped .progress-bar{ -webkit-background-size: 9px 10px; background-size: 9px 10px; } /*====================== End Services css ===============================================*/ /*=========================== Start Count Section =============================================*/ .bg-count-section{ background: url(../../assets/images/home01/bg-count-img.jpg) no-repeat fixed; background-size: cover; background-position: 33%; } .count-overlay{ background: rgba(83, 169, 44, 0.9); } .count-option{ padding: 108px 0 117px 0; } .count-items{ text-align: center; } .count-items [class^="flaticon-"]:before, .count-items [class*=" flaticon-"]:before, .count-items [class^="flaticon-"]:after, .count-items [class*=" flaticon-"]:after{ color: #fff; display: block; } .count-items span{ font-size: 36px; font-weight: 700; color: #fff; } .count-items h4{ font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; } /*=========================== End Count Section =============================================*/ /*=========================== Start focu cause Section =============================================*/ .bg-focus-cause-section{ padding: 20px 0 100px 0; } .focus-cause{} .cause-items{ margin-bottom: 30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cause-items>a{ display: block; overflow: hidden; } .cause-items:hover img{ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .cause-content{ padding: 23px 21px 30px 23px; border: 1px solid #f0f0f0; border-top: 0; } .price-title{ overflow: hidden; } .price-left{ float: left; } .price-right{ float: right; } .price-left h5, .price-right h5{ font-size: 16px; font-weight: 600; color: #010101; } .price-left h5 span, .price-right h5 span{ font-size: 18px; font-weight: 600; color: #65ac4c; padding-left: 4px; } .cause-content .progress{ height: 16px; box-shadow: none; background-color: transparent; border: 1px solid #65ac4c; border-radius: 30px; padding: 1px 0 1px 1px; margin-top: 4px; } .cause-content .progress-bar{ border-radius: 30px; } .cause-content h4 a{ padding-top: 6px; } .cause-content p{ padding-top: 5px; } .cause-content .btn-default{ margin-top: 18px; } .cause-items:hover .cause-content h4 a{ color: #53a92c; } .cause-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } /*=========================== End focu cause Section =============================================*/ /*=========================== Start volunteers Section =============================================*/ .bg-volunteers-section{ background: #f7f7f7; padding-bottom: 90px; } .sponsors-container, .people-say-container, .testimonial-container{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .volunteers-items{ text-align: center; background: #ffffff; padding-top: 30px; border: 1px solid #f0f0f0; margin-bottom: 28px; } .volunteers-img{ width: 200px; height: 200px; border-radius: 100%; background: #ddd; display: inline-block; overflow: hidden; } .volunteers-content{ padding: 22px 0 10px 0; } .volunteers-content h4{ margin: 0; } .volunteers-social-icon{ border-top: 1px solid #f0f0f0; padding: 10px 0; } .volunteers-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } .volunteers-items:hover .volunteers-content h4 a{ color: #53a92c; } .volunteers-items:hover .volunteers-img{ -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } /*=========================== End volunteers Section =============================================*/ /*=========================== Start Testimonial Section =============================================*/ .bg-testimonial-section{ background: url(../../assets/images/home01/bg-testimonial-img.jpg) fixed; background-size: cover; } .testimonial-overlay{ background: rgba(86, 159, 45, 0.88); } .testimonial-option{ position: relative; width: 100%; height: 100%; padding: 0 0 125px 0; } .testimonial-option .section-header h2, .testimonial-option .section-header p{ color: #fff; } .testimonial-content{ position: relative; background: #fff; padding: 25px 0 22px 22px; } .testimonial-content:after{ position: absolute; content: ""; background: url(../../assets/images/home01/testimonial-arrow.png) no-repeat; width: 35px; height:23px; bottom: -20px; left: 20px; } .author-details{ overflow: hidden; padding: 25px 0 0 38px; } .author-img{ width: 82px; height: 82px; border: 3px solid #fafafa; border-radius: 100%; background: #ddd; overflow: hidden; float: left; } .author-name{ float: left; margin: 18px 0 0 14px; } .author-name h4{ font-size: 16px; color: #fff; } .author-name h6{ color: #fafafa; padding-top: 2px; } .testimonial-option .swiper-pagination{ width: 100%; bottom: 40px; } .testimonial-option .swiper-pagination-bullet{ width: 16px; height: 16px; margin: 0 6px; border: 3px solid #8fc763; background: none; } .testimonial-option .swiper-pagination-bullet-active{ background: #ffffff;; } /*=========================== End Testimonial Section =============================================*/ /*=========================== Start Blog Section =============================================*/ .bg-blog-section{ padding-bottom: 90px; } .blog-items{ margin-bottom: 30px; } .blog-img{ overflow: hidden; } .blog-img a{ display: block; } .blog-content-box{ border: 1px solid #f0f0f0; border-top: 0; } .blog-content{ padding: 31px 20px 25px 18px; } .blog-content h4 a{ padding-bottom: 8px; } .meta-box{ border-top: 1px solid #f0f0f0; padding: 14px 0 11px 20px; } .meta-post{ } .meta-post li{ display: inline-block; padding: 0 7px; } .meta-post li a{ font-size: 14px; font-weight: 400; color: #696969; } .meta-post li a:hover{ color: #53a92c; } .meta-post li .fa, .meta-post li a .fa{ font-size: 18px; color: #84c168; padding-right: 4px; } .meta-post li:first-child{ padding-left: 0; } .meta-post li:last-child { padding-right: 0; } .blog-items:hover { box-shadow: 1px 0px 14px 1px #ebebeb; } .blog-items:hover .blog-content h4 a{ color: #53a92c; } .blog-items:hover .blog-img img{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.05, 1.05); } /*=========================== End Blog Section =============================================*/ /*=========================== Start Sponsors Section =============================================*/ .bg-sponsors-section{ background: #f7f7f7; padding-bottom: 120px; } .sponsors-option{} .sopnsors-items a{ box-shadow: 1px 0px 14px 1px #ebebeb; overflow: hidden; } .sponsors-container .swiper-slide { margin: 5px; } /*=========================== End Sponsors Section =============================================*/ /*=========================== Start Footer Section =============================================*/ .bg-footer-top{ background: #000000; padding: 95px 0 85px; } .widgets-title{ margin-bottom: 32px; } .widgets-title h3{ color: #fefefe; text-transform: uppercase; } .widgets-content {} .widgets-content p{ color: #bcbcbc; } .address-box{ margin-top: 20px; overflow: hidden; } .address li{ overflow: hidden; padding: 5px 0; } .address li .fa{ float: left; width: 36px; height: 36px; font-size: 20px; color: #53a92c; line-height: 36px; text-align: center; background: #000000; border: 1px solid #272727; border-radius: 2px; margin-right: 14px; } .address li span{ display: table; color: #bcbcbc; padding-top: 6px; } .latest-news li{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #1a1a1a; } .latest-news li:first-child, .twitter-widget li:first-child { padding-top: 0; } .latest-news li:last-child, .twitter-widget li:last-child { border-bottom: none; padding-bottom: 0; } .thumbnail-img{ width: 70px; height: 70px; float: Left; margin: 4px 15px 0 0; } .thumbnail-content{ display: table; } .thumbnail-content h5 a{ color : #bcbcbc; line-height: 24px; } .post-date{ font-size: 14px; color: #9b9b9b; } .latest-news li:hover .thumbnail-content h5 a{ color: #53a92c; } .latest-news li:hover .thumbnail-img img, .footer-instagram a:hover{ -webkit-filter: grayscale(100%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(100%); -o-transition: .3s ease-in-out; } .twitter-widget li{ overflow: hidden; border-bottom: 1px solid #1a1a1a; padding: 16px 0; } .twitter-icon{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #53a92c; border-radius: 100%; float: left; margin: 4px 15px 0 0; } .twitter-icon .fa{ font-size: 10px; color: #000000; } .twitter-content{ display: table; } .twitter-content h5{ line-height: 24px; color: #bcbcbc; } .twitter-content h5 a{ color: #53a92c; } .twitter-content h5 a:hover{ color: #bcbcbc; } .footer-instagram a { float: left; margin: 3px 3px; } .footer-instagram a img{ width: 84px; height: 84px; } .bg-footer-bottom{ background: #f4f4f4; padding: 28px 0 23px 0; } .footer-bottom{} .copyright-txt{ float: left; } .copyright-txt p{ font-size: 16px; color: #707070; padding-top: 8px; } .copyright-txt p a{ color: #53a92c; font-weight: 700; } .copyright-txt p a:hover{ color: #000000; } .social-box{ float: right; } .social-icon-rounded{} .social-icon-rounded li{ display: inline-block; overflow: hidden; margin: 0 3px; } .social-icon-rounded li:last-child{ margin-right: 0; } .social-icon-rounded li a{ display: inline-block; width: 40px; height: 40px; line-height: 41px; text-align:center; font-size: 18px; color: #53a92c; border: 2px solid #53a92c; border-radius: 100%; overflow: hidden; } .social-icon-rounded li a:hover{ background: #53a92c; border: 2px solid #53a92c; color: #fff; } /*=========================== End Footer Section =============================================*/ /*======================================================== Home 02 ========================================================================================*/ /*======================================= Header 2 ====================================================*/ .header-style-2 .main-menu .navbar-collapse, .header-style-3 .main-menu .navbar-collapse{ float: right; } .header-style-2 .bg-header-top{ background: #f7f7f7; } .header-style-2 .menu-scroll.menu-fixed{ box-shadow: 0 0 7px 0 #ddd; } .h-contact{ float: left; } .h-contact li{ display: inline-block; } .h-contact li{ font-size: 14px; color: #363636; padding: 10px 12px; } .h-contact li:first-child{ padding-left: 0; } .h-contact li:last-child{ padding-right: 0; } .header-style-2 .h-contact li [class^="flaticon-"]:before, .header-style-2 .h-contact li [class*=" flaticon-"]:before, .header-style-2 .h-contact li [class^="flaticon-"]:after, .header-style-2 .h-contact li [class*=" flaticon-"]:after{ display: inline-block; font-size: 16px; padding-right: 6px; } .header-style-2 .donate-option{ float: right; background: #53a92c; } .header-style-2 .donate-option a{ background: #53a92c; padding: 13px 28.5px; } .header-style-2 .donate-option a:hover{ background: #000; } .show-res-logo{ display: none; } .navbar-brand{ padding-left: 0; } .header-style-2 .bg-main-menu{ background: #ffffff; } .header-style-2 .main-menu .nav>li>a{ color: #000000; } .header-style-2 .main-menu .nav>li>a:hover, .header-style-3 .main-menu .nav>li>a:hover{ color: #53a92c; } .header-style-2 .main-menu .nav>li.active a{ color: #53a92c; } .header-style-2 .sub-menu, .header-style-3 .sub-menu, .header-style-2 .sub-sub-menu, .header-style-3 .sub-sub-menu { background: #000000; } .header-style-2 .navbar-right .dropdown-menu, .header-style-3 .navbar-right .dropdown-menu { left: 0; right: auto; } .header-style-2 .sub-menu, .header-style-3 .sub-menu{ top: 120px; } .header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu { top: 90px; } .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a{ padding: 33px 17px; } .header-style-2 .main-menu .sub-menu li a:hover, .header-style-3 .main-menu .sub-menu li a:hover{ background: #53a92c; color: #fff; } .header-style-2 .navbar-nav li .active, .header-style-3 .navbar-nav li .active { color: #53a92c!important; } .header-style-2 .sub-active a, .header-style-3 .sub-active a { background: #53a92c; color: #fff!important; } .header-style-2 .cart-icon .fa, .header-style-3 .cart-icon .fa{ color: #000000; } .header-style-2 .count-cart, .header-style-3 .count-cart{ color: #fff; background: #53a92c; } .header-style-2 .cart-option, .header-style-3 .cart-option { padding: 35px 22px 24px 22px; } .header-style-2 .cart-option:hover .cart-dropdown-menu, .header-style-3 .cart-option:hover .cart-dropdown-menu{ top: 90px; } .header-style-2 .search-box, .header-style-3 .search-box { margin: 23px 0 25px 0; } .header-style-2 .search-box i, .header-style-3 .search-box i{ color: #000000; } .header-style-2 #all-search{ background: #fff; color: #000000; } .header-style-2 #all-search::-webkit-input-placeholder { color: #000; } .header-style-2 #all-search:-moz-placeholder { color: #000; } .header-style-2 #all-search::-moz-placeholder { color: #000; } .header-style-2 #all-search:-ms-input-placeholder { color: #000; } /*====================== End Header =====================================*/ /*=========================== Start Slider =========================================*/ .slider-two .slider-content h3, .slider-three h3{ background: none; } .slider-two .slider-content h2{ font-size: 60px; line-height: 60px; padding-top: 5px; } .slider-two .camera_overlayer { background: rgba(55, 109, 6, 0.34); } /*================================ Start Slider Section =============================================*/ /*====================================== Start About Greenforest Section ====================================================*/ .about-greenforest{ padding: 110px 0 75px 0; } .about-greenforest-content h2{ text-transform: uppercase; } .about-greenforest-content p span{ display: inline-block; font-weight: 600; color: #53a92c; margin: 11px 0 18px 0; } .about-greenforest-content .btn-default{ padding: 14px 28px 12px 28px; margin: 40px 20px 0 0; } .about-greenforest-content .btn-default:active, .about-greenforest-content .btn-default:focus { color: #53a92c; } .about-greenforest-content .btn-default:hover { color: #fff; } /*======================= End About Greenforest Section ==========================================*/ /*======================= Start Recent Project Section ==========================================*/ .bg-recent-project{ background: #f7f7f7; padding: 0 0 94px 0; } .recent-project .section-header{ padding-bottom: 40px; } .recent-project .button{ position: relative; font-size: 14px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0 20px; background: transparent; margin-bottom: 6px; } .recent-project .button:hover{ color: #53a92c; } .recent-project .button:after{ position: absolute; content: ""; width: 10px; height: 2px; background: #949494; top: 5px; right: -6px; } .recent-project .button:last-child:after{ display: none; } .recent-project .is-checked{ color: #53a92c!important; } div#filters { text-align: center; } .portfolio-items{ margin-top: 40px; } .portfolio-items .item{ width: 33.33%; float: left; } .portfolio-items .item-inner{ background: #fff; margin: 15px; } .portfolio-img{ position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; } .portfolio-container{ margin-top: 38px; } .overlay-project{ position: absolute; width: 96%; height: 95%; top: 7px; left: 7px; background: rgba(27, 15, 9, 0.79); opacity: 0; z-index: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: scale(0, 0); } .recent-project .item-inner:hover .overlay-project{ opacity: 1; transform: scale(1, 1); } .project-link-option{ position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .project-link-option li{ display: inline-block; opacity: 0; } .project-link-option li a{ display: inline-block; width: 44px; height: 44px; line-height: 51px; text-align: center; font-size: 20px; color: #9f9f9f; background: #fff; border-radius: 100%; margin: 0 2px; } .project-link-option .project-search a, .project-link-option .project-plus a{ line-height: 47px; } .project-link-option li a:hover{ background: #53a92c; color: #d8ebcf; } .project-link-option .project-search, .project-link-option .project-plus{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); } .project-link-option .project-link{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); } .recent-project .item-inner:hover .project-link-option .project-search, .recent-project .item-inner:hover .project-link-option .project-plus{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .recent-project .item-inner:hover .project-link-option .project-link{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .recent-project-content{ border: 1px solid #f0f0f0; border-top: none; padding: 28px 24px 18px 24px; } .recent-project-content h4 a{ font-weight: 700; color: #212121; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .recent-project-content p{ font-size: 16px; color: #696969; } .recent-project-content p span a{ color: #53a92c; text-transform: uppercase; } .recent-project .item-inner:hover .recent-project-content h4 a{ color: #53a92c; } .recent-project .item-inner:hover { box-shadow: 1px 0px 14px 1px #ebebeb; } .portfolio-items .item-inner:hover .portfolio-img img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } /*======================= End Recent Project Section ==========================================*/ /*======================= Start Counter2 Section ==========================================*/ .bg-count2-section{ background: url(../../assets/images/home02/bg-counter2-img.jpg) no-repeat fixed; background-size: cover; background-position: 48% 100%; } /*======================= End Counter2 Section ==========================================*/ /*======================= Start Home2 Service Section ==========================================*/ .bg-servicesstyle2-section{ padding: 0 0 90px 0; } .our-services-option{} .our-services-box{ border: 1px solid #f0f0f0; padding: 8px; margin-bottom: 30px; } .our-services-items{ text-align: center; padding: 8px 22px 18px 22px; border: 1px solid transparent; } .our-services-content{ padding-top: 4px; } .our-services-content h4{ padding-bottom: 8px; } .our-services-content>a{ font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding-top: 15px; } .our-services-content>a .fa{ padding-left: 4px; } .our-services-box:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } .our-services-box:hover .our-services-items{ border: 1px solid #f0f0f0; } .our-services-box:hover [class^="flaticon-"]:before, .our-services-box:hover [class*=" flaticon-"]:before, .our-services-box:hover [class^="flaticon-"]:after, .our-services-box:hover [class*=" flaticon-"]:after{ -webkit-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); } .our-services-box:hover .our-services-content h4 a, .our-services-box:hover .our-services-content>a{ color: #53a92c; } /*======================= End Home2 Service Section ==========================================*/ /*======================= Start focus cause Section ==========================================*/ .bg-focus-cause-section2 { background: #f7f7f7; padding-bottom: 100px; } /*======================= End focus cause Section ==========================================*/ /*======================= Start compaian video Section ==========================================*/ .bg-compaian-video{ background: url(../../assets/images/home02/bg-video-section.jpg) no-repeat fixed; background-size: cover; background-position: 48% 100%; } .compaian-video-overlay{ background: rgba(72, 142, 38, 0.74); } .compaian-video{ text-align: center; padding: 245px 0; } .compaian-video h3{ font-size: 30px; font-weight: 700; color: #fefefe; text-transform: uppercase; padding-top: 3px; } /*======================= Start collection Section ==========================================*/ .bg-collection-section{ background: #f7f7f7; padding-bottom: 86px; } .collection-items{ text-align: center; border: 1px solid #f0f0f0; overflow: hidden; margin-bottom: 30px; } .collection-img{ position: relative; overflow: hidden; text-align: center; } .collection-img img{ width: 100%; overflow: hidden; } .shop-grid-view .collection-img{ float: left; } .shop-grid-view .collection-content { padding: 25px 30px 20px 30px; display: table; text-align: left; } .shop-grid-view .star-icon { margin-bottom: 10px; } .shop-grid-view .collection-content p{ margin-bottom: 15px; text-align: justify; } .nav-tabs>li>a { border: none; } .nav-tabs { border: none; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: none; } .nav-tabs>li.active>a{ color: red; } .nav>li>a:focus, .nav>li>a:hover { background: none; } .bg-shop-section .nav>li>a { padding: 10px 10px; cursor: pointer; } .collection-overlay{ position: absolute; width: 100%; height: 100%; background: rgba(247, 251, 240, 0.85); opacity: 0; z-index: 1; } .collection-icon{ position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .collection-icon li{ display: inline-block; -webkit-transform: scale(0, 0); transform: scale(0, 0); } .collection-icon li a{ width: 50px; height: 50px; line-height: 53px; font-size: 20px; font-weight: 400; color: #53a92c; border: 1px solid #53a92c; background: transparent; border-radius: 100%; margin: 0 2px; z-index: 2; } .collection-icon li a:hover{ background: #53a92c; color: #fff; } .collection-content{ border-top: 1px solid #f0f0f0; padding: 25px 0 20px 0; } .collection-content h4 a{ font-weight: 600; } .collection-content h5 { font-size: 20px; text-transform: uppercase; font-weight: 600; color: #000; padding-top: 1px; } .star-icon{} .star-icon li{ display: inline-block; } .star-icon li a{ font-size: 14px; font-weight: 400; color: #53a92c; } .collection-items:hover .collection-overlay{ opacity: 1; } .collection-items:hover .collection-content h4 a{ color: #53a92c; } .collection-items:hover .collection-icon li{ -webkit-transform: scale(1, 1); transform: scale(1, 1); } .collection-items:hover .collection-img img{ -webkit-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .collection-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } /*======================= End collection Section ==========================================*/ /*======================= End compaian video Section ==========================================*/ /*======================= Start Upcoming Events Section ==========================================*/ .upcoming-events{ padding-bottom: 50px; } .event-items{ margin-bottom: 30px; } .event-img{ position: relative; display: block; } .event-img a, .event-img a img { display: block; width: 100%; overflow: hidden; } .date-box{ position: absolute; width: 80px; height: 80px; line-height: 80px; background: #53a92c; text-align: center; bottom: 0; left: 0; padding: 8px 0; } .date-box h3{ font-size: 36px; font-weight: 700; color: #fff; } .date-box h5{ font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; } .events-content{ border: 1px solid #f0f0f0; border-top: 0; padding: 27px 26px 30px 30px; } .events-content h3{ margin: 0; } .events-content h3 a{ text-transform: uppercase; color: #000; } .events-content .meta-post{ margin: 4px 0 8px 0; } .events-content .meta-post li{ font-size: 16px; color: #9b9b9b; padding: 0 7px; } .events-content .meta-post li:first-child{ padding-left: 0; } .events-content .meta-post li .fa{ font-size: 20px; font-weight: 300; } .events-content{} .events-content .meta-post [class^="flaticon-"]:before, .events-content .meta-post[class*=" flaticon-"]:before, .events-content .meta-post[class^="flaticon-"]:after, .events-content .meta-post[class*=" flaticon-"]:after{ font-size: 20px; margin-left: 0!important; } .events-content .btn-default{ margin-top: 24px; padding: 8px 20px; } .event-items:hover{} .event-items:hover .events-content h3 a{ color: #53a92c; } .event-items:hover .event-img img{ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .event-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } /*======================= End Upcoming Events Section ==========================================*/ /*================================= Start Home 03 ================================*/ /*========================= Header section ====================================*/ .header-style-3 .bg-main-menu{ position: fixed; z-index: 9; width: 100%; background: rgba(29, 47, 4, 0.46); } .header-style-3 .menu-scroll.menu-fixed{ background: #000; } .boxed .main-menu .navbar-collapse { float: none; } .header-style-3 .main-menu .nav>li>a{ color: #fff; } .header-style-3 .search-box { margin: 25px 0 23px 0; } .header-style-3 .search-box i{ color: #fff; } .header-style-3 #all-search{ background: #000; color: #fff; } .header-style-3 #all-search::-webkit-input-placeholder { color: #fff; } .header-style-3 #all-search:-moz-placeholder { color: #fff; } .header-style-3 #all-search::-moz-placeholder { color: #fff; } .header-style-3 #all-search:-ms-input-placeholder { color: #fff; } .header-style-3 .cart-icon .fa{ color: #fff; } /*======================== End Header Section =======================================*/ /*======================== Start Slider Section =======================================*/ .slider-three .slider-content { text-align: center; } .slider-three .slider-content h3 { font-size: 30px; } .slider-three .slider-content h2{ font-size: 60px; line-height: 45px; } .slider-three .slider-content p{ font-size: 24px; line-height: 50px; } /*======================== End Slider Section =======================================*/ /*======================== Start Working Section =======================================*/ .bg-working-section{ padding-bottom: 95px; } .working-items{ text-align: center; border: 1px solid #f0f0f0; padding: 30px 30px 28px 30px; margin-bottom: 30px; } .working-icon{ width: 80px; height: 80px; line-height: 80px; text-align: center; border: 1px solid #f0f0f0; border-radius: 100%; margin: 0 auto; } .working-icon [class^="flaticon-"]:before, .working-icon [class*=" flaticon-"]:before, .working-icon [class^="flaticon-"]:after, .working-icon [class*=" flaticon-"]:after{ margin-left: 0; font-size: 40px; } .working-content{} .working-content h4 a{ display: inline-block; padding: 30px 0 6px 0; } .working-content>a{ font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding-top: 18px; } .working-content>a .fa{ padding-left: 4px; } .working-container .swiper-slide { padding: 3px; } .working-items:hover .working-icon{ background: #53a92c; border: 1px solid #53a92c; } .working-items:hover{ box-shadow: 1px 0px 14px 1px #ebebeb; } .working-items:hover .working-icon [class^="flaticon-"]:before, .working-items:hover .working-icon [class*=" flaticon-"]:before, .working-items:hover .working-icon [class^="flaticon-"]:after, .working-items:hover .working-icon [class*=" flaticon-"]:after{ -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); color: #fff; } .working-items:hover .working-content h4 a, .working-items:hover .working-content>a{ color: #53a92c; } /*======================== End Working Section =======================================*/ /*======================== Start Donation Section =======================================*/ .bg-donation-section{ background: url(../../assets/images/home03/bg-donation-img.jpg) no-repeat fixed; background-size: cover; background-position: 50% 50%; } .donation-overlay{ background: rgba(0, 0, 0, .8); } .donation-section{ padding: 145px 150px; } .donaton-header{ text-align: center; } .donaton-header h3{ position: relative; font-size: 30px; font-weight: 700; text-transform: uppercase; padding-bottom: 20px; } .donaton-header h3:after{ position: absolute; content: ""; width: 50px; height: 4px; background: #5faf1f; bottom: 0; left: 50%; transform: translateX(-50%); } .donaton-header h2{ color: #fff; padding: 40px 0 8px 0; } .donaton-header h4{ font-size: 30px; font-weight: 700; text-transform: uppercase; color: #5faf1f; } .donation-section .progress{ height: 20px; border-radius: 30px; margin-top: 34px; box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.3); } .donation-section .progress-bar{ border-radius: 30px; } .count-number{ overflow: hidden; } .count-left{ float: left; } .count-right{ float: right; } .count-left, .count-right{ font-size: 18px; font-weight: 700; color: #fff; } .count-left span, .count-right span{ font-size: 24px; color: #5faf1f; } .donate-btn{ text-align: center; } .donate-btn .btn-default{ padding: 15px 29px; background: #5faf1f; color: #fff; border: 0; } .donate-btn .btn-default .fa{ padding-left: 3px; } .donate-btn .btn-default:before, .donate-btn .btn-default:after{ background: #fff; } .donate-btn .btn-default:hover, .donate-btn .btn-default:focus, .donate-btn .btn-default.focus, .donate-btn .btn-default:active{ color: #53a92c; } /*======================== End Donation Section =======================================*/ /*======================== Start People Say Section =======================================*/ .bg-people-say-section{ background: url(../../assets/images/home03/bg-people-say.jpg)no-repeat fixed; background-size: cover; background-position: 45%; } .people-say-overlay{ background: rgba(76, 148, 40, 0.77); } .people-say-section{ position: relative; padding: 150px 0; } .people-say-items{ max-width: 750px; width: 100%; margin: 0 auto; text-align: center; padding: 0 67px; } .people-say-items .fa{ font-size: 64px; color: #fff; padding-bottom: 35px; } .people-say-items p, .people-say-items p a{ font-size: 16px; color: #fff; } .people-say-items p a span{ font-weight: 700; font-style: italic; } .people-say-items p a:hover{ color: #000; } .people-say-items{} .people-say-items{} .people-say-section .swiper-pagination{ width: 100%; bottom: 42px; } .people-say-section .swiper-pagination-bullet { width: 10px; height: 10px; background: #efeef3; margin: 0 3px; opacity: 1; } .people-say-section .swiper-pagination-bullet-active{ width: 14px; height: 14px; } /*======================== End People Say Section =======================================*/ /*======================== Start Count Section =======================================*/ .bg-count3-section{ background: url(../../assets/images/home03/bg-count-img.jpg) no-repeat fixed; background-size: cover; background-position: 50% 50%; } .count3-overlay{ background: rgba(91, 164, 58, 0.72); } /*======================== End Count Section =======================================*/ /*======================== Start portfolio items Section =======================================*/ .bg-recent-project-home3{ padding-bottom: 123px; } .portfolio-items-home3 .overlay-project, .gallery2-items .overlay-project, .gallery3-items .overlay-project{ width: 100%; height: 100%; top: 0; left: 0; background: rgba(29, 14, 5, 0.92); } .portfolio-items-home3 .item{ width: 25%; } .portfolio-items-home3 .item-inner { margin: 7px; text-align: center; } .portfolio-items-home3 .portfolio-img { text-align: center; } .portfolio-items-home3 .project-plus, .gallery2-items .project-plus, .gallery3-items .project-plus{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .portfolio-items-home3 .project-plus a, .gallery2-items .project-plus a, .gallery3-items .project-plus a { display: inline-block; width: 44px; height: 44px; line-height: 50px; text-align: center; font-size: 20px; color: #9f9f9f; background: #fff; border-radius: 100%; margin-bottom: 30px; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); } .portfolio-items-home3 .project-plus a, .gallery2-items .project-plus a, .gallery3-items .project-plus a { color: #53a92c; } .portfolio-items-home3 .project-plus a:hover, .gallery2-items .project-plus a:hover, .gallery3-items .project-plus a:hover{ background: #fff; } .portfolio-items-home3 .item-inner:hover .project-plus a, .gallery2-items .item-inner:hover .project-plus a, .gallery3-items .item-inner:hover .project-plus a{ -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .portfolio-items-home3 .recent-project-content, .gallery2-items .recent-project-content, .gallery3-items .recent-project-content{ width: 100%; position: absolute; top: 70%; text-align: center; z-index: 4; padding: 0; opacity: 0; border: none; margin-top: 30px; } .portfolio-items-home3 .recent-project-content p a, .gallery2-items .recent-project-content p a, .gallery3-items .recent-project-content p a{ font-size: 18px; font-weight: 600; color: #fefefe; text-transform: uppercase; } .portfolio-items-home3 .recent-project-content p a:hover, .gallery2-items .recent-project-content p a:hover, .gallery3-items .recent-project-content p a:hover{ color: #53a92c; } .portfolio-items-home3 .item-inner:hover .recent-project-content, .gallery2-items .item-inner:hover .recent-project-content, .gallery3-items .item-inner:hover .recent-project-content{ width: 100%; top: 50%; transform: translateY(-50%); opacity: 1; } /*======================== End portfolio items Section =======================================*/ /*=============================================================Services Css =====================================*/ .services-video h3{ padding-top: 21px; } /*=============================================================Teams Css =====================================*/ .bg-team-section{ padding-top: 130px; padding-bottom: 100px; } .bg-single-team{ padding: 118px 0 110px 0; } .single-team-details h3, .single-team-content h3{ font-size: 24px; font-weight: 700; color: #53a92c; text-transform: uppercase; } .single-team-details h5{ font-size: 16px; font-weight: 400; color: #656565; padding: 3px 0 8px 0; } .single-team-details .social-icon-rounded{ margin-top: 16px; } .team-address-box { margin-top: 3px; } .team-address-box .address .fa{ background: transparent; border: 1px solid #f7f7f7; } .team-address-box .address li span{ color: #696969; } .single-team-content{ margin-top: 30px; } .single-team-content h3{ padding-bottom: 6px; } /*=============================================================project Css =====================================*/ .bg-single-recent-project { padding: 117px 0 118px 0; } .load-more-option{ text-align: center; } .load-more-option .btn-default{ font-size: 15px; color: #fff; background: #53a92c; padding: 12.5px 32.5px; margin-top: 34px; } .load-more-option .btn-default:hover, .load-more-option .btn-default:focus, .load-more-option .btn-default.focus, .load-more-option .btn-default:active{ color: #53a92c; } .load-more-option .btn-default:before, .load-more-option .btn-default:after{ background: #fff; } /*================================================ Photo Gallery Css ============================*/ .photo-gallery{ padding-top: 115px; } .photo-gallery .load-more-option .btn-default { font-size: 14px; padding: 14.5px 19px; margin-top: 50px; } /*=================================================== Single Project Css ======================================*/ .single-project{ padding: 120px 0 111px 0; } .single-pro-main-content{ padding-top: 68px; } .single-left-content{} .single-left-content li{ border: 1px solid #f7f7f7; padding: 18px 6px 11px 22px; } .single-left-content li h4{ font-size: 16px; line-height: 14px; } .single-left-content li p{ font-size: 16px; } .single-project-content h3{ color: #010101; text-transform: uppercase; padding-bottom: 15px; } .single-project-content p{ line-height: 32px; } .single-small-img li{ padding: 15px 0; } .single-small-img li:first-child { padding-top: 0; } .single-small-img li:last-child { padding-bottom: 0; } .download-option{ padding-top: 77px; } .download-option h4{ padding-bottom: 20px; } .download-option .download-btn{ margin-bottom: 30px; } .download-btn{ display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; padding: 14px 26px 12px 40px; background: #53a92c; border-radius: 4px; } .download-btn .fa{ font-size: 18px; color: #fff; padding-right: 10px; } .download-btn span .fa{ padding-left: 20px; padding-right: 0; } .download-btn:hover{ background: #000; color: #fff; } .social-option{ padding-top: 35px; } .social-option h4{ padding-bottom: 10px; } /*============================================= Start Single Services ====================================*/ .bg-single-services{} .single-services{ padding: 120px 0 95px 0; } .single-services-content{ padding-left: 30px; } .single-services-content img{ padding-bottom: 10px; } .single-services-content h3{ color: #53a92c; text-transform: uppercase; padding: 26px 0 3px 0; } .single-services-content p{ text-align: justify; } .mark-txt{ padding-top: 14px; } .mark-txt li{ font-size: 15px; font-weight: 600; color: #000; padding: 4px 0; } .mark-txt li:first-child{ padding-top: 0; } .mark-txt li:last-child{ padding-bottom: 0; } .mark-txt .fa{ color: #53a92c; } .single-left-services-list{} .single-left-services-list .nav-tabs{ border-bottom: none; } .single-left-services-list .nav-tabs>li{ float: none; margin-bottom: 0; } .single-left-services-list .nav-tabs>li>a{ font-size: 18px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 12px 15px; margin-right: 0; border-radius: 0; background: #fafafa; border: 1px solid #f0f0f0; } .single-left-services-list .nav-tabs>li.active>a, .single-left-services-list .nav-tabs>li.active>a:focus, .single-left-services-list .nav-tabs>li.active>a:hover{ color: #53a92c; cursor: default; background-color: #fff; border: 1px solid rgba(235, 235, 235, 0.57); border-bottom-color: rgba(235, 235, 235, 0.57); border-radius: 0; } .single-left-services-list [class^="flaticon-"]:before, .single-left-services-list [class*=" flaticon-"]:before, .single-left-services-list [class^="flaticon-"]:after, .single-left-services-list [class*=" flaticon-"]:after{ font-size: 18px; margin-left: 0; margin-right: 5px; } .download-service{ padding-top: 50px; } .download-service a{ margin: 28px 0 0 0; } /*================================================= Start Event Page Css =================================*/ .bg-event-box{ padding: 120px 0 30px 0; } .event-search-box-option{ padding: 23px 0 26px 31px; box-shadow: 1px 0px 14px 1px #ebebeb; } .event-box{} .event-box label{ font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 6px; } .event-box .form-control{ height: 50px; padding-left: 20px; border: 1px solid #f0f0f0; box-shadow: none; } .event-box .form-control:focus{ border: 1px solid #53a92c; } .event-box .btn-default{ background-color: #53a92c; color: #fff; margin: 42px 0 0 30px; padding: 13px 53.4px; } .event-box{} .event-box .btn-default:hover:before { left: -17%; } .event-box .btn-default:hover:after { right: -14%; } .event-box .btn-default:before, .event-box .btn-default:after{ background: #fff; color: #53a92c; } .event-box .btn-default:hover, .event-box .btn-default:focus, .event-box .btn-default.focus, .event-box .btn-default:active{ color: #53a92c; } .pagination-option{ text-align: center; } .pagination-option .pagination{ margin: 0; text-align: center; } .pagination-option{ padding-top: 45px; } .pagination-option .pagination>li>a{ width: 40px; height: 40px; line-height: 29px; font-size: 16px; font-weight: 600; color: #53a92c; margin: 0 5px; border: 1px solid #65ac4c; border-radius: 4px; } .pagination-option .pagination>li>a:focus, .pagination-option .pagination>li>a:hover, .pagination-option .pagination>li>span:focus, .pagination-option .pagination>li>span:hover{ background: #53a92c; color: #fff; border-color: #53a92c; } .pagination-option .pagination>li.active a{ background: #53a92c; color: #fff; border-color: #53a92c; } /*================================================ Start Blog Page ======================================*/ .blog-page{ padding-top: 120px; } .blog-page .pagination-option{ padding-top: 30px; } /*============================================ Start Gallery Style 02 ====================================*/ .bg-gallery-style2{ padding: 120px 0; } .gallery2-items .overlay-project { background: rgba(12, 6, 6, 0.81); } .gallery2-items .project-plus{ #top: 38%; #left: 45%; } .gallery2-items .project-plus a, .gallery3-items .project-plus a{ width: 40px; height: 40px; line-height: 45px; box-shadow: 0px 0px 0px 5px rgba(67, 60, 57, 0.84); } .gallery2-items .recent-project-content{ #left: 28%; } .bg-gallery-style2 .load-more-option .btn-default { font-size: 14px; padding: 14.5px 19px; margin-top: 50px; } /*================================================= Gallery Style 03 =================================*/ .gallery3 .item{ width: 20%; } .gallery3 .item-inner{ margin: 0; } .gallery3 .item-inner:hover { box-shadow: none; } /*============================================= Start Contact Us =========================================*/ .bg-contact-us{ padding: 120px 0 130px 0; } .contact-us{} .contact-title{ font-size: 30px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 22px; } .contact-form{ margin-top: 31px; } .contact-form .form-control{ height: 50px; border: 1px solid #f0f0f0; border-radius: 0; box-shadow: none; padding-left: 25px; margin-bottom: 30px; } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="url"]:focus, .contact-form input[type="password"]:focus, .contact-form input[type="search"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="number"]:focus, .contact-form textarea:focus{ border: 1px solid #53a92c; } .text-area{ height: 150px!important; border-radius: none; padding-top: 20px; } .contact-form .btn-default{ background: #65ac4c; color: #fff; padding: 13px 27px; } .contact-form .btn-default:before, .contact-form .btn-default:after{ background: #fff; } .contact-form .btn-default:hover, .contact-form .btn-default:focus, .contact-form .btn-default.focus, .contact-form .btn-default:active{ color: #53a92c; } .contact-address li{ border-bottom: 1px solid #eeeeee; padding: 18px 0; overflow: hidden; } .contact-address li:first-child{ padding-top: 0; } .contact-address li:last-child{ } .contact-address [class^="flaticon-"]:before, .contact-address [class*=" flaticon-"]:before, .contact-address [class^="flaticon-"]:after, .contact-address [class*=" flaticon-"]:after{ font-size: 30px; float: left; line-height: 45px; margin: 0; margin-right: 13px; } .contact-address .contact-content{ display: table; } .contact-address .contact-content p{ font-size: 14px; color: #696969; } .contact-social-icon{ margin-top: 20px; } .contact-social-icon li{ margin: 0 7px; } .contact-social-icon li a{ font-size: 24px; line-height: 42px; text-align: center; color: #fff; overflow: hidden; } .contact-social-icon li:nth-child(1) a{ background: #3b5998; border: 2px solid #3b5998; } .contact-social-icon li:nth-child(2) a{ background: #55acee; border: 2px solid #55acee; } .contact-social-icon li:nth-child(3) a{ background: #dc4e41; border: 2px solid #dc4e41; } .contact-social-icon li:nth-child(4) a{ background: #ff0084; border: 2px solid #ff0084; } .contact-social-icon li:nth-child(5) a{ background: #cb2027; border: 2px solid #cb2027; } .contact-social-icon li:nth-child(6) a{ font-size: 28px; line-height: 40px; background: #3b5998; border: 2px solid #3b5998; } .contact-social-icon li:nth-child(1) a:hover, .contact-social-icon li:nth-child(2) a:hover, .contact-social-icon li:nth-child(3) a:hover, .contact-social-icon li:nth-child(4) a:hover, .contact-social-icon li:nth-child(5) a:hover, .contact-social-icon li:nth-child(6) a:hover{ background: #53a92c; border: 2px solid #53a92c; } #map{ width: 100%; height: 600px; } /*=========================================================Start Single Event Css ===========================*/ .bg-single-events{ padding: 120px 0 145px 0; } .single-events{} .single-event-item{} .single-event-img{ position: relative; } .single-event-content{ border: 1px solid #f0f0f0; padding: 0 30px 30px 20px; } .single-event-content h3{ font-size: 30px; font-weight: 700; color: #000; padding: 30px 0 6px 0; text-transform: uppercase; } .single-event-content p{ line-height: 28px; text-align: justify; } .single-event-content{} .single-event-content{} .single-date-map{ overflow: hidden; } .single-date-option, .single-map{ width: 50%; float: left; } .single-date-map{ padding-top: 30px; } .single-date{ padding-top: 5px; } .single-date li { padding-bottom: 25px; } .single-date li .fa{ float: left; font-size: 24px; color: #53a92c; margin-right: 14px; } .single-date-map .h-adress-content{ display: table; } .single-date-map .h-adress-content{} .single-date-map .h-adress-content h6{ font-size: 16px; font-weight: 700; color: #000000; text-transform: uppercase; margin-bottom: 1px; } .single-date-map .h-adress-content p{ font-size: 16px; } .single-date-map #map{ width: 380px; height: 200px; } .event-single-bottom-option{ border: 1px solid #f0f0f0; border-top: none; padding: 6px 30px; overflow: hidden; } .event-author-option{ float: left; } .event-author-img{ width: 40px; height: 40px; background: #ddd; border-radius: 100%; overflow: hidden; float: left; margin-right: 15px; } .event-author-name{ display: table; padding: 7px 0; } .event-author-name p{ font-size: 15px; color: #696969; } .event-author-name p a{ font-size: 15px; font-weight: 600; color: #53a92c; text-transform: uppercase; } .event-author-name p a:hover{ color: #696969; } .event-share-option{ float: right; } .share-icon{ padding: 4px 0; } .share-icon li>.fa{ font-size: 16px; color: #53a92c; padding-right: 7px; } .share-icon li span{ font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000; } .share-icon li:nth-child(2) a{ color: #3b5998; } .share-icon li:nth-child(3) a{ color: #db4437; } .share-icon li:nth-child(4) a{ color: #e94c89; } .share-icon li:nth-child(5) a{ color: #23b6ea; } .share-icon li:nth-child(6) a{ color: #cb1f27; } /*============== Start Sidebar ========*/ .sidebar, .shop-sidebar{ border: 1px solid #f0f0f0; padding-bottom: 5px; } .sidebar-widget-title, .comments-title{ position: relative; border-bottom: 4px solid #f0f0f0; padding: 10px 30px 16px 30px; } .sidebar-widget-title:after, .comments-title:after{ position: absolute; content: ""; width: 100px; height: 4px; background: #65ac4c; bottom: -4px; left: 0; } .widget-content{ padding: 0 27px 25px 27px; } .widget-content .sidebar-form, .shop-widget-content .sidebar-form{ padding-top: 30px; } .widget-content .form-group, .shop-widget-content .form-group{ position: relative; } .widget-content .form-group .form-control, .shop-widget-content .form-group .form-control{ height: 50px; padding-left: 25px; border: 1px solid #f7f7f7; box-shadow: none; } .widget-content .form-group .form-control:focus, .shop-widget-content .form-group .form-control:focus{ border: 1px solid #53a92c; box-shadow: none; } .widget-content .form-group .fa, .shop-widget-content .form-group .fa{ position: absolute; color: #7c7c7c; top: 16px; right: 20px; cursor: pointer; font-size: 16px; } .catagories{ padding-top: 22px; } .catagories li{ border-bottom: 1px solid #f0f0f0; padding: 9px 0 14px 0; } .catagories li:first-child{ padding-top: 0; } .catagories li:last-child{ border-bottom: none; } .catagories li a{ display: block; font-size: 15px; font-weight: 500; color: #696969; text-transform: capitalize; } .catagories li a span{ float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; } .catagories li:hover{ padding-left: 15px; } .catagories li:hover a{ color: #65ac4c; } .catagories li:hover a span{ background: #65ac4c; color: #fff; } .popular-news-option{ overflow: hidden; padding-top: 32px; } .popular-news-option li{ border-bottom: 1px solid #f0f0f0; padding: 20px 0; overflow: hidden; } .popular-news-option li:first-child{ padding-top: 0; } .popular-news-option li:last-child{ border-bottom: none; padding-bottom: 0; } .popular-news-img{ float: left; margin-top: 4px; margin-right: 20px; } .popular-news-contant{ display: table; } .popular-news-contant h5 a{ font-weight: 600; color: #000; line-height: 24px; } .popular-news-contant p{ font-size: 14px; } .popular-news-option li:hover .popular-news-contant h5 a{ color: #53a92c; } .gallery-instagram{ overflow: hidden; padding-top: 23px; } .gallery-instagram a{ float: left; margin: 2px 2px; } .tag-cloud{ margin-top: 30px; } .tag-cloud .btn{ font-size: 14px; font-weight: 600; color: #696969; text-transform: uppercase; border: 1px solid #f0f0f0; padding: 9px 20px; border-radius: 0; margin: 0px 3px 10px 0; } .tag-cloud .btn:hover{ background: #53a92c; color: #fff; border: 1px solid #53a92c; } /*===================================================== Start Blog Style 02 ================================*/ .boxed{ max-width: 1230px; width: 100%; margin: 0 auto; box-shadow: 0 0 10px 2px #e8e8e8; } .boxed .menu-right-option{ display: inline-block; } .boxed .menu-right-option .cart-icon{ transform: translateY(8px); } .bg-blog-style-2{ padding: 120px 0 92px 0; } .blog-style-2 .blog-items{ margin-bottom: 40px; } .blog-style-2 .blog-content { padding: 31px 20px 0px 18px; } .blog-style-2 .blog-content-box{ padding-bottom: 23px; } .blog-style-2 .blog-content p { padding: 10px 0 13px 0; } .blog-style-2 .blog-content>a{ font-size: 14px; font-weight: 600; color: #53a92c; text-transform: uppercase; } .blog-style-2 .pagination-option{ padding-top: 25px; text-align: left; } /*================================================ Start Single Blog ==================================*/ .bg-single-blog, .bg-single-campaign{ padding: 120px 0 135px 0; } .single-blog .blog-content{ padding: 31px 30px 25px 30px; } .single-blog .blog-items:hover { box-shadow: none; } .single-blog .meta-box{ border-top: none; border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 4.5px 30px; } .single-blog .meta-post{ float: right; padding: 9px 0 5px 0; } .single-blog .blog-content h4{ font-size: 30px; padding-bottom: 10px; } .single-blog{} .quate-para{ position: relative; font-weight: 600; color: #53a92c; font-style: italic; padding: 0 30px; margin: 20px 0; } .quate-para:before{ position: absolute; font-family: FontAwesome; content: "\f10d"; top: 0; left: 0; } .quate-para:after{ position: absolute; font-family: FontAwesome; content: "\f10e"; bottom: 0; right: 23%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .quate-para p:before{ position: absolute; } .single-blog-bottom{ border-top:1px solid #f0f0f0; overflow: hidden; } .single-blog-bottom{ padding: 10px 28px; } .single-blog-bottom .tags{ float: left; } .single-blog-bottom .tags{ padding: 6px 0; } .single-blog-bottom .tags li{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding: 0 8px; } .single-blog-bottom .tags li:after{ position: absolute; content: ""; width: 8px; height: 2px; background: #696969; top: 12px; right: -6px; } .single-blog-bottom .tags li:first-child{ padding-left: 0; padding-right: 0; } .single-blog-bottom .tags li:last-child{ padding-right: 0; } .single-blog-bottom .tags li:first-child:after, .single-blog-bottom .tags li:last-child:after{ display: none; } .single-blog-bottom .tags li .fa{ color: #53a92c; -webkit-transform: rotate(110deg); transform: rotate(110deg); margin-right: 3px; } .single-blog-bottom .tags li a{ font-size: 14px; font-weight: 500; color: #696969; text-transform: capitalize; } .single-blog-bottom .tags li a:hover{ color: #53a92c; } .comments-option{} .comments-title{ padding: 0 0 18px 0; } .comments-items{ border-bottom: 1px solid #f0f0f0; padding: 26px 0; } .comments-option .comments-items:last-child { border-bottom: none; padding-bottom: 0; } .comments-items:nth-child(3){ margin-left: 90px; } .comments-image{ float: left; width: 80px; height: 80px; background: #ddd; border-radius: 100%; overflow: hidden; margin-right: 12px; } .comments-content{ display: table; } .comments-author-title{ overflow: hidden; padding-bottom: 5px; } .comments-author-name{ float: left; } .comments-author-name h4{ font-size: 18px; } .comments-author-name h4 a{ font-size: 18px; } .comments-items:hover .comments-author-name h4 a, .reply-icon h6 a:hover{ color: #53a92c; } .comments-author-name h4 small{ font-size: 15px; color: #696969; } .reply-icon{ float: right; } .reply-icon h6 a{ font-size: 14px; font-weight: 600; color: #000000; text-transform: uppercase; border-bottom: 2px solid #a3a3a3; padding-bottom: 1px; } .reply-icon h6 .fa{ color: #53a92c; padding-right: 10px; } .comments-form{ padding-top: 60px; } .comments-form .form-control{ height: 44px; line-height: 35px; border: 1px solid #f0f0f0; border-radius: 3px; padding-left: 20px; box-shadow: none; } .comments-form .form-control:focus{ border: 1px solid #53a92c; box-shadow: none; } .comments-form .comments-title{ margin-bottom: 28px; } .comments-form .comments-textarea{ height: 200px; margin-top: 16px; } .comments-form .btn-default{ background: #53a92c; padding: 13px 23px; color: #fff; margin-top: 40px; } .comments-form .btn-default:before, .comments-form .btn-default:after{ background: #fff; } .comments-form .btn-default:hover, .comments-form .btn-default:focus, .comments-form .btn-default.focus, .comments-form .btn-default:active{ color: #53a92c; } .comments-form .btn-default:hover:before { left: -18%; } .btn-default:hover:after { right: -18%; } /*==================================================== Start Campaign Section ===============================*/ .bg-campaing-section{ padding: 118px 0 100px 0; } /*==================================================== Start Single Campaign Section ===============================*/ .campaign-single{} .campaign-single .price-title{ } .campaign-single .blog-content { padding: 26px 30px 25px 30px; } .campaign-single .progress{ border-radius: 30px; padding: 2px 0 1px 2px; background: transparent; border: 1px solid #53a92c; margin: 12px 0 22px 0; } .campaign-single .progress-bar{ border-radius: 30px; } /*================================================== Start Box Style ====================================*/ .home-box-style .logo-option{ text-align: center; padding: 24px 0; } .home-box-style .bg-main-menu{ border-top: 1px solid #f0f0f0; } .home-box-style .navbar-brand{ display: none; } .home-box-style .main-menu .nav>li>a{ padding: 20.5px 17px; } .home-box-style .cart-option { padding: 12px 22px 12px 22px; } .home-box-style .search-box{ margin: 6px 0 6px 0; } .home-box-style .sub-menu { top: 100px; } .home-box-style .main-menu .nav>.dropdown:hover ul.sub-menu { top: 65px; } .home-box-style .cart-option:hover .cart-dropdown-menu { top: 65px; } .boxed .slider-content{ max-width: 750px; width: 100%; margin: 0 auto; } .boxed .slider-content h3{ font-size: 30px; } .boxed .slider-content h2{ font-size: 60px; } .boxed .slider-content p{ font-size: 16px; font-weight: 400; line-height: 1.7; color: #fff; text-transform: none; padding: 12px 0; } .bg-homebox-video { background: url(../../assets/images/home01/bg-home-box-video-img.jpg) no-repeat fixed; background-size: cover; background-position: 48% 100%; } /*============================================ Start Home One Page ================================*/ .bg-contact-home{ padding-bottom: 138px; } .bg-contact-home .contact-form { margin-top: 0; } .bg-contact-home .contact-form .btn-default { margin-top: 10px; } .bg-contact-home #map{ width: 100%; height: 400px; } .navbar-nav > .active a{ color: #53a92c; } /*================================================= Start Shop Option ================================*/ .bg-shop-section{ padding: 120px 0; } .shop-option{} .shop-results-box{ border: 1px solid #f0f0f0; padding: 15px 20px; overflow: hidden; } .results-number{ float: left; } .results-number p{ font-size: 16px; } .results-number p span{ color: #53a92c; } .results-icon{ float: right; } .results-icon .fa{ color: #696969; padding-right: 3px; } .results-icon .fa:hover{ color: #53a92c; } .shop-collection{ margin-top: 30px; } .shop-collection{} .shop-sidebar{ padding: 0 18px 55px 18px; } .shop-widget-title{ margin: 40px 0 18px 0; } .shop-widget-content .sidebar-form { padding-top: 20px; } .shop-widget-content .form-group{ position: relative; } .shop-widget-content .panel-group .panel{ border: none; border-radius: 0; box-shadow: none; margin: 0; border-bottom: 1px solid #f7f7f7; } .shop-widget-content .panel-group .panel-default>.panel-heading{ background-color: transparent; padding: 10px 0px; border: none; } .shop-widget-content #headingSeven{ border-bottom: none; } .shop-widget-content .panel-group .panel-title a{ color: #53a92c; font-size: 14px; line-height: 25px; width: 100%; } .shop-widget-content .panel-group .panel-title .collapsed{ color: #696969; } .shop-widget-content .panel-group .panel-title:hover .collapsed{ color: #53a92c; } .shop-widget-content .panel-group .panel-title span{ display: inline-block; float: right; width: 30px; height: 30px; border: 1px solid #53a92c; background: #53a92c; color: #fff; border-radius: 100%; line-height: 31px; text-align: center; font-size: 10px; font-weight: 700; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; padding: 0px 9px; } .shop-widget-content .panel-group .panel-title .plus{ display: none; } .shop-widget-content .panel-group .panel-title .collapsed .minus{ display: none; } .shop-widget-content .panel-group .panel-title .collapsed .plus{ display: block; background: transparent; color: #696969; border: 1px solid #fafafa; } .shop-widget-content .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body{ border: none; padding: 0 0 10px 0; } .shop-widget-content .panel-group .panel+.panel{ margin: 0px; } .shop-widget-content .panel-group .panel-body{ padding: 0; } .shop-widget-content .panel-group .panel-body ul > li{ display: block; } .shop-widget-content .panel-group .panel-body ul > li > a{ display: block; color: #696969; font-size: 14px; line-height: 25px; font-weight: 500; padding: 2px 0; } .shop-widget-content .panel-group .panel-body ul > li > a .fa{ font-size: 16px; padding: 0 3px 0 1px; } .shop-widget-content .panel-group .panel-body ul > li > a:hover{ color: #53a92c; } .small-product-items{ border-bottom: 1px solid #f7f7f7; padding: 20px 0; overflow: hidden; } .small-product-img{ float: left; margin-right: 14px; } .small-product-content{ display: table; } .small-product-content h5{ margin-bottom: 2px; } .small-product-content h5 a, .small-product-content p{ font-size: 16px; font-weight: 600; color: #696969; } .small-product-items:first-of-type{ padding-top: 13px; } .small-product-items:last-of-type{ padding-bottom: 0; border-bottom: none; } .small-product-items:hover .small-product-content h5 a{ color: #53a92c; } .shop-widget-content .nstSlider{ width: 100%; height: 10px; background: transparent; border: 1px solid #f7f7f7; margin-top: 28px; } .shop-widget-content .nstSlider .bar{ background: #53a92c; top: 0; } .shop-widget-content .nstSlider .rightGrip, .shop-widget-content .nstSlider .leftGrip{ width: 6px; height: 15px; background: #000; top: -4px; } .price-rang{ margin-top: 34px; } .price, .low-price span, .high-price span{ display: inline-block; float: left; font-weight: 600; } .price-rang .price{ font-weight: 600; color: #696969; text-transform: uppercase; margin: 3px 6px 0 0; } .price-rang span{ font-size: 14px; color: #53a92c; } .low-price{ position: relative; top: 3px; } .low-price:after{ font-family: fontAwesome; position: absolute; content: "\f068"; top: 3px; padding: 0 6px; font-size: 10px; } .high-price{ display: inline-block; margin: 3px 0 0 19px; } .price-rang .filter-btn{ float: right; } .filter-btn{ font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; background: #53a92c; border: 1px solid #53a92c; padding: 3.5px 10px; border-radius: 3px; } .filter-btn:hover{ background: #fff; color: #53a92c; } /*====================================== Start Single Shop =========================================*/ /*====================== Start Flex Slider ==================================*/ .flexslider{ margin: 0 0 20px; border: none; } #carousel { padding: 0 35px; } .flex-direction-nav a{ width: 26px; height: 66px; background: #53a92c; padding: 5px 0; outline: none; } .flex-direction-nav a:hover{ background: #cbe0c3; } .flex-direction-nav a:before { font-family: FontAwesome; font-size: 28px; content: "\f104"; color: #fff; padding-left: 7px; } .flex-direction-nav a:hover:before{ color: #000; } .flex-direction-nav a.flex-next:before { content: "\f105"; padding-right: 7px; } .flex-direction-nav .flex-prev { left: 0px; opacity: 1; } .flex-direction-nav .flex-next { right: 0px; opacity: 1; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav .flex-disabled { opacity: 1!important; z-index: 1; cursor: pointer; } #carousel .flex-direction-nav a { height: 100%; top: 20px; outline: none; border-radius: 0 2px 2px 0; padding: 16px 0; overflow: hidden; } #carousel .slides li{ cursor: pointer; } #carousel .flex-active-slide{ border: 1px solid #f0f0f0; opacity: 0.5; } /*====================== End Flex Slider ==================================*/ .about-product-datails{} .about-product-datails h3{ font-size: 30px; font-weight: 600; color: #000000; text-transform: uppercase; } .about-product-datails h4{ font-size: 30px; color: #53a92c; padding: 3px 0 5px 0; } .about-product-datails{} .about-product-datails{} .about-product-datails{} .select-option{ margin-top: 18px; overflow: hidden; } .select-box{ position: relative; float: left; margin: 0 28px 0 0; } .select-box select{ padding: 7px 70px 7px 20px; border: 1px solid #f7f7f7; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border-radius: 3px; outline: 0; z-index: 1; } .select-icon{ position: absolute; top: 0; right: 0; padding: 5px 14px 1px 14px; font-size: 20px; background: #53a92c; color: #fff; border-top-right-radius: 6px; border-bottom-right-radius: 3px; z-index: -1; } .product-counter-option{ margin-top: 18px; overflow: hidden; } .product-count input{ background: transparent; width: 40px; height: 40px; line-height: 42px; padding: 0; margin: 0; outline: none; float: left; border: 1px solid #f7f7f7; color: #53a92c; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .product-count input[type="text"]{ width: 55px; font-size: 14px; font-weight: 700; padding-left: 23px; outline: none; } .product-count input:first-child{ border-right: 0; border-radius: 3px 0 0px 3px; } .product-count input:last-child{ border-left: 0; border-radius: 0 3px 3px 0; } .product-count input[type="submit"]:hover { background: #53a92c; color: #ffffff; } .add-cart-btn{ display: inline-block; font-size: 16px; font-weight: 600; color: #fff; padding: 12px 143.5px; background: #53a92c; border: 2px solid #53a92c; margin-top: 18px; } .add-cart-btn:hover{ background: #fff; color: #53a92c; } /*============= Start Customer review Tabs ==========*/ .product-review{ margin-top: 70px; } .product-review .nav-tabs { border-bottom: 4px solid #f7f7f7; margin-bottom: 38px; } .product-review>.nav-tabs>li{ margin-right: 40px; margin-bottom: -4px; padding-bottom: 4px; } .product-review>.nav-tabs>li a { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #000000; padding: 10px 0; border: none; } .product-review>.nav-tabs>li a:first-child{ padding-left: 0; } .product-review .nav .open>a, .product-review .nav .open>a:focus, .product-review .nav .open>a:hover, .product-review .nav>li>a:focus, .product-review .nav>li>a:hover { background-color: transparent; } .product-review>.nav-tabs>li.active>a, .product-review>.nav-tabs>li.active>a:focus, .product-review>.nav-tabs>li.active>a:hover { color: #53a92c; cursor: default; border: none; } .product-review>.nav-tabs>li.active{ border-bottom: 4px solid #53a92c; } .description-title{ margin-bottom: 30px; } .desc-content{ border: 1px solid #f7f7f7; padding: 30px; } .costomer-review-items{} .costomer-review-items{ border-bottom: 1px solid #f0f0f0; padding: 30px 0; } .costomer-review-items:first-of-type{ padding-top: 0; } .costomer-review-items:last-of-type{ padding-bottom: 0; border-bottom: none; } .customer-img{ float: left; width: 80px; height: 80px; background: #ddd; border-radius: 100%; overflow: hidden; margin-right: 14px; } .customer-content{ display: table; } .customer-title{ overflow: hidden; padding-bottom: 4px; } .customer-name{ float: left; } .customer-name h4 a{ font-size: 16px; font-weight: 600; } .customer-name h4 small{ font-size: 14px; color: #696969; padding-left: 6px; } .rating{ float: right; } .costomer-review-items:hover .customer-name h4 a{ color: #53a92c; } .review-submit { margin-top: 68px; } .review-submit-title{ position: relative; border-bottom: 4px solid #fafafa; padding-bottom: 30px; margin-bottom: 28px; } .review-submit-title:after{ position: absolute; content: ""; width: 100px; height: 4px; background: #53a92c; bottom: -4px; left: 0; } .review-submit .form-control{ border-radius: 0; border: 1px solid #f0f0f0; height: 46px; padding: 20px; box-shadow: none; } .review-submit .form-control:focus{ border: 1px solid #53a92c; } .review-submit .star-icon{ margin-top: 10px; } .review-submit .star-icon li{ font-size: 14px; font-weight: 400; color: #696969; } .review-submit .star-icon li:first-child{ padding-right: 6px; } .review-submit textarea{ height: 130px!important; } .review-submit .form-group{ margin-bottom: 30px; } .review-submit .btn-default{ background: #65ac4c; color: #fff; padding: 13px 26.5px; border: 2px solid #65ac4c; margin-top: 40px; } .review-submit .btn-default:before, .review-submit .btn-default:after{ background: #fff; } .review-submit .btn-default:hover, .review-submit .btn-default:focus, .review-submit .btn-default.focus, .review-submit .btn-default:active{ color: #53a92c; } .review-submit .btn-default:hover:before { left: -18%; } .review-submit .btn-default:hover:after { right: -15%; } /*============================================== Start Cart Products Css =================================*/ .bg-product-cart-option { padding: 128px 0 134px 0; } .cart-products-table { width: 100%; } .cart-products-table>thead { font-size: 18px; color: #ffffff; background: #53a92c; text-transform: uppercase; } .cart-product{ width: 40%; } .cart-price{ width: 15%; } .cart-quantity{ width: 25% } .cart-total{ width: 15%; } .cart-edit{ width: 5%; } .cart-products-table>thead>tr>th{ padding: 14.5px 0; } .cart-products-table>thead>tr>th.cart-product { padding-left: 40px; } .cart-products-table>thead>tr>th.cart-quantity { padding-left: 20px; } .cart-products-table>tbody>tr>td.cart-product { padding-left: 30px; } .cart-products-table>tbody>tr>td.cart-edit{ padding-left: 20px; } .cart-products-table>tbody>tr>td.cart-edit a{ width: 18px; height: 18px; line-height: 20px; text-align: center; background: #000; color: #fff; font-size: 12px; border-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cart-products-table>tbody>tr>td.cart-edit a:hover{ background: #53a92c; color: #fff; } .cart-products-table>tbody>tr>td { font-size: 18px; font-weight: 600; color: #000000; padding: 30px 0; } .cart-products-table>tbody>tr { border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; } .product-cart-img { float: left; margin-right: 37px; } .product-cart-title { float: left; padding-top: 30px; } .product-cart-title h4 a { font-size: 18px; font-weight: 600; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .product-cart-title h4 a:hover{ color: #53a92c; } .cart-quantity .product-count input { color: #000; font-weight: 600; } .cart-checked-box{ margin: 80px 0 90px 0; border: 1px solid #f1f1f1; padding: 30px; overflow: hidden; } .cart-coupon-code{ float: left; } .cart-coupon-code input[type="text"], .cart-coupon-code input[type="submit"]{ border: 1px solid #f0f0f0; width: auto; margin: 0; padding: 8.5px 0px 8.5px 15px; font-size: 14px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cart-coupon-code input[type="submit"], .cart-update button{ font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; background: #000; padding: 13px 12.5px; margin-left: -5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cart-update{ float: right; } .cart-update button{ padding: 14px 33px; margin: 0; border-radius: 3px; } .cart-coupon-code input[type="submit"]:hover, .cart-update button:hover{ background: #53a92c; color: #fff; } .cart-update button:last-child{ padding: 14px 21.3px; margin-left: 19px; } .chipping-box h4{ margin-bottom: 30px; } .country-select{ position: relative; } .chipping-box select{ width: 100%; height: 47px; font-size: 14px; color: #707070; background: transparent; border: 1px solid #f0f0f0; padding: 2px 0 0 20px; margin-bottom: 20px; outline: 0; -webkit-appearance: none; appearance: none; z-index: 1; } .country-select .select-icon{ z-index: -1; } .shipping-form .form-control{ height: 40px; border: 1px solid #f0f0f0; padding-left: 20px; box-shadow: none; } .shipping-form .form-control:focus{ border: 1px solid #53a92c; } .shipping-form .btn-default{ background: #53a92c; color: #fff; padding: 8px 28px; margin-top: 5px; } .shipping-form .btn-default:hover:before, .page-error-option .btn-default:hover:before { left: -15%; } .shipping-form .btn-default:hover:after, .page-error-option .btn-default:hover:after { right: -16%; } .shipping-form .btn-default:hover:before, .shipping-form .btn-default:hover:after, .page-error-option .btn-default:before, .page-error-option .btn-default:after { background: #fff; } .shipping-form .btn-default:hover, .shipping-form .btn-default:focus, .shipping-form .btn-default.focus, .shipping-form .btn-default:active, .page-error-option .btn-default:hover, .page-error-option .btn-default:focus, .page-error-option .btn-default.focus, .page-error-option .btn-default:active{ color: #53a92c; } .total-cart li{ font-size: 14px; color: #696969; border: 1px solid #f0f0f0; text-transform: capitalize; padding: 8px 20px; margin: 20px 0; } .total-cart li span{ float: right; color: #53a92c; font-weight: 600; } .total-cart li:first-child{ margin-top: 0; } .total-cart li:last-child{ margin-bottom: 0; } /*========================================= Start 404 Page ====================================*/ .page-error-option{ text-align: center; padding: 150px 0 200px 0; } .page-error-option img{ display: inline-block; margin-bottom: 37px; } .page-error-option h2{ color: #010101; line-height: 36px; text-transform: uppercase; } .page-error-option h2 span{ color: #53a92c; } .page-error-option p{ font-size: 18px; color: #010101; } .page-error-option .btn-default{ padding: 13px 38px; background: #53a92c; color: #fff; margin-top: 25px; } /*==================================== Single Donate Css ================================*/ .bg-donate-section{ padding: 120px 0; } .donate-form{} .select-amount h3, .information-form h3, .paymeny-information h3 { font-size: 20px; color: #000; margin-bottom: 30px; text-transform: uppercase; } .radio-select input[type="radio"] { display: none; } .radio-select { position: relative; float: left; margin-right: 10px; margin-bottom: 5px; line-height: 30px; } .radio-select label { position: relative; display: block; background: transparent; border: 1px solid #53a92c; border-radius: 5px; padding: 8px 20px; text-align: center; color: #53a92c; font-size: 18px; font-weight: 600; text-transform: uppercase; cursor: pointer; } .radio-select input[type="radio"]:checked+label { background: #53a92c; color: #ffffff; } .other-amount { margin-top: 52px; } .information-form, .paymeny-information{ margin-top: 60px; } .information-form label, .paymeny-information label{ font-size: 18px; font-weight: 600; color: #000; } .information-form label span, .paymeny-information label span{ color: #53a92c; } .paymeny-information{} .paymeny-card{ overflow: hidden; margin-bottom: 20px; } .paymeny-card li{ display: inline-block; margin-right: 6px; } .paymeny-card li img{ border: 1px solid #f0f0f0; } .paymeny-information .select-option{ margin-top: 3px; } .paymeny-information .select-box select{ padding: 7px 90px 7px 40px; border-radius: 0; } .paymeny-information .select-box .select-icon{ border-radius: 0; padding: 4px 14px 1px 14px; } .donate-form .contact-form .btn-default{ margin-top: 14px; } .search_box .search-box .second_click { display: block !important; } .search_box .search-box .first_click { display: none !important; } body.rtl .col-md-1, body.rtl .col-md-2, body.rtl .col-md-3, body.rtl .col-md-4, body.rtl .col-md-5, body.rtl .col-md-6, body.rtl .col-md-7, body.rtl .col-md-8, body.rtl .col-md-9, body.rtl .col-md-10, body.rtl .col-md-11, body.rtl .col-md-12 { float: right !important; } body.rtl .h-contact { float: right; } body.rtl .header-style-2 .donate-option { float: left; } body.rtl .navbar-nav>li { float: right; } body.rtl .navbar-header { float: right; } body.rtl .header-style-2 .main-menu .navbar-collapse, body.rtl .header-style-3 .main-menu .navbar-collapse { float: left; } body.rtl .navbar-nav { float: right; } body.rtl .cart-option { float: right; } body.rtl .dropdown-menu li { text-align: right; } body.rtl .cart-dropdown-menu { left: -10%; right: auto; } body.rtl .slider-option.slider-two .slider-content { text-align: left; } body.rtl .slider-option.slider-three .slider-content { text-align: center; } body.rtl .recent-project .button:after { left: -6px; right: auto; } body.rtl .our-services-content>a .fa { padding-right: 4px; padding-left: 0; } body.rtl .price-left { float: right; } body.rtl .price-right { float: left; } body.rtl .cause-content .progress-bar { float: right; } body.rtl .twitter-icon { float: right; margin: 4px 0px 0px 15px; } body.rtl .thumbnail-img { float: right; margin: 4px 0px 0px 15px; } body.rtl .address li .fa { float: right; margin: 4px 0px 0px 15px; } body.rtl .social-box { float: left; } body.rtl .copyright-txt { float: right; } body.rtl .dropdown-menu{ left: auto; } body.rtl .cart-img, .cart-content { float: left; } body.rtl .checkout-btn { float: left; } body.rtl .total-price { float: right; } body.rtl .btn-default:before { top: -170%; left: -79%; } body.rtl .btn-default:after { top: -20%; right: -112%; } body.rtl .btn-default:hover:before { top: -95%; left: -26%; } body.rtl .btn-default:hover:after { right: -18%; } body.rtl .date-box { right: 0; left: auto; } body.rtl .pull-right { float: left !important; } body.rtl .search-box { float: right; margin: 20px 0px 14px 14px; } body.rtl .slider-option .slider-content { text-align: right; } body.rtl .services-items i { float: right; margin-left: 15px; } body.rtl .working-content>a .fa { padding-right: 4px; padding-left: 0; } body.rtl .donation-section .progress-bar { float: right; } body.rtl .count-left { float: right; } body.rtl .count-right { float: left; } body.rtl .donate-btn .btn-default .fa { padding-right: 0px; padding-left: 6px; float: right; margin-top: 4px; } body.rtl header.header-style-2.home-box-style .main-menu .navbar-collapse { float: none; } body.rtl header.header-style-2.one-page .search-box { margin: 24px 0px 14px 14px; } body.rtl .contact-form .form-control { padding-right: 25px; padding-left: 0; } body.rtl .page-header-content .breadcrumb>li+li:before { padding: 5px 2px 0 6px; float: right; } body.rtl .main-menu .nav>.dropdown ul li:hover ul.sub-sub-menu { left: auto; right: 100%; } body.rtl .widget-content .form-group .fa, .shop-widget-content .form-group .fa { left: 20px; right: auto; } body.rtl .shop-widget-content .panel-group .panel-title span { float: left; } body.rtl .small-product-img { margin-right: 0; float: right; margin-left: 14px; } body.rtl .price-rang .filter-btn { float: left; } body.rtl .price-rang .price { float: right; margin: 3px 0px 0 6px; } body.rtl .low-price span, body.rtl .high-price span { float: right; } body.rtl .high-price { display: inline-block; margin: 3px 15px 0 0px; } body.rtl .event-box .form-control { padding-right: 20px; padding-left: 0; } body.rtl .catagories li a span { float: left; } body.rtl .popular-news-img { float: right; margin-right: 0px; margin-left: 20px; } body.rtl .single-date-option, .single-map { float: right; } body.rtl .single-date li .fa { float: right; margin-right: 0; margin-left: 14px; } body.rtl .event-author-option { float: right; } body.rtl .event-share-option { float: left; } body.rtl .catagories li i { transform: rotate(180deg); } body.rtl .quate-para:after { right: 1%; } body.rtl .quate-para { padding: 0 37px 0px 0px; } body.rtl .single-blog-bottom .tags { float: right; } body.rtl .comments-image { float: right; margin-left: 12px; margin-right: 0; } body.rtl .reply-icon { float: left; } body.rtl .comments-author-name { float: right; } .comments-items:nth-child(3) { margin-right: 90px; margin-left: 0; } body.rtl .comments-form .form-control { padding-right: 20px; padding-left: 0; } body.rtl .contact-address li i { float: right; margin-left: 10px; } body.rtl .scroll-img { left: 3%; right: auto; } body.rtl .header-style-1 .search-box { float: right; margin: 14px 0px 14px 14px; } body.rtl .widget-content .form-group .fa, body.rtl .shop-widget-content .form-group .fa { left: 20px; right: auto; } body.rtl .shop-grid-view .collection-img { float: right; } body.rtl .shop-grid-view .collection-content { text-align: right; } @media only screen and (max-width: 990px) { body.rtl header .main-menu ul li a { font-size: 16px; } } @media only screen and (max-width: 767px) { body.rtl .navbar-toggle{ float: left; } body.rtl header .main-menu .navbar-header { float: right; width: 100%; } body.rtl header .main-menu .navbar-brand { padding: 0px 35px 0px 0px; float: right; } body.rtl .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; } body.rtl header .navbar-nav>li { float: none; width: 100%; display: inline-block; text-align: right; } body.rtl footer .footer-bottom p { float: none; } body.rtl footer .footer-bottom .social-default { float: none; } body.rtl .subscribe h3 { float: none; text-align: center; } body.rtl .subscribe form input:last-child { float: right; } body.rtl .navbar-nav>li.dropdown a span { float: right; margin: 12px 0px 0 10px; } body.rtl div#bs-example-navbar-collapse-1 { width: 100%; height: auto; } body.rtl .shop-grid-view .collection-img { float: none; } body.rtl .shop-grid-view .collection-content { text-align: center; } } @media screen and (max-width: 1700px){} @media screen and (max-width: 1400px) {} @media screen and (max-width: 1200px){ /*=============================================Home 01 ====================================*/ /*=========== Header =================*/ .header-style-1 .header-contact li { margin-right: 6px; } .header-style-1 .main-menu .nav>li>a, .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a{ padding: 23px 18px; } .header-style-1 .main-menu .nav>li>a{ padding: 23px 21px; } .header-style-1 .main-menu .nav>.dropdown:hover ul.sub-menu { top: 70px; } .header-style-1 .donate-option{ display: none; } /*============ Slider ================*/ .slider-content-area{ text-align: center; } .slider-content-area .col-md-6, .slider-content-area .col-md-8{ width: 100%; } /*========== About ===================*/ .work-content h4{ font-size: 18px; } /*========== Portfolio ===================*/ .recent-project-content h4 a{ font-size: 15px; } .recent-project-content{ text-align: center; padding: 28px 0 18px 0; } /*=========== Services ================*/ .services-items { padding: 12px 18px 32px 10px; } .services-content h4 a{ font-size: 16px; } /*=========== Feature Focus ============*/ .cause-content { text-align: center; padding: 23px 8px 30px 7px; } .cause-content h4 a { font-size: 16px; } /*============ Blog ============*/ .blog-content { padding: 31px 14px 25px 14px; } .blog-content p{ text-align: justify; } .blog-content h4 a { font-size: 16px; } .meta-box { padding: 10px 4px 0px 4px!important; } .meta-post li { font-size: 14px; padding: 0 1px; } .meta-post li .fa, .meta-post li a .fa { font-size: 16px; padding-right: 1px; } /*=========== Footer ===============*/ .twitter-content h5{ font-size: 13px; } .footer-top { overflow: hidden; } /*=============================================Home 02 ====================================*/ /*================ Header ================*/ .h-contact li { padding: 10px 3px; } .header-style-2 .donate-option a { padding: 13px 6px; } /*=================== Menu ===============*/ .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a{ padding: 33px 6px; } .header-style-2 .cart-option, .header-style-3 .cart-option { padding: 35px 18px 29px 20px; } /*================= Slider ================*/ .slider2-content{ max-width: 100%; float: none; text-align: center; } /*================= Events ================*/ .events-content h3{ font-size: 18px; } .events-content .meta-post li{ padding: 0; } .events-content { padding: 27px 11px 30px 11px; } /*========================================= Home box 03 ===========================*/ .home-box-style .main-menu .nav>li>a{ padding: 23px 18px; } .home-box-style .main-menu .nav>.dropdown:hover ul.sub-menu { top: 70px; } .home-box-style .cart-option { padding: 22px 18px 8px 20px; } .home-box-style .search-box { margin: 11px 0 6px 8px; } /*=============================================== One Page ==================================*/ .one-page .main-menu .nav>li>a { padding: 33px 11px; } /*=============================================== Services ==================================*/ .single-left-services-list .nav-tabs>li>a { font-size: 15px; } .download-service { text-align: center; } .download-btn { padding: 14px 10px 12px 15px; } /*=============================== Pages =========================*/ .shop-widget-title { font-size: 18px; } .small-product-content h5 a, .small-product-content p{ font-size: 15px; } .select-box select { padding: 7px 64px 7px 16px; } .single-blog-bottom .tags, .event-share-option, .event-author-option{ float: none; } .event-box .btn-default { margin: 38px 0 0 0; } .single-blog .event-author-option{ display: inline-block; } .single-team .col-md-6{ width: 100%; } .single-team{ text-align: center; } .single-team-img img{ display: inline-block; } .single-team-details{ margin-top: 30px; } .single-team-details .team-address-box{ display: inline-block; } .single-team-details p{ text-align: justify; } .campaign-single .blog-content p, .comments-content p{ text-align: justify; } .single-blog .blog-content h4 { font-size: 20px; } } @media screen and (max-width: 1030px){ .table-box{ width: 100%; overflow-x: auto; } } @media screen and (max-width: 991px){ /*============== Header =================*/ .header-top{ text-align: center; } .header-style-1 .main-menu .nav>li>a, .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a { padding: 23px 10px; } .donate-option{ display: none; } .header-style-1 .cart-option{ display: none; } /*============= Slider ===================*/ .slider-content h2{ font-size: 40px; line-height: 40px; } .slider-three .slider-content-area{ margin-top: 35px; } .slider-three .slider-content h3, .slider-three .slider-content h2{ font-size: 20px; line-height: 16px; margin: 0; } .slider-three .slider-content p{ font-size: 16px; line-height: 50px; } .boxed .slider-three .slider-content-area { margin-top: 0; } .boxed .slider-three .slider-content p{ font-size: 16px; line-height: 30px; } /*============= About ===================*/ .work-content h4 { font-size: 20px; } .services-header img{ display: inline-block; } .services-header{ text-align: center; margin-bottom: 30px; } /*=============== Blog ==================*/ .blog-content h4 a { font-size: 20px; } .meta-post li { padding: 0 12px; } /*========================== Portfolio ================*/ .portfolio-items .item{ width: 50%; } .portfolio-items-home3 .item { width: 33.33%; } .recent-project-content h4 a{ font-size: 18px; } /*=================== blog ===============*/ .meta-box { padding: 12px 6px 10px 9px!important; } .meta-post li { padding: 0 3px; } /*================== Footer ==============*/ .footer-widgets{ overflow: hidden; margin-bottom: 40px; } .twitter-content h5 { font-size: 15px; } /*======================================== Home 02 =======================================*/ /*============ Header ==================*/ .header-style-2 .bg-header-top{ display: none; } .show-res-logo { display: inline-block; padding-top: 6px; } .header-style-2 .navbar-brand, .header-style-3 .navbar-brand { display: none; } .header-style-2 .main-menu, .header-style-3 .main-menu { text-align: center; } .header-style-2 .cart-option, .header-style-3 .cart-option { display: none; } .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a{ padding: 20px 10px; } .header-style-2 .search-box, .header-style-3 .search-box{ margin: 11px 0 13px 0; } .header-style-2 .main-menu .nav>.dropdown:hover ul.sub-menu, .header-style-3 .main-menu .nav>.dropdown:hover ul.sub-menu { top: 64px; } /*============== About themeforest ===============*/ .about-greenforest-content { text-align: center; } .about-greenforest-img{ display: none; } /*=============== Events =====================*/ .event-items { text-align: center; } .events-content h3 { font-size: 24px; } .events-content .meta-post li { padding: 0 7px; } /*============================================== Home 03 =====================================*/ .donation-section { padding: 145px 0px; } /*============================================== Home Box style =====================================*/ .home-box-style .main-menu .nav>li>a { padding: 23px 10px; } .home-box-style .main-menu .nav>.dropdown:hover ul.sub-menu { top: 70px; } .home-box-style .search-box { margin: 11px 0 10px 0; } /*============================================ One page Tamplate ==========================*/ #page-top .main-menu .nav>li>a { padding: 20px 18px; } .one-page .main-menu .navbar-collapse{ float: none; text-align: center; #display: inline-block!important; } /*============================================ pages ==========================*/ .single-project { text-align: center; } .single-project .single-right-content, .single-project-content{ margin-top: 30px; } .single-small-img{ display: inline-block; overflow: hidden; } .shop-sidebar{ margin-top: 30px; } .shop-widget-title{ font-size: 20px; } .small-product-content h5 a, .small-product-content p{ font-size: 16px; } .cart-products-table { min-width: 990px; width: 100%; overflow-x: scroll; } .cart-checked-box{ text-align: center; } .cart-coupon-code { float: none; margin-bottom: 20px; } .cart-update { float: none; } .sidebar { margin-top: 30px; } .contact-form .btn-default{ margin-bottom: 30px; } .rating { display: none; } .select-box select { padding: 7px 45px 7px 7px; } .download-service { margin-bottom: 30px; } .other-amount .form-control { margin-top: 120px; } } @media screen and (max-width: 768px) { /*================ Header ===============*/ .header-style-1 .cart-option{ display: none; } .carousel-control.left { left: 0; } .carousel-control.right { right: 0; } .slider-three .slider-content .btn-default { margin: 15px 16px 0 0; } .slider-content .btn-default { margin: 6px 16px 0 0; } } @media screen and (max-width: 767px){ /*=============== Header ================*/ .container>.row{ padding: 0; margin: 0; } .navbar-header { padding: 10px 0; } .bg-header-top{ display: none; } .header-style-1 .navbar-brand { display: block; padding: 0 15px; } .navbar-toggle{ border: 1px solid #ddd; } .navbar-toggle .icon-bar { border: 1px solid #000; } .menu-right-option{ display: none; } .header-style-2 .main-menu .navbar-collapse, .header-style-3 .main-menu .navbar-collapse { float: none; } .header-style-1 .main-menu .nav>li>a, .header-style-2 .main-menu .nav>li>a, .header-style-3 .main-menu .nav>li>a { padding: 10px 10px; } .header-style-1 .main-menu .nav>li:nth-child(1)>a, .header-style-2 .main-menu .nav>li:nth-child(1)>a, .header-style-3 .main-menu .nav>li:nth-child(1)>a { padding-left: 10px; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: transparent; } .navbar-default .navbar-nav>li>a{ display: inherit; } .nav>li { border-bottom: 1px solid rgba(240, 240, 240, 0.43); } .header-style-1 .nav>li{ border-bottom: 1px solid rgba(240, 240, 240, 0.15); } .nav>li:last-child{ border-bottom: none; } .navbar-nav>li.dropdown a span { float: right; margin: 6px 22px 0 0; } .navbar-collapse{ max-height: 300px; } .navbar-nav { margin: 0 8px; } .dropdown-menu { position: absolute; display: inherit; top: 100%; left: 0; z-index: 1000; display: none; } .main-menu .nav>.dropdown ul.sub-menu, .main-menu .nav>.dropdown ul.sub-menu, .main-menu .nav>.dropdown ul.sub-menu{ margin-left: 30px; transition: all .25s easc-in-out; } .header-style-3 .main-menu .sub-menu li:last-child { border-bottom: none; } .header-style-2 .main-menu .sub-menu li a{ color: #000; } .header-style-3 .bg-main-menu { background: #000; z-index: 99; } /*=============== Sub sub menu =========*/ .main-menu ul.dropdown-menu.sub-sub-menu { margin-left: 60px; display: block; } .main-menu ul>li>ul>li.dropdown>a:hover { background: transparent!important; color: #53a92c!important; } /*=================== Slider ==================*/ .carousel-control{ display: none; } .slider-content h3{ line-height: 30px; } .slider-two .slider-content h2{ font-size: 30px; line-height: 30px; } /*=================== About Feature ===============*/ .people-work-items { text-align: center; border: 1px solid #f0f0f0; padding-bottom: 10px; } /*================================================= Home 02 ============================================*/ /*===================== Menu =============*/ .show-res-logo { display: none; } .header-style-2 .navbar-brand, .header-style-3 .navbar-brand { display: block; padding: 0px 15px; } .header-style-3 .navbar-toggle .icon-bar { border: 1px solid #fff; } .header-style-2 .main-menu .navbar-collapse { float: none; } .header-style-2 .main-menu .navbar-nav, .header-style-3 .main-menu .navbar-nav { text-align: left; } .portfolio-items-home3 .item { width: 50%; } .portfolio-items-home3 .portfolio-img img{ width: 100%; } /*=================================== Home Box style =================================*/ .home-box-style .bg-logo-option, .boxed .menu-right-option{ display: none; } .one-page .main-menu .navbar-collapse { float: left; width: 100%; } .one-page .main-menu .navbar-collapse{ #display: inherit!important; } /*================ Recent Projects =================*/ .bg-recent-project .portfolio-items .item { text-align: center!important; margin: 0 auto; } /*====================================== pages ================================*/ #map{ margin-top: 30px; } #page-top .main-menu .nav>li>a { padding: 10px 18px; } .about-product-datails { text-align: center; } .select-option{ display: inline-block; overflow: hidden; } .product-counter-option{ display: inline-block; } .select-box select { padding: 7px 70px 7px 20px; } .single-blog-bottom .tags, .event-share-option { float: none; } .comments-items:nth-child(3) { margin-left: 0; } .rating { display: block; } .compaian-video { padding: 120px 0; } } @media screen and (max-width: 680px) { .col-xs-6{ width: 100%; } /*============== Slider ==============*/ .slider-content .btn-default{ font-size: 12px; padding: 8px 20px; margin: 12px 16px 0 0; line-height: 18px; } .slider-content h2, .slider-content h3, .slider-content p{ font-size: 16px; } .slider-content h2, .slider-content h3{ line-height: 30px; } .slider-three .slider-content p { font-size: 16px; line-height: 40px; } .slider-content h2, .slider-two .slider-content h2{ padding-top: 0; } .slider-content h3{ padding: 0; } .slider-three .slider-content .btn-default { margin: 5px 16px 0 0; } /*============== About Feacture ==============*/ .people-work-img img{ width: 100%; } /*============= Services ====================*/ .services-items, .services-items i{ text-align: center; } .services-items i{ display: inline-block; } .services-content { padding: 0px 0 0 10px; } /*========== Focus Courses ==========*/ .cause-items img{ width: 100%; } .cause-content h4 a { font-size: 18px; } /*=============== Portfolio =================*/ .portfolio-items .item{ width: 100%; } .portfolio-img img{ width: 100%; } .portfolio-items-home3 .item { width: 100%; } /*=============== Blog =================*/ .blog-img img{ width: 100%; } .blog-content-box{ text-align: center; } /*================ Sponsor ==============*/ .sopnsors-items { text-align: center; } /*====================== Footer =================*/ .footer-bottom { text-align: center; } .copyright-txt, .social-box { float: none; } .social-box { margin-top: 20px; } /*==================================== Pages ==========================*/ .shipping-form .btn-default{ margin-bottom: 30px; } .cart-update button { padding: 14px 10px; margin-bottom: 10px; } .cart-coupon-code input[type="submit"], .cart-update button{ padding: 13px 5px; } .comments-author-name, .reply-icon{ float: none; } .page-error-option h2{ font-size: 28px; } .page-error-option p { font-size: 14px; } .single-event-content h3{ font-size: 18px; } .single-date-option, .single-map { width: 100%; float: none; } .single-date-map{ margin-bottom: 30px; } .single-blog .meta-post{ float: none; } .rating { float: left; } .review-submit .star-icon{ display: none; } .add-cart-btn{ padding: 12px 70px; display: block; } .paymeny-card li { margin-bottom: 10px; } } @media screen and (max-width: 580px){} @media screen and (max-width: 500px) {} @media screen and (max-width: 480px){ .header-style-3 .navbar-header { padding: 0px 0; } .header-style-3 .navbar-brand { padding: 6px 15px; } .navbar-brand>img { width: 160px; } /*================= Slider =============*/ .slider-three .slider-content-area { margin-top: 20px; } .slider-three .slider-content h2{ font-size: 14px; } .slider-three .slider-content .btn-default { font-size: 10px; padding: 5px 10px; margin: 15px 5px 0 0; } .slider-btn a:first-of-type{ display: none; } /*================ Focus corses ========*/ .price-left h5, .price-right h5 { font-size: 14px; } /*=============== Blog =================*/ .blog-content h4 a { font-size: 16px; } /*================ Slider ============*/ .slider-content h3, .slider-content p{ display: none; } .slider-two .slider-content h2 { font-size: 24px; } .carousel-indicators { bottom: 0px; } /*============================================ Home 03 =============================================*/ .donaton-header h3, .donaton-header h2{ font-size: 20px; } .count-number { text-align: center; margin-bottom: 20px; } .count-left, .count-right { float: none; } /*================================ Global Page Title ==========================*/ .page-title h2{ font-size: 24px; } /*================================ Pages ==========================*/ .recent-project-content h4 a{ font-size: 16px; } .pagination-option .pagination>li>a{ margin-bottom: 10px; } .select-box{ margin-bottom: 10px; } .cart-coupon-code input[type="submit"], .cart-update button { margin-top: 10px; } .footer-instagram { text-align: center; } .footer-instagram a { float: none; margin: 3px 0px; } } @media screen and (max-width: 400px){} @media screen and (max-width: 329px){ /*========== Slider =============*/ .slider-two .slider-content h2 { font-size: 18px; } .slider-content .btn-default { font-size: 8px; padding: 6px 14px; margin: 0; line-height: 12px; } /* .slider-three .slider-content h2{ font-size: 10px; } .slider-three .slider-content .btn-default { font-size: 12px; padding: 5px 10px; } */ } @media screen and (max-width: 320px){} /*# sourceMappingURL=template.css.map */