/*-------------------------------------------------------------------------------------
Theme Name: maple
Theme URI:  
Version:    1.0
Author: vedhathemes
-------------------------------------------------------------------------------------*/


/**
****************************************
@File: maple Theme page Styles

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


content table

01.HOMEPAGE-1 CONTENT
02.HOMEPAGE-2 CONTENT
03.HOMEPAGE-3 CONTENT
04.HOMEPAGE-4 CONTENT
05.HOMEPAGE-5 CONTENT
06.PORTFOLIO PAGE
07.PORTFOLIO - SINGLE PAGE
08.LATEST WORK
09.BANNER
10.ABOUT PAGE
11.ABOUT -2 PAGE
12.SERVICE -1 PAGE
13.SERVICE-2 PAGE
14.SERVICE-3 PAGE
15.SERVICE -4 PAGE
16.CONTACT PAGE
17.Blog page
18.BLOG-2 PAGE
19.BLOG-4-PAGE
20.BLOG-SINGLE PAGE
21.typography page
22.sign-in page
23.footer
24.404 page
25.full support
26.button element page 
27.Social icon page
28.Index page

*/

.header-sec {
     text-align: center;
     text-transform: uppercase;
}

nav .dropdown-list li {
     padding-bottom: 0px !important;
}


/*================================ 01. homepage-1 contents ================================*/

.logo-brand a { 
     font-weight: 700;
     color: #fff;
         width: 70px;
    display: block;
    border:1px solid #fff;
}

.black-logo a {
     color: #222 !important;
}

.white-text-menu.fixed-menu .logo-brand a {
     color: #444;
}

.white-bg {
     background: #fff;
}

.with-margin{
     margin-top: 50px
}

/*-------------------------01.1 slider styles-------------------*/

.slider {
     height: 100%;
     overflow: hidden;
}

.flexslider,
.slides,
.flex-viewport,
.flex-viewport li {
     height: 100%;
}

.flexslider {
     border: 0px !important;
}

.flex-viewport li p {
     color: #eee;
     font-size: 14px;
}

.flex-viewport li p:before {
     content: "";
     padding: 0;
}

.silder-first {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/relog-2.jpg') top left / cover;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.maple-slider-btn {
     border: 1px solid #fbcd06;
     background: #fbcd06;
     padding: 10px 15px;
     font-family: 'PT Sans', sans-serif;
     font-size: 16px;
     text-transform: uppercase;
     color: #222;
}

.maple-slider-btn:hover {
     color: #fff;
}

.silder-second {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/relog-1.jpg') bottom right / cover;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.silder-third {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/relog-3.jpg') top left / cover;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.flex-viewport li .btn {
     margin-top: 10px;
}

.maple-slider-text h2 {
     color: #eee;
     text-transform: capitalize;
}

.maple-slider-text h2 span {
     color: #fbcd06;
}

.maple-slider-text h4 {
     padding: 15px 0;
     font-weight: 300;
     text-transform: capitalize;
}

.maple-slider-text p {
     line-height: 25px;
     font-size: 18px !important;
}

.maple-slider-text p span {
     color: #fbcd06;
}

.maple-slider-text h1 span {
     font-weight: 300;
     color: #fff;
}

.slider .flexslider ul {
     width: 100%;
}

.slider .flexslider ul li h4,
.slider .flexslider ul li h1,
.slider .flexslider ul li span,
.slider .flexslider ul li p,
.slider .flexslider ul li a {
     -webkit-animation-duration: .6s;
     animation-duration: .6s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeOutLeft;
     animation-name: fadeOutLeft;
}

.slider .flexslider ul li.flex-active-slide .meta h4,
.slider .flexslider ul li.flex-active-slide .meta h1,
.slider .flexslider ul li.flex-active-slide .meta span,
.slider .flexslider ul li.flex-active-slide .meta p,
.slider .flexslider ul li.flex-active-slide .meta a {
     -webkit-animation-delay: .4s;
     animation-delay: .4s;
     -webkit-animation-duration: .6s;
     animation-duration: .6s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
}

.slider h4 {
     color: #fff;
}

.slider .flexslider li.flex-active-slide .meta h2 {
     -webkit-animation-delay: .5s;
     animation-delay: .5s;
}

.slider .flexslider li.flex-active-slide .meta h4,
{
     -webkit-animation-delay: .4s;
     animation-delay: .4s;
}

.slider .flexslider li.flex-active-slide .meta p {
     -webkit-animation-delay: .6s;
     animation-delay: .6s;
}

.slider .flexslider li.flex-active-slide .meta a {
     -webkit-animation-delay: .8s;
     animation-delay: .8s;
}

.slider .flex-control-nav {
     bottom: 0;
}

.slider .flexslider li .flex-control-nav a {
     background: #000;
     -webkit-animation-name: unset !important;
     animation-name: unset !important;
}

.slider .flexslider .flex-control-paging li a {
     width: 50px;
     height: 5px;
}


/*end of slider styles*/

@-webkit-keyframes fadeInLeft {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
     }
     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
     }
}

@keyframes fadeInLeft {
     0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
     }
     100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
     }
}

@-webkit-keyframes fadeOutLeft {
     0% {
          opacity: 1;
     }
     100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
     }
}

@keyframes fadeOutLeft {
     0% {
          opacity: 1;
     }
     100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
     }
}


/*-------------------end of slider---------------------------*/

.slider .flexslider .flex-control-paging li a {
     border: 1px solid #fbcd06;
     background: rgba(251, 205, 6, 0.5);
}

.slider .flexslider .flex-control-paging li a.flex-active {
     background: #fbcd06;
}


/*---------------------01.2 about-index-----------------------*/

.about-index {
     background: #fbcd06;
     padding: 80px 0 60px;
}

.about-index h5 {
     text-transform: uppercase;
     color: #222;
     line-height: 27px;
}

.about-index h5 span {
     color: #333;
}

.about-index p {
     color: #222;
     padding-top: 10px;
}

.about-index-wrapper .common-head label {
     color: #222;
}

.about-index-right-wrapper {
     position: relative;
}

.about-index-right-wrapper .small-round {
     border: 1px solid #362e17;
     background: #362e17;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     box-shadow: 0 5px 7px rgba(8, 8, 8, 0.32);
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     float: left;
}

.about-index-right-wrapper .small-round:before {
     height: 80px;
     width: 0.5px;
     background: #222;
     position: absolute;
     left: 0;
     bottom: 49px;
     content: "";
     right: 0;
     margin: 0 auto;
}

.about-index-right-wrapper .small-round.white-round {
     background: #fff;
     color: #222;
}

.about-index-right-wrapper .right-features-wrapper {
     width: 80%;
     float: right;
}

.about-index-about-main {
     float: right;
     width: 85%;
}

.about-index-wrapper {
     position: relative;
}

.about-index-left-wrapper .small-round {
     width: 50px;
     height: 50px;
     border-radius: 50px;
     padding: 14px 15px;
     box-shadow: 0 5px 7px rgba(8, 8, 8, 0.32);
     position: relative;
     left: 0px;
     color: #fff;
     border: 1px solid #362e17;
     background: #362e17;
     float: left;
}

.about-index-left-wrapper .small-round:before {
     height: 80px;
     width: 0.5px;
     background: #362e17;
     position: absolute;
     left: 0;
     bottom: 49px;
     content: "";
     right: 0;
     margin: 0 auto;
}


/*--------------------------01.3 maple-features-------------------------*/

.features-index .index-feature-inner {
     text-align: center;
}

.features-index .index-feature-inner h5 {
     font-family: 'Lato', sans-serif;
     font-size: 18px;
     padding-top: 10px;
     color: #222222;
     font-weight: 700;
     text-transform: uppercase;
}

.index-feature-inner-content {
     margin-top: 15px;
}

.index-feature-inner-content p {
     font-size: 13px;
     padding-top: 6px;
}

.features-index .index-feature-inner a {
     color: #222222;
     font-size: 13px;
     border: 1px solid #eeeeee;
     border-radius: 0px;
     box-shadow: 2px 3px 8px #e8e5e5;
     margin: 0 auto;
     background: #fff none repeat scroll 0 0;
     padding: 10px 15px;
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     max-width: 120px;
     bottom: -18px;
}

.features-index {
     border: 1px solid #e8e5e5;
     padding: 10px;
     box-shadow: 2px 4px 10px #e8e5e5;
     height: 290px;
     position: relative;
}

