/**/

html, body {
	overflow-x: hidden;
}

body{
	font-size:1.6em;
	background-color:#ffffff;
	margin: 0;
	padding: 0;
}

.main {
	height: 100%;
	width: 100%;
}
/*img{max-width:100%;}*/

.container {width: 100%;max-width: 1024px;
}

/*----------------------------- slide header*/
header {
	width: 100%;
	background-color: #ffffff;
	z-index: 99999;
	position: fixed;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	min-height: 94px;
}

header h1 {
	background: url(../img/bs_logo.svg) no-repeat;
	width: 182px;
	height: 55px;
	font-size: 0;
	text-indent: -999999999px;
	margin-top: 20px;
	margin-bottom: 0;
	float: left;
	overflow: hidden;
}

header div > nav{float:right;list-style:none;margin:0;}

header div > nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

header div > nav ul li, privacy-bg header div > nav ul li {
	float: left;
	text-align: center;
	border-right: 1px solid #f5f5f5;
	color: #666666;
	font: 0.7em "Book", Arial, Helvetica, Geneva, sans-serif;
	overflow: hidden;
	cursor: pointer;
	padding: 53px 15px 30px;
	text-transform: uppercase;
}

header div > nav ul li:first-child, header div > nav.pages ul li:first-child {
	border-left: 1px solid #f5f5f5;
}

header div > nav ul li:hover, header div > nav .active {
	background-color: #d2d2d2;
	text-decoration: none;
	color: #ffffff;
}

header div > nav.pages ul li {
	float: left;
	border-right: 1px solid #f5f5f5;
	overflow: hidden;
	padding: 0;
}

header div > nav.pages ul li a {
	text-align: center;
	color: #666666;
	font: 1em "Book", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	padding: 53px 15px 30px;
	display: block;
}

header div > nav.pages ul li a:hover, header div > nav.pages a.active {
	background-color: #d2d2d2;
	text-decoration: none;
	color: #ffffff;
}


/*----------------------------- slide-h*/
.slide-h{background-attachment:fixed;width:100%;height:auto;position:relative;padding: 60px 0;}

.msg-area {
	width: 100%;
	position: absolute;
	z-index: 99;
	margin-top: 10px;
	display: block;
}

.msg {
	max-width: 450px;
	margin-right: auto;
	margin-left: auto;
}

.msg .close {
	margin-right: 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: -2px;
}

.alert {
  padding: 17px 15px 15px;
  margin-bottom: 0px;
  border: none;
  border-radius: 0;
}

.alert-info {
	color: #666666;
	background-color: rgba(255, 255, 255, 0.85);
	border: none;
	font: 0.9em "light", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.msg a {
	float: right;
}

.msg .glyphicon-remove {
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	text-decoration: none;
	margin-top: -1px;
	color: #666666;
}

.msg .glyphicon-remove:hover {
	opacity: 0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
	text-decoration: none;
}

/*----------------------------- slide 1 banners*/
#slide1{background-color:#ffffff;}

.banner-info.info-1 {
	margin-top: -31%;
	margin-left: 9%;
	max-width: 450px;
}

.banner-info.info-2 {
	margin-top: -21%;
	margin-left: 40%;
	max-width: 550px;
}

.banner-info.info-3 {
	margin-top: -30%;
	margin-left: 0;
	max-width: 400px;
}

.info-1 h3, .info-2 h3, .info-3 h3 {
	font-size: 1.8em;
	line-height: 1.1em;
	color: #ffffff;
}

/*.slide-msg h2 {
	margin: 0;
	font-size: 1.3em;
	line-height: 1em;
}*/

.banner-info .type {
	display: inline-block;
	margin: 0;
	padding: 5px 10px 3px;
	font-family: "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.8);
}

.slide-msg .light {
	font-family: "light", Arial, Helvetica, Geneva, sans-serif;
}

.info-1 p, .info-2 p, .info-3 p {
	color: #ffffff;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0;
}

.info-2 h3 {
	text-align: right;
	margin: 0 15px 0 0;
	line-height: 1em;
}

.info-2 h4 {
	margin: 0;
	font: 1.2em/1.2em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
}

.info-2 h3, .box-text {
	float: left;
	position: relative;
}

.info-2 p .small {
	font-size: 0.7em;
}

#slide1 .area-img {
	height: 450px;
	width: 100%;
	text-align: center;
}

#slide1 .area-img.one {
	background: url(../img/banner4.jpg) no-repeat;
	background-size: 110%;
	background-position: center center;
}


#slide1 .area-img.two {
	background: url(../img/banner5.jpg) no-repeat;
	background-size: 110%;
	background-position: center center;
}

#slide1 .area-img.three {
	background: url(../img/banner3.jpg) no-repeat;
	background-size: 110%;
	background-position: center center;
}


