body, html {
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
a, a:hover {
	text-decoration: none;
}
a:focus, a:visited, a:active {
	outline: none;
	text-decoration: none;
}
/*FONTS DIN-Pro*/
.cookies{
	background-color: #104c7a;
	border-color: #104c7a;
	color: #fff;
}
@font-face {
	font-family: 'DINPro-Regular';
	src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Regular.otf') format('opentype'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINPro-Light';
	src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINPro-Bold';
	src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Bold.otf') format('opentype'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINPro-Medium';
	src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Medium.otf') format('opentype'), url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.ttf') format('truetype'), url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*LOGO*/

.navbar-default .navbar-brand .brand-white {
	display: block;
}
.navbar-default .navbar-brand .brand-color {
	display: none;
}

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

	#mainNav.navbar-shrink .brand-white {
		display: none;
	}
	#mainNav.navbar-shrink .brand-color {
		display: block;
	}
	#mainNav.navbar-shrink {
		border-bottom: 1px solid rgba(145, 163,172, .2);
	}
	.navbar-brand {
		padding: 0;
	}
}

#Capa_1, #Capa_2 {
	width: 6.4rem;
}

/*NAV*/

@media (min-width: 768px) {
.form-inline .form-group {
	display: block;
}
.navbar>.container-fluid .navbar-brand {
	margin-left: 0;
}
}

@media (min-width: 768px) {
	.navbar-right {
		float: right!important;
		margin-right: 0;
	}
	.dropdown:hover .dropdown-menu{
		display: block;
	}
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {
	color: #ffffff;
	}
.dropdown-menu > ul > li{
	list-style: none;
	}
.dropdown-menu > ul > li> a{
	color:#ffffff;
  padding: 0.5rem 0 0.5rem 1rem;
	text-align: left;
	background-color: #213f56;
  font-size: 0.8rem;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	   background-color:#e7e7e700;
		 color:#ffffff;
	}
.dropdown-menu > ul {
	padding:0;
}
.navbar-nav>li>.dropdown-menu {
  left:0;
	padding: 0;
}
.dropdown {
  position: relative;
  display: inline-block;
	}

.dropdown-menu {
	display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 2rem;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
	border: none;
	border-radius: 0;
   background-color: #213f56;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: none;
}
.dropdown-menu li > a {
	display: block;
}

.navbar-brand>img {
	display: block;
	width: 40%;
}

#mainNav {
	background-color: transparent;
	padding: 0.8rem 0;
	transition: padding .3s;
	border: none;
}

@media screen and (min-width: 1025px) {
	#mainNav {
		background-color: rgb(16, 76, 122);
	}
}

#mainNav.navbar-shrink {
	background-color: #fff;
	padding: 0.4rem 0;
	z-index: 6000;
}

#mainNav.navbar-shrink .nav-link {
	color: #12466c;
}
#mainNav.navbar-shrink .lang {
  color: #12466c;
}
.navbar-default .navbar-nav a.lang{
	font-family: 'DINPro-medium';
	font-size: 0.8rem;
	color:#ffffff;
}
.navbar-default .navbar-nav>li>.dropdown-toggle::after{
	display: none;
}
.navbar-default .navbar-nav a.lang:hover {
	color:#ffffff;
}
a.lang svg {
	padding-left: 5px;
}
.navbar-default .navbar-nav .nav-link {
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-family: 'DINPro-bold';
	letter-spacing: 1px;
}
.navbar-default {
	background: transparent;
}

.navbar-nav>li>a {
	padding-top: 0.5rem;
	padding-bottom: 0.3125rem;
	line-height: 1.8rem;
}

.navbar-default .navbar-nav>li.nav-item:hover>a.nav-link::after, #mainNav.navbar-shrink .navbar-nav .nav-item.active .nav-link:after, .navbar-default .navbar-nav .nav-item.active .nav-link:after {
	transform: scale(1, 1);
	opacity: 1;
}

.navbar-default .navbar-nav>li>.nav-link::after {
	content: "";
	display: block;
	height: 2px;
	opacity: 0;
	background-color: #fff;
	color: #ffffff;
	transform: scale(0, 1);
	transition: all .10s ease-in;
}
#mainNav.navbar-shrink .navbar-nav>li>.nav-link:after {
	background-color: #12466c;
}
.navbar-default .navbar-nav>.active>.nav-link, .navbar-default .navbar-nav>.active>.nav-link:focus, .navbar-default .navbar-nav>.active>.nav-link:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}
#mainNav.navbar-fixed-top {
    position: fixed;
    top: 0;
	transition: 0.5s linear;
}
#menu-toggle {
	position: relative;
	z-index: 3000;
	margin-left: 1rem;
}
.withSticky {
	position: fixed;
	z-index: 9999;
}
.tcon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 45px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 48px;
	background: transparent;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
.tcon>* {
	display: block;
}
.tcon:hover, .tcon:focus {
	outline: none;
}
.tcon::-moz-focus-inner {
 border: 0;
}
.tcon-menu__lines {
	display: inline-block;
	height: 3px;
	width: 35px;
	transition: 0.3s;
	background: #ffffff;
	position: relative;
}
.tcon-menu__lines::before, .tcon-menu__lines::after {
	display: inline-block;
	height: 3px;
	transition: 0.3s;
	background: #ffffff;
	content: '';
	position: absolute;
	left: 0;
	-webkit-transform-origin: 2.85714px center;
	transform-origin: 2.85714px center;
	width: 100%;
}
.tcon-menu__lines::before {
	top: 10px;
}
.tcon-menu__lines::after {
	top: -10px;
}
.tcon-transform .tcon-menu__lines {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}
.tcon-menu--xcross {
	width: auto;
}
#mainNav .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
	background: transparent;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 40px;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}
.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
#mainNav.navbar-shrink .tcon-menu__lines, #mainNav.navbar-shrink .tcon-menu__lines::before, #mainNav.navbar-shrink .tcon-menu__lines::after {
	background: #12466c;
}


/*MENU*/

.menu-container {
	transition: all .3s ease-out;
}

@media screen and (min-width: 1280px) and (max-width: 1280px) {
    .menu-container {
        padding: 0 !important;
    }
}

.menu-site {
	list-style: none;
	height: 100%;
	position: relative;
	margin-top: 2rem;
}
.menu-close {
	display: block;
	width: 100%;
	float: right;
	margin-right: 1.8rem;
}
.menu-container .menu-close .fa-times {
	font-size: 2rem;
	float: right;
	display: block;
	margin-bottom: 1.25rem;
	color: #fff;
}
.menu-links {
	margin-bottom: 1.1rem;
}
.menu-links a {
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 1px;
	font-family: 'DINPro-bold';
	color: #fff;
	display: block;
	position: relative;
	line-height: 22px;
}

@media screen and (min-width: 1025px) {
    .menu-container {
        padding: 3rem 2.5rem 1.25rem 3.6rem;
        color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2000;
        width: 25%;
        min-height: 770px;
        height: 100%;
        background: #132837;
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        list-style: none;
    }
    .menu-container-active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: all .3s ease-out;
    }
    
	.menu-links>a:hover {
		padding-left: 1rem;
		transition: padding-left 0.4s ease-out;
	}
	.menu-links>a:hover::before {
		opacity: 1;
		transition: all 1.5s ease;
	}
	.menu-links>a::before {
		content: '';
		opacity: 0;
		width: 3px;
		height: 22px;
		display: inline-block;
		margin-right: 0.6rem;
		background-color: #2dc9db;
	}
}
.menu-services {
	padding-top: 0.9rem;
	list-style: none;
}
.menu-sections {
	margin-bottom: 0.8rem;
}
.menu-sections a {
	font-size: 0.8rem;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.8);
	list-style: none;
	font-weight: 100;
	display: block;
	font-family: 'DINPro-regular';
}
.social {
	margin-top: 40px
}

