/* Общее для внутренних страниц */

.width-fix-line {
	width: 100%;
}

.bgwhite {
	background: white;
}

section#content-box {
	
	display: block;
	
	/*padding-left: 239px;*/
    padding-left: 274px;
}

/* Хотите заказать */
section#want-form {
	background: #f7f7f6;
	padding-bottom: 135px;
}

section#want-form .left-box, section#want-form .right-box {
	margin: 0;
	min-height: 275px;
}

section#want-form .left-box {
	background:white;	
	padding: 60px 70px 20px 70px;
	color:black;
	
}

section#want-form .left-box a {
	color:#f04a4a;
}

section#want-form .left-box a:hover {
	text-decoration: none;
}

section#want-form .right-box{
	background: #024045;
	
	padding: 40px 70px 40px 70px;
}

/* ПРЕФУТЕР */

section#prefooter {
	background: #0f4a4e;
	padding: 95px 0 60px 0;
	margin-top: 80px;
}

section#prefooter .logo {
	width: 160px;
	height: 160px;
	border-radius: 200px;
	
	top:-70px;
	left:50%;
	margin-left: -80px;
	position: absolute;
}

section#prefooter .logo img {
	width: 160px;
	margin: 0px auto 0 auto;
	height: auto;
}


section#prefooter .line {
	display: none;
}

section#prefooter #social {
	margin: 0;
}

/* Футер */

footer .center-fix {
	display: block;
}

footer .row-box {
	padding: 0 40px;
}

footer .row-box .row {
	width: 25%;
	float: left;
}

footer a {
	color:white;
}

footer a:hover{
	color:#f04a4a;
}

footer .copyright {
	color: white;
	display: block;
	padding: 40px 90px 20px 90px;

}



/* ПРОЕКТЫ */
/* ПРОЕКТЫ - ТОП*/

section#projects {
 	padding-top:30px;
 	margin-top:0;
 	margin-bottom: 10px;
}

section#projects .content-block .project {
	display: inline-block;
}

section#projects.sameprojects h2{
	text-transform: uppercase;
	margin: 30px auto 30px auto;
}

section#projects {	
	width: auto;
	
}

section#projects .top-block .filters ul li a {
	padding: 10px 10px;
	
	display: inline-block;
}

section#projects .top-block .filters ul li.list a {
	padding: 10px 30px 10px 20px;
	
}


section#projects .top-block .filters ul li.list a:after {
	right: 12px;
}

section#projects .top-block .filters ul li ul {
	min-width: 250px;
	font-size: 1.1em;
}

section#projects .top-block .zagolovokh3 {
	font-family: "Geometria-Light";
	text-transform: uppercase;

}

section#projects .top-block .filters {
	margin-top: 30px;
}

.inner-page section#projects .top-block .filters {
	margin-top: 15px;
}

section#projects .top-block h1 {
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    padding: 0px 0 5px 0;
    line-height: 1.5em;
}


/* ПРОЕКТЫ - КОНТЕНТ */

section#projects .content-block .project {
	width:280px ;
	min-height: 520px;
}

section#projects .content-block .project .pic {
	/*height: 280px ;*/
    /*min-height: 280px;*/
    /* min-height: 400px;
   * background-size: cover;
     background-position: center center;*/
}

section#projects .content-block .project .name {
	font-size: 1.1em;
}

section#projects .content-block .project .description ul li a {
	font-size: 0.9em;
}

/* КОНЕЦ ПРОЕКТЫ */


/* ПРОЕКТ */
/* ПРОЕКТ - ТОП*/

section#project {
	background: #f7f7f6;
}

section#project .big-width-fix{
	max-width: 1390px;
}

section#project .center-fix {
	
}

section#project .top-block {
	background: white;
	text-align: left;
	position: relative;
}

section#project .top-block .inside {
	padding: 20px 360px 0px 30px;
}

section#project .top-block a.back {
	font-size: 0.9em;
	font-family: "SegoeUI-SemiLight";
	color:black;
	text-decoration: none;
	padding:5px 10px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	color: #a9a9a9;
	text-transform: uppercase;
    position: relative;
    top: auto;
    left: auto;

}

section#project .top-block a.back:hover {
	color:#024045;
	border-color:#f04a4a;
}

section#project .top-block h2, section#project .top-block h1{

    /* font-size: 2em;
    text-transform: uppercase;
    padding: 10px 275px 0 0;
    margin: 0;
    line-height: 1.5em; */
    
    
    font-size: 2em;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    line-height: 1.5em;
    width: auto;
    max-width: 1000px;
    margin-right: 30px;
}

section#project .top-block ul.breadcrumbs {
	display: block;
}

section#project .top-block ul.breadcrumbs li{
	display: inline-block;
}

section#project .top-block ul.breadcrumbs li:nth-of-type(n+2):before {
	content: "|";
	padding: 0 7px 0 5px;
	display: inline-block;
	color: #a9a9a9;
}

section#project .top-block ul.breadcrumbs li a{
	font-family: "Geometria-Light";
	color:#a9a9a9;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
}

section#project .top-block ul.breadcrumbs li a:hover {
	color:#024045;
}

section#project .top-block #client-logo{
	position: absolute;
	right:0;
	bottom:0;
	width: 300px;
	height:auto;
	margin:0 30px;

}
section#project .top-block #client-logo a {
    display:block;
    text-align:center;
}
section#project .top-block #client-logo img {
    
    width: auto;
	height:117px;

}


/* ПРОЕКТ - СОДЕРЖАНИЕ */

section#project .content  {
	text-align: left;
	padding: 40px 0px;

}

section#project .content .navbar {
	margin-left: 30px;
}

section#project .content .navbar ul {}

section#project .content .navbar ul li{
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align: left;
}

section#project .content .navbar ul li.selected a {
	text-decoration: none;
	font-family: 'SegoeUI-SemiBold';
	background: white;
}

section#project .content .navbar ul li:nth-of-type(1) a{
	padding: 10px 30px 10px 50px;
}

section#project .content .navbar ul li a {
	color:black;
	padding: 10px 20px;
}

section#project .content .navbar ul li a:hover {
	color:#f04a4a;
}

section#project .content .navbar ul li.selected a:hover {
	color:black;

}


section#project .content .left-box, section#project .content .right-box{
	
	
	vertical-align: top;
	position: relative;
	display: table-cell;

}

.content .center-pad, .content .left-pad, .content .right-pad{
	background: #f7f7f6;
	width: 30px;
	display: table-cell;
}

section#project .content .left-box .inside, section#project .content .right-box .inside {
	padding: 40px 50px;
	background: white;
}

section#project .content .left-box {
	width: auto;
	min-width: 500px;
	max-width: 1000px;
	margin-right: 30px;

}

section#project .content .right-box {
	width: 300px;
}

section#project .content .left-box h2 {
	font-size: 1.25em;
	margin-bottom: 7px;
	letter-spacing: 0;
	font-family: "SegoeUI-Bold";
	font-weight: normal;


}

section#project .content .left-box .text {
	margin-bottom: 20px;
}

