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

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

@font-face { 
	font-family: 'Gotham-Book'; 
	src:url('../fonts/Gotham-Book.woff') format('woff'), 
	url('../fonts/Gotham-Book.svg#HalisR-Black') format('svg'), 
	url('../fonts/Gotham-Book.eot'),
	url('../fonts/Gotham-Book.ttf') format('truetype'), 
	url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal; 
	font-style: normal; 
}
body{
	background-color: #F4F4F4;
	font-family: 'Gotham-Light'; 
	color: #000000;
    font-size: 12px;
    letter-spacing: 1.2px;
}

a{
  color: #000;
  text-decoration: none;
}
a:focus, input:focus, button:focus, select:focus{
	outline: none;
	box-shadow: none ;
	color:#000;
}
a:hover{
	color:#000;
	text-decoration:none;
}
.underline{
  text-decoration: underline !important;
	cursor: pointer;
}

.color0{
  color:#000;
}
video { width: 100%; }
video:focus { outline: 0; }
.container {
    max-width: 1500px;
}
.txt-gl{
  font-family: 'Gotham-Light'; 
	color: #000000;
    font-size: 12px;
    letter-spacing: 1.2px;
}
/********************************** MENÚ LATERAL **************************************/
.navbar {
    background-color: #F4F4F4;
    padding-top:30px;
    padding-bottom:20px;
    text-transform: uppercase;
}
.navbar .container,footer .container {
    max-width: 1900px;
}
.separa-secc-int{
    min-height:80px;
}
.navbar-light .navbar-nav .nav-link {
    font: 11px/30px 'Gotham-Book';
    letter-spacing: 2.2px;
    color: #000000;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.btncontact{display: inline;background-color: white; padding: 10px 30px;font-weight: bold;font: 12px/30px 'Gotham-Medium';}
#listlang .nav-link{font-weight: bold;font: 12px/30px 'Gotham-Medium';}
#listlang .dropdown-menu {
    font: 12px/30px 'Gotham-Medium';
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    min-width: 4rem;
}
#listlang  .dropdown-item.active, .dropdown-item:active {
    background-color: #F4F4F4;
    color: #000;
}
#listlang .nav-link {
    padding-right: 1.6rem;
    padding-left: 1.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}
.navbar-nav > li {
  float: left;
  position: relative;
}
.navbar-light .navbar-nav .active a::after {
  border-bottom:3px solid #fff;
  bottom:10px;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
}
@media (max-width: 1199.98px) {
  .navbar {
      padding-top:20px;
      padding-bottom:20px;
  }
  #listlang .nav-link {
    padding-right: 0;
    padding-left: 0;
  }
  .btncontact {
        padding: 0px;
    }
    .separa-secc-int {
      min-height: 40px;
  }

    .offcanvas-collapse {
      position: fixed;
      top: 80px; /* Height of navbar */
      bottom: 0;
      left: 100%;
      width: 100%;
      padding-right: 1rem;
      padding-left: 1rem;
      overflow-y: auto;
      visibility: hidden;
      background-color: #fff;
      transition-timing-function: ease-in-out;
      transition-duration: .3s;
      transition-property: left, visibility;
    }
    .offcanvas-collapse.open {
      left: 0;
      visibility: visible;
    }
  }
  
  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }
  
  .nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

/********************************************* FIN MENÚ LATERAL *******************************************/
.mb-45{
  margin-bottom: 1.8rem !important;
}
.text13{
  font-size: 13px;
  letter-spacing: 3.9px;
}

hr{
  background-color: #B2B2B2;
}

#carouselproducto .carousel-control-next, #carouselproducto .carousel-control-prev {
    top: inherit;
    bottom: -20px;
    width: 15%;
}

#carouselproducto .carousel-control-prev-icon {
    background-image: url(../img/arrow-left-carousel_.jpg);
    width: 36px;
    height: 17px;
}

#carouselproducto .carousel-control-next-icon{
  background-image: url(../img/arrow-right-carousel_.jpg);
  width: 36px;
  height: 17px;
}
#carouselproducto .carousel-control-prev {
  left: initial;
  right:40px;
}
/* Vertical Carousel */

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
/**.navcarousel{position: relative;max-width: 100px;right: 0;}*/
.medium{
  font-family: 'Gotham-Medium';
}

h3{
  font-size: 12px;
  color: #4E4E4E;
  letter-spacing: 3.6px;
}

.box-color span {
     margin-left: 20px;
}


.text14{
  font-size: 14px;
  letter-spacing: 1.4px;
}

footer{
  font-family: 'Gotham-Book';  
  padding: 150px 0;
}