/*----------------------------- slide 2*/
#lead-activation{
	background: #f3ecea;
	background-repeat: no-repeat;
	color:#ffffff;}

#lead-activation .lead {
	font: 3.2em/1.2em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	margin-bottom: 20px;
	display: block;
	margin-top: 30px;
}

#lead-activation p {
	color: #999999;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0;
}

#lead-activation ul {
	margin: 20px 0 0;
	list-style: none;
	padding: 0;
}

#lead-activation ul li {
	margin-bottom: 15px;
}

#lead-activation ul li:last-child {
	margin-bottom: 0px;
}

#lead-activation ul li p {
	font-weight: bold;
	font-size: 0.8em;
	color: #6f6f6f;
}

#lead-activation ul li p span {
	color: #333333;
}

#lead-activation ul li img {
	float: left;
	margin-right: 5px;
}


/*----------------------------- slide 3*/
#slide3{background-color:#dad5d5;
}

#slide3.slide-h {
	padding-top: 25px;
	padding-bottom: 0;
}

#slide3 h2 {
	color: #666666;
	font: 1.7em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#slide3 p {
	color: #666666;
    font-size: 0.8em;
    line-height: 1.4em;
}

#slide3 .box-area {
	max-width: 700px;
	/*margin-bottom: 80px;*/
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*margin-bottom: 40px;*/
}

#slide3 .arrow-up {
	margin-top: -116px;
}

#slide3 .carousel-indicators {
	position: relative;
	bottom: 0;
	left: 0;
	width: auto;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
	list-style: none;
	margin-top: 60px;
}

#slide3 .carousel-indicators li {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 20px;
	text-indent: 0px;
	cursor: pointer;
	background-color: #dad5d5;
	border: none;
	border-radius: 0;
	
	font: 1em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #999999;
}

#slide3 .carousel-indicators .active {
	width: auto;
	height: auto;
	margin: 0 0 20px;
	background-color: #dad5d5;
	/*font-weight: bold;*/
	/*font: 1em "book", Arial, Helvetica, Geneva, sans-serif;*/
	color: #333333;
}

#slide3 h3 {
	font: 1em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 30px;
}

#slide3 h3.start {
	margin-top: 40px;
}

#slide3 h3.multic {
	margin-top: 60px;
}

#slide3 h3.realt {
	margin-top: 50px;
}

#slide3 ol li img {
	float: left;
	margin-right: 10px;
	margin-top: -3px;
}


/*----------------------------- slide 4 orange*/
#slide4{
	background-color: #e38535;}

#know-now {
	background-color: #e27e28;
	/*min-height: 416px;*/
}

#act-now {
	background-color: #e2791e;
	/*min-height: 416px;*/
}

#reach-now {
	background-color: #e27213;
}

#slide4 .lead {
	font: 1.6em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	max-width: 750px;
}

#slide4 .lead strong {
	font-family: "book", Arial, Helvetica, Geneva, sans-serif;
}

#know-now h3, #act-now h3, #reach-now h3 {
	font: 2em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	display: block;
	text-align: center;
	
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	
	opacity: 0;
}

#know-now h3.in, #act-now h3.in, #reach-now h3.in
{
	font-size: 2.5em;
	opacity: 1;
	transition-delay: 0.2s;
}

#know-now .text, #act-now .text, #reach-now .text {
	font: 0.9em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	color: #713700;
	max-width: 400px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	opacity: 0;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

#know-now .text.in, #act-now .text.in, #reach-now .text.in {
	font-size: 0.9em;
	line-height: 1.4em;
	
	opacity: 1;
	transition-delay: 0.4s;
}

.numbers {
	width: 44px;
	height: 44px;
	background: url(../img/numbers.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.numbers.one {
	background-position: 1px 1px;
}

.numbers.two {
	background-position: 1px -43px;
}

.numbers.three {
	background-position: 1px -86px;
}

#know-now .box-area, #act-now .box-area, #reach-now .box-area {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#know-now .box-area {
	max-width: 605px;	
}

#act-now .box-area {
	max-width: 605px;	
}

#reach-now .box-area {
	max-width: 605px;
	margin-bottom: 10px;
}

.box-area .col-md-3 {
	text-align: center;
	margin-top: 30px;
}

#know-now .box-area h4, #act-now .box-area h4, #reach-now .box-area h4 {
	font-size: 0.8em;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
}

.box {
	margin-left: -50px;
	opacity: 0;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.box.in {
	margin-left: 0;
	opacity: 1;
	transition-delay: 0.5s;
}

/*----------------------------- slide 8*/

#slide8 {
	background-color: #6a8ba8;
}

#clients {
	background-color: #5a81a2;
}