section#project .content .left-box .text *{
	font-size: 0.95em;
	line-height: 1.4em;

}

section#project .content .left-box .text ul li{
	margin: 0 0 5px 25px;
}

section#project .content .left-box .full-width {
	display: block;
	height: 1px;
	width: 100%;
}

section#project .content .left-box .fishki {
	padding: 25px 50px;
	border:5px solid #f04a4a;
	margin:10px 0 30px 0;

}


section#project .content .left-box #fotos a img{
	width: 33%;
	float: left;
	height: auto;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    -webkit-filter: grayscale(80%);
  	filter: grayscale(80%);

}

section#project .content .left-box #fotos img:hover {
	-webkit-filter: grayscale(0%);
  	filter: grayscale(0%);

}

section#project .content .right-box .tags .tag {
	margin-bottom: 15px;
	font-size: 0.9em;
}

section#project .content .right-box .tags .tag .name {
	font-family: "SegoeUI-SemiBold";
}

section#project .content .right-box .tags .tag ul li {
	list-style: none;
	display: inline;
}

section#project .content .right-box .tags .tag img {
	width: 80%;
	display: block;
	height: auto;
	margin: 20px auto 0 auto;
}

section#project .content .right-box .tags .tag ul li:nth-of-type(n+2):before {
	content: ", ";
	display: inline;
	
	margin: 0 1px 0 -2px;
}

section#project .content .right-box .tags .tag ul li a {
	color:black;
}

section#project .content .right-box .tags .tag ul li a:hover{
	color:#f04a4a;
}

section#project .content #fotos, section#project .content #videoreport, section#project .content #history {
	display: none;
}


/* ФОТКИ */


section#project .photos {
	display: block;
	margin-bottom:15px;
}

section#project .photos .bigphoto{
	width: 55%;
	position: relative;
	height: 300px;
	vertical-align: top;
	display: table-cell;

}

section#project .photos .bigphoto img {
	width: 100%;
	height: auto;
}

section#project .photos .preview{
	width: 44%;
	display: table-cell;
	position: relative;
	vertical-align: top;
	padding: 0 12px ;
    padding: 0 0 0 15px;
}

section#project .photos .preview ul li {
	display: inline-block;
	width:28%;
	height:auto;
	position: relative;
    /*margin: 0 0px 3px 0px;*/
    margin: 0 0px 4.5% 0px;
}
section#project .photos .preview ul li:nth-child(n+10){
    margin-bottom: 0 !important;
}
section#project .photos .preview ul li:nth-of-type(3n+2) {
	/*margin: 0 7px 0px 7px;
    margin: 0 15px 0px 15px;*/
    margin-left: 15px;
    margin-right: 15px;
}
section#project .photos .preview ul li:nth-child(n+13){
    display: none;
}

section#project .photos .preview ul a {
display: none;
}

section#project .photos .preview ul li img {
width: 100%;
height: auto;
cursor: pointer;
}

section#project .photos .preview ul li img:hover {
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}


section#project .like-project2 {
text-align: center;
display: block;
margin:30px 0 0 0;
}


/*section#project .like-project2 .ya-share2,section#project .like-project2  .ya-share2 * {
zoom:1.075;
}*/


.ya-share2__container_size_m .ya-share2__icon{
    width: 24px !important;
    height: 24px !important;
}
.ya-share2__list_direction_horizontal > .ya-share2__item{
    margin: 0 5px 10px 5px !important;
    overflow:hidden;
}
section#project .like-project p {
font-size: 1.1em;
margin-bottom: 15px;

}

section#project .like-project ul {
display: block;
margin-top: 0px;
}

section#project .like-project ul li{
display: inline-block;
list-style: none;


}

section#project .like-project ul li a{
padding: 15px 40px 15px 70px;
text-decoration: none;
font-size: 1.1em;
margin: 0 10px;
color:white;
display: inline-block;
background: red;
position: relative;
}

section#project .like-project ul li a#vk {
background: rgba(76,117,163,1.0);
}

section#project .like-project ul li a#fb {
background: rgba(55,87,148,1.0);
}

section#project .like-project ul li a:hover {

}

section#project .like-project ul li a#vk:hover {
background: rgba(76,117,163,0.9);
}

section#project .like-project ul li a#fb:hover {
background: rgba(55,87,148,0.9);
}

section#project .like-project ul li a#vk:before {
position: absolute;
content: "";
left:15px;
z-index: 2;
top:5px;
width:35px;
height:42px;
background: url("../images/ico_vk.png");
background-size: 100% auto;
}

section#project .like-project ul li a#fb:before {
position: absolute;
content: "";
left:15px;
z-index: 2;
top:5px;
width:35px;
height:42px;
background: url("../images/ico_fb.png");
background-size: 100% auto;
}


section#project  .morelinks {
background: #f7f7f6;
display: block;
text-align: center;
padding: 25px 0 0 0;
}

section#project  .morelinks ul li {
list-style: none;
display: inline-block;
margin: 0 10px;


}



section#project  .morelinks ul li a {
text-decoration: none;
color:black;
font-size: 0.9em;
font-family: "Geometria-Light";
padding: 10px 20px;
border: 3px solid #e4e4e4;
display: inline-block;
text-transform: uppercase;
}

section#project  .morelinks ul li a:hover {
border: 3px solid #f04a4a;
}


a.buttonmore  {
font-family: 'Geometria-Bold';
text-transform: uppercase;
font-size: 1.0em;
padding: 20px 40px;
border: 5px solid #f04a4a;
display: inline-block;
color: black;
text-decoration: none;
margin-top: 30px;
}

a.buttonmore:hover {
color: white;
background: #f04a4a;



}



/* О компании */

/* ПРОЕКТ */
/* ПРОЕКТ - ТОП*/

section#about {
	padding: 10px 0 0 0;
}


section#about .big-width-fix{
	max-width: 1390px;
}

section#about .center-fix {
	
}

section#about .top-block {
	background: white;
	text-align: left;
	position: relative;
}

section#about .top-block .inside {
	padding: 20px 110px 0px 80px;
}

section#about .top-block a.back {
	font-size: 0.9em;
	font-family: "SegoeUI-SemiLight";
	color:black;
	text-decoration: none;
	padding:5px 10px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	color: #a9a9a9;
	text-transform: uppercase;
    position: relative;
    top: auto;
    left: auto;

}

section#about .top-block a.back:hover {
	color:#024045;
	border-color:#f04a4a;
}

section#about .top-block h2, section#about .top-block h1{

    font-size: 2em;
    text-transform: uppercase;
    padding: 10px 0px 0 0;
    margin: 0;
    line-height: 1.5em;
}

section#about .top-block ul.breadcrumbs {
	display: block;
}

section#about .top-block ul.breadcrumbs li{
	display: inline-block;
}

section#about .top-block ul.breadcrumbs li:nth-of-type(n+2):before {
	content: "|";
	padding: 0 7px 0 5px;
	display: inline-block;
	color: #a9a9a9;
}

section#about .top-block ul.breadcrumbs li a{
	font-family: "Geometria-Light";
	color:#a9a9a9;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
}