@media screen and (max-width: 1024px) {
	#mainNav.navbar-shrink .brand-white {
		display: none;
	}
	#mainNav.navbar-shrink .brand-color {
		display: block;
	}
	.navbar>.container-fluid .navbar-brand {
		padding: 5px 5px;
	}
	.social {
		position: static;
	}
}
.social-links {
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #68767f;
	padding: 2rem 0 1.25rem 1.25rem;
}

.social-links li {
	float: left;
	padding-right: 1.2rem;
	margin-bottom: 1rem;
}

.social-links.social-links-twitter {
    border: none;
    padding: 0;
}

.social-links.social-links-twitter li {
    padding: 5px;
}

.social-links img {
    width: 32px;
}

.social-links.social-links-menu img {
    width: 39px;
}

.social-links svg {
	color: #fff;
}

@media screen and (max-width: 767px) {
	.menu-site {
		max-height: 97vh;
		overflow-y: auto;
		width: 100%;
		padding-bottom: 2.5rem;
	}
	.menu-services {
		padding-left: 10px;
	}
	.menu-sections {
		margin-bottom: 0
	}
	.menu-sections a {
		display: block;
		padding: 10px 0px;
	}
	.fa-2x {
		font-size: 1.5em;
	}
	.navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
	}

}

@media screen and (max-width: 1024px) {
	.navbar-nav .nav-item {
		display: none;
	}
	.navbar-nav li.dropdown{
		display: inline-block;
		pointer-events: all;
    padding: 2rem 1rem 1.5rem;
		padding: 0.8rem 0;
    position: absolute;
    top: 0;
    right: 70px;
		}

	.menu-container {
		padding: 1rem 0rem 1.25rem 3.6rem;
		color: #fff;
		position: static;
		width: 100%;
		height: 100%;
		background: #132837;
		opacity: 0;
		list-style: none;
		padding-left: 0;
		pointer-events: none;
	}
	.menu-container-active {
		opacity: 1;
		pointer-events: all;
	}
	.navbar-nav {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
		width: 100%;
		margin: 0;
		pointer-events: none;
	}
	#menu-toggle {
		pointer-events: all;
		float: right;
		padding: 2rem 1rem 1.5rem;
	}
	#mainNav {
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 99999;
	}
	.menu-close {
		display: none;
	}
	.navbar-nav>li {
		float: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.menu-container {
		float: left;
		margin-top: 2rem;
		position: fixed;
		margin-top: 0rem;
		bottom: 0;
		top: 0;
	}
}

@media screen and (min-width: 1025px) {
	.navbar-nav .menu-links-hide {
		display: none;
	}
}
/*SECONDARY-NAV*/

.sidebar-nav {
	position: fixed;
	top: 50%;
	left: -20%;
	z-index: 9999;
	transition: all 0.5s ease;
}

.sidebar-nav.to-show {
	left: 0;
}

@media screen and (max-width: 1024px) {
	.sidebar-nav {
		display: none;
	}
}
.sidebar-nav .sidebar-menu {
	list-style: none;
	font-size: 0.7rem;
	font-family: 'DINPro-regular';
}
.sidebar-nav ul {
	padding-left: 0;
}
.sidebar-nav .sidebar-menu a {
    text-transform: uppercase;
    padding-right: 100px;
}
.sidebar-nav .sidebar-menu a::before {
	content: '';
	width: 15px;
	height: 1px;
	display: inline-block;
	margin-right: 0.6rem;
	background-color: #ffffff;
	transition: all 0.3s ease;
	opacity: 0.4
}
.sidebar-nav .sidebar-menu a:hover, .sidebar-nav .sidebar-menu a:hover::before, .sidebar-nav .sidebar-menu a.lm-active, .sidebar-nav .sidebar-menu a.lm-active::before {
	width: 40px;
	color: #fff;
}
.sidebar-nav .sidebar-menu a:hover::before, .sidebar-nav .sidebar-menu a.lm-active::before {
	background: #fff;
}
.sidebar-nav .sidebar-menu a span {
	display: none;
}
.sidebar-nav .sidebar-menu a:hover span, .sidebar-nav .sidebar-menu a.lm-active span {
	display: inline-block;
}
/*COOKIE-WARNING*/

.cookie-warning {
	width: 100%;
	background: #132837;
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 99999;
	padding: 0.5rem 0;
	font-family: 'DINPro-Light';
}
.cookies-text {
	font-size: 0.8rem;
	margin: 2px 0 0 0;
	color: rgba(255, 255, 255, .7);
	display: inline-block;
	vertical-align: middle;
}
.cookies-text .privacy {
	text-decoration: underline;
	color: #fff;
	font-weight: 700;
}
.cookie-warning .close-cookies {
	font-size: 1.3rem;
	display: block;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.cookies-text {
		display: inline-block;
	}
}
/*404*/

.pagenotfound {
	background-color: #2c2c2c;
}
.error-template h1 {
	color: #fff;
	font-size: 18rem;
	text-align: center;
}
.error-template span {
	color: #12466c;
}
.error-template {
	padding-top: 3rem;
	padding-bottom: 9rem;
}
.error-details {
	margin-bottom: 1.2rem;
	color: #fff;
	font-size: 1.2rem;
	margin-top: 6rem;
}
.error-actions a {
	display: inline-block;
	margin-right: 0.5rem;
	border-radius: 0;
	font-size: 1rem;
}

@media (max-width: 767px) {
	.error-template .error-actions a {
		margin-bottom: 1rem;
	}
	.error-template h1 {
		font-size: 5rem;
		margin-top: 4rem;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.error-template h1 {
		font-size: 8rem;
	}
}
/*COMMON GRID*/

.no-padding {
	padding: 0;
}
#headboard {
	position: relative;
}
#headboard h2 {
	position: relative;
	font-family: 'DINPro-bold', sans-serif;
	color: #fff
}
.bg-filter {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.7);
	left: 0;
	top: 0;
}
.inner {
	padding: 6rem 0;
	position: relative;
	z-index: 4;
}
.bg-img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.title-headboard h1 {
	font-size: 5.1rem;
	font-weight: 900;
	color: #fff;
	margin-bottom: 0;
	margin-top: 36px;
	line-height: 5.3rem;
	letter-spacing: -5px;
	text-transform: uppercase
}
#headboard .inner .headboard-info-header h3 {
	font-size: 2rem;
	color: #fff;
	font-weight: 900;
}
#headboard .inner .headboard-info-header p {
	font-size: 1.4rem;
	color: #fff;
	margin-bottom: 2rem;
	font-family: 'DINPro-light';
}
.btn {
	border-radius: 0;
}
.btn:focus {
	outline: none;
}
.btn-info {
	background-color: #4da4d5;
	border: none;
}
.btn-info.focus, .btn-info:focus {
	outline: none;
}
.btn-md {
	padding: 12px 25px;
	font-size: 1.2rem;
}
.btn-white {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	margin-top: 2rem;
	padding: 0.7rem 0.9rem;
}
.btn-white:hover, .btn-white:focus {
	color: #fff;
	text-decoration: none;
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.animation-zoom {
	overflow: hidden;
	padding: 0;
}
.animation-zoom-img {
	transition: all 8s linear;
}
.animation-zoom:hover .animation-zoom-img {
	transform: scale(1.4);
}

@media screen and (max-width: 767px) {
	.inner {
		padding: 6rem 0 2.5rem;
	}
	#headboard .title-headboard {
		text-align: center;
		margin-bottom: 1rem;
	}
	#headboard .title-headboard h1 {
		font-size: 3rem;
		letter-spacing: normal;
		line-height: 2.3rem;
	}
	#headboard .title-headboard h2 {
		margin-top: 0;
	}
	#headboard .title-headboard p {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.title-headboard h1 {
		font-size: 4.9rem;
	}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
	#headboard .title-headboard p {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 767px) {
	.logo-roi-svg {
		display: none;
	}
}

