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

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

@font-face {
      font-family: 'gobold_uplowregular';
      src: url('../fonts/gobold/gobold_uplow-webfont.eot');
      src: url('../fonts/gobold/gobold_uplow-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gobold/gobold_uplow-webfont.woff2') format('woff2'),
      url('../fonts/gobold/gobold_uplow-webfont.woff') format('woff'),
      url('../fonts/gobold/gobold_uplow-webfont.ttf') format('truetype'),
      url('../fonts/gobold/gobold_uplow-webfont.svg#gobold_uplow-webfont') format('svg');
      font-weight: 500;
      font-style: normal;
}

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

body{font-family: 'HelveticaNeue-Light', sans-serif; font-size: 15px; color: #626262;}
h1 {font-size: 40px; line-height: 1.3;}
h5 {font-size: 22px; line-height: 28px;}
h6 {font-size: 18px; line-height: 23px;}

/* NAVBAR */
.logo-holder img {max-height: 100px;}
.slogan {font-family: 'HelveticaNeue-Light', sans-serif; font-size: 12px; margin-top: 3px;}
.nav.navbar-left-sidebar li a {border-bottom: 1px solid transparent !important;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a {padding: 12px 0;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a:hover {color: #000000;}
nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a:after {content: ''; width: 40px; height: 2px; background: #e01840; position: absolute; display: block; margin-top: 3px;}
.language a:hover {color: #000000; }
.language .active {color: #000000; }
.mobile-toggle:hover span {background-color: #e01840;}

/* Slider */
.slider-text-middle h1 {font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 300;}
.down-section {z-index: 10; bottom: 80px;}
.text-deep-white {color: #ffffff;}

/* EXPERTISE */
/*.expertise section {padding: 70px 0; overflow: hidden;}*/
.expertise img {margin-bottom: 30px;}
.references section, .expertise section, .contact section {min-height: 100vh}
.comm:before {content: ''; width: 100px; height: 1px; background: #e01840; display: block; margin: 0 auto 10px;}
.tech:before {content: ''; width: 100px; height: 1px; background: #009a93; display: block; margin: 0 auto 10px;}
.dev:before {content: ''; width: 100px; height: 1px; background: #fbb82c; display: block; margin: 0 auto 10px;}
.expertise .down-section {position: relative; bottom: -10px;}
.down-arrow {margin-top: 25px;}
.down-arrow a {color: #626262;}
.down-arrow a:hover {color: #000000;}

/* REFERENCES */
/*.portfolio-grid {border: 2px solid #ffffff;}*/
/*.portfolio-grid .grid-item {border: 2px solid #ffffff;}*/
/*.hover-option2 .grid-item .portfolio-hover-content ul {padding-left: 15px; list-style: disc;}
.hover-option2 .grid-item .portfolio-hover-content ul li {width: 100%; margin-bottom: 4px;}*/
/*.blog-post-content img {border-bottom: 2px solid #e01840;}*/
.blog-post-content ul {padding-left: 0px; list-style: none;}

/* Forms */
.btn.btn-o-red {background: #e01840; border-color: #e01840; color: #fff;}
.btn.btn-o-red:hover {background: #ca112e; border-color: #ca112e;}

.contact-form label {font-weight: 400; display: block; margin-bottom: 20px; margin-top: -17px; color: #e01840;}

.alert-danger {color: #e01840;}
.alert-danger .close {text-shadow: none; opacity: 1; font-weight: 400; color: #e01840;}
.alert-danger .close:hover {color: #ca112e;}

.alert-success {color: #009a93;}
.alert-success .close {text-shadow: none; opacity: 1; font-weight: 400; color: #009a93;}
.alert-success .close:hover {color: #009a93;}

/* Colors */
.o-red-color {color: #e01840;}
.o-yellow-color {color: #fbb82c;}
.o-green-color {color: #009a93;}

/* Highlights */
.bg-light-gray {background-color: #f5f5f5;}
.text-extra-white {color: #ffffff;}
.medium {font-family: 'HelveticaNeue-Medium', sans-serif;}
.black-color {color: #000000;}
.p-80 {padding-top: 80px; padding-bottom: 80px;}

@media (max-width: 767px) {
      .slider-text-middle h1 {font-size: 30px;}
      .img-about, .img-expertise {width: 75% !important;}
      .img-references {width: 75% !important;}
}

@media (max-width: 991px) {
      .logo-holder img {max-height: 26px; margin-left: 8px;}
      .logo-bg {display: none;}
      .slogan {display: inline-block; margin-left: 13px; margin-top: 10px; margin-bottom: 10px;} 
      nav.navbar.bootsnav.sidebar-nav .navbar-collapse.collapse {top: 45px; left: 13px;}
      nav.navbar.bootsnav.sidebar-nav.sidemenu-open .navbar-nav {margin-right: 26px;}
      nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a {border: none !important;}
      nav.navbar.bootsnav ul.nav > li.active > a {color: #000000 !important;}
      nav.navbar.sidebar-nav {width: 250px;}
      .sidebar-nav .footer-holder {text-align: center;}
      .down-section {display: none;}
      .img-about, .img-expertise {width: 50%;}
      .img-references {width: 50%;}
      #services {padding-top: 50px !important;}
      .down-arrow {display: none;}
      .p-80:first-child {padding-top: 120px;}
      .text-center {text-align: center!important;}
}
@media (min-width: 992px) {
      .logo-sm {display: none;}
}