.textAbsolute {
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  text-align: center;
  opacity: 0;
  width: 100%;
  padding: 0 10px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.pr{
  position: relative;
}

.textAbsolute1{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0%,-50%);
  text-align: center;
  padding: 0 10px;
}

.content-project{
  position: relative;
}

.content-project:hover .textAbsolute{
  opacity: 1;
}

.content-project:hover .box-project{
  opacity: 0.2;
}

.proces-1 {
    margin-top: 120px;
}

.proces-2 {
    margin-top: 546px;
}

.fp {
    float: left;
    margin-right: 27px;
    min-height: 153px;
}

.fp p {
    color: #4E4E4E;
    letter-spacing: 0.6px;
    margin-top: 13px;
    line-height: 15px;
}

.fp.fp-sockets {
    min-height: 80px;
    margin-right: 34px;
}

.fp.fp-functions {
    margin-right: 46px;
    min-height: 110px;
}

.content-project .textAbsolute.text13{
  font-size: 11px;
}

h2{
  font-size: 18px;
  font-family: 'Gotham-Medium'; 
  margin-bottom: 25px;
}

.form-contact input,
.form-contact select,
.form-contact textarea {
  border: none;
  width: 100%;
  font-family: Gotham-Book;
  letter-spacing: 1.2px;
  color: #000;
  padding: 18px 20px 18px 34px;
}
.form-contact-b input,
.form-contact-b select,
.form-contact-b textarea {
  border: none;
  width: 100%;
  font-family: Gotham-Book;
  letter-spacing: 1.2px;
  color: #000;
  padding: 15px 20px 15px 34px;
}
option {
    padding: 4px 0;
}

.form-contact textarea {
  min-height: 179px;
}
.form-contact-b textarea {
  min-height: 110px;
}
.form-contact input[type="checkbox"],.form-contact-b input[type="checkbox"] {
    width: inherit;
}

.form-contact .submit {
    width: 220px;
    float: right;
    background-color: #000;
    color: #fff;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 20px 18px 34px;
}
.form-contact-b .submit {
  width: 220px;
  float: right;
  background-color: #fff;
  color: #000;
  border: none;
  font-family: Gotham-Book;
  letter-spacing: 1.2px;
  padding: 18px 20px 18px 25px;
}
.form-contact-b  .aceptacion,.form-contact-b  .aceptacion a{color: #fff;}
.aceptacion label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 45px;
    margin-right: 15px;
    font-family: Gotham-Book;
}

.aceptacion input[type="checkbox"] {
    display: none;
}

.aceptacion label:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    top: -8px;
}

.aceptacion input[type=checkbox]:checked + label:after {
    content: "";
    font-size: 40px;
    text-align: center;
    line-height: 20px;
    background-color: #000;
    top: -8px;
}

.form-contact select {
    -webkit-appearance: none;
    background-image: url(../img/arrow-select.png);
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: center;
    cursor: pointer;
}