.breadcrumb {
	background: none;
	padding: 0px 4px;
	margin: 20px 0;
}
.breadcrumb>li {
	display: inline-block;
}
.breadcrumb>.active {
	color: #fff;
	font-weight: 600;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.gradient {
	width: 100%;
}
.padding {
	padding: 3rem 0;
}
#header-inner {
	padding: 5rem 0 2rem;
	background: #104c7a;
	overflow: hidden;
}
#header-inner h1 {
	font-size: 2.5rem;
	color: #fff;
	text-transform: uppercase;
}
.sections-item-img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.sections-item-img::after {
	content: "";
	width: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	/*	background: -webkit-linear-gradient(to left, #000428, #004e92);
	background: linear-gradient(to left, #000428, #004e92);*/
	opacity: 0.6;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 900;
	display: block;
}
hr.border-detail {
	border-top: 4px solid #4da4d5;
	max-width: 60px;
	width: 60px;
	margin: 10px 0;
}
/*Work-team*/

#work-team .container ul {
	margin: 0;
	padding: 0
}
#work-team h2 {
	margin-bottom: 0
}
#work-team p.txt {
	margin: 0 0 20px 0;
	padding: 0
}
#work-team h2 span {
	font-family: georgia;
	font-size: 80px;
	letter-spacing: -4px;
}
#work-team h3 {
	text-transform: uppercase;
	margin-top: 15px;
	color: #333;
	font-size: 30px;
	font-family: 'DINPro-Bold', sans-serif;
}
#work-team .container li {
	list-style: none;
	padding: 0;
	margin: 0
}
#work-team .container li a {
	padding: 15px 0;
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	display: block;
	font-family: georgia;
	color: #333333
}
#work-team .container li:last-child a {
	border: none
}
#work .container li a span {
	display: block;
	font-family: 'DINPro-light';
	float: right
}
/*Fun begins*/
#work-team .tab_container {
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
	display: inline-grid;
}
#work-team .tab_container h3 {
	margin-top: 10px;
    margin-bottom: 10px;
}
.btn-info a {
	color:#ffffff;
}

#work-team input, #work-team div.tab-content {
	clear: both;
	padding: 10px 30px;
	display: none;
	border-top: 4px solid #0ce;
}
#work-team label {
	font-weight: 700;
	font-size: 18px;
	display: block;
	float: left;
	padding: 1em;
	color: #757575;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	background: #ffffff;
}
.active{
	color: #00ccee;
}
.job{
		/* margin-top: 40px; */
	background-color: #f7f7f7;
	margin-bottom: 30px;
	padding: 0;
}
.job2{
	margin:50px 0;

}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8, #tab9:checked ~ #content9, #tab10:checked ~ #content10 {
	display: block;
	padding: 20px;
	background: #fff;
	color: #999;
	border-bottom: 2px solid #f0f0f0;
}
#work-team .tab_container #work-team .tab-content p, #work-team .tab_container #work-team .tab-content h3 {
	-webkit-animation: fadeInScale 0.7s ease-in-out;
	-moz-animation: fadeInScale 0.7s ease-in-out;
	animation: fadeInScale 0.7s ease-in-out;
}
#work-team .tab_container #work-team .tab-content h3 {
	text-align: center;
}
#work-team .tab_container [id^="tab"]:checked + label {
	/*background: #0ce;*/
    /* box-shadow: inset 0 3px #0CE; */
    border-left: 5px solid #0ce;
}
#work-team .tab_container [id^="tab"]:checked + label > span {
	/*color:#ffffff;*/
}

@media only screen and (max-width: 991px) {
	#work-team .toggle-menu-tabs {
		display: block;
		background: transparent;
		border: none;
		margin: 30px 0;
	}
	#work-team .toggle-menu-tabs img {
		width: 35px;
		height: 35px;
	}
	#work-team .toggle-menu-tabs:focus {
		outline: none;
	}
	#work-team label {
		float: none;
	}
	#work-team .tab_container:not(.open-menu) label {
		display: block;
	}
	#work-team .tab_container label {
		float: none;
	}
	#work-team .toggle-menu {
		display: block;
	}
	#work-team .tab_container {
		padding: 10px 0 30px;
	}
}

@media only screen and (min-width: 992px) {
	#work-team .toggle-menu-tabs {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	/*#work-team .tab_container [id^="tab"]:checked + label {
    background: none;
    box-shadow: none;
    border-bottom: none;
		border-left: none;*/
}
#work-team .container li a {
	font-size: 18px;
}
.job{
	padding:0px;
	border-top: 4px solid #0ce;
	border-bottom: none;
}
#work-team input, #work-team div.tab-content {
	clear: both;
	padding: 10px 30px;
	display: none;
	border-top: none;
}
}


/*Content Animation*/
@keyframes fadeInScale {
	0% {
		transform: scale(0.9);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@media screen and (min-width: 1025px) {
	.link-dept:hover .sections-item-img::after, .grid-item:hover .sections-item-img::after, .work-element:hover .sections-item-img::after {
		opacity: 0.8;
		transition: background, opacity ease .5s;
	}
}

.info-detail {
	list-style: none;
	text-align: left;
	width: 100%;
	margin-top: 1.6rem;
	padding-right: 1rem;
}

@media screen and (max-width: 1024px) {
	.info-detail {
		margin-top: 0.5rem;
	}
}
.info-detail li {
	font-size: 0.6rem;
	color: #fff;
	font-weight: 300;
	line-height: 16px;
	padding: 0 5px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	letter-spacing: 4px;
	text-transform: uppercase;
}
@-webkit-keyframes bounceInUpMove {
	0% {
		opacity: 0;
		-webkit-transform: translateY(350px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@keyframes bounceInUpMove {
	0% {
		opacity: 0;
		transform: translateY(350px);
	}
	100% {
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceOutRightMove {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-1900px);
	}
    20% {
        opacity: 1;
        -webkit-transform: translateX(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceOutRightMove {
    0% {
        opacity: 0;
        transform: translateX(-1900px);
    }
    20% {
        opacity: 0;
        transform: translateX(-150px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media screen and (min-width: 1025px) {
    .bounceInUpMove {
        -webkit-animation-name: bounceInUpMove;
        animation-name: bounceInUpMove;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .bounceOutRightMove {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: bounceOutRightMove;
        animation-name: bounceOutRightMove;
    }
}
.margin-element {
	margin-bottom: 1rem;
}
.bg-color-grey {
	background: #f1f1f1;
}
/*ABOUT*/

/*scroll animation*/

#about {
	background-color: rgb(16, 76, 122);
}
#about .container {
	padding: 0;
	width: 100%;
	height: 100%;
}

/*
@-webkit-keyframes animate {
from {
background-position:0 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes animate {
from {
background-position:0 0;
}
to {
background-position: 500px 0;
}
}
@-ms-keyframes animate {
from {
background-position:0 0;
}
to {
background-position: 500px 0;
}
}
@-o-keyframes animate {
from {
background-position:0 0;
}
to {
background-position: 500px 0;
}
}
@keyframes animate {
from {
background-position:0 0;
}
to {
background-position: 500px 0;
}
}*/

/*SERVICES*/

@media screen and (min-width: 989px) {
    #services .col-lg-3, #services .col-md-3 {
        width: 20%;
    }
}

#services .link-dept .info-services {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1000;
}

#services .info-detail-header {
	color: #fff;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
}
#services .info-detail-header p {
	border-bottom: 3px solid #2dc9db;
	padding-bottom: 0.18rem;
	font-size: 0.8rem;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 0;
}
#services .info-detail-header h2 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}
.link-dept {
	position: relative;
	display: block;
}

@media screen and (min-height: 901px) {
    .link-dept .info-services .info-detail {
        opacity: 0;
        height: 0;
    }
    .link-dept:hover .info-detail-header, .link-dept.active .info-detail-header {
        transform: translateY(-20%);
        transition: transform .3s;
    }
    .link-dept:hover .info-services .info-detail, .link-dept.active .info-services .info-detail {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(6%);
        height: auto;
    }
}

@media screen and (max-height: 649px) {
    .link-dept .info-detail {
        display: none;
    }
}

@media screen and (min-height: 650px) and (max-height: 700px) {
    .link-dept .info-services .info-detail {
        opacity: 0;
        height: 0;
    }
    .link-dept:hover .info-detail-header, .link-dept.active .info-detail-header {
        transform: translateY(0);
        transition: transform .3s;
    }
    .link-dept:hover .info-services .info-detail, .link-dept.active .info-services .info-detail {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(0);
        height: auto;
    }
    .link-dept:hover .info-services .info-detail li, .link-dept.active .info-services .info-detail li {
        font-size: 0.7rem;
    }
}

@media screen and (min-height: 701px) and (max-height: 900px) {
    .link-dept .info-services .info-detail {
        opacity: 0;
        height: 0;
    }
    .link-dept:hover .info-detail-header, .link-dept.active .info-detail-header {
        transform: translateY(-10px);
        transition: transform .3s;
    }
    .link-dept:hover .info-services .info-detail, .link-dept.active .info-services .info-detail {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(8px);
        height: auto;
    }
}
.social-media {
	background-image: url('../../../images/frontend/social-media.jpg');
}
.seo {
	background-image: url('../../../images/frontend/seo.jpg');
}
.performance {
	background-image: url('../../../images/frontend/performance.jpg');
}
.desarrollo {
	background-image: url('../../../images/frontend/desarrollo.jpg');
}
.ux {
	background-image: url('../../../images/frontend/ux.jpg');
}
.data {
	background-image: url('../../../images/frontend/data.jpg');
}
.creatividad {
	background-image: url('../../../images/frontend/creatividad.jpg');
}
.medios {
	background-image: url('../../../images/frontend/medios.jpg');
}
.comunicacion {
	background-image: url('../../../images/frontend/comunicacion.jpg');
}
.whatever {
	background-image: url('../../../images/frontend/whatever.jpg');
}

@media screen and (max-width: 1024px) {
    #services .link-dept .info-services {
        padding: 20px 0;
        height: calc(100vh/2);
    }
}
/*Área servicios*/

#services-detail {
	padding: 60px 0
}
#services-detail h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
}
#services-detail h3 {
	margin: 0
}
#services-detail ul {
	list-style: square;
	padding: 0;
	margin: 0 0 0 30px;
	font-size: 16px;
}
#services-detail li {
	padding-bottom: 10px;
}
#services-detail .project-description {
	text-align: justify;
}
#services-detail .project-description p {
	line-height: 1.6rem;
	margin-bottom: 18px;
}
/*WORK*/

