@charset "UTF-8";

@font-face {
	font-family: 'Netto Pro';
	src: url('../fonts/NettoPro.eot');
	src: url('../fonts/NettoPro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NettoPro.woff') format('woff'),
         url('../fonts/NettoPro.ttf') format('truetype');
	font-style: normal;
}

@font-face {
  font-family: 'Netto Bold';
  src: url('../fonts/NettoOT-Bold.eot');
  src: url('../fonts/NettoOT-Bold.eot?#iefix') format('ebbedded-opentype'),
       url('../fonts/NettoOT-Bold.woff') format('woff'),
       url('../fonts/NettoOT-Bold.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Light';
  src: url('../fonts/BrandonGrotesque-Light.eot');
  src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('ebbedded-opentype'),
       url('../fonts/BrandonGrotesque-Light.woff') format('woff'),
       url('../fonts/BrandonGrotesque-Light.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Regular';
  src: url('../fonts/BrandonGrotesque-Regular.eot');
  src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('ebbedded-opentype'),
       url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),
       url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Bold';
  src: url('../fonts/BrandonGrotesque-Bold.eot');
  src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('ebbedded-opentype'),
       url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
       url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype');
  font-style: normal;
}

body {
	font-family: 'Brandon Light', sans-serif;
	font-size: 16px;
}

header {
	width: 100%;
	background-color: #FFF;
	height: 62px;
	position: fixed;
	z-index: 1000;
}

header + div {
	height: 50px;
}

h1, h2, h3, h4 {
	font-family: 'Brandon Bold', sans-serif;
}

.col-sm-3 > h2 {
	font-size: 40px;
	font-family: 'Brandon Regular', sans-serif;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.col-sm-3 > span {
	font-family: 'Brandon Regular', sans-serif;
}

.container-fluid {
  padding-left: 0 ;
  padding-right: 0;
	overflow: hidden;
}

.container-fluid > .col-sm-5, .col-sm-6, .col-sm-7 {
  padding-left: 0;
  padding-right: 0;
}

.logo {
  line-height: 64px;
}

.logo img {
	margin-bottom: 5px;
    margin-left: 5px;
	width: 80px;
}

.carousel-control.left {
  background-image: none !important;
}

.carousel-control.right {
  background-image: none !important;
}

.ptop-20 {
	padding-top: 20px;
}

.pbottom-20 {
	padding-bottom: 20px;
}

.b-right-1 {
  border-right: 1px solid #999;
}

.b-right-1:last-child {
  border-right: 0px !important;
}

.info-home-bg {
  background-color: #56565A;
}

.info-home {
  color: #FFF;
	text-align: center;
}

.info-home h4 {
  font-family: 'Brandon Bold', sans-serif;
}

.padding-30-0 {
  padding: 30px 0;
}

.title-h2 {
  font-family: 'Brandon Bold', sans-serif;
  font-size: 60px;
  letter-spacing: 1px;
  margin-top: 60px;
}

.text-p-home {
  font-family:'Brandon Regular', sans-serif;
  font-size:18px;
  padding-right:80px;
  line-height: 32px;
}

.bg-carousel {
	background-image: url('../img/background-carousel.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	height: 480px;
}

.btn {
	font-size: 13px;
	padding: 10px 14px;
	font-family: 'Brandon Bold', sans-serif;
}

#hero {
  background: url(../img/parallax.jpg) 50% 0 no-repeat fixed;
  width: 100%;
  height: 30em;
  position: relative;
  background-size: cover;
}

.btn-send {
	background-color: #FC4237;
	color: #FFF !important;
	height: 30px;
	line-height: 15px;
	padding: 7px 14px !important;
	-moz-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.btn-send:hover {
	background-color: #dc2e24;
}

.team {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.cover {
    position: absolute;
    top: 0;
    width: 93.5%;
    height: 100%;
    opacity: 0;
}

.team > .red {
    background: rgba(248,83,73,0.6);
    opacity: 0;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.team > .red:hover, .red.hover {
    opacity: 1;
}

.team > .blue {
    background: rgba(25,175,212,0.6) !important;
    opacity: 0;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.team > .blue:hover {
    opacity: 1;
}

#lang {
    line-height: 16px;
    position: relative;
    bottom:-6px;
}

#lang  a {
    font-size: 12px !important;
    display: block;
    padding: 0;
}


.cover > .person {
    border: 3px solid #FFF;
    width: 80%;
    height: 80%;
    margin: 8% auto;
    text-align: center;
    padding: 11%;
    color: #FFF;
}

.person h3, h4 {
    font-family:'Brandon Light', sans-serif;
}

.person a {
    color:#FFF;
}

footer {
	background-color: #56565A;
	overflow: hidden;
	padding-top: 40px;
	font-size: 14px;
}

footer h4 {
	color: #00A6CF;
}

#footer > li > a {
	color: #FFF;
	line-height: 30px;
}

.col-sm-2 span {
	color: #FFF;
}

.fa-instagram:before, .fa-facebook:before, .fa-linkedin:before, .fa-twitter:before {
	font-size: 24px;
	color: #00A6CF;
}

footer .fa:hover {
	opacity: 0.4;
	-moz-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.copyright {
	padding: 20px 0;
}

.list-inline>li {
	padding-left: 8px;
	padding-right: 8px;
}

.page-title {
	width: 100%;
	text-align: center;
	padding: 50px;
	margin-top: 12px;
}

.page-title h1 {
	color: #FFF;
	margin-top: 0;
	margin-bottom: 0;
}

.page-title span {
	font-size: 20px;
	font-family: 'Brandon Bold', sans-serif;
	color: #FFF;
}

.blue {
	background-color: #00A6CF;
}

.red {
	background-color: #FC4237;
}

.gray {
	background-color: #77777B;
}

.company-p {
	line-height:23px;
	font-size: 18px;
	font-family:'Brandon Regular', sans-serif;
}

.solution-list {
	border: 1px solid #999;
	text-align: center;
	margin-bottom: 30px;
	padding: 15px;
}

.solution-list:nth-child(3n+3) {
	margin-right: 0;
}

.solution-list img,span {
	display:inline-block;
}

.solution-list .btn {
	margin-top: 20px;
}

.solution-list a {
	color: #FFF;
}

.mtop-40 {
	margin-top: 40px;
}

.mbottom-40 {
	margin-bottom: 40px;
}

address span {
	font-family: Brandon Regular;
	display: block;
	font-size: 16px;
	clear: both;
	line-height: 32px;
	padding-bottom: 5px;
}

adress span:first-child {
	line-height: 20px;
}

address strong {
	font-family: 'Brandon Bold', sans-serif;
	font-size: 21px;
}

address i {
	float: left;
	padding: 5px;
	clear: both;
	font-size: 21px !important;
}


#support {
	border: solid 1.5px #00A6CF;
    margin: 30px 0;
    padding: 30px 0 50px;
}

#support h3 {
	float: left;
	margin: 0;
}

#support span {
	font-family: 'Brandon Bold', sans-serif !important;
	font-size: 18px;
	padding: 0 10px;
}

/*Solutions*/
.m-auto {
	margin: 15px auto 30px;
}
.margin-30-0 {
	margin-top: 30px;
	margin-bottom: 30px;
}

#solution {
	margin-bottom: 40px;
	color: #666;
}

