@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
body {
  font-family: "Poppins", sans-serif !important;
  font-size: 0.95rem;
  overflow-x: hidden;
  color: #222; }

.row {
  margin: 0px; }

a {
  text-decoration: none !important;
  color: #222; }

a:hover {
  color: #222; }

.uppercase, .tab-row .tab-con .tab-wrap .readmore-btn {
  text-transform: uppercase; }

h1 {
  font-size: 2.9rem !important;
  margin-bottom: 20px; }

h2 {
  font-size: 2.4rem !important;
  margin-bottom: 20px; }

h3 {
  font-size: 2rem !important;
  margin-bottom: 20px;
  font-weight: bold; }

h4 {
  font-size: 1.4rem !important; }

h5 {
  font-size: 1rem !important; }

h6 {
  font-size: 0.95rem !important; }

.p-0 {
  padding: 0px; }

p {
  margin-bottom: 10px;
  line-height: 28px; }

.one-col li {
  width: 100%;
  list-style-image: url("../images/black-list.png");
  line-height: 30px;
  font-weight: bold; }

.two-col li {
  width: 50%;
  list-style-image: url("../images/black-list.png");
  float: left;
  font-weight: bold;
  line-height: 29px; }
  @media (max-width: 768px) {
    .two-col li {
      width: 100%; } }

.three-col li {
  width: 33%;
  list-style-image: url("../images/black-list.png");
  float: left;
  font-weight: bold;
  line-height: 29px; }
  @media (max-width: 768px) {
    .three-col li {
      width: 50%; } }
  @media (max-width: 576px) {
    .three-col li {
      width: 100%; } }

.scrollup {
  position: fixed;
  bottom: 10px;
  right: 7px;
  display: none;
  text-indent: -9999px;
  background: url(../images/scroll.png);
  z-index: 99;
  padding: 38px;
  background-repeat: no-repeat; }

body#bodynav-contact a#mynav7,
body#bodynav-area a#mynav8,
body#bodynav-gallery a#mynav7,
body#bodynav-6 a#mynav6,
body#bodynav-5 a#mynav5,
body#bodynav-4 a#mynav4,
body#bodynav-3 a#mynav3,
body#bodynav-2 a#mynav2,
body#bodynav-1 a#mynav1,
body#home a#mynav0 {
  background: #404040 !important; }
  @media (max-width: 1024px) {
    body#bodynav-contact a#mynav7,
    body#bodynav-area a#mynav8,
    body#bodynav-gallery a#mynav7,
    body#bodynav-6 a#mynav6,
    body#bodynav-5 a#mynav5,
    body#bodynav-4 a#mynav4,
    body#bodynav-3 a#mynav3,
    body#bodynav-2 a#mynav2,
    body#bodynav-1 a#mynav1,
    body#home a#mynav0 {
      background: none !important; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1300px; } }
@media (max-width: 1199px) {
  .container {
    max-width: 1100px; } }
/**************************Header******************/
.header-row .header-con {
  padding-top: 0px;
  padding-bottom: 10px; }
  .header-row .header-con .logo-col img {
    width: 100%;
    margin-top: 10px; }
    @media (max-width: 1024px) {
      .header-row .header-con .logo-col img {
        width: 30%; } }
    @media (max-width: 576px) {
      .header-row .header-con .logo-col img {
        width: 75%;
        margin-bottom: 20px; } }
  @media (max-width: 1024px) {
    .header-row .header-con .logo-col {
      width: 100%;
      text-align: center; } }
  .header-row .header-con .contact-col {
    display: grid; }
    @media (max-width: 1024px) {
      .header-row .header-con .contact-col {
        width: 100%; } }
    .header-row .header-con .contact-col .contact-col-bg {
      position: relative;
      background: #f9e189;
      width: 205%;
      padding-top: 13px;
      padding-bottom: 13px; }
      .header-row .header-con .contact-col .contact-col-bg:before {
        content: " ";
        position: absolute;
        display: block;
        width: 10%;
        height: 100%;
        top: 0;
        left: 0px;
        transform-origin: bottom left;
        transform: skew(32deg, 0deg);
        background: #f9e189; }
      @media (max-width: 1024px) {
        .header-row .header-con .contact-col .contact-col-bg {
          display: none; } }
      .header-row .header-con .contact-col .contact-col-bg .header-col {
        z-index: 999; }
      .header-row .header-con .contact-col .contact-col-bg .phone-col img {
        margin-right: 10px; }
      .header-row .header-con .contact-col .contact-col-bg .phone-col h4 {
        font-weight: normal;
        margin-bottom: 0px;
        line-height: 32px;
        font-size: 1.1rem !important;
        text-transform: uppercase; }
        @media (max-width: 1260px) {
          .header-row .header-con .contact-col .contact-col-bg .phone-col h4 {
            font-size: 1rem !important; } }
        @media (max-width: 1199px) {
          .header-row .header-con .contact-col .contact-col-bg .phone-col h4 {
            font-size: 0.9rem !important; } }
        .header-row .header-con .contact-col .contact-col-bg .phone-col h4 a {
          color: #504f54;
          font-weight: 700; }
          .header-row .header-con .contact-col .contact-col-bg .phone-col h4 a:hover {
            color: #fff; }
      .header-row .header-con .contact-col .contact-col-bg .email-col {
        padding-top: 0px; }
        .header-row .header-con .contact-col .contact-col-bg .email-col img {
          margin-right: 10px; }
        .header-row .header-con .contact-col .contact-col-bg .email-col h5 {
          font-weight: bold;
          margin-bottom: 0px;
          line-height: 29px;
          font-size: 0.85rem !important; }
          @media (max-width: 1270px) {
            .header-row .header-con .contact-col .contact-col-bg .email-col h5 {
              font-size: 0.8rem !important; } }
          @media (max-width: 1199px) {
            .header-row .header-con .contact-col .contact-col-bg .email-col h5 {
              font-size: 0.7rem !important; } }
          .header-row .header-con .contact-col .contact-col-bg .email-col h5 a {
            color: #504f54; }
            .header-row .header-con .contact-col .contact-col-bg .email-col h5 a:hover {
              color: #fff; }
    @media (max-width: 1024px) {
      .header-row .header-con .contact-col .social-col7 {
        width: 100%;
        text-align: center;
        display: block; } }
    .header-row .header-con .contact-col .social-col7 .social-col {
      -webkit-align-items: center;
      align-items: center; }
      .header-row .header-con .contact-col .social-col7 .social-col img {
        padding: 10px; }
      .header-row .header-con .contact-col .social-col7 .social-col .bark-cls {
        width: 24%; }
        @media (max-width: 1024px) {
          .header-row .header-con .contact-col .social-col7 .social-col .bark-cls {
            width: 15%; } }
        @media (max-width: 768px) {
          .header-row .header-con .contact-col .social-col7 .social-col .bark-cls {
            width: 18%; } }
        @media (max-width: 576px) {
          .header-row .header-con .contact-col .social-col7 .social-col .bark-cls {
            width: 38%; } }
      .header-row .header-con .contact-col .social-col7 .social-col .yell-cls {
        width: 24%; }
        @media (max-width: 1024px) {
          .header-row .header-con .contact-col .social-col7 .social-col .yell-cls {
            width: 15%; } }
        @media (max-width: 768px) {
          .header-row .header-con .contact-col .social-col7 .social-col .yell-cls {
            width: 18%; } }
        @media (max-width: 576px) {
          .header-row .header-con .contact-col .social-col7 .social-col .yell-cls {
            width: 38%; } }
      .header-row .header-con .contact-col .social-col7 .social-col .trust-cls {
        width: 18%; }
        @media (max-width: 1024px) {
          .header-row .header-con .contact-col .social-col7 .social-col .trust-cls {
            width: 9%; } }
        @media (max-width: 768px) {
          .header-row .header-con .contact-col .social-col7 .social-col .trust-cls {
            width: 13%; } }
        @media (max-width: 576px) {
          .header-row .header-con .contact-col .social-col7 .social-col .trust-cls {
            width: 28%; } }
      .header-row .header-con .contact-col .social-col7 .social-col .check-cls {
        width: 30%; }
        @media (max-width: 1024px) {
          .header-row .header-con .contact-col .social-col7 .social-col .check-cls {
            width: 18%; } }
        @media (max-width: 768px) {
          .header-row .header-con .contact-col .social-col7 .social-col .check-cls {
            width: 23%; } }
        @media (max-width: 576px) {
          .header-row .header-con .contact-col .social-col7 .social-col .check-cls {
            width: 43%; } }
      .header-row .header-con .contact-col .social-col7 .social-col .youtube-cls {
        width: 30%; }
        @media (max-width: 1024px) {
          .header-row .header-con .contact-col .social-col7 .social-col .youtube-cls {
            width: 18%; } }
        @media (max-width: 768px) {
          .header-row .header-con .contact-col .social-col7 .social-col .youtube-cls {
            width: 23%; } }
        @media (max-width: 576px) {
          .header-row .header-con .contact-col .social-col7 .social-col .youtube-cls {
            width: 43%; } }
    .header-row .header-con .contact-col .whatsapp-col {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      @media (max-width: 1024px) {
        .header-row .header-con .contact-col .whatsapp-col {
          width: 100%;
          text-align: center;
          display: block; } }
  .header-row .header-con .contactus-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
    @media (max-width: 1024px) {
      .header-row .header-con .contactus-btn {
        display: none; } }
    .header-row .header-con .contactus-btn h6 {
      background: #404040;
      text-align: center;
      margin-bottom: 0px;
      padding: 10px 10px 10px 10px;
      border-radius: 15px; }
      @media (max-width: 1260px) {
        .header-row .header-con .contactus-btn h6 {
          font-size: 0.85rem !important; } }
      .header-row .header-con .contactus-btn h6 a {
        color: #f9e189;
        text-transform: uppercase; }
      .header-row .header-con .contactus-btn h6:hover {
        background: #ab7d3f; }
        .header-row .header-con .contactus-btn h6:hover a {
          color: #fff; }

/**************************Header ends******************/
/**************************Menu******************/
.menu-row {
  background: #ab7d3f; }
  .menu-row .menu-con #mynav9 {
    display: none; }
  @media (max-width: 1024px) {
    .menu-row .menu-con {
      padding: 0px; } }
  .menu-row .menu-con .res-cions {
    display: none; }
    @media (max-width: 1024px) {
      .menu-row .menu-con .res-cions {
        display: block; } }
    .menu-row .menu-con .res-cions .fa {
      font-size: 1.3rem;
      color: white; }
    .menu-row .menu-con .res-cions .mobile-email {
      position: absolute;
      left: 47%;
      top: 7px; }
    .menu-row .menu-con .res-cions .phone-icon-mobile {
      float: left !important;
      border: none !important; }
    .menu-row .menu-con .res-cions .navbar-toggler {
      padding: 0.25rem 0.75rem;
      font-size: 1.25rem;
      line-height: 1;
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: 0.25rem;
      float: right;
      margin: 6px; }
    .menu-row .menu-con .res-cions .menubtn {
      border-color: #ffffff !important;
      font-size: 17px; }
      .menu-row .menu-con .res-cions .menubtn .navbar-toggler-icon {
        width: 1em;
        height: 1em; }
  .menu-row .menu-con .menu-col-nav {
    padding: 0px; }
    @media (max-width: 1024px) {
      .menu-row .menu-con .menu-col-nav #myNavbar {
        display: none !important; } }
    .menu-row .menu-con .menu-col-nav #myNavbar #main-menu {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      width: 100%; }
      .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a {
        border-right: 1px solid #f9e189;
        padding: 12px 5px;
        color: white;
        text-transform: uppercase; }
        .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a:hover {
          background: #404040; }
        @media (max-width: 1366px) {
          .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a {
            padding: 12px 6px;
            font-size: .89rem; } }
        @media (max-width: 1270px) {
          .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a {
            padding: 12px 4px;
            font-size: .85rem; } }
        @media (max-width: 1199px) {
          .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a {
            font-size: .8rem; } }
        .menu-row .menu-con .menu-col-nav #myNavbar #main-menu li a:hover {
          color: #f9e189; }
    .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu {
      padding: 0px;
      min-width: 11rem; }
      .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu li {
        background: #ab7d3f; }
        .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu li:hover {
          background: #f9e189; }
        .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu li a {
          border-right: none !important; }
          .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu li a:hover {
            color: #222 !important; }
      .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu #mynav0 {
        background: none !important; }
      .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu #mynav1 {
        background: none !important; }
      .menu-row .menu-con .menu-col-nav #myNavbar .dropdown-menu #mynav2 {
        background: none !important; }

/*****************Menu ends****************/
#home .w-100 {
  opacity: .8; }

.carousel-inner .carousel-caption2 {
  position: absolute;
  right: 15%;
  top: 20%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #000;
  text-align: center; }
  @media (max-width: 1400px) {
    .carousel-inner .carousel-caption2 {
      top: 10%; } }
  @media (max-width: 1024px) {
    .carousel-inner .carousel-caption2 {
      top: 5%; } }
  @media (max-width: 576px) {
    .carousel-inner .carousel-caption2 {
      top: 0%;
      padding-top: 3px; } }
  .carousel-inner .carousel-caption2 h5 {
    font-weight: bold;
    font-size: 2.3rem !important;
    -webkit-text-fill-color: #222222;
    text-shadow: 1px 1px 4px #ccc, 1px 1px 4px #cdcdcd; }
    @media (max-width: 576px) {
      .carousel-inner .carousel-caption2 h5 {
        font-size: 16px !important; } }
  .carousel-inner .carousel-caption2 img {
    width: 30%;
    margin-bottom: 10px; }
    @media (max-width: 1024px) {
      .carousel-inner .carousel-caption2 img {
        width: 40%; } }
    @media (max-width: 768px) {
      .carousel-inner .carousel-caption2 img {
        width: 35%; } }
    @media (max-width: 576px) {
      .carousel-inner .carousel-caption2 img {
        width: 36%; } }
.carousel-inner .carousel-caption {
  left: 19%;
  right: 19%;
  bottom: 0px;
  padding-bottom: 0px; }
  @media (max-width: 1620px) {
    .carousel-inner .carousel-caption {
      right: 10%;
      left: 10%; } }
  @media (max-width: 1366px) {
    .carousel-inner .carousel-caption {
      right: 10%;
      left: 10%; } }
  @media (max-width: 1260px) {
    .carousel-inner .carousel-caption {
      right: 10%;
      left: 10%; } }
  @media (max-width: 1200px) {
    .carousel-inner .carousel-caption {
      right: 10%;
      left: 10%; } }

/***********Welcome***************/
.welcome-row .welcome-con {
  padding: 60px 0px 60px 0px; }
  @media (max-width: 1024px) {
    .welcome-row .welcome-con {
      padding: 40px 0px 40px 0px; } }
  .welcome-row .welcome-con img {
    width: 100%; }
  .welcome-row .welcome-con .welcome-content {
    text-align: left;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
    .welcome-row .welcome-con .welcome-content h5 {
      font-weight: bold; }
    .welcome-row .welcome-con .welcome-content h2 {
      font-weight: bold; }
    .welcome-row .welcome-con .welcome-content a {
      font-weight: bold; }
      .welcome-row .welcome-con .welcome-content a:hover {
        color: #ab7d3f; }
    .welcome-row .welcome-con .welcome-content .readmore-btn {
      margin-top: 20px;
      background: #f9e189;
      border: 1px solid #f9e189; }
      .welcome-row .welcome-con .welcome-content .readmore-btn:hover {
        background: #ab7d3f;
        border: 1px solid #ab7d3f; }

/************************ tab **************************/
.tab-row {
  background: url(../images/tab-bg.jpg);
  background-repeat: no-repeat; }
  .tab-row .tab-con {
    padding: 60px 0px 60px 0px; }
    .tab-row .tab-con .tab-row2 {
      margin-top: 30px; }
    .tab-row .tab-con .tab-heading-row {
      margin-bottom: 20px; }
      .tab-row .tab-con .tab-heading-row .tab-heading {
        text-align: left;
        margin-bottom: 0px;
        align-self: center; }
    .tab-row .tab-con .tab-wrap {
      position: relative;
      text-align: center;
      justify-content: center;
      align-self: center;
      display: flex; }
      @media (max-width: 768px) {
        .tab-row .tab-con .tab-wrap {
          margin-bottom: 20px; } }
      .tab-row .tab-con .tab-wrap .tab-icon {
        width: 100%;
        border-radius: 20px; }
      @media (max-width: 1024px) {
        .tab-row .tab-con .tab-wrap p {
          line-height: 24px !important; } }
      @media (max-width: 768px) {
        .tab-row .tab-con .tab-wrap p {
          line-height: 28px !important; } }
      .tab-row .tab-con .tab-wrap h4 {
        font-weight: 500;
        color: #222;
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 1.2rem !important; }
        @media (max-width: 1024px) {
          .tab-row .tab-con .tab-wrap h4 {
            font-size: 1rem !important; } }
      .tab-row .tab-con .tab-wrap h6 span {
        background: #ab7d3f;
        color: #fff;
        display: inline-block;
        padding: 10px 30px 10px  30px;
        border-radius: 10px;
        text-transform: uppercase; }
      .tab-row .tab-con .tab-wrap .readmore-btn {
        font-weight: 400;
        background: #f9e189;
        color: #fff; }
      .tab-row .tab-con .tab-wrap .text-wrapper {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 0%;
        align-items: center;
        justify-content: center;
        align-self: center;
        padding: 10px;
        margin: 0px 20px 0px 20px;
        height: 100%; }
        @media (max-width: 1024px) {
          .tab-row .tab-con .tab-wrap .text-wrapper {
            margin: 0px 10px 0px 10px; } }
        .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
          text-align: center;
          height: 265px;
          align-self: center;
          justify-content: center;
          display: flex;
          flex-direction: column;
          background: #fff;
          padding: 10px; }
          @media (max-width: 1260px) {
            .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
              height: 265px; } }
          @media (max-width: 1199px) {
            .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
              height: 265px; } }
          @media (max-width: 1024px) {
            .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
              height: 265px; } }
          @media (max-width: 768px) {
            .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
              height: 265px; } }
          @media (max-width: 576px) {
            .tab-row .tab-con .tab-wrap .text-wrapper .text-inner-wrapper {
              height: 265px; } }
      .tab-row .tab-con .tab-wrap .tab-arrow {
        display: none; }
      .tab-row .tab-con .tab-wrap:hover {
        transition: all .4s ease;
        -webkit-transition: all .4s ease; }
        .tab-row .tab-con .tab-wrap:hover h6 {
          display: none; }
        .tab-row .tab-con .tab-wrap:hover .tab-arrow {
          display: block;
          position: absolute;
          top: 18%;
          background: #f9e189;
          border-radius: 50%;
          padding: 20px; }
        .tab-row .tab-con .tab-wrap:hover .text-wrapper {
          background: none;
          height: 100%;
          bottom: 0%;
          margin: 0px;
          padding: 0px;
          align-items: end;
          justify-content: end; }
          .tab-row .tab-con .tab-wrap:hover .text-wrapper .text-inner-wrapper {
            background: #f9e189;
            height: 200px;
            border-radius: 0px 0px 20px 20px;
            color: #222;
            padding: 20px; }
            .tab-row .tab-con .tab-wrap:hover .text-wrapper .text-inner-wrapper .readmore-btn {
              display: none; }

/******************************** tab ends ******************/
.ip-row {
  background: url(../images/bg-1.jpg);
  background-size: cover;
  text-align: center;
  color: #fff; }
  .ip-row .ip-con {
    padding-top: 40px;
    padding-bottom: 40px; }
    .ip-row .ip-con .ip-col12 {
      justify-content: center;
      align-self: center;
      justify-items: center;
      justify-self: center;
      display: grid; }
      @media (max-width: 1024px) {
        .ip-row .ip-con .ip-col12 {
          width: 100%; } }
      .ip-row .ip-con .ip-col12 ul {
        text-align: left; }
        .ip-row .ip-con .ip-col12 ul li {
          list-style-image: url(../images/white-list.png); }
      .ip-row .ip-con .ip-col12 h4 {
        background: #f8faec;
        display: inline-block;
        color: #222;
        padding: 10px 30px 10px 30px;
        margin-bottom: 15px;
        border-radius: 10px;
        font-weight: 600; }
      .ip-row .ip-con .ip-col12 p b {
        color: #fff !important; }

/************************ Whychoose **************************/
.whychoose-row {
  background: #fbf5df;
  color: #222; }
  .whychoose-row .whychoose-con {
    padding: 60px 0px 60px 0px; }
    @media (max-width: 1024px) {
      .whychoose-row .whychoose-con .why-col10 {
        width: 100%; } }
    .whychoose-row .whychoose-con .whychoose-heading {
      text-align: center;
      margin-bottom: 20px; }
      .whychoose-row .whychoose-con .whychoose-heading h5 {
        color: #ab7d3f;
        text-transform: uppercase;
        font-size: 1.1rem !important;
        font-weight: 600; }
    .whychoose-row .whychoose-con img {
      width: 100%; }
      @media (max-width: 576px) {
        .whychoose-row .whychoose-con img {
          margin-bottom: 20px; } }
    .whychoose-row .whychoose-con .whychoose-content {
      align-self: center; }
    .whychoose-row .whychoose-con iframe {
      height: 200px;
      width: 100%; }

/********************************Whychoose ends ******************/
/************************Testimonial**************************/
.testimonial-row .testimonial-con {
  padding: 60px 0px 60px 0px; }
  .testimonial-row .testimonial-con .slick-arrow {
    display: none !important; }
  .testimonial-row .testimonial-con .testimonial-heading {
    align-self: center; }
    .testimonial-row .testimonial-con .testimonial-heading .test-icon {
      background: #ab7d3f;
      border-radius: 50%; }
    .testimonial-row .testimonial-con .testimonial-heading a {
      font-weight: 700; }
      .testimonial-row .testimonial-con .testimonial-heading a:hover {
        color: #ab7d3f; }
    .testimonial-row .testimonial-con .testimonial-heading p {
      margin-bottom: 0px; }
    .testimonial-row .testimonial-con .testimonial-heading h4 {
      font-size: 1.8rem !important; }
      @media (max-width: 1024px) {
        .testimonial-row .testimonial-con .testimonial-heading h4 {
          font-size: 1.2rem !important; } }
    .testimonial-row .testimonial-con .testimonial-heading h5 {
      text-transform: uppercase;
      color: #ab7d3f;
      font-weight: 600; }
  .testimonial-row .testimonial-con .testimonial-col {
    border: 1px solid #ccc;
    border-radius: 10px; }
    @media (max-width: 768px) {
      .testimonial-row .testimonial-con .testimonial-col {
        margin-top: 10px; } }
    .testimonial-row .testimonial-con .testimonial-col .flex-row {
      display: flex; }
    .testimonial-row .testimonial-con .testimonial-col .double-quote img {
      width: 100%;
      background: #f9e189;
      padding: 10px;
      border-radius: 10px;
      margin-top: 33px; }
      @media (max-width: 576px) {
        .testimonial-row .testimonial-con .testimonial-col .double-quote img {
          width: auto; } }
    .testimonial-row .testimonial-con .testimonial-col .testimonial {
      margin-top: 20px;
      padding: 10px; }

/************************Testimonial ends**************************/
.footer-map {
  width: 100%;
  height: 300px; }

/************************checkatrade **************************/
.checkatrade-review-row .checkatrade-review-con {
  text-align: center;
  padding: 0px 0px 60px 0px; }
  .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll {
    max-height: 451px;
    overflow-y: scroll;
    margin-bottom: 40px;
    text-align: center; }
    .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll img {
      margin-bottom: 0px !important; }
    .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll testimonial {
      border-bottom: 1px solid #ccc;
      padding: 10px;
      float: left;
      width: 100%;
      text-align: left; }
      .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll testimonial h5 {
        font-weight: bold; }
      .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll testimonial:nth-child(odd) {
        background-color: #ccc; }
      .checkatrade-review-row .checkatrade-review-con .checkatrade-scroll testimonial p:last-child {
        font-size: 12px;
        font-weight: 600; }

/************************Footer logo**************************/
.footlogo-row .footlogo-con {
  text-align: center;
  padding: 0px 0px 60px 0px; }
  .footlogo-row .footlogo-con img {
    width: 15%;
    padding: 10px;
    border: 1px solid #ccc;
    margin-right: 10px; }
    @media (max-width: 576px) {
      .footlogo-row .footlogo-con img {
        margin-bottom: 20px;
        width: 40%; } }

/************************Footer logo ends**************************/
/************************Footer top**************************/
.footer-top-row {
  background: url(../images/bg-1.jpg);
  color: #fff;
  margin-top: -7px !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .footer-top-row a {
    color: #fff; }
    .footer-top-row a:hover {
      color: #f9e189; }
  .footer-top-row h4 {
    font-weight: 500;
    text-transform: uppercase; }
  .footer-top-row .footer-top-con {
    padding-top: 60px;
    padding-bottom: 60px; }
    @media (max-width: 1024px) {
      .footer-top-row .footer-top-con {
        font-size: 0.85rem; } }
    @media (max-width: 768px) {
      .footer-top-row .footer-top-con {
        font-size: 0.95rem; } }
    @media (max-width: 576px) {
      .footer-top-row .footer-top-con {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center; } }
    @media (max-width: 768px) {
      .footer-top-row .footer-top-con .footer-logo {
        text-align: center; } }
    .footer-top-row .footer-top-con .footer-logo img {
      width: 70%;
      margin-bottom: 15px; }
      @media (max-width: 1024px) {
        .footer-top-row .footer-top-con .footer-logo img {
          width: 70%; } }
      @media (max-width: 768px) {
        .footer-top-row .footer-top-con .footer-logo img {
          width: 40%; } }
      @media (max-width: 576px) {
        .footer-top-row .footer-top-con .footer-logo img {
          margin-bottom: 10px;
          width: 75%; } }
    .footer-top-row .footer-top-con .footer-menu ul {
      padding-left: 0px; }
      .footer-top-row .footer-top-con .footer-menu ul li {
        list-style: none; }
    .footer-top-row .footer-top-con .footer-contact h4 {
      border-bottom: 1px solid #3d3b3b;
      padding-bottom: 10px; }
      @media (max-width: 576px) {
        .footer-top-row .footer-top-con .footer-contact h4 {
          border-bottom: none;
          padding-bottom: 0px; } }
    @media (max-width: 576px) {
      .footer-top-row .footer-top-con .footer-contact {
        margin-bottom: 20px; } }
    .footer-top-row .footer-top-con .footer-contact h5 {
      color: #fff; }
    .footer-top-row .footer-top-con .footer-contact h6 {
      margin-bottom: 0px; }
      @media (max-width: 1024px) {
        .footer-top-row .footer-top-con .footer-contact h6 {
          font-size: 0.85rem !important; } }
      @media (max-width: 768px) {
        .footer-top-row .footer-top-con .footer-contact h6 {
          font-size: 0.95rem !important; } }
    .footer-top-row .footer-top-con .footer-contact .contact-column {
      display: flex;
      margin-top: 10px; }
      @media (max-width: 576px) {
        .footer-top-row .footer-top-con .footer-contact .contact-column {
          justify-content: center; } }
      .footer-top-row .footer-top-con .footer-contact .contact-column .icon-item {
        padding-right: 20px; }
        @media (max-width: 576px) {
          .footer-top-row .footer-top-con .footer-contact .contact-column .icon-item {
            display: none; } }
      .footer-top-row .footer-top-con .footer-contact .contact-column .footer-item {
        align-self: center; }
    @media (max-width: 1024px) {
      .footer-top-row .footer-top-con .footer-map {
        width: 100%; } }
    .footer-top-row .footer-top-con .footer-map iframe {
      width: 100%;
      height: 200px; }

/************************Footer top ends**************************/
/************************Footer**************************/
.footer-row {
  background: #f9e189;
  color: #fff; }
  .footer-row .footer-con {
    padding: 20px 0px 20px 0px; }
    @media (max-width: 576px) {
      .footer-row .footer-con {
        text-align: center; } }
    .footer-row .footer-con .foot-right {
      text-align: right; }
      @media (max-width: 576px) {
        .footer-row .footer-con .foot-right {
          text-align: center; } }
      .footer-row .footer-con .foot-right a {
        color: #fff; }

/************************Footer ends**************************/
.responsive-quickquote {
  display: none;
  background: #404040;
  color: #f9e189;
  text-align: center; }
  @media (max-width: 1024px) {
    .responsive-quickquote {
      display: block; } }
  .responsive-quickquote:hover {
    background: #ab7d3f; }
  .responsive-quickquote .responsive-quickquote-con {
    padding-top: 10px;
    padding-bottom: 10px; }
    .responsive-quickquote .responsive-quickquote-con a {
      color: #f9e189; }
      .responsive-quickquote .responsive-quickquote-con a h4 {
        margin-bottom: 0px; }

.quickquote-row {
  background: rgba(64, 64, 64, 0.9);
  padding: 20px 10px 20px 10px;
  flex: 0 0 25em; }
  @media (max-width: 1024px) {
    .quickquote-row {
      display: none; } }
  .quickquote-row .quickquote-heading {
    align-self: center;
    text-align: center; }
    .quickquote-row .quickquote-heading h4 {
      color: #f9e189;
      line-height: 27px;
      margin-bottom: 0px;
      font-size: 1.8rem !important;
      display: inline-block;
      padding: 10px;
      font-weight: 500;
      margin-bottom: 20px; }
    .quickquote-row .quickquote-heading font {
      margin-left: 20px; }
  .quickquote-row input, .quickquote-row textarea, .quickquote-row .btn-submit {
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    padding: 8px; }
  .quickquote-row input {
    height: 47px; }
  .quickquote-row textarea {
    height: 47px;
    margin-bottom: 0px; }
  .quickquote-row .btn-submit {
    background: #f9e189;
    height: 45px;
    text-transform: uppercase;
    color: #222;
    font-weight: 500;
    margin-top: 6px;
    margin-bottom: 0px;
    font-weight: 600;
    border: none;
    font-size: 21px; }
    @media (max-width: 1260px) {
      .quickquote-row .btn-submit {
        height: 45px; } }
    .quickquote-row .btn-submit:hover {
      background: #ab7d3f;
      color: white; }
  .quickquote-row .quick-privacycol {
    align-self: center;
    -webkit-align-items: center; }
    .quickquote-row .quick-privacycol .quick-privacy {
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px; }
      @media (max-width: 1366px) {
        .quickquote-row .quick-privacycol .quick-privacy {
          margin-bottom: 0px; } }
      @media (max-width: 1260px) {
        .quickquote-row .quick-privacycol .quick-privacy {
          font-size: .8rem; } }
      .quickquote-row .quick-privacycol .quick-privacy a {
        color: #fff; }
        .quickquote-row .quick-privacycol .quick-privacy a:hover {
          color: #f9e189; }

.page-container {
  padding-top: 30px; }
  .page-container h3 {
    color: #ab7d3f; }
  .page-container p {
    text-align: justify; }
    .page-container p a {
      font-weight: bold; }
      .page-container p a:hover {
        color: #ab7d3f; }
  .page-container .page-img img {
    width: 100%;
    padding: 5px;
    border-radius: 15px;
    margin-bottom: 20px; }

.roofing-con li {
  list-style-image: url(../images/square.png); }

/**************************************************************/
/*********************gallery***********************/
.gallery-con .gallery-heading {
  padding-left: 4px !important;
  padding-right: 1px !important; }
  .gallery-con .gallery-heading h4 {
    background: #f9e189;
    text-align: center;
    padding: 14px;
    font-weight: 900;
    color: #fff;
    font-size: 1.4rem !important; }
.gallery-con .gallery {
  list-style-type: none;
  padding-left: 0px !important;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0%;
  margin-left: 0px !important; }
  .gallery-con .gallery li {
    padding: 5px;
    float: left;
    width: 20%;
    position: relative;
    height: 200px;
    overflow: hidden;
    list-style-image: none !important; }
    @media (max-width: 768px) {
      .gallery-con .gallery li {
        width: 100% !important;
        height: auto !important;
        margin: 0px; } }
    .gallery-con .gallery li a {
      position: absolute;
      bottom: 0px;
      padding: 5px 0px; }
    .gallery-con .gallery li img {
      width: 100%;
      height: auto !important;
      min-height: 200px !important; }
  .gallery-con .gallery .gallery-pc {
    display: block;
    visibility: visible; }
    @media (max-width: 1024px) {
      .gallery-con .gallery .gallery-pc {
        display: none; } }
  .gallery-con .gallery .gallery-mobile {
    display: none !important; }
    @media (max-width: 1024px) {
      .gallery-con .gallery .gallery-mobile {
        display: block !important; } }

/********************gallery ends***********************/
#bodynav-area .area-con iframe {
  width: 100%;
  height: 672px; }
  @media (max-width: 576px) {
    #bodynav-area .area-con iframe {
      margin-bottom: 20px;
      height: 372px; } }
#bodynav-area .area-con .area-col ul {
  padding-left: 20px; }
  #bodynav-area .area-con .area-col ul li {
    width: 100%;
    list-style-image: url(../images/bullets.jpg);
    line-height: 30px;
    background: #ededed;
    margin-bottom: 10px;
    padding-left: 10px; }

.contact-con {
  padding-bottom: 40px; }
  .contact-con .contact-address h4 {
    margin-bottom: 20px; }
    @media (max-width: 576px) {
      .contact-con .contact-address h4 br {
        display: none; } }
  .contact-con .contact-address a:hover {
    color: #ab7d3f; }
  .contact-con .btn-submit {
    background: #ab7d3f;
    color: #fff;
    padding: 7px 25px 7px 25px;
    text-transform: uppercase; }
    .contact-con .btn-submit:hover {
      background: #404040; }
  .contact-con .contact-form {
    background: linear-gradient(180deg, #ccc 0%, white 100%);
    padding: 40px;
    text-align: center; }
    @media (max-width: 576px) {
      .contact-con .contact-form {
        margin-top: 20px; } }
    .contact-con .contact-form h4 {
      margin-bottom: 20px;
      text-align: center;
      text-transform: uppercase; }
    .contact-con .contact-form input, .contact-con .contact-form textarea, .contact-con .contact-form select {
      width: 100%;
      margin-bottom: 10px;
      height: 40px;
      border: 1px solid #ccc !important;
      padding-left: 10px; }
    .contact-con .contact-form textarea {
      height: 80px; }
  .contact-con .privacy-page h4 {
    margin-top: 20px;
    font-size: 1.2rem !important;
    font-weight: bold; }

.no-banner {
  padding-top: 40px;
  padding-bottom: 40px; }

.modal {
  z-index: 5000; }
  .modal .modal-dialog {
    max-width: 50%;
    margin-top: 15%; }
    @media (max-width: 576px) {
      .modal .modal-dialog {
        max-width: 100%; } }
    .modal .modal-dialog p {
      text-align: justify; }
    .modal .modal-dialog .modal-header, .modal .modal-dialog .modal-footer .close-btn {
      background: #ab7d3f;
      color: #fff;
      padding: 9px;
      text-align: center; }
      .modal .modal-dialog .modal-header .btn-close, .modal .modal-dialog .modal-footer .close-btn .btn-close {
        color: #fff;
        text-decoration: none;
        opacity: 1;
        background: none;
        font-size: 1.8rem;
        height: auto;
        float: right;
        padding: 0px 5px; }
    .modal .modal-dialog .modal-content {
      text-align: center; }
      .modal .modal-dialog .modal-content .modal-body .mynav9 {
        display: block; }
      @media (max-width: 576px) {
        .modal .modal-dialog .modal-content .modal-body h4 {
          font-size: 1.1rem !important; } }
      .modal .modal-dialog .modal-content .modal-body ul {
        padding-left: 0px; }
        .modal .modal-dialog .modal-content .modal-body ul .dropdown-toggle::after {
          display: none; }
        @media (max-width: 1024px) {
          .modal .modal-dialog .modal-content .modal-body ul .caret {
            display: none !important; } }
        .modal .modal-dialog .modal-content .modal-body ul li {
          list-style: none;
          border-bottom: #ccc thin solid;
          line-height: 30px; }
          .modal .modal-dialog .modal-content .modal-body ul li:last-child {
            border-bottom: none; }
          .modal .modal-dialog .modal-content .modal-body ul li a {
            color: #222; }
        .modal .modal-dialog .modal-content .modal-body ul .dropdown-toggle {
          display: none; }
        .modal .modal-dialog .modal-content .modal-body ul .dropdown-menu {
          width: 100%;
          display: block;
          position: relative;
          text-align: center;
          border-left: none;
          border-right: none;
          border-bottom: none; }
    .modal .modal-dialog .modal-footer {
      justify-content: center; }
      .modal .modal-dialog .modal-footer .close-btn:hover {
        background: #ab7d3f; }

#more .modal-dialog {
  max-width: 63%; }
  @media (max-width: 576px) {
    #more .modal-dialog {
      max-width: 93%; } }

#callUs .modal-body .col-md-12 h4 {
  border-bottom: 1px solid #ccc;
  line-height: 50px; }
#callUs .modal-body .col-md-12:last-child h4 {
  border-bottom: none; }

.whatsapp {
  font-size: .8rem;
  font-weight: bold;
  align-self: end;
  line-height: 30px; }
  @media (max-width: 1024px) {
    .whatsapp {
      width: 100%;
      text-align: center;
      margin-top: 10px; } }
  @media (max-width: 576px) {
    .whatsapp {
      margin-top: 0px; } }
  .whatsapp span {
    background: #228B22;
    color: #fff;
    padding: 10px;
    border-radius: 10px; }
    .whatsapp span:hover {
      background: #222; }
  .whatsapp font {
    margin-left: 40px; }

.header-wrapper {
  position: relative;
  width: 100%;
  z-index: 5000 !important; }

.f-nav {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999 !important;
  transition: all 0.6s;
  position: fixed !important; }

button:focus {
  outline: none !important;
  box-shadow: none !important; }

@media (max-width: 768px) {
  #order1 {
    -webkit-order: 1; }

  #order2 {
    -webkit-order: 2; }

  #order3 {
    -webkit-order: 3; }

  /* Standard syntax */
  #order1 {
    order: 1; }

  #order2 {
    order: 2; }

  #order3 {
    order: 3; } }
.color-para {
  color: #ffc000; }

#mynav9 {
  display: none; }
  @media (max-width: 1024px) {
    #mynav9 {
      display: block; } }

#mynav8 {
  border-right: none !important; }

/***************trust*****************/
.trust-top-row {
  margin-top: 40px;
  margin-bottom: 40px;
  background: #ab7d3f;
  height: 60px; }
  .trust-top-row .trust-top-con {
    padding-top: 0px;
    padding-bottom: 0px; }
    .trust-top-row .trust-top-con .trust-col-heading {
      margin-top: 20px; }
      .trust-top-row .trust-top-con .trust-col-heading h5 {
        margin-bottom: 0px;
        color: #fff;
        font-style: italic; }
        @media (max-width: 576px) {
          .trust-top-row .trust-top-con .trust-col-heading h5 {
            font-size: .8rem !important; } }
    .trust-top-row .trust-top-con .trust-icon-col img {
      width: 11%;
      margin-top: -23px; }
      @media (max-width: 576px) {
        .trust-top-row .trust-top-con .trust-icon-col img {
          width: 100%; } }

.trust-row .trust-con {
  margin-bottom: 30px; }
  .trust-row .trust-con .trust-img img {
    width: 100%; }
    @media (max-width: 576px) {
      .trust-row .trust-con .trust-img img {
        margin-bottom: 20px; } }
  .trust-row .trust-con .tt-review-snippet__header {
    display: none !important; }
  .trust-row .trust-con .tt-review-snippet {
    border: 1px solid #cdcdcd !important; }