@charset "utf-8";


@font-face {
    font-family: TrajanPro-Bold;
    src: url(../fonts/trajanpro-bold/trajanpro-bold.eot?iefix) format('eot'), url(//:) format('no404'), url(../fonts/trajanpro-bold/trajanpro-bold.woff) format('woff'), url(../fonts/trajanpro-bold/trajanpro-bold.svg#trajanpro-bold) format('svg'), url(../fonts/trajanpro-bold/trajanpro-bold.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/nunito-sans/nunitosans-italic.ttf") format("ttf");
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/nunito-sans/nunitosans.ttf") format("ttf");
    font-display: swap;
}

.logo, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.serviceMenu .select span, .serviceMenu a, .serviceMenu a:hover {
    text-decoration: none;
    transition: border .5s ease, color .5s ease;
}
.allProj, .projectsCat li {
    text-shadow: 0 -1px 0 #fff;
}
.allProj, .allProjMenu, .logo_text {
    text-transform: uppercase;
}
.leftCol img, .rightCol img {
    max-width: 100%}
.label, table {
    border-spacing: 0;
}
.attachFiles li, .command li, .commandList li, .companyMenu li, .mainMenu li, .personInfo li, .projectsCat li, .serviceMenu li, .servicesList__i, .sidebarMenu li, .team li, .workCommand li, .workList li, .workReviews li, ol, ol ul li, ul, ul li {
    list-style: none;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
}
caption, table, tbody, td, tfoot, th, thead, tr {
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: baseline;
}
.wrap, header .inside {
    margin: 0 auto;
    zoom: 1;
}
body {
    line-height: 1;
    background: #e4e4e4;
    font: 16px/1.3 Nunito, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:300;
    color: #333;
    vertical-align: top;
    text-align: center;
	position:relative;
}
.phones, .serviceMenu {
    white-space: nowrap;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
}
.label, .vac_m_block {
    border-collapse: separate;
}
::-moz-focus-inner {
    border: 0;
}

body, html {
    height: 100%}
#wWidth {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}
.secondPage {
    background: #fbfbfb;
}
.secondPage.notFoundError {
    background: url(../images/404_bg.jpg) left top #f5f5f5;
}
html:first-child .secondPage {
    background: #f0f0f0;
}
.mm-page {
    min-height: calc(100vh - 285px)!important;
}
.wrap {
    position: relative;
    min-width: 980px;
   /* min-height: calc(100vh - 285px);*/
    padding: 0px 0px 0px;
    text-align: left;
    z-index: 1;
}
header {
    background: #fff;
    /*position: fixed; убираем по решению от 1.03.2018*/
	position:relative;
    top: 0;
    right: 0;
    left: 0;
   /*  width: 100%; */
    z-index: 60;
}
header .inside {
    position: relative;
    padding: 0 50px 0 50px;
    height: 141px;
}
.logo {
    float: left;
    margin: 36px 140px 0 0;
    zoom: 1;
}
.logo_img_container {
    display: inline-block;
    position: relative;
    zoom: 1;
}
.logo_text {
    display: inline-block;
    position: absolute;
    top: 53px;
    right: 0;
    left: 3px;
    color: #757575;
    font-size: 12px;
    text-align: left;
	text-indent: -99999px;
}
header .right {
//width: 400px;
}
.serviceMenu {    font-family: 'Nunito', Arial, sans-serif;    font-weight: 300;
    font-size: 20px;
    text-align: right;
}
.serviceMenu ul {
    position: relative;
    margin: 0;
    padding: 18px 0 0;
    zoom: 1;
}
.serviceMenu li {
    background: 0 0;
    display: inline;
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
//padding-bottom: 1px;
    zoom: 1;
}
.serviceMenu li.link__support a{	background: url(../images/support_h.png) 0% 50% no-repeat;	padding-left:30px;}


@media(max-width:1380px){
	header .right {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.serviceMenu ul{
		padding:0;
	}
	.serviceMenu li.link__support a{
		display:block;
		text-indent:-50000px;
		height: 22px;
		    margin-left: 15px;
	}

}
.serviceMenu .select span, .serviceMenu a {
    color: #3b5998;
}
.serviceMenu a.cl-red {
    border-bottom: 1px solid #f00;
    color: #f00;
}
.serviceMenu .notLink {
    border-bottom-style: dashed;
    text-decoration: none;
}
.serviceMenu a:hover {
    color: #fa9e12;
    border-color: #fa9e12;
}
.serviceMenu .select a, .serviceMenu .select span {
    border: none;
    color: #3b5998;
}
.switch, .switch-label, .switch-slider {
    width: 60px;
    height: 22px;
}
.switch {
    position: relative;
    top: 7px;
    display: inline-block;
}
.switch-check {
    position: absolute;
    opacity: 0;
}
.switch-label, .switch-slider {
    position: absolute;
    top: 0;
}
.switch-label {
    left: 0;
    text-indent: -9999px;
}
.scrollControls span, .scrollToTop, .search button, .seeMap, .social a, .twitterWidget .twtr-ft div>a {
    text-indent: -10000px;
}
.switch-slider {
    border-radius: 14px;
    /* box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 0 1px rgba(0, 0, 0, .5) inset, 0 1px 1px 1px rgba(0, 0, 0, .3) inset, 0 11px 0 rgba(0, 0, 0, .07) inset; */
    transition: width .2s linear;
   /*  border: 2px solid #ACB9D8; */
}
.mainMenu .select span, .mainMenu a, .mainMenu a:hover {
    transition: border .5s ease, color .5s ease;
    text-decoration: none;
}
.switch-slider-on {
    left: 0;
    width: 22px;
    background: url(../images/rus.png) 7px 10px no-repeat #fff;
	/* background-size: auto 14px; */
    border-radius: 20px;
    width: 72px;
    height: 31px;

	border: 2px solid #ACB9D8;
	cursor:pointer;
}
.switch-slider-off {
	right: -8px;
    background: url(../images/eng.png) 22px 6px no-repeat #FFF;
 /*    background-size: auto 14px; */
    border-radius: 14px;
    width: 62px;
    height: 26px;
    top: 5px;
	/*  border: 2px solid #ACB9D8;  */
	cursor:pointer;
}
.switch-slider-off:after {
      position: absolute;
    top: 4px;
    left: 4px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ACB9D8;
    content: ''}
.switch-check:focus+.switch-label .switch-slider-off:after, .switch-label:active .switch-slider-off:after {
    background: #D5D5D5;
    background: linear-gradient(#C8C8C8, #E4E4E4);
}
.mainMenu li, .secondPage.noTwoLevelMenu .mainMenu li.select {
    background: 0 0;
}
.switch-check:checked+.switch-label .switch-slider-on {
    width: 72px;
}
.switch-check:checked+.switch-label .switch-slider-off {
    width: 26px;
	right:-11px;
}
/*switch lang in mobile menu*/
.mm-menu {
	background: #495F93!important;
	width:100%!important;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(100%,0)!important;
    -moz-transform: translate(100%,0)!important;
    -ms-transform: translate(100%,0)!important;
    -o-transform: translate(100%,0)!important;
    transform: translate(100%,0)!important;
}

.mm-menu.mm-theme-dark em.mm-counter{
	display:none;
}
.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened>.mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened>a.mm-next {
    background: rgba(121, 121, 121, 0)!important;
}
.mm-menu li.mm-opened{
	background: rgba(51, 51, 51, 0.16);
}

.mm-menu.mm-theme-dark .mm-listview>li:after{
	content:none;
}
.mm-menu ul > li.list-menu{
	font-weight:100;
}
.mm-menu ul > li.list-menu > a{
	font-size:18px;
}
.mm-menu ul > li.list-menu  ul li a{
	padding-left:10px;
}
.mm-btn-close{
	position: absolute!important;
    top: 30px;
    right: 20px;
    border: none;
    z-index: 2;
    cursor: pointer;
    padding: 0!important;
    margin: 0!important;
}
.mm-btn-close .burger-menu-inside{
	padding: 0!important;
    margin: 0!important;
}
.mm-listview>li.mm-switch{
	padding:10px!important;
}

.mm-listview>li.mm-switch .switch{
	position:absolute;
	top: 21px;
    right: 22px;
}

.switch-white{

}

.switch-white .switch-slider-on{
	background: url(../images/rus.png) 6px -18px no-repeat #495F93;
   /*  background-size: contain; */
}
.switch-white .switch-slider-off {
	background: url(../images/eng.png) 21px -20px no-repeat #495F93;
    /* background-size: contain; */
}

.switch-white .switch-slider-off:after{
	background: #FFF;
}

.mainMenu {
    float: left;
/*     width: 35%; */
//width: 30%;
    margin: 81px -500px 0 0;
    font-size: 20px;
}
.mainMenu ul {
    position: relative;
    margin: 0;
    padding: 0;
    zoom: 1;
}
.mainMenu li {
    display: block;
    position: relative;
    float: left;
    margin: 0 45px 0 0;
    padding: 0 0 8px;
    zoom: 1;
}

@media(max-width:1239px){
	.mainMenu {
		float: left;
		/* width: 100%; */
		margin: 74px -500px 0 0;
		font-size: 20px;
	}
	.mainMenu ul {
		padding-top: 5px;
	}
	.mainMenu li {
		margin: 0 9px;
	}
}

@media(max-width:1039px){
	.mainMenu {
        float: none;
        clear: both;
        width: auto;
        margin: 0;
        padding: 0 10px;
    }
    .mainMenu ul {
        padding-top: 5px;
    }
    .mainMenu li {
        margin: 0 9px;
    }.mainMenu .select a, .mainMenu .select span{	padding-bottom: 15px;}
}

.mainMenu .select span, .mainMenu a {	font-family: 'Nunito', Arial, sans-serif;
    border-bottom: 1px solid #3b5998;	font-weight: 300;
}
.mainMenu .notLink {
    border: none;
    text-decoration: none;
}
.mainMenu a:hover {
    border-color: #fa9e12;
}
.mainMenu .select a, .mainMenu .select span {    border-color: #fa9e12;    color: #000000;    padding-bottom: 32px;    border-bottom: 3px solid #fa9e12 !important;
}
.mainMenu .select span {
    border: none;
}

.burger-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 20px;
    display: none;
    cursor: pointer;
    padding: 0;
    height: auto;
    font-size: 24px;
    line-height:1;
}
.burger-menu:focus {
    outline: 0;
}
.twoLevelMenu {
    position: absolute;
    overflow: hidden;
    top: 100%;
    left:0;
	right:0;
    width: 100%;
    margin: 0;
    /* padding: 0 10px 10px; */
	padding: 0;
    font-size: 15px;
    zoom: 1;
}

.widepage-tmpl .twoLevelMenu {
	position:relative
}

.twoLevelMenu:after, .twoLevelMenu:before {
    content: '';
    background: url(../images/menu_inside_cn.png) left top no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    width: 5px;
    height: 5px;
    z-index: 2;
}
.twoLevelMenu:after {
    background-position: right top;
    right: 5px;
    left: auto;
}
.twoLevelMenu__layout {
    background: #f8f8f8;
	border-radius: 0 0 6px 6px;
    border-bottom: 1px solid #ccc;
	position: relative;
    padding: 0px 10px;
}
.twoLevelMenu table {
    position: relative;
    width: 100%;
    margin: 0;
    table-layout: fixed;
    zoom: 1;
}
.twoLevelMenu td {
    background: 0 0;
    border: none;
    position: relative;
    margin: 0;
    padding: 13px 0px;
    vertical-align: middle;
    text-align: center;
}

.twoLevelMenu td.actions_select {
    text-align: center;
}
.twoLevelMenu a:hover {
    text-decoration: none;
}
.twoLevelMenu .select a, .twoLevelMenu .select span {
    color: #fa9e12;
    text-decoration: none;
}

.twoLevelMenu .select a {
    text-decoration: underline;
}
.twoLevelMenu_services {
    position: static;
    padding: 5px;
}
.twoLevelMenu_services .select a, .twoLevelMenu_services .select span {
    color: #3b5998;
    text-decoration: none;
}
.twoLevelMenu .select.actions_select span{
    background: url(/images/actions_flag.png) no-repeat 10px 0;
    display: block;
    width: 96px;
    margin-left: 20%;
}
.twoLevelMenu_services a {
    color: #293032;
    text-decoration: none;
}
.twoLevelMenu_services a:hover {
    color: #3b5998;
    text-decoration: underline!important;
}
.WrapSidebarMenuSelect {
    display: none;
    padding: 30px 0;
}
.sidebarMenuSelect, .twoLevelMenuSelect {
    display: none;
    padding-bottom: 20px;
    text-align: center;
}

.sidebarMenuSelect {
    padding-bottom: 0;
}

.sidebarMenuSelect .selectBox, .twoLevelMenuSelect .selectBox {
    display: inline-block;
    float: none;
    width: 96%;
    margin: 0 auto;
    text-align: left;
}
.sidebarMenuSelect .selectBox {
    width: 100%}
.sidebarMenuSelect .selectBox select, .twoLevelMenuSelect .selectBox select {
    width: 100%;
    height: 24px;
    margin: 4px 0 0;
}
.object__flex{	display:flex;	align-items: center;}

header .inside .social{	margin-top:26px; margin-left:10px;}

@media (max-width: 990px){
	header .inside .social{	margin-top:26px; margin-left:0px;}
}

header .inside .swith-lang{	margin-top:10px;	margin-left:35px;}

@media(max-width:990px){
	header .inside .swith-lang{	margin-top:10px;	margin-left:20px;}
}

@media (max-width: 767px){
	header .inside .swith-lang{
		display:none;
	}
}

.phones {
    padding:0;    margin-top: 33px;
    text-align: right;
    font-size: 13px;
}
.phones p {
    margin-bottom: 0;
}
.phones .pNum {	color: #3b5998;    font-family: 'Nunito', Arial, sans-serif;    font-weight: 300;    font-size: 20px;
}
.phones .phoneTouchLink, .phones .phoneTouchLink:hover {
    border-bottom: none;
    color: #3b5998;
}
.phones .pNum em {
	margin-left: 20px;
    font-style: normal;
}

@media(max-width:990px){
	.phones .pNum em {
		margin-right: 3px;
		font-style: normal;
	}

}
.aboutPerson, .quotedrop, .reviews td, .view-type p {
    font-style: italic;
}
.phones .pNum span {
}
.phones .call a {
    border-bottom: 1px dashed #fa9e12;
    color: #fa9e12;
    text-decoration: none;
}
.phones .call a:hover {
    border-color: #3b5998;
    color: #3b5998;
    text-decoration: none;
}
.callMe input[type=tel], .callMe input[type=text] {
    float: left;
    width: 300px;
    margin-right: 15px;
}
.callMe p {
    clear: both;
    margin-bottom: 10px;
}
.wideBox {
    background: #f8f8f8;
    /*box-shadow: inset 0 -15px 15px -15px #c7c7c7;*/

    position: relative;
}
.services {
    background: #f8f8f8;
    box-shadow: none;
    /*margin-top: 140px; в задаче через телегу*/
}
.wideInside {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 20px;
    zoom: 1;
}
.wideInside_100 {
    position: relative;
    max-width: 1900px;
    margin: 0 auto;
    padding: 10px 10px 20px 10px;
    zoom: 1;
}

.section-home-slider{
    padding: 0;
}

#services-slider{
    font-family: 'Nunito', Arial, sans-serif;
    font-weight: 300;
    padding-top: 60px;

}

.services-slider-container{
	position:relative;
	max-width: 1900px;
	    margin: 0 auto;
    padding: 30px 0px 0px;
}

.section-home-slider .slick-prev {
    border: none!important;
    left: 50%!important;
	margin-left:-680px;
    top: 50%!important;
	margin-top:-20px;
    z-index: 200000;
    background: url(../images/left-arrow-big-orange.svg)center center no-repeat!important;
    width: 25px!important;
    height: 40px!important;
}
.section-home-slider  .slick-next {
    border: none!important;
    left: auto!important;
    right:50%!important;
	margin-right:-680px;
    top: 50%!important;
	margin-top:-20px;
    z-index: 2;
    background: url(../images/right-arrow-big-orange.svg)center center no-repeat!important;
    width: 25px!important;
    height: 40px!important;
}

@media(max-width:1419px){
	.section-home-slider .slick-prev {
		left: 60px!important;
		margin-left: 0;
	}
	.section-home-slider  .slick-next {
		right:60px!important;
		margin-right:0px;
	}
}

@media(max-width:1320px){
	.section-home-slider .slick-prev {
		left: auto!important;
		margin: 0;
		top: auto!important;
		bottom: -20px;
		right: 14%;
	}
	.section-home-slider  .slick-next {
		right: 7%!important;
		margin: 0px;
		top: auto!important;
		bottom: -20px;
	}
}


@media(max-width:768px){
	.section-home-slider .slick-prev {
		border: none!important;
		left: 10px!important;
		top:110px!important;
		margin-left:0px;
		bottom: auto!important;
		z-index: 200000;
		background: url(../images/left-arrow-big-orange.svg)center center no-repeat!important;
		width: 25px!important;
		height: 40px!important;
	}
	.section-home-slider  .slick-next {
		border: none!important;
		left: auto!important;
		right:10px!important;
		top:110px!important;
		margin-right:0;
		bottom: auto!important;
		z-index: 2;
		background: url(../images/right-arrow-big-orange.svg)center center no-repeat!important;
		width: 25px!important;
		height: 40px!important;
	}
}

@media(min-width:1776px){
	.section-home-slider .slick-prev {
		margin-left:-869px;
	}
	.section-home-slider  .slick-next {
		margin-right:-869px;
	}
}


.slick-slider.slick-initialized{
	visibility:visible!important;
}

.serv-slide{

}
.serv-slide .content-slider{

}
.serv-slide .title_h2{
    font-size: 40px;
    margin-bottom: 15px;
}
.serv-slide .title_h2 a{
	color: #040404;
    text-decoration: none;
}

.section-home-slider .serv-slide .title_h2 a{
	/* color: #fff!important; */
    text-decoration: none;
}

.serv-slide .text-slider{
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
}

.section-home-slider .text-slider a{
	/* color:#fa9e12!important;  */
}

.serv-slide .read_serv{
    font-size:17px;
    text-decoration:none;
}

@media(min-width:768px){
	.serv-slide .img-slider > a{
		float:right;
	}
}

.serv-slide .img-slider img{
    zoom:1;
}
.services-icon-nav{
    padding-top: 40px;
}
.serv-thumbnail{
    min-height: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    position:relative;
    cursor:pointer;
}
.serv-thumbnail .sr-thumbnail-title{
    display: inline-block;
    vertical-align: middle;
    width:50px;
    height:50px;
    transition: border .5s ease, color .5s ease;
}
.serv-thumbnail .sr-item-1{
    background: url(../images/icon-slider/icon-analitic.png) 50% no-repeat;
}
.serv-thumbnail .sr-item-2{
    background: url(../images/icon-slider/apple.png) 50% no-repeat;
}
.serv-thumbnail .sr-item-3{
    background: url(../images/icon-slider/seo.png) 50% no-repeat;
}
.serv-thumbnail .sr-item-4{
    background: url(../images/icon-slider/kiska.png) 50% no-repeat;
}
.serv-thumbnail:hover .sr-item-1 , .services-icon-nav .slick-current .sr-item-1{
    background: url(../images/icon-slider/icon-analitic-h.png) 50% no-repeat;
}
.serv-thumbnail:hover .sr-item-2 , .services-icon-nav .slick-current .sr-item-2{
    background: url(../images/icon-slider/apple-h.png) 50% no-repeat;
}
.serv-thumbnail:hover .sr-item-3 , .services-icon-nav .slick-current .sr-item-3{
    background: url(../images/icon-slider/seo-h.png) 50% no-repeat;
}
.serv-thumbnail:hover .sr-item-4 , .services-icon-nav .slick-current .sr-item-4{
    background: url(../images/icon-slider/kiska-h.png) 50% no-repeat;
}

.serv-thumbnail:first-child .sr-thumbnail-description{
	padding-left:0;
}

.serv-thumbnail .sr-thumbnail-description{
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    color: #3b5998;
    line-height: 22px;
    transition: border .5s ease, color .5s ease;
}
.services-icon-nav .slick-current::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    border-bottom: 3px solid #ff992b;
}
.services-icon-nav .slick-current{
    cursor:default;
}
.slick-current .sr-thumbnail-description , .serv-thumbnail:hover .sr-thumbnail-description {
    color:#ff992b;
	font-weight:bold;
}
.services .wideInside {
    z-index: 17;
}
.company {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.company .wideInside {
    padding: 0;
}
.wideTitle {
    margin: 0 0 15px 86px;
    font-size: 35px;
}
.sectionTitle{
    margin: 0 0 40px 0;
    font-size: 35px;
}
.servicesList, .servicesList__i {
    position: relative;
    margin: 0;
    zoom: 1;
}
.servicesList {
    padding: 45px 0 0;
    z-index: 15;
}
.allProj, .leftCol, .menuBox, .projectsCat, .team .desc, .twitterWidget .twtr-ft {
    z-index: 2;
}
.servicesList_no_pd_tp {
    padding-top: 0;
}
.servicesList__i {
    background: 0 0;
    display: block;
    float: left;
    width: 23%;
//width: 20.6%;
    min-width: 143px;
    padding: 0 1% 20px;
    word-wrap: break-word;
}
.servicesList__i_no_pd_bt {
    padding-bottom: 0;
}
.servicesList__i_cur:after {
    content: '';
    background: url(../images/arrow_shd.png) no-repeat;
    display: block;
    position: absolute;
    top: -42px;
    left: 50%;
    width: 52px;
    height: 22px;
    margin-left: -26px;
}
.servicesList__a_ico {
    display: block;
    position: relative;
    height: 54px;
    margin: 0 0 10px;
    padding: 140px 0 0;
    font-size: 18px;
    text-align: center;
}
.servicesList__a_ico_empty {
    margin: 0;
    padding: 0;
    height: 1px;
}
.servicesList__a_ico_no-title {
    padding-top: 75px;
}
.servicesList__i_cur .servicesList__a_ico {
    color: #FA9E12;
}
.servicesList a {
    color: #3b5998;
    text-decoration: none;
}
.servicesList a:hover {
    color: #3b5998;
    text-decoration: underline;
}
.servicesList__a_ico__hover, .servicesList__a_ico__stand {
    background: url(../images/icon_services_v2.png) left top no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 143px;
    height: 127px;
    margin-left: -71px;
    transition: opacity .5s ease;
}
.servicesList__a_ico:hover .servicesList__a_ico__stand {
    opacity: 0;
    cursor: pointer;
    transition: opacity .5s ease;
}
.servicesList__a_ico__hover {
    opacity: 0;
}
.servicesList__a_ico:hover .servicesList__a_ico__hover, .servicesList__i_cur .servicesList__a_ico__hover {
    opacity: 1;
}
.servWeb .servicesList__a_ico__stand {
    background-position: left top;
}
.servWeb .servicesList__a_ico__hover {
    background-position: left -136px;
}
.servCommerc .servicesList__a_ico__stand {
    background-position: -143px top;
}
.servCommerc .servicesList__a_ico__hover {
    background-position: -143px -136px;
}
.servHost .servicesList__a_ico__stand {
    background-position: -286px top;
}
.servHost .servicesList__a_ico__hover {
    background-position: -286px -136px;
}
.servVideo .servicesList__a_ico__stand {
    background-position: -429px top;
}
.servVideo .servicesList__a_ico__hover {
    background-position: -429px -136px;
}
.servAnalytics .servicesList__a_ico__stand {
    background: url(../images/ico-analitics-usl-big-blue.png) center center no-repeat;
}
.servAnalytics .servicesList__a_ico__hover {
    background: url(../images/ico-analitics-usl-big-orange.png) center center no-repeat;
}
.servicesList p {
    margin: 0 8%}
.servicesList__i ul {
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
}
.allProj, .wideBox .moreBox {
    text-align: center;
}
/*portfolio*/
.portfolio .sectionTitle{

}

.projectsCat {
    position: relative;
    margin-bottom: 40px;
}
.projBgB {
    text-align:center;
}
.projBord p {
    text-shadow:none;
}

.projectsCat ul {
    position: relative;
    margin: 0 -54px;
    padding: 0;
}
.projectsCat li {
    background: 0 0;
    margin: 0;
    padding: 10px;
    width: 340px;
    display: inline-flex;
    vertical-align: top;
}
.projectsCat li a {
    color: #2f383d;
    text-decoration: none;
}
.projectsCat li a > div{
    overflow:hidden;
}
.projectsCat li a:hover, .projectsCat li a:hover span {
    color: #3b5998;
    text-decoration: underline;
    transition: color .5s ease;
}
.projectsCat li a span {
    color: #9b9b9b;
    transition: color .5s ease;
}
.portfolio .button{
    display: inline-block;
    float: none;
    height: auto;
    margin: 0 0 20px;
    padding: 12px 20px;
    min-width: 290px;
    font-size: 15px;
}
.portfolio .button span{
    font-size: 22px;
    vertical-align: top;
    margin-left: 15px;
    display: inline-block;
}
/*portfolio*/

.allProj {
    background: url(../images/brace.png) right center no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: -122px;
    width: 97px;
    height: 107px;
    margin-top: -59px;
    padding: 12px 35px 0 0;
    font-size: 17px;
    line-height: 1.1;
}
.allProj a, .allProj a:hover {
    display: block;
    text-decoration: none;
}
.allProj .num {
    border-bottom: 2px solid #3b5998;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-size: 50px;
    line-height: 1;
    transition: border-color .5s ease;
}
.allProj a:hover .num {
    border-color: #fa9e12;
    transition: border-color .5s ease;
}
.projBord {

}
.projectsCat ul {
    position: relative;
    float: left;
    width: 300px;
    margin: -57px -42px -57px 0;
    padding: 5px 0 0 40px;
}
.projectsCat li {
    background: 0 0;
    margin: 0;
    padding: 0 0 5px;
}
.projectsCat li a {
    color: #2f383d;
    text-decoration: none;
}
.projectsCat li a:hover, .projectsCat li a:hover span {
    color: #3b5998;
    text-decoration: underline;
    transition: color .5s ease;
}
.projectsCat li a span {
    color: #9b9b9b;
    transition: color .5s ease;
}
.sliderBox.portfolioSlide {
    float: right;
    margin: 20px 0 30px;
}
.sliderBox.portfolioSlide img {
    width: 560px;
    height: 330px;
}
.teammate-block {
    padding: 40px 0;
}
.companyMenu li, .companyMenu ul {
    padding: 0;
    margin: 0;
}
.list-teammate {
    margin: 0;
}
.list-teammate__item {
    position: relative;
    display: inline-block;
    width: 15.6%;
    min-height: 170px;
    margin-right: 5%;
    margin-bottom: 15px;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: 0 0;
    vertical-align: top;
    zoom: 1;
}
.list-teammate__item .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: #3b5998;
    opacity: .7;
}
.list-teammate__item .info .link, .list-teammate__item .info .list {
    background: url(../images/ico_cover.png) no-repeat;
    display: inline-block;
    position: absolute;
}
.list-teammate__item .info .list {
    left: 15%;
    width: 24px;
    height: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: 0 0;
}
.list-teammate__item .info .link {
    right: 10%;
    width: 31px;
    height: 29px;
    top: 29%;
    background-position: -24px 0;
}
.list-teammate__item__name:hover a {
    margin-bottom: 10px;
    color: #585858;
    text-decoration: none;
}
.list-teammate__item:nth-child(5n) {
    margin-right: 0;
}
.list-teammate__item__name, .list-teammate__post {
    font-size: 13px;
    margin-bottom: 5px;
}
.list-teammate__item img {
    margin-bottom: 15px;
}
.list-teammate__post {
    color: #aca79f;
}