::-webkit-input-placeholder { opacity:1; color: #000; } /* WebKit */
::-moz-placeholder { opacity:1; color: #000; } /* Firefox 18- */
::-moz-placeholder { opacity:1; color: #000; } /* Firefox 19+ */
::-ms-input-placeholder { opacity:1; color: #000; } /* IE 10+ */

.ls-2-4{
  letter-spacing: 2.4px;
}

.text10{
  font-size: 10px;
  letter-spacing: 0.6px;
}

/****************************************************************************************
RESPONSIVE
****************************************************************************************/
@media (min-width: 1601px){
.container-fluid {
    width: 85%;
}
}




@media (max-width: 1600px){
.box-project {
    height: 475px;
}

.box_project_bridge {
    height: 375px;
}

.box-color{
  text-align: center;
}

.box-color span {
     display: block;
     margin: 10px 0 0;
}

.proces-2 {
    margin-top: 346px;
}

.proces-1 {
    margin-top: 60px;
}
}




@media (min-width: 1200px) and (max-width:1600px){
.container-fluid {
    width: 80%;
}
}




@media (min-width: 1200px){
.header-movil{
  display: none;
}

.container-fluid {    
    float: right;
}

footer .container-fluid{
  float: none;
  width: 100%;
}
}





@media (max-width: 1199px){
.sidebar {
    width: 0;
    padding-left: 30px;
    left: -150px;
    z-index: 9;
    top: 0;
    padding-top: 20px;
    background-color: rgba(255,255,255,0.9);
    text-align: center;
}

.sidebar ul {
    margin-top: 60px;
}
}




@media (min-width: 1200px){
.toggle-open {
    display: none;
}
}




@media (max-width: 991px){
.box-referents-bridge-2,
.box-referents-bridge-1 {
    padding-bottom: 26% !important;
}

.box-project{
    height: 0;
    background-position: center;
    background-size: 100%;
    padding: 32%;
}

.box_project_bridge {
    padding-bottom: 16%;
}
}
@media (max-width: 767px){
.proces-1 {
    margin-top: 0;
}
footer{
  padding: 75px 0;
}
.proces-2 {
    margin: 20px 0;
}
}
.nav-lang{font-size: 11px;margin-top:30px;color:#333}
.nav-lang .active{font-weight: bold;color:#000;text-decoration: underline;}
#ezAlerts .modal-header,#offer-modal .modal-header {
    border-bottom: 1px solid #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#ezAlerts .alert-info,#offer-modal .alert-info {
	color:#fff;
	background-color:#000;
	border-color:#000;
}
#ezAlerts .close,#offer-modal .close  {
    color:#fff;
}
.btnper{
	display: block;
	width: 100%;
    float: right;
    background-color: #000;
    color: #fff!important;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 20px 18px 34px;
}
.btnper:focus,.btnper:active{
	border: none;
	background: #000;
	color:#fff!important;
}

.btn_white{
    background-color: #fff;
    color: #000000!important;
    border: none;
    font-family: Gotham-Book;
    letter-spacing: 1.2px;
    padding: 18px 25px 18px 25px;
    border-radius: 0;
}
.btn_white:focus,.btn_white:active{
	border: none;
    background-color: #fff;
    color: #000000!important;
}

.form-contact a.acceso {
	text-align: center;
	width: 50%;
	display: inline-block;
	padding: 10px;
	font-size: 1.3rem;
	cursor: pointer;
}
.form-contact a.active {
	border-bottom: 2px solid #000;
}
/* MESSAGES*******************************************************************************/
.error,a.error span,.validation-advice {
	color:#D40707 !important;
	font-style:bold !important;
}
.notice {
	color:#ea7601
}
.flashmessages ul{
	border:0 !important;
}
.flashmessages li {
	min-height:23px !important;
	margin-bottom:11px !important;
	padding:8px 8px 2px 32px !important;
	font-size:.95em !important;
	font-weight:bold !important;
	list-style:none;
}
.flashmessages ul li {
	margin:0 0 3px 0 !important;
	border:0 !important;
	padding:0 !important;
}
.flashmessages_content{
	padding: 10px 30px;
}
.flashmessages{
	padding: 0px 0px 0px 0px;
}
.error-msg {
	border:1px solid #f16048 !important;
	color:#df280a !important;
	background:#faebe7 url(../img/error_msg_icon.gif) no-repeat 10px 10px !important;
}
.success-msg {
	border:1px solid #95a486 !important;
	color:#3d6611 !important;
	background:#eff5ea url(../img/success_msg_icon.gif) no-repeat 10px 10px !important;
}
.error-msg li{
	padding-left: 30px
}
.error-msg ul{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.notice-msg {
	border:1px solid #ffd967 !important;
	background:#fffbf0 url(../img/note_msg_icon.gif) no-repeat 10px 10px !important;
	color:#3d6611 !important;
}
.warning-msg {
	border:1px solid #666e73 !important;
	background:#e6e6e6 url(../img/warning_msg_icon.gif) no-repeat 10px 10px !important;
	color:#000000 !important;
}
#flashMessages{
	clear: left;
	clear:both;
	height: auto;
}
#messageszend p{
	padding:7px 30px;
	margin: 0;
}
#messageszend {
	margin:10px 0;
}
input.error,textarea.error,select.error,input.error:hover, input.error:focus {
	color: #D8000C;
	border-color: red;
	background: #f8d7da;
}
input.success,input.success:hover, input.success:focus {
	border-color:#95a486;
	background-color:#eff5ea;
}
select.errorselect {
	border-color: #CC0000
}
/*fin MESSAGES*/
/**************** AVISO COOKIES **************
**********************************************/
.msgcookie{
    display:block;
    position:fixed;
    bottom:0;
    width:100%;
    background-color:rgba(0, 0, 0, 0.7);
    color:#fff;
    font-size:13px;
    font-family:sans-serif;
    z-index: 999;
}

.msgcookie > div {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    text-align: center;
}

.msgcookie a.btn-aviso {
    opacity: 1;
    font-size: 14px;
    background-color: #FFF;
    color: #000;
    font-weight: normal;
    padding: 3px 10px;
    margin: 10px;
    line-height: inherit;
    text-decoration: none !important;
    float: none;
}

.msgcookie a {
    color: #fff;
    text-decoration: underline !important;
}

.msgcookie a.btn-aviso:hover {
    background-color: #fff;
    text-decoration: underline;
}

.homesmainp {
    padding: 50px 0px 10px 10px;
}
.borderhsd img,.borderhsd figcaption{
    border-top-left-radius: 80px!important;
}
.borderhb figure{
    border-top-right-radius: 80px!important;
}
/**************** HASTA AQUÍ **************/
.img_container {
    position: relative;
    width: 100%;
  }
  
  .img_image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .img_middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .img_container:hover .img_image {
    opacity: 0.3;
  }
  
  .img_container:hover .img_middle {
    opacity: 1;
  }
  
  .img_text {
    background-color:transparent;
    color: black;
    font-family: 'Gotham-Medium';
    font-size: 12px;
    letter-spacing: 3.9px;
    padding: 10px 10px;
  }
  .positionstxt{
    text-align: left;
  font:  12px/20px 'Gotham-Medium';
  letter-spacing: 3.6px;
  text-transform: uppercase;
  color: #4E4E4E;
  max-width:150px;
  }
  
.max-width-140{max-width:140px;padding-right:0px;}
@media (min-width: 1000px){
	.row .col-2 small { padding-left: 20px !important; }
}
.max-width-140-title{max-width:100px;padding-top:5px;padding-bottom:30px;padding-left: 20px;}
.max-width-85{max-width:90px;padding-right:12px;padding-left: 0px;}
.max-width-85-title{max-width:77px;padding-top: 20px;padding-bottom:30px;padding-left: 5px;}
#funct_gabyc .max-width-140{max-width:100px;padding-right:0px;}
#funct_gabyc .max-width-140-title{max-width:90px;padding-top:5px;padding-bottom:30px;padding-left:10px;}
#mt_garbyc .max-width-85{max-width:107px;padding-right:20px;padding-left: 0px;}
#mt_garbyc .max-width-85-title{max-width:82px;padding-top: 20px;padding-bottom:30px;padding-left: 5px;}
@media (max-width: 991px){
  .form-contact a.acceso {
      font-size: 1.1rem;
  }
  #contenido h1 {
      font-size:1.7rem;
  }
  .max-width-140-title{padding-left: 0px;}
  .max-width-85-title{padding-left: 0px;}
  #funct_gabyc .max-width-140-title{padding-left:0;}
  #funct_gabyc .max-width-85-title{padding-left:0;}
}

.bg-overlay{
  background: rgba(0,0,0, .7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  z-index: 0;
}
.txt_ecomm_title{
color: #fff;
font-family: 'Gotham-Medium';
font-size: 2.4rem;
}
.txt_ecomm_subtitle{
  color: #fff;
  font-size: 1.25rem;
  text-align: justify;
}
/*#contenido.cms_id_16 .separa-secc-int{
    min-height: 1px!important;
}*/
/**************************end hover imagen efecto**************************************/

#gropcate  h2{
  font-family: 'Gotham-Medium';
  font-size: 12px;
  color: #fff;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width:400px){#gropcate h2{font-size:14px}}
@media only screen and (min-width:576){#gropcate h2{font-size:15px}}
@media only screen and (min-width:768){#gropcate h2{font-size:16px}}
@media only screen and (min-width:1200px){#gropcate h2{font-size:17px}}

#gropcate .bg-img{
  background:#fff
}
#gropcate .box-img{
  width:100%;
  padding:2%;
  -o-object-fit:contain;
  object-fit:contain;
  mix-blend-mode:undefined;
  cursor:pointer;
  vertical-align:top;
  margin-right:30px;
  margin-bottom:-14px;
  float:left
}
#gropcate .box-img figure{
  position:relative;
  display:inline-block;
  width:100%
}
#gropcate .box-img figure:hover .actions{
  background-color:#000000;
  top:0%;
  font-weight:bold;
  padding-top:4%;
  padding-left:6%
}
#gropcate .box-img figure:hover .actions .style-text{
  overflow:hidden
}
#gropcate .box-img figure .actions{
  display:table-cell;
  position:absolute;
  bottom:0px;
  top:90%;
  left:0;
  right:0;
  z-index:1;
  opacity:0.6;
  background-color:#000000;
  -ms-transition:all 0.2s ease-out;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
  color:white;padding:2%;
  font-weight:bold;
  text-align:center;
  vertical-align:middle
}
#gropcate .box-img figure .actions .style-text{
  overflow:hidden;
  height:84%;
  width:80%;
  opacity:unset;
  font-weight:900;
  margin: auto;
}
#gropcate .lgtext{
  display: inline-block;
  color: #fff;
}
#gropcate .btnb{
  display: inline-block;
  background-color: white;
  padding: 10px 30px;
  font-weight: bold;
  font: 12px/30px 'Gotham-Medium';
}
/******************productos*****************/

