/*-----------------------
Project Name: Caring Van | html5 Logistic Template. 
Author: 24webpro 
Support: clinexmex0011@gmail.com. 
Description: Logistic Template. 
Tags: Logistic, Car, Ship, Delivary;
Version: 1.0
-------------------------*/

/* Css index
 --------------------- 
 1. GOOGLE FONTS
 2. BASE CSS
 3. ALL MARGIN PADDING 
 4. SECTION PADDING
 5. PRELOADER
 6. HEADER CSS
 7. SERVICE TOOLS. 
 8. HEADER SLIDER
 9. ALL SECTION TITLE
 10. ABOUT US 
 11. WHY CHOOSE US AREA
 12. OUR SERVICES AREA
 13. ASK QUESTION AREA
 14. OUR BLOG
 15. VIDEO DESCRIPTION AREA
 16. OUR TEAM
 17. TESTIMONIAL AREA
 18. CONTACT FORM AREA
 19. OTHER PAGES CSS
    19.1. PAGES BREADCRUMB
    19.2. BLOG PAGES
    19.3. BLOG DETAILS
    19.4. OUR SERVICES
    19.5. OUR FAQ TEMPLATE CSS
    19.6. OUR SERVICE DETAILS
20. CONTACT US AREA
21. TERMS AND CONDITIONS
22. 404 PAGE CSS
23. WELCOME PAGE
24. OUR LOCATOR
25. MY ACCOUNT
26. LOGIN PAGE
27. REGISTER PAGE
28. PROJECT-1 CSS
29. GALLERY PAGES
30. TEAM PAGES
31. QUOTE PAGE CSS
32. HOME-2
    32.1. HOME-2 ABOUT US
    32.2. HOME-2 ASK QUESTION
    32.3. HOME-2 OUR SOLUTION
    32.4. HOME-2 BLOG AREA
    32.5. HOME-2 GET QUOTE AREA
33. HOME-3
34. HOME-4
35. FOOTER CSS
    35.1. FOOTER COPYRIGHT
    35.2. FOOTER BRAND
    35.3. BACK TO TOP
 */

