.bg-item {
	width: 100%;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
}

.result-slider .h4 {
text-align: left !important;
margin: 0px 0 50px !important;
}

.result-slider p {
text-align: left !important;
}

.col-text {
    padding: 26px 0 0 20px !important;
}

.nav>li>a {
padding: 11px 13px !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
color: #F34026 !important;
background-color: white !important;
background-image: none !important;
}

.navbar-default .navbar-nav>li>a.location {
padding: 11px 0px 1px 0px !important;
}

.navbar-default .navbar-nav li a.head-phone {
    font-size: 24px !important;
    padding-bottom: 3px !important;
    padding-right: 0 !important;
    padding-left: 26px !important;
    margin-right: -18px !important;
}

.banner_seo_txt {
    text-align: left;
    font-size: 26px;
}

.name_seo {
	color: white;
    margin: 30px 0 15px;
    font-size: 20px;
    font-style: italic;
}

.name_job {
	color: white;
    margin: 0px 0 40px;
    font-size: 17px;
}

.block_photo {
margin-bottom: -8px;
}

.seo_photo {
	margin-top: -40px;
    width: 900px;
	display: none;
}

.adv_photo {
	margin-top: -130px;
    width: 350px;
	display: none;
}

.podderzhka_photo {
	margin-top: -160px;
    width: 320px;
}

.button_align {
margin-bottom: 50px;
margin-left: 103px;
}


@media only screen and (max-width: 768px) {
.block_photo {
margin-bottom: -5px !important;
}

.seo_photo {
	margin-top: 20px !important;
	width: 400px !important;
}

.adv_photo {
	margin-top: 20px !important;
    width: 250px !important;
	display: none;
}

.podderzhka_photo {
	margin-top: -40px !important;
    width: 250px !important;
}

.button_align {
text-align:center !important;
margin-left: 0px !important;
}
}


@media only screen and (width: 1024px) {
.block_photo {
	margin-top: 50px;
}

.seo_photo {
	margin-top: 0px;
	width: 400px;
}
.button_align {
text-align:center !important;
}


}


.portfolio-image-block {
    background: rgb(0 0 0 / 37%) !important;
}

.feedback-slider p {
margin-bottom: 20px !important;
}



@media screen and (max-width: 1192px) and (min-width: 992px){
	.mobile-menu .nav.navbar-nav{
		float: none;
		display: flex;
		justify-content: flex-end;
	}
}

@media screen and (max-width: 450px){
	.blog-main .my-btn-3,
	.portfolio .my-btn-3{
		padding: 15px 30px !important;
	}
}