#solution .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px;
}

#solution img {
    padding-bottom: 15px;
}

#solution strong {
	font-size: 24px;
	font-family: 'Brandon Bold', sans-serif;
}

#solution p {
	font-size: 18px;
	font-family: 'Brandon Regular', sans-serif;
}

#solution .col-xs-3 {
	margin-bottom: 15px;
}

#solution .pull-right, .pull-left {
	padding: 0 15px;
}

#ref .col-sm-2 {
	margin-bottom: 40px;
	font-size: 13px;
	height: 250px;
	overflow: hidden;
}

button a {
	color: #FFF;
}

.text-row {
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   line-height: 21px;     /* fallback */
	   max-height: 84px;      /* fallback */
	   -webkit-line-clamp: 4; /* number of lines to show */
	   -webkit-box-orient: vertical;
		 margin-bottom: 20px;
}






/*Carousel */
.carousel-wrap {
  margin: 180px auto 40px;
  padding: 0 5%;
  width: 80%;
  position: relative;
}
.owl-carousel .item {
  position: relative; /* fix blank or flashing items on carousel */
  z-index: 100; /* fix blank or flashing items on carousel */
  -webkit-backface-visibility: hidden; /* fix blank or flashing items on carousel */
	text-align: center;
	border: 1px solid #F5F5F5;
	height: 300px;
}
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.owl-nav i {
  font-size: 52px;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}
.owl-carousel .owl-item img {
	width: auto;
	display: inline;
}

.owl-carousel .item > span {
	display:block;
	font-size:14px;
	padding:0 10px 20px 10px;
	text-align: justify;
}

@media (min-width:2400px) {    
    .bg-carousel {
        background-size: cover;
    }
}

@media (min-width:1780px) {
    .text-p-home {
      font-size:30px;
      line-height: 50px;
    }
    
    .bg-carousel {
        height: 630px;
    }
    
    .carousel-wrap {
        margin-top: 320px;
    }
    
    .company-p {
       font-size:24px;
      line-height: 40px; 
    }
}

@media (max-width:1141px) {
    .nav-fostrap li a:last-child {
        padding-right: 20px !important;
    } 
}