#slide8 .box-area, #clients .box-area {
	max-width: 700px;
	/*margin-bottom: 80px;*/
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#clients .circle {
	margin-top: -145px;
	/*right: 45%;
	position: absolute;*/
	z-index: 999999;
	/*margin-bottom: 30px;*/
}

#clients h3 {
	font: 1.7em/1.3em "bold", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	margin-bottom: 20px;
	display: block;
	margin-top: 0;
}

#slide8 h4 {
	font: 1.3em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	margin-bottom: 20px;
	display: block;
	margin-top: 0;
}

#slide8 p, #clients p {
	color: #ffffff;
	font-size: 0.8em;
	line-height: 1.4em;
}

#slide8 .testm {
	margin-top: 40px;
}

#slide8 .testm p, #clients p {
	margin: 0;
}

#slide8 .testm p .legend-emp, #slide8n .testm p .legend-carg {
	font-size: 0.9em;
	color: #ffffff;
	display: block;
}

#slide8 .testm .image, #slide8 .testm .client-info {
	float: left;
}

#slide8 .testm .image {
	margin-right: 20px;
}

#slide8 .testm .client-bo {
	position: relative;
	overflow: hidden;
}

#slide8 .testm blockquote {
	color: #ffffff;
	font: italic 0.9em/1.4em Arial, Helvetica, Geneva, sans-serif;
	border: none;
	margin-top: 30px;
	margin-left: 0;
	padding: 0;
}

#slide8 .testm h4 {
	font: 1em "Bold", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	margin: 30px 0 10px;
}

#slide8 .align {
	text-align: center;
}

#slide8 .carousel-inner {
	min-height: 323px;
}

#slide8 .carousel-control.left,
#slide8 .carousel-control.right {
	margin-top: -60px;
}




/*----------------------------- slide 9 BIG*/

#why-byside{
	background-image:url('../img/banner-site.jpg');
	background-color: #bf7802;
	background-repeat: no-repeat;
	background-position: 0 100px;
}
	
#why-byside-m{
	background: url('../img/banner-site.jpg') 50% no-repeat #bf7802;
	background-size: 120%;
}
	
#why-byside h3, #why-byside-m h3 {
	color: #ffffff;
	font: 1.8em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 60px;
	max-width: 1024px;
	text-align: center;
	
	opacity: 0;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	
	transition-delay: 0.4s;
}

#why-byside h3.in, #why-byside-m h3.in {
	font-size: 1.8em;
	opacity: 1;
}

#why-byside ul, #why-byside-m ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#why-byside li, #why-byside-m li {
	text-align: center;
}

#why-byside li, #why-byside-m li {
	margin-left: -50px;
	opacity: 0;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

#why-byside li.in, #why-byside-m li.in {
	margin-left: 0;
	opacity: 1;
	transition-delay: 1s;
}

/*----------------------------- slide 10 office*/

#slide10{
	background-image:url('../img/bg1.jpg');
	background-repeat: no-repeat;
	background-position: 0 100px;
	height: 500px;
	}
	
#slide10-m{
	background: url('../img/bg1.jpg') 50% no-repeat #ffffff;
	background-size: 120%;
	height: 400px;
}


/*----------------------------- slide 11 about*/

#slide11 {
	background-color: #e0d9d7;
}

#slide11 h3 {
	font: 1.7em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	margin-bottom: 20px;
	display: block;
	margin-top: 0;
}

#slide11 p {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
}

#slide11 .lead {
	font: 1.2em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	margin-bottom: 20px;
}

#slide11 .lead-now {
	font: 1.2em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	margin-bottom: 20px;
}

#slide11 .now strong {
	color: #484848;
}



/*----------------------------- slide 12 mapa*/

#slide12 {
	background-color: #556f85;
	height: 560px;
}

#slide12 .map-world {
	position: relative;
	max-width: 1016px;
	margin-left: auto;
	margin-right: auto;
}

/*#slide12-m{
	background: url('../img/mapa.png') 50% no-repeat #556f85;
	background-size: 120%;
}*/



/*----------------------------- slide 13*/

#slide13 {
	background-color: #cdc8c8;
}

#slide13 .box-area {
	max-width: 710px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}

#slide13 .box-area img {
	margin-left: auto;
	margin-right: auto;
}

#slide13 h2 {
	color: #666666;
	font: 1.5em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 30px;
}

#slide13 .circle-w {
	margin-top: -150px;
}

#slide13 h3 {
	font: 1.5em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	margin-bottom: 10px;
}

#slide13 p {
	font: 0.8em/1.5em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #888888;
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 0;
}

#slide13 .roda {
	border-radius: 50%;
	background-color: #ffffff;
	height: 311px;
	padding-top: 70px;
}

#slide13 .box-w {
	background-color: #ffffff;
	padding: 30px 15px;
	min-height: 320px;
	cursor: pointer;
}

