/* ------------------------------------------------------------------------------

  Template Name: Go.arch 
  Description: Go.arch  - Architecture | Interiors |  Real Estate Landing Page
  Author: Murren
  Author URI: http://themeforest.net/user/murren20
  Version: 1.0
  
  1.  Global

      1.1 General
      1.2 Typography
      1.3 Fields
      1.4 Buttons
      1.5 Icons
      1.6 Loader
      1.7 Content styles

  2.  Header .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img

      2.1 Brand
      2.2 Vertical Panel
      2.3 Navbar Desctop
      2.4 Navbar Desctop Affix
      2.5 Navbar Mobile
      2.6 Navbar Mobile Affix
      

  3.  Main

      3.1 Slider

  4.  About
  5.  Projects

      5.1 Project Carousel
      5.2 Magnific popup

  6.  Services
  7.  Experience
  8.  Clients
  9.  Objects
  10.  Contacts  
  11. Footer
  12. Responsive styles

      12.1 Min width: 768px
      12.2 Min width 992px
      12.3 Min width 1200px 
      12.4 Max height 480px

    
    
/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/



/* 1.1 General */



@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('animate.css');
@import url('hover.css');
@import url('magnific-popup.css');
@import url('owl.carousel.css');
@import url('owl.transitions.css');
@import url('settings.css');
@import url('layers.css');
@import url('navigation.css');


html{
  font-size: 75%;
  -webkit-font-smoothing: antialiased;
}
b, strong{
   font-family: 'poppins', sans-serif !important; 
}
body{
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  line-height: 1.65;
  color: #747474;
}
a:hover, a:focus{
  text-decoration: none;
}

::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #f4853b;
}

::selection{
  background-color:#f4853b;
  color:#fff;
}

-webkit-::selection{
    background-color:#f4853b;
    color:#fff;
}

::-moz-selection{
    background-color:#f4853b;
    color:#fff;
}



/* 1.2 Typography */