section#about .top-block ul.breadcrumbs li a:hover {
	color:#024045;
}

section#about .top-block #client-logo{
	

}



section#about h1 {
	text-align: left !important;
}


section.about {
	max-width: 100% !important;
}

section.about .hellowords {
	background: #f8f8f7;
}

section.about .introtext{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: stretch;
	-webkit-justify-content: center;
	-webkit-flex-wrap: nowrap;
	-webkit-align-items: stretch;

    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

section.about .introtext .foto{
    flex-basis: 200px;
    -webkit-flex-basis: 200px;
    min-width: 200px;
    text-align: center;
   
}

section.about .introtext .foto img{
	width: 160px;
}

section.about .main-text-box .inside {
	padding: 0 !important
}

section.about .main-text-box .fix-padding {
    padding: 0 100px !important
}

section.about  .big-width-fix {
	max-width: 100% !important;
}

section.about .introtext .foto .name {
	font-family: "SegoeUI-SemiBold";
	font-size: 1.2em;
}

section.about .introtext .inside-text {
	flex-basis:auto;
	-webkit-flex-basis:auto;
	margin-left: 50px;
}

section.about .introtext h4 {
	font-family: "SegoeUI-SemiBold";
	font-size: 1.3em;
	margin-bottom: 15px;
}


section.about h2 {
	text-align: center;
	text-transform: uppercase;
	margin: 50px auto;
	font-size: 1.8em;
}

section.about .hronologiya {

}

section.about .hronologiya  .period-box {
	margin:50px auto;
}

section.about .hronologiya  .period-box .period{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: nowrap;
    -webkit-align-items: stretch;
    margin-bottom: 90px;

}

section.about .hronologiya  .period-box .period .textblock {
	flex-basis: 550px;
	-webkit-flex-basis: 550px;
    min-width: 400px;

    
}

section.about .hronologiya  .period-box .period .textblock .inner-box{

	padding: 35px 75px 45px 75px;
    border: 6px solid #f8ef61;
}


/*section.about .hronologiya  .period-box .period .projects-mini:before{
	content: "Примеры проектов";
	display: inline-block;
	position: absolute;
	top:0px;
	right: 0px;
	text-transform: uppercase;
	text-align: right;
}*/
.projects-mini_title{
    position: absolute;
    top:0px;
    right: 0px;
    text-transform: uppercase;
    text-align: right;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n+1) .textblock  {
	margin-right: -130px;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n+1) .textblock .inner-box{
	padding-right: 150px;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n) {
	flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n) .textblock  {
	margin-left: -130px;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n) .textblock .inner-box {
	padding-left: 180px;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n) .projects-mini:before{
		right: auto;
		left: 0px;
}

section.about .hronologiya  .period-box .period:nth-of-type(2n) .projects-mini .projects-mini_title{
    right: auto;
    left: 0px;
}

section.about .hronologiya  .period-box .period:nth-of-type(n+4) .projects-mini  {
		margin-top: 100px;
}


section.about .hronologiya  .period-box .period:nth-of-type(3n+2) .textblock .inner-box {
		border-color: #2bb084;
}

section.about .hronologiya  .period-box .period:nth-of-type(3n+3) .textblock .inner-box {
		border-color: #f04b4c;
}





section.about .hronologiya  .period-box .period .textblock .year {
	font-family: "Geometria-Bold";
	font-size: 4.3em;
}

section.about .hronologiya  .period-box .period .textblock a {
	border: 1px solid black;
	padding: 5px 12px;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 15px;
	color:black;
	text-decoration: none;
}


section.about .hronologiya  .period-box .period .textblock a:hover {
	border-color: #f04a4a;
	color: #f04a4a;
}

section.about .hronologiya  .period-box .period .projects-mini {

}

section.about .hronologiya  .period-box .period .projects-mini  {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
   
    padding-top: 40px;
    position: relative;
}


section.about .hronologiya  .period-box .period .projects-mini .project {
	margin: 0 !important;
    min-height: 0px !important;
    height: 300px !important;
    width: 300px;
    overflow: hidden;
    position: relative;
}


section.about .hronologiya  .period-box .period .projects-mini .project .pic {
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

section.about .project .pic img {
    width: 110%;
    height: auto;
}

section.about .project .text {
    position: relative;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    text-align: left;
    background: transparent !important;
    min-height: 0px !important;
    box-shadow: none !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.about .project .inside {
    padding: 0px 50px 30px 50px !important;
}

section.about .project .name, section.about .project a.name {
    font-family: 'Geometria-Bold';
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.5em;
    cursor: pointer;
    margin-bottom: 5px;
    color: white;
    text-decoration: underline;
}

section.about .project .name, section.about .project a.name:hover {
	text-decoration: none;
}

section.about .project .description {
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.about .project .description ul li {
    list-style: none;
    margin-bottom: 3px;
}

section.about .project .client {
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    right: 4px;
    z-index: 32;
    height: 70px;
}
section.about .project .client {
    top: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
}

section.about .project .client img {
    height: 90%;
    width: auto;
}

section.about .project .bgdark {
    background: #024045;
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.about .project .bgdark {
    background: #024045;
    opacity: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

section.about .project .bgbottom {
    background: url("../images/bg_project_bottom.png");
    display: block;
    position: absolute;
    width: 100%;
    height: 412px;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* О компании - СОДЕРЖАНИЕ */

section#about .content  {
	text-align: left;
	padding: 0px 0px;

}

section#about .content .navbar {
	margin-left: 30px;
}

section#about .content .navbar ul {}

section#about .content .navbar ul li{
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align: left;
}

section#about .content .navbar ul li.selected a {
	text-decoration: none;
	font-family: 'SegoeUI-SemiBold';
	background: white;
}

section#about .content .navbar ul li:nth-of-type(1) a{
	padding: 10px 30px 10px 50px;
}

section#about .content .navbar ul li a {
	color:black;
	padding: 10px 20px;
}

section#about .content .navbar ul li a:hover {
	color:#f04a4a;
}

section#about .content .navbar ul li.selected a:hover {
	color:black;

}


section#about .content .left-box, section#about .content .right-box{
	
	
	vertical-align: top;
	position: relative;
	display: table-cell;

}

.content .center-pad, .content .left-pad, .content .right-pad{
	background: #f7f7f6;
	width: 30px;
	display: table-cell;
}

section#about .content .left-box .inside, section#about .content .right-box .inside {
	padding: 40px 50px;
	background: white;
}

section#about .content .left-box {
	width: auto;
	min-width: 500px;
	max-width: 1000px;
	margin-right: 30px;

}

section#about .content .right-box {
	width: 300px;

}

/* О компании */

section.companyabout {

}

section.companyabout .intro{
	min-width: 200px;
	max-width: 900px;
	width: auto;
	display: block;
	margin: 0 auto 30px auto;
	padding: 0 50px;

}

section.companyabout .mission {
	background: #f8f8f7;
	display: block;
	width: 100%;
}

section.companyabout .mission .inner-box{
	min-width: 300px;
	max-width: 900px;
	width: 90%;
	display: block;
	padding: 60px 0;
	margin: 0 auto;
	text-align:center;
	text-transform: uppercase;
}