#work .container-fluid {
	padding: 0;
}
#work .grid-item {
	color: #fff;
}
.grid-sizer, #work .grid-item {
	width: calc(100% / 4);
}

@media screen and (max-width: 989px) {
    .grid-sizer, #work .grid-item {
        width: 100%;
    }
}
.grid-item-inner {
	position: relative;
}
.work-content {
	display: flex;
	position: relative;
	z-index: 910;
	width: 100%;
	text-align: center;
	color: #fff;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.work-content ul {
	list-style: none;
}
.work-content h2 {
	font-size: 3rem;
	font-weight: 600;
	margin-top: 0;
}
.work-content .info-detail-header p {
	padding-bottom: 0;
	font-size: 1.2rem;
	text-transform: uppercase;
	margin-bottom: 0;
	display: inline-block;
	border-bottom: 3px solid #2dc9db;
}
.work-img-one {
	background-image: url('../../../images/frontend/pascual.jpg');
}
.work-img-two {
	background-image: url('../../../images/frontend/style.jpg');
}
.work-img-three {
	background-image: url('../../../images/frontend/pascual.jpg');
}
.work-img-four {
	background-image: url('../../../images/frontend/style.jpg');
}
.rotate-work {
	width: 72px;
	height: 72px;
	margin: 0 auto;
	line-height: 72px;
	position: relative;
}
.circle {
	position: absolute;
	top: 0;
	left: 0;
}
.number {
	font-size: 1.3rem;
	font-weight: 800;
	margin: 0;
}

@media screen and (max-width: 767px) {
    .work-content h2 {
        font-size: 1.8rem;
    }
    .grid-box-animation .work-content .info-detail, .grid-box-animation .work-content .rotate-work {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    #work .work-content {
        height: calc(100vh/2);
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #inlineFormInput {
        width: 100%;
    }
    .grid-box-animation .work-content .info-detail, .grid-box-animation .work-content .rotate-work {
        opacity: 0;
        height: 0;
    }
    .grid-box-animation:hover .work-content .rotate-work, .grid-box-animation.active .work-content .rotate-work {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(15%);
        height: auto;
    }
    .grid-box-animation:hover .work-content .info-detail, .grid-box-animation.active .work-content .info-detail {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(20%);
        height: auto;
    }
}

@media screen and (min-width: 1025px) {
    .grid-box-animation .work-content .rotate-work {
        margin-top: 20px;
    }
    .grid-box-animation .work-content .info-detail, .grid-box-animation .work-content .rotate-work {
        opacity: 0;
        height: 0;
        transform: translateY(-35%);
    }
    .grid-box-animation:hover .work-content .rotate-work, .grid-box-animation.active .work-content .rotate-work {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(0);
        height: auto;
    }
    .grid-box-animation:hover .work-content .info-detail, .grid-box-animation.active .work-content .info-detail {
        opacity: 1;
        transition: opacity, transform .5s;
        transform: translateY(0);
        height: auto;
    }
    .grid-box-animation:hover .info-detail-header, .grid-box-animation:hover.active .info-detail-header {
        transform: translateY(-40%);
        transition: all .6s ease;
    }
}

/*
CONTACT-FORM*/

@media screen and (max-width: 767px) {
.form-group {
    margin-bottom: 0;
}
#contact-form h2 {
    font-size: 2rem;
}
.margin {
		margin-bottom: 2.5rem;
}
}
#contact-form {
	background: #213f56;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.space{
	margin-top: 4rem;
}
#contact-form h1 {
	color: #fff;
	font-weight: 500;
	font-size: 2.5rem;
	letter-spacing: -2px;
	margin: 2.5rem 0;
}
#contact-form h2 {
	color: #fff;
	font-weight: 500;
	font-size: 2.5rem;
	letter-spacing: -2px;
	margin: 2.5rem 0;
}
#contact-form p {
	font-size: 1rem;
	font-weight: 100;
	color: #fff;
	line-height: 1.6rem;
}
.form-control {
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.form-control:focus {
	border-color: transparent;
	outline: 0;
	border-style: groove;
	border-width: 0;
	box-shadow: none;
}
.form-inline .form-control {
	background: #375871;
	color: #fff;
}
.form-control::-webkit-input-placeholder {
 color: #fff;
}
.form-control:-moz-placeholder {
 color: #fff;
}
.form-control::-moz-placeholder {
 color: #fff;
}
.form-control:-ms-input-placeholder {
 color: #fff;
}
.form-inline .checkbox {
	margin: 10px 0 0px;
	padding-left: 12px;
	font-size: 14px;
}
.form-inline .checkbox label:not(.text-danger) {
	color: #fff;
	padding-left: 28px;
}
.form-inline label.text-danger, .checkbox label.text-danger  {
	display: block;
	clear: both;
	font-weight: bold;
	padding-left: 0;
	margin: 10px 0;
	font-size: 13px;
}
#contact-form .checkbox input[type=checkbox] {
	margin: 2px 0 0 -25px;
	width: 18px;
	height: 18px;
	position: absolute;
}
.contact-alert {
	font-family: inherit;
	font-size: 17px;
	color: #f12222;
	font-weight: 600;
	padding: 8px;
	border: 2px solid #f12222;
	background-color: rgba(255, 255, 255, 0);
}
.contact-form-footer .checkbox input[type=checkbox], .contact-page-us-form .checkbox input[type=checkbox] {
	margin: 2px 0 0 -22px;
	width: 16px;
	height: 16px;
	position: absolute;
}
#contact-page-us .form-inline .form-control {
	background: #ffffff;
	color: #555;
}
.legal-conditions:hover {
	color: #269abc;
}
#inlineFormInput {
	width: 100%;
	padding: 1.25rem 0.75rem;
	margin-top: 0.75rem;
	height: 52px;
}
#inlineFormInputGroup {
	width: 100%;
	padding: 1rem 0.75rem;
	height: 52px;
}