.companyMenu a, .companyMenu a:hover {
    transition: background .5s ease;
    text-decoration: underline;
}
.companyMenu {
    margin-top:40px;
    margin-bottom:40px;
}
.companyMenu  ul{
    display:table;
    width:100%;
}

.companyMenu li {
    background: 0 0;
    display: table-cell;
    font-size: 16px;
    vertical-align:middle;
    width: 1%;
    text-align: center;
    border-right:1px solid #CACACA;
}
.companyMenu a {
    line-height: 30px;
    padding: 0 0;
}
.companyMenu a:hover {
    background: transparent;
}
.companyMenu li:first-child{
    border-left: 1px solid #cacaca;
}
.companyMenu li:last-child{

}

.company-slider1-wrap{
    background: url(../images/cell-bg.png)center center repeat-x;
    padding:0px 0;
    margin-top: 0px;
    /*margin-bottom:40px;*/
}

@media all and (max-width:767px) {
    .company-slider1-wrap{
        padding: 0px 0;
        margin-top: 0px;
    }

    .company-slider1  .slick-arrow{
        top: -15px!important;
    }
}


.company-slider1 .item{
    text-align:center!important;
    padding:0 10px;
}

.preim-slider .servicesList__a_ico{
    height: auto!important;
    margin: 0 0 10px;
    padding: 75px 0 0;
    text-align:center!important;
    font-size:16px;
}

.preim-slider .servicesList__a_ico__hover, .preim-slider .servicesList__a_ico__stand{
    background-image: url(../images/preim.png);
    background-position:0px 0px;
    width:60px;
    height:60px;
    margin-left:-30px;
}

@media (max-width: 479px){
	header .inside .social{
		display:none;
	}
    .preim-slider .servicesList__a_ico span{
        display:block;
    }
    .advantBlocks__i .advantBlocks__i__img-wrap img, .advantBlocks__i .advantBlocks__i__img-wrap {
        display: none;
    }
    .advantBlocks li.advantBlocks__i {
        text-align: left;
        list-style: circle;
        background: url(../images/list_bullit.png) left 9px no-repeat;
        width: 100%;
        margin: 0 0 6px;
        padding: 0 0 0 13px;
    }
    li.advantBlocks__i .advantBlocks__i__wrap p {
        margin: 0;
    }
    .feedback_form form p{font-size:11px;}
}

.preim-slider .imgGlobe .servicesList__a_ico__stand{
    background-position: 0px -0px;
}

.preim-slider .imgGlobe .servicesList__a_ico__hover{
    background-position: 0px -65px;
}

.preim-slider .imgMan .servicesList__a_ico__stand{
    background-position: -265px -0px;
}

.preim-slider .imgMan .servicesList__a_ico__hover{
    background-position: -265px -65px;
}

.preim-slider .imgTrophy .servicesList__a_ico__stand{
    background-position: -566px -0px;
}

.preim-slider .imgTrophy .servicesList__a_ico__hover{
    background-position: -566px -65px;
}

.preim-slider .imgThumbup .servicesList__a_ico__stand{
    background-position: -849px -0px;
}

.preim-slider .imgThumbup .servicesList__a_ico__hover{
    background-position: -849px -65px;
}

.preim-slider  .item a{
    text-decoration:none!important;
}

@media (min-width: 1024px){
    .company-slider2 .slick-list{
        margin-left:-50px;
        margin-right:-50px;
    }
}

.company-slider2 img{
    display:inline;
}


.slick-slider{
    margin-bottom:0;
}

.slick-prev:before, .slick-next:before{
    content:none!important;
}

.slick-arrow{
    top: -20px!important;
    border:none;

}

.slick-prev{
    background: url(../images/left-arrow-big-orange.svg)center center no-repeat!important;
    background-size: contain;
	width: 29px!important;
    height: 33px!important;
    right:56px;
	left:auto;
}

.slick-prev:hover{
   /*  background-position: 2px -43px!important; */
}


.slick-next{
    background: url(../images/right-arrow-big-orange.svg)center center no-repeat!important;
    background-size: contain;
	width: 29px!important;
    height: 33px!important;
	right:15px;
}

.slick-next:hover{
  /*   background-position: -41px -43px!important; */
}