section.companyabout .small{
	font-size: 1.2em;
	font-family: "Geometria-Light";
	margin-bottom: 8px;

}

section.companyabout .big{
	font-family: "Geometria-Bold";
	font-size: 2em;
	margin-bottom: 5px;
}

section.companyabout .medium{
	font-family: "Geometria-Bold";
	font-size: 1.5em;
}




/* Целевые портреты */
section#who {
 padding: 0;
 margin: 0;
 width: 100%;
 display: block;
 position: relative;	
}

section#who h3 {
	margin: 0px auto 0 auto !important;
	padding: 30px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.6em;
	width: 80%;
	max-width: 800px;
}

section#who .who-box {
	cursor: default !important;
	padding-top: 50px;
}

section#who .who-box:last-of-type {
	padding-bottom: 30px;
}

.ya-share2 {
	padding-top: 30px;
}

section#who .who-box .top {
		display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: flex-end;
    /*width: 80%;*/
    width: 85%;
    margin: 0 auto;
    max-width: 1000px;

}

section#who .who-box .top .pic {
	width: auto;
	background-position: 0px 0% !important;
	flex-basis:40%;
	-webkit-flex-basis:40%;
}

section#who .who-box .top .intro {
	flex-basis:60%;
	-webkit-flex-basis:60%;
	padding-bottom: 65px;
}

section#who .who-box:hover .top .pic {
	background-position: 0px 0% !important;
} 

section#who .who-box .name {
	padding: 12px 30px;
	border-width: 6px !important;
	font-size: 1.4em;
	font-family: 'Geometria-Bold';
}

/*section#who .who-box .text-box:before {
	content: "В чём сложность?";
	display: block;
	font-family: 'Geometria-Bold';
	text-transform: uppercase;
	margin: 35px 0 10px 0;
	font-size: 1.6em;
}*/
section#who .who-box .text-box .who-box-problem{
    display: block;
    font-family: 'Geometria-Bold';
    text-transform: uppercase;
    margin: 35px 0 10px 0;
    font-size: 1.6em;
}
section#who .who-box:hover .name{
	background: transparent !important;
	color:black !important;
	
}

section#seo-text.about {
	display: block !important;
}

section#seo-text.about .center-fix {
	/*display: block !important;*/
}

section#who .who-box .solution {
	width: 85%;
	display: block;
	margin: 0 auto;
	position: relative;
	max-width: 1100px;
	
}

section#who .who-box .solution:before {
	content: "Есть решение!";
	display: inline-block;
	position: absolute;
	top:-30px;
	left:50%;
	background: #f04a4a;
	font-family: 'Geometria-Bold';
	text-transform: uppercase;
	color:white;
	padding: 10px 50px;
	margin-left: -6em;
	font-size: 1.6em;

    display: none;
}
section#who .who-box .solution .solution_title{
    display: inline-block;
    position: absolute;
    top:-30px;
    left:50%;
    background: #f04a4a;
    font-family: 'Geometria-Bold';
    text-transform: uppercase;
    color:white;
    padding: 10px 50px;
    margin-left: -6em;
    font-size: 1.6em;

}
section#who .who-box#owner .solution:before  {
	background: #024045;
}
section#who .who-box#owner .solution .solution_title{
    background: #024045;
}
section#who .who-box#pr .solution:before  {
	background: #f8ef61;
}
section#who .who-box#pr .solution .solution_title{
    background: #f8ef61;
}
section#who .who-box#tender .solution:before  {
	background: #2bb084;
}
section#who .who-box#tender .solution .solution_title{
    background: #2bb084;
}
section#who .who-box .solution .inside {
	padding: 60px 75px 60px 75px !important;
	background: white;
}

section#who .who-box .solution a.projectlink {
	color: #f04a4a;
}

section#who .who-box .solution a.projectlink:hover{
	color: #f04a4a;
	text-decoration: none;
}

section#who .who-box .nagradi {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;

}

section#who .who-box .nagradi .nagrada {
	flex-basis:50%;
	-webkit-flex-basis:50%;
	position: relative;
	text-align: center;
}

section#who .who-box .nagradi .nagrada .pic {
	height: auto !important;
	background: transparent !important;
}

section#who .who-box .nagradi .nagrada .name {
	border: none !important;
}

section#who .who-box .nagradi .nagrada ul li a {
	    text-transform: uppercase;
    padding: 7px 30px;
    border: 4px solid #ebe9ea;
    text-decoration: none;
    display: inline-block;
    color: black;
    font-family: "SegoeUI-SemiLight";
    margin: 0 0 3px 0;
}

section#who .who-box .nagradi .nagrada ul li {
	list-style: none;
}
section#who .who-box .nagradi .nagrada ul li::before{
    display: none;
}
section#who .who-box .nagradi .nagrada ul li a:hover {
	background:#f04a4a; 
	color:white;
}

/* РАЗОБРАТЬ ! */


section#projects.sameprojects {
	padding: 0px !important;
}

section#projects.sameprojects .project:nth-of-type(4){

}




section#projects.sameprojects .zagolovokh3 {
	text-align: center;
    font-size: 1.75em;
    max-width: 80%;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 0px 0 20px 0;
    font-family: "Geometria-Bold";
    line-height: 1.5em;
    margin-bottom: 10px;
}



section#projects .videoreport {
	position: relative;
}

section#project .slide iframe{
	width: 100%;
	
	height: 500px;
	display: block;
	margin: 0 auto 20px auto;
}




section#project .slide {
	min-height: 300px;
}

section#projects .top-block .filters ul li.list a:hover, section#projects .top-block .filters ul li.list:hover a{
	border: 1px solid #f04a4a;
	color: #f04a4a;
	padding-bottom: 10px;
}


section#projects .top-block .filters ul li:hover ul.showmore{
	display: block;
	position: absolute;
	/* background: rgba(255,255,255,0.95); */
	padding: 10px 0px;
	width: 270px;
	z-index: 17;
	top:100%;
	left:0;
	margin-top: 0px;
	text-align: left;

}

section#projects .top-block .filters ul li:hover ul.showmore {
	padding: 0;
}

section#projects .top-block .filters ul li {
	margin-bottom: 20px;
}


 section#projects .top-block .filters {
	min-height: 35px;
}

/* КОНЕЦ ПРОЕКТ */



section#clients {
 	padding-top:30px;
 	margin-top:0;

}

section#clients .inner {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
}


section#clients .content-block .client {
	flex-basis: 28.0%;
	-webkit-flex-basis: 28.0%;
	position: relative;
	margin:0px 25px 25px 0px
}

section#clients {	
	width: auto;
	
}

section#clients .client  {
	position: relative;
}

section#clients .client .inside {
	position: absolute;
	top:100%;
	z-index: 9;
	display: none;
	width: auto;
	left:0;
	box-shadow: 0px 75px 75px rgba(0,0,0,0.08);
}

section#clients .client:hover  .inside{
	display: block;
}