#inlineFormInputGroupPhone {
  width: 100%;
  padding: 0.75rem;
  height: 52px;
}
#inlineFormInputGroupDescription {
	width: 100%;
	padding: 1.25rem 0.75rem;
	margin-top: 0.75rem;
}
.captcha-container{
	margin-top:15px;
}
.btn-lg {
	width: 100%;
	margin-top: 1rem;
	font-size: 1rem;
	border-radius: 0;
	padding: 15px 16px;
	background-color: #4da4d5;
	border: none;
}
.obligatorio{
	font-size: 12px;
  padding: 0;
  color: #333;
}
.obligatorio2{
	margin-right: 146px;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 0;
	color: #333;
}
.obligatorio3{
font-size: 12px;
	color: #fff;

}

@media screen and (max-width: 767px) {
	#inlineFormInputGroupPhone {
		margin-top: 0.75rem;
	}
}

@media screen and (max-width: 768px) {
    #inlineFormInput {
      width: 100%;
    }
    #inlineFormInputGroup {
      width: 100%;

    }
		.obligatorio2{
			margin-right: 0px;
		}
}

@media screen and (max-width: 1200px) {
	.obligatorio2{
		margin-right: 0px;
	}

}
/*FOOTER*/

#footer {
	background: #132837;
	padding: 1.5rem 0;
}
#footer .brand, #footer .places {
	list-style: none;
}
#footer .brand>li {
	color: #fff;
	font-size: 1rem;
}
#footer .places {
	float: right;
	margin-bottom: 0;
}
#footer .brand {
	display: flex;
	align-items: center;
	justify-content: space-around;
	/* float: left; */
	padding-left: 0;
	margin-bottom: 0;
}
#footer .brand li, #footer .places li {
	float: left;
	padding-right: 1.25rem;
}
#footer .brand li a {
	color: #fff;
	font-size: 0.8rem;
}
#footer .places li {
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
    #footer .brand li, #footer .places li, #footer .brand, #footer .places {
		text-align: center;
		float: none;
    	display: inherit;
    }
    #footer .brand li, #footer .places li {
        margin-bottom: 0.3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 989px) {
    #footer .brand, #footer .places {
        float: left;
    }
    #footer .brand, #footer .places {
        margin-bottom: 0.8rem;
    }
}
/*digital-content*/

#digital-content {
	padding: 4rem 0;
	position: relative;
}
.digital-content h3 {
	font-size: 2rem;
	line-height: 2.7rem;
	color: #000;
	text-transform: uppercase;
	font-weight: 800;
}
.digital-content h3 strong {
	color: #114368;
}
.digital-content p {
	font-size: 1.5rem;
	line-height: 2rem;
}
.dispositives {
	position: absolute;
	width: 40%;
	top: -2.1rem;
	z-index: 1000;
	right: 0;
	animation: moveup 2s ease;
	padding-right: 0;
}
.dispositives img {
	width: 100%;
}
@-webkit-keyframes moveup {
 0% {
 opacity: 0;
 -webkit-transform: translateY(50px);
}
 50% {
 -webkit-transform: translateY(50px);
}
 100% {
 -webkit-transform: translateY(0);
}
}
@keyframes moveup {
 0% {
 opacity: 0;
 transform: translateY(50px);
}
 50% {
 transform: translateY(50px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}

@media screen and (max-width: 1024px) {
    .dispositives img {
        display: none;
    }
    .contact-mobile {
        display: none;
    }
    #digital-content {
        padding-top: 3rem;
        padding-bottom: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    #digital-content {
        padding-top: 2rem;
        padding-bottom: 1.5rem;
    }
    .digital-content h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    #headboard .title-headboard {
        text-align: center;
        margin-bottom: 1rem;
    }
    #headboard .title-headboard h1 {
        font-size: 2.5rem;
        margin-top: 0;
    }
    #headboard .title-headboard p {
        font-size: 1.2rem;
    }
    #headboard .breadcrumb {
        margin: 5px 0;
    }
    #headboard .inner .headboard-info-header p {
        font-size: 1.2rem;
    }
}
/*work-funnel*/

.background-shape {
	background: #f1f1f1;
	background-size: cover;
	background-position: top 50%;
	width: 100%;
	-webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
	z-index: 0;
}
#work-funnel .triangle-shape {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 100px 0 100px;
	border-color: #fff transparent transparent transparent;
}
#work-funnel .step {
	font-size: 4rem;
	color: #555555;
}
#work-funnel .outstanding {
	color: #333333;
	font-size: 1.2rem;
	font-weight: 700;
}
.work-funnel-img {
	transform: translateY(50px);
}
.work-funnel .row {
	padding-top: 4rem;
}

@media screen and (max-width: 767px) {
    #work-funnel .triangle-shape {
        display: none;
    }
    #work-funnel .padding {
        padding: 2rem 0;
    }
    .work-funnel-img {
        transform: none;
    }
    .work-funnel-img img {
        margin-bottom: 1rem;
    }
}
/*quote*/

#quote {
	background: url('../../../images/frontend/quote.jpg') no-repeat;
	padding: 9rem 0;
	text-align: center;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
}
#quote p {
	font-size: 1.9rem;
	line-height: 2.6rem;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width: 1024px) {
    #quote {
        padding: 4rem 0;
    }
}
/*main-area-services*/

#main-area-services {
	padding-top: 0;
}
#main-area-services .main-area-services-title {
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 0.9rem;
	margin: 0;
	color: #333333;
    overflow: hidden;
    word-break: break-word;
}
#main-area-services .characteristics p {
	padding-bottom: 0.6rem;
	color: #333333;
	font-size: 0.8rem
}


@media (min-width: 1200px) {
    #main-area-services .service {
        max-width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    #main-area-services .service {
        max-width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*our-latest-work */

#our-latest-work h3 {
	color: #333333;
	font-size: 2rem;
	font-weight: 800;
	display: block;
	margin-top: 3rem;
	margin-bottom: 2.2rem;
	padding-left: 1.1rem;
}
#our-latest-work h3 span {
	font-weight: normal;
	display: block;
}
#main-area-services .flex {
	display: flex;
	align-items: stretch;/*margin-bottom: 30px*/
}
#main-area-services .flex .border {
	border-right: 1px solid #eee;
}
a.characteristics {
	display: block
}
#main-area-services a:hover p {
	color: #269abc
}

