@font-face {

    font-family: Myriad; /* Имя шрифта */

    src: url(fonts/MyriadPro-Regular.otf); /* Путь к файлу со шрифтом */

   }

body{ 

    width: 100%;

	margin: 0;

	font-family: Myriad;

	}

a{ 

color: grey;

	}

#header{ 

    width: 100%;

	height: 90px;

	}



#logo{ 

    display: inline-block;

    float: left;

    margin-left: 2%;

    position: relative;

    top: 50%;

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

	width: 15%;

	}



	



#contacts_page_title span{ 

	width: 60%;

    font-size: 26px;

    border-bottom: 3px solid #e96e6c;

    display: block;

    padding-bottom: 10px;

    font-weight: bold;

	}	



#contacts_page_title { 

	width: 50%;

    margin: auto;

	margin-bottom: 5%;

	}

#contacts_page_items { 

	display: block;

	}

#contact_content { 

	display: block;

    padding-top: 10%;

    padding-bottom: 10%;

    overflow: auto;

    background: whitesmoke;
    min-height: calc(100% - 190px);

	}

#contacts_page { 

	width: 50%;

    margin: auto;

	float: left;

	}

	

#contact_line  { 

    display: block;

    width: 100%;

    height: 38px;

	margin-bottom: 20px;

	}	

#contact_img img  { 

	vertical-align: middle;

	}

#contact_line a { 

	text-decoration: none;

	}	

#contact_line_block { 

    width: 50%;

	margin: auto;



	}	

.contact_line_block_text{ 

    font-weight: bold;

	}	

	

#contact_line div  { 

	display: table;

    height: 100%;

    line-height: 100%;

	}	

#contact_img { 

	display: block;

    float: left;

	}	

#contact_map { 

    width: 50%;

    display: inline-block;

    float: left;

	}



#contact_cell{ 

	}

#contact_cell span{ 

	display: table-cell;

    vertical-align: middle;

    line-height: 100%;

    height: 100%;

    padding-left: 20px;

    font-size: 1.1vw;

    letter-spacing: -1px;

	}

	

#contacts_content { 

	width: 100%;

    display:block;

	}		

	

	

#contacts{ 

    display: inline-block;

    float: right;

    margin-right: 2%; 

    height: 100%;

    width: 15%;

	}

	

#contacts_text{ 

	display: inline-block;

	float: left;

   	line-height: 90px;

	text-align: center;

	margin-right:5px;

	}	

#contacts_img{ 

	display: inline-block;

	background: no-repeat url("/images/contact.png") center;

	position: relative;

    top: 50%;

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

	}	

#change_contacts {  

    text-decoration: none;

    color: grey;

    float: right;

    margin-right: 0;

    height: 100%;

	}

#content_image_03{  

    display: table-cell;

    vertical-align: middle;

	width: 100%;

	}

#content_03_right{  

	width: 50%;

	float: right;

	display: block;

	margin-right: 8%;

	}

#content_03_right_title{  

	width: 40%;

	display: block;

    float: right;

	}	

#content_03_right_title span {  

	width: 60%;

    font-size: 26px;

    border-bottom: 3px solid #e96e6c;

    display: block;

    padding-bottom: 3%;

	text-align: right;

	float: right;

	font-weight: bold;

	}	

	

#about_title span {  

    font-size: 26px;

    display: block;

    padding-bottom: 10px;

    color: #e96e6c;

    margin-left: 3%;

    padding-top: 2%;

	line-height: 70%;

	text-align: center;

	}	

#services_title span {  

    font-size: 26px;

    display: block;

    padding-bottom: 10px;

    color: #e96e6c;

    margin-left: 3%;

    padding-top: 2%;

	line-height: 100%;

	text-align: center;

	}	

	

#about_title {  

    width:100%;

	display: block;

	}

#services_title {  

    width: 100%;

    display: inline-block;

    padding-top: 2%;

    padding-bottom: 2%;

	}

	

#about_head span {  

	font-size: 26px;

    border-bottom: 3px solid #e96e6c;

    display: inline-block;

    padding-bottom: 10px;

    font-weight: bold;

	}	

