/* CUSTOM STYLES */


.menuzord-menu {list-style:none;}
.navbar-brand img {max-width:190px;}
.navbar-nav {float:right;margin-top: 15px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding:0;}

.owl-carousel.owl-drag .owl-item {padding:10px;}

.navbar-default {border:none;background:none;height: auto;min-height: 100%;}
.navbar-default .navbar-brand {margin-top:15px;}
.navbar-default .navbar-nav>li>a {font-family: 'Roboto', sans-serif;color:#9a999b;font-weight:100;font-size:1.4rem;transition:.6s;padding:15px 15px;}
.navbar-default .navbar-nav>li>a:hover {color:#000;transition:.6s;}

.margin-slider {margin:50px 0;}

.owl-carousel .owl-nav button.owl-prev {position: absolute;left: -5%;top: 0;bottom: 0;font-size: 3rem;}
.owl-carousel .owl-nav button.owl-next {position: absolute;right: -5%;top: 0;bottom: 0;font-size: 3rem;}
.owl-theme .owl-nav [class*=owl-]:hover, .owl-nav [class*=owl-]:active, .owl-nav [class*=owl-]:focus {background: none;color: #000;outline:none;}
.owl-dots {display:none;}

.slider-home p {color:#9a999b;margin-top: 20px;font-family: 'Roboto', sans-serif;font-size: 1.5rem;font-weight: 100;text-align:right;}

.info {margin-left:5px;margin-right:5px;margin-top:50px;margin-bottom:50px;}
.info .content {margin:10px 0 20px;}
.info .content h3 {margin:10px 0 5px;font-size: 1.3rem;font-weight: 400;font-family: 'Roboto', sans-serif;}
.info .content p {font-family: 'Roboto', sans-serif;margin: 0;font-size: 1.33rem;font-weight: 300;color: #b3adad;}
.info .content p span {font-weight:400 !important}

.style-work-bck {max-width:265px;background-size:80% !important;background-position:center !important;min-height:200px;position:relative;filter:grayscale(100%);background-repeat: no-repeat !important;display: flex;justify-content: center;align-items: center;margin:0 auto;}

.margin-work {margin-top:50px;margin-bottom:50px;width:100%;}

.hover-work:hover, .hover-work:focus, .hover-work:active {text-decoration:none;outline:none;}
.hover-work:hover .info-work {opacity:1;transition:.6s;}

.info-work {height: 100%;width: 80%;position: relative;background: rgba(0, 0, 0, 0.5411764705882353);opacity: 0;transition: .6s;min-height: 135px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 0;}
.info-work h3 {font-family: 'Roboto', sans-serif;color:#c5bfbf;margin: 8px 0 0;font-size: 1rem;font-weight: 100;}
.info-work h2 {font-family: 'Roboto', sans-serif;color: #fff;margin: 10px 0 0;font-size: 1.2rem;font-weight: bold;}
.info-work hr {border-color: #fff;width: 100%;max-width: 50px;margin: 0;}

.work-interna h2 {font-weight: 500;font-size: 1.3rem;margin: 0;font-family: 'Roboto', sans-serif;text-transform: uppercase;}
.work-interna h3 {color:#9d9d9d;margin: 5px 0;font-size: 1.3rem;font-family: 'Roboto', sans-serif;font-weight:100;}
.work-interna p {color:#8b8b8b;margin: 0;font-family: 'Roboto', sans-serif;font-weight:100;}
.flex-row {margin:0;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-end;-ms-flex-line-pack: center;align-content: flex-end;-webkit-align-items: center;-ms-flex-align: center;align-items: flex-end;}
.custom-height-w {max-height: 85vh;overflow: auto;}
.margin-auto-right {margin-right:auto;}

.custom-scrollbar {
  position: relative;
	width: 100%;
	height: 80vh;
	overflow: hidden;
}

.padding-0 {padding:0;}

.custom-scrollbar__inner {
  height: 100%;
  width: calc(100% + 15px);
  padding-right: 64px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  text-align:center;
}
.custom-scrollbar__inner div {
  margin-bottom: 16px;
}
.custom-scrollbar__inner img {
  max-width: 100%;
  width:100%;
  display:inline-block;
  margin: 15px 30px;
}

.custom-scrollbar__bar {
      position: absolute;
    top: 16px;
    bottom: 16px;
    background: rgba(77, 77, 77, 0.45);
    width: 1px;
    right: 8px;
    border-radius: 4px;
}

.custom-scrollbar__knob {
  position: absolute;
  top: 0;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background:#4d4d4d;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  will-change: top;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a0a0a0 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a0a0a0 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a0a0a0 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a0a0a0 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #000;background-color: transparent;}

.contacto {margin-top:50px;margin-bottom:50px;}

.contacto input, .contacto textarea {font-family: 'Roboto', sans-serif;width: 100%;padding: 25px 15px;background: transparent;border: none;box-shadow: none;margin-bottom: 20px;color: #000;font-weight: 400;font-size: 1.4rem;}

.btn-dark-solid {background: transparent;border: 1px #000 solid;border-radius: 30px;font-weight: bold;padding: 9px 30px;transition:.6s;}
.btn-dark-solid:hover {background: #000;color:#fff;transition:.6s;}

.foot-contact {margin-top: 15%;}
.foot-contact i {font-size: 2rem;color: rgba(0, 0, 0, 0.45);transition:.6s;border: 1px rgba(0, 0, 0, 0.45) solid;border-radius: 100%;padding: 8px;margin-top: 10px;}
.foot-contact a:hover i {border-color:#000;color:#000;transition:.6s;}
.foot-contact p, .foot-contact i {display:inline-block;}
.foot-contact p {display:block;margin:0 5px 10px;font-size: 1.3rem;font-family: 'Roboto', sans-serif;font-weight: bold;}
.foot-contact p a {color:inherit;transition:.6s;}
.foot-contact p a:hover, .foot-contact p a:focus, .foot-contact p a:active {opacity:.6;transition:.6s;text-decoration:none;}

.work-interna {margin:auto 0;}
.content-int {height: 85vh;display: flex;align-items: center;flex-direction: column;}

.item, .owl-item {overflow:hidden;}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

    .info-work {min-height: 110px;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {

    .info-work {min-height: 80px;}
}



/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:transparent;}
    .navbar-nav {float:left;}
    .navbar-toggle {margin-top:18px;}
  	.work-interna h2 {margin-top: 30px;}
  	.text-box-inner {margin-bottom: 30px;}
    .info-work {min-height: 24vh;}
    .custom-scrollbar__inner img {margin: 15px 0;}
    .flex-row {margin:0 0 35px;}
}