.owl-carousel.owl-drag#clients .owl-item img{
    min-height: 79px
}
.owl-carousel.owl-drag#clients .owl-item {
    max-height: 79px;
    background: black;
}
.navbar-nav > li > a:hover{
    color:#76c924 !important;
}
.navbar-brand:hover img{
        max-height: 65px;
}
.project-grid h4,
.project-grid:hover h4 {
    top: 40% !important;
    opacity: 0;
    position: absolute;
    width: 100%;
}
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .top-bar-info ul li:nth-child(2){
        display:none;
    }
}

/*-----------------------------------------------------------------------------------

    Theme Name: Sienta - Business Consulting and Corporate HTML Template
    Description: Business Consulting and Corporate HTML Template
    Author: chitrakootweb
    Version: 2.0

-----------------------------------------------------------------------------------*/

/* ----------------------------------

Table of contents

    01. Common styles
    02. Section heading
    03. Topbar
    04. Page title
    05. Mainimage and revolution slider
    06. Feature boxes
    07. Service blocks
    08. Client section
    09. Counter box
    10. Call to action
    11. Video
    12. About area style
    13. Progress bars
    14. Testmonial
    15. Owl carousel
    16. Team member
    17. Project grid
    18. Accordion style
    19. Service detail
    20. Portfolio masonry
    21. Animated tabs
    22. Pricing table
    23. Blog block
    24. Count and error box
    25. Contact info
    26. Footer

---------------------------------- */

/* ===================================
    Common styles
====================================== */

