/*
Theme Name: Движение Веб
Theme URI: https://mskwebsite.ru
Author: Developers company DWcom.ru
Version: 1.0
...
*/


/* Base style */
body {
  background: #fff;
  color: #2d2d2d;
  font-family: 'Open Sans'
}
a {
  color: #2d2d2d;
}
a:hover {
  text-decoration: none;
  color: #2d2d2d;
}
.container-width {
  width: 1280px;
  margin: 0 auto;
}

/* Header style */

header {
  width: 1280px;
  margin: 15px auto;
  text-align: center;
}
header > div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
header .header-left {
  width: 15%
}
header .header-left img {
	width: 100%;
}
header .header-center {
  width: 55%;
  position: inherit;
}
header .header-center div > ul {
  margin: 0;
  padding: 0;
}
header .header-center div > ul > li {
  display: inline-block;
  list-style-type: none;
}
header .header-center div > ul a {
  font-size: 10pt;
  display: inline-block;
  padding: 10px;
  border-bottom: 3px solid #fff;
  transition: .3s;
}
header .header-center div > ul a:hover {
  border-bottom: 3px solid #fc5a28;
}
header .sub-menu {
  display: none;
  padding: 15px;
  border: 1px solid #ccc;
  box-shadow: 0 0 15px #0005;
}
header .header-center div > ul li:hover .sub-menu {
  display: block;
  position: absolute;
  width: 200px;
  background: #fff;
  z-index: 1;
}
header .sub-menu li {
  list-style-type: none;
  text-align: left;
}
header .header-right {
  width: 28%;
}
header .header-right > div {
  display: inline-block;
  width: 48%;
  text-align: right;
  vertical-align: middle;
}
header .header-right strong > a {
  font-size: 14pt;
  font-weight: 600;
}
header .header-right a {
  font-size: 10pt;
}
header .header-right .header-right-callback a {
  border: 2px solid #000;
  padding: 13px 22px;
  display: inline-block;
  font-size: 11pt;
  transition: .3s;
}
header .header-right .header-right-callback a:hover {
  background: #fc5a28;
  border: 2px solid #ff5925;
}
#get_call_form,
.btn a {
  cursor: pointer;
}

/* Slider block */
.slider-block .row > div {
  margin: 0 -4.5px;
  min-height: 758px;
  transition: .3s;
}
.slider-block .left-block {
  background: url(/wp-content/themes/dwcom/img/bg1-all.png) no-repeat bottom left;
  padding: 0;
}
.slider-block .right-block {
  background: url(/wp-content/themes/dwcom/img/bg2-all.png) no-repeat bottom right;
  padding: 0;
}
.slider-block a:after {
  content: '';
  position: relative;
  display: block;
  background: #fff;
  width: 100px;
  height: 2px;
  left: 50%;
  margin: 50px 0 0 -50px;
}
.slider-block a span:after {
  content: '+';
  font-size: 30pt;
  font-weight: 500;
  top: -30px;
  position: relative;
}
.slider-block .left-block a, .slider-block .right-block a {
  font-size: 50pt;
  font-weight: 300;
  color: #fff;
  display: block;
  text-align: center;
  padding: 273px 63px;
  line-height: 1.2;
}
.slider-block  .left-block:hover {
  filter: hue-rotate(-20deg)
  }
.slider-block  .right-block:hover {
  filter: contrast(1.2);
}