/*======================== 01.GOOGLE FONT =========================*/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poppins:400,500,700');
/*======================= 02. BASE CSS =========================*/
 *::-moz-selection {
    background:#eb1c74;
     color: #fff;
}
 *::selection {
    background: #eb1c74;
     color: #fff;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}
 .alignleft {
    float: left;
     margin-right: 15px;
}
 .alignright {
    float: right;
     margin-left: 15px;
}
 .aligncenter {
    display: block;
     margin: 0 auto 15px;
}
 a:focus {
     outline: 0 solid 
}
 img {
    max-width: 100%;
     height: auto;
}
 h1, h2, h3, h4, h5, h6 {
    margin: 0;
     font-weight: 700;
}
 html {
    line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     overflow-x: hidden;
     scroll-behavior: smooth;
}
 body, html {
    height: 100%;
}
 body {
    font-family: 'Open Sans', 'Poppins', sans-serif;
     font-size: 15px;
     font-weight: 400;
     text-align: left;
     text-justify: inter-character;
}
 a:hover, a:focus {
    text-decoration: none;
}
 p{
    margin: 0;
}
/*font family : Open Sans*/
 .f-o-bold{
    font-weight: 700;
     font-family: 'Open Sans', sans-serif;
}
 .f-o-semi{
    font-weight: 600;
     font-family: 'Open Sans', sans-serif;
}
 .f-o-reg{
    font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
/*font family : Popins */
 .f-p-bold{
    font-weight: 700;
     font-family: 'Poppins', sans-serif;
}
 .f-p-semi{
    font-weight: 600;
     font-family: 'Poppins', sans-serif;
}
 .f-p-med{
    font-weight: 500;
     font-family: 'Poppins', sans-serif;
}
 .f-p-reg{
    font-weight: 400;
     font-family: 'Poppins', sans-serif;
}
 p{
    margin: 0;
}
 .clear {
    clear: both;
     padding: 30px 0;
}
 .hover:hover{
    background-color: #282e3e !important;
     color: #fff;
     -webkit-transition:.3s;
     transition: .3s;
}
/* all btn */
 .btn.focus, .btn:focus, .btn-primary.focus, .btn-primary:focus {
     outline: 0;
     box-shadow: none;
}
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #16d428;
     border-color: transparent;
}
 .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
     box-shadow: none;
}
/*======================= 02. BASE CSS END =========================*/
/*=========================== 03. All Margin Padding css =============================*/
/* Normal padding css*/
.p-100{
    padding: 100px 0;
} 
.p-80{
    padding: 80px 0;
} 
.p-50{
    padding: 50px 0;
}
.p-0{
    padding: 0;
}
/* padding top*/
 .pt-150{
    padding-top: 150px;
}
 .pt-140{
    padding-top: 140px;
}
 .pt-130{
    padding-top: 130px;
}
 .pt-120{
    padding-top: 120px;
}
 .pt-110{
    padding-top: 110px;
}
 .pt-100{
    padding-top: 100px;
}
 .pt-90{
    padding-top: 90px;
}
 .pt-80{
    padding-top: 80px;
}
 .pt-70{
    padding-top: 70px;
} 
.pt-65{
    padding-top: 65px;
}
 .pt-60{
    padding-top: 60px;
}
 .pt-50{
    padding-top: 50px;
}
 .pt-40{
    padding-top: 40px;
}
 .pt-30{
    padding-top: 30px;
}
 .pt-25{
    padding-top: 30px;
}
 .pt-20{
    padding-top: 20px;
}
 .pt-10{
    padding-top: 10px;
}
 .pt-0{
    padding-top: 0px;
}
/* padding right */
 .pr-150{
    padding-right: 150px;
}
 .pr-140{
    padding-right: 140px;
}
 .pr-130{
    padding-right: 130px;
}
 .pr-120{
    padding-right: 120px;
}
 .pr-110{
    padding-right: 110px;
}
 .pr-100{
    padding-right: 100px;
}
 .pr-90{
    padding-right: 90px;
}
 .pr-80{
    padding-right: 80px;
}
 .pr-70{
    padding-right: 70px;
}
 .pr-60{
    padding-right: 60px;
}
 .pr-50{
    padding-right: 50px;
}
 .pr-40{
    padding-right: 40px;
}
 .pr-30{
    padding-right: 30px;
}
 .pr-20{
    padding-right: 20px;
}
 .pr-10{
    padding-right: 10px;
}
 .pr-0{
    padding-right: 0px;
}
/* padding left*/
 .pl-150{
    padding-left: 150px;
}
 .pl-140{
    padding-left: 140px;
}
 .pl-130{
    padding-left: 130px;
}
 .pl-120{
    padding-left: 120px;
}
 .pl-110{
    padding-left: 110px;
}
 .pl-100{
    padding-left: 100px;
}
 .pl-90{
    padding-left: 90px;
}
 .pl-80{
    padding-left: 80px;
}
 .pl-75{
    padding-left: 75px;
}
 .pl-70{
    padding-left: 70px;
}
 .pl-60{
    padding-left: 60px;
}
 .pl-50{
    padding-left: 50px;
}
 .pl-40{
    padding-left: 40px;
}
 .pl-30{
    padding-left: 30px;
}
 .pl-20{
    padding-left: 20px;
}
 .pl-15{
    padding-left: 15px;
}
 .pl-10{
    padding-left: 10px;
}
 .pl-0{
    padding-left: 0px;
}
/* padding bottom*/
 .pb-150{
    padding-bottom: 150px;
}
 .pb-140{
    padding-bottom: 140px;
}
 .pb-130{
    padding-bottom: 130px;
}
 .pb-120{
    padding-bottom: 120px;
}
 .pb-110{
    padding-bottom: 110px;
}
 .pb-100{
    padding-bottom: 100px;
}
 .pb-90{
    padding-bottom: 90px;
}
 .pb-80{
    padding-bottom: 80px;
}
 .pb-75{
    padding-bottom: 75px;
}
 .pb-70{
    padding-bottom: 70px;
} 
.pb-65{
    padding-bottom: 65px;
}
 .pb-60{
    padding-bottom: 60px;
}
.pb-55{
    padding-bottom: 55px;
} 
.pb-50{
    padding-bottom: 50px;
}
 .pb-45{
    padding-bottom: 45px;
} 
.pb-40{
    padding-bottom: 40px;
}
 .pb-35{
    padding-bottom: 35px;
} 
.pb-30{
    padding-bottom: 30px;
}
 .pb-25{
    padding-bottom: 25px;
}
 .pb-20{
    padding-bottom: 20px;
}
 .pb-10{
    padding-bottom: 10px;
}
 .pb-0{
    padding-bottom: 0;
}
/*Normal margin css*/
 .m-80{
    margin: 80px 0;
}
 .m-30{
    margin: 30px 0;
}
 .m-20{
    margin: 20px 0;
}
 .m-15{
    margin: 15px 0;
}
 .m-0{
    margin: 0;
}
/* Margin top*/
 .mt-150{
    margin-top: 150px;
}
 .mt-140{
    margin-top: 140px;
}
 .mt-130{
    margin-top: 130px;
}
 .mt-120{
    margin-top: 120px;
}
 .mt-110{
    margin-top: 110px;
}
 .mt-100{
    margin-top: 100px;
}
 .mt-90{
    margin-top: 90px;
}
 .mt-80{
    margin-top: 80px;
}
 .mt-70{
    margin-top: 70px;
}
 .mt-60{
    margin-top: 60px;
}
 .mt-50{
    margin-top: 50px;
}
 .mt-40{
    margin-top: 40px;
}
 .mt-30{
    margin-top: 30px;
}
 .mt-20{
    margin-top: 20px;
}
 .mt-15{
    margin-top: 15px;
}
 .mt-10{
    margin-top: 10px;
}
/* Margin Bottom*/
 .mb-150{
    margin-bottom: 150px;
}
 .mb-140{
    margin-bottom: 140px;
}
 .mb-130{
    margin-bottom: 130px;
}
 .mb-120{
    margin-bottom: 120px;
}
 .mb-110{
    margin-bottom: 110px;
}
 .mb-100{
    margin-bottom: 100px;
}
 .mb-90{
    margin-bottom: 90px;
}
 .mb-80{
    margin-bottom: 80px;
}
 .mb-75{
    margin-bottom: 75px;
}
 .mb-70{
    margin-bottom: 70px;
}
 .mb-60{
    margin-bottom: 60px;
}
 .mb-50{
    margin-bottom: 50px;
}
 .mb-40{
    margin-bottom: 40px;
}
 .mb-30{
    margin-bottom: 30px;
}
 .mb-25{
    margin-bottom: 25px;
}
 .mb-20{
    margin-bottom: 20px;
}
 .mb-23{
    margin-bottom: 23px;
}
 .mb-15{
    margin-bottom: 15px;
}
 .mb-10{
    margin-bottom: 10px;
}
 .mb-0{
    margin-bottom: 0;
}
/* Margin right*/
 .mr-150{
    margin-right: 150px;
}
 .mr-140{
    margin-right: 140px;
}
 .mr-130{
    margin-right: 130px;
}
 .mr-120{
    margin-right: 120px;
}
 .mr-110{
    margin-right: 110px;
}
 .mr-100{
    margin-right: 100px;
}
 .mr-90{
    margin-right: 90px;
}
 .mr-80{
    margin-right: 80px;
}
 .mr-70{
    margin-right: 70px;
}
 .mr-60{
    margin-right: 60px;
}
 .mr-50{
    margin-right: 50px;
}
 .mr-40{
    margin-right: 40px;
}
 .mr-30{
    margin-right: 30px;
}
 .mr-20{
    margin-right: 20px;
}
 .mr-15{
    margin-right: 15px;
}
 .mr-10{
    margin-right: 10px;
}
/* Margin left*/
 .ml-150{
    margin-left: 150px;
}
 .ml-140{
    margin-left: 140px;
}
 .ml-130{
    margin-left: 130px;
}
 .ml-120{
    margin-left: 120px;
}
 .ml-110{
    margin-left: 110px;
}
 .ml-100{
    margin-left: 100px;
}
 .ml-90{
    margin-left: 90px;
}
 .ml-80{
    margin-left: 80px;
}
 .ml-75{
    margin-left: 75px;
}
 .ml-70{
    margin-left: 70px;
}
 .ml-60{
    margin-left: 60px;
}
 .ml-50{
    margin-left: 50px;
}
 .ml-40{
    margin-left: 40px;
}
 .ml-30{
    margin-left: 30px;
}
 .ml-20{
    margin-left: 20px;
}
 .ml-23{
    margin-left: 23px;
}
 .ml-15{
    margin-left: 15px;
}
 .ml-10{
    margin-left: 10px;
}
 .ml-0{
    margin-left: 0;
}
/*================================= 03. ALL SECTION MARGIN PADDING END ===============================*/
/*============================= 04. SECTION PADDING MARGIN START ================================*/
/*section padding css*/
 .p-80{
    padding: 80px 0;
}
 .p-0{
    padding: 0;
}
 .pt-80{
    padding-top: 80px;
}
 .pt-50{
    padding-top: 50px;
}
 .pb-80{
    padding-bottom: 80px;
}
 .pb-50{
    padding-bottom: 50px;
}
 .pb-60{
    padding-bottom: 60px;
}
 .plr {
     padding-right: 100px;
     padding-left: 100px;
}
/*section margin css*/
 .m-80{
    margin: 80px 0;
}
 .m-0{
    margin: 0;
}
 .mt-80{
    margin-top: 80px;
}
 .mb-80{
    margin-bottom: 80px;
}
 .mb-50{
    margin-bottom: 50px;
}
 .mb-30{
    margin-bottom: 30px;
}
 .mb-20{
    margin-bottom: 20px;
}
 .mt-50{
    margin-top: 50px;
}
 .mlr {
     margin-right: 100px;
     margin-left: 100px;
}
/*All section Spacer*/
 .spacer{
    display: block;
}
 .spacer-2{
    display: block;
     height: 10px;
}
/*================================ 04. SECTION PADDING MARGIN CSS END ==================================*/
/*============================= 05. PRELOADER CSS START ================================*/
 #loading{
     background-color: #dc3522;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: 999;
     margin-top: 0px;
     top: 0px;
}
 #loading-center{
     width: 100%;
     height: 100%;
     position: relative;
     background: #222c39;
}
 #loading-center-absolute {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 150px;
     width: 150px;
     margin-top: -75px;
     margin-left: -75px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .object{
     width: 20px;
     height: 20px;
     background-color: #FFF;
     position: absolute;
     left: 65px;
     top: 65px;
     border-radius: 50% 50% 50% 50%;
}
 .object:nth-child(2n+0) {
     margin-right: 0px;
}
 #object_one {
     -webkit-animation: object_one 2s infinite;
     animation: object_one 2s infinite;
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
}
 #object_two {
     -webkit-animation: object_two 2s infinite;
     animation: object_two 2s infinite;
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
}
 #object_three {
     -webkit-animation: object_three 2s infinite;
     animation: object_three 2s infinite;
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
}
 #object_four {
     -webkit-animation: object_four 2s infinite;
     animation: object_four 2s infinite;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
}
 #object_five {
     -webkit-animation: object_five 2s infinite;
     animation: object_five 2s infinite;
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
}
 #object_six {
     -webkit-animation: object_six 2s infinite;
     animation: object_six 2s infinite;
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
}
 #object_seven {
     -webkit-animation: object_seven 2s infinite;
     animation: object_seven 2s infinite;
     -webkit-animation-delay: 0.8s;
     animation-delay: 0.8s;
}
 #object_eight {
     -webkit-animation: object_eight 2s infinite;
     animation: object_eight 2s infinite;
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
}
 #object_big{
     position: absolute;
     width: 50px;
     height: 50px;
     left: 50px;
     top: 50px;
     -webkit-animation: object_big 2s infinite;
     animation: object_big 2s infinite;
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
}
 @-webkit-keyframes object_big {
     50% {
         -webkit-transform: scale(0.5);
    }
}
 @keyframes object_big {
     50% {
         transform: scale(0.5);
         -webkit-transform: scale(0.5);
    }
}
 @-webkit-keyframes object_one {
     50% {
         -webkit-transform: translate(-65px,-65px) ;
    }
}
 @keyframes object_one {
     50% {
         transform: translate(-65px,-65px) ;
         -webkit-transform: translate(-65px,-65px) ;
    }
}
 @-webkit-keyframes object_two {
     50% {
         -webkit-transform: translate(0,-65px) ;
    }
}
 @keyframes object_two {
     50% {
         transform: translate(0,-65px) ;
         -webkit-transform: translate(0,-65px) ;
    }
}
 @-webkit-keyframes object_three {
     50% {
         -webkit-transform: translate(65px,-65px) ;
    }
}
 @keyframes object_three {
     50% {
         transform: translate(65px,-65px) ;
         -webkit-transform: translate(65px,-65px) ;
    }
}
 @-webkit-keyframes object_four {
     50% {
         -webkit-transform: translate(65px,0) ;
    }
}
 @keyframes object_four {
     50% {
         transform: translate(65px,0) ;
         -webkit-transform: translate(65px,0) ;
    }
}
 @-webkit-keyframes object_five {
     50% {
         -webkit-transform: translate(65px,65px) ;
    }
}
 @keyframes object_five {
     50% {
         transform: translate(65px,65px) ;
         -webkit-transform: translate(65px,65px) ;
    }
}
 @-webkit-keyframes object_six {
     50% {
         -webkit-transform: translate(0,65px) ;
    }
}
 @keyframes object_six {
     50% {
         transform: translate(0,65px) ;
         -webkit-transform: translate(0,65px) ;
    }
}
 @-webkit-keyframes object_seven {
     50% {
         -webkit-transform: translate(-65px,65px) ;
    }
}
 @keyframes object_seven {
     50% {
         transform: translate(-65px,65px) ;
         -webkit-transform: translate(-65px,65px) ;
    }
}
 @-webkit-keyframes object_eight {
     50% {
         -webkit-transform: translate(-65px,0) ;
    }
}
 @keyframes object_eight {
     50% {
         transform: translate(-65px,0) ;
         -webkit-transform: translate(-65px,0) ;
    }
}
/*============================= 05. PRELOADER CSS END ================================*/
/*============================= 06. HEADER CSS START ===============================*/
 .header-address {
    padding: 20px 0;
}
 .header-address.header-bg {
    background-color: #282e3e;
}
 .cell-no {
     color: #fff;
     font-size: 14px;
}
 .cell-no a {
     color: #fff !important;
     font-size: 14px;
}
 .w-h p {
     color: #fff;
     font-size: 14px;
}
 .cell-no i {
     margin-right: 5px;
}
 .w-h i {
     margin-right: 5px;
}
 .h-n nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: right;
}
 .h-n nav ul li {
     display: inline-block;
     font-size: 14px;
}
 .h-n nav ul li a {
     display: block;
     margin-right: 20px;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
}
 .h-n nav ul li:last-child a {
    margin-right: 0;
}
/*Logo Area*/
 .logo-area img {
     max-width: 150px;
     max-width: 150px;
}
/*Main Menu Area*/
 .mt-main-menu:before {
     border-bottom: 1px solid #d4d5d8;
     position: absolute;
     left: 0;
     bottom: 0;
     content: '';
     height: 1px;
     width: 129%;
}
 .mt-main-menu {
     position: relative;
}
 .mt-main-menu nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .mt-main-menu nav ul li {
     display: inline-block;
     position: relative;
     margin-right: 30px;
}
 .mt-main-menu nav ul li:last-child{
    margin-right: 0;
}
 .mt-main-menu nav ul li:hover a{
    color: #16d428;
    -webkit-transition:.5s;
    transition: .5s;
}
 .mt-main-menu nav ul li a {
     display: block;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
     color: #282e3e;
     position: relative;
     transition: .5s;
     -webkit-transition: .5s;
     padding: 30px 0;
}
/*submenu*/
 .mt-main-menu ul li ul.submenu {
     position: absolute;
     background: #282e3e;
     width: 220px;
     left: auto;
     top: 80px;
     border-top: 3px solid #16d428;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition:.3s;
     transition: .3s;
     z-index: 2;
}
 .mt-main-menu nav ul li:hover ul.submenu {
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 80px;
}
 .mt-main-menu nav ul li ul.submenu li{
     margin: 0;
     display: block;
     border-bottom: 2px solid #1e2128;
     top: -3px;
}
 .mt-main-menu nav ul li ul.submenu li:last-child {
    border: none;
}
 .mt-main-menu nav ul li ul.submenu li a{
     color: #fff !important;
     padding: 15px 20px;
     font-size: 14px;
     width: 100%;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
}
 .mt-main-menu nav ul li ul.submenu li:hover> a{
     background: #11b120;
     padding-left:30px;
}
 .mt-main-menu nav ul li ul.submenu li ul.submenu{
     left: 100%;
     top: 0;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
 .mt-main-menu nav ul li ul.submenu li:hover ul.submenu{
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
}
 .menu-area {
     padding: 20px 0;
}
 .menu_fixed {
     position: fixed;
     width: 100%;
     z-index: 10;
     background-color: #fff;
     left: 0;
     top: 0;
     z-index: 99;
     box-shadow: 0 5px 20px -10px #333;
}
 .menu_fixed .mt-main-menu:before {
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/*mobile menu*/
 .responsive-menu.mean-container .mean-bar a.meanmenu-reveal {
     border: 1px solid #16d428;
     top: -46px;
}
 .mean-container .mean-nav {
     float: left;
     width: 100%;
     background: #0d1b10;
     top: 20px;
     position: relative;
}
 .mean-container .mean-nav ul li a {
     display: block;
     float: left;
     width: 90%;
     padding: 1em 5%;
     margin: 0;
     text-align: left;
     color: #fff;
    /* border-top: 1px solid #383838;
     */
     border-top: 1px solid rgba(255,255,255,0.5);
     text-decoration: none;
     text-transform: uppercase;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .mean-container .mean-nav ul li a.mean-expand {
     margin-top: 1px;
     width: 26px;
     height: 26px;
     padding: 12px !important;
     text-align: center;
     position: absolute;
     right: 0;
     top: 1px;
     z-index: 2;
     font-weight: 700;
     background: rgba(255,255,255,0.1);
     border: none !important;
    /* border-left: 1px solid rgba(255,255,255,0.4) !important;
     */
    /* border-bottom: 1px solid rgba(255,255,255,0.2) !important;
     */
     font-size: 14px !important;
}
.home-2 .mean-container a.meanmenu-reveal span {
    background: #fff;
}
/*Header Quote Btn Style*/
 .quote-btn {
     padding: 15px 15px;
     border: 1px solid #16d428;
}
 a.quote-btn {
     font-size: 16px;
     color: #16d428;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     -webkit-transition:.3s;
     transition: .3s;
}
 .quote-btn:hover {
     background-color: #16d428;
     color: #fff;
     border: 1px solid #fff;
}
/*============================= 06. HEADER CSS END ===============================*/
/*=================== 07. SERVICE TOOLS AREA CSS =====================*/
  .mt-service-area ul.single-service-tool{
    -webkit-transition:.3s;
    transition: .3s;
     margin-left: 60px;
}
  .mt-service-area ul.single-service-tool:first-child {
     margin-left: 0;
}
  .mt-service-area ul.single-service-tool:hover li {
     color: #54df61;
     -webkit-transition:.3s;
     transition: .3s;
}
 .mt-service {
    clear: both;
}
 .mt-service-area ul.single-service-tool {
    list-style: none;
     padding: 0;
     margin: 0;
}
 .mt-service-area ul.single-service-tool {
     display: inline-block;
     margin-left: 90px;
}
 .mt-service-area ul.single-service-tool li.solution:first-child {
     margin-left: 0;
}
 .mt-service-area {
     overflow: hidden;
     opacity: .8;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 .mt-service-area ul.single-service-tool li {
     display: inline-block;
     transition: .5s;
     -webkit-transition: .5s;
}
 .mt-service-area ul.single-service-tool li.solution i {
    font-size: 36px;
     font-family: 'IcoFont' !important;
     margin: 0;
     position: relative;
     top: 0;
}
 .mt-service-area ul.single-service-tool li p {
    margin-top: 10px;
     font-size: 15px;
     font-family: 'Open Sans', Sans-serif;
}
 .mt-service-area ul.single-service-tool li i {
     font-size: 30px;
     margin-left: 30px;
     position: relative;
     bottom: -5px;
}
 .mt-service-area ul.single-service-tool li.solution:hover, .mt-service-area ul.single-service-tool li:hover i {
    color: #54df61;
}
/*=================== 07. SERVICE TOOL AREA END =====================*/
/*========================= 08. HEADER SLIDER ===========================*/
 .banner-bg {
     position: relative;
     background-size: cover;
     background-position: center top;
     background-color: #dddddde6;
     background-repeat: no-repeat;
}
 .banner-bg:before {
     position: absolute;
     height: 100%;
     width: 100%;
     content: '';
     background: #282e3e;
     opacity: .7;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
 .banner-bg-1{
    background-image: url(../img/h-slider/slide-1.jpg);
}

}
 .banner-bg-1{
    background-image: url(../img/h-slider/slide-1.jpg);
}
 .banner-text {
     padding: 260px 0;
}
 .banner-text h3 {
     font-size: 30px;
     color: #16d428;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     text-transform: uppercase;
     margin-bottom: 10px;
}
 .banner-text h2 {
     font-size: 60px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     line-height: 1.2;
}
 .banner-text p {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #fff;
     margin-top: 20px;
     line-height: 30px;
}
/* slider readmore btn*/
 .mt-btn {
     color: #fff;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     line-height: 1;
     padding: 20px 23px;
     position: relative;
     text-transform: capitalize;
     -webkit-transform: perspective(1px) translateZ(0px);
        transform: perspective(1px) translateZ(0px);
     -webkit-transition:.3s;
     transition: .3s;
     vertical-align: middle;
     background: #16d428;
     border-radius: 0;
     border: none;
     font-family: 'Open Sans', sans-serif;
}
 .mt-btn:before {
     background: #e21f2f;
     bottom: 0;
     content: "";
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transform: scaleY(0);
             transform: scaleY(0);
     -webkit-transform-origin: 50% 0 0;
             transform-origin: 50% 0 0;
     -webkit-transition-duration: 0.3s;
             transition-duration: 0.3s;
     -webkit-transition-property:-webkit-transform;
     transition-property:-webkit-transform;
     transition-property:transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-timing-function: ease-out;
             transition-timing-function: ease-out;
     z-index: -1;
     border-radius: 0;
}
 .mt-btn:hover:before {
    -webkit-transform: scaley(1);
            transform: scaley(1);
}
 .read-more-btn {
     border-radius: 0;
     background-color: #16d428;
     border: transparent;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 700;
     margin-top: 30px;
     transition: .5s;
     -webkit-transition: .5s;
}
 .header-slider-active .owl-dots div {
    display: inline-block;
     height: 10px;
     width: 10px;
     background: #60698a;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     margin-right: 4px;
}
 .header-slider-active .owl-dots {
    position: absolute;
     left: 0;
     bottom: 20px;
     width: 100%;
     text-align: center;
}
 .header-slider-active .owl-controls {
     height: 50px;
     width: 92px;
     background-color: #fff;
     position: absolute;
     left: 50%;
     bottom: -25px;
     border-radius: 25px;
     display: inline-block;
     margin: 0 auto;
     transform: translate(-50%);
     -webkit-transform: translate(-50%);
     -o-transform: translate(-50%);
     -moz-transform:translate(-50%);
}
 .header-slider-active .owl-dots {
     text-align: center;
}
 .header-slider-active .owl-dots div.active {
     background: #16d428;
}
/*========================= 08. HEADER SLIDER END. ===========================*/
/*============================== 09. ALL SECTION TITLE ================================*/
 .section-title {
     position: relative;
     padding-bottom: 70px;
}
 .section-title h2 {
     font-size: 50px;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     color: #282e3e;
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 20px;
}
 .section-title h2:before {
     position: absolute;
     content: '';
     height: 4px;
     width: 70px;
     left: 0;
     background-color: #16d428;
     bottom: 0;
     margin: auto;
     right: 0;
}
 .section-title p {
     font-size: 15px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     line-height: 24px;
}
 .section-title span {
     color: #16d428;
}
 .left-section-title {
     position: relative;
     padding-bottom: 70px;
}
 .left-section-title h2 {
     font-size: 50px;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     color: #282e3e;/*
     margin-top: 70px;*/
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 20px;
}
 .left-section-title h2:before {
     position: absolute;
     content: '';
     height: 4px;
     width: 70px;
     left: 0;
     background-color: #16d428;
     bottom: 0;
}
 .left-section-title p {
     font-size: 15px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     line-height: 24px;
}
/*============================== 09. ALL SECTION TITLE END. ================================*/
/*===================== 10. ABOUT US CSS START =======================*/
 .about-details h2 {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     margin-bottom: 30px;
     color: #282e3e;
}
 .about-details h2 span {
     color: #16d428;
}
 .about-details p {
     font-size: 15px;
     font-family: "Open Sans", Sans-serif;
     line-height: 24px;
     color: #798795;
}
 .about-img img {
    height: 370px;
}
/*about us pages*/
 .video-1, .video-2 {
     position: relative;
}
 .video-hover {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     background: rgb(40,46,62, 0.8);
     border-radius: 10px;
}
 .video-hover .video-overlay .play-bg {
     font-size: 20px;
     color: #fff;
     background: rgb(22,212,40);
     height: 50px;
     width: 50px;
     border-radius: 50%;
     display: block;
     text-align: center;
     line-height: 50px;
     position: relative;
}
 .about-video-text h4 {
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #16d428;
     margin-bottom: 20px;
     margin-top: 30px;
}
 .about-video-text p {
     font-size: 14px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     line-height: 24px;
     color: #798795;
}
 .row.pos-rel {
     position: relative;
     z-index: 9;
}
 .row.pos-relative {
     position: relative;
     margin-top: -160px;
}
 .about-video.video-item-1 img, .about-video.video-item-2 img, .about-video.video-item-3 img {
     width: 100%;
     border-radius: 10px;
}
 .about-img img {
     width: 100%;
     max-height: 100%;
}
 .about-txt h2 {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #282e3d;
     margin-bottom: 20px;
}
 .about-txt p {
     font-size: 15px;
     font-weight: 400;
     line-height: 24px;
     color: #798795;
     font-family: 'Open Sans', sans-serif;
}
/*=================== 10. ABOUT US CSS END =====================*/
/*=================== 11. WHY CHOOSE US CSS =====================*/
 .single-feature-item .feature-icon {
     float: left;
     display: inline-block;
     font-size: 50px;
     margin: auto;
     height: 130px;
     width: 130px;
     border-radius: 50%;
     background-color: #fff;
     text-align: center;
     line-height: 2;
     border: 10px solid #efefef;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-feature-item:hover .feature-icon {
     background-color: #16d428;
     color: #fff;
     border-color: #11ca22;
}
 .single-feature-item .feature-text {
     padding-left: 160px;
}
 .single-feature-item .feature-text h2 {
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 15px;
     text-transform: capitalize;
     color: #282e3e;
     -webkit-transition:.3s;
     transition: .3s;
}

.service-tab-content p {
    color: #798795;
}

 .single-feature-item:hover .feature-text h2 {
    color: #16d428;
}
 .single-feature-item .feature-text p {
     font-size: 15px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     line-height: 24px;
}
/*=================== 11. WHY CHOOSE US END =====================*/
/*========================= 12. OUR SERVICES AREA CSS ===========================*/
/* .our-services .container {
     box-shadow: 0 0 20px -10px #000;
     padding-left: 0;
     padding-right: 0;
}*/
 .single-content-img {
     height: 186px;
     width: 100%;
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     background-color: #ccc;
}
 .img-1{
    background-image: url(../img/service/service-1.jpg);
}
 .img-2{
    background-image: url(../img/service/service-2.jpg);
}
 .img-3{
    background-image: url(../img/service/service-3.jpg);
}
/* .view-all {
     margin-top: 90px;
}*/
 .view-all a {
     color: #16D428;
     font-size: 14px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     text-decoration: none;
}
 .single-content-img {
     margin-bottom: 25px;
}
 .single-slider-item-box {
     margin: 0;
}
 .single-box-content {
     overflow: hidden;
}
 .service-meta {
     padding-left: 10px;
     padding-right: 8px;
}
 .service-meta h4 a {
     font-size: 16px;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     color: #282e3e;
     transition: .3s;
     -webkit-transition: .3s;
}
 .single-slider-item-box:hover .service-meta h4 a {
     color: #16d428;
}
 .service-meta h4 {
     margin-bottom: 15px;
}
 .service-meta p {
     font-size: 14px;
     font-weight: 400;
     font-family: "Open Sans", sans-serif;
     line-height: 24px;
     color: #798795;
}
 .service-meta h4 a i {
     font-size: 22px;
     position: relative;
     top: 3px;
     margin-right: 10px;
}
 .our-services .single-service-carousel .owl-dots div {
     display: block;
     height: 100px;
     width: 4px;
     background-color: #e3f6e5;
     border-radius: 4px;
     -webkit-transition:.5s;
     transition: .5s;
}
 .our-services .single-service-carousel .owl-dots {
     position: absolute;
     right: -155px;
     top: 8%;
}
 .our-services .single-service-carousel .owl-dot.active {
     background-color: #16d428;
}
/*========================= 12. OUR SERVICES AREA END ===========================*/
/*============================== 13. ASK QUESTION AREA CSS ================================*/
 .services-custom-tab a {
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     margin-bottom: 25px;
     display: inherit;
     color: #282e3e;
}
 .services-custom-tab a:last-child {
     margin-bottom: 0;
}
 .services-custom-tab a span {
     margin-right: 20px;
}
 .service-tab-content .tab-heading h3 {
     font-size: 18px;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     margin-bottom: 30px;
     color: #16d428;
}
 .service-tab-content .tab-heading h3 span {
     margin-right: 20px;
}
 .services-custom-tab > .list-group .active {
     color: #16d428;
}
 .service-tab-content p {
     font-size: 15px;
     line-height: 24px;
     font-weight: 400;
     font-family: "Open Sans", Sans-serif;
}
/*============================== 13. ASK QUESTION AREA CSS END ================================*/
/*=========================== 14. OUR BLOG AREA CSS START =============================*/
 .our-blog-area {
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     background-color: #ddd;
     background-attachment: fixed;
}
 .blog-bg {
    background-image: url(../img/blog-bg.jpg);
}
.our-blog-area {
    position: relative;
}
.our-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-color: rgb(40,46,62, 0.5);
}
 .our-blog-area .container .left-section-title h2, .our-blog-area .container .left-section-title p {
     color: #fff;
}
 .single-blog-content-box {
     max-width: 100%;
     position: relative;
     -webkit-transition:.3s;
     transition: .3s;
     margin: 0 auto;
}
 .single-blog-img img {
     border-radius: 0 0 5px 5px;
     width: 100% !important;
     max-height: 350px;
}
 .single-blog-content-box:after {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background-color: rgba(40, 46, 62, 0.5);
     overflow: hidden;
     border-radius: 0 0 5px 5px;
}
 .single-blog-content-box:hover:after {
     background-color: rgba(22, 212, 40, 0.6);
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-blog-content-box .single-blog-thumb img {
     width: 100%;
     height: 330px;
     border-radius: 0 0 5px 5px;
}
 .single-post-meta {
     position: absolute;
     bottom: 0;
     padding: 20px;
     z-index: 9;
     margin-bottom: 10px;
}
 .single-post-date {
     padding: 8px;
     background-color: #282e3e;
     display: inline-block;
     border-radius: 4px;
     margin-bottom: 15px;
     transition: .3s;
     -webkit-transition: .3s;
}
 .single-post-date span {
     font-size: 13px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     color: #fff;
}
 .single-post-title a {
     font-size: 16px;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     color: #fff;
     transition: .3s;
}
 .single-blog-content-box:hover .single-post-date {
     background-color: #282e3e;
     transition: .3s;
     -webkit-transition: .3s;
}
.single-blog-content-box:hover .single-post-title a {
    color: #fff;
}
 .our-blog-area .single-blog-carousel .owl-dots div {
     display: block;
     height: 100px;
     width: 4px;
     background-color: #384d50;
    /*margin-bottom: 4px;
    */
     border-radius: 4px;
     -webkit-transition:.5s;
     transition: .5s;
}
 .our-blog-area .single-blog-carousel .owl-dots {
     position: absolute;
     right: -155px;
     top: 60px;
}
 .our-blog-area .single-blog-carousel .owl-dot.active {
     background-color: #16d428;
}
/*=========================== 14. OUR BLOG AREA CSS END =============================*/
/*=========================== 15. VIDEO DESCRIPTION AREA CSS =============================*/
 .video-description-area .desc-area h1 {
     font-size: 40px;
     font-weight: 400;
     font-family: "Open Sans", sans-serif;
     line-height: 45px;
     color: #282e3e;
     border-left: 2px solid #16d428;
     padding-left: 45px;
}
 .video-description-area .desc-area p {
     margin-top: 30px;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     line-height: 24px;
     color: #798795;
     padding-bottom: 45px;
     border-bottom: 1px solid #dfe0e2;
}
 .complete-work {
     margin-top: 45px;
}
 .project h2, .r-project h2, .client h2 {
     text-align: center;
     color: #16d428;
     font-size: 30px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
     margin-bottom: 15px;
}
 .project p, .r-project p, .client p{
     text-align: center;
}
 .video-description-area .video-desc .video-bg {
     position: relative;
}
 .video-description-area .video-desc .video-bg:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background: rgb(40,46,62, .5);
}
 .video-description-area .video-desc .video-bg img {
     max-width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     min-height: 442px;
     box-shadow: 0 15px 15px #e7e7e7;
}
 .video-description-area .video-desc .video-bg .round-play-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
             transform: translate(-50%,-50%);
     color: #fff;
     font-size: 16px;
     height: 50px;
     width: 50px;
     text-align: center;
     background: #16d428;
     border-radius: 50%;
     z-index: 9;
     border:none;
}
 .video-description-area .video-desc .video-bg .round-play-btn:before{
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     height: 60px;
     width: 60px;
     background: #0cd81f;
     z-index: -1;
     border-radius: 50%;
     -webkit-transform: translate(-50%,-50%);
             transform: translate(-50%,-50%);
     -webkit-animation: pulse 1500ms ease-out infinite;
             animation: pulse 1500ms ease-out infinite;
}
 .video-description-area .video-desc .video-bg .round-play-btn i {
     font-size: 24px;
     line-height: 30px;
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
 @keyframes pulse {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
/*================================= 15. VIDEO DESCRIPTION AREA CSS END ==================================*/
/*========================== 16. OUR TEAM AREA CSS START ============================*/
 .home-1 .our-team-area .container {
     box-shadow: none;
}
 .single-team-content-box {
     max-width: 270px;
     position: relative;
     margin:auto;
}
 .single-team-content-box .single-team-img img {
     width: 100% !important;
     display: inline-block;
     height: 250px;
}
 .single-team-carousel .owl-carousel .owl-item img {
     width: auto !important;
}
 .single-team-content-box:hover .single-team-social .member-name a {
     color: #16d428;
}
 .single-team-social {
     bottom: 0;
     background-color: #fff;
     width: 100%;
     text-align: center;
}
 .single-team-social .member-name a {
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     color: #282e3e;
     font-weight: 700;
     display: block;
     line-height: 10px;
     text-transform: uppercase;
}
 .single-team-social .member-name span {
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #798795;
}
 .single-team-social h3 {
     margin-top: -5px;
}
 .single-team-content-box:hover .social-profile-link {
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     top: -20px;
     -webkit-transition:.3s ease-in;
     transition: .3s ease-in;
}
 .social-profile-link ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .social-profile-link ul li {
     display: inline-block;
}
 .social-profile-link ul li a {
     height: 36px;
     width: 36px;
     display: block;
     background-color: #fff;
     border: 1px solid #efe8e8;
     border-radius: 50%;
     line-height: 32px;
     margin-right: 10px;
    -webkit-transition:.3s;
    transition: .3s;
}
 .social-profile-link ul li:last-child a {
     margin-right: 0;
}
 .social-profile-link {
     position: relative;
     top: -10px;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 .social-profile-link ul li a i {
     font-size: 14px;
     color: #999;
     text-align: center;
}
 .social-profile-link ul li:hover a {
    background-color: #16d428;
     border-color: #16d428;
     -webkit-transition:.3s;
     transition: .3s;
}
 .social-profile-link ul li:hover a i {
    color: #fff;
}
 .our-team-area .single-team-carousel .owl-dots div {
     display: block;
     height: 100px;
     width: 4px;
     background-color: #e3f6e5;
    /*margin-bottom: 4px;
    */
     border-radius: 4px;
     -webkit-transition:.5s;
     transition: .5s;
}
 .our-team-area .single-team-carousel .owl-dots {
     position: absolute;
     right: -155px;
     top: 20%;
}
 .our-team-area .single-team-carousel .owl-dot.active {
     background-color: #16d428;
}
/*====================== 16. OUR TEAM CSS END. ========================*/
/*====================== 17. TESTIMONIAL CSS START ========================*/
 .breadcrumb-icon {
     margin-bottom: 30px;
}
 .single-testimonial-box {
     max-width: 370px;
     overflow: hidden;
     -webkit-transition:.3s;
     transition: .3s;
}
 .testimonial-author-meta img {
     float: left;
     display: inline-block;
     margin-right: 15px;
     height: 60px;
     width: 60px;
     border-radius: 50px 
}
 .testimonial-author-meta h4 {
     font-size: 16px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     color: #16d428;
     padding-top: 10px;
}
 .testimonial-author-meta span {
     display: block;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     margin-top: 5px;
     font-weight: 400;
}
 .testimonial-author-meta {
     display: block;
}
 .testimonial-text {
     padding-top: 25px;
     display: block;
}
 .testimonial-text p {
     font-size: 16px;
     line-height: 28px;
}
 .single-testimionial-carousel-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .owl-carousel .owl-item img{
    width: auto;
}
 .testimonial-carousel .owl-dots div {
     display: inline-block;
     height: 4px;
     width: 45px;
     background-color: #282e3e;
     margin-right: 5px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .testimonial-carousel .owl-dots {
     margin-top: 50px;
     text-align: center;
}
 .testimonial-carousel .owl-dots:last-child {
    margin-right: 0;
}
 .testimonial-carousel .owl-dot.active {
    background-color: #16d428;
     -webkit-transition:.3s;
     transition: .3s;
}
/*====================== 17. TESTIMONIAL CSS END ========================*/
/*======================== 18. CONTACT FORM AREA ==========================*/
 .contact-form-destination-area {
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     background-color: #ddd;
}
 .contact-form-bg{
    background-image: url(../img/contact-form-bg.jpg);
}
 .transparent-bg {
     background-color: rgb(40,46,62, 0.9);
}
 .contact-form-area {
     padding: 0 50px;
     color: #fff;
}
 .contact-form-area h3 {
     font-size: 22px;
     display: block;
     font-weight: 400;
}
 .contact-form-area h2 {
     font-size: 40px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     line-height: 50px;
     margin-bottom: 30px;
}
 .contact-form-area h2 span {
     color: #16d428;
}
 .contact-form-area p {
     font-size: 18px;
     line-height: 32px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 30px;
}
 .contact-form{
    text-align: center;
}
::placeholder{
    color: #fff;
}
.contact-form input {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #989ba9;
    background-color: transparent;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
}
 .contact-form input[type="email"]{
     text-transform: lowercase;
}
 .contact-form textarea {
     width: 100%;
     background-color: transparent;
     border-radius: 10px;
     border: 1px solid #989ba9;
     height: 110px;
     resize: none;
     padding: 20px;
     color: #fff;
    font-family: 'Poppins', sans-serif;
}
 .contact-form button {
     padding: 20px 30px;
     border: none;
     margin-top: 30px;
     text-align: center !important;
     background-color: #16d428;
     color: #fff;
     font-size: 16px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     cursor: pointer;
     text-transform: uppercase;
}
/*======================== 18. CONTACT FORM CSS END ==========================*/
/*==================== 19. OTHER PAGES CSS. ======================*/
/*------------------------ 19.1 Pages breadcrumb css --------------------------*/
 .breadcrumb-bg{
    background-image: url(../img/breadcrumb-img.jpg);
}
 .breacrumb-area {
     background-size: cover;
     background-position: center;
     background-attachment: fixed;
     background-repeat: no-repeat;
     position: relative;
}
 .breacrumb-area:before {
     position: absolute;
     content: '';
     background-color: #282e3e;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     opacity: .7;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
 .breadcrumb-title {
     padding: 120px 0;
     z-index: 9;
}
 .breadcrumb-title h1 {
     font-size: 50px;
     font-weight: 800;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     color: #fff;
     padding-bottom: 25px;
}
 .breadcrumb-title .brdcmb-link {
     color: #16d428;
     font-size: 14px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
}
 .breadcrumb-title .brdcmb-link a {
     color: #fff;
}
/*------------------------ 19.1 Pages breadcrumb css End --------------------------*/
/*-------------------------- 19.2 Blog pages ---------------------------*/
/*------------------ Blog page 1 --------------------*/
/*------------------ Blog page 2 --------------------*/
 .blog-category {
    /* box-shadow: 0 0 -3px 5px #000;
     */
     border: 1px solid #ddd;
     border-radius: 10px;
     border-top-color: transparent;
}
 .blog-category .cat-header {
     background-color: #16d428;
     padding: 15px 20px;
     border-radius: 10px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .blog-category .cat-header h6 {
     color: #fff;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     position: relative;
}
 .blog-category .cat-header h6 i {
     margin-right: 5px;
}
 .blog-category ul {
     list-style: none;
     padding: 0;
     margin: 20px;
}
 .blog-category ul li {
     margin-bottom: 25px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     text-transform: capitalize;
}
 .blog-category ul li a {
     display: block;
     color: #282e3e;
     text-transform: uppercase;
     font-weight: 400;
}
 .blog-category ul li.more-cat a i {
     font-size: 10px;
     margin-right: 4px;
     font-weight: 700;
     color: #16d428;
}
/* .blog-category ul li:last-child {
     margin-bottom: 0;
}*/
 .blog-category ul li:first-child {
     margin-top: 25px;
}
 .blog-category ul.category li a{
     display: block;
     color: #282e3e;
     margin: 0 20px;
}
 .blog-category ul li a:hover {
     color: #16d428;
}
 .blog-category ul li.more-cat {
     background-color: #f6f6f6;
}
 .blog-category ul li.more-cat a {
     padding: 15px 0;
}
 .tags, .total-project, .service-rating {
     margin: 20px;
}
 .tags h6, .total-project h6 , .service-rating h6{
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     text-transform: capitalize;
}
 .tags ul, .total-project ul, .service-rating ul {
     list-style: none;
}
 .tags > ul li {
     display: inline-block;
     padding: 8px 15px;
     background-color: transparent;
     margin-bottom: 20px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .tags ul li a, .total-project ul li a, .service-rating ul li a {
     display: block;
     color: #282e3e;
}
 .tags > ul li a {
     margin: 0;
}
 .tags > ul li:hover {
     background-color: #16d428;
}
 .tags > ul li:hover a {
     color: #fff;
}
 .total-project ul li, .service-rating ul li {
     display: inline-block;
     width: 100%;
}
 .total-project ul li a span, .service-rating ul li a span {
     float: right;
}
 .recent-comment {
    /* box-shadow: 0px 0 3px #000;
     */
     border: 1px solid #ddd;
     border-radius: 10px;
     border-top-color: transparent;
}
 .recent-comment .cmnt-header {
     background-color: #16d428;
     padding: 15px 20px;
     border-radius: 10px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
}
 .recent-comment .cmnt-header h6 {
     color: #fff;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     position: relative;
}
 .single-blog-cmnt-area {
     margin: 20px 20px;
}
 .single-blog-cmnt-area img {
     float: left;
     margin-right: 15px;
     max-width: 60px;
     max-height: 60px;
}
 .single-blog-cmnt-area a h6 {
     font-size: 14px;
     color: #798795;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
}
 .single-blog-cmnt-area span.cmnt-date {
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     text-transform: capitalize;
}
 .single-blog-cmnt-area .comnt-count a {
     font-size: 13px;
     color: #999999;
     font-family: 'Open Sans', sans-serif;
     font-weight: inherit;
}
 .single-blog-cmnt-area .post-desc {
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
}
 .single-blog-cmnt-area .comnt-auth a {
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     color: #a9a9a9;
     margin-top: ;
     font-weight: 400;
}
/*-------------------------- 19.2 Blog pages ---------------------------*/
/*------------------------------ 19.3 Blog Details Css --------------------------------*/
 .blog-post-details .blog-post-title h2 {
     font-size: 24px;
     line-height: 32px;
     font-family: 'Open Sans', sans-serif;
}
.post-details p {
    line-height: 28px;
    color: #798795;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
}
 .post-breadcrumb {
     border: 1px solid #ece8f6;
     border-radius: 6px;
     background-color: #282e3e;
     -webkit-border-radius: 6px;
}
 .post-breadcrumb h4 {
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-style: italic;
     font-size: 24px;
     font-weight: 300;
     line-height: 45px;
     position: relative;
}
 .post-breadcrumb h4:before {
    position: absolute;
     content: '\efcd';
     left: -20px;
     top: -8px;
     font-family: 'Icofont' !important;
     font-size: 20px;
}
 .post-breadcrumb h4:after {
    position: absolute;
     content: '\efce';
     right: auto;
     bottom: -10px;
     font-family: 'Icofont' !important;
     font-size: 20px;
}
 .post-special-line p {
     line-height: 40px;
}
/*Blog sharebtn css*/
 .blog-post-sharebtn {
     border-top: 1px solid #e8e8e8;
}
 .blog-post-sharebtn ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .blog-post-sharebtn li {
     display: inline-block;
}
 .blog-post-sharebtn li a {
     display: block;
     margin-left: 15px;
     font-size: 18px;
}
 .blog-post-sharebtn .icofont-facebook {
     color: #45619d;
}
 .blog-post-sharebtn .icofont-google-plus {
     color: #cf4539;
}
 .blog-post-sharebtn .icofont-twitter {
     color: #42c0fb;
}
 .blog-post-sharebtn .icofont-skype{
     color: #009ee5;
}
 .blog-post-sharebtn .icofont-rss {
     color: #ec9f21;
}
 .blog-post-sharebtn ul li:first-child {
     color: #f84825;
     font-weight: 700;
     font-family: 'Open Sans', Sans-serif;
}
/*comment-area css*/
 .blog-post-comment-area h4 {
    font-size: 18px;
     font-weight: 700;
     color: #282e3e;
     margin-bottom: 27px;
     text-decoration: underline;
}
 .comment-area {
     position: relative;
}
 .comment-area img {
     height: 80px;
     width: 80px;
     border-radius: 50%;
     position: absolute;
     bottom: 30%;
     left: 0;
     z-index: 2;
}
 .commentor-area {
     border: 1px solid #f6f6f6;
     border-radius: 4px;
     padding: 30px 65px;
     position: relative;
     left: 40px;
     z-index: 1;
}
 .commentor-area h5 {
     margin-bottom: 18px;
}
 .commentor-area h5 a{
     font-size: 18px;
     color: #282e3e;
     font-family: 'Poppins', sans-serif;
}
 .comment-text {
     font-size: 15px;
     line-height: 28px;
     color: #798795;
     font-family: 'Open Sans', sans-serif;
}
 .post-reaction {
     margin-top: 22px;
}
 .commentor-area .post-reaction ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .commentor-area .post-reaction li {
     display: inline-block;
     color: #798795;
     margin-right: 15px;
}
 .commentor-area .post-reaction li a {
     color: #798795;
     margin-right: 24px;
}
 .commentor-area .post-reaction li:hover a {
     color: #16d428;
}
 .commentor-area .post-reaction .i {
     color: #60698a;
}
/*comment-reply css*/
 .comment-box-area{
}
 .comment-box {
}
 .comment-box label {
     display: block;
     color: #60698a;
     font-size: 15px;
     margin-bottom: 15px;
}
 .comment-box input {
     width: 100%;
     border: 1px solid #e8e8e8;
     border-radius: 4px;
     padding: 10px 15px;
     font-size: 15px;
}
input:focus, textarea:focus {
    background-color: transparent;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
 .message-box textarea {
    width: 100%;
     margin-top: 15px;
     display: block;
     border: 1px solid #e8e8e8;
     resize: none;
     padding: 10px 15px;
     border-radius: 4px;
}
 .comment-box .message-box label {
     margin-top: 30px;
     display: block;
}
 .comment-box button[type="submit"] {
     height: 46px;
     width: 115px;
     border: none;
     border-radius: 0;
     display: inline-block;
     background: #282e3e;
     color: #fff;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     margin-top: 40px;
     cursor: pointer;
}
 .comment-box button {
    display: inline-block;
     width: 115px;
     height: 46px;
     background-color: #282e3e;
     border: none;
     margin-top: 30px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     cursor: pointer;
     outline: none;
     border-radius: 0;
     text-align: center;
     -webkit-transition: .3s;
     transition: .3s;
}
 .comment-box button:hover {
     background: #16d428;
     color: #fff;
}
/*------------------------------ 19.3 Blog Details Css End --------------------------------*/
/*---------------------- 19.4 our service-1 css ------------------------*/
 .single-item-box {
     margin: 0 auto;
     -webkit-transition:.3s;
     transition: .3s;
     max-width: 270px;
}
 .single-item-box .single-box-content .single-content-image {
     margin-bottom: 20px;
}
 .single-item-box .single-box-content .single-content-image img {
    height: 180px;
     width: 100%;
}
 .single-item-box .service-meta h4 a {
     font-size: 16px;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     color: #282e3e;
     transition: .3s;
     -webkit-transition: .3s;
}
 .single-item-box:hover .service-meta h4 a {
     color: #16d428;
}
/*---------------------- 19.4 our service-1 css end ------------------------*/
/*------------------------------ 19.5 Our Faq Template css Start. -------------------------------*/
 .faq-title h2 {
    font-size: 30px;
     color: #282e3e;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
}
 .faq-title p {
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
     line-height: 28px;
}
 .faq-accordion .card {
     border: none;
     padding: 0;
     margin: 0;
}
 .faq-accordion .card-header {
     background: transparent;
     border: none;
     padding: 0;
     margin-top: 30px;
}
 .faq-accordion .card .card-header a {
    cursor: pointer;
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 700;
     color: #282e5c;
}
 .faq-accordion .card-body {
     margin: 30px 0 0;
     padding: 0;
     line-height: 28px;
     font-size: 15px;
     font-family: 'Open Sans' sans-serif;
     color: #282e3e;
}
 .faq-accordion .card-header i {
     display: none;
     float: left;
     line-height: 25px;
     font-size: 18px;
     margin-right: 10px;
}
 .faq-accordion .card-header a[aria-expanded="true"] .icofont-simple-down {
     display: block;
}
 .faq-accordion .card-header a[aria-expanded="false"] .icofont-simple-right {
     display: block;
}
 .faq-accordion .card .card-header a[aria-expanded="true"] {
     color: #16d428;
}
/*------------------------------ 19.5 Our Faq Template css end. -------------------------------*/
/*---------------------- 19.6 our service-Details css ------------------------*/
 .service-dt-text img {
     border-radius: 4px;
     max-width: 100%;
     height: 100%;
}
 .service-dt-text .article-title h4 {
     font-size: 24px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     margin: 30px 0;
     color: #16d428;
}
 .service-dt-text .article-title h4 i {
     margin-right: 10px;
}
 .service-dt-text p {
     font-size: 15px;
     line-height: 24px;
     color: #798795;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
}
/*------------------19.6. career page css -------------------------*/

.sigle-top-job {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0px 0 20px 1px #ddd;
}
.top-job-company-image {
    text-align: center;
    padding: 30px 20px 0
}
.top-job-company-image h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 20px 0
}
.top-job-company-image h3 a {
    color: #444;
    font-family: 'Poppins',sans-serif;
}
.top-job-company-image h3 a:hover {
    color: #25AD60
}
.top-job-company-desc {
    padding: 20px 0 0;
    background: #fafafa;
    text-align: center;
}
.top-job-company-desc ul {
    margin: 0;
    padding: 0;
}
.top-job-company-desc ul li {
    display: inline-block;
    width: 32%;
    font-weight: 600;
    text-transform: capitalize;
    color: #798795;
}
.top-job-company-desc ul li span {
    display: block;
    font-weight: 400;
    color: #777;
}
.top-job-company-desc ul li span i {
    margin-right: 5px
}
.top-job-company-btn {
    margin-top: 20px;
}
.job-btn {
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.btn.job-btn.mt-btn:hover {
    color: #fff;
}
.company-logo-img {
    height: 70px;
}

/*======================== 20. CONTACT PAGE CSS START ==========================*/
 .location-map-area {
     clear: both;
     overflow: hidden;
}
 .contact-form-box{
}
 .contact-area h4{
    color: #282e3e;
     font-size: 18px;
     text-decoration: underline;
     text-transform: uppercase;
     font-weight: 700;
}
 .contact-form-box label {
     display: block;
     color: #282e3e;
     font-size: 15px;
     margin-bottom: 15px;
}
 .contact-form-box input {
     width: 100%;
     border: 1px solid #e8e8e8;
     border-radius: 4px;
     padding: 10px 15px;
     font-size: 15px;
}
 .contact-form-box .contact-box .message-box label {
     display: block;
}
 .contact-form-box .message-box textarea {
     width: 100%;
     display: block;
     border: 1px solid #e8e8e8;
     resize: none;
     padding: 10px 15px;
     border-radius: 4px;
}
 .contact-form-box button {
    display: inline-block;
     background-color: #282e3e;
     border: none;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     cursor: pointer;
     outline: none;
     border-radius: 0;
     text-align: center;
     -webkit-transition: .3s;
     transition: .3s;
}
 .contact-form-box button:hover {
     background: #16d428;
     color: #fff;
}
 .contact-form-box .mt-btn {
     padding: 16px 24px;
}
/*Contact Info*/
 .contact-info p {
    font-size: 15px;
     line-height: 28px;
     color: #282e3e;
     font-family: 'Open Sans', sans-serif;
     margin: 0;
}
 .contact-info .contact-location ul {
    list-style: none;
     padding: 0;
     margin: 0;
}
 .contact-info .contact-location li {
    display: block;
     margin-bottom: 20px;
     font-size: 15px;
     color: #282e3e;
}
 .contact-info .contact-location li span {
    border: 1px solid #efefef;
     height: 35px;
     width: 35px;
     display: inline-block;
     border-radius: 25px;
     line-height: 32px;
     text-align: center;
     margin-right: 15px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .contact-info .contact-location li:hover span {
    background: #282e3e;
     color: #fff;
     border: 1px solid transparent;
}
 .contact-info .contact-location li:last-child {
    margin-bottom: 0;
}
/* google map*/
 #map_wrapper iframe{
    height: 560px;
     width: 100%;
}
/*====================== 20. CONTACT PAGE CSS END. ========================*/
/*======================== 21. TERMS AND CONDITIONS CSS. ==========================*/
 .single-terms-condition .term-content h3 {
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
     margin-bottom: 20px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-terms-condition .term-content h3 span {
     margin-right: 10px;
}
 .single-terms-condition .term-content p {
     margin-left: 30px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     line-height: 24px;
     color: #282e3e;
}
 .single-terms-condition .term-content:hover h3 {
     color: #16d428;
}
/*=============================== 21. TERMS AND CONDITIONS CSS END. =================================*/
/*================= 22. 404 PAGE ===================*/
 .error-bg{
    background-image: url(../img/404-bg.jpg);
}
 .page-not-found {
     background-size: cover;
     background-position: center top;
     background-color: #ddd;
     background-repeat: no-repeat;
     position: relative;
     background-attachment: fixed;
}
 .page-not-found:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: ;
     content: '';
     background: black;
     opacity: .4;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
 .error-content {
    padding: 200px 0;
}
 .error-content h2 {
     font-size: 130px;
     color: #fff;
     font-weight: 800;
     font-family: 'Open Sans', sans-serif;
}
 .error-content span.missing-border {
     border-top: 1px solid #fff;
}
 .error-content .missing-border ul li {
     color: #fff;
     font-size: 30px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     border-top: 1px solid #335961;
}
 .error-content .missing-border ul li {
    list-style-type: inherit;
}
 .error-content p {
     color: #fff;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 100;
}
 .error-content .back-btn a {
     color: #fff;
     font-size: 15px;
     font-weight: 700;
     text-transform: capitalize;
     font-family: 'Open Sans', sans-serif;
}
 .error-content .back-btn {
     padding: 15px 25px;
     background-color: #16d428;
     border-radius: 50px;
}
/*================= 22. 404 PAGE CSS END ===================*/
/*========================= 23. WELCOME PAGE CSS START ==========================*/
 .welcome-bg{
    background-image: url(../img/welcome-soon.jpg);
}
 .countdown-timer-area {
     padding: 230px 0;
}
 .countdown-timer #timer div {
     display: inline-block;
     padding-right: 45px;
}
 .countdown-timer #timer div span {
     display: block;
     font-size: 15px;
     color: white;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
}
 .countdown-timer #timer #days, .countdown-timer #timer #hours, .countdown-timer #timer #minutes, .countdown-timer #timer #seconds {
     font-size: 70px;
     font-weight: 800;
     font-family: 'Open Sans', sans-serif;
     color: #fff;
}
 .welcom-text h1 {
     font-size: 90px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     color: #fff;
     margin-bottom: 25px;
}
 .welcom-text h1 strong {
     font-size: 90px;
     font-weight: 400;
     color: #13be13;
}
 .welcom-text .welcom-border ul li {
     border-top: 1px solid aliceblue;
     padding-top: 20px;
     font-size: 30px;
     text-transform: capitalize;
     font-weight: 800;
     color: #fff;
     margin: 0;
}
 .welcom-text p {
     font-size: 15px;
     color: #fff;
     max-width: 450px;
     margin: 0 auto;
     line-height: 24px;
     font-family: 'Open Sans', sans-serif;
}
.email-subsribe-form input[type="email"] {
    padding: 20px 30px;
    width: 390px;
    border-radius: 50px;
    border: 0;
    outline: none;
    font-size: 15px;
    color: #202a36;
    background-color: transparent;
    border: 2px solid #ddd;
}
 .email-subsribe-form input[type="submit"] {
     padding: 20px 30px;
     border-radius: 50px;
     border: 0;
     font-size: 15px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     background-color: ;
     background-color: #16d428;
     color: #fff;
     cursor: pointer;
}
 .welcome-zone:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background-color: #616672;
     opacity: .5;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
 .welcome-zone {
     background-size: cover;
     background-position: center top;
     background-color: #ddd;
     background-repeat: no-repeat;
     position: relative;
}
/*==================== 23. WELCOME PAGE END ======================*/
/*======================== 24. OUR LOCATOR CSS START ==========================*/
 .single-locator-item h6 {
     font-size: 24px;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 30px;
     text-transform: capitalize;
}
 .single-locator-item .locator-country-list ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .single-locator-item .locator-country-list ul li {
     margin-bottom: 20px;
}
 .single-locator-item .locator-country-list ul li a {
     color: #798795;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     text-transform: capitalize;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-locator-item .locator-country-list ul li:last-child {
     margin-bottom: 0;
}
 .single-locator-item .locator-country-list ul li a span {
     margin-right: 5px;
}
 .single-locator-item .locator-country-list ul li a:hover {
     color: #16d428;
}
/*============================= 24. OUR LOCATOR CSS END. ===============================*/
/*======================= 25. MY ACCOUNT CSS START =========================*/
 .user-details .user-info {
     max-width: 200px;
     text-align: center;
     float: left;
}
 .user-details .user-info img {
     max-width: 160px;
     max-height: 160px;
     border-radius: 50%;
}
 .user-details .user-info h5 {
     font-size: 25px;
     font-weight: 700;
     margin-top: 30px;
     text-transform: capitalize;
     color: #282e3e;
     font-family: 'Open Sans', sans-serif;
}
 .user-details .user-info a {
     display: block;
     margin-top: 15px;
     color: #282e3e;
}
 .user-bio {
     float: right;
     border-left: 1px solid #e5e5e5;
     padding-left: 30px;
}
 .user-bio ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .user-bio ul li span {
     color: #282e3e;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .user-bio ul li .title {
     min-width: 145px;
     display: inline-block;
     position: relative;
}
 .user-bio ul li {
     margin-bottom: 20px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     text-transform: capitalize;
}
 .user-bio ul li .value {
     position: relative;
}
 .user-bio ul li .value:before {
     position: absolute;
     left: -25px;
     content: ':';
     font-weight: 700;
}
 .user-bio ul li:last-child {
     margin-bottom: 0;
}
 .user-social-profile-link ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .user-social-profile-link ul li {
     display: ;
     display: inline-block;
}
 .user-social-profile-link ul li a {
     display: block;
     margin-right: 5px;
     height: 40px;
     width: 40px;
     background-color: #13be13;
     border-radius: 50px;
     line-height: 40px;
     text-align: center;
}
 .user-social-profile-link ul li a i {
     color: #fff;
     font-size: 15px;
}
 .user-social-profile-link ul li:nth-child(2) a{
     background: #f21212;
}
 .user-social-profile-link ul li:nth-child(3) a{
     background: #3972f0;
}
 .over-view h6, .bio-graphy h6, .professional-exp h6 {
     font-size: 20px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 20px;
     color: #282e3e;
}
 .over-view p, .bio-graphy p {
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     line-height: 24px;
     color: #798795;
}
 .w-institute {
     display: flow-root;
     margin-bottom: 30px;
}
 .w-institute:last-child{
     margin-bottom: 0;
}
 .company-name {
     float: left;
}
 .w-institute .company-name h6 {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
     font-weight: 400;
     margin-bottom: 10px;
}
 .company-name p.designation {
     font-size: 14px;
     color: #798795;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
 .w-dated {
     float: right;
}
 .w-dated .work-active {
     color: #16d428;
     text-transform: uppercase;
}
/*================ 25. MY ACCOUNT END. ==================*/
/*====================== 26. LOGIN PAGE CSS START ========================*/
 .login-box {
     border: 1px solid #e8e8e8;
     border-radius: 10px;
}
 .login-form {
     padding: 50px 30px;
}
 .login-form {
     text-align: center;
}
 .login-box h6 {
     text-transform: uppercase;
     color: #282e3e;
}
 .login-box .r-user {
     padding: 15px 30px;
     border-bottom: 1px solid #e8e8e8;
}
 .login-form form input {
     width: 380px;
     border: 1px solid #e8e8e8;
     padding: 10px 15px;
     margin-bottom: 20px;
     border-radius: 10px;
     outline: none;
}
 .login-form .email {
     position: relative;
     left: 13px;
}
 .login-form form label {
     margin-right: 15px;
     text-align: right;
}
 .login-footer ul.remember {
     padding: 0;
     margin: 0;
     list-style-type: none;
}
 .login-footer ul.remember li {
     display: inline-block;
     padding-right: 30px;
     margin: 0 auto;
}
 .login-footer ul.remember li input[type="checkbox"]+label {
     cursor: pointer;
}
 .login-footer ul.remember li input[type="checkbox"]:checked+label {
     color: #0e7e19;
}
 .login-footer ul.remember li a {
     color: #16d428;
     text-decoration: underline;
     font-weight: 600;
}
 .submit-btn.btn {
     padding: 15px 30px;
     font-size: 14px;
     font-weight: 600;
     font-family: 'Open sans', sans-serif;
     text-transform: uppercase;
     background-color: #16d428;
     color: #fff;
}
/*====================== 26. LOGIN PAGE CSS END ========================*/
/*========================== 27. REGISTER PAGE CSS START ============================*/
 .register-form {
     padding: 50px;
     text-align: center;
}
 .single-input-box label {
     width: 30%;
     display: inline-block;
     text-align: right;
     margin-right: 15px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
}
 .single-input-box input {
     width: 65%;
     border: 1px solid #e8e8e8;
     padding: 10px 15px;
     border-radius: 10px;
     margin-bottom: 20px;
}
 .register-form .submit-btn {
     margin-bottom: 0 !important;
}
/*======================== 27. REGISTER PAGE CSS END ==========================*/
/*========================== 28. PROJECT PAGES CSS START ============================*/
/*----------------- 28.1 project-1 -------------------*/
 .project-box-content {
     border: 2px solid #f6f6f6;
     -webkit-transition:.3s;
     transition: .3s;
}
 .project-meta {
     padding: 30px 20px;
}
 .project-image img {
     width: 100%;
     min-height: 270px;
}
 .project-meta h6 a {
     color: #282e3e;
}
 .project-meta h6 {
     font-size: 18px;
     text-transform: capitalize;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
}
 .project-meta ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .project-meta ul li {
     display: inline-block;
     float: right;
     margin-top: 20px;
     font-size: 14px;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
}
 .project-meta ul li.colored-text {
     float: left;
     display: block;
     color: #3bdb4b;
}
 .project-meta p {
     display: inline-block;
     margin-top: 25px;
     margin-bottom: 25px;
     font-size: 14px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     line-height: 24px;
     color: #798795;
}
 .rating-zone .user-rating {
     float: left;
     display: block;
}
 .rating-zone .user-rating i {
     color: #f6b364;
}
 .user-comment {
     float: right;
     display: inline-block;
}
 .user-comment ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .user-comment ul li {
     margin: 0;
     float: left;
     padding-right: 20px;
}
 .user-comment ul li:last-child {
     padding-right: 0;
}
 .user-comment ul li a i {
     margin-right: 5px;
}
 .user-comment ul li a {
     font-size: 14px;
     color: #798795;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
 .project-meta .read-more {
     padding: 13px 20px;
     background-color: #282e3e;
     border-radius: 50px;
     border: none;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .rating-zone {
     padding-bottom: 60px;
}
 .project-box-content:hover .project-meta h6 a {
     color: #16d428;
     -webkit-transition:.3s;
     transition: .3s;
}
 .project-box-content:hover .read-more{
     background-color: #16d428;
     -webkit-transition:.3s;
     transition: .3s;
}
/*----------------- 28.1 project-1 end. -------------------*/
/*----------------- 28.2 project-Details. -------------------*/
 .project-product-bg {
     min-height: 790px;
     width: 100%;
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     background-color: #ddd;
     border-radius: 10px;
}
 .product-bg{
    background-image: url(../img/project/project-details-bg.jpg);
}
 .project-details-box .product-details h2 {
     font-size: 30px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     line-height: 40px;
     color: #282e3e;
     text-transform: capitalize;
}
 .project-details-box .product-details > .product-rating {
     padding-top: 30px;
     padding-bottom: 30px;
}
 .project-details-box .product-details > .product-rating i {
     color: #ffa800;
     display: inline-block;
     margin-right: -4px;
}
 .project-details-box .product-details > .interested-zone ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .project-details-box .product-details > .interested-zone ul li {
     display: inline-block;
     margin-right: 35px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #a9a9a9;
}
 .project-details-box .product-details > .interested-zone ul li:last-child{
    margin-right: 0;
}
 .project-details-box .product-details > .interested-zone ul li.interested-color {
     font-weight: 700;
     color: #3bdb4b;
}
/*project sharebtn css*/
 .project-post-sharebtn {
     border-top: 1px solid #e8e8e8;
}
 .project-post-sharebtn ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .project-post-sharebtn li {
     display: inline-block;
}
 .project-post-sharebtn li a {
     display: block;
     margin-left: 15px;
     font-size: 18px;
}
 .project-post-sharebtn .icofont-facebook {
     color: #45619d;
}
 .project-post-sharebtn .icofont-google-plus {
     color: #cf4539;
}
 .project-post-sharebtn .icofont-twitter {
     color: #42c0fb;
}
 .project-post-sharebtn .icofont-skype{
     color: #009ee5;
}
 .project-post-sharebtn .icofont-rss {
     color: #ec9f21;
}
 .project-post-sharebtn ul li:first-child {
     color: #3bdb4b;
     font-weight: 700;
     font-family: 'Open Sans', Sans-serif;
}
/*additonal description area*/
 .additional-desc {
     border: 2px solid #f1f5f2;
     padding: 50px 30px;
}
 .additional-pricing label span {
     position: absolute;
     right: 50px;
}
 .pricing {
     margin-bottom: 40px;
}
 .pricing ul {
     list-style: none;
     padding: 0;
     margin: 0;
     text-align: left;
}
 .pricing ul li {
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
     text-align: left !important;
}
 .pricing ul li.pr-rate {
     float: right;
     font-size: 36px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #3bdb4b;
     position: relative;
     top: -15px;
}
 .additional-desc-box {
     text-align: center;
}
 .additional-pricing h6 {
     font-size: 18px;
     font-weight: 600;
     font-family: 'Open sans', sans-serif;
     color: #282e3e;
     margin-bottom: 30px;
     text-align: left !important;
}
 .additional-pricing a {
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
}
 .additonal--pricing-checkbox label {
     width: 100%;
     text-align: left !important;
}
 .additonal--pricing-checkbox label {
     cursor: pointer;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .additonal--pricing-checkbox label .addi--price {
     float: right;
}
 .additonal--pricing-checkbox label input[type="checkbox"] {
     position: absolute;
     left: auto;
     top: auto;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 .additonal--pricing-checkbox label input[type="checkbox"] + span {
     position: relative;
     height: 15px;
     width: 15px;
     border: 2px solid #282e3e;
     display: inline-block;
     margin-right: 10px;
     left: 0;
     border-radius: 25px;
     top: 3px;
}
 .additonal--pricing-checkbox label input[type="checkbox"]:checked + span{
     background-color: #3bdb4b;
     border-color: #3bdb4b;
     color: #3bdb4b;
}
 .additonal--pricing-checkbox label input[type="checkbox"] + span:before {
     position: absolute;
     content: "\ec4b";
     font-size: 9px;
     font-family: "Icofont";
     top: -1px;
     left: 2px;
     color: #fff;
}
 .additional-pricing a.btn.mt-btn:hover {
     color: #fff;
}
 .project-content-box {
     padding: 50px;
     border: 2px solid #ddd;
     border-radius: 10px;
}
 .project-tabs .nav-tabs {
     border-bottom: 0;
}
 .project-tabs ul#myTab {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .project-tabs ul#myTab li {
     margin-right: 5px;
}
 .project-tabs ul#myTab li a {
     border: 0;
     background-color: #282e3e;
     color: #fff;
     padding: 18px 17px;
     text-transform: uppercase;
     font-weight: 700;
     font-family: "Open Sans", sans-serif;
     -webkit-transition:.5s;
     transition: .5s;
     font-size: 14px;
}
 .tab-desc-text {
     font-size: 15px;
     line-height: 24px;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
}
 .tab-desc-text ul.items-features {
     margin: all;
     padding: 0;
     list-style: none;
}
.tab-desc-text p {
    font-size: 18px;
    font-weight: 600;
    /* margin-bottom: 20px; */
    font-family: 'Open Sans', sans-serif;
    color: #798795;
    padding: 40px 0;
}
 .tab-desc-text ul.items-features li {
     margin-bottom: 20px;
}
 .tab-desc-text ul.items-features li:last-child {
     margin-bottom: 0;
}
 .tab-desc-text ul.items-features li span i {
     font-size: 12px;
     position: relative;
     top: -1px;
     margin-right: 5px;
}
 .project-tabs ul#myTab li a.active {
     background-color: #3bdb4b;
}
 .single-post-reviewer {
     border: 1px solid #e8e8e8;
     padding: 30px;
     border-radius: 4px;
}
 .project-review .single-post-reviewer .reviewer-meta img {
     max-width: 60px;
     max-height: 60px;
     float: left;
     margin-right: 20px;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-name a {
     display: block;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     color: #282e3e;
     text-transform: capitalize;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-name span.country {
     font-size: 14px;
     color: #3bdb4b;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-name .date {
     float: right;
     position: relative;
     top: -22px;
     font-size: 15px;
     font-weight: 700;
     color: #3bdb4b;
     font-family: 'Open Sans', sans-serif;
}
 .project-review .single-post-reviewer .reviewer-meta .review-txt p {
     display: inline-block;
     margin: 20px 0;
     font-size: 14px;
     line-height: 24px;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-rating i {
     color: #ffa800;
     display: inline-block;
     margin-right: -3px;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-rating strong i {
     color: #999999;
}
 .project-review .single-post-reviewer .reviewer-meta .reviewer-rating span {
     margin-left: 10px;
     font-size: 15px;
     font-family: 'Open Sans', sans-serif, helvitica;
}
 .write-review {
     margin: 0 auto;
     text-align: center;
}
 .write-review h2 {
     font-size: 36px;
     color: #282e3e;
     font-family: 'Open Sans', sans-serif;
}
 .review-input-container {
     text-align: center;
}
 .review-input-container input {
     width: 100%;
     padding: 20px 45px;
     border-radius: 50px;
     position: relative;
     border: 1px solid #e8e8e8;
     margin-bottom: 30px;
}
 .review-input-container i {
     position: relative;
     left: -47%;
     z-index: 99;
     top: 44px;
     color: #9999;
}
 .review-input-message textarea {
     width: 100%;
     padding: 20px 30px;
     border-top: 0;
     border-right: 0;
     border-left: 0;
     resize: none;
     min-height: 230px;
}
 .write-review .no-html span {
     color: #f01e1e;
}
 .write-review .no-html {
     font-size: 14px;
     font-weight: 600;
     font-family: 'Open sans', sans-serif;
     margin-bottom: 30px;
     text-align: left;
}
 .write-review form button.review-submit-btn {
     padding: 20px;
     min-width: 360px;
     border: 0;
     cursor: pointer;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     background-color: #3bdb4b;
     color: #fff;
     text-transform: uppercase;
}
/*======================= 28. PROJECT PAGES CSS END =========================*/
/*========================= 29. GALLERY PAGES CSS START ===========================*/
 .mix-content img {
     width: 100%;
     height: 310px;
}
 .mix-content {
     position: relative;
}
 .mix-hover {
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transition:.3s;
     transition: .3s;
}
 .mix-hover {
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
}
 .mix-hover:before {
     height: 100%;
     width: 100%;
     background-color: #282e3e;
     content: '';
     position: absolute;
     opacity: .8;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 .mix-hover a i {
     font-size: 18px;
     z-index: 9;
     color: #fff;
     font-family: "Font Awesome 5 Free";
     background-color: #9eb8a7;
     height: 50px;
     width: 50px;
     text-align: center;
     border-radius: 50%;
     border: 4px solid #336946;
     line-height: 2.4;
     cursor: pointer;
}
 .mix-content:hover .mix-hover {
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition:.3s;
     transition: .3s;
}
 .mix-hover:hover a {
     z-index: 1;
}
 .button-group button {
     background-color: transparent;
     outline: 0;
     margin: 0;
     padding: 14px 34px;
     outline: 0;
     border: 0;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     color: #1d1e28;
     cursor: pointer;
}
 .button-group {
     border: 1px solid #efefef;
     border-radius: 40px;
     text-align: center;
     width: -moz-max-content;
     width: -webkit-max-content;
     width: max-content;
     margin-bottom: 10px;
}
 .button-group button.is-checked {
     background-color: #16d428;
     border-radius: 40px;
     color: #fff;
}
 .button-group {
     text-align: center;
}
 .button-group button.is-checked:first-child{
     border-bottom-right-radius: 0;
     -webkit-border-bottom-right-radius: 0;
     border-top-right-radius: 0;
     -webkit-border-top-right-radius: 0;
}
 .button-group button.is-checked:last-child {
     border-bottom-left-radius: 0;
     -webkit-border-bottom-left-radius: 0;
     border-top-left-radius: 0;
     -webkit-border-top-left-radius: 0;
}
/*gallery 2*/
 .gallery-template-2 .col-md-6, .gallery-template-2 .col-lg-4, .gallery-template-2 .col-sm-6 {
     padding-right: 0;
     padding-left: 0;
}
/*======================= 29. GALLERY PAGES CSS END =========================*/
/*==================== 30. TEAM PAGES ======================*/
/*team 1*/
/*team details*/
 .profile-sharelink {
}
 .profile-sharelink ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .profile-sharelink li {
     display: inline-block;
}
 .profile-sharelink li a {
     display: block;
     margin-left: 15px;
     font-size: 18px;
}
 .profile-sharelink .icofont-facebook {
     color: #45619d;
}
 .profile-sharelink .icofont-google-plus {
     color: #cf4539;
}
 .profile-sharelink .icofont-twitter {
     color: #42c0fb;
}
 .profile-sharelink .icofont-skype{
     color: #009ee5;
}
 .profile-sharelink .icofont-rss {
     color: #ec9f21;
}
 .profile-sharelink ul li:first-child {
     color: #3bdb4b;
     font-weight: 700;
     font-family: 'Open Sans', Sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .expert-team-info .team-img img {
     width: 100%;
     border-radius: 10px;
}
 .expert-full-info .team-rating span {
     margin-left: 70px;
}
 .expert-full-info .team-rating i {
     color: #ffa800;
     font-size: 14px;
     letter-spacing: -3px;
}
 .expert-full-info h3 {
     font-size: 28px;
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
     color: #282e44;
     margin-bottom: 20px;
}
 .expert-full-info ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .expert-full-info ul li {
     position: relative;
     margin-bottom: 15px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #282e3e;
}
 .expert-full-info ul li .expert-name {
     min-width: 150px;
     position: relative;
     display: inline-block;
     text-transform: capitalize;
}
 .expert-full-info ul li .value {
     position: relative;
}
 .expert-full-info ul li .value:before {
     position: absolute;
     left: -20px;
     content: ':';
}
 .expert-full-info ul li:last-child {
     margin-bottom: 0;
}
 .team-history h4 {
     font-size: 25px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     margin-bottom: 20px;
     color: #282e3e;
}
 .team-history p {
     font-size: 14px;
     color: #798795;
     line-height: 24px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
/*==================== 30. TEAM PAGE CSS END. ======================*/
/*==================== 31. QUOTE PAGE CSS ======================*/
 .section-header h6 {
     font-size: 16px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
}
 .request-a-quote .quote-form label {
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     color: #282e3e;
     margin-bottom: 20px;
}
 .request-a-quote .quote-form input {
     border: 1px solid #e8e8e8;
     border-radius: 0;
     padding: 15px 22px;
     font-size: 14px;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
     color: #999999;
}
 .request-a-quote .quote-form textarea {
     width: 100%;
     border: 1px solid #e8e8e8;
     font-size: 14px;
     padding: 15px 22px;
     color: #999999;
     resize: none;
    font-family: 'Poppins', sans-serif;
}
 .quote-submit-btn {
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     font-family: 'Open Sans', sans-serif;
     padding: 15px 20px;
     border: 0;
     border-radius: 0;
     background-color: #16d428;
}
/*==================== 31. QUOTE PAGE CSS END. ======================*/
/*====================== 32. HOME-2 CSS START ========================*/
 .home-2 .header-section {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 2;
}
 .home-2 .header-address.header-bg {
     background-color: transparent;
     border-bottom: 1px solid #4b5465;
}
 .home-2 .quote-btn {
    border: 1px solid #485161;
     color: #fff;
}
 .home-2 .quote-btn:hover {
     background-color: #06dc93;
}
 .home-2 .read-more-btn {
    background-color: #06dc93;
}
 .home-2 .mt-main-menu nav ul li a{
    color: #fff;
}
 .home-2 .mt-main-menu:before {
     border-bottom: 1px solid #475061;
}
 .home-2 .mt-main-menu nav ul li:hover a {
     color: #06dc93;
     -webkit-transition:.5s;
     transition: .5s;
}
 .home-2 .mt-main-menu ul li ul.submenu {
     background: rgb(0,0,0, 0.8);
}
 .home-2 .mt-main-menu ul li ul.submenu {
     position: absolute;
     background: #282e3e;
     width: 220px;
     left: auto;
     top: 80px;
     border-top: 3px solid #06dc93;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition:.3s;
     transition: .3s;
     z-index: 2;
}
 .home-2 .mt-main-menu nav ul li ul.submenu li:hover> a{
     background: #06dc93;
     padding-left:30px;
}
 .home-2 .mt-service-area ul li.solution:hover, .home-2 .mt-service-area ul li:hover i {
     color: #06dc93;
}
 .home-2 .header-banner{
    background-size: cover;
     background-position: center;
     z-index: 2;
}
 .home-2 .header-banner .banner-text{
    z-index: 9;
}
 .home-2 .banner-text h2 span {
     color: #06dc93;
}
 .home-2 .single-service-tool {
    color: #fff;
}
 .home-2 .mt-service-area {
    border-top: 1px solid #495263;
}
 .home-2 .menu_fixed {
    background-color: #131212;
}
 .home-2 .banner-text {
     padding-top: 300px;
     padding-bottom: 150px;
}
 .home-2 .section-title h1:before, .home-2 .left-section-title h1:before {
     background-color: #06dc93;
     color: #06dc93;
}
 .home-2 .single-feature-item:hover .feature-icon {
     background-color: #06dc93;
     color: #fff;
     border-color: #06cc88;
}
 .home-2 .single-feature-item:hover .feature-text h2 {
     color: #06dc93;
}
 .home-2 .view-all a{
    color: #06dc93;
}
 .home-2 .single-slider-item-box:hover .service-meta h4 a {
    color: #06dc93;
}
 .home-2 .our-services .single-service-carousel .owl-dot.active {
     background-color: #06dc93;
}
 .home-2 .our-team-area .container {
     box-shadow: none;
}
 .home-2 .single-team-content-box:hover .single-team-social .member-name a {
     color: #06dc93;
}
 .home-2 .social-profile-link ul li:hover a {
     background-color: #06dc93;
}
 .home-2 .our-services .container {
    box-shadow: none !important;
}
 .home-2 .testimonial-bg {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-color: #ddd;
     position: relative;
}
 .home-2 .testimonial-bg:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background: rgba(40, 46, 42, 0.8);
     overflow: hidden;
}
 .home-2 .our-testimonial .section-title h2 {
     color: #fff;
}
 .home-2 .our-testimonial .section-title p {
     color: #fff;
}
 .home-2 .testimonial-author-meta h4 {
     color: #06dc93;
}
 .home-2 .testimonial-carousel .owl-dot.active{
    background-color: #06dc93 !important;
}
/*.home-2 .testimonial-carousel .owl-dots div {
     background-color: #fff;
}
*/
 .home-2 .our-testimonial .testimonial-author-meta span {
     color: #fff;
}
 .home-2 .our-testimonial .testimonial-text p {
     color: #fff;
}
 .home-2 .our-testimonial .testimonial-carousel .owl-dots div{
    background-color: #fff;
}
 .home-2 .fd-menu ul li:hover a, .home-2.fd-second-menu ul li:hover a {
     color: #06dc93;
}
 .home-2 .twitter-post .post-react-icon ul li:hover a {
     color: #06dc93;
}
 .home-2 .twitter-post .twitter-icon:before {
    border: 1px solid #06dc93;
}
 .home-2 .twitter-post .twitter-icon i {
     color: #06dc93;
}
 .home-2 .post-txt span {
    color: #06dc93;
}
 .home-2 .ft-menu ul li:hover a, .home-2 .ft-copy a {
     color: #06dc93;
}
 .home-2 .scrollTop span {
    background: #06dc93;
}
/*----------------- 32.1 home-2 about area ------------------*/
 .video-desc .about-video {
    position: relative;
     z-index: 1;
}
 .about-video-hover {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     background-color: rgba(40, 46, 62, 0.5);
     border-radius: 10px;
     z-index: 9;
     overflow: hidden;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transition:.3s;
     transition: .3s;
}
 .about-video-hover .round-play-btn {
     background-color: #06dc93;
     height: 50px;
     border-radius: 50%;
     outline-color: transparent;
     position: relative;
     width: 50px;
     line-height: 20px;
     text-align: center;
     font-size: 15px;
     border-color: transparent;
}
 .about-video-hover .round-play-btn:before {
     position: absolute;
     content: '';
     height: 60px;
     width: 60px;
     background-color: rgba(17, 162, 119, 0.8);
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     border-radius: 50px;
     z-index: -1;
     -webkit-animation: pulse 1500ms ease-out infinite;
             animation: pulse 1500ms ease-out infinite;
}
 .about-video-hover:hover{
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition:.3s;
     transition: .3s;
}
 .video-item-3 .about-video-hover {
     opacity: 1 !important;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .about-us .about-desc-text h3 {
    font-size: 18px;
     text-transform: capitalize;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
     margin-bottom: 15px;
}
 .about-us .about-desc-text p {
     font-size: 15px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     line-height: 24px;
     text-align: start;
}
 .qna-video {
     position: relative;
     -o-object-fit: none;
        object-fit: none;
     z-index: 1;
}
 .qna-video-hover {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     background-color: rgba(40, 46, 62, 0.5);
     border-radius: 0;
     z-index: 9;
     overflow: hidden;
     -webkit-transition:.3s;
     transition: .3s;
}
 .qna-video-hover .round-play-btn {
     background-color: #06dc93;
     height: 50px;
     border-radius: 50%;
     outline-color: transparent;
     position: relative;
     width: 50px;
     line-height: 20px;
     text-align: center;
     font-size: 15px;
     border-color: transparent;
}
 .qna-video-hover .round-play-btn:before {
     position: absolute;
     content: '';
     height: 60px;
     width: 60px;
     background-color: rgba(17, 162, 119, 0.8);
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     border-radius: 50px;
     z-index: -1;
     -webkit-animation: pulse 1500ms ease-out infinite;
             animation: pulse 1500ms ease-out infinite;
}
/*---------------------- 32.2 Home-2 Ask Question area -------------------------*/
 .about-question .qna-text-list .single-qna-text-box h2 {
     font-size: 30px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #282e3e;
     margin-bottom: 20px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .about-question .qna-text-list .single-qna-text-box p {
     font-size: 15px;
     line-height: 24px;
     color: #798795;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
 .about-question .qna-text-list {
     margin-top: 30px;
     border-bottom: 2px solid transparent;
     -webkit-transition:.3s;
     transition: .3s;
     padding-bottom: 30px;
}
 .qna-video img {
    min-height: 640px;
}
 .about-question .qna-text-list .single-qna-text-box:hover h2{
    color: #06dc93;
}
 .about-question .qna-text-list:hover {
     border-color: #06dc93;
}
/*---------------------- 32.3 Home-2 Our Solution Area -------------------------*/
 .single-solution-item .solution-box h2 {
     font-size: 24px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     color: #282e3e;
     margin-bottom: 20px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-solution-item:hover .solution-box h2 {
     color: #06dc93;
}
 .single-solution-item .solution-box p{
     font-size: 15px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     color: #798795;
     line-height: 24px;
}
 .solution-box {
     display: block;
     margin-left: 70px;
}
 .solution-icon {
     display: block;
     float: left;
     font-size: 35px;
     position: relative;
     top: -8px;
}
 .solution-icon i {
     color: #06dc93;
}
/*------------------------ 32.4 Home-2 Blog --------------------------*/
 .single-blog {
     padding-bottom: 30px;
     box-shadow: 0 5px 15px 0 #ddd;
     -webkit-transition:.3s;
     transition: .3s;
}
.single-blog .blog-post-img img {
    min-height: 250px;
}
/*.single-blog:hover {
     border-color: #06dc93;
}
*/
 .single-blog img {
     width: 100%;
}
 .single-blog .single-blog-meta {
     padding: 0 30px;
}
 .single-blog .single-blog-meta {
     font-size: 16px;
     font-family: "Open Sans", sans-serif;
     margin-top: 20px;
     font-weight: 600;
     line-height: 25px;
     display: inline-block;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-blog .single-blog-meta span {
     background-color: #06dc93;
     padding: 10px;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     border-radius: 5px;
     display: inline-block;
}
 .single-blog .single-blog-meta .blog-title {
     margin-top: 20px;
     color: #282e3e;
}
 .single-blog:hover .blog-title {
     color: #06dc93;
}
/*------------------------- 32.5 Home-2 Get Quote Area --------------------------- */
 .get-quote-area .col-md-4 {
     padding-right: 0;
     padding-left: 0;
}
 .quote-img img {
     height: 370px;
     width: 100%;
}
 .quote-img {
     position: relative;
}
 .single-quote-text {
     position: absolute;
     bottom: 50px;
     margin-left: 30px;
}
 .single-quote-text h3 {
     font-size: 30px;
     font-weight: 700;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
}
 .quote-img:after {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgb(0,0,0, .6);
     content: '';
}
 .single-quote-text .get-quote-btn {
    padding: 10px 14px;
     background-color: #5c606a;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     display: inline-block;
     margin-top: 20px;
     border-radius: 4px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .single-quote-text:hover .get-quote-btn{
    background-color: #06dc93;
}
/*=============== 32. Home-2 END =================*/
/*=============================== 33. HOME-3 CSS ================================*/
 .home-3{
}
 .home-3 .menu-area {
     padding: 30px 0;
}
 .home-3 .mt-main-menu nav ul li:hover a {
     color: #e21f2f;
     -webkit-transition:.5s;
     transition: .5s;
}
 .home-3 .mt-main-menu nav ul li ul.submenu li:hover > a {
     background: #e21f2f;
     padding-left: 30px;
}
 .home-3 .mt-main-menu ul li ul.submenu {
     position: absolute;
     background: #282e3e;
     width: 220px;
     left: auto;
     top: 80px;
     border-top: 3px solid #e21f2f;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition:.3s;
     transition: .3s;
     z-index: 2;
}
 .home-3 a.quote-btn {
     color: #e21f2f;
     border: 1px solid #e21f2f;
}
 .home-3 .quote-btn:hover {
     background-color: #e21f2f;
     color: #fff;
     border: 1px solid #e21f2f;
}
 .home-3 .slider-bg{
    min-height: 850px;
    background-size: cover;
     background-position: center;
     background-color: #ddd;
     position: relative;
}
/* .home-3 .slide-bg-1{
    background-image: url(../img/home-3/slider-1.jpg);
}*/
 .home-3 .slider-bg:before {
    position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background-color: rgb(0,0,0, 0.7);
}
 .home-3 .project h2, .home-3 .r-project h2, .home-3 .client h2 {
    color: #e21f2f;
}
 .home-3 .video-bg .round-play-btn {
    background: #e21f2f;
     border: none;
}
 .home-3 .video-description-area .desc-area h1 {
     border-left: 2px solid #e21f2f;
} 
  .home-3 .project p, .r-project p, .client p{
     text-align: center;
}
 .home-3  .video-description-area .video-desc .video-bg {
     position: relative;
}
  .home-3 .video-description-area .video-desc .video-bg:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background: rgb(40,46,62, .5);
}
 .home-3  .video-description-area .video-desc .video-bg img {
     max-width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     min-height: 442px;
     box-shadow: 0 15px 15px #e7e7e7;
}
  .home-3 .video-description-area .video-desc .video-bg .round-play-btn {
     background: #e21f2f;
}
  .home-3 .video-description-area .video-desc .video-bg .round-play-btn:before{
     background: #e21f2f;
}
  .home-3 .video-description-area .video-desc .video-bg .round-play-btn i {
     font-size: 24px;
     line-height: 30px;
}
 @keyframes pulse {
     0% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
     100% {
         -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

 .home-3 .video-bg .round-play-btn:before, .home-3 .single-blog .single-blog-meta span {
     background: #e21f2f;
}
 .home-3 .section-title span{
    color: #e21f2f;
}
 .home-3 .section-title h2:before, .home-3 .left-section-title h2:before {
    background-color: #e21f2f;
}
 .home-3 .about-question .qna-text-list .single-qna-text-box:hover h2 {
     color: #e21f2f;
}
 .home-3 .about-question .qna-text-list:hover, .home-3 .single-blog:hover {
     border-color: #e21f2f;
     -webkit-transition:.3s;
     transition: .3s;
}
 .home-3 .qna-video-hover .round-play-btn:before {
     background-color: rgba(226, 31, 47, 0.8);
}
 .home-3 .qna-video-hover .round-play-btn {
     background-color: #e21f2f;
     border: none;
}
 .home-3 .about-txt h2 {
     color: #e21f2f;
}
 .home-3 .single-feature-item:hover .feature-icon {
     background-color: #e21f2f;
     color: #fff;
     border-color: #d41828;
}
 .home-3 .single-feature-item:hover .feature-text h2 {
     color: #e21f2f;
}
 .home-3 .our-team-area .container {
     box-shadow: none;
     background: #fff !important;
     z-index: 9;
}
 .home-3 .view-all a, .home-3 .solution-icon i,.home-3 .single-solution-item:hover .solution-box h2 {
    color: #e21f2f;
     -webkit-transition:.3s;
     transition: .3s;
}
 .home-3 .our-team-area .single-team-carousel .owl-dot.active{
     background-color: #d11322;
}
 .home-3 .single-team-content-box:hover .single-team-social .member-name a, .home-3 .single-blog:hover .blog-title {
    color: #e21f2f;
}
 .home-3 .social-profile-link ul li:hover a {
    background-color: #e21f2f;
     border-color: #e21f2f;
}
 .home-3 .video-bg img {
     border: none;
     border-radius: 0;
}
 .home-3 .custom-shape {
     height: 1px;
     width: 100%;
     background-color: #fff;
     position: absolute;
     z-index: -1;
}
/*home-3 contact*/
 .home-3 .contact-form-area {
    padding: 0;
}
 .home-3 .contact-bg {
     background-size: cover;
     background-position: center top;
     background-color: #ddd;
     min-height: 490px;
     width: 100%;
     position: relative;
}
 .home-3 .contact-bg:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
     background-color: rgb(26,37,58, .85);
}
 .home-3 .contact-form-area h1 span {
    color: #e21f2f;
}
 .home-3 .contact-form-area p {
    margin-bottom: 0;
}
 .home-3 .contact-form textarea {
     margin-top: 0px;
}
 .home-3 .contact-form button {
    background-color: #e21f2f;
}
 .home-3 .testimonial-author-meta h4 {
    color: #e21f2f;
}
 .home-3 .testimonial-carousel .owl-dot.active {
    background-color: #e21f2f !important;
     -webkit-transition:.3s;
     transition: .3s;
}
 .home-3 .post-txt span, .home-3 .twitter-post .twitter-icon i, .home-3 .fd-menu ul li:hover a, .home-3 .twitter-post .post-react-icon ul li:hover a, .home-3 .fd-second-menu ul li:hover a,.home-3 .ft-menu ul li:hover a, .home-3 .ft-copy a {
     color: #e21f2f;
     -webkit-transition:.3s;
     transition: .3s;
}
/* .slider-content h1 {
     font-size: 65px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     color: #fff;
     text-transform: uppercase;
}*/
 .banner-text h2 span {
     color: #e21f2f;
}
/* .slider-content p {
     margin-top: 20px;
     font-size: 16px;
     max-width: 90%;
     line-height: 24px;
     color: #fff;
}*/
 .banner-text .slider-btn {
     padding: 20px 38px;
     text-transform: capitalize;
     color: #fff;
     font-size: 16px;
     border: none;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     background-color: #e21f2f;
     border-radius: 0;
     display: inline-block;
     margin-top: 30px;
}
 .about-btn .about-more-btn {
     height: 160px;
     width: 160px;
     background-color: #e21f2f;
     text-align: center;
     border-radius: 50%;
     border: 10px solid #d11322;
     font-size: 18px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
/*home-3 google map*/
 .map-container-3{
    overflow:hidden;
    padding-bottom:37.5%;
    position:relative;
    height:0;
}
 .map-container-3 iframe{
    left:0;
     top:0;
    min-height:510px;
    width:100%;
    position:absolute;
}
 .home-3 .fd-area .fd-social-link ul li:hover {
    background-color: #e21f2f;
     border: 1px solid #e21f2f;
}
 .home-3 .twitter-post .twitter-icon:before {
    border: 1px solid #e21f2f;
}
 .home-3 .twitter-post .twitter-icon i {
     color: #e21f2f;
}
 .home-3 .post-txt span {
    color: #e21f2f;
}
 .home-3 .scrollTop span {
    background: #e21f2f;
}
/*=============== 33. HOME-3 END ================*/
/*=============== 34. HOME-4 CSS ================*/
 .home-4 {
     margin: 80px;
     background-image: url(../img/home-4/bg.jpg);
     background-position: center;
     background-repeat: round;
     background-color: #ddd;
     background-attachment: fixed;
}
 .home-4 .our-services .container, .home-4 .our-team-area .container {
    box-shadow: none;
}
 .home-4 .mt-btn:before {
    background: #e21f2f;
}
/*=============== 34. HOME-4 CSS END ================*/
/*================= 35. FOOTER AREA CSS ====================*/
 .footer-bg {
     background-color: #282e3e;
}
 .fd-area img {
    width: 100%;
}
 .fd-area p {
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     color: #a0aab5;
     font-family: 'Open Sans', sans-serif;
     margin-top: 30px;
     margin-bottom: 50px;
}
 .fd-area .fd-social-link ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .fd-area .fd-social-link ul li {
     display: inline-block;
     margin-right: 5px;
     height: 36px;
     width: 36px;
     border-radius: 50%;
     border: 1px solid #383d4d;
     text-align: center;
     line-height: 32px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .fd-area .fd-social-link ul li a {
     display: block;
     color: #a0aab5;
     font-size: 14px;
     line-height: 35px;
}
 .fd-area .fd-social-link ul li:hover {
     background-color: #16d428;
     border: 1px solid #16d428;
}
 .after-border h5 {
     font-size: 18px;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
     color: #fff;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 30px;
}
 .after-border h5:after {
     position: absolute;
     content: '';
     height: 1px;
     width: 30px;
     background-color: #fff;
     bottom: 0;
     left: 0;
}
 .fd-menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .fd-menu ul li {
     display: block;
     margin-bottom: 20px;
}
 .fd-menu ul li a {
     display: inline-block;
     color: #a0aab5;
     font-size: 16px;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     text-transform: capitalize;
     -webkit-transition:.5s;
     transition: .5s;
}
 .fd-menu ul li:last-child {
     margin-bottom: 0;
}
 .fd-second-menu{
    margin-top: 65px;
}
 .fd-second-menu ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .fd-second-menu ul li {
    display: block;
     margin-bottom: 20px;
}
 .fd-second-menu ul li a {
     display: inline-block;
     font-size: 16px;
     color: #a0aab5;
     font-weight: 400;
     font-family: 'Open Sans', sans-serif;
     -webkit-transition:.5s;
     transition: .5s;
     text-transform: capitalize;
}
 .fd-menu ul li:hover a, .fd-second-menu ul li:hover a {
    color: #16d428;
     -webkit-transition:.5s;
     transition: .5s;
     margin-left: 10px;
}
 .fd-second-menu ul li:last-child {
     margin-bottom: 0;
}
 .twitter-post-bg {
     background-color: #333948;
     padding-top: 30px;
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 0;
}
 .twitter-post {
     max-width: 230px;
     margin: 0 auto;
}
 .twitter-post .post-react-icon ul {
    margin: 0;
     padding: 0;
     list-style: none;
}
 .twitter-post .post-react-icon ul li {
    display: inline-block;
     margin-right: 10px;
}
 .twitter-post .post-react-icon ul li:last-child {
    margin-right: 0;
}
 .twitter-post .post-react-icon ul li:hover a {
    color: #19d428;
}
 .twitter-post .post-react-icon ul li a {
    display: block;
     color: #999;
}
 .twitter-post .twitter-icon {
     position: relative;
}
 .twitter-post .twitter-icon:before {
     position: absolute;
     right: auto;
     border: 1px solid #16d428;
     content: '';
     left: 20px;
     height: 30px;
}
 .twitter-post .twitter-icon i {
     height: 30px;
     padding-right: 10px;
     position: relative;
     top: 2px;
     color: #16d428;
     font-size: 12px;
}
 .post-txt {
    position: relative;
     margin-left: 38px;
     top: -40px;
     font-family: 'Open Sans', sans-serif;
     color: #a0aab5;
}
 .post-react-icon {
     position: relative;
     left: 38px;
     top: -26px;
}
 .post-txt span {
    color: #16d428;
     text-decoration: underline;
}
 .twitter-post .post-react-icon ul li a i {
    padding-right: 5px;
}
 .email-subscription-box {
    position: relative;
}
 .email-subscription-box input {
     width: 100%;
     padding: 15px 25px;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     border-radius: 50px;
     border: 2px solid #383d4c;
     background-color: transparent;
     color: #fff;
     position: relative;
}
 .email-subscription-box button {
     position: absolute;
     right: 0;
     height: 100%;
     border: 0;
     width: 45px;
     border-left: 2px solid #383d4c;
     background-color: transparent;
     cursor: pointer;
     color: #fff;
     outline: none;
     top: 0;
}
 .email-subscription-box button i {
     position: relative;
     left: -4px;
}
/*---------------- 35.1 footer copyright -----------------*/
 .ft-menu ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .ft-menu ul li {
     display: inline-block;
     margin-right: 25px;
     -webkit-transition:.3s;
     transition: .3s;
}
 .ft-menu ul li:last-child {
     margin-right: 0;
}
 .footer-area-copyright {
     background-color: #1f2433;
     padding: 30px 0;
}
 .ft-menu ul li a {
     display: block;
     color: #fff;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .ft-menu ul li:hover a {
     color: #16d428;
     -webkit-transition:.3s;
     transition: .3s;
}
 .ft-copy {
     color: #fff;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
}
 .ft-copy a {
     color: #16d428;
}
/*-------------- 35.2 footer brand ---------------*/
 .brand-slider-active a img {
     height: 60px;
     width: 90px;
}
 .brand-slider-active .owl-carousel .owl-item img {
     width: auto !important;
}
/*---------------- 35.3 Back to top ------------------*/
 .scrollTop {
    position: fixed;
     right: 40px;
     bottom: 60px;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transition:all 0.4s ease-in-out 0s;
     transition: all 0.4s ease-in-out 0s;
     height: 50px;
     width: 50px;
     border-radius: 50px;
     text-align: center;
     z-index: 99;
}
 .scrollTop a {
    font-size: 18px;
     color: #fff;
}
 .scrollTop span {
     background: #16d428;
     height: 40px;
     width: 40px;
     display: block;
}
 .scrollTop span i {
     font-size: 25px;
     line-height: 40px;
     font-family: 'IcoFont' !important;
     font-weight: 400;
     color: #fff;
}
 .scrollTop span:hover {
     background-color: #e21f2f;
     -webkit-transition:.3s;
     transition: .3s;
}
/*====================== 35. FOOTER AREA CSS END ========================*/
/*-------------------- thanks for choosing our item ---------------------------------*/