#slide13 .box-w:hover {
	background-color: #efefef;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

#slide13 .box-w .btn {
	margin-top: 20px;
}


/*----------------------------- slide 14 about*/

#slide14 {
	background-color: #e3dfdd;
}

#slide14 .gallery {
	overflow: hidden;
}

#slide14 .gallery a {
	float: left;
	overflow: hidden;
	width: 88px;
	height: 88px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#slide14 .gallery a:hover {
	opacity: 0.40;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	text-decoration: none;
}

#slide14 .awards {
/*	border-top: 1px solid #c1c1c1;
	padding-top: 15px;*/
	margin-top: 5px;
	overflow: hidden;
}

/*#slide14 .awards h4 {
	font: 1em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	margin-bottom: 10px;
}*/

#slide14 .awards img {
	float: left;
	margin: 0;
}

#slide14 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#slide14 ul li {
	border-top: 1px solid #c6c0bf;
}

#slide14 ul li a {
	font: 1em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	cursor: pointer;
}

#slide14 ul li h4 {
	font: 1em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #666666;
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0;
}

#slide14 ul li a:hover {
	text-decoration: none;
	color: #999999;
}

#slide14 ul li.award-margin {
	padding-top: 20px;
}




/*----------------------------- slide footer*/

footer {
	padding: 60px 0;
	background-color: #ffffff;
}


footer .links div {
	margin-top: 115px;
	display: block;
	text-align: right;
}


footer .links a {
	cursor: pointer;
	color: #999999;
	font-size: 0.7em;
	text-decoration: none;
}

footer .links a:hover {
	color: #666666;
}

footer .links a#terms {
	float: none;
	display: block;
}

/*footer .links span {
	color: #999999;
	font-size: 0.7em;
	text-decoration: none;
	display: block;
}*/

footer .links .collapsed .glyphicon-chevron-down::before { 
	content:"\e113" !important;
}

footer .links a .glyphicon-chevron-up {
	opacity: 0.40;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	text-decoration: none;
	margin-top: -1px;
}

footer .links a:hover .glyphicon-chevron-up {
	opacity: 0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	text-decoration: none;
}

footer h4 {
	font: 1em "bold", Arial, Helvetica, Geneva, sans-serif;
	color: #999999;
	margin-top: 0;
}

footer p {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	/*margin: 0;*/
}

footer address a {
	color: #333333;
	text-decoration: none;
}

footer address a:hover {
	color: #666666;
	text-decoration: none;
}

footer address {
	margin-bottom: 10px;
	min-height: 103px;
}

footer .line .col-md-3 {
	border-left: 1px solid #dbdbdb;
	min-height: 190px;
}

footer a.mapa {
	color: #999999;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.9em;
	margin-bottom: 10px;
	/*display: block;*/
}

footer a.mapa:hover {
	color: #d0d0d0;
	text-decoration: none;
	cursor: pointer;
}

a.close{
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #666666;
	display: block;
	margin-right: 20px;
}

a.close:hover {
	opacity: 0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	text-decoration: none;
}


.btn-primary {
  color: #ffffff;
  background-color: #f47b20;
  border-color: #f47b20;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #d86108;
  border-color: #d86108;
}



/*----------------------------- slide privacy*/

footer p, .privacy-page p {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	/*margin: 0;*/
}

.privacy-page p {
	line-height: 1.5em;
}

.panels .line, .privacy-page line {
	border-top: 1px solid #c8c8c8;
	margin-top: 50px;
}

.panels p, .panels td, .privacy-page td {
	font-size: 0.7em;
	color: #999999;
}

.panels a, .privacy-page a {
	color: #666666;
}

.panels a:hover, .privacy-page a:hover {
	color: #6a8ba8;
	text-decoration: none;
}

.panels h3 {
	font: 1.4em/1.5em "book", Arial, Helvetica, Geneva, sans-serif;
}

.panels h5, .privacy-page h5 {
	font: 1em/1.5em "light", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 30px;
}

.privacy-page h5 {
	color: #000000;
}

.panels ul, .privacy-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.panels ul li, .privacy-page ul li {
	margin-left: 15px;
	text-indent: -10px;
}

.panels ul li p, .privacy-page ul li p {
	margin-bottom: 5px;
}

.panels th, .privacy-page th {
	color: #666666;
	font: 0.7em "bold", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	background-color: #eeeeee;
}

.panels td, .privacy-page td {
	vertical-align: top;
	padding: 5px;
}

.panels td.color, .privacy-page td.color {
	background-color: #eeeeee;
}

.privacy-bg {
	background-color: #e0d9d7;
}

.privacy-page {
	padding-top: 80px;
}

/*.privacy-page .slide-h {
	padding-top: 0;
}*/

.privacy-bg h3 {
	font: 1.4em/1.5em "book", Arial, Helvetica, Geneva, sans-serif;
}