@media screen and (max-width: 767px) {
    #main-area-services .flex {
        display: block;
    }
    #main-area-services .flex .border {
        border-right: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #main-area-services .col-sm-2 {
        width: 20%;
    }
}
.grid-img-area-one {
	background: url('../../../images/frontend/fondo.jpg') no-repeat;
}
.work-element-inner {
	position: relative;
	height: 490px;
}
.area-servicios-header {
	background: url('../../../images/frontend/ux-header.jpg') no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.area-detail-header {
	background: url('../../../images/frontend/ux-header.jpg') no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
/*case-study-detail */
#headboard-casestudy {
	position: relative;
}
#headboard-casestudy .inner {
	padding: 11rem 0 10rem;
}
.case-study-detail-header {
	background: url('../../../images/frontend/casestudy-client.jpg') no-repeat;
	background-attachment: fixed;
}
.project-name a {
	font-size: 69px;
	font-weight: 700;
	padding: 0.6rem 2rem;
	text-transform: uppercase;
}
.project-name p {
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 15px;
	color: #fff;
}
.case-study-detail-title {
	font-size: 25px;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-family: 'DINPro-Bold';
}
/*results*/
#results {
	padding: 7rem 0 5rem;
}
#technologyOne, #technologyTwo, #technologyThree {
	margin: 60px 0;
	width: 400px;
	height: 8px;
}
#technologyOne svg, #technologyTwo svg, #technologyThree svg {
	border-radius: 3px;
}
.progressbar-text {
	font-weight: 700;
}
.technologies-title {
	font-size: 14px;
	text-transform: uppercase;
	color: #5e5e5e;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
    #results {
        padding: 3rem 0;
    }
}

@media screen and (max-width: 1024px) {
    #technologyOne, #technologyTwo, #technologyThree {
        width: 100%;
    }
}
/*devices*/
.phone-device {
	background: #f1c001;
}
.phone-device-main {
	transform: translateY(100px);
}
.tablet-device {
	background: #00a690;
}
.tablet-device-main {
	transform: translateY(150px);
}
.laptop-device {
	margin-bottom: 20rem;
	background: #fc2769;
}
.laptop-device-main {
	transform: translateY(200px);
}

@media screen and (max-width: 1199px) {
    .devices {
        margin: 1rem;
    }
    .laptop-device-main, .tablet-device-main, .phone-device-main {
        transform: none;
    }
    .marvel-device.iphone6 .sleep, .marvel-device.iphone6 .volume {
        display: none;
    }
    .marvel-device.iphone6, .marvel-device.ipad, .marvel-device.macbook {
        width: auto;
        height: auto;
    }
    .marvel-device.macbook .top-bar {
        display: none;
    }
    .marvel-device.macbook .bottom-bar {
        display: none;
    }
    .laptop-device {
        margin-bottom: 4rem;
    }
    .phone-device, .tablet-device, .laptop-device {
        background: none;
    }
}
/*job-detail*/

.job-detail {
	padding: 50px 0;
}
.job-detail p {
	font-family: 'DINPro-Light', sans-serif;
	margin: 20px 0;
}
.job-detail h2 {
	font-size: 35px;
}
.job-detail h4 {
	font-size: 20px;
}
.job-detail h2, .job-detail h4 {
	font-family: 'DINPro-Bold', sans-serif;
	margin-top: 30px;
}
.job-detail ul {
	list-style: none;
	position: relative;
	padding-left: 60px;
}
.job-detail li {
	font-family: 'DINPro-Light', sans-serif;
	padding: 5px 0;
}
.job-detail li:before {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 0;
	margin-top: 12px;
	left: 35px;
	border-top: 1px solid #4da4d5;
}
.jobContactForm {
	padding: 20px 0;
}
.jobContactForm input.form-control {
	height: 45px;
	font-size: 18px;
	padding-left: 0;
}
.jobContactForm-inputs {
	margin-bottom: 20px;
}
.jobContactForm .input-add-image input.form-control {
	padding-left: 12px;
}
.jobContactForm-inputs input, .jobContactForm input.form-control:focus {
	border-bottom: 1px solid rgba(77, 164 , 213, 0.3);
}
 .jobContactForm input.form-control::-webkit-input-placeholder {
 color: #666;
}
.jobContactForm input.form-control::-moz-placeholder {
 color: #666;
}
.jobContactForm input.form-control:-ms-input-placeholder {
 color: #666;
}
.jobContactForm input.form-control:-moz-placeholder {
 color: #666;
}
.input-add-image {
	float: left;
	border: 1px solid #ddd;
}
.custom-file-upload {
	border: 1px solid #4da4d5;
	font-size: 14px;
	text-align: center;
	background-color: #4da4d5;
	border-radius: 0;
	font-family: inherit;
	padding: 13px 18px;
	cursor: pointer;
	font-weight: normal;
	color: #fff;
}
.add-link {
	margin-bottom: 20px;
}
.add-link input[type="file"] {
	display: none;
}
.job-message label {
	color: #666;
}
.job-message textarea.form-control {
	border: 1px solid rgba(77, 164 , 213, 0.3);
}
.jobContactForm .checkbox {
	padding-left: 10px;
	margin: 20px 0 0;
}
.jobContactForm .checkbox input[type=checkbox] {
	margin: 0 0 0 -28px;
	width: 20px;
	height: 20px;
}
.rrss-buttons-share {
	padding: 30px 0;
}
.rrss-buttons-share-serv {
	padding: 15px 0 40px;
}
/*legal-page */

.legal-information-page {
	padding: 50px 0;
}

.legal-information-page h4, .legal-information-page h2 {
    color: #000;
    margin-top: 30px;
    margin-bottom: 20px;
}

.legal-information-page li, .legal-information-page p {
    margin-bottom: 25px;
}
/*Responsive home mobile*/

.mobile-about {
/*display: none;*/
}
.mobile-about {
	padding: 12rem 0;
	display: block;
	background: url('../../../images/frontend/oficina.jpg') no-repeat;
	background-size: cover;
}
.mobile-about img {
	width: 100%;
}
.mobile-about-content {
	position: relative;
	z-index: 505;
}
.mobile-about-content p {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.3rem;
}
.mobile #about {
	display: none;
}
.wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	/*z-index: 500;*/
	opacity: 0.4;
	background: #000000;
	left: 0;
	top: 0;
}
#main-area-services .flex .border:last-child {
	border-right: none;
}
#quote p.sign {
	font-size: 1.2rem;
}
.arrow {
	white-space: nowrap;
	font-size: 1.2rem;
	position: absolute;
	right: 0;
	bottom: 5px;
	left:0;
	margin: auto;
	width: 10px;
	height: 10px;
    --fa-bounce-height: 2px;
    --fa-bounce-rebound: 0;
}
.lift {
	bottom: 15px;
}

.skip {
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -43px;
	border: 2px solid #fff;
	padding: 5px 20px 13px 20px;
	opacity: 0.9;
	cursor: pointer;
	transition: all 0.5s ease;
}

.skip.to-show {
	bottom: 60px;
}

.skip a {
	font-family: 'DINPro-bold';
	font-size: 12px;
	color: #fff;
	text-transform: uppercase
}
/*us-page*/

#main-area-services {
	padding-top: 50px;
	padding-bottom: 30px;
}
#map {
	position: relative;
}
#panorama {
	width: 100%;
	height: 600px;
}
#map_start {
	background: rgba(0,0,0,0);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	cursor: pointer;
}
#exit_map {
	font-weight: bold;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px 0;
	color: white;
	background-color: #12466c;
	z-index: 999;
	text-align: center;
}
.background-shape-top {
	background: #f1f1f1;
	background-size: cover;
	width: 100%;
	/*clip-path: polygon(0 75%, 100% 100%, 100% 0, 0 0%);*/
	z-index: 0;
}
.us-information {
	position: relative;
	padding: 5rem 0;
}
.triangle-shape-top {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 105px 180px 0 125px;
	border-color: #f1f1f1 transparent transparent transparent;
	position: absolute;
	top: -135px;
	left: 20%;
	z-index: 20;
}
.dispositives.position {
	top: 2rem;
}
.us-information-content {
	font-family: 'DINPro-Bold', sans-serif;
	font-size: 21px;
}
.digital-content.team {
	background: #2b3439;
}
.digital-content.team h3, .digital-content.team p {
	color: #fff;
}
.digital-content {
	padding: 4rem 0;
	position: relative;
}
.digital-content p {
	font-size: 1.1rem;
	line-height: 1.5rem;
}
.us-objective {
	padding: 6rem 0 8rem;
}
.experience {
	position: relative;
	transform: translateY(-30px) translateX(100px);
}
.experience2 {
	position: relative;
	transform: translateY(100px);
}
.vision-content-text-marketing {
	padding-bottom: 50px;
}
.claim {
	padding: 4rem 0;
	background: #155f86;
}
.claim p {
	color: #fff;
	font-size: 30px;
	font-family: 'DINPro-Bold', sans-serif;
}
/*contact*/