.feature-index-side li {
     font-size: 14px !important;
     padding-bottom: 18px;
}


/*---------------------------01.4 expert-platform-------------------------*/

.expert-inner-index {
     overflow: hidden;
}

.expert-inner-index li {
     width: calc(100% / 4);
     float: left;
     display: inline-block;
     text-align: center;
     padding: 0px;
}

.expert-inner-index ul {
     padding: 0px;
     box-shadow: 1px 7px 15px #eeeeee;
     background: #fff;
}

.expert-inner-index li .expert-items p {
     font-size: 13px;
}

.expert-platform {
     padding: 100px 0 84px;
}

.expert-items {
     background: #fff;
     padding: 10px 0px 30px 0px;
     border-right: 1px solid #e8e8e7;
     padding: 30px 20px;
}

.expert-items img{
     width: 75%;
}
.expert-items p {
     margin-bottom: 0px;
}

.expert-items h6 {
     font-size: 20px;
     font-family: 'Lato', sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     color: #222;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     margin-bottom: 10px;
}

.expert-items h6 i {
     font-size: 25px;
     vertical-align: middle;
     padding-right: 15px;
}

.intro-head {
     width: 80%;
     margin: 0 auto;
}


/*---------------------------01.5 why maple index------------------------*/

.why-maple {
     padding: 100px 0 90px;
}

.why-maple h4 {
     padding-bottom: 30px;
}

.image-row-why {
     margin-top: 40px;
}

.image-row-why h6 {
     font-family: 'PT Sans', sans-serif;
     font-weight: 400;
}

.img-btm-des {
     margin-top: 30px;
}

.maple-features {
     padding: 100px 0;
}


/*--------------------------01.6 index-portfolio--------------------------*/

.index-portfolio {
     padding: 100px 0;
}

.index-isotop-content li {
     width: calc(100%/3);
     float: left;
     list-style: none;
}

.isotopeFilters ul {
     padding: 0px;
}

.isotopeFilters ul li {
     display: inline-block;
}

.isotopeFilters ul li a {
     border: 1px solid #ccc;
     display: block;
     width: 100px;
     padding: 10px 7px;
     line-height: 14px;
     cursor: pointer;
}

.isotopeFilters ul li.active a {
     background-color: rgba(160, 206, 78, 0.8);
     border: 1px solid rgba(160, 206, 78, 0.8);
     color: #fff;
}

.isotopeFilters ul li a:hover {
     background-color: rgba(160, 206, 78, 0.8);
     border: 1px solid rgba(160, 206, 78, 0.8);
     color: #fff !important;
}

.filter-portfolio .card {
     border: 0px;
}

.filter-portfolio .card .card-header {
     padding: 0px;
     border: 0px !important
}


/*---------------------------01.7 blog-sec -----------------------------*/

.index-blog {
     padding: 100px 0 52px;
}

.blog-content .home-blog .item {
     margin: 3px;
     width: 90%;
     margin-left: 19px;
}

.blog-content .home-blog .item img {
     display: block;
     width: 100%;
     height: auto;
}

.blog-text {
     padding: 20px 0px;
     margin-bottom: 15px;
}

.blog-content .blog-category {
     font-family: 'Lato', sans-serif;
     font-weight: 900;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 0px;
}

.dated {
     font-size: 12px;
     color: #777777;
     font-family: 'PT Sans', sans-serif;
}

.blog-text p {
     width: 80%;
     margin: 10px auto;
}

.blog-index-carousal .owl-dots {
     text-align: center;
     margin-top: 20px;
}

.blog-index-carousal .owl-dot {
     width: 10px;
     height: 10px;
     background: #000;
     border-radius: 50%;
     display: inline-block;
     margin: 3px;
     background: #ccee70;
}

.blog-index-carousal .owl-dot.active {
     background: #a3cc50
}


/*================================ 02. homepage-2 typing banner ================================*/

.typing-banner-sec {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/writing-slider-2.jpg') top left / cover;
     height: 100%;
}

.type-wrap h1 {
     display: inline-block;
     color: #bee56e;
}

span#typed {
     font-size: 50px;
     color: #fff;
     padding-left: 15px;
}

.typing-banner-inner-content p.lead {
     color: #fff;
     padding: 50px 0;
}

a.extensive {
     color: #ccc;
     font-size: 12px;
}

.typing-banner-inner-content .slider-btn .maple-slider-btn {
     padding: 20px 70px;
     border-radius: 50px;
}


/*-----------------------02.1 attractive maple---------------------------*/

.attractive-maple {
     background: url(../images/px-about.jpg);
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto auto;
     background-position: right;
     background-size: cover;
     padding: 100px 0;
}

.attractive-maple h6 {
     font-family: 'Lato', serif;
     color: #222222;
     text-transform: capitalize;
     font-weight: 300;
     line-height: 28px;
     font-size: 18px;
     padding: 10px 0;
}

.attractive-maple p {
     margin-bottom: 0px;
     padding: 10px 0
}

.attractive-maple ul li {
     font-size: 14px;
     color: #777777;
}

.right-service .list-services-maple li a .icon-sec-ser i {
     width: 60px;
     height: 60px;
     font-size: 35px;
}

.right-service .list-services-maple li {
     padding-bottom: 30px;
}


/*-----------------------02.2 speciality -----------------------*/

.maple-speciality-sec {
     padding: 100px 0 70px;
}

.maple-speciality-sec h4 {
     text-transform: uppercase;
     padding-bottom: 20px;
     display: block;
}

.maple-speciality-sec h4 span {
     color: #a3cc50;
}

.maple-speciality-sec li {
     font-size: 14px;
     color: #777;
}

.small-portfolio ul {
     margin-bottom: 0px;
     padding: 0;
}

.small-portfolio li {
     width: calc(100% / 4);
     float: left;
     margin-bottom: 0px;
     padding-bottom: 0px;
     list-style: none;
}

.small-portfolio li figure {
     margin: 0px;
}

.typing-testimonial {
     background: #a3cc50;
     padding: 70px 0;
}

.typing-testimonial h4 {
     text-transform: uppercase;
     color: #fff;
}

.typing-testimonial p {
     color: #fff;
     padding: 30px 0 20px;
     line-height: 30px;
     font-weight: 300;
}

.typing-testimonial p.lead {
     width: 75%;
     margin: 0 auto
}

.typing-testimonial .author-testi p {
     padding: 0px;
     margin-bottom: 0px !important;
}

.typing-testimonial .owl-prev,
.typing-testimonial .owl-next {
     float: left;
     width: 50px;
     height: 50px;
     background-color: #d9f999;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 40%;
     margin-top: -25px;
}

.typing-testimonial .owl-prev {
     left: 0;
}

.typing-testimonial .owl-next {
     right: 0;
}

.px-quote {
     background-attachment: fixed !important;
     padding: 50px;
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('../images/px-quote.jpg');
}

.px-quote h4 {
     font-family: "PT Sans", sans-serif;
     text-transform: capitalize;
     color: #eee;
     font-weight: 300;
     margin-bottom: 0px;
}

.purchase-sec {
     border-left: 1px solid #cccc;
}

.px-quote p {
     width: 64%;
     margin-bottom: 0px;
}


/*================================ 03 homepage-3 moving banner ================================*/

.animate-bg {
     height: 100%;
}

.animate-bg .bg-animation {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../images/animate-bg.jpg') 0 0 repeat;
     -webkit-animation: animate_background 30s linear 0s infinite;
     -moz-animation: animate_background 30s linear 0s infinite;
     -o-animation: animate_background 30s linear 0s infinite;
     animation: animate_background 30s linear 0s infinite;
     height: 100%;
     background-attachment: fixed;
}

@-webkit-keyframes animate_background {
     from {
          background-position: 0 0;
     }
     to {
          background-position: -1750px 0;
     }
}

@-moz-keyframes animate_background {
     from {
          background-position: 0 0;
     }
     to {
          background-position: -1750px 0;
     }
}

@-o-keyframes animate_background {
     from {
          background-position: 0 0;
     }
     to {
          background-position: -1750px 0;
     }
}

@keyframes animate_background {
     from {
          background-position: 0 0;
     }
     to {
          background-position: -1750px 0;
     }
}

.animate-bg .animate-para {
     align-items: center;
     justify-content: center;
     text-align: center;
}