/*----------------------------- slide social*/

.social ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	float: right;
}

.social li {
	float: left;
	margin-right: 5px;
}

.social li:last-child {
	margin-right: 0;
}

.social li a {
	width: 30px;
	height: 30px;
	display: block;
	background: url(../img/social.png) no-repeat;
	font-size: 0;
	text-indent: -99999999px;
	overflow: hidden;
}

.social li a:hover {
	opacity: 0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	text-decoration: none;
}

.social li a.face {
	background-position: 0 0;
}

.social li a.google {
	background-position: -34px 0;
}

.social li a.twitter {
	background-position: -68px 0;
}

.social li a.linkedin {
	background-position: -135px 0;
}

.social li a.youtube {
	background-position: -101px 0;
}


/*----------------------------- styles*/

.pad-left {
	padding-left: 30px;
}

.pad-right {
	padding-right: 30px;
}

.slide-banner {padding: 94px 0 0;}



/*----------------------------- menu mobile*/

.mob-menu {
	margin-top: 28px;
	margin-left: 10px;
	float: left;
}

nav#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

nav#menu ul li {
	text-align: center;
	overflow: hidden;
}

nav#menu ul li a {
	color: #666666;
	font: 1em "Book", Arial, Helvetica, Geneva, sans-serif;
	padding: 15px;
	text-transform: uppercase;
}

.mm-ismenu {
	background-color: #ffffff;
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 60%; }

.mm-menu {
  width: 60%; }



/*----------------------------- slide job news*/

.slide-msg {
	position: absolute;
	max-width: 450px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	z-index: 999;
	padding: 20px 20px 15px;
	
	margin-top: 3%;
}

.slide-msg h1 {
	font-size: 1.7em;
	line-height: 1.3em;
}

.slide-msg h2 {
	margin: 0;
	font-size: 1.3em;
	line-height: 1em;
}

.slide-msg h3 {
	margin: 0;
	font-size: 0.8em;
	line-height: 1em;
}

.slide-msg .type {
	display: inline-block;
	margin: 0;
	padding: 5px 10px 3px;
	font-family: "bold", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.8);
}

.slide-msg .light {
	font-family: "light", Arial, Helvetica, Geneva, sans-serif;
}

/*.slide-msg span {
	color: #000000;
	font: 1.4em/1.3em "bold", Arial, Helvetica, Geneva, sans-serif;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 3px;
}*/

#slide-news .carousel-control, #slide-job .carousel-control {
	z-index: 9999;
}


/*----------------------------- slide job*/

#slide-job .item {
	overflow: hidden;
}

#slide-job .item img {
	width: 100%;
}

#slide-job-2 {
	background-color: #7aa426;
}

#slide-job-2 .box-area, #slide-job-4 .box-area {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#slide-job-2 h2 {
	color: #ffffff;
	font: 1.5em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#slide-job-3 {
	background-color: #628916;
}

#slide-job-3 p, #slide-job-3 ul li {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #ffffff;
}

#slide-job-3 ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

#slide-job-3 ul li {
	text-indent: -10px;
	margin-left: 15px;
}

#slide-job-3 h3 {
	color: #ffffff;
	font: 1.3em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 15px;
}

#slide-job-4 {
	background-color: #f8f7ef;
}

#slide-job-4.slide-h {
	padding-bottom: 0;
}

#slide-job-4 h2 {
	color: #666666;
	font: 1.5em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#slide-job-4 .box-area {
	margin-bottom: 30px;
}

#slide-job-4 .row div {
	border-right: 1px solid #e2e1d9;
	min-height: 210px;
	margin-bottom: 60px;
}

#slide-job-4 .row div:nth-child(3n+0) {
	border-right: none;
}

#slide-job-4 a {
	cursor: pointer;
	overflow: hidden;
	text-decoration: none;
	display: block;
}

#slide-job-4 a:hover {
	opacity: 0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	text-decoration: none;
}

#slide-job-4 h4 {
	color: #333333;
	font: 0.9em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0;
}

#slide-job-4 p {
	color: #666666;
	font: 0.9em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
	margin-bottom: 0;
}

.job-page .panels p {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	/*margin: 0;*/
}

.job-page .panels h5 {
	font: 1.3em/1.5em "light", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 30px;
}

.job-page .panels h5 {
	color: #000000;
}

.job-page .panels ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.job-page .panels ul.job {
	margin-bottom: 20px;
}

.job-page .panels ul li {
	margin-left: 15px;
	text-indent: -10px;
}

.job-page .panels ul li p {
	margin-bottom: 5px;
}

.job-page .green {
	margin-top: 40px;
}