.contact-page-us {
	position: relative;
	padding: 4rem 0;
}
.contact-mobile {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 1000;
	animation: moveup 2s ease;
	padding-left: 0;
}
.contact-page-us-form.form-inline .contact-page-us-form-input {
	border: 1px solid #ddd;
	width: 100%;
	background: #ffffff;
	color: #222222;
}
.contact-page-us-form.form-inline input::-webkit-input-placeholder,
.contact-page-us-form.form-inline textarea::-webkit-input-placeholder {
 color: #333;
}
.contact-page-us-form.form-inline input::-moz-placeholder,
.contact-page-us-form.form-inline textarea::-moz-placeholder {
 color: #333;
}
.contact-page-us-form.form-inline input:-ms-input-placeholder,
.contact-page-us-form.form-inline textarea:-ms-input-placeholder {
 color: #333;
}
.contact-page-us-form.form-inline input:-moz-placeholder,
.contact-page-us-form.form-inline textarea:-moz-placeholder{
 color: #333;
}
.contact-page-us-form.form-inline .checkbox label:not(.text-danger) {
	color: #333;
	padding-left: 28px;
	margin-left: 0px;
}
.contact-page-us-form p {
    margin-bottom: 5px!important;
}

#inlineFormInputWeb {
	margin-right: 10px;
	height: 52px;
	margin-top: 0.75rem;
}
#inlineFormInputGroupEmail {
	height: 52px;
}
.contact-page-information {
	padding: 5rem 0 2rem;
	background: url('../../../images/frontend/contact-page-bck.jpg') no-repeat;
	background-size: cover;
	overflow: hidden;
}
.contact-page-information h1 {
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
}
.contact-page-us-information {
	float: right;
}
.contact-page-us-information h2 {
	font-size: 3rem;
	margin-bottom: 30px;
}
.contact-page-us-information p {
	margin-bottom: 30px;
}
.text-danger label {
	margin-top: 10px;
	color: #e05451;
}
#success p {
	margin-bottom: 0;
	color: #3c763d;
}
.address-offices-grid {
	background-color: #132837;
}
.address-offices-main-content {
	display: flex;
	align-items: center;
	padding: 65px 0;
}
.addressOfficesInfoBox {
	display: none;
	color: #fff;
}
.addressOfficesInfoBox a {
	color: #fff;
}
.addressOfficesInfoBox h2 {
	font-family: 'DINPro-Medium', sans-serif;
	font-size: 80px;
	color:#fff;
	margin-top: 0;
	text-transform: uppercase;
}
.offices-places {
	float: left;
}
.offices-information {
	font-family: 'Roboto', sans-serif;
}
.offices-information .offices-information-cp {
	margin-bottom: 10px;
}
.offices-information a {
	text-decoration: none;
	color: #fff;
}
.go-left {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: moveElement-officeLeft;
	animation-name: moveElement-officeLeft;
}
.address-place-direction {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: moveElement-officefadeIn;
	animation-name: moveElement-officefadeIn;
}
.digital-content .us-in {
	top: 100px;
	left: 95px;
	position: absolute;
	animation: spin 5.5s linear infinite;
	-webkit-animation: spin 5.5s linear infinite;
}
.digital-content .us-line {
	top: 37px;
	left: 25px;
	position: absolute;
	animation: rotate 15.5s linear infinite;
	-webkit-animation: rotate 15.5s linear infinite;
	z-index: 0;
}
.digital-content .us-out {
	top: 0;
	left: -15px;
	position: absolute;
	z-index: 999;
}
.digital-content .rkt2 {
	position: absolute;
	-webkit-animation: swing 3s infinite;
	animation: swing 3s infinite;
	-webkit-animation-iteration-count: 52;
	animation-iteration-count: 52;
}
.digital-content .rkt1 {
	position: absolute;
}
.graphic2 {
	height: 400px;
}
 @-webkit-keyframes swing {
 15% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 30% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 50% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 65% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 80% {
 -webkit-transform: translateY(2px);
 transform: translateY(2px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes swing {
 15% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 30% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 50% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 65% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 80% {
 -webkit-transform: translateY(2px);
 transform: translateY(2px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes moveElement-officefadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes moveElement-officeLeft {
 0% {
transform: translateX(0);
}
 100% {
transform: translateX(-1000px);
}
}
@keyframes rotate {
 from {
transform: rotate(0deg);
}
 to {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate { /* Safari and Chrome */
 from {
-webkit-transform: rotate(0deg);
}
 to {
-webkit-transform: rotate(80deg);
}
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(40deg);
}
 50% {
-webkit-transform: rotate(40deg);
}
}
.slick-slide.slick-current.slick-active h4 a {
	border: 2px solid #fff;
	padding: 1px 5px 6px 80px;
}
.slick-vertical .slick-slide:focus {
	outline: none;
}
.slick-vertical .slick-slide h4 a {
	font-family: 'DINPro-Medium', sans-serif;
	border: 2px solid transparent;
	padding: 6px 5px 6px 80px;
	display: inline-block;
    color: rgba(255,255,255, 1);
    cursor: default;
}
.slick-slide h4 a {
	color: #fff;
	font-size: 18px;
}
.slick-slide h4 {
	margin: 0;
	float: right;
}
.slick-arrow.slick-prev {
	top: -7%;
}
.slick-prev {
	left: 84%;;
}
.slick-prev, .slick-next {
	width: 65px;
	height: 65px;
}
.slick-prev:before {
	content: '\f106';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 65px;
	color: #fff;
	opacity: 1;
}
.slick-next:before {
	content: '\f107';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 65px;
	color: #fff;
	opacity: 1;
}
.slick-next.slick-arrow {
	top: 104%;
}
.slick-next {
	right: -3%;
}
.addressOfficesInfoBox.address-place-direction {
	display: block;
}
.slick-slide h4 a {
	height: 40px;
}

@media screen and (max-width: 767px) {
    .contact-page-us {
        padding: 1.5rem 0;
    }
    .us-objective {
        padding: 3rem 0 4rem;
    }
    .experience2 {
        transform: none;
    }
    .experience {
        transform: none;
        position: relative;
    }
    .graphic1 {
        height: 350px;
    }
    .graphic2 {
        height: 340px;
    }
    .rkt2, .rkt1 {
        max-width: 100%;
        left: 0;
    }
    .digital-content {
        padding: 2.5rem 0;
    }
    .digital-content .us-in {
        top: 80px;
        left: 73px;
        position: absolute;
        animation: spin 5.5s linear infinite;
        -webkit-animation: spin 5.5s linear infinite;
    }
    .digital-content .us-line {
        top: 42px;
        left: 40px;
        position: absolute;
        animation: rotate 15.5s linear infinite;
        -webkit-animation: rotate 15.5s linear infinite;
        z-index: 0;
        max-width: 80%;
    }
    .digital-content .us-out {
        top: 0;
        left: 0;
        position: absolute;
        z-index: 999;
        max-width: 100%
    }
    .contact-page-us-information h2 {
        font-size: 1.7rem;
    }
    #inlineFormInputWeb {
        margin-bottom: 15px;
    }
    .contact-page-us-form.form-inline .contact-page-us-form-input {
        width: 100%;
    }
    .offices-places {
        display: none;
    }
    .addressOfficesInfoBox h2 {
        font-size: 30px;
    }
    .addressOfficesInfoBox {
        display: block;
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 1199px) {
    .contact-mobile {
        position: static;
        padding-left: 15px;
    }
}
.textBlockSmallTitle {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	font-family: 'DINPro-Bold';
	-webkit-font-smoothing: antialiased;
}
.textBlockSmallText {
	font-size: 16px;
	font-family: 'DINPro-Regular';
	font-style: normal;
	font-weight: 200;
	color: aliceblue;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 20px;
}
.textBlockSmallTextBold {
	font-size: 30px;
	font-family: 'DINPro-Bold';
	font-weight: bold;
}
.bigTitle {
	position: absolute;
	top: 156px;
	left: 1390px;
	font-size: 3.4em;
	font-family: 'DINPro-Bold';
	width: auto;
	display: inline-block;
	color: #49CADD;
	padding: 40px;
	background-color: #104C7A;
	box-sizing: content-box;
}
#textBlock0 {
	position: absolute;
	top: 240px;
	left: 1430px;
	width: 450px;
}
#textBlock1 {
	position: absolute;
	top: 250px;
	left: 5900px;
	width: 560px;
}
.cityBox {
	position: absolute;
	font-size: 2em;
	font-family: 'DINPro-MEDIUM';
	border: 9px solid white;
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #104C7A;
	box-sizing: content-box;
	text-align: center;
	color: white;
}
/*twitter-brand-section*/

.twitter-brand-section {
	padding: 3rem 0;
}
.twitter-brand-section {
	background: #1f6183;
}
.twitter-brand-section-title {
	color: #fff;
	font-family: 'DINPro-Bold', sans-serif;
}
.twitter-brand-section-rrss {
	padding-right: 0;
}
.twitter-brand-section-title h3 {
	margin-top: 0;
}
.twitter-brand-section-title .roiup-twitter {
	font-family: 'Roboto', sans-serif;
	color: #00a6d8;
	font-size: 20px;
	font-weight: 400;
	margin-left: 10px;
}

.twitter-brand-section-rrss svg {
    color: white;
}

.twitter-brand-section-row-title {
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	padding-bottom: 5px;
}
.twitter-brand-section-row-content {
	padding-top: 50px;
}

.twitter-brand-section-title .roiup-twitter img {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 5px;
}

.twitter-brand-section-rrss ul {
	float: right;
}
.twitter-brand-section-rrss a {
	padding: 0 5px;
	display: inline-block;
}
.box-twitter p {
	color: #fff;
	font-family: 'DINPro-Light';
}
.box-twitter .box-twitter-link-news {
	color: #00a6d8;
}

@media screen and (max-width: 767px) {
    .box-twitter {
        margin-bottom: 10px;
    }
    .twitter-brand-section-rrss ul {
        float: none;
    }
    .twitter-brand-section-title {
        margin-bottom: 15px;
    }
    .twitter-brand-section-rrss a {
        padding: 0 10px;
    }
    .twitter-brand-section-row-title {
        padding-bottom: 10px;
    }
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.modal {
	z-index: 9999999;
}
.modal-dialog {
	height: 100%;
}
.modal-body {
	height: auto;
	max-height: 500px;
	border-radius: 0;
	overflow: auto;
}
#brands{
	background: #104c7a;
	padding-top:60px;
	padding-bottom:30px;
}
#brands h2{
	color: #fff;
font-weight: 500;
font-size: 2.5rem;
letter-spacing: -2px;
margin-top: 2.5rem;
margin-bottom: 1rem;

}
.brands1{
	text-align: center;
	padding:20px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	height: 120px;
}
#brands li{
	list-style: none;
	height: 130px;
  line-height: 130px;
}
.logos{
	margin-top: 60px;
}

/*ajuste menú desktop pequeño*/
@media screen and (max-height: 835px) and (min-width: 1025px) and (max-width: 1231px){
    .menu-container {
        padding: 3rem 2.5rem 1.25rem 0.6rem;
    }
}

@media screen and (max-height: 835px) and (min-width: 1025px){

    .menu-site {
        margin-top: 0rem;
    }
    .menu-links {
        margin-bottom: 1rem;
    }
    .menu-sections {
        margin-bottom: 0.4rem;
    }
}

#lifescience .row:first-child {
    display: flex;
    align-items: center;
}

.section-awards {
    margin: 75px 0 100px;
}

.section-awards .section-awards__column-image img {
    max-width: 100%;
    height: auto;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 2px 8px 0px;
}

#lifescience {
    position: relative;
    background: white;
}

#lifescience .ls-left {
    padding-left: 22em;
}

