@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face{
    font-family: "Open Sans";
    src: url('fonts/Open_Sans/OpenSans-Regular.ttf');
}

@font-face{
    font-family: "Open Sans";
    src: url('fonts/Open_Sans/OpenSans-Regular.woff');
}



* {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    font-family: 'Open Sans',serif;
}

img {
    max-width: 100%;
}

.common__content {
    max-width: 630px;
    position: relative;
}

.common__contacts {
    position: absolute;
    top: 0;
    left: 125%;
}

.common__contacts h3 {
    margin-top: 0;
}

@media screen and (max-width: 1025px) {
    .common__contacts {
        position: static;
    }
}

.logo{
    width: 20%;
    float: left;
    padding-top: 20px;
}

ul li{
    margin-left: 2%;
    font-family: "Open Sans";
    font-size: 14px;
}

/*.headline .navbar{
    list-style: none;
    float: left;
    margin-right: 2%;
    margin-top: 1%;
    margin-left: 0;
    width: 100%;
}
*/

.fa {
    color: #555555;
}

nav li{
    list-style: none;
    float: left;
    margin-right: 2%;
}

.navbar .icon{
    display: none;
}

.hiddenNav, .hiddenNav .search {
    display: none;
}

.icon{
    display: none;
}

.active{
    font-weight: bold;
    color: black;
}


.navbar a{
    display: inline;
    border-right: 1px solid #d1d1d1;
    padding-right: 15px;
    padding-left: 15px
}

.navbar a:last-of-type {
    border: none;
    padding-right: 0;
}

nav:after{
    content: "";
    clear: right;
    display: block;
}

.front-page__slider{
    margin-top: 35px;

}

.front-page__slider .row{

}


.front-page__slider img{
   width: 660px;
}

.front-page__slider h1{
    font-family: "Open Sans";
    margin-left: 120px;
    margin-top: 50px;
}

.front-page__slider p{
    font-family: "Open Sans";
    font-size: 17px;
    margin-top: 20px;
    margin-right: 70px;
    margin-left: 120px;
}

.more{
    background-color: #f2f2f2;
    color: #555555;
    margin-top: 30px;
    height: 35px;
    width: 150px;
    margin-left: 120px;
    padding-top: 6px;
    text-align: center;
}

.more a{
    font-family: "Open Sans";
    font-size: 14px;
    padding: 6px;
}

.slider__large-navigator{
    margin-top: 15px;
    width: 100%;
}

.slider__large-navigator .testSlide{
    background-color: #f2f2f2;
    color: #555;
    margin-left: 5px;
    height: 100px;
    text-align: center;
}

.slider__large-navigator p{
    font-family: "Open Sans";
    font-size: 14px;
    padding: 6px;
}


a{
    font-family: "Open Sans";
    color: #555555;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
    color: #555555;
}

a:focus{
    outline: none;
    color: #555555;
    text-decoration: none;
}


.navbar{
    font-size: 14px;
    font-family: "Open Sans";
    color: #555;
    padding-top: 20px;
    margin-left: 535px;
}

.navbar img{
    padding-left: 1%;
}
.headline {
    font-size: 16px;
    font-family: "Open Sans";
    color: #555;
    margin-top: 15px;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
     height: 45px;
    padding-top: 10px;
}

.headline .search{
    margin-top: -3px;
}

.headline a{
    border-right: 1px solid #d1d1d1;
    padding-right: 15px;
    padding-left: 15px;
}

.headline a:first-of-type{
    padding-left: 0;
}

.headline a:last-of-type{
    border: none;
}

.mainPage{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 100%;
   float: left;
}

.mainPage img{
    width: 50%;
    float: left;
}

.mainPageText{
    font-family: "Open Sans";
    margin-left: 60%;
    margin-right: 4%;
}

.mainPageText a{
    background-color: #f2f2f2;
    margin-left: 0;
    background-size: 20%;
}

.search {
    float: right;
    margin-bottom: 1%;
}

.search input[type="text"]{
    border: 1px solid #d1d1d1;
    padding: 6px;
    padding-right: 30px;
}

.search button {
    margin-left: 180px;
    position: absolute;
    background: transparent;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-left: 1px solid #d1d1d1;
    color: #fff;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.search button:focus{
    outline: none;
}


input[type="text"]{
    height: 30px;
}

input[type="text"]:focus{
    outline: none;
}

input{
    outline: none;
}

 .maintext {
     font-size: 22px;
      font-family: "Open Sans";
      color: #555;
  	padding-top: 25px;
    border-bottom: 1px solid #d1d1d1;
 }

.down img{
        margin-top: 7%;
}
.picText img{
    display: block;
    padding-top: 2%;
}

.picText{
    font-size: 14px;
    font-family: "Open Sans";
    width: 100%;
    margin-top: 2%;
}


.picText:after{
    content: "";
    display: block;
    clear: both;
}

.firstPic{
    float: left;
    width: 25%;
}

.firstPic p{
    color: #7a7a7a;
    width: 87%;
    padding-top: 5%;
    display: block;
    margin-left: 0;
}

.firstPic a{
    margin-left: 0;
    display: block;
    height: 45px;
}



.callback{
	height: 20%;
	background-color: #f2f2f2;
	padding-bottom: 170px;
}

.callback-maintext{
	font-size: 18px;
    font-family: "Open Sans";
    color: #333333;
    margin-top: 20px;
    margin-left: 20px;
}

.callback-text{
	font-size: 15px;
    font-family: "Open Sans";
    color: #333333;
    margin-left: 19px;
    margin-right: 25px;
    margin-bottom: 2%;
}

.message{
	margin-top: 2%;
	margin-left: 5%;
	width: 85%;
    height: 60px;
    color: #dcdcdc;
    font-size: 16px;
    font-family: "Open Sans";
    padding: 2%;
    margin-bottom: 3%;
}

.email{
	margin-top: 1%;
	margin-left: 5%;
	width: 85%;
    color: #dcdcdc;
    font-size: 14px;
    font-family: "Open Sans";
    padding: 2%;
    margin-bottom: 3%;
}

.callback .btn{
    margin-left: 5%;
}

.col-sm-4{
    width: 30%;
    margin-left: 58px;
}

.col-sm-4:first-of-type{
    margin-left: 0;
}

.result{
	height: 20%;
	background-color: #f2f2f2;
	padding-bottom: 5px;
}

.result a{
    display: block;
    background: #fff;
    border: 1px solid #555;
    margin-bottom: 5%;
    width: 85%;
    margin-left: 20px;
    font-size: 14px;
    padding: 2%;
}

.result a:last-of-type{
    margin-bottom: 24px;
}

.result img{
    float: right;
}

.news{
	height: 20%;
	background-color: #f2f2f2;
	padding-bottom: 2%;
    padding-left: 1%;
}

.news-text{
	font-family: "Open Sans";
    font-size: 12px;
	color: #747474;
	margin-left: 20px;
    padding-top: 10px;
}

.news a{
    margin-left: 20px;
    display: block;
}

.last{
    margin-top: 50px;
}

.about-clients {
    margin-top: 30px;
    padding: 8px 0;
    margin-bottom: 4%;
}

.about-clients p{
    margin-bottom: 1%;
}

.about-clients a{
    background: none;
    margin-top: 5px;
    margin-left: 0;
}

.about-clients a:last-of-type{
    margin-top: 20px
}

.about-clients .column {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-bottom: 20px;
}

.about {
	font-family: "Open Sans";
    font-size: 14px;
	color: black;
}

.clients{
	font-family: "Open Sans";
    font-size: 14px;
	color: black;
}

