body {
  font-family: "Poppins";
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.bg-hover-dark:hover{
  background: #000000!important;
  border-color:#000000!important;
}
.bg-hover-dark:hover a{
  color: #FFFFFF!important;
}
/* START OF HAMBURGER ICON ANIMATION */
.icon-bar {
  width: 22px; 
  height: 2px;
  background-color: #B6B6B6;
  display: block;
  transition: all 0.2s;
  margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
/* END OF HAMBURGER ICON ANIMATION */

.ml-min-15 { margin-left:-15px!important; }
.mr-min-15 { margin-right:-15px!important; }

.mb-none{margin-bottom:0px!important;}

.border-1 { border-width:1px !important; }
.border-2 { border-width:2px !important; }
.border-3 { border-width:3px !important; }
.border-4 { border-width:4px !important; }
.border-5 { border-width:5px !important; }
.border-10 { border-width:10px !important; }

.border-hover-1:hover { border-width:1px !important; }
.border-hover-2:hover { border-width:2px !important; }
.border-hover-3:hover { border-width:3px !important; }
.border-hover-4:hover { border-width:4px !important; }
.border-hover-5:hover { border-width:5px !important; }
.border-hover-10:hover { border-width:10px !important; }

.rotate {
  transform: rotate(90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* HEADER */
.dropdown-menu {
  padding: 1rem;
  border-radius: 0rem;
}

.dropdown-menu li{
  padding: 0.3rem 0rem;
}

.dropdown-menu li a{
  color: #000;
}
/* END OF HEADER */


/* SLIDER */

.box-text-slider {
  width:90%;
  position: absolute;
  top: 45%;
  left: 53%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;
}

.text-slider {
  color: white !important;
  font-family: "Poppins";
  font-size: 64px;
}

.text-slider-small {
  color: white !important;
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 100;
  line-height: normal;
}

/* HOME GRID */
.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #00000029;
  transition: background-color 0.5s;
}

.p-hover:hover a .overlay {
  background-color: #ffffff7d;
}

.p-hover:hover a .overlay > div > h3 {
  color: #000;
}

.overlay > div > h3 {
  color: #fff;
  transition: color 0.5s;
}
/* END OF HOME GRID */

/* HOME CAROUSEL */
.owl-nav > button i {
  font-size: 1.6rem;
  outline: none !important;
}

.owl-nav > button {
  outline: none !important;
}

.owl-nav .owl-prev {
  margin-left: calc(50% - 29px);
  margin-top: 28px;

}
/* END OF HOME CAROUSEL */

/* PROJECTS BRANDS*/

.brands-box {
  position: relative;
  height: 120px;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.brands-box:hover .image {
  opacity: 0.3;
}

.brands-box:hover .middle {
  opacity: 1;
}

.text {
  color: black;
  font-family: "Poppins";
}

.text:hover {
  color: black;
  text-decoration: none;
}

/* END OF PROJECTS BRANDS*/


/* PROJECTS MODELS */

.models-box {
  position: relative;
  height: 220px;
}

.models-box:hover .image {
  opacity: 0.3;
}

.models-box:hover .middle {
  opacity: 1;
}

/* END OF PROJECTS MODELS */

/* PROJECTS DETAIL */
.project-box .grid-item-content {
  transition: opacity .3s;
}

.project-box:hover .grid-item-content {
  opacity: 0.7;
}

.project-box:hover .lower {
  opacity: 1;
}
/* END OF PROJECTS DETAIL */

/* LEATHER SAMPLES */
.image-2 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.lower {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.brands-box:hover .image-2 {
  opacity: 0.7;
}

.brands-box:hover .lower {
  opacity: 1;
}

.sidebar .nav-item a {
  color: #000;
}
.sidebar li .nav-link[data-toggle].collapsed::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f053";
    float: right;
}

.sidebar li .nav-link[data-toggle]:not(.collapsed)::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    float: right;
}

.modal-footer {
  position: absolute !important;
  border-top: 0px;
}
/* END OF LEATHER SAMPLES */


/* CONTACT FORM */

#ccms_form_contact label {
  display: none;
}

#ccms_form_contact textarea {
  height: 5em;
}

/* LIGHTBOX */

.modal-body {
  padding: 0px;
}

/* MASONRY */
.masonry_grid-item { margin-bottom: 20px; }
.grid-item--width2 { width: 400px; }
/* MASONRY */

.mb-none{margin-bottom:0px!important;}

/* START OF SUBMENU */
.dropdown-submenu{ position: relative; }

.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}


/* END OF SUBMENU*/
@media (max-width: 768px) { 
  .text-slider {
    font-size: 45px;
}
}
@media (min-width: 992px) { 

}
@media (min-width: 1200px) { 

}