#ecommerce .category {
  background-color: #fff;
  margin-top: 5px;
  border-bottom: 1px solid #eee
}
#ecommerce .category > ul{padding: 0; list-style: none;}
#ecommerce .category ul ul{padding-left: 20px; list-style: none;}
#ecommerce .category ul li a{display: block;font-size:14px;padding-top: 3px;padding-bottom: 3px}
#ecommerce .category ul li a:hover{font-weight: bold;font-family: 'Gotham-Book';}
#ecommerce .category .heading h6{margin-bottom:5px;font-family: 'Gotham-Medium';}
#ecommerce .category .heading{border-bottom: 1px solid #333;margin-bottom:20px ;}
#ecommerce .category ul a.active{font-weight: bold;font-family: 'Gotham-Book';}
#ecommerce .product {
  padding: 10px;
  background-color: #fff;
  border-radius: 0px;
  position: relative
}
#ecommerce .e-title{
  font-family: 'Gotham-Book';
  font-size: 13px;
  color: #4E4E4E;
  letter-spacing: 2.2px;
  text-align: center;
}

#ecommerce .btnecomm{
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 5px 30px;
  font: 12px/30px 'Gotham-Medium';
}
#ecommerce .sticky-top {
  top: 96px;
  z-index: 1019!important;
}