#lifescience .container-fluid {
    padding: 0;
}

@media (min-width: 768px) and (max-width: 1372px){
    #lifescience .ls-left {
        padding: 50px 150px;
    }
}

.section-awards .row {
    display: flex;
    align-items: center;
}

.section-awards .section-awards__column-text {
    flex: 0 0 55%;
    padding-right: 150px;
    align-items: center;
}

.section-awards .section-awards__column-image {
    flex: 0 0 45%;
}

.section-awards .section-awards__title-row, #lifescience .ls-title-row {
    margin-bottom: 26px;
}

.section-awards .section-awards__title, #lifescience .ls-title {
    color: #000;
}

.section-awards .section-awards__text, #lifescience .ls-text {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 25px;
}

@media only screen and (max-width: 767px) {
    .section-awards__column-text {
        padding: 0 15px!important;
    }

    .section-awards .row {
        flex-direction: column;
    }
}

.no-shadow {
    box-shadow: none!important;
}

ul.menu-site li.social svg {
    color: white;
}

i {
    font-display: block!important;
}

svg {
    font-display: block!important;
}

ul.menu-site ul.social-links {
    display: flex;
}

ul.menu-site ul.social-links li {
    flex-grow: 1;
}

@media only screen and (min-width: 1025px) and (max-width: 1525px) {
    .menu-container {
        padding: 3rem 1.5rem 1.25rem 1.5rem;
    }

    .menu-container .menu-site {
        padding: 0;
    }
}

.inline-icon {
    margin-left: 0.3em;
}

.btn-cta {
    font-size: 16px;
    margin-top: 15px;
}

#error_response.alert-danger {
    background-color: #f8d7da!important;
    border-color: #f5c6cb!important;
    margin: 15px 15px 5px 15px;
}

#error_response.alert-danger * {
    color: #721c24!important;
}

.alert {
    scroll-margin-top: 45vh;
}

.section-awards__title, .banner-full__title {
    font-size: 50px;
}

.banner-full .container-fluid {
    padding: 0;
}

.banner-full .row {
    display: flex;
    align-items: center;
}

.banner-full__column-text {
    padding: 0 250px;
}

.banner-full__column-image img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    object-position: center;
}

section + section.section-awards, section + section.banner-full {
    margin-top: 100px;
}

@media only screen and (max-width: 767px) {
    #mainNav {
        background-color: rgb(16, 76, 122);
    }

    .section-awards {
        margin: 10px 0 70px;
    }

    .section-awards__title, .banner-full__title {
        font-size: 30px;
    }

    .section-awards a {
        display: block;
        margin-bottom: 40px;
    }

    .banner-full {
        margin: 15px 0;
    }

    .banner-full .row {
        flex-direction: column;
    }

    .banner-full__column-text {
        padding: 0 15px!important;
    }

    .banner-full__column-image {
        padding-top: 15px!important;
        padding-left: -15px;
    }

    .banner-full .container-fluid {
        padding: 0 15px;
    }

    section + section.section-awards, section + section.banner-full {
        margin-top: 50px;

    }
}