/*Common properties*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

ul,li {
	list-style-type: none;
}

a {
	color: #3076c1;
	border-bottom: 1px solid #007bff;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
}

.container {
	max-width: 1140px;
	margin-right: auto;
    margin-left: auto;
}

.btn {
	background-color: #18426f;
	color: #fff; 
	margin-bottom: 160px;
	padding: 10px 40px;
}

.btn:hover {
	background-color: #007bff;
}

.btn:focus {
	outline: none;
	box-shadow: none;
}

.headline {
	font-size: 70px;
	font-weight: 300;
	margin: 0 0 40px 0;
}

.tag {
	margin-bottom: -10px;
}

.heading {
	font-size: 18px;
}

.services, .steps, .partners, .team, .esomar, .contact {
	padding: 90px 120px; 
}

.services, .partners, .esomar {
	background: #f9f9f9;
}

/*Header*/


.particles-js-canvas-el {
	position: absolute;
	top: 0;
	height: 100hv !important;
}

#particles-js {
	opacity: .5;
}

.header__link {
	border-bottom: none;
}

.menu {
	display: flex;
	margin-top: 20px;
}

.menu__item {
	margin-right: 10px;
}

.header__contacts {
	display: flex;
	flex-direction: column;
	text-align: right;
	padding-top: 20px;
}

.header__mail, .header__phone {
	border-bottom: none;
	color: #000;
}

.header__social {
	display: flex;
	padding-top: 20px;
}

.header__facebook, .header__linkedin {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #016aa3;
	color: #fff;
	text-align: center;
	margin-left: 10px;
}

.header__facebook:hover, .header__linkedin:hover {
	background-color: #007bff;
	transition: all 1s ease-out;
}

.header__f, .header__l {
	color: #fff;
	line-height: 3;
	border-bottom: none;
}


.header__title {
	font-size: 80px;
	font-weight: 300;
	width: 500px;
	line-height: 1em;
	margin-top: 130px;
	margin-bottom: 70px;
}

.header__text {
	width: 550px;
	line-height: 1.5em;
	margin-bottom: 40px;
}

/*Services*/

.services__item {
	width: 430px;
	margin-bottom: 50px;
}

.services__heading {
	color: #3076c1;
	display: inline;
	border-bottom: 1px solid currentcolor;
	font-weight: 400;
	transition: 0.3s all ease-out;
	margin-bottom: 20px;
	width: 270px;
}

.services__item:hover > .services__heading {
	border-bottom: 1px solid transparent;
	transition: 0.3s all ease-out;
}

/*Steps*/

.steps {
	color: #fff;
}

.steps__item {
	margin-bottom: 10px;
}

.steps__heading {
	text-align: right;
	margin-top: 20px;
}

.steps__number {
	font-size: 60px;
	font-weight: 900;
	display: block;
}

.steps__text {
	padding-top: 18px;
}

[data-aos="steps-color"] {
	 background: #007bff;
	 transition-property: background;
}
[data-aos="steps-color"].aos-animate {
	 background: #18426f;
}

/*Partners*/

.partner__logo {
	margin-bottom: 30px; 
	filter: grayscale(100%);
	transition: 0.5s ease; 
}

.partner__logo:hover {
	filter:none;
	transition: 0.5s ease; 
}

/*Team*/

.team__item {
	display: flex;
	flex-direction: column;
}

.team__heading {
	font-weight: 700;
}

.team__text {
	width: 320px;
	margin-bottom: 45px;
}

.team__img_olga {
	width: 200px;
	height: 200px;
	background-image: url("../img/olga.gif");
	background-position: -90px 0px;  
	border-radius: 50%;
	background-size: 200%;
	filter: grayscale(100%);
	margin-bottom: 30px;
}

.team__img_olga:hover {
	background-image: url("../img/olga.gif");
	filter: none;
}

.team__img_natalia {
	width: 200px;
	height: 200px;
	background-image: url("../img/natalia.gif");
	background-position: -190px -30px;  
	border-radius: 50%;
	background-size: 290%;
	filter: grayscale(100%);
	margin-bottom: 30px;
}

.team__img_natalia:hover {
	background-image: url("../img/natalia.gif");
	filter: none;
}

.team__img_vika {
	width: 200px;
	height: 200px;
	background-image: url("../img/vika.gif");
	background-position: -80px -3px;  
	border-radius: 50%;
	background-size: 180%;
	filter: grayscale(100%);
	margin-bottom: 30px;
}

.team__img_vika:hover {
	background-image: url("../img/vika.gif");
	filter: none;
}

.team__img_luda {
	width: 200px;
	height: 200px;
	background-image: url("../img/luda.gif");
	background-position: -15px -60px;  
	border-radius: 50%;
	background-size: 110%;
	filter: grayscale(100%);
	margin-bottom: 30px;
}

.team__img_luda:hover {
	background-image: url("../img/luda.gif");
	filter: none;
}

/*Esomar*/

.esomar {
	position: relative;
}

.esomar__text {
	width: 750px;
}

.esomar__holder {
	width: 850px;
	background-color: #fff;
	padding: 40px 100px 50px 70px;
	margin-top: 50px;
}

.esomar__heading {
	font-weight: 700;
	line-height: 1.4;
}

.esomar__fact {
	background-color: #016aa3;
	border-radius: 300px;
	width: 330px;
	height: 330px;
	position: absolute;
	top:50%;
	right:20%;
}

.esomar__number {
	display: block;
	text-align: center;
	line-height: 2.3;
	font-size: 120px;
	font-weight: 700;
	color: #fff;
}

.esomar__details {
	margin-top: -70px;
	text-align: center;
	color: #fff;
}

/*Contact*/

.contact {
	background-color: #016aa3;
	color: #fff;
}

.conact__headline {
	margin-bottom: 10px;
}

.contact__text {
	width: 650px;
	margin-bottom: 30px;
}

.contact__btn {
	margin-bottom: 0;
}

.contact__input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 30px 0 0;
  display: inline-block;
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
}

.contact__textarea {
  width: 100%;
  height: 150px;
  margin: 30px 0 40px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 0;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 18px;
  resize: none;
}

/*Footer*/

.footer {
	height: 140px;
	background-color: #072a3e;
	padding-top: 50px;
}

.footer__text {
	font-size: 16px;
	color: #455d6a;
}