@import url('fonts/fonts.css');

html, body { height:100%; }

body { background:#fff; margin: 0; padding: 0; font-family: 'montserratregular', Arial, Helvetica, sans-serif; color:#5b5b5b; font-size:18px; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* scrollbar change start */
* { scrollbar-width: auto; scrollbar-color: #ef7f1a #ffffff; }
*::-webkit-scrollbar { width: 12px; }
*::-webkit-scrollbar-track { background: #ffffff; }
*::-webkit-scrollbar-thumb { background-color: #ef7f1a; border-radius: 5px; border: 3px solid #ffffff; }
/* scrollbar change end */
a { color:#ef7f1a; text-decoration:none; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
a:hover { color:#311f0e; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; font-weight:normal; margin:0;  padding:0;  border:none;  border-collapse:collapse; }
b, strong { font-family: 'montserratbold', Arial, Helvetica, sans-serif; font-weight: normal; }
content { display: block; width:1280px; margin:0 auto; }
.clear { clear:both; }
#toTop { display:none; width:80px; height:80px; background:url(img/totop.webp) no-repeat center #2e2e2e; background-size:36px auto; text-align:left; text-indent:-9999px;  position:fixed; bottom:0; right:40px; z-index:20000; cursor:pointer; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px;  -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }

/* fixed contact links start */
.fixed-contact-links { display:flex; flex-wrap:wrap; width:auto; height:80px; position:fixed; left:40px; bottom:0; z-index:10001; }
  .fixed-contact-links a { display:block; width:auto; height:80px; padding: 24px 20px 24px 42px; margin: 0 10px 0 0; font-family: 'montserratbold', Arial, Helvetica, sans-serif; text-align:left; line-height: 32px; font-size:16px; color:#fff; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
    .fixed-contact-links a.whatsapp { background: url(img/icon/whatsapp.webp) no-repeat center left 20px #5cc83e; background-size: auto 18px; }
      .fixed-contact-links a.whatsapp:hover { box-shadow: 0 0 20px #9ffe84; }
    .fixed-contact-links a.phone { background: url(img/icon/phone2.webp) no-repeat center left 20px #ef7f1a; background-size: auto 18px;  }
      .fixed-contact-links a.phone:hover { box-shadow: 0 0 20px #ffbe62; }
      .fixed-contact-links a.phonemobile { background: url(img/icon/phone.webp) no-repeat center left 20px #763f0d; background-size: auto 18px;  }
      .fixed-contact-links a.phonemobile:hover { box-shadow: 0 0 20px #ffbe62; }
/* fixed contact links end */

/* animated header start */

.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:180px; padding:0; background-color: rgba(255,255,255,1); background-color: rgb(255,255,255,1); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
  
  header { display:block; position: relative; width: 100%; height: 40px; padding:0;
    background: rgb(46,46,46); background: linear-gradient(128deg, rgba(46,46,46,1) 36%, rgba(116,62,14,1) 100%);
    transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    header content { padding:0 64px; }
      header content h1 { font-size:12px; color:#ff9a41; line-height: 40px; display: block; float: left; }

      ul.social-icons { display:block; float: right; width: auto; height: 40px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; opacity: 1; }
      ul.social-icons li { display: block; float: left; height: 40px; margin: 0 0 0 16px; }
        ul.social-icons li a { display:block; width: 22px; height: 40px; text-align:left; text-indent:-9999px; }
          ul.social-icons li a.ig { background: url(img/icon/ins.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.fb { background: url(img/icon/fb.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.tw { background: url(img/icon/tw.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.le { background: url(img/icon/linkedin.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.wa { background: url(img/icon/whatsapp2.webp) no-repeat center center; background-size: 100% auto; }
            ul.social-icons li a:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
            
  content.hdr-logo { height: 120px; padding:0 64px 0 18px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; opacity: 1; }

    a.logo { display:block; float: left; width:219px; height:120px; text-align:left; text-indent:-9999px; opacity: 1; background: url(img/logo.webp) no-repeat center top 20px;  background-size: 100% auto;}
     a.logo:hover { transform: scale(0.94); -ms-transform: scale(0.94); -webkit-transform: scale(0.94); -o-transform: scale(0.94); -moz-transform: scale(0.94); }

    a.offer-button { display:block; float: right; width:auto; margin:40px 0 0 10px; height:40px; padding: 0 20px 0 44px; text-align:left; opacity: 1; background: url(img/icon/check.webp) no-repeat center left 20px #56be18; color:#fff; font-size:14px; line-height: 40px; font-family: 'montserratbold', Arial, Helvetica, sans-serif; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
      a.offer-button:hover { box-shadow: 0 0 20px #9ffe84; }

    a.phone-button { display:block; float: right; width:auto; margin:40px 0 0 10px; height:40px; padding: 0 20px 0 44px; text-align:left; opacity: 1; background: url(img/icon/phone2.webp) no-repeat center left 20px #ef7f1a; background-size: auto 18px; color:#fff; font-size:14px; line-height: 40px; font-family: 'montserratbold', Arial, Helvetica, sans-serif; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
      a.phone-button:hover { box-shadow: 0 0 20px #ffbe62; }

      a.phonemobile-button { display:block; float: right; width:auto; margin:40px 0 0 0; height:40px; padding: 0 20px 0 44px; text-align:left; opacity: 1; background: url(img/icon/phone.webp) no-repeat center left 20px #763f0d; background-size: auto 18px; color:#fff; font-size:14px; line-height: 40px; font-family: 'montserratbold', Arial, Helvetica, sans-serif; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
      a.phonemobile-button:hover { box-shadow: 0 0 20px #ffbe62; }

  content.hdr-main-menu { height: 40px; padding: 0 64px 0 49px; position: relative; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    content.hdr-main-menu .skew-bg { display: block; width: 100%; height: 40px;
      position: absolute; top:0; left:0; z-index: -1;
      transform: skew(-40deg, 0deg);
      background: rgb(190,112,42); background: linear-gradient(67deg, rgba(190,112,42,1) 9%, rgba(91,91,91,1) 65%); }
     
      ul.mini-icons { display:block; float: right; width: auto; height: 40px; transition:all 0.6s;  -moz-transition:all 0.6s; -webkit-transition:all 0.6s;  -o-transition:all 0.6s; opacity: 1; }
      ul.mini-icons li { display: block; float: left; height: 40px; margin: 0 0 0 10px; }
        ul.mini-icons li a { display:block; height: 40px; text-align:left; text-indent:-9999px; }
          ul.mini-icons li a.loca { width: 14px; background: url(img/icon/location.webp) no-repeat center center; background-size: 100% auto; }
          ul.mini-icons li a.mail { width: 25px; background: url(img/icon/email.webp) no-repeat center center; background-size: 100% auto; }
          ul.mini-icons li a.home { width: 17px; background: url(img/icon/home.webp) no-repeat center center; background-size: 100% auto; }
            ul.mini-icons li a:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
            
  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { top:-120px; background-color: rgba(255,255,255,0.6); background-color: rgb(255,255,255,0.6); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    .cbp-af-header.cbp-af-header-shrink header { margin:-40px 0 0 0; }
    .cbp-af-header.cbp-af-header-shrink .hdr-logo { opacity: 0; }
    .cbp-af-header.cbp-af-header-shrink .hdr-main-menu { margin:10px auto 0 auto; }

/* animated header end */

.spot { width:100%; height:100%; overflow: hidden; position: relative; z-index: 1;  box-shadow: 0 10px 70px #a8a6a6; -webkit-border-bottom-right-radius: 80px; -webkit-border-bottom-left-radius: 80px; -moz-border-radius-bottomright: 80px; -moz-border-radius-bottomleft: 80px; border-bottom-right-radius: 80px; border-bottom-left-radius: 80px; }
  .spot span { position: absolute; bottom:0; left:0; z-index: 2; width: 100%; height: 100%; padding: 180px 0 0 0; background: url(img/spot/overflow.webp) no-repeat center center; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .spot span article { display: block; width:1280px; padding: 0 640px 0 60px;  }
    .spot span article h1 { display: block; text-align: left; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; font-size: 42px; letter-spacing: -0.5px; color:#fff; }
    .spot span article p { text-align: left; font-size: 15px; color:#fff; line-height: 130%; margin:10px 0 20px 0; }
    .spot span article a { display: block; width: auto; height: 60px; padding: 20px; float: left; background-color: #fff; color:#ef7f1a; font-size:14px; line-height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: 'montserratbold', Arial, Helvetica, sans-serif; border-bottom:3px solid #b6b6b6;  }
      .spot span article a:hover { background-color: #ef7f1a; color:#fff; border-bottom:3px solid #934f12; }
    .spot .swiper-container { width: 100%; height: 100%; padding: 0; margin:0; position: relative;  }
      .spot .swiper-container .swiper-slide { padding: 0; margin:0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
        .spot .swiper-container .swiper-slide img { width:100%; height:auto; }

.page-header { display:block; position: relative; width:100%; height: auto; padding: 240px 0 40px 0; background: url(img/seperator2.webp) no-repeat bottom right; }
  .page-header h1 { display: block; font-size:34px; color:#ef7f1a; line-height: 120%; text-align: center; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; } 
  .page-header h1 span { display: block; font-size:18px; color:#2e2e2e; font-family:'MiriamLibreRegular', Arial, Helvetica, sans-serif; line-height: 100%; text-align: center; } 

.home-icons { position: relative; z-index: 2; top:-108px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 80px; grid-row-gap: 0px; padding:14px 80px 0 80px; background: url(img/dotline.webp) no-repeat center top; background-size: 100% auto; }
  .home-icons a { display:block; text-align: center; font-size: 26px; line-height: 120%; font-family: 'montserratbold', Arial, Helvetica, sans-serif; }
    .home-icons a img { display:block; width:180px; height:auto; margin:0 auto 20px auto; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
     .home-icons a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
      .home-icons a.color1 { color:#16c112; }
      .home-icons a.color2 { color:#ef7f1a; }
      .home-icons a.color3 { color:#5b5b5b; }

.content-holder { width:100%; padding:80px 0; }
  .add-seperator { background: url(img/seperator1.webp) no-repeat center top; }

  .content-holder.hosbes { background: url(img/seperator1.webp) no-repeat center top; }
    .add-negative-margin-for-homepage { margin: -60px 0 0 0; }
    .content-holder.hosbes article { display:block; width: 62%; float: left; padding: 60px 64px 0 0;}
      .content-holder.hosbes article h1 { font-size:26px; color:#763f0d; font-family: 'montserratbold', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 12px 0; }
      .content-holder.hosbes article h2 { font-size:58px; color:#ef7f1a; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 40px 0; }
      .content-holder.hosbes article p { color:#5b5b5b; line-height:140%; margin:0 0 30px 0; font-size: 22px; }
    .content-holder.hosbes figure { display:block; width: 38%; float: left; }
      .content-holder.hosbes figure img { display:block; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
        box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); -webkit-box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); -moz-box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); }

      a.hosbes-phone { display: block; width: auto; float: left; height:90px; padding: 10px 0 10px 90px; margin:0 40px 0 0; background: url(img/home-icons/04.webp) no-repeat center left; font-family: 'montserratbold', Arial, Helvetica, sans-serif; font-size: 23px; color:#5b5b5b; line-height: 35px; }
        a.hosbes-phone span { color:#ef7f1a;}
        a.hosbes-phone:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); color:#ef7f1a }

      a.hosbes-mail { display: block; width: auto; float: left; height:90px; padding: 10px 0 10px 90px; background: url(img/home-icons/05.webp) no-repeat center left; font-family: 'montserratbold', Arial, Helvetica, sans-serif; font-size: 23px; color:#5b5b5b; line-height: 35px; }
        a.hosbes-mail span { color:#ef7f1a;}
        a.hosbes-mail:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); color:#ef7f1a }     
      
  .content-holder.changing-text { height: auto; position: relative; padding:66px 0; margin:0 0 40px 0; }
    .content-holder.changing-text .orange-skew-bg { display: block; width: 90%; height: 208px; position: absolute; top:0; left:calc(50% - 45%); z-index: -1; transform: skew(-30deg, 0deg); background-color:#ef7f1a; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
      .changingtexthdr { display: none; width: 100%; font-size: 18px; color: #fff; font-family: 'montserratregular', Arial, Helvetica, sans-serif; text-align: center; }
      .text-slider-wrapper { font-size: 38px; color: #fff; font-family: 'montserratregular', Arial, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; overflow: hidden; }
        .text-slider { margin-left: 16px; font-family: 'montserratblack'; height: 80px; }
          .slider-text { height: 4.7rem; padding: 0.7rem; margin-bottom: 1.65rem; background-color: rgba(0, 0, 0, 1); text-align: center; border-radius: 1rem; color: #fff; letter-spacing: 0.5px; display: flex; justify-content: center; align-items: center; text-transform: none; }
            .slider-text:first-child { animation: slide 5s linear infinite; }
            @keyframes slide { 0% { margin-top: -300px; }
                               5% { margin-top: -200px; }
                               33% { margin-top: -200px; }
                               38% { margin-top: -100px; }
                               66% { margin-top: -100px; }
                               71% { margin-top: 0px; }
                               100% { margin-top: 0px; } }

  .content-holder.seperator2 { background: url(img/seperator2.webp) no-repeat right bottom; }
    .content-holder.seperator2 content h1 { font-size:40px; color:#ef7f1a; text-align: center; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 12px 0; }
    .content-holder.seperator2 content p { font-size:22px; color:#1d1921; text-align: center; }
  .content-holder.seperator3 { background: url(img/seperator1.webp) no-repeat center bottom; }
  .content-holder.home-numbers content h1 { font-size:40px; color:#898989; text-align: center; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 36px 0; }
  
  .cards { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 80px; grid-row-gap: 80px; margin:80px 0 0 0; }
    .cards a { display: block; width: 100%; overflow: hidden; position: relative; background-color: #f9f9f9; border:1px solid #ebebeb; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -webkit-box-shadow: 0px 20px 30px -11px rgba(194,194,194,0.6); -moz-box-shadow: 0px 20px 30px -11px rgba(194,194,194,0.6); box-shadow: 0px 20px 30px -11px rgba(194,194,194,0.6); }
      .cards a:hover { background-color: #747474;  transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);
        -webkit-box-shadow: 0px 20px 30px -11px rgba(194,194,194,1); -moz-box-shadow: 0px 20px 30px -11px rgba(194,194,194,1); box-shadow: 0px 20px 30px -11px rgba(194,194,194,1); }	
      .cards a img { display:block; width:100%; height:auto; }
        .cards a article { display:block; width:100%; padding: 40px; color:#5e5e5e; font-size: 13px; line-height: 120%;  transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }   
          .cards a article h4 { display:block; color:#ef7f1a; font-size: 28px; line-height: 120%; margin: 0 0 20px 0; font-family: 'montserratblack';, Arial, Helvetica, sans-serif;  transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
          .cards a article span { display:block; width:100%; margin:20px 0 0 0; text-align: right; font-size:16px; color:#ef7f1a; transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
          .cards a:hover article { color:#fff; }   
          .cards a:hover article h4 { color:#fff; }
          .cards a:hover article span { color:#fff; }
            .cards a.green article h4 { color:#28d324; }
            .cards a.green article span { color:#28d324; }
            .cards a.green:hover { background-color: #28d324; }	
            .cards a.green:hover article { color:#fff; }   
            .cards a.green:hover article h4 { color:#fff; }
            .cards a.green:hover article span { color:#fff; }
    .cards.numbers-icon { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 120px; grid-row-gap: 0; margin:0; padding: 0 80px; }
      .cards.numbers-icon div { display: block; text-align: center; font-size:18px;color:#5b5b5b; }
        .cards.numbers-icon div img { display:block; width:121px; height: auto; margin:0 auto 20px auto;  }
        .cards.numbers-icon div strong { display:block; font-family: 'montserratblack', Arial, Helvetica, sans-serif;  font-size: 50px; }
    .cards.two { grid-template-columns: repeat(2, 1fr); margin:0; }
    .cards.four { grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 40px; margin:0; }
    .cards.four a article { padding: 20px; font-size: 12px; }   
          .cards a article h4 { display:block; font-size: 20px; margin: 0; }
          .cards a article span { display:none; }

  .customer-reviews { position: relative; padding:40px 40px 0 40px; border:3px solid #5b5b5b; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin:40px auto 0 auto; }
    .customer-reviews figure { display:block; float: left; width: 38%; position: relative; top:-90px; }
      .customer-reviews figure img { display:block; width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); -webkit-box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); -moz-box-shadow: -2px 39px 50px -27px rgba(0,0,0,0.45); }
    .customer-reviews article { display:block; float: left; width: 62%; padding:0 0 0 80px; }
      .customer-reviews article h4 { display:block; color:#ef7f1a; font-size: 32px; line-height: 120%; margin: 40px 0 20px 0; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; }
      .customer-reviews-slider { display: block; width: 100%; height: auto; overflow: hidden; }
      .customer-reviews-slider .swiper-container { width: 100%; height: 100%; padding: 0 0 90px 0; margin:0; }
        .customer-reviews-slider .swiper-container .swiper-slide { padding: 0; margin:0; overflow: hidden; font-size:22px; line-height: 150%; }
        .customer-reviews-slider .swiper-container .swiper-slide b { display: block; margin:30px 0 0 0; }

  .sub-pages h1 { font-size:40px; color:#ef7f1a; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 20px 0; }
  .sub-pages h2 { font-size:32px; color:#8c5524; font-family: 'montserratblack', Arial, Helvetica, sans-serif; line-height: 100%; margin:0 0 30px 0; }
  .sub-pages p { font-size:20px; color:#1d1921; line-height: 140%; margin:0 0 16px 0; }
  .sub-pages p:last-child { margin:0; }
    .sub-pages .cards { margin:0; }
    .centered-text { text-align: center; }
    .sub-pages ul { display:block; color:#1d1921; margin:0 0 30px 0; }
    .sub-pages ul li { padding: 0 0 0 20px; list-style-position: inside; line-height: 140%; }

  img.full { display: block; width:100%; margin:0 0 40px 0; box-shadow: 0 10px 50px #d5d5d5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

 .thumbnails { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 40px; grid-row-gap: 40px; }
 .thumbnails a { display:block; width:100%; }
 .thumbnails a img { width:100%; -webkit-transition:0.6s; transition:0.6s;  -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
                     -webkit-box-shadow: 0px 0px 20px 0px rgba(127, 127, 129, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); }
 .thumbnails a:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }	

.lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; z-index: 99999999999; background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9); }
  .lightbox img { display: block; position: absolute; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
  .lightbox-loading { 	background: url(scripts/lightbox/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
  .lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
  .lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
  .lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.6s; -moz-transition:    all 0.6s; -ms-transition:     all 0.6s; transition: 		all 0.6s; }
  .lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
  .lightbox-close { right: 30px; top: 20px; background-image: url('scripts/lightbox/close.webp'); }
  .lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
  .lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('scripts/lightbox/arrow.webp') no-repeat -12px -2px; }
  .lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('scripts/lightbox/arrow.webp') no-repeat -8px -54px; }

  .harita { display:block; width: 100%; height: 480px; overflow: hidden; margin: 0 0 80px 0; box-shadow: 0 10px 50px #868686; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
  
  .contactinformation { padding:40px; border:1px solid #cdcdcd; background-color: #f0f0f0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
    .ci-text { display:block; float: left; width: 60%; padding: 0 40px 0 0; }
    .ci-form { display:block; float: left; width: 40%; }

  .forty-column { display:block; float: left; width: 40%; padding: 0 40px 0 0; position: -webkit-sticky; position: sticky; top: 100px; align-self: flex-start; } 
  .sixty-column { display:block; float: left; width: 60%; } 

  #ta-formu {display:block; width:100%;}
  #ta-formu span {width:100%; line-height:40px; font-size:15px; display:block;}
  select::-ms-expand {display:none;} 
    #ta-formu input, #ta-formu textarea, #ta-formu select {background:#fff; width:100%; border:1px solid #dbe1ed; font-size:16px; padding:10px;  margin-bottom:5px; font-family: 'montserratlight', Arial, Helvetica, sans-serif; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
    #ta-formu input:hover, #ta-formu textarea:hover, #ta-formu select:hover, #ta-formu input:focus, #ta-formu textarea:focus, #ta-formu select:focus {border:1px solid #b4c3e1; box-shadow: 0 0 5px #dbe1ed;}
  #ta-formu textarea {height:100px;}
  #ta-formu input.gonder {height:60px; border:none; font-family: 'montserratbold', Arial, Helvetica, sans-serif; font-size:20px; padding:0; color:#fff; background:#ef7f1a; margin:0; cursor:pointer;}
  #ta-formu input.gonder:hover {background:#5b5b5b;}	
    #ta-formu input.cb {float:left; width:20px; height:20px; border:none; padding:0;  margin-bottom:0; margin:0 5px 0 0; }
    #ta-formu label {float:left; font-size:12px; height:20px; margin:0 20px 0 0;}
        .foucko {display:block; float:left; width:30%; margin:0 3.3% 0 0;}
        .fobeko {display:block; float:left; width:18%; margin:0 2% 0 0;}
    
footer { display: block; width:100%; padding:80px 0 150px 0; box-shadow: 0 10px 70px #a8a6a6; background: rgb(46,46,46); background: linear-gradient(166deg, rgba(46,46,46,1) 47%, rgba(64,54,44,1) 65%, rgba(154,91,35,1) 100%); -webkit-border-top-left-radius: 80px; -webkit-border-top-right-radius: 80px; -moz-border-radius-topleft: 80px; -moz-border-radius-topright: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; }		 
  footer content { position: relative; }
  footer content a.logo { position: absolute; top:0; right:0; left:auto; float: none; width:172px; height:66px; background: url(img/logo-footer.webp) no-repeat center center; background-size: 100% auto;}

  ul.footer-menus { display:block; float:left; padding: 0 40px 0 0; border-right: 2px solid #fff; margin:0 40px 0 0; text-align: left; color:#fff; font-size:14px; line-height:140%; }
   ul.footer-menus.rights { float:right; text-align: right; margin: 120px 0 0 0; padding: 0; border:none; font-size:12px; }
    ul.footer-menus b { display:block; font-size:18px; line-height: 100%; margin: 0 0 20px 0; font-family:'MiriamLibreBold', Arial, Helvetica, sans-serif; }
    ul.footer-menus li { display:block; line-height:150%; }
      ul.footer-menus li a { display:block; color:#fff; }
        ul.footer-menus li a:hover { color:#ef7f1a; }
        .add-border-left { border-left:none; }

        ul.footer-menus li.location { background: url(img/icon/location2.webp) no-repeat top left; padding:0 0 0 24px;  }
        ul.footer-menus li.phone2 { background: url(img/icon/phone3.webp) no-repeat top left; padding:0 0 0 24px; }
        ul.footer-menus li.email2 { background: url(img/icon/email2.webp) no-repeat top left; padding:0 0 0 24px; }


.error-page {display:block; width: 600px; margin:0 auto; padding:5% 0 0 0; text-align: center;}
  .error-page img {display:block; width: 100%; max-width: 480px; height: auto; margin:0 auto 40px auto;}
  .error-page h1 { font-size:36px; color:#293269; line-height: 100%; margin:0 0 20px 0; text-align: center; }
 



/* responsive css */ 


@media only screen and (max-width: 1320px) {

body { font-size:17px; }

content { width:100%; }

#toTop { width:60px; height:60px; background-size:30px auto; }

.fixed-contact-links { height:60px; }
  .fixed-contact-links a { height:60px; padding: 14px 20px 14px 62px; font-size:18px; }

      ul.social-icons li { margin: 0 0 0 12px; }

    content.hdr-main-menu .skew-bg { width: 97%; left:1.5%; transform: skew(-37deg, 0deg); }

.spot { -webkit-border-bottom-right-radius: 60px; -webkit-border-bottom-left-radius: 60px; -moz-border-radius-bottomright: 60px; -moz-border-radius-bottomleft: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; }
  .spot span article { width:100%; padding: 0 50% 0 60px;  }
    .spot span article h1 { font-size: 36px; }
    .spot span article p { font-size: 14px; }
        .spot .swiper-container .swiper-slide img { width:auto; height:100%; }

  .page-header h1 { font-size:30px; } 
  .page-header h1 span { font-size:17px; } 

.content-holder { padding:80px 40px; }

    .content-holder.hosbes article { width: 60%;}
    .content-holder.hosbes figure { width: 40%; }

      a.hosbes-phone { font-size: 20px;  }
      a.hosbes-mail { font-size: 20px; }
      
  .content-holder.changing-text { padding:60px 0; }
    .content-holder.changing-text .orange-skew-bg { width: 92%; top:0; left:calc(50% - 46%); transform: skew(-22deg, 0deg); }
      .text-slider-wrapper { font-size: 32px; }
         
    .content-holder.seperator2 content h1 { font-size:36px; }
    .content-holder.seperator2 content p { font-size:20px; }
  .content-holder.home-numbers content h1 { font-size:36px; margin:0 0 30px 0; }
  
  .cards { grid-column-gap: 40px; grid-row-gap: 40px; }
          .cards a article h4 { font-size: 24px;  margin: 0 0 20px 0;  }
          .cards a article span { font-size:15px; }
    .cards.numbers-icon { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 80px; padding: 0 40px; }
      .cards.numbers-icon div { font-size:17px; }
        .cards.numbers-icon div img { width:100px; height: auto; }
        .cards.numbers-icon div strong { font-size: 36px; }
    .cards.two { grid-template-columns: repeat(2, 1fr); margin:0; }
    .cards.four { grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 40px; margin:0; }
    .cards.four a article { padding: 20px; font-size: 12px; }   
          .cards a article h4 { font-size: 18px; }

    .customer-reviews figure { width: 36%; }
    .customer-reviews article { width: 64%; padding:0 0 0 40px; }
      .customer-reviews article h4 { font-size: 30px; }
      .customer-reviews-slider .swiper-container { padding: 0 0 80px 0; }
        .customer-reviews-slider .swiper-container .swiper-slide { font-size:20px; }

  .sub-pages h1 { font-size:36px; }
  .sub-pages h2 { font-size:28px; }
  .sub-pages p { font-size:18px; }
    .sub-pages ul { margin:0 0 20px 0; }

  img.full { display: block; width:100%; margin:0 0 40px 0; box-shadow: 0 10px 50px #d5d5d5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

  .harita { height: 400px; margin: 0 0 60px 0; }

footer { padding:80px 40px 100px 40px; -webkit-border-top-left-radius: 60px; -webkit-border-top-right-radius: 60px; -moz-border-radius-topleft: 60px; -moz-border-radius-topright: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; }		 

  ul.footer-menus { padding: 0 20px 0 0; margin:0 20px 0 0; }
    ul.footer-menus b { font-size:16px; }

	}

@media only screen and (max-width: 1280px) {

  content.hdr-main-menu .skew-bg { width: 95%; left:2.5%; transform: skew(-37deg, 0deg); }

  .content-holder.changing-text { padding:40px 0; height: 160px;  }
  .content-holder.changing-text .orange-skew-bg { height: 160px; width: 90%; left:calc(50% - 45%); transform: skew(-20deg, 0deg); }
    .text-slider-wrapper { font-size: 26px; }

    .home-icons { top:-78px; grid-column-gap: 40px; padding:14px 40px 0 40px; }
  .home-icons a { font-size: 20px; }
    .home-icons a img { width:120px; }

    .content-holder { padding:60px 40px; }
  
      .add-negative-margin-for-homepage { margin: -30px 0 0 0; }

      .content-holder.hosbes article { padding: 40px 40x 0 0;}
        .content-holder.hosbes article h1 { font-size:20px; }
        .content-holder.hosbes article h2 { font-size:36px; margin:0 0 30px 0; }
        .content-holder.hosbes article p { font-size: 16px; }

        a.hosbes-phone { height:60px; padding: 10px 0 10px 60px; margin:0 20px 0 0; background-size:auto 60px; font-size: 17px; line-height: 20px; letter-spacing: -0.5px; }
        a.hosbes-mail { height:60px; padding: 10px 0 10px 60px; background-size:auto 60px; font-size: 17px; line-height: 20px; letter-spacing: -0.5px; }
       
        .customer-reviews { padding: 40px 40px 20px 40px; }
        .customer-reviews figure { width: 30%; }
        .customer-reviews article { width: 70%; padding:0 0 0 40px; }
          .customer-reviews article h4 { font-size: 24px; margin: 0 0 20px 0; }
          .customer-reviews-slider .swiper-container { padding: 0 0 40px 0; }
            .customer-reviews-slider .swiper-container .swiper-slide { font-size:18px; line-height: 140%; }
            .customer-reviews-slider .swiper-container .swiper-slide b { margin:20px 0 0 0; }
    
            .ci-text { float: none; width: 100%; padding: 0 0 40px 0; text-align: center; }
            .ci-form { float: none; width: 100%; }
        
          .forty-column { float: none; width: 100%; padding: 0 0 40px 0; position:static; } 
          .sixty-column { float: none; width: 100%; } 

  footer { padding:40px 40px 100px 40px; }		 
    ul.footer-menus b { font-size:15px; }
    ul.footer-menus li { font-size:13px; }

	}


@media only screen and (max-width: 1000px) {

.cbp-af-header { height:160px; }
    header content { padding:0 52px; }
      header content h1 { font-size:11px; }
      ul.social-icons li { margin: 0 0 0 10px; }
        ul.social-icons li a { display:block; width: 22px; height: 40px; text-align:left; text-indent:-9999px; }
  content.hdr-logo { height: 100px; padding:0 52px 0 18px; }
    a.logo { width:160px; height:100px; }
    a.offer-button { margin:30px 0 0 10px; padding: 0 10px 0 34px; background: url(img/icon/check.webp) no-repeat center left 10px #56be18; font-size:13px; }
    a.phone-button { margin:30px 0 0 10px; padding: 0 10px 0 34px; background: url(img/icon/phone2.webp) no-repeat center left 10px #ef7f1a; font-size:13px; }
    a.phonemobile-button { margin:30px 0 0 0; padding: 0 10px 0 34px; background: url(img/icon/phone.webp) no-repeat center left 10px #763f0d; background-size: auto 18px; font-size:13px; }


  content.hdr-main-menu { padding: 0; position: relative; }
  ul.mini-icons { float: none; position: absolute; top:0; right: 52px; z-index: 3; }
  .cbp-af-header.cbp-af-header-shrink { top:-100px; }
   
  .page-header { padding: 210px 0 30px 0; }
  .page-header h1 { font-size:28px; } 
  .page-header h1 span { font-size:15px; } 

  .content-holder.hosbes article { width: 66%; padding: 0 40px 0 0;}
  .content-holder.hosbes figure { width: 34%; }
    a.hosbes-phone { width: 100%; float: none; margin:0 0 20px 0;}
    a.hosbes-mail { width: 100%; float: none; }

    .content-holder.seperator2 content h1 { font-size:28px; }
    .content-holder.seperator2 content p { font-size:16px; }
  .content-holder.home-numbers content h1 { font-size:28px; }
  
        .cards a article { padding: 20px; font-size: 14px; }   
          .cards a article h4 { font-size: 22px; margin: 0 0 10px 0; }
          .cards a article span { margin:10px 0 0 0; font-size:15px; }
      .cards.numbers-icon div { font-size:15px; }
        .cards.numbers-icon div img { width:90px; margin:0 auto 10px auto;  }
        .cards.numbers-icon div strong {  font-size: 24px; }
    .cards.four a article { padding: 16px; font-size: 14px; }   
          .cards a article h4 { font-size: 18px; }
    
          .sub-pages h1 { font-size:28px;  }
          .sub-pages h2 { font-size:24px; margin:0 0 20px 0; }
          .sub-pages p { font-size:16px; }
            .sub-pages ul { margin:0 0 20px 0; }

          .thumbnails { grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; }
               
footer content a.logo { position: static; top:none; right:none; left:none; float: none; width:130px; height:50px; margin:0 auto 40px auto;}

ul.footer-menus { display:block; float:left; width: 33.33%; border:none; margin:0; padding: 0 20px 0 0; }
 ul.footer-menus.rights { clear: both; width:100%; float:none; text-align: center; margin:0; border:none; padding: 60px 0 0 0; }

	}

@media only screen and (max-width: 860px) {


  
/* fixed contact links start */
.fixed-contact-links { height:60px; left:20px; }
.fixed-contact-links a { width:60px; height:60px; padding: 0; margin: 0 10px 0 0; text-align:left; text-indent: -9999px; overflow: hidden; }
  .fixed-contact-links a.whatsapp { background: url(img/icon/whatsapp.webp) no-repeat center center #5cc83e; background-size: auto 18px; }
  .fixed-contact-links a.phone { background: url(img/icon/phone2.webp) no-repeat center center #ef7f1a; background-size: auto 18px; }
  .fixed-contact-links a.phonemobile { background: url(img/icon/phone.webp) no-repeat center center #763f0d; background-size: auto 18px;  }
/* fixed contact links end */

html, body { height:auto; }


a.offer-button { margin:30px 0 0 5px; padding: 0 5px 0 29px; background: url(img/icon/check.webp) no-repeat center left 5px #56be18; font-size:12px; }
a.phone-button { margin:30px 0 0 5px; padding: 0 5px 0 29px; background: url(img/icon/phone2.webp) no-repeat center left 5px #ef7f1a; font-size:12px; }
a.phonemobile-button { margin:30px 0 0 0; padding: 0 5px 0 29px; background: url(img/icon/phone.webp) no-repeat center left 5px #763f0d; background-size: auto 18px; font-size:12px; }


.spot { height:auto; padding: 160px 0 0 0; box-shadow: 0 10px 40px #a8a6a6; -webkit-border-bottom-right-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-bottomright: 40px; -moz-border-radius-bottomleft: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; }
  .spot span { padding:0; }
  .spot span article { padding: 0 50% 0 52px;  }
    .spot span article h1 { font-size: 22px; margin:0 0 20px 0; }
    .spot span article p { display:none; }
    .spot span article a { height: 40px; padding: 10px 20px;  }
    .spot .swiper-container { width: 100%; height: auto; }
        .spot .swiper-container .swiper-slide img { width:100%; height:auto; }

        .home-icons { top:-58px; grid-column-gap: 20px; padding:14px 40px 0 40px; }
        .home-icons a { font-size: 18px; }
          .home-icons a img { width:80px; }

          .changingtexthdr { display: block; margin:0 0 14px 0; line-height: 20px; }
          .text-slider-wrapper span { display: none; }
          .content-holder.changing-text { padding:20px 0; height: 154px; margin:0;  }
          .content-holder.changing-text .orange-skew-bg { height: 154px; width: 88%; left:calc(50% - 44%); transform: skew(-19deg, 0deg); }
            .text-slider-wrapper { font-size: 22px; }


            .cards { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin:20px 0 0 0; }  
            .cards.numbers-icon { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin:0; padding: 0 40px; }
            .cards.two { grid-template-columns: repeat(2, 1fr); margin:0; }
            .cards.four { grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin:0; }

            .customer-reviews { padding:40px; margin:40px auto 0 auto; }
            .customer-reviews figure { width: 100%; top:-90px; }
            .customer-reviews article { float: none; width: 100%; padding:0; }
            .customer-reviews article h4 { text-align: center; }
            .customer-reviews-slider .swiper-container { padding: 0 0 40px 0; }
              .customer-reviews-slider .swiper-container .swiper-slide { text-align: center; }
              .customer-reviews-slider .swiper-container .swiper-slide b { margin:20px 0 0 0; }
        
#ta-formu span {line-height:100%; font-size:13px; padding:5px 0 ;}
  #ta-formu input, #ta-formu textarea, #ta-formu select {font-size:15px; padding:5px; }
#ta-formu input.gonder {height:50px; font-size:18px; }
.foucko {display:block; float:none; width:100%; margin:0 0 20px 0;}
.fobeko {display:block; float:none; width:100%; margin:0 0 20px 0;}

footer { -webkit-border-top-left-radius: 40px; -webkit-border-top-right-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-topright: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; }		 

  ul.footer-menus { display:block; width: 100%; float:none; text-align: center; margin:0 0 40px 0; padding: 0; }
   ul.footer-menus.rights { text-align: center; padding: 0; margin:0; }
   ul.footer-menus b { line-height: 20px; border-bottom:1px dotted #fff; margin: 0 0 5px 0; }

        ul.footer-menus li.location { background: url(img/icon/location2.webp) no-repeat center top; padding:24px 0 0 0;  }
        ul.footer-menus li.phone2 { background: url(img/icon/phone3.webp) no-repeat center top; padding:24px 0 0 0;  }
        ul.footer-menus li.email2 { background: url(img/icon/email2.webp) no-repeat center top; padding:24px 0 0 0;  }

        .thumbnails { grid-template-columns: repeat(2, 1fr); }
               
.error-page { width: 100%; padding:5% 60px 0 60px; }
  .error-page img { width: 60%; max-width: 480px; }
  .error-page h1 { font-size:22px; }
 
  }

@media only screen and (max-width: 640px) {

  #toTop { right:20px; }


.cbp-af-header { height:241px; }
  
  header { display:block; position: static; width: 100%; height: 82px; padding:10px 0; }
    header content { padding:0 20px; }
      header content h1 { font-size:11px; color:#ff9a41; line-height: 15px; display: block; width: 100%; height: 30px; float: none; text-align: center; }

      ul.social-icons { display:block; float: none; width: 160px; height: 22px; margin:10px auto 0 auto; }
      ul.social-icons li { display: block; float: left; height: 22px; margin: 0 5px; }
        ul.social-icons li a { display:block; width: 22px; height: 22px; text-align:left; text-indent:-9999px; }
          ul.social-icons li a.ig { background: url(img/icon/ins.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.fb { background: url(img/icon/fb.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.tw { background: url(img/icon/tw.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.le { background: url(img/icon/linkedin.webp) no-repeat center center; background-size: 100% auto; }
          ul.social-icons li a.wa { background: url(img/icon/whatsapp2.webp) no-repeat center center; background-size: 100% auto; }
  
    content.hdr-logo { height: 129px; padding:0 20px; }

    a.logo { width:100%; height:61px; background: url(img/logo.webp) no-repeat center center; background-size: auto 100%; float: none; margin:14px auto; }

    a.offer-button { float: left; width: 32%; margin:0 1% 0 0; font-size: 10px; letter-spacing: -0.5px; padding: 0 4px 0 26px; }
    a.phone-button { float: right; width: 32%; margin:0 0 0 2%; font-size: 10px; letter-spacing: -0.5px; padding: 0 4px 0 26px; }
a.phonemobile-button { float: right;  width: 32%; margin:0 0 0 1%; font-size: 10px; letter-spacing: -0.5px; padding: 0 4px 0 26px; }



    content.hdr-main-menu { padding: 0; }
    content.hdr-main-menu .skew-bg { width: 96%; left:calc(50% - 48%); transform: skew(-14deg, 0deg); }
    
      /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { top:-190px; }
  .cbp-af-header.cbp-af-header-shrink .hdr-logo { opacity: 0; }
  .cbp-af-header.cbp-af-header-shrink .hdr-main-menu { margin:10px auto 0 auto; }

/* animated header end */
    
    ul.mini-icons { right: 20px; z-index: 3; }
                        
    .spot { padding: 240px 0 0 0; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }
    .spot span article { padding: 0 50% 0 20px;  }
      .spot span article h1 { font-size: 14px; margin:0 0 10px 0; }
      .spot span article a { display:none;  }

      .page-header { padding: 280px 0 20px 0; }
      .page-header h1 { font-size:18px; letter-spacing: -0.5px; } 
      .page-header h1 span { font-size:13px; } 
    

      .home-icons { position: static; z-index:none; top:none; grid-column-gap: 10px; padding:14px 20px 0 20px; margin:20px 0; }
  .home-icons a { font-size: 13px; line-height: 100%;  }
    .home-icons a img { width:60px; margin:0 auto 10px auto; }

    .content-holder { padding:40px 20px; }

    .add-negative-margin-for-homepage { margin:0; }

    .content-holder.hosbes article { width: 100%; float: none; padding: 0 0 20px 0;}
      .content-holder.hosbes article h1 { font-size:16px; margin:0 0 10px 0; }
      .content-holder.hosbes article h2 { font-size:26px; margin:0 0 20px 0; }
      .content-holder.hosbes article p { font-size: 15px; }
    .content-holder.hosbes figure { display: none; }

      a.hosbes-phone { height:40px; padding: 0 0 0 44px; line-height: 20px; background-size: auto 100%; }

      a.hosbes-mail { height:40px; padding: 0 0 0 44px; line-height: 20px; background-size: auto 100%; }     
      
      .changingtexthdr { font-size: 14px; }
      .content-holder.changing-text { padding:20px; height: 154px; margin:0;  }
      .content-holder.changing-text .orange-skew-bg { height: 154px; width: 100%; left:0; transform: skew(0deg, 0deg); }
        .text-slider-wrapper { font-size: 16px; }
        .text-slider { margin-left: 0; font-family: 'montserratbold'; }

        .content-holder.seperator2 content h1 { font-size:20px; }
        .content-holder.seperator2 content p { font-size:15px; }
      .content-holder.home-numbers content h1 { font-size:20px; }
      
      .cards { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 20px; margin:20px 0 0 0; }
        .cards.numbers-icon { grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; margin:0; padding: 0 20px; }
          .cards.numbers-icon div { font-size:14px; }
            .cards.numbers-icon div img {width:60px; margin:0 auto 10px auto;  }
            .cards.numbers-icon div strong { font-size: 18px; }
        .cards.two { grid-template-columns: repeat(1, 1fr); margin:0; }
        .cards.four { grid-template-columns: repeat(1, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; margin:0; }
    
      .sub-pages h1 { font-size:20px; }
      .sub-pages h2 { font-size:18px; }
      .sub-pages p { font-size:15px; }
  
      .customer-reviews { padding:20px; }
      .customer-reviews figure { top:-60px; }
      .customer-reviews-slider .swiper-container { padding: 0 0 60px 0; }
        .customer-reviews-slider .swiper-container .swiper-slide { text-align: center; font-size: 16px; }
  
        .contactinformation { padding:10px;  }

}

@media only screen and (max-width: 340px) {


    a.offer-button { font-size: 10px; }
    a.phone-button { font-size: 10px; }

    a.offer-button { float: left; width: 33%; margin:0 0.5% 0 0; font-size: 9px; }
    a.phone-button { float: right; width: 33%; margin:0 0 0 0.5%; font-size: 9px; }
a.phonemobile-button { float: right;  width: 33%; margin:0; font-size: 9px; }




}