@font-face {
  font-family: 'poppins';
  src: url('../fonts/Poppins/Poppins-Medium.ttf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'poppinsbold';
  src: url('../fonts/Poppins/Poppins-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/Bebas-Neue/BebasNeue%20Book.otf');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/Bebas-Neue/BebasNeue%20Regular.otf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'montserratlight';
  src: url('../fonts/montserrat/Montserrat-Light.ttf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'montserratsemibold';
  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;

}

h1,
.h1{ 
  font-family: 'poppins', sans-serif;
  font-weight: 800;
  font-size: 8vmin;
  line-height: 1.2;
  letter-spacing: 3px;
  color: #f4853b;
}

h2,
.h2{ 
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 800;
  font-size: 3.5em;
  letter-spacing: 7px;
  text-transform: uppercase;
  color: #f4853b;
}

h3,
.h3{
  font-family: 'poppinsbold', sans-serif;
  font-size: 30px;
  line-height: 1.1;
  font-weight: 800;
  color:#f4853b;
  letter-spacing: 1.2px;
}

h4,
.h4{
  font-family: 'poppins', sans-serif;
  font-size: 18px;
  line-height: 1.35;
  font-weight: bold;
  color:#f4853b;
  letter-spacing: 1.2px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a{
  color:inherit;
}


h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover{
  text-decoration: none;
}

p{
  margin-bottom: 0.6em;
  font-weight: 100;
}

b, strong{
  font-family: 'Montserrat', sans-serif;
}

ul{
  list-style: none;
  padding-left: 0;
}

a {
  color: #747474;
  -webkit-transition: color .3s ease-out;
       -o-transition: color .3s ease-out;
          transition: color .3s ease-out;
}

a:hover,
a:focus {
  color:#f4853b;
  outline: none;
}

a:focus{
  text-decoration: none;
}
.br-0{
  border-radius: 0px !important;
}
.br-5{
    border-radius: 5px !important; 
}
.br-round{
    border-radius: 30px!important; 
}
.d-flex-01{
  display: flex;
}
.justify-content-space-btw{
  justify-content: space-between;
}
.justify-content-center{
    justify-content: center !important;
}
.ml-2{
  margin-left: 1rem;
}
.pl-5{
  padding-left: 5rem !important;
}
.p-60{
  padding: 60px !important;
}
/* 1.3 Fields */

.main .cover-background{
  height: 492px ;
  padding: 40px 0px 0px;
}

.alt-font{
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 800;
  font-size: 4.5em;
  letter-spacing: 7px;
  text-transform: uppercase;
  color: white;
  text-align: center;
}

.form-control,
textarea.form-control{
  font-size: 12px;
  height: 3.625em;
  border-radius: 0;
  padding-left: 22px;
  color:#666666;
  
  -webkit-box-shadow:none;
          box-shadow:none;
      -webkit-appearance: none;
  -webkit-transition: all .15s;
       -o-transition: all .15s;
          transition: all .15s;
}

textarea.form-control{
  height: 8.9em;
  padding-top:1.1em;
  resize:none;
}

.form-control:focus{
  border-color:#f4853b;
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow:none;
          box-shadow:none;
}

.form-control::-moz-placeholder {
  color: #666666;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #666666;
}

.form-control::-webkit-input-placeholder {
  color: #666666;
}

.form-control.error{
  border-color:#f4853b;
}

.form-group{
  margin-bottom: 20px;

}

.wobble-error{
  -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
           animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
}

label.error{
  display: none!important;
}



/* 1.4 Buttons */

.padding-70px-tb{
  padding: 70px 0 !important;
}

.btn{
  font-family: 'poppinsbold', sans-serif;
  position: relative;
  display: inline-block;
  border:0.2em solid #f4853b !important;
  font-size: 14px !important;
  padding: 5px !important;
  color:#fff;
  text-transform: uppercase !important;
  text-decoration: none;
  background-color: #f4853b !important;
  border:0;
  border-radius: 0px;
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn:hover,
.btn:focus{
  color: #fff;
  background-color: #cc9f6b;
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}

.btn .icon-next{
  position: relative;
  top:-0.1em;
  margin-left: 0.6em;
  vertical-align: middle;
}

.btn-gray{
  background-color: #323232;
  border-color: #323232;
}

.btn-gray:hover{

  background-color: #f4853b;
}
.btn-shadow{
  border: 2px solid #f4853b !important;  
}
.btn-shadow:hover{
  border: 2px solid #f4853b !important;
  color: #f4853b !important;
  background-color: #fff !important;
  font-weight: 600;
}

.btn-shadow-1{
  box-shadow:0 15px 34px rgba(0,0,0,0.18);

}
.btn-shadow-01{
  border: 2px solid #f4853b !important;
  color: #f4853b !important;
  background-color: #fff !important;
}
.btn-shadow-01:hover{
  border: 2px solid #f4853b !important;
  color: #fff !important;
  background-color: #f4853b !important;
}
.btn-project{
  border: 2px solid #f4853b !important;
  color: #f4853b !important;
  background-color: #fff !important;
  border-radius: 0px !important;
  width: 200px;
}
.btn-project:hover{
  border: 2px solid #f4853b !important;
  color: #fff !important;
  background-color: #f4853b !important;
}
.btn-project2{
  border: 2px solid #adadad !important;
  color: #adadad !important;
  background-color: #fff !important;
  border-radius: 0px !important;
  width: 200px;
}
.btn-project2:hover{
  border: 2px solid #adadad !important;
  color: #fff !important;
  background-color: #adadad !important;
}
.pt-77{
  padding-top: 57px;
}
.ptb-20{
  padding: 20px 15px;
  background-color: #e7e7e7;
}


.btn-shadow-2{
  box-shadow:0 15px 34px rgba(197,164,126,0.5);
}
.btn-shadow{
    color: #fff !important;
}


/* 1.5 Icons */
.contain-align{
  align-items: center;
  justify-content: space-between;
}


.icon-next{
  display: inline-block;
  width:0.94em;
  height: 0.75em;
  background:url(../img/img-icon/next.png) 0 0 no-repeat;
  background-size:0.94em 0.75em;
  transform: rotate(0deg) !important;
}



/* 1.6 Loader */



.loader{
  position: fixed;
  overflow: hidden;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:#fff;
  color:#fff;
  text-align: center;
}

.loader-brand{
  position: absolute;
  left:0;
  width: 100%;
  top:50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
       -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4853b;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}



/* 1.7 Content styles */



.layout{
  position: relative;
  overflow: hidden;
}

.text-primary{
  color:#f4853b;
}

.page-lines{
  position: absolute;
  z-index: -1;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
}

.page-lines .col-line{
  padding: 0;
}

.page-lines .line{
  position: absolute;
  left: 0;
  width: 1px;
  height: 50000px;
  background-color:#f4f4f4;
}

.page-lines .col-line:last-child .line:last-child{
  left: auto;
  right: 0;
}

.row-base{
  margin-top: -3em;
}

.col-base{
  margin-top: 3em;
}

.section{
  position: relative;
  padding-top: 2.1em;
}

.section-header{
  position: relative;
}

.section-title{
  text-align: center;
  
}

.fade-title-left,
.fade-title-right{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10.8em;
  line-height: 1;
  color:#000;
  position: absolute;
  left: 0;
  top:0.03em;
  opacity: 0.035;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fade-title-right{
  left:100%;
}
.font-20{
  font-size: 15px;
}
.font-25{
    font-size: 25px;
}
.section-content{
  margin-top: 1.1em;
}
.section-content-01{
  padding-top: 30px;
    padding-bottom: 10px;
}


/*-------------------------------------------------------------------------------
  2. Header
-------------------------------------------------------------------------------*/

#carousel-example-generic{
    top: 60px;
}

.header-inner .vertical-panel-content{
  bottom:auto;
  top:12.2vmin;
}
.menu-button-01{
  background-color: #f4853b;
  padding: 5px !important;
  color: #fff !important;
  letter-spacing: 1px !important;
  text-align: left;
}


/* 2.1 Brand */


.text-dark{
  color: #000 !important;
}
.brand-panel{
  position: fixed;
  z-index: 4;
  left: 0;
  top:0;
  width: 100%;
  background-color: #f6f5f3;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-top: 10px;
  padding-bottom: 10px;
}

.brand{
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size:4vmin;
  line-height: 1;
  color: #f4853b;
}

.brand:hover,
.brand:focus{
  color: #f4853b;
  text-decoration: none;
}

.brand-name{
  position: absolute;
  z-index: -1;
  bottom: -0.4em;
  right:-0.38em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 8.75em;
  line-height: 1;
  opacity: 0.05;
}

.slide-number{
  font-family: 'poppins', sans-serif;
  margin-top: 8vmin;
}

.slide-number .current-number{
  font-size: 8vmin;
  letter-spacing: 0.1em;
  line-height: 1;
}

.slide-number sup{
  display: inline-block;
  position: relative;
  top:-3px;
  font-size: 2vmin;
  letter-spacing: 0.1em;
  color: #f4853b;
  vertical-align: top;
  margin-left: 0.46em;
}

.slide-number sup .delimiter{
  display: inline-block;
  margin-right: 0.4em;
}

.header-phone{
  font-family: 'poppins', sans-serif;
  font-weight: 300;
  font-size: 0.81em;
  letter-spacing: 2px;
  position: absolute;
  z-index: 3;
  color: #fff;
  left: 45vmin;
  top:21.9vmin;
}

 @media (max-width: 480px){
  .header-phone{
    display: none;
  }
 }

  @media (min-width: 992px) and (max-width: 1200px){
  .header-phone{
    display: none;
  }
 }

.blog-img-section img{
    width: 100%;
}

/* 2.2 Vertical Panel */



.vertical-panel,
.vertical-panel-content{
  position: absolute;
  width: 19.735vmin;
  left: 0;
  bottom: 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.vertical-panel{
  z-index: 3;
  height: 10000px;
  background-color: #f6f5f3;
}

.vertical-panel-content{
  z-index: 4;
}

.vertical-panel-info{
  margin-bottom: 3.5vmin;
}

.vertical-panel-info .line{
  height: 5vmin;
  width: 1px;
  margin:15px auto 0;
  background-color:#646464;
}

.vertical-panel-title{
  font-family: 'montserratsemibold';
  font-size: 12px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 1em;
  color: #f4853b;
  position: relative;
  left: -6px;
  margin:0 auto;
  width: 1px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
   -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media (max-height: 850px){
  .vertical-panel-title{
    
  }
}

.social-list{
  margin-bottom: 3.5vmin;
  flex-direction: row;
  display: flex;
  
}
.text-right-md .social-list{
 margin-left: 80px;
}

.social-list li{
  margin: 2px;
}
.social-list li a{
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
}

.social-list .fa-brands {
    padding: 10px 11px;
    border-radius: 50%;
}

.social-link-justify {
    justify-content: space-between;
    width: 150px;
}

.social-list {
    margin-bottom: 3.5vmin;
    flex-direction: row;
    display: flex;
}

.social-list .fa{
  font-size: 1.8vmin;
  color: #fff;
  font-family: 'FontAwesome';
}

.w-100px{
   width: 100px !important;
}
.social-list .fa:hover{
  color:#f4853b;
  text-decoration: none;
}
.social-list .fa-brands:hover{
    background-color: #fff;
    box-shadow: 0 0 10px #999;
}
.fa-angle-left{
     font-family: 'FontAwesome';
     margin-right: 10px;
}



/* 2.3 Navbar Desctop */
.nav>li>a>img{
   
}
.nav>li>a>img:hover {
 
}



.nav > li >a{
  padding: 0;
  
}

.nav > li >a:hover,
.nav > li >a:focus{
  background-color: transparent;
}

.navbar-desctop{
  display: none;
  position: fixed;
  z-index: 2;
  top: 0px;
  left: 0;
  width: 100%;
  /* padding: 13px 0; */
  background: #f6f5f3;
  padding-top: 5px;
  padding-bottom: 12px;
  border-top: 1px solid #e0e0e0;
}
.mt-0{
    margin-top: 0 !important;
}
.mt-12{
  margin-top: 12px;
}
.mt-4{
  margin-top: 2rem;
}
.pt-33{
  padding-top: 33px !important;
}
.d-grid{
  display: grid !important;
}
.mb-30{
  margin-bottom: 30px;
}
.hr{
    border-top: 1px solid #999;
    width: 65%;
}


.navbar-desctop .brand{
  position: relative;
  
  font-size: 1.6em;
}

.navbar-desctop-menu{
  float: right;
  font-family: 'poppins', sans-serif;
  font-weight: 300;
  font-size: 0.81em;
  letter-spacing: 2px;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 12px;
  transition: all .3s ease;
}

.navbar-desctop-menu li{
  position: static;
  /*-webkit-perspective: 2000px;*/
  /*perspective: 2000px;*/
}

.navbar-desctop-menu li a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.mt-5{
  margin-top: 3rem;
}


.navbar-desctop .navbar-desctop-menu li a {
    padding-right: 10px;
    letter-spacing: 3px;
}
.navbar-desctop-menu li a:hover,
.navbar-desctop-menu .active > a{
  color:  #f4853b;
}

.navbar-desctop-menu  > li{
  float: left;
  margin-right: 18px;
}

.navbar-desctop-menu > li > a{
  color: #000;
  background-color: transparent;
  font-weight: 600;
  font-size: 15px;
}

.navbar-desctop-menu li ul{
  position: absolute;
  z-index: 10;
  left: 0;
  top: 60px;
  visibility: hidden;
  width: 100vw;
  opacity: 0;
  /*box-shadow: 0 10px 30px rgb(210 210 210);*/
    background: rgb(246 245 243);
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all 0.4s ease;

}

.navbar-desctop-menu > li > ul{
  margin-top: 0;
}
/*.navbar-desctop-menu > li > .first-child{*/
/* left: 0;*/
  
/*}*/
/*.navbar-desctop-menu > li > .secound-child{*/
/*  left: 0;*/
  
/*}*/
/*.navbar-desctop-menu > li > .thried-child{*/
/* left: 0;*/
  
/*}*/
/*.navbar-desctop-menu > li > .four-child{*/
/*  left: 0;*/
/*}*/
.mega-menu{
  display: flex;
  width: 780px;
  margin: auto;
}

.navbar-desctop-menu > li > .four-child .mega-menu{
  width: 470px !important;  
}
.navbar-desctop-menu > li > .thried-child .mega-menu{
    width: 955px !important;
}
.pl-13{
  
}
.pl-0{
    padding-left: 0;
}
.br-right{
    
}
.br-left{
   
}
.navbar-desctop-menu li:hover > ul{
  top:0;
  visibility: visible;
  opacity: 1;
  padding-top: 20px;
  /*padding-left: 385px;*/
  padding-bottom: 20px;
}
.navbar-desctop-menu li:hover a{
  color: #f4853b;
}
.navbar-desctop-menu li:hover i{
  transform: rotate(180deg);
}
.navbar-desctop-menu li:hover > ul .navbar-desctop-menu > li > a{
  cursor: pointer;
}
.navbar-desctop-menu li li img{
  width: 100px;
  margin: auto;
  height: 100px;
}
.navbar-desctop-menu li li:nth-child(2) .menu-button-01{
   background-color: #de752e !important 
}
.navbar-desctop-menu li li:nth-child(3) .menu-button-01{
      background-color: #ce6117 !important;
}
.navbar-desctop-menu li li:nth-child(4) .menu-button-01{
      background-color: #b65412 !important;
}
.navbar-desctop-menu li li:last-child{
  margin-right: 0;
}

.navbar-desctop-menu > li:hover > ul{
  top: 55px;
}

.navbar-desctop-menu li li{
  box-shadow: 0 0 5px #999;
  text-align: center;
  margin-right: 20px;
  width: 225px;
}
.navbar-desctop-menu li li:hover{
  box-shadow: 0 0 10px #999;
}


.navbar-desctop-menu li li a{
  color: #000;
  padding: 30px 10px;
}
.navbar-nav-mobile li ul li a{
    font-weight: 500;
}



/* 2.4 Navbar Desctop Affix */



/*.navbar-desctop.affix{*/
/*  position: fixed;*/
/*  z-index: 5;*/
/*  top:0;*/
/*  background-color:rgba(255,255,255,0.95);*/
/*  padding:1.3em 0 0;*/
/*  box-shadow: 0 0 35px rgba(0,0,0,0.1);*/
/*}*/
.navbar-desctop.affix{
  position: fixed;
  z-index: 5;
  top:0px;
  background-color:rgb(246 245 243);
  padding-top: 2px;
  padding-bottom: 12px;
  box-shadow: 0 0 35px rgba(0,0,0,0.1);
}

.navbar-desctop.affix.affix-top{
  padding-top:2.2em;
}

.navbar-desctop.affix .brand{
  display: inline-block;
}

.navbar-desctop.affix .navbar-desctop-menu li a{
  color: #000;
}

.navbar-desctop.affix .navbar-desctop-menu li:hover a{
  color: #f4853b;
} 

.navbar-desctop.affix .navbar-desctop-menu li > a:hover,
.navbar-desctop.affix .navbar-desctop-menu .active > a{
  color:#f4853b;
}



/* 2.5 Navbar Mobile */



.navbar-mobile{
  position: absolute;
  z-index: 2;
  left: 0;
  top:0;
  width: 100%;
  background-color: #f6f5f3;
  padding:1vmin 0;
  display: flex;
        flex-wrap: wrap;
}
.margin-top-15{
  margin-top: 10px;
}
.mobile-icon{
  width: 120px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: 10px;
}
.navbar-mobile .brand{
  font-size: 1.6em;
}

.navbar-collapse{
  border:0;
  background-color: #fff;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.navbar-mobile .navbar-collapse.collapsing {
    left: -75%;
    transition: height 0s ease;
}

.navbar-mobile .navbar-collapse.in {
    left: 0;
    transition: left 300ms ease-in-out;
    top: 44px;
}

.navbar-mobile .navbar-toggler.collapsed ~ .navbar-collapse {
    transition: left 500ms ease-in-out;
}
@media (max-height: 320px ){
  .navbar-collapse{
    max-height: 240px;
  }

}

.navbar-toggle{
  padding: 0;
  margin-top:0;
  margin-bottom: 0;
  border-radius: 0;
  border:0;
  margin-left: 0px;
  margin-right: 15px;
}

.navbar-toggle .icon-bar{
  background-color:#fff;
  height: 2px;
  width: 22px; 
}

.navbar-toggle .icon-bar + .icon-bar{
  margin-top:5px;
}

.navbar-toggle.collapsed .icon-bar{
  background-color: #f4853b;
}

.navbar-nav-mobile{
  font-family: 'poppins', sans-serif;
  font-weight: 300;
  font-size: 0.9em;
  letter-spacing: 1px;
  padding-top: 1.2em;
  margin-bottom: 0;
}

.navbar-nav-mobile li{
  position: relative;
  border-top:1px solid rgba(255,255,255,0.1);
}

.navbar-nav-mobile li a{
  display: block;
  padding: 1em 1em;
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.navbar-nav-mobile > .current > a{
  color: #f4853b;
}

.navbar-nav-mobile li a .fa-angle-down{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.navbar-nav-mobile > .current > a .fa-angle-down{
  top:-0.2em;
  left:-0.3em;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.navbar-nav-mobile > .active > a,
.navbar-nav-mobile > .active > a:hover{
  background-color: #f4853b;
  color: #fff;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.navbar-nav-mobile ul{
  display: none;
}

.navbar-nav-mobile li a:hover,
.navbar-nav-mobile li .active > a{
  color: #f4853b;
}



/* 2.6 Navbar Mobile Affix */



.navbar-mobile.affix{
  position: fixed;
  z-index: 5;
  background-color: #fff;
  box-shadow: 0 0 35px rgba(0,0,0,0.1);
}

.navbar-mobile.affix .brand{
  display: inline-block;
}

.navbar-mobile.affix .navbar-toggle .icon-bar{
  background-color:#f4853b;
}



/*-------------------------------------------------------------------------------
  3. Main
-------------------------------------------------------------------------------*/



.main{
  position: relative;
  overflow: hidden;
  min-height: 420px;
}



/* 3.1 Slider */

.carousel-caption{
    top: 20%;
}
.carousel-indicators{
    left: 80% !important;
}

.carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
    display: block;
    max-width: 100%;
    min-height: 630px;
    height: 630px;
    width: 100%;
}

.rev_slider{
  color: #fff;
  min-height: 420px;
}

.rev_slider .btn{
  -webkit-transition: background-color .3s ease-out!important;
          transition: background-color .3s ease-out!important;
}

.tp-caption{
  padding: 0 20px;
  text-align: right;
}

.arrow-left,
.arrow-right{
  position: absolute;
  z-index: 4;
  bottom: 4vh;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.arrow-left{
  left: 14vmin;
  top: 50.5vmin !important;
}

.arrow-right{
  right: 14vmin;
  top: 50.5vmin !important;
}

.arrow-left:after,
.arrow-right:before{
  content:'';
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  font-family: 'poppins', sans-serif;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}

.arrow-left:after{
  content:'Prev';
}

.arrow-right:before{
  content:'Next';
}

.arrow-left:before,
.arrow-right:after{
  content:'';
  display: inline-block;
  vertical-align: middle;
  width:1.3em;
  height: 1em;
  opacity: 0.25;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.arrow-left:hover:before,
.arrow-right:hover:after{
  opacity: 1;
}

.arrow-left:before{
  background: url(../img/img-icon/prev.png) 0 0 no-repeat;
  background-size: 1.3em 1em;
  margin-right: 0.82em;
}

.arrow-right:after{
  background: url(../img/img-icon/next.png) 0 0 no-repeat;
  background-size: 1.3em 1em;
  margin-left: 0.72em;
}

.slide-title{
  font-family: 'poppins', sans-serif;
  font-size: 50px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.slide-subtitle{
  font-size: 18px;
  line-height: 1.7;
}



/* ------------------------------------------------------------------------------- */
/*  4. About
/* ------------------------------------------------------------------------------- */



.about .fade-title-left{
  top:1em;
}

.col-about-title{
  margin-top: 0;
}

.col-about-info p:last-child{
  margin-bottom: 0; 
}

.col-about-img{
  position: relative;
}

.col-about-img img{
  display: block;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}



/* ------------------------------------------------------------------------------- */
/*  5. Projects
/* ------------------------------------------------------------------------------- */



.project{
  padding: 0;
  overflow: hidden;
}

.project figure{
  position: relative;
}

.project figure img{
  display: block;
  width: 100%;
  height:270px;
  -webkit-transition: all 8s linear;
  -o-transition: all 8s linear;
  transition: all 8s linear;
}

.project figure:after{
  content:'';
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background-color: #f4853b;
  opacity: 0.7;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.project.project-light figure:after{
  opacity: 0.4;
}
    
.project figcaption{
  position: absolute;
  z-index: 1;
  left: 0;
  top:0;
  right:0;
  bottom:0;
  margin: 3.2em 3.6em;
}

.project-title{
  position: relative;
  top:0;
  left: -25px;
  margin:0;
  font-family: 'poppins', sans-serif;
  font-weight: normal;
  font-size: 1.56em;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.project-category{
  position: absolute;
  left: -30px;
  bottom: 0;
  margin:0 0 -0.1em;
  font-family: 'poppins', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.8em;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: none;
}

.project-zoom{
  position: absolute;
  left: 50%;
  top:50%;
  width: 9em;
  height: 9em;
  margin:-4.5em;
  border-radius: 50%;
  background-color: rgba(197,164,126,0.84);
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform:scale(0.5);
  -o-transform:scale(0.5);
  transform:scale(0.5);
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.project-zoom:after{
  content: '';
  position: absolute;
  left: 50%;
  top:50%;
  width: 2.625em;
  height:2.625em;
  background:url(../img/img-icon/zoom.png) 0 0 no-repeat;
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.project figure:hover:after{
  opacity: 0;
}

.project figure:hover img{
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.project figure:hover .project-title{
  top:30px;
  opacity: 0;
}

.project figure:hover .project-category{
  opacity: 0;
  letter-spacing: 2em;
}

.project figure:hover .project-zoom{
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
}



/* 5.1 Project Carousel */



.owl-prev,
.owl-next{
  position: absolute;
  top:50%;
  font-size:1em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
}
.owl-prev:before{
  content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.9em;
    height: 2em;
    opacity: 0.50;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: url(../img/img-icon/pre.png) 0 0 no-repeat;
    background-size: 1.5em 1.5em;
   
}
.owl-next:after{
  content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.9em;
    height: 2em;
    opacity: 0.50;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: url(../img/img-icon/nex.png) 0 0 no-repeat;
    background-size: 1.5em 1.5em;
    
}

.owl-prev:hover,
.owl-next:hover{
  opacity: 1;
}

.owl-prev{
  left: -60px
}

.owl-next{
  left: auto;
  right: -60px;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}

.owl-dots button.owl-dot.active {
  background-color: #000;
}

.owl-dots button.owl-dot:focus {
  outline: none;
}

.-left{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}



/* 5.2 Magnific popup */



.mfp-figure{
  box-shadow: none;
}

.mfp-iframe-scaler{
  overflow: visible;
}

.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close{
  padding: 0;
  margin-top: -10px;
  font-family: inherit;
  font-size: 40px;
  font-weight: 300;
  line-height: 0;
}

img.mfp-img{
  min-height: 460px;
}


.mfp-title{
  padding-right: 40px;
  font-size:1.2em;
  line-height: 1.2;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
}

.mfp-counter{
  top:5px;
}

.mfp-bg{
  background-color: #141414;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{
  display: none;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{
  display: none;
}

.mfp-wrap .mfp-content {
  -webkit-perspective: 1300px;
          perspective: 1300px
}

.mfp-wrap .mfp-figure,
.mfp-wrap .mfp-iframe-scaler {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform:scale(0) rotateY(60deg);
  -o-transform:scale(0) rotateY(60deg);
  transform:scale(0) rotateY(60deg);
}

.mfp-bg {
  opacity: 0;
  -webkit-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

.mfp-wrap .mfp-figure,
.mfp-wrap .mfp-iframe-scaler {
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
       -o-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  -webkit-transform: rotateY(-60deg);
      -ms-transform: rotateY(-60deg);
       -o-transform: rotateY(-60deg);
          transform: rotateY(-60deg);
}

.mfp-bg {
  opacity: 0;
  -webkit-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

.mfp-wrap.mfp-ready .mfp-figure,
.mfp-wrap.mfp-ready .mfp-iframe-scaler {
  opacity: 1;
  -webkit-transform:rotateX(0);
      -ms-transform:rotateX(0);
       -o-transform:rotateX(0);
          transform:rotateX(0);
}

.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-wrap.mfp-removing .mfp-figure ,
.mfp-wrap.mfp-removing .mfp-iframe-scaler {
  opacity: 0;
  -webkit-transform: rotateX(-60deg);
      -ms-transform: rotateX(-60deg);
       -o-transform: rotateX(-60deg);
          transform: rotateX(-60deg);
  
}

.mfp-zoom-out-cur, 
.mfp-zoom-out-cur 
.mfp-image-holder .mfp-close{
  cursor:url(../img/zoom-out.html), zoom-out;
}

.mfp-removing.mfp-bg {
  opacity: 0;
}

/* how-we-work */
#how-we-work{
  text-align: justify;
}
/* how-we-work */

.text-justify{
  text-align: justify;
}
/* ------------------------------------------------------------------------------- */
/*  6. Services
/* ------------------------------------------------------------------------------- */
.service-item p{
    text-align: justify ;
}
.new-alignment{
    width: 646px;
    margin: auto;
}

.why-choose-us .js-projects .service-item img{
  width: 50%;
  margin: auto;
} 
.service-item .d-flex-01 img{
    width: 100%;
}
.row-services{
  margin-left: -4.1em;
  margin-right: -4.1em;
}

.col-service{
  
}
.service-item{
  margin: 10px;
}
.service-item p{
   
}
.service-item img{
  
}
.service-item h4{
  margin-top: 0.25em;
    margin-bottom: 1em;
    height: 40px;
}

.service-item p:last-child{
  margin-bottom: 0;
}



/* ------------------------------------------------------------------------------- */
/*  7. Experience
/* ------------------------------------------------------------------------------- */
.m-0{
  margin: 0 !important;
}
.mr-0{
  margin-right: 0px !important;
}
.mr-3{
    margin-right: 1rem !important;
}
.free-counl{
  border-radius: 0 !important;
    padding: 27px 20px !important;
}
.experience{
  text-align: center;
}

.text-parallax {
  background: no-repeat 0 0;
  display: inline-block;
}

.text-parallax-content{
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: 21.8em;
  line-height: 1;
  overflow: hidden;
  margin-bottom: 0;
  background: #fff;
  color:#363636;
  mix-blend-mode: lighten;
  -ms-mix-blend-mode:lighten;
}

.experience-info{
  position: relative;
  top: -0.75em;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2.5625em;
  line-height: 1.45;
  letter-spacing: 3px;
  display: inline-block;
  text-align: left;
  margin:0 0 0 0.5em;
}



/* ------------------------------------------------------------------------------- */
/*  8. Clients
/* ------------------------------------------------------------------------------- */



.clients{
  text-align: center;
}

.clients-list{
  padding: 10px;
}

.clients-list .client{
  display: inline-block;
  vertical-align: middle;
  margin:0;
}

.clients-list .client img{
  display: block;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
}

.clients-list .client a:hover img{
  box-shadow: 0 0 15px #f4853b;
}

.h4-service{
  font-size: 25px;
margin-left: 20px;
margin-top: 4rem !important;
margin-bottom: 0px !important;
text-transform: uppercase;
}
.service-item a img:hover{
  box-shadow: 0 0 10px #f4853b;  
}
.mb-20{
  margin-bottom: 20px !important;
}
.mb-4{
  margin-bottom: 2rem;
}

/* ------------------------------------------------------------------------------- */
/*  9. Objects
/* ------------------------------------------------------------------------------- */



.objects{
  position: relative;
}

.object-label{
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: #e5bf93;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: none;
}

.object-label:hover{
  box-shadow:none;
}

.popover.top{
  margin-top: -20px;
}

.object-info{
  position: absolute;
  display: none;
  z-index: 1;
  left: 50%;
  bottom: 40px;
  width: 12.4em;
  margin-left: -6.2em;
  padding: 1.1em 1.3em 3em;
  border:0;
  background-color: rgba(0,0,0,0.6);
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow:none;
}

.object-info.in{
  display: block;
}

.object-info:before{
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top: 14px solid rgba(0,0,0,0.6));
}

.object-title{
  font-size: 1em;
  font-family: 'montserratsemibold';
  font-weight: normal;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color:#f4853b;
  padding: 0 0 1em;
  border-bottom:1px solid rgba(249,249,249,0.2);
  margin: 0 0 .5em;
}

.object-content{
  font-family: 'poppins', sans-serif;
  font-size: 0.75em;
  line-height: 2.6;
  color: #fff;
  padding: 0;
}

.popover.top>.arrow{
  border-top-color: transparent;
}

.popover.top>.arrow:after{
  border-top-color:rgba(0,0,0,0.6);
}



/* ------------------------------------------------------------------------------- */
/*  10. Contacts
/* ------------------------------------------------------------------------------- */


.contacts{
    background-color: #fff;
}
.contacts .fade-title-right{
  
}

.row-field{
  margin-left: -5px;
  margin-right:-5px;
}

.col-field{
  padding: 0 5px;
}

.col-message{
  display: none;
  margin-top: 20px;
}

.col-address{
  font-size: 1.125em;
  line-height: 2.1;
  margin-top: 2em;
  font-weight: 700;
}

.form-submit{
  margin-top: 1.2em;
}

.success-message{
  display: none;
}

.error-message{
  display: none;
}

.success-message .fa{
  margin-right: 7px;
  font-size: 1.5em;
}



/* ------------------------------------------------------------------------------- */
/*  11. Footer
/* ------------------------------------------------------------------------------- */
.bg-white{
    background-color: #fff !important;
}

.header {
  clear: both;
}

.sidebar {
  width: 308px;
  height: 760px;
    overflow-y: scroll;
    padding-right: 35px;
}
.col-md-9{
    
}
.content {
  
}

.footer {
  clear: both;
}


.footer{
  text-align: left;
  padding: 3.6em 0 5.5em;
  font-size: 12px;
  color: #aaa;
  background-color: #f3f3f3;
/**/
}

.footer .brand{
  margin-top: -0.15em;
  font-size: 3.4em;
  margin-bottom: 20px;
}

.author-link{
  font-family: 'Montserrat', sans-serif;
  color: #d0d0d0;
}

.author-link:hover{
  text-decoration: none;
}



/* ------------------------------------------------------------------------------- */
/*  12. Responsive styles
/* ------------------------------------------------------------------------------- */



/* 12.1 Min width 768px */

@media (min-width: 768px){

    .mobile-icon{
        width: 50%;
    }
    .mobile-count{
        display: flex;
        flex-wrap: wrap;
    }
    .mobile-count .col-lg-3{
        
    }
    .row-base{
       display: flex; 
    }
    .pricing-table .ptable-item {
        width: 100% !important;
    }
    
}



@media (min-width: 768px){



  html{
    font-size: 85%;
  }



  /* Slider */



  .arrow-left{
    top: 43.5vmin;
    bottom: auto;
  }

  .arrow-right{
    left: auto;
    right: 50px;
    margin-left: 5em;
    top: 43.5vmin;
    bottom: auto;
  }



  /* About */



  .col-about-spec{
    padding: 0 4.4em;
  }



  /* Project Carousel */



  .owl-prev{
    left: -60px;
  }

  .owl-next{
    right:-60px;
  }
}



/* 12.2 Min width 992px */



@media (min-width: 992px){



  html{
    font-size: 92%;
  }



  /* Content styles */



  .text-center-md{
    text-align: center;
  }

  .text-right-md{
    text-align: right;
  }

  .text-left-md{
    text-align: left;
  }



  /* Navbar Mobile */


  .navbar-mobile{
    position: absolute;
    left: -50000px;
    top: -50000px;
  }



  /* About */



  .col-about-img{
    padding-left: 30px;
    left: -5px;
  }

  .col-about-img img{
    width: 100%;
  }



  /* Contacts */


  .row-field{
    margin-left: -15px;
  }
}

#section-price{
    padding-top: 100px !important;
}
/* 12.3 Min width 1200px */



@media (min-width: 1366px){
  
    .mega-menu{
      width: 723px;
    }

   html{
    font-size: 100%;
  }
}


/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
 
}
 
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1400px) {
    /* insert styles here */
    /*.navbar-desctop-menu > li > .first-child{*/
    /* left: -362px !important;*/
      
    /*}*/
    /*.navbar-desctop-menu > li > .secound-child{*/
    /*  left: -696px !important;*/
      
    /*}*/
    /*.navbar-desctop-menu > li > .thried-child{*/
    /* left: -980px !important;*/
      
    /*}*/
    /*.navbar-desctop-menu > li > .four-child{*/
    /*  left:  -1230px !important;*/
    /*}*/
}
 
/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */
    /*.navbar-desctop-menu > li > .first-child {*/
    /*    left: -446px !important;*/
    /*}*/
    /*.navbar-desctop-menu > li > .secound-child {*/
    /*    left: -790px !important;*/
    /*}*/
    /*.navbar-desctop-menu > li > .thried-child {*/
    /*    left: -1070px !important;*/
    /*}*/
    /*.navbar-desctop-menu > li > .four-child {*/
    /*    left: -1315px!important;*/
    /*}*/
}
 
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */
    .main .cover-background{
      height: auto;
    }
    .main .cover-background .banner-text-col{
      margin-top: 10%;
    }
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}
 
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}
 
/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}


/* 12.4 Max height 480px  */

@media (min-width: 320px) and (max-width: 768px) {
  .main .cover-background{
    height: auto;
  }

  .main .cover-background .banner-text-col{
    margin-top: 20%;
  }
  .main .cover-background .banner-text-col h1{
    font-size: 40px;
    line-height: 40px;
  }


}


  @media (max-height: 480px){

  /* Slider */



  .arrow-left{
    top: 43.5vmin;
    bottom: auto;
  }

  .arrow-right{
    left: 28vmin;
    right:auto;
    margin-left: 5em;
    top: 43.5vmin;
    bottom: auto;
  }
}
.fa-briefcase{
  font-family: 'FontAwesome';
  color: #f4853b;
  font-style: normal;
}
.fa-user-plus{
  font-family: 'FontAwesome';
  color: #f4853b;
  font-style: normal;
}
.fa-arrow-right{
  font-family: 'FontAwesome';
  color: #f4853b;
  font-style: normal;
}
.fa-chevron-down{
  font-family: 'FontAwesome';
  font-style: normal;
}
.h-40{
  height: 40px;
}
.mt-15{
  margin-top: 5px;
}
.search-container{
  width: 175px;
  display: block;
  margin: 0 auto;
}

#search-bar{
  margin: 0 auto;
  width: 100%;
  height: 30px;
  padding: 0 20px;
  font-size: 1rem;
  border-bottom: 1px solid #000 !important;
  outline: none;
  border: none;
  background: transparent;
}
input.search-bar:focus{
    border: 1px solid #008ABF;
    transition: 0.35s ease;
    color: #008ABF;
}
input#search-bar::-webkit-input-placeholder{
      transition: opacity 0.45s ease;
      color: #d0d0d0 !important;
}
input#search-bar::-moz-placeholder {
      transition: opacity 0.45s ease;
      color: #d0d0d0 !important;
}
input#search-bar:-ms-placeholder {
     transition: opacity 0.45s ease;
     color: #d0d0d0 !important;
} 

.search-icon{
  position: relative;
  float: right;
  width: 60px;
  height: 60px;
  top: -50px;
  left: 0;
}
.menu-btn{
  padding: 5px 15px !important;
}
/* Dropdown Button */


/* Links inside the dropdown */
.dropdown-content a {
  color: black !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-family: 'poppins', sans-serif;
    letter-spacing: normal !important;
    font-weight: 600 !important;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 2px !important;
    border-bottom: 1px solid #ddd;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;color: #f4853b !important;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {    color: #f4853b;}

.bg-primary{
  background-color: #f4853b !important;
}
/*/ start count stats /*/

section#counter-stats {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 30px;
}

.stats {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  display: flex;
}

.stats img {
  
  margin-right: 20px;
  width: 50px;
}

/*/ end count stats /*/
.js-target-scroll img{
  padding-top: 4px;  
}

.js-projects .project{
    border: 1px solid #f4853b;
    padding: 20px;
    margin: 15px;
    /*height: 530px;*/
}
.play{
  position : absolute;
    display:none;
    top:20%; 
    width:40px;
     margin:0 auto; 
  left:0px;
    right:0px;
}
.js-projects .project:hover{
  background-image: url("../img/banners/contact-us_0014_Rectangle-5.png");
  box-shadow: 0 0 10px #828282;
  background-size: contain;
  border: 1px solid #f4853b;
}
.js-projects .project:hover h3{
  color: #fff;
}
.js-projects .project:hover p{
  color: #fff;
}
.card p{
  color: #747474;
}
.card h3{
  color: #000;
  height: 60px;
}
.counting {
    font-size: 25px;
}
.mb-3{
  margin-bottom: 1rem;
}
.text-white{
  color: #fff !important;
}
.category-card{
  background-color: #f4853b;
  padding: 20px;
  position: relative;
  overflow: hidden;
  height: 250px;
  margin: 5px;
}
.category-card img{
  width: 180px;
    position: absolute;
    right: -15px;
    bottom: -45px;
}
.category-card h3{
    text-transform: uppercase;
}




#owl-demo .item{
  margin: 0px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}
.photobanner {
  position: relative;
  margin-bottom: 30px;
  display: flex;
  width: 100%;
}

.photobanner img {
  margin: 0px 10px;
  box-shadow: 2px 2px 8px #8a8a8a;
  width: 400px;
  height: 205px;
}

.photobanner {
  animation: bannermove 80s linear infinite normal;
}

@keyframes bannermove {
  from {
    left: -1500px;
  }
  to {
    left: 0px;
  }
}

.photobanner-01 {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  width: 100%;
}

.photobanner-01 img {
  margin: 0px 10px;
  box-shadow: 2px 2px 8px #8a8a8a;
  height: 205px;
}

.photobanner-01 {
  animation: bannermove 20s linear infinite alternate;
}
.photobanner-01:hover{
         -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes bannermove {
  from {
    left: -400px;
  }
  to {
    left: 0px;
  }
}







.text-left{
  text-align: left !important;
}
.font-12{
  font-size: 12px;
}
.testimonials-card{
  box-shadow: 0 0 5px #999;
  padding: 20px;
}
.testimonials-card:hover{
  box-shadow: 0 0 15px #999;
}
.testimonials-card img{
  margin-bottom: 10px;
  margin-top: 10px;
}
.testimonial-img{
    border-radius: 50%;
  width: 80px;
}
.testimonials .item{
  margin: 20px;
}
.testimonials-card p{
  margin-bottom: 5px;
  font-size: 12px;
}
.background-position-top{
  background-position: center top;
}
.cover-background{
  position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}


.top-space{
  padding: 121px 0;
  margin-top: 39px;
}
.top-space-01{
      padding: 216px 0;
    margin-top: 60px;
}
.p-0{
  padding: 0 !important;
}
.mt-22{
  margin-top: 22px;
}
.mt-30{
  margin-top: 30px;
}
.mt-3{
    margin-top: 3rem !important;
}
.contact-info{
  padding: 95px;
}
.subcribe-btn{
  width: 462px;
    margin: 0px auto;
}
.subcribe-btn-01{
  width: 705px;
    margin: 30px auto;
}
.br-10{
  border-radius: 10px !important;
}
.btn-black-01{
  background-color: #000 !important;
  border-radius: 10px !important;
  border: 2px solid #000 !important;
}
.btn-black-01:hover{
  background-color: #fff !important;
  color: #000 !important;
}
.btn-black{
  background-color: #000 !important;
  border-radius: 0px !important;
  border: 2px solid #000 !important;
}
.btn-padding{
  padding: 25px 0 !important;
}
.btn-black:hover{
  background-color: #fff !important;
  color: #000 !important;
}
.btn-black-reverce{
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 0px !important;
  border: 2px solid #f4853b !important;
  width: 225px !important;
}
.btn-black-reverce:hover{
  background-color: #000 !important;
  border: 2px solid #000 !important;
  color: #fff !important;
}
.m-0{
  margin: 0;
}
.img-center{
      margin: auto 70px;
}
.bg-contact{
  background-image: url("../img/banners/contact-us_0014_Rectangle-5.png");
}

.tab {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  margin: 0px auto;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  -webkit-font-smoothing: antialiased;
  padding: 20px 0;
}

.tabs {
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  justify-content: space-between;
}
.tabs li {
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
  display: flex;
  /*margin: 10px;*/
  border-radius: 0px;
}
.tabs a {
  color: black;
  text-align: center;
  font-weight: 800;
  display: block;
  letter-spacing: 0;
  outline: none;
  width: 280px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  
}
.tabs .both a{
  color: White;
  text-align: center;
  font-weight: 800;
  display: block;
  letter-spacing: 0;
  outline: none;
  width: 250px;
  padding: 40px 30px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #f4853b;
  background-image: none !important;
  border: 5px solid transparent;
}
.tab_content{
}

.text-gray{
  color: #999 !important;
}
.tabs_item {
  display: none;
}
.info_box h4 {
  font-weight: bold;
  color: black;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.estimate-price-card .sidebar{
    width: 280px;
    height: 70px;
    overflow-y: scroll;
}
.tabs_item img {
  width: 100%;
    margin-right: 30px;
    height: 280px;
}
.tabs_item:first-child {
  display: block;
}
.tabs_item:secound-child {
  display: block;
}
.tabs_item:thired-child {
  display: block;
}
.tabs a:hover {
  
}
.tabs .both a:hover {
  color: #000;
  background: #fff !important;
  border: 5px solid #f4853b;
  border-radius: 0px !important;
}
.tabs .current a {
  
}

.current a {
  /*color: #000 !important;
    /* background: #fff !important; */
    /*border: 5px solid #f4853b !important;
    border-radius: 30px !important;
    background: #f4853b;*/*/
}
/* box model */
 
.info_box a {
    display: inline-block;
    font-size: .85em;
    line-height: 1;
    background-color: #d8d8d8;
    text-transform: uppercase;
    color: #6f6f6f;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-weight: 700;
    border: 2px solid #d8d8d8;
}
.info_box a:hover{
  color: #f4853b;
  border: 2px solid #f4853b;
  background-color: #fff;
}

.info_box{
  width: 100%;
  height: auto;
  padding: 20px 15px;
  border: 0;
  margin: 0 auto;
  display: -webkit-flex;
    display: flex;   
  justify-content: space-between;
  border: 1px solid #f4853b;
  align-items: center;
}

.box{
  width: auto;
  height: auto;
  padding:0;
  /*margin: 1em;*/
  border-radius: 0.8em;
}

.heading{
  width: 100%;
  color: white;
  font-size:1.5em;
  background: #0c599f;
}

.period{
  width: 100%;
  color: white; 
  font-size:1.25em;
  background: #0c599f;
  text-decoration:none;
  text-shadow: 1px 2px 7px rgba(0,0,0,0.6);
  background: linear-gradient(45deg,#0084ff 0%,#0c599f 100%);
}

.info_box p{
  color:#f4853b;
  font-size: 1em;
  font-weight: 600;
}

.box .button a{
  color: white;
  text-decoration:none;
  font-size: 1.40em;
}

.box .button{
  padding-top: 10px;
  background: #6fee5e;
}

.box span{
  color: black;
}
/***********pagination***********/
[data-pagination] {
  font-size: 8pt;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  transition: font-size .2s ease-in-out;
  background-color: #f9f9f9;
    padding: 25px 0;
}
[data-pagination] ul {
  list-style-type: none;
  display: inline;
  font-size: 100%;
  margin: 0;
  padding: .5em;
}
[data-pagination] ul li {
  display: inline-block;
  font-size: 100%;
  width: auto;
  border-radius: 3px;
}
[data-pagination] > a {
  font-size: 140%;
}
[data-pagination] a {
  color: #000 !important;
    font-size: 18px;
    padding: 0px 10px;
    font-weight: 800;
}
[data-pagination] .fa{
  color: #000 !important;
  display: none;
}
[data-pagination] a:focus,
[data-pagination] a:hover {
  color: #f60;
}
[data-pagination] li.current {
  background: rgba(0,0,0,.1)
}
/* Disabled & Hidden Styles */
[data-pagination] .disabled,
[data-pagination] [hidden],
[data-pagination] [disabled] {
  opacity: .5;
  pointer-events: none;
}
@media (min-width: 350px) {
  [data-pagination] {
    font-size: 10pt;
  }
}
@media (min-width: 500px) {
  [data-pagination] {
    font-size: 12pt;
  }
}
@media (min-width: 700px) {
  [data-pagination] {
    font-size: 14pt;
  }
}
@media (min-width: 900px) {
  [data-pagination] {
    font-size: 16pt;
  }
}
.img-circle{
  border: 5px solid #f4853b;
    border-radius: 50%;
    width: 200px;
    box-shadow: 0 0 10px #999;
    margin: auto 65px;
}
/****checkbox-custom*****/
.checkbox-list {
  padding: 0;
  list-style: none;
}
.checkbox-list1 {
  padding: 0;
  list-style: none;
}

.checkbox-list li {
  margin-bottom: 15px;
}
.checkbox-list1 li {
  margin-bottom: 15px;
}

/*checkbox css start*/
.checkbox-list [type=checkbox]:checked,
[type=checkbox]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.checkbox-list1 [type=checkbox]:checked,
[type=checkbox]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.checkbox-list [type=checkbox]:checked + label,
[type=checkbox]:not(:checked) + label,
[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #575757;
    font-weight: 500;
    font-size: 15px;
}

.checkbox-list1 [type=checkbox]:checked + label,
[type=checkbox]:not(:checked) + label,
[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #575757;
    font-weight: 500;
    font-size: 15px;
}

.checkbox-list [type=checkbox]:checked + label:before,
[type=checkbox]:not(:checked) + label:before,
[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
    background: #dbdada;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.checkbox-list1 [type=checkbox]:checked + label:before,
[type=checkbox]:not(:checked) + label:before,
[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
    background: #dbdada;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.checkbox-list [type=checkbox]:checked + label:after,
[type=checkbox]:not(:checked) + label:after,
[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  background: #f4853b;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkbox-list1 [type=checkbox]:checked + label:after,
[type=checkbox]:not(:checked) + label:after,
[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  background: #f4853b;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkbox-list [type=checkbox]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.checkbox-list1 [type=checkbox]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.checkbox-list [type=checkbox]:checked + label:after,
[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.checkbox-list1 [type=checkbox]:checked + label:after,
[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.checkbox-list [type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.checkbox-list1 [type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.checkbox-list [type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.checkbox-list1 [type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/********blog*******/
.blog {
    position: relative;
    margin-bottom: 3em;
    margin-right: 1px;
    box-shadow: 0 1px 15px rgb(0 0 0 / 8%);
}
.blog-thumbnail {
    position: static;
}
.blog-thumbnail-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 5px;
    padding: 0;
    border-radius: 0.25em 0 0 0.25em;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 0;
}
.blog-info {
    padding: 3.3em 3em;
}
.pt-95{
    padding-top: 95px;
}
.blog-tags {
    font-family: montserratsemibold;
    margin-top: -0.8em;
}
.blog-title {
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.333;
    
}
.blog-info p {
    margin-bottom: 0;
}
.blog-info .blog-meta {
    border-top: 1px solid #474747;
    margin-top: 1.7em;
    padding-top: 1.7em;
}
.blog-info .blog-tags a {
    background-color: #d8d8d8;
}
.blog-tags a {
    display: inline-block;
    font-size: .75em;
    line-height: 1;
    padding: 0.77em 1.1em;
    background-color: #333;
    text-transform: uppercase;
    color: #6f6f6f;
    margin-top: 0.8em;
    margin: 0.8em 0.7em 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.blog-tags a:hover{
  background-color: #f4853b;
  color: #fff;
}
.blog-tags .active{
  background-color: #f4853b !important;
  color: #fff !important;
}
.h-select{
  height: 2.625em !important;
    border: 2px solid #f4853b;
    color: #f4853b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    width: 220px;
}
.plr-90{
  padding: 0 90px;
}

/************pricing**********/
.pricing-table {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: #ffffff;
}

.pricing-table .ptable-item {
  padding: 0 10px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .pricing-table .ptable-item {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .pricing-table .ptable-item {
    
  }
}

@media (max-width: 576px) {
  .pricing-table .ptable-item {
    width: 100%;
  }
}

.pricing-table .ptable-single {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 50px 0 50px 0;
}
.deliver-order{
  display: flex;
  flex-wrap: wrap;
}
.item-align{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.deliver-order li{
  width: 50%;
  font-size: 18px;
  font-weight: 700;
}
.pricing-table .ptable-header,
.pricing-table .ptable-body,
.pricing-table .ptable-footer {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.pricing-table .ptable-status ,
.pricing-table .ptable-title,
.pricing-table .ptable-price,
.pricing-table .ptable-description,
.pricing-table .ptable-action {
  position: relative;
  width: 100%;
  text-align: center;
}

.pricing-table .ptable-single {
  background: #f6f8fa;
}

.pricing-table .ptable-single:hover {
  box-shadow: 0 0 10px #999999;
}

.pricing-table .ptable-header {
  padding: 30px 0;
  width: auto;
  background: #f4853b;
  border-radius: 50px 0px 50px 0px;
}

.pricing-table .ptable-header::before,
.pricing-table .ptable-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}

.pricing-table .ptable-header::before {
  right: 50%;
}

.pricing-table .ptable-header::after {
  left: 50%;
}

.pricing-table .ptable-item.featured-item .ptable-header {
  background: #131221;
}
.pricing-table .ptable-item.featured-item-01 .ptable-header {
  background: #bb5511;
}

.pricing-table .ptable-status {
  margin-top: -30px;
}

.pricing-table .ptable-status span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  color: #FF6F61;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  background: #2A293E;
}

.pricing-table .ptable-status span::before,
.pricing-table .ptable-status span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #FF6F61;
}

.pricing-table .ptable-status span::before {
  right: 50%;
  border-right: 25px solid transparent;
}

.pricing-table .ptable-status span::after {
  left: 50%;
  border-left: 25px solid transparent;
}

.pricing-table .ptable-title h2 {
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 2px;
}

.pricing-table .ptable-price h2 {
  margin: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 700;
  margin-left: 15px;
}

.pricing-table .ptable-price h2 small {
  position: absolute;
  font-size: 18px;
  font-weight: 300;
  margin-top: 16px;
  margin-left: -15px;
}

.pricing-table .ptable-price h2 span {
  margin-left: 3px;
  font-size: 16px;
  font-weight: 300;
}

.pricing-table .ptable-body {
  padding: 20px 0;
}

.pricing-table .ptable-description p {
  margin-top: 20px;
  height: 135px;
  text-align: justify;
    padding: 0 20px;
}

.pricing-table .ptable-description ul li {
  color: #2A293E;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 7px;
  border-bottom: 1px solid #dedede;
}

.pricing-table .ptable-description ul li:last-child {
  border: none;
}

.pricing-table .ptable-footer {
  padding-bottom: 30px;
}

.pricing-table .ptable-action a {
  color: #f4853b;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
}

.pricing-table .ptable-action a:hover {
   letter-spacing: 3px;
}
.padding-80px-tb{
  padding: 80px 0;
}
.padding-30px-tb{
  padding: 30px 0;
}
/********serch box********/
.container-search {
  width: 70%;
    /* height: auto; */
    background-color: #eaeaea;
    /* margin: 20vh auto; */
    position: absolute;
    
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4rem;
}
.list-group {
       margin-top: 25px;
   } 

.search__box {
  float: left;
  width: 0;
  height: 3rem;
/*   display: inline; */
  background: none;
  color: #000;
  font-size: 0.8rem;
  border-radius: 2rem;
  outline: none;
  border: none;
  position: relative;
  opacity: 1;
  transition: all .75s ease-in;
  cursor: pointer;
/*   border: 2px solid tomato; */
/*   margin-top: 5px; */
}

/* .search__box:focus, .search__box:hover {
  background-color: #f1f2f6;
} */

.search__icon {
  box-sizing: border-box;
    float: right;
    font-size: 25px;
    display: inline-block;
    margin-left: 0;
    margin-top: 0px;
    cursor: pointer;
    position: absolute;
    color: #000000;
    transition: all .25s ease-in;
    padding: 0.7rem;
    border-radius: 50%;
}

.container-search:hover > .search__box {
  width: 85%;
  padding: 0 1rem;
}

.container-search:hover > .search__icon {
  background-color: #eee;
}

.search__icon .show {
  width: 85%;
  border: 1px solid red;
}
.ml-3{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 7px;
}

.nav-tabs{
  width: 100%;
  display: flex;
  border: none;
}
.parentTabs .nav-tabs li{
  width: 365px;
  border: none;
  background: #f4853b;
}
.parentTabs .nav-tabs li:hover{
  background-color: #fff;
  border: none;
  box-shadow: 0 0 10px #999;
}
.parentTabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
  color: #f4853b;
}
.parentTabs .nav-tabs li:hover a{
  color: #f4853b;
}
.tab-content{
  margin-top: 30px;
}

.parentTabs .nav-tabs .active{
  background-color: #fff;
  border: none;
  box-shadow: 0 0 10px #999;
}
.parentTabs .nav-tabs li a{
  padding: 25px 10px;
  color: #fff;
  font-weight: 800;
  border: none;
  text-align: center;
}
.child .nav-tabs li{
  background-color: #fff;
  border: none;
  width: 190px;
}
.child .nav-tabs .active{
  box-shadow: none;
  border-bottom: 2px solid #f4853b;
}
.nav-tabs>li.active>a{
  border: none;
}
.child .nav-tabs li:hover{
  box-shadow: none;
  border-bottom: 2px solid #f4853b;
}
.child .nav-tabs li:hover a{
  
}
.child .nav-tabs li a{
  color: #000;
  font-weight: 700;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
  border: none;
}
/*****FAQ**********/
.faq {padding: 0;}

        .faq .faq-left-desktop {width: 50%;height: 440px;display: none;}
        .faq .faq-left-desktop > img {
            position: absolute;
            top: 32%;
            left: -18%;
            width: 30%;
        }
        .faq .faq-left-desktop .faq-left-image-desktop {width: 100%;height: 100%;position: relative;overflow: hidden;}
        .faq .faq-left-desktop .faq-left-image-desktop img:nth-of-type(1) {
            position: absolute;
            top: 50%;
            left: -14%;
            width: 100%;
            transform: translateY(-50%);
        }
        .faq .faq-left-desktop .faq-left-image-desktop::after {
            content: "";
            width: 100%;
            height: 100%;
            background: url(https://rvs-faq-accordion-card.netlify.app/images/bg-pattern-desktop.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            transform: scale(2);
            position: absolute;
            top: -53px;
            left: -280px;
            z-index: -1;
        }

        .faq .faq-left-mobile {width: 85%;height: 140px;}
        .faq .faq-left-mobile > img {
            position: absolute;
            top: 32%;
            left: -18%;
            width: 30%;
        }
        .faq .faq-left-mobile .faq-left-image-mobile {width: 100%;height: 100%;position: relative;}
        .faq .faq-left-mobile .faq-left-image-mobile img:nth-of-type(1) {
            position: absolute;
            top: -6%;
            left: 44%;
            width: 100%;
            transform: translate(-50%, -50%);
        }
        .faq .faq-left-mobile .faq-left-image-mobile::after {
            content: "";
            width: 100%;
            height: 100%;
            background: url(https://rvs-faq-accordion-card.netlify.app/images/bg-pattern-mobile.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            transform: scale(.9);
            position: absolute;
            top: -15px;
            left: 0px;
        }

        .faq .faq-right {width: 100%;
            height: 100%;
            padding: 30px 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .faq .faq-right .faq-title {font-size: 18px;font-weight: 700;margin-bottom: 25px;}
        .faq .faq-right .faq-body {position: relative;}
        .faq .faq-right .faq-body ::marker {content: "";}
        .faq .faq-right .faq-body details {border-bottom: 1px;border-bottom-style: solid;border-bottom-color: var(--dividers_light-grayish-blue);margin-bottom: 20px;cursor: pointer;}
        .faq .faq-right .faq-body details:not([open]) {padding-bottom: 15px;}
        .faq .faq-right .faq-body details:not([open]) summary:hover {color: var(--primary_text-soft-red);}
        .faq .faq-right .faq-body details summary {color: var(--neutral_text-very-dark-grayish-blue);font-weight: 700;display: block;position: relative;font-size: 16px;}
        .faq .faq-right .faq-body details summary::after {content: "";position: absolute;right: 0;background: url(https://rvs-faq-accordion-card.netlify.app/images/icon-arrow-down.svg);width: 10px;height: 10px;background-repeat: no-repeat;background-size: contain;background-position: center;transform: rotate(0deg);}
        .faq .faq-right .faq-body details[open] summary::after {transform: rotate(180deg);}
        .faq .faq-right .faq-body details p {color: var(--neutral_text-dark-grayish-blue);line-height: 18px;padding-right: 25px;font-weight: 400;font-size: 16px;margin-top: 20px;}
        .faq .faq-right .faq-body details a {color: #f4853b}
        /* .faq .faq-right .faq-body details:hover{
          color: #f4853b;
        } */
        
        @media (min-width: 375px) {
            .faq .faq-left-desktop {
                display: block;
            }
            .faq .faq-left-mobile {
                display: none;
            }
        }
        @media (max-width: 375px) {
            body {
                height: auto;
            }
            
            .faq {
                width: 90%;
                height: auto;
                margin: 0px auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                position: unset;
                top: unset;
                left: unset;
                transform: unset;
            }
            .faq .faq-right {
                width: 100%;
                padding: 25px;
                align-items: center;
            }
            .faq .faq-right .faq-title {
                margin-bottom: 35px;
            }
            .faq .faq-right .faq-body {
                width: 100%;
            }
        }


.counter-number{
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 17px;
    border: 1px solid #f4853b;
    border-radius: 50%;
    padding: 0px 5px;
    color: #ffffff;
    background-color: #f4853b;
    letter-spacing: 0px;
}
/*******product-01 card*****/
.container-fluid{
  
}
.product-card{
  background-color: #dedede;
    padding: 6px;
    position: relative;
    overflow: hidden;
}
.product-card p{
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    height: 65px;
}
.product-card img {
   width: 100%;
   height: auto;
}
.baner-img{
  width: 100%;
  height: 400px;
}
.shop-now{
  padding: 60px 45px 0px 110px;
}
.shop-now h2{
  font-size: 3.1875em;
    margin-top: 40px;
}
.product-item-card{
  border: 1px solid #dedede;
  padding: 70px 28px;
}
.product_new_arrival .item h4{
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: capitalize;
}
.product_new_arrival .item{
  margin: 10px;
  text-align: center;
}
.product-img{
  width: 140px;
  height: 140px;
}
.heart{
  font-size: 25px;
    margin-top: 12px;
    color: #000;
}
.hr-01{
 width: 87%;
align-items: start;
margin-left: 0;   
}


.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 1px solid #dedede;
  border-right: none;
  padding: 5px;
  height: 38px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
    height: 38px;
    border: 1px solid #dedede;
    background: #fff;
    text-align: center;
    color: #000;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.plr-15{
  padding: 0 15px;
}
.wrap{
  width: 100%;
}
/*price filter*/
.wrapper_0 {
  
}
.filter-price {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0; 
}

.price-title {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-field {
  position: relative;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-top: 15px;
  border-radius: 3px;
}

.price-field input[type=range] {
    position: absolute;
}

/* Reset style for input range */

.price-field input[type=range] {
  width: 100%;
  height: 2px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 100%;
  height: 2px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb { 
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-top: -4px;
    background-color: #f4853b;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb { 
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #f4853b;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  { 
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #f4853b;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track { 
  /* WebKit/Blink */
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #f4853b;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track { 
  /* Firefox */
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #f4853b;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #f4853b;
  border-radius: 5px;
}

/* Style for input value block */

.price-wrap {
  display: flex;
  justify-content: center;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 7px;
}

.price-wrap-1, 
.price-wrap-2 {
  display: flex;
}

.price-title {
  margin-right: 5px;
  color: #000;
}

.price-wrap_line {
  margin: 0 10px;
}

.price-wrap #one, 
.price-wrap #two {
  width: 80px;
  text-align: right;
  margin: 0;
  padding: 0;
  margin-right: 2px;
  background:  0;
  border: 0;
  outline: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-wrap label {
  text-align: right;
}

/* Style for active state input */
    
.price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #fff;
  transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #fff;
  transition-duration: 0.3s;
}
.button_tag a{
  display: inline-block;
    font-size: .75em;
    line-height: 1;
    padding: 0.77em 1.1em;
    background-color: #d8d8d8;
    text-transform: uppercase;
    color: #6f6f6f;
    margin-top: 0.8em;
    margin: 0.8em 0.7em 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.button_tag a:hover{
  background-color: #f4853b;
    color: #fff;
}
/*dashboard*/
.dashboard .wrapper {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
.dashboard .wrapper .sidebar {
  background: #f4853b;
  display: flex;
  width: 250px;
  flex-direction: column;
  flex: 0 0 250px;
  margin: 0px;
  overflow: auto;
  height: auto;
  padding-right: 0px;
}
@media (max-width: 980px) {
  .dashboard .wrapper .sidebar {
    z-index: 2;
    width: 100%;
    height: 60px;
    overflow: hidden;
  }
}
.dashboard .wrapper .sidebar .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 20px;
}
@media (max-width: 980px) {
  .dashboard .wrapper .sidebar .logo {
    padding-top: 10px;
    justify-content: left;
  }
}
.dashboard .wrapper .sidebar .menu {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.dashboard .wrapper .sidebar .menu > div {
  padding: 20px;
  border-bottom: 2px solid #fff !important;
 
}
.dashboard .wrapper .sidebar .menu > div:hover{
  background-color: #fff;

  box-shadow: 0 0 10px #f4853b;
}
.dashboard .wrapper .sidebar .menu > div:hover a{
  color: #f4853b !important;
}
.dashboard .wrapper .sidebar .active{
  background-color: #fff;
  
  box-shadow: 0 0 10px #f4853b;
}
.dashboard .wrapper .sidebar .active a{
  color: #f4853b !important;
}
.dashboard .wrapper .sidebar .menu a {
  color: #fff;
  text-decoration: none;
}
.dashboard .wrapper .sidebar .bottom {
  margin-top: auto;
  padding: 13px 20px;
  text-align: center;
  background: #ee5f00;
}
.dashboard .wrapper .sidebar .bottom a {
  color: #fff;
  text-decoration: none;
}
.dashboard .wrapper .main {
  background: #fafafa;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 980px) {
  .dashboard .wrapper .main {
    margin-left: 0;
    margin-top: 60px;
  }
}
.dashboard .wrapper .main .topbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #dadada;
  position: sticky;
  top: 0;
}
.dashboard .wrapper .main .topbar h4{
    text-transform: uppercase;
}
.dashboard .wrapper .main .topbar .menu {
  margin-left: auto;
  display: flex;
}
@media (max-width: 768px) {
  .dashboard .wrapper .main .topbar .menu span {
    display: none;
  }
}
.dashboard .wrapper .main .topbar .menu a {
  color: #000;
  text-decoration: none;
  border-radius: 5px;
  background: #eff0f3;
  padding: 10px 15px;
  margin-left: 20px;
}
.dashboard .wrapper .main .content {
  padding: 20px;
}
@media (max-width: 768px) {
  .dashboard .wrapper .main .content {
    flex-flow: column nowrap;
  }
}
.dashboard .wrapper .main .content::before, .wrapper .main .content::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}
.dashboard .wrapper .main .content .box {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 20px;
  border: 1px solid #dadada;
  background: #fff;
}
@media (max-width: 768px) {
  .dashboard .wrapper .main .content .box {
    width: 100%;
    margin-right: 0%;
  }
}
.dashboard .wrapper .main .content .box:nth-child(2n) {
  margin-right: 0;
}
.dashboard .wrapper .main .content .box:nth-child(2n+1) {
  order: 1;
}
.dashboard.wrapper .main .content .box:nth-child(2n+2) {
  order: 2;
}



.dashboard label {
    font-weight: 500 !important;
    text-transform: uppercase;
}
@media (max-width: 980px) {
  .dashboard label {
    display: block !important;
    font-size: 14px;
  }
}

.dashboard input:checked ~ div.sidebar {
  height: 100% !important;
}

.file-upload {
  background-color: #dedede;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 25px;
}

.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #f3f3f3;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  font-weight: 100;
  text-transform: uppercase;
  font-size: 20px;
  padding: 30px 0;
}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}
.w-100{
  width: 100%;
    border-radius: 0;
}
.order-card{
  background-color: #fff;
  padding: 10px;
}
.order-card .col-md-3 a{
  background: #e6e6e6;
    padding: 5px;
    color: red;
    font-weight: 600;
    font-size: 8px;
}
.order-card .col-md-7 a{
  font-weight: 600;
  color: #029200;
}
.order-card .d-flex-01 ul li{
  font-size: 12px;
  line-height: 22px;
}
.order-card input{
  
}




.card-wrapper{
    max-width: 1100px;
    margin: 0 auto;
}
.card-wrapper img{
    width: 100%;
    display: block;
}
.card-wrapper .img-item img {
   
}
.img-display{
    overflow: hidden;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}
.img-showcase{
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.img-showcase img{
    min-width: 100%;
}
.img-select{
    display: flex;
    border: 1px solid #dfdfdf;
}
.img-item{
    margin: 0.3rem;
    width: 100px;
}
.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3),
.img-item:nth-child(4),
.img-item:nth-child(5),
.img-item:nth-child(6){
    margin-right: 0;
    border-right: 1px solid #dfdfdf;
}
.img-item:hover{
    opacity: 0.8;
}
.product-content{
    padding: 2rem 1rem;
}
.product-title{
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    color: #000;
    margin: 1rem 0;
}
.product-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 80px;
    background: #000;
}
.product-link{
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    background: #256eff;
    color: #fff;
    padding: 0 0.3rem;
    transition: all 0.5s ease;
}
.product-link:hover{
    opacity: 0.9;
}
.product-rating{
    color: #ffc107;
}
.product-rating span{
    font-weight: 600;
    color: #252525;
}
.product-price{
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 700;
}
.product-price span{
    font-weight: 400;
}
.last-price span{
    color: #f64749;
    text-decoration: line-through;
}
.new-price span{
    color: #256eff;
}
.product-detail h2{
    text-transform: capitalize;
    color: #000;
    padding-bottom: 0.6rem;
}
.product-detail p{
    font-size: 0.9rem;
    opacity: 0.8;
}
.product-detail ul{
    margin: 1rem 0;
    font-size: 0.9rem;
}
.product-detail ul li{
    margin: 0;
    list-style: none;
    background: url(../../../fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) left center no-repeat;
    background-size: 18px;
    padding-left: 1.7rem;
    margin: 0.4rem 0;
    font-weight: 600;
    opacity: 0.9;
}
.product-detail ul li span{
    font-weight: 400;
}
.purchase-info{
    margin: 1.5rem 0;
    display: flex;
}
.purchase-info input,
.purchase-info .btn{
    border: 1.5px solid #ddd;
    border-radius: 0px;
    text-align: center;
    padding: 0.45rem 0.8rem;
    outline: 0;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
}
.purchase-info input{
    width: 60px;
}
.purchase-info .btn{
    cursor: pointer;
    color: #fff;
}
.purchase-info .btn:first-of-type{
    background: #256eff;
}
.purchase-info .btn:last-of-type{
    background: #f64749;
}
.purchase-info .btn:hover{
    opacity: 0.9;
}
.social-links{
    display: flex;
}
.social-links a,.social-links span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #aaa;
    border: 1px solid #aaa;
    margin: 0 0.2rem;
    border-radius: 0;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.5s ease;
}
.social-links a:hover{
    background: #000;
    border-color: transparent;
    color: #fff;
}
.card-wrapper .card{
    width: 100%;
}

@media screen and (min-width: 992px){
    .card-wrapper .card{
        
    }
    .card-wrapper{
        display: flex;
        justify-content: center;
    }
    .product-imgs{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .product-content{
        padding-top: 0;
    }
}

.qty {
  display: flex;
  justify-content: flex-start;
}
.qty label {
  flex: 1 0 100%;
}
.qty input {
  width: 3rem;
  height: 2rem;
  font-size: 1.3rem;
  text-align: center;
  border: 1px solid #575757;
}
.qty button {
  width: 2rem;
  height: 2rem;
  color: #000;
  font-size: 1rem;
  background: #fff;
  border-color: #999;
  outline: none;
}
.qty button.qtyminus {
  margin-right: 0.3rem;
}
.qty button.qtyplus {
  margin-left: 0.3rem;
}
.container-qty {
  
}
.container-qty h1 {
  font-weight: bold;
}

.quantity-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin: 0 auto;
  border-radius: 10px;
  padding: 0.1rem 0.4rem;
  margin-top: 0rem;
}

.quantity-btn {
  background: transparent;
  border: 1px solid #b2b2b2;
  outline: none;
  margin: 0;
  padding: 0px 8px;
  cursor: pointer;
}
.quantity-btn svg {
  width: 8px;
  height: 8px;
}
.quantity-input {
  outline: none;
  user-select: none;
  text-align: center;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #b2b2b2;
}
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.color_box div {
  width: 20px;
  height: 20px;
  margin: 0 3px;
  background: red;
   float : left;
}

.color_box div:nth-child(2n) {
  background : #f4853b;
}

.color_box div:nth-child(3n) {
  background :black;
}
.color_box div:nth-child(4n) {
  background :gray;
}

.ease {
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
      transition: all .5s;
}

.container {
  
}

#tab_detail .tabs {
  background: #fff;
  position: relative;
  margin-bottom: 50px;
}

#tab_detail .tabs > input,
#tab_detail .tabs > span {
  width: 50%;
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
}

#tab_detail .tabs > input {
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  z-index: 99;
}

#tab_detail .tabs > span {
  background: #f0f0f0;
  text-align: center;
  overflow: hidden;
}

#tab_detail .tabs > span i,
#tab_detail .tabs > span {
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
      transition: all .5s;
}

#tab_detail .tabs > input:hover + span {
  background: rgba(255,255,255,.1);
}

#tab_detail .tabs > input:checked + span {
  background: #fff;
}

#tab_detail .tabs > input:checked + span,
#tab_detail .tabs > input:hover + span {
  color: #f4853b;
  border-bottom: 2px solid #f4853b;
}

#tab-1, #tab-1 + span {
  left: 0;
}

#tab-2, #tab-2 + span {
  left: 50%;
}

#tab-3, #tab-3 + span {
  left: 50%;
}

#tab-4, #tab-4 + span {
  left: 75%;
}

#tab-5, #tab-5 + span {
  left: 80%;
}

#tab_detail .tab-content {
  padding: 80px 20px 20px;
  width: 100%;
  min-height: 340px;
}

#tab_detail .tab-content section {
  width: 100%;
  display: none;
}

#tab_detail .tab-content section h1 {
  margin-top: 15px;
  font-size: 100px;
  font-weight: 100;
  text-align: center;
}

#tab-1:checked ~ .tab-content #tab-item-1  {
  display: block;
}

#tab-2:checked ~ .tab-content #tab-item-2  {
  display: block;
}

#tab-3:checked ~ .tab-content #tab-item-3  {
  display: block;
}