#about_head3 span {  

	font-size: 26px;

    border-bottom: 3px solid #e96e6c;

    display: inline-block;

    padding-bottom: 10px;

    font-weight: bold;

	}

	

#about_head2 span {  

	font-size: 20px;

    display: inline-block;

    padding-bottom: 10px;

	color: black;

	}	

	

#about_head{  

	width: 100%;

	margin-left: 3%;

	}		

#about_head_img{  

	width: 100%;

	margin:0;

	}			

#about_head_img img{  

	width: 70%;

    display: table;

    margin: auto;

	}	

#about_head3{  

	width: 100%;

	padding-left: 3%;

	}

	

#about_head2{  

	width: 100%;

    padding-left: 10%;

	padding-right: 8%;

	}	

	

#about_content{  

	width: 100%;

    padding-top: 3%;

    background: whitesmoke;

	padding-bottom: 3%;

	display: inline-block;

	float: left;

	}

	

#about_content_full{  

	width: 100%;

	display: block;

	float: left;

	}	

#about_content_full3{  

	width: 100%;

	padding-top: 3%;

	display: block;

	float: left;

	padding-bottom: 3%;

	background: whitesmoke;

	}	

	

#about_content2{  

    width: 30%;

    padding-top: 3%;

    padding-bottom: 3%;

    display: inline-block;

    vertical-align: middle;

	float: left;

	

	}	

	

#about_text{  

    width: 70%;

    padding-top: 1%;

    color: gray;

    text-align: justify;

    display: block;

    margin: auto;

	overflow: auto;

	}

	

#about_text2{  

	width: 100%;

    padding-top: 1%;

    padding-left: 10%;

	color: grey;

	padding-right: 8%;

	text-align: justify;

	color: grey;

	padding-right: 7%;

	text-align: justify; 

	}

	

#about3_content_left_top{  

	width: 50%;

    padding-top: 1%;

    padding-left: 2%;

	color: grey;

	padding-right: 2%;

	text-align: justify;

	display: inline-block;

	float: left;

	}

#about3_content_right_top{  

	width: 50%;

    padding-top: 1%;

    padding-left: 2%;

	color: grey;

	padding-right: 3%;

	text-align: justify;

	display: inline-block;

	float: left;

	}	

#about3_content_left_bottom{  

	width: 100%;

    padding-top: 3%;

    padding-left: 2%;

	color: grey;

	padding-right: 2%;

	text-align: justify;

	display: inline-block;

	float: left;

	}

#about3_content_right_bottom{  

	width: 100%;

    margin-top: 3%;

    margin-left: 2%;

	color: grey;

	margin-right: 2%;

	text-align: justify;

	display: inline-block;

	float: left;

	border-top: 1px solid lightgray;

	}	

	

#about3_content_left_img {  

	width: 100%;

    padding-top: 10%;

	padding-right: 2%;

	text-align: justify;

	display: inline-block;

	float: left;

	}		

#about3_content_left_img_small img {  

	display: block;

	margin: auto;

	width: 60%;

	}		

#about3_content_left_img_small {  

	display: table-cell;

    vertical-align: middle;

    height: 130px;

	width: 20%;

	}			

		

#about3_content_left_img_small span {  

    text-align: center;

	width: 100%;

    display: block;

	color: #e96e6c;

	}	

	

#colorstyle{  

	color: #e96e6c;

	font-weight: bold;

	}



#whoweare_line {  

height: 130px;

display: table;

	width: 100%;

	margin-bottom: 20px;

	}

	

.whoweare_text {  

height: 130px;

display: table-cell;

vertical-align: middle;

width: 80%;

	}	

	

#about3_content_left_img  img{  

	display: block;

	margin: auto;

	width: 40%;

	}

	

#about3_content_left_imgs {  

	width: 30%;

	display: none;

	float: left;

	}	

#about3_content_skills {  

	display: inline-block;

	padding-top:3%;

	padding-bottom: 3%;

	}	

	