#ecommprod .pd-wrap {
	padding: 40px 0;
	font-family: 'Poppins', sans-serif;
}
#ecommprod .heading-section {
	text-align: center;
	margin-bottom: 20px;
}
#ecommprod .sub-heading {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #2e9ca1;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#ecommprod .heading-section h2 {
	font-size: 32px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
#ecommprod .carousel-testimonial .item {
	padding: 30px 10px;
}
#ecommprod .quote {
	position: absolute;
    top: -23px;
    color: #2e9da1;
    font-size: 27px;
}
#ecommprod .name {
	margin-bottom: 0;
    line-height: 14px;
    font-size: 17px;
    font-weight: 500;
}
#ecommprod .position {
	color: #adadad;
	font-size: 14px;
}
#ecommprod .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	outline: none;
	height: 25px;
}
#ecommprod .owl-nav button svg {
	width: 25px;
	height: 25px;
}
#ecommprod .owl-nav button.owl-prev {
	left: 25px;
}
#ecommprod .owl-nav button.owl-next {
	right: 25px;
}
#ecommprod .owl-nav button span {
	font-size: 45px;
}
#ecommprod .product-thumb .item img {
	height: 100px;
}
#ecommprod .product-name {
	font-size: 20px;
  letter-spacing: 3.9px;
  font-family: 'Gotham-Medium';
  margin-bottom: 30px;
}
#ecommprod .product-description{
	margin-top: 20px;
}
#ecommprod .display-flex {
	display: flex;
}
#ecommprod .align-center {
	align-items: center;
}
#ecommprod .product-seller-title{
  font-family: 'Gotham-Medium';
  margin:10px 0 15px;
  font-size:15px;
}
#ecommprod .product-seller-subtitle{
  font-family: 'Gotham-Medium';
  margin:15px 0 10px;
  font-size:14px;
}
#ecommprod .btnecomm{
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 5px 30px;
  font: 12px/30px 'Gotham-Medium';
}
.product-featurer{margin-bottom:5px;}

/* general reset/setup styling for icons - needed on all */
.icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block; 
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* defining the right font-family/font-face for each style */
.icon-solid::before,
.icon-regular::before,
.icon-light::before {
  font-family: "Font Awesome 5 Pro";
}

.icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}
/* Closed submenu icon */
#ecommerce .listtitlee[aria-expanded="false"] .submenu-icon::after {
  font-family: "Font Awesome 5 Pro"; content: "\f107";

  display: inline;
  text-align: right;
  padding-left: 10px;
}
/* Opened submenu icon */
#ecommerce  .listtitlee[aria-expanded="true"] .submenu-icon::after {
  font-family: "Font Awesome 5 Pro"; content: "\f106";
  display: inline;
  text-align: right;
  padding-left: 10px;
}
#ecommerce a.listtitlee {
  margin-bottom: 5px;
  font-family: 'Gotham-Medium';
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}