.company .compOverflow {
    position: relative;
    overflow: hidden;
}
.companyBox {
    background: url(../images/about_main_bg.png) left top no-repeat;
    position: relative;
    width: 1016px;
    height: 504px;
    margin: 0 -125px 0 -36px;
    padding: 0 120px 0 0;
    zoom: 1;
}
.scrollBox, .scrollInside {
    position: relative;
    height: 330px;
}
.about {
    position: relative;
    float: left;
    width: 420px;
    padding: 26px 0 0 122px;
}
.about h1 {
    margin-bottom: 10px;
}
.about p {
    margin: 8px 0;
}
.scrollInside {
    overflow-x: hidden;
    overflow-y: auto;
}
.scrollShadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    box-shadow: inset 0 20px 10px -10px #fff;
}
.scrollBot .scrollShadow.top {
    display: none;
}
.scrollTop.scrollBot .scrollShadow.top {
    display: block;
}
.scrollShadow.bot {
    top: auto;
    bottom: 0;
    box-shadow: inset 0 -20px 10px -10px #fff;
}
.scrollTop .scrollShadow.bot {
    display: none;
}
.scrollTop.scrollBot .scrollShadow.bot {
    display: block;
}
.scrollControls {
    position: absolute;
    bottom: 0;
    left: 35px;
    width: 25px;
    height: 48px;
}
.scrollControls span {
    background: url(../images/scroll_arrows.jpg) left top no-repeat;
    display: block;
    width: 25px;
    height: 24px;
    cursor: pointer;
}
.scrollControls .topScroll:active {
    background-position: left -24px;
}
.scrollControls .bottomScroll {
    background-position: right top;
}
.scrollControls .bottomScroll:active {
    background-position: right -24px;
}
.commandList {
    position: relative;
    overflow: hidden;
    float: right;
    width: 465px;
    height: 362px;
    margin: 0;
    padding: 48px 0 0;
    zoom: 1;
}
.commandList li {
    background: 0 0;
    display: block;
    position: relative;
    float: left;
    width: 83px;
    height: 83px;
    margin: 0 0 10px 10px;
    padding: 0;
}
.commandList img, .list-teammate__item__img-wrap img {
    border: 1px solid #ddd;
    width: 81px;
    height: 81px;
}
.sidebarMenu, .twitterWidget {
    border-radius: 6px;
    box-shadow: 0 0 10px #d3d3d3;
}
.commandList .cover, .list-teammate__item__img-wrap .cover {
    background: url(../images/cover_bg.png) left top;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 83px;
    height: 83px;
    transition: opacity .5s ease;
}
.touch .commandList .cover {
    display: none;
}
.commandList li:hover .cover, .list-teammate__item__img-wrap:hover .cover {
    opacity: 1;
    transition: opacity .5s ease;
}
.commandList .cover a, .list-teammate__item__img-wrap .cover a {
    background: url(../images/ico_cover.png) left top no-repeat;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    float: left;
    width: 24px;
    height: 24px;
    text-indent: -10000px;
}
.commandList .cover .listLink, .list-teammate__item__img-wrap .cover .listLink {
    margin: -10px 3px 0 -27px;
}
.commandList .cover .listLink:hover, .list-teammate__item__img-wrap .cover .listLink:hover {
    background-position: left -24px;
}
.commandList .cover .personLink, .list-teammate__item__img-wrap .cover .personLink {
    background-position: right top;
    width: 28px;
    height: 29px;
    margin-top: -15px;
}
.commandList .cover .personLink:hover, .list-teammate__item__img-wrap .cover .personLink:hover {
    background-position: right -29px;
}
.company .bgBr, .company .bgTl {
    background: url(../images/paralax_bg_1.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: -60px;
    width: 60px;
    height: 60px;
    margin-top: 40px;
}
.company .bgBr {
    right: -92px;
    left: auto;
    margin-top: 270px;
}
.company .bgBl, .company .bgTr {
    background: url(../images/paralax_bg_2.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 135px;
    width: 272px;
    height: 276px;
    margin-top: 384px;
}
.colWrap, .fancyContent, .mainContent, .moreBox {
    position: relative;
    zoom: 1;
}
.company .bgTr {
    right: -320px;
    left: auto;
    margin-top: 260px;
}
.moreBox {
    clear: both;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.more {
    background: url(../images/arrow_more.png) right 3px no-repeat;
    padding-right: 15px;
    color: #585858;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1.1;
}
.more:hover {
    background-position: right -12px;
    color: #3b5998;
    text-decoration: underline;
}
.fancyContent {
    width: 500px;
    padding: 14px 4px 4px;
    text-align: left;
}
.fancyContent.callMe, .fancyContent.feedbackForm {
    width: 430px;
}
.fancyTitle {
    font-size: 20px;
    margin-top: 0;
}
.mainContent {
    width: 980px;
    margin: 0 auto;
   /*  padding: 140px 0 0; */
}
.breadcrumbs {
    clear: both;
    margin-bottom: 30px;
    color: #FA9E12;
}
.breadcrumbs a {
    background: url(../images/arrow_more_small.png) right 2px no-repeat;
    margin-right: 4px;
    padding-right: 12px;
}
.breadcrumbs a:hover {
    background-position: right -13px;
}
.colWrap {
    width: 230px;
    margin: 0;
}
.colWrapInside, .leftCol {
    margin-right: -100%;
    position: relative;
}
.colWrapInside {
    left: 100%;
    width: 750px;
    zoom: 1;
}
.colWrapInside.workBg {
    background: url(../images/works_bg.jpg) center top;
    width: 722px;
}
.colWrapInside.teamBg {
    background-image: url(../images/team_bg.jpg);
}
.colWrapInside.personBg {
    background: #f5f5f5;
}
.leftCol {
    left: -230px;
    float: left;
    width: 230px;
    padding: 44px 0 10px;
}
.noTwoLevelMenu .leftCol {
    padding-top: 27px;
}
.allProjMenu {
    background: url(../images/brace_h.png) center bottom no-repeat;
    background-size: contain;
    margin: -15px 0 10px;
    padding-bottom: 30px;
    color: #b0bac0;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}
.allProjMenu .num {
    font-size: 32px;
}
.sidebarMenu {
    background: #fff;
    position: relative;
    margin-bottom: 25px;
    padding: 14px 0 12px;
}
.sidebarMenu ul {
    margin: 0;
    padding: 0;
}
.sidebarMenu li {
    background: 0 0;
    position: relative;
    margin: 0 -12px 0 0;
    padding: 4px 30px 6px 18px;
    zoom: 1;
}
.sidebarMenu li.select {
    background: url(../images/sidebar_menu_arrow.png) right top no-repeat;
}

.sidebarMenu .keises {
    background: url(/images/keis_icon.gif) no-repeat 0 0;
    line-height: 45px;
    height: 45px;
    display: block;
    padding-left: 75px;
    color: #3b5998;
    font-size: 18px;
}

.sidebarMenu .keises.selected {
    color: #f42922;
}
.sidebarMenu a {
    color: #2f383d;
    text-decoration: none;
}
.sidebarMenu a.hoverA, .sidebarMenu a:hover {
    color: #3b5998;
    text-decoration: underline;
}
.sidebarMenu .select a, .sidebarMenu .select span, .sidebarMenu a.select {
    color: #f42922;
    text-decoration: none;
}
.sidebarMenu .qty {
    color: #a2a2a2;
    transition: color .5s ease;
}
.sidebarMenu a:hover .qty {
    color: #3b5998;
    transition: color .5s ease;
}
.sidebarMenu .select .qty, .sidebarMenu .select a:hover .qty {
    color: #f42922;
}
.groupTeam {
    position: relative;
    padding: 4px 0 0;
    zoom: 1;
}
.groupTeam .title {
    border-top: 1px solid #e6eaec;
    margin: 0 10px;
    padding: 10px 8px 6px;
    color: #a4a4a4;
}
.groupTeam .title a {
    color: #a4a4a4;
}
.groupTeam .title a:hover {
    color: #3b5998;
    text-decoration: underline;
}
.groupTeam .title a.select, .groupTeam .title a.select:hover {
    color: #f42922;
    text-decoration: none;
}
.groupTeam li {
    padding-left: 30px;
}
.twitterWidget {
    margin-bottom: 50px;
}
.twitterWidget .twtr-hd {
    background: url(../images/logo_twitter.png) 10px 10px no-repeat;
    padding-left: 52px;
}
.twitterWidget .twtr-bd {
    position: relative;
    overflow: hidden;
}
.twitterWidget .twtr-doc {
    overflow: visible;
}
.twitterWidget .twtr-ft div {
    position: relative;
    overflow: visible;
    zoom: 1;
}
.twitterWidget .twtr-ft div>a {
    background: url(../images/twitter_bird.png) left top no-repeat;
    width: 97px;
    height: 76px;
    margin: -13px 0 -66px -42px;
}
.rightCol {
    position: relative;
    float: right;
    width: 685px;
    padding: 44px 40px 10px 24px;
    zoom: 1;
}
.workBg .rightCol {
    padding-right: 13px;
}

.workBg .breadcrumbs {
	display:none;
}

.workBg .right_menu {
   /*  top: 154px; */
	margin-left: 361px;
    top: 0;
}

.workBg .right_menu.affix {
    position: fixed;
    margin-left: 462px;
}
.workBg .right_menu.affix-top{
	margin-left: 361px;
}
.workBg .right_menu.affix-bottom{
	margin-left: 361px;
}

.personBg .rightCol, .teamBg .rightCol {
    width: 701px;
    padding-right: 24px;
}
.noTwoLevelMenu .rightCol {
    padding-top: 14px;
}
.team .team-list__certificate {
    display: inline-block;
    position: absolute;
    top: 10px;
    z-index: 2;
}
.articleMainTitle, .command img, .command li, .descPic, .pageNav, .rightCol img, .workList, .workList li, article, article .author .title, article h2 {
    position: relative;
}
.team .team-list__certificate:hover {
    box-shadow: none;
}
.label, .rightCol img {
    box-shadow: 0 0 6px #d3d3d3;
}
.team-list__certificate:nth-child(1) {
    left: 8px;
}
.team-list__certificate:nth-child(2) {
    left: 53px;
}
.team-list__certificate:nth-child(3) {
    left: 98px;
}
.team-list__certificate:nth-child(4) {
    left: 143px;
}
article {
    padding-bottom: 40px;
    zoom: 1;
}
.articleMainTitle, article h2 {
    background: url(../images/ico_article.png) left top no-repeat;
    margin: 0 0 10px;
    padding: 3px 0 4px 40px;
    font-size: 20px;
}
.rightCol article h2 a:visited, article h2 a {
    color: #595959;
    text-decoration: none;
}
.rightCol article h2 a:visited:hover, article h2 a:hover {
    color: #2b53a8;
    text-decoration: underline;
}
.rightCol article a:visited, article a {
    color: #6a7e8e;
    text-decoration: none;
}
.rightCol article a:visited:hover, article a:hover {
    color: #2b53a8;
    text-decoration: none;
}
article .author {
    padding-left: 60px;
    font-size: 12px;
    color: #b6b7b8;
}
article .author .title {
    float: left;
    margin-left: -60px;
    color: #2d2d2d;
}
article .author ul {
    margin: 0;
    padding: 0;
}
article .author li {
    background: 0 0;
    list-style: none;
    margin: 0 0 3px;
    padding: 0;
}
.rightCol article .author a:visited, article .author a {
    margin-right: 10px;
    color: #3b5998;
    text-decoration: underline;
}
.rightCol article .author a:visited:hover, article .author a:hover {
    color: #fa9e12;
    text-decoration: none;
}
.label {
    width: 100%}
.label td {
    background: #fff;
    border: none;
    padding: 18px;
    vertical-align: middle;
}
.label td:first-child {
    color: #949595;
    text-shadow: 1px 1px 0 #cfcfcf;
}
.reviews td, .team .person-link, .workList li {
    text-shadow: 0 1px 0 #fff;
}
.label p {
    margin: 0;
}
.descPic {
    float: right;
    margin: 2px 0 15px 15px;
    color: #949595;
    zoom: 1;
}
.descPic.rDesc {
    float: none;
    margin: 0 0 15px;
}
.descPic img {
    margin-bottom: 5px;
}
.descPic.rDesc img {
    float: left;
    margin: 0;
}
.descPic figcaption {
    background: url(../images/arrow_top.png) left top no-repeat;
    position: relative;
    margin: 0;
    padding-top: 9px;
    font-size: 12px;
}
.descPic.rDesc figcaption {
    background: url(../images/arrow_left.png) left 4px no-repeat;
    float: left;
    margin: 20px 0 0 5px;
    padding: 0 0 0 10px;
}
.artAuthors {
    border-top: 1px solid #bebfc0;
    margin-top: 25px;
    padding-top: 15px;
}
.artAuthors .title {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
}
.command {
    margin: 0;
    padding: 0;
}
.command li {
    background: 0 0;
    padding: 0 0 15px 95px;
    zoom: 1;
}
.command img {
    border: 1px solid #ddd;
    box-shadow: none;
    float: left;
    width: 80px;
    margin: 0 0 0 -95px;
}
.command .name {
    margin-bottom: 2px;
}
.rightCol .command a:visited {
    color: #3b5998;
}
.rightCol .command a:visited:hover {
    color: #fa9e12;
}
.command .post {
    color: #b6b7b8;
}
.pageNav {
    clear: both;
    margin: 25px 0 15px;
    zoom: 1;
}
.pageNav a {
    text-decoration: none;
}
.rightCol .pageNav a:visited {
    color: #3b5998;
}
.rightCol .pageNav a:visited:hover {
    color: #fa9e12;
}
.pageNav a:hover {
    text-decoration: underline;
}
.pageNav .prev {
    background: url(../images/arrow_back_small.png) left 3px no-repeat;
//background-position: left 2px;
    float: left;
    padding-left: 10px;
}
.pageNav .prev:hover {
    background-position: left -12px;
//background-position: left -12px;
}
.pageNav .next {
    background: url(../images/arrow_more_small.png) right 3px no-repeat;
//background-position: right 2px;
    float: right;
    padding-right: 10px;
}
.pageNav .next:hover {
    background-position: right -12px;
//background-position: right -13px;
}
.workList {
    clear: both;
    width: 685px;
    margin: 0 -10px 0 0;
    padding: 0;
    zoom: 1;
}
.workList li {
    background: 0 0;
    display: block;
    float: left;
    width: 220px;
    margin: 0;
    padding: 0 7px 15px 0;
    vertical-align: top;
    font-size: 14px;
}
.workList li:nth-child(3n+1) {
    clear: both;
}
.workList li.cl {
    float: none;
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}
.rightCol .workList a:visited, .workList a {
    display: block;
    color: #000;
    text-decoration: none;
}
.rightCol .workList a:visited:hover, .workList a:hover {
    color: #2b53a8;
    text-decoration: none;
}
.workList img {
    background: #fff;
    box-shadow: 0 0 6px #c5c5c5;
    width: 210px;
    height: 120px;
    margin-bottom: 10px;
    padding: 5px;
}
.workList a:hover img {
    box-shadow: 0 0 6px #838383;
}
.workList .name {
    background: url(../images/work_name_bord.gif) left top repeat-y;
    display: block;
    padding: 0 0 0 10px;
}
.workList .nameText {
    text-decoration: underline;
}
.workList .name .date {
    color: #9b9b9b;
    text-decoration: none;
    font-size: 11px;
    transition: color .5s ease;
}
.workList a:hover .date {
    color: #343331;
    transition: color .5s ease;
}
.zoom, a:hover .zoom {
    transition: opacity .5s ease;
}
.right_menu {
    /* position: fixed; */
	 position: absolute;
    left: 50%;
    top: 30px;
    width: 64px;
    margin-left: 403px;
    font-size: 12px;
    font-weight: 700;
}

.right_menu.affix{
	position:fixed;
    margin-left:299px;
}

.right_menu.affix-top{
	position:absolute;
    margin-left: 403px;
}

.right_menu.affix-bottom{
    margin-left: 403px;
	position:absolute;
	top:auto;
	bottom:20px;
}


.right_menu a, .right_menu span.select {
    border-left: 5px solid #ced8de;
    display: block;
    margin-bottom: 1px;
    padding: 0 0 0 6px;
    line-height: 30px;
    color: #8698a2;
    text-decoration: none;
}
.right_menu a.select, .right_menu a:hover, .right_menu span.select {
    border-color: #2b53a8;
    color: #2b53a8;
    text-decoration: none;
}
.right_menu_big {
    width: 205px;
    margin-left: 403px;
    font-weight: 400;
}
.right_menu span.select, .right_menu_big a {
    padding: 6px 0 6px 6px;
}
.right_menu_big__i {
    display: block;
    line-height: 1.3;
}
.personCertificate {
    background-color: #fff;
    /*float: right;
    width: 46%;*/
    box-shadow: 0 0 6px #d3d3d3;
}
.personCertificate li {
    position: relative;
    margin: 0 15px;
    padding: 15px 0;
    background: 0 0;
    border-bottom: 1px solid #dedede;
}
.personCertificate li::after {
    content: "";
    display: table;
    clear: both;
}
.personCertificate li:last-child {
    border-bottom: none;
}
.personCertificate img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: none;
}
.team, .team li {
    position: relative;
}
.personCertificate__tx {
    display: inline-block;
    padding-left: 60px;
    color: #5d6675;
    line-height: 22px;
}
.team a span, .team li {
    display: block;
}
.team {
    clear: both;
    margin: 0;
    padding: 0;
    padding-bottom:60px;
    zoom: 1;
}
.team li {
    background: 0 0;
    float: left;
    margin: 0;
    padding: 0 37px 37px 0;
}
.team li.second, .team li:nth-child(2n) {
    padding-right: 0;
}
.team .person-link {
    background: url(../images/team_item_bg.jpg) center center #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 6px #c5c5c5;
    display: block;
    position: relative;
    width: 322px;
    height: 142px;
    font-size: 13px;
    color: #9b9b9b;
    text-decoration: none;
}
.rightCol .team a:visited {
    color: #9b9b9b;
}
.rightCol .team a:visited:hover, .team .hoverLi, .team li:hover .person-link {
    box-shadow: 0 0 6px #838383;
    color: #000;
    text-decoration: none;
}
.team .desc {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 170px;
}
.team .name {
    margin-bottom: 3px;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}
.team a:hover .name {
    color: #3b5998;
    text-decoration: underline;
}
.team .face, .team .hover, .team .now {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 174px;
    height: 170px;
}
.team .face {
    background: url(../images/team/boy_shadow.png) right bottom no-repeat;
}
.team .girl .face {
    background: url(../images/team/girl_shadow.png) right bottom no-repeat;
}
.team .hover, .team .hoverLi .now, .team a:hover .now {
    display: none;
}
.team .hoverLi .hover, .team a:hover .hover {
    display: block;
}
.team .golovei .face {
    background: url(../images/team/golovei_shadow.png) -13px bottom no-repeat;
}
.team .golovei .hover, .team .golovei .now {
    background: url(../images/team/golovei.png) -4px -3px no-repeat;
}
.team .golovei .hover {
    background-position: -25px -190px;
}
.team .jogina .face {
    background: url(../images/team/jogina_shadow.png) 3px bottom no-repeat;
}
.team .jogina .hover, .team .jogina .now {
    background: url(../images/team/jogina.png) 5px 9px no-repeat;
}
.team .kovba .face {
    background: url(../images/team/kovba_shadow.png) -12px bottom no-repeat;
}
.team .kovba .hover, .team .kovba .now {
    background: url(../images/team/kovba.png) 5px 9px no-repeat;
}
.team .lagutina .face {
    background: url(../images/team/lagutina_shadow.png) -9px bottom no-repeat;
}
.team .lagutina .hover, .team .lagutina .now {
    background: url(../images/team/lagutina.png) -23px 9px no-repeat;
}
.team .savchuk .face {
    background: url(../images/team/savchuk_shadow.png) -6px bottom no-repeat;
}
.team .savchuk .hover, .team .savchuk .now {
    background: url(../images/team/savchuk.png) 15px 9px no-repeat;
}
.team .zvereva .face {
    background: url(../images/team/zvereva_shadow.png) 7px bottom no-repeat;
}
.team .zvereva .hover, .team .zvereva .now {
    background: url(../images/team/zvereva.png) -31px -20px no-repeat;
}
.team .klimova .face {
    background: url(../images/team/klimova_shadow.png) 6px bottom no-repeat;
}
.team .klimova .hover, .team .klimova .now {
    background: url(../images/team/klimova.png) 9px 1px no-repeat;
}
.team .german .face {
    background: url(../images/team/german_shadow.png) -19px bottom no-repeat;
}
.team .german .hover, .team .german .now {
    background: url(../images/team/german.png) -4px 11px no-repeat;
}
.team .german .hover {
    background-position: -13px -190px;
    height: 160px;
}
.team .kochetkova .face {
    background: url(../images/team/kochetkova_shadow.png) -19px bottom no-repeat;
}
.team .kochetkova .hover, .team .kochetkova .now {
    background: url(../images/team/kochetkova.png) 10px 11px no-repeat;
}
.team .misherin .face {
    background: url(../images/team/misherin_shadow.png) -1px bottom no-repeat;
}
.team .misherin .hover, .team .misherin .now {
    background: url(../images/team/misherin.png) -1px 3px no-repeat;
}
.team .misherin .hover {
    background-position: -22px -190px;
}
.team .malenkova .face {
    background: url(../images/team/malenkova_shadow.png) -2px bottom no-repeat;
}
.team .malenkova .hover, .team .malenkova .now {
    background: url(../images/team/malenkova.png) 23px 7px no-repeat;
}
.team .malenkova .hover {
    background-position: right -190px;
}
.team .simonova .face {
    background: url(../images/team/simonova_shadow.png) right bottom no-repeat;
}
.team .simonova .hover, .team .simonova .now {
    background: url(../images/team/simonova.png) -10px 6px no-repeat;
}
.team .simonova .hover {
    background-position: right -190px;
}
.team .myalkina .face {
    background: url(../images/team/myalkina_shadow.png) 4px bottom no-repeat;
}
.team .myalkina .hover, .team .myalkina .now {
    background: url(../images/team/myalkina.png) -10px 4px no-repeat;
}
.team .myalkina .hover {
    background-position: -18px -190px;
}
.team .semenov .face {
    background: url(../images/team/semenov_shadow.png) -1px bottom no-repeat;
}
.team .semenov .hover, .team .semenov .now {
    background: url(../images/team/semenov.png) 5px 11px no-repeat;
}
.team .maslov .face {
    background: url(../images/team/maslov_shadow.png) -6px bottom no-repeat;
}
.team .maslov .hover, .team .maslov .now {
    background: url(../images/team/maslov.png) -23px 11px no-repeat;
}
.team .kovalev .face {
    background: url(../images/team/kovalev_shadow.png) -11px bottom no-repeat;
}
.team .kovalev .hover, .team .kovalev .now {
    background: url(../images/team/kovalev.png) 3px 11px no-repeat;
}
.team .dryabjinsky .face {
    background: url(../images/team/dryabjinsky_shadow.png) -30px bottom no-repeat;
}
.team .dryabjinsky .hover, .team .dryabjinsky .now {
    background: url(../images/team/dryabjinsky.png) 3px 11px no-repeat;
}
.team .safonov .face {
    background: url(../images/team/safonov_shadow.png) -27px bottom no-repeat;
}
.team .safonov .hover, .team .safonov .now {
    background: url(../images/team/safonov.png) -17px 12px no-repeat;
}
.team .dereshov .face {
    background: url(../images/team/dereshov_shadow.png) 12px bottom no-repeat;
}
.team .dereshov .hover, .team .dereshov .now {
    background: url(../images/team/dereshov.png) 3px 9px no-repeat;
}
.team .simonovaNelya .face {
    background: url(../images/team/simonova_nelya_shadow.png) 12px bottom no-repeat;
}
.team .simonovaNelya .hover, .team .simonovaNelya .now {
    background: url(../images/team/simonova_nelya.png) 19px 9px no-repeat;
}
.team .varlakov .face {
    background-position: 40px 22px;
}
.team .varlakov .hover, .team .varlakov .now {
    background: url(../images/team/varlakov.png) 5px 9px no-repeat;
}
.team .posedelov .face {
    background: url(../images/team/posedelov_shadow.png) -20px bottom no-repeat;
}
.team .posedelov .hover, .team .posedelov .now {
    background: url(../images/team/posedelov.png) -9px 9px no-repeat;
}
.team .kandela .face {
    background: url(../images/team/kandela_shadow.png) 32px bottom no-repeat;
}
.team .kandela .hover, .team .kandela .now {
    background: url(../images/team/kandela.png) 18px 9px no-repeat;
}
.team .grishanov .face {
    background: url(../images/team/grishanov_shadow.png) 11px bottom no-repeat;
}
.team .grishanov .hover, .team .grishanov .now {
    background: url(../images/team/grishanov.png) 7px 9px no-repeat;
}
.team .egorcova .face {
    background: url(../images/team/egorcova_shadow.png) 11px bottom no-repeat;
}
.team .egorcova .hover, .team .egorcova .now {
    background: url(../images/team/egorcova.png) 7px 9px no-repeat;
}
.team .kvaskova .face {
    background: url(../images/team/kvaskova_shadow.png) 11px bottom no-repeat;
}
.team .kvaskova .hover, .team .kvaskova .now {
    background: url(../images/team/kvaskova.png) 7px 9px no-repeat;
}
.team .timofeev .face {
    background: url(../images/team/timofeev_shadow.png) -5px bottom no-repeat;
}
.team .timofeev .hover, .team .timofeev .now {
    background: url(../images/team/timofeev.png) -13px 9px no-repeat;
}
.team .marenov .face {
    background: url(../images/team/marenov_shadow.png) 16px bottom no-repeat;
}
.team .marenov .hover, .team .marenov .now {
    background: url(../images/team/marenov.png) 9px 9px no-repeat;
}
.team .zavilova .face {
    background: url(../images/team/zavilova_shadow.png) -5px bottom no-repeat;
}
.team .zavilova .hover, .team .zavilova .now {
    background: url(../images/team/zavilova.png) -12px 9px no-repeat;
}
.team .misherina .face {
    background: url(../images/team/misherina_shadow.png) 25px bottom no-repeat;
}
.team .misherina .hover, .team .misherina .now {
    background: url(../images/team/misherina.png) 10px 6px no-repeat;
}
.team .misherina .hover {
    background-position: 6px -190px;
}
.team .hristuhin .face {
    background: url(../images/team/hristuhin_shadow.png) 16px bottom no-repeat;
}
.team .hristuhin .hover, .team .hristuhin .now {
    background: url(../images/team/hristuhin.png) 11px 9px no-repeat;
}
.team .samsonov .face {
    background: url(../images/team/samsonov_shadow.png) -29px bottom no-repeat;
}
.team .samsonov .hover, .team .samsonov .now {
    background: url(../images/team/samsonov.png) -9px 9px no-repeat;
    width: 194px;
}
.team .demin .face {
    background: url(../images/team/demin_shadow.png) -5px bottom no-repeat;
}
.team .demin .hover, .team .demin .now {
    background: url(../images/team/demin.png) -9px 9px no-repeat;
}
.team .shiryaev .face {
    background: url(../images/team/shiryaev_shadow.png) -5px bottom no-repeat;
}
.team .shiryaev .hover, .team .shiryaev .now {
    background: url(../images/team/shiryaev.png) -9px 9px no-repeat;
}
.team .podryadchikova .face {
    background: url(../images/team/podryadchikova_shadow.png) 32px bottom no-repeat;
}
.team .podryadchikova .hover, .team .podryadchikova .now {
    background: url(../images/team/podryadchikova.png) 27px 9px no-repeat;
}
.team .sevastenkova .face {
    background: url(../images/team/sevastenkova_shadow.png) 32px bottom no-repeat;
}
.team .sevastenkova .hover, .team .sevastenkova .now {
    background: url(../images/team/sevastenkova.png) 27px 9px no-repeat;
}
.team .belkina .face {
    background: url(../images/team/belkina_shadow.png) 32px bottom no-repeat;
}
.team .belkina .hover, .team .belkina .now {
    background: url(../images/team/belkina.png) 27px 9px no-repeat;
}
.team .loginov .face {
    background: url(../images/team/loginov_shadow.png) 32px bottom no-repeat;
}
.team .loginov .hover, .team .loginov .now {
    background: url(../images/team/loginov.png) 27px 9px no-repeat;
}
.team .polikarpova .face {
    background: url(../images/team/polikarpova_shadow.png) 8px bottom no-repeat;
}
.team .polikarpova .hover, .team .polikarpova .now {
    background: url(../images/team/polikarpova.png) 3px -15px no-repeat;
}
/*.team .konovalova .face {
    background: url(../images/team/konovalova_shadow.png) -4px bottom no-repeat;
}
.team .konovalova .hover, .team .konovalova .now {
    background: url(../images/team/konovalova.png) -8px 10px no-repeat;
}
.team .konovalova .hover {
    background-position: -8px -180px;
}*/
.team .bondarenko .face {
    background: url(../images/team/bondarenko_shadow.png) 8px bottom no-repeat;
}
.team .bondarenko .hover, .team .bondarenko .now {
    background: url(../images/team/bondarenko.png) -6px -15px no-repeat;
}
.team .bondarenko .hover {
    background-position: -6px -194px;
}
.team .budin .face {
    background: url(../images/team/budin_shadow.png) 8px bottom no-repeat;
}
.team .budin .hover, .team .budin .now {
    background: url(../images/team/budin.png) 3px -15px no-repeat;
}
.team .budin .hover {
    background-position: 3px -191px;
}
.team .shevyreva .face {
    background: url(../images/team/shevyreva_shadow.png) 8px bottom no-repeat;
}
.team .shevyreva .hover, .team .shevyreva .now {
    background: url(../images/team/shevyreva.png) 7px -13px no-repeat;
}
.team .rykova .face {
    background: url(../images/team/rykova_shadow.png) 3px bottom no-repeat;
}
.team .rykova .hover, .team .rykova .now {
    background: url(../images/team/rykova.png) 5px -13px no-repeat;
}
.team .borisov .face  {
    background:  url(../images/team/borisov_shadow.png) -1px bottom no-repeat;
}
.team .borisov .hover,  .team .borisov .now  {
    background:  url(../images/team/borisov.png) -5px -13px no-repeat;
}
.team .borisov .hover  {
    background-position:  -5px -190px;
}
.team .obidina .face {
    background: url(../images/team/obidina_shadow.png) 3px bottom no-repeat;
}
.team .obidina .hover, .team .obidina .now {
    background: url(../images/team/obidina.png) 2px 2px no-repeat;
}
.quotedrop {
    background: url(../images/team/etc/quote.png) right 10px bottom 10px no-repeat, #fff;
    border-radius: 7px;
    position: absolute;
    width: 100%;
    max-width: 335px;
    min-height: 80px;
    padding: 15px 20px;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
    box-shadow: 0 0 15px #777;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
}
.quotedrop_hide {
    display: none;
}
.quotedrop__text {
    position: relative;
    width: 100%;
    margin: auto;
}
.quotedrop-down::after, .quotedrop-up:after {
    position: absolute;
    width: 78px;
    height: 80px;
    content: ''}
.quotedrop-down {
    top: 165px;
    left: 0;
}
.quotedrop-down::after {
    background: url(../images/team/etc/bubble.png) -80px 0 no-repeat;
    top: -87px;
    left: 150px;
}
.quotedrop-up {
    bottom: 205px;
    left: 0;
}
.quotedrop-up:after {
    background: url(../images/team/etc/bubble.png) no-repeat;
    bottom: -88px;
    left: 90px;
}
.callback:after, .callback:before {
    content: ""}
.personInfo {
    float: left;
    width: 55%;
    margin-bottom: 70px;
}
.personInfo h2 {
    margin: 0 0 3px;
    color: #818181;
}
.personInfo .post {
    color: #9b9b9b;
    font-size: 14px;
}
.personInfo .contactTitle {
    margin-bottom: 10px;
    padding: 0 0 0 22px;
    color: #5d6675;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
}
.personInfo ul {
    position: relative;
    margin: 0;
    padding: 0 0 20px 22px;
    zoom: 1;
}
.personInfo li {
    background: left top no-repeat;
    position: relative;
    float: left;
    width: 39%;
    margin: 0 2% 0 0;
    padding: 0 0 5px 25px;
    font-size: 12px;
    color: #293032;
}
.personInfo li a, .rightCol .personInfo a:visited {
    color: #293032;
}
.personInfo li a:hover, .rightCol .personInfo a:visited:hover {
    color: #3b5998;
    text-decoration: none;
}
.aboutPerson {
    background: url(../images/quote_left.png) 12px center no-repeat #fff;
    box-shadow: 0 0 6px #d3d3d3;
    position: relative;
    clear: both;
    margin: 0 0 30px;
    padding: 0 12px 0 0;
    color: #788c98;
    font-size: 16px;
    zoom: 1;
}
.aboutPerson .inside {
    background: url(../images/quote_right.png) right center no-repeat;
    position: relative;
    padding: 25px 50px 10px 62px;
    z-index: 2;
}
.personFace {
    background: url(../images/team/savchuk_shadow.png) right 15px no-repeat;
    position: relative;
    overflow: hidden;
    float: right;
    width: 240px;
    height: 190px;
    margin: -190px 0 0;
}
.personFace.girl {
    background: url(../images/team/klimova_shadow.png) right 3px no-repeat;
}
.personFace.simonova {
    background: url(../images/team/simonova_shadow.png) right 3px no-repeat;
}
.personFace.golovei {
    background: url(../images/team/golovei_shadow.png) right 3px no-repeat;
}
.personFace.myalkina {
    background: url(../images/team/myalkina_shadow.png) right 3px no-repeat;
}
.personFace.jogina {
    background: url(../images/team/jogina_shadow.png) right 3px no-repeat;
    width: 220px;
}
.personFace.kovba {
    background: url(../images/team/kovba_shadow.png) right 3px no-repeat;
    width: 230px;
}
.personFace.lagutina {
    background: url(../images/team/lagutina_shadow.png) right 3px no-repeat;
}
.personFace.savchuk {
    background: url(../images/team/savchuk_shadow.png) right 3px no-repeat;
    width: 210px;
}
.personFace.klimova {
    background: url(../images/team/klimova_shadow.png) right 3px no-repeat;
    width: 213px;
}
.personFace.german {
    background: url(../images/team/german_shadow.png) right 3px no-repeat;
    width: 220px;
}
.personFace.kochetkova {
    background: url(../images/team/kochetkova_shadow.png) right 3px no-repeat;
    width: 200px;
}
.personFace.misherin {
    background: url(../images/team/misherin_shadow.png) right 3px no-repeat;
}
.personFace.malenkova {
    background: url(../images/team/malenkova_shadow.png) right 3px no-repeat;
    width: 190px;
}
.personFace.semenov {
    background: url(../images/team/semenov_shadow.png) right 3px no-repeat;
    width: 230px;
}
.personFace.maslov {
    background: url(../images/team/maslov_shadow.png) right 3px no-repeat;
    width: 260px;
}
.personFace.kovalev {
    background: url(../images/team/kovalev_shadow.png) right 3px no-repeat;
    width: 230px;
}
.personFace.dryabjinsky {
    background: url(../images/team/dryabjinsky_shadow.png) right 3px no-repeat;
}
.personFace.safonov {
    background: url(../images/team/safonov_shadow.png) right top no-repeat;
    width: 260px;
}
.personFace.dereshov {
    background: url(../images/team/dereshov_shadow.png) right top no-repeat;
    width: 235px;
}
.personFace.simonovaNelya {
    background: url(../images/team/simonova_nelya_shadow.png) right 2px no-repeat;
    width: 165px;
}
.personFace.posedelov {
    background: url(../images/team/posedelov_shadow.png) right 3px no-repeat;
    width: 268px;
}
.personFace.kandela {
    background: url(../images/team/kandela_shadow.png) right 3px no-repeat;
    width: 172px;
}
.personFace.grishanov {
    background: url(../images/team/grishanov_shadow.png) right 3px no-repeat;
    width: 237px;
}
.personFace.egorcova {
    background: url(../images/team/egorcova_shadow.png) right 3px no-repeat;
    width: 210px;
}
.personFace.kvaskova {
    background: url(../images/team/kvaskova_shadow.png) right 3px no-repeat;
    width: 197px;
}
.personFace.timofeev {
    background: url(../images/team/timofeev_shadow.png) right 3px no-repeat;
    width: 250px;
}
.personFace.marenov {
    background: url(../images/team/marenov_shadow.png) right 3px no-repeat;
    width: 215px;
}
.personFace.zavilova {
    background: url(../images/team/zavilova_shadow.png) right 3px no-repeat;
    width: 236px;
}
.personFace.misherina {
    background: url(../images/team/misherina_shadow.png) right 3px no-repeat;
    width: 205px;
}
.personFace.hristuhin {
    background: url(../images/team/hristuhin_shadow.png) right 3px no-repeat;
    width: 220px;
}
.personFace.samsonov {
    background: url(../images/team/samsonov_shadow.png) right 3px no-repeat;
    width: 220px;
}
.personFace.demin {
    background: url(../images/team/demin_shadow.png) right 3px no-repeat;
    width: 255px;
}
.personFace.shiryaev {
    background: url(../images/team/shiryaev_shadow.png) right 3px no-repeat;
    width: 255px;
}
.personFace.podryadchikova {
    background: url(../images/team/podryadchikova_shadow.png) right 3px no-repeat;
    width: 169px;
}
.personFace.sevastenkova {
    background: url(../images/team/sevastenkova_shadow.png) right 3px no-repeat;
    width: 202px;
}
.personFace.belkina {
    background: url(../images/team/belkina_shadow.png) right 3px no-repeat;
    width: 193px;
}
.personFace.zvereva {
    background: url(../images/team/zvereva_shadow.png) right 3px no-repeat;
    width: 193px;
    background-position: 8px 36px!important;
}
.personFace.loginov {
    background: url(../images/team/loginov_shadow.png) right 3px no-repeat;
    width: 182px;
}
.personFace.polikarpova {
    background: url(../images/team/polikarpova_shadow.png) right 3px no-repeat;
    width: 194px;
}
.personFace.polikarpova img {
    top: 5px;
    left: -5px;
}
.personFace.bondarenko img, .personFace.budin img, .personFace.rykova img, .personFace.shevyreva img {
    top: 15px;
    left: 0;
}
/*.personFace.konovalova {
    background: url(../images/team/konovalova_shadow.png) right 3px no-repeat;
    width: 233px;
}*/
.personFace.bondarenko {
    background: url(../images/team/bondarenko_shadow.png) right 3px no-repeat;
    width: 231px;
}
.personFace.budin {
    background: url(../images/team/budin_shadow.png) right 3px no-repeat;
    width: 212px;
}
.personFace.shevyreva {
    background: url(../images/team/shevyreva_shadow.png) right 3px no-repeat;
    width: 207px;
}
.personFace.rykova {
    background: url(../images/team/rykova_shadow.png) right 3px no-repeat;
    width: 207px;
}
.personFace.borisov  {
    background:  url(../images/team/borisov_shadow.png) right 20px no-repeat;
    width:  218px;
}
.personFace.borisov img  {
    top:  8px;
    left:  0;
}
.personFace img {
    box-shadow: none;
    position: absolute;
    top: 25px;
    left: 8px;
}
.textPerson {
    position: relative;
    padding-bottom: 10px;
    zoom: 1;
}

.personProjects h2 {
    padding-top: 0;
    margin-top: 0;
}
.personArticle {
    /*float: right;
    width: 46%*/}
.personArticle.onlyThis, .personProjects.onlyThis {
    float: none;
    /*clear: both;*/
    width: auto;
}
.personArticle h3, .personProjects h3 {
    margin-top: 0;
    font-size: 14px;
}
.personArticle ul, .personProjects ul {
    margin: 0;
    padding: 0 0 20px;
}
.personArticle li, .personProjects li {
    padding-left: 22px;
}
.personArticle li {
    background: 0 0;
    padding-left: 0;
}
.personArticle a, .personProjects a, .rightCol .personArticle a:visited, .rightCol .personProjects a:visited {
    color: #5d6675;
    text-decoration: none;
}
.personArticle a:hover, .personProjects a:hover, .rightCol .personArticle a:visited:hover, .rightCol .personProjects a:visited:hover {
    color: #3b5998;
    text-decoration: underline;
}
.personArticle a {
    background: url(../images/ico_article_list.png) -11px 4px no-repeat;
    display: inline-block;
    padding-left: 22px;
}
.personArticle a:hover {
    background-position: left -16px;
}
.attachFiles {
    border-top: 1px solid #e1e1e1;
    clear: both;
    margin: 0 0 20px;
    padding: 0;
}
.attachFiles li {
    background: 0 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    margin: 0;
    padding: 10px 0;
    zoom: 1;
}
.attachFiles .borderBox {
    border-right: 1px solid #e1e1e1;
    position: relative;
    width: 80%}
.attachFiles .borderBox a {
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5%;
    padding-left: 35px;
}
.attachFiles .borderBox a[href$=".doc"], .attachFiles .borderBox a[href$=".docx"] {
    background-image: url(../images/icons/doc.png);
}
.attachFiles .borderBox a[href$=".xls"], .attachFiles .borderBox a[href$=".xlsx"] {
    background-image: url(../images/icons/xls.png);
}
.attachFiles .borderBox a[href$=".ppt"], .attachFiles .borderBox a[href$=".pptx"] {
    background-image: url(../images/icons/ppt.png);
}
.attachFiles .borderBox a[href$=".pdf"] {
    background-image: url(../images/icons/pdf.png);
}
.attachFiles .borderBox a[href$=".txt"] {
    background-image: url(../images/icons/txt.png);
}
.attachFiles .borderBox a[href$=".zip"], .attachFiles .borderBox a[href$=".rar"], .attachFiles .borderBox a[href$=".7z"], .attachFiles .borderBox a[href$=".gzip"], .attachFiles .borderBox a[href$=".tar"] {
    background-image: url(../images/icons/compress.png);
}
.attachFiles .borderBox a[href$=".jpg"], .attachFiles .borderBox a[href$=".png"], .attachFiles .borderBox a[href$=".gif"], .attachFiles .borderBox a[href$=".bmp"] {
    background-image: url(../images/icons/img.png);
}
.attachFiles .borderBox a[href$=".mp4"], .attachFiles .borderBox a[href$=".avi"], .attachFiles .borderBox a[href$=".mov"] {
    background-image: url(../images/icons/video.png);
}
.attachFiles .borderBox a[href$=".mp3"], .attachFiles .borderBox a[href$=".aac"], .attachFiles .borderBox a[href$=".flac"], .attachFiles .borderBox a[href$=".ogg"], .attachFiles .borderBox a[href$=".wav"] {
    background-image: url(../images/icons/audio.png);
}
.attachFiles .borderBox a[href$=".swf"] {
    background-image: url(../images/icons/swf.png);
}
.attachFiles .download, .attachFiles .download:hover {
    background: url(../images/ico_download.png) left top no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    left: 83%;
    height: 16px;
    margin-top: -8px;
    padding-left: 24px;
    font-size: 11px;
    line-height: 17px;
    color: #868c93;
    text-decoration: none;
}
.customBg, .loading, .wideCol {
    position: relative;
}
.customBg {
    zoom: 1;
}
.phoneTouchLink, .phoneTouchLink:hover {
    border-bottom: 1px dashed #585858;
    color: #585858;
    text-decoration: none;
}
.loading {
    background: url(../images/loading.gif) center top no-repeat;
    clear: both;
    height: 5px;
    margin-bottom: 20px;
    line-height: 5px;
    font-size: 0;
}
.wideCol {
    padding: 80px 0 10px;
    text-align:left;
    zoom: 1;
}
.servicesPage .wideCol {
    padding-top: 64px;
}
.wideCol.fixW {
    background: #fff;
    width: 701px;
    padding: 44px 35px 10px;
}
.wideCol.jobsBg {
    background: #fff;
    max-width: 701px;
    padding: 80px 35px 10px;
}
.noTwoLevelMenu{

}
.wideCol.teamBg {
    background-image: url(../images/team_bg.jpg);
    min-height: 673px;
}
.wideCol.servicesPd {
    padding-top: 95px;
}
.reviews {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 15px;
}
.reviews td {
    background: 0 0;
    border: none;
    padding: 0 0 10px;
    color: #5d6675;
    font-size: 11px;
}
.reviews td.sep {
    width: 70px;
}
.reviews .headlines td {
    border-top: 1px dashed #dfdfdf;
    padding-top: 15px;
    vertical-align: bottom;
}
.reviews .headlines:first-child td {
    border: none;
}
.reviews p {
    margin-bottom: 10px;
}
.reviews .name {
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    word-wrap: break-word;
}
.reviews .name a, .rightCol .reviews .name a:visited {
    color: #000;
    text-decoration: none;
}
.reviews .name a:hover, .rightCol .reviews .name a:visited:hover {
    color: #3b5998;
    text-decoration: underline;
}
.reviews .picShadow {
    background: url(../images/pic_shadow.png) 2px bottom no-repeat;
    display: block;
    position: relative;
    padding-bottom: 18px;
}
.reviews img {
    border: 1px solid #cfcfcf;
    max-width: 99%}
.workInfo img, img {
    max-width: 100%}
.zoom {
    background: url(../images/ico_zoom.png) left top no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin: -26px 0 0 -17px;
    opacity: 0;
}
.monitorBox, .shd_bl, .workNav .fix, .workNav .inside, .workPic {
    position: relative;
}
a:hover .zoom {
    opacity: 1;
}
.reviews .date {
    margin-bottom: 15px;
    color: #b6b7b8;
}
.shd_bl {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #D3D3D3;
    clear: both;
    margin: 20px 0 30px;
    padding: 20px 10px;
    zoom: 1;
}
.headlinePanel, .workNav .inside {
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #fff, 0 2px 2px #ececec;
    zoom: 1;
}
.workPic {
    /* margin-top: 100px; */
	margin-top: 0px;
    font-size: 12px;
}
.workNav {
    background: url(../images/team_bg.jpg) center top;
    padding-top: 160px;
}
.workNav .inside {
    background: url(../images/work_nav_panel_bg.png) left top repeat-x #e9e9e9;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    height: 87px;
    padding: 10px 0;
}
.workNav .fix {
    width: 980px;
    margin: 0 auto;
    zoom: 1;
}
.workNav .next, .workNav .prev {
    display: block;
    position: relative;
    overflow: hidden;
    width: 96px;
    height: 86px;
    color: #fa9e12;
    text-decoration: none;
    word-wrap: break-word;
}
.workNav .prev {
    background: url(../images/work_nav_arrow_l.png) left 4px no-repeat;
    padding-left: 20px;
}
.workNav .prev:hover {
    background-position: left -103px;
}
.workNav .next {
    background: url(../images/work_nav_arrow_r.png) right 4px no-repeat;
    padding-right: 20px;
    text-align: right;
}
.workNav .next:hover {
    background-position: right -103px;
}
.workNav .next:hover, .workNav .prev:hover {
    color: #2b53a8;
}
.workNav .dec {
    display: block;
    white-space: nowrap;
    font-size: 13px;
    text-shadow: 0 1px #fff;
}
.workNav .dec span {
    color: #000;
    font-size: 22px;
}
.workNav .name {
    border-top: 1px solid #e6eaec;
    display: block;
    padding-top: 4px;
    color: #788c98;
    line-height: 1.2;
    font-size: 11px;
}
.workNav a:hover .name {
    text-decoration: underline;
}
.monitorBox {
    width: 730px;
    margin: -192px auto 0;
}
.monitorBox h1 {
    margin-bottom: 8px;
}
.smart, .tablet {
    position: relative;
    margin: 20px auto 0;
}
.monitor {
    background: url(../images/monitor.png) left top no-repeat;
    position: relative;
    height: 630px;
}
.tablet {
    background: url(../images/tablet.png) left top no-repeat;
    width: 592px;
    height: 648px;
}
.smart {
    background: url(../images/smart.png) left top no-repeat;
    width: 410px;
    height: 621px;
}
.monitor-pic, .smart-pic, .tablet-pic {
    display: none;
}
.monitor .picture, .smart .picture, .tablet .picture {
    background: #fff;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 62px;
    left: 30px;
    width: 672px;
    height: 345px;
    text-align: center;
    line-height: 0;
    font-size: 0;
}
.tablet .picture {
    top: 74px;
    left: 123px;
    width: 353px;
    height: 450px;
}
.smart .picture {
    top: 99px;
    left: 89px;
    width: 232px;
    height: 394px;
}
.monitor .tabName, .monitor .urlName {
    display: block;
    position: absolute;
    font-size: 9px;
    z-index: 2;
}
.monitor .tabName {
    top: 33px;
    left: 50px;
}
.monitor .urlName {
    top: 47px;
    left: 108px;
}
.monitor .picture img {
    max-width: 100%;
    margin: 0 auto;
}
.scrollIco {
    background: url(../images/scroll.png) left top no-repeat;
    display: block;
    position: absolute;
    top: 455px;
    right: 0;
    width: 55px;
    height: 75px;
}
.smart .scrollIco, .tablet .scrollIco {
    background-image: url(../images/scroll_touch.png);
    right: -6px;
    width: 80px;
    height: 92px;
}
.smart .scrollIco {
    right: -10px;
}
.view-type {
    border-left: 1px solid #d8d8d8;
    position: absolute;
    top: 254px;
    right: -124px;
    width: 71px;
    padding-left: 24px;
    color: #8698a2;
    text-align: center;
}
.view-type p {
    margin-bottom: 8px;
}
.view-type__i {
    display: block;
    position: relative;
    width: 71px;
    margin-top: 26px;
    padding-top: 77px;
    color: #a1a1a1;
    cursor: pointer;
}
.view-type__i:first-child {
    margin-top: 0;
}
.view-type__i_monitor {
    background: url(../images/ico_type_desc.png) no-repeat;
    padding-top: 61px;
}
.view-type__i_tablet {
    background: url(../images/ico_type_tablet.png) no-repeat;
}
.view-type__i_smart {
    background: url(../images/ico_type_smart.png) no-repeat;
}
.view-type__i:hover {
    background-position: 100% 0;
    color: #7f7f7f;
}
.view-type__i_cur, .view-type__i_cur:hover {
    background-position: -71px 0;
    color: #3b5998;
}
.view-type__i_cur:after, .view-type__i_cur:before {
    content: "";
    border: solid transparent;
    position: absolute;
    left: -25px;
    top: 35px;
    width: 0;
    height: 0;
    pointer-events: none;
}
.filter-offers__img-show, .headlinePanel, .workInfo, .workInfo .box, .workInfo .inside, .workReviews li {
    position: relative;
}
.view-type__i_cur.view-type__i_monitor:after, .view-type__i_cur.view-type__i_monitor:before {
    top: 22px;
}
.view-type__i_cur:after {
    border-color: rgba(251, 251, 251, 0);
    border-left-color: #fbfbfb;
    border-width: 16px;
    margin-top: -16px;
}
.view-type__i_cur:before {
    border-color: rgba(216, 216, 216, 0);
    border-left-color: #d8d8d8;
    border-width: 17px;
    margin-top: -17px;
}
.workInfo {
    background: url(../images/work_info_bg.jpg) center top;
    overflow: hidden;
    zoom: 1;
}
.workInfo .inside {
    width: 980px;
    margin: 0 auto;
    zoom: 1;
}
.headlinePanel {
    background: url(../images/work_info_panel_bg.png) left top repeat-x #f1f1f1;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 40px;
    font-size: 12px;
}
.headlinePanel .inside {
    padding: 10px 0 5px;
    color: #acacac;
    font-style: italic;
    text-shadow: 0 1px 0 #fff;
}
.headlinePanel .left {
    width: 70%}
.headlinePanel .right {
    width: 29%;
    text-align: right;
}
.headlinePanel h2 {
    margin: 0 0 5px;
    line-height: 1.3;
}
.headlinePanel p {
    margin-bottom: 5px;
}
.headlinePanel .link {
    margin-top: 5px;
    font-style: normal;
}
.workInfo .leftInfo {
    border-right: 1px solid #e6eaec;
    float: left;
    width: 69%;
    padding-right: 2%}
.workInfo .rightInfo {
    float: right;
    width: 27%;
    font-size: 12px;
}
.workInfo .box {
    padding-bottom: 30px;
    zoom: 1;
}
.workInfo .box.reviewsBox {
    padding-bottom: 20px;
}
.workInfo .box .title {
    margin-top: 0;
}
.workInfo .box.reviewsBox .title {
    color: #585858;
}
.workCommand, .workReviews {
    margin: 0;
    padding: 0;
}
.workCommand li {
    background: 0 0;
    margin: 0;
    padding: 0 0 3px;
    color: #b6b7b8;
}
.workCommand a {
    margin-right: 10px;
}
.workReviews li {
    background: url(../images/pic_shadow_small.png) 2px bottom no-repeat;
    max-width: 202px;
    margin: 0 0 10px;
    padding: 0 0 15px;
}
.workReviews img {
    border: 1px solid #cfcfcf;
    max-width: 200px;
}
.filter-offers__list {
    float: left;
}
.filter-offers__img-show__big-img-prewie {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border-radius: 6px 6px 0 0;
    position: relative;
}
.filter-offers__img-show__big-img-prewie img, .filter-offers__img-show__browser {
    width: 100%}
.filter-offers__preview-list {
    float: right;
    width: 100px;
    margin: 57px -140px 0 0;
    padding: 0;
}
.filter-offers__preview-list .sticky {
    position: fixed;
    z-index: 3;
}
.filter-offers__preview-list .stop {
    position: relative;
    z-index: 3;
}
.filter-offers__preview-list__i {
    background: 0 0;
    max-width: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.filter-offers__preview-list__i.active::before, .filter-offers__preview-list__i:hover::before {
    background: url(../images/filter-prewie-list.png) -17px 50% no-repeat;
}
.filter-offers__preview-list__i.active:first-child::before, .filter-offers__preview-list__i:hover:first-child::before {
    background: url(../images/filter-prewie-list.png) -17px -10% no-repeat;
}
.filter-offers__preview-list__i.active:last-child::before, .filter-offers__preview-list__i:hover:last-child::before {
    background: url(../images/filter-prewie-list.png) -17px 110% no-repeat;
}
.filter-offers__preview-list__i a {
    text-decoration: none;
}
.filter-offers__preview-list__i img {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filter-offers__preview-list__i:last-child p {
    margin-bottom: 0;
}
.errorText {
    color: red;
}
.infoText {
    color: #00f;
}
.notFoundError .page-wrap{
    display: flex;
    flex-direction: column;
}

.errorContent {
	flex: auto;
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 12px;
    zoom: 1;
}

.errorContent_wrap{
	display:block;
    width: 100%;
}

.errorContent .left {
    width: 50%}
.errorContent h1, .errorContent h2, .errorContent h3, .errorContent h4, .errorContent h5, .errorContent h6 {
    color: #3b5998;
}
.errorContent h1 {
    margin-bottom: 40px;
}
.errorContent h1 span {
    font-size: 18px;
}
.helpLinks li {
    background: 0 0;
    padding-left: 22px;
    font-size: 14px;
}
.search {
    padding: 30px 0;
}
.searchList article {
    padding-bottom: 0;
}
.search input[type=text] {
    float: left;
    width: 230px;
    margin: 0 10px 0 0;
}
.search button {
    background: url(../images/ico_search.png) center center no-repeat #3b5998;
    border: none;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #c8c8c8;
    clear: none;
    width: 30px;
    height: 30px;
    margin: 0;
    cursor: pointer;
}
.errorNum {
    float: right;
    color: #fff;
    color: #e8e8e8\0/;
    font: 256px/1 TrajanPro-Bold, 'Times New Roman', Times, serif;
    text-shadow: 0 0 10px #c8c8c8;
}
.logoSmallError {
    display: block;
    clear: both;
    padding: 50px 0 20px;
}
.servicesTabMenu {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #BAC4DA;
}
.servicesTabMenu__i {
    background: 0 0;
    border: 1px solid #bac4da;
    border-radius: 6px 6px 0 0;
    display: inline-block;
    position: relative;
    width: 170px;
    min-height: 60px;
    margin: 0 15px -1px 0;
    padding: 0;
    line-height: 21px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}
.servicesTabMenu__i:last-child {
    margin-right: 0;
}
.servicesTabMenu__i:not(.servicesTabMenu__i_active):hover {
    background-color: #f6f6f6;
    transition: background-color .5s ease;
}
.servicesTabMenu__i_active {
    border-bottom: 1px solid #fbfbfb;
    z-index: 1;
}
.tabMenu-corner {
    position: absolute;
    bottom: -12px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.tabMenu-corner_left {
    background: url(../images/left-corner.gif) no-repeat;
    left: -11px;
}
.tabMenu-corner_right {
    background: url(../images/right-corner.gif) no-repeat;
    right: -19px;
}
.servicesTabMenu__i_active:first-child .tabMenu-corner_left {
    background: 0 0;
}
.servicesTabMenu__i__link {
    display: block;
    min-height: 42px;
    padding: 8px 16px;
    text-decoration: none;
}
.servicesTabMenu__i__link:hover {
    text-decoration: none;
}
.servicesTabMenu__i_active .servicesTabMenu__i__link {
    color: #fa9e12;
}
.advantBlocks__i {
    background: 0 0;
    display: inline-block;
    width: 30%;
    margin-top: 15px;
    margin-right: 4%;
    margin-bottom: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}
.advantBlocks__i:nth-child(3n) {
    margin-right: 0;
}
.advantBlocks__i__img-wrap {
    height: 70px;
    max-height: 100%}
.advantBlocks__i__img-wrap img {
    max-width: 125px;
    max-height: 75px;
}
.advantBlocks__i__wrap p {
    margin-top: 20px;
    line-height: 24px;
}
.ourWorkTable {
    background-size: contain;
    width: 100%;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ourWorkTable__i {
    display: table;
    position: relative;
    width: 33.33%;
    margin: 0;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ourWorkTable__i_top {
    background: 0 0;
    height: 100px;
    text-align: center;
    line-height: 22px;
}
.ourWorkTable__i_top-start {
    color: #2d2d2d;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
}
.ourWorkTable__i__text {
    display: table-cell;
    vertical-align: bottom;
}
.ourWorkTable__i_img {
    background: url(../images/bg-dotted.png) 50% 50% repeat-x;
    height: 45px;
    padding: 0;
}
.ourWorkTable__i_img__space {
    display: inline-block;
    width: 50%;
    height: 45px;
}
.ourWorkTable__i_img__user {
    background-color: #FEF6E9;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ourWorkTable:nth-child(odd) .ourWorkTable__i, .ourWorkTable__i_img-start .ourWorkTable__i_img__space {
    float: left;
}
.ourWorkTable:nth-child(odd) .ourWorkTable__i_img-finish .ourWorkTable__i_img__space {
    float: right!important;
}
.ourWorkTable:nth-child(odd):not(:last-child) .ourWorkTable__i_img:nth-child(3n) {
    background: url(../images/bg-left-bottom.jpg) 100% 130% no-repeat, url(../images/bg-dotted.png) 50% 50% repeat-x;
}
.ourWorkTable:nth-child(odd):not(:first-child) .ourWorkTable__i_img:nth-child(4), .ourWorkTable:nth-child(odd):not(:first-child) .ourWorkTable__i_img:nth-of-type(1) {
    background: url(../images/bg-top-right.jpg) 0 -29% no-repeat, url(../images/bg-dotted.png) 50% 50% repeat-x;
}
.ourWorkTable:nth-child(odd):not(:first-child) .ourWorkTable__i:nth-child(1) {
    background: url(../images/bg-dotted.png) 0 50% repeat-y;
}
.ourWorkTable:nth-child(even) .ourWorkTable__i {
    float: right;
}
.ourWorkTable:nth-child(even) .ourWorkTable__i_img-finish .ourWorkTable__i_img__space {
    float: left;
}
.ourWorkTable:nth-child(even) .ourWorkTable__i:nth-child(1) {
    background: url(../images/bg-dotted.png) 100% 50% repeat-y;
}
.ourWorkTable:nth-child(even) .ourWorkTable__i_img:nth-child(4) {
    background: url(../images/bg-top-left.jpg) 100% -29% no-repeat, url(../images/bg-dotted.png) 50% 50% repeat-x;
}
.ourWorkTable:nth-child(even):not(:last-child) .ourWorkTable__i_img:nth-child(6) {
    background: url(../images/bg-right-bottom.jpg) 0 136% no-repeat, url(../images/bg-dotted.png) 50% 50% repeat-x;
}
/*---====cases====--- */
.one-client-title{
    height: 40px;
    margin-bottom: 40px;
}
.client-arrow-prev{
    position:absolute;
    top:0px;
    left:0px;
    width:auto;
    max-width:200px;
}

.prev-arr{
    background: url(../images/work_nav_arrow_l.png) left 10px no-repeat;
    padding-left: 20px;
}

.client-arrow-next{
    position:absolute;
    right: 20px;
    top:0px;
    width:auto;
    max-width:200px;
}

.next-arr{
    background: url(../images/work_nav_arrow_r.png) right 10px no-repeat;
    padding-right: 20px;
}

.client-arrow-link{
    text-decoration:none!important;
}

.prev-client-name, .next-client-name{
    white-space:normal;
    margin-top: 6px;
    color: #788c98;
    line-height: 1.2;
    font-size: 11px;

    display: table-cell;
    vertical-align: middle;
}

@media (max-width:767px){
    .prev-client-name, .next-client-name{
        display:none;
    }
    .wideCol.servicesPd {
        padding-top: 25px;
    }
}


.prev-client-id, .next-client-id{
    display: table-cell;
    vertical-align: middle;
}
.prev-client-id{
    padding-right:10px;
}

.next-client-id{
    padding-left:10px;
}



.content-text h3 {
    padding-bottom: 1.3em;
    margin-bottom: 1em;
    position: relative;
    font-size: 18px;
    text-align: left !important;
    color: #2d2d2d;
}

.content-text h3:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 7px;
    background-color: #fa9e12;
}

.client-name{
    text-align: center;
    margin: 0 220px;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

.wd-50{
    width:50px;
}
.case-text {
    line-height: 1.5;
    margin-bottom: 15px;
    min-height: 66px;
    clear: both;
}
.case-text p {
    padding-top: 10px;
    padding-left: 134px;
}

.ceis-icons {
    width: 95px;
    margin-right: 40px;
    float: left;
    min-height: 66px;
    display: block;
    background: url(/images/ceis4-spite.png) no-repeat;
}
.ceis-icons.house {
    background-position: 0 -14px;
}

.ceis-icons.planshet {
    background-position: -100px -30px;
}

.ceis-icons.darts {
    background-position: 0 -116px;
}

.ceis-icons.settings {
    background-position: -107px -116px
}

.ceis-icons.fly {
    background-position: -210px -118px;
}

.ceis-icons.graf {
    background-position: -210px -14px;
}

.ceis-icons.key {
    background-position: -404px -14px;
}

.ceis-icons.minus {
    background-position: -310px -116px;
}

.ceis-icons.carkey {
    background-position: -310px -14px;
}



@media (max-width:991px) {
    .services-icon-nav {
        display:none;
    }
    #services-slider .slick-dots{
        bottom: -20px;
    }
    .client-name {
        text-align: center;
        margin: 0 70px;
    }
    .one-client-wrap .fz30 {
        font-size:22px;
    }
    .one-client-title {
        margin-bottom: 0;
    }
    .ceis-icons {
        margin-right: 30px;
    }
    .sidebarMenu .keises {
        padding-left: 55px;
    }

    .next-arr{
        background: url(../images/work_nav_arrow_r.png) right 5px no-repeat;
    }

    .prev-arr {
        background: url(../images/work_nav_arrow_l.png) left 5px no-repeat;

    }
}

.title-decor{
    padding-bottom:1.3em;
    margin-bottom:1em;
    position:relative;
}
.title-decor:after{
    content:' ';
    position:absolute;
    bottom:0;
    left:0;
    width:54px;
    height:7px;
    background-color:#fa9e12;
}

/*---====cases====--- */

.ourClients {
    /* margin-bottom: 25px; */
}

.se_ourClients{
	padding:40px 0;
}

.imgListClient {
    border-left: 1px solid #d5dded;
    border-top: 1px solid #d5dded;
    width: 100%;
    height: 100%;
    margin: 0;
}
.comment {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    z-index: 100;
    text-decoration: none;
}
.comment:hover {
    text-decoration: underline;
}
.comment .fa {
    font: normal normal normal 18px/1 FontAwesome;
}

.imgListClient_hiden {
    display: none;
    border-top: none;
}
.imgListClient__i {
    background: #fff;
    border-right: 1px solid #d5dded;
    border-bottom: 1px solid #d5dded;
    display: table;
    float: left;
    width: 25%;
    height: 173px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#slider-work, .userForm {
    -moz-box-sizing: border-box;
}
.imgListClient__i a {
    display: table-cell;
    vertical-align: middle;
}
img, td {
    vertical-align: top;
}
.imgListClient__i a:hover {
    text-decoration: none;
    color: #000;
}
.imgListClient__i img {
    max-width: 210px;
}
.imgListClient__i_for-mask {
    position: relative;
}
.imgListClient__i_gr {
    background-color: #d5dded;
}
.imgListClient__i_gr-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.imgListClient__i .imgListClient__tx {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    color: #333;
    font-size: 25px;
    text-decoration: none;
    transition: background-color 2s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.imgListClient__i .imgListClient__tx-2 {
    position: inherit;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.imgListClient__i_gr:hover {
    background-color: #8796B6;
    transition: background-color 2s;
}
.feedback {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#496193+0,498d93+100 */
    background-image: url(../images/callback.png) , -moz-linear-gradient(left, #496193 0%, #498d93 100%); /* FF3.6-15 */background-image: url(../images/callback.png) , -webkit-linear-gradient(left, #496193 0%,#498d93 100%); /* Chrome10-25,Safari5.1-6 */background-image:url(../images/callback.png) , linear-gradient(to right, #496193 0%,#498d93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#496193', endColorstr='#498d93',GradientType=1 ); /* IE6-9 */	background-color:#496393;
    background-repeat:repeat;
    padding: 30px 0;	font-family: 'Nunito', Arial, sans-serif;    font-weight: 300;
    color: #333;
    position:relative;
}
.feedback_form .h1
{
    font-family: 'Nunito', Arial, sans-serif;
    font-weight: 300;
    color:#fff;
    text-shadow:none;
}
.feedback_form label
{
    text-align:left;
    font-size: 15px;
    color:#fff;
    margin-bottom: 12px;
}
.feedback_form p a
{
    color:#fa9e12;
}
.feedback_form p a:hover
{
    text-decoration:none;
}
.feedback_form * {
    box-sizing: initial;
}
.feedback_form .input_text_form
{
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.feedback_form  input[type=text] ,.feedback_form textarea
{
    background: #f8f8f8;
    padding: 8px 15px;
    box-shadow: none;
    font-size: 15px;
    border: 0px;
    width:97%;
}
.feedback_form  input[type=text]
{
    width:94%;
}
.feedback_form .input_text_form:first-child input[type=text]
{
    width:85%;
}
.input_textarea_form
{
    clear:both;
}
.feedback_form form p
{
    color: #fff;
    text-align:left;
    font-size: 12px;
    line-height: 24px;
}

.feedback_form form p .error
{
    color: #f00;
    text-align:left;
    font-size: 12px;
    line-height: 24px;
}
.feedback_form .button
{
    background: #ffa32b;
    font-weight: 300;
    color: #000;
    font-family: 'Nunito', Arial, sans-serif;
    font-weight: 300;
    font-size: 19px;
    padding: 6px 45px;
}
.feedback_form .width_100{
    width:100%;
}
.feedback_form .width_100 input{
    width:97%;
}
.userForm {
    width: 40%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.userForm input, .userForm textarea {
    width: 95%!important;
    padding: 3px 2%}
.userForm .selectBox {
    width: 100%}
.firmForm {
    width: 53%}
.phoner {
    position: relative;
    border: 2px dotted #45639e;
    display: inline-block;
    margin: 0 auto;
    padding: 25px 60px;
    text-align: center;
}
.phoner__num {
    margin-bottom: 17px;
    color: #2d2d2d;
    font-size: 30px;
    line-height: 38px;
}
.phoner__num:before {
    content: '';
    background: url(../images/phone.png) no-repeat;
    float: left;
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 20px 0 0;
}
.firmForm .button, .firmForm .button:active {
    position: absolute;
    top: 93px;
    left: 50%;
    width: 65%;
    height: auto;
    display: inline-block;
    float: none;
    margin: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.grayTx {
    margin-top: 70px;
    line-height: 24px;
}
.video_wrap {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 510px;
    overflow: hidden;
    position: relative;
}
.video_second {
    height: 300px;
}
.blur {
    width: 110%;
    margin: -5% 0 0 -5%;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    filter: blur(7px);
}
.video__content {
    position: absolute;
    top: 75px;
    left: 50%;
    display: block;
    width: 600px;
    margin-left: -300px;
    text-align: center;
}
#slider-work, .slider-work__item {
    border-right: 1px solid #d5dded;
    position: relative;
}
.video__btn-play {
    display: block;
    margin: 30px 0;
    font-size: 100px;
    color: rgba(0, 0, 0, .55);
    cursor: pointer;
    transition: all ease-out .2s;
}
.video_second .video__content {
    top: 40px;
}
#slider-work {
    border-top: 1px solid #d5dded;
    border-left: 1px solid #d5dded;
    margin-bottom: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}
.slider-work__item {
    background: #fff;
    border-bottom: 1px solid #d5dded;
    display: block;
    padding: 30px 15px;
    text-align: center;
    overflow: hidden;
}
.slider-work__item__tx {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
    margin-left: -100%;
    padding: 5%;
    text-align: left;
    transition: .5s;
}
.slider-work__item:hover .slider-work__item__tx {
    margin-left: 0;
    transition: .5s;
}
.slider-work__item__img {
    max-height: 120px;
}
.clearFooter {
    background: 0 0;
    /*height: 220px;*/
    clear: both;
}
footer {	background:#fff;
    min-width: 980px;
    text-align: left;
    z-index: 2;
}footer h3{	font-family: 'Nunito', Arial, sans-serif;	font-size:25px;    font-weight: 300;	}
.shadowBox {
    background: #fff;
    border-top: 1px solid #ddd;    border-bottom: 1px solid #ddd;	padding-bottom: 20px;
    /*box-shadow: 0 0 13px #c8c8c8;*/
    position: relative;
}
.shadowBox .inside {
    position: relative;
    margin: 0 auto;
    padding: 10px 50px 0px 50px;
    zoom: 1;
}
.social {
    font-size: 16px;
    color: #7e7e7e;
}
.social .shadow {
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .2);
    float: left;
}
.social a {
    background: url(../images/social_h.png) center center no-repeat;    display: block;    float: left;    width: 37px;    height: 37px;	margin-left: 10px;
}
.social .vk {
    background-position: -35px center;
}
.social .youtube {
    background-position: -82px center;
}
.social .facebook {
    background-position: 1px center;
}
.share{
    display: block;
    float: left;
    clear: left;
    margin-bottom: 10px;
}
.share {
    height: 22px;
}
.seeMap {
    background: url(../images/see_map.jpg) left top no-repeat;
    display: block;
    float: right;
    width: 229px;
    height: 146px;
    margin: 0 70px 0 0;
}
.partners a, .partners a:hover {
    text-decoration: none;
}
.projFoot {
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0 0;
    color: #a1a1a1;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}
.projFoot img {
    margin: 0 10px 10px;
}
.contact-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 630px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}
.callback, .scrollToTop {
    position: fixed;
    z-index: 1000;
    cursor: pointer;
}
.contact_map {
    float: right;
    width: 600px;
    margin-right: -630px;
}
.callback, .callback:after, .scrollToTop {
    width: 65px;
    height: 65px;
}
.scrollToTop {
    background: url(../images/scroll_arrow.png) center center no-repeat #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px #c8c8c8;
    display: none;
    left: 10px;
    bottom: 50px;
}
.callback, .scrollToTop.show {
    display: block;
}
.hidden-sm.callback{
    display: none !important;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: .5;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
}@keyframes sonarEffect {
     00% {
         opacity: .5;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.5);
         -ms-transform: scale(1.5);
         transform: scale(1.5);
     }
 }.callback {
      background: #fa9e12;
      border-radius: 100%;
      right: 40px;
      bottom: 40px;
      color: #fff;
      font-size: 30px;
      line-height: 64px;
      transition: background 2s ease 0s;
  }
.callback:after {
    border: 2px solid #fa9e12;
    border-radius: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5;
    -webkit-animation: sonarEffect 1.5s ease-out infinite;
    animation: sonarEffect 1.5s ease-out infinite;
}
.callback:before {
    border: 2px solid #fa9e12;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    -webkit-animation: sonarEffect 1.5s ease-out 2s infinite;
    animation: sonarEffect 1.5s ease-out 2s infinite;
}
.callback.active:hover, .callback:hover {
    background: #F6B654;
    color: #fff;
    transition: background .5s ease 0s;
}
.callback:hover:after, .callback:hover:before {
    transition: all .15s linear;
    opacity: 0!important;
}
.callback .fa {
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
}
.callback:hover .fa {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
}
.callback .help_2calls {
    background: #fff;
    border-left: 2px solid #e89311;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    position: absolute;
    top: 3px;
    left: -145px;
    width: 110px;
    height: 40px;
    padding: 10px;
    color: #585858;
    font-size: 14px;
    line-height: 1.3;
    text-align: right;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0;
    transition: all .3s cubic-bezier(.25, .5, .5, .9);
}
.callback .help_2calls:after {
    clip: rect(0, 35px, 50px, 25px);
    position: absolute;
    top: 13px;
    right: -25px;
    width: 50px;
    height: 35px;
    color: #fff;
    content: "\2666";
    font-family: monospace;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4);
    overflow: hidden;
}
.advBlock {
    position: relative;
}
form, label {
    display: block;
    clear: both;
    width: 100%;
    zoom: 1;
    position: relative;
}
label {
    margin: 0 0 5px;
}
label span {
    color: red;
}
label.check {
    display: inline;
    float: none;
    clear: none;
    width: auto;
    margin: 0;
}
.checkBox.inline label.check {
    margin-right: 20px;
}
input[type=radio], input[type=checkbox] {
    vertical-align: middle;
//margin: 0 6px 1px 0;
    margin: 0 6px 1px 0\0;
    width: auto!important;
}
input[type=tel], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=time], input[type=url], input[type=week], input[type=text], select, textarea {
    background: #fff;
    border: 1px solid #ababab;
    border-radius: 4px;
    box-shadow: 0 0 2px #c3c3c3, inset 0 2px 6px #e6e6e6;
    display: block;
    position: relative;
    width: 400px;
    margin: 0 0 15px;
    padding: 3px 8px;
    vertical-align: top;
    color: #585858;
    font: 14px/1.2 Arial, Tahoma, Verdana, Helvetica, sans-serif;
    outline: 0;
}
.elemBox, select {
    width: 418px;
}
input[type=tel], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=time], input[type=url], input[type=week], input[type=text] {
    height: 22px;
}
input[type=file] {
    display: block;
    position: relative;
    width: 418px;
    margin: 0 0 15px;
    font: 14px/1 Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
textarea {
    height: 80px;
    resize: vertical;
}
select {
    height: 30px;
    padding: 0;
}
input[type=tel]:focus, input[type=password]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=range]:focus, input[type=search]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=text]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 2px #f4ab1f, inset 0 2px 6px #e6e6e6;
}
button, input[type=submit], input[type=reset], input[type=button] {
    background: none;
    border: none;
    border-radius: 4px;
    display: block;
    position: relative;
    float: left;
    clear: both;
    height: 30px;
    margin: 0 0 15px;
    padding: 0 10px;
    color: #3b5998;
    font: 14px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    transition: background .5s ease;
}
button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
    background: none;
    color: #3b5998;
    text-decoration: none;
    transition: background .5s ease;
}
.btn {
    float: none!important;
    border: none;
    border-radius: 4px;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    outline: 0;
    transition:  0.5s ;
}
.elemBox.file a input, .selectBox select {
    border: none;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.btn:hover {
    text-decoration: none;
    transition: background .5s ease;
}
.rightCol a:visited:hover, a, a:hover {
    text-decoration: underline;
    transition: color .5s ease;
}
.btn:active {
    box-shadow: 0 0 7px rgba(0, 0, 0, .25) inset;
}
.btn-inl {
    display: inline-block;
}
.btn_orange {
    background: #fa9e12;
    color: #fff;
}
.btn_orange:hover {
    background: #3b5998;
    color: #fff;
}
.btn_md-size {
    font-size: 19px;
    padding-right: 20px;
    padding-left: 20px;
}
.btn-bordered{
    background: rgba(0, 0, 0, 0)!important;
    border: 1px solid #3b5998;
    color: #3b5998!important;
}

.btn-bordered-white{
	background: rgba(0, 0, 0, 0)!important;
    border: 1px solid #fff;
    color: #fff!important;
}

.btn-bordered-white:hover{
	background: rgba(0, 0, 0, 0)!important;
    border: 1px solid #ffa32b;
    color: #ffa32b!important;
}
.btn.btn-basic {
    height: 46px;
    min-width: 216px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 14px 36px 14px 36px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    border-radius: 4px;
    outline: none;
}
.btn.btn-basic--accent {
    background-color: #ff4d1f;
}
.btn.btn-basic--transparent {
    background: radial-gradient(rgba(255,255,255,0.18),rgba(255,255,255,0));
}
.btn.btn-basic--accent-light {
    background-color: #ffa32b;
}
.btn.btn-basic:hover,
.btn.btn-basic:focus {
    color: #fff;
    background-color: #f03f11;
}
.btn.btn-basic:active {
    background-color: #e7e7e7;
    box-shadow: none;
}
.checkBox, .elemBox {
    position: relative;
    clear: both;
    padding: 0 0 15px;
    zoom: 1;
}
.hideSubmit {
    display: none!important;
}
.checkBoxTitle {
    clear: both;
    margin-bottom: 15px;
}
.elemBox input[type=tel], .elemBox input[type=password], .elemBox input[type=color], .elemBox input[type=date], .elemBox input[type=datetime], .elemBox input[type=datetime-local], .elemBox input[type=email], .elemBox input[type=month], .elemBox input[type=number], .elemBox input[type=range], .elemBox input[type=search], .elemBox input[type=time], .elemBox input[type=url], .elemBox input[type=week], .elemBox input[type=file], .elemBox input[type=text], .elemBox select, .elemBox textarea {
    float: none;
    margin: 0;
}
.elemBox.file a {
    overflow: hidden;
    float: right;
    clear: none;
    margin: 0;
    cursor: pointer;
}
.elemBox.file a input {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 30px;
    margin: 0;
    font-size: 50px;
    opacity: 0;
}
.elemBox.file .inputBox {
    position: relative;
    overflow: hidden;
    float: left;
}
.elemBox.file .inputBox input {
    width: 300px;
}
.selectBox {
    background: url(../images/ico_select.gif) right 13px no-repeat #fff;
    border: 1px solid #ababab;
    border-radius: 4px;
    box-shadow: 0 0 2px #c3c3c3, inset 0 2px 6px #e6e6e6;
    position: relative;
    clear: both;
    float: left;
    height: 28px;
    margin: 0 0 15px;
    font: 14px/24px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
.selectBox.focus {
    box-shadow: 0 0 2px #f4ab1f, inset 0 2px 6px #e6e6e6;
}
.selectBox.disabled {
    opacity: .4;
    color: #ccc\0/}
.selectBox .selectText {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 8px;
    right: 26px;
    top: 0;
    height: 28px;
    line-height: 28px;
    color: #585858;
    white-space: nowrap;
}
.selectBox select {
    border-radius: 0;
    float: none;
    width: 416px;
    height: 28px;
    margin: 0;
    font-size: 14px;
    opacity: 0;
}
.align, .alignCenter {
    float: left;
    position: relative;
}
.selectBox select option {
    padding: 2px 3px;
}
input::-webkit-input-placeholder {
    color: #aaa;
}
input:-moz-placeholder {
    color: #aaa;
}
input.placeholder {
    color: #aaa;
}
form .error {
    position: relative;
    top: -13px;
    margin: 0;
    color: #ff4f4f !important;
    font-size: 12px;
}
.alignCenterBox {
    position: relative;
    zoom: 1;
}
.alignCenter {
    left: 50%}
.align {
    left: -50%}
p {
    margin-bottom: 15px;
}
b, strong {
    font-weight: 700;
}
em, i {
    font-style: italic;
}
img {
    zoom: 1;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 20px 0;
    color: #2d2d2d;
    font: 26px/1 Nunito, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    text-shadow: 0 1px 0 #fff;
}
form h1, form h2, form h3, form h4, form h5, form h6 {
    clear: both;
}
.h1, h1 {
    margin-top: 0;
}
hr, ol ul, ul ul {
    margin: 10px 0;
}
.h2, h2 {
    font-size: 20px;
}
.h3, h3 {
    font-size: 18px;
}
.h4, .h5, h4, h5 {
    font-size: 16px;
}
.h4, h4 {
    font-weight: 700;
}
.h6, h6 {
    font-size: 14px;
}
hr {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    display: block;
    position: relative;
    height: 1px;
//margin: 5px 0;
    line-height: 0;
    font-size: 0;
}
ul {
    margin: 0 0 15px;
    text-align:left;
}
ol ul li, ul li {
    background: url(../images/list_bullit.png) left 7px no-repeat;
    margin: 0 0 6px;
    padding-left: 13px;
}
ol {
    margin: 0 0 15px 20px;
//margin-left: 26px;
}
ol ol, ul ol {
    margin: 10px 0 10px 20px;
}
ol li, ul ol li {
    list-style: decimal;
    margin: 0 0 6px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin:0;
}
.list-unstyled > li{
    background:none!important;
    padding:0;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    margin:0;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
dl {
    margin-top: 0;
    margin-bottom: 20px;
}
dt,
dd {
    line-height: 1.42857143;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 0;
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}

a {
    color: #3b5998;
}
.rightCol a:visited {
    color: #551a8b;
}
.rightCol a:visited:hover, a:hover {
    color: #fa9e12;
}
a.mtitle {
    color: #2d2d2d;
    text-decoration: none;
}
a.mtitle:hover {
    text-decoration: underline;
}
.button, .rightCol .button:visited {
    background: #3b5998;
    border-radius: 4px;
    display: block;
    position: relative;
    float: left;
    clear: both;
    height: 30px;
    margin: 0 0 15px;
    padding: 0 10px;
    color: #fff;
    font: 14px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    transition: background .5s ease;
}
.form-field::after {
    content: '';
    display: block;
    clear: both;
}
.form-field input, .form-field label {
    display: inline-block;
}
.form-field label {
    width: 35%;
    margin-right: 3%;
    text-align: right;
}
td, th {
    padding: 5px 10px 6px;
    text-align: left;
    border: 1px solid #e1e1e1;
}
.form-field input {
    width: 56%}
.inline-block {
    display: inline-block!important;
}
.button.inline {
    display: inline-block;
}
.button:hover, .rightCol .button:visited:hover {
    background: #fa9e12;
    color: #fff;
    text-decoration: none;
    transition: background .5s ease;
}
.button:active {
    top: 1px;
    left: 1px;
}
table {
    margin: 15px 0;
}
th {
    font-weight: 700;
}
td {
    background: 0 0;
}
blockquote p, q p, td p:last-child {
    margin-bottom: 0;
}
blockquote, q {
    quotes: none;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    margin: 0 0 10px;
    padding: 15px;
    font-style: italic;
}
sub, sup {
    font: 9px/1 Arial, sans-serif;
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
.fwb, legend {
    font-weight: 700;
}
.comp_title, .link_img, .picBlock, .sl_item {
    vertical-align: middle;
}
fieldset {
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    position: relative;
    margin: 0 0 10px;
    padding: 0 10px;
    zoom: 1;
}
legend {
    background: #fff;
    margin: 0 0 0 -5px;
    padding: 5px;
}
.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    margin-top: -1px;
}
.noClear {
    clear: none!important;
}
.left {
    float: left!important;
}
.right {
    float: right!important;
}
.floatLeft {
    float: left;
    margin: 2px 10px 3px 0;
}
.floatRight {
    float: right;
    margin: 2px 0 3px 10px;
}
.wd-50{
    width:50px;
}
.wd-100{
    width:100px;
}

.textCenter, .text-center{
    text-align: center!important;
}
.textLeft, .text-left {
    text-align: left!important;
}
.textRight, .text-right {
    text-align: right!important;
}
.fz10 {
    font-size: 10px;
}
.fz11 {
    font-size: 11px;
}
.fz12 {
    font-size: 12px;
}
.fz13 {
    font-size: 13px;
}
.fz14 {
    font-size: 14px;
}
.fz16 {
    font-size: 16px;
}
.fz17 {
    font-size: 17px;
}
.fz18 {
    font-size: 18px;
}
.fz20 {
    font-size: 20px;
}
.fz22 {
    font-size: 22px;
}
.fz24 {
    font-size: 24px;
}
.fz28 {
    font-size: 28px;
}
.fz30 {
    font-size: 30px;
}
.fz55 {
    font-size: 55px;
}
.fwn {
    font-weight: 400;
}
.fsi {
    font-style: italic;
}
.cl-white {
    color: #fff;
}
.cl-text{
	color:#333!important;
}
.cl-black {
    color: #000;
}
.cl-grey {
    color: #585858;
}
.cl-light-grey {
    color: #ABABAB;
}
.cl-blue{
	color:#496293;
}

.text-normal{
	font-weight:100!important;
}

/* .cl-grey h1, .cl-grey h2, .cl-grey h3, .cl-grey h4{
    color: #585858;
} */

.cl-red {
    color: #f00;
}
a.cl-red{
    color: #f00!important;
}

.gradient-orange{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY5OTJCOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjQ0MkI7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF992B), color-stop(100%, #FF442B));
	background-image: -moz-linear-gradient(top,#FF992B 0%,#FF442B 100%);
	background-image: -webkit-linear-gradient(top,#FF992B 0%,#FF442B 100%);
	background-image: -o-linear-gradient(top,#FF992B 0%,#FF442B 100%);
	background-image: -ms-linear-gradient(top,#FF992B 0%,#FF442B 100%);
	background-image: linear-gradient(top,#FF992B 0%,#FF442B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position:relative;
	display:inline-block; /*required*/
	text-shadow:none;
}

.td-n, .td-n-h:hover, .td-n:hover, .td-u-h {
    text-decoration: none;
}
.td-n-h, .td-u, .td-u-h:hover, .td-u:hover {
    text-decoration: underline;
}
.td-dash {
    border-bottom: 1px dashed #0072ff;
    text-decoration: none;
}
.td-dash:hover, a:hover .td-dash {
    border-color: #ff9843;
    text-decoration: none;
}
.a-no-bd {
    text-decoration: none!important;
    border-bottom: none!important;
}
.mg-tp_no {
    margin-top: 0!important;
}
.mg-r_no {
    margin-right: 0!important;
}
.mg-bt_no {
    margin-bottom: 0!important;
}
.mg-l_no {
    margin-left: 0!important;
}
.mg-tp_xs {
    margin-top: 5px;
}
.mg-tp_sm {
    margin-top: 10px;
}
.mg-tp_stand {
    margin-top: 15px;
}
.mg-tp_lg {
    margin-top: 20px;
}
.mg-tp_xlg {
    margin-top: 25px;
}
.mg-bt_xs {
    margin-bottom: 5px;
}
.mg-bt_sm {
    margin-bottom: 10px;
}
.mg-bt_stand {
    margin-bottom: 15px;
}
.mg-bt_lg {
    margin-bottom: 20px;
}
.mg-bt_xlg {
    margin-bottom: 25px;
}
.mg_bt30 {
    margin-bottom: 30px;
}
.mg_bt35 {
    margin-bottom: 35px;
}
.mg_bt45 {
    margin-bottom: 45px;
}
.mg_bt50 {
    margin-bottom: 50px;
}
.mg_l50 {
    margin-left: 50px;
}
.mg_r50 {
    margin-right: 50px;
}
.mg_l60 {
    margin-left: 60px;
}
.mg_r60 {
    margin-right: 60px;
}
.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}
.pd-tp_no {
    padding-top: 0!important;
}
.pd-r_no {
    padding-right: 0!important;
}
.pd-bt_no {
    padding-bottom: 0!important;
}
.pd-l_no {
    padding-left: 0!important;
}
.pd-tp_xs {
    padding-top: 5px;
}
.pd-tp_sm {
    padding-top: 10px;
}
.pd-tp_stand {
    padding-top: 15px;
}
.pd-tp_lg {
    padding-top: 20px;
}
.pd-tp_xlg {
    padding-top: 25px;
}
.pd_tp30 {
    padding-top: 30px;
}
.pd-bt_xs {
    padding-bottom: 5px;
}
.pd-bt_sm {
    padding-bottom: 10px;
}
.pd-bt_stand {
    padding-bottom: 15px;
}
.pd-bt_lg {
    padding-bottom: 20px;
}
.pd-bt_xlg {
    padding-bottom: 25px;
}
.pd_bt50 {
    padding-bottom: 50px;
}
.pd_tp50 {
    padding-top: 50px;
}
.pr-20{
    padding-right:20px;
}
.pl-20{
    padding-left:20px;
}
.pr-40{
    padding-right:40px;
}
.pl-40{
    padding-left:40px;
}

.mt-40{
	 margin-top:40px;
}

.mb-40{
	 margin-bottom:40px;
}

.hide, .visible-sm, .visible-sm-inline, .visible-xs-inline {
    display: none!important;
}
.hidden {
    display: none !important;
}
/*resp hidding*/

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*resp hidden*/

.hidden-sm-inline, .hidden-xs-inline {
    display: inline!important;
}
.p-rel{
    position:relative;
}
.d-bl{
    display:block;
}
.d-inline{
    display:inline;
}
.d-inline-bl{
    display:inline-block;
}
.bg-orange {
    background-color: #FEF6E9;
}
.bg-white {
    background-color: #FFF;
}

.bg-light-gray{
    background: #f8f8f8;
}
.bg-grey {
    background-color:#ebebeb;
}
.bg-dark-green{
	background-color:#498d93;
}
.bg-red{
	background-color:#ff442b;
}
.bg-dark-blue{
	background-color:#495f93;
}
.DEV_MOD {
    outline: red solid 1px;
}
.advantBlocks::after, .advantBlocks__row::after, .alignCenterBox:after, .checkBox:after, .colWrapInside:after, .command li:after, .commandList:after, .companyBox:after, .customBg:after, .descPic:after, .elemBox:after, .errorContent:after, .fancyContent:after, .feedback::after, .filter-offers__preview-list__i:after, .groupTeam:after, .imgListClient::after, .logo_img_container:after, .mainContent:after, .mainMenu ul:after, .moreBox:after, .ourWorkTable::after, .pageNav:after, .personInfo ul:after, .projBgB:after, .projBord:after, .rightCol:after, .serviceMenu ul:after, .servicesList:after, .servicesTabMenu::after, .shadowBox .inside:after, .shd_bl:after, .team:after, .textPerson:after, .twitterWidget .twtr-ft div:after, .twoLevelMenu ul:after, .wideCol:after, .wideInside:after, .workInfo .box:after, .workInfo .inside:after, .workInfo:after, .workList:after, .workNav .fix:after, .workNav .inside:after, .wrap:after, article:after, fieldset:after, form:after, header .inside:after {
    content: '';
    clear: both;
    display: block;
    overflow: hidden;
    height: 0;
}
.filter-offers {
    max-width: 980px;
    width: 70%;
    margin: auto;
}
.filter-offers__img-show__big-img-prewie {
    margin-bottom: 60px;
}
.filter-offers__preview-list {
    position: absolute;
    top: 41px;
    right: -140px;
}
.filter-offers__preview-list__i {
    position: relative;
    display: block;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
.filter-offers__preview-list__i::before {
    content: '';
    position: absolute;
    left: -40px;
    width: 15px;
    height: 100%;
    background: url(../images/filter-prewie-list.png) 0 -75px no-repeat;
}
.filter-offers__img-show, .link_lide, .projFoot, .shadowBox, footer {
    position: relative;
}
.filter-offers__preview-list__i:first-child::before {
    background-position: 0 40px;
}
.filter-offers__preview-list__i:last-child::before {
    background-position: 0 -190px;
}
.filter-offers__preview-list__i.active:first-child::before {
    background: url(../images/filter-prewie-list.png) -17px 40px no-repeat;
}
.filter-offers__preview-list__i.active:last-child::before {
    background: url(../images/filter-prewie-list.png) -17px -190px no-repeat;
}
.filter-offers__preview-list__i:hover {
    text-decoration: none;
}
.filter-offers__preview-list__i img {
    border: 3px solid #e2e2e2;
    border-radius: 3px;
    max-height: 65px;
    max-width: 65px;
}
.filter-offers__preview-list__i.active img, .filter-offers__preview-list__i:hover img {
    border: 3px solid #fa9e12;
}
.filter-offers__preview-list__i p {
    margin-top: 5px;
    color: #a1a1a1;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
}
.filter-offers__preview-list__i.active p, .filter-offers__preview-list__i:hover p {
    color: #242160;
    text-decoration: none;
}
.slide_it {
    width: 100%!important;
    margin: 0 auto;
}
.link_lide {
    display: inline-block;
}
.sl_works .owl-wrapper {
    height: 160px;
}
.sl_works .owl-wrapper-outer {
    margin-left: -2px;
    overflow: hidden;
    border-left: 1px solid #d5dded;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sl_works .owl-item {
    display: table;
    height: 100%;
    padding: 15px;
    border: 1px solid #d5dded;
    border-left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
}
.sl_works .owl-item:hover {
    border-color: #faa51a;
    border-left: 1px solid #faa51a;
}
.sl_item {
    display: table-cell;
    padding: 0;
    text-align: center;
    background: 0 0;
}
footer .map_adress li, footer ul li, ol ul li {
    list-style: none;
    margin: 0 0 17px;
    padding-left:0px;
}
.sl_works .owl-next, .sl_works .owl-prev {
    position: absolute;
    top: -100px;
    width: 23px;
    height: 24px;
    z-index: 5;
    background-position: 50% 50%;
    border-radius: 0!important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.sl_works .owl-prev {
    left: -4%;
    background: url(/images/prev.png) no-repeat !important;
}
.sl_works .owl-next {
    right: -4%;
    background: url(/images/next.png) no-repeat !important;
}

.owl-carousel .owl-item img{
    width:auto!important;
    display:inline!important;
}

.sl_works .info {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    color: #2d2d2d;
    font-size: 17px;
    text-align: left;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn_block, .item_content, .sl_works .owl-controls {
    position: relative;
}
.item_content {
    border-top: 1px solid #dadada;
    padding-top: 20px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 20px;
}
.item_content ul li {
    color: #000;
}ol ul li {    background: url(../images/arrow_footer.png) left 0 no-repeat;}
footer ul li {
    background: none;
}
footer .map_adress li {
    margin-bottom: 12px; position:relative;   padding-left: 30px;	font-family: 'Nunito', Arial, sans-serif;	font-size:17px;    font-weight: 300;
}
footer .map_adress li.addr__ico:after{
    position:absolute;
    content:'';
    width: 24px;
    height: 21px;
    left: 0px;
    top: 2px;
    background: url(../images/footer-ico.png) 4px 2px  no-repeat;
}
footer .map_adress li.mail__ico:after{
    position:absolute;
    content:'';
    width: 24px;
    height: 21px;
    left: 0px;
    top: 0px;
    background: url(../images/footer-ico.png) 4px -19px no-repeat;}
.map_adress .footer_phone {    padding-top: 5px;    padding-bottom: 5px;
}footer .map_adress li span{	margin-right:15px;}
footer ul li a {	font-family: 'Nunito', Arial, sans-serif;	font-size:16px;    font-weight: 300;
    text-decoration: none;
}
.footer_company, .footer_uslugi {    float: left;  min-width: 150px; width:25%;}
.footer_company{
	float: left;
    min-width: 150px;
    width: 14%;
}
.footer_contacts {
	float: right;
    width: 60%;
    padding-right: 0px;
    min-width: 115px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
	justify-content: space-between;
}

.footer_contacts address{
	margin-right:20px;
}

.footer_contacts .contact_map{
	float: none;
    width: 600px;
    margin-right: 0;
    margin-left: 0px;
}


.footer_copyring{
	padding: 15px 50px 15px 50px;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}

.footer_copyring .copyr {
	margin-top:0px;
	font-size:17px;
}

.footer_copyring .social{
	margin-left:auto;
}

.footer_parthers {	display:none!important;}

.footer_parthers .partners a{    display: inline-block;    vertical-align: middle;    margin: 0px 5px;}

.vac_m_block {
    /*   border: none;
      border-spacing: 22px;
      table-layout: fixed;
      width: 100%;
      margin: auto; */
}
.item_vac {
    position: relative;
    border: 7px solid #fff;
    outline: solid 1px #cbcdcf;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: url(../images/team_bg.jpg);
    padding: 0 22px 12px;
    margin-bottom: 30px;
}

.item_vac:nth-child(2n) {
    margin-right: 0;
}
.btn_block {
    text-align: center;
}
.det_block_btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    color: #000;
    font-size: 18px;
}
.vacancy_title_link {
    font-weight: bold;
    text-decoration: none;
    background: url(/images/link_title_gt.gif) no-repeat right center;
    padding-right: 14px;
}
.btn_sent_resume {
    float: inherit;
    display: inline;
    padding: 12px 30px 12px 21px;
    background: #fa9e12 url(/images/white_gt.png) no-repeat right 12px center;
}
@media(max-width:425px){
    .btn_sent_resume{
        display:block;
        padding: 8px 30px 8px 21px;
    }
}
.shadow {
    background: url(/images/descr_shadow.png) repeat-x scroll left bottom rgba(0,0,0,0);
    bottom: 0;
    display: block;
    height: 34px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.mainContentOfPage, .reviews_item img {
    float: left;
}
.pad {
    padding: 0 22px 12px;
}
.ny_patern {
    position: absolute;
    top: 0;
    background: url(../images/patern.png) repeat-x;
    height: 90px;
    width: 100%;
    z-index: 12;
}
.ny_fon_left, .ny_fon_right {
    position: absolute;
    height: 315px;
    top: 26px;
    z-index: 11;
}
.ny_fon_left {
    left: 0;
    background: url(../images/snow_left.png) no-repeat;
    width: 467px;
}
.ny_fon_right {
    right: 0;
    background: url(../images/snow_right.png) no-repeat;
    width: 440px;
}
#flde_mail, [for=flde_mail] {
    display: none;
}
.reviews_item {
    width: 31%;
    float: left;
    margin-right: 34px;
    margin-bottom: 25px;
    min-height: 180px;
}
.picBlock {
    display: table;
    padding-bottom: 15px;
}
.revImg {
    max-width: 75px;
    max-height: 45px;
    border: 1px solid #e4e4e4;
    margin-right: 10px;
}
.reviews_content .reviews_item:nth-child(3n+3) {
    margin-right: 0;
}
.comp_title {
    display: table-cell;
    color: #595959;
    font-size: 18px;
}
.comp_title a:hover {
    color: #3b5998;
    text-decoration: underline;
}
.comp_title a, .reviews_content a {
    text-decoration: none;
}
.review_text {
    line-height: 25px;
}
.fancyPopup a, .fancyPopup a:hover {
    color: #595959;
}
.review_text .review_url {
    display: inline-block;
    text-decoration: none;
    background: url(../images/rev_arrow.png) right 6px no-repeat;
    padding-top: 0;
    padding-right: 18px;
    font-size: 12px;
}
.review_text .review_url:hover {
    background-position: right -15px;
}
#Stage {
    height: auto !important;
    width: 100% !important;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}
#Stage > div{
    position: relative !important;
    display: inline-block;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    top: auto !important;
    margin: 5px !important;
}
#Stage #Stage_Symbol_10{
    order: 2;
}
#Stage_Symbol_10 .go_all_work{
    background: url(../images/allwork2.png) 50% no-repeat;
    display: block;
    width: 300px;
    height: 83px;
    padding-left: 40px;
    padding-top: 23px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-family: 'Nunito', Arial, sans-serif;
    font-weight: 300;
}
#Stage_Symbol_10 .go_all_work span{
    display:block;
    font-size:32px;
}
#Stage_Symbol_10 .go_video{
    background: url(../images/vidprezent2.png) 50% no-repeat;
    display: block;
    width: 300px;
    height: 83px;
    padding-left: 40px;
    padding-top: 23px;
    text-decoration: none;
    font-size: 27px;
    color: #000;
    text-align: left;
    font-family: 'Nunito', Arial, sans-serif;
    font-weight: 300;
    margin-top: 14px;
}
.logo {
    margin: 36px 94px 0 0;
}
.mainMenu ul {
        font-size: 0px;
}
.mainMenu .select span, .mainMenu a{
    font-size: 20px;
    display:block;
    height:24px;
 }
}
@media  all and (min-width:1461px) {
    .treeLevelMenu__layout{
        max-width: 1080px;
        margin: 0px auto;
    }
    .twoLevelMenu td {
        padding: 23px 0 23px 0;
       /*  display: inline-block; */
    }
}
@media all and (min-width:1161px) {
    .serviceMenu {
    }
    .callback:hover .help_2calls {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        transition: all .3s cubic-bezier(.25, .5, .5, .9);
    }
}@media all and (max-width:1330px) {
    .filter-offers__preview-list {
        display: none;
    }
}@media all and (max-width:1160px) {
    .mainMenu, .servicesList, .wideBox.portfolio {
        text-align: center;
    }
    .wrap {
        overflow: hidden;
        min-width: 320px;
    }
    header .inside {	padding: 0px 0px;
        background: #fff;
        width: auto;
        height: 155px;
    }
    .logo {
        margin: 35px 22px 0 0}
    .phones, .serviceMenu ul {
        margin-right: 0;
    }
    .serviceMenu .consult {
        display: none;
    }
    .mainMenu li, .servicesList__i {
        display: inline-block;
        float: none;
    }

    .twoLevelMenu {
        /* left: 1.3%;
        width: 97.3%; */
		}
    .wideInside {
        width: auto;
    }
    #services-slider {
        padding: 0px;
    }
   /*  .slick-initialized .slick-slide{
        height:0px;
    }
    .slick-initialized .slick-current{
        height:auto;
    } */
    .services-icon-nav{
        padding: 40px 20px 0px 20px;
    }
    .services {
        margin-top: 128px;
    }
    .servicesList {
        padding-right: 15%;
        padding-left: 15%}
    .servicesList__i {
        width: 47%;
        vertical-align: top;
    }
    .servicesList__i_cur:after {
        display: none;
    }
    .wideInside_100{
        padding-top:20px;
    }
    .wideBox.portfolio .wideTitle {
        margin-left: 20px;
        text-align: left;
    }
    .projectsCat, .sliderBox.portfolioSlide {
        display: inline-block;
        float: none;
        text-align: left;
    }
    /*portfolio*/
    .projectsCat {
        text-align: center;
    }
    .projBgB {
        margin-left: auto;
    }

    /*portfolio*/

    .sliderBox .sliderContent, .sliderBox .sliderContent .item, .sliderBox.portfolioSlide, .sliderBox.portfolioSlide img {
        width: 455px!important;
        height: 268px!important;
    }
    .allProj {
        top: 50%;
        left: -65px;
        width: 40px;
        height: 200px;
        margin-top: -108px;
        padding: 0 35px 0 0;
        text-align: center;
        text-transform: uppercase;
    }
    .allProj a {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: 128px;
        white-space: nowrap;
    }
    .allProj .num {
        border: none;
        display: inline;
        width: auto;
        margin: 0 5px 0 0;
        font-size: 40px;
    }
    .company .bgBl, .company .bgBr, .company .bgTl, .company .bgTr, .right_menu, .scrollControls, .scrollShadow {
        display: none;
    }
    .projectsCat ul {
        width: auto;
        margin-right: 0;
    }
    .companyMenu {
        margin-right: 10px;
    }
    .companyBox {
        background: #f9f9f9;
        box-shadow: inset 0 -15px 15px -15px #c7c7c7;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0 10px 15px 0;
    }
    .scrollControls {
        left: -25px;
    }
    .about {
        width: 45%;
        padding-left: 20px;
    }
    .scrollBox {
        height: auto;
    }
    .scrollInside {
        position: relative;
        overflow: visible;
        left: auto;
        top: auto;
        height: auto;
    }
    .commandList {
        overflow: visible;
        width: 45.6%;
        height: auto;
    }
    .mainContent {
        width: 100%;
      /*   padding-top: 170px; */
    }
    .colWrap {
        width: 25%}
    .colWrapInside, .colWrapInside.workBg {
        width: 300%}
    .leftCol {
        left: -31%;
        width: 31%}
    .twitterWidget .twtr-doc {
        width: 100%!important;
    }
    .personBg .rightCol, .rightCol, .teamBg .rightCol, .workBg .rightCol {
        width: 94%;
        padding-right: 3%;
        padding-left: 0;
    }
    .descPic.rDesc img {
        max-width: 55%}
    .descPic.rDesc figcaption {
        max-width: 40%}
    .workList {
        width: auto;
        margin-right: 0;
    }
    .workList li {
        max-width: 220px;
        width: 32%;
        padding-right: 2%}
    .workList li:nth-child(3n) {
        padding-right: 0;
    }
    .workList img {
        width: 94%;
        height: auto;
        padding: 3%}
    .team li {
        width: 49%;
        padding: 0 2% 20px 0;
    }
    .feedback .wideInside, .ourWork .wideInside, .wideCol, .wideCol.fixW, .company .wideInside {
        padding-right: 2%;
        padding-left: 2%}
    .team a {
        min-width: 222px;
        width: auto;
    }
    .WrapSidebarMenuSelect, .WrapSidebarMenuSelect .sidebarMenuSelect {
        display: block;
    }
    .wideCol.fixW {
        margin: 0 auto;
    }
    .wideCol.jobsBg{
        margin: 0 auto;
    }
    .reviews td.sep {
        width: 5%}
    .workPic {
       /*  margin-top: 128px; */
    }
    .workNav {
        padding-top: 0;
    }
    .workNav .inside {
        height: auto;
        padding-bottom: 10px;
    }
    .workNav .fix {
        width: auto;
        padding: 0 2%}
    .workNav .left, .workNav .right {
        width: 30%}
    .workNav .next, .workNav .prev {
        width: auto;
        height: auto;
        max-height: 81px;
    }
    .monitorBox {
        margin-top: 20px;
    }
    .monitor .scrollIco {
        top: 72.5%}
    .view-type {
        border: none;
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .view-type p {
        display: none;
    }
    .view-type__i {
        display: inline-block;
        margin: 0 10px;
    }
    .view-type__i_cur:after, .view-type__i_cur:before {
        display: none;
    }
    .workInfo .inside {
        width: auto;
        padding-left: 2%;
        padding-right: 2%}
    footer {
        width: auto;
        min-width: 320px;
    }
    .shadowBox .inside {
        width: auto;
        margin: 0 auto;
        padding: 10px 20px 0;
    }
    .footer_copyring {
        padding: 25px 10px 25px 10px;
    }
    .seeMap {
        margin: 0;
    }
    .errorContent {
/*         width: auto;
        padding: 238px 2% 0; */
    }
    .errorNum {
        font-size: 245px;
    }
    .ourWorkTable__i_top {
        height: 110px;
    }
    .imgListClient__i img {
        max-width: 200px;
    }
}@media all and (max-width:900px) {
    html {
        -webkit-text-size-adjust: none;
    }
    .imgListClient__i, .ourWorkTable__i_top {
        height: 130px;
    }
    .imgListClient__i img {
        max-width: 160px;
    }
    .phoner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contact-wrap {
        padding-right: 530px;
    }
    .contact_map {
        width: 500px;
        margin-right: -530px;
    }
    .video_wrap {
        height: 430px;
    }
    .video_second {
        height: 250px;
    }
    .video__btn-play {
        font-size: 75px;
    }
    .video_wrap .h1 {
        font-size: 35px;
    }
    .video_wrap .h2 {
        font-size: 20px;
    }
    .list-teammate__item {
        width: 20.5%}
    .list-teammate__item:nth-child(5n) {
        margin-right: 5%}
    .list-teammate__item:nth-child(4n) {
        margin-right: 0;
    }
}@media all and (max-width:767px) {
    .companyMenu, .phones, .serviceMenu, header .right {
        text-align: center;
    }
    .logo {
        text-align: left;
    }
    header {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
    }
    header .inside {
        height: auto;
    }
    .logo {
        width: 96%;
        float: none;
        margin: 14px auto;
        margin-top: 0;
        padding-top: 24px;
    }

    .action-img {
        max-width: 170px;
    }
    .bannerAdvertising .lead-section-tx, .contextAdvert .lead-section-tx, .remarketing .lead-section-tx, .services, .socialNetworks .lead-section-tx {
        margin-top: 0;
    }
    header .right {
        float: none!important;
        margin: 0;
        padding-bottom: 10px;
    }
    header .right .phones {
        text-align: center;
        padding-bottom: 15px;
    }
    .mainMenu ul {
        padding-bottom: 17px;
    }
    .serviceMenu {
        clear: both;
        float: none;
    }
    .serviceMenu ul {
        margin-right: 0;
    }
    .serviceMenu li {
        float: none;
        padding: 0;
        display: block;
        text-align: center;
    }
    .phones {
        width:100%;
        float: none;
        padding: 14px 10px 0;
        margin-top:0px;
    }
    .phones .pNum {
        font-size: 20px;
    }
    .reviews .name, .rightCol {
        font-size: 14px;
    }
    .fancyContent.callMe, .fancyContent.feedbackForm {
        width: 340px;
    }
    #services-slider {
        padding: 0px;
    }
    .slick-initialized .slick-slide > .container > .row{
        display:flex;
        flex-wrap: wrap;
    }
    .serv-slide .content-slider{
    text-align:center;margin-bottom:10px;     width: 100%;   order: 2;
    }
    .serv-slide  .title_h2 {
        font-size: 24px;     margin: 0px auto;    padding: 0 15px;
    }
    .serv-slide .content-slider .text-slider{
        text-align:left;
        font-size:15px;
    }
    .serv-slide .img-slider{
    text-align:center;     width: 100%;   order: 1;
    }
    .serv-slide .img-slider img{
    margin: 0px auto;
    }
    .services {
        background: #f8f8f8;
    }
    .servicesList {
        padding-right: 0;
        padding-left: 0;
    }
    .callMe input[type=tel], .callMe input[type=text] {
        width: 68%;
        margin-right: 4%}
    .callMe .button {
        width: 28%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sidebarMenu, .twoLevelMenu {
        display: none;
    }
    #my-button {
        z-index: 999;
    }
    .burger-menu {
        display: block;
    }
    .mainMenu {
        display: none;
    }
    .sidebarMenuSelect, .twoLevelMenuSelect {
        display: block;
    }
    .mainContent {
        padding-top: 0;
    }
    .colWrap {
        width: auto;
    }
    .colWrapInside, .colWrapInside.workBg {
        left: auto;
        width: auto;
        margin-right: 0;
    }
    .leftCol {
        left: auto;
        float: none;
        width: auto;
        margin-right: 0;
        padding: 30px 2%}
    .twitterWidget {
        display: none!important;
    }
    .allProjMenu {
        display: none;
    }
    .personBg .rightCol, .rightCol, .teamBg .rightCol, .workBg .rightCol {
        float: none;
        width: auto;
        padding: 0 2% 10px;
    }
    .personInfo {
        width: 50%}
    .personInfo .contactTitle, .personInfo ul {
        padding-left: 0;
    }
    .personInfo li {
        float: none;
        width: auto;
        margin: 0;
    }
    .wideCol.fixW {
        width: auto;
        margin: 0;
        padding-right: 2%;
        padding-left: 2%}
    .servicesPage .wideCol {
        padding-top: 44px;
    }
    .about {
        float: none;
        width: auto;
        margin-bottom: 20px;
        padding-top: 48px;
        padding-right: 20px;
    }
    .companyBox {
        padding-right: 0;
    }
    .companyMenu {
        left: 0;
        margin: 0 10px 10px 10px;
    }
    .companyMenu li {
        display: inline-block;
        float: none;
        min-width: 32.3%;
        min-width: 25%;
        vertical-align: top;
        border: none!important;
        padding: 5px 0;
    }
    .reviews .name+p, .scrollIco {
        display: none;
    }
    .companyMenu a {
        float: none;
        padding: 0;
    }
    .shd_bl {
        margin-top: 0;
    }
    .commandList {
        float: none;
        width: auto;
        padding: 0 15px;
    }
    .commandList li {
        width: 14%;
        height: auto;
        margin: 0 1.3% 2%}
    .commandList img {
        width: 100%;
        height: auto;
    }
    .commandList .cover {
        bottom: 0;
        width: 100%;
        height: 100%}
    .projectsCat {
        width: 96%}
    .projectsCat ul {
        width: auto;
        margin-right: 0;
    }
    .workPic {
        margin-top: 0;
    }
    .monitorBox {
        width: auto;
        padding: 0 2%}
    .monitor {
        background: 0 0;
        height: auto;
    }
    .monitor-pic {
        display: block;
        width: 100%;
        height: auto;
    }
    .monitor .tabName, .monitor .urlName, .seeMap, .social .text {
        display: none;
    }
    .monitor .picture {
        top: 9.8%;
        left: 4.1%;
        width: 92%;
        height: 54.9%}
    .tablet {
        background-position: 50% 0;
        width: auto;
    }
    .tablet .picture {
        top: 74px;
        left: 50%;
        margin-left: -173px;
    }
    .workInfo .leftInfo {
        border-right: none;
        border-bottom: 1px solid #e6eaec;
        float: none;
        width: auto;
        margin-bottom: 15px;
        padding-right: 0;
    }
    .workInfo .rightInfo {
        float: none;
        width: auto;
        font-size: 14px;
    }
    .workInfo .box {
        float: left;
        width: 45%;
        padding-bottom: 10px;
    }
    .workInfo .box.onlyThis, .workInfo .box.onlyThis:first-child {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .headlinePanel .left, .headlinePanel .right {
        float: none!important;
        width: auto;
    }
    .workInfo .box:first-child {
        margin-right: 10%}
    .workCommand li {
        padding-bottom: 6px;
    }
    .workCommand span {
        font-size: 12px;
    }
    .headlinePanel .right {
        text-align: left;
    }
    .personArticle, .personCertificate, .personProjects {
        float: none;
        width: auto;
        clear: both;
    }
    .video_wrap {
        height: 300px;
    }
    .video_second {
        height: 180px;
    }
    .blur {
        max-width: none;
        width: auto;
    }
    .video__content {
        top: 30px;
        left: 0;
        margin-left: 0;
        width: 90%;
        padding: 0 5%}
    .video__btn-play {
        font-size: 70px;
        margin: 0;
    }
    .video_wrap .h1 {
        margin: 0 0 10px;
    }
    .video_wrap .h2 {
        margin: 10px 0;
    }
    .list-teammate__item {
        width: 29.4%}
    .list-teammate__item:nth-child(4n) {
        margin-right: 5%}
    .list-teammate__item:nth-child(3n) {
        margin-right: 0;
    }
    .shadowBox .inside {
        height: inherit;
        padding-top: 15px;
    }
    .social {
        width: 164px;
    }
    header .inside .social {
        margin-top: 0px;
    }
    .scrollToTop {
        right: 20px;
        bottom: 15px;
        left: auto;
        height: 40px;
    }
    .errorContent {
       /*  padding-top: 30px; */
    }
    .errorNum {
        float: none;
        padding-bottom: 10px;
        font-size: 100px;
    }
    .errorContent .left {
        float: none!important;
        width: auto;
    }
    input[type=tel], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=time], input[type=url], input[type=week], input[type=text], select, textarea {
        width: 100% !important;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    input[type=tel], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=time], input[type=url], input[type=week], input[type=text], select {
        height: 30px;
    }
    textarea {
        height: 90px;
    }
    select {
        padding: 0;
    }
    .selectBox {
        float: none;
        height: 30px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .selectBox .selectText {
        display: block;
        position: absolute;
        overflow: hidden;
        left: 15px;
        right: 8px;
        top: 0;
        height: 28px;
        line-height: 28px;
        white-space: nowrap;
    }
    .selectBox select {
        height: 30px;
    }
    .elemBox {
        width: auto;
    }
    .elemBox.file a {
        width: 28%;
        height: 30px;
        padding: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .elemBox.file .inputBox {
        width: 68%}
    .elemBox.file .inputBox input {
        width: 100%}
    .tabMenu {
        display: none;
    }
    .advantBlocks__i {
        width: 47%;
        margin-bottom: 15px;
    }
    .advantBlocks__i:nth-child(3n) {
        margin-right: 4%}
    .advantBlocks__i:nth-child(2n) {
        margin-right: 0;
    }
    .ourWorkTable__i_top {
        height: 150px;
        padding: 0 10px;
    }
    .imgListClient__i {
        width: 50%;
        height: 173px;
    }
    .imgListClient__i img {
        max-width: 210px;
    }
    .userForm {
        clear: both;
        width: 100%;
        margin: 0 auto 30px 0;
    }
    .userForm input, .userForm textarea {
        width: 100%!important;
    }
    .userForm .button {
        margin-left: auto!important;
        margin-right: auto!important;
        float: none!important;
        width: 50%}
    .firmForm {
        clear: both;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .phoner {
        padding-left: 35px;
        padding-right: 35px;
    }
    .grayTx {
        margin-top: 30px;
        text-align: left;
    }
    h1 {
        font-size: 22px;
    }
    .visible-sm {
        display: block!important;
    }
    .visible-sm-inline {
        display: inline-block!important;
    }
    .hidden-sm, .hidden-sm-inline {
        display: none!important;
    }



}

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

@media all and (max-width:699px) {
    .ourWorkTable__i_top {
        height: 175px;
    }
    .cases-services-text {

    }
}
@media all and (max-width:990px) {
    .cases-list {
        margin-top: 20px;
    }
}@media all and (max-width:700px) {
    .team {
        padding-bottom: 10px;
    }
    .team li {
        width: 100%;
        padding: 0 0 20px;
    }
    .team a {
        max-width: 322px;
        width: auto;
        margin: auto;
    }
    .ourWorkTable__i_top {
        height: 200px;
    }
    .imgListClient__i {
        height: 150px;
    }
    .imgListClient__i img {
        max-width: 170px;
    }
}@media all and (max-width:479px) {
    .phones .pNum, .phones .pNum span {
        font-size: 16px;
    }
    .fancyContent.callMe, .fancyContent.feedbackForm {
        width: 276px;
    }
    .callMe input[type=tel], .callMe input[type=text] {
        width: 100%;
        margin-right: 0;
    }
    .callMe .button {
        float: left!important;
        width: auto;
        margin-bottom: 10px;
    }
    .servicesList {
        padding: 0 20px;
    }
    .servicesList__i {
        display: block;
        width: auto;
        padding: 0 0 20px;
        text-align: left;
    }
    .attachFiles .download, .servicesList__a_ico span, .workList li.cl {
        display: none;
    }
    .servicesList p {
        margin: 0;
    }
    .servicesList__a_ico {
        height: auto;
        padding-top: 0;
        text-align: left;
    }
    .servicesList__i ul {
        width: auto;
    }
    .sliderBox .sliderContent, .sliderBox .sliderContent .item, .sliderBox.portfolioSlide, .sliderBox.portfolioSlide img {
        width: 320px!important;
        height: 189px!important;
    }
    .projectsCat {
        width:100%;     margin-left: 0px;}
    .portfolio .button {min-width:270px;}

    .companyMenu li {
        font-size: 12px;
    }
    .commandList li {
        width: 20%;
        height: auto;
        margin: 0 2.5% 3%}
    .workInfo .box:first-child, .workList {
        margin-right: 0;
    }
    .fancyTitle {
        font-size: 20px;
    }
    .workList li {
        width: 48%;
        padding-right: 4%}
    .workList li:nth-child(2n), .workList li:nth-child(2n):nth-child(3n) {
        padding-right: 0;
    }
    .workList li:nth-child(3n) {
        padding-right: 4%}
    .workList li:nth-child(2n+1), .workList li:nth-child(3n+1) {
        clear: none;
    }
    .reviews .name {
        font-size: 12px;
    }
    .attachFiles .borderBox {
        border-right: none;
        width: 100%}
    .workInfo .box {
        float: none;
        width: auto;
    }
    .tablet {
        background: 0 0;
        width: auto;
        height: auto;
    }
    .smart {
        background-position: 50% 0;
        width: auto;
    }
    .tablet-pic {
        display: block;
        width: 100%;
        height: auto;
    }
    .tablet .picture {
        top: 11.6%;
        left: 20.8%;
        width: 59.5%;
        height: 69.4%;
        margin: 0;
    }
    .personInfo, .personInfo li {
        float: none;
        width: auto;
    }
    .smart .picture {
        top: 99px;
        left: 50%;
        margin-left: -116px;
    }
    .personInfo li {
        margin: 0;
    }
    .aboutPerson {
        margin-top: 190px;
    }
    .customBg {
        background: 0 0!important;
    }
    .projFoot img {
        height: 35px;
        margin: 0 5px 5px;
    }
    .advantBlocks__i {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        text-align: center;
    }
    .advantBlocks__i:nth-child(3n) {
        margin-right: 0;
    }
    .ourWorkTable__i {
        background: url(../images/list_bullit.png) left 7px no-repeat;
        width: 100%;
        margin: 0 0 6px;
        padding: 0 0 0 13px;
    }
    .ourWorkTable__i_top {
        height: auto;
        text-align: left;
    }
    .ourWorkTable__i_top-start {
        background: 0 0;
        text-align: left;
        padding: 0;
    }
    .ourWorkTable__i_img {
        display: none;
    }
    .ourWorkTable:nth-child(even) .ourWorkTable__i:nth-child(1), .ourWorkTable:nth-child(odd):not(:first-child) .ourWorkTable__i:nth-child(1) {
        background: url(../images/list_bullit.png) left 7px no-repeat;
    }
    .imgListClient__i {
        height: 120px;
    }
    .imgListClient__i img {
        max-width: 150px;
    }
    .phoner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .list-teammate__item {
        width: 45.2%}
    .list-teammate__item:nth-child(3n) {
        margin-right: 5%}
    .list-teammate__item:nth-child(2n) {
        margin-right: 0;
    }
    .visible-xs-inline {
        display: inline-block!important;
    }
    .hidden-xs, .hidden-xs-inline {
        display: none!important;
    }
}.iDevice .company .bgBl, .iDevice .company .bgBr, .iDevice .company .bgTl, .iDevice .company .bgTr, .iDevice .scrollControls, .iDevice .scrollShadow {
     display: none;
 }
@media all and (max-width:475px) {
    .serviceMenu {
        white-space: normal;
    }
    .serviceMenu ul {
        margin: 0 auto;
    }
    .video_wrap{
        display:none;
    }
}
@media all and (max-width:400px) {
    .fancyContent.callMe, .fancyContent.feedbackForm {
        width: 212px;
    }
    .mainMenu ul {
        padding-bottom: 13px;
    }
    .mainMenu li {
        padding-bottom: 10px;
    }
    .about h1, .wideTitle , .sectionTitle{
        font-size: 22px;
    }
    .sectionTitle{
        margin-bottom:20px;
    }
    .workNav .left, .workNav .right {
        width: 45%}
    .video__content {
        top: 15px;
    }
    .owl-carousel.owl-theme{
        max-width: 100%;
        width: inherit;
    }
    .one-client-wrap .owl-carousel.owl-theme .owl-wrapper {
        width: 100% !important;
        max-width: 100%;
        width: inherit;
    }
    .cases-list {
        margin-top: 20px;
    }
}
@media all and (max-width:380px) {
    .phoner__num {
        font-size: 24px;
    }
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .company .bgBl, .company .bgBr, .company .bgTl, .company .bgTr {
        display: none;
    }
}.iDevice .wrap {
     min-width: 100%}
.iDevice .company .wideInside {
    width: auto;
}
.iDevice .companyMenu {
    margin-right: 10px;
}
.iDevice .companyBox {
    background: #f9f9f9;
    box-shadow: inset 0 -15px 15px -15px #c7c7c7;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px 15px 0;
}
.iDevice .scrollControls {
    left: -25px;
}

.action-one {
    position:relative;
    background: url(/images/actions_bg.png) no-repeat right 0px;
    height: 269px;
    padding: 24px;
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 977px;
    border-left: 1px solid #FAD79E;
    box-sizing: border-box;
}

.action-one .action-img {
    border: none;
    box-shadow: none;
    float: right;
    margin-right: 94px;
    width: 254px;
    margin-top: -62px;
}

@media(max-width:991px){
    .action-one .action-img {
        width:170px;
        margin-right:0px;
        margin-top: -0px;
    }
}

@media(max-width:600px){

    .action-one {
        background: url(/images/actions_bg.png) no-repeat -358px 0px;
    }

}

.action-one .action-text {
    width: 460px;
}

.action-text-right {
    float: right;
    color: gray;
    padding-top: 10px;
    font-size: 12px;
}

.action-button {
    background: url(/images/actions_button_bg.png) no-repeat;
    display: block;
    width: 178px;
    height: 52px;
    line-height: 52px;
    color: white; padding-left: 30px;
    font-size: 20px;
    text-decoration: none;
}

.action-one .action-text-block {
    padding-top: 35px;
    font-size: 18px;
}
.action-one .action-text-block big {
    font-size: 22px;
}

@media all and (min-width:210px) and (max-width:1024px) {
    .reviews_item {
        width: 100%!important;
    }
    .cases-services-text {

    }
    /*  .owl-item {
         min-width: 100%;
     } */
}@media all and (min-width:210px) and (max-width:425px) {
    .det_block_btn {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center!important;
        margin-bottom: 10px!important;
    }

}.iDevice .about {
     width: 45%;
     padding-left: 20px;
 }
.iDevice .scrollBox {
    height: auto;
}
.iDevice .scrollInside {
    position: relative;
    overflow: visible;
    left: auto;
    top: auto;
}
.iDevice .commandList {
    width: 45.6%
}
@media all and (min-width:210px) and (max-width:768px) {	.feedback_form .input_text_form{	width:100%;	float:none;	}	.feedback_form .input_text_form input , .feedback_form .input_text_form textarea{		width:100% !important; 	}	 .footer_copyring{	    padding: 25px 15px;	 	 }
    .footer_contacts, .footer_footer_company, .footer_parthers, .footer_uslugi {
        width: 100%;		margin:0;
        padding: 0;
    }

	.footer_contacts .contact_map {
		width:100%;
		margin-left:0;
	}

	.footer_copyring .social{display:none;}
    footer .copyr{width:98%;text-align:center;}
    .footer_company {
        float: left;
        padding-right: 50px;
        min-width: 115px;
        /* position: absolute;*/
        bottom: 127px;
    }
    .footer_parthers .partners a{
        width: 15%;
    }
    .copyr {
        padding: 0!important;
    }

    .action-one .action-text-block {
        padding-top:0;
    }
    .action-text-right {
        font-size: inherit;
    }

    .action-button {
        width: 178px;
        height: 52px;
        line-height: 52px;
        color: white; padding-left: 30px;
        font-size: 16px;
        text-decoration: none;
    }

}

@media all and (min-width:768px) {
    .action-text-block {
        font-size: 20px;
    }
}
@media all and (min-width:768px) and (max-width:1000px) {

    .footer_uslugi {
        padding-left: 250px;
    }
    .share {
        float: none;
    }
    @media(min-width:924px)and (max-width:991px){

        footer .shadowBox .inside{
            min-height:auto;
        }
    }

}
@media all and (min-width:768px) and (max-width:1100px){
	.footer_contacts{
		width:100%;
	}
}

@media all and (min-width:768px) and (max-width:924px) {
    .det_block_btn {
        position: relative;
        right: auto;
        bottom: auto;
        margin-bottom: 10px;
        margin-left: 13px;
    }
    .footer_uslugi {display:none;}
    .footer_company {display:none;}
    .footer_contacts {float:none;	width: 95%}
    .shadowBox .inside {
        height: inherit;
    }

}

@media(min-width:768px)and (max-width:855px){
    .logo{
        width:160px;
    }
}

@media(max-width:540px)and (min-width:320px){
    .action-one .action-text {
        width: 100%;
    }
}
@media all and (min-width:0px) and (max-width:924px) {
    .ny_fon_right {
        display: none;
    }
    .ny_fon_left {
        left: 50%;
        margin-left: -230px;
        filter: alpha(Opacity=45);
        opacity: .45;
    }
}@media all and (min-width:925px) and (max-width:1980px) {
    .ny_fon_left, .ny_fon_right {
        filter: alpha(Opacity=45);
        opacity: .45;
    }
}@media all and (min-width:0px) and (max-width:480px) {
    .ny_patern {
        display: none;
    }
    .action-text {
        fomt-size: 18px;
    }
    .action-text-right {
        float: none;
        margin-bottom: 10px;
    }
    .action-one .action-img {
        display:none;
    }
}
.pd-x-20 {
    padding: 0 40px;
}


.wideInside .userForm form .button {
    margin-top: 15px;
}



@media all and (max-width:767px) {
    [itemprop="mainContentOfPage"] div {
        max-width: 100%;
        overflow-x: auto;
    }

	.widepage-tmpl [itemprop="mainContentOfPage"] div {
       max-width: initial;
       overflow: inherit;
    }

    [itemprop="mainContentOfPage"] div table {
        width: 765px;
    }
    .wideInside_100 {
        padding: 10px 0px 20px 0px;
    }
    #Stage{
        margin:0px;
    }
    #Stage > div {
        margin: 5px !important;
    }
}
@media all and (max-width:340px) {
    .projectsCat {
        width:auto;     margin-left: -15px;}
}

/* BOOTSTRAP TABS Обязательный css для работы табов*/
.twb-tabs .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.twb-tabs .fade.in {
    opacity: 1;
}
.twb-tabs .tab-content > .tab-pane {
    display: none;
}
.twb-tabs .tab-content > .active {
    display: block;
}

/* Кастомная тема табов, изменяйте на свой вкус или напишите свою*/
.twb-tabs .twb-tablist{
	list-style: none;
	margin: 0;
	padding: 0;
}
.twb-tabs .twb-tablist:before,
.twb-tabs .twb-tablist:after{
	content:'';
	display: table;
}
.twb-tabs .twb-tablist:after{
	clear:both;
}
.twb-tabs .twb-tablist li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.twb-tabs .twb-tablist li a{
	position: relative;
	display: block;
	top:1px;
	text-decoration: none;
	padding: 15px;
	border:1px solid #ccc;
	border-bottom-width:0;
	border-left-width:0;
}
.twb-tabs .twb-tablist li:first-child a{
	border-left-width:1px;
}
.twb-tabs .twb-tablist li.active a,
.twb-tabs .twb-tablist li a:hover,
.twb-tabs .twb-tablist li a:focus,
.twb-tabs .twb-tablist li a:active{
	color: #333;
	background: #fff;
}
.twb-tabs .twb-tablist li.active a{
	z-index: 1;
}
.twb-tabs .twb-tab-content{
	position: relative;
	padding: 15px;
	border:1px solid #ccc;
}

/*progress*/

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
/*SCROLL PROGRESS BAR*/
/* Style the header: fixed position (always stay at the top) */
.header-scroll-progress-bar {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  background-color: transparent;
}

/* The progress container (grey background) */
.header-scroll-progress-bar .scroll-progress-container {
  width: 100%;
  height: 3px;
  background: transparent;
}

/* The progress bar (scroll indicator) */
.header-scroll-progress-bar .scroll-progress-bar {
  height: 3px;
  background: #fa9e12;
  width: 0%;
}


/*#region корректировка меню desktop*/
@media (min-width: 768px) {
    #main-header .inside {
        display: flex;
        flex-wrap: wrap;
        min-height: 112px;
        margin: 0 2%;
        justify-content: space-between;
        align-items: center;
    }
    @media (max-width: 1199px) {
        #main-header .inside {
            padding: 0;
        }
    }
    #main-header .right {
        display: flex;
        margin-left: auto;
        align-items: center;
    }
    #main-header .right .serviceMenu {
        display: none;
    }
    .twoLevelMenu {
        display: none;
    }
    #main-header .logo {
        width: 185px;
        height: 42px;
        margin: 0 20px 0 0;
    }
    #main-header .logo-text {
        display: none;
    }
    .header-contacts ul {
        margin: 0 8px 0 0;
    }
    .contacts__list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .contacts__item {
        margin: 0;
        padding: 0;
        padding-left: initial;
        background-image: none;
    }
    .contacts__item  a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contacts__item  img {
        width: 16px;
        height: 16px;
    }
    .contacts__item:not(:last-child) {
        margin-right: 8px;
    }
    .contacts__item--phone {
        padding: 0 16px;
    }
    .contacts__item--phone a {;
        color: #3B5998;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
    }
    .contacts__item--phone:hover a,
    .contacts__item--phone:focus a {
        color: #f03f11;
    }
    .contacts__item.btn {
        width: 44px;
        height: 44px;
        padding: 0;
        background: linear-gradient(to left, #498D93 0%, #495F93 100%);
        outline: 2px solid transparent;
    }
    .contacts__item.btn:hover,
    .contacts__item.btn:focus {
        color: #ffffff;
        outline-color: #f03f11;
    }
    .mainMenu.multinav {
        float: initial;
        margin: 0;
        width: fit-content;
        justify-content: center;
    }
    .multinav__list,
    .multinav__list ul {
        display: none;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
    }
    .multinav__list ul {
        display: none;
    }
    .multinav__list li:hover ul ul,
    .multinav__list li:hover ul ul ul,
    .multinav__list li:hover ul ul ul ul,
    .multinav__list li:hover ul ul ul ul ul {
        display: none;
    }
    .multinav__list li:hover ul,
    .multinav__list li li:hover ul,
    .multinav__list li li li:hover ul,
    .multinav__list li li li li:hover ul,
    .multinav__list li li li li li:hover ul {
        display: flex;
    }
    .multinav__list {
        display: flex;
        flex-wrap: wrap;
        min-height: 27px;
        list-style: none;
    }
    .mainMenu .multinav__item {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 1.8rem;
        color: #191E2A;
        border: 2px solid transparent;
        border-radius: 4px;
        border: 2px solid transparent;
    }
    .mainMenu .multinav__link {
        height: initial;
        display: inline-block;
        vertical-align: middle;
        padding: 14px 36px;
        font-size: 18px;
        color: inherit;
        font-weight: inherit;
    }
    .multinav__link i {
        font-size: 20px;
    }
    .multinav__item:hover .multinav__link {
        text-decoration: none;
    }
    .multinav__item:not(:last-child) {
        margin-right: 10px;
        /*border-right: 1px solid rgba(255, 255, 255, 0.38);*/
    }
    .multinav__item.active {
        border-color: rgba(59, 89, 152, 0.2);
    }
    .multinav__item-icon {
        fill: #333;
    }
    .multinav__submenu.subnav__list {
        position: absolute;
        flex-direction: column;
        width: 376px;
        top: 100%;
        left: 0;
        display: none;
        z-index: 5;
        height: auto;
        min-width: 135px;
        padding: 14px 36px 4px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 26px 58px 0px rgba(0, 0, 0, 0.10), 0px 106px 106px 0px rgba(0, 0, 0, 0.09), 0px 238px 143px 0px rgba(0, 0, 0, 0.05), 0px 422px 169px 0px rgba(0, 0, 0, 0.01), 0px 660px 185px 0px rgba(0, 0, 0, 0.00);
    }
    .mainMenu .subnav__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        padding: 0;
        margin-bottom: 24px;
        color: #191E2A;
        cursor: default;
    }
    .mainMenu .subnav__link {
        height: fit-content;
        font-size: inherit;
        color: inherit;
    }
    .subnav__link:hover {
        text-decoration: none;
    }
    .subnav__icon--arrow {
        fill: #e3e3e3;
    }
}
@media (min-width: 1200px) {
    .multinav__item:hover .multinav__link {
        color: #3baee8;
    }
    .multinav__item:hover .multinav__item-icon {
        fill: #3baee8;
    }
    .subnav__item:hover > a {
        color: #3baee8;
    }
}
@media (max-width: 1439px) {
    .mainMenu.multinav {
        width: 100%;
        order: 1;
    }
    .multinav__list {
        width: 100%;
        justify-content: space-between;
    }
    .mainMenu .multinav__link {
        padding: 14px 18px;
    }
    .btn.btn-basic btn-basic--accent {
        margin: 0 0 0 auto;
    }
}
/*#endregion*/