#about3_content_left_imgs span {  

	display: block;

    text-align: center;

	color: #e96e6c;

	font-size: 16px;

	font-weight:bold;

	}	

	

#about3_content_left_text {  

	color: grey;

	}	

	

#about3_content1{  

	width: 100%;

	display: inline-block;

	}

	

#about3_content2{  

	width: 70%;

    display: block;

    padding-top: 1%;

    margin: auto;

	}	

	

#table_line{  

	width: 100%;

	display: inline-block;

	height: 70px;

	    border-bottom: 1px solid lightgray;

	}

	

#table_cell1{  

	width: 45%;

	display: table;

	float: left;

	padding-top: 1%;

	padding-bottom: 1%;

	height:100%;

	}	

#table_cell1 span{  

	display: table-cell;

    text-align: center;

    width: 100%;

	padding-right: 5%;

	vertical-align: middle;

	}

	

#table_cell2{  

	width: 55%;

	display: table;

	padding-top: 1%;

	padding-bottom: 1%;

	padding-left: 3%;

	border-left: 1px solid lightgrey;

	height:100%;

	float: right;

	}		

#table_cell2 img{  

	width: 6%;

	max-width:32px;

	}		

#table_cell2 span{  

    display: table-cell;

    vertical-align: middle;

	}	

	

#about_text_left {  

    display: block;

    width:30%;

	float:left;

	}	

#about_text_left_img {  

	padding-right: 10%;

	display: none;

}		

#about_text_left_img img {  

    display: block;

    margin: auto;

	width: 60%;

}	

#about_text_left_text {  

    padding-right: 10%;

}	



#about3_content_left_text {  

    display: block;

	float: right;

	width: 100%;

}

	

#about_text_right {  

    display: block;

    width:70%;

	float:right;

	padding-left: 5%;

	color:black;

	}	

	

.content_title_03 {  

    width: 100%;

    font-size: 26px;

    display: block;

    padding: 20px 0px 20px 0px;

    font-weight: bold;

	float: right;

    text-align: right;

	}		

.content_03 {  

	width: 40%;

    float: right;

    display: block;

	text-align: right;

	}	

	



#slider{ 

    width: 100%;

	margin-bottom: 3%;

	}	

#slider img{ 

    width: 100%;

	}

	

#content{ 

	display: block;

    width: 100%;

    height: auto;

    overflow: auto;

    margin-bottom: 5%;

}

#content2{ 

	display: block;

    width: 100%;

    height: auto;

    overflow: auto;

}

	

#content_half{ 

	width:50%;

	display: inline-block;

    float: left;

	}	

	

#content_half_top{ 

	width:100%;

	}

#content_half_right{ 

	width:70%;

	}

	

#content_half_top_left{ 

	width: 50%;

	display: block;

    float: left;

	padding-right: 4%;

	}	

#content_half_top_left img{ 

	width: 65%;

    display: block;

    float: left;

    max-width: 169px;

	}	

#content_half_top_right{ 

	width: 50%;

	display: block;

    float: right;

	padding-left: 4%;

	}

#content_half_top_right img{ 

	display: block;

	float: left;

	width: 65%;

	max-width: 169px;

	}

#content_half_top span{ 

	width: 100%;

	display: block;

	float: left;

	padding-bottom: 20px;

    padding-top: 10px;

	}	



#content_half_bottom{ 

	

	}

#content_half_bottom span{ 

	color: grey;

	display: inline-block;

	}

	

#content_02_left_title{ 

	width: 40%;

    margin: auto;

	}

	

#content_04_left_title{ 

    width: 100%;

    margin: auto;

    float: left;

	display: inline-block;

	}	

	

#content_02_left_title span{ 

	width: 60%;

	font-size: 26px;

	border-bottom: 3px solid #e96e6c;

	display: block;

	padding-bottom: 10px;

	font-weight: bold;

	}

	

#content_04_left_title span{ 

    width: 18%;

    font-size: 26px;

    border-bottom: 3px solid #e96e6c;

    display: block;

    padding-bottom: 10px;

    float: left;

	font-weight: bold;

	}	

	