section#clients .client .icons {
	font-family: "Geometria-Medium";
	font-size: 0.9em;
	color:#cecdcd;
	position: absolute;
	right: 10px;
	opacity: 0.5;
	bottom: 10px;
	vertical-align: bottom;
	
}

section#clients .client:hover .icons  {
	opacity: 1.0;
}

section#clients .client .icons>div {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

section#clients .client .icons .pic {
	display: inline-block;
	margin-right: 10px;
}

section#clients .client .icons .pic img {
	height: 17px;
	display: inline-block;
	

}


section#clients .content-block .client .inside  {
	position: absolute;
}

section#clients .content-block .client .inside .links ul li a {
	font-size: 0.8em;
	padding: 7px 15px;
}

section#clients .content-block .client .inside .text {
	/* min-height: 241px; */
}

section#clients .inner .review-pic {
	flex-basis: 16.0%;
	-webkit-flex-basis: 16.0%;
	margin:0 25px 25px 0;
	box-shadow: 0 10px 75px rgba(0,0,0,0.08);
}
section#clients .inner .review-pic img{
    max-width: 100%;
}

/* КОНЕЦ КЛИЕНТЫ */

/* КЛИЕНТ */

section#client {
	
	background: #f7f7f6;
}

section#client .top-block {
	position: relative;
	padding-top: 30px;
}

section#client .top-block h1 {
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
  		margin:0 150px;
    line-height: 1.5em;
}

section#client .top-block a.back {
	font-size: 0.8em;
	font-family: "SegoeUI-SemiLight";
	color:black;	
	text-decoration: none;
	padding:5px 10px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	color: #a9a9a9;
	position: absolute;
	left:40px;
	top:40px;

}

section#client .top-block a.back:hover {
	color:#024045;
	border-color:#f04a4a;
}

section#client .content .left-box {
	background: white;
	width: 270px;
	display: table-cell;
	vertical-align: top;
}

section#client .content .left-box .inside{
	padding-bottom: 50px;
}

section#client .content {
	margin: 30px 0;
}

section#client .content .right-box  {
	width: auto;
	display: table-cell;
	background: white;
	vertical-align: top;
	max-width: 1200px;
}

section#client .content .left-box .pic {
	position: relative;
	padding: 30px ;
}

section#client .content .left-box .pic img{
	width: 50%;
	height: auto;
	margin: 0 auto;

}

section#client .content .left-box .history {
	padding: 10px 50px 0 50px;
	text-align: left;
}

section#client .content .left-box .history h3 {
	text-transform: uppercase;
}

section#client .content .left-box .history .text {
	margin-top: 15px;
	font-size: 0.85em;	
}

section#client .content .right-box {
	position: relative;	
}

section#client .content .right-box .inside {
	padding: 50px ; 
}

section#client .content .right-box h3{
	text-transform: uppercase;
	padding:0px 0 30px 0;
}

section#client .content .right-box .slide {
	position: relative;
	display: block;
}

section#client .content .right-box .slide .pic {
	display: inline-block;
	width: 45%;
	position: relative;
	vertical-align: middle;
	text-align: left;
}

section#client .content .right-box .slide .pic img{
	width: 100%;
	margin: 0;


}

section#client .content .right-box .slide .otziv  {
	display: inline-block;
	width: 45%;
	margin-left: 8%;
	vertical-align: top;
	text-align: left;	
	font-size: 0.85em;
}

section#client .content .right-box .slide .person {
	position: relative;
}

section#client .content .right-box .slide .person .about {
	margin-left: 60px;
}

section#client .content .right-box .slide .person .pic {
	width: 50px;
    display: block;
    position: absolute;
    height: 50px;
    left: 0;
    top: 0;
    border-radius: 50px;
    background: #ccc;
    overflow: hidden;
}

section#client .content .right-box .slide .person .name {
    display: inline;
    font-family: 'SegoeUI-SemiBold';
}

section#client .content .right-box .slider-nav {
	
	margin-top: 30px;
	
}

section#client .content .right-box .slider-nav li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
	padding: 5px;
	border: 3px solid white;
	cursor: pointer;
}

section#client .content .right-box .slider-nav li {
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #e4e4e4;
    display: inline-block;
    color: #a9a9a9;
    font-size: 0.9em;
    padding: 3px 10px;
}

section#client .content .right-box .slider-nav li a:hover {
	border-color:#f04a4a;
	color:#f04a4a;
}

section#client .content .right-box .slider-nav li.selected  {
	border-color:#cecdcd;
	color:black;

}

section#client .content .right-box .inside .slide:nth-of-type(n+2) {
	display: none;
}


/* КОНЕЦ Клиент */

/* Услуга */

section#uslugi-inner {
	
	background: #f7f7f6;
}

section#uslugi-inner .top-block {
	position: relative;
	padding-top: 30px;

}

section#uslugi-inner .top-block .zagolovokh2,
.blog .top-block .zagolovokh2{
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
   font-family: "Geometria-Bold";
    line-height: 1.5em;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
}

section#uslugi-inner .top-block a.back,
.blog .top-block a.back,
.top-block a.back,
.page_head .back{
	font-size: 0.8em;
	font-family: "SegoeUI-SemiLight";
	color:black;	
	text-decoration: none;
	padding:5px 10px;
	border: 1px solid #e4e4e4;
	display: inline-block;
	color: #a9a9a9;
	position: absolute;
	left:40px;
	text-transform: uppercase;
	top:40px;
    transition: all 0.35s ease-out 0s;
}

section#uslugi-inner .top-block a.back:hover,
.top-block a.back:hover,
.page_head .back:hover{
	color:#024045;
	border-color:#f04a4a;

}

section#uslugi-inner .content {
	margin: 0px 0;
}

section#uslugi {
	font-size: 0.9em;
}

section#uslugi .line .right-row, section#uslugi .line .left-row{
	text-align: left;
}

section#uslugi-inner .content .big-width-fix {
	max-width: 100%;
}


section#target {
	font-size: 0.9em;
}

section#target #target-box .infobox {
	text-align: left;
}

section#target #target-box {
	background-size: auto 100%;
	height: 400px;
}

section#target #target-box .infobox#outer {
	margin-left: -450px;
}

section#target #target-box .infobox#inner {
	margin-left: 180px;
}


section#target .infotext {
	padding:10px 50px;
	background: white;
	max-width: 100%;
}


section#target .infotext h3, section#target .infotext h3{
	max-width: 1200px;
	margin:0 auto;
}

section#garanty {
	font-size: 0.9em;
}

section#how-result {
	font-size: 0.9em;
}

section#how-result .how-result-box .inside {

}

section#how-result .how-result-box .inside {
	min-width: 90px;
	padding: 30px;
}

section#garanty .garanty-box:nth-of-type(2) {
	
}

section#uslugi .big-width-fix {
	max-width: 1500px;
}


section#b-process {

}

section#b-process h2 {
	text-align: center;
    font-size: 1.8em;
    text-transform: uppercase;
    padding: 0px 0 10px 0;
    line-height: 1.5em;
}

section#b-process h3 {
	text-align: center;
    font-size: 1.4em;
    font-family: "Geometria-Light";
    text-transform: uppercase;
    padding: 0px 0 30px 0;
    line-height: 1.5em;
}

