/*
******************************** TABLE OF CONTENTS ******************************
PRIMARY RESET
essentials
all spacing (padding and margin)
thm-header start
#mainSlider start
nav-2
intro
sec-service
testimony
sec-team
whyus
sec-blog
process
footer
blog
service
about-page
contact
about-2
quote-area
****************************************************************************************/

/* ================================================================= */
/* ======================= PRIMARY RESET START ===================== */
* {
    margin : 0px;
    padding: 0px;
    border : 0;
    outline: 0;

    -webkit-box-sizing: border-box !important;
    -moz-box-sizing   : border-box !important;
    -ms-box-sizing    : border-box !important;
    -o-box-sizing     : border-box !important;
    box-sizing        : border-box !important;
  }

  a,
  a:hover,
  a:active,
  a:visited,
  a:focus {
    color          : inherit;
    text-decoration: none;
    outline        : 0 !important;
  }

  a {
    -webkit-transition: all .3s ease;
    transition        : all .3s ease;
  }

  ol,
  ul,
  li {
    list-style-type: none;
  }

  .clr {
    clear: both;
  }

  body {
    font-family: 'Muli', sans-serif;
    background : #fff;
  }

  ol,
  ul,
  li {
    list-style-type: none;
    margin-top     : 0;
    margin-bottom  : 0;
    padding-left   : 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  figure {
    margin: 0;
  }

  p {
    margin-bottom: 0;
  }

  input,
  textarea {
    border          : 0;
    outline         : 0;
    box-shadow      : none;
    resize          : none;
    background-color: transparent;
  }

  input:focus,
  textarea:focus {
    box-shadow        : none;
    border            : 0;
    outline           : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
  }

  textarea::-webkit-input-placeholder,
  input::-webkit-input-placeholder {
    -webkit-transition: all .2s linear;
    transition        : all .2s linear;
  }

  textarea::-moz-placeholder,
  input::-moz-placeholder {
    -webkit-transition: all .2s linear;
    transition        : all .2s linear;
  }

  textarea:-ms-input-placeholder,
  input:-ms-input-placeholder {
    -webkit-transition: all .2s linear;
    transition        : all .2s linear;
  }

  textarea::placeholder,
  input::placeholder {
    -webkit-transition: all .2s linear;
    transition        : all .2s linear;
  }

  button {
    background-color: transparent;
    border          : 0;
    outline         : 0 !important
  }

  img {
    max-width: 100%;
  }

  nav {
    margin-bottom: 0;
  }

  ::-moz-selection {
    color      : #fff;
    background : #74BF44;
    text-shadow: none;
  }

  ::selection {
    background : #74BF44;
    color      : #fff;
    text-shadow: none;
  }

  .list-inline {
    margin-left: 0;
  }

  .list-inline>li {
    margin-left  : 0;
    padding-left : 0;
    padding-right: 0;
  }

  .panel-heading {
    background-color: transparent !important;
    border          : 0 !important;
    padding         : 0 !important;
    border-radius   : 0;
  }

  .panel {
    -webkit-box-shadow: none !important;
    box-shadow        : none !important;
  }

  .panel-default {
    border: 0 !important;
  }

  /* essentials start */
  .bdrs-0 {
    border-radius: 0px;
  }

  .bdrs-3 {
    border-radius: 3px;
  }

  .bdrs-5 {
    border-radius: 5px;
  }

  .bdrs-10 {
    border-radius: 10px;
  }

  .no-border {
    border: none !important;
  }

  .crop {
    overflow: hidden;
  }

  .tdu:hover {
    text-decoration: underline;
  }

  /* essentials end */
  /* ======================== PRIMARY RESET END ====================== */
  /* ================================================================= */

  /* all spacing (padding and margin) start */
  /*padding-10*/
  .pt-10,
  .py-10,
  .p-10 {
    padding-top: 10px;
  }

  .pb-10,
  .py-10,
  .p-10 {
    padding-bottom: 10px;
  }

  .pl-10,
  .px-10,
  .p-10 {
    padding-left: 10px;
  }

  .pr-10,
  .px-10,
  .p-10 {
    padding-right: 10px;
  }

  /*padding-10 end*/

  /*padding-15*/
  .pt-15,
  .py-15,
  .p-15 {
    padding-top: 15px;
  }

  .pb-15,
  .py-15,
  .p-15 {
    padding-bottom: 15px;
  }

  .pl-15,
  .px-15,
  .p-15 {
    padding-left: 15px;
  }

  .pr-15,
  .px-15,
  .p-15 {
    padding-right: 15px;
  }

  /*padding-15 end*/

  /*padding-20*/
  .pt-20,
  .py-20,
  .p-20 {
    padding-top: 20px;
  }

  .pb-20,
  .py-20,
  .p-20 {
    padding-bottom: 20px;
  }

  .pl-20,
  .px-20,
  .p-20 {
    padding-left: 20px;
  }

  .pr-20,
  .px-20,
  .p-20 {
    padding-right: 20px;
  }

  /*padding-20 end*/

  /*padding-25*/
  .pt-25,
  .py-25,
  .p-25 {
    padding-top: 25px;
  }

  .pb-25,
  .py-25,
  .p-25 {
    padding-bottom: 25px;
  }

  .pl-25,
  .px-25,
  .p-25 {
    padding-left: 25px;
  }

  .pr-25,
  .px-25,
  .p-25 {
    padding-right: 25px;
  }

  /*padding-25 end*/

  /*padding-30*/
  .pt-30,
  .py-30,
  .p-30 {
    padding-top: 30px;
  }

  .pb-30,
  .py-30,
  .p-30 {
    padding-bottom: 30px;
  }

  .pl-30,
  .px-30,
  .p-30 {
    padding-left: 30px;
  }

  .pr-30,
  .px-30,
  .p-30 {
    padding-right: 30px;
  }

  /*padding-30 end*/

  /*margin-10*/
  .mt-10,
  .my-10,
  .m-10 {
    margin-top: 10px;
  }

  .mb-10,
  .my-10,
  .m-10 {
    margin-bottom: 10px;
  }

  .ml-10,
  .mx-10,
  .m-10 {
    margin-left: 10px;
  }

  .mr-10,
  .mx-10,
  .m-10 {
    margin-right: 10px;
  }

  /*margin-10 end*/

  /*margin-15*/
  .mt-15,
  .my-15,
  .m-15 {
    margin-top: 15px;
  }

  .mb-15,
  .my-15,
  .m-15 {
    margin-bottom: 15px;
  }

  .ml-15,
  .mx-15,
  .m-15 {
    margin-left: 15px;
  }

  .mr-15,
  .mx-15,
  .m-15 {
    margin-right: 15px;
  }

  /*margin-15 end*/

  /*margin-20*/
  .mt-20,
  .my-20,
  .m-20 {
    margin-top: 20px;
  }

  .mb-20,
  .my-20,
  .m-20 {
    margin-bottom: 20px;
  }

  .ml-20,
  .mx-20,
  .m-20 {
    margin-left: 20px;
  }

  .mr-20,
  .mx-20,
  .m-20 {
    margin-right: 20px;
  }

  /*margin-20 end*/

  /*margin-25*/
  .mt-25,
  .my-25,
  .m-25 {
    margin-top: 25px;
  }

  .mb-25,
  .my-25,
  .m-25 {
    margin-bottom: 25px;
  }

  .ml-25,
  .mx-25,
  .m-25 {
    margin-left: 25px;
  }

  .mr-25,
  .mx-25,
  .m-25 {
    margin-right: 25px;
  }

  /*margin-25 end*/

  /*margin-30*/
  .mt-30,
  .my-30,
  .m-30 {
    margin-top: 30px;
  }

  .mb-30,
  .my-30,
  .m-30 {
    margin-bottom: 30px;
  }

  .ml-30,
  .mx-30,
  .m-30 {
    margin-left: 30px;
  }

  .mr-30,
  .mx-30,
  .m-30 {
    margin-right: 30px;
  }

  /*margin-30 end*/
  /* all spacing (padding and margin) end */

  .animDe-1 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay   : .5s;
    -ms-animation-delay    : .5s;
    -o-animation-delay     : .5s;
    animation-delay        : .5s;
  }

  .animDe-2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay   : 1s;
    -ms-animation-delay    : 1s;
    -o-animation-delay     : 1s;
    animation-delay        : 1s;
  }

  .animDe-3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay   : 1.5s;
    -ms-animation-delay    : 1.5s;
    -o-animation-delay     : 1.5s;
    animation-delay        : 1.5s;
  }

  .animDe-4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay   : 2s;
    -ms-animation-delay    : 2s;
    -o-animation-delay     : 2s;
    animation-delay        : 2s;
  }

  .animDe-5 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay   : 2.5s;
    -ms-animation-delay    : 2.5s;
    -o-animation-delay     : 2.5s;
    animation-delay        : 2.5s;
  }


  @media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
  }

  .page-wrapper {
    position : relative;
    margin   : 0 auto;
    width    : 100%;
    min-width: 300px;
    overflow : hidden;
  }

  .bootstrap-select .dropdown-menu {
    padding-top   : 0;
    padding-bottom: 0;
    margin-top    : 0;
    z-index       : 991;
  }

  .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid #eee;
  }

  .bootstrap-select .dropdown-menu>li:first-child>a {
    padding-top: 10px;
  }

  .bootstrap-select .dropdown-menu>li:last-child>a {
    padding-bottom: 10px;
  }

  .bootstrap-select .dropdown-menu>li.selected>a {
    background: #74BF44;
    color     : #fff;
  }

  .bootstrap-select .dropdown-menu>li>a {
    font-size         : 16px;
    font-weight       : 600;
    padding           : 9px 20px;
    color             : #000;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .bootstrap-select .dropdown-menu>li>a:hover {
    background: #74BF44;
    color     : #fff;
    cursor    : pointer;
  }

  .preloader {
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: #fff url(../img/bx_loader.gif) center center no-repeat;
    z-index   : 99999999;
  }

  .scroll-to-top {
    display           : inline-block;
    width             : 50px;
    height            : 50px;
    border-radius     : 50%;
    background        : #74BF44;
    position          : fixed;
    bottom            : 20px;
    right             : 20px;
    z-index           : 99;
    text-align        : center;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
    display           : none;
    -webkit-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, .4);
    box-shadow        : 0 10px 10px -7px rgba(0, 0, 0, .4);
  }

  .scroll-to-top i {
    font-size  : 18px;
    line-height: 50px;
    color      : #fff;
  }

  .scroll-to-top:hover {
    background: #47575c;
  }

  /* hidding google logos from map */
  a[href^="http://maps.google.com/maps"] {
    display: none !important;
  }

  a[href^="https://maps.google.com/maps"] {
    display: none !important;
  }

  .gmnoprint a,
  .gmnoprint span,
  .gm-style-cc {
    display: none;
  }

  .gmnoprint div {
    background: none !important;
  }

  .c1 {
    color: #74BF44
  }

  .c2 {
    color: #74BF44
  }

  .c3 {
    color: #74BF44
  }

  .c4 {
    color: #7c848a
  }

  .bg1 {
    background: #74BF44
  }

  .bg2 {
    background: #74BF44
  }

  .bg3 {
    background: #47575c
  }

  .bg4 {
    background: #f3f5f9
  }

  .f1 {
    font-family: 'Muli', sans-serif;
  }

  .f2 {
    font-family: 'SpartanMB-Bold', sans-serif;
  }

  .f3 {
    font-family: 'SpartanMB-Thin', sans-serif;
  }

  .fw-2 {
    font-weight: 200;
  }

  .fw-3 {
    font-weight: 300;
  }

  .fw-4 {
    font-weight: 400;
  }

  .fw-6 {
    font-weight: 600;
  }

  .fw-7 {
    font-weight: 700;
  }

  .fw-8 {
    font-weight: 800;
  }

  .fw-9 {
    font-weight: 900;
  }

  /* thm-header start */
  .thm-header {
    font-family   : 'Muli', sans-serif;
    position      : relative;
    color         : #74BF44;
    padding-bottom: 24px;
  }

  /*
  .thm-header::before {
    position  : absolute;
    content   : '';
    width     : 2px;
    height    : 16px;
    background: currentColor;
    z-index   : 1;

    top : 0;
    left: 0;
  } */

  /*
  .thm-header::after {
    position  : absolute;
    content   : '';
    width     : 4px;
    height    : 2px;
    background: currentColor;
    top       : 16px;
    left      : 0;
    z-index   : 2;
  }

  .thm-header.text-center::before {
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
  }

  .thm-header.text-center::after {
    left             : calc(50% + 1px);
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
  } */

  .thm-header h2 {
    font-weight: 200;
    font-size  : 42px;
  }

  .thm-header p,
  .thm-header li,
  .thm-header li a {
    font-size     : 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight   : 600;
  }

  .thm-header li {
    position   : relative;
    display    : inline-block;
    margin-left: 7px;
  }

  .thm-header li:not(:last-of-type) {
    padding-right: 13px;
  }

  .thm-header li:not(:last-of-type)::after {
    position: absolute;
    content : '-';
    color   : #74BF44;
    right   : -3px;
  }

  .op-header {
    padding   : 30px 0 23px;
    background: #f3f5f9;
  }

  /* thm-header end */

  /* #mainSlider start */
  [data-item="1"] {
    background: url('../img/bg/01.jpg') no-repeat center center;
  }

  [data-item="2"] {
    background: url('../img/bg/02.jpg') no-repeat center center;
  }

  [data-item="3"] {
    background: url('../img/bg/03.jpg') no-repeat center center;
  }

  [data-item="4"] {
    background: url('../img/bg/04.jpg') no-repeat center center;
  }

  [data-item="5"] {
    background: url('../img/bg/05.jpg') no-repeat center center;
  }

  [data-item="6"] {
    background: url('../img/bg/06.jpg') no-repeat center center;
  }

  #mainSlider .carousel-item {
    height                 : 864px;
    -webkit-background-size: cover;
    background-size        : cover;
    position               : relative;
    z-index                : 1;
  }

  #mainSlider .carousel-item::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : 100%;
    background: rgba(1, 15, 27, 0.65);
    top       : 0;
    left      : 0;
    z-index   : -1;
  }

  .bannerContent>a {
    padding           : 22px 38px 23px 40px;
    letter-spacing    : 2px;
    font-family       : 'Muli', sans-serif;
    display           : inline-block;
    font-size         : 11px;
    text-transform    : uppercase;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .bannerContent>a:hover {
    background: #47575c;
  }

  .bannerContent>a:not(:last-of-type) {
    margin-right: 5px;
  }

  .bannerContent>h1 {
    font-family   : 'SpartanMB-Bold', sans-serif;
    font-size     : 80px;
    letter-spacing: -3px
  }

  .bannerContent>p {
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    font-size  : 20px;
  }

  [data-item="1"] .bannerContent>p {
    padding-bottom: 23px;
    margin-bottom : 14px;
  }

  [data-item="2"] .bannerContent>p,
  [data-item="5"] .bannerContent>p {
    width        : 136px;
    height       : 136px;
    background   : #74BF44;
    color        : #fff;
    margin-bottom: 28px;
  }

  .bannerContent>p>i {
    font-size: 64px;
  }

  .bannerContent>p>span {
    padding       : 13px 21px 12px 25px;
    font-size     : 14px;
    letter-spacing: 4px;
    line-height   : 25px;
    color         : rgba(255, 255, 255, .4);
    border        : 2px solid rgba(255, 255, 255, .4);
  }

  [data-item="1"] .bannerContent>a {
    margin-top: 47px;
  }

  [data-item="2"] .bannerContent>a {
    margin-top: 48px;
  }

  [data-item="5"] .bannerContent>a {
    margin-top: 48px;
  }

  [data-item="3"] .bannerContent>a {
    margin-top: 36px;
  }

  [data-item="3"] .bannerContent>p:first-of-type {
    margin-top: 20px;
  }

  [data-item="3"] .bannerContent>h1 {
    font-size: 70px;
  }

  #mainSlider .carousel-indicators {
    bottom: 43px;
  }

  #mainSlider .carousel-indicators li {
    width             : 14px;
    border            : none;
    margin-right      : 5px;
    background        : rgba(255, 255, 255, .2);
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  #mainSlider .carousel-indicators li.active {
    width     : 24px !important;
    background: rgba(255, 255, 255, 1);
  }

  #mainSlider [class^="carousel-control-"] {
    width             : 74px;
    height            : 72px;
    font-size         : 24px;
    background        : #fff;
    color             : #47575c;
    opacity           : .2;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  #mainSlider [class^="carousel-control-"]:hover {
    opacity: 1;
  }

  #mainSlider [class^="carousel-control-prev"] {
    margin-left: 30px;
  }

  #mainSlider [class^="carousel-control-next"] {
    margin-right: 30px;
  }

  #home-2 #mainSlider [class^="carousel-control-prev"] {
    margin-left: 0;
  }

  #home-2 #mainSlider [class^="carousel-control-next"] {
    margin-right: 0;
  }

  [data-item="4"] .bannerContent {
    width     : 632px;
    padding   : 88px 100px 100px;
    background: #74BF44;
  }

  [data-item="4"] .bannerContent h1 {
    font-size: 55px;
  }

  [data-item="4"] .bannerContent a {
    margin-top: 31px;
  }

  [data-item="6"] .bannerContent a {
    margin-top: 47px;
  }

  [data-item="6"] .bannerContent h1:first-of-type span {
    color         : #74BF44;
    border-bottom : 5px solid #74BF44;
    display       : inline-block;
    padding-bottom: 1px;
  }

  /* #mainSlider end */

  /* nav-2 start */
  .nav-2 .navbar-brand {
    padding-left: 15px;
  }

  .navbar-brand {
    height: 97px;
  }

  .thm-search {
    width  : 106px;
    height : 96px;
    padding: 0;
  }

  .search-item span {
    font-size  : 18px;
    line-height: 32px;
  }

  .quote-btn {
    width         : 218px;
    height        : 96px;
    line-height   : 96px;
    text-align    : center;
    text-transform: uppercase;
    display       : block;
    background    : #74BF44;
    color         : #fff !important;
    font-weight   : 700;
    font-size     : 11px;
    letter-spacing: 2px;
  }

  .quote-btn:hover {
    background: #47575c;
  }

  .contact-box>i {
    font-size: 32px;
    color    : #74BF44;
  }

  .contact-box p,
  .contact-box span {
    font-size  : 16px;
    line-height: 24px;
    font-weight: 600;
  }

  .contact-box span {
    color: #7c8389;
  }

  .nav-2 .contact-box {
    margin-right: 50px;
  }

  .nav-2 .mainmenu {
    margin-left: 30px;
  }

  .nav-2 .mainmenu>li:not(:last-of-type) {
    margin-right: 13px;
  }

  .service-map-widget {
    margin: 40px 0px
  }

  .social-media-link li {
    display     : inline-block;
    margin-right: 8px;
  }

  @media(min-width: 1400px) {
    .nav-2 .mainmenu>li:not(:last-of-type) {
      margin-right: 33px;
    }
  }

  @media(min-width: 1800px) {
    .nav-2 .mainmenu>li:not(:last-of-type) {
      margin-right: 43px;
    }
  }

  .nav-2 .mainmenu>li>a {
    font-size  : 16px;
    font-weight: 600;
    color      : #7c848a !important;
  }

  .nav-2 .mainmenu>li.active a {
    text-shadow: 1px 0 0 #74BF44;
    color      : #74BF44 !important;
  }

  .mainmenu .dropdown-toggle::after {
    display: none;
  }

  .mainmenu .dropdown .dropdown-menu {
    background       : #74BF44;
    color            : #fff;
    border-radius    : 0;
    border           : none;
    min-width        : 191px !important;
    padding          : 27px 0 31px;
    -webkit-transform: translateX(-10%);
    -ms-transform    : translateX(-10%);
    -o-transform     : translateX(-10%);
    transform        : translateX(-10%);
  }

  .mainmenu .dropdown .dropdown-menu>a {
    padding    : 7px 40px !important;
    display    : block !important;
    font-size  : 16px;
    font-weight: 600;
  }

  /* nav-2 end */
  .top-phone-area {
    padding-top: 9px;
  }

  /* blinking list your services  */
  .glowing-button {
    background-color     : #74BF44;
    -webkit-border-radius: 10px;
    border               : none;
    color                : #ffffff !important;
    font-size            : 11px !important;
    text-transform       : uppercase;
    vertical-align       : middle;
    font-family          : Muli;
    font-weight          : 700;
    letter-spacing       : 0.2em;
    padding              : 10px 16px;
    border-radius        : 28px;
    cursor               : pointer;
    display              : inline-block;
    text-align           : center;
    -webkit-animation    : glowing 1500ms infinite;
    -moz-animation       : glowing 1500ms infinite;
    -o-animation         : glowing 1500ms infinite;
    animation            : glowing 1500ms infinite;
  }

  .acme-service-ticker {
    margin-left: 15px;
  }

  .acme-service-ticker-label {
    font-size: 16px;
    color    : #74BF44;
  }

  .my-service-ticker-3 li a {
    font-size: 14px;
    overflow : hidden;
  }

  .top-side-area {
    margin-top: -12px;
  }

  @-webkit-keyframes glowing {
    0% {
      background-color  : #74BF44;
      -webkit-box-shadow: 0 0 3px #74BF44;
    }

    50% {
      background-color  : #6C7F84;
      -webkit-box-shadow: 0 0 40px #6C7F84;
    }

    100% {
      background-color  : #74BF44;
      -webkit-box-shadow: 0 0 3px #74BF44;
    }
  }

  @-moz-keyframes glowing {
    0% {
      background-color: #74BF44;
      -moz-box-shadow : 0 0 3px #74BF44;
    }

    50% {
      background-color: #6C7F84;
      -moz-box-shadow : 0 0 40px #6C7F84;
    }

    100% {
      background-color: #74BF44;
      -moz-box-shadow : 0 0 3px #74BF44;
    }
  }

  @-o-keyframes glowing {
    0% {
      background-color: #74BF44;
      box-shadow      : 0 0 3px #74BF44;
    }

    50% {
      background-color: #6C7F84;
      box-shadow      : 0 0 40px #6C7F84;
    }

    100% {
      background-color: #74BF44;
      box-shadow      : 0 0 3px #74BF44;
    }
  }

  @keyframes glowing {
    0% {
      background-color: #74BF44;
      box-shadow      : 0 0 3px #74BF44;
    }

    50% {
      background-color: #6C7F84;
      box-shadow      : 0 0 40px #6C7F84;
    }

    100% {
      background-color: #74BF44;
      box-shadow      : 0 0 3px #74BF44;
    }
  }

  /* intro start */
  .intro {
    position   : relative;
    z-index    : 2;
    padding-top: 120px;
  }

  .intro section>p {
    font-size  : 18px;
    line-height: 30px;
    color      : #7c848a;
  }

  .intro section>p:first-of-type {
    margin-top: -8px;
  }

  .intro section>p:not(:last-of-type) {
    padding-bottom: 28px;
  }

  .intro figure {
    position: relative;
    z-index : 2;
  }

  .intro figure::before {
    position  : absolute;
    content   : '';
    width     : 100vw;
    height    : 100%;
    top       : 0;
    right     : 100%;
    background: #fff;
    z-index   : -1;
  }

  .facts {
    padding   : 100px 0 96px;
    margin-top: 75px;
    background: #74BF44;
    position  : relative;
    z-index   : 1;
  }

  .facts::before {
    position  : absolute;
    content   : '';
    width     : 332px;
    height    : 100%;
    background: inherit;
    top       : 0;
    right     : calc(100% - 2px);
    z-index   : -1;
  }

  .facts::after {
    position  : absolute;
    content   : '';
    width     : calc(100vw + 2px);
    height    : 100%;
    background: inherit;
    left      : calc(100% - 2px);
    top       : 0;
    z-index   : -1;
  }

  .single-fact {
    -webkit-box-flex: 1;
    -ms-flex        : 1;
    flex            : 1
  }

  .single-fact h1 {
    font-size     : 40px;
    padding-top   : 15px;
    padding-bottom: 1px;
  }

  .single-fact p {
    font-size: 16px;
  }

  .single-fact i {
    font-size: 43px;
  }

  /* intro end */

  /* sec-service start */
  .sec-service {
    padding      : 40px 0;
    /* background: #f3f5f9; */
    position     : relative;
    z-index      : 1;
  }

  /*
  .sec-service::before {
    position  : absolute;
    content   : '';
    width     : 100vw;
    height    : 170px;
    background: inherit;
    bottom    : 100%;
    left      : 0;
    z-index   : -2;
  } */

  .service-carousel {
    position: relative;
    z-index : 1;
  }

  /* .service-carousel::after {
    position         : absolute;
    content          : '';
    width            : 100vw;
    height           : calc(100% - 248px);
    bottom           : 0;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
    background       : #fff;
    z-index          : -1
  } */

  .service-carousel .col-lg-4 {
    -ms-flex : 0 0100;
    flex     : 0 0 100%;
    max-width: 100%;
  }

  .service-carousel .owl-dots {
    margin-top : 39px;
    margin-left: 30px;
  }

  .service-carousel .owl-dot {
    width             : 10px;
    height            : 10px;
    margin-right      : 10px;
    background        : #74BF44;
    opacity           : .2;
    border-radius     : 50%;
    -webkit-transition: all .3s ease;
    transition        : all .3s ease;
  }

  .service-carousel .owl-dot.active {
    opacity: 1;
  }

  .owl-theme .owl-dots .owl-dot span {
    display: none;
  }

  .service-carousel .owl-nav {
    /* position: absolute; */
    top: 50%;
  }

  .service-carousel .owl-nav .owl-prev {

    position  : absolute;
    left      : 0;
    top       : 40%;
    background: #74BF44;
  }

  .service-carousel .owl-nav .owl-next {
    position  : absolute;
    right     : 0;
    top       : 40%;
    background: #74BF44;
  }

  .service-card {
    border    : 1px solid #e1e1e1;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  }

  .service-card-body {
    /* width      : calc(100% - 20px);
    margin-left: auto;
    padding    : 12px 50px 0;
    text-align : center;
    position   : relative;
    z-index    : 1; */
    /* width     : calc(98% - 35px);
    margin    : 0 auto;
    padding   : 15px 20px 15px; */
    border-top: 2px solid #f5f5f5;
    padding   : 15px;
    text-align: center;
    position  : relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  }

  .service-card-body::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : calc(100% + 22px);
    background: #fff;
    bottom    : 0;
    right     : -2px;
    z-index   : -1;
  }

  .service-card-body>h2>a,
  .service-card-body>p,
  .service-card-body>a {
    font-family: 'Muli', sans-serif;
    font-weight: 600;
  }

  .service-card-body>h2 {
    font-size    : 20px;
    margin-bottom: 5px;

  }

  .service-card-body>h2>a {
    font-size     : 16px;
    padding       : 5px 0;
    padding-bottom: 15px;
    color         : #47575c;
  }

  .service-card-body>h2>a:hover {
    color: #74BF44;
  }

  .service-card-body p {
    font-size        : 12px;
    line-height      : 26px;
    color            : #7c848a;
    /* padding-top   : 28px;
    padding-bottom   : 31px; */
  }

  .service-card-body .review-rating {
    font-size: 12px;
  }

  .service-card-body .review-rating ul li {
    display      : inline-block;
    color        : #EAB830;
    cursor       : pointer;
    margin-bottom: 10px;
  }

  .service-card-body>a {
    font-size     : 11px;
    letter-spacing: 4px;
    color         : #74BF44;
    text-transform: uppercase;
  }

  .service-card-body>a:hover {
    color: #47575c;
  }

  .review-form .review-rating ul li {
    display: inline-block;
    color  : #E1E1E1;
    cursor : pointer;
  }

  .company-cover-image {
    margin-bottom: 35px;
  }

  .company-cover-image img {
    width: 100%;
    object-fit: cover;
    max-height: 350px;
  }

  .review-form .review-rating ul li .rating-input {
    position    : absolute;
    margin-right: -18px;
    margin-top  : 5px;
    visibility  : hidden;
    color       : transparent;
    background  : transparent;
  }

  .review-form .review-rating ul {
    margin: 20px 0;
  }

  .review-form .review-rating ul li.selected,
  .review-form .review-rating ul li.hover {
    color: #EAB830;
  }

  /* sec-service end */
  .single-service .nav li {
    border-left: 1px solid #DBDBDB;
  }

  .single-service .nav li a {
    display           : block;
    background-color  : #74BF44;
    color             : #fff;
    text-align        : center;
    height            : 50px;
    line-height       : 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition   : all 0.3s linear;
    -ms-transition    : all 0.3s linear;
    -o-transition     : all 0.3s linear;
    transition        : all 0.3s linear;
    font-size         : 18px;
    font-weight       : 600;
  }

  .single-service .nav li .active {
    color     : #fff;
    background: #47575c;
  }

  .service-details-tab {
    padding-top: 30px;
  }

  .service-details-tab .tab-content {
    padding-top: 20px;
  }

  .service-details-tab .contact-details-list li {
    line-height: 30px;
  }

  .service-details-tab .contact-details-list li::before {
    content    : "\f00c";
    font-family: 'FontAwesome';
    font-size  : 15px;
    font-weight: 400;
    padding    : 7px;
    color      : #74BF44;
  }

  .service-details-tab .social-media-link li::before {
    content    : "";
    font-family: 'FontAwesome';
    font-size  : 15px;
    font-weight: 400;
  }

  .courses-reviews .review-wrapper {
    display          : -webkit-flex;
    display          : -moz-flex;
    display          : -ms-flex;
    display          : -o-flex;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : space-between;
    -ms-flex-pack    : space-between;
    justify-content  : space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    -moz-flex-wrap   : wrap;
    flex-wrap        : wrap;
    max-width        : 540px;
    margin           : 0 auto;
  }

  .courses-reviews .review-wrapper .review-star {
    padding-top: 30px;
  }

  .courses-reviews .review-wrapper .review-star .single-review {
    display          : -webkit-flex;
    display          : -moz-flex;
    display          : -ms-flex;
    display          : -o-flex;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    margin-top       : 10px;
  }

  .courses-reviews .review-wrapper .review-star .single-review .label {
    font-weight: 500;
    font-size  : 18px;
    color      : #151515;
    width      : 85px;
  }

  .courses-reviews .review-wrapper .review-star .single-review .review-bar {
    width           : 170px;
    height          : 14px;
    background-color: #F1F1F1;
    position        : relative;
  }

  .courses-reviews .review-wrapper .review-star .single-review .review-bar .bar-inner {
    position        : absolute;
    content         : '';
    top             : 0;
    left            : 0;
    height          : 100%;
    background-color: #74BF44;
  }

  .courses-reviews .review-wrapper .review-star .single-review .value {
    font-weight: 500;
    font-size  : 18px;
    color      : #151515;
    width      : 50px;
    text-align : right;
  }

  .courses-reviews .review-wrapper .review-point {
    padding-top: 30px;
  }

  .courses-reviews .review-wrapper .review-point span {
    font-weight: bold;
    font-size  : 70px;
    line-height: 80px;
    color      : #74BF44;
  }

  .courses-reviews .review-form {
    margin-top: 50px;
  }

  /* testimony start */
  .testimony {
    padding                : 30px 0 10px;
    background             : url(../img/parallax-1-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size        : cover;
    position               : relative;
    z-index                : 1;
    margin-bottom          : -61px;
  }


  .testimony::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : 100%;
    top       : 0;
    left      : 0;
    z-index   : -1;
    background: #74bf44de;
  }

  .slide-text p {
    font-weight: 300;
    font-size  : 18px;
    line-height: 32px;
    text-align : left;
    padding    : 0px 40px 15px 10px;
  }

  .slide-text h4 {
    font-size: 18px;
  }

  .rating {
    margin-top: 8px;
  }

  .slide-text .rating i {
    color    : #FED618;
    font-size: 16px;
  }

  .slide-text {
    height       : 75px;
    position     : relative;
    margin-bottom: 55px;
  }

  .slide-text.testi-thumb {
    width             : 55px;
    opacity           : .5;
    -webkit-transition: all .3s ease;
    transition        : all .3s ease;
  }

  .slide-text .testi-thumb {
    width        : 75px;
    opacity      : 1;
    margin-bottom: -5px;
  }

  .slide-text .testi-thumb img {
    border-radius: 50%;
    display      : initial;
    margin-top   : 15px;
    height       : 77px;
  }

  .rating-area .pager-item:not(:last-of-type) {
    margin-right: 20px;
  }

  .rating-area .bx-wrapper {
    border            : none;
    background        : transparent;
    -webkit-box-shadow: none;
    box-shadow        : none;
  }

  .bx-wrapper .bx-controls-direction a {
    text-indent: initial;
  }

  .rating-area .bx-controls-direction [class^="bx-"] {
    width            : 54px;
    height           : 52px;
    display          : block;
    border-radius    : 50%;
    position         : absolute;
    top              : 58%;
    -webkit-transform: translateY(-100%);
    -ms-transform    : translateY(-100%);
    -o-transform     : translateY(-100%);
    transform        : translateY(-100%);
    background       : #fff;
    text-align       : center;

    opacity           : .2;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
    z-index           : 2;
  }

  .rating-area .bx-controls-direction [class^="bx-"] i {
    line-height: 52px;
    font-size  : 24px;
    color      : #47575c;
  }

  .rating-area .bx-controls-direction [class^="bx-"]:hover {
    opacity: 1;
  }

  .rating-area .bx-controls-direction .bx-prev {
    left: -150px;
  }

  .rating-area .bx-controls-direction .bx-next {
    right: -150px;
  }

  /* testimony end */

  /* sec-team start */
  .sec-team {
    padding : 80px;
    position: relative;
    z-index : 1;
  }

  .sec-team .thm-header {
    margin-bottom: 60px;
  }

  .member-card figcaption {
    text-align    : center;
    position      : relative;
    padding-top   : 12px;
    padding-bottom: 25px;
  }

  .member-card figcaption ul {
    position          : absolute;
    width             : 100%;
    text-align        : center;
    bottom            : 100%;
    left              : 0;
    visibility        : hidden;
    opacity           : 0;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .member-card:hover figcaption ul {
    bottom    : calc(100% + 20px);
    visibility: visible;
    opacity   : 1;
  }

  .member-card figcaption ul li {
    display     : inline-block;
    margin-right: 5px;
  }

  .member-card figcaption ul li a {
    width      : 50px;
    height     : 50px;
    line-height: 50px;
    display    : block;
    text-align : center;
    background : #fff;
  }

  .member-card figcaption ul li a:hover {
    background: #74BF44;
  }

  .member-card figcaption ul li a i {
    font-size         : 16px;
    color             : #47575c;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .member-card figcaption ul li a:hover i {
    color: #fff;
  }

  .member-info h2>a {
    font-size: 18px;
  }

  .member-info h2>a:hover {
    color: #74BF44;
  }

  .member-info p {
    font-size: 16px;
    color    : #7c848a;
  }

  /* sec-team end */

  /* whyus start */
  .whyus {
    padding-top: 120px;
    position   : relative;
    z-index    : 1;
  }

  .whyus::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : calc(100% - 20px);
    background: #f3f5f9;
    z-index   : -1;
    top       : 0;
    left      : 0;
  }

  .whyus section {
    padding-right: 60px;
  }

  .whyus section>h2 {
    font-size  : 30px;
    line-height: 30px;
    padding    : 36px 0 33px;
  }

  .whyus section>p {
    color      : #7c848a;
    font-size  : 18px;
    line-height: 30px;
  }

  .whyus section>span {
    width     : 91px;
    height    : 91px;
    text-align: center;
    background: #74BF44;
    display   : block;
  }

  .whyus section>span i {
    font-size  : 52px;
    line-height: 91px;
    color      : #fff;
  }

  .feature-area {
    position: relative;
  }

  .feature-area h2 {
    font-size     : 40px;
    line-height   : 50px;
    width         : 501px;
    padding-top   : 48px;
    padding-left  : 54px;
    padding-bottom: 53px;
    padding-right : 53px;

    position: absolute;
    top     : -20px;
    left    : 0;
  }

  .feature-area figure {
    margin-top: 20px;
  }

  .feature-area figure img {
    max-width: none
  }

  /* whyus end */

  /* sec-blog start */
  .sec-blog {
    padding: 120px 0 114px;
  }

  .sec-blog .thm-header {
    margin-bottom: 46px;
  }

  .blog-card figure,
  .thePost figure {
    position: relative;
    z-index : 1;
  }

  .blog-card figure a {
    display : inline-block;
    position: relative;
    z-index : 1;
  }

  .blog-card figure a::before {
    position          : absolute;
    content           : '';
    width             : 100%;
    height            : 100%;
    top               : 0;
    left              : 0;
    background        : rgba(5, 34, 58, 0.35);
    visibility        : hidden;
    opacity           : 0;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .blog-card:hover figure a::before {
    visibility: visible;
    opacity   : 1;
  }

  .blog-card figure figcaption,
  .thePost figure figcaption {
    position          : absolute;
    top               : 0;
    right             : 0;
    background        : #74BF44;
    width             : 75px;
    height            : 73px;
    -webkit-box-shadow: 0 0 0 10px #fff;
    box-shadow        : 0 0 0 10px #fff;
    z-index           : 2;

    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-pack     : center;
    -ms-flex-pack        : center;
    justify-content      : center;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
  }

  .blog-card figure figcaption span,
  .thePost figure figcaption span {
    display       : block;
    font-weight   : 700;
    font-size     : 11px;
    line-height   : 13px;
    color         : #fff;
    letter-spacing: 2px;
  }

  .blog-card-body {
    padding    : 26px 50px 0;
    width      : calc(100% - 20px);
    margin-left: auto;
    position   : relative;
    z-index    : 1;
  }

  .blog.blog-2 .blog-card-body {
    padding: 26px 30px 0;
  }

  .blog-card-body::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : calc(100% + 22px);
    background: #fff;
    bottom    : 0;
    right     : -2px;
    z-index   : -1;
  }

  .blog-card-body>h2 {
    line-height: 1px;
  }

  .blog-card-body>h2>a {
    font-size  : 30px;
    font-weight: 300;
    line-height: 30px;
    color      : #47575c;
  }

  .blog-card-body>h2>a:hover {
    color: #74BF44;
  }

  .blog-card-body>p {
    padding    : 34px 0 32px;
    font-size  : 16px;
    line-height: 30px;
    font-weight: 600;
    color      : #7c848a;
  }

  .blog-card-body>a {
    font-size     : 11px;
    font-weight   : 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color         : #74BF44;
  }

  .blog-card-body>a:hover {
    color: #74BF44;
  }

  /* sec-blog end */

  /* process start */
  .process {
    padding   : 120px 0 116px;
    background: #f3f5f9;
  }

  .process .row {
    margin-left : -3px;
    margin-right: -3px;
  }

  .process .row [class*=col-] {
    padding-left : 3px;
    padding-right: 3px;
    margin-bottom: 6px;
  }

  .process .thm-header {
    margin-bottom: 60px;
  }

  .process-single {
    padding   : 86px 70px 91px;
    background: #fff;
    text-align: center;
  }

  .process-single:not(:last-of-type) {
    margin-right: 6px;
  }

  .process-single h1 {
    font-size: 80px;
    color    : #74BF44;
  }

  .process-single h2 {
    font-size     : 20px;
    padding-top   : 41px;
    padding-bottom: 33px;
  }

  .process-single p {
    font-size  : 16px;
    line-height: 30px;
    color      : #7c848a;
  }

  .process p.block-text {
    font-size  : 18px;
    line-height: 30px;
    color      : #7c848a;
    padding-top: 53px;
  }

  @media(max-width: 480px) {
    .process p.block-text br {
      display: none;
    }
  }

  /* process end */

  /* footer start */
  .footer-middle {
    background: #74BF44;
    position  : relative;
    z-index   : 2;
  }

  .footerMiddle {
    padding : 30px 0;
    position: relative;
    z-index : 1;
  }

  .footerMiddle::before {
    position                    : absolute;
    content                     : '';
    width                       : 100vw;
    height                      : calc(100% + 22px);
    background                  : #fff;
    top                         : -2px;
    left                        : 25%;
    z-index                     : -1;
    border-bottom-left-radius   : 100px;
    /* border-top-left-radius   : 105px; */
    border-top                  : 8px solid #f3f5f9;
  }

  .footer-col img {
    background: #fff;
    height    : 70px;
  }

  .footer-col>p {
    font-size    : 16px;
    line-height  : 32px;
    padding-right: 20px;
    padding-top  : 22px;
  }

  .footer-col>h2 {
    font-size     : 22px;
    font-weight   : 600;
    color         : #47575c;
    text-transform: capitalize;
    padding-top   : 15px;
    margin-bottom : 15px;
  }

  .footer-col>ul li,
  .footer-col>ul li a {
    font-size  : 16px;
    line-height: 30px;
    color      : #7c848a;
    display    : block;
    position   : relative;
  }

  .footer-col>ul li a::before {
    position          : absolute;
    content           : '';
    width             : 100%;
    height            : 1px;
    background        : #7c848a;
    bottom            : 2px;
    left              : 0;
    visibility        : hidden;
    opacity           : 0;
    -webkit-transition: all .2s ease;
    transition        : all .2s ease;
  }

  .footer-col>ul li a:hover::before {
    bottom    : 4px;
    visibility: visible;
    opacity   : 1;
  }

  .footer-col>h4 {
    font-size    : 16px;
    line-height  : 26px;
    color        : #7c848a;
    margin-bottom: 20px;
  }

  .footer-col>ul li span {
    line-height: 28px;
    color      : #7c848a;
  }

  .footer-col>ul li span i {
    margin-right: 12px;
  }

  .footer-col>ul li:first-of-type span i {
    font-size: 14px;
  }

  .footer-col>ul li:last-of-type span i {
    font-size: 16px;
  }

  .footer-bottom {
    padding-top   : 15px;
    padding-bottom: 12px;
    background    : #47575c;
  }

  .footer-bottom img {
    height: 20px;
  }

  .footer-bottom ul li {
    display      : inline-block;
    margin-right : 25px;
    background   : #74BF44;
    border       : 4px solid #ffffff30;
    border-radius: 50%;
    padding      : 5px 0;
    text-align   : center;
    width        : 42px;
    height       : 42px;
  }

  .footer-bottom ul li a i {
    font-size         : 18px;
    color             : #fff;
    -webkit-transition: all .2s linear;
    transition        : all .2s linear;
  }

  .footer-bottom ul li a:hover i {
    color: rgba(255, 255, 255, 1);
  }

  .footer-bottom p {
    color      : #fff;
    font-size  : 14px;
    font-weight: 600;
    margin-top : 20px;
  }

  .footer-bottom p span {
    padding-left: 20px;
  }

  /* footer end */

  /* blog start */
  .blog {
    padding-top: 120px;
  }

  .blog .blog-card {
    text-align   : center;
    margin-bottom: 54px;
  }

  .partners {
    padding   : 40px 0;
    background: #fff;
    overflow  : hidden;
    position  : relative;
    z-index   : 3;
  }

  .partners.bg3 {
    margin-top: 0;
  }

  .partner-carousel.owl-carousel .owl-controls {
    display: none !important;
  }

  .partner-carousel.owl-carousel .owl-item {
    text-align: center;
  }

  .partner-carousel.owl-carousel .owl-item img {
    width  : auto;
    display: inline-block;
  }

  .partners a {
    display: inline-block;
  }

  /* .partners a:hover {
    opacity: 1;
  } */

  .thePost .post-body,
  .single-service .service-body {
    padding-left: 30px;
    width       : calc(100% - 20px);
    margin-left : auto;
    position    : relative;
    z-index     : 2;
  }

  .thePost .post-body::before {
    position  : absolute;
    content   : '';
    width     : calc(100% + 2px);
    height    : 22px;
    background: #fff;
    bottom    : calc(100% - 2px);
    right     : -2px;
  }

  .thePost .postHeader {
    margin-bottom: 28px;
  }

  .thePost .postHeader h2 {
    font-size  : 30px;
    line-height: 30px;
    padding-top: 27px;
  }

  .thePost .postHeader span {
    font-size   : 16px;
    line-height : 30px;
    display     : inline-block;
    margin-right: 13px;
  }

  .post-info a:hover {
    color: #74BF44;
  }

  .thePost .post-body>p {
    font-size     : 16px;
    line-height   : 30px;
    color         : #7c848a;
    padding-bottom: 28px;
  }

  .post-footer {
    margin-top: 26px;
    padding   : 55px 0 57px;
    border-top: 3px solid #f3f5f9;
  }

  .post-tags>span {
    font-size: 16px;
    color    : #47575c;
  }

  .post-tags>span>a {
    color: #74BF44
  }

  .post-share>a {
    opacity: .4;
    display: inline-block;
  }

  .post-share>a:hover {
    opacity: 1;
  }

  .post-share>a>i {
    font-size: 18px;
    color    : #47575c;
  }

  .author-area {
    background: #f3f5f9;
  }

  .author-area h5 {
    font-size    : 22px;
    color        : #47575c;
    margin-bottom: 33px;
  }

  .author-area p {
    font-size     : 16px;
    font-weight   : 600;
    line-height   : 30px;
    color         : #7c848a;
    padding-bottom: 24px;
  }

  .author-area a {
    text-transform: uppercase;
    font-size     : 11px;
    font-weight   : 600;
    letter-spacing: 2px;
    color         : #74BF44;
  }

  .author-area {
    padding: 60px;
  }

  .author-area .media-body {
    padding-left: 40px;
    margin-top  : -6px;
  }

  .comment-area>h1 {
    font-size     : 30px;
    padding-top   : 52px;
    padding-bottom: 54px;
  }

  .comment-area .media {
    padding-bottom: 54px;
    margin-bottom : 60px;
    border-bottom : 3px solid #f3f5f9;
  }

  .comment-area .media>img {
    margin-right: 31px;
  }

  .comment-area .media-body>p {
    font-size  : 16px;
    line-height: 30px;
    color      : #7c848a;
    font-weight: 600;
  }

  .comment-area .media .media-header {
    margin-bottom: 32px;
  }

  .comment-area .media .media-header h2 {
    font-size : 18px;
    margin-top: -5px;
  }

  .comment-area .media .media-header p a {
    font-size: 16px;
  }

  .comment-area .media .media-header>a {
    text-transform: uppercase;
    background    : #74BF44;
    font-size     : 11px;
    letter-spacing: 2px;
    display       : inline-block;
    padding       : 10px 25px 10px 25px;
    color         : #fff !important;
  }

  .comment-area .media .media-header>a:hover {
    background: #47575c;
  }

  .comment-form {
    padding-bottom: 60px;
  }

  .comment-form>h1 {
    font-size     : 30px;
    font-weight   : 300;
    color         : #47575c;
    line-height   : 23px;
    padding-bottom: 60px;
  }

  .comment-form input {
    width     : calc(50% - 10px);
    height    : 50px;
    background: #e7e9ef;
    color     : #47575c;
    padding   : 0 28px;
  }

  .comment-form textarea {
    width     : 100%;
    height    : 188px;
    background: #e7e9ef;
    color     : #47575c;
    margin    : 20px 0 15px;
    padding   : 26px 28px;
  }

  .comment-form button {
    font-size         : 11px;
    text-transform    : uppercase;
    font-weight       : 700;
    letter-spacing    : 2px;
    background        : #74BF44;
    color             : #fff;
    padding           : 15px 25px;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .comment-form button:hover {
    background: #47575c;
  }

  .comment-form textarea::-webkit-input-placeholder,
  .comment-form input::-webkit-input-placeholder {
    color: #7c848a;
  }

  .comment-form textarea::-moz-placeholder,
  .comment-form input::-moz-placeholder {
    color: #7c848a;
  }

  .comment-form textarea:-ms-input-placeholder,
  .comment-form input:-ms-input-placeholder {
    color: #7c848a;
  }

  .comment-form textarea::placeholder,
  .comment-form input::placeholder {
    color: #7c848a;
  }

  .blog-sidebar>form input {
    width     : 100%;
    height    : 50px;
    padding   : 10px 20px 10px 50px;
    color     : #fff;
    background: #47575c;
  }

  .comment-form input::-webkit-input-placeholder {
    color: #b9c2ca;
  }

  .comment-form input::-moz-placeholder {
    color: #b9c2ca;
  }

  .comment-form input:-ms-input-placeholder {
    color: #b9c2ca;
  }

  .comment-form input::placeholder {
    color: #b9c2ca;
  }

  .blog-widget>h2 {
    font-size: 20px;
    color    : #47575c;
  }

  .blog-widget {
    padding   : 44px 48px 40px;
    background: #f3f5f9;
  }

  .blog-widget:not(:first-of-type) {
    margin-top: 30px;
  }

  .blog-widget .media {
    padding-bottom: 20px;
    margin-bottom : 20px;
  }

  .blog-widget .media:not(:last-of-type) {
    border-bottom: 1px solid #e7e9ef;
  }

  .blog-widget .media:last-of-type {
    padding-bottom: 10px;
    margin-bottom : 0;
  }

  .blog-widget .media>img {
    margin-right: 20px;
    height      : 60px;
  }

  .blog-widget .media h5 a {
    font-size  : 16px;
    line-height: 26px;
    color      : #7c848a;
  }

  .blog-widget .media h5 a:hover {
    color: #74BF44;
  }

  .blog-widget ul>li>a {
    font-size  : 16px;
    font-weight: 600;
    line-height: 22px;
    color      : #7c848a;
    position   : relative;
    display    : block;
  }

  .blog-widget ul>li:not(:last-of-type) {
    margin-bottom: 22px;
  }

  .blog-widget ul>li:last-of-type {
    padding-bottom: 8px;
  }

  .blog-widget ul>li>a:hover {
    color: #74BF44;
  }

  .blog-widget ul>li>a::after {
    position         : absolute;
    content          : "\f105";
    font-family      : 'FontAwesome';
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    right            : 0;
    font-weight      : 400;
  }

  .blog-widget .list-unstyled {
    margin-top: 26px;
  }

  .blog-widget ul:not(.list-unstyled) {
    margin-top: 23px;
  }

  .all-tags span {
    font-size  : 16px;
    line-height: 36px;
    color      : #7c848a;
    font-weight: 600;
  }

  .all-tags {
    margin-top: 19px;
  }

  .all-tags span a:hover,
  .all-tags span a.active {
    color: #74BF44;
  }

  .bg-gray {
    background: #f3f5f9;
  }

  /* blog end */
  .service-map-widget iframe {
    width: 100% !important;
  }

  /* for gallery start here  */

  #lightgallery .col-sm-4 {
    padding: 5px;
  }

  .demo-gallery>.list-unstyled>.item a {
    border: 2px solid #fff;
  }

  .demo-gallery>.list-unstyled>.item a {
    display : block;
    overflow: hidden;
    position: relative;
  }

  #gallery {
    margin-top: 15px;
  }

  #lightgallery .gallery-title {
    font-size  : 16px;
    color      : #fff;
    line-height: 24px;
    padding    : 15px;
    bottom     : 0px;
    width      : 100%;
    background : #74bf44eb;
    position   : absolute;
    text-shadow: rgba(51, 51, 51, 0.47) 1px 2px 2px;
    font-weight: 300;
  }

  /* for gallery form end here  */