footer {
	width: 100%;
	background-color: #dedede;
	color: #555555;
	font-family: "Open Sans";
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

footer a{
   border-bottom: 1px solid #d1d1d1;
    display: block;
    color: #555555;
    font-family: "Open Sans";
    margin-left: 0;
    margin-top: 1%;
    font-size: 14px;
    padding-bottom: 2%;
    width: 92%;
}

footer .column p:first-of-type{
        margin-top: 0;
}

footer h4{
    font-family: "Open Sans";
    font-size: 16px;
    padding-bottom: 6%;
}

footer a:first-of-type{
    padding-top: 6%;
}

footer p{
    margin-top: 9%;
}

footer form{
    margin-bottom: 15%;
}

footer .column p:last-of-type{
    padding-bottom: 6%;
}

footer .column:first-of-type p{
    padding-bottom: 0;
}

footer .column {
    width: calc(25% - 16px);
    margin-right: 16px;
    float: left;
    margin-top: 30px;
}

footer input {
    margin-bottom: 8px;
}

footer .btn {
    padding: 8px 16px;
    float: right;
    background-color: #9b9ba1;
    border: transparent;
    color: #f2f2f2;
    margin-bottom: 10%;
    margin-top: 0;
    margin-right: 12px;
}

footer input[type="text"]{
    padding: 2%;
    width: 95%;
    font-size: 12px;
}

footer input[type="email"]{
    padding: 2%;
    width: 95%;
    font-size: 12px;

}

input[type="email"]{
    height: 30px;
}

footer .column img{
    padding-left: 5%;
}

.network{
    float: left;
    border-top: 1px dotted #d1d1d1;
    border-bottom: 1px dotted #d1d1d1;
    display: -webkit-box;
    margin-bottom: 2%;
    padding: 1%;
}

.network img{
    float: left;
    width: 2%;
    margin-left: 1%;
}

.cookie{
    float: left;
    font-family: "Open Sans";
    color: #9b9ba1;
}

.bs{
    font-family: "Open Sans";
    color: #9b9ba1;
    margin-top: 35px;
    width: 100%;
    text-align: right;
}
.cookie a{
    margin-left: 0;
}

.cookie p{
    margin-top: 5%;
}

.cookieLinks img{
    float: right;
    width: 2%;
    margin-left: 1%;
}

.cookieLinks {
    margin-right: 1%;
}
/*--------------------------BRAND---------------------*/

.brandMainText{
    font-family: "Open Sans";
    border-bottom: 1px dotted #d1d1d1;
    width: 100%;
}

.brandText{
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5%;
    float: right;
}

.brandText p{
    width: 55%;
}

.pinkText{
    color: #555;

}

.brandText a{
    margin-left: 0;
    font-size: 14px;
    margin-right: 1%;
}

.BrandContact{
   background-color: #f2f2f2;
    /* width: 25%; */
    position: absolute;
    margin-left: 790px;
    margin-top: 25px;
    padding-bottom: 20px
}

.BrandContact h3{
    padding-left: 20px;
}

.BrandContact p{
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    padding-left: 20px;
}

.BrandContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
    padding-top: 10px;
    z-index: 1;
    position: relative;
}

.BrandContact a{
    position: absolute;
    margin-left: 0;
    font-size: 14px;
    background-color: transparent;
    padding-left: 20px;
    padding-bottom: 5px;
    width: 100%;
}

/*-------------------------RESEARCH---------------*/

ul.researchLink{
    padding: 0;
    margin: 0;
}

.researchLink li {
    list-style: none;
    display: flex;
}

.textLinks {
    position: inherit;
}
/*---------------------INNOVATION-----------------*/


/*---------------------MONITORING----------------*/
.maintext-monitoring{
    font-size: 24px;
  	font-family: "Open Sans";
    border-bottom: 1px solid #d1d1d1;
    padding-top: 12%;
}

/*-------------------QUALITATIVE-----------------*/




/*-------------------SHOPPER-----------------*/


/*------------8------MARKETING-----------------*/

.maintext-marketing{
    width: 100%;
    border-bottom: 1px dotted #d1d1d1;
}

.maintext-marketing h2 {
    width: 55%;
    font-family: "Open Sans";
}

.maintext-marketing h3{
    width: 50%;
    font-family: "Open Sans";
}

.marketingText{
    float: left;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 3%;
    margin-bottom: 5%;
}

.marketingText p{
    width: 55%;
}

.wrapper{
    width:55%;
}

.wrapper li{
    font-family: "Open Sans";
    font-size: 14px;
}

.test:after{
     content: "";
    display: block;I
    clear: both;
}
.marketingLeft{
    float: left;
    font-family: "Open Sans";

}

.marketingRight{
    float: right;
    font-family: "Open Sans";
    width: 55%;
}

.marketingRight:after{
    content: "";
    display: block;
    clear: both;
}

.marketingRight p {
    width: 100%;
}

.pressContact{
    background-color: #f2f2f2;
    width: 20%;
    position: absolute;
    margin-left: 760px;
    margin-top: 25px;
}

.pressContact h3{
    padding-left: 20px;
}

.pressContact p{
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    padding-left: 20px;
}

.pressContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
    padding-bottom: 20px;
}

.pressContact a{
    position: absolute;
    margin-left: 0;
    font-size: 14px;
    background-color: #f2f2f2;
    padding-left: 20px;
}


.marketingContact{
    background-color: #f2f2f2;
    width: 20%;
    position: absolute;
    top: 210px;
    right: 390px;
    padding: 10px;
}

.__res{
    top: 245px;
}

.marketingContact h3{
    padding-left: 10px;
}

.marketingContact p{
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    padding-left: 10px;
}

.marketingContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
    padding-bottom: 20px;
    z-index: 1;
    position: relative;
}

.marketingContact a{
    position: relative;
    margin-left: 0;
    font-size: 14px;
    background-color: #f2f2f2;
    padding-left: 10px;
}


/*------------------DIRECTION--------------------*/
.dirLinks{
    float: left;
}

.dirLinks a{
    border-bottom: 1px solid #d1d1d1;
    display: block;
    color: #555555;
    font-family: "Open Sans";
    margin-left: 0;
    margin-top: 1%;
    font-size: 14px;
}




.centeredText{
    float: right;
    margin-left: 37%;
    margin-top: 15%;

}

.centeredText p{

}



/*--------------------INTERNET--------------------*/

.inetText{
    float: left;
    margin-top: 15px;
    margin-bottom: 5%;
}

.inetText a{
    margin-left: 0;
}

.inetText p{
    width: 50%;
    font-family: "Open Sans";
    font-size: 14px;
}

.inetText li{
    width: 50%;
    font-family: "Open Sans";
    font-size: 14px;
}

.inetContact{
   background-color: #f2f2f2;
    /* width: 25%; */
    position: absolute;
    top: 210px;
    right: 389px;
    padding: 10px;
}

.inetContact h3, .inetContact a{
    margin-left: 15px
}

.inetContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
    padding-bottom: 15px;
}
.inetContact p{
    width: 100%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    margin-left: 15px
}


/*--------------------RADIO--------------------*/

.radioText{
    width: 79%;
    float: left;
    margin-bottom: 5%;
    margin-top: 3%;
}

.radio p{
    float: left;
    margin-right: 2%;
    margin-left: 0;
}

.radio{
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 3%;
}

.radio select{
    border-color: #dedede;
    width: 40%;
}

.radioText .btn{
    margin-left: 95px;
}

.tableText{
    float: left;
    width: 100%;
    margin-top: 2%;
}


/*--------------------ANALYSIS--------------------*/


.phone{
    color: #555;
}


.advertText{
    float: left;
    margin-top: 2%;
    margin-bottom: 5%;
}

.advertText a{
    margin-left: 0;
}

.advertText p{
    width: 50%;
    font-family: "Open Sans";
    font-size: 14px;
}

.advertContact{
    background-color: #f2f2f2;
    /* width: 25%; */
    position: absolute;
    margin-left: 780px;
    margin-top: 25px;
}

.advertContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
}
.advertContact p{
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
}
/*--------------------MONITORING--------------------*/