.job-page .green1 {
	background-color: #7aa426;
	padding: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.job-page .green2 {
	background-color: #628916;
	padding: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.job-page .green h5 {
	font-size: 1.1em;
	color: #ffffff;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #628916;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.job-page .green p {
	color: #ffffff;
}

.job-page .green a {
	color: #3e580a;
}

.job-page .green a:hover {
	color: #1f2d04;
}

/*.job-page .green .call {
	margin-top: 10px;
}*/

/*.job-page .panels {
	background-color: #ffffff;
	width: 100%;
	overflow: hidden;
}*/





/*----------------------------- slide news*/

#slide-news-2 {
	background-color: #648aaa;
}

#slide-news-2.slide-h {
	padding-top: 40px;
	padding-bottom: 40px;
}

#slide-news .item img {
	width: 100%;
}

#slide-news-2 .box-area {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#slide-news-2 h2 {
	color: #ffffff;
	font: 1.5em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}

#slide-news-3 {
	background-color: #ededed;
}

#slide-news-3 h1 {
	background: url(../img/bs_logo.svg) no-repeat;
	width: 182px;
	height: 55px;
	font-size: 0;
	text-indent: -999999999px;
	margin: 0;
	overflow: hidden;
	float: left;
}

#slide-news-3 .close {
	float: right;
}

#slide-news-3 h3 {
	color: #003b6c;
	font: 1.3em/1.4em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 30px;
}

#slide-news-3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slide-news-3 ul.news-list li {
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
}

#slide-news-3 ul.news-list li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

#slide-news-3 ul.news-list li a {
	color: #333333;
	font: 0.8em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	margin: 0 0 5px;
}

#slide-news-3 ul.news-list li a:hover {
	color: #999999;
	text-decoration: none;
}

#slide-news-3 ul.news-list li > p {
	color: #999999;
	font-size: 0.8em;
	margin: 0;
}

#slide-news-3 .modal {
  z-index: 9999999;
}

#slide-news-3 .modal-header {
  border-bottom: none;
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
  overflow: hidden;
}

#slide-news-3 .modal-body {
	padding-bottom: 40px;
	padding-right: 40px;
	padding-left: 40px;
	overflow: hidden;
}

#slide-news-3 .modal-body h4 {
	color: #333333;
	font: 1.2em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
}

#slide-news-3 .modal-body p {
	color: #666666;
	font-size: 0.8em;
}

#slide-news-3 .modal-body .date {
	margin-bottom: 30px;
	display: block;
}

#slide-news-3 .modal-body h5 {
	color: #333333;
	font: 1em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 30px;
}

#slide-news-3 .modal-body .mail {
	display: inline-block;
}

#slide-news-3 .modal-body a:link {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	display: inline;
}

#slide-news-3 .press {
	background-color: #5280a4;
	padding: 20px;
	width: 100%;
}

#slide-news-3 .press h3 {
	color: #648aaa;
	font: 1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	padding: 15px;
	background-color: #ededed;
	text-align: center;
	margin: 0;
}

#slide-news-3 .press .margin {
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	font-size: 0.8em;
}

#slide-news-3 .press ul {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}

#slide-news-3 .press ul li {
	margin-bottom: 10px;
}

#slide-news-3 .press ul li:last-child {
	margin-bottom: 0px;
}

#slide-news-3 .press ul li a {
	background-color: #799ebd;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
}

#slide-news-3 .press ul li a:hover {
	background-color: #456885;
}

#slide-news-3 .press ul li span.glyphicon {
	float: right;
}

#slide-news-3 .press .press-top {
	text-align: center;
	margin-top: -52px;
}

/*#carousel-news-column, #carousel-news-column2 {
	margin-bottom: 30px;
}*/

#carousel-news-column .carousel-control, #carousel-news-column2 .carousel-control {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #bababa;
  text-align: center;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

#carousel-news-column .carousel-control:hover,
#carousel-news-column .carousel-control:focus,
#carousel-news-column2 .carousel-control:hover,
#carousel-news-column2 .carousel-control:focus  {
  color: #797979;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

#carousel-news-column .carousel-control.left,
#carousel-news-column2 .carousel-control.left {
  float: left;
  margin-left: -25px;
}

#carousel-news-column .carousel-control.right,
#carousel-news-column2 .carousel-control.right {
  float: right;
  margin-right: 75%;
}
  
#carousel-news-column2 .modal-body img {
	width: 100%;
}
  
  

/*----------------------------- media*/

@media screen and (min-width:1350px){

#why-byside{
	background-position: 0 0;
	background-size: 110%;
}

#slide10 {
	background-size: 110%;
}
}


@media screen and (min-width:1025px){
	#why-byside-m, .vis-m, #slide10-m {
		display: none;
	}
}

