/*@font-face {
	font-family: "UniSansHeavyCaps"; 
	src: local("UniSansHeavyCaps"),
		 url('/fonts/UniSansHeavyCaps.ttf');
	src: local("UniSansHeavyCaps"),
		 url('../fonts/UniSansHeavyCaps.eot');
	src: local("UniSansHeavyCaps"),
		 url('../fonts/UniSansHeavyCaps.woff');
	src: local("UniSansHeavyCaps"),
		 url('../fonts/UniSansHeavyCaps.otf');
}*/
@font-face {
	font-family: "ExoLight"; 
	src: url('/fonts/Exo2-LightCondensed.eot');
    src: url('/fonts/Exo2-LightCondensed.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Exo2-LightCondensed.ttf') format('truetype'),
         url('/fonts/Exo2-LightCondensed.woff') format("woff")
}
@font-face {
	font-family: "ExoBold"; 
	src: url('/fonts/Exo2-SemiBoldCondensed.eot') format('embedded-opentype'),
         url('/fonts/Exo2-SemiBoldCondensed.ttf') format('truetype'),
         url('/fonts/Exo2-SemiBoldCondensed.woff') format("woff")
}
@font-face {
	font-family: "ExoRegular"; 
	src: url('/fonts/Exo2-RegularCondensed.eot') format('embedded-opentype'),
         url('/fonts/Exo2-RegularCondensed.ttf') format('truetype'),
         url('/fonts/Exo2-RegularCondensed.woff') format("woff")
}
html{
	height: 100%;
}
a:hover,
a:focus{
	text-decoration: none;
}
button{
	outline: 0;
	border: 0;
	/*padding-top: 1px!important;*/
}
body{
	font-family: 'PT Sans Narrow', sans-serif;
	background: url(/image/new/main-bg-1.png) #fff no-repeat top center;
	height: auto !important;
	min-height: 100%;
	position: relative;
	padding-bottom: 205px;
	font-weight: normal;
}
.row{
	margin-left: 0;
	margin-right: 0;
}
.col-md-4,.col-md-6{
	padding: 0;
}
h1,h2,h3,h4,h5{
	margin: 0;
}
.container{
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background: transparent;
	z-index: 99;
	/*display: none;*/
	-webkit-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.overlay.active{
	background: rgba(50, 67, 73, 0.69);
	top: 0;
}
.modals{
	position: absolute;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	left: 20px;
	background-color: #d7ecc9;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
    padding: 20px;
    z-index: 999;
    top: 100%;
    -webkit-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
    display: none;
}
.modals.active{
	top: 40px;
	display: block;
}
.modals h2{
	color: #324349;
	margin: 15px 0 10px;
	font-size: 20px;
	font-family: 'ExoLight';
	text-align: center;
}
.close-btn{
	position: absolute;
	display: block;
	color: #74a042;
    font-size: 36px;
    top: -5px;
    right: 13px;
    font-family: sans-serif;
}
.close-btn:hover{
	color: #88bb31;
}
.modal-content {
    position: relative;
    background: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}
.modals p{
	color: #74a042;
	font-size: 14px;
	font-family: 'ExoLight';
	text-align: center;
	line-height: 14px;
    margin-bottom: 20px;
}
.modals .modal-error-message,
.feedback-error-message{
	font-size: 14px;
	font-family: 'ExoLight';
	color: #EE2626;
    margin-top: -10px;
    margin-bottom: 10px;
	display: none;
}
.feedback-error-message{
	font-size: 16px;
}
.feedback-content{
	margin-top: 30px;
}
.modals input,
.modals textarea,
.feedback-content input,
.feedback-content textarea{
	font-size: 16px;
	height: 30px;
	color: #909090;
	background-color: #fff;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(PIE.htc);
	width: 100%;
	display: block;
	margin-bottom: 10px;
	max-width: 310px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0 15px;
	outline: 0;
}
.feedback-content input,
.feedback-content textarea{
	border: 1px solid #a5babd;
	margin-left: 0;
	margin-right: 0;
	max-width: 410px;
	height: 40px;
	border-radius: 25px;
}
.modals textarea,
.feedback-content textarea{
	height: 82px;
	resize: none;
	padding-top: 8px;
}
.feedback-content textarea{
	height: 92px;
}
.modals #modal-send,
#feedback-send,
#order-send{
	max-width: 242px;
	height: 47px;
	background-color: #0c97aa;
	font-size: 20px;
	font-family: 'ExoLight';
	color: #fff;
	border-radius: 40px;
}
.modal-response,
.feedback-response{
	color: #33444A;
    font-size: 20px;
}
header{
	padding-top: 15px;
	z-index: 6;
	position: relative;
}
.logo-wrapper img{
	width: 30px;
}
.navigation-logos{
	float: left;
}
.navigation-logos div{
	float: left;
	margin-right: 5px;
}
.navigation-logos img{
	
}
.social-wrapper{
	float: right;
}
.social-wrapper a{
	display: block;
	float: right;
	margin-left: 5px;
}
.search-wrapper{
	position: relative;
	margin-top: 8px;
}
.search-wrapper input{
	width: 100%;
	height: 28px;
	border: 0;
	border-radius: 20px;
	padding: 0 12px;
	color: #909090;
}
.search-wrapper button{
	position: absolute;
	background: none;
	color: #187589;
	right: 5px;
    top: 3px;
}
.main-logo-wrapper img{
	width: 90px;
}
.logo{
	float: left;
	padding-top: 15px;
}
.phone{
	float: right;
	color: #287687;
	font-family: 'ExoLight';
	font-size: 20px;
	padding-top: 10px;
}
.phone a{
	color: #287687;
}
.menu{
	text-align: center;
    margin-top: 7px;
    line-height: 28px;
}
.menu a{
	margin: 0 8px;
	text-decoration: underline;
	color: #fff;
	font-size: 18px;
	font-family: 'ExoLight';
	display: inline-block;
}
.menu a:hover{
	text-decoration: none;
}
.menu a.active{
	border: 2px solid #fff;
	height: 35px;
    border-radius: 30px;
    padding: 0 20px;
    text-decoration: none;
}
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 205px;
	background-color: #d7ecc9;
	padding-top: 10px;
}
footer .search-wrapper{
	width: 125px;
	float: left;
	margin-top: 6px;
}
footer .search-wrapper button{
	color: #87bd3d;
}
footer .logo4Design{
	float: right;
}
footer .logo4Design img{
	width: 40px;
}
#bottomMenu a{
	color: #515847;
}
// .call-back-button{
// 	position: fixed;
// 	bottom: 0;
// 	font-size: 20px;
// 	font-family: 'ExoLight';
// 	text-align: center;
// 	width: -moz-calc(100% + 40px);
//     width: -webkit-calc(100% + 40px);
//     width: calc(100% + 40px);
//     /*margin-left: -20px;*/
//     left: 0;
//     max-width: 100%;
// 	height: 66px;
// 	background: url(/image/new/first-bg.png) no-repeat top center;
// 	line-height: 18px;
// 	z-index: 1000;
// }