#content_04_title{ 

    width: 100%;

    margin: auto;

    float: left;

	display: inline-block;

	}	

	

#content_line_4{ 

	width: 100%;

    height: auto;

    overflow: auto;

	}	

	

#content_04_left_content{ 

	width: 100%;

    height: auto;

    overflow: auto;

	/*margin-bottom: 4%;*/

	}

	

.content_title{ 

	width: 40%;

    margin: auto;

	font-size: 26px;

	display: block;

	padding: 20px 0px 20px 0px;

    font-weight: bold;

	}	

.content_title_4{ 

    font-size: 26px;

    display: block;

    padding: 20px 0px 20px 0px;

    font-weight: bold;

    float: left;

	}	

.content{ 

	width: 40%;

	margin: auto;

	display:block; 

	}



#content_image{

	background: url(/images/section3.jpg) no-repeat;

    display: table;

    height: 500px;

    width: 100%;

	}

			

	

	

#content_block{

	width: 70%;

    display: block;

    margin: auto;

    height: auto;

    overflow: auto;

	}	

#content_block_4{

    display: inline-block;

    height: auto;

    width: 50%;

	overflow: auto;

	float: left;

	border-left: 3px solid lightgrey;

	margin-bottom: 3%;

	padding-left: 3%;

	}		

#content_block_4 span{

	display: table-cell;

	vertical-align: middle;

	}			

#content_block_4 img{

	display: block;

    width: 100%;

    overflow: auto;

    float: left;

    max-width: 169px;

	}				

#content_block_title_img{

	display: table-cell;

    width: 30%;

	}	

#content_block_small_left{

	padding-right: 10%;

    display: table;

    text-align: justify;

    width: 100%;

	}

	

#service_content_line_img_coop{

	display: inline-block;

    width: 20%;

    float: left;

	padding-top: 2%;

	}	

	

#service_content_line_img{

	display: inline-block;

    width: 20%;

    float: left;

	}

	

#service_content_line_img img{

	max-width: 100%;

    max-height: 210px;

	}	

#service_content_line_img_coop img{

	max-width: 100%;

    max-height: 210px;

	}

	

#service_content_line_text{

	width: 80%;

    display: inline-block;

	float: left;

	padding-left: 5%;

	padding-right: 5%;

	text-align: justify;

	}

	

#service_content_line_text span{

	display: block;

    width: 100%;

	}

	

#service_content_line_description{

	display: block;

    width: 100%;

	text-align: justify;

	padding-top: 2%;

	padding-bottom: 2%;

	}	

	

#slider_text1{

	display: table;

    width: 40%;

	font-size: 5.0vw;

	color: white;

	height: 100%;

	float: right;

	padding-left: 2%;

	text-align: left;

	line-height: 100%;

	vertical-align: middle;

	text-shadow: -5px 5px 4px rgba(0,0,0, 0.4);



	}	

		

#slider_text1 div{

	display: table-cell;

    width:100%;

	height:100%;

	vertical-align:middle;

	}



#slider_text2{

	display: table;

    width: 40%;

	font-size: 5.0vw;

	color: white;

	height: 100%;

	padding-left: 2%;

	text-align: left;

	line-height: 100%;

	vertical-align: middle;

	text-shadow: -5px 5px 4px rgba(0,0,0, 0.4);

	}

	

#slider_text2 div{

	display: table-cell;

    width:100%;

	height:100%;

	vertical-align:middle;

	}

	

#slider_text3{

	display: table;

    width: 40%;

	font-size: 5.0vw;

	color: white;

	height: 100%;

	padding-left: 2%;

	text-align: left;

	line-height: 100%;

	vertical-align: middle;

	text-shadow: -5px 5px 4px rgba(0,0,0, 0.4);

	}

	

#slider_text3 div{

	display: table-cell;

    width:100%;

	height:100%;

	vertical-align:middle;

	}

	