/* Title block on Main-Page */
.title-block {
  margin: 70px 0;
}
.title-block .text h1 {

  color: #fc5a28;
  font-size: 20pt;
  font-weight: bold;
}
.title-block .text p {
  font-size: 11pt;
  line-height: 1.4;
}
.title-block .carousel .single-block {
  border: 1px solid #ccc;
  padding: 40px 23px;
  margin: 0 5px;
  box-shadow: 0 0 5px #ccc;
  border-radius: 2px;
}
.title-block .carousel .center .single-block {
  background: linear-gradient(315deg, #f78c24, #fd5b2c);
  border: 1px solid #fd5b2c;
  color: #fff;
}
.title-block .carousel .single-block strong {
  display: block;
  font-size: 12pt;
  line-height: 1.1;
  margin: 0 0 10px 0;
}
.title-block .carousel .single-block p {
  margin: 0;
  font-size: 10pt;
  line-height: 1.2;
}
/* Price of websites */
.website-block {
  margin: 70px 0 40px;
}
.website-block h2 {

  color: #fc5a28;
  font-size: 20pt;
  font-weight: bold;
}
.website-block p {
  font-size: 11pt;
  line-height: 1.4;
}
.website-block .owl-nav {
  font-size: 50pt;
  color: #ccc;
  line-height: 1;
}
.website-block .owl-nav .owl-prev {
  position: absolute;
  left: -30px;
  top: 40%;
}
.website-block .owl-nav .owl-next {
  position: absolute;
  right: -30px;
  top: 40%;
}
.website-block .carousel-website {
  margin: 0 -5px;
}
.website-block .single-block {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 60px 30px;
  border-radius: 2px;
  background: #fff;
}
.website-block .single-block h3 {
  font-size: 18pt;
}
.website-block .single-block p {
  font-size: 11pt;
  line-height: 1.2;
}
.website-block .single-block span {
  position: absolute;
  color: #ebebeb;
  font-size: 80pt;
  z-index: -1;
  top: -35px;
}
.website-block .single-block ul li {
  list-style-type: none;
}
.website-block .single-block ul {
  padding: 0;
}
.website-block .single-block ul li:before {
  content: '+';
  font-weight: bold;
  color: #ccc;
  display: inline-block;
  margin: 0 20px 0 0;
}
.website-block .single-block strong {
  font-weight: 400;
  font-size: 20pt;
}
.website-block .single-block strong:after {
  content: '  ₽';
}
.website-block .single-block a {
  display: inline-block;
  background: linear-gradient(315deg, #f78c24, #fd5b2c);
  padding: 8px 20px;
  margin: 0 13px;
  border-radius: 2px;
  position: relative;
  top: -5px;
  color: #fff;
  transition: .3s;
}
.website-block .single-block a:hover {
  box-shadow: 0 0 20px #0008;
}
.website-block .owl-dots {
  text-align: center;
}
.website-block .owl-dots button {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 25px;
  background: #ccc;
  margin: 5px;
}
.website-block .owl-dots .active {
  background: #fd5b2c;
}
/* Promotion block */
.promotion-block p {
  font-style: italic;
  margin: 30px 0 0 0;
  line-height: 1.3;
}
.promotion-block p a {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}
.promotion-block .complition {
  background: #f5f5f5;
  padding: 90px 70px 140px 70px;
  color: #1d1d1d;
  margin: 30px 0 0 0;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
.promotion-block .complition h4 {
  text-transform: uppercase;
}
.promotion-block .complition p {
  font-size: 11pt;
  line-height: 1.5;
  margin: 15px 50px 0 0;
  font-style: normal;
}
.promotion-block .promotion {
  background: url(/wp-content/themes/dwcom/img/seo.jpg) no-repeat center;
  background-size: cover;
  padding: 90px 70px 140px 70px;
  color: #fff;
}
.promotion-block .promotion h4 {
  text-transform: uppercase;
}
.promotion-block .promotion p {
  font-size: 11pt;
  line-height: 1.5;
  margin: 15px 50px 0 0;
  text-shadow: 0 0 10px #000;
  font-style: normal;
}
/* Portfolio block on main page */
.portfolio-block {
  margin: 30px 0;
}
.portfolio-block .single-page {
  margin: 5px;
}
.portfolio-block .carousel-portfolio {
  margin: 0 -5px;
}
.portfolio-block .img {
  position: relative;
  height: 500px;
  width: 100%;
  background-position: top center !important;
  background-size: 100% auto !important;
  border: 1px solid #ccc;
}
.portfolio-block h6 {

  font-size: 20pt;
  font-weight: bold;
}
.btn-portfolio {
	text-align:center;
}
.btn-portfolio a {
	display: inline-block;
    background: linear-gradient(315deg, #f78c24, #fd5b2c);
    padding: 13px 30px;
    margin: 0 13px;
    border-radius: 2px;
    position: relative;
    top: -5px;
    color: #fff;
	transition: .3s;
}
.btn-portfolio a:hover {
	background: linear-gradient(-315deg, #f78c24, #fd5b2c);
}
/* Step of works block */
.step-block {
  background: #1d1d1d;
  padding: 70px 0;
  margin: 50px 0;
}
.step-block h5 {
  color: #fff;

  font-size: 20pt;
  font-weight: bold;
}
.step-block .single-block {
  color: #fff;
  margin: 30px 0 0;
}
.step-block .single-block .num span {
  position: relative;
  display: inline-block;
  width: 60px;
  text-align: center;
  font-size: 24pt;
  border-radius: 100px;
  padding: 4px 0;
  border: 1px solid #fff;
}
.step-block .single-block .text p {
  font-size: 11pt;
  line-height: 1.3;
}

/* This things added in site development block */
.development-block h6 {

  font-size: 20pt;
  font-weight: bold;
}
.development-block p {
  font-size: 11pt;
  line-height: 1.4;
}
.development-block .single-block {
  text-align: center;
  margin: 20px 0;
  line-height: 1.2;
}
.development-block .single-block span {
  display: block;
  margin: 10px 0 0 0;
}
.development-block .single-block .popup {
  position: absolute;
  display: none;
  border: 1px solid #fd5b2c;
  padding: 15px;
  background: #fff;
  top: 7px;
  line-height: 1.4;
  z-index: 1;
  font-size: 11pt;
}
.development-block .single-block:hover .popup {
  display: block;
}

/* Web site debelopment - archive page - header */
.cw-header-block {
  background: url(/wp-content/themes/dwcom/img/singlebg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 30px;
  margin: 15px 0;
}
.cw-header-block h1 {
  font-size: 25pt;
  line-height: 1.3;
  margin: 5px 0;
}
.cw-header-block a {
  color: #fff;
}
.cw-header-block .title_text {
  font-size: 25pt;
  line-height: 1.3;
  margin: 5px 0;
}
/* Web site debelopment - archive page - content block */
.cw-website-block {
  margin: 20px 0 70px;
  z-index: 2;
  position: relative;
}
.cw-content-block h1 {
  color: #2d2d2d;
  font-size: 26pt;
  margin: 50px 0 0 0;
  font-weight: 300;
}
.cw-content-block p {
  line-height: 1.4;
  margin: 30px 0;
}
.cw-content-block .call-back-form {
  border: 3px solid #fd5b2c;
  padding: 30px 50px;
  margin: -120px 0 0 0;
  background: #fff;
  box-shadow: 0 0 20px #0005;
}
.cw-content-block .call-back-form strong {
  display: block;
  text-align: center;
  font-size: 20pt;

}
.cw-content-block .call-form-single-page .row .col-md-12:last-child {
  font-size: 10pt;
  margin: -40px 0 0 0;
}
.cw-content-block .call-form-single-page input {
  width: 100%;
  margin: 15px 0;
  background: #fff0;
  color: #000;
  border: 1px solid #000;
  padding: 15px;
}
.cw-content-block .call-form-single-page textarea {
  width: 100%;
  height: 80px;
  background: #fff0;
  border: 1px solid #000;
  padding: 8px 15px;
}
.cw-content-block .call-form-single-page label input {
  width: auto;
}
.cw-content-block .call-form-single-page .btn {
  display: inline-block;
  border: 3px solid #000;
  border-radius: 0;
  width: 100%;
  padding: 8px 20px;
  transition: .3s
}
.cw-content-block .call-form-single-page .btn:hover {
  background: #fd5b2c;
  border: 3px solid #fd5b2c;
  color: #fff;
}
.cw-content-block .information {
  font-size: 14pt;
  margin: 0;
}
.cw-content-block .information i {
  display: inline-block;
  width: 20px;
  text-align: center;
  position: relative;
}
.cw-content-block .row img {
  width: 100%;
}
.cw-content-block .row .single-block {
  margin: 15px 0 10px 0;
}
.cw-content-block .row .single-block h3 {
  font-size: 16pt;
  margin: 10px 0 0 0;
}
.cw-content-block .row .single-block a img {
  transition: .3s;
  border: 3px solid #fff;
}
.cw-content-block .row .single-block a:hover img {
  box-shadow: 0 0 15px #0005;
  border: 3px solid #fd5b2c;
}
.cw-website-block .single-block {
  margin: 15px 0;
}
.cw-website-block .col-md-6:nth-child(2n) {
  position: relative;
  top: 60px;
}
/* New price plane 'create website + promotion' */
.cw-create-promo-block {
  background: url(/wp-content/themes/dwcom/img/singlebg.jpg) no-repeat center;
  background-size: cover;
  padding: 250px 0 70px;
  z-index: 1;
  position: relative;
  margin: -220px 0 0 0;
}
.cw-create-promo-block h4 {
  font-size: 30pt;

  color: #fff;
}
.cw-create-promo-block p {
  color: #fff;
}
.cw-create-promo-block p strong {
  font-size: 14pt;
  display: block;
  font-weight: 600;
  margin: 7px 0 0;
}
.cw-create-promo-block .btn {
  text-align: center;
  margin: 35px 0 0 0;
  position: relative;
  width: 100%;
}
.cw-create-promo-block .btn a {
  color: #fff;
  display: inline-block;
  border: 3px solid #fff;
  padding: 13px 20px;
  margin: 0 15px 0 0;
  transition: .3s;
}
.cw-create-promo-block .btn a:hover {
  background: #fd5b2c;
  border: 3px solid #fd5b2c;
  color: #fff;
}
.cw-achivments-block {
  margin: 50px 0;
}
.cw-achivments-block h2 {
  color: #fc5a28;
  font-size: 30pt;
  background: #f5f5f5;
  font-weight: 300;
  padding: 20px;
  margin: 0 -20px;
  position: relative;
  z-index: 1;
}
.cw-achivments-block h2:after {
  position: absolute;
  font-size: 130pt;
  z-index: -1;
  left: -15px;
  top: -64px;
  color: #fff;
  overflow: hidden;
  height: 158px;
  font-weight: bold;
  line-height: 1;
  width: 100%;
}
.cw-achivments-block p {
  line-height: 1.4;
  margin: 15px 0 0 0;
}
.cw-achivments-block .single-block {
  margin: 30px 0 0 0;
}
.cw-achivments-block .single-block img {
  width: 100px;
  height: 100px;
  border-bottom: 3px solid #fd5b2c;
  padding: 5px;
}
.cw-achivments-block .single-block h4 {
  font-size: 15pt;
  font-weight: 600;
  line-height: 1.1;
  margin: 10px 65px 0 0;
}
.cw-achivments-block .single-block p {
  font-size: 10pt;
  line-height: 1.3;
  margin: 0 30px 0 0;
}
.cw-info-block {
  margin: 100px 0;
  position: relative;
  z-index: 2;
}
.cw-info-block h3 {
  font-size: 30pt;
  font-weight: 300;
  margin: 50px 0 0 0;
}
.cw-info-block p {
  margin: 20px 0 0 0;
}
.cw-info-block img {
  width: 100%;
  height: auto;
  box-shadow: 15px 15px 0px #fc5a28;
}
.cw-create-promo-single-block {
    background: url(/wp-content/themes/dwcom/img/singlebg.jpg) no-repeat center;
    background-size: cover;
    padding: 200px 0 70px;
    z-index: 1;
    position: relative;
    margin: -250px 0 0 0;
}
.cw-add-block {
  margin: 70px 0;
}
.cw-add-block h5 {
  color: #2d2d2d;
  font-size: 33pt;
  margin: 50px 0 0 0;
  font-weight: 300;
}
.cw-add-block .single-block {
  border: 1px solid #ccc;
  padding: 25px;
  margin: 15px 0 0 0;
}
.cw-add-block .single-block strong {
  display: block;
  font-size: 20pt;
  font-weight: normal;
  margin: 15px 0;
}
.cw-add-block .single-block ul {
  margin: 0;
  padding: 0;
}
.cw-add-block .single-block ul li {
  list-style-type: none;
  font-size: 10pt;
  margin: 5px 0;
}
.cw-add-block .single-block ul li:before {
  content: '+  ';
  color: #fc5a28;
  font-weight: bold;
}
.cw-price-block {
  margin: 50px;
}
.cw-price-block .single-block .row {
  padding: 0 0 30px 0;
  border-bottom: 3px solid #fc5a28;
  margin-top: 30px;
}
.cw-price-block .single-block .row .fixed h3 {
  position: sticky;
  top: 70px;
  font-weight: 600;
}
.cw-price-block .single-block .add-list {
  margin-bottom: 25px;
}
.cw-price-block .single-block .add-list ul {
  margin: 0;
  padding: 0;
}
.cw-price-block .single-block .add-list ul li {
  list-style-type: none;
  font-size: 10pt;
  margin: 5px 0;
  padding: 3px 5px;
}
.cw-price-block .single-block .add-list ul li:nth-child(2n) {
  background: #f5f5f5;
}
.cw-price-block .single-block .add-list ul li:before {
  content: '+  ';
  font-weight: bold;
}
.cw-price-block .single-block span {
  font-size: 12pt;
  display: block;
}
.cw-price-block .single-block strong {
  font-size: 20pt;
  display: block;
  font-weight: 600;
}
.cw-price-block .single-block a {
  display: block;
  background: linear-gradient(315deg, #f78c24, #fd5b2c);
  padding: 10px 20px;
  border-radius: 2px;
  position: relative;
  top: -5px;
  color: #fff;
  transition: .3s;
  text-align: center;
  margin: 15px 0 0 0;
}

/* Contacts page */
.contact-single-block {
  padding: 20px 0;
	text-align: center;
}
.contact-single-block strong {
  font-size: 14pt;
  display: block;
}
.contact-single-block p,
.contact-single-block a {
  margin: 10px 0;
  font-size: 14pt;
  display: block;
}
/* Portfolio block style */
.po-portfolio-block {
  padding: 30px 0;
  margin: -130px 0 100px 0;
}
.po-portfolio-block h2 {

  color: #fc5a28;
  font-size: 30pt;
  font-weight: bold;
  margin: 0 0 30px 0;
}
.po-portfolio-block .single-block {
  border-bottom: 1px solid #ccc;
  padding: 50px 0;
}
.po-portfolio-block .img {
  position: relative;
  height: 500px;
  width: 100%;
  background-position: top center !important;
  background-size: 100% auto !important;
  box-shadow: 0 0 30px #0005;
}
.po-portfolio-block h3 {
  font-size: 20pt;

  line-height: 1.2;
}
.po-portfolio-block p {
  font-size: 11pt;
  line-height: 1.4;
}
.po-portfolio-block > .container-width > .row > .col-md-6:nth-child(2n) {
  position: relative;
  top: 100px;
}



















/* Footer block */
.footer-block {
  text-align: center;
  background: #f5f5f5;
  background-size: cover;
  padding: 70px 0;
  margin: 50px 0 0 0;
}
.footer-block .container-width {
  width: 700px;
  margin: 0 auto;
}
.footer-block .title strong {

  font-size: 20pt;
  font-weight: bold;
}
.footer-block .title p {
  font-size: 11pt;
}
.footer-block .call-form-footer input {
  width: 100%;
  margin: 15px 0;
  background: #fff0;
  color: #000;
  border: 1px solid #000;
  padding: 15px;
}
.footer-block .call-form-footer textarea {
  width: 100%;
  height: 80px;
  background: #fff0;
  border: 1px solid #000;
  padding: 10px 15px;
}
.footer-block .call-form-footer label input {
  width: auto;
}
.footer-block .call-form-footer .btn {
  display: inline-block;
  border: 3px solid #000;
  border-radius: 0;
  width: auto;
  padding: 10px 20px;
}
.footer-block .call-form-footer .btn:hover {
	background: #fc5a28;
	color: #fff;
}
.footer-block .call-form-footer input::-webkit-input-placeholder {color: #000 !important;}
.footer-block .call-form-footer input:-moz-placeholder {color: #000 !important;}
.footer-block .call-form-footer input::-moz-placeholder {color: #000 !important;}
.footer-block .call-form-footer input:-ms-input-placeholder {color: #000 !important;}
.footer-block .call-form-footer textarea::-webkit-input-placeholder {color: #000 !important;}
.footer-block .call-form-footer textarea:-moz-placeholder {color: #000 !important;}
.footer-block .call-form-footer textarea::-moz-placeholder {color: #000 !important;}
.footer-block .call-form-footer textarea:-ms-input-placeholder {color: #000 !important;}


/* Footer */
footer {
  background: #15161b;
  padding: 50px 0;
}
footer .text {
  margin: 15px 0;
}
footer .text a {
  color: #fff;
  display: block;
  margin: 3px 0;
  font-size: 10pt;
}
footer .text strong a {
  font-size: 12pt;
  color: #fff;
  font-weight: 400;
}
footer .btn {
  padding: 0;
  margin: 0;
}
footer .btn button {
  display: block;
  width: 170px;
  padding: 10px 0;
  background: #fff0;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 10px;
  font-size: 11pt;
  transition: .3s;
}
footer .btn button:hover {
  background: #fc5a28;
  border: 1px solid #fc5a28;
}
footer .footer-single-block > div {
  color: #afafb1;
}
footer .footer-single-block ul {
  padding: 0 0 0 10px;
}
footer .footer-single-block ul li {
  margin: 10px 0;
  list-style-type: none;
}
footer .footer-single-block ul li:before {
  content: '-  '
}
footer .footer-single-block ul li a {
  color: #afafb1;
  font-size: 10pt;
}
footer .footer-single-block ul li a:hover {
  text-decoration: underline;
}
#call_form {
  display: none;
}
.callback-popup-block {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background: #fff9;
}
.callback-popup-block .call-back-form {
  width: 400px;
  margin: 0 auto;
  border: 3px solid #fc5a28;
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 25px #0005;
  margin-top: 8%;
  position: relative;
}
.callback-popup-block .call-back-form > strong {
  font-size: 14pt;
  text-align: center;
  display: block;
  line-height: 1.2;
}
.callback-popup-block .call-back-form .close-btn {
  position: absolute;
  font-size: 27pt;
  right: -20px;
  top: -20px;
  background: #fc5a28;
  line-height: 1;
  border-radius: 50px;
  padding: 1px 3px;
  color: #fff;
}
.callback-popup-block .call-back-form .call-form-single-page span > input {
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin: 15px 0 0 0;
}
.callback-popup-block .call-back-form .call-form-single-page span > textarea {
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin: 15px 0 0 0;
  height: 100px;
}
.callback-popup-block .call-back-form .call-form-single-page .btn {
  width: 100%;
  background: #fc5a28;
  text-align: center;
  padding: 10px 0;
  margin: 15px 0 0 0;
  color: #fff;
}
.callback-popup-block .call-back-form .call-form-single-page span.wpcf7-not-valid-tip {
  top: -25px;
}
.callback-popup-block .call-back-form .call-form-single-page div.wpcf7-validation-errors,
.callback-popup-block .call-back-form .call-form-single-page div.wpcf7-acceptance-missing,
.callback-popup-block .call-back-form .call-form-single-page div.wpcf7-mail-sent-ok {
  position: relative;
}
.copyright {
  background: #000;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-size: 8pt;
}
/* Contact form 7 fix */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 2px solid #f7e700;
  position: absolute;
  background: #f7e700;
  left: 0;
  right: 0;
  margin: 0 15px;
  text-align: center;
  padding: 5px 0;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
  position: absolute;
  background: #398f14;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0 15px;
  text-align: center;
  padding: 5px 0;
}
span.wpcf7-not-valid-tip {
  position: absolute;
  width: 170px;
  font-size: 7pt;
  top: -30px;
}
.mobile_menu {
  display: none;
}

.left {
  text-align: left;
}
.blog_archive__content {
  margin: 50px 0;
}
.blog_archive__content a {
  margin: 0;
}
.blog_archive__image {
  width: 100%;
  height: auto;
}


@media (max-width: 1280px) {
  .container-width {
    width: 100%;
    padding: 0 5%;
  }
  .title-block .carousel .single-block {
    padding: 40px 20px;
    margin: 0 5px;
  }
  .title-block .carousel .single-block p {
    font-size: 9pt;
  }
  header {
    width: 100%;
    padding: 0 3%;
  }
  header .header-right .header-right-callback a {
    padding: 13px 20px;
  }
}
@media (max-width: 1024px) {
  .slider-block .row > div {
    min-height: 300px;
  }
  .slider-block .left-block a, .slider-block .right-block a {
    font-size: 32pt;
    padding: 73px 63px;
  }
  .step-block {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  header {
    text-align: left;
  }
  header a img {
    width: 100%;
  }
  header .header-left {
    width: 105px;
  }
  header .header-center {
    position: fixed;
    left: -300px;
  }
  header .header-right .header-right-callback {
    display: none;
  }
  header .header-right > div {
    width: 100%;
  }
  header .header-right {
    width: 200px;
    right: 75px;
    top: 8px;
    position: absolute;
  }
  .slider-block {
    display: none;
  }
  .title-block,
  .website-block {
    margin: 15px 0;
  }
  .promotion-block .complition,
  .promotion-block .promotion {
    padding: 20px;
    margin: 5px 0;
  }
  .step-block {
    background-size: cover;
  }
  .development-block h6,
  .title-block .text h1,
  .website-block h2,
  .step-block h5,
  .portfolio-block h6 {
    font-size: 13pt;
  }
  .footer-block .container-width {
    width: 100%;
  }
  .cw-header-block h1 {
    font-size: 16pt;
  }
  .cw-content-block .call-back-form {
    padding: 30px 10px;
    margin: 0;
  }
  .cw-website-block {
    margin: 10px 0 70px;
  }
  .website-block .single-block ul li {
    font-size: 8pt;
  }
  .mobile_menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fc5a28;
    color: #fff;
    padding: 19.5px 25px;
    font-size: 14pt;
  }
  .cw-website-block .col-md-6:nth-child(2n) {
    position: relative;
    top: 0;
  }
  .cw-create-promo-block .btn a {
    margin: 10px 0 0 0;
    display: block;
  }
  .cw-content-block .information {
    font-size: 12pt;
  }
  .cw-content-block .information:last-child {
    margin-bottom: 15px;
  }
  .po-portfolio-block > .container-width > .row > .col-md-6:nth-child(2n) {
    top: 0px;
  }
  .footer-block .call-form-footer input {
    margin: 5px 0;
  }
  .footer-block .call-form-footer textarea {
    margin: 5px 0;
  }
  .website-block .owl-nav .owl-next,
  .website-block .owl-nav .owl-prev {
    display: none;
  }
  .cw-price-block {
    margin: 10px 0;
  }
  footer {
    text-align: center;
  }
  #mobile_menu {
    background: #fff;
    top: 0;
    bottom: 0;
    width: 250px;
    box-shadow: 0 0 15px #0005;
    z-index: 5;
    padding: 30px 10px;
    transition: .3s;
  }
  header .header-center div > ul li:hover .sub-menu {
    display: none !important;
  }
  #mobile_menu ul li {
    display: block;
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 320px) {
  header .header-right {
    display: none;
  }
}