/**/
@media screen and (min-width:769px) and (max-width:1024px){
.slide-h{background-attachment:fixed;width:100%;position:relative;padding: 60px 0;
}

.slide-banner {padding: 94px 0 0;}

#slide1 .area-img.one {
	background: url(../img/banner4.jpg) no-repeat;
	background-size: 120%;
	background-position: center center;
}

#slide1 .area-img.two {
	background: url(../img/banner5.jpg) no-repeat;
	background-size: 120%;
	background-position: center center;
}

#slide1 .area-img.three {
	background: url(../img/banner3.jpg) no-repeat;
	background-size: 120%;
	background-position: center center;
}

.tablet .box {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

.tablet  #know-now h3, .tablet #act-now h3, .tablet #reach-now h3 {
	font: 2.5em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	display: block;
	text-align: center;
	
	transition: none;
	opacity: 1;
}

.tablet #know-now .text, .tablet #act-now .text, .tablet #reach-now .text {
	font: 0.9em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	color: #713700;
	max-width: 400px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	transition: none;
	opacity: 1;
}

.tablet #why-byside h3, .tablet #why-byside-m h3 {
	color: #ffffff;
	font: 1.8em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 60px;
	max-width: 1024px;
	text-align: center;
	
	transition: none;
	opacity: 1;
	transition-delay: none;
}

.tablet #why-byside li, .tablet #why-byside-m li {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

#why-byside, .vis, #slide10 {
	display: none;
}

#why-byside-m {
	background-size: 120%;
	background-position: 70% -150px;
}

#slide10-m{
	background-position: 0 -150px;
}

footer .links div {
	margin-top: 115px;
}

}

/**/
@media screen and (min-width:481px)  and (max-width:768px){
.slide-h{background-attachment:fixed;width:100%;position:relative;padding: 60px 0;
}

header div > nav ul li {
	font: 0.6em "Book", Arial, Helvetica, Geneva, sans-serif;
	padding: 53px 8px 31px;
}

.privacy-bg header div > nav ul li {
	font: 0.5em "Book", Arial, Helvetica, Geneva, sans-serif;
	padding: 53px 8px 34px;
}

header div > nav.pages ul li a {
	padding: 53px 8px 31px;
}

.slide-banner {padding: 94px 0 0;}

#slide1 .area-img {
	height: 350px;
	width: 100%;
	text-align: center;
}

#slide1 .area-img.one {
	background: url(../img/banner4.jpg) no-repeat;
	background-size: 160%;
	background-position: center center;
}


#slide1 .area-img.two {
	background: url(../img/banner5.jpg) no-repeat;
	background-size: 160%;
	background-position: center center;
}

#slide1 .area-img.three {
	background: url(../img/banner3.jpg) no-repeat;
	background-size: 160%;
	background-position: -300px -100px;
}

.banner-info.info-1 {
	margin-top: -40%;
	margin-left: 4%;
	max-width: 400px;
}

.banner-info.info-2 {
	margin-top: -21%;
	margin-left: 20%;
	max-width: 550px;
}

.banner-info.info-3 {
	margin-top: -35%;
	margin-left: 2%;
	max-width: 400px;
}

#slide3 .size {
	width: 100%;
}

#slide3 .carousel-indicators li {
	font: 0.8em "light", Arial, Helvetica, Geneva, sans-serif;
}

#slide3 h3 {
	font: 0.9em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 20px;
}

.tablet .box {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

.tablet  #know-now h3, .tablet #act-now h3, .tablet #reach-now h3 {
	font: 2.5em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	display: block;
	text-align: center;
	
	transition: none;
	opacity: 1;
}

.tablet #know-now .text, .tablet #act-now .text, .tablet #reach-now .text {
	font: 0.9em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	color: #713700;
	max-width: 400px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	transition: none;
	opacity: 1;
}

.tablet #why-byside h3, .tablet #why-byside-m h3 {
	color: #ffffff;
	font: 1.8em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 60px;
	max-width: 1024px;
	text-align: center;
	
	transition: none;
	opacity: 1;
	transition-delay: none;
}

.tablet #why-byside li, .tablet #why-byside-m li {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

#why-byside, .vis, #slide10 {
	display: none;
}

#why-byside-m {
	background-size: 160%;
	background-position: 70% -170px;
}

#why-byside-m li img {
	width: 100%;
}

#slide10-m{
	background-position: 0 -70px;
}

.pad-left {
	padding-left: 15px;
}

.pad-right {
	padding-right: 15px;
}

.social li {
	margin-bottom: 5px;
}

footer .links div {
	margin-top: 115px;
}

#slide12 {
	height: 420px;
}

#slide12 img {
	width: 768px;
}

#slide13 .box-w {
	min-height: 450px;
}
}