.animate-bg .animate-para h1 {
     color: #fff;
     padding: 30px 0;
}

.moving-service-top {
     padding: 90px 0 83px;
}

.moving-service-top ul {
     padding: 0px;
}

.moving-service-top ul li {
     text-align: center;
     width: calc(100% / 4);
     float: left;
     list-style: none;
     padding: 0 20px;
     border-left: 1px solid #eee;
}

.moving-service-top ul li:first-child {
     border: 0px;
}

.moving-service-top ul li a .service-icon {
     width: 100%;
}

.moving-service-top ul li a i {
     font-size: 30px;
     background: #a0cf4f;
     width: 60px;
     height: 60px;
     color: #fff;
     margin: 0 auto;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #fff;
     transition: .3s ease-in;
}

.moving-service-top ul li a:hover i {
     border: 1px solid #a0cf4f;
     background: none;
     color: #a0cf4f;
}

.moving-service-top ul li a h6 {
     text-transform: uppercase;
     font-size: 15px;
     padding: 15px 0;
     display: block;
}

.moving-service-top .service-icon {
     float: none;
}

.inner-para p {
     color: #fff;
}


/*-------------------------------- 03.1 moving sevices --------------------------------*/

.moving-service {
     padding-top: 20px;
}

.moving-service ul li {
     width: 100%;
}

.moving-maple-spec {
     padding: 100px 0;
}

.moving-maple-mock {
     text-align: center;
}

.moving-maple-spec .common-head {
     margin-bottom: 50px;
}


/*-------------------------------- 03.2 moving-features --------------------------------*/

.features-maple-list {
     padding: 100px 0 83px;
}

.features-maple-list ul {
     padding: 0px;
}

.list-made-features .bg-service .about-icon {
     float: left;
     width: 20%;
}

.list-made-features .bg-service .about-icon i {
     font-size: 60px;
     padding: 25px 0;
     color: #D5EEA4;
}

.list-made-features .bg-service .icon-describtion {
     float: left;
     width: 80%;
     padding-left: 20px;
}

.list-made-features .bg-service .icon-describtion h6 {
     font-family: 'PT Sans', sans-serif;
     text-transform: uppercase;
     padding-bottom: 15px;
     font-size: 14px;
}

.list-made-features li {
     width: calc(100% / 3);
     list-style: none;
     float: left;
     padding: 40px 25px;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
}

.list-made-features li:nth-child(3n+3) {
     border-right: 0px;
}

li.no-bottom-border {
     border-bottom: 0px;
}

.list-made-features .bg-service .icon-describtion p {
     font-family: 'Roboto Slab', serif;
     font-size: 13px;
     margin-bottom: 0px;
}


/*-------------------------------- 03.3 moving-counter --------------------------------*/

.maple-counter .achivement-box {
     text-align: center;
}

.maple-counter span {
     font-size: 50px;
     color: #a0cf4f;
}

.maple-counter h5 {
     color: #eee;
     padding-top: 20px;
     font-family: 'Lato', serif;
     font-weight: 300;
     text-transform: capitalize;
}

.maple-counter .achivement-box i {
     background: #a0cf4f;
     color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     font-size: 25px;
     padding: 12px 0px;
}

.maple-counter {
     background: linear-gradient(to bottom, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)), url(../images/angel-1.jpg);
     background-attachment: scroll, scroll;
     text-align: center;
     background-attachment: fixed !important;
     padding: 50px 0 35px;
}


/*================================ 04. homepage-4 video banner ================================*/

.video-banner-index {
     height: 100%;
     position: relative;
}

.video-container-inner {
     display: flex;
     align-items: center;
}

.video-container-inner h2 {
     color: #fff;
     font-family:
}

.video-container-inner h2 span {
     color: #a0cf4f;
}

.video-container-inner p {
     color: #eee;
     padding: 40px 0;
}

.overlay-video-banner {
     background: rgba(0, 0, 0, 0.5);
     height: 100%;
}

.overlay-video-banner .maple-slider-btn {
     padding: 20px 70px;
     border-radius: 50px;
}


/*-------------------------- 04.1 list-service -------------------------------*/

.video-banner-list-service ul li {
     width: calc(100% / 3);
}

.video-banner-list-service ul {
     padding-top: 50px;
}

.speciality {
     padding: 100px 0;
}

.speciality ul li {
     font-size: 13px;
     color: #777777;
}

.video-banner-portfolio {
     padding: 100px 0 0;
}


/*================================ 05. homepage-5 boxed banner ================================*/

.box-wrapper {
     max-width: 1200px;
     margin: 0 auto;
     box-shadow: 0 0 30px 10px #ccc;
     position: relative;
     background: #fff;
     width: 100%;
     background: #fff;
}

.box-wrapper .typing-banner-sec {
     height: 600px;
}

.box-wrapper .fixed-menu,
.box-wrapper .blank-menu {
     position: relative !important;
}


/*================================ 06. portfolio-page ================================*/

.column-4-portfolio li {
     width: calc(100%/ 4);
}

.gallery li {
     text-align: center;
     position: relative;
     display: inline-block;
     background-color: black;
     overflow: hidden;
}

.gallery li .name {
     text-decoration: none;
     text-transform: uppercase;
     text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 5px;
     color: white;
     font-weight: lighter;
     font-size: 20px;
     letter-spacing: .1em;
     position: absolute;
     display: block;
     top: 40%;
     left: 0;
     right: 0;
     text-align: center;
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     opacity: 0;
     z-index: 2;
}

.gallery li a {
     background: #fbcd06;
     width: 40px;
     height: 40px;
     display: block;
     border-radius: 50px;
     margin: 0 auto;
     color: #fff;
     padding: 7px 10px;
}

.gallery li .name .title {
     display: block;
     text-transform: none;
     font-size: 80%;
     color: rgba(255, 255, 255, 0.7);
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
     opacity: 0;
     -moz-transition-property: all;
     -o-transition-property: all;
     -webkit-transition-property: all;
     transition-property: all;
     -moz-transition-delay: 0.2s;
     -o-transition-delay: 0.2s;
     -webkit-transition-delay: 0.2s;
     transition-delay: 0.2s;
     -moz-transition-duration: 0.9s;
     -o-transition-duration: 0.9s;
     -webkit-transition-duration: 0.9s;
     transition-duration: 0.9s;
}

.gallery li:hover .name {
     filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
     opacity: 1;
     -moz-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     -moz-transition-property: all;
     -o-transition-property: all;
     -webkit-transition-property: all;
     transition-property: all;
     -moz-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     -webkit-transition-duration: 0.6s;
     transition-duration: 0.6s;
}

.gallery li:hover .title {
     filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
     opacity: 1;
}

.gallery li:hover img {
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
     background-position: top top;
     -webkit-filter: grayscale(0.4) blur(2px);
     filter: grayscale(0.4) blur(2px);
     -moz-transition-property: all;
     -o-transition-property: all;
     -webkit-transition-property: all;
     transition-property: all;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     -webkit-transition-duration: 0.8s;
     transition-duration: 0.8s;
}

.gallery li:hover:hover img {
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
     opacity: 0.3;
}

.gallery li img {
     display: block;
     display: inline-block;
     text-align: center;
     -moz-transform: scale(1.3, 1.3);
     -ms-transform: scale(1.3, 1.3);
     -webkit-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3);
     -moz-transition-property: all;
     -o-transition-property: all;
     -webkit-transition-property: all;
     transition-property: all;
     -moz-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}


/*================================ 07 portfolio-single-page -01 ================================*/

.case-study h5 {
     text-transform: uppercase;
     padding-bottom: 20px;
}

.maple-portfolio-01 {
     padding: 100px 0 70px;
}

.study-port-list li {
     list-style: none;
}

.study-port-list li span {
     color: #a0cf4f;
}

.study-port-list li a {
     color: #000;
     font-weight: 600;
}

.case-study li h5 {
     font-family: 'Lato', serif;
     color: #222222;
     text-transform: capitalize;
     font-weight: 300;
     float: left;
     padding-bottom: 0px;
     margin-top: 13px;
}

.port-single-sec {
     position: relative;
}

.port-single-sec .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
}

.port-single-sec .owl-nav i {
     font-size: 25px;
     color: #fff;
     width: 30px;
     height: 30px;
     background: #a0cf4f;
     padding: 8px;
}