@media (max-width:900px) {
	header {
		height: 50px;
	}
	.page-title {
		margin-top: 0;
	}
    
    #lang {
        padding-bottom: 30px;
    }
        
    #lang a {
        display: inline-block;
        padding-right: 15px;
        float: left;
    }
    
    #lang a:first-child {
        padding-left: 15px;
    }
}


@media (min-width:768px) and (max-width:991px) {
    .cover > .person {
        padding: 2%;
    }
}


@media (max-width:767px) {
	.owl-carousel .item {
		height: 240px !important;
	}

	.owl-nav > div {
		top: 32%;
	}

	#solution .pull-right {
		padding: 0;
	}

	#support h3 {
		margin-bottom: 20px;
		position: relative;
		left: 6px;
	}

	#support {
		padding-bottom: 30px;
	}

	.bg-carousel {
		background: none;
		height: 400px
	}

	.company-p {
		padding: 15px;
	}

	.page-title {
		position: relative;
		margin-top: -50px;
	}

	.page-title h1 {
		margin-top: 50px;
	}

	.carousel-wrap {
		margin-top: 80px;
	}

	header {
		height: 50px;
	}

	footer {
		margin-top: 40px;
	}

	.text-p-home {
		padding: 15px;
	}

	.title-h2 {
		padding-left: 15px
	}

	.mobile-bottom-30 {
		margin-bottom: 30px;
	}

	.c-fluid-p-15 {
		padding: 15px;
	}

	.b-right-1 {
		border-right: 0;
		border-bottom: 1px solid #999;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.b-right-1:last-child {
		border-right: 0;
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

@media (min-width:479px) and (max-width:766px) {
	#ref .col-sm-2 {
		height: 210px;
		overflow: hidden;
	}
}

@media (max-width:599px) {
	.owl-carousel .item {
		height: 300px !important;
	}

	.owl-nav > div {
		top: 25%;
	}

}

@media (max-width:479px) {
	#ref .col-sm-2 {
		height: 130px;
		overflow: hidden;
	}
    
    .cover > .person {
        padding: 3%;
    }
}

@media (min-width:991px) and (max-width:1090px) {
	#support span {
		position: relative;
		top: -10px;
	}
}

._1{
	margin-top: 40px !important;
	padding-bottom: 30px !important;
}

._2{
	margin-top: 17px !important;
	width: 180px !important;
	padding-bottom: 15px !important;
}

._3{
	width: 120px !important;
}

._4{
	height: 350px !important;
}

._5{
	height: 300px !important;
}

._6{
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

._7{
	margin-top: 35px !important;
}

._8{
	height: 250px !important;
}

._9{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

._10{
	margin-top: 40px !important;
}

.modal-dialog {
	max-width: 720px;
	width: 750px;
}

@media (max-width:670px){
	
	._11{
		display: none !important;
	}

	._12{
		display: block !important; 
	}

	.modal-dialog{
		width: 100% !important;
		margin: 0px !important;
	}

}

._12{
	display: none;
}

._13{
	position: relative;
    left: -12%;
    top: -14.8px;
}

._14{
    position: relative;
    bottom: 10px;
    left: 4px;
}

._15{
	position: relative;
    left: 10%;
    font-size: 21px;
}

._16{
	border-radius: 0px;
	margin-top: 95px;
}

@media only screen and ( max-width: 770px ){
   ._74{ display: none !important;  }
   ._75{ top: 4px !important; width: 91% !important; left: 3px !important; height: 86% !important; }
   ._80{ display: none !important;  }
   ._81{ display: none !important;  }
   ._82{ font-size: 8px !important;  }
   ._72{ font-size: 6.3px !important;  }
   .modal-body{ padding: 3px; }
}


@media only screen and ( min-height: 1024px ){

	._75{
		left: 50% !important;
		position: relative !important;
	}

}

.modal-dialog {
    max-width: 1015px !important;
    width: 101% !important;
}

._75{
    width: 89%;
    position: relative;
    top: 112px;
    height: 82%;
    left: 23px;
    outline: none;
}

._76{
	color: #E9534A !important;
    position: relative;
    bottom: -4px;
    left: 5px;
    font-size: 15.5px;
}

._80{
	background-color: #efefef;
    height: 129px;
    width: 84px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

._81{
	background-color: #efefef;
    height: 67px;
    width: 300px;
    position: absolute;
    top: 0px;
    right: 0px;
}

._82{
	position: absolute;
	top: 15px;
	left: 44%;
	width: 38%;
}

._83{
	width: 100% !important;
	height: 442px !important;
}

._84{
	
	
}

._85{
	font-size: 18px;
	color: #212121;	
}

._86{
	float: right;
	position: absolute;
	right: 14px;
	bottom: 91px;
}

._87{
	margin-top: 10px;	
}