@media screen and (max-width: 374px){
	.services .info-block.alt{
		font-size: 14px !important;
		padding: 18px 18px !important;
		min	-height: 280px !important;
	}
}
@media screen and (max-width: 1199px){
	.row-certificate > div .img-wrap {
		min-height: 125px;
	}
}
@media screen and (max-width: 767px){
	.trust .col-lg-2.col-md-2.col-sm-3.col-xs-6.text-center.col-space.wow.zoomIn{
		height: 100px !important;
	}
	.row-certificate > div {
		min-height: 200px;
	}
	.mobile-hidden{
		display: none;
	}
	.certificate{
		margin-bottom: 0px !important;
		padding-bottom: 20px !important;
	}
	.wrapper{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.why-wrap .why-title h3 {
	padding-bottom: 15px;
    font-size: 28px;
    font-family: 'Navigo',sans-serif;
    font-weight: 600;
	padding-left: 0px !important;
	margin-bottom: 0px !important;
}

.step-to-step .step-title h3 {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 13px;
    font-weight: 600;
    color: #000;
    padding-left: 5px;
	padding-left: 0px !important;
	margin-bottom: 0px !important;
}

.orange-title h2 {
color: #1a242d !important;
}

.orange-title {
background-color: #fff !important;
}

.navbar.navbar-default ul.dropdown-menu{
	border: none !important;
	border-radius: 0 !important;
}
@media screen and (max-width: 992px){
	.navbar-nav .open .dropdown-menu>li>a:last-child{
		padding-bottom: 13px !important;
	}
}

@media screen and (min-width: 992px){
li.dropdown li a{
	padding: 8px 20px !important;
	min-width: 100px;
}
.navbar.navbar-default ul.dropdown-menu{
	box-shadow: 0 2px 6px rgb(40 36 35 / 10%) !important;
}
	li.dropdown li{
		border: 2px solid rgb(255,255,255) !important;
	}
	li.dropdown li a{
		opacity: 0;
	}
	li.dropdown:hover li a{
		animation: go 0.1s ease-in forwards 0s;
	}
}
@keyframes go{
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
a.dropdown-toggle{
     transition: all 0.1s;
}

@media only screen and (max-width: 991px) and (min-width: 768px){
	footer .copy p{
		margin-top: 30px;
	}
}

.fa.mobile-location-arrow{
	display: none !important;
}

/* style for mobile menu */
@media only screen and (max-width: 991px){
	.navbar-default .navbar-nav{
		margin-top: 20px !important;
	}
	.navbar-default .navbar-nav li a.head-phone{
		font-size: 18px !important;
	}
	.navbar-default .navbar-nav > li > .with-icon{
		height: 80px !important;
		line-height: 80px !important;
	}
	.navbar-default .navbar-nav > li > .with-icon,
	.navbar-default .navbar-nav .our-contacts{
		padding-left: 0px !important;
	}
	.navbar-default .navbar-nav li a.head-phone{
		margin-left: 10px !important;
	}
	.navbar-default .navbar-nav .our-contacts i{
		text-align: center;
		margin-right: 10px !important;
	}
	.navbar-default .navbar-nav .our-contacts i{
		vertical-align: top;
	}
	.navbar-default .navbar-nav .our-contacts p span{
		margin-left: 0px !important;
		width: 80%;
	}
	.navbar-default .navbar-nav i.fa.fa-phone.fa-2x{
		padding-left: 4px !important;
	}
	li.hidden-md.hidden-lg{
		margin-bottom: 11px;
	}
	.nav.navbar-nav.navbar-right .head-phone{
		display: none !important;
	}
	.nav.navbar-nav.navbar-right .location.pop-up{
		margin-left: 6px !important;
	}
	.fa.mobile-location-arrow{
		display: inline-block !important;
		font-size: 14px !important;
		width: 20px;
		text-align: center;
	}
	.popup.city-choice{
		left: 50% !important;;
   		transform: translateX(-50%) !important;;
		width: 300px !important;
	}
	.popup.city-choice:before{
		display: none  !important;
	}
	.nav.navbar-nav.navbar-right{
		max-width: 300px;
	}
}
/* end style for mobile menu */

@media screen and (max-width: 767px){
	.why-we-the-one{
		text-align: center !important;
	}
}

@media screen and (min-width: 320px){
	.direction h2{
		padding-right: 15px !important;
	}
	.direction ul{
		padding-right: 15px !important;
	}
}
@media screen and (max-width: 991px) and (min-width: 320px){
	footer .icon{
		margin: 0 auto !important;
		width: 100% !important;
		justify-content: center !important;
	}
}
@media screen and (max-width: 374px){
	.col-md-6.col-sm-6.col-space.text-center.row-space{
		padding: 0px !important;
	}
}
.services .b24-web-form-popup-btn-15 .description{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.b24-web-form-popup-btn-15 h2{
	padding-left: 15px !important;
	padding-right: 15px !important;
}
@media screen and (max-width: 768px){
	.step-to-step .step-text{
		text-align: left !important;
	}
}
@media screen and (max-width: 360px){
	.direction h2{
		font-size: 26px !important;
	}
}
@media screen and (max-width: 1199px) {
	.dev-item{
		min-height: 230px !important;
		margin-bottom: 30px;
		}
	.why-dev .dev-title{
		margin-bottom: 10px !important;
	}
	.why-dev .dev-icon{
		margin-bottom: 20px !important;
	}
}


.navbar-default .navbar-nav li a.head-phone{
	font-size: 20px !important;
}
.nav.navbar-nav.navbar-right,
.navbar-default .navbar-nav li a.head-phone{
	margin-right: 0px !important;
}
.navbar-default .navbar-nav{
	padding-left: 20px !important;
}
@media screen and (max-width: 1192px) and (min-width: 992px){
	.nav>li>a[href="/contacts/"]{
		padding-right: 0px !important;
	}
}

#filter label:hover, #filter label.active{
	border-color: #f85832 !important;
    color: #f85832 !important;
}


@media only screen and (max-width: 768px){
	#slider-charts.owl-theme .owl-nav [class*=owl-]{
		display: block !important;
	}
}

.portfolio-page #filter label{
	border: none;
	font-size: 18px !important;
}
.portfolio-page #filter label{
	padding: 9px 25px 10px;
	border: 0.5px transparent solid !important;
}

.portfolio-page #filter label:hover,
.portfolio-page #filter label.active{
	background-color: #F4F6F8; 
	border: 0.5px rgba(196, 196, 196, 0.07) solid !important;
	border-radius: 57px;
	color: #333 !important;
}