.icons{
   background-color: #f2f2f2;
    width: 100%;
    height: 220px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.icons img{
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 2%;
    /* margin-left: 25%; */
    display: block !important;
}

.icons .insideIcons p{
    font-size: 12px;
    text-align: center;
    padding-top: 16px;
}

.icons .insideIcons{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
    width: 10%;
    margin-bottom: 1%;
}

.icons .insideIcons:first-of-type {
    margin-left: 285px;
}

.icons .insideIcons:last-of-type{
    border: none;
}


.exIcons{
   background-color: #f2f2f2;
    width: 100%;
    height: 213px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.exIcons img{
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 2%;
    display: block;
}

.exIcons .exInsideIcons p{
    font-size: 12px;
    text-align: center;
    padding-top: 16px;
    padding-left: 10px;
}

.exIcons .exInsideIcons{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
    width: 10%;
    margin-bottom: 1%;
}

.exIcons .exInsideIcons:first-of-type {
    margin-left: 198px;
}

.exIcons .exInsideIcons:last-of-type{
    border: none;
}


/*---------------------------MEDIA-------------------------*/
.mediaIcons{
    background-color: #f2f2f2;
    width: 100%;
    height: 195px;
    margin-top: 50px;
    margin-bottom: 50px;
}


.mediaIcons img{
    width: 100px;
    margin-bottom: 2%;

}

.mediaIcons p{
    font-size: 12px;
    text-align: center;
    padding-top: 16px;
    padding-left: 16px  ;
}


.mediaIcons .test{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-left: 6%;
    padding-right: 12%;
    margin-top: 2%;
    width: 18%;
    margin-bottom: 1%;
}

.mediaIcons .test:first-of-type {
    margin-left: 415px;
}

.mediaIcons .test:first-of-type  p{
    padding-left: 21px;
    padding-top: 29px;
}

.mediaIcons .test:last-of-type  p{
    padding-left: 32px;
    padding-top: 21px;
}


.mediaIcons .test:last-of-type{
    border: none;
    margin-top: 25px;
}

/*---------------------------GLOSS-------------------------*/

.maintext-gloss{
    width: 100%;
    border-bottom: 1px dotted #d1d1d1;
}

.maintext-gloss h2,.maintext-gloss h3, .maintext-gloss h5 {
    width: 60%;
    font-family: "Open Sans";
    padding-bottom: 1%;
}

.glossLinks{
    font-family: "Open Sans";
    font-size: 16px;
    margin-top: 2%;
}

.glossLinks a{
    display: block;
    margin: 1%;
}

.glossLinks img{
    padding-right: 2%;
    width: 60px;
}

.inet .glossLinks{
    width: 820px;
}


/*---------------------------ABOUT-------------------------*/

.about-links{
    float: left;
    width: 18%;
    margin-right: 3%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.about-links a{
    border-bottom: 1px dotted #d1d1d1;
    display: block;
    color: #555555;
    font-family: "Open Sans";
    margin-left: 0;
    margin-top: 5%;
    font-size: 14px;
    padding-bottom: 3%;
}

.aboutText{
    width: 41%;
    float: left;
    margin-top: 2%;
    margin-bottom: 5%;
}

.aboutText p{
    font-family: "Open Sans";
    font-size: 14px;
    margin-bottom: 3%;
}

.aboutText ul{
    margin-bottom: 3%;
    margin-left: 1%;
}

.aboutText a{
    margin-left: 0;
}

.about-links a:active{
    font-weight: bold;
    color: black;
}

.about-links .icon{
    display: none;
}

.aboutContact{
    margin-top: 1%;
    background-color: #f2f2f2;
    width: 12%;
    position: absolute;
    margin-left: 910px;
    padding-bottom: 1%;
}

.aboutContact p{
    padding-left: 2%;
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    margin-left: 15px;
}

.aboutContact .maintext-gloss {
    padding-top: 0;
    width: 90%;
    padding: 3%;
    margin-left: 10px;
}

/*---------------------------RESULT-------------------------*/

.icons .resultInside p{
    font-size: 12px;
    text-align: center;
    padding-top: 25px;
}

.icons .resultInside:first-of-type p{
    padding-left: 19px;
}

.icons .resultInside:nth-child(2) p{
    padding-left: 10px;
}

.icons .resultInside:nth-child(3) p{
    padding-left: 29px;
}

.icons .resultInside:nth-child(4) p{
    padding-left: 45px;
}

.icons .resultInside:last-of-type p{
    padding-left: 34px;
}

.icons .resultInside{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-left: 1%;
    padding-right: 9%;
    margin-top: 2%;
    width: 10%;
    margin-bottom: 1%;
    margin-right: 55px;
}

.icons .resultInside:first-of-type {
    margin-left: 19.5%;
}

.icons .resultInside:last-of-type{
    border: none;
}


/*-------------------------MAIN METHODS-------------------------*/


.mainIcons{
    background-color: #f2f2f2;
    width: 100%;
    height: 220px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.mainIcons img{
    width: 100px;
    height: 100px;
    margin-bottom: 2%;
    margin-left: 25%;
}

.mainIcons .insideIcons p{
    font-size: 12px;
    text-align: center;
    padding-top: 16px;
}

.__mon p{
    padding-left: 13px;
}

.mainIcons .insideIcons{
    float: left;
    border-right: 1px solid #d1d1d1;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
    width: 13%;
    margin-bottom: 1%;
}

.mainIcons .insideIcons:first-of-type {
    margin-left: 11%;
}

.mainIcons .insideIcons:last-of-type{
    border: none;
}

/*-------------------------MMI------------------------------*/

.mmiText{
    padding-top: 2%;
    font-size: 16px;
    font-family: "Open Sans";
    color: #555;
    width: 100%;
    text-align: left;
}

.mmiPic{
    float: left;
    width: 25%;
}

.mmiPic p, .mmiPic1 p{
    color: #7a7a7a;
    width: 90%;
}

.mmiPic a, .mmiPic1 a{
    margin-left: 0;
    display: block;
    height: 45px;
}

.picText2{
    font-size: 14px;
    font-family: "Open Sans";
    width: 100%;
    margin-top: 20px;
    padding-left: 250px;
    margin-bottom: 30px;;
}

.picText2:after{
    content: "";
    clear: both;
    display: block;
}

.picText2 .mmiPic{
        margin-left: 60px;
    }

    .picText2 .mmiPic:first-of-type{
        margin-left: 0;
    }

.mmiPic1 {
    float: left;
    width: 25%;
    margin-top: 2%;
}
/*-------------------------ADEX------------------------------*/

.adexText{
    width: 79%;
    float: left;
    margin-bottom: 5%;
}

.adexText p{
    margin-top: 5%;
}

.list {
    cursor: pointer;
    font-size: 16px;
    font-family: "Open Sans";
    margin-top: 1%;
}

.listP{
    background-color: #dedede;
    width: 100%;
    padding: 1%;
    margin-bottom: 30px;
}

.listP p{
    margin: auto;
}

.listP:active {
    background-color: #555;
}

.sub-list {
    display: none;
}

.sub-list p{
    padding: 1%;
}

.sub-list.active {
    display: block;
}

.sub-list table th{
    padding-left: 150px;
}

table{
    width: 100%;
    background-color: #dedede;
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 2%;
    margin-top: 2%;
    border: 1px solid #dedede;
}

table tr th{
    padding-top: 1%;
    padding-bottom: 1%;
}

table tr td{
    border-bottom: 1px dotted #dedede;
    background-color: #fff;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
}



.concept{
    float: left;
    margin-top: 20px;
    margin-bottom: 5%;
}

.concept h5{
    width: 50%;
}
.concept a{
    margin-left: 0;
}

.concept p{
    width: 50%;
    font-family: "Open Sans";
    font-size: 14px;
}

.concept li{
    width: 50%;
    font-family: "Open Sans";
    font-size: 14px;
}

.conceptContact{
    background-color: #f2f2f2;
    position: absolute;
    margin-left: 760px;
    margin-top: 25px;
}

.conceptContact img{
    float: right;
    width: 20%;
    margin-right: 5%;
    padding-bottom: 20px;
}
.conceptContact p{
    width: 60%;
    font-family: "Open Sans";
    font-size: 14px;
    margin-top: 2%;
    margin-left: 20px
}

.conceptContact h3, .conceptContact a{
    margin-left: 20px;
}

.btn {
    padding: 8px 16px;
    background-color: #9b9ba1;
    border: transparent;
    color: #f2f2f2;
    margin-top: 2%;
}

.inet{
    float: left;
    margin-bottom: 5%;
    width: 28%;
}

.inet a{
    display: block;
    margin: 5%;
}

.inet img{
    padding-right: 3%;
}

.checkbox+.checkbox, .radio+.radio{
    margin-top: 0;
}
.day select{
    width: 100px;
    margin-left: 40px;
}

.reg select {
    margin-left: 25px;
}

.press{
    padding-left: 0;
    margin-bottom: 20px;
}

.press .mmiPic1, .press .mmiPic{
    margin-left: 70px;
}

.press .mmiPic1:first-of-type{
    margin-left: 0;
}

.clientsText:first-of-type{
    margin-top: 20px;
}

.clientsText{
    margin-top: 80px;
    font-family: "Open Sans";
    color: #555;
    margin-bottom: 50px;
}

.smallIcons{
    margin-bottom: 10px;
}

.smallIcons img:first-of-type{
    margin-left: 0;
}

.smallIcons img{
    margin-left: 20px;
}


.clientsMain{
    margin-bottom: 20px;
    font-family: "Open Sans";
    font-size: 12px;
}

.clientsMain a{
    display: block;
}

.clientsMain .ourClients:last-of-type{
    border: none;
}

.clientsMain .ourClients{
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #dedede;
}


.ourClients .col-md-6:first-of-type{
    border-right: 1px dotted #dedede;
}

.ourClients .col-sm-6{
    width: 310px;
}

.ourClients .col-sm-6:first-of-type{
    width: 140px;
    margin-right: 35px;
}

.faq{
    margin-top: 20px;
    font-family: "Open Sans";
}

.faq h3{
    color: #555;
    font-size: 18px;
}

.faq p{
    font-size: 14px;
}

.inetContact h3{
    width: 100%;
}

.inetContact input{
    margin-top: 10px;
    margin-left: 15px;
    width: 335px;
    margin-right: 20px;
    padding-left: 6px;
}

.inetContact button{
    margin-left: 90px;
}


.sliderLink{
    margin-top: 20px;
    max-width: 630px;
}


.vacancy a{
    margin-left: 0;
}

.list img{
    width: 60px;
}

.list .linkPic{
    margin-top: 20px;
}

.list .linkPic .col-md-6{
    margin-bottom: 20px;
}

.cab{
    float: left;
    width: 800px;
}

/*----------------------------------------ADAPTATION--------------------*/

@media (max-width: 1440px) {
    .picText img{
        width: 220px;
    }

    .picText2 img{
        width: 220px;
    }

    .picText2 .mmiPic{
        margin-left: 60px;
    }

    .picText2 .mmiPic:first-of-type{
        margin-left: 0;
    }

    .mainIcons .insideIcons:first-of-type{
        margin-left: 75px;
    }

    .mainIcons{
        height: 190px;
    }

    .mainIcons .insideIcons{
        /* padding-right: 155px; */
        margin-left: 55px;
        width: 10%;
    }

    .mainIcons .insideIcons p{
        width: 120px;
        margin-top: 10px;
        margin-left: -8px;
    }

    .mainIcons img{
        width: 100px;
    }

    .icons{
        height: 205px;
    }

    .icons .resultInside p{
        width: 120px;
        margin-top: 5px;
    }

    .icons .resultInside{
        padding-right: 85px;
        margin-left: 60px;
        width: 14%;
        margin-right: 0;
    }

    .icons .resultInside img{
        width: 100%;
    }

    .icons .resultInside:first-of-type {
        margin-left: 110px;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 25px;
    }

    .icons .resultInside:nth-child(2) p{
        padding-left: 27px;
    }

    .icons img{
        width: 100px;
    }

    .__mon{
        height: 230px;
    }

    .icons .insideIcons p{
        width: 155px;
        margin-top: 10px;
        margin-left: -29px;
    }

    .icons .insideIcons{
        /* padding-right: 150px; */
        margin-left: 36px;
        width: 10%;
        margin-right: 0;
    }

    .icons .insideIcons:first-of-type {
        margin-left: 45px;
    }

    .mediaIcons .test:first-of-type{
        margin-left: 315px;
    }
    .mediaIcons .test:last-of-type{
        margin-top: 18px;
    }

    .exIcons{
        height: 215px;
    }


    .exIcons img{
        width: 100px;
    }

    .exIcons .exInsideIcons p{
        width: 116px;
        margin-top: 5px;
        padding-left: 0;
        margin-left: -5px;
    }

    .exIcons .exInsideIcons:nth-child(5) p{
        width: 120px;
    }

    .exIcons .exInsideIcons{
        /* padding-right: 110px; */
        margin-left: 25px;
        width: 10%;
    }

    .exIcons .exInsideIcons:first-of-type {
        margin-left: 50px;
    }

    .marketingContact{
        width: 25%;
        right: 149px;
    }

    .vacancy{
        right: 148px;
    }
}

@media (max-width: 1366px) {
    .mainIcons .insideIcons{
        margin-left: 50px;
    }

    .icons .insideIcons{
        /* padding-right: 150px; */
        margin-left: 25px;
    }

    .icons .insideIcons:first-of-type{
        margin-left: 50px;
    }

    .exIcons .exInsideIcons{
        /* padding-right: 134px; */
        margin-left: 16px;
    }

    .exIcons .exInsideIcons:first-of-type{
        margin-left: 40px;
    }

    .marketingContact{
        right: 112px;
    }

    .vacancy{
        right: 112px;
    }
}

@media (max-width: 1281px) {
    .exIcons .exInsideIcons{
        /* padding-right: 125px; */
        margin-left: 13px;
    }
    .mainIcons .insideIcons{
        margin-left: 38px;
        /* padding-right: 144px; */
    }

    .icons .resultInside{
        margin-left: 48px;
        width: 15%;
    }

    .icons .resultInside:first-of-type{
        margin-left: 70px;
    }
    .icons .resultInside p{
        margin-left: -7px;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 33px;
    }

    .icons .resultInside:nth-child(2) p{
        padding-left: 34px;
    }

    .icons .insideIcons{
        /* padding-right: 135px; */
        margin-left: 27px;
    }

    .icons .insideIcons p{
        margin-left: -33px;
    }

    .mediaIcons .test:first-of-type{
        margin-left: 265px;
    }

    .marketingContact{
        right: 70px;
    }

    .marketingContact a{
        padding-left: 0;
        left: 10px;
    }

    .vacancy {
        right: 69px;
    }
}

@media (max-width: 1199px) {
    .logo{
        width: 20%;
        padding-top: 2%;
    }

    .common__text img {
        object-fit: contain;
    }

	.navbar{
		margin-left: 0;
	}

    .navbar a{display: none;}
    .navbar a.icon {
        display: block;
        border: none;
        font-size: 25px;
        float: right;
    }

    .navbarresponsive {
        background-color: #f2f2f2;
        text-align: center;
        padding: 34px 16px;
        border-top: none;
        border-bottom: none;
        margin-top: 0;
        /* display: none; */
        /* height: 100%; */
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500;
        overflow: auto;
        /*position: relative;
        display: table-cell;
        width: 100%;
        padding-top: 3%;
        float: right;*/
    }

    .navbarresponsive .search{
        display: block;
        margin-left: 140px;
        margin-top: 20px;
    }

    .navbarresponsive a{
        width: 100%;
        display: block;
        padding-right: 2%;
        display: block;
        text-align: center;
        font-size: 20px;
        padding-top: 30px;
    }
  .navbarresponsive a.icon {
        display: block;
        margin-bottom: 15px;
  }
    .hiddenNav{
        display: block;
    }


    .headline{
        display: none;
    }

    .search {
        float: left;
        width: 60%;
        margin-bottom: 1%;
        /* border-color: #dedede; */
        padding: 1%;
    }

    .search input[type="text"]{
        border: 1px solid #d1d1d1;
        width: 200px;
    }

    .search button{
        float: none;
        cursor: pointer;
        font-size: 14px;
        margin-left: 173px;
        margin-top: 0px;
    }

    .front-page__slider img{
            width: 100%;
    }

    .front-page__slider .text{
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .front-page__slider h1{
        margin-left: 0;
        font-size: 24px;
    }

    .front-page__slider p{
        margin-left: 20px;
        margin-right: 20px;
    }

    .more{
        margin-left: 300px;
    }

    .mainPageText{
        font-size: 12px;
    }

    .picText{
        margin-top: 30px;
    }

    .maintext {
        font-size: 18px;
        margin-top: 20px;
    }

    .maintext-gloss h2, .maintext-gloss h3, .maintext-gloss h5{
        width: 100%;
    }

    .text {
        font-size: 11px;
    }

    .firstPic img{
        width: 94%;
    }

    .mmiPic img, .mmiPic1 img{
        width: 150px;
    }

    .mmiPic a, .mmiPic p, .mmiPic1a, .mmiPic1 p{
        font-size: 12px;
        margin-bottom: 4%;
    }

    .mmiPic, .mmiPic1{
        margin-top: 0;
        width: 24%;
        margin-left: 0;
    }

    .picText2 {

    }

    .picText2 .mmiPic{
        margin-left: 0;
        width: 175px;
    }

    .last {
        margin-top: 15%;
        margin-bottom: 20px;
        width: 100%;
    }

    .callback {

    }

    .callback-maintext{
        font-size: 14px;
    }

    .callback-text{
        font-size: 12px;
        margin: 2%;
        margin-left: 20px;
    }

    .message {
        height: 45px;
        font-size: 12px;
        margin-top: 15px;
    }

    .email {
        font-size: 12px;
        margin-top: 15px;
     }

    .callback .btn{
        margin-top: 15px;
    }

    .btn {
        padding: 4px 10px;
    }

    .col-sm-4{
        width: 30%;
        margin-left: 36px;
    }

    .col-sm-4:first-of-type{
        margin-left: 0;
    }

    .result{

    }

    .result a{
        font-size: 12px;
        margin-top: 19px;
    }

    .mainIcons .insideIcons:first-of-type{
        margin-left: 20px;
    }

     .mainIcons .insideIcons{
        width: 35%;
        display: block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .mainIcons .insideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        margin-left: 20px;
    }


    .mainIcons {
        background: none;
        padding-left: 232px;

    }

    .mainIcons img{
        width: 100px;
    }

    .icons .resultInside p{
        font-size: 16px;
        width: 100%;
        margin-top: 0;
        margin-left: -16px;
    }

    .icons .resultInside{
        width: 35%;
        display: block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .icons .resultInside img{
        width: 53%;
    }

    .icons .resultInside:first-of-type {
        margin-left: 20px;
    }

    .icons .resultInside:last-of-type{
        margin-left: 172px;
        width: 37%;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 39px;
    }

    .mediaIcons {
        height: 155px;
        background: none;
    }

    .mediaIcons .test{
        border: none;
    }

    .mediaIcons .test:first-of-type{
        padding-left: 0;
        margin-left: 218px;
    }

    .mediaIcons .test:last-of-type{
        padding-left: 10%;
    }

    .icons{
        background: none;
        height: 100%;
        padding-left: 238px;
    }

    .icons img{
        width: 100px;
    }

    .icons .insideIcons{
        float: none;
        width: 39%;
        display: inline-block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .icons .insideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 6px;
        margin-left: 5px;
    }

    .icons .insideIcons:first-of-type{
        margin-left: 20px;
        margin-top: 35px;
    }

    .icons .insideIcons:nth-of-type(2){
        position: relative;
        top: -20px;
    }

    .icons .insideIcons:nth-of-type(6){
        position: relative;
        top: -35px;
    }

    .icons .insideIcons:last-of-type{
        margin-left: 200px;
    }



    .exIcons{
        background: none;
        height: 100%;
        padding-left: 215px;
    }

    .exIcons img{
        width: 100px;
    }

    .exIcons .exInsideIcons{
        float: none;
        width: 40%;
        display: inline-block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .exIcons .exInsideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 0;
        margin-left: 1px;
    }
    .exIcons .exInsideIcons:nth-child(5) p{
        width: 100%;
    }

    .exIcons .exInsideIcons:first-of-type{
        margin-left: 20px;
        margin-top: 35px;
    }

    .exIcons .exInsideIcons:last-of-type{
        margin-left: 0;
    }

    .news-text {
        font-size: 10px;
    }

    .news a{
       font-size: 11px;
        margin-left: 20px;
        margin-right: 15px;
        display: block;
    }

    .about-clients p, .about-clients a{
        font-size: 12px;
    }

    .about-clients h4{
        font-size: 14px;
        font-weight: bold;
    }

    .about-clients{
        margin-bottom: 15%;
    }

    .about-clients .column{
        margin-bottom: 15px;
    }

    footer{
        font-size: 12px;
    }

    footer p{
        font-size: 14px;
        font-weight: bold;
    }

    footer .btn{
        padding: 4px 10px;
    }

    footer a{
        font-size: 12px;
    }

    .maintext-gloss{
        font-size: 14px;
    }

    .about-links a{
        font-size: 14px;
    }

    .aboutText{
        width: 36%;
    }

    .aboutText p{
        font-size: 14px;
    }

    ul li{
        font-size: 14px;
    }

    .aboutContact p{
        font-size: 12px;
    }

    .network{
        font-size: 14px;
    }

    .cookieLinks img {
        width: 4%;
        padding-right: 2%;
        padding-bottom: 7%;
    }

    .adexText{
        width: 77%;
    }

    .aboutContact{
        width: 25%;
        margin-left: 685px;
    }

    .marketingContact, .BrandContact, .advertContact, .inetContact, .conceptContact{
        width: 38%;
        right: 42px;
        top: 150px;
    }

    .pressContact{
        margin-left: 483px;
        width: 31%;
        padding-bottom: 20px;
    }

    .marketingContact a{
        padding-bottom: 10px;
    }

    .conceptContact {
       padding-bottom: 10px;
    }


    .adexText p{
        font-size: 14px;
    }

    table{
        font-size: 14px;
    }


    .brandMainText h2{
        font-size: 18px;
        font-family: "Open Sans";
    }

    .advertText p{
        font-size: 14px;
    }

    .advertText h5{
        font-size: 14px;
    }


    .advertContact h3{
        font-size: 16px;
        font-family: "Open Sans";
    }

    .advertContact p{
        font-size: 14px;
        font-family: "Open Sans";
    }

    .about-links{
        font-size: 12px;
        font-family: "Open Sans";
    }

    .inet{
        width: 79%;
    }

    .maintext-marketing h2{
        width: 100%;
        font-family: "Open Sans";
    }

    .press .mmiPic, .press .mmiPic1 {
        margin-left: 50px;
        width: 175px;
    }


    .ourClients .col-sm-6{
        width: 220px;
    }

    .ourClients .col-sm-6:first-of-type{
        width: 100px;
    }

    #tetra{
        width: 100px;
    }

    .vacancy{
        width: 350px;
    }

    .vacancy input{
        width: 300px;
    }

    .vacancy button{
        margin-left: 65px;
    }

    .sliderLink{
        max-width: 400px;
    }

    .sub-list table th{
        padding-left: 60px;
    }

    .cab{
        width: 450px;
    }

    .cabContact{
        width: 255px;
        margin-left: 465px;
    }

    .__tab{
        top: 195px;
    }

}

@media (max-width: 769px) {

    .slider__large-navigator, .slider__large-navigator .testSlide{
        display: none !important;
    }

    .front-page__slider img{
            width: 100%;
    }

    .front-page__slider .text{
        width: 100%;
        margin: 0;
        padding: 0;
    }


    .front-page__slider .more{
        margin-left: 250px;
        font-size: 20px;
        padding-top: 0px;
    }

    .front-page__slider a{
        font-size: 12px;
    }


    .logo{
        width: 30%;
        padding-top: 5%;
    }

    .navbar a:not(:first-child) {display: none;}
    .navbar a.icon {
        display: block;
        border: none;
        font-size: 30px;
        text-align: center
    }

    .navbarresponsive {
        background-color: #f2f2f2;
        text-align: center;
        padding: 34px 16px;
        border-top: none;
        border-bottom: none;
        margin-top: 0;
        /* display: none; */
        /* height: 100%; */
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500;
        overflow: auto;
        /*position: relative;
        display: table-cell;
        width: 100%;
        padding-top: 3%;
        float: right;*/
    }

    .navbarresponsive .search{
        margin-left: 125px;
    }

    .navbarresponsive a{
        width: 100%;
        display: block;
        padding-right: 2%;
        display: block;
        text-align: center;
        font-size: 20px;
        padding-top: 30px;
    }
  .navbarresponsive a.icon {
        display: block;
        margin-bottom: 15px;
  }
    .about-links{
        width: 100%;
    }

    .about-links a:not(:first-child) {display: none;}
    .about-links a.icon {
        display: block;
        border: none;
        font-size: 25px;
        text-align: center;
    }

    .about-linksresponsive {
        background-color: #f2f2f2;
        text-align: center;
        padding: 34px 16px;
        border-top: none;
        border-bottom: none;
        margin-top: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500;
        overflow: auto;
    }

    .about-linksresponsive a{
        width: 100%;
        display: block;
        padding-right: 2%;
        display: block;
        text-align: center;
        color: #555555;
        border-bottom: 1px dotted #d1d1d1;
        font-size: 20px;
        padding-top: 30px;
    }

    .about-linksresponsive a:first-of-type{
        border: none;
    }

  .about-linksresponsive a.icon {
        display: block;
        font-size: 25px;
  }
    .mainPageText{
        font-size: 10px;
    }


    .maintext {
        font-size: 20px;
        margin-top: 20px;
    }

    .text a{
        font-size: 10px;
    }

    .search{
        float: left;
        width: 60%;
        margin-bottom: 1%;
        /* border-color: #dedede; */
        padding: 1%;
    }

    .search input[type="text"]{
        border: 1px solid #d1d1d1;
    }

    .search button{
        font-size: 14px;
    }

    .mmiPic, .mmiPic1{
        width: 100%;
        margin-bottom: 5%;
    }

    .mmiPic a, .mmiPic1a{
        font-size: 16px;
    }

    .mmiPic p, .mmiPic1 p{
        font-size: 16px;
    }

    .press .mmiPic, .press .mmiPic1 {
        width: 100%;
        margin-left: 0;
    }

    .press img{
        width: 100%;
    }

    .down img{
        margin-top: 0;
    }

    .picText{
        margin-top: 25px;
    }

    .firstPic{
        width: 100%;
        margin-bottom: 5%;
    }

    .firstPic a{
        font-size: 16px;
    }

    .firstPic p{
        font-size: 16px;
        padding-top: 10px;
    }

    .picText2{
        padding-left: 0;
    }

    .picText2 .mmiPic{
        width: 100%;
    }

    .inet .glossLinks{
        width: 300px;
    }

    .callback {
        width: 100%;
        float: none;
        margin-bottom: 5%;
        padding-bottom: 50px;
    }

    .callback-maintext{
        font-size: 18px;
        padding-top: 20px;
        font-weight: bold;
    }

    .callback-text{
        font-size: 16px;
    }

    .message{
        font-size: 16px;
    }

    .callback input[type="email"]{
        font-size: 16px;
    }
    .callback p{
        margin-left: 6%;
    }
    .result p{
        margin-left: 6%;
        margin-right: 6%;
    }

    .result a{
        margin-left: 6%;
    }



    .result{
        width: 100%;
        float: none;
        margin-left: 0;
        height: 550px;
        margin-bottom: 5%;
    }

    .news{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 5%;

    }


    .news a, .news p{
        font-size: 16px;
        margin-left: 6%;
        display: block;
        margin-right: 6%;
    }

    .last{
        margin-bottom: 2%;
        margin-top: 30px;
    }

     .col-sm-4, .col-sm-4:first-of-type{
        margin-left: 15px;
    }

    .about-clients{
        margin-top: 0;
        margin-bottom: 45%;
        margin-left: 6%;
    }

    .about-clients .column{
        width: 100%;
        margin-top: 4%;
    }


    .about-clients p{
        font-size: 16px;
    }

    .about-clients h4{
        font-size: 20px;
        font-weight: bold;
    }

    .about-clients a{
        font-size: 16px;
    }

    footer{
        font-size:16px;
    }

    footer a{
        font-size: 16px;
    }

    footer p{
        font-size: 20px;
        font-weight: bold;
    }

    footer .btn{
        padding: 18px 25px;
        font-size: 16px;
        margin-right: 240px;
    }

    footer input[type="text"] {
        padding: 2%;
        width: 95%;
        font-size:16px;
    }

    footer input[type="email"]{
        padding: 2%;
        width: 95%;
        font-size:16px;
    }


    footer .column {
        width: 100%;
    }

    .cookie{
        width: 100%;
        text-align: center;
        float: none;
    }

    .cookie p{
        font-size:16px
    }

    .cookieLinks {
        width: 100%;
        margin-left: 210px;
    }

    .cookieLinks:after{
        content: "";
        display: block;
        clear: both;
    }

    .cookieLinks img{
        width: 7%;
        float: left;
        padding-right: 2%;
        padding-top: 4%;
        padding-bottom: 7%;
    }

    input[type="email"]{
        height: 30px;
    }

    input[type="text"]{
        height: 30px;
    }

    .maintext-gloss h5, .maintext-gloss h3, .maintext-gloss h2{
        width: 100%;
        font-size:20px;
        font-family: "Open Sans";
    }

    .about-links a{
        font-size: 14px;
    }

    .aboutText p{
        font-size:16px;
    }

    ul li{
        font-size:16px;
    }

    .aboutText{
        width: 100%;
    }

    .aboutContact p{
        font-size:16px;
    }

    .aboutContact,  .advertContact {
        width: 70%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
        margin-left: 20%;
    }

    .marketingContact a{
        width: 70%;
    }

    .network{
        font-size:16px;
    }
    .network img{
        width: 5%;
    }

    a{
        font-size:16px;
    }

    .adexText{
        width: 100%;
    }

    .adexText p{
        font-size:16px;
    }

    table{
        font-size:13px;
        width: 550px;
    }

    table tr th{
        padding-left: 15px;
    }

    .brandMainText{
        font-size: 16px;
        margin-top: 20px;
    }

    .advertText{
       margin-top: 5%;
    }

    .advertText p{
        font-size:16px;
        width: 100%;
    }


    .advertText h5{
        font-size:16px;
    }

    .advertContact, .conceptContact h3{
        font-size: 16px;
        font-family: "Open Sans";
    }

    .advertContact, .conceptContact p{
        font-size:16px;
    }

    .concept p{
        width: 100%;
        font-size: 16px;
    }

    .concept h5{
        font-size: 14px;
        width: 100%;
    }

    .conceptContact, .pressContact{
        width: 70%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
        margin-left: 18%;
    }

    .brandText p{
        font-size: 16px;
        width: 100%;
    }

    .brandText{
        padding-top: 5%;
    }


    .brandText a{
        font-size: 16px;
    }

    .BrandContact a{
        font-size: 16px;
    }

    .BrandContact{
        width: 70%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
        margin-left: 18%;
    }

    .pressContact a{
        background: transparent;
        font-size: 13px;
    }

    .concept li{
        font-size:16px;
        width: 100%;
    }

    .radioText{
        font-size:16px;
    }

    .radio{
        font-size:16px;
        margin-bottom: 25px;
    }

    .radio select{
        font-size:16px;
    }

    .type select, .reg select{
        width: 240px;
    }

    .day select{
        margin-left: 45px;
    }

    .radioText .btn{
        padding: 8px 12px;
    }

    .inet{
        width: 100%;
        font-size:16px;
    }

    .btn{
        padding: 15px 25px;
        font-size:16px;
    }

    .callback .btn{
        margin-left: 230px;
    }

    .maintext-marketing h2{
        width: 100%;
        font-size: 20px;
        font-family: "Open Sans";
    }


    .mainIcons .insideIcons{
        width: 44%;
        display: block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .mainIcons .insideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 20px;
        margin-left: 20px;
    }


    .mainIcons {
        background: none;
        padding-left: 130px;

    }

    .mainIcons img{
        width: 80%;
    }

     .icons{
        background: none;
        height: 100%;
        padding-left: 140px;
    }

    .icons img{
        width: 100px;
    }

    .icons .insideIcons{
        float: none;
        width: 37%;
        display: inline-block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .icons .insideIcons p{
        font-size: 16px;
        width: 178px;
        margin-top: 10px;
        margin-left: -22px;
    }

    .icons .insideIcons:first-of-type{
        margin-left: 20px;
        margin-top: 35px;
    }

    .icons .insideIcons:last-of-type{
        margin-left: 177px;
    }

    .exIcons{
        padding-left: 150px;
    }

    .exIcons img{
        width: 100px;
    }

    .exIcons .exInsideIcons{
        float: none;
        width: 37%;
        display: inline-block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .exIcons .exInsideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        margin-left: 21px;
    }

    .exIcons .exInsideIcons:first-of-type{
        margin-left: 20px;
        margin-top: 35px;
    }

    .exIcons .exInsideIcons:first-of-type p{
        margin-left: 15px;
    }

    .exIcons .exInsideIcons:last-of-type p{
        margin-left: 30px;
    }

    .exIcons .exInsideIcons:last-of-type{
        margin-left: 0;
        position: relative;
        top: 45px;
    }

    .icons .resultInside p{
        font-size: 16px;
        width: 100%;
        margin-top: 8px;
        margin-left: 0;
    }

    .icons .resultInside{
        width: 35%;
        display: block;
        border: none;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .icons .resultInside img{
        width: 100px;
    }

    .icons .resultInside:first-of-type {
        margin-left: 20px;
    }

    .icons .resultInside:last-of-type{
        width: 60%;
        margin-left: 110px;
    }

    .icons .resultInside:last-of-type p{
        padding-left: 0;
        margin-left: -20px;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 32px;
    }

    .mediaIcons {
       background: none;
    }

    .mediaIcons img{
        width: 100px;
    }

    .mediaIcons .test{
        width: 28%;
        border: none;
    }

    .mediaIcons .test:first-of-type{
        margin-left: 76px;
    }

    .mediaIcons .test:last-of-type{
        margin-top: 0px;
    }

    .mediaIcons p{
        padding-left: 10px;
    }

    .mediaIcons .test:first-of-type p{
        padding-left: 0;
        margin-left: -28px;
    }

    .inetText{
        width: 100%;
    }

    .inetText h5{
        font-size: 16px;
    }

    .inetText p{
        width: 100%;
        font-size: 16px;
    }

    .inetText li{
        width: 100%;
        font-size: 16px;
    }

    .inetText a{
        font-size: 16px;
    }


    .inetContact{
        width: 70%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
        margin-left: 18%;
    }

    .vacancy{
        position: relative;
        top: 0;
        left: 0;
    }

    .inetContact p, .inetContact h3{
        font-size: 16px;
        font-family: "Open Sans";
    }

    .marketingContact p, .marketingContact h3{
        font-size: 16px;
        font-family: "Open Sans";
    }

    .maintext-marketing h3{
        width: 100%;
        font-size: 16px;
        font-family: "Open Sans";
    }

    .marketingContact{
        width: 70%;
        position: relative;
        margin-bottom: 10%;
        float: left;
        margin-left: 18%;
        top: 0;
    }

    .marketingText p{
        width: 100%;
        font-size: 16px;
        font-family: "Open Sans";
    }

    .wrapper{
        width: 100%;
    }

    .marketingLeft, .marketingRight{
        width: 100%;
        font-size: 16px;
        font-family: "Open Sans";
    }

     .bs{
        margin-top: 0;
        text-align: center;
    }

    .table-responsive{
        border: none;
    }

    .glossLinks{
        display: table-caption;
    }

    .glossLinks img{
        width: 100px;
    }

    .glossLinks a{
        width: 125px;
        font-size: 16px;
        font-family: "Open Sans";
        text-align: center;
    }

    .linkPic{
        width: 100%;
        display: inline-flex;
        margin-top: 20px;
        margin-left: 55px;
        margin-bottom: 20px;
    }

    .linkPic .col-md-6{
        width: 50%;
        margin-left: 50px;
        margin-right: 50px;
    }

    .clientsMain .ourClients{
        border: none;
        padding-bottom: 0;
    }

    .ourClients .col-md-6:first-of-type{
        border: none;
    }

    .ourClients .col-md-6{
        display: -webkit-box;
        margin-bottom: 30px;
    }

    .ourClients .col-sm-6{
        width: 260px;
    }

    .ourClients .col-sm-6:first-of-type{
        width: 150px;
    }


    #tetra{
        width: 100px;
    }


    .vacancy input{
        width: 455px;;
    }

    .vacancy button{
        margin-left: 160px;
        padding: 10px 25px;
    }

    .sliderLink{
        max-width: 575px;
    }

    .mmiPic img, .mmiPic1 img{
        width: 100%;
    }

    .cab{
        width: 100%;
    }


    .cab .col-md-6{
        width: 275px;
        margin-left: 0;
        margin-right: 10px;
    }

    .cabContact{
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 100px;
    }
}

@media (max-width: 480px) {
    .slider__large-navigator, .slider__large-navigator .testSlide{
           display: none !important;
        }

    .front-page__slider img{
            width: 100%;
    }

    .front-page__slider .text{
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .front-page__slider .more{
        margin-left: 110px;
        font-size: 20px;
        padding-top: 0px;
    }

    .front-page__slider a{
        font-size: 12px;
    }


    .logo{
        width: 40%;
        padding-top: 9%;
    }

    .navbar a:not(:first-child) {display: none;}
    .navbar a.icon {
        display: block;
        border: none;
        font-size: 20px;
        text-align: center;
    }

    .navbarresponsive {
        background-color: #f2f2f2;
        text-align: center;
        padding: 34px 16px;
        border-top: none;
        border-bottom: none;
        margin-top: 0;
        /* display: none; */
        /* height: 100%; */
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500;
        overflow: auto;
        /*position: relative;
        display: table-cell;
        width: 100%;
        padding-top: 3%;
        float: right;*/
    }

    .navbarresponsive .search{
        margin-left: 65px;
    }

    .navbarresponsive a{
        width: 100%;
        display: block;
        padding-right: 2%;
        display: block;
        text-align: center;
        font-size: 20px;
        padding-top: 30px;
    }
  .navbarresponsive a.icon {
        display: block;
        margin-bottom: 15px;
  }

    .about-links a:not(:first-child) {display: none;}
    .about-links a.icon {
        display: block;
        border: none;
        font-size: 25px;
        text-align: center;
    }

    .about-linksresponsive {
        background-color: #f2f2f2;
        text-align: center;
        padding: 34px 16px;
        border-top: none;
        border-bottom: none;
        margin-top: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500;
        overflow: auto;
    }

    .about-linksresponsive a{
        width: 100%;
        display: block;
        padding-right: 2%;
        display: block;
        text-align: center;
        color: #555555;
        border-bottom: 1px dotted #d1d1d1;
        font-size: 20px;
        padding-top: 30px;
    }

    .about-linksresponsive a:first-of-type{
        border: none;
    }


  .about-linksresponsive a.icon {
        display: block;
        font-size: 20px;
  }



    .search{
        float: left;
        width: 60%;
        margin-bottom: 1%;
        /* border-color: #dedede; */
        padding: 1%;
    }

    .search input[type="text"]{
        border: 1px solid #d1d1d1;
    }

    .search button{
        font-size: 14px;
    }

    .mainPageText{
        font-size: 8px;
    }


    .maintext {
        font-size:16px;
        margin-top: 20px;
    }
   .firstPic{
        width: 100%;
        margin-bottom: 5%;
    }

    .mmiPic a, .mmiPic1 a{
        font-size: 13px;
    }

    .mmiPic p, .mmiPic1 p{
        font-size: 13px;
        width: 100%;
    }

    .mmiPic, .mmiPic1{
        width: 100%;
        margin-bottom: 5%;
    }


    .firstPic a{
        font-size: 13px;
    }

    .firstPic p{
        font-size: 13px;
        width: 100%;
    }

    .inet .glossLinks img{
        margin-left: 32px;
    }

    .inet .glossLinks a{
        margin-left: 32px;
        width: 100px;
    }


    .about-clients .column{
        margin-bottom: 8%;
        margin-top: 0;
    }

    .about-clients p{
        font-size:13px;
    }

    .about-clients h4{
        font-size: 16px;
    }

    .about-clients a{
        font-size:13px;
        margin-left: 0;
    }

    footer{
        font-size:13px;
    }

    footer a{
        font-size: 13px;
    }

    footer .btn{
        padding: 10px 20px;
        font-size: 13px;
        margin-right: 146px;
    }

    footer .entrance{
        margin-right: 160px;
    }

    footer input[type="text"] {
        padding: 2%;
        width: 95%;
        font-size:13px;
    }

    footer input[type="email"]{
        padding: 2%;
        width: 95%;
        font-size:13px;
    }

    footer p{
        padding-top: 0;
    }
    .callback-maintext{
        font-size: 16px;
        padding-top: 20px;
    }

    .callback-text{
        font-size: 13px;
    }

    .callback p{
        margin-left: 6%;
    }

    .callback .btn{
        padding: 10px 20px;
        font-size: 13px;
        margin-left: 100px;
    }

    .result{
        height: 450px;
    }
    .result p{
        margin-left: 6%;
    }

    .news p:first-of-type{
        font-size: 16px;
    }

    .news a, .news p{
        font-size: 13px;
        margin-left: 35px;
        display: block;
    }

    .news a:last-of-type{
        padding-bottom: 20px;
    }

    .col-sm-4, .col-sm-4:first-of-type{
        margin-left: 15px;
    }

    footer .column {
        width: 100%;
    }

    .cookie p{
        font-size:12px;
    }

    .cookie a{
        font-size:12px;
    }

    .cookieLinks{
       margin-left: 90px;
    }
    input[type="email"]{
        height: 30px;
    }

    input[type="text"]{
        height: 30px;
    }

    .maintext-gloss{
        margin-top: 2%;
    }

    .maintext-gloss h5, .maintext-gloss h3, .maintext-gloss h2{
        width: 100%;
        font-size:16px;
        font-family: "Open Sans";
    }

    .about-links a{
        font-size:14px;
        font-family: "Open Sans";
    }

    .aboutText{
        width: 100%;

    }

    .aboutText p{
        font-size:13px;
        font-family: "Open Sans";
    }

    ul li{
        font-size:13px;
        font-family: "Open Sans";
    }

    .aboutContact p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .aboutContact{
        width: 100%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
    }

    .network{
        font-size:13px;
        display: inline-block;
        text-align: center;
        float: none;
    }

    .networ img{
        width: 2%;
    }

    a{
        font-size:13px;
        font-family: "Open Sans";
    }

    .adexText p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .adexText{
        width: 100%;
    }

    table{
        font-size:13px;
        font-family: "Open Sans";
    }

    .radio select{
        font-size:16px;
    }

    .type select, .reg select{
        width: 165px;
    }

    .day select{
        margin-left: 45px;
        margin-bottom: 20px;
        width: 165px;
    }

    .day select:last-of-type{
        margin-left: 95px;
        margin-bottom: 0;
    }

    .brandMainText{
        font-size: 13px;
        margin-top: 5%;
        font-family: "Open Sans";
    }

    .advertText p{
        font-size:13px;
        width: 100%;
        font-family: "Open Sans";
    }

    .advertText h5{
        font-size:13px;
        font-family: "Open Sans";
    }

    .advertContact h3{
        font-size:13px;
        font-family: "Open Sans";
    }

    .advertText{
        margin-top: 8%;
        font-family: "Open Sans";
    }

    .advertContact p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .advertContact, .pressContact{
        width: 100%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
    }


    .brandText p{
        font-size:13px;
        width: 100%;
        font-family: "Open Sans";
    }

    .brandText{
        padding-top: 5%;
        font-family: "Open Sans";
    }

    .BrandContact h3{
        font-size:13px;
        font-family: "Open Sans";
    }

    .BrandContact p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .brandText a{
        font-size:13px;
        font-family: "Open Sans";
    }

    .BrandContact a{
        font-size:13px;
        font-family: "Open Sans";
    }

    .BrandContact{
        width: 100%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;

    }


    .network img{
        width: 11%;
        margin-left: 5px;
        padding: 1%;
        text-align: center;
        float: none;
    }

    .cookieLinks img{
        width: 11%;
        float: left;
        padding-right: 2%;
        padding-top: 4%;
        padding-bottom: 7%;
    }


     .cookie{
        float: none;
    }

    .concept p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .conceptContact{
        width: 100%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
    }

    .conceptContact p{
        font-size:13px;
        font-family: "Open Sans";
    }

    .concept li{
        font-size:13px;
        width: 100%;
        font-family: "Open Sans";
    }

    .concept h5{
        font-size:12px;
        width: 100%;
        font-family: "Open Sans";
    }

    .inet{
        width: 100%;
    }

    .about-links{
        width: 100%;
        font-family: "Open Sans";
    }


    .mainIcons .insideIcons:first-of-type{
        margin-left: 0;
    }

     .mainIcons .insideIcons{
        width: 50%;
        display: block;
        border: none;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .mainIcons .insideIcons p{
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        margin-left: 26px;
    }


    .mainIcons {
        background: none;
        margin-left: 40px;
        padding-left: 0;
    }

    .exIcons{
        background: none;
        margin-left: 25px;
        padding-left: 0;
    }

    .mainIcons img{
        width: 90px;
    }


    .icons{
        background: none;
        height: 100%;
        margin-left: 53px;
        padding-left: 0;
    }

    .icons img{
        width: 90px;
    }

    .icons .insideIcons{
        float: none;
        width: 45%;
        display: inline-block;
        border: none;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .icons .insideIcons p{
        font-size: 16px;
        width: 120px;
        margin-top: 10px;
        margin-left: -17px;
    }

    .icons .insideIcons:first-of-type{
        margin-top: 0;
        margin-left: 0;
    }

    .icons .insideIcons:last-of-type{
        margin-left: 100px;
    }


    .exIcons img{
        width: 90px;
    }

    .exIcons .exInsideIcons{
        float: none;
        width: 45%;
        display: inline-block;
        border: none;
        margin-left: 15px;
        margin-bottom: 10px;
    }

    .exIcons .exInsideIcons p{
        font-size: 16px;
        width: 120px;
        margin-top: 0;
        margin-left: 6px;
    }
    .exIcons .exInsideIcons:nth-child(5) p{
        width: 120px;
    }

    .exIcons .exInsideIcons:first-of-type p{
        margin-left: 2px;
    }

    .exIcons .exInsideIcons:last-of-type p{
        margin-left: 2px;
    }
    .exIcons .exInsideIcons:first-of-type{
        margin-top: 0;
        margin-left: 15px;
    }




    .icons .resultInside p{
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        margin-left: 8px;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 19px;
    }

    .icons .resultInside:nth-child(2) p {
        padding-left: 9px;
    }

    .icons .resultInside:nth-child(3) p {
        padding-left: 31px;
    }

    .icons .resultInside:last-of-type p{
        margin-left: 21px;
    }

    .icons .resultInside{
        width: 40%;
        display: block;
        border: none;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .icons .resultInside img{
        width: 90px;
    }

    .icons .resultInside:first-of-type {
        margin-left: 0;
    }

    .icons .resultInside:last-of-type{
        width: 40%;
        padding-left: 0;
        margin-left: 95px;
    }

    .mediaIcons{
    }

    .mediaIcons .test{
        padding-left: 120px;
        margin-bottom: 10px;
    }

    .mediaIcons .test:last-of-type p{
        margin-left: 1px;
    }

    .mediaIcons .test:first-of-type{
        padding-left: 0;
        margin-left: 35px;
    }

    .mediaIcons .test:last-of-type{
        margin-left: 108px;
    }

    .mediaIcons .test:first-of-type p{
        margin-left: 20px;
    }

    .maintext-marketing h2{
        width: 100%;
        font-size: 16px;
        font-family: "Open Sans";
    }

    .inetText{
        width: 100%;
    }

    .inetText h5{
        font-size: 14px;
    }

    .inetText p{
        width: 100%;
        font-size: 13px;
    }

    .inetText li{
        width: 100%;
        font-size: 13px;
    }

    .inetText a{
        font-size: 13px;
    }


    .inetContact{
        width: 100%;
        margin-left: 0%;
        position: relative;
        margin-top: 0;
        margin-bottom: 10%;
        float: left;
    }

    .vacancy{
        position: relative;
        top: 0;
        left: 0;
    }

    .vacancy input{
        width: 345px;
    }

    .vacancy button {
        margin-left: 81px;
        padding: 6px 25px;
    }

    .inetContact p, .inetContact h3{
        font-size: 13px;
        font-family: "Open Sans";
    }

    .marketingContact p, .marketingContact h3{
        font-size: 13px;
        font-family: "Open Sans";
    }

    .maintext-marketing h3{
        width: 100%;
        font-size: 13px;
        font-family: "Open Sans";
    }

    .marketingContact{
        width: 100%;
        margin-left: 35px;;
        position: relative;
        top: 0;
        padding: 0;
    }

    .marketingContact a{
        left: 0;
        width: 100%;
    }

    .marketingText p{
        width: 100%;
        font-size: 13px;
    }

    .wrapper{
        width: 100%;
    }

    .marketingLeft, .marketingRight{
        width: 100%;
        font-size: 13px;
    }

    .bs{
        margin-top: 0;
        text-align: center;
    }

    .glossLinks{
        display: table-caption;
    }

    .glossLinks img{
        width: 60px;
    }

    .glossLinks img:last-of-type{
        margin-left: 10px;
    }

    .glossLinks a{
        width: 125px;
        font-size: 16px;
        font-family: "Open Sans";
        text-align: center;
    }


    .linkPic{
        width: 100%;
        display: inline-flex;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .linkPic .col-md-6{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }

    .ourClients .col-sm-6{
        width: 200px;
    }

    .ourClients .col-sm-6:first-of-type{
        width: 100px;
    }


      .inetContact h3{
        font-size: 16px;
    }

    .sliderLink{
        max-width: 320px;
    }

    .cabContact{
        margin-top: 20px;
        margin-bottom: 20px;
    }

}

@media (max-width: 340px) {
    .exIcons{
        margin-left: 10px;
    }

    .exIcons .exInsideIcons{
        width: 44%;
    }

    .exIcons .exInsideIcons p{
        margin-left: -4px;
    }

    .exIcons .exInsideIcons:first-of-type p {
        margin-left: -6px;
    }
    .exIcons .exInsideIcons:last-of-type p {
        margin-left: -6px;
    }

    .mainIcons{
        margin-left: 25px;
    }

    .mainIcons .insideIcons p{
        margin-left: 15px;
    }

    .mainIcons .insideIcons:nth-child(3) p{
        margin-left: 25px;
    }

    .mainIcons .insideIcons:last-child p{
        margin-left: 30px;
    }

    .icons{
        margin-left: 22px;;
    }

    .icons .resultInside:first-child{
        margin-right: 20px;
    }

    .icons .resultInside:nth-child(3){
        margin-right: 20px;
    }

    .icons .resultInside p{
        margin-top: 0px;
        margin-left: 0px;
    }

    .icons .resultInside:first-of-type p{
        padding-left: 15px;
    }

    .icons .resultInside:last-of-type p {
        margin-left: 35px;
    }

    .__mon{
        margin-left: 30px;
    }

    .icons .insideIcons:last-of-type {
        margin-left: 80px;
    }

    footer .btn{
        margin-right: 88px;
    }

    footer .entrance{
        margin-right: 109px;
    }

    .vacancy input{
        width: 235px;
    }

    .vacancy button{
        margin-left: 70px;
    }

    .mediaIcons .test{
        padding-left: 65px;
    }

    .mediaIcons .test:first-of-type{
        margin-left: 25px;
    }

    .mediaIcons .test:last-of-type{
        margin-left: 75px;
    }
}