.port-single-sec .owl-nav .owl-prev {
     position: absolute;
     right: 0;
}

.full-length-case-study {
     padding-top: 50px;
}


/*-----------------------07.1 rating star ----------------------------/
/****** Style Star Rating Widget *****/

.rating {
     border: none;
     float: left;
     margin-top: 4px;
     margin-left: 5px;
}

.rating>input {
     display: none;
}

.rating>label:before {
     margin: 5px;
     font-size: 1.25em;
     font-family: FontAwesome;
     display: inline-block;
     content: "\f005";
}

.rating>.half:before {
     content: "\f089";
     position: absolute;
}

.rating>label {
     color: #ddd;
     float: right;
}


/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
     color: #FFD700;
}


/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
     color: #FFED85;
}


/*============================= 08.latest-work =============================*/

.latest-work {
     padding: 92px 0 60px;
}

.latest-work .side-features-latest {
     padding-top: 20px;
}

.latest-work .side-features-latest p.work span {
     color: #000;
}

ul.side-features-latest {
     padding-left: 0px;
}

.img-project-details {
     text-align: center;
}

.img-project-details a {
     margin-top: 40px;
}

.project_details {
     text-align: right;
}

.latest-work .row {
     padding-top: 30px;
}

.blog-text h5 {
     text-transform: uppercase;
}

.blog-container {
     border: 1px solid #ebeaea;
     border-bottom-width: 3px;
     overflow: hidden;
}

.blog-container p.blog-category {
     font-family: 'Lato', sans-serif;
     font-weight: 900;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 0px;
     margin-bottom: 20px;
}

.owl-content-blog {
     padding: 50px 0 0;
}


/*============================ 09. banner ============================*/

.small-banner {
     height: 250px;
     background: #fbcd06;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding-top: 50px;
}

.small-banner .small-banner-content h2 {
     color: #fff;
     font-size: 30px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 500;
     margin-bottom: 10px;
}

.small-banner ul li {
     display: inline-block;
}

.small-banner ul li a {
     color: #222;
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
}

.small-banner ul li a:before {
     content: "\e606";
     font-family: 'simple-line-icons';
     font-size: 8px;
     padding-right: 3px;
}

.small-banner ul li:first-child a:before {
     content: "";
     padding-left: 0px;
}

.classic-banner {
     background: #f0f0f0;
     padding: 25px 0 30px;
}

.brealist ul {
     margin-bottom: 0px;
}

.classic-banner .bread-list ul {
     padding: 0px;
     margin-bottom: 0px !important;
     text-align: right;
}

.classic-banner .bread-list ul li {
     display: inline-block;
     padding-bottom: 0px;
     position: relative;
}

.classic-banner .bread-list ul li:before {
     content: "\e606";
     font-family: 'simple-line-icons';
     font-size: 8px;
     padding-right: 3px;
}

.classic-banner .bread-list ul li:first-child:before {
     content: "";
}

.classic-banner .bread-list ul li a {
     line-height: 0px;
     color: #222;
     font-size: 11px;
     text-transform: uppercase;
     padding: 0 7px;
}

.classic-banner .bread-list ul li a:hover {
     color: #a0cf4f;
}


/*============================ 10. about page ============================*/

.small-service {
     padding: 100px 0 80px !important;
}

.service-icon {
     width: 20%;
     float: left;
}

.service-description {
     width: 80%;
     float: left;
}

.service-description h6 {
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
     font-weight: 300;
     margin-bottom: 10px;
}

.service-icon i {
     font-size: 50px;
     color: #fbcd06;
}

.about_content p {
     margin-bottom: 0px;
}

.about_content ul.custom {
     padding-left: 0px;
}

.about_content ul.custom li {
     font-size: 14px;
     color: #777777;
}


/*------------------------------ 10.1 vision & mission ------------------------------*/

.mission_vision {
     padding-bottom: 100px;
}

.mission_vision h6 {
     text-transform: uppercase;
     padding-bottom: 15px;
}

.mission_vision ul.custom {
     padding-left: 0px;
}

.mission_vision ul.custom li {
     font-size: 14px;
     color: #777777;
}


/*------------------------------10.2 skill & speciality ------------------------------*/

.skill_speciality {
     background: #f4f4f4;
     margin: 70px 0 100px !important;
}

.skill_speciality .progress-wrapper .progress {
     margin-bottom: 26px;
}

.skill_speciality .progress-wrapper label {
     color: #777;
     font-size: 14px;
}

.skill_speciality .progress {
     height: 5px !important;
     overflow: unset !important;
     background: #fff;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.skill_speciality .progress .progress-bar {
     background: #a0cf4f;
     position: relative;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
     width: 0%;
     -webkit-transition: width 4.50s ease !important;
     -moz-transition: width 4.50s ease !important;
     -o-transition: width 4.50s ease !important;
     transition: width 4.50s ease !important;
}

.skill_speciality .progress .progress-bar .progress-label {
     position: absolute;
     right: 0;
     top: 5px;
     color: #a0cf4f;
}

.skill_speciality h5 {
     text-transform: uppercase;
     margin-bottom: 20px;
}

.accordian-wrapper h6 a {
     color: #222;
     font-weight: 400;
}

.accordian-wrapper .card {
     border-radius: 0px;
     margin-bottom: 5px;
}

.accordian-wrapper [data-toggle="collapse"] span.ico-collapse:before {
     content: "\e64a";
     font-family: 'themify';
     font-size: 14px;
     margin-right: 10px;
     color: #222;
}

.accordian-wrapper [data-toggle="collapse"].collapsed span.ico-collapse:before {
     content: "\e64b";
     font-family: 'themify';
     font-size: 14px;
}


/*============================= 11. about-2 page =============================*/

.intro {
     max-width: 1000px;
     margin: 0 auto;
}

.intro p {
     font-family: 'Lato', sans-serif;
     color: #444;
     line-height: 23px;
     font-size: 18px;
     font-weight: 300;
}

.about-2-inner-wrapper h4 {
     font-family: 'Lato', sans-serif;
     font-weight: 600;
     font-size: 18px;
     padding: 10px 0;
}

.about-2-button-wrapper {
     text-align: right;
}

.choose-list ul li {
     font-size: 14px;
     color: #777777;
     line-height: 22px;
}


/*----------------------------- 11.1 why-choose-mpale -----------------------------*/

.why-choose-maple-sec {
     padding: 102px 0 66px;
}

.about-2-services {
     padding: 82px 0 50px;
}

.choose-maple h5,
.maple-about-2-services h5 {
     text-transform: uppercase;
     margin-bottom: 20px;
}

.list-services-maple li {
     list-style: none;
}

.list-services-maple li a {
     display: flex;
}

.list-services-maple li a .icon-sec-ser i {
     background: #a0cf4f;
     font-size: 30px;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     margin: 0px;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 20px;
     transition: .2s ease-in;
}

.list-services-maple li a:hover i {
     background: none;
     color: #a0cf4f;
     border: 1px solid #a0cf4f;
}

.list-services-maple li a h6 {
     text-transform: uppercase;
     font-size: 14px;
     font-family: 'Lato', sans-serif;
     margin-bottom: 8px;
}


/*----------------------------- 11.2 about skills -----------------------------*/

.about-2-skills {
     background: none;
     margin: 0px !important;
     padding: 100px 0 77px;
}


/*============================= 12. Service-1 Page =============================*/

.service-1-main-sec {
     border-bottom: 5px solid #a0cf4f;
}

.service-1-intro {
     margin: 25px 0;
}

.service-1-main-sec {
     padding: 80px 0 0;
}

.list-service .list-head-service {
     display: flex;
     justify-content: left;
     align-items: center;
}

.list-service li {
     list-style: none;
     width: calc(100% / 2);
     float: left;
}

.list-service .list-head-service span {
     font-family: 'Lato', sans-serif;
     color: #dddddd;
     font-size: 50px;
     font-weight: 900;
}

.list-service .list-head-service h4 {
     font-family: 'Lato', sans-serif;
     font-size: 20px;
     font-weight: 300;
     text-transform: uppercase;
     color: #222222;
     display: inline-block;
     vertical-align: middle;
     padding-left: 10px;
}

.make-quote {
     padding: 50px 0;
     background: #000;
}

.make-quote h4 {
     font-family: "PT Sans", sans-serif;
     text-transform: capitalize;
     color: #eee;
     font-weight: 300;
     margin-bottom: 0px;
     padding-bottom: 10px;
}