.bottom-buttons {
	position: fixed;
	bottom: 0;
	font-size: 14px;
	font-family: 'ExoLight';
    left: 0;
    width: 100%;
	height: 55px;
	z-index: 1000;
	text-align: center;
}
.bottom-buttons a {
	display: inline-block;
	color: #fff;
	height: inherit;
	box-shadow: 0 0 3px rgba(0,0,0,.31);	
	background-color: #14afc1;
	border-radius: 20px 20px 0 0;
	padding: 12px 9px 8px;
	width: 50px;
	overflow: hidden;
	text-align: left;
}

.bottom-buttons .call-back-button{
	width: 152px;
	margin: 0 7px;
	background-color: #87bd3d;
}
.bottom-buttons .btn-text {
	position: relative;
	top: -5px;
}
.bottom-buttons .open-calc-btn .btn-text{
	display: none;
}
.bottom-buttons .icon {
	display: inline-block;
	width: 33px;
	height: 33px;
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}
.bottom-buttons .calc-ico {
	background-image: url(/image/new/calc_icon.png);
}
.bottom-buttons .call-ico {
	background-image: url(/image/new/call_icon.png);
}
.bottom-buttons .write-ico {
	background-image: url(/image/new/write_icon.png);
}


@media (min-width: 992px) {
	.bottom-buttons a {
		width: 270px!important;
		margin: 0!important;
	}
	.bottom-buttons .call-btn {
		display: none;
	}
	.bottom-buttons .btn-text{
		display: inline-block!important;
		top: 4px;
		font-size: 18px
	}
	.bottom-buttons .icon {
		margin-right: 10px;
	}
}

#parallax{
	width: 100%;
	height: 529px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
	display: none;
}
.l1{
	background: url(/image/new/parallax1.png) top center no-repeat;
	width: 100%;
	height: 957px;
	position: absolute;
	z-index: 1;
	top: 0;
}
.l2{
	background: url(/image/new/parallax2.png) top center no-repeat;
	width: 100%;
	height: 957px;
	position: absolute;
	z-index: 2;
	top: 0;
}
.l3{
	background: url(/image/new/parallax3.png) top center no-repeat;
	width: 100%;
	height: 1016px;
	position: absolute;
	z-index: 3;
	top: 0;
}
#index{
	position: relative;
	z-index: 6;
}
.owl-slider{
	min-height: 290px;
	display: block;
	margin-top: 24px;
	color: #fff;
	overflow: hidden;
}
.owl-slider .icon{
	width: 100px;
	margin-top: -23px;
}
.owl-slider .owl-item h1{
	font-family: 'ExoBold';
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 7px;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}
.owl-slider .owl-item p{
	font-size: 16px;
	line-height: 20px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.owl-slider .owl-item .link_more{
	color: #fff;
	border: 2px solid #fff;
	height: 31px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    behavior: url(/style/new/pie.htc);
	display: inline-block;
	padding: 0 30px;
	font-size: 16px;
	font-family: 'ExoLight';
	line-height: 26px;
	margin-top: 10px;
}
.owl-slider .owl-controls .owl-buttons div{
	color: #fff;
	background: none;
	border: 2px solid #d7ecc9;
	opacity: 1;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
	font-size: 0;
    padding-top: 3px;
    position: absolute;
    top: 12px;
    margin: 0;
}
.owl-slider .owl-controls .owl-buttons div .glyphicon{
	font-size: 18px;
}
.owl-slider .owl-controls .owl-buttons div.owl-prev{
	left: 20px;
}
.owl-slider .owl-controls .owl-buttons div.owl-next{
	right: 20px;
}
.stages{
	background-color: #fff;
	padding-top: 20px;
}
.stages .item{
	/*display: inline-block;*/
	margin-bottom: 22px;
	position: relative;
}
.stages .item img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	position: relative;
	z-index: 2;
}
.stages .item h2{
	color: #6a9934;
	font-family: 'ExoRegular';
	font-size: 20px;
	text-decoration: underline;
	text-align: center;
	margin-top: 7px;
	position: relative;
	z-index: 2;
}
.stages .item .links{
	display: none;
	padding: 25px;
	background-color: #d7ecc9;
	border-radius: 10px;
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	z-index: 1;
	padding-top: 127px;
}
.stages .item .links ul{
	padding: 0;
	margin: 0;
	list-style: none;
	/*text-align: center;*/
}
.stages .item .links ul li{
	margin-bottom: 10px;
}
.stages .item .links a{
	color: #6a9934;
	font-size: 18px;
	text-decoration: underline;
    line-height: 18px;
}
.stages .item .links a:hover{
	color: #4a4f51;
	text-decoration: none;
}
.stages .item:hover img,
.stages .item:hover h2{
	z-index: 5;
	text-decoration: none;
	color: #505050;
}
.stages .item:hover .links{
	display: block;
	z-index: 3;
}
.stages .item .links ul li{
	position: relative;
	padding-right: 10px;
}
.stages .item .links ul li a{
	/*position: relative;*/
	padding-left: 32px;
    display: block;
}

.stages .item .links ul img{
	display: inline;
	width: 24px;
	margin-right: 8px;
	position: absolute;
	left: 0;
	top: -3px;
}
.cases-wrapper > .container{
	display: none;
	padding-left: 0;
	padding-right: 0;
}
.cases{
	padding-top: 20px;
}
.owl-cases{
	border-top: 18px solid #3a4e57;
	border-bottom: 18px solid #3a4e57;
	height: 540px;
}
.owl-cases .img{
	height: 175px;
	overflow: hidden;
	border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
}
.owl-cases img{
	width: 100%;
}
.owl-cases .owl-controls .owl-buttons div{
    color: #87bd3d;
    background: #d7ecc9;
    border: 2px solid #fff;
    opacity: 1;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    font-size: 20px;
    padding-top: 5px;
    position: absolute;
    top: 157px;
    margin: 0;
    left: 50%;
}
.owl-cases .owl-controls .owl-buttons div.owl-prev{
	margin-left: -38px;
}
.owl-cases .owl-controls .owl-buttons div.owl-next{
	margin-left: 2px;
}
.owl-cases .description h1,
#cases .left-side .block h2{
	font-family: 'ExoRegular';
	font-size: 22px;
    line-height: 22px;
	color: #40535b;
	margin-top: 30px;
	margin-bottom: 3px;
}
.owl-cases .description .website,
#cases .left-side .block .website{
	font-family: 'ExoRegular';
	color: #14afc1;
	font-size: 16px;
	text-decoration: underline;
}
.owl-cases .description .website:hover,
#cases .left-side .block .website:hover{
	text-decoration: none;
}
.owl-cases .description p,
#cases .description p{
	color: #6d7e85;
    font-size: 16px;
    margin-top: 15px;
    line-height: 19px;
    margin-bottom: 15px;
}
.owl-cases .description .results,
#cases .results{
	font-size: 16px;
	font-family: 'ExoRegular';
}
.owl-cases .description .results:hover span,
#cases .results:hover span{
	text-decoration: none;
}
.owl-cases .description .results span,
#cases .results span{
	color: #6a9934;
	float: left;
	text-decoration: underline;
}
.owl-cases .description .results div,
#cases .results div{
	width: 28px;
    height: 28px;
    background-color: #87bd3d;
    border-radius: 30px;
    position: relative;
    font-size: 14px;
    float: left;
    margin-left: 12px;
}
.owl-cases .description .results div span,
#cases .results div span{
	color: #fff;
    position: absolute;
    top: 6px;
    left: 50%;
    text-decoration: none;
}
.owl-cases .description .results div span:first-child,
#cases .results div span:first-child{
    margin-left: -11px;
}
.owl-cases .description .results div span:last-child,
#cases .results div span:last-child{
    margin-left: -5px;
}




