@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =======================================================
*
* 	Template Style
*	Edit this section
*
* ======================================================= */


#colorlib-page .fullwidth_burger_menu {
  width:30%;
  float:right;
  padding-right:70px;
  border: 0px solid #FFF;
}

#colorlib-page {
  position: relative;
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
  .menu-show #colorlib-page {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    position: relative; }
    .menu-show #colorlib-page:after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: '';
      background: rgba(0, 0, 0, 0.4);
      z-index: 3; }

/* pop-up menu panel */
#colorlib-main-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1002;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  overflow-y: scroll;
}

  #colorlib-main-nav .colorlib-table {
    display: table;
    width: 100%;
    height: 100%;
  }
    #colorlib-main-nav .colorlib-table .colorlib-table-cell {
      display: table-cell;
      vertical-align: middle;
  }

  /*  dismiss cross  */
  #colorlib-main-nav .colorlib-nav-toggle {
    position: fixed;
    top: 40px;
    right: 40px;
    padding: 20px;
    height: 44px;
    width: 44px;
    line-height: 0;
    padding: 0 !important;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

/*  dismiss cross  rollover*/
    #colorlib-main-nav .colorlib-nav-toggle i {
      top: 18px !important;
      left: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0;
      text-indent: 0;
    }

    #colorlib-main-nav .colorlib-nav-toggle.show {
      visibility: visible;
      opacity: 1; }
    #colorlib-main-nav .colorlib-nav-toggle:hover i::before, #colorlib-main-nav .colorlib-nav-toggle:hover i::after {
      content: '';
      width: 40px;

      /*  dismiss cross line thickness  */
      height: 2px;

      background: #fff;
      position: absolute;
      left: 0; }
  .menu-show #colorlib-main-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
  #colorlib-main-nav ul {
    padding: 0;
    margin: 0;
    display: block; }


    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
      #colorlib-main-nav ul {
        padding: 20px 0 0 0; } }


    #colorlib-main-nav ul li {
      padding: 10px;
      margin: 0;
      list-style: none;
     }
      #colorlib-main-nav ul li a {
        display: block;
        color: white;
        padding: 5px 0; }

        #colorlib-main-nav ul li a span {
          font-size: 25px;
          color: white;
          position: relative;
          padding: 0 40px; }

          #colorlib-main-nav ul li a span:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: -2%;
            left: 0;
            background-color: #fff;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            -o-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s; }


        #colorlib-main-nav ul li a:hover, #colorlib-main-nav ul li a:active, #colorlib-main-nav ul li a:focus {
          outline: none;
          text-decoration: none; }
          #colorlib-main-nav ul li a:hover span:before, #colorlib-main-nav ul li a:active span:before, #colorlib-main-nav ul li a:focus span:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            transform: scaleX(1); }
      #colorlib-main-nav ul li.active a span {
        color: #FFF; }
        #colorlib-main-nav ul li.active a span:before {
          background: #ffffff;
          visibility: visible;
          -webkit-transform: scaleX(1);
          -moz-transform: scaleX(1);
          -ms-transform: scaleX(1);
          -o-transform: scaleX(1);
          transform: scaleX(1); }







  header .colorlib-navbar-brand {
    float: left; }
    header .colorlib-navbar-brand .colorlib-logo {
      font-size: 24px;
      color: #fff;
      font-family: 'Rubik', sans-serif;
      font-weight: 900;
      display: block;
      text-align: center;
      position: relative; }
      header .colorlib-navbar-brand .colorlib-logo:after {
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        content: '';
        width: 100%;
        height: 4px;
        background: #fff; }
      header .colorlib-navbar-brand .colorlib-logo:hover {
        text-decoration: none !important; }
      header .colorlib-navbar-brand .colorlib-logo:active, header .colorlib-navbar-brand .colorlib-logo:focus {
        outline: none;
        text-decoration: none; }
      header .colorlib-navbar-brand .colorlib-logo.logo {
        color: #000; }
        header .colorlib-navbar-brand .colorlib-logo.logo:after {
          background: #000; }

 




/* -------------MOBILE START------------*/


/* Smartphones (landscape) ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){

#colorlib-page .fullwidth_burger_menu {
  position: fixed;
  width:100%;
  float:right;
  padding-right:30px;
  margin:0;
  border: 0px solid #FF4400;
}



}



/* Smartphones (portrait) ----------- */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    .back_btn {
      position: absolute;
      top: 0.4em;
      left: 0.6em;
      font-size: 1.4em;
      border: 0px solid #666;
    }
    .carousel_section {
      padding: 1rem 0 0 0;
      scroll-margin-top: 4rem;
    }
    .carousel_info_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 2rem;
      width:50%;
    }
    .carousel_info_section {
      padding: 1rem 0 5rem 0;
      scroll-margin-top: 4rem; 
    }
    .carousel_info {
      margin-bottom: 1rem;
      scroll-margin-top: 4rem; 
    }
    .carousel_price {
      font-size: 1.95em;
      margin-top:0;
      padding:0;
      border:
      0px solid red
    }
    .hero-btn-carousel {
      padding:0.6rem 1.3rem;
      font-size: 0.9rem;
      margin:0 0 5rem 0;
    }
    .hero-btn-carousel:hover {
      background: #666; 
      color: var(--clr-white);
    }

#colorlib-page .fullwidth_burger_menu {
          position: fixed;
          width:40%!important;
          float:right;
          padding-right:30px;
          margin-top:80px;
          border: 3px solid #FF4400;
}


      #colorlib-main-nav ul  {
        margin: 0px 0 0 0;
        list-style: none;
       }

       #colorlib-main-nav ul  li{
         padding: 2px;
        }

      #colorlib-main-nav a {
        width:100%;
      }

      #colorlib-main-nav ul li a span {
        font-size: 17px;
        color: white;
        position: relative;
        font-weight:normal;
        padding: 0 40px;
      }

      #colorlib-main-nav ul li a span:before {
        height: 1px;
      }


              #colorlib-main-nav .colorlib-nav-toggle {
                position: fixed;
                top: 20px;
                right: 20px;
                padding: 20px;
                margin-right:5px!important;
                margin-top:-10px!important;
                height: 24px;
                width: 24px;
                line-height: 0;
                padding: 0 !important;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
              }

              .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
                content: '';
                width: 20px!important;
                height: 2px;
                background: #000;
                position: absolute;
                left: 0;
                -webkit-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s; }

}         

     

/*******************************END MOBILE****************************/
/*******************************END MOBILE****************************/
/*******************************END MOBILE****************************/




  



.colorlib-nav-toggle {
  cursor: pointer;
  text-decoration: none; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #fff !important; }
  .colorlib-nav-toggle.dark.active i::before, .colorlib-nav-toggle.dark.active i::after {
    background: #000; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 35px;
    height: 2px;
    color: #000;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #000;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .menu-show .colorlib-nav-toggle i {
      background: #000;
      color: #fff; }
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
      content: '';
      width: 40px;
      height: 2px;
      background: #000;
      position: absolute;
      left: 0;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
      .menu-show .colorlib-nav-toggle i::before, .menu-show .colorlib-nav-toggle i::after {
        background: transparent; }
  .colorlib-nav-toggle.dark i {
    position: relative;
    color: #fff;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle.dark i::before, .colorlib-nav-toggle.dark i::after {
      background: #fff;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; }

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.colorlib-nav-toggle {
  position: fixed;
  float: right;
  z-index: 1003;
  position: relative;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 0; }
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .colorlib-nav-toggle {
      display: block;
      top: 0px; } }