.quote-wrapper {
     width: 70%;
}

.quote-btn-wrapper {
     padding: 20px 70px;
     border-left: 1px solid #999;
     width: 100%;
     text-align: center;
}


/*----------------------------- 12.1 Pricing -----------------------------*/

.pricing-wrapper {
     padding: 96px 0;
     border-bottom: 1px solid #eee
}

.pricing-wrapper .intro h4 {
     padding-bottom: 30px;
}

.pricing-wrapper .intro {
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
     padding: 0px 0 50px;
}

.pricing-inner ul {
     padding: 0px;
     margin: 0px;
}

.pricing-inner ul li {
     list-style: none;
     border-bottom: 1px solid #ccc;
     padding: 13px 0;
}

.main-maple-price .pricing-box {
     padding: 0px;
}

.pricing-box {
     width: calc(100% / 3);
     float: left;
     padding: 10px;
}

.pricing-box .pricing-inner .price-head-wrapper h4 {
     font-family: 'Lato', sans-serif;
}


/*------------------------------- 12.2 best tag -------------------------------*/

.pricing-box.best-price .price-head-wrapper {
     background: rgba(163, 204, 80, 0.9);
}

.pricing-box.best-price .pricing-inner .price-head-wrapper h3,
.pricing-box.best-price .pricing-inner .price-head-wrapper h4,
.pricing-box.best-price .pricing-inner .price-head-wrapper p {
     color: #fff;
}

.best-price .pricing-inner:before {
     font-family: sans-serif;
     content: 'text';
     font-size: 13px;
     padding: .4em;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
     display: block;
     width: 10.5em;
     position: absolute;
     height: 31px;
     top: 1.76em;
     left: -2.54em;
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}

.best-price .pricing-inner:before {
     content: "BEST";
     background: #f84646;
     color: white;
}

.pricing-box .price-tag {
     padding: 10px 0;
}

.pricing-box .price-tag h3 span {
     display: block;
     font-size: 18px;
}


/*end of best tag*/

.pricing-box .pricing-inner ul li {
     border: 0px;
}

.pricing-box .pricing-inner {
     border: 1px solid #f5f5f5;
     transition: .3s ease-in;
     border-radius: 20px;
     overflow: hidden;
     position: relative;
}

.pricing-box .pricing-inner:hover {
     box-shadow: 0 0 60px 2px #ccc !important;
}

.pricing-box .pricing-inner .price-head-wrapper {
     border-color: #f5f5f5;
     border-bottom: 1px solid #f5f5f5;
     padding: 20px 0;
}

.price-body {
     padding-bottom: 40px;
}

.price-body .btn {
     margin-top: 20px;
}


/*============================= 13. Service-2 Page =============================*/

.feature-sec {
     padding: 95px 0 38px;
}

.feature-type-2-inner li {
     width: calc(100% / 3);
     float: left;
     list-style: none;
     padding: 0px 10px;
     text-align: center;
     border-radius: 0px;
     border: 0px;
}

.featutes-type-1 {
     padding: 30px 40px;
}

.feature-type-2-inner h6 {
     padding-bottom: 10px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
}


/*============================= 14. Service-3 Page =============================*/

.feature-type-3 .icon-box-t3 {
     width: 30%;
     float: left;
}

.feature-type-3 .icon-box-des-t3 {
     float: left;
     width: 70%;
     text-align: left;
}


/*============================= 15. Service-4 Page =============================*/

.feature-type-4 i {
     background: #a3cc50;
     color: #fff;
     width: 60px;
     height: 60px;
     display: flex;
     border-radius: 50px;
     font-size: 35px !important;
     justify-content: center;
     align-items: center;
     transition: .2s ease-in;
     border: 1px solid #a3cc50;
}

.feature-type-4-inner .card a:hover i {
     background: none;
     color: #a3cc50;
}

.feature-type-4-inner .card {
     background: none;
}

.inline-features {
     padding: 95px 0 64px;
}


/*-------------------------- 15.1 Feature Blocks Type-2 --------------------------*/

.red-icon i {
     color: #fc6f6f;
}

.blue-icon i {
     color: #44b2ff;
}

.green-icon i {
     color: #38c202;
}

.yellow-icon i {
     color: #d7d507;
}

.orange-icon i {
     color: #ff7200;
}

.pink-icon i {
     color: #f7a9ed;
}

.feature-type-2-inner ul {
     padding: 0px;
}

.feature-type-2-inner li {
     width: calc(100% / 3);
     float: left;
     list-style: none;
     padding: 0px 10px;
     text-align: center;
     border-radius: 0px;
     border: 0px;
}

.feature-type-2-inner li h6 {
     padding: 10px 0;
}

.feature-type-2-inner li p {
     color: #666;
     line-height: 24px;
}

.featutes-type-1 i {
     font-size: 50px;
}


/*============================ 16. contact page ============================*/

.contact-sec-1 {
     background: #a0cf4f;
     padding: 140px 0 67px;
}

.contacts-div {
     max-width: 800px;
     margin: 0 auto;
}

.contacts-div input {
     width: 100%;
     height: 40px;
     margin-bottom: 8px;
     padding: 0 20px;
     border: 0px;
     border-radius: 2px;
}

.contacts-div textarea {
     width: 100%;
     padding: 10px 20px;
     border: 0px;
     border-radius: 2px;
     margin: 0px 0 8px;
}

.contacts-div button {
     width: 100%;
     background: #222;
     color: #eee;
     border-radius: 2px;
}

.contacts-div form {
     margin-top: 30px;
}

.contacts-div form.classic-form {
     margin-top: 0px;
}


/*--------------------------- 16.1 contact page -1 ---------------------------*/

.contact-bottom-1 .contacts-div label,
.contact-bottom-1 .contacts-div .intro-head p {
     color: #fff;
}

.contact-bottom-1 {
     margin-top: 50px;
}

.contact-bottom-1 li {
     background: none;
}

.contact-bottom-1 .feature-type-3 .icon-box-t3 {
     margin-top: 10px;
}

.contact-bottom-1 .feature-type-4 i {
     font-size: 60px !important;
}

.contact-bottom-1.feature-type-4-inner .card a:hover i {
     color: #fff !important;
}

.contact-bottom-1.feature-type-2-inner li p {
     color: #fff;
}

.contact-bottom-1.feature-type-2-inner h6 {
     font-weight: 600;
}


/*--------------------------- 16.2 contact page -2 ---------------------------*/

.contact-sec-2 {
     padding: 100px 0;
}

.contacts-div .common-head label {
     color: #fff;
}

.contacts-div .intro-head p {
     color: #000;
}

.contact-sec-2 .common-head h6 {
     font-family: 'PT Sans', sans-serif;
     font-weight: 600;
}

.contact-sec-2 form input,
.contact-sec-2 form textarea {
     border: 1px solid #ddd;
}

.contact-side-icon {
     display: flex;
     align-items: center;
     vertical-align: center;
}

.contact-side-icon p {
     font-size: 13px;
     margin-left: 15px;
     margin: 0px 0px 0px 15px;
}

.contact-side-icon i {
     font-size: 20px;
     color: #a3cc50;
}

.connect-sec-2 ul {
     padding: 0px;
}

.connect-sec-2 ul li {
     display: inline-block;
}

.connect-sec-2 ul li a {
     width: 30px;
     height: 30px;
     background: #a3cc50;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 14px;
     border-radius: 50px;
}

.map-section iframe {
     width: 100%;
     height: 300px;
     margin-bottom: -6px;
     border: none;
     border-bottom: 5px solid #a3cc50;
}


/*============================ 17. Blog page ============================*/


/*--------------------------- 17.1 blog page -1 ---------------------------*/

.masonry-item img {
     max-width: 100%;
}

.grid-item {
     width: 33.3%;
     float: left;
     padding: 5px;
}

.grid-item iframe {
     width: 100%;
     height: 200px;
     border: 0px;
}

.blog-details-masonry {
     background: #f9f9f9;
     margin-bottom: 10px;
     width: 100%;
     border: 1px solid #efefef;
     padding: 10px;
}

.blog-details-masonry h4 {
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 400;
     padding-bottom: 10px;
}

.blog-details-masonry .blog-small-details-wrapper {
     color: #a0cf4f;
     font-size: 12px;
}