/**/
@media screen and (max-width:480px){
.slide-h{background-attachment:fixed;width:100%;position:relative;padding: 60px 0;}

header {
	min-height: 0;
	position: relative;
}

header h1 {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.slide-banner {padding: 70px 0 0;}

#slide1 .area-img {
	height: 300px;
	width: 100%;
	text-align: center;
}

#slide1 .area-img.one {
	background: url(../img/banner4.jpg) no-repeat;
	background-size: 250%;
	background-position: -300px center;
}

#slide1 .area-img.two {
	background: url(../img/banner5.jpg) no-repeat;
	background-size: 250%;
	background-position: center center;
}

#slide1 .area-img.three {
	background: url(../img/banner3.jpg) no-repeat;
	background-size: 250%;
	background-position: -300px center;
}

.banner-info.info-1 {
	margin-top: -245px;
	margin-left: 2%;
	max-width: 400px;
}

.banner-info.info-2 {
	margin-top: -170px;
	margin-left: 2%;
	max-width: 550px;
}

.banner-info.info-3 {
	margin-top: -200px;
	margin-left: 2%;
	max-width: 400px;
}

.info-1 h3, .info-2 h3, .info-3 h3 {
	font: 1.2em/1.2em "bold", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
}

.info-2 h3 {
	text-align: left;
	margin: 0 15px 0 0;
	line-height: 1em;
	font-size: 1em;
}

.info-2 h4 {
	font-size: 1em;
	line-height: 1em;
	margin-top: 10px;
}

#lead-activation .lead {
	font-size: 2.2em;
	line-height: 1.2em;
	margin-top: 0;
}

#slide3 h2 {
	margin-top: 20px;
}

.mobile .box {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

.mobile  #know-now h3, .mobile #act-now h3, .mobile #reach-now h3 {
	font: 2.5em/1.3em "light", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	display: block;
	text-align: center;
	
	transition: none;
	opacity: 1;
}

.mobile #know-now .text, .mobile #act-now .text, .mobile #reach-now .text {
	font: 0.9em/1.4em "book", Arial, Helvetica, Geneva, sans-serif;
	color: #713700;
	max-width: 400px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	transition: none;
	opacity: 1;
}

#slide8 .carousel-inner {
	height: 600px;
}

#slide8 .carousel-control.left,
#slide8 .carousel-control.right {
	margin-top: -200px;
}

#why-byside, .vis, #slide10, header div > nav {
	display: none;
	height: 0;
}

#why-byside-m {
	background-size: 180%;
	background-position: 70% 0;
}

.mobile #why-byside h3, .mobile #why-byside-m h3 {
	color: #ffffff;
	font: 1.8em "light", Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 60px;
	max-width: 1024px;
	text-align: center;
	
	transition: none;
	opacity: 1;
	transition-delay: none;
}

.mobile #why-byside li, .mobile #why-byside-m li {
	margin-left: 0;
	opacity: 1;
	
	transition: none;
}

#slide10-m{
	background-size: 180%;
	height: 250px;
	background-position: 0 -10px;
}

.social {
	float: left;
}

.social ul {
	float: none;
}

footer .links {
	float: left;
}

footer .links div {
	margin-top: 40px;
	text-align: left;
}

footer address {
	margin-bottom: 10px;
	min-height: 0;
}

footer .line .col-md-3 {
	min-height: 0;
	margin-bottom: 40px;
}

.pad-left {
	padding-left: 15px;
}

.pad-right {
	padding-right: 15px;
}

#slide12 {
	height: 270px;
}

#slide12 img {
	max-width: 480px;
}

#slide13 .row div {
	margin-bottom: 20px;
}

#slide13 .row div:last-child {
	margin-bottom: 0;
}

#slide-job-3 h3 {
	margin: 60px 0 15px;
}

#slide-job-4 .row div {
	border-right: none;
}

#slide14 .awards {
	margin-bottom: 40px;
	overflow: hidden;
}

#slide-news-3 .row .margin-b {
	margin-bottom: 100px;
}

.slide-msg {
	margin-top: 15%;
	padding: 0;
}

.slide-msg h1 {
	font-size: 1em;
	line-height: 1em;
}

.slide-msg h2 {
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
}

.slide-msg h3 {
	margin: 0;
	font-size: 0.6em;
	line-height: 1em;
}

}


@media screen and (max-width:320px){
#slide12 {
	height: 180px;
}

#slide12 img {
	max-width: 320px;
}

#slide14 .awards {
	margin-bottom: 40px;
	overflow: hidden;
}
}


/*----------------------------- styles*/

.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.carousel-control {
  opacity: 0.1;
  filter: alpha(opacity=10);
  
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}

.carousel-control:hover,
.carousel-control:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}




.map-canvas {
	height: 500px;
	width: 100%;
	/*overflow: hidden;
	margin: 0px;
	padding: 0px*/
}

#map a {
	cursor: pointer;
	display: block;
	position: relative;
}