.webform-projects{
	line-height: 50px !important;
	margin-top: 0px !important;
}
.webform-projects-block{
	margin-top: 50px;
}

  .headline_seo {
    margin: 55px 0 40px 0;
    font-weight: 600 !important;
  }

.row-flex {
    display: flex;
    flex-flow: row wrap;
  }
  .prices {
    margin: 30px 0 75px;
  }
  .price_block_btn {
    margin-top: 0px;
    width: 180px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 50px;
  }
  .block_item {
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    border: 1px solid #f85b30;
    margin-right: 15px;
    text-align: center;
    border-radius: 30px;
    background-color: white;
  }
  .block_item h3 {
    margin-bottom: 30px;
    font-weight: 600;
  }
  .price {
    font-size: 40px;
    margin-bottom: 0px;
    font-weight: bold;
  }
  .block_description {
    margin: 40px 0;
  }
  .options {
    margin-top: 20px;
  }


  @media (max-width:768px) {
    .middle_item .block_description {
      margin-top: 40px !important;
    }
    .middle_item {
      margin-top: 0px !important;
    }
    .left_item, .middle_item, .right_item {
      margin-bottom: 30px;
    }
    .block_item {
      margin: 0 15px;
      min-height: 500px !important;
    }
  .description {
    min-height: 70px;
}

  }

  @media (max-width:300px) {
    .price {
      font-size: 30px;
      margin-bottom: 0px;
      font-weight: 700;
    }
  }
  .services .service-title {
    font-weight: 600;
  }
  .services .description {
    margin-bottom: 30px;
  }
  .options p {
    margin-bottom: 5px;

  }

  .faq {
    margin-top: 0px !important;
  }

  
  .faq h3 {
    font-weight: 500 !important;
  }

  .panel {
    background-color: white;
  }
  .faq {
    margin-top:50px;
  }
  .panel-default>.panel-heading {
background-image: none !important;
  }
  .faq h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 25px 0 15px 0;
    color: #000;
    margin:10px 0 10px 0; 
  }
  .panel-group .panel+.panel {
    margin-top: 20px;
  }
  .panel-body {
    font-weight: 300;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    padding-left: 15px;
  }


  @media (max-width:420px) {
.step-by-dev .step-by-dev-item.text-right {
padding-right: 15px !important;
	}
.owl-carousel .owl-nav .owl-next {
right: -10px !important;
	}
.owl-carousel .owl-nav .owl-prev {
left: -10px !important;
	}

}

@media (max-width:760px) {
.prices {
margin-bottom: 40px !important;
	}
.step-to-step .step-text {
margin-bottom: 40px !important;
	}
.trust, .why-profit {
padding-bottom: 0px !important;
	}
.b24-form-wrapper.b24-form-border-bottom {
padding-bottom: 30px !important;
margin-bottom: 0px !important;
}
.contact-us {
padding-bottom: 0px !important;
	}
.direction, .right-context, .result-company, .why-dev, .why-we-the-one, .step-by-dev {
padding-bottom: 30px !important;
	}
.services.context-service {
padding-bottom: 0px !important;
	}
.step-by-dev, .why-profit, .why-dev, .direction {
padding-top: 50px !important;
}
.headline_seo {
margin-bottom: 5px;
	}
}

.main-content .baner{
	background: #000;
}
.main-content .banner-about{
	background: #5f2d91;
}

.webform-services-block{
	margin-top: 20px;
}
.our_adv h3 {
	font-size: 28px;
	font-family: 'Navigo',Arial,sans-serif;
	line-height: 1.55;
	font-weight: 500;
	margin: 0px 0 25px;
	padding: 0px !important;
}
.row.adv_item {
margin-bottom: 40px;
}




.h3-text{
    margin-bottom: 30px !important;
    font-weight: 600 !important;
    color: #1a242d !important;
    font-family: 'Navigo', sans-serif !important;
    font-size: 22px !important;
    line-height: 30px !important;
}




.ul-intro li {
	list-style-type: none;
}
.ul-intro li:before {
    content: "✔";
    padding-right: 0.5em;
    color: green;
    font-weight: 900;
}

.direction-intro {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.55;
	margin-top: 1.5em;
}
.direction-intro h2 {
    margin-bottom: 1.2em;
    text-align:center;
}
.direction-intro p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.55;
    color: #1a242d;
    margin-bottom: 30px;
    font-family: 'Navigo', sans-serif;
}


h2.h2-info {
    padding: 0.5em 0 1.5em !important;
    margin: 0 !important;
    text-align: center;
    font-size: 38px !important;
}
h2.h2-info:before {
	height:0 !important;
}