.blog-small-details-wrapper i {
     color: #666;
     padding: 0 5px;
}

.blog-small-details-wrapper i:first-child {
     padding-left: 0px;
}

.blog-love {
     float: left;
     color: #a0cf4f;
}

.blog-comment-masonry {
     float: right;
}

.blog-comment-masonry a,
.blog-love a {
     color: #a0cf4f;
}

.blog-masonry-wrapper-main {
     padding: 100px 0;
}


/*--------------------------- 17.2 blog page -2 sidebar ---------------------------*/

.search-side {
     border: 1px solid #ccc;
     width: 100%;
     padding: 5px 0;
}

.search-side input {
     border: 0px;
     width: 90%;
     float: left;
     height: 30px;
     padding: 0 15px;
}

.search-side span {
     width: 10%;
     float: left;
     padding-top: 7px;
}

.blog-sidebar-wrapper h6 {
     background: #d9f999;
     padding: 10px;
     text-transform: uppercase;
     color: #222;
     font-size: 14px;
     letter-spacing: 0.5px;
}

.twitt-icon {
     color: #777;
     float: left;
     padding-top: 5px;
     font-size: 25px;
     width: 15%;
}

.twit-content {
     float: left;
     width: 85%;
}

.twit-content p {
     font-size: 13px;
     margin-bottom: 0px;
}

.twitt-icon i {
     color: #a0cf4f;
}

.twitts a {
     color: #a0cf4f;
     font-size: 13px;
     margin-top: 0px;
}

.twitts {
     margin-bottom: 20px;
}

.twit-links {
     margin-top: 20px;
}


/*--------------------------- 17.3 tags ---------------------------*/

.tag-links {
     padding: 30px 0 25px;
}

.sidebar-tag a {
     border: 1px solid #ddd;
     color: #777;
     padding: 5px 10px;
     text-shadow: none;
     font-size: 13px;
     margin: 0 7px 7px 0;
     float: left;
     font-family: "PT Sans", sans-serif;
}

.sidebar-tag a:hover {
     background: #a0cf4f;
     color: #fff;
     border: #a0cf4f 1px solid;
}


/*--------------------------- 17.4 blog-tabs ---------------------------*/

.content-side-blog-images {
     width: 30%;
     float: left;
     padding: 10px 10px 10px 0;
}

.content-side-blog-details {
     float: left;
     width: 70%;
     padding: 10px 0;
}

.content-side-blog-details h6 {
     background: none;
     text-transform: capitalize;
     font-weight: 400;
     font-family: 'Montserrat', sans-serif;
     padding: 0px;
}

.content-side-blog-details span {
     font-size: 12px;
     color: #a0cf4f;
}

.content-side-blog-details i {
     color: #666;
}

.content-side-blog-details p {
     font-size: 13px;
     line-height: 18px;
     margin-bottom: 0px;
}

.blog-side-content-wrapper {
     border-bottom: 1px solid #eee;
}

.blog-side-content-wrapper:last-child {
     border-bottom: 0px;
}

.blog-tab-sidebar,
.sidebar-tag {
     margin-top: 30px;
}

.blog-tab-sidebar .nav-tabs {
     border-bottom: 0px;
     margin-bottom: 15px;
}

.blog-tab-sidebar .nav-tabs>li {
     padding-bottom: 0px;
     width: calc(100% / 3);
     text-align: center;
}

.blog-tab-sidebar .nav-tabs>li>a.active {
     background: #a0cf4f;
     color: #fff;
}

.blog-tab-sidebar .nav-tabs>li>a {
     background: #b9e06c;
     border-radius: 0px;
     color: #fff;
     margin-right: 2px;
     padding: 5px 0;
}


/*end of blog-tabs*/


/*--------------------------- 17.5 archives ---------------------------*/

.sidebar-archives ul {
     padding-left: 0px;
}

.sidebar-archives ul li a {
     color: #444;
     font-size: 13px;
}

.sidebar-archives ul li {
     border-bottom: 1px solid #eee;
     padding-top: 5px;
}

.sidebar-archives h6 {
     margin-bottom: 20px;
}


/*end of archives*/


/*============================ 18. blog-2 page ============================*/

.blog-large-inner {
     margin-bottom: 40px;
}

.blog-large-inner:last-child {
     margin-bottom: 0px;
}

.blog-large-inner iframe {
     width: 100%;
     height: 400px;
}


/*============================ 19. blog-4 page ============================*/

.blog-side-image-4 {
     width: 30%;
     float: left;
}

.blog-large-flex-inner.blog-4-inner-wrapper {
     margin-bottom: 30px;
}

.blog-side-image-4 img {
     width: 100%;
}

.blog-side-desc-4 {
     width: 70%;
     float: left;
     margin-bottom: 0px;
     padding: 23px;
     background: none;
     border: 0px;
}


/* .blog-4-inner-wrapper {
     margin-bottom: 40px;
}*/


/*============================ 20. Blog-single page ============================*/

.all-width {
     width: 100%;
}

.bottom-green-alert {
     background: #f4f4f4;
     border-bottom: 3px solid #a0cf4f;
     padding: 15px 30px;
     width: 90%;
     margin: 20px auto;
}

.bottom-green-alert p {
     margin-bottom: 0px;
}

.blog-share {
     background: #f4f4f4;
     margin-top: 50px;
     margin-bottom: 30px;
}

.blog-share .default-list li {
     float: left;
     margin-right: 5px;
     list-style: none;
     padding-bottom: 0px;
     line-height: 20px;
}

.blog-share .default-list li a {
     color: #fff;
     background: #a0cf4f;
     display: block;
     width: 30px;
     height: 30px;
     text-align: center;
     padding-top: 5px;
     border-radius: 5px;
}

.blog-share ul {
     float: left;
     margin-bottom: 0px;
     margin-top: 3px;
}

.blog-share h4 {
     float: left;
     margin-top: 8px;
     margin-left: 10px;
}

.blog-share {
     padding: 10px 0
}

.blog-author h6,
.related-blog h6 {
     text-transform: uppercase;
}

.blog-author h6,
.related-blog h6,
.leave_a_cmnt h6
/*.blog-comment h3 */

{
     border-bottom: 1px solid #eee;
     padding: 25px 0px 15px 0;
     margin-bottom: 20px;
}

.blog-author {
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
}

.blog-author p {
     padding-top: 10px;
     margin-bottom: 5px;
}

.related-blog .blog-details-masonry {
     background: none;
     border: 0px;
}

.related-blog .col-md-4 {
     padding: 5px;
}

.blog-comment span a {
     color: #a0cf4f;
}

.reply-comment {
     width: 90%;
     float: right;
     margin-top: 30px;
     border-top: 1px solid #eee;
     padding-top: 20px;
     border-bottom: 0px;
}

.reply-comment em {
     font-size: 12px;
}

.maple-classic-input {
     padding: 8px 15px;
     border: 0px;
     border-radius: 2px;
     width: 100%;
     border: 1px solid #ededed;
}

.leave_a_cmnt .col-md-4 {
     padding: 5px;
}

.maple-area {
     padding: 8px 15px;
     padding-right: 15px;
     border: 0px;
     border-radius: 2px;
     width: 100%;
     margin: 5px;
     border: 1px solid #ededed;
}

.cmd-btn {
     background: #a3cc50;
     color: #fff;
     border-radius: 0px;
     width: 100px;
     float: right;
}


/*============================ 21. typography page ============================*/

.heading-divisions h1,
.heading-divisions h2,
.heading-divisions h3,
.heading-divisions h4,
.heading-divisions h5,
.heading-divisions h6 {
     margin-bottom: 15px;
}

.sec-cell {
     padding: 100px 0 83px;
}

.list-style-sec {
     padding: 90px 0 66px;
}

.total-wrapper {
     padding-top: 30px;
}

.list-style {
     padding-bottom: 30px;
}

.inline-style-sec {
     border-bottom: 1px solid #eee;
     padding: 90px 0 40px;
}

.blockquote-sec .block-sec-div {
     padding: 50px 0 !important;
}

.blockquote-sec .block-sec-div p {
     padding-top: 20px;
     margin-bottom: 0px;
}

.block-sec-div code {
     margin-bottom: 0px !important;
}


/*============================ 22. sign-in page ============================*/