#slider_text4{

	display: table;

    width: 40%;

	font-size: 5.0vw;

	color: white;

	height: 100%;

	padding-left: 2%;

	text-align: left;

	line-height: 100%;

	vertical-align: middle;

	text-shadow: -5px 5px 4px rgba(0,0,0, 0.4);

	}

	

#slider_text4 div{

	display: table-cell;

    width:100%;

	height:100%;

	vertical-align:middle;

	}

	

#slider_text5{

	display: table;

    width: 40%;

	font-size: 5.0vw;

	color: white;

	height: 100%;

	padding-left: 2%;

	text-align: left;

	line-height: 100%;

	vertical-align: middle;

	text-shadow: -5px 5px 4px rgba(0,0,0, 0.4);

	}	

	

#slider_text5 div{

	display: table-cell;

    width:100%;

	height:100%;

	vertical-align:middle;

	}

	

#service_content_line_description_title{

	display: block;

    width: 100%;

	text-align: left;

	padding-top: 10px;

	padding-bottom: 10px;

	color: #e96e6c;

	font-size: 16px;

	font-weight: bold;

	}

	

#service_content_line{

	/*height: 30%;*/

		height: 245px;

		padding-left: 2%;

	}

#service_content_line2{

/*	height: 30%;*/

		padding-left: 2%;

		padding-right: 2%;

	}



#content_block_small_rigth{

	display: inline-block;

	text-align: justify;

	    width: 100%

	}



#service_content_line_text_subtitle{

	color: #e96e6c;

	font-size: 16px;

	padding-top: 2%;

	padding-bottom: 2%;

	font-weight: normal;

	}

	

#service_content_line_text_title{

	color: #e96e6c;

	font-size: 20px;

	padding-top: 2%;

	padding-bottom: 2%;

	font-weight: bold;

	}

/*#content_block_small_rigth img{

	width: 11.2%;

	}*/

.content_block_small {

	color: grey;

	padding-top: 5%;

	}

.content_block_title {

	width:50%;

	padding-left: 5%;

	text-align: center;

    font-weight: bold;

	line-height: 100%;

	padding-right: 5%;

	

	}

	

#footer {

	background: lightgrey;

	display: table;

    overflow: auto;

	width: 100%;

    padding-top: 23.5px;

    padding-bottom: 23.5px;
    height: 100px;

	}	

#footer_contacts{

    width: 33.33%;

    display: -moz-box;

    -moz-box-pack: center;

    -moz-box-align: center;

    display: -webkit-box;

    -webkit-box-pack: center;

    -webkit-box-align: center;

    display: box;

    box-pack: center;

    box-align: center;

	float: left;

	}	

#footer_logo{

	width: 33.33%;

    display: table-cell;

    float: left;

    background: transparent;

    text-align: center;

	height: 100%;

/*    overflow: auto;*/

	}	

#footer_design{

	width: 33.33%;

    display: table;

    float: left;

    background: transparent;

    text-align: center;

	color: white;

	overflow: auto;

    height: 100%;

	}	

#footer_design span{

    display: table-cell;

    vertical-align: middle;

	}

	

#footer_images{

	width: 65%;

    background: transparent;

	}		

#footer_images a{

	height: 38px;

    display: inline-block;

    width: 38px;

    background-size: 100% 100%;

	}	

.fb:hover{

 background-image: url(/images/fb_hover.png);

	}	

.fb{

 background-image: url(/images/fb.png);

	}	

.skype:hover{

background-image: url(/images/skype_hover.png);

	}

.skype{

background-image: url(/images/skype.png);

	}	

.mail:hover{

background-image: url(/images/mail_hover.png);

	}

.mail{

background-image: url(/images/mail.png);

	}	

.in{

background-image: url(/images/in.png);

	}	

.in:hover{

background-image: url(/images/in_hover.png);

	}	

.phone{

background-image: url(/images/phone_icon.png);

	}	

.phone:hover{

background-image: url(/images/phone_hover.png);

	}	



	

.scrolltotop{

	display:none;

}

	