#tab-4:checked ~ .tab-content #tab-item-4  {
  display: block;
}

#tab-5:checked ~ .tab-content #tab-item-5  {
  display: block;
}

/* effect-1 */

.effect-1 > input:checked + span {
  background: #fff;
}


/* effect-2 */

.effect-2 span i{
  padding-right: 15px;
}

@media (max-width: 600px) {
  .effect-2 span span {display: none;}
  .effect-2 span i {padding: 0;}
}

/* effect-3 */

.effect-3 .line{
  background: #f4853b;
  width: 20%;
  height: 4px;
  position: absolute;
  top: 56px;
}

#tab-1:checked ~ .line {
  left: 0;
}

#tab-2:checked ~ .line {
  left: 20%;
}

#tab-3:checked ~ .line {
  left: 40%;
}

#tab-4:checked ~ .line {
  left: 60%;
}

#tab-5:checked ~ .line {
  left: 80%;
}


/* effect-4 */

.effect-4 span i{
  font-size: 18px;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  transform: translateX(-50%);
}

.effect-4 span span{
  position: relative;
  top: 10px;
}

.effect-4 > input:checked + span i,
.effect-4 > input:hover + span i {
  top: 20%;
  opacity: 1;
}

/* effect-5 */

.effect-5 > input:checked + span i,
.effect-5 > input:hover + span i {
  font-size: 25px;
}
.bg-gray-01{
  background-color: #dedede;
}


