body {
	width: 100%;
	line-height: 1.4;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	background: #fff;
	color: #3b3b3b;
	text-align: left;
	font-size: 20px;
}

*, *:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a { color: #057d9f; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
h1 { color: #fff; font-size: 50px; font-weight: 700; text-align: center; text-shadow: 0 0 10px #000; }
h2, h3, h4 { margin-bottom: .25em; color: #057d9f; font-size: 40px; font-weight: 700; text-align: center; text-transform: uppercase; }
p { margin-bottom: .5em; text-align: center; }
p:last-child { margin-bottom: 0; }
strong { font-weight: 700; }

.btn {
	display: inline-block;
	margin: 1.5em 0 0;
	padding: 1em 2em;
	background: #c41230;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.btn:hover { background: #025166; }

header { position: fixed; z-index: 2; top: 0; width: 100%; padding: 18px 0; background: #fff; }
header.small { padding: 12px 0; border-bottom: 1px solid #c6d2de; }
header.small a img { width: 150px; }
header.small .menu li a { font-size: 14px; border-width: 6px; }
.content { padding: 3.25em 0; text-align: center; }

.container {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.logo { display: inline-block; }

.menu-mobile { display: none; }
.menu { position: absolute; top: calc(50% + 12px); right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu > li { position: relative; display: inline-block; margin-right: 2em; padding-bottom: 10px; border-bottom: 12px solid transparent; }
.menu li:last-child { margin-right: 0; }
.menu li a { text-transform: uppercase; font-size: 16px; }
.menu li:hover,
.menu li.selected,
.menu li.has-child.selected { border-color: #c52033; }
.menu li.selected a { font-weight: 700; }
.menu li.has-child .sub-menu { display: none; position: absolute; top: 50px; left: 0; padding: .75em; background: #c52033; }
.menu li.has-child.show .sub-menu { display: block; }
.menu li .sub-menu a { white-space: nowrap; color: #fff; font-size: 15px; font-weight: 400; }
.menu li .sub-menu a:hover,
.menu li .sub-menu a.selected { border: none; font-weight: 700; }

.home-slide,
.banner {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 177px auto 0;
}
.home-slide:after,
.banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 25px; background: rgba(255,255,255,.4); }
.home-slide h1,
.banner h1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 1000px; }

.partners { overflow: hidden; width: 100%; padding: 1.25em 0; background: #f1f1f1; }
.partners ul { text-align: center; }
.partners li { display: inline-block; vertical-align: middle; padding: 0 1.75em; }

.what-we-do ul { overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; }
.what-we-do ul li { position: relative; float: left; width: calc(100% /3); padding: 2px; }
.what-we-do ul li a { display: block; }
.what-we-do ul li span {
	opacity: 1;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	padding: .25em;
	background: rgba(0,52,104,.5);
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.what-we-do ul li a:after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: rgba(0,52,104,.9);
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.what-we-do ul li a:hover:after {
	opacity: 1;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.what-we-do ul li a .service-box { opacity: 0; }
.what-we-do ul li a:hover .service-box { opacity: 1; }
.what-we-do ul li a:hover span {
	opacity: 0;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.what-we-do ul li a .service-box .service-box-content {
	z-index: 1;
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-55%,-50%);
	transform: translate(-55%,-50%);
	width: 100%;
	padding: 1em;
	text-align: center;
	-moz-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	-webkit-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}
.what-we-do ul li a:hover .service-box .service-box-content {
	top: 50%; 
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-moz-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	-webkit-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}
.what-we-do ul li a .service-box p { margin: 0; font-size: 25px; font-weight: 700; color: #fff; text-transform: uppercase; }
.what-we-do ul li a .service-box b {
	display: inline-block;
	margin-top: .5em;
	padding: .5em 1em;
	background: #c41230;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.what-we-do ul li a .service-box b:hover { background: #025166; }
.expert { padding-bottom: 3.5em; border-bottom: 1px solid #c6d2de; background: url('../img/content-bg.png') bottom right no-repeat; }

.network { margin-bottom: 2em; padding-bottom: 0; border-bottom: 1px solid #003468; }
.network h4 { display: block; width: 50%; margin: -92px auto 0; background: #fff; }
.network ul { overflow: hidden; margin-top: 1em; }
.network ul li { float: left; width: calc(99% / 5); margin-right: .25%; padding: 0 2px; height: 100px; border-bottom: 8px solid transparent; }
.network ul li:nth-of-type(1) { border-color: #003468; }
.network ul li:nth-of-type(2) { border-color: #0e5cac; }
.network ul li:nth-of-type(3) { border-color: #14a4d3; }
.network ul li:nth-of-type(4) { border-color: #14d3b1; }
.network ul li:nth-of-type(5) { border-color: #ccd314; margin-right: 0; }
.network ul li p { color: #057d9f; font-size: 15px; }
.network ul li span { display: block; font-size: 27px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 700; }

.service { overflow: hidden; padding: 2.5em 0 3em; background: transparent url('../img/bg-service.png') top right no-repeat; }
.sidebar { float: left; width: 347px; margin-right: 53px; }
.sidebar .sidebar-menu { margin-bottom: 2em; }
.sidebar .sidebar-menu li a {
	display: block;
	padding: .5em;
	width: 100%;
	border-left: 5px solid transparent;
	border-bottom: 1px solid #dcdcdc;
	color: #003468;
	text-transform: uppercase;
	font-size: 18px;
}
.sidebar .sidebar-menu li:nth-of-type(1) a { border-left-color: #1585a5; border-top: 1px solid #dcdcdc; }
.sidebar .sidebar-menu li:nth-of-type(2) a { border-left-color: #1d6c7a; }
.sidebar .sidebar-menu li:nth-of-type(3) a { border-left-color: #1baf9f; }
.sidebar .sidebar-menu li:nth-of-type(4) a { border-left-color: #1baf3e; }
.sidebar .sidebar-menu li:nth-of-type(5) a { border-left-color: #afad1b; }
.sidebar .sidebar-menu li:nth-of-type(6) a { border-left-color: #de8720; }
.sidebar .sidebar-menu li a:hover:nth-of-type(1),
.sidebar .sidebar-menu li a:hover:nth-of-type(2),
.sidebar .sidebar-menu li a:hover:nth-of-type(3),
.sidebar .sidebar-menu li a:hover:nth-of-type(4),
.sidebar .sidebar-menu li a:hover:nth-of-type(5),
.sidebar .sidebar-menu li a:hover:nth-of-type(6) { border-left-color: #057d9f; }
.sidebar .sidebar-menu li.active a,
.sidebar .sidebar-menu li a:hover { color: #fff; background: #057d9f; color: #fff; border-bottom-color: #057d9f; }
.sidebar .sidebar-menu li.active img { display: block; }
.sidebar .sidebar-menu li img { display: none; }
.sidebar .img-about { margin-bottom: 2.5em; }
.sidebar span { display: block; line-height: 1.2; margin-bottom: .5em; font-size: 40px; color: #025167; }
.sidebar p { text-align: left; color: #025167; font-size: 18px; }
.sidebar .info { margin-top: 1em; }
.sidebar .info li,
.sidebar .info li a { color: #025167; font-weight: 700; font-size: 18px; }

.content-txt { float: left; width: calc(100% - 400px);}
.content-txt h2 { margin-top: -12px; margin-bottom: .5em; text-align: left; }
.content-txt h3 { margin: 2em 0 1em 0; text-align: left; font-size: 25px; }
.content-txt p { margin-bottom: 1em; text-align: left; }
.content-txt ul { margin-bottom: 1.5em; }
.content-txt ul li { margin: 0 0 .5em 20px; list-style-type: disc; }

.about { overflow: hidden; padding: 2.5em 0 3em; background: transparent url('../img/bg-contact.png') top left no-repeat; }

.page-contact { background: transparent url('../img/bg-contact.png') 0 177px no-repeat; }
.contact { margin-top: 173px; padding: 2em 0; }
.contact h1 { margin-bottom: .5em; color: #057d9f; text-shadow: inherit; font-size: 40px; }
.contact-zone ul { overflow: hidden; margin-top: 3em; }
.contact-zone ul li { float: left; width: 47.5%; margin-right: 5%; text-align: left; }
.contact-zone ul li:last-child { margin-right: 0; }
.contact-zone ul li img { margin-bottom: 1em; }
.contact-zone ul li span { display: block; margin-bottom: .5em; color: #057d9f; font-weight: 700; font-size: 25px; text-transform: 	uppercase; }
.contact-zone ul li p { margin: 0; text-align: left; }
.contact-zone ul li a { font-weight: 700; color: #3b3b3b; }
.contact-zone ul li .mail { display: block; margin: 1em 0; }

footer { overflow: hidden; padding: 1.75em 0; background: #025167 url('../img/footer-bg.png') top left no-repeat; }
footer .column { float: left; margin-right: 2%; font-size: 15px; }
footer .column:nth-of-type(1) { width: 16%; }
footer .column:nth-of-type(2) { width: 24%; }
footer .column:nth-of-type(3) { width: 30%; }
footer .column:nth-of-type(4) { width: 24%; margin-right: 0; }
footer .column span { display: block; color: #fff; text-align: left; font-weight: 700; text-transform: uppercase; }
footer .column a { color: #fff; }
footer .column .info { display: block; font-weight: 700; }
footer .column .tel { padding-left: 25px; background: transparent url('../img/icon-tel.png') center left no-repeat; }
footer .column .country { margin-top: 1em; }
footer .column p { margin-bottom: 2px; text-align: left; color: #fff; }
footer .column ul { margin-left: 8px; }
footer .column ul li { margin-bottom: 2px; }
footer .column ul li:last-child { margin-bottom: 0; }

.copyright { overflow: hidden; padding: 15px 0; font-size: 15px; }
.copyright p { float: left; margin: 0; }
.copyright a { float: right; color: #3b3b3b; }


/* NENU SANDWICTH */
@media only screen and (max-width : 1024px) {
	.menu-mobile { display: block; position: absolute; top: 50%; right: 2em; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.menu-mobile span {
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  background: #3b3b3b;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;
	}
	.menu-mobile.close span:nth-of-type(2) { opacity: 0; }
	.menu-mobile.close span:nth-of-type(1) { transform: rotate(-45deg) translate(-14px, 15px); } 
	.menu-mobile.close span:nth-of-type(3) { transform: rotate(45deg) translate(-8px, -14px); }
	.menu {
		display: none;
		right: 0;
		top: inherit;
		width: 100%;
		background: #3b3b3b;
		transform: none;
		padding: 1em;
	}
	.menu li { display: block; margin: 0 0 1em; padding: 0; border: none; }
	.menu li:last-child { margin-bottom: 0 }
	.menu li a { display: block; padding: 0; border: none; color: #fff; }
	header.small .menu li .sub-menu { top: inherit; }
	.menu li.has-child .sub-menu { display: block; position: inherit; top: inherit; left: inherit; background: none; margin-top: 1em;  margin-left: 1em; padding: 0; }
	.menu li .sub-menu li { margin-bottom: 1em; }
	.menu li .sub-menu li:last-child { margin-bottom: 0; }
	.menu li:hover, .menu li.selected, .menu li.has-child.selected { border: none; }
}

/* IPAD PRO */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	h1 { font-size: 35px; }
	h2, h3, h4 { font-size: 30px; }
	header.small { padding: 18px 0; }
	header a img { width: 200px; }
	header.small .menu { bottom: -273px; top: inherit; }
	header.large .menu { bottom: -288px; }
	.home-slide h1, .banner h1 { width: 675px; }
	.home-slide h1 {  }
	.home-slide, .banner { margin-top: 140px; }
	.home-slide:after, .banner:after { height: 10px; }
	.container { padding: 0 1em; }
	.content { padding: 1.5em 0; }
	.content-txt h2 { margin-top: -7px; }
	.what-we-do ul li span { font-size: 18px; }
	.what-we-do ul li a:after { content: none; }
	.what-we-do ul li a .service-box { display: none; }
	.network { margin: 0; border: none; }
	.network h4 { width: inherit; margin: 0 auto; }
	.network ul { margin-top: 2em; }
	.network ul li { height: 150px; margin: 0 0 1em; padding: 0 1em 1em; }
	.partners li { padding: 0 1em; }
	.contact-zone { padding: 0 1em; }
	.page-contact { background-position: 0 140px; }
	.contact {margin-top: 140px; }
}
	
/* IPAD */
@media only screen and (min-width : 768px) and (max-width : 980px) {
	header.small { padding: 15px 0; }
	header.small a img { width: 115px; }
	header a img { width: 150px; }
	header.small .menu { bottom: -270px; top: inherit; }
	.menu > li { margin-right: 1.25em; }
	.home-slide, .banner { margin-top: 115px; }
	.container { padding: 0 1em; }
	.contact-zone { padding: 0 1em; }
	.about .sidebar { display: none; }
	.about .content-txt { width: 100%; }
	.partners { display: none; }
	.network ul li { width: 100%; height: inherit; margin: 0 0 1em; padding: 0 1em 1em; }
	.page-contact { background-position: 0 115px; }
	.contact {margin-top: 115px; }
	footer { background-image: none; }
	footer .column:nth-of-type(1) { width: 22%; }
	footer .column:nth-of-type(2) { width: 36%; }
	footer .column:nth-of-type(3) { width: 38%; margin-right: 0; }
	footer .column:nth-of-type(4) { display: none; }
}

/* SMALL TABLET & MOBILE */
@media only screen and (max-width : 767px) {
	h1 { font-size: 30px; }
	h2, h3, h4 { font-size: 28px; }
	header.small { padding: 15px 0; }
	header.small a img { width: 115px; }
	header a img { width: 150px; }
	header.large .menu { bottom: -289px; }
	header.small .menu { bottom: -270px; }
	.container { max-width: inherit; padding: 0 1em; }
	.content { padding: 2.5em 0; }
	.partners { display: none; }
	.sidebar { width: 100%; margin-right: 0; }
	.sidebar-content { display: none; }
	.sidebar .img-about { margin: 0 auto 2em; }
	.home-slide, .banner { margin-top: 115px; }
	.home-slide h1 { font-size: 33px; }
	.home-slide h1, .banner h1 { padding: 0 1em; width: inherit; }
	.home-slide:after, .banner:after { display: none; }
	.home-slide h1 { width: inherit; }
	.what-we-do ul li { width: 100%; margin-bottom: .25em; padding: 0; }
	.what-we-do ul li span { top: 0; left: 0; width: 100%; padding: .5em; font-size: 18px; }
	.what-we-do ul li a:after { content: none; }
	.what-we-do ul li a .service-box { display: none; }
	.network { margin: 0; border: none; }
	.network h4 { width: inherit; margin: 0 auto; }
	.network ul { margin-top: 2em; }
	.network ul li { width: 100%; height: inherit; margin: 0 0 1em; padding: 0 1em 1em; }
	.sidebar .sidebar-menu { max-width: 347px; margin: 0 auto 3em; }
	.service { background: none; }
	.content-txt { width: 100%; }
	.page-contact { background-position: 0 115px; }
	.contact { margin-top: 115px; padding-top: 1.5em; }
	.contact-zone ul li { width: 100%; margin: 0 0 2em; }
	.contact-zone ul li:last-child { margin-bottom: 0; }
	footer { background-image: none; }
	footer .column:nth-of-type(1),
	footer .column:nth-of-type(2),
	footer .column:nth-of-type(3) { width: 100%; margin: 0 0 2.5em 0; }
	footer .column:nth-of-type(3) { margin-bottom: 0; }
	footer .column:nth-of-type(4) { display: none; }
	footer .column .country { margin-top: 2.5em; }
	.copyright { text-align: center; }
	.copyright a,
	.copyright p { float: none; }
	.copyright p { margin-bottom: .5em; }
}