section#b-process .b-process-table {}

section#b-process .b-process-table table {
	max-width: 960px;
	margin: 0 auto 50px auto;
	border-collapse:collapse;
}


section#b-process .b-process-table table td {
	border-collapse:collapse;
}

section#b-process .b-process-table table tr:nth-of-type(1) td:nth-of-type(2){
	text-transform: uppercase;
	background: #cacaca;
	padding: 5px 0;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td{
	text-align: left;
	background: white;
	vertical-align: top;
	padding: 15px 25px 15px 50px;


}

section#b-process .b-process-table table tr:nth-of-type(n+3) td {
	padding: 25px 25px 25px 50px;
	
}

section#b-process .b-process-table table tr:nth-of-type(n+3) td:nth-of-type(n+2) {
	webkit-box-shadow: -10px 0px 30px 4px rgba(0, 0, 0, 0.05);
-moz-box-shadow:    -10px 0px 30px 4px rgba(0, 0, 0, 0.05);
box-shadow:         -10px 0px 30px 4px rgba(0, 0, 0, 0.05);
}

section#b-process .b-process-table table tr:nth-of-type(2) td:nth-of-type(1) {
	background: #f04a4a;
}

section#b-process .b-process-table table tr:nth-of-type(2) td:nth-of-type(2) {
	background: #024045;
}

section#b-process .b-process-table table tr:nth-of-type(2) td:nth-of-type(3) {
	background: #2bb084;
}

section#b-process .b-process-table table tr:nth-of-type(2) td:nth-of-type(4) {
	background: #066168;
}

section#b-process .b-process-table table tr:nth-of-type(2) td {
	color:white;
	font-family: "Geometria-Bold";
	text-transform: uppercase;
	font-size: 1.2em;
}



section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(1){
	width: 28%;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(2){
	width: 23%;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(3){
	width: 22%;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(4){
	width: 24%;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li {
	list-style: none;
	font-size: 0.9em;
	margin-bottom: 10px;
	line-height: 1.2em;
	position: relative;
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li:before{
	position: absolute;
	z-index: 3;
	left:-35px;
	top:1px;
	content: "1";
	border: 1px solid #cacaca;
	color:#cacaca;
	border-radius: 100px;
	padding: 3px 8px;
	font-size: 0.9em;

}

section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li.link:before {
	color:black;
	background: #f8ef61;
	
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li a,
section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li span{
	background: #f8ef61;
	color: black;
	padding-top: 2px;
	position: relative;
	line-height: 1.45em;
	
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li a:before,
section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li span:before{
	height: 30px;
	width: 40px;
	display: block;
	content: "";
	background: #f8ef61;
	left:-40px;
	top:0px;
	position: absolute;
	z-index: 1;
}


section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li:nth-of-type(2):before {
	content: "2";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li:nth-of-type(3):before {
	content: "3";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td ul li:nth-of-type(4):before {
	content: "4";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(2) ul li:nth-of-type(1):before {
	content: "4";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(2) ul li:nth-of-type(2):before {
	content: "5";
}

section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(3) ul li:nth-of-type(1):before {
	content: "6";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(3) ul li:nth-of-type(2):before {
	content: "7";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(3) ul li:nth-of-type(3):before {
	content: "8";
}
section#b-process .b-process-table table tr:nth-of-type(n+2) td:nth-of-type(4) ul li:nth-of-type(1):before {
	content: "9";
}


/* Конец УСЛУГИ */

/* Услуга */

section#usluga {
	background:#ffffff url("../images/bg_uslugi.jpg") no-repeat;
	min-height: 400px;
	background-size: 100% auto;
}

section#usluga .big-width-fix{

}

section#usluga .center-fix {
	
}

section#usluga .top-block {
	
	text-align: left;
	position: relative;
}

section#usluga .top-block .inside {
	padding: 20px 110px 0px 80px;
}

section#usluga .top-block a.back {
	font-size: 0.9em;
	font-family: "SegoeUI-SemiLight";
	color:black;
	text-decoration: none;
	padding:5px 10px;
	border: 1px solid white;
	display: inline-block;
	color: white;
	text-transform: uppercase;
	margin-right: 20px;
	position: relative;
    top: auto;
    left: auto;


}

section#usluga .top-block a.back:hover {
	color:#f04a4a;
	border-color:#f04a4a;

}

section#usluga .top-block a.back:nth-of-type(n+2):before{
	content: ">";
	font-size: 1.5em;
	display: inline-block;
	position: absolute;
	left:-20px;
	top:0px;
	color: white;
	cursor: default;
}

section#usluga .top-block .zagolovokh2{

    font-size: 2em;
    text-transform: uppercase;
    padding: 10px 0 0 0;
    margin: 0;
    font-family: "Geometria-Bold";
    color:white;
    line-height: 1.5em;
}

section#usluga .bgwhite {
	background: transparent;
}

section#usluga .usluga-info {
	margin: 180px 0 30px 0;
}

section#usluga .usluga-info .left-box,section#usluga .usluga-info .right-box {
	display: table-cell;	
	text-align: left;
	max-width: 440px;

}

section#usluga .usluga-info .inside {
	padding: 45px 10px 45px 60px;
}

section#usluga .usluga-info .left-box {
	background: white;
}

section#usluga .usluga-info .right-box {
	background: #f04a4a;
	color:white;
}
section#usluga .usluga-info .right-box ul li:before{
    background: #fff;
}
section#usluga .usluga-info h2 {
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: 10px;
}
section#usluga .usluga-info-h2 {
	text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'Geometria-Bold', sans-serif;
    letter-spacing: 0.02em;
}
section#usluga .usluga-info ul  {
	min-height: 120px;
}

section#usluga .usluga-info ul li {
	font-size: 0.9em;
	list-style: none;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-right: 20px;
	position: relative;
}

section#usluga .usluga-info ul li:before {
	width: 4px;
	height: 4px;
	background: black;
	border-radius: 10px;
	position: absolute;
	left: -15px;
	top:10px;
	content:"";
}

section#usluga .usluga-info a {
	text-transform: uppercase;
	padding: 10px 25px;
	text-decoration: none;
	display: inline-block;
	border: 4px solid black;
	font-family: "Geometria-Medium";
	font-size: 0.85em;
	margin-top: 10px;
}

section#usluga .usluga-info .left-box h2,
section#usluga .left-box .usluga-info-h2 {
	color:#f04a4a;
}

section#usluga .usluga-info .left-box a {
	border-color:#f1f0f0;
	color:black;

}

section#usluga .usluga-info .left-box a:hover {
	border-color: #f04a4a;
}

section#usluga .usluga-info .right-box a  {
	color:white;
	border-color:white;
}

section#usluga .usluga-info .right-box a:hover {
	background: white;
	color:#f04a4a;
}

section#usluga .poduslugi {
	max-width: 1100px;
}


section#seo-text .zagolovokh2{
	    text-align: center;
    font-size: 1.75em;
    text-transform: uppercase;
    font-family: "Geometria-Bold";
    padding: 0px 0 20px 0;
    line-height: 1.5em;
    margin-bottom: 10px;
}