#cases .left-side .title-block {
	margin-top: 105px;
	margin-bottom: 40px;
	position: relative;
	padding: 70px 20px 20px;
	border-radius: 6px;
}
#cases .left-side .title-block .bg-block {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: 5px;
	width: 100%;
	height: 100%;
}
// #cases .left-side .title-block .bg-block img {
// 	-webkit-filter: blur(2px) brightness(50%); 
// 	filter: none;
// }
#cases .left-side .title-block .case-logo-wrapper {
	padding: 7px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
	position: absolute;
	left: 50%;
	top: -62px;
	margin-left: -62px;
}
#cases .left-side .title-block .case-logo{
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	width: 110px;
	height: 110px;
	text-align: center;
	box-shadow: 0px 0px 7px -1px rgba(0,0,0,.3);
}
	

#cases .left-side .title-block .case-logo img{
	max-height: 77px;
	max-width: 77px;
	margin-top: 18px;
}

#cases .left-side .title-block .title-text {
	position: relative;
	z-index: 2;
	font-size: 22px;
	color: #fff;
	font-family: 'ExoRegular';
	text-align: center;
}


#cases .left-side .case-block-title {
	font-size: 20px;
	text-align: center;
	font-family: 'ExoRegular';
	margin-bottom: 10px;
}
#cases .left-side .case-objectives {
	border-radius: 5px;
	border: 1px solid #d7ecc9;
	font-size: 18px;
	font-family: 'ExoLight';
	position: relative;
	padding: 20px 10px 10px;
	margin-bottom: 20px;
}

#cases .left-side .case-objectives .cbt-wrapper {
	display: table;
	width: 100%;
	top: -17px;
	left: 0;
	position: absolute;
}
#cases .left-side .case-objectives .case-block-title {
	display: table-cell;
	text-align: center;
}
#cases .left-side .case-objectives .case-block-title span {
	padding: 0 10px;
	background-color: #fff;
}
#cases .block .text-wrapper ul li,
.case-objectives ul li {
	list-style: none;
	position: relative;
	margin-bottom: 8px;
	color: #4a4f51;
}
#cases .block .text-wrapper ul li:after,
.case-objectives ul li:after {
	position: absolute;
	width: 20px;
	height: 20px;
	background-size: cover;
	left: -28px;
	top: 0;
	content: '';
	display: block;
	background-image: url(/image/new/case-task-bullet.png);
}

.result-text {
	margin-bottom: 18px;
	color: #6d7e85;
	font-size: 18px;
}
.result-text img{
	max-width: 100%;
	height: initial;
}

.case-features {
	margin-bottom: 40px;
}



.case-features .cf-content {
	overflow: hidden;
	position: relative;
}
.case-features .cf-content .item {
	left: 100%;
	transition: left .3s ease;
	position: absolute;
	text-align: center;
}
.case-features .cf-content .item.active {
	position: relative;
	left: 0;
}
.case-features .cf-content .item img {
	max-width: 100%;
}

.case-features .cf-content .item .feature-description{
	margin-top: 15px;
	text-align: center;
	color: #6d7e85;
}

#cases .left-side .colored-block {
	border-radius: 5px;
	background-color: #e2eff1;
	padding: 18px 18px 26px;
}
#cases .left-side .colored-block .case-block-title {
	margin-bottom: 24px;
}

#cases .left-side .case-team {
	text-align: center;
}
#cases .left-side .case-team .item {
	display: inline-block;
	width: 130px;
	margin-bottom: 20px;
}
#cases .left-side .case-team .item .item-holder {
	height: 160px;
}
#cases .left-side .case-team .item .avatar-wrapp {
	width: 100px;
	height: 100px;
	background-image: url(/image/new/case-team-male.png);
	background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	background-position: center center;
	margin-bottom: 5px;
}
#cases .left-side .case-team .item .avatar-wrapp.female {
	background-image: url(/image/new/case-team-female.png);
}
#cases .left-side .case-team .item .item-name {
	font-family: "ExoRegular";
	color: #4a4f51;
	font-size: 16px;
	line-height: 22px;
}
#cases .left-side .case-team .item .item-position {
	font-size: 14px;
	color: #717171;
	height: 48px;
}

#cases .left-side .case-dev-time {
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 10px 0;
	font-family: "ExoRegular";
	margin-bottom: 20px;
}
#cases .left-side .case-dev-time h5 {
	font-size: 16px;
	color: #4a4f51;
}
#cases .left-side .case-dev-time .value {
	color: #13aec1;
	font-size: 24px;
}
#cases .left-side .colored-block .case-block-title.text-left {
	text-align: left;
	margin-bottom: 5px;
}
#cases .left-side .colored-block .additional {
	margin-bottom: 30px;
	color: #6d7e85;
}

#cases .left-side .colored-block .btn-green {
	background-color: #87bd3d;
	color: #fff;
	font-size: 20px;
	font-family: "ExoRegular";
	border-radius: 5px;
	padding: 6px 17px 8px;
}
@media (min-width: 1060px) {
	#cases .left-side {
		padding-right: 90px;
	}
}