.scrolltotop img{

	position: fixed;

    right: 0;

    bottom: 200;

    width: 4%;

	cursor: pointer;

	opacity: 0.5;

	}	



.scrolltotop img:hover{



	opacity: 1;

	}



	

/*Slide Menu*/



.nav-wrap {  

	background-color: transparent;

    display: inline-block;

    height: 100%;

    width: 66%;

	text-align: center;

	}



.current_page_item {  

	color: black;

	}

	

#page-menu { margin: 0;    display: inline-block; }



#page-menu {

	color: gray; 

	}

	

#page-menu  a { 

	text-decoration: none;

    padding-left: 20px;

    padding-right: 20px;

    height: 100%;

	line-height: 90px;

	text-align: center;

	display: inline-block;

	}



#page-menu a:hover {

	color: black;

	}



#magic-line { 

	position: absolute;

	top: 0;

	left: 0;

	width: 100px;

	height: 4px;

	background: #e96e6c;

	margin-left: 20px;

	}





.container {

  background-color: black;

  margin: 0 auto;

  text-align: center;

  position: relative;

}

.container div {

  background-color: white;

  width: 100%;

  display: inline-block;

  display: none;

}

.container img {

  width: 100%;

  height: auto;

}



button {

  position: absolute;

}



.next {

  right: 5px;

  z-index: 100;

}



.prev {

  left: 5px;

  z-index: 100;

}







/* Fading animation 

.fadeIn {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 2.5s;

  animation-name: fade;

  animation-duration: 2.5s;

  

}



@-webkit-keyframes fade {

  from {opacity: 0} 

  to {opacity: 1}

}



@keyframes fade {

  from {opacity: 0} 

  to {opacity: 1}

}

*/





#oob_sli {

  position: relative;

  overflow: hidden;

  margin: 0px auto 0px auto;

  border-radius: 4px;

}



#oob_sli ul {

  position: relative;

  margin: 0;

  padding: 0;

 

/*  height: 600px;*/

  list-style: none;

}



#oob_sli ul li {

/*  position: relative;*/

  display: block;

  float: left;

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  background: #ccc;

  text-align: center;

/*  line-height: 600px;*/

  /*overflow:auto;*/

  background-size: 100% auto;

  background-repeat: no-repeat;

}



.o_i {

  width:50%;

  height:100%;

  position:absolute;

  float:left;

  z-index:1;

  left:0px;

  opacity: 0;



}

.o_g {

  width:50%;

  height:100%;

  position:absolute;

  float:right;

  right:0px;

  z-index:1;

   opacity: 0;



  

}

.control_next{

	width:100%;

	height:100%;

/*	margin-left:30px;*/

	top:0;

    bottom:0;

	position:absolute;

/*	background:url(/images/next.png) no-repeat;

	background-position:50px;

  background-size: auto 50px;

  opacity:0.13;*/

	}

/*.control_prev {

	width:130px;

	height:33px;

	margin-left:-55px;

	top:43%;

    bottom:50%;

	position:absolute;

	background:url(/images/previous.png) no-repeat;

	

	background-position:70px;

  background-size:auto 50px;

  opacity:0.13;

	}*/

.control_prev {

	width: 100%;

    height: 100%;

    /* margin-left: -55px; */

    top: 0;

    bottom: 0;

    position: absolute;

    /* background: url(/images/previous.png) no-repeat; */

    /* background-position: 70px; */

    /* background-size: auto 50px; */

    /* opacity: 0.13; */

	}

#oob_sli:hover .o_i{

	

	

  opacity: 1;

    transition: opacity .5s ease-out;

    -moz-transition: opacity .5s ease-out;

    -webkit-transition: opacity .5s ease-out;

    -o-transition: opacity .5s ease-out;

  

}

#oob_sli:hover .o_g{

	

  opacity: 1;

    transition: opacity .5s ease-out;

    -moz-transition: opacity .5s ease-out;

    -webkit-transition: opacity .5s ease-out;

    -o-transition: opacity .5s ease-out;

}









/*@media screen and (max-width: 1280px) {

 

}*/