.cont-us-google-map iframe {
    width:100%!important;
    height:350px!important;
}

  /* service start */
  .service {
    padding: 80px;
  }

  .service .service-card {
    margin-bottom: 55px;
  }
  .service .service-card img {
        width: 100%;
    max-height: 176px;
    object-fit: cover;
    
  }
  .feature-area-2 {
    margin-top: 59px;
    position  : relative;
    z-index   : 1;
  }

  .feature-area-2 .thm-header {
    margin : 65px 0 70px;
    z-index: 2;
  }

  .feature-area-2::before {
    position  : absolute;
    content   : '';
    width     : 100%;
    height    : calc(100% - 14px);
    top       : 0;
    left      : 0;
    background: #47575c;
    z-index   : -1;
  }

  .feature-list {
    padding          : 60px 100px 65px;
    position         : absolute;
    top              : calc(50% - 7px);
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    white-space      : nowrap;
    z-index          : 3;
    background       : #fff;
    counter-reset    : zero;
  }

  .feature-list li {
    counter-increment: zero;
    padding-left     : 35px;
    position         : relative;

    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size  : 18px;
    line-height: 31px;
    color      : #47575c;
  }

  .feature-list li:not(:last-of-type) {
    margin-bottom: 32px;
  }

  .feature-list li::before {
    position: absolute;
    content : '0'counter(zero);
    left    : 0;
    color   : #74BF44;
  }

  .feature-area-2 figure img {
    max-width: none;
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 1;
  }

  .repair-service {
    padding: 125px 0 25px;
  }

  .repair-service .thm-header {
    margin-bottom: 60px;
  }

  .repair-card {
    margin-bottom: 30px;
  }

  .repair-card .icon-holder {
    width             : 91px;
    height            : 91px;
    display           : block;
    text-align        : center;
    background        : #74BF44;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .repair-card:hover .icon-holder {
    background: #74BF44;
  }

  .repair-card .icon-holder i {
    font-size  : 48px;
    line-height: 91px;
    color      : #fff;
  }

  .repair-card h2 {
    font-size  : 30px;
    font-weight: 300;
    line-height: 30px;
    color      : #47575c;
    margin     : 37px 0 35px;
  }

  .repair-card h2 a {
    color: #47575c;
  }

  .repair-card p {
    font-size  : 18px;
    line-height: 30px;
    color      : #7c848a;
  }

  .single-service {
    padding: 80px;
  }

  .single-service article figure {
    position: relative;
  }

  .single-service article figure::before {
    position  : absolute;
    content   : '';
    width     : calc(100% - 18px);
    height    : 22px;
    background: #fff;
    bottom    : -2px;
    right     : -2px;
  }

  .service-body img {
    display   : inline-block;
    margin-top: 55px;
  }

  .service-body>h2 {
    font-size    : 32px;
    font-weight  : 300;
    line-height  : 30px;
    color        : rgb(5, 34, 58);
    margin-bottom: 20px;
  }

  .service-body>h3,
  .quote-form>h2 {
    font-size  : 30px;
    font-weight: 300;
    color      : #47575c;
  }

  .service-body>h3 {
    margin: 53px 0 33px;
  }

  .quote-form>h2 {
    margin: 52px 0 60px;
  }

  .service-body>p {
    font-size  : 18px;
    line-height: 30px;
    color      : #7c848a;
  }

  .service-body>ul {
    margin-bottom: 60px;
  }

  .service-body>ul>li {
    font-size    : 16px;
    font-weight  : 600;
    color        : #7c848a;
    position     : relative;
    padding-left : 23px;
    margin-bottom: 4px;
  }

  .service-body>ul>li::before {
    position   : absolute;
    content    : "\f00c";
    font-family: 'FontAwesome';
    font-size  : 11px;
    font-weight: 400;
    color      : #74BF44;
    top        : 5px;
    left       : 0;
  }

  /*
  .quote-form {
    margin-bottom: 60px;
  } */

  .list-your-service-form {
    padding: 0 14%;
  }

  .signup-login-form {
    padding: 0 30%;
  }

  .login-tab .nav-justified {
    padding      : 0 30%;
    margin-bottom: 20px;
  }

  .quote-block {
    width      : calc(50% - 15px);
    font-size  : 16px;
    font-weight: 600;
  }

  .signup-login-block {
    width      : 100%;
    font-size  : 16px;
    font-weight: 600;
  }

  .quote-block input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
  .quote-form textarea {
    width        : 100%;
    color        : #47575c;
    background   : #e7e9ef;
    padding      : 12px 20px;
    margin-bottom: 20px;
  }

  .quote-block input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    height: 50px;
  }

  .quote-form textarea {
    height: 161px;
  }

  .quote-block>label {
    display     : inline-block;
    position    : relative;
    padding-left: 50px;
    font-size   : 16px;
    font-weight : 600;
    color       : #7c848a;
    margin      : 22px 25px 0 0;
    cursor      : pointer;
  }

  .quote-block>label::before {
    position          : absolute;
    content           : '';
    width             : 30px;
    height            : 31px;
    background        : #e7e9ef;
    border            : 7px solid transparent;
    top               : 50%;
    -webkit-transform : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    transform         : translateY(-50%);
    left              : 0;
    -webkit-transition: all .3s ease;
    transition        : all .3s ease;
  }

  #repair:checked+label::before,
  #service:checked+label::before {
    border: 7px solid #47575c;
  }


  .quote-form button,
  #contact button,
  #booked-services .cancel-btn-area a {
    padding           : 15px 25px 15px 25px;
    display           : inline-block;
    font-weight       : 700;
    font-size         : 11px;
    letter-spacing    : 2px;
    color             : #fff;
    background        : #74BF44;
    text-transform    : uppercase;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .quote-form button:hover,
  #contact button:hover,
  #booked-services .cancel-btn-area a:hover {
    background: #47575c;
  }

  .quote-form a {
    padding           : 15px 25px 15px 25px;
    display           : inline-block;
    font-weight       : 700;
    margin-left       : 15px;
    font-size         : 11px;
    letter-spacing    : 2px;
    color             : #fff;
    background        : #47575c;
    text-transform    : uppercase;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .quote-form a:hover {
    background: #74BF44;
  }

  .service-widget>h2 {
    font-size: 20px;
    color    : #47575c;
  }

  .service-widget {
    padding   : 44px 48px 40px;
    background: #f3f5f9;
  }

  .service-widget ul {
    margin-top: 26px;
  }

  .service-widget ul>li>a {
    font-size  : 16px;
    font-weight: 600;
    line-height: 22px;
    color      : #7c848a;
    position   : relative;
    display    : block;
  }

  .service-widget ul>li:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .service-widget ul>li:last-of-type {
    padding-bottom: 8px;
  }

  .service-widget ul>li>a:hover {
    color: #74BF44;
  }

  .service-widget ul>li>a::after {
    position         : absolute;
    content          : "\f105";
    font-family      : 'FontAwesome';
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    right            : 0;
    font-weight      : 400;
  }

  .call-us {
    padding   : 33px 5px 28px;
    margin-top: 40px;
    border    : 20px solid #74BF44;
  }

  .call-us p {
    font-size     : 11px;
    letter-spacing: 2px;
    padding-bottom: 6px;
  }

  .call-us h4 {
    font-size: 26px;
  }

  /* service end */

  /* about-page start */
  .about-page {
    padding-top: 60px;
  }

  .about-page header figure figcaption p {
    padding    : 32px 150px 40px;
    font-size  : 24px;
    line-height: 40px;
    text-align : center;
    color      : #7c848a;
  }

  .mission-vision-title h4 {
    font-family   : Muli, sans-serif;
    position      : relative;
    color         : #74BF44;
    padding-bottom: 14px;
    font-weight   : 200;
    font-size     : 48px;
  }

  .mission-vision-box {
    padding      : 30px 35px;
    background   : #f3f5f9;
    margin-bottom: 30px;
  }

  .mission-vision-box p {
    font-size    : 18px;
    line-height  : 30px;
    color        : #7c848a;
    padding-right: 45px;
  }

  .faqs {
    padding   : 30px 0;
    background: #f5f5f5;
  }

  .faqs .thm-header {
    margin-bottom: 57px;
  }

  .faq-blocks .card {
    border-radius: 0;
    padding      : 24px 30px;
  }

  .faq-blocks .card:not(:last-of-type) {
    margin-bottom: 10px;
  }

  .faq-blocks .card .card-header {
    padding   : 0;
    background: transparent;
  }

  .faq-blocks .card .card-header button {
    color        : #47575c;
    font-size    : 18px;
    cursor       : pointer;
    display      : block !important;
    width        : 100%;
    text-align   : left;
    position     : relative;
    border-radius: 0;
  }

  .faq-blocks .card .card-body {
    padding: 20px 0 11px 0;
  }

  .faq-blocks .card .card-body p {
    font-size  : 16px;
    line-height: 30px;
    color      : #797979;
  }

  .faq-blocks .card .card-header button::before {
    position         : absolute;
    content          : "\f067";
    font-family      : 'FontAwesome';
    font-size        : 10px;
    color            : #47575c;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    transform        : translateY(-50%);
    right            : 0;
  }

  .faq-blocks .card .card-header button[aria-expanded="true"]::before {
    content: "\f068";
    color  : #74BF44;
  }

  .faq-blocks .card .card-header button[aria-expanded="true"] {
    color: #74BF44;
  }

  .chairman {
    background: #f3f5f9;
    padding   : 30px 0;
  }

  .chairman-area {
    padding-right: 68px;
    margin-top   : -8px;
  }

  .chairman-area>p {
    font-size    : 18px;
    line-height  : 30px;
    color        : #7c848a;
    margin-bottom: 10px;
  }

  .skill-block h3 {
    font-size    : 18px;
    color        : #47575c;
    margin-bottom: 11px;
  }

  .skill-block:not(:last-of-type) {
    margin-bottom: 35px;
  }

  .chairman-area .progress {
    background   : #e7e9ef;
    position     : relative;
    overflow     : visible;
    height       : 6px;
    border-radius: 0;
  }

  .chairman-area .progress .progress-bar {
    background: #74BF44;
  }

  .chairman-area .progress>span {
    font-size        : 18px;
    color            : #7c848a;
    position         : absolute;
    top              : -8px;
    right            : 0;
    -webkit-transform: translateY(-100%);
    -ms-transform    : translateY(-100%);
    -o-transform     : translateY(-100%);
    transform        : translateY(-100%);
  }

  .team-box {
    margin    : 0 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  }

  .towit {
    padding: 120px 0 75px;
  }

  .towit figure {
    position: relative;
  }

  .towit figure figcaption {
    position: absolute;
    bottom  : 220px;
    left    : 0;
  }

  .pointSingle {
    position          : absolute;
    width             : 30px;
    height            : 31px;
    -webkit-box-shadow: 0 0 0 4px rgba(201, 31, 38, 0.2);
    box-shadow        : 0 0 0 4px rgba(201, 31, 38, 0.2);
    background        : #c91f26;
    animation         : heartBeat 2s infinite;
  }

  .pointSingle::after {
    display: none;
  }

  .pointer-block .dropdown-menu {
    width             : 300px;
    padding           : 60px 60px 55px;
    border-radius     : 0;
    left              : 20px !important;
    top               : 14px !important;
    border            : none;
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
    box-shadow        : 0px 0px 50px rgba(0, 0, 0, 0.05);
  }

  .pointer-block .dropdown-menu h2 {
    font-size    : 20px;
    line-height  : 30px;
    margin-top   : 18px;
    margin-bottom: 34px;
  }

  .pointer-block .dropdown-menu p {
    font-size  : 16px;
    line-height: 30px;
  }

  .pointer-block .dropdown-menu>i {
    font-size: 32px;
  }

  #point1 {
    left: 50px;
  }

  #point2 {
    bottom: 120px;
    left  : 290px;
  }

  #point3 {
    top : 50px;
    left: 489px;
  }

  #point4 {
    bottom: 100px;
    left  : 640px;
  }

  #point5 {
    top : 40px;
    left: 920px;
  }

  #point6 {
    left  : 1045px;
    bottom: 140px;
  }

  /* about-page end */
  .home-newsletter .single {
    max-width: 350px;
    position : relative;
    z-index  : 2;
  }

  .home-newsletter .single .btn {
    border-radius: 0 5px 5px 0;
    background   : #74BF44;
    color        : #fff;
  }

  /* contact start */
  #map {
    width: 100%;
  }

  .gm-style-cc,
  .gmnoprint,
  .map-parent div>a>div>img {
    display: none;
  }

  .contact-txt,
  .contact-form {
    padding: 20px 0 0 0;
  }

  .contact figure {
    position: relative;
    z-index : 1;
  }

  .contact figcaption {
    /* position  : absolute; */
    z-index   : 2;
    left      : 0;
    top       : 0;
    bottom    : 0;
    background: #74BF44;

    padding: 65px 65px 82px;
    width  : 570px;
  }

  .contact-txt figcaption .thm-header {
    margin-bottom: 8px;
  }

  .contact-txt figcaption .thm-header h1 {
    font-weight: 300;
    font-size  : 22px;
  }

  .contact-txt figcaption .thm-header p,
  .contact-txt figcaption ul li p {
    color: #ffdedf;
  }

  .contact-txt figcaption ul li p {
    font-size: 16px;
  }

  .contact-txt figcaption ul li h2 {
    font-size  : 18px;
    line-height: 34px;
    color      : #fff;
  }

  .contact-txt figcaption ul li:not(:last-of-type) {
    margin-bottom: 20px;
  }




  .contact-form form input,
  .contact-form form textarea {
    padding-left : 30px;
    margin-bottom: 20px;
    background   : #e7e9ef;
    font-size    : 16px;
    font-weight  : 600;
    color        : #47575c;
  }

  .contact-form form input {
    width : calc(50% - 10px);
    height: 50px;
  }

  .contact-form form textarea {
    width      : 100%;
    height     : 188px;
    padding-top: 26px;
  }

  .contact-form form button {
    display           : inline-block;
    padding           : 15px 30px 15px 30px;
    background        : #74BF44;
    color             : #fff;
    font-size         : 11px;
    letter-spacing    : 2px;
    text-transform    : uppercase;
    -webkit-transition: all .4s ease;
    transition        : all .4s ease;
  }

  .contact-form form button:hover {
    background: #47575c;
  }

  /* contact end */

  /* about-2 start */
  .about-2 {
    padding: 125px 0 123px;
  }

  .about-2 .col-lg-6>figure {
    position: relative;
    z-index : 1;
  }

  .about-2 .col-xl-6>figure figcaption a {
    width     : 170px;
    height    : 165px;
    display   : block;
    text-align: center;
    position  : absolute;
    bottom    : -20px;
    right     : 30px;
    background: #74BF44;
  }

  .about-2 .col-xl-6>figure figcaption a i {
    font-size  : 30px;
    line-height: 165px;
  }

  .about-2 section>p {
    color      : #7c848a;
    font-size  : 18px;
    line-height: 30px;
    margin-top : 37px;
  }

  .about-2 section figure {
    margin-top: 55px;
  }

  /* about-2 end */

  /* quote-area start */

  .quote-area .quote-form {
    padding      : 120px 0 27px 35px;
    margin-bottom: 0;
  }

  .quote-form-wrapper {
    position: relative;
    z-index : 4;
  }

  .quote-form-wrapper::before {
    position  : absolute;
    content   : '';
    width     : 100vw;
    height    : 22px;
    top       : calc(100% - 2px);
    background: #fff;

    left: 0;
  }

  .quote-area .quote-form .thm-header {
    margin-bottom: 57px;
  }

  .quote-area section {
    text-align: center;
    padding   : 148px 60px 164px 0;
    position  : relative;
    z-index   : 1;
  }

  .quote-area section::before {
    position  : absolute;
    content   : '';
    width     : 100vw;
    height    : 100%;
    background: #74BF44;
    right     : 0;
    top       : 0;
    z-index   : -1;
  }

  .quote-area section>h2 {
    font-size  : 40px;
    line-height: 62px;
    font-weight: 300;
    margin-left: -50px;
  }

  .quote-area .call-us {
    width      : 356px;
    margin-top : 43px;
    margin-left: -50px;
    border     : none;
    text-align : center;
  }


  .login-fb {
    padding-top: 15px;
  }

  .login-fb a {
        padding: 12px 8px 8px 8px;
    display: inline-block;
    font-weight: 700;
    margin-left: 0px;
    margin-top: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    border-radius: 50%;
    color: #fff;
    background: #0368b3;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .login-fb .google-plus {
    background: red;  
  }
.site-header.header-one .single-right-contact .logout-btn {
        position: absolute;
    top: 0px;
   left: -52px;
}
  .login-fb i {
    padding: 3px;
  }
  .login-fb a span {
    color: #fff;
    border-left: 2px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 16px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-height: 176px;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}

.contact-area-section {
    padding:60px 0;
}
.btn-link {
    text-decoration:none!important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border            : 1px solid #f26924!important;
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
}
.reset-area .card-header {
    background:#74BF44;
    color:#fff;
}

.reset-area {
    padding:100px 0;
}