/*#region правки мобильная версия*/
@media (max-width : 767px) {
    li.mm-btn-modal {
        padding: 20px;
    }
    .mm-btn-modal .btn-modal {
        width: 100%;
    }
    .mm-listview .header-contacts.mm-vertical  .mm-vertical.mm-panel {
        display: block;
        margin-top: 60px;
    }
    .contacts__list {
        display: flex;
        flex-wrap: wrap;
    }
    .contacts__item:hover,
    .contacts__item:focus {
        transform: scale(1.2) !important;
    }
}
/*#endregion;*/

/*#region отдельная форма в шапке*/
.desktop-d-none {
    display: none !important;
}
@media (max-width : 767px) {
    .mobile-d-none {
        display: none !important;
    }
    .desktop-d-none {
        display: block;
    }
}

.modal .button-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    min-width: initial;
    min-height: initial;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    background-color: transparent;
    z-index: 3;
}
.modal .button-close:active {
    left: initial;
    right: 12px;
}
.modal--feedback .modal-dialog {
    width: 92%;
    max-width: 960px;
    height: fit-content;
    min-height: 540px;
    /*background: linear-gradient(to right, #fff 50%, #f0f0f0 50%);*/
    border-radius: 8px;
}
@media only screen and (max-width : 768px) {
    .modal-backdrop.fade.in {
        display: none;
    }
    .modal--feedback.fade.in {
       padding-left: 0 !important;
    }
    .modal--feedback .modal-dialog {
        width: 100%;
        height: 800px;
        margin: 0;
    }

}
.modal--feedback .modal-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    color: #677cac;
    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: inherit;
}
.modal--feedback ul,
.modal--feedback li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}
.modal__contacts {
    width: 50%;
    padding: 62px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
@media (max-width : 992px) {
    .modal__contacts {
        padding: 42px;
    }
}
@media only screen and (max-width : 768px) {
    .modal__contacts {
        min-height: 30%;
        height: fit-content;
        width: 100%;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
    }
}
.modal__contacts .contacts__title {
    font-size: 29px;
    font-weight: 400;
    line-height: 38px;
    color: #191e2a;
    text-align: left;
}
@media only screen and (max-width : 768px) {
    .modal__contacts .contacts__title {
        margin-top: 0;
        font-size: 23px;
    }
}
.modal__contacts li {
    margin-bottom: 32px;
    font-size: 18px;
}
@media only screen and (max-width : 768px) {
    .modal__contacts li {
        font-size: 18px;
        margin-bottom: 16px;
    }
}
.modal__contacts a {
    margin: 6px 0;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #407bff;
    text-decoration: none;
}
.modal__form {
    width: 50%;
    padding: 62px;
    background-color: #f0f0f0;
    color: #677cac;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
@media (max-width : 992px) {
    .modal__form {
        padding: 42px;
    }
}
@media only screen and (max-width : 768px) {
    .modal__form {
        min-height: 70%;
        height: fit-content;
        width: 100%;
        padding: 42px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 0;
    }
}
.modal__form .feedback-form__title {
    font-weight: 400;
    font-size: 23px;
    line-height: 38px;
    color: #677cac;
}
.modal__form--success p {
    margin: 20px auto;
    font-size: 18px;
    color: #2d2d2d;
}
@media only screen and (max-width : 768px) {
    .feedback-form__title {
        margin-top: 0;
        text-align: left;
    }
    .modal__form--success .feedback-form__title {
        text-align: center;
    }
}
.feedback-form label {
    margin-bottom: 0;
    font-size: 14px;
    text-align: left;
}
.feedback-form__fieldset {
    margin-bottom: 30px;
    padding: 0;
    border: none;
}
.feedback-form__item {
    position: relative;
    width: 100%;
    min-height: 45px;
    margin-bottom: 38px;
}
.feedback-form__item input {
    height: 45px;
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 2px;
    border: none;
    box-shadow: none;
 }
.feedback-form__textarea textarea {
    position: relative;
    min-height: 153px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 400;
    border: none;
    box-shadow: none;
}
@media only screen and (max-width : 768px) {
    .feedback-form__textarea textarea {
        min-height: 113px;
    }
}
.feedback-form__item .error-text,
.feedback-form__textarea .error-text {
    position: absolute;
    font-size: 12px;
    top: 100%;
}
.feedback-modal .modal-dialog {
    width: 60%;
    max-width: 1296px;
    min-height: 525px;
    padding: 42px;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0px 11px 25px 0px rgba(153, 153, 153, 0.10), 0px 46px 46px 0px rgba(153, 153, 153, 0.09), 0px 103px 62px 0px rgba(153, 153, 153, 0.05), 0px 183px 73px 0px rgba(153, 153, 153, 0.01), 0px 286px 80px 0px rgba(153, 153, 153, 0.00);
}
.feedback-modal .modal-content {
    background-color: transparent;
    border: none;
}
.feedback-modal .modal-title {
    margin: 0 auto 32px;
    font-size: 41px;
    font-weight: 1000;
}
.feedback-form__send-btn {
    width: 100%;
    height: 46px;
    color: #fff;
    background-color: #ff4d1f;
}
.feedback-form__send-btn:hover,
.feedback-form__send-btn:focus {
    color: #fff;
    background-color: #f03f11;
}
.feedback-form__send-btn:active {
    color: #407bff;
    background-color: #e7e7e7;
}
.feedback-form__agreement span {
    font-size: 14px;
    color: #191e2a;
}
.feedback-form__agreement a {
    color: #407bff;
    text-decoration: none;
}
/*#endregion;*/

/*#region header modal*/
.header-modal {
    width: 100%;
    padding: 14px 0;
    min-height: 70px;
    align-items: center;
    background: url("/images/soft-srar-color.svg"), url("/images/soft-srar-color.svg"), url("/images/header-modal-bg.png"), linear-gradient(to left, #498D93 0%, #495F93 100%);
    background-size: 34px, 18px, auto 100%, 100%;
    background-repeat: no-repeat;
    background-position: left 80px bottom 6px, left 105px bottom 37px, left 50px top, left;
}
@media (max-width: 1199px) {
    .header-modal {
        background-position: left 30px bottom 6px, left 55px bottom 37px, left 0 top, left ;
    }
}
.header-modal__wrap {
    position: relative;
    margin: 0 2%;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
}
@media (max-width: 1199px) {
    .header-modal__wrap {
        padding: 0;
    }
}
.header-modal p {
    margin: 0 0 0 146px;
}
@media (max-width: 1199px) {
    .header-modal p {
        text-align: center;
        font-size: 18px;
    }
}

.header-modal a.button-close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    font-weight: 500;
    right: 12px;
    color: #fff;
    background-color: transparent;
}
.header-modal .button-close:hover,
.header-modal .button-close:focus {
    text-decoration: none;
}
@media (max-width: 1199px) {
    .header-modal a.button-close {
        right: -28px;
    }
}
/*#enregion*/

/*#region contextual page*/
.contextual .container {
    margin: 0 auto;
    width: 93%;
    max-width: 1340px;
    padding: 0;
}
.contextual__wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0 0;
    margin-bottom: 85px;
}
.contextual__wrap--bg {
    padding: 60px 50px;
    background-color: #fff;
    border-radius: 24px;
}
.contextual__wrap--gradient {
    padding: 48px 48px 60px;
    background: linear-gradient(to left, #498D93 0%, #495F93 100%);
    border-radius: 24px;
}
@media (max-width: 1199px) {
    .contextual__wrap {
        padding: 30px 0 0;
        margin-bottom: 40px;
    }
    .contextual__wrap--bg {
        padding: 30px 20px;
    }
    .contextual__wrap--gradient {
        padding: 24px 24px 30px;
    }
}
.contextual__service {
    font-size: 20px;
    color: #fff;
    background: linear-gradient(to left, #498D93 0%, #495F93 100%);
}
.contextual__breadcrumbs ul{
    padding: 0;
    background-color: transparent;
}
.contextual__breadcrumbs li {
    padding-left: initial;
    font-size: 14px;
    background: none;
}
.contextual h1 {
    margin: 0 0 30px;
    font-size: 47px;
    font-weight: 700;
    color: #fff;
    text-shadow: none;
}
.contextual h2 {
    margin: 0 0 30px;
    font-size: 37px;
    font-weight: 700;
}
.contextual h3 {
    margin: 0 0 16px;
    font-size: 24px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .contextual h1 {
        font-size: 27px;
    }
    .contextual h2 {
        font-size: 27px;
    }
    .contextual h3 {
        font-size: 20px;
    }
}
.service__text {
    margin-bottom: 45px;
}
.service__deadlines {
    display: flex;
    flex-wrap: wrap;
}
.service__deadlines span {
    display: flex;
    align-items: center;
    text-align: center;
}
.service__text span:not(:last-child) {
    margin-right: 40px;
}
.service__text img {
    margin: 0 8px;
}
.contextual__right-col {
    padding: 24px;
    border: 4px solid rgba(255,255,255,0.04);
    border-radius: 24px;
}
@media (max-width: 991px) {
    .contextual__right-col {
        width: max-content;
    }
}
@media (max-width: 575px) {
    .contextual__right-col {
        width: 100%;
    }
}
.contextual__right-col p {
    font-size: 16px;
    text-align: center;
}
.contextual__right-col dl {
    margin-bottom: 0;
}
.contextual__right-col dt {
    width: 100%;
    font-size: 47px;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 767px) {
    .contextual__right-col dt {
        font-size: 32px;
    }
}
.contextual__right-col dd {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}
.contextual__right-col dd:not(:last-child) {
    margin-bottom: 40px;
}
.service__btns {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .service__btns {
        margin-bottom: 32px;
    }
}
.service .btn:not(:last-child) {
    margin-right: 32px;
}
@media (max-width: 575px) {
    .service__btns .btn {
        width: 100%;
    }
    .service__btns .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px;
    }
}
.breadcrumbs__item a {
    text-decoration: none;
    color: rgba(255,255,255,0.4);
}
.breadcrumbs__item.active a {
    color:#fff
}
.breadcrumb>.breadcrumbs__item+.breadcrumbs__item:before {
    color: rgba(255,255,255,0.4);
    content: "\003E";
}
.scroll-block {
    overflow-x: hidden;
}
.scroll-block__list {
    display: flex;
    width: 200vw;
    height: 61px;
    padding: 20px 0;
    margin: 0 0 85px -700px;
    color: #fff;
    background-color: #ff4d1f;
    overflow-x: hidden;
}
.scroll-block__list li {
    margin: 0 20px;
    background: none;
}
.scroll-block__list li span {
    white-space: nowrap;
}
.scroll-block__list .scroll-block__item--img {
    flex-shrink: 0;
}
@media (max-width: 1199px) {
    .scroll-block__list {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .scroll-block__list {
        width: 300vw;
        margin: 0 0 85px -400px;
    }
    .scroll-block__list .scroll-block__item--img {
        margin: 0;
    }
}
.experience__title {
    display: flex;
    flex-wrap: wrap;
    width: 256px;
    min-height: 350px;
    background-image: url("/images/soft-srar-color.svg"), url("/images/soft-srar-color.svg"), url("/images/contextual-block-bg.png");
    background-size: 34px, 18px, 227px 213px;
    background-position: right 5px top 130px, right top 155px, left top 140px;
    background-repeat: no-repeat;
}
@media (max-width : 991px) {
    .experience__title {
        width: 100%;
        min-height: 230px;
        margin-bottom: 30px;
        background-position: left 215px bottom 190px, left 235px bottom 180px, left bottom;
    }
    .experience__title h2 {
        width: auto;
        margin: auto 0 auto 260px;
    }
}
@media (max-width : 575px) {
    .experience__title {
        min-height: 300px;
    }
    .experience__title h2 {
        width: 100%;
        margin: 0 0 32px
    }
}
.experience p {
    font-size: 14px
}
.experience__list {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    flex-grow: 1;
}
.experience__item {
    width: 50%;
    padding: 0 0 0 60px;
}
@media (max-width : 1199px) {
    .experience__item {
        width: 100%;
    }
    .experience__item:not(:last-child) {
        margin-bottom: 30px;
    }
}
@media (max-width : 991px) {
    .experience__list {
        width: 100%;
    }
    .experience__item {
        padding: 0;
    }
}
.span-accent {
    background-color: #ffec42;
    border-radius: 4px;
}

.features h2 {
    max-width: 60%;
    margin: 0 10% 0 0;
}
.features__header {
    margin-bottom: 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.features__accent {
    display: block;
    max-width: 30%;
    height: fit-content;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
}
@media (max-width : 767px) {
    .features__header h2 {
        width: 100%;
        max-width: 100%;
    }
    .features__accent {
        max-width: initial;
        width: 50%;
        order: -1;
        margin: 0 0 20px auto;
    }
    .features li {
        margin-bottom: 15px;
    }
    .features p {
        margin-bottom: 0;
    }
}
@media (max-width : 575px) {
    .features__accent {
        width: 100%;
    }
}
.features ol {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    counter-reset: num;
}
.features li {
    position: relative;
    width: 28%;
    padding: 0 0 0 48px;
    list-style: none;
}
@media (max-width : 991px) {
    .features li {
        width: 100%;
        margin-bottom: 20px;
    }
    .features p {
       margin-bottom: 0;
    }
}
.features li::before {
    content: counters(num, "");
    counter-increment: num;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    top: 2px;
    left: 0;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #ff4d1f;
    border-radius: 13px;
}

.direction ul {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}
.direction li {
    padding: 10px 20px;
    color: #fff;
    border: 3px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    background: none;
}
.direction li:not(:last-child) {
    margin-right: 16px;
}
.direction__title {
    width: 30%;
}
.direction__title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: right;
    color: #fff;
    text-shadow: none;
}
.direction__title .span-accent {
    padding: 2px 4px;
    background-color: #ff4d1f;
}
@media (max-width : 991px) {
    .direction ul {
        width: 100%;
    }
    .direction__title {
        order: -1;
        width: 100%;
    }
    .direction__title h2 {
        text-align: left;
    }
}
.contextual__features--light h2 {
    max-width: 100%;
    margin: 0;
}
.contextual__features--light li::before {
    color: #000;
    background-color: rgba(59, 89, 152, 0.06);
}
.contextual__features--light .contextual-features__wrap {
    padding: 48px;
    background-color: #fff;
    border-radius: 24px;
}
.contextual__features--light li {
    width: 48%;
}
@media (max-width : 991px) {
    .contextual__features--light li {
        width: 100%;
    }
    .contextual__features--light h {
        margin-bottom: 0;
    }
}

.faq__title {
    position: relative;
    margin-bottom: 32px;
    border: none;
    background-color: transparent;
}
.faq__title a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    height: fit-content;
    padding: 0 80px 0 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
@media (max-width : 991px) {
    .faq__title a {
        font-size: 20px;
    }
}
.faq__title a::after {
    content: "-";
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 37px;
    font-weight: 700;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
}
.faq__title a.collapsed::after {
    content: "+";
}
/*#endregion*/