section#usluga .podusluga  {
	display: flex;
    flex-direction: column;
    /* display: inline-block; */
	background: white;
	flex-basis: 240px;
	-webkit-flex-basis: 240px;
	
	margin:0 15px;

	position: relative;
	vertical-align: top;
	margin-bottom: 30px;
	box-shadow: 0px 10px 70px rgba(0,0,0,0.08);
}

section#usluga .podusluga .pic {
	width: 100%;
	height: 190px;
	background: #dcdcdc;
	overflow: hidden;

}

section#usluga .podusluga .inner {
	height: 87px;
    padding: 0 30px;
    vertical-align: middle;
    display: table-cell;
    width: 300px;
}

section#usluga .podusluga .pic img{
	width:100%;
	height: auto;
}

section#usluga .podusluga a {
	display: inline-block;


}


section#usluga .podusluga a:first-of-type {
	color:black;
	display: block;
	margin:0px auto 20px auto;
}
section#usluga .podusluga .inner a:first-of-type{
    margin-top: 10px;
}

section#usluga .podusluga a:first-of-type:hover {
	color:#f04a4a;
	text-decoration: none;
}

section#usluga .podusluga a.showprojects {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid black;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 auto 20px auto;
	font-size: 0.9em;
}

section#usluga .podusluga a.showprojects:hover {
	border-color:#f04a4a;
	color:#f04a4a;

}


section#usluga .center-fix {
	display: block;
}

section#usluga .content {
	display: table;
	margin:0 auto;
}

section#usluga  .zagolovokh2 {
    
    font-size: 1.75em;
    text-transform: uppercase;
    padding: 10px 0 20px 0;
    font-family: "Geometria-Bold";
    line-height: 1.5em;
    margin-bottom: 10px;

}

section#usluga .poduslugi-box {
	 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
}

section#seo-text {
	max-width: 1000px;
	display: table;
	margin: 0 auto;
}

section#seo-text .main-text-box {
	margin: 10px auto 40px auto;
	font-size: 0.95em;
	display: inline-block;
    width: 100%;
}

section#seo-text.full-width .main-text-box  {
	display: block;
}

section#seo-text.about .main-text-box {
	margin-top: 0px;
    margin-bottom: 0;
}

section#seo-text.main-text-box .inside {
	padding: 0 120px;
}

section#seo-text {
	display: none !important;
}

section#seo-text .tworow {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

}
section#seo-text .tworow .row {
	flex-basis:50%;
	-webkit-flex-basis:50%;
}

section#seo-text .main-text-box h1, section#seo-text .main-text-box h2 {
	margin: 55px 0 10px 0;
	font-family: "Geometria-Bold";
	font-size: 1.8em;
	line-height: 1.2;
	text-transform: uppercase;
}

section#seo-text .main-text-box h1 {
	display: none;
}


section#seo-text .main-text-box h3, section#seo-text .main-text-box h2 {
	margin:35px 0 15px 0;
	letter-spacing: 0.001em;
    line-height: 1.15;
}

section#seo-text .main-text-box h1 {
	text-transform: uppercase;
	font-size: 1.7em;
	margin-bottom: 10px;

}

section#seo-text .main-text-box p strong, section#seo-text .main-text-box ul li strong {
	font-weight: normal;
	font-family: "SegoeUI-SemiBold";
}

section#seo-text .main-text-box .inside{
	text-align: left;
	padding: 0 100px;
}

section#seo-text .main-text-box .width-fix{
	width: 80%;
	margin: 0 auto 50px auto;
	max-width: 800px;
}

section#seo-text .main-text-box .width-fix p {
	line-height: 1.8em;
}

section#seo-text .main-text-box .bjpricing {
	background: #0f4a4e;
}

section#seo-text .main-text-box .bjpricing .text-box {
	padding: 60px 0 40px 0;
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items:flex-start;
    -webkit-justify-content: center;
    -webkit-flex-wrap: nowrap;
    -webkit-align-items:flex-start;
    max-width: 1100px;
    margin:0 auto;
    text-align: left;
    color: white;
}

section#seo-text .main-text-box .bjpricing .text-box .left-box, section#seo-text .main-text-box .bjpricing .text-box .red-box {
	flex-basis: 45%;
	-webkit-flex-basis: 45%;
}

section#seo-text .main-text-box .bjpricing .text-box .red-box  {
	background: #f04a4a;
	max-width: 300px;
	margin-left: 100px;
	padding: 40px;
}

section#seo-text .main-text-box  .last {
	margin-top: 40px;
}

section#seo-text .main-text-box  .last .buttons {
	margin-top: 30px;
}

section#seo-text .main-text-box  .last a{
	display: inline-block;
	color: black;
    margin: 0 10px;
    
    background: transparent;
    padding: 15px 30px;
    font-size: 1.0em;
    text-transform: uppercase;
    text-decoration: none;
    border: 6px solid #f04a4a;
    cursor: pointer;
    font-family: "Geometria-Bold";
    -webkit-transition: all 0.5s ease;

}

section#seo-text .main-text-box  .last a:hover {
	background: #f04a4a;
	color:white;
}

section#seo-text .main-text-box .inside ul, section#seo-text .main-text-box .inside ol {
	margin: 0 0 20px 20px;
}

section#seo-text .main-text-box .inside ul li, section#seo-text .main-text-box .inside ol li {
	margin-bottom: 5px;
}
section#seo-text .main-text-box .inside ul li{
    list-style: none;
    position: relative;
}
section#seo-text .main-text-box .inside ul.pagination li{
    position: initial;
}
section#seo-text .main-text-box .inside ul li.ya-share2__item {
    position: initial;
}
section#seo-text .main-text-box .inside ul li:before {
    width: 6px;
    height: 6px;
    background: black;
    border-radius: 6px;
    position: absolute;
    left: -20px;
    top: 12px;
    content: "";
}

.ya-share2 {
	margin-bottom: 40px;
}



/* Конец Услуга */


a.gray-box-link {
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #e4e4e4;
    display: inline-block;
    color: #a9a9a9;
    font-size: 0.9em;
    padding: 10px 20px;
}

a.gray-box-link:hover {
	border-color:#f04a4a;
	color:#f04a4a;
}

section#projects .top-block .filters .sub-filter-holder a.active {    font-family: 'Geometria-Bold'; text-decoration: none;}


section#projects .top-block .filters ul>li a.active{
	color:#f04a4a;
	border-color:#f04a4a;
}

.sub-filter-holder {
	width: 95%;
	margin:0 auto;
}

.sub-filter-holder ul{
	display: table;
	text-align: center;
	margin:0 auto;
   }



.sub-filter-holder ul li {
	display: table-cell;
	width: auto;
}

.sub-filter-holder ul li:nth-of-type(5) {
	
	display: block;
}

.sub-filter-holder a {   
   	
   
    display: block;
    text-decoration: underline;
    margin: 0px 10px 30px 10px;
    font-family: "SegoeUI-SemiLight";
    text-transform: none;
    font-size: 0.9em;
    color: black;
    
}