.order-card .tabs-left {
  border-bottom: none;
}
.order-card .nav-tabs>li>a:hover{
  border: none !important;
}
.sideways li a{
  padding: 10px;
  background-color: #b2b2b2;
  border-radius:0px;
  color: #000;
  margin-bottom: 1px;
  font-size: 12px;
  font-weight: 600;
}
.order-card .tabs-left>li {
  float: none;
  margin: 0px;
}
.order-card .nav-tabs{
  display: block;
}

.order-card .tabs-left>li.active>a,
.order-card .tabs-left>li.active>a:hover,
.order-card .tabs-left>li.active>a:focus {
  
  background:#0a082d;
  border:none;
  border-radius:0px;
  color: #fff; 
}
.order-card .nav-tabs>li:hover a{
  color: #fff;  
}
.order-card .nav-tabs>li:hover{
  background:#0a082d;
  border:none !important;
  
}
.order-card li .fa{
  margin-right: 10px;
}
.order-card .nav-tabs>li:hover a::after{content: "";
   content: "";
    position: absolute;
    top: 0px;
    right: -12px;
    border-top: 19px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid #0a082d;
    display: block;
    width: 0;}
.order-card .tabs-left>li.active>a::after{content: "";
   content: "";
    position: absolute;
    top: 0px;
    right: -10px;
    border-top: 19px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid #0a082d;
    display: block;
    width: 0;}

    .order-card .form-group{
      text-align: right;
    }

    .estimate-price-card{
      padding: 40px 10px 10px 10px;
      background-color: #f4853b;
      border-radius: 5px;
      height: 500px;
      
    }

    .sec-title{
  position:relative;
  margin-bottom:70px;
}
.sticky-button{
    background-color: #f4853b;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding: 20px;
    height: 70px;
    position: absolute;
    right: -60px;
    transform: rotate(90deg);
    z-index: 2;
}
.sticky-button:hover{
    color: #fff;
}
.sticky-button:focus{
    color: #fff;
}