/* loader */
#preloader{ position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%; overflow:visible; background:#fff; display:table; text-align:center; }
.loader{ display:table-cell; vertical-align:middle; position:relative; width:200px; height:200px; }
.loader-icon{ width:80px; height:80px; border:5px solid #76c924; border-right-color:#eee; border-radius:50%; position:relative; animation:loader-rotate 1s linear infinite; margin:0 auto; }
@keyframes loader-rotate{ 0%{ transform:rotate(0) }
 100%{ transform:rotate(360deg) }
 }

/* theme color and basic options */
.bg-theme {background-color:#76c924;}
.text-theme-color {color:#76c924;}
.text-content-big p{ font-weight:400; line-height:200%; margin-bottom:25px; font-size:15px; }
.shadow-primary{ -webkit-box-shadow:0 20px 40px rgba(0, 0, 0, .2); box-shadow:0 20px 40px rgba(0, 0, 0, .2); }

/* primary listing */
.primary-list li{
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    list-style-type: none;
    color: #222;
    display: inline-block;
    width: 49%;
}
.primary-list{ padding-left:0; }
.primary-list li i{ color:#76c924; padding-right:10px; }
.white-list{ padding-left:0; }
.white-list li{ color:#fff; font-size:14px; font-weight:500; margin-top:15px; list-style-type:none; }
.white-list li i{ color:#76c924; padding-right:15px; }

/* scroll to top */
.scroll-to-top{ font-size:20px; text-align:center; color:#fff; text-decoration:none; position:fixed; bottom:20px; right:20px; display:none; border-radius:50%; background:#000; border:1px solid #2a2a2a; width:35px; height:35px; line-height:30px; z-index:9999; outline:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease }
.scroll-to-top i{ color:#fff; }
.scroll-to-top:hover{ color:#232323; background:#fff; }
.scroll-to-top:hover i{ color:#232323; }
.scroll-to-top:visited{ color:#232323; text-decoration:none; }

/* Button style */
.butn{ background:#232323; color:#fff; text-align:center; border-radius:4px; padding:12px 30px; line-height:normal; font-weight:500; text-transform:none !important; position:relative; z-index:9999; display:inline-block; white-space:nowrap; border:none; cursor:pointer; }
.butn span{ z-index:9; position:relative; }
.butn:hover{ color:#fff; }
.butn:after{ content:''; position:absolute; border-radius:4px; bottom:6px; left:0; height:2px; -webkit-transition:width .4s; -o-transition:width .4s; transition:width .4s; width:0; background:#76c924; height:100%; top:0; z-index:1; }
.butn:hover:after{ width:100%; }
.butn.white{ background:#fff; color:#232323; }
.butn.white:hover{ color:#fff; }
.butn.white:after{ background:#76c924; border-radius:3px; }
.butn.small{ padding:8px 20px; }
.butn.medium{ padding:10px 20px; }

/* ===================================
    Section heading
====================================== */

.section-heading{ margin-bottom:50px; text-align:center; }
.section-heading.half{ margin-bottom:30px; }
.section-heading h1,.section-heading h2,.section-heading h3,.section-heading h4,.section-heading h5,.section-heading h6{ position:relative; padding-bottom:10px; font-weight:500; margin-bottom:10px; position:relative; line-height:140%; }
.section-heading h1:after,.section-heading h2:after, .section-heading h3:after, .section-heading h4:after, .section-heading h5:after, .section-heading h6:after{ content:''; display:block; width:100px; height:2px; background:#76c924; margin:0 auto; position:absolute; left:0; right:0; bottom:0; }
.section-heading.white h1,.section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6{ color:#fff; }
.section-heading.white h1:after,.section-heading.white h2:after, .section-heading.white h3:after, .section-heading.white h4:after, .section-heading.white h5:after, .section-heading.white h6:after{ background:#fff; }
.section-heading.grey h1,.section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6{ color:#b7b7b7; }
.section-heading.grey h1:after,.section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after{ background:#b7b7b7; }
.section-heading.left{ margin-bottom:30px; text-align:left; }
.section-heading.left h1,.section-heading.left h2, .section-heading.left h3, .section-heading.left h4, .section-heading.left h5, .section-heading.left h6{ padding-bottom:15px; }
.section-heading.left h1:after,.section-heading.left h2:after, .section-heading.left h3:after,.section-heading.left h4:after,.section-heading.left h5:after,.section-heading.left h6:after{ margin:0; left:0; }
.section-heading h2{ font-size:42px; }
.section-heading h3{ font-size:35px; }
.section-heading h4{ font-size:30px; line-height:normal; }
.section-heading h5{ font-size:25px; }
.section-heading h6{ font-size:20px; }
.section-heading strong{ font-weight:600; }
.section-heading.white p{ color:#fff; }
.section-heading p{ font-size:15px; font-weight:400; padding-top:15px; margin:0 auto; }
.section-heading span{ position:relative; font-size:15px; font-weight:500; color:#76c924; line-height:200%; margin-bottom:10px; }
.section-heading.white span{ color:#fff; }
.section-heading.grey span{ color:#b7b7b7; }

@media screen and (max-width:1199px){
    .section-heading h2{ font-size:38px; }
    .section-heading h3{ font-size:34px; }
    .section-heading h4{ font-size:28px; }
    .section-heading h5{ font-size:24px; }
    .section-heading h6{ font-size:19px; }
}

@media screen and (max-width:991px){
    .section-heading h2{ font-size:36px; }
    .section-heading h3{ font-size:32px; }
    .section-heading h4{ font-size:26px; }
    .section-heading h5{ font-size:22px; }
    .section-heading h6{ font-size:18px; }
}

@media screen and (max-width:767px){
    .section-heading h2{ font-size:32px; }
    .section-heading h3{ font-size:28px; }
    .section-heading h4{ font-size:24px; }
    .section-heading h5{ font-size:20px; }
    .section-heading h6{ font-size:16px; }
}

/* ===================================
    Topbar
====================================== */

/* topbar */
.top-bar-info{ display:inline-block; }
.top-bar-info ul{ margin-bottom:0; }
.top-bar-info li{ font-weight:500; color:#fff; list-style-type:none; font-size:13px; padding:13.5px 5px 0; display:inline-block; margin-bottom:0; }
#top-bar{ display:block; position:relative; z-index:999; background:#2a2a2a; height:45px; }
.top-bar-info li i{ font-size:13px; color:#76c924; margin-right:8px; }

/* ===================================
    Page title
====================================== */

.page-title-section{ background-size:cover; background-position:center; }
.page-title-section h1{ font-size:40px; font-weight:600; letter-spacing:1px; line-height:1; color:#fff; margin-bottom:0; }
.page-title-section ul{ margin-bottom:0; margin-top:15px; text-align:left; }
.page-title-section ul li{ display:inline-block; }
.page-title-section ul li:last-child a{ color: #76c924; }
.page-title-section ul li:after{ content:' \f105'; color:#fff; font-family:FontAwesome; padding:0 10px; }
.page-title-section ul li:last-child:after{ content:none; }
.page-title-section ul li a{ color:#fff; font-size:14px; font-weight:500; }

@media screen and (max-width:767px){
    .page-title-section h1{ margin-bottom:10px; font-size: 30px; line-height: 30px;  }
    .page-title-section ul{ margin-top: 5px; }
}

/* ===================================
    Mainimage and revolution slider
====================================== */

/* main banner image */
.main-image-section{ width:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; padding:90px 0 90px 0; min-height:700px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.main-image-content{ margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; }
.main-image-content h2{ font-size:50px; color:#fff; line-height:normal; font-weight:600; }
.main-image-content h3{ font-size:45px; color:#fff; line-height:normal; font-weight:600; }
.main-image-content p{ font-size:15px; color:rgba(255, 255, 255, .7); line-height:1.9; font-weight:400; max-width:100%; margin-top:10px; word-wrap:break-word; }

@media screen and (max-width:767px){
    .main-image-section { min-height: inherit; }
    .main-image-content h2{ font-size:25px; color:#fff; line-height:1.4; font-weight:600; }
    .main-image-content p{ width:auto; }
}

/* revolution slider */
.rev_slider_wrapper .tp-caption span{ color:#76c924; text-shadow: 1px 1px #fff; }
.rev_slider_wrapper .butn span{ font-size:14px !important; line-height:24px !important; color:#fff; text-shadow: none; }

@media (min-width:767px){
    .rev_slider_wrapper .slider-text p{ width:450px !important; font-size:16px !important; line-height:24px !important; }
}

@media (min-width:1024px){
    .rev_slider .max-style{ font-size: 60px !important; line-height: 70px !important; }
    .rev_slider .max-style span{ font-size: 60px !important; line-height: 70px !important; }
}

@media (max-width:1023px){
    .rev_slider .max-style{ font-size: 45px !important; line-height: 50px !important; }
    .rev_slider .max-style span{ font-size: 45px !important; line-height: 50px !important; }
}

@media (max-width:766px){
    .rev_slider .max-style{ font-size: 30px !important; line-height: normal !important; }
    .rev_slider .max-style span{ font-size: 30px !important; line-height: normal !important; }
    .rev_slider_wrapper .slider-text p{ text-align:center !important; font-size:14px !important; line-height:22px !important; }
    .rev_slider_wrapper .slider-text p{ width:480px !important; padding:0 15px; }
    .tp-leftarrow, .tp-rightarrow{ width:40px !important; height:40px !important; }
    .tp-leftarrow{ left:-15px !important; }
    .tp-rightarrow{ left:inherit !important; right:-55px !important; }
    .tparrows:before{ line-height:20px !important; }
 }

@media (max-width:479px){
    .rev_slider .max-style{ font-size: 20px !important; line-height: normal !important; }
    .rev_slider .max-style span{ font-size: 20px !important; line-height: normal !important; }
    .rev_slider_wrapper .slider-text p{ width:320px !important; padding:0 15px; }
}

/* ===================================
    Feature boxes
====================================== */

/* feature box 01 */
.feature-box-01{ background:#fff; border:5px solid rgba(0, 0, 0, 0.05); padding:25px 20px; text-align:center; transition:all 0.5s ease 0s; border-radius:5px; }
.feature-box-01 p{ margin-bottom:10px; }
.feature-box-01 .icon-tools{ color:#939393; }
.feature-box-01:hover{ background:#ffffff; border:5px solid #76c924; }
.feature-box-01:hover .icon-tools{ color:#76c924; }

/* feature box 02 */
.feature-box-02{ transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; }
.feature-box-02:hover{ -webkit-box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15); box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15); }
.feature-box-02:before{ background:#76c924; content:""; height:0; left:14px; position:absolute; top:0; transition:all 0.2s ease-in-out 0s; width:2px; }
.feature-box-02:hover:before{ height:100%; }

/* feature flex box */
.feature-flex{ position:relative; margin:30px 0; -webkit-transition-duration:.3s; transition-duration:.3s; }
.feature-flex-square{ position:relative; border-radius:5px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.feature-flex-square-icon{ float:left; width:50px; margin-top:5px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.feature-flex-square-icon i{ color:#76c924; border-radius:10px; font-size:32px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.feature-flex-square-content{ float:left; width:75%; padding-left:10px; }
.feature-flex-square-content h4,.feature-flex-square-content h4 a{ color:#232323; font-size:18px; font-weight:500; margin-bottom:0; line-height:normal; }
.feature-flex-square-content p{ color:#999; font-size:15px; font-weight:400; margin-top:10px; margin-bottom:15px; }
.feature-flex-square-content-button{ display:inline-block; color:#232323; font-size:14px; font-weight:500; }
.feature-flex-square-content-button:after{ content:'>'; font-size:14px;  color:#232323; margin-left:7px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.feature-flex-square-content-button:hover,.feature-flex-square-content-button:hover:after{ color:#76c924; }

@media (max-width:991px){
    .feature-flex-square-icon{ text-align:center; }
    .feature-flex-square-icon i{ font-size:30px; }
 }

/* feature case block */
.case-block{ background:#fff; border:1px solid #ececec; border-radius:5px; height:100%; -webkit-transition-duration:.3s; transition-duration:.3s; overflow:hidden; box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); position:relative; }
.case-block:hover{ -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .3); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .3); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .3); }
.case-block img{ width:100%; }
.case-block-inner{ padding:20px 25px 20px 0; }
.case-block h4{ font-size:14px; margin-bottom:0; line-height:normal; font-weight:500; }
.case-block h4:after{ content:''; display:block; width:80px; height:2px; background:#76c924; margin-top:15px; margin-bottom:15px; -webkit-transition-duration:.4s; transition-duration:.4s; }
.case-block p{ color:#999; font-size:15px; font-weight:400; margin-bottom:12px; }
.case-block-inner a{ font-size:15px; font-weight:500; color:#76c924; }
.case-block-inner a:after{ content:'>'; font-size:15px; font-family:FontAwesome; color:#76c924; margin-left:10px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.case-block-inner a:hover,.case-block-inner a:hover:after{ color:#232323; }

@media (max-width:767px){
    .case-block-inner{ padding:25px; }
 }

/* feature partner box */
.partner-box{ border:1px solid #ececec; }
.partner-box img{ width:100%; }
.partner-text{ padding:25px 40px 25px 0; }
.partner-text span{ color:#76c924; font-size:13px; font-weight:500; letter-spacing:3px; text-transform:uppercase; }
.partner-box:hover .partner-text span{ color:#999; }
.partner-text h4{ color:#232323; font-size:21px; font-weight:600; margin:5px 0 20px 0; line-height:normal; }
.partner-text h4:after{ content:''; display:block; width:40px; height:2px; background:#76c924; margin-top:10px; -webkit-transition-duration:.4s; transition-duration:.4s }
.partner-box:hover .partner-text h4:after{ width:80px; }

@media (max-width:767px){
    .partner-text{ padding:25px; }
 }

/* feature feedback box */
.feedback-box{ position:relative; background:#f9f9f9; border:1px solid #ececec; padding:25px; box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); }
.feedback-box h5{ font-size:16px; font-weight:500; margin-bottom:0; }

/* ===================================
    Service blocks
====================================== */

/* service simple */
.service-simple{ position:relative; background:#fff; border:1px solid #ececec; border-radius:5px; overflow:hidden; height:100%; -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); }
.service-simple img{ width:100%; transition:all 0.5s ease 0s; }
.service-simple img:hover{ transform:scale(1.1); }
.service-simple-inner{ position:relative; padding:25px 25px 20px; }
.service-simple-inner p{ max-width:95%; }
.service-simple-inner a{ display:inline-block; }
.service-simple h4{ font-size:18px; line-height:normal; margin-bottom:0; }

/* services block one */
.owl-carousel .service-box{ margin:0 15px 25px 15px; }
.service-box{ background:#fff; overflow:hidden; border:1px solid #eee; border-radius:5px; -webkit-box-shadow:0 10px 20px 0 rgba(50, 50, 50, .12); -moz-box-shadow:0 10px 20px 0 rgba(50, 50, 50, .12); box-shadow:0 10px 20px 0 rgba(50, 50, 50, .12); margin:15px 0; -webkit-transition-duration:.3s; transition-duration:.3s; }
.service-inner-box{ padding:20px; }
.service-icon-box{ width:20%; max-width:50px; float:left; padding-top:2px; }
.service-content-box{ width:80%; float:left; }
.service-box .img-holder{ position:relative; }
.service-box .img-holder:before{ background-color:rgba(0, 26, 87, 0.6); bottom:0; content:""; height:100%; left:0; opacity:0; position:absolute; top:auto; transition:all 0.3s ease 0s; width:100%; z-index:10; }
.service-box:hover .img-holder:before{ opacity:1; }
.service-box .img-holder img{ width:100%; }
.service-box h3{ font-size:18px; margin-bottom:0; line-height:normal; font-weight:500; }
.service-box p{ color:#999; font-size:15px; font-weight:400; margin-top:10px; margin-bottom:0; }
.service-box i{ color:#76c924; font-size:32px; -webkit-transition-duration:0.3s; transition-duration:0.3s; }
.service-box:hover i{ color:#232323; }

/* services block two */
.services-block-two{ position:relative; }
.services-block-two .inner-box{
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 30px 30px 30px 30px;
    height: 100%;
    position: relative;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    text-align: center;
}
.services-block-two .inner-box:hover{ background:#76c924; box-shadow:0 0 30px 0 rgba(88, 88, 88, 0.1); }
.services-block-two .inner-box:hover h3 a, .services-block-two .inner-box:hover p, .services-block-two .inner-box:hover .icon-box{ color:#fff; }
.services-block-two:hover h3{ color:#fff !important;}
.services-block-two p{ margin-bottom:0; }
.services-block-two h3{ margin-bottom:0; line-height:normal; }
.services-block-two h3{ color:#76c924; display:block; font-size:20px; font-weight:500; margin-bottom:10px; }
.services-block-two h2{ bottom:0; color:#f0f0f0; font-size:36px; font-weight:600; right:10px; margin-bottom:0; position:absolute; }
.services-block-two .inner-box:hover h2{ color:rgba(255, 255, 255, 0.1); }
.services-block-two .icon-box{ color:#76c924; font-size:36px; left:35px; position:absolute; top:35px; }
.services-block-two.dark .inner-box{ background:#000; border:1px solid #000; }
.services-block-two.dark .inner-box:hover{ background:#000; }
.services-block-two.dark .inner-box:hover h5 a, .services-block-two.dark .inner-box:hover p, .services-block-two.dark .inner-box:hover .icon-box{ color:#fff; }
.services-block-two.dark h3 a{ color:#6f6f6f; }
.services-block-two.dark h2{ color:rgba(255, 255, 255, 0.1); }
.services-block-two.dark .inner-box:hover h2{ color:rgba(255, 255, 255, 0.04); }
.services-block-two.dark .icon-box{ color:#6f6f6f; }

@media screen and (max-width:991px){
    .services-block-two h2{ font-size:36px; }
    .services-block-two h3 a{ font-size:18px; margin-bottom:10px; }
    .services-block-two .icon-box{ top:25px; left:21px; font-size:28px; }
    .services-block-two .inner-box{ padding:20px 20px 20px 75px; }
 }

/* service-block */
.service-grids .service-block{ overflow:hidden; position:relative; }
.service-grids .img-holder{ position:relative; }
.service-grids .service-block:hover .img-holder:before{ opacity:1; }
.service-grids .service-block .details{ background-color:#f5f5f5; box-shadow:0 3px 13px rgba(0, 0, 0, 0.07); padding:45px 45px 50px; position:relative; text-align:center; transition:all 0.5s ease 0s; z-index:20; }
.service-grids .service-block .number{ background-color:#76c924; border-radius:75px; color:#fff; height:75px; font-size:30px; left:50%; line-height:75px; position:absolute; top:-37.5px; transform:translateX(-50%); width:75px; }
.service-grids .service-block .details h4{ color:#76c924; font-size:20px; margin:10px 0 15px 0; line-height:normal; }
.service-grids .service-block .details .read-more{ color:#76c924; font-weight:600; }

@media screen and (min-width:992px){
    .service-grids .service-block{ height:335px; }
    .service-grids .img-holder:before{ background-color:rgba(0, 26, 87, 0.6); bottom:20px; content:""; height:100%; left:0; opacity:0; position:absolute; top:auto; transition:all 0.3s ease 0s; width:100%; z-index:10; }
    .service-grids .service-block .details{ height:195px; position:absolute; top:168px; }
    .service-grids .service-block:hover .details{ height:230px; top:135px; }
}

@media screen and (min-width:1200px){
    .service-grids .service-block{ height:370px; }
    .service-grids .service-block .details{ height:195px; position:absolute; top:205px; }
    .service-grids .service-block:hover .details{ height:230px; top:170px; }
}

@media (max-width:991px){
    .service-grids .service-block .details{ padding:45px 25px 35px; }
}

@media (max-width:767px){
    .service-grids .service-block .number{ height:65px; line-height:65px; top:-32.5px; width:65px; border-radius:65px; }
 }

/* ===================================
    Client section
====================================== */

.section-clients{ padding:50px 0; }
.clients img{ opacity:.6; -webkit-transition-duration:.3s; transition-duration:.3s; }
.clients img:hover{ opacity:1; }

@media (max-width:992px){
    .section-clients .item{ text-align:center; width:100%; }
    .section-clients{ padding:30px 0; }
    .section-clients .owl-carousel .owl-item img{ max-width:75%; display:inline-block; }
}

/* ===================================
    Counter box
====================================== */

.counter-box h3,.counter-box h4{ display:inline-block; font-weight:600; }
.social-icons a:hover{ opacity:1; }
.counter-box h3:after,.counter-box h4:after{ content:'+'; }
.counter-box{ position:relative; text-align:center; margin:15px 0; }
.counter-box h4{ font-size:35px; line-height:normal; margin:0; }
.counter-box h3{ font-size:45px; }
.counter-box p:before{ content:''; }
.counter-box p{ font-size:15px; font-weight:500; line-height:24px; margin-top:25px; margin-bottom:0; color:#fff; }
.counter-box p:after{ background:#fff; top:53px; content:""; display:block; height:2px; left:0; margin:0 auto; position:absolute; right:0; width:40px; z-index:1; }
.counter-box.black p{ color:#232323; }
.counter-box.black p:after{ background:#232323; top:53px; content:""; display:block; height:2px; left:0; margin:0 auto; position:absolute; right:0; width:40px; z-index:1; }

@media (max-width:767px){
    .counter-box{ margin:20px 0 0 0; text-align:left; }
    .counter-box p:before{ margin:0; position:absolute; top:45px; }
    .counter-box p:after{ margin:0; left:14px; right:0; top:45px; }
    .counter-box.black p:after{ margin:0; left:14px; right:0; top:45px; }
    .counter-box h4{ font-size:26px; }
}

/* ===================================
    Call to action
====================================== */

.callto-action-imgbox{ display:block; margin-right:50px; padding-left:40px; padding-top:40px; position:relative; z-index:1; }
.callto-action-imgbox:before{ border:2px solid #76c924; bottom:40px; content:""; left:0; position:absolute; right:40px; top:0; z-index:-1; }
.callto-action-imgbox img{ width:100%; }

@media (max-width:991px){
    .callto-action-imgbox{ margin-right:0; margin-bottom:30px; padding:20px 20px 0 20px; }
 }

/* ===================================
    Video
====================================== */

.story-video{ min-height:400px; height:100%; }
.video_btn{ background-color:#fff; border:2px solid #76c924; border-radius:50%; color:#ffffff; display:inline-block; font-size:36px; height:70px; line-height:60px; text-align:center; width:70px; transition-duration:.2s; -ms-transition-duration:.2s; -moz-transition-duration:.2s; -webkit-transition-duration:.2s; -o-transition-duration:.2s; }
.video_btn .fa{ color:#76c924; }
.video:hover .video_btn{ background:#76c924; }
.video:hover .video_btn .fa{ color:#fff; }

/* ===================================
    About area style
====================================== */

.about-area{ padding:0; }
.about-text{ display:block; padding-bottom:90px; padding-top:90px; }
.about-text .sec-title{ padding-bottom:34px; }
.about-text .inner-content h2{ font-size:24px; font-weight:400; line-height:36px; margin:0 0 14px; color:#fff; }
.about-text .inner-content h2 span{ font-weight:700; }
.about-text .inner-content p{ color:#fff; }
.about-text .inner-content .bottom{ display:block; overflow:hidden; margin-top:25px; }
.about-text .inner-content .bottom p{ margin:0; font-weight:500; }
.about-text .inner-content .bottom .signature{ display:block; margin-top:22px; }
.about-right-box{ position:relative; display:block; overflow:hidden; padding:90px 40px; z-index:1; height:100%; }
.about-right-box:before{ position:absolute; top:0; left:0; width:100%; height:100%; background:#76c924; opacity:.92; content:""; z-index:-1; }
.about-right-box ul{ margin-bottom:0; }
.about-right-box ul li{ display:block; overflow:hidden; border-bottom:1px solid rgba(255, 255, 255, 0.10); padding-bottom:29px; margin-bottom:30px; }
.about-right-box ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; }
.about-right-box ul li .left-content{ display:block; width:70%; }
.about-right-box ul li .left-content .icon{ width:55px; display:table-cell; vertical-align:middle; color:rgba(255, 255, 255, 0.5); }
.about-right-box ul li .left-content .icon span:before{ font-size:55px; line-height:55px; }
.about-right-box ul li .left-content .title{ padding-left:30px; display:table-cell; vertical-align:middle; color:rgba(255, 255, 255, 0.5); }
.about-right-box ul li .left-content .title h3{ color:#ffffff; font-size:16px; font-weight:600; text-transform:uppercase; line-height:normal; letter-spacing:1px; margin:0 0 1px; }
.about-right-box ul li .left-content .title span{ color:rgba(255, 255, 255, 0.75); }
.about-right-box ul li .right-content .title{ display:block; margin-top:3px; }
.about-right-box ul li .right-content .title h4{ color:#ffffff; font-size:3.4em; font-weight:600; line-height:normal; margin-bottom:0; }

@media (max-width:1199px){
    .about-text{ padding-top:70px; padding-bottom:70px; }
    .about-right-box{ padding-top:70px; padding-bottom:70px; }
}

@media (max-width:991px){
    .about-area { padding-bottom: 50px; }
    .about-text{ padding-top:50px; padding-bottom:50px; }
    .about-right-box{ padding-top:50px; padding-bottom:50px; }
}
@media (max-width:767px){
    .about-right-box{ padding:40px 20px; }
    .about-right-box ul li{ padding-bottom:20px; margin-bottom:20px; }
    .about-right-box ul li .left-content .title{ padding-left:10px; }
    .about-right-box ul li .left-content .icon span:before{ font-size:36px; line-height:normal; }
    .about-right-box ul li .right-content .title h4{ font-size:26px; }
}

/* ===================================
    Progress bars
====================================== */

.progress-text{ font-size:13px; font-weight:500; color:#232323; margin-bottom:5px; }
.custom-progress{ height:4px; border-radius:50px; box-shadow:none; margin-bottom:15px; }
.custom-bar{ height:100%; background-color:#76c924; box-shadow:none; }
.custom-bar-dark{ height:100%; background-color:#232323; box-shadow:none; }
.progress-medium{ height:8px; border-radius:50px; box-shadow:none; }
.progress-bold{ height:12px; border-radius:50px; box-shadow:none; }

/* ===================================
    Testmonial
====================================== */

.testmonial-single{ padding:0 0 40px 0; text-align:center; }
#testmonials-carousel .testmonial-single img{ width:auto; display:inline-block; margin-bottom:10px; }
.testmonial-single p{ text-align:center; font-style:italic; font-size:17px; font-weight:500; line-height:1.9 }
.testmonial-single h4{ font-size:22px; font-weight:500; text-align:center; margin:0; line-height:normal; }
.testmonial-single h6{ color:#aaa; font-size:15px; font-weight:500; text-align:center; margin-bottom:0; line-height:normal; }
.testmonial-box{ position:relative; background:#fff; border-radius:5px; padding:25px; border:1px solid #ececec; margin:15px 0; -webkit-transition-duration:.3s; transition-duration:.3s; box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); }
.testmonial-box img{ border:2px solid #ececec; border-radius:50%; padding:2px; }
.owl-carousel .testmonial-box img{ width:auto; max-height:120px; display:inline-block; }
.testmonial-box h5{ font-size:18px; font-weight:500; margin:5px 0 0; line-height:normal; }
.testmonial-box span{ font-size:13px; }
.testmonial-box p{ font-size:15px; color:#999; line-height:1.7; margin-top:10px; margin-bottom:10px; }

/* ===================================
    Owl carousel
====================================== */

.custom-dot{ display:inline-block; z-index:1; margin-top:30px; }
.custom-dot span{ width:12px; height:12px; margin:5px 7px; background:#cecece; cursor:pointer; display:block; border:1px solid #fff; -webkit-backface-visibility:visible; border-radius:30px; transition-duration:.3s; -webkit-transition-duration:.3s; }
.custom-dot span:hover{ background:#aaa; -webkit-backface-visibility:visible; border-radius:30px; }
.custom-dot.active span{ width:12px; height:12px; background:#76c924; -webkit-transition-duration:.3s; transition-duration:.3s; }
.owl-nav i{ color:#232323; font-size:20px; padding-top:10px; }
.owl-nav .owl-next,.owl-nav .owl-prev{ color:#76c924; font-size:43px; text-align:center; width:50px; height:50px; background:#fff!important; }
.owl-nav .owl-prev{ left:0; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s; -webkit-box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); -moz-box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); }
.owl-nav .owl-next{ -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s; -webkit-box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); -moz-box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); box-shadow:0 5px 28px 0 rgba(50, 50, 50, .1); }

/* ===================================
    Team member
====================================== */

.team-member{ border:1px solid #ececec; border-radius:5px; -webkit-transition-duration:.3s; transition-duration:.3s; box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); background:#fff; overflow:hidden; }
.team-member:hover{ box-shadow:0 10px 30px 0 rgba(50, 50, 50, .28); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); }
.team-member-img{ width:100%; height:auto; }
.team-member-img img{ width:100%; }
.team-member-text{ text-align:center; padding:20px; }
.team-member-text h4{ font-size:18px; font-weight:500; line-height:normal; margin-bottom:3px; -webkit-transition-duration:.6s; transition-duration:.6s; }
.team-member:hover .team-member-text h4{ color:#76c924; }
.team-member-text h4 a{ color:#232323; }
.team-member-text span{ color:#76c924; font-size:15px; font-weight:500; letter-spacing:2px; }
.team-member-text p{ color:#999; font-size:14px; font-weight:400; line-height:170%; margin:20px auto 0; max-width:90%; }
.team-member-text ul{ margin-top:15px; padding:8px 0; }
.team-member-text ul li a i{ font-size:17px; line-height:34px; }

 @media screen and (max-width:994px){
    .team-member-text{ padding:20px 10px; }
 }

/* team single img */
.team-single-img{ width:100%; }
.team-single-img img{ border-radius:5px; }
.team-single-text{ padding:5px 50px 15px 15px; }
.team-single-text span{ color:#76c924; font-size:14px; font-weight:500; }
.team-single-text h4{ color:#232323; font-size:25px; font-weight:500; margin-bottom:10px; }
.team-single-info{ padding:0; }
.team-single-info li strong{ color:#555; font-size:16px; font-weight:500; margin-right:10px; }
.team-single-text li span{ color:#777; font-size:15px; font-weight:400; }

/* team single icon */
.team-single-icons ul li{ display:inline-block; border:1px solid #76c924; border-radius:50%; color:#76c924; margin-right:8px; margin-bottom:5px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.team-single-icons ul li a{ color:#76c924; display:block; font-size:14px; height:25px; line-height:26px; text-align:center; width:25px; }
.team-single-icons ul li:hover{ background:#76c924; border-color:#76c924; }
.team-single-icons ul li:hover a{ color:#fff; }

/* team style1 */
.team-style1 .team-member-img{ overflow:hidden; border-radius:5px; }
.team-style1 .team-member-img img{ transition:all 0.5s ease 0s; width:100%; }
.team-style1 .team-member-img:hover img{ transform:scale(1.1); }
.team-style2 .team-member-img img{ transition:all 0.3s ease 0s; }
.team-style2 .team-member-img:hover img{ filter:grayscale(100%); }

/* ===================================
    Project grid
====================================== */

/* filtering */
.filtering{ margin-bottom:10px; }
.filtering span{ border-bottom:1px solid rgba(0, 0, 0, 0); color:#333333; cursor:pointer; font-size:14px; font-weight:600; letter-spacing:1px; margin-right:20px; display:inline-block; margin-bottom:5px; }
.filtering span:last-child{ margin:0; }
.filtering .active{ border-color:#76c924; color:#76c924; }

@media screen and (max-width:767px){
    .filtering span { margin-right: 15px;}
}

/* project grid */
.project-grid{ display:block; position:relative; margin:15px 0; }
.project-grid-img img{ display:block; width:100%; height:auto; }
.project-grid-overlay{ position:absolute; left:2.5%; right:0; bottom:2.6%; background:rgba(255, 255, 255, .9); overflow:hidden; width:95%; height:95%; border:5px solid #76c924; opacity:0; -webkit-transition-duration:.3s; transition-duration:.3s; }
.project-grid-overlay h4 a,.project-grid-overlay p{ left:50%; position:absolute; text-align:center; }
.project-grid:hover .project-grid-overlay{ opacity:1; }
.project-grid-overlay h4{ font-size:22px; }
.project-grid-overlay h4:hover{ color:#76c924; }
.project-grid-overlay h4:after{ content:''; display:block; width:70px; height:1px; background:#76c924; margin-top:10px!important; margin-bottom:15px!important; margin:0 auto; }
.project-grid:hover h4{ top:40%; opacity:1; line-height:normal; }
.project-grid-overlay p{ color:#666; font-size:15px; margin:20px 0 0 0; top:70%; opacity:0; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transition-duration:.6s; transition-duration:.6s; }
.project-grid:hover p{ top:50%; opacity:1; }
.project-grid-overlay span{ color:#fff; background:#76c924; text-transform:uppercase; font-size:14px; font-weight:500; position:absolute; writing-mode:vertical-rl; writing-mode:tb-rl; letter-spacing:4px; text-align:center; top:0; right:0; height:100%; }

@media screen and (max-width:767px){
    .project-grid{ margin:20px 0 0 0; }
    .project-grid:hover p{ top:52%; }
 }

@media screen and (max-width:1201px){
    .project-grid-overlay{ left:0; right:0; bottom:0; width:100%; height:100%; }
 }

/* project single */
.project-carousel h4:after,.project-single-text h4:after{ content:" "; background:#76c924; height:2px; }
.project-single-text p{ color:#999; font-size:15px; font-weight:400; line-height:1.8; }
.project-single-text h5{ color:#232323; font-size:18px; font-weight:500; margin:25px 0 20px; }
.project-single-text h5:after{ display:block; width:70px; margin-top:8px; content:" "; background:#76c924; height:2px; }
.project-single-text ul li{ color:#232323; font-size:15px; font-weight:500; }
.project-single-text ul li i{ color:#76c924; font-weight:500; font-size:15px; padding-right:10px; }
.project-single-info{ border:1px solid #ececec; display:block; width:100%; padding:0 20px; }
.project-single-info ul li{ color:#777; font-size:15px; font-weight:500; border-bottom:1px solid #ececec; padding:12px 0; }
.project-single-info ul li:last-child{ border-bottom:none; }
.project-single-info ul li span{ display:inline-block; color:#232323; font-size:15px; font-weight:500; margin-right:25px; width:80px; max-width:100%; }
.project-single-img{ padding-bottom:30px; }
.project-single-box-img img{ width:100%; border-radius:10px; -webkit-box-shadow:0 20px 40px rgba(0, 0, 0, .07); box-shadow:0 20px 40px rgba(0, 0, 0, .07); }

/* ===================================
    Accordion style
====================================== */

.accordion-style .card{ background:transparent; box-shadow:none; margin-top:0 !important; border:none; }
.accordion-style .card-header{ border:0px; padding:0; border-bottom:1px solid rgba(255, 255, 255, 0.15); background:none; }
.accordion-style .btn-link{ background:#76c924 !important; color:#fff; font-size:14px; line-height:20px; position:relative; border:none; display:block; width:100%; text-align:left; white-space:normal; border-radius:4px; padding:15px 30px 15px 15px; text-decoration:none; }
.accordion-style .btn-link:hover{ background:#76c924 !important; border:none; text-decoration:none; }
.accordion-style .btn-link.collapsed:after{ background:none; content:"+"; right:15px; left:inherit; font-size:20px; height:auto; transform:none; width:auto; top:15px; }
.accordion-style .btn-link:after{ background:none; content:"-"; right:17px; left:inherit; font-size:20px; height:auto; transform:none; width:auto; top:15px; position:absolute; color:#fff; }
.accordion-style .card-body{ padding:20px; line-height:24px; text-align:left; }

/* ===================================
    Service detail
====================================== */

.services-single-menu{ border:1px solid #ececec }
.services-single-menu ul li{ border-bottom:1px solid #ececec; background:#fff; }
.services-single-menu ul li:last-child{ border-bottom:none; }
.services-single-menu ul li:hover{ background:#f9f9f9; }
.services-single-menu ul li.services-active{ background:#76c924; }
.services-single-menu ul li.services-active a{ color:#fff; }
.services-single-menu ul li a{ display:block; color:#232323; font-size:15px; font-weight:500; padding:17px 0 17px 15px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.callback-box{ background:#232323; border:1px solid #ececec; border-radius:5px; padding:20px 15px 25px 15px; position:relative; }

/* ===================================
    Portfolio masonry
====================================== */

.masonry{ margin:10px; padding:0; -moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px; transition-duration:.4s; -webkit-transition-duration:.4s; }
.masonry a{ display:block; margin-top:10px; }
.masonry a:first-child{ margin-top:0; }
.masonry-item{ position: relative; overflow:hidden; -webkit-transition-duration:.4s; transition-duration:.4s; }
.masonry-item img{ display:block; width:100%; height:auto; -webkit-transition-duration:.4s; transition-duration:.4s; }
.masonry-item-overlay{ position:absolute; bottom:0; left:0; right:0; height:100%; max-height:100%; width:100%; opacity:0; background:rgba(0, 0, 0, .5); border: 8px solid rgba(255, 255, 255, 0.65); padding:3%; -webkit-transition-duration:.4s; transition-duration:.4s; }
.masonry-item:hover img{ transform:scale(1.2); }
.masonry-item:hover .masonry-item-overlay{ position:absolute; opacity:1; -webkit-transition-duration:.5s; transition-duration:.5s; }
.masonry-item:hover .masonry-item-overlay h4{ opacity:1; transform:translate(0, -50%); -ms-transform:translate(0, -50%); text-align:center; -webkit-transition-duration:.6s; transition-duration:.6s; }
.masonry-item:hover .masonry-item-overlay ul{ opacity:1; transform:translate(0, -50%); -ms-transform:translate(0, -50%); text-align:center; -webkit-transition-duration:.5s; transition-duration:.5s; }
.masonry-item-overlay h4{ color:#fff; font-size:20px; font-weight:400; position:absolute; bottom:40px; margin:0 0 20px 0; line-height:20px; }
.masonry-item-overlay ul{ position:absolute; padding-left:0; bottom:25px; margin:0; }
.masonry-item-overlay ul li{ list-style-type:none; display:inline-block; font-size:16px; font-weight:600; color:#fff; padding-left:0; opacity:.7; }
.masonry-item-overlay ul li:last-child:after{ content:none; }
.masonry-item-overlay ul li:after{ content:' / '; font-size:8px; font-weight:700; margin:0 5px; }
.masonry-item-overlay ul li a{ color:#fff; }
.masonry-item:first-child{ margin-top:0; }

@media only screen and (min-width:576px){
    .masonry{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
 }

@media only screen and (min-width:768px){
    .masonry{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
 }

@media only screen and (min-width:992px){
    .masonry{ -moz-column-count:3; -webkit-column-count:3; column-count:3; }
 }

@media only screen and (min-width:1200px){
    .masonry{ -moz-column-count:3; -webkit-column-count:3; column-count:3; }
 }

/* masonry 4 */
.masonry-4{ margin:10px; padding:0; -moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px; }
.masonry-4 a{ display:block; margin-top:10px; }
.masonry-4 a:first-child{ margin-top:0; }

@media only screen and (min-width:576px){
    .masonry-4{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
 }

@media only screen and (min-width:768px){
    .masonry-4{ -moz-column-count:2; -webkit-column-count:2; column-count:2; }
 }

@media only screen and (min-width:992px){
    .masonry-4{ -moz-column-count:3; -webkit-column-count:3; column-count:3; }
 }

@media only screen and (min-width:1200px){
    .masonry-4{ -moz-column-count:4; -webkit-column-count:4; column-count:4; }
 }

/* ===================================
    Animated tabs
====================================== */

.tab-menu{ display:table; width:100%; }
.default-tabs .tabs .tab-menu li{ background:#f7f7f7; display:inline-block; text-align:center; }
.default-tabs .tabs .tab-menu li a{ color:#232323; display:block; font-size:15px; font-weight:500; padding:18px 24px; text-decoration:none; }
.default-tabs .tabs .tab-menu li a i{ color:#76c924; display:inline-block; font-size:15px; margin-right:10px; text-decoration:none; }
.default-tabs .tabs .tab-menu li:hover a{ color:#76c924; }
.default-tabs .tabs .tabs li:hover i{ color:#76c924; }
.default-tabs .active-tab a i{ color:#76c924 !important; }
.default-tabs .tab-menu .active-tab a{ color:#76c924 !important; }
.default-tabs .tab-menu{ margin-bottom:4px; }
.bg-contain-verticle{ background:#fff; border:2px solid #76c924; background-repeat:no-repeat; background-size:cover; margin:0 -10px; padding:15px; }

/* big icon tabs */
.big-icon-tabs .tabs .tab-menu li{ display:table-cell; text-align:center; margin-right:5px; width:33.33%; }
.big-icon-tabs .tabs .tab-menu li:last-child{ margin-right:0; }
.big-icon-tabs .tabs .tab-menu li a{ background:#ececec; display:block; font-size:15px; font-weight:500; padding:18px 24px; text-decoration:none; border-top:2px solid #ececec; }
.big-icon-tabs .tabs .tab-menu li a i{ color:#76c924; display:block; font-size:40px; margin-bottom:10px; text-decoration:none; }
.big-icon-tabs .tabs .tab-menu li:hover a{ color:#76c924; }
.big-icon-tabs .tabs .tabs li:hover i{ color:#76c924; }
.big-icon-tabs .tab-menu .active-tab a{ background:#f7f7f7 !important; border-color:#76c924 !important; }

/* tab body */
.tab-body{ display:block; padding:5%; background:#f7f7f7 !important; }
.tab-body h2{ font-size:30px; color:#232323; font-weight:300; margin-bottom:10px; }
.tab-body h3,.tab-body h4,.tab-body h5{ font-weight:500; line-height:normal; margin-bottom:20px; }
.tab-body h3{ font-size:25px; }
.tab-body h4{ font-size:20px; }
.tab-body h5{ font-size:15px; }
.tab-body h2:after,.tab-body h3:after,.tab-body h4:after,.tab-body h5:after{ content:''; display:block; width:100px; height:2px; background:#76c924; margin-top:10px; margin-bottom:10px; }
.tab-body p{ font-size:15px; line-height:1.7; font-weight:400; }

@media screen and (max-width:1200px){
    .default-tabs .tabs .tab-menu li{ background:#f7f7f7; display:inline-block; text-align:center; width:auto; }
    .default-tabs .tabs .tab-menu li a{ color:#232323; display:block; font-size:15px; font-weight:500; padding:18px 24px; text-decoration:none; }
}

@media screen and (max-width:991px){
    .tab-body{ padding:20px; }
    .bg-contain-verticle{ margin:0; }
    .tab-body h3{ font-size:18px; }
    .big-icon-tabs .tabs .tab-menu li a{ padding:10px; font-size:12px; line-height:normal; }
    .big-icon-tabs .tabs .tab-menu li a i{ font-size:20px; margin-bottom:10px; }
}

@media screen and (max-width:767px){
    .default-tabs .tabs .tab-menu li{ display:block; width:100%; text-align:center; margin-bottom:4px; }
    .default-tabs .tab-menu .tabs li a{ display:block; padding:18px 14px; }
    .default-tabs .tab-menu .tabs li i{ font-size:25px; }
}

/* ===================================
    Pricing table
====================================== */

.price-table{ border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); position:relative; }
.price-table-header{ background:#76c924; text-align:center; padding:30px; }
.price-table-recommended{ position:relative; z-index:9999; transform:scale(1.09); }
.pricing-list > i{ background:#ffffff; border:1px solid #dddddd; border-radius:100%; color:#76c924; display:inline-block; font-size:30px; height:80px; line-height:78px; margin-bottom:15px; width:80px; }

.price-table-header h5{ border-bottom:1px solid rgba(255, 255, 255, 0.2); color:#ffffff; display:block; font-size:20px; font-weight:500; margin-bottom:30px; padding:5px 15px 15px; position:relative; text-align:center; text-transform:uppercase; }
.price-table-header h4{ color:#fff; font-size:60px; margin:15px 0 10px; }
.price-table-header h4 sup{ font-size:35px; margin:0 5px; }
.price-table-header span{ color:#fff; font-weight:400; font-size:16px; }

.price-table-content{ padding:20px; }
.price-table-content ul{ padding-left:0; padding-bottom:0; }
.price-table-content ul li{ display:block; list-style-type:none; color:#232323; font-size:14px; font-weight:500; padding:15px; }
.price-table-content ul li:before{ content:'\f00c'; font-family:FontAwesome; display:inline-block; color:#76c924; margin-right:12px; }
.price-table-content ul li:nth-child(2){ background:#eee; }
.price-table-content a{ display:inline-block; border:2px solid #76c924; background:#fff; font-family:"Montserrat",sans-serif; color:#232323; font-size:16px; font-weight:500; border-radius:10px; padding:12px 15px; width:100%; margin-top:15px; }
.price-table-content a:hover{ background:#76c924; color:#fff; }

.pricing-list{ text-align:center; border-radius:10px; background:#fff; border:2px solid #ececec; padding:30px 40px; -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -webkit-transition-duration:.5s; transition-duration:.5s; }
.pricing-list.highlight{ background:#76c924; }
.pricing-list.highlight .pricing-list-button{ background:#fff; margin:20px 15px 0; border:2px solid #fff; border-radius:5px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.pricing-list.highlight .pricing-list-button:hover{ background:#76c924; }
.pricing-list.highlight .pricing-list-button a{ display:block; color:#76c924; font-size:16px; font-weight:500; padding:8px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.pricing-list.highlight .pricing-list-button:hover a{ color:#fff; }
.pricing-list h4{ color:#232323; font-size:25px; font-weight:500; letter-spacing:2px; margin-bottom:20px; }
.pricing-list h2{ display:inline-block; color:#232323; letter-spacing:2px; }
.pricing-list h2 sup{ color:#232323; font-size:30px; font-weight:500; }
.pricing-list span{ display:inline-block; color:#76c924; font-weight:500; }
.pricing-list ul{ margin-top:20px }
.pricing-list ul li{ color:#666; font-size:15px; font-weight:400; padding:7px; }
.pricing-list ul li:after{ content:''; display:block; width:240px; max-width:100%; height:1px; background:#ececec; margin:10px auto 0; }
.pricing-list-button{ background:#76c924; margin:20px 15px 0; border:2px solid #76c924; border-radius:5px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.pricing-list-button:hover{ background:#fff; }
.pricing-list-button a{ display:block; color:#fff; font-size:16px; font-weight:500; padding:8px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.pricing-list-button:hover a{ color:#76c924; }

.price-table-style2 .price-table-header{ background:#000; }
.price-table-style2 .price-table-content a{ border-color:#232323; }
.price-table-style2 .price-table-content a:hover{ background:#232323; }
.price-table-style2 .price-table-content ul li:before{ color:#232323; }

@media (max-width:767px){
    .price-table-recommended{ position:relative; z-index:9999; transform:scale(1); }
 }

/* ===================================
    Blog block
====================================== */

.latest_blog_inner{ overflow:hidden; }
.image_blog{ position:relative; }
.image_blog > a:after{ background:#76c924 none repeat scroll 0 0; content:""; height:100%; left:0; opacity:0; position:absolute; top:0; transition:all 0.3s ease 0s; width:100%; }
.image_blog > a:hover:after{ opacity:0.6; }
.image_blog a img{ max-width:100%; }
.image_blog .img_blog_text{ bottom:35px; position:absolute; padding:0 20px; }
.image_blog .img_blog_text h5{ color:#ffffff; font-size:13px; letter-spacing:0.26px; padding-bottom:10px; margin-bottom:0; line-height:normal; }
.image_blog .img_blog_text h3{ color:#ffffff; font-size:18px; font-weight:600; margin-bottom:0; line-height:24px; }
.text_blog{ background:#ffffff none repeat scroll 0 0; padding:35px 40px 25px; transition:all 0.3s linear 0s; }
.text_blog:hover{ background:#76c924; }
.text_blog h5{ color:#616161; font-size:13px; letter-spacing:0.26px; padding-bottom:18px; margin:0; line-height:normal; transition:all 300ms linear 0s; }
.text_blog:hover h5 { color:#ffffff; }
.text_blog h3{ color:#282828; font-size:18px; font-weight:600; margin-bottom:0; line-height:24px; }
.text_blog:hover h3, .text_blog:hover h3 a{ color:#ffffff; }
.text_blog p{ margin:0; padding:20px 0; transition:all 300ms linear 0s; }
.text_blog:hover p { color:#ffffff; }
.text_blog .blog_user{ border-top:2px solid #ececec; padding-top:15px; }
.text_blog .blog_user h4{ color:#616161; font-size:15px; margin-bottom:0; line-height:normal; letter-spacing:0.3px; transition:all 300ms linear 0s; }
.text_blog .blog_user h4 a{ color:#76c924; transition:all 300ms linear 0s; }
.text_blog:hover .blog_user h4, .text_blog:hover .blog_user h4 a { color:#ffffff;  }

@media (max-width:992px){
    .text_blog{ padding:16px 20px; }
 }

/* ===================================
    Blog
====================================== */

.blog-grid{ position:relative; background:#fff; border:1px solid #eee; border-radius:5px; overflow:hidden; -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); }
.blog-grid img{ width:100%; }

.data-box-grid{ display:block; float:right; position:absolute; background:#76c924; left:20px; top:15px; padding:5px 10px; z-index:1; min-width:60px; text-align:center; }
.data-box-grid h5{ font-size:14px; line-height: normal; letter-spacing:2px; border-right:1px solid rgba(255, 255, 255, .3); margin-right:8px; display:inline-block; vertical-align:middle; padding-right:8px; margin-bottom:0; color:#fff; }

.blog-grid .data-box-grid p{ font-size:14px; margin-bottom:0; padding:0; border:none; color:#fff; display:inline-block; vertical-align:middle; text-transform:uppercase; }
.blog-grid-text{ padding:60px 25px 25px 25px; position:relative; }
.blog-grid-text > span{ color:#76c924; font-size:13px; font-weight:500; letter-spacing:2px; text-transform:uppercase; }
.blog-grid-text h4{ font-size:20px; line-height:normal; margin-bottom:15px; }
.blog-grid-text ul li{ display:inline-block; color:#999; font-size:14px; font-weight:500; margin:10px 25px 10px 0; }
.blog-grid-text ul li i{ color:#76c924; font-size:14px; font-weight:500; margin-right:10px; }
.blog-grid-text p{ color:#999; font-size:15px; font-weight:400; line-height:170%; border-top:1px solid #ececec; padding:15px 0; margin-bottom:0; }

.owl-carousel .blog-grid-simple{ margin:10px 15px 25px; }
.blog-grid-simple-date{ width:100%; }
.blog-grid-simple{ position:relative; background:#fff; border-radius:5px; border:1px solid #ececec; box-shadow:0 10px 15px 0 rgba(50, 50, 50, .16);  -webkit-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16); -moz-box-shadow:0 10px 30px 0 rgba(50, 50, 50, .16);  padding:30px; }
.blog-grid-simple h4,.blog-grid-simple h4 a{ color:#232323; line-height:normal; font-size:21px; font-weight:500; margin-bottom:15px; }
.blog-grid-simple h4 a:hover{ color:#76c924; }
.blog-grid-simple p{ color:#aaa; font-size:15px; font-weight:400; }
.blog-grid-simple-date i{ color:#888; font-size:20px; }
.blog-grid-simple-date h5{ color:#888; font-size:13px; margin-top:3px; margin-bottom:0; display:inline-block; margin-left:8px; line-height:normal; }
.blog-grid-simple-content{ border-top:1px solid #ececec; padding-top:20px; margin-top:15px; padding-left:15px; padding-right:15px; }
.blog-grid-simple-content a{ display:inline-block; color:#76c924; font-weight:600; font-size:14px; margin-top:2px }
.blog-grid-simple-content a:after{ content:'\f105'; font-size:14px; font-family:FontAwesome; color:#76c924; margin-left:10px; -webkit-transition-duration:.3s; transition-duration:.3s; }

.blog-list-left-heading:after,.blog-title-box:after{ content:''; height:2px }
.blog-grid-simple-content a:hover,.blog-grid-simple-content a:hover:after{ color:#232323; }
.blog-list-simple{ margin:0 0 30px 0; border-bottom:1px solid #e8e8e8; padding-bottom:30px; }
.blog-list-simple:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0; }
.data-box-simple{ display:block; float:right; position:absolute; background:#76c924; left:20px; top:5px; padding:5px; min-width:60px; text-align:center; }
.blog-list-simple-text > span{ color:#76c924; font-size:13px; font-weight:500; letter-spacing:2px; text-transform:uppercase; }
.data-box-simple h4{ color:#fff; font-size:30px; font-weight:400; letter-spacing:2px; border-bottom:1px solid #fff; margin-bottom:5px; line-height:normal; }
.data-box-simple p{ color:#fff; font-size:14px; font-weight:400; margin-bottom:0; }

.blog-list-simple-text p{ border-top:1px solid #ececec; color:#999999; font-size:15px; font-weight:400; line-height:170%; margin-bottom:0; padding:15px 0; }
.blog-list-simple-text .meta{ margin:0 0 5px 0; }
.blog-list-simple-text li{ display:inline-block; font-size:12px; color:#777; margin:5px; }
.blog-list-simple-text{ color:#999999; }
.blog-list-simple-text h4{ color:#232323; font-size:20px; font-weight:500; margin:5px 0; line-height:normal; }
.blog-list-simple-text ul{ margin:10px 0; }
.blog-list-simple-text ul li{ color:#999; font-size:14px; font-weight:500; padding:3px 0; }
.blog-list-simple-text ul li i{ color:#76c924; margin-right:5px; font-size:14px; }

.blogs .post{ margin-bottom:30px; }
.blogs .post .content{ padding:30px; background:#fafafa; }
.blogs .post .content .post-title h5{ font-size:26px; line-height:normal; font-weight:500; margin-bottom:0; }
.blogs .post .content .post-title h5 a{ color:#232323; }
.blogs .post .content .post-title h5 a:hover{ color:#F24259; }
.blogs .post .content .meta{ margin-bottom:15px; }
.blogs .post .content .meta li{ display:inline-block; font-size:12px; color:#777; margin:5px; }
.blogs .post .content .special{ padding:15px; margin:30px 0; border-left:2px solid #111; background:#f7f7f7; font-size:16px; }
.blogs .post .content .btn{ border-color:#6f6f6f; color:#6f6f6f; min-width:auto; padding:6px 20px; font-size:12px; }
.blogs .post .content .btn:hover{ color:#fff; border-color:#F24259; }
.blogs .post .share-post{ margin-top:30px; padding-top:20px; border-top:1px dashed #ddd; text-align:left; }
.blogs .post .share-post span{ font-weight:700; }
.blogs .post .share-post ul{ float:right; }
.blogs .post .share-post ul li{ display:inline-block; margin:0 10px; }
.blogs .post .post-img img{ width:100%; }

.blogs .posts .title-g h3{ font-weight:700; font-size:25px; margin-bottom:10px; }
.blogs .comments-area .comment-box{ padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #eee; }
.blogs .comments-area .comment-box:nth-child(odd){ margin-left:80px; }
.blogs .comments-area .comment-box:last-child{ margin-bottom:30px; }
.blogs .comment-box .author-thumb{ width:80px; float:left; }
.blogs .comment-box .comment-info{ margin-left:100px; }
.blogs .comment-box .comment-info h6{ font-size:14px; font-weight:600; margin-bottom:10px; }
.blogs .comment-box .comment-info .reply{ margin-top:10px; font-weight:600; }
.blogs .comment-box .comment-info .reply i{ padding-right:5px; font-size:12px; }

.pagination{ border-radius:0; padding:0; margin:0; }
.pagination ul{ display:inline-block; *display:inline; *zoom:1; margin:0 auto; padding:0; }
.pagination li{ display:inline; }
.pagination a{ float:left; padding:0 18px; line-height:40px; text-decoration:none; border:1px solid #dbdbdb; border-left-width:0; background:#fff; }
.pagination a:hover{ background-color:#232323; color:#fff; }
.pagination .active a{ background-color:#f7f7f7; color:#999; cursor:default; }
.pagination .disabled span{ color:#999; background-color:transparent; cursor:default; }
.pagination .disabled a{ color:#999; background-color:transparent; cursor:default; }
.pagination .disabled a:hover{ color:#999; background-color:transparent; cursor:default; }
.pagination li:first-child a{ border-left-width:1px; }

.blockquote{ background:#f1f1f1; border-left:4px solid #76c924; font-size:16px; font-weight:500; margin:25px 0; padding:20px 30px 30px; }
.blockquote p{ font-size:15px; font-weight:500; line-height:190%; color:#232323; letter-spacing:.5px; }
.blockquote h4{ font-size:20px; font-weight:400; color:#232323; letter-spacing:.5px; }

.side-bar .widget{ margin-bottom:30px; }
.side-bar .widget:last-child{ margin-bottom:0; }
.side-bar .widget .widget-title h6{ position:relative; padding-bottom:5px; font-size:14px; font-weight:600; letter-spacing:1px; margin-bottom:20px; }
.side-bar .widget .widget-title h6:after{ content:''; width:30px; height:1px; background:#76c924; position:absolute; bottom:0; left:0; }
.side-bar .widget li{ position:relative; padding:0 0 0 12px; margin:0 0 9px 0; color:#6f6f6f; }
.side-bar .widget li:last-child{ margin:0; }
.side-bar .widget li:after{ content:""; width:5px; height:1px; background-color:#6f6f6f; position:absolute; top:12px; left:0; }
.side-bar .widget .social-listing{ margin-bottom:0; }
.side-bar .widget .social-listing li{ list-style:none; display:inline-block; }
.side-bar .widget .social-listing li:after{ background:none; }
.side-bar .widget .social-listing li:first-child{ padding-left:0; }

.side-bar .search form input{ width:calc(100% - 50px); height:50px; padding:0 10px; margin:0; border:1px solid #d1d1d1; background:#f7f7f7; }
.side-bar .search form button{ width:50px; height:50px; line-height:50px; background:#1c1c1c; color:#fff; border:0; float:right; }

@media (max-width:767px){
    .blog-grid-simple-content a:after{ display:none; }
 }

/* ===================================
    Count and error box
====================================== */

/* count back box */
.count-back-box{ width:100%; text-align:center; background-position:center; background-size:cover; position: relative; z-index: 1; }
.count-back-box h1{ color:#232323; font-size:40px; font-weight:500; }

/* error box */
.error-box{ width:100%; height:100%; margin:0 auto; text-align:center; background-position:center; background-size:cover; position: relative; z-index: 1; }
.error-box h2{ color:rgba(204, 204, 204, .2); font-size:250px; font-weight:600; letter-spacing:10px; }
.error-box-text h1{ font-size:200px; color:#76c924; line-height:1; }
.error-box-text h3{ font-size:40px; color:#232323; line-height:normal; }
.error-box-text h4{ font-size:20px; color:#333; margin-top:20px; }

@media (max-width:767px){
    .error-box{ padding:30px; }
    .back-box{ display:none; }
    .error-box-text h1{ font-size:100px; }
}

/* count down */
ul.countdown li{ border-right:1px solid #626262; display:inline-block; padding:0 30px; text-align:center; }
ul.countdown li:last-child{ border:medium none; padding-right:0; }
ul.countdown li span{ font-size:36px; font-weight:700; line-height:normal; position:relative; }
ul.countdown li span::before{ content:""; height:1px; position:absolute; width:100%; }
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds{ font-size:12px; font-weight: 500; margin:0; padding:0; text-transform:uppercase; }

@media (max-width:767px){
    ul.countdown li{ padding:0 8px; }
    .social-links li{ margin-right:15px; }
    ul.countdown li span{ font-size:22px; }
}

/* ===================================
    Contact info
====================================== */

/* social links */
.social-icon-style1{ margin-bottom:0; }
.social-icon-style1 li{ text-align:center; margin-right:4px; display:inline-block; }
.social-icon-style1 li a{ background:#76c924; border:1px solid #76c924; color:#fff; border-radius:35px; height:35px; width:35px; line-height:35px; display:inline-block; }
.social-icon-style1 li a:hover{ background:#fff; color:#76c924; }

.social-icon-style2{ margin-bottom:0; }
.social-icon-style2 li{ text-align:center; margin-right:5px; display:inline-block; }
.social-icon-style2 li:last-child{ margin-right:0; }
.social-icon-style2 li a{ background:#f9f9f9; border:1px solid #76c924; color:#76c924; border-radius:35px; height:35px; width:35px; line-height:35px; display:inline-block; }
.social-icon-style2 li a:hover{ background:#76c924; color:#fff; }

.social-icon-style3{ margin-bottom:0; }
.social-icon-style3 li{ text-align:center; margin-right:10px; display:inline-block; }
.social-icon-style3 li a{ color:#6f6f6f; display:inline-block; font-size:16px; }
.social-icon-style3 li a:hover{ color:#76c924; }

.social-icon-style4{ padding:0; float:right; margin:0; }
.social-icon-style4 li{ font-size:14px; list-style-type:none; float:left; width:35px; text-align:center; margin:0; padding:13px 0; }
.social-icon-style4 li a{ opacity:.7; color:#fff; -webkit-transition-duration:.3s; transition-duration:.3s; }

.social-icon-style5 li{ display:inline-block; margin-right:40px; }
.social-icon-style5 li:last-child{ margin-right:0; }
.social-icon-style5 li a{ font-size:25px; }
.social-icon-style5 li a:hover{ color:#000; }

/* contact detail */
#map{ height:400px; width:100%; }
.contact-info{ font-size:14px; }
.contact-info i{ color:#76c924; font-size:18px; }
.contact-info strong{ color:#76c924; font-size:16px; }
.contact-info-section{ border-bottom:1px solid #ececec; padding:25px 0; margin-bottom:0; -webkit-transition-duration:.5s; transition-duration:.5s; }
.contact-info-section i{ width:25px; height:25px; padding-top:7px; border-radius:50%; background:#76c924; color:#fff; font-size:12px; margin-right:5px; line-height:11px; }
.contact-info-section h4{ color:#232323; font-size:18px; font-weight:500; margin-bottom:15px; line-height:normal; }
.contact-info-section p{ color:#999; font-size:15px; font-weight:400; margin:0; }
.contact-box{ text-align:center; background:#fff; border:1px solid #ececec; border-radius:2px; -webkit-box-shadow:0 20px 80px rgba(0, 0, 0, .12); box-shadow:0 20px 80px rgba(0, 0, 0, .12); margin:10px 0; padding:20px 15px; -webkit-transition-duration:.3s; transition-duration:.3s; }
.contact-box i{ background:#76c924; color:#fff; font-size:35px; margin:10px 0 20px; height:75px; width:75px; line-height:75px; border-radius:50%; }
.contact-box h4{ color:#232323; font-size:18px; font-weight:500; margin:0 0 5px; line-height:normal; }
.contact-box span{ color:#999; font-size:14px; }

/* newsletter */
.newsletter-form input{ display:inline-block; background:#fff; font-size:14px; margin-bottom:0; font-weight:500; outline:0; border:2px solid #eee; min-width:270px; max-width:100%; -moz-border-radius-topleft:30px; -webkit-border-top-left-radius:30px; border-top-left-radius:30px; -moz-border-radius-bottomleft:30px; -webkit-border-bottom-left-radius:30px; border-bottom-left-radius:30px; padding:12px 20px; width:auto; }
.newsletter-form button{ display:inline-block; background:#76c924; cursor:pointer; color:#fff; border:none; font-size:14px; font-weight:500; -moz-border-radius-topright:30px; -webkit-border-top-right-radius:30px; border-top-right-radius:30px; -moz-border-radius-bottomright:30px; -webkit-border-bottom-right-radius:30px; border-bottom-right-radius:30px; padding:14px 20px; }
.newsletter-form button:hover{ background:#232323; }

@media (max-width: 767px) {
    .newsletter-form button { margin-top: 15px; border-radius: 30px; width: 100%; display: block; }
    .newsletter-form input { border-radius: 30px; width: 100%; display: block; }
}

/* ===================================
    Footer
====================================== */

footer{ padding:60px 0 0; background:#232323; }
footer p{ margin-bottom:0; }
footer h3{ font-size:18px; font-weight:500; margin-bottom:30px; color:#fff; line-height:1; position:relative; }
footer h3:after{ content:''; display:block; width:70px; height:2px; background:#76c924; margin-top:12px; }
.footer-social-icons ul{ margin-bottom:0; }
.footer-social-icons ul li{ display:inline-block; border:1px solid #fff; border-radius:50%; color:#fff; margin-right:10px; margin-bottom:5px; -webkit-transition-duration:.3s; transition-duration:.3s }
.footer-social-icons ul li a{ color:#ffffff; display:block; font-size:15px; height:35px; line-height:34px; text-align:center; width:35px; }
.footer-social-icons ul li:hover{ background:#76c924; border-color:#76c924; }

.insta{ list-style:outside none none; padding:0; margin:0; }
.insta li{ display:inline-block; margin:0 0 5px; }
.insta li a{ display:block; position:relative; }
.insta li a:before{ background:#76c924; content:""; height:100%; left:0; opacity:0; position:absolute; top:0; transition:all 0.3s ease 0s; width:100%; }
.insta li a:hover:before{ opacity:0.6; }

.footer-list{ margin:0; }
.footer-list li{ list-style-type:none; color:#aaa; padding:6px 0; }
.footer-list li:first-child{ padding-top:0; }

.footer-list li a{ font-size:15px; font-weight:400; color:#aaa; }
.footer-list li a:hover,.footer-list li a:hover:before{ color:#fff; }

.footer-recent-post{ margin:15px 0; }
.footer-recent-post-thumb{ float:left; width:25%; }
.footer-recent-post-content{ float:left; width:75%; padding-left:10px; }
.footer-recent-post-content a{ display:block; color:#cccccc; font-size:15px; font-weight:400; line-height:normal; margin-top:-5px; }
.footer-recent-post-content a:hover{ color:#fff; }
.footer-recent-post-content span{ font-size:13px; font-weight:400; }

.footer-tags a{ display:inline-block; font-size:11px; padding:10px 15px; color:#fff; font-weight:400; background:#222; margin-top:4px; border-radius:5px; }
.footer-tags a:hover{ background:#76c924; }
.footer-bar{ padding-top:20px; padding-bottom:20px; margin-top:50px; text-align:center; background:#2a2a2a; }
.footer-bar span{ color:#76c924; font-size:15px; font-weight:400; }

@media (max-width: 767px) {
    footer { padding-top: 50px; }
    .footer-bar { margin-top: 50px;}
}
.justify{text-align: justify;}
.clear{clear: both;}