.news{
	margin-top: 20px;
}
.news h2{
	font-family: 'ExoRegular';
	color: #4a4f51;
	font-size: 20px;
	margin-bottom: 10px;
}
.news .item{
	margin-bottom: 12px;
}
.news .date{
	font-family: 'ExoRegular';
	color: #a5babd;
	margin-bottom: 3px;
}
.news .date + a{
	font-family: 'ExoRegular';
	color: #14afc1;
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
}
.news .date + a:hover{
	text-decoration: none;
}
.news .all-news{
	display: inline-block;
	color: #6a9934;
	font-family: 'ExoRegular';
	font-size: 16px;
	border-radius: 20px;
	background-color: #d7ecc9;
	padding: 4px 30px;
	margin-top: 12px;
}
.clients{
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	position: relative;
	margin-top: 35px;
	padding-bottom: 10px;
}
.clients:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #d7ecc9;
	top: 12px;
	left: 0;
}
.clients h1{
	color: #4a4f51;
	font-family: 'ExoRegular';
	font-size: 20px;
	display: inline-block;
	background-color: #fff;
	padding: 0 10px;
	position: relative;
}
.owl-clients{
	margin-top: 20px;
}
.clients .owl-item{
}
.clients .owl-item div{
	text-align: center;
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}
.clients .owl-item img{
	max-width: 80%;
}
.owl-clients .owl-controls .owl-buttons div{
    color: #fff;
    background: #87bd3d;
    opacity: 1;
    width: 29px;
    height: 29px;
    text-align: center;
    padding: 0;
    font-size: 15px;
    padding-top: 5px;
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -14px;
}
.owl-clients .owl-controls .owl-buttons div.owl-prev{
	left: -30px;
}
.owl-clients .owl-controls .owl-buttons div.owl-next{
	right: -30px;
}
.right-side{
	padding-top: 40px;
	padding-bottom: 50px;
}
.inner{
	background-color: #fff;
	margin-top: 12px;
}
.inner h1{
	font-family: 'ExoRegular';
	color: #4a4f51;
	font-size: 22px;
	margin-top: 30px;
}
#news .dates{
	margin-top: 13px;
	margin-bottom: 10px;
}
#news .dates a{
	color: #6a9934;
    border-radius: 8px;
    font-family: 'ExoRegular';
    font-size: 18px;
    padding: 3px 6px;
    display: inline-block;
    text-decoration: underline;
}
#news .dates a:hover{
	text-decoration: none;
}
#news .dates a.active{
	background-color: #87bc41;
	color: #fff;
}
#news .item{
	margin-bottom: 15px;
}
#news .date{
	font-family: 'ExoRegular';
	color: #a5babd;
	font-size: 16px;
}
#news .item a{
	font-family: 'ExoRegular';
	color: #0c97aa;
	text-decoration: underline;
	font-size: 19px;
	line-height: 19px;
}
#news .item a:hover{
	text-decoration: none;
}
.stages-inner img{
	float: left;
	width: 84px;
	margin-right: 13px;
}
.stages-inner h2{
	font-family: 'ExoRegular';
	color: #fff;
	font-size: 20px;
	float: left;
	padding-top: 28px;
	text-decoration: underline;
}
.stages-inner .block.active h2{
	color: #4a4f51;
}
.stages-inner .block.support.active h2{
	color: #8B979D;
}
.stages-inner .block{
	margin-bottom: 2px;
}
.stages-inner .strategy{
	background-color: #d7ecc9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.stages-inner .development{
	background-color: #14afc1;
}
.stages-inner .seo{
	background-color: #ed7d32;
}
.stages-inner .support{
	background-color: #40535b;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/*.stages-inner .support .title-wrapper,*/
.stages-inner .support.active .links{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
/*.stages-inner .support.active .title-wrapper{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}*/
.stages-inner .block .title-wrapper a{
	display: block;
	width: 100%;
	height: 84px;
	text-decoration: underline;
}
.stages-inner .block .title-wrapper a:hover h2{
	text-decoration: none;
}
.stages-inner .block .links{
	display: none;
	padding: 25px;
	background-color: #d7ecc9;
	width: 100%;
}
.stages-inner .block .links ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.stages-inner .block .links ul li{
	margin-bottom: 10px;
}
.stages-inner .block .links a{
	color: #6a9934;
	font-size: 18px;
	text-decoration: underline;
    line-height: 18px;
}
.stages-inner .block .links a:hover,
.stages-inner .block .links a.active{
	color: #4a4f51;
	text-decoration: none;
}
.inner .map-wrapper{
	margin-top: 20px;
}
.inner #map{
	height: 260px;
}
.inner #map ymaps{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.inner .address{
	color: #484848;
	font-size: 16px;
	padding: 20px;
	background-color: #d7ecc9;
	line-height: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.single-new h2{
	font-family: 'ExoRegular';
	color: #4a4f51;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 15px;
}
.single-new .description{
	color: #677074;
	font-size: 16px;
	line-height: 22px;
}
.single-new .description a{
	color: #0c97aa;
	text-decoration: underline;
}
.single-new .description a:hover{
	text-decoration: none;
}
.single-new img{
	max-width: 100%;
}
.single-new .date{
	margin-top: 18px;
}
#sitemap .left-side ul,
#search .left-side ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 15px;
}
#sitemap .left-side ul li,
#search .left-side ul li{
	padding-left: 20px;
	position: relative;
	list-style: none!important;
}
#sitemap .left-side ul li:before,
#search .left-side ul li:before{
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 7px;
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background-color: #87bd3d;
}
#sitemap .left-side ul li.nonmarked:before{
	display: none;
}
#sitemap .left-side ul li a,
#search .left-side ul li a{
	color: #0c97aa;
	font-size: 16px;
	line-height: 24px;
	text-decoration: underline;
}
#sitemap .left-side ul li a:hover,
#search .left-side ul li a:hover{
	text-decoration: none;
}
#sitemap .left-side ul li a br{
	display: none;
}
#search .left-side .result{
	color: #7b868a;
	font-size: 16px;
	font-family: 'ExoRegular';
	margin-top: 10px;
}
#search .left-side ul li a{
	line-height: 22px;
}
#search .left-side ul li{
	margin-bottom: 10px;
}
.error404 .container{
	padding-bottom: 10px;
}
.error404 h1{
	font-family: 'ExoRegular';
	color: #a6da60;
	font-size: 88px;
	line-height: 84px;
	padding-top: 75px;
}
.error404 p{
	font-family: 'ExoRegular';
	color: #fff;
	font-size: 16px;
    line-height: 18px;
}
.error404 p a{
	color: #a6da60;
	font-size: 18px;
	text-decoration: underline;
}
.error404 p a:hover{
	text-decoration: none;
}
.error404 .wrapper{
	background-color: #349eba;
	padding-top: 10px;
}
.error404 img{
	max-width: 100%;
}
.error404 .logo4d img{
	width: 90px;
    margin-top: -49px;
}
#container{
	position: relative;
	padding: 0;
    margin-top: 20px;
    min-height: 500px;
}
#container.inner-gal{
	min-height: 50px;
}
#container li{
	list-style: none;
}
#container li img{
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
#container img:hover{
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}
.loader {
	font-size: 20px;
	/*margin: 100px auto;*/
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: fixed;
	top: 50%;
	left: 50%;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
	0%,
	100% {box-shadow: 0 -3em 0 0.2em #42A500, 2em -2em 0 0em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 0 #42A500; }
	12.5% {box-shadow: 0 -3em 0 0 #42A500, 2em -2em 0 0.2em #42A500, 3em 0 0 0 #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	25% {box-shadow: 0 -3em 0 -0.5em #42A500, 2em -2em 0 0 #42A500, 3em 0 0 0.2em #42A500, 2em 2em 0 0 #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	37.5% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0em 0 0 #42A500, 2em 2em 0 0.2em #42A500, 0 3em 0 0em #42A500, -2em 2em 0 -1em #42A500, -3em 0em 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	50% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 0em #42A500, 0 3em 0 0.2em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	62.5% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 0 #42A500, -2em 2em 0 0.2em #42A500, -3em 0 0 0 #42A500, -2em -2em 0 -1em #42A500; }
	75% {box-shadow: 0em -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0em 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 0.2em #42A500, -2em -2em 0 0 #42A500; }
	87.5% {box-shadow: 0em -3em 0 0 #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 0 #42A500, -2em -2em 0 0.2em #42A500; }
}
@keyframes load4 {
	0%,
	100% {box-shadow: 0 -3em 0 0.2em #42A500, 2em -2em 0 0em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 0 #42A500; }
	12.5% {box-shadow: 0 -3em 0 0 #42A500, 2em -2em 0 0.2em #42A500, 3em 0 0 0 #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	25% {box-shadow: 0 -3em 0 -0.5em #42A500, 2em -2em 0 0 #42A500, 3em 0 0 0.2em #42A500, 2em 2em 0 0 #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 -1em #42A500, -3em 0 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	37.5% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0em 0 0 #42A500, 2em 2em 0 0.2em #42A500, 0 3em 0 0em #42A500, -2em 2em 0 -1em #42A500, -3em 0em 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	50% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 0em #42A500, 0 3em 0 0.2em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 -1em #42A500, -2em -2em 0 -1em #42A500; }
	62.5% {box-shadow: 0 -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 0 #42A500, -2em 2em 0 0.2em #42A500, -3em 0 0 0 #42A500, -2em -2em 0 -1em #42A500; }
	75% {box-shadow: 0em -3em 0 -1em #42A500, 2em -2em 0 -1em #42A500, 3em 0em 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 0.2em #42A500, -2em -2em 0 0 #42A500; }
	87.5% {box-shadow: 0em -3em 0 0 #42A500, 2em -2em 0 -1em #42A500, 3em 0 0 -1em #42A500, 2em 2em 0 -1em #42A500, 0 3em 0 -1em #42A500, -2em 2em 0 0 #42A500, -3em 0em 0 0 #42A500, -2em -2em 0 0.2em #42A500; }
}
.page-description{
	margin-top: 20px;
}
.clients-wrap{
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.client{
	width: 48%;
	float: left;
	max-width: 200px;
	text-align: center;
	margin-bottom: 20px;
}
.client:nth-child(odd){
	clear: both;
	margin-right: 4%;
}
.client .image-table-wrapper{
	display: table;
	width: 100%;
}
.client .image-wrapper{
	border: 3px solid #d7ecc9;
	border-radius: 100px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.client .image-wrapper img{
	max-width: 115px;
	width: 70%;
}
.client .client-title{
	font-size: 18px;
	font-family: 'ExoRegular';
	color: #4a4f51;
	line-height: 24px;
	margin-top: 5px;
}
.client .client-title a{
	color: #0c97aa;
	text-decoration: underline;
}
.client .client-title a:hover{
	text-decoration: none;
}
.client .client-brief{
	line-height: 16px;
	color: #6d7e85;
	margin-top: 10px;
	display: none;
}
#headerContact{
	padding-top: 15px;
}
#YMapsID,
#YMapsID iframe{
	width: 100%;
	height: 333px;
	border: none!important;
}
#headerContact + #page .inner{
    margin-top: -11px;
}
#page.contacts-wrapper .left-side{
	width: 100%;
	float: none;
	padding-right: 0;
}
#page.contacts-wrapper .right-side{
	display: none;
}
#page .contacts{
	color: #6d7e85;
	font-size: 16px;
}
#page .contacts span{
	color: #4a4f51;
	font-family: 'ExoRegular';
	font-size: 18px;
}
#page .contacts a{
	color: #0c97aa;
	text-decoration: underline;
}
#page .contacts a:hover{
	text-decoration: none;
}
#cases h1{
	margin-bottom: 22px;
}
#cases .left-side .block{
	margin-bottom: 52px;
}
#cases .left-side .block .img{
	float: left;
	margin-right: 10px;
}
#cases .left-side .block .img img{
	border-radius: 100px;
	width: 100px;
}
#cases .left-side .block h2{
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
    margin-bottom: 10px;
}
#cases .results div{
	width: 22px;
	height: 22px;
	font-size: 11px;
}
#cases .results div span:first-child{
	margin-left: -8px;
}
#cases .results div span:last-child{
	margin-left: -3px;
}
#cases .text{
	color: #4a4f51;
	font-size: 16px;
	line-height: 18px;
	margin-top: 20px;
}
#cases .short .block{
	margin-top: -10px;
	margin-bottom: 15px;
}
.briefClass{
	font-size: 16px;
	color: #677074;
	line-height: 20px;
}
.briefClass img{
	max-width: 100%;
	height: auto;
}
.briefClass a{
	color: #14afc1;
	text-decoration: underline;
}
.briefClass a:hover{
	text-decoration: none;
}
.briefClass ul{
	padding-left: 0;
	list-style: none;
}
.briefClass ul li{
	position: relative;
	padding-left: 35px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.briefClass ul li:before{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	left: 17px;
	top: 7px;
	background-color: #87bc41;
}
#container.inner-gal{
	margin-top: 40px;
}
/*.inner-gal li{
	float: left;
	width: 32%;
	margin-bottom: 5%;
}
.inner-gal li img{
	width: 100%;
}
.inner-gal li:nth-child(3n+3){
	margin-left: 2%;
	margin-right: 2%;
}*/
.brief-stage{
	margin-top: 20px;
	font-size: 16px;
	color: #0c97aa;
	line-height: 20px;
	font-weight: bold;
}
.brief-stage.order{
	position: relative;
}
#orderBtn{
	display: block;
    color: #6a9934;
    font-family: 'ExoRegular';
    font-size: 16px;
    border-radius: 20px;
    background-color: #d7ecc9;
    padding: 4px 20px;
    margin-top: 10px;
    text-transform: uppercase;
    max-width: 185px;
}