.h-card{
  
}

.sec-title .title{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1em;
  color: #ff8a01;
  font-weight: 500;
  background: rgb(247,0,104);
  background: -moz-linear-gradient(to left, rgba(247,0,104,1) 0%, rgba(68,16,102,1) 25%, rgba(247,0,104,1) 75%, rgba(68,16,102,1) 100%);
  background: -webkit-linear-gradient(to left, rgba(247,0,104,1) 0%,rgba(68,16,102,1) 25%,rgba(247,0,104,1) 75%,rgba(68,16,102,1) 100%);
  background: linear-gradient(to left, rgba(247,0,104) 0%,rgba(68,16,102,1) 25%,rgba(247,0,104,1) 75%,rgba(68,16,102,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F70068', endColorstr='#441066',GradientType=1 );
  color: transparent;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 15px;
}

.sec-title h2{
  position:relative;
  display: inline-block;
  font-size:48px;
  line-height:1.2em;
  color:#1e1f36;
  font-weight:700;
}

.sec-title .text{
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #888888;
  margin-top: 30px;
}

.sec-title.light h2,
.sec-title.light .title{
  color: #ffffff;
  -webkit-text-fill-color:inherit; 
}
.pricing-section {
    position: relative;
    padding: 100px 0 80px;
    overflow: hidden;
}
.pricing-section .outer-box{
  max-width: 1100px;
  margin: 0 auto;
}


.pricing-section .row{
  margin: 0 -30px;
}

.pricing-block{
  position: relative;
  margin: 30px 0px;
}

.pricing-block .inner-box{
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 20px 15px rgba(0,0,0,0.08);
  padding: 0 0 30px;
  max-width: 370px;
  margin: 0 auto;
  border: 2px solid #f4853b;
}

.pricing-block .icon-box{
  background-color: #f4853b;
  text-align: center;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
}

.pricing-block .icon-box:before{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 75px;
  width: 100%;
  border-radius: 50% 50% 0 0;
  background-color: #ffffff;
  content: "";
}


.pricing-block .icon-box .icon-outer{
  position: relative;
  height: 150px;
  width: 150px;
  background-color: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
  padding: 10px;
}

.pricing-block .icon-box i{
  position: relative;
  display: block;
  height: 130px;
  width: 130px;
  line-height: 120px;
  border: 5px solid #f4853b;
  border-radius: 50%;
  font-size: 50px;
  color: #f4853b;
  -webkit-transition:all 600ms ease;
  -ms-transition:all 600ms ease;
  -o-transition:all 600ms ease;
  -moz-transition:all 600ms ease;
  transition:all 600ms ease;
}

.pricing-block .inner-box:hover .icon-box i{
  transform:rotate(360deg);
}

.pricing-block .price-box{
  position: relative;
  text-align: center;
  padding: 10px 20px;
}

.pricing-block .title{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1.2em;
  color: #222222;
  font-weight: 600;
}

.pricing-block .price{
  display: block;
  font-size: 30px;
  color: #222222;
  font-weight: 700;
  color: #f4853b;
}


.pricing-block .features{
  position: relative;
  max-width: 200px;
  margin: 0 auto 20px;
}

.pricing-block .features li{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #848484;
  font-weight: 500;
  padding: 5px 0;
  padding-left: 30px;
  border-bottom: 1px dashed #dddddd;
}
.pricing-block .features li:before {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 16px;
    color: #2bd40f;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f00c";
    font-family: 'FontAwesome';
    margin-top: -8px;
}
.pricing-block .features li.false:before{
  color: red;
  content: "\f00d";
}

.pricing-block .features li a{
  color: #848484;
}

.pricing-block .features li:last-child{
  border-bottom: 0;
}

.pricing-block .btn-box{
  position: relative;
  text-align: center;
}

.pricing-block .btn-box a{
  font-size: 30px;
  font-weight: bold;
}

.pricing-block .btn-box a:hover{
  color: #ffffff;
}

.pricing-block .inner-box:hover .btn-box a{
  color:#f4853b;
}
.pricing-block .inner-box:hover{
  box-shadow: 0 0 10px #999;
}

.pricing-block:nth-child(2) .icon-box i,
.pricing-block:nth-child(2) .inner-box{
  border-color: #bb5511;

}

.pricing-block:nth-child(2) .icon-box{
  background: #bb5511;
}

.pricing-block:nth-child(2) .inner-box:hover .btn-box a{
  color:#da6618;
  background:none;
  border-radius:0px;
  border-color:#da6618;
}

.pricing-block:nth-child(2) .icon-box i,
.pricing-block:nth-child(2) .price{
  color: #da6618;
}

.pricing-block:nth-child(3) .icon-box i,
.pricing-block:nth-child(3) .inner-box{
  border-color: #131221;
}

.pricing-block:nth-child(3) .icon-box{
 background-color: #131221;
}

.pricing-block:nth-child(3) .icon-box i,
.pricing-block:nth-child(3) .price{
  color: #a14507;
}

.pricing-block:nth-child(3) .inner-box:hover .btn-box a{
  color:#a14507;
  background:none;
  border-radius:0px;
  border-color:#a14507;
}
/*timeline*/

.example-container {
  border: 1px dotted #555;
  border-radius: 5px;
  background: #f4853b;
  padding: 50px 40px;
}

#large-dots {
  display: inline-block;
  width: 100%;
  color: #333333;
 
}
.fixedElement{
  z-index: 1;   
}
#large-dots ul.chains {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  z-index: 1;
}
#large-dots ul.chains::before {
  content: "";
  position: absolute;
  border-color: #000;
  border-style: solid;
  border-width: 0 0 2px 0;
  width: 95%;
  z-index: -1;
  top: 21px;
}
#large-dots li.chain {
  display: inline-block;
  list-style-type: none;
  background-color: #f4853b;
  margin-left: 160px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0 0 5px #000;
}
#large-dots li.chain.enabled {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
#large-dots li.chain.enabled .price {
  /**
       * If I change the font size, the circle
       * alignment gets screwed up
       */
  /* font-size: 3em; */
}
#large-dots li.chain .nav-link p{
    width: 130px;
    text-align: left;
}
#large-dots li.chain:first-child {
  margin-left: 0;
}
#large-dots .price {
  font-size: 1.25em;
  font-weight: 700;
  cursor: pointer;
  color: #000;
}
#large-dots .price:hover{
    background-color: #fff;
    color: #000;
    border-radius: 50%;
}

.material-card{
 border: 2px solid #b4b4b4;
 
}
.material-card img{
   
}
.select_materials .item{
  margin: 20px;
}
.material-card h4{
  margin-bottom: -1px;
  text-align: center;
  background-color: #dddddd;
  padding: 10px;
  letter-spacing: 2px;
  margin-top: 0;
}
.material-card:hover{
 border: 2px solid #f4853b;
}
.material-card .reveal-details{
    display: none;
}
.material-card .reveal-details{
  text-align: center;  
}
.material-card .reveal-details p{
    color: #000;
}
.material-card:hover .reveal-details{
    display: block;
}

.material-card:hover h4{
  background-color: #f4853b;
}
.registration-box{
  padding: 80px 20px;
  background-color: #f4853b; 
}
.ptb-180{
  padding-bottom: 180px;
  padding-top: 180px;
}
.ptb-150{
  padding-bottom: 150px;
  padding-top: 150px;
}

/*scrool to*/

