@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
/* import bootstrap variables for the media sizes */
/*=============== Start our css ==============*/
/*=============== import variable style ==============*/
/* Margin */
/* Padding */
/* Transform Rotate */
/* Transform Translate */
/* Box shadow */
/* Transform scale */
/*=============== import variable style ==============*/
body {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
  font-family: "TitilliumWeb-Regular";
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }

a {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  outline: none; }

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: 0; }

img {
  max-width: 100%;
  height: auto; }

/*=============== PLAACEHOLDER COLOR ==============*/
input::-webkit-input-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  text-transform: capitalize;
  opacity: 1;
  color: #5b5b5b; }

input:-moz-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  opacity: 1;
  color: #5b5b5b; }

input::-moz-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  opacity: 1;
  color: #5b5b5b; }

input:-ms-input-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  opacity: 1;
  color: #5b5b5b; }

textarea::-webkit-input-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  text-transform: capitalize;
  opacity: 1;
  color: #5b5b5b; }

textarea:-moz-placeholder {
  font-family: "TitilliumWeb-Regular";
  color: #5b5b5b;
  font-weight: normal;
  opacity: 1; }

textarea::-moz-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  opacity: 1;
  color: #5b5b5b; }

textarea:-ms-input-placeholder {
  font-family: "TitilliumWeb-Regular";
  font-weight: normal;
  opacity: 1;
  color: #5b5b5b; }

.wrapper {
  overflow: hidden; }
  .wrapper .header {
    background: url(../images/head-bg.png) repeat #f03637;
    position: relative;
    z-index: 17;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; }
    .wrapper .header.slideDown {
      transition: 0.5s position ease-in-out;
      -webkit-transition: 0.5s position ease-in-out; }
    .stickyHeader .wrapper .header {
      position: fixed;
      box-shadow: 1px 0px 2px #cccccc; }
    .wrapper .header .logo-area {
      float: left;
      width: 214px;
      padding-bottom: 23px;
      margin-bottom: -88px;
      position: relative;
      z-index: 3;
      margin-left: -10px;
      background: url(../images/head-bg.png) repeat #fff;
      text-align: center; }
.form-area iframe { height: 385px !important; }

      @media (max-width: 1920px) {
        .wrapper .header .logo-area {
          margin-left: 10px;
          padding-bottom: 10px; } }
      @media (max-width: 991px) {
        .wrapper .header .logo-area {
          width: 170px;
          height: auto;
          margin-bottom: -58px; } }
      @media (max-width: 767px) {
        .wrapper .header .logo-area {
          background: transparent;
          width: 200px;
          float: none;
          margin: 0px auto;
          padding-bottom: 0px; }
          .pay-online-btn { display: flex !important; }
}
      @media (max-width: 480px) {
        .wrapper .header .logo-area {
          width: 160px;
          height: auto;
          padding-bottom: 10px; } }
      .stickyHeader .wrapper .header .logo-area {
        margin-bottom: 0;
        padding: 0;
        height: auto; }
        @media (max-width: 767px) {
          .stickyHeader .wrapper .header .logo-area {
            height: auto; } }
      .wrapper .header .logo-area .logo {
        display: block;
        transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out; }
        .wrapper .header .logo-area .logo:focus {
          box-shadow: 0px 3px 11px #5b5b5b; }
        .wrapper .header .logo-area .logo img {
          max-width: 93%;
          height: auto;
          margin-top: 16px; }
          @media (max-width: 991px) {
            .wrapper .header .logo-area .logo img {
              max-width: 90%; } }
        .stickyHeader .wrapper .header .logo-area .logo {
          display: none; }
        @media (max-width: 767px) {
          .wrapper .header .logo-area .logo {
            display: none; } }
      .wrapper .header .logo-area .sticky-logo {
        display: none;
        margin-top: 7px;
        transition: 0.5s all ease-in-out;
        -webkit-transition: 0.5s all ease-in-out;
        margin-bottom: 7px;
        width: 184px;
        margin-left: 15px; }
        .stickyHeader .wrapper .header .logo-area .sticky-logo {
          display: block; }
        @media (max-width: 767px) {
          .wrapper .header .logo-area .sticky-logo {
            display: block;
            height: auto;
            margin-left: 0;
            width: 160px;
            margin: 15px 0; } }
    .wrapper .header .navigation-area {
      float: right;
      position: relative;
      width: 72%; }
      .stickyHeader .wrapper .header .navigation-area {
        margin-top: 10px; }
      @media (max-width: 991px) {
        .wrapper .header .navigation-area {
          width: 75%; } }
      @media (max-width: 767px) {
        .wrapper .header .navigation-area {
          float: none;
          margin-top: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
          .stickyHeader .wrapper .header .navigation-area {
            margin-top: 0px; } }
      .wrapper .header .navigation-area .number {
        font-family: "TitilliumWeb-SemiBold";
        font-size: 2rem;
        color: #5b5b5b;
        float: right;
        margin-top: 15px; }
        @media (max-width: 1920px) {
          .wrapper .header .navigation-area .number {
            margin-top: 36px; } }
        @media (max-width: 1199px) {
          .wrapper .header .navigation-area .number {
            margin-top: 28px; } }
        @media (max-width: 991px) {
          .wrapper .header .navigation-area .number {
            margin-top: 22px; } }
        .stickyHeader .wrapper .header .navigation-area .number {
          margin-top: 0px; }
        .wrapper .header .navigation-area .number a {
          color: #5b5b5b; }
          .wrapper .header .navigation-area .number a:hover, .wrapper .header .navigation-area .number a:focus {
            color: #f03637; }
        .wrapper .header .navigation-area .number span {
          color: #f03637;
          margin: 0px 5px; }
        @media (max-width: 767px) {
          .wrapper .header .navigation-area .number {
            display: none; } }
      .wrapper .header .navigation-area .number-mob {
        position: relative;
        top: 35px;
        width: 41px;
        z-index: 3;
        left: 20px;
        z-index: 3; }
        .wrapper .header .navigation-area .number-mob .phone-ico {
          display: none;
          width: 40px;
          height: 40px;
          background: url(../images/call-ico.png) no-repeat #f03637 center center;
          background-size: 20px; }
          @media (max-width: 767px) {
            .wrapper .header .navigation-area .number-mob .phone-ico {
              display: block; } }
          .wrapper .header .navigation-area .number-mob .phone-ico:hover {
            background-color: #000; }
      .wrapper .header .navigation-area .menu {
        float: right;
        width: 100%;
        margin-right: -23px; }
        @media (max-width: 767px) {
          .wrapper .header .navigation-area .menu {
            float: none;
            margin-right: 0;
            margin-top: 0;
            position: relative;
            right: 0px;
            top: -5px; 
            z-index: 99;} }
        .wrapper .header .navigation-area .menu .navbar-toggle {
          margin-top: 0;
          border: 0px;
          background: #f03637;
          border-radius: 0;
          padding: 11px 8px 12px;
          right: 0px;
          margin-right: 19px; }
          .wrapper .header .navigation-area .menu .navbar-toggle .icon-bar {
            height: 3px;
            width: 24px;
            transition: all 0.3s ease-out 0s;
            -webkit-transition: all 0.3s ease-out 0s; }
            .wrapper .header .navigation-area .menu .navbar-toggle .icon-bar:nth-child(2) {
              transform: rotate(45deg) translateY(6px) translateX(6px);
              -webkit-transform: rotate(45deg) translateY(6px) translateX(6px);
              background: #5b5b5b; }
            .wrapper .header .navigation-area .menu .navbar-toggle .icon-bar:nth-child(3) {
              opacity: 0;
              background: #7c8c94; }
            .wrapper .header .navigation-area .menu .navbar-toggle .icon-bar:nth-child(4) {
              transform: rotate(-45deg) translateY(-4px) translateX(4px);
              -webkit-transform: rotate(-45deg) translateY(-4px) translateX(4px);
              background: #cccccc; }
          .wrapper .header .navigation-area .menu .navbar-toggle.collapsed .icon-bar:nth-child(2) {
            -webkit-transform: rotate(0deg) translateY(0px) translateX(0px);
            transform: rotate(0deg) translateY(0px) translateX(0px); }
          .wrapper .header .navigation-area .menu .navbar-toggle.collapsed .icon-bar:nth-child(3) {
            opacity: 1; }
          .wrapper .header .navigation-area .menu .navbar-toggle.collapsed .icon-bar:nth-child(4) {
            -webkit-transform: rotate(0deg) translateY(0px) translateX(0px);
            transform: rotate(0deg) translateY(0px) translateX(0px); }
        .wrapper .header .navigation-area .menu .navbar-inverse {
          background: transparent;
          border: 0px solid;
          border-color: transparent;
          margin-bottom: 0px; }
          .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse {
            float: right; }
            @media (max-width: 767px) {
              .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse {
                float: none;
                width: 101%;
                background: #f03637;
                padding: 0;
                margin-top: 71px;
                border: 0; } }
            @media (max-width: 480px) {
              .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse {
                margin-top: 70px; } }
            .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul {
              list-style: none;
              margin: 0px;
              padding: 0; }
              .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li {
                margin-left: 28px;
                margin-top: 10px; }
                .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li:first-child {
                  margin-left: 0px; }
                @media (max-width: 1199px) {
                  .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li {
                    margin-left: 0px; } }
                @media (max-width: 767px) {
                  .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li {
                    float: left;
                    height: 34.4%;
                    margin: 0;
                    width: 50%;
                    display: table;
                    vertical-align: middle; }
                    .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li.black {
                      background: #000; }
                      .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li.black a:hover, .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li.black a:focus {
                        color: #f03637 !important;
                        -webkit-text-fill-color: red; } }
                .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a {
                  font-size: 2.0rem;
                  color: #6f6f6f;
                  padding: 10px 12px 14px 8px;
                  display: inline-block;
                  font-family: "TitilliumWeb-Light";
                  box-sizing: border-box;
                  background: -webkit-linear-gradient(left, #464646 0%, #999999 100%);
                  background: linear-gradient(left, #464646 0%, #999999 100%);
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
                  background-clip: text;
                  text-fill-color: transparent; }
                  @media (max-width: 991px) {
                    .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a {
                      font-size: 1.6rem;
                      padding: 8px 9px 12px; } }
                  @media (max-width: 767px) {
                    .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a {
                      color: #fff;
                      font-size: 3rem;
                      padding: 0px 10px;
                      text-align: center;
                      width: 100%;
                      display: table-cell;
                      vertical-align: middle;
                      -webkit-text-fill-color: #fff;
                      background: transparent; }
                      .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:hover, .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:focus {
                        color: #000 !important;
                        -webkit-text-fill-color: black; } }
                  @media (max-width: 480px) {
                    .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a {
                      font-size: 2.5rem; } }
                  .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:before {
                    content: '';
                    display: block;
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                    position: absolute;
                    left: -2px;
                    top: -2px;
                    width: 100%;
                    opacity: 0;
                    height: 100%;
                    border-radius: 0px;
                    border: 1px solid transparent;
                    transition: 0.4s all ease-out;
                    -webkit-transition: 0.4s all ease-in-out; }
                    @media (max-width: 767px) {
                      .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:before {
                        display: none; } }
                  @media (max-width: 767px) {
                    .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:hover, .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:focus {
                      color: #fff; } }
                  .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:hover:before, .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a:focus:before {
                    transition: all .4s;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    border-color: #f03637;
                    opacity: 1; }
                  .wrapper .header .navigation-area .menu .navbar-inverse .navbar-collapse ul li a.leave:before {
                    transition: all .4s;
                    -webkit-transform: scale(1.2);
                    transform: scale(1.2);
                    border-color: #f03637;
                    opacity: 0; }
  .wrapper .banner {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0; }
    .wrapper .banner .banner-image {
      background-size: cover;
      width: 100%;
      height: 680px;
      background-position: center top;
      text-align: center; }
      @media (max-width: 1820px) {
        .wrapper .banner .banner-image {
          height: 520px;
          background-position: center center; } }
      @media (max-width: 767px) {
        .wrapper .banner .banner-image {
          height: 410px; } }
      .wrapper .banner .banner-image .main-caption {
        display: table; }
        .wrapper .banner .banner-image .main-caption .caption {
          height: 499px;
          display: block;
          vertical-align: middle; }
          @media (max-width: 1820px) {
            .wrapper .banner .banner-image .main-caption .caption {
              height: 345px; } }
          @media (max-width: 767px) {
            .wrapper .banner .banner-image .main-caption .caption {
              height: 285px; } }
          .wrapper .banner .banner-image .main-caption .caption .head {
            font-family: "GermaniaOne-Regular";
            font-size: 9.0rem;
            color: #fff;
            line-height: 27px;
            margin-bottom: 52px;
            margin-top: 115px; }
            @media (max-width: 1199px) {
              .wrapper .banner .banner-image .main-caption .caption .head {
                font-size: 8.0rem;
                margin-bottom: 54px; } }
            @media (max-width: 767px) {
              .wrapper .banner .banner-image .main-caption .caption .head {
                font-size: 7.5rem;
                margin-bottom: 24px;
                margin-top: 90px; } }
            @media (max-width: 480px) {
              .wrapper .banner .banner-image .main-caption .caption .head {
                font-size: 6.0rem;
                margin-bottom: 22px;
                margin-top: 85px; } }
          .wrapper .banner .banner-image .main-caption .caption .head-small {
            font-family: "GermaniaOne-Regular";
            font-size: 4.8rem;
            color: #f5a5a5;
            line-height: 27px; }
            @media (max-width: 1199px) {
              .wrapper .banner .banner-image .main-caption .caption .head-small {
                font-size: 3.8rem; } }
            @media (max-width: 480px) {
              .wrapper .banner .banner-image .main-caption .caption .head-small {
                font-size: 2.8rem; } }
          .wrapper .banner .banner-image .main-caption .caption .bottom-content {
            position: absolute;
            left: 0;
            right: 0;
            top: inherit;
            bottom: 0; }
            @media (max-width: 1199px) {
              .wrapper .banner .banner-image .main-caption .caption .bottom-content {
                bottom: 0;
                top: inherit; } }
            .wrapper .banner .banner-image .main-caption .caption .bottom-content p {
              font-family: "GermaniaOne-Regular";
              font-size: 3.6rem;
              color: #fff;
              line-height: 39px;
              position: relative;
              margin-top: 34px;
              z-index: 2; }
              @media (max-width: 767px) {
                .wrapper .banner .banner-image .main-caption .caption .bottom-content p {
                  font-size: 3rem; } }
              @media (max-width: 480px) {
                .wrapper .banner .banner-image .main-caption .caption .bottom-content p {
                  font-size: 2.5rem;
                  line-height: 29px; } }
              .wrapper .banner .banner-image .main-caption .caption .bottom-content p:before {
                background: #de5350;
                width: 630px;
                height: 1px;
                position: absolute;
                content: "";
                display: block;
                left: 0;
                right: 0;
                margin: 0px auto;
                top: 20px;
                z-index: -1; }
                @media (max-width: 480px) {
                  .wrapper .banner .banner-image .main-caption .caption .bottom-content p:before {
                    top: 16px; } }
    .wrapper .banner:after {
      background: url(../images/benner-bg.png) no-repeat center bottom;
      width: 100%;
      height: 190px;
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      background-size: cover; }
  .wrapper .main-content {
    position: relative; }
    .wrapper .main-content .cross-content {
      position: relative; }
      .wrapper .main-content .cross-content .content-area {
        text-align: center;
        margin: 28px 0 43px;
        position: relative;
        z-index: 1; }
        .wrapper .main-content .cross-content .content-area h1 {
          font-family: "GermaniaOne-Regular";
          color: #000;
          font-size: 4.8rem;
          position: relative;
          line-height: 69px;
          padding-top: 71px;
          background: url(../images/icone.png) center top no-repeat;
          background-size: 44px;
          margin-bottom: 28px; }
          @media (max-width: 767px) {
            .wrapper .main-content .cross-content .content-area h1 {
              font-size: 4rem;
              line-height: 39px; } }
          @media (max-width: 480px) {
            .wrapper .main-content .cross-content .content-area h1 {
              font-size: 3.2rem;
              line-height: 34px; } }
          @media (max-width: 767px) {
            .wrapper .main-content .cross-content .content-area h1 span {
              display: block; } }
          .wrapper .main-content .cross-content .content-area h1:after {
            background: #000;
            width: 106px;
            height: 1px;
            display: block;
            position: absolute;
            top: 30px;
            left: -202px;
            content: "";
            margin: 0px auto;
            right: 0; }
            @media (max-width: 480px) {
              .wrapper .main-content .cross-content .content-area h1:after {
                left: -147px;
                width: 86px;
                top: 27px; } }
          .wrapper .main-content .cross-content .content-area h1:before {
            background: #000;
            width: 106px;
            height: 1px;
            display: block;
            position: absolute;
            top: 30px;
            left: 0;
            content: "";
            margin: 0px auto;
            right: -202px; }
            @media (max-width: 480px) {
              .wrapper .main-content .cross-content .content-area h1:before {
                right: -147px;
                width: 86px;
                top: 27px; } }
        .wrapper .main-content .cross-content .content-area p {
          font-size: 1.8rem;
          line-height: 28px;
          color: #5b5b5b;
          margin: 0px auto 27px;
          max-width: 1020px; }
          @media (max-width: 480px) {
            .wrapper .main-content .cross-content .content-area p {
              font-size: 1.6rem;
              line-height: 24px; } }
        .wrapper .main-content .cross-content .content-area .hide-content {
          display: none; }
        .wrapper .main-content .cross-content .content-area .button .link {
          padding: 9px 14px 11px; }
    .wrapper .main-content .termites {
      position: relative; }
      .wrapper .main-content .termites .termites-img {
        display: block;
        background-size: cover;
        height: 462px; }
        @media (max-width: 480px) {
          .wrapper .main-content .termites .termites-img {
            height: 315px; } }
        @media (max-width: 767px) {
          .wrapper .main-content .termites .termites-img.image-2 {
            display: none; } }
      .wrapper .main-content .termites .termites-caption {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0px auto;
        right: 0; }
        .wrapper .main-content .termites .termites-caption .caption-area {
          display: table;
          width: 100%;
          height: 100%; }
          .wrapper .main-content .termites .termites-caption .caption-area .caption {
            text-align: center;
            display: table-cell;
            position: relative;
            vertical-align: middle; }
            @media (max-width: 767px) {
              .wrapper .main-content .termites .termites-caption .caption-area .caption {
                display: block;
                margin: 30px; } }
            .wrapper .main-content .termites .termites-caption .caption-area .caption .icone {
              width: 46px;
              height: 101px;
              background: url(../images/termites-icon.png) no-repeat;
              background-size: 100%;
              display: block;
              margin: 0px auto; }
            .wrapper .main-content .termites .termites-caption .caption-area .caption h2 {
              font-family: "GermaniaOne-Regular";
              font-size: 4.8rem;
              color: #fff;
              line-height: 38px;
              margin: 19px 0 0; }
              @media (max-width: 767px) {
                .wrapper .main-content .termites .termites-caption .caption-area .caption h2 {
                  margin-bottom: 30px; } }
              @media (max-width: 480px) {
                .wrapper .main-content .termites .termites-caption .caption-area .caption h2 {
                  font-size: 3.8rem; } }
            .wrapper .main-content .termites .termites-caption .caption-area .caption p {
              font-size: 2.7rem;
              color: #fff;
              line-height: 27px;
              margin: 22px 0 22px;
              position: relative; }
              @media (max-width: 767px) {
                .wrapper .main-content .termites .termites-caption .caption-area .caption p {
                  display: none; } }
    .wrapper .main-content .contact-area {
      background: url(../images/contact-bg.png) repeat-x center;
      background-size: cover;
      text-align: center; }
      .wrapper .main-content .contact-area h3 {
        font-family: "GermaniaOne-Regular";
        font-size: 4.8rem;
        color: #fff;
        margin: 29px 0; }
        @media (max-width: 991px) {
          .wrapper .main-content .contact-area h3 {
            font-size: 3.8rem;
            margin: 28px 0; } }
        @media (max-width: 480px) {
          .wrapper .main-content .contact-area h3 {
            font-size: 3rem;
            margin: 28px 0; } }
        .wrapper .main-content .contact-area h3 a {
          color: #fff; }
          .wrapper .main-content .contact-area h3 a:hover, .wrapper .main-content .contact-area h3 a:focus {
            color: #f03637; }
        .wrapper .main-content .contact-area h3 span {
          color: #f03637; }
          @media (max-width: 767px) {
            .wrapper .main-content .contact-area h3 span {
              display: block;
              font-size: 0; } }
    .wrapper .main-content .slid-img {
      position: relative; }
      .wrapper .main-content .slid-img .insects-img {
        display: block;
        height: 358px;
        background: #000;
        cursor: pointer;
        padding: 0;
        margin: 0;
        overflow: hidden; }
        .wrapper .main-content .slid-img .insects-img .black-overly {
          background: url(../images/insects-overlay.png) no-repeat left bottom;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 1; }
        .wrapper .main-content .slid-img .insects-img .caption-area {
          display: table;
          width: 100%;
          height: 100%;
          position: relative; }
          .wrapper .main-content .slid-img .insects-img .caption-area .caption {
            text-align: center;
            display: table-cell;
            position: relative;
            vertical-align: middle;
            z-index: 1; }
            .wrapper .main-content .slid-img .insects-img .caption-area .caption .icone {
              height: 109px;
              display: inline-block;
              margin: 0px auto;
              position: relative;
              z-index: 6; }
              .wrapper .main-content .slid-img .insects-img .caption-area .caption .icone img {
                height: 100%;
                width: auto; }
            .wrapper .main-content .slid-img .insects-img .caption-area .caption h4 {
              font-family: "GermaniaOne-Regular";
              font-size: 4.8rem;
              color: #fff;
              line-height: 38px;
              margin: 20px 0;
              position: relative;
              z-index: 6; }
              @media (max-width: 480px) {
                .wrapper .main-content .slid-img .insects-img .caption-area .caption h4 {
                  font-size: 4rem; } }
            .wrapper .main-content .slid-img .insects-img .caption-area .caption p {
              font-size: 2.7rem;
              color: #fff;
              line-height: 27px;
              margin: 22px 0 22px;
              position: relative;
              position: relative;
              z-index: 6; }
        .wrapper .main-content .slid-img .insects-img .image {
          background-position: center center;
          background-size: cover;
          height: 100%;
          position: absolute;
          width: 112%;
          z-index: 0;
          left: -6%;
          top: 0;
          transition: all 1s ease;
          -moz-transition: all 1s ease;
          -ms-transition: all 1s ease;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden; }
          .wrapper .main-content .slid-img .insects-img .image.bed-bugs {
            background-image: url(../images/mosquitos-img2.png);
            transform: scale(1);
            -webkit-transform: scale(1); }
          .wrapper .main-content .slid-img .insects-img .image.spiders {
            background-image: url(../images/spiders-img.png);
            transform: scale(1);
            -webkit-transform: scale(1); }
          .wrapper .main-content .slid-img .insects-img .image.roaches {
            background-image: url(../images/roaches-img.png);
            transform: scale(1);
            -webkit-transform: scale(1); }
          .wrapper .main-content .slid-img .insects-img .image.earwigs {
            background-image: url(../images/earwigs-img.png);
            transform: scale(1);
            -webkit-transform: scale(1); }
        .wrapper .main-content .slid-img .insects-img:hover .image {
          transform: scale(1.2);
          -webkit-transform: scale(1.2); }
    .wrapper .main-content .form-area {
      background: url(../images/contact-form-bg.png) no-repeat center top #090808;
      text-align: center;
      padding-bottom: 90px;
      background-size: cover; }
      .wrapper .main-content .form-area .head-area .icone {
        background: url(../images/v-icone.png) no-repeat;
        width: 68px;
        height: 63px;
        margin: 37px auto 0;
        display: inline-block;
        background-size: 100%; }
      .wrapper .main-content .form-area .head-area h4 {
        font-family: "GermaniaOne-Regular";
        font-size: 4.8rem;
        color: #fff;
        margin: 21px 0 0px; }
        @media (max-width: 480px) {
          .wrapper .main-content .form-area .head-area h4 {
            font-size: 4rem; } }
      .wrapper .main-content .form-area .head-area p {
        font-size: 2.7rem;
        color: #fff;
        line-height: 27px;
        margin: 15px 0 30px;
        position: relative; }
        @media (max-width: 480px) {
          .wrapper .main-content .form-area .head-area p {
            font-size: 2rem;
            line-height: 20px; } }
      .wrapper .main-content .form-area .formpart ul {
        list-style: none;
        max-width: 371px;
        padding: 0;
        margin: 0 auto; }
        .wrapper .main-content .form-area .formpart ul li {
          margin: 0px 0px 15px;
          padding: 0; }
          .wrapper .main-content .form-area .formpart ul li label {
            display: none; }
          .wrapper .main-content .form-area .formpart ul li input.text {
            border: medium none;
            border-radius: 0px;
            font-family: "TitilliumWeb-Regular";
            color: #5b5b5b;
            font-size: 1.9rem;
            font-weight: normal;
            padding: 7px 19px 7px;
            resize: none;
            width: 100%;
            box-shadow: 0 1px 2px #898888 inset; }
            .wrapper .main-content .form-area .formpart ul li input.text:focus {
              box-shadow: 0 1px 4px #000 inset; }
          .wrapper .main-content .form-area .formpart ul li .error {
            color: #f03637;
            font-size: 1.4rem;
            font-weight: normal;
            text-align: left;
            margin-top: 3px;
            padding-left: 0px;
            display: block; }
          .wrapper .main-content .form-area .formpart ul li.buttons {
            margin-top: 34px;
            position: relative; }
            .wrapper .main-content .form-area .formpart ul li.buttons div:before {
              background: #414041;
              content: "";
              display: block;
              height: 1px;
              left: -130px;
              margin: 0 auto;
              position: absolute;
              right: 0;
              top: 24px;
              width: 630px;
              z-index: 0; }
            .wrapper .main-content .form-area .formpart ul li.buttons div .button .link {
              padding: 9px 32px 11px; }
  .wrapper .footer {
    background: #fff;
    position: relative; }
    .wrapper .footer:after {
      background: #fff;
      top: -29%;
      content: "";
      height: 62%;
      position: absolute;
      right: -25px;
      transform: rotate(-9.2deg);
      -webkit-transform: rotate(-9.2deg);
      width: 55.5%;
      z-index: 0; }
      @media (min-width: 2500px) {
        .wrapper .footer:after {
          height: 84%;
          top: -42%; } }
      @media (max-width: 767px) {
        .wrapper .footer:after {
          top: -10%;
          width: 55.5%;
          height: 43%; } }
    .wrapper .footer:before {
      background: #fff;
      top: -29%;
      content: "";
      height: 62%;
      left: -25px;
      position: absolute;
      transform: rotate(9.2deg);
      -webkit-transform: rotate(9.2deg);
      width: 55.5%; }
      @media (min-width: 2500px) {
        .wrapper .footer:before {
          height: 84%;
          top: -42%; } }
      @media (max-width: 767px) {
        .wrapper .footer:before {
          top: -10%;
          width: 55.5%;
          height: 43%; } }
    .wrapper .footer .footer-nav {
      position: relative;
      top: -96px;
      z-index: 9; }
      @media (max-width: 1199px) {
        .wrapper .footer .footer-nav {
          top: -85px; } }
      @media (max-width: 991px) {
        .wrapper .footer .footer-nav {
          top: -56px; } }
      @media (max-width: 767px) {
        .wrapper .footer .footer-nav {
          top: 0; } }
      .wrapper .footer .footer-nav ul.navbar-nav {
        list-style: none;
        margin: 0px 0 0 20px;
        padding: 0;
        float: none;
        text-align: center;
        width: auto; }
        @media (max-width: 1199px) {
          .wrapper .footer .footer-nav ul.navbar-nav {
            margin: 0px 0px 0px 31px; } }
        @media (max-width: 767px) {
          .wrapper .footer .footer-nav ul.navbar-nav {
            margin: 30px 0px 35px; } }
        .wrapper .footer .footer-nav ul.navbar-nav li {
          margin-left: 28px;
          margin-top: 0px;
          float: none;
          display: inline-block; }
          @media (max-width: 1199px) {
            .wrapper .footer .footer-nav ul.navbar-nav li {
              margin-left: 10px; } }
          @media (max-width: 991px) {
            .wrapper .footer .footer-nav ul.navbar-nav li {
              margin-left: 3px; } }
          @media (max-width: 767px) {
            .wrapper .footer .footer-nav ul.navbar-nav li {
              width: 100%;
              margin-left: 0px; } }
          .wrapper .footer .footer-nav ul.navbar-nav li a {
            font-size: 2.0rem;
            color: #6f6f6f;
            padding: 10px 12px 14px 8px;
            display: inline-block;
            font-family: "TitilliumWeb-Light";
            box-sizing: border-box;
            background: -webkit-linear-gradient(left, #464646 0%, #999999 100%);
            background: linear-gradient(left, #464646 0%, #999999 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent; }
            @media (max-width: 1199px) {
              .wrapper .footer .footer-nav ul.navbar-nav li a {
                font-size: 1.9rem; } }
            @media (max-width: 991px) {
              .wrapper .footer .footer-nav ul.navbar-nav li a {
                font-size: 1.6rem;
                padding: 8px 12px 12px 8px; } }
            .wrapper .footer .footer-nav ul.navbar-nav li a:before {
              content: '';
              display: block;
              -webkit-transform: scale(0.9);
              transform: scale(0.9);
              position: absolute;
              left: -2px;
              top: -2px;
              width: 100%;
              opacity: 0;
              height: 100%;
              border-radius: 0px;
              border: 1px solid transparent;
              transition: 0.4s all ease-out;
              -webkit-transition: 0.4s all ease-in-out; }
            .wrapper .footer .footer-nav ul.navbar-nav li a:hover:before, .wrapper .footer .footer-nav ul.navbar-nav li a:focus:before {
              transition: all .4s;
              -webkit-transform: scale(1);
              transform: scale(1);
              border-color: #f03637;
              opacity: 1; }
            .wrapper .footer .footer-nav ul.navbar-nav li a.leave:before {
              transition: all .4s;
              -webkit-transform: scale(1.2);
              transform: scale(1.2);
              border-color: #f03637;
              opacity: 0; }
          .wrapper .footer .footer-nav ul.navbar-nav li.space {
            margin-left: 0px; }
            @media (max-width: 767px) {
              .wrapper .footer .footer-nav ul.navbar-nav li.space {
                display: none; } }
            .wrapper .footer .footer-nav ul.navbar-nav li.space .logo-space {
              width: 305px;
              display: block;
              height: 10px; }
              @media (max-width: 1199px) {
                .wrapper .footer .footer-nav ul.navbar-nav li.space .logo-space {
                  width: 240px; } }
              @media (max-width: 991px) {
                .wrapper .footer .footer-nav ul.navbar-nav li.space .logo-space {
                  width: 140px; } }
    .wrapper .footer .footer-logo {
      margin-top: 43px; }
      @media (max-width: 767px) {
        .wrapper .footer .footer-logo {
          margin-top: 20px; } }
      .wrapper .footer .footer-logo .logo {
        width: 282px;
        height: 192px;
        margin: 0px auto;
        display: block;
        position: relative;
        z-index: 1; }
        .wrapper .footer .footer-logo .logo:focus {
          box-shadow: 0px 0px 12px #000; }
        @media (max-width: 1199px) {
          .wrapper .footer .footer-logo .logo {
            width: 240px;
            height: auto; } }
        @media (max-width: 991px) {
          .wrapper .footer .footer-logo .logo {
            width: 140px; } }
        @media (max-width: 767px) {
          .wrapper .footer .footer-logo .logo {
            width: 180px; } }
        .wrapper .footer .footer-logo .logo img {
          width: 100%;
          height: auto; }
    .wrapper .footer .contact-line {
      background: url(../images/red-bar.png) #f03637;
      height: auto;
      display: block;
      float: left;
      width: 100%;
      text-align: center; }
      .wrapper .footer .contact-line h5 {
        color: #fff;
        font-family: 'TitilliumWeb-SemiBold';
        font-size: 2.0rem;
        font-weight: normal;
        padding: 15px;
        margin: 0px; }
        .wrapper .footer .contact-line h5 span {
          color: #f5a5a5; }
          @media (max-width: 767px) {
            .wrapper .footer .contact-line h5 span {
              display: block;
              font-size: 0; } }
        .wrapper .footer .contact-line h5 a {
          color: #fff; }
          .wrapper .footer .contact-line h5 a:hover, .wrapper .footer .contact-line h5 a:focus {
            color: #000; }
  .wrapper .button {
    border: 1px solid #fff;
    display: inline-block;
    padding-left: 12px;
    position: relative;
    z-index: 6;
    transition: 0.2 color ease;
    -webkit-transition: 0.2 color ease; }
    .wrapper .button.black {
      border: 1px solid #000; }
    .wrapper .button .icon {
      background: url(../images/arrow-btn.png) center center no-repeat;
      width: 23px;
      height: 15px;
      background-size: 100%;
      top: 3px;
      display: inline-block;
      padding: 10px 10px;
      position: relative; }
      .button.black .icon {
        background: url(../images/arrow-btn-b.png) center center no-repeat;
        background-size: 100%; }
    .wrapper .button .link {
      padding: 9px 18px 11px;
      margin-left: 11px;
      color: #fff;
      font-size: 2.0rem;
      display: inline-block;
      position: relative;
      z-index: 9;
      text-transform: uppercase; }
      .button.black .link {
        color: #000;
        margin-right: -1px; }
      .wrapper .button .link:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffffff;
        opacity: 1;
        transition: 0.5s ease-out;
        -webkit-transition: 0.5s ease-out;
        width: 0; }
      .button.black .link:before {
        background: #000; }
      .button.red .link:before {
        background: #f03637; }
      .wrapper .button .link:after {
        position: absolute;
        left: 0;
        height: 41px;
        width: 1px;
        background: #fff;
        content: "";
        display: inline-block;
        top: 3px; }
        .button.black .link:after {
          background: #000; }
    .wrapper .button:hover.red, .wrapper .button:focus.red {
      border: 1px solid #f03637; }
      .wrapper .button:hover.red .link:after, .wrapper .button:focus.red .link:after {
        background: #f03637; }
    .wrapper .button:hover .link, .wrapper .button:focus .link {
      color: #000; }
      .button.black:hover .link {
        color: #fff; }
      .button.black:focus .link {
        color: #fff; }
      .button.red:focus .link {
        color: #fff; }
      .button.red:hover .link {
        color: #fff; }
      .wrapper .button:hover .link:before, .wrapper .button:focus .link:before {
        width: 100%; }
  .wrapper .button {
    background: transparent;
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%); }
  100% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%); } }
@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%); }
  100% {
    transform: translateY(0%);
    -webkit-transform: translateY(0%); } }
.safari.win .wrapper .main-content .cross-content .content-area {
  margin-top: 27px; }

.safari.mac .wrapper .main-content .cross-content .content-area {
  margin-top: 27px; }

.top {
  bottom: 81px;
  opacity: 0;
  position: fixed;
  right: -60px;
  z-index: 9;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease; }
  @media (max-width: 1199px) {
    .top {
      right: -43px;
      bottom: 61px; } }
  .top a {
    color: #7c8c94;
    font-family: "GermaniaOne-Regular";
    font-size: 3.8rem;
    line-height: 27px;
    transform: rotate(-90deg);
    width: 164px;
    -webkit-transform: rotate(-90deg);
    display: block; }
    @media (max-width: 1199px) {
      .top a {
        background-size: 28px auto !important;
        font-size: 2.8rem;
        padding-top: 0px;
        width: 120px; } }
    @media (max-width: 767px) {
      .top a {
        font-size: 3rem;
        width: 120px; } }
    .top a span {
      margin: 0; }
  .top.active a {
    background: url(../images/arrow-btn-g.png) no-repeat right center;
    background-size: 42px; }

.stickyHeader .top {
  opacity: 1; }

.touch .wrapper .button .link:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width: inherit; }
.touch .wrapper .button:hover .link:before,
.touch .wrapper .button:focus .link:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  width: inherit; }

.ie.win .wrapper .main-content .slid-img .insects-img .image {
  height: 200%; }
.ie.win .wrapper .main-content .slid-img .insects-img .black-overly {
  height: 200%; }

.logo-print {
  display: none; }
.content-area a {
    font-size: 1.8rem;
    line-height: 28px;
    color: #f03637;
    margin: 0px auto 27px;
    max-width: 1020px;
}
.content-area a:hover {
    color: #5b5b5b;
}

.wrapper .main-content .cross-content .content-area h2 {
    font-family: "GermaniaOne-Regular";
    color: #f03637;
    font-size: 3rem;
    position: relative;
    background-size: 44px;
    margin-bottom: 28px;
}
.wrapper .main-content .cross-content .content-area ul {
    font-size: 1.8rem;
    line-height: 28px;
    color: #5b5b5b;
    margin: 0px auto 27px;
    max-width: 1020px;
	list-style: none;
	list-style-type: none;
	padding: 0;
}
@media (max-width: 767px) {
	.wrapper .main-content .cross-content .content-area ul{
    max-width: 400px;
    list-style: outside;
		text-align: left;
    margin-left: 20px;
}
	.wrapper .main-content .cross-content .content-area h2 {
    font-size: 2rem;
}
}
@media (max-width: 480px) {
		.wrapper .main-content .cross-content .content-area ul{
		font-size: 1.6rem;
	}
	.content-area a {
    font-size: 1.6rem;
}
}


#smart-button-container input { width: 200px !important;}
#smart-button-container div { margin-bottom: 15px; }
#smart-button-container div br { display: none; }
#smart-button-container div label { display: block; }
#smart-button-container div span { display: block; }
#smart-button-container #descriptionError { font-size: 1.4rem; display: none; }
#smart-button-container #priceLabelError { font-size: 1.4rem; display: none; }

.pay-online-btn { font-size: 1.6rem; color: #fff; background: #000; width: 100%; position: absolute; left: 0; right: 0; padding: 15px 20px; display: flex; align-items: center; justify-content: center; font-weight: 700; top: 105px; display: none;}
.pay-online-btn:hover { color: #f03637; }