#announce{
	margin-left: 0!important;
}
.briefClass h3{
	font-size: 20px;
	color: #4a4f51;
	font-family: 'ExoBold';
    margin-top: 10px;
    margin-bottom: 10px;
}
.briefClass object{
	max-width: 100%;
}
.briefClass table, .briefClass tbody, .briefClass tr, .briefClass td{
	max-width: 100%;
	text-align: left!important;
}
.briefClass table,
.briefClass object{
	width: 100%!important;
}
.briefClass td{
	width: 50%!important;
	font-size: inherit;
	line-height: inherit;
    padding-right: 25px;
}
.briefClass td span{
	color: #6a9934!important;
}
.briefClass td span strong{
	color: #6a9934!important;
	font-size: 30px;
	font-family: 'ExoBold';
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.briefClass td img{
	/*margin-left: 15px;*/
}
#pdf{
	color: #9cabb2;
	font-size: 16px;
	margin-top: 15px;
}
#pdf .pdf-lnk{
	margin-bottom: 10px;
}
#pdf a{
	font-family: 'ExoRegular';
	font-size: 18px;
	color: #6a9934;
	text-decoration: underline;
}
.pdf-ico{
	width: 45px;
	height: 45px;
	background: url(/image/new/pres-img.png) no-repeat;
	background-size: contain;
	float: left;
	margin-right: 12px;
}
.video-wrapper{
	position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.load-more-wrapper{
	padding: 30px 0;
}
#load-more-pholio{
	display: inline-block;
    color: #6a9934;
    font-family: 'ExoRegular';
    font-size: 20px;
    border-radius: 20px;
    background-color: #d7ecc9;
    padding: 10px 35px;
    display: none;
}
@media (min-width: 700px){
	body{
		padding-bottom: 175px;
	}
	.container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.modals{
		max-width: 538px;
		left: 50%;
		margin-left: -269px;
		padding-bottom: 45px;
	}
	.modals h2{
		font-size: 30px;
		margin: 20px 0 25px;
	}
	.modals p{
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 40px;
	}
	.modals #modal-send,
	#order-send{
		font-size: 24px;
		margin-top: 15px;
	}
	.modals .modal-error-message{
		margin-top: -20px;
		margin-bottom: 15px;
	}
	.search-wrapper{
		width: 200px;
	    position: absolute;
	    top: 8px;
	    right: 185px;
	}
	.phone{
		position: absolute;
		top: 6px;
		left: 164px;
	}
	.logo{
		padding-top: 30px;
	}
	.main-logo-wrapper{
		float: left;
	}
	.main-logo-wrapper img {
	    width: 170px;
	}
	.menu{
		text-align: right;
		float: right;
	    margin-top: 42px;
	}
	.menu a{
		margin-right: 0;
		margin-left: 12px;
	}
	footer{
		height: 175px;
		padding-top: 43px;
	}
	footer .logo4Design img{
		width: 50px;
	}
	footer .search-wrapper{
		position: relative;
	    top: 0;
	    left: 0;
	    margin-top: 11px;
	}
	#bottomMenu{
		margin-top: -41px;
	    margin-right: 68px;
	    float: right;
	}
	.owl-slider .icon{
		width: 150px;
		margin-top: -31px;
		margin-bottom: -20px;
	}
	.owl-slider .owl-item h1{
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.owl-slider .owl-item p{
		font-size: 18px;
	}
	.owl-slider .owl-item .link_more{
		font-size: 20px;
	}
	.owl-slider .owl-controls .owl-buttons div{
		width: 49px;
		height: 49px;
		border: 3px solid #d7ecc9;
		border-radius: 40px;
		top: 20px;
	}
	.owl-slider .owl-controls .owl-buttons div .glyphicon{
		font-size: 33px;
	}
	.owl-slider .owl-controls .owl-buttons div.owl-prev{
		left: 30px;
	}
	.owl-slider .owl-controls .owl-buttons div.owl-next{
		right: 30px;
	}
	.stages{
		margin-top: 120px;
	}
	.stages .item{
		float: left;
		width: 25%;
	    margin-top: -80px;
	    margin-bottom: 40px;
	}
	.stages .item img{
		width: 130px;
	}
	.stages .item .links{
		top: 65px;
		padding-top: 110px;
	}
	.stages .item .links a{
		font-size: 16px;
	}
	.owl-cases{
		border: 0;
		max-width: 600px;
		height: 406px;
		background: url(/image/new/cases-bg.png) no-repeat;
		margin-left: auto;
		margin-right: auto;
	}
	.owl-cases .owl-item{
		padding: 25px 40px;
	}
	.owl-cases .description{
		float: left;
	    background-color: #fff;
	    height: 350px;
	    width: 351px;
	    position: relative;
	}
	.owl-cases .description:after{
		display: block;
		position: absolute;
		width: 48px;
		height: 350px;
		background: url(/image/new/cases-after.png) no-repeat;
		top: 0;
		right: -48px;
	}
	.owl-cases .img{
		float: right;
		height: 406px;
		width: 169px;
		border-radius: 0;
	}
	.owl-cases .owl-controls .owl-buttons div{
		top: 182px;
	}
	.owl-cases .owl-controls .owl-buttons div.owl-prev{
		left: -40px;
		margin-left: 0;
	}
	.owl-cases .owl-controls .owl-buttons div.owl-next{
		left: auto;
		right: -40px;
		margin-left: 0;
	}
	.owl-cases .description h1,
	#cases .left-side .block h2{
		font-size: 24px;
		line-height: 24px;
		margin-top: 0;
	}
	.owl-cases .description .website,
	#cases .left-side .block .website{
		font-size: 18px;
	}
	.owl-cases .description .results,
	#cases .results{
		font-size: 18px;
	}
	.owl-cases .description{
		padding: 25px 23px;
	}
	.owl-cases img{
		width: auto;
	}





	.news{
		margin-top: 35px;
	}
	.news h2{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.news .item{
		float: left;
		width: 25%;
		padding-right: 20px;
	}
	.clients{
		padding-left: 60px;
		padding-right: 60px;
	}
	.clients h1{
		font-size: 26px;
	}
	.clients:before{
		top: 17px;
	}
	.owl-clients {
	    margin-top: 50px;
	    margin-bottom: 50px;
	}
	.owl-clients .owl-controls .owl-buttons div.owl-prev{
		left: -30px;
	}
	.owl-clients .owl-controls .owl-buttons div.owl-next{
		right: -30px;
	}
	.inner{
		margin-top: 26px;
		padding-bottom: 40px;
	}
	.inner h1{
		font-size: 24px;
	}
	.left-side{
		float: left;
		width: -moz-calc(100% - 220px);
		width: -webkit-calc(100% - 220px);
		width: calc(100% - 220px);
		padding-right: 30px;
	}
	.right-side{
		float: left;
		width: 220px;
	}
	.stages-inner img{
		width: 78px;
		margin-right: 5px;
	}
	#news .date{
		font-size: 18px;
	}
	.single-new h2{
		font-size: 24px;
		line-height: normal;
	}
	#search .left-side .result{
		font-size: 20px;
	}
	#search .left-side ul li {
	    margin-bottom: 0px;
	}
	#search .left-side ul li:before{
		top: 13px;
	}
	.error404 h1{
		padding-top: 60px;
		line-height: 115px;
	}
	.error404 .logo4d img{
		width: 115px;
	    margin-top: -75px;
	}
	.clients-wrap{
		max-width: 100%;
	}
	.client{
		width: 30%;
		margin-bottom: 30px;
	}
	.client:nth-child(odd){
		clear: none;
		margin-right: 0;
	}
	.client:nth-child(3n+1){
		clear: both;
	}
	.client:nth-child(3n+2){
		margin-left: 5%;
		margin-right: 5%;
	}
	.client .client-title{
		margin-top: 10px;
	}
	.client .client-brief{
		display: block;
	}
	#page .contacts{
		float: left;
		width: 33.33333%;
	}
	#cases .left-side .block{
		margin-bottom: 30px;
	}
	#cases .left-side .short .block{
		margin-bottom: 15px;
	}
	#cases .left-side .block .img{
		margin-right: 20px;
	}
	#cases .left-side .block .img img{
		width: 130px;
	}
	#cases .short .block .img img{
		width: 100px;
	}
	#cases .left-side .block h2{
		font-size: 18px;
	    line-height: 17px;
	    margin-bottom: 5px;
	}
	#cases .left-side .block .clearfix{
		display: none;
	}
	#cases .left-side .block .website{
		font-size: 16px;
	}
	#cases .text{
		margin-top: 8px;
	}
	#cases .text-wrapper{
		overflow: hidden;
	}
	#cases .results{
		font-size: 16px;
	}
}
@media (min-width: 1060px){
	body{
		background-image: url(/image/new/main-bg-2.png);
	}
	.modals{
		position: fixed;
		display: block;
	}
	.container{
		width: 1000px;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	.phone{
		font-size: 24px;
	    left: 233px;
	    top: 0;
	    line-height: 24px;
	    padding-top: 0;
	}
	.search-wrapper{
		width: 240px;
		right: 237px;
	    top: -8px;
	}
	.search-wrapper input{
		height: 30px;
		font-size: 16px;
	}
	.logo {
	    padding-top: 36px;
	}
	.main-logo-wrapper img{
		width: 180px;
	}
	.menu{
		margin-top: 50px;
	}
	.menu a{
		font-size: 20px;
		margin-left: 38px;
	}
	footer .container{
		height: 100%;
	}
	#bottomMenu{
		margin-right: 175px;
	}
	#parallax{
		display: block;
	}
	.owl-slider{
		/*height: 317px;*/
		min-height: 275px;
		height: 275px;
		/*margin-top: 55px;*/
		margin-top: 25px;
	}
	.owl-slider .icon{
		margin-bottom: -25px;
	}
	.owl-slider .owl-item h1{
		/*font-size: 30px;*/
		/*line-height: 30px;*/
		font-size: 26px;
		line-height: 26px;
		/*margin-bottom: 20px;*/
		margin-bottom: 10px;
	}
	.owl-slider .owl-item p{
		margin-bottom: 0;
		max-width: 1000px;
	}
	.owl-slider .owl-controls .owl-buttons div{
		top: 80px;
	}
	.owl-slider .owl-item .link_more:hover{
		background-color: #fff;
		color: #287687;
	}
	.stages{
		margin-top: 0;
		background: none;
	}
	.stages .item{
		margin-top: -18px;
	}
	.stages .item img{
		width: 180px;
	}
	.stages .item .links{
		/*padding: 0;
		top: 95px;
	    padding-top: 135px;*/
		padding: 0;
		top: auto;
		bottom: 127px;
		margin-top: -27px;
        padding-bottom: 110px;
	}
	.stages .item .links .row{
		/*width: 1000px;*/
		background-color: #d7ecc9;
		padding: 30px;
		border-radius: 10px;
		/*padding-top: 20px;*/
	}
	.stages .item:nth-child(2) .links .row{
		margin-left: -250px;
	}
	.stages .item:nth-child(3) .links .row{
		margin-left: -500px;
	}
	.stages .item:nth-child(4) .links .row{
	    margin-left: -561px;
	}
	.stages .item .links .row.per25{
		width: 310px;
	}
	.stages .item .links .row.per50{
		width: 560px;
	}
	.stages .item .links .row.per75{
		width: 810px;
	}
	.stages .item .links .row.per100{
		width: 1000px;
	}
	.stages .item .links a{
		font-size: 18px;
	}
	.stages .item .links ul{
		float: left;
		/*width: 25%;*/
		width: 250px;
		text-align: left;
	}
	.stages .item .links .per100 ul{
		width: 25%;
	}
	.stages .item h2{
		font-size: 24px;
	}
	/*.cases-wrapper > .container{
		padding-left: 0;
		padding-right: 0;
	}*/
	.cases{
		float: left;
		width: 600px;
		padding-top: 0;
	}
	.owl-cases .owl-controls .owl-buttons div{
		width: 42px;
		height: 42px;
		font-size: 24px;
		border-width: 3px;
	}
	.owl-cases .owl-controls .owl-buttons div.owl-prev{
		left: auto;
		right: 188px;
	    margin-top: 8px;
	}
	.owl-cases .owl-controls .owl-buttons div.owl-next{
		left: auto;
	    right: 188px;
	    margin-top: -34px;
	}
	.news{
		width: 350px;
		float: right;
		margin-top: 5px;
	}
	.news > .container{
		width: 100%;
	}
	.news .item{
		float: none;
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.news .item:last-child{
		display: none;
	}
	.news h2{
		font-size: 30px;
	}
	.news .date,
	.news .date + a,
	.news .all-news{
		font-size: 18px;
	}
	.clients{
		margin-top: 55px;
	}
	.clients:before{
		top: 20px;
	}
	.clients h1{
		font-size: 30px;
	}
	.owl-clients{
		margin-top: 60px;
	}
	.inner h1{
		font-size: 36px;
	}
	.left-side{
		float: left;
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
		padding-right: 100px;
	}
	.right-side{
		float: left;
		width: 250px;
	}
	.stages-inner img{
		margin-left: 10px;
	}
	.stages-inner h2{
		font-size: 22px;
	}
	#news .item a{
		font-size: 24px;
		line-height: 26px;
	}
	#news .dates{
		margin-top: 31px;
		margin-bottom: 33px;
	}
	#news .dates a{
		padding: 6px 14px;
	}
	.single-new h2{
		font-size: 30px;
		margin-bottom: 25px;
	}
	#sitemap .left-side ul{
		margin-top: 25px;
	}
	#search .left-side .result{
		font-size: 24px;
		margin-top: 23px;
	}
	#search .left-side ul li:before {
	    top: 17px;
	}
	.error404 .container {
		margin-top: 95px;
	    width: 100%;
	    background-color: #45B1C4;
	}
	.error404 h1{
		font-size: 165px;
		line-height: 165px;
		padding-top: 0;
		
	}
	.error404 p{
		font-size: 18px;
		line-height: 24px;
	}
	.error404 p a{
		font-size: 24px;
	}
	.error404 .logo4d img{
		width: 180px;
		margin-top: -40px;
	}
	#container{
		margin-top: 30px;
	}
	.page-description{
		margin-top: 30px;
	}
	#page .contacts{
		font-size: 18px;
		line-height: 24px;
	}
	#page .w355{
		width: 355px;
	}
	#page .w290{
		width: 290px;
	}
	#page .contacts span{
		font-size: 24px;
		line-height: 32px;
	}
	#cases .left-side .block{
		padding: 20px;
		margin-bottom: 20px;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
			-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
			 -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
				box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	#cases .left-side .block:hover{
	-webkit-box-shadow: 0 1px 40px rgba(29,32,35,0.23);
	   -moz-box-shadow: 0 1px 40px rgba(29,32,35,0.23);
	    -ms-box-shadow: 0 1px 40px rgba(29,32,35,0.23);
		 -o-box-shadow: 0 1px 40px rgba(29,32,35,0.23);
			box-shadow: 0 1px 40px rgba(29,32,35,0.23);
	}







	#cases .left-side .short .block{
		margin-bottom: 22px;
	}
	#cases .left-side .block .img{
		margin-right: 34px;
	}
	#cases .left-side .block .img img{
		width: 200px;
	}
	#cases .short .block .img img{
		width: 100px;
	}
	#cases .left-side .block h2{
		font-size: 24px;
	    line-height: 24px;
	    /*margin-bottom: 5px;*/
	}
	#cases .left-side .block .website{
		font-size: 18px;
	}
	#cases .results{
		font-size: 18px;
	}
	#cases .results div{
		width: 28px;
		height: 28px;
		font-size: 14px;
	}
	#cases .results div span:first-child{
		margin-left: -10px;
	}
	#cases .results div span:last-child{
		margin-left: -4px;
	}
	#cases h1{
		margin-bottom: 32px;
	}
	.briefClass,
	.brief-stage{
		font-size: 18px;
		line-height: 24px;
	}
	.brief-stage.order{
		padding-right: 200px;
	}
	#orderBtn{
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -16px;
	}
	.briefClass h3{
		font-size: 24px;
	}
	#pdf{
		margin-top: 35px;
	}
	.fancybox-prev span{
		left: 25px;
	}
	.fancybox-next span{
		right: 25px;
	}
}
@media (min-width: 320px) and (max-width: 875px){
	.briefClass object{
		max-width: 100%;
	}
	.briefClass table, .briefClass tbody, .briefClass tr, .briefClass td{
		display: block;
		max-width: 100%;
		width: 100%!important;
		text-align: left!important;
	}
	.briefClass td span strong{
		color: #6a9934!important;
		font-size: 24px;
		font-family: 'ExoBold';
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.briefClass td img{
		/*margin-left: 5px;*/
	}
}
.hvr-bob{
	display: inline-block; 
    /* vertical-align: middle; */
    /*margin: .4em;*/
    /*padding: 1em;*/
    cursor: pointer;
    /*background: #e1e1e1;*/
    /*text-decoration: none;*/
    /*color: #666;*/
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/*.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}*/
.hvr-bob:hover{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.case-filter {
	text-align: center;
	background-color: #e2eff1;
	border-radius: 9px;
	padding: 0;
	overflow: hidden;
	margin-bottom: 40px;
}
.case-filter:after {
	// content: '';
	display: inline-block;
	width: 100%;
}
.case-filter li{
	display: inline-block;
	// display: block;
	// float: left;
	font-size: 18px;
	background-color: #e2eff1;
	border-radius: 9px;
	padding: 10px 14px;
	transition: background-color 0.2s ease;
	cursor: pointer;
}
.case-filter li:hover{
	background-color: #14afc1;
}
.case-filter li.active {
	background-color: #14afc1;
}
.case-filter li a{
	color: #0c97aa;
	transition: color 0.2s ease;
}
.case-filter li.active a{
	color: #fff;
}
.case-filter li:hover a{
	color: #fff;
}

#cabinetLinkBtn {
	margin-right: 25px; 
	margin-top: 2px
}

@media (max-width: 700px){
	#cabinetLinkBtn {
		margin-right: inherit; 
	}
}



.about{
	margin-top: 50px;
}
.about .wrapper{
	position: relative;
	border: 2px solid #d7ecc9;
	border-radius: 10px;
	padding: 0 25px 20px;
}
.about h4{
	display: inline-block;
	background-color: #fff;
	position: relative;
	top: -24px;
	font-size: 36px;
	font-family: 'ExoRegular';
	color: #4a4f51;
	padding: 0 10px;
}
.about p{
	line-height: 20px;
	font-size: 16px;
	color: #6d7e85;
	margin-bottom: 15px;
}
.about .col-md-4{
	text-align: center;
	font-size: 16px;
	font-family: 'ExoRegular';
	color: #14afc1;
	margin-bottom: 30px;
}
.about .col-md-4 img{
	width: 140px;
	margin-bottom: 10px;
}



@media (min-width: 700px){
	.about{
		margin-top: 40px;
	}
	.about .wrapper{
		padding-left: 40px;
		padding-right: 40px;
	}
	.about .col-md-4{
		width: 33.33333%;
		float: left;
		margin-top: 45px;
	    margin-bottom: 20px;
	}
	.about .col-md-4 img{
	    margin-bottom: 15px;
	}
}
@media (min-width: 1060px){
	.about{
		margin-top: 70px;
	}
	.about .wrapper{
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 0px;
	}
	.about h4{
		font-size: 48px;
		top: -35px;
	}
	.about .text{
		margin-top: 0px;
	}
	.about p{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.about .col-md-4{
		font-size: 18px;
	}
	.about .col-md-4 img{
		width: auto;
		margin-bottom: 30px;
	}
}

.openModal.call-back-button > .write-ico.icon{
	margin-right: 35px;
}
@media (max-width: 991px){
.bottom-buttons .btn-text {
	top: 7px;
}
	.openModal.call-back-button > .write-ico.icon{
		margin-right: 4px;
	}
}

.container.skills{
    margin-top: 20px;
}
.row-inner{
    padding-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.capabilities h1 {
    text-align: center;
    font-size: 36px;
    font-family: 'ExoRegular';
    color: #4a4f51;
    margin-bottom: 30px;
}
.capabilities h3 {
    font-size: 24px;
    font-family: 'ExoRegular';
    color: #4a4f51;
    margin-bottom: 20px;}

.capabilities img {
    width: 70px;
    margin-bottom: 10px;
}
.row-block-a{
    padding-right: 20px;
    width: 50%;
}
.row-block-b{
    padding-left: 20px;
    width: 50%;
}

@media (max-width: 700px){
    .row-inner{
        width: 100%;
        flex-direction: column;
        padding-bottom: 0;
    }
    .row-block-b{
        width: 100%;
        padding: 0;
    }
    .row-block-a{
        width: 100%;
    }
}
@media (min-width: 1060px){
    .capabilities p {
        font-size: 18px;
        line-height: 24px;}}

@media (min-width: 1060px){

    .capabilities h1 {
        font-size: 48px;
        margin-bottom: 50px;
    }}