.privacy-section .nav{
  display: flex;
  flex-wrap: wrap;
}
.privacy-section .nav li{
  padding: 10px 30px;
    background-color: #eeeeee;
    border-radius: 30px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.privacy-section .nav li:hover{
  background-color: #f4853b; 
}
.privacy-section .nav li:hover a{
  color: #fff;
}
.privacy-section .nav li a{
  color: black;
  text-transform: uppercase;
}
.block {
  margin-left: 20px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mt-76{
  margin-top: 56px !important;
}

.mt-37{
  margin-top: 37px !important;
}
.ptb-10{
  padding: 10px 0 !important;
}
.width-80{
    width: 80%;
}
.br-30{
  border-radius: 30px !important;
  border: 2px solid #fff;
}
.w-100px{
    width: 100px !important;
}
.br-30-radius{
 border-radius: 30px !important;   
}
.Congratulations .content .content-overlay {
  background: rgb(0 0 0 / 14%);
  position: absolute;
  height: 71%;
  width: 93%;
  left: 14px;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  border-radius: 10px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.Congratulations .content:hover .content-overlay{
  opacity: 1;
}

.Congratulations .content-image{
  width: 100%;
    border: 5px solid #f4853b;
    border-radius: 10px;
}

.Congratulations .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.Congratulations .content:hover .content-details{
  top: 38%;
  left: 50%;
  opacity: 1;
}

.Congratulations .content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.Congratulations .content-details p{
  color: #fff;
  font-size: 0.8em;
}

.Congratulations .fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}
.p-map{
  padding: 230px 30px;
}
.bg-input{
  background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
}

.fadeIn-right{
  left: 80%;
}
.tp-parallax-wrap{
  text-align: center !important;
  padding-top: 0px !important;
}
.tp-resizeme{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 60px !important;
  letter-spacing: 5px !important;
}
.tp-linesplit{text-align: center !important;font-weight: bolder !important;  }
.slide-subtitle{text-align: center !important;font-weight: 500 !important; font-family: 'poppins', sans-serif;
  font-size: 18px !important;
  letter-spacing: 2px !important;width: 725px !important;}
  
 .stats h5{
     font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
 }

/******bottom nav********/
.bottom-nav{
  position: absolute;
  top: 136px;
  background: #dedede;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #999;
}
.bottom-nav ul{
  display: inline-flex;
}
.pt-200{
  padding-top: 100px;
}
.pt-120{
  padding-top: 120px;
}
.pt-80{
  padding-top: 80px;
}

.area-height{
    height: 775px;
    /* overflow-y: scroll; */
    padding: 40px;
    width: 57%;
}
.filter-rupee{
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 16px;
}
.strong-heading{
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.pt-95{
    padding-top: 95px;
}
.service-top{
    margin-top: 58px;
}
.mt-7{
    margin-top: 7px;
}
.mt-2{
    margin-top: 20px;
}
.ptb-50{
    padding: 50px 0;
}
.ptb-padding-50{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.bg-light{
    background-color: #dedede;
}
.uk-card{
  position: relative;
    width: 100%;
    min-height: 16em;
    transition: background-color 1s;
}
.uk-card:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000059;
    content: ' ';
}
.card-subtitle{
    position: absolute;
    color: #ffff;
    font-size: 20px;
    line-height: 25px;
    padding: 0 20px;
    top: 125px;
}
.img-1{
    background: rgba(0,0,0,0) url('../img/gallery/1_0008_2.jpg');
    background-size: cover;
}
.img-2{
    background: rgba(0,0,0,0) url('../img/gallery/1_0007_3.jpg');
    background-size: cover;
}
.img-3{
    background: rgba(0,0,0,0) url('../img/gallery/1_0006_4.jpg');
    background-size: cover;
}


/*****Media Quires********/
@media(min-width: 1024px){
   
   
}
@media (min-width: 1600px){
    .navbar-desctop-menu li ul{
        min-width: 1845px;
    }
    /*.navbar-desctop-menu > li > .secound-child {*/
    /*    left: -902px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .thried-child {*/
    /*    left: -1206px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .four-child {*/
    /*    left: -1503px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .first-child {*/
    /*    left: -538px;*/
    /*}*/
    .navbar-desctop-menu li:hover > ul{
        padding-left: 537px;
    }
    .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
        height: 800px;
    }
    .shop-now{
        padding: 80px 45px 0px 110px;
    }
    
}
@media (min-width: 1900px){
    .navbar-desctop-menu li ul{
        min-width: 1900px;
    }
    /*.navbar-desctop-menu > li > .first-child {*/
    /*    left: -739px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .secound-child {*/
    /*    left: -1104px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .thried-child {*/
    /*    left: -1408px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .four-child {*/
    /*    left: -1704px;*/
    /*}*/
    .navbar-desctop-menu li:hover > ul {
        padding-left: 740px;
    }
    .container-fluid {
        width: 1670px;
    }
}

@media (min-width: 1900px){
    .navbar-desctop-menu li ul{
        min-width: 1900px;
    }
    /*.navbar-desctop-menu > li > .first-child {*/
    /*    left: -739px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .secound-child {*/
    /*    left: -1104px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .thried-child {*/
    /*    left: -1408px;*/
    /*}*/
    /*.navbar-desctop-menu > li > .four-child {*/
    /*    left: -1704px;*/
    /*}*/
    .navbar-desctop-menu li:hover > ul {
        padding-left: 740px;
    }
    .container-fluid {
        width: 1670px;
    }
}

@media (max-width: 576px){
    .brand-panel{
        display: none;
    }
    .owl-prev{
        left: -12px;
    }
    .owl-next{
        right: -18px;
    }
    .navbar-mobile-menu-01{
        display: flex;
    }
    .btn{
        font-size: 12px !important;
        padding: 3px !important;
    }
    .menu-btn {
        padding: 3px 10px !important;
        letter-spacing: 0 !important;
    }
    .navbar-mobile-menu-01 li{
        margin-right: 8px;
    }
    .tp-revslider-mainul{
        height: 80% !important;
    }
    .service-item{
        text-align: left;
    }
    .tp-resizeme{
        line-height: 50px !important;
        font-size: 50px !important;
    }
    .tp-parallax-wrap{
        padding-top: 0!important;
        top: 130px !important;
    }
    .slide-subtitle{
        height: 370px !important;
        top: 240px;
        font-size: 15px !important;
    }
    .tp-fullwidth-forcer{
        height: 533px !important;
    }
    h2, .h2{
        font-size: 2.1875em;
        letter-spacing: 4px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .section-content{
        margin-top: 1.1em !important;
    }
    .section{
        padding-top: 3.1em !important;
    }
    .col-about-title{
        text-align: center;
    }
    .social-list{
        margin-left: 0px;
    }
    .text-right-md .social-list {
        margin-left: 42px;
    }
    .sidebar {
        width: 100%;
        height: auto !important;
        overflow-y: scroll;
        position: inherit !important;
        top: 0px !important;
        margin-bottom: 20px;
    }
    .pt-200 {
        padding-top: 100px;
    }
    .product-card{
        margin-bottom: 20px;
    }
    .stats img {
        margin-right: 10px;
        width: 40px;
        margin-top: -20px;
    }
    .mobile-count{
        display: flex;
        flex-wrap: wrap;
    }
    .counting{
      font-size: 16px;
    }
    .stats h5{
      font-size: 16px;
    }
    .stats{
     width: 180px;
      padding: 5px;
    }
    .experience-info{
      font-size: 1.5625em;
    }
    .text-parallax-content{
      font-size: 9.8em;
    }
    .p-map {
        padding: 50px 30px;
    }
    .js-target-scroll{
      margin-left: 15px;
    }
    .js-target-scroll img{
      width: 125px;
    }
    .counter-number{
      left: auto;
      top: 15px;
      margin-left: -5px;
    }
    .mobile-footer{
      display: block !important;
    }
    .top-space{
      padding: 50px 0 !important;
      margin-top: 40px;
    }
    .main{
      min-height: 300px;
    }
    .col-mo-3 a{
      width: 50% !important;
    }
    .select:after{
      right: 10px !important;
      top: -4px !important;
    }
    .mobile-filters{
      display: block !important;
    }
    .tab-nav-link{
      width: 107px !important;
    }
    .alt-font{
      font-size: 40px;
    }
    .plr-90{
      padding: 0 15px;
    }
    #menuToggle{
      display: block !important;
    }
    .dashboard .wrapper .sidebar{
      display: none !important;
    }
    .container{
      width: 100%;  
    }
    .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
      min-height: 500px;
      height: 500px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .containerc1 .slider-button{
      margin-left: -9px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .footer{
      background-color: #fff;
    }
    .footer-row{
      display: flex;
      flex-wrap: wrap;
    }
    .footer-row .col-md-3:nth-child(1){
      width: 100%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(2){
      width: 36%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(3){
      width: 64%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(4){
      width: 100%;
    }
    .p-mobile-0{
      padding: 0;
    }
    .tab .tablinks {
      border: 2px solid #dbdada !important;
      background-color: #dbdada !important;
      color: #000 !important;
      width: 162px !important;
      border-radius: 0px !important;
    }
    .mobile-filters .tab .active{
      border: 2px solid #f4853b !important;
      color: #fff !important;
      background-color: #f4853b !important;
    }
    .display-none{
      display: none;
    }
    .mobile-img img {
      width: 49% !important;
      height: auto !important;
      margin-top: 3px;
    }
    .background-img .row .col-md-8 img{
      height: auto !important;
    }
    .mobile-row{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .mobile-row .col-md-4{
      width: 50%;
    }
    .product-card img{
      width: 100% !important;
      top: 95px;
    }
    .product-card{
     
    }
    .pl-45{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .shop-now{
      padding: 0 25px;
      display: flex;
      align-items: center;
    }
    .product-img{
      width: 100px;
      height: 100px;
    }
    .ptb-padding-50 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .ptb-padding-50 .row{
      display: flex;
      align-items: center;
    }
    .js-projects-gallery{
      display: flex;
      flex-wrap: wrap;
    }
    .js-projects-gallery .project{
      width: 50% !important;
    }
    .justify-content-space-btwn{
      display: flex;
      justify-content: space-between;
    }
    .mt-5 {
      margin-top: 20px !important;
    }
    .phone-view{
      display: none !important;
    }
    .ptb-50 .banner-order .row {
        display: flex;
        align-items: center;
    }
    .ptb-50 .banner-order {
        padding: 30px 10px !important;
    }
    .p-0-phone{
      padding: 0 !important;
    }
    .font-25{
      font-size: 16px;
    }
    .checkbox-list [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label{
      font-size: 12px;
    }
    .top-space-01 {
        padding: 40px 0 !important;
        margin-top: 50px;
    }
    .h-200{
      height: 200px;
    }
    .mobile-padding .col-md-3,.col-md-9{
      padding: 0;
    }
    .w-45{
      width: 45%;
    }
    .w-57{
      width: 57%;
      margin-left: -40px;
    }
    .w-42{
      width: 42%;
    }
    .w-58{
      width: 58%;
    }
    .mobile-d-flex{
      display: flex;
    }
    .mobile-image-none{
        display: none;
    }
    #large-dots ul.chains {
        display: flex;
    }
    #large-dots li.chain{
        margin-left: 25px !important;
    }
    #large-dots .chain p{
        font-size: 9px;
    }
    .ptb-32 {
        padding: 25px 40px !important;
    }
    #carousel-example-generic .carousel-control{
        display: none;
    }
    .carousel-indicators {
        left: 50% !important;
        bottom: 35px;
    }
    .owl-buttons{
        display: none;
    }
    .h4-service{
        width: 120px;
        margin-left: 0;
        font-size: 16px;
    }
    .tabbable .nav-tabs{
        flex-wrap: wrap;
    }
    .parentTabs .nav-tabs li{
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .js-projects .project .card h3{
        height: 60px;
    }
    .img-circle{
        margin: auto;
        width: 50%;
    }
    .deliver-order li {
        width: 45%;
        font-size: 12px;
        font-weight: 500;
        margin-right: 15px;
    }
    #carousel-example-generic {
        top: 40px;
    }
}
 @media (max-width: 480px){
     #carousel-example-generic {
        top: 40px;
    }
     .owl-prev{
        left: -12px;
    }
    .owl-next{
        right: -18px;
    }
    .brand-panel{
        display: none;
    }
    .navbar-mobile-menu-01{
        display: flex;
    }
    .btn{
        font-size: 12px !important;
        padding: 3px !important;
    }
    .menu-btn {
        padding: 3px 10px !important;
        letter-spacing: 0 !important;
    }
    .navbar-mobile-menu-01 li{
        margin-right: 8px;
    }
    .tp-revslider-mainul{
        height: 80% !important;
    }
    .service-item{
        text-align: left;
    }
    .tp-resizeme{
        line-height: 50px !important;
        font-size: 50px !important;
    }
    .tp-parallax-wrap{
        padding-top: 0!important;
        top: 130px !important;
    }
    .slide-subtitle{
        height: 370px !important;
        top: 240px;
        font-size: 15px !important;
    }
    .tp-fullwidth-forcer{
        height: 533px !important;
    }
    h2, .h2{
        font-size: 2.1875em;
        letter-spacing: 4px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .section-content{
        margin-top: 1.1em !important;
    }
    .section{
        padding-top: 3.1em !important;
    }
    .col-about-title{
        text-align: center;
    }
    .social-list{
        margin-left: 0px;
    }
    .text-right-md .social-list {
        margin-left: 42px;
    }
    .sidebar {
        width: 100%;
        height: auto !important;
        overflow-y: scroll;
        position: inherit !important;
        top: 0px !important;
        margin-bottom: 20px;
    }
    .pt-200 {
        padding-top: 100px;
    }
    .product-card{
        margin-bottom: 20px;
    }
    .stats img {
        margin-right: 10px;
        width: 40px;
        margin-top: -20px;
    }
    .mobile-count{
        display: flex;
        flex-wrap: wrap;
    }
    .counting{
      font-size: 16px;
    }
    .stats h5{
      font-size: 16px;
    }
    .stats{
      width: 180px;
      padding: 5px;
    }
    .experience-info{
      font-size: 1.5625em;
    }
    .text-parallax-content{
      font-size: 9.8em;
    }
    .p-map {
        padding: 50px 30px;
    }
    .js-target-scroll{
      margin-left: 15px;
    }
    .js-target-scroll img{
      width: 125px;
    }
    .counter-number{
      left: auto;
      top: 15px;
      margin-left: -5px;
    }
    .mobile-footer{
      display: block !important;
    }
    .top-space{
      padding: 50px 0 !important;
      margin-top: 40px;
    }
    .main{
      min-height: 300px;
    }
    .col-mo-3 a{
      width: 50% !important;
    }
    .select:after{
      right: 10px !important;
      top: -4px !important;
    }
    .mobile-filters{
      display: block !important;
    }
    .tab-nav-link{
      width: 107px !important;
    }
  
    .plr-90{
      padding: 0 15px;
    }
    #menuToggle{
      display: block !important;
    }
    .dashboard .wrapper .sidebar{
      display: none !important;
    }
    .container{
      width: 100%;  
    }
    .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
      min-height: 500px;
      height: 500px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .containerc1 .slider-button{
      margin-left: -9px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .footer{
      background-color: #fff;
    }
    .footer-row{
      display: flex;
      flex-wrap: wrap;
    }
    .footer-row .col-md-3:nth-child(1){
      width: 100%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(2){
      width: 36%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(3){
      width: 64%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(4){
      width: 100%;
    }
    .p-mobile-0{
      padding: 0;
    }
    .tab .tablinks {
      border: 2px solid #dbdada !important;
      background-color: #dbdada !important;
      color: #000 !important;
      width: 162px !important;
      border-radius: 0px !important;
    }
    .mobile-filters .tab .active{
      border: 2px solid #f4853b !important;
      color: #fff !important;
      background-color: #f4853b !important;
    }
    .display-none{
      display: none;
    }
    .mobile-img img {
      width: 49% !important;
      height: auto !important;
      margin-top: 3px;
    }
    .background-img .row .col-md-8 img{
      height: auto !important;
    }
    .mobile-row{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .mobile-row .col-md-4{
      width: 50%;
    }
    .product-card img{
      width: 100% !important;
      top: 95px;
    }
    .product-card{
      
    }
    .pl-45{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .shop-now{
      padding: 0 25px;
      display: flex;
      align-items: center;
    }
    .product-img{
      width: 100px;
      height: 100px;
    }
    .ptb-padding-50 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .ptb-padding-50 .row{
      display: flex;
      align-items: center;
    }
    .js-projects-gallery{
      display: flex;
      flex-wrap: wrap;
    }
    .js-projects-gallery .project{
      width: 50% !important;
    }
    .justify-content-space-btwn{
      display: flex;
      justify-content: space-between;
    }
    .mt-5 {
      margin-top: 20px !important;
    }
    .phone-view{
      display: none !important;
    }
    .ptb-50 .banner-order .row {
        display: flex;
        align-items: center;
    }
    .ptb-50 .banner-order {
        padding: 30px 10px !important;
    }
    .p-0-phone{
      padding: 0 !important;
    }
    .font-25{
      font-size: 16px;
    }
    .checkbox-list [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label{
      font-size: 12px;
    }
    .top-space-01 {
        padding: 40px 0!important;
        margin-top: 50px;
    }
    .h-200{
      height: 200px;
    }
    .mobile-padding .col-md-3,.col-md-9{
      padding: 0;
    }
    .w-45{
      width: 45%;
    }
    .w-57{
      width: 57%;
      margin-left: -40px;
    }
    .w-42{
      width: 42%;
    }
    .w-58{
      width: 58%;
    }
    .mobile-d-flex{
      display: flex;
    }
    .mobile-image-none{
        display: none;
    }
    #large-dots ul.chains {
        display: flex;
    }
    #large-dots li.chain{
        margin-left: 25px !important;
    }
    #large-dots .chain p{
        font-size: 9px;
    }
    .ptb-32 {
        padding: 25px 40px !important;
    }
    #carousel-example-generic .carousel-control{
        display: none;
    }
        .carousel-indicators {
        left: 50% !important;
        bottom: 35px;
    }
    .owl-buttons{
        display: none;
    }
    .h4-service{
        width: 120px;
        margin-left: 0;
        font-size: 16px;
    }
    .tabbable .nav-tabs{
        flex-wrap: wrap;
    }
    .parentTabs .nav-tabs li{
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .js-projects .project .card h3{
        height: 60px;
    }
    .img-circle{
        margin: auto;
        width: 50%;
    }
    .estimate-price-card{
        height: auto !important;
    }
    .deliver-order li {
        width: 45%;
        font-size: 12px;
        font-weight: 500;
        margin-right: 15px;
    }
 }
@media (max-width: 600px){
    #carousel-example-generic {
        top: 40px;
    }
    .owl-prev{
        left: -12px;
    }
    .img-circle{
        margin: auto;
        width: 50%;
    }
    .owl-next{
        right: -18px;
    }
    .brand-panel{
        display: none;
    }
    .navbar-mobile-menu-01{
        display: flex;
    }
    .btn{
        font-size: 12px !important;
        padding: 3px !important;
    }
    .menu-btn {
        padding: 3px 10px !important;
        letter-spacing: 0 !important;
    }
    .navbar-mobile-menu-01 li{
        margin-right: 8px;
    }
    .tp-revslider-mainul{
        height: 80% !important;
    }
    .service-item{
        text-align: left;
    }
    .tp-resizeme{
        line-height: 50px !important;
        font-size: 50px !important;
    }
    .tp-parallax-wrap{
        padding-top: 0!important;
        top: 130px !important;
    }
    .slide-subtitle{
        height: 370px !important;
        top: 240px;
        font-size: 15px !important;
    }
    .tp-fullwidth-forcer{
        height: 533px !important;
    }
    h2, .h2{
        font-size: 2.1875em;
        letter-spacing: 4px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .section-content{
        margin-top: 1.1em !important;
    }
    .section{
        padding-top: 3.1em !important;
    }
    .col-about-title{
        text-align: center;
    }
    .social-list{
        margin-left: 0px;
    }
    .text-right-md .social-list {
        margin-left: 42px;
    }
    .sidebar {
        width: 100%;
        height: auto !important;
        overflow-y: scroll;
        position: inherit !important;
        top: 0px !important;
        margin-bottom: 20px;
    }
    .pt-200 {
        padding-top: 100px;
    }
    .product-card{
        margin-bottom: 20px;
    }
    .stats img {
        margin-right: 10px;
        width: 40px;
        margin-top: -20px;
    }
    .mobile-count{
        display: flex;
        flex-wrap: wrap;
    }
    .counting{
      font-size: 16px;
    }
    .stats h5{
      font-size: 16px;
    }
    .stats{
      width: 180px;
      padding: 5px;
    }
    .experience-info{
      font-size: 1.5625em;
    }
    .text-parallax-content{
      font-size: 9.8em;
    }
    .p-map {
        padding: 50px 30px;
    }
    .js-target-scroll{
      margin-left: 15px;
    }
    .js-target-scroll img{
      width: 125px;
    }
    .counter-number{
      left: auto;
      top: 15px;
      margin-left: -5px;
    }
    .mobile-footer{
      display: block !important;
    }
    .top-space{
      padding: 50px 0 !important;
      margin-top: 40px;
    }
    .main{
      min-height: 300px;
    }
    .col-mo-3 a{
      width: 50% !important;
    }
    .select:after{
      right: 10px !important;
      top: -4px !important;
    }
    .mobile-filters{
      display: block !important;
    }
    .tab-nav-link{
      width: 107px !important;
    }
  
    .plr-90{
      padding: 0 15px;
    }
    #menuToggle{
      display: block !important;
    }
    .dashboard .wrapper .sidebar{
      display: none !important;
    }
    .container{
      width: 100%;  
    }
    .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
      min-height: 500px;
      height: 500px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .containerc1 .slider-button{
      margin-left: -9px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .footer{
      background-color: #fff;
    }
    .footer-row{
      display: flex;
      flex-wrap: wrap;
    }
    .footer-row .col-md-3:nth-child(1){
      width: 100%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(2){
      width: 36%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(3){
      width: 64%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(4){
      width: 100%;
    }
    .p-mobile-0{
      padding: 0;
    }
    .tab .tablinks {
      border: 2px solid #dbdada !important;
      background-color: #dbdada !important;
      color: #000 !important;
      width: 162px !important;
      border-radius: 0px !important;
    }
    .mobile-filters .tab .active{
      border: 2px solid #f4853b !important;
      color: #fff !important;
      background-color: #f4853b !important;
    }
    .display-none{
      display: none;
    }
    .mobile-img img {
      width: 49% !important;
      height: auto !important;
      margin-top: 3px;
    }
    .background-img .row .col-md-8 img{
      height: auto !important;
    }
    .mobile-row{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .mobile-row .col-md-4{
      width: 50%;
    }
    .product-card img{
      width: 100% !important;
      top: 95px;
    }
    .product-card{
      
    }
    .pl-45{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .shop-now{
      padding: 0 25px;
      display: flex;
      align-items: center;
    }
    .product-img{
      width: 100px;
      height: 100px;
    }
    .ptb-padding-50 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .ptb-padding-50 .row{
      display: flex;
      align-items: center;
    }
    .js-projects-gallery{
      display: flex;
      flex-wrap: wrap;
    }
    .js-projects-gallery .project{
      width: 50% !important;
    }
    .justify-content-space-btwn{
      display: flex;
      justify-content: space-between;
    }
    .mt-5 {
      margin-top: 20px !important;
    }
    .phone-view{
      display: none !important;
    }
    .ptb-50 .banner-order .row {
        display: flex;
        align-items: center;
    }
    .ptb-50 .banner-order {
        padding: 30px 10px !important;
    }
    .p-0-phone{
      padding: 0 !important;
    }
    .font-25{
      font-size: 16px;
    }
    .checkbox-list [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label{
      font-size: 12px;
    }
    .top-space-01 {
        padding: 40px 0 !important;
        margin-top: 50px;
    }
    .h-200{
      height: 200px;
    }
    .mobile-padding .col-md-3,.col-md-9{
      padding: 0;
    }
    .w-45{
      width: 45%;
    }
    .w-57{
      width: 57%;
      margin-left: -40px;
    }
    .w-42{
      width: 42%;
    }
    .w-58{
      width: 58%;
    }
    .mobile-d-flex{
      display: flex;
    }
    .mobile-image-none{
        display: none;
    }
    #large-dots ul.chains {
        display: flex;
    }
    #large-dots li.chain{
        margin-left: 25px !important;
    }
    #large-dots .chain p{
        font-size: 9px;
    }
    .ptb-32 {
        padding: 25px 40px !important;
    }
    #carousel-example-generic .carousel-control{
        display: none;
    }
        .carousel-indicators {
        left: 50% !important;
        bottom: 35px;
    }
    .owl-buttons{
        display: none;
    }
    .h4-service{
        width: 120px;
        margin-left: 0;
        font-size: 16px;
    }
    .tabbable .nav-tabs{
        flex-wrap: wrap;
    }
    .parentTabs .nav-tabs li{
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .js-projects .project .card h3{
        height: 60px;
    }
    .estimate-price-card{
        height: auto !important;
    }
    .deliver-order li {
        width: 45%;
        font-size: 12px;
        font-weight: 500;
        margin-right: 15px;
    }
}
/*# Tablet*/
@media (max-width: 767px){
    .common-2-line-height .product-card-02 p{
        height: 50px !important;
    }
    .navbar-mobile .navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
            background-color: #f3f3f3;
    }
    .all-gallery-list .item p{
        font-size: 12px !important;
    }
    .alt-font{
      letter-spacing: 1.7px !important;
      line-height: 47px;
     }

    .width-118{
        width: 100px !important;
    }
    .product-card-02 p {
        height: 80px !important;
    }
    
    .product-card-02 img{
        margin-top: 30px !important;
    }
    .product-card-02 {
        background: #fff !important;
    }
    .mobile-column .col-md-3{
        width: 50%;
    }
    
    .why-choose-us .js-projects .service-item img{
            margin: initial !important;
    }
    .span-class {
        color: #000;
        font-size: 16px !important;
        margin-left: 5px !important;
    }
    .p-p-40{
        padding: 0 40px;
    }
    .padding-57px-tb {
        padding: 39px 0 !important;
    }
    .fixedElement{
        width: 92% !important;
    }
    #carousel-example-generic {
        top: 40px;
    }
    .h-200vh{
        height: auto !important;
    }
    .estimate-price-card{
        height: auto !important;
    }
   .container-fluid{
       width: 100%;
   } 
   .select_materials .item{
       margin: 5px !important;
   }
   .owl-prev{
        left: -12px;
    }
    .img-circle{
        margin: auto;
        width: 50%;
    }
    .owl-next{
        right: -18px;
    }
    .brand-panel{
        display: none;
    }
    .navbar-mobile-menu-01{
        display: flex;
    }
    .btn{
        font-size: 12px !important;
        padding: 3px !important;
    }
    .menu-btn {
        padding: 3px 10px !important;
        letter-spacing: 0 !important;
    }
    .navbar-mobile-menu-01 li{
        margin-right: 8px;
    }
    .tp-revslider-mainul{
        height: 80% !important;
    }
    .service-item{
        text-align: left;
    }
    .tp-resizeme{
        line-height: 50px !important;
        font-size: 50px !important;
    }
    .tp-parallax-wrap{
        padding-top: 0!important;
        top: 130px !important;
    }
    .slide-subtitle{
        height: 370px !important;
        top: 240px;
        font-size: 15px !important;
    }
    .tp-fullwidth-forcer{
        height: 533px !important;
    }
    h2, .h2{
        font-size: 2.1875em;
        letter-spacing: 4px;
    }
    h3, .h3{
        font-size: 20px;
    }
    .section-content{
        margin-top: 1.1em !important;
    }
    .section{
        padding-top: 3.1em !important;
    }
    .col-about-title{
        text-align: center;
    }
    .social-list{
        margin-left: 0px;
    }
    .text-right-md .social-list {
        margin-left: 42px;
    }
    .sidebar {
        width: 100%;
        height: auto !important;
        overflow-y: scroll;
        position: inherit !important;
        top: 0px !important;
        margin-bottom: 20px;
    }
    .pt-200 {
        padding-top: 100px;
    }
    .product-card{
        margin-bottom: 20px;
    }
    .stats img {
        margin-right: 10px;
        width: 40px;
        margin-top: -20px;
    }
    .mobile-count{
        display: flex;
        flex-wrap: wrap;
    }
    .counting{
      font-size: 16px;
    }
    .stats h5{
      font-size: 16px;
    }
    .stats{
      width: 180px;
      padding: 5px;
    }
    .experience-info{
      font-size: 1.5625em;
    }
    .text-parallax-content{
      font-size: 9.8em;
    }
    .p-map {
        padding: 50px 30px;
    }
    .js-target-scroll{
      margin-left: 15px;
    }
    .js-target-scroll img{
      width: 125px;
    }
    .counter-number{
      left: auto;
      top: 15px;
      margin-left: -5px;
    }
    .mobile-footer{
      display: block !important;
    }
    .top-space{
      padding: 50px 0 !important;
      margin-top: 18px;
    }
    /* .main{
      min-height: 300px;
    } */
    .main{
      min-height: 195px;
    }
    .col-mo-3 a{
      width: 50% !important;
    }
    .select:after{
      right: 10px !important;
      top: -4px !important;
    }
    .mobile-filters{
      display: block !important;
    }
    .tab-nav-link{
      width: 107px !important;
    }
  
    .plr-90{
      padding: 0 15px;
    }
    #menuToggle{
      display: block !important;
    }
    .dashboard .wrapper .sidebar{
      display: none !important;
    }
    .container{
      width: 100%;  
    }
    .carousel-caption .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
      min-height: 500px;
      height: 500px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .containerc1 .slider-button{
      margin-left: -9px;
    }
    .containerc .slider-button{
      margin-left: -9px;
    }
    .footer{
      background-color: #fff;
    }
    .footer-row{
      display: flex;
      flex-wrap: wrap;
    }
    .footer-row .col-md-3:nth-child(1){
      width: 100%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(2){
      width: 36%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(3){
      width: 64%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-md-3:nth-child(4){
      width: 100%;
    }

    
    .footer-row .col-xs-6:nth-child(2){
      width: 55%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-xs-6:nth-child(3){
      width: 40%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-sm-6:nth-child(2){
      width: 55%;
      border-bottom: 1px solid #f3f3f3;
    }
    .footer-row .col-sm-6:nth-child(3){
      width: 40%;
      border-bottom: 1px solid #f3f3f3;
    }



    .p-mobile-0{
      padding: 0;
    }
    .tab .tablinks {
      border: 2px solid #dbdada !important;
      background-color: #dbdada !important;
      color: #000 !important;
      width: 162px !important;
      border-radius: 0px !important;
    }
    .mobile-filters .tab .active{
      border: 2px solid #f4853b !important;
      color: #fff !important;
      background-color: #f4853b !important;
    }
    .display-none{
      display: none;
    }
    .mobile-img img {
      width: 49% !important;
      height: auto !important;
      margin-top: 3px;
    }
    .background-img .row .col-md-8 img{
      height: auto !important;
    }
    .mobile-row{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .mobile-row .col-md-4{
      width: 50%;
    }
    .product-card img{
      width: 100% !important;
      top: 95px;
    }
    .product-card{
     
    }
    .pl-45{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .shop-now{
      padding: 0 25px;
      display: flex;
      align-items: center;
    }
    .product-img{
      width: 100px;
      height: 100px;
    }
    .ptb-padding-50 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }
    .ptb-padding-50 .row{
      display: flex;
      align-items: center;
    }
    .js-projects-gallery{
      display: flex;
      flex-wrap: wrap;
    }
    .js-projects-gallery .project{
      width: 50% !important;
    }
    .justify-content-space-btwn{
      display: flex;
      justify-content: space-between;
    }
    .mt-5 {
      margin-top: 20px !important;
    }
    .phone-view{
      display: none !important;
    }
    .ptb-50 .banner-order .row {
        display: flex;
        align-items: center;
    }
    .ptb-50 .banner-order {
        padding: 30px 10px !important;
    }
    .p-0-phone{
      padding: 0 !important;
    }
    .font-25{
      font-size: 16px;
    }
    .pl-5{
      padding-left: 15px !important;
    }
    .checkbox-list [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=radio]:checked + label, [type=radio]:not(:checked) + label{
      font-size: 12px;
    }
    .top-space-01 {
        padding: 40px 0 !important;
        margin-top: 50px;
    }
    .h-200{
      height: 200px;
    }
    .mobile-padding{
      margin-top: 15px;
    }
    .mobile-padding .col-md-3,.col-md-9{
      padding: 0;
    }
    .w-20{
      width: 20%;
    }
    .w-45{
      width: 45%;
    }
    .w-57{
      width: 57%;
      margin-left: -40px;
    }
    .w-42{
      width: 42%;
    }
    .w-58{
      width: 58%;
    }
    .mobile-d-flex{
      display: flex;
    }
    .mt-6 {
        margin-top: 1rem !important;
    }
    .mobile-d-flex .w-20 img{
      width: 40px !important;
    }
    .p-60 {
        padding: 15px !important;
    }
    .order-card .form-group {
        text-align: left;
    }
    .ptb-32 {
        padding: 25px 40px !important;
    }
    .ptb-10 {
        padding: 10px 30px !important;
    }
    .padding-30px-tb {
        padding: 30px 15px;
    }
    .area-height{
      width: 96%;
    }
    .row {
      
    }
    .col-md-10 .tab{
        margin: 0px;
    }
    .content {
        
    }
    .pt-33 {
        padding-top: 8px !important;
    }
    .Congratulations .content .content-overlay{
      height: 100%;
      width: 83%;
      left: 30px;
    }
    .dashboard .wrapper .main .content {
        padding: 10px;
    }
    
    .icon-box .d-flex-01 img{
      width: 60px;
      height: 60px;
    }
    .icon-box .d-flex-01 h4{
      font-size: 12px;
      width: 85px;
    }
    .w-45{
      width: 45%;
    }
    /*.tab{*/
    /*    margin-left: -15px;*/
    /*    margin-right: -15px;*/
    /*}*/
    .col-md-10 .tabs .with-box:before{
        width: 20px !important;
        height: 20px !important;
        left: -20px !important; 
    }
    .col-md-10 .tabs a{
        margin-left: 30px;
    }
    .pricing-block .inner-box h4{
        text-align: center;
    }
    
    #large-dots ul.chains::before{
        display: none;
    }
    .w-64{
        width: 70%;
    }
    .w-30{
        width: 30%;
    }
    .w-100{
        width: 100% !important;
    }
    .with-box:before{
        height: 18px !important;
        width: 20px !important;
    }
    .mb-50{
        margin-bottom: 20px !important;
    }
    .mobile-image-none{
        display: none;
    }
    .example-container{
        padding-top: 25px !important;
        padding-bottom: 50px !important;
        padding: 0;
    }
    #large-dots ul.chains {
        display: flex;
    }
    #large-dots li.chain{
        margin-left: 25px !important;
    }
    #large-dots .chain p{
        font-size: 9px;
    }
    .ptb-32 {
        padding: 25px 40px !important;
    }
    .floating-button{
        display: none !important;
    }
    #carousel-example-generic .carousel-control{
        display: none;
    }
        .carousel-indicators {
        left: 50% !important;
        bottom: 35px;
    }
    .owl-buttons{
        display: none;
    }
    .h4-service{
        width: 120px;
        margin-left: 0;
        font-size: 16px;
    }
    .tabbable .nav-tabs{
        flex-wrap: wrap;
    }
    .parentTabs .nav-tabs li{
        width: 100%;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .social-list .fa{
        font-size: 3vmin !important;
    }
    .js-projects .project .card h3{
        height: 60px;
    }
    .deliver-order li {
        width: 45%;
        font-size: 12px;
        font-weight: 500;
        margin-right: 15px;
    }
    .item-align .col-md-9 h3{
        padding-left: 15px;
    }
    .mobile-p{
        padding: 0 15px;
    }

    .carousel-caption h2{
      font-size: 20px;
      letter-spacing: 4px;
  }
}


.phone-view{
  display: block;
}
.m-10{
    margin: 10px;
}
.mobile-d-flex .w-20 img{
  width: 35%;
}
.width-118{
    width: 118px;
}
/*# Desktop*/



/*# Huge*/

.margin-left-address{
        margin-left: 290px;
}



.bg-orange{
    background-color: #f4853b !important;
}
.pl-15{
  padding-left: 15px;
}
.pl-45{
    padding-left: 45px;
}
.pl-15 h2{
 margin-bottom: 40px;
}

.tabcontent img{
  width: 100%;
}
.tab .tablinks{
  border: 2px solid #f4853b;
  background-color: #f4853b;
  color: #fff;
  padding: 10px;
  width: 265px;
  border-radius: 0px;
  margin-bottom: 10px;
}
.tab .tablinks:hover{
  border: 2px solid #f4853b;
  color: #f4853b;
  background-color: #fff;
}
.tab .active{
  border: 2px solid #f4853b;
  color: #f4853b;
  background-color: #fff;
}
.floating-button{
  position: fixed;
  transform: rotate(90deg);
  right: -64px;
  top: 340px;
  z-index: 6;
}
.all-product-list .owl-prev{
  left: -15px;
}
.all-product-list .owl-next{
  right: -15px;
}
.bg-light{
    background-color: #dedede;
}
.all-product{
  font-size: 18px !important;
  padding: 23px 0px !important;
  height: 77px;
}
.slider-padding{
  padding-left: 25px;
  padding-right: 20px;
  padding: 7px;
}
.slider-padding .item p strong:hover{
  color: #f4853b;
}
.footer-links li a {
  background-image: linear-gradient(to right, #f4853b, #f4853b 50%, #999 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.footer-links li a:before {
  content: "";
  background: #f4853b;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.footer-links li a:hover {
  background-position: 0;
}

.footer-links li a:hover::before {
  width: 100%;
}
.padding-57px-tb{
  padding: 57px 0;
}
.banner-text{
  padding-left: 140px;
    padding-top: 100px;
    padding-bottom: 108px;
}
.mt-60{
  margin-top: 60px;
}
.mb-5{
  margin-bottom: 5rem;
}
.mb-50{
  margin-bottom: 60px;
}
.ptb-50 .banner-order{
   padding: 30px 35px; 
}
.banner-order{
  padding: 30px;
  background-color: #dedede;
}
.icon-position{
  position: absolute;
  top: 10px;
  right: 25px;
	cursor: pointer;
  display: none;
}
.font-10{
  font-size: 10px !important;
  padding: 8px !important;
}
.product_new_arrival01 .item{
  margin: 10px;
}
.modal-dialog{
  max-width: 500px;
}
#get-estimate{
  z-index: 1200;
}

.with-box:before{
  content: '';
  position: absolute;
  height: 21px;
  width: 25px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  left: 0;
  border-radius: 0;
  border: 2px solid #f4853b;
}
.current .with-box:before{
  background-color: #f4853b;
} 
.box{
  position: relative;
}
.font-family-h4{
  font-family: 'Bebas Neue', sans-serif;
  font-size: 25px;
}
/***********mobile footer**********/
.mobile-footer{
  display: none;
}
.sticky-footer {
  display: block;
  height: 80px;
  background: #f3f3f3;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
}
.sticky-footer .one-fourth {
  width: 25%;
  float: left;
  color: #000;
  text-align: center;
  height: 80px;
  position: relative;
  cursor: pointer;
  padding-top: 10px;
  border-right: 1px solid #bcbcbc;
}
.sticky-search,
.sticky-filters,
.sticky-map,
.sticky-radius {
  width: 25px;
  height: 25px;
  margin: auto;
  margin-top: 11px;
}
.mt-40{
  margin-top: 40px !important;
}
.sticky-footer .one-fourth p {
  font-size: 10px;
  margin-top: 3px;
  font-weight: 600;
}
.footer-circle{
   position: absolute;
    top: -35px;
    background-color: #f4853b;
    padding: 20px 26px;
    border-radius: 50%;
    margin-left: 9px;
}
.col-mo-3{
  margin-bottom: 10px;
}

/***mobile menu filter**/
.mainnav {
  background-color: #ffffff;
  display: flex;
  list-style-type: none;
  padding: 0;
}

.mainnav ul {
  border-radius: 0 0 4px 4px;
  display: block;
  list-style-type: none;
  margin: 0;
  min-width: 200px;
  padding: 0;
  position: absolute;
  z-index: 1;
  background: #efefef;
}

.mainnav li {
  margin: 0;
  width: 120px;
}

.mainnav ul a {
  border: 0;
  color: #000;
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  text-decoration: underline;
}

.mainnav ul a:hover,
.mainnav ul a:focus {
  background-color: #ddd;
  margin-bottom: 0;
  text-decoration: none;
}

.mainnav ul a:focus {
  outline: 5px solid rgba(0, 90, 156, 0.75);
  position: relative;
}

.mainnav button {
  align-items: center;
  border: 1px solid transparent;
  border-right-color: #ccc;
  display: flex;
  padding: 1em;
  width: 100%;
}

.mainnav button::after {
  content: "";
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  height: 0.5em;
  margin-left: 0.75em;
  width: 0.5em;
  transform: rotate(45deg);
}

.mainnav button:focus {
  border-color: #f4853b;
  outline: 0px solid #f4853b;
  position: relative;
}

.mainnav button:hover,
.mainnav button[aria-expanded=true] {
  background-color: #f4853b;
  color: #fff;
}

.mainnav button:hover::after,
.mainnav button[aria-expanded=true]::after {
  border-color: #fff;
}
.mobile-filters{
  display: none;
}

/*toggle*/
.rotate{
    transform: rotate(45deg);
}

#menuToggle{
  display: none;
}
#menuToggle
{
  /*display: block;*/
  position: relative;
  top: 20px;
  left: 0px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 26px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
  margin-left: 15px;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
 position: absolute;
    width: 300px;
    margin: -80px 0 0 0px;
    padding: 20px;
    padding-top: 105px;
    background: #f4853b;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu .active{
  background: #fff;
  color: #f4853b;
}
#menu li
{
  padding: 10px;
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #fff;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.all-product-list .owl-wrapper-outer{
      height: 64px;
    }
    
.span-class{
    color: #000;
    font-size: 25px;
    margin-left: 10px;
}
.fa-heart{
    color: #fff;
    font-size: 25px;
}
.social-links .fa-heart{
  color: #aaa;
  font-size: 16px;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-controls{
    text-align: center;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
}
.owl-theme .owl-controls .active span{
    background: #f4853b;
}
.ptb-32{
    padding: 25px 0 !important;
}

/*magic slier*/
/*1st*/
 .containerc {
  position: relative;
  width: 100%;
  height: 400px;
  border: 2px solid white;
}
.containerc .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 964px 100%;
}
.containerc .background-img {
  background-repeat: no-repeat;
}
.containerc .foreground-img {
 background-repeat: no-repeat;
  width: 70%;
}
.containerc .slider {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.3);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc .slider:hover {
  background: rgba(242, 242, 242, 0.1);
}
.containerc .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc .slider::-moz-range-thumb {
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc .slider-button {
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f4853b;
  left: calc(68% - 0px);
  top: calc(50% - 18px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc .slider-button:after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.containerc .slider-button:before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

/*2nd*/

.containerc1 {
  position: relative;
  width: 100%;
  height: 400px;
  border: 2px solid white;
}
.containerc1 .img1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 964px 100%;
}
.containerc1 .background-img1 {
  background-image: url("../img/slider/after1.html");
  background-repeat: no-repeat;
}
.containerc1 .foreground-img1 {
  background-image: url("../img/slider/before1.html");
  width: 70%;
  background-repeat: no-repeat;
}
.containerc1 .slider1 {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.3);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc1 .slider1:hover {
  background: rgba(242, 242, 242, 0.1);
}
.containerc1 .slider1::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc1 .slider1::-moz-range-thumb {
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc1 .slider-button1 {
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f4853b;
  left: calc(68% - 0px);
  top: calc(50% - 18px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc1 .slider-button1:after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.containerc1 .slider-button1:before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

/*3nd*/

.containerc2 {
  position: relative;
  width: 100%;
  height: 400px;
  border: 2px solid white;
}
.containerc2 .img2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 964px 100%;
}
.containerc2 .background-img2 {
  background-image: url("../img/slider/after2.html");
  background-repeat: no-repeat;
}
.containerc2 .foreground-img2 {
  background-image: url("../img/slider/before2.html");
  width: 70%;
  background-repeat: no-repeat;
}
.containerc2 .slider2 {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  background: rgba(242, 242, 242, 0.3);
  outline: none;
  margin: 0;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc2 .slider2:hover {
  background: rgba(242, 242, 242, 0.1);
}
.containerc2 .slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc2 .slider2::-moz-range-thumb {
  width: 6px;
  height: 400px;
  background: #f4853b;
  cursor: pointer;
}
.containerc2 .slider-button2 {
  pointer-events: none;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f4853b;
  left: calc(68% - 0px);
  top: calc(50% - 18px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerc2 .slider-button2:after {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}
.containerc2 .slider-button2:before {
  content: "";
  padding: 3px;
  display: inline-block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}
.ul-list li{
    margin-bottom: 10px;
}


/*dropdown*/
.dropbtn {
  background-color: #dedede;
  color: #000;
  padding: 0.8em 0.5em;
    font-size: 14px;
    border: 1px solid #c4c4c4;
}
.product-dropdown .dropdown:hover .dropbtn {
    background-color: #f4853b;
    color: #fff;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.product-dropdown .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  letter-spacing: 0px !important;
  font-weight: 500 !important;
  font-size: 13px;
}


.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn { }

.pb-29{
  padding-bottom: 29px !important;
}
.mobile-img img{
  width: 100%;
  height: 250px;
  margin-bottom: 15px;
}
.background-img .row .col-md-8 img{
   width: 100%;
   height: 515px;
}
.js-product-project .item{
  margin: 5px; 
}
.all-gallery-list .item{
}
.h-80{
    height: 80px;
}
.all-gallery-list .item p{
  padding: 10px 5px;
  background-color: #dedede;
  border: 1px solid #c5c5c5;
}
.mt-min-85 .all-gallery-list .item a p{
   height: 80px;
}
.all-gallery-list .item .active {
  background-color: #f4853b !important;
  border: 1px solid #f4853b !important;
  color: #fff !important;
}
.all-gallery-list .owl-prev {
    left: -19px;
}
.all-gallery-list .owl-next {
    right: -19px;
}

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    color:black;
    border:1px solid #ccc;
}
#selectbox1{
  border: 1px solid #cecece;
    padding: 10px;
    width: 50%;
    background-color: #fff;
    color: #999;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:0 10px;
    font-weight:bold;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#f4853b;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#f4853b;
    color:white;
}

/* dropdown product*/
.mobile-filters .select-group .dropdown input {
  border: 2px solid #d3d9f0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.3rem;
  height: 3.2rem;
  padding: 1rem;
}

.mobile-filters .select-group .dropdown input:focus, .mobile-filters .select-group button:focus {
  border: 2px solid #2659ff;
}

.mobile-filters .select-group .dropdown input[type=submit] {
  margin: 2.4rem 0;
  background-color: #2659ff;
  border: none;
  color: white;
  font-size: 1.3rem;
  height: 4rem;
} 

.mobile-filters .select-group .dropdown label {
  display: block;
  font-weight: 500;
  padding: 10px;
  margin-bottom: 0;
}

.mobile-filters .select-group .dropdown label:before{
  display: none;
}
.mobile-filters .select-group .dropdown label:after{
  display: none;
}

.mobile-filters .select-group {
  position: relative;
}
.mt-20{
  margin-top: 20px;
}
.mt-min-53{
  margin-top: -53px;
}
.mt-min-85{
  
}

.mobile-filters .button {
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  border-radius: 0rem;
  height: 4rem;
  width: 60%;
  background-color: white;
  border: 1px solid #f1f1f1;
  position: relative;
}
.mobile-filters .button span{
  margin-left: -5px;
  line-height: 14px;
}

.mobile-filters .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(45deg);
}
.mobile-filters .button:focus{
  outline: none !important;
}
.mobile-filters .dropdown {
  position: absolute;
  width: 60%;
  top: 4rem;
  box-sizing: border-box;
  border: 2px solid #d3d9f0;
  border-radius: .3rem;
  overflow: hidden;
  z-index: 1;

}

.mobile-filters .option {
  display: none;
}

.mobile-filters .select-item {
  display: block;
  padding: 1rem;
  font-weight: 400;
  background-color: #FFFFFF;
  color: black;
}

.mobile-filters .select-item:hover {
  background-color: orangered;
}

.mobile-filters .hidden {
  display: none;
}
.pricing-table .owl-controls .owl-buttons .owl-prev {
  left: 0;
}
.pricing-table .owl-controls .owl-buttons .owl-next {
  right: 0;
}
 /* mobile filter page */
 /* Style the tab */
.mobile-filter-page .mobile-tab .tab {
  float: left;
  background-color: #dbdada;
  padding: 0;
}

/* Style the buttons inside the tab */
.mobile-filter-page .mobile-tab .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 15px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 12px;
}

/* Change background color of buttons on hover */
.mobile-filter-page .mobile-tab .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.mobile-filter-page .mobile-tab .tab button.active {
  background-color: #f1f1f1 !important;
  color: #000 !important;
  border: none !important;
}

/* Style the tab content */
.mobile-filter-page .mobile-tab .tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
  padding: 20px;
  background-color: #f1f1f1;
}
button:focus{
  border-color: #dedede !important;
}


i.fa.fa-heart.active {
    color: red;
}

.area-height select:-internal-list-box option:checked{
    background: #f4853b !important;
    color: #fff !important;
}
.slider-para-1{
    width: 125px;
    margin: auto;
}
.height-auto{
    height: auto !important;
}
.material-card label{
    margin-bottom: 0;
}


#sidebar {
  grid-area: sidebar;
  background-color: red;
  transform: translateX(-100%);
  transition: 200ms ease;
  z-index: 1;
  position: relative;
}

#sidebar.collapsed {
  transform: translateX(0%);
}

#content {
    grid-area: content-start / sidebar-start / content-end / content-end;
  background-color: green;
}


@media (max-height: 425px ){
.mobilet .iti input, .iti input[type=text], .iti input[type=tel]{
 width:213px;
 margin-top:12px !important
}
}

.filter{
    background: #f4853b;
    padding: 8px;
    color: #fff;
}
.filter:focus{
    color: #fff;
}

.carousel-inner .owl-prev:before{
    background: url(../img/img-icon/prev.png) 0 0 no-repeat;
    width: 3rem;
}
.carousel-inner .owl-next:after{
    background: url(../img/img-icon/next.png) 0 0 no-repeat;
    width: 3rem;
}



/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


/* Custom new css */
#whatsapp-floater{
  position: fixed;
    bottom: 80px;
    right: 8px;
    padding: 6px;
    z-index: 99;
    background: white;
    border-radius: 90%;
}

.home_page_banner .item{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home_page_banner h3{
  line-height: 1.4 !important;
  font-size: 30px !important;
}

.home_page_banner strong{
  color: #f4853b;
}

.main .cover-background p strong{
  color: #f4853b;
}




.home_page_banner .item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000070;
}

/* main.main .cover-background:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000070;
  color: white;
} */




@media (max-width: 767px) {
  #whatsapp-floater{
    bottom: 86px;
  }
  .fb_dialog  iframe{
    bottom: 88px;
  }
  .home_page_banner h3 {
    line-height: 1.3 !important;
    font-size: 18px !important;
  }
  .carousel-caption {
    top: 3%;
}


}


/* NEW CSS */
.rounded-lg{
  border-radius: 15px;
}
.rounded-md{
  border-radius: 12px;
}
.shadow-md{
  box-shadow: 0 4px 6px -1px #f4853b, 0 2px 4px -2px #f4853b;
}
.shadow{
  -webkit-box-shadow: 10px 10px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 28px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 28px 0px rgba(0,0,0,0.75);
}


.customNavigation a {
      position: absolute;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border-radius: 50%;
      opacity: 1;
      margin-top: auto;
      margin-bottom: auto;
      box-shadow: -2px 1px 10px #bdbdbd;
      top: calc(50% - 20px);
      cursor: pointer;
  }
  .customPrevBtn {
      left: -15px;
  }
  .customNextBtn {
      right: -15px;
  }
/* Custom new css */


.gallery_image{
  width: 100%;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 1920px){

.container-fluid {
    width: auto;
}

}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}

}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
  .customPrevBtn {
    left: 6px;
}
.customNextBtn {
    right: 6px;
}
}