.sign-body {
     background: #eee;
     padding: 100px 0;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.sign-in-wrapper {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
     box-shadow: 0px 0px 17px 0px #555;
}

.maple-rocket-div {
     background: #a3cc50;
     width: 50%;
     float: left;
     padding: 50px;
     text-align: center;
}

.maple-sign-content-main {
     padding: 50px 0 0;
}

.maple-sign-in-div {
     background: #11180f;
     width: 50%;
     float: left;
     padding: 50px;
}

.maple-rocket-div p {
     color: #fff;
     padding-bottom: 50px;
}

.sign-up-content ul li p {
     color: #666;
     font-size: 25px;
     padding-bottom: 10px;
     font-weight: 400;
}

.sign-up-content ul li.active p {
     color: #fff;
     border-bottom: 1px solid #fff;
}

.sign-up-content ul li {
     display: inline-block;
     padding-right: 10px;
}

.inner-sign-content {
     position: relative;
}

.sign-div .nav-tabs {
     border: 0px;
     width: 175px;
     background: #444;
     /*float: right;
    */
     position: absolute;
     overflow: hidden;
     top: 0;
     right: 0;
     border-radius: 20px;
}

.sign-div .nav-tabs li {
     width: 50%;
     padding: 0px;
}

.nav-tabs>li {
     float: left;
     margin-bottom: -1px;
}

.sign-div .nav-tabs li a.active {
     background: #a3cc50 !important;
     color: #000;
}

.sign-div .nav-tabs li a {
     border-radius: 0px;
     line-height: 0;
     padding: 15px 0 18px;
     margin: 0px;
     text-align: center;
     border: 0px;
     color: #fff;
     height: 20px;
     border: 0px;
     outline: none;
     text-transform: capitalize;
}

.forgot-pass a {
     color: #a3cc50;
     font-size: 14px;
     margin-top: -10px;
     display: block;
     margin-bottom: 20px;
}

.inner-sign-content ul {
     padding: 0px;
}

.sign-in-main .input-wrapper label {
     font-family: 'Lato', sans-serif;
     font-weight: 400;
     color: #ccc;
     text-transform: uppercase;
     width: 100%;
     font-size: 12px;
     margin-bottom: 0px;
}

.sign-in-main .input-wrapper input {
     background: none;
     border: 0px;
     border-bottom-width: 0px;
     border-bottom-style: none;
     border-bottom-color: currentcolor;
     width: 100%;
     padding: 10px 0;
     color: #ccc;
     border-bottom: 1px solid #a3cc50;
     font-size: 14px;
     margin-bottom: 20px;
}

.remember-wrap ul {
     margin: 0px;
}

.remember-wrap ul li label {
     margin: 0px;
}

.list {
     margin: .5rem;
}

.list__item {
     margin: 0 0 .5rem 0;
     padding: 0;
}

.label--checkbox {
     position: relative;
     margin: .5rem;
     font-family: Arial, sans-serif;
     line-height: 135%;
     cursor: pointer;
}

.checkbox {
     position: relative;
     top: -0.375rem;
     margin: 0 1rem 0 0;
     cursor: pointer;
}

.checkbox:before {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     content: "";
     position: absolute;
     left: 2px;
     z-index: 1;
     width: 12px;
     height: 1rem;
     border: 2px solid #f2f2f2;
}

.checkbox:checked:before {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     height: .5rem;
     border-color: #a3cc50;
     border-top-style: none;
     border-right-style: none;
}

.checkbox:after {
     content: "";
     position: absolute;
     top: -0.125rem;
     left: 0;
     width: 1.1rem;
     height: 1.1rem;
     background: #fff;
     cursor: pointer;
}

.remember-wrap input {
     width: auto !important;
     margin: 0px;
     height: 0;
     width: 5% !important;
     float: left;
     margin-top: 10px;
}

.remember-wrap span {
     margin-left: 10px !important;
     width: 80%;
     display: block;
     float: left;
}

.remember-wrap .content li {
     width: 100%;
}

.input-wrapper-sign input {
     background: #a3cc50;
     color: #fff;
}


/*================================== 23. footer ================================*/

.footer {
     position: relative;
}

footer h3 {
     color: #fff;
     font-size: 18px;
     font-family: 'Roboto Slab', serif;
     font-weight: 400;
     text-transform: uppercase;
     padding-bottom: 10px;
}

.footer-small-con {
     padding-top: 20px;
}

footer h3 span {
     color: #fbcd06;
}

.main_footer {
     background: #252425;
     padding: 50px 0px 45px 0;
}

.base_content img {
     padding-bottom: 20px;
     padding-top: 5px;
     width: 70px;
}

.footer_news ul {
     padding-top: 10px;
     padding-left: 0px;
}

.footer_news ul li {
     list-style: none;
     padding: 10px 0;
     border-bottom: 1px solid #414141;
}

.footer_news ul li:last-child {
     border-bottom: 0px;
}

.footer_news ul li a {
     font-family: 'PT Sans', sans-serif;
     color: #777777;
}

.footer_news ul li a:hover {
     font-family: 'PT Sans', sans-serif;
     color: #eee;
}

.footer_news ul li i {
     color: #777777;
     float: right;
     padding-right: 10px;
}

.small_footer {
     background: #302f30;
     padding: 25px 0px 10px 0;
}

.small_footer .copyright {
     color: #777777;
     float: left;
}

.small_footer .social {
     color: #777777;
     float: right;
}

.small_footer .social ul li {
     display: inline;
     padding: 5px 7px;
     color: ;
}

.small_footer .social ul li a {
     color: #a9a9ab;
     font-size: 15px;
}

.small_footer .social ul li a:hover {
     transition: .2s ease-in;
     color: #a3cc50;
}

.instagram_feeds ul li {
     display: inline;
     padding-right: 15px;
     padding-bottom: 0px;
     width: 33%;
     float: left;
}

.feed-images {
     padding-top: 20px;
}

.feed-images ul {
     padding-left: 0px;
}

.contact_info {
     padding: 20px 0 0;
}

.contact_info i {
     color: #777;
     float: left;
     padding-top: 5px;
     font-size: 15px;
}

.contact_details {
     padding-left: 30px;
}
.contact_details p span{
     display: block;
     color: #fbcd06;
}
.contact_details a{
     display: block;
     color: #fbcd06;
}


/*=========================== 24. 404 page ===============================*/

.error-wrapper {
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/error.jpg') no-repeat right center / cover;
     height: 100%;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
}

.error-wrapper .something-wrong h2 {
     font-family: 'PT Sans', sans-serif;
     text-transform: capitalize !important;
     font-size: 30px;
     color: #fff;
     letter-spacing: 2px;
}

.error-wrapper .something-wrong h2 span {
     color: #a0cf4f;
}

.error-wrapper .something-wrong p {
     color: #ccc;
     padding: 10px 0;
     font-size: 14px;
}


/*end of 404*/


/*============================ 25. full support ============================*/

.new-menu-mobile-sub h2 {
     color: #fff;
}


/*=========================== 26. button element page ===============================*/

.btn-main-sec {
     padding: 100px 0;
     border-bottom: 1px solid #eee;
}

.button-groups {
     padding: 30px 0 0;
}

.btn.maple-in-btn {
     border-radius: 0px;
     padding: 7px 20px;
     font-size: 13px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 5px;
}

.btn-light {
     background: #e7e9eb;
}

.btn.round-maple-btn {
     border-radius: 20px;
}

.btn.circle-maple-btn {
     padding: 15px 20px;
     font-size: 25px;
     border-radius: 50px;
}

.btn.square-maple-btn {
     height: 50px;
     width: 50px;
     padding: 0px !important;
     font-size: 20px;
     border-radius: 0px;
     margin-bottom: 5px;
}

.header-element {
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
}

.header-element p {
     padding: 40px 0 20px;
     margin-bottom: 0px;
     color: #777777;
}


/*================================== 27 .SOCIAL ICONS ====================================*/

.tiny-head p {
     font-weight: 500;
}

ul.social-icons {
     padding: 0px;
     margin-bottom: 0px;
}

ul.social-icons li {
     display: inline-block;
}

ul.social-icons li a {
     font-size: 18px;
     padding: 10px;
     color: #aaa;
     display: block;
     transition: ease-in .2s;
}

.element-section-wrapper {
     padding: 40px 0 30px;
     border-bottom: 1px solid #eee;
}

.element-section-wrapper-spl {
     padding: 40px 0 45px;
}


/*-- 27.1 HOVER ICONS ---*/

ul.social-icons.hover-icons li a:hover {
     color: #000;
}


/*-- 27.2 BRAND HOVER ICONS  ---*/

ul.social-icons.brand-color-icons li a.fbook,
ul.social-icons.brand-hover-icons li a.fbook:hover {
     color: #3b5998;
}

ul.social-icons.brand-color-icons li a.google,
ul.social-icons.brand-hover-icons li a.google:hover {
     color: #d34836;
}

ul.social-icons.brand-color-icons li a.twr,
ul.social-icons.brand-hover-icons li a.twr:hover {
     color: #1dcaff;
}

ul.social-icons.brand-color-icons li a.lin,
ul.social-icons.brand-hover-icons li a.lin:hover {
     color: #0e76a8;
}

ul.social-icons.brand-color-icons li a.pin,
ul.social-icons.brand-hover-icons li a.pin:hover {
     color: #C92228;
}

ul.social-icons.brand-color-icons li a.vim,
ul.social-icons.brand-hover-icons li a.vim:hover {
     color: #162221;
}

ul.social-icons.brand-color-icons li a.sky,
ul.social-icons.brand-hover-icons li a.sky:hover {
     color: #12A5F4;
}

ul.social-icons.brand-color-icons li a.yt,
ul.social-icons.brand-hover-icons li a.yt:hover {
     color: #c4302b;
}

ul.social-icons.brand-color-icons li a.andro,
ul.social-icons.brand-hover-icons li a.andro:hover {
     color: #34af23;
}

ul.social-icons.brand-color-icons li a.flick,
ul.social-icons.brand-hover-icons li a.flick:hover {
     color: #ff0084;
}

ul.social-icons.brand-color-icons li a.insta,
ul.social-icons.brand-hover-icons li a.insta:hover {
     color: #8a3ab9;
}

ul.social-icons.brand-color-icons li a.git,
ul.social-icons.brand-hover-icons li a.git:hover {
     color: #333;
}

ul.social-icons.brand-color-icons li a.sht,
ul.social-icons.brand-hover-icons li a.sht:hover {
     color: #acde5e;
}


/*-- 27.3 SIMPLE BORDER ICONS  ---*/

ul.social-icons.simple-border-icons li a {
     border: 1px solid #ccc;
     line-height: 0px;
}


/*-- 27.4 ROUND BORDER ICONS  ---*/

ul.social-icons.round-border-icons li a {
     border: 1px solid #ccc;
     line-height: 0px;
     border-radius: 50px;
}


/*-- 27.5 SIMPLE BG ICONS  ---*/

ul.social-icons.simple-bg-icons li a {
     color: #000;
     border: 1px solid #000;
}

ul.social-icons.simple-bg-icons li a:hover {
     background: #000;
     color: #fff;
}


/*icon-sm*/

ul.social-icons.black-icon li a {
     color: #000;
}


/*-- 27.6 Brand bg icons  ---*/

.brand-bg-icons a {
     color: #fff !important;
     line-height: 0px;
}

.brand-bg-icons a.fbook {
     background: #3b5998
}

.brand-bg-icons a.google {
     background: #d34836
}

.brand-bg-icons a.twr {
     background: #1dcaff
}

.brand-bg-icons a.lin {
     background: #0e76a8
}

.brand-bg-icons a.pin {
     background: #C92228
}

.brand-bg-icons a.vim {
     background: #162221
}

.brand-bg-icons a.sky {
     background: #12A5F4
}

.brand-bg-icons a.yt {
     background: #c4302b
}

.brand-bg-icons a.andro {
     background: #34af23
}

.brand-bg-icons a.flick {
     background: #ff0084
}

.brand-bg-icons a.insta {
     background: #8a3ab9
}

.brand-bg-icons a.git {
     background: #333
}

.brand-bg-icons a.sht {
     background: #acde5e
}


/*-- 27.7 outline Brand bg icons  ---*/

.outline-brand-icons a {
     line-height: 0px;
}

.outline-brand-icons a.fbook {
     border: 1px solid #3b5998 !important
}

.outline-brand-icons a.fbook:hover {
     background: #3b5998 !important;
     color: #fff !important;
}

.outline-brand-icons a.google {
     border: 1px solid #d34836 !important
}

.outline-brand-icons a.google:hover {
     background: #d34836 !important;
     color: #fff !important;
}

.outline-brand-icons a.twr {
     border: 1px solid #1dcaff !important
}

.outline-brand-icons a.twr:hover {
     background: #1dcaff !important;
     color: #fff !important;
}

.outline-brand-icons a.lin {
     border: 1px solid #0e76a8 !important
}

.outline-brand-icons a.lin:hover {
     background: #0e76a8 !important;
     color: #fff !important;
}

.outline-brand-icons a.pin {
     border: 1px solid #C92228 !important
}

.outline-brand-icons a.pin:hover {
     background: #C92228 !important;
     color: #fff !important;
}

.outline-brand-icons a.vim {
     border: 1px solid #162221 !important
}

.outline-brand-icons a.vim:hover {
     background: #162221 !important;
     color: #fff !important;
}

.outline-brand-icons a.sky {
     border: 1px solid #12A5F4 !important
}

.outline-brand-icons a.sky:hover {
     background: #12A5F4 !important;
     color: #fff !important;
}

.outline-brand-icons a.yt {
     border: 1px solid #c4302b !important
}

.outline-brand-icons a.yt:hover {
     background: #c4302b !important;
     color: #fff !important;
}

.outline-brand-icons a.andro {
     border: 1px solid #34af23 !important
}

.outline-brand-icons a.andro:hover {
     background: #34af23 !important;
     color: #fff !important;
}

.outline-brand-icons a.flick {
     border: 1px solid #ff0084 !important
}

.outline-brand-icons a.flick:hover {
     background: #ff0084 !important;
     color: #fff !important;
}

.outline-brand-icons a.insta {
     border: 1px solid #8a3ab9 !important
}

.outline-brand-icons a.insta:hover {
     background: #8a3ab9 !important;
     color: #fff !important;
}

.outline-brand-icons a.git {
     border: 1px solid #333 !important
}

.outline-brand-icons a.git:hover {
     background: #333 !important;
     color: #fff !important;
}

.outline-brand-icons a.sht {
     border: 1px solid #acde5e !important
}

.outline-brand-icons a.sht:hover {
     background: #acde5e !important;
     color: #fff !important;
}


/*-- 27.8 with border radius icons  ---*/

.with-radius-icons a {
     border-radius: 5px;
}

.brand-bg-icons.round-border-icons a {
     border: 0px !important;
}


/*-- 27.9 BUTTON SIZE  ---*/

ul.social-icons.icon-sm li a {
     font-size: 14px;
}

ul.social-icons.icon-md li a {
     font-size: 20px;
}

ul.social-icons.icon-lg li a {
     font-size: 23px;
}


/*feature page*/

.feature-head-ele {
     text-align: center;
     padding-bottom: 50px;
}


/*================================== 28. Index Page ====================================*/

.main-banner-home {
     background: #a3cc50;
     text-align: center;
     height: auto;
     padding: 100px 0;
}

.home-banner-content .logo-head h2 {
     color: #fff;
}

.logo-head h2 {
     font-weight: 600;
}

.logo-head h2 span {
     font-weight: 300;
}

.home-banner-content h3 {
     color: #fff;
     padding: 30px 0;
}

.home-banner-content a {
     color: #fff;
     font-weight: 600;
     background: none;
     border: 2px solid #fff;
     padding: 7px 50px !important;
     transition: .2s ease-in;
}

.home-banner-content a:hover {
     color: #a3cc50;
     background: #fff;
}


/*image slider*/

.demo-image-slider {
     width: 100%;
     border-radius: 10px;
     margin: 100px auto 0;
     max-width: 650px;
}

.demo-image-slider .item img {
     border-radius: 5px;
}

.header-index {
     padding: 50px 0;
}

.header-index p {
     margin-bottom: 0px;
}

.all-demos {
     padding: 50px 0 100px;
}

.all-demos h5 {
     padding: 20px 0;
     font-weight: 400;
}

.all-demos img {
     border: 1px solid #dedede;
}

.index-footer {
     background: none;
     padding: 20px 0;
}

.index-footer .copyright {
     text-align: center;
     float: none;
}