.sub-filter-holder a:hover {
	color:#f04a4a;
}

.sub-filter-holder a.active {
	font-family: 'Geometria-Bold', sans-serif; 
	border: 0;
	text-decoration: none;
}

/* ФОРМА ПОИСКА ДЛЯ МЕНЕДЖЕРОВ */
.msearch2 .row, .msearch2 .pics {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding: 35px 0 0 35px;
}

.msearch2 .pics .pic, .msearch2 .pics .logo {
	width: 150px;
	position: relative;
}

.msearch2 .pics .pic img, .msearch2 .pics .logo img{
	width: 100%;
	height: auto;
}

.msearch2  .white-box, .msearch2  .green-box {
	display: table-cell;
	vertical-align: top;
	font-size: 0.9em;
}

.msearch2  .white-box {
	background: white
}

.msearch2  .green-box {
	background: #024045;
	color: white;
}

.msearch2  .green-box a{
	color:white;
}


.msearch2  .green-box .row a{
	display: block;
}

.msearch2 .row  ul li {
	list-style: none;
}

.msearch2 .row {
	padding: 35px;
}

.msearch2 .row div {
	font-family: "SegoeUI-SemiBold";
	margin-bottom: 10px;
}

.msearch2 .row div span {
	display: block;
	font-family: "SegoeUI-SemiLight"
}

.project-manager-row {
	margin: 0 auto 30px auto;
	width: 90%;

		
}

.project-manager-row  a{
	color:black;

}

 .project-manager-row  a:hover {
	color:#f04a4a;

}
.project-manager-row h3 {
	font-size: 1.3em;
	text-align: left;
text-transform: uppercase;
margin: 0 50px 5px 0;
}

.white-box .inner-box .row:nth-of-type(1) {

}
.green-box .row:last-of-type a {
	

}


.green-box .row:last-of-type  {
	min-width: 150px;
	
}

.mse2_results {
	margin:0 100px;
	display: block;
}

@media screen and (max-width: 1530px) {
	.msearch2 .row {
	padding: 25px;
}

.msearch2 .row .pics {
	padding: 25px 0 0 25px;
}
}

@media screen and (min-width: 1530px) {
	.msearch2 {
		font-size: 0.9em;
	}
}


/* БОЛЬШОЙ ПОИСК */

#mse2_filters input{
display: inline-block;
    height: 25px;
    padding: 3px 5px;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    font-family: "SegoeUI-Light";

}
 #mse2_filters select {
 	padding: 5px 10px;
 	 background: #f7f7f7;
    border: 1px solid #f7f7f7;
    font-family: "SegoeUI-Light";
 
 }

 #mse2_filters fieldset {
  	display: inline-block;
  	vertical-align: top;
  }

#mse2_filters .form-group {
   	display: inline-block;
   }

#project_category_1, #project_category_2, #project_category_3, #project_category_4{
	display: block;
	float: left;
	max-width: 230px;
	width: 23%;
	margin-bottom: 10px;
	
}

#project_country , #project_client{
	clear: both;
}

#project_country, #project_region, #project_city, #project_area {
	display:block;
	float: left;
	width: 23%;
	max-width: 230px;
	margin-bottom: 10px;
}

#project_country select, #project_region select, #project_city select, #project_area select {
	width: 170px;
}
#project_category_1 select, #project_category_2 select, #project_category_3 select, #project_category_4 select{
	width: 170px;
}

.ui-slider {
	display: none !important
}

.big-search .big-width-fix, .big-search .center-fix {
	display: block !important;
	width: auto !important;
}

.big-search .inside {
	padding: 30px 50px 0 50px;
}


.big-search h4.filter_title{
	font-size:0.9em !important;
	font-family: "SegoeUI-Light" !important;
	font-weight: normal;
	color:#999;
}

.mse2_number_inputs .filter-field{
	display: inline-block;
	margin-right: 5px;
}


.mse2_number_inputs input {
	width: 60px;
	display: inline-block;
}




#project_manager_budget-box {
	clear: both;
}


#project_manager_budget-box, .filter-field#project_guests-box, .filter-field#project_date_start-box {
	display:block;

    
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	
}



 .filter-field#project_client, .filter-field#project_manager_type, .filter-field#project_microservices{
	display:block;
	float: left;
	width: 23%;
	max-width: 230px;
	margin-bottom: 10px;
}



#project_client select, #project_manager_type select,#project_microservices select{
	width: 170px;
}

#search-form {
	display: block;
	clear: both;
}


#search-form input{
	background: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: 5px 10px;
}

#search-form  a{
	background: #f04a4a;
	color: white;
	padding: 5px 10px;
	font-family: "Geometria-Bold";
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;
	margin: 0 20px;


}

.xls-btn {
	display: inline-block;
	background: #057253;
	color: white;
	padding: 5px 20px;
	font-family: "Geometria-Bold";
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;
	cursor: pointer;
	}

#big-search-projects {
	padding: 30px 0;
	background: #f7f7f6;
}

#result-sum {
	display: inline-block;
	margin: 0 auto;
	font-family: "Geometria-Bold";
	text-transform: uppercase;
	text-align: center;
}




.page_head{
    padding: 29px 40px 26px;
    position: relative;
}
.page_intro{
    text-align: center;
    margin: 22px 0 18px 0;
    padding: 0 10%;
}
.page_intro p{
    margin: 0 0 12px 0;
}
.page_intro p:last-of-type{
    margin-bottom: 0;
}
.page_header h1,
.page_header h2,
.page_header h3{
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    font-family: "Geometria-Bold";
    line-height: 1.5em;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
}
.page_content{
    padding: 53px 40px 27px;
    overflow: hidden;
}


/* ПАРТНЕРЫ */
.partners .page_content{
    background: #f7f7f6;
}
.parthers_group{
    width: 100%;
    margin: 0 auto 34px auto;
    max-width: 1900px;
}
.parthers_group_header{
    margin: 0 0 33px 0;
    text-transform: uppercase;
    text-align: center;
}
.parthers_group_items{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.partner{
    width: 20%;
    padding: 0 10px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.partner img{
    display: block;
    margin: 0 auto;
}



@media screen and (max-width: 1599px) {
    .partner{
        width: 25%;
    }
}
@media screen and (max-width: 992px) {
    .partner{
        width: 33.3333%;
    }
}
@media screen and (max-width: 800px) {
    section#who .who-box{
        padding-top: 0;
    }
    section#who .who-box .solution .inside{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    section#who .who-box .nagradi .nagrada{
        display:none;
        /* flex-basis: 100%;
        -webkit-flex-basis: 100%;
        margin-bottom: 20px; */
    }
    section#who .who-box .nagradi .nagrada:last-of-type{
        margin-bottom: 0;
    }
}


@media screen and (max-width: 480px) {
    section#who .who-box .top .pic{
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        margin: 0 0 20px 0;
    }
    section#who .who-box .top .intro{
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        padding-left: 0;
    }
    section#who .who-box .top .intro{
        text-align: center;
    }
    section#who .who-box .top .intro .text-box{
        text-align: left;
    }
}