* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
}

input {
  box-shadow: none;
  outline: none;
}

/*.ever-popup .order_img img  {
	min-width: 650px;
}*/

.container {
  position: relative;
  width: 100%;
  max-width: 980px;
  height: 100%;
  margin: 0 auto;
}

.accent2 {
  color: #fac447;
}

h1,
h2,
h3 {
  font-family: "PT Sans Caption", arial, sans-serif;
}

p,
div,
span {
  font-family: "PT Sans Caption", arial, sans-serif;
}

.header {
  background: url(../img/bg_header.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center top;
  /*padding: 0 0 75px;*/
  /*position: relative;*/
}

.logo {
  padding-top: 35px;
}

h1 {
  font-family: "Roboto", sans-serif;
  font-size: 54px;
  color: white;
  font-weight: bold;
  /*margin-top: 50px;*/
  margin-bottom: 10px;
}

.man {
  position: absolute;
  bottom: 0%;
  left: 22%;
}

.product {
  position: absolute;
  bottom: -20%;
  left: 14%;
  max-width: 600px;
}

.header_left p {
  font-size: 26px;
  font-family: "Roboto", sans-serif;
  color: white;
}

.order {
  padding: 100px 0 50px;
}

.order_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /* -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;*/
  padding: 10px 10px;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*display: inline-block;*/
}

/*.order_img {
	display: inline-block;
	max-width: 590px;
}*/

.order_form {
  /*background: rgba(255,255,255, 1);*/
  border-radius: 5px;
  /*padding: 20px 5px;*/
  text-align: center;
  margin-left: 120px;
  /*border: 2px solid #33CDFD;*/
  /*box-shadow: 2px 2px 33px white;*/
  /*margin-top: 40px;*/
  /*display: inline-block;*/
}
/*.ever-popup__inner {
	min-width: 980px;
}*/

/*.order_left h2 {
	color: #727272;
	font-size: 35px;
	margin: 20px 0;
}*/

.order_img h2 {
  color: #727272;
  font-size: 35px;
  margin: 20px 0;
}

.price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 15px;
  /*font-family: 'PT Sans Caption', arial, sans-serif;*/
  font-family: "Roboto", sans-serif;
}

.old_price {
  color: #c3c2c2;
  /*text-decoration: line-through;*/
  padding-right: 30px;
  font-size: 20px;
  font-weight: bold;
}

.x_price_previous {
  font-size: 17px;
}

.x_currency {
  font-size: 17px;
}

.x_price_previous {
  text-decoration: line-through;
}

.new_price {
  /*color: white;*/
  color: #fac447;
  font-size: 26px;
  font-weight: bold;
}

.timer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*padding: 0 47px;*/
  /*padding-bottom: 20px;*/
  /*border-bottom: 1px solid #7f7f7e;*/
}

.timer_block {
  padding: 0 5px;
}

.timer_block p {
  color: white;
}

.hours,
.minutes,
.seconds {
  font-family: "PT Sans Caption", arial, sans-serif;
  font-weight: bold;
  line-height: 38px;
  font-size: 35px;
  color: rgba(114, 114, 114, 0.65);
}

.points {
  width: 23px;
  height: 59px;
  text-align: center;
  line-height: 38px;
  font-size: 38px;
  font-family: "PT Sans Caption", arial, sans-serif;
  font-weight: bold;
  color: white;
}

.timer_block {
  font-size: 12px;
  text-align: center;
  color: white;
}

.order_img {
  text-align: center;
  /*margin-right: 20px;*/
  width: 100%;
}

/*.order_img img {
	max-height: 265px;
}*/

form {
  text-align: center;
  /*padding: 10px;*/
  /*max-width: 260px;*/
  width: 280px;
  background: white;
  padding: 20px;
  margin-top: 30px;
}

.order_form input {
  width: 100%;
  border: 1px solid #e0e0e0;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  color: #000;
  margin-bottom: 15px;
  background-color: white;
  font-family: "Roboto", sans-serif;
}

.order_form select {
  width: 100%;
  border: 1px solid #e0e0e0;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  color: #000;
  margin-bottom: 15px;
  background-color: white;
  font-family: "Roboto", sans-serif;
}

.order_form button {
  /*height: 50px;*/
  width: 100%;
  background-color: rgba(44, 60, 151, 0.7);
  border: none;
  font-size: 25px;
  color: #ffffff;
  font-weight: 700;
  margin-top: 5px;
  cursor: pointer;
  padding: 10px 0;
  /*background-color: #f2f23e;
    color: black;*/
  font-family: "Roboto", sans-serif;
}

.order_form .btn_bottom {
  background-color: #fac447;
  color: black;
}

.foto {
  padding: 25px 10px;
}

.colage {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.left_colage {
  margin-right: 10px;
}

.relieves {
  padding: 50px 0;
}

.relieves h2 {
  color: #727272;
  font-size: 35px;
  text-align: center;
  padding: 30px 10px;
}

.main_relieves {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.rel_descr {
  max-width: 500px;
}

.rel_descr p {
  padding: 20px 10px;
  color: #727272;
  font-size: 17px;
  font-family: "PT Sans Caption", arial, sans-serif;
  line-height: 1.5;
}

.cause {
  padding: 80px 0;
  background: url(../img/block3new.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  background-size: cover;
  color: white;
}

.main_cause {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.main_cause h3 {
  font-size: 30px;
  /*min-height: 68px;*/
}

.main_cause ul {
  list-style-type: none;
}

.main_cause ul li {
  font-size: 15px;
  padding: 10px 5px;
  line-height: 1.5;
}

.main_cause ul li:before {
  content: "\2014";
  padding-right: 5px;
}

.cause_right {
  max-width: 550px;
}

.result {
  padding: 30px 0;
}

.result h2 {
  color: #727272;
  font-size: 35px;
  text-align: center;
  padding: 30px 10px;
}

.res_descr p {
  color: #727272;
  font-size: 17px;
  line-height: 1.5;
  max-width: 480px;
  padding: 20px 10px;
}

.results {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.res_img_descr p {
  display: inline-block;
  padding: 4px 13px;
  margin-left: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #727272;
}

.res_img {
  text-align: center;
}

.res_img img {
  max-height: 220px;
}

.colage2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 20px 10px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.colage2 img {
  padding: 0 5px;
}

.slider {
  padding: 50px 0;
}

.slider h2 {
  color: #727272;
  font-size: 35px;
  text-align: center;
  padding: 30px 10px;
}

.slider .title {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  padding: 5px;
}

.slider p {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.5;
  color: #727272;
  padding: 5px;
}

.slider .photo {
  width: 172px;
  height: 172px;
  margin: 20px auto;
}

.main_slider {
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  outline: none;
}

.main_slider {
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
}

footer {
  padding: 15px 5px;
  padding-top: 100px;
  text-align: center;
  background: #000;
  color: grey;
}

footer p {
  padding: 10px 0;
}

footer a {
  color: grey;
}

.price_descr {
  font-size: 14px;
  padding-bottom: 4px;
}

/*PRAVKI NEW*/
.header_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  /*-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
  /* -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
  /*-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;*/
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*background: url(../img/man.png);
	background-repeat: no-repeat;
	background-position: center bottom;*/
  position: relative;
  padding-bottom: 70px;
  padding-top: 50px;
}

/*.header_list_wrap {
	background: url(../img/man.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}*/

.new_price {
  /*color: white;*/
  font-size: 30px;
  /*text-shadow: 1px 0px 1px darkslategrey;*/
  /*color: yellow;*/
  /*-webkit-text-stroke: 0.5px black;*/
}

/*.timer_block {
	color: #33CDFD;
}

.hours, .minutes, .seconds {
	color: #33CDFD;	
}

.end {
	color: #33CDFD;	
}

.points {
	color: #33CDFD;
}*/

.order h2 {
  font-size: 35px;
  text-align: center;
  /*color: #33CDFD;*/
  font-weight: 900;
  /*font-family: 'Roboto', sans-serif;*/
  font-family: "PT Sans Caption", arial, sans-serif;
  margin-bottom: 35px;
  color: #727272;
}

.accent {
  color: #42bbed;
}

.end {
  /*color: #c3c2c2;*/
  color: white;
}

.order_list {
  padding: 20px 10px;
}

.order_img h2 {
  margin: 0;
  font-size: 40px;
  line-height: 40px;
}

.new_price .price_descr {
  color: black;
}

.nice_price {
  color: white;
  font-size: 26px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}

.under_form {
  color: white;
  margin-top: 11px;
  font-size: 15px;
  position: relative;
}

.rec {
  padding-bottom: 10px;
}

/*.star{
	position: relative;
}

.star::after {
	content: '*';
	position: absolute;
	top: -11px;
	right: -8px;
	font-size: 22px;
}*/

@media only screen and (max-width: 999px) {
  .order_list {
    padding: 10px;
  }

  footer {
    padding-top: 0;
    padding: 15px 5px;
  }

  h1 {
    margin-top: 30px;
  }

  .logo {
    text-align: center;
    padding-top: 0;
  }

  .product {
    position: static;
  }

  .header_list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px;
  }

  .header_left p {
    text-align: center;
  }

  .man {
    display: none;
  }

  .order_form {
    margin: 15px 0;
  }

  .end {
    text-align: center;
    padding-left: 0;
  }

  .res_img_descr p {
    padding: 0;
  }

  /*.ever-popup__body .new_price{
		color: rgba(44,60,151,0.7) ;
	}

	.ever-popup__body .old_price{
		color: rgba(44,60,151,0.7) ;
	}*/

  .header {
    /*background: url(../img/block1.jpg);*/
    background: url(../img/bg_header.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
  }

  h1 {
    text-align: center;
    max-width: 100%;
  }

  .order_list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .order_img img {
    max-height: 230px;
  }

  .price {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .timer {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .order_img h2 {
    text-align: center;
  }

  form {
    margin-top: 25px;
  }

  .colage {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .left_colage {
    max-width: 421px;
    margin-right: 0;
    margin-bottom: 3px;
  }

  .rel_img img {
    max-height: 235px;
  }

  .colage2 img:nth-child(2) {
    display: none;
  }
  .colage2 img:nth-child(3) {
    display: none;
  }

  .colage2 {
    padding: 0 5px;
  }

  .main_cause {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cause_item:nth-child(1) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .cause_item:nth-child(2) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .main_cause h3 {
    text-align: center;
    padding-bottom: 20px;
  }

  .cause_left {
    display: none;
  }

  .order_img {
    text-align: center;
    /*margin-right: 20px;*/
  }
}

@media only screen and (max-width: 768px) {
  .header_left p {
    font-size: 20px;
  }

  .order h2 {
    font-size: 25px;
  }
  .header {
    padding: 35px 0;
  }

  h1 {
    font-size: 35px;
  }

  .rel_img img {
    display: none;
  }

  .rel_descr {
    text-align: center;
    max-width: 100%;
  }

  .order_img h2 {
    font-size: 30px;
  }

  .relieves h2 {
    font-size: 25px;
    padding: 15px 5px;
  }

  .result h2 {
    font-size: 27px;
    padding: 15px 5px;
  }

  .slider h2 {
    font-size: 27px;
    padding: 15px 5px;
  }

  .results {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .res_img_descr p:first-child {
    margin-left: 0px;
  }

  .res_item:nth-child(1) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .res_item:nth-child(2) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .main_cause ul li {
    padding: 10px 15px;
    text-align: center;
  }

  h1 {
    line-height: normal;
  }

  .header_list {
    padding: 0;
  }
}

@media only screen and (max-width: 479px) {
  .order_img h2 {
    margin: 0;
    line-height: normal;
  }

  .res_descr p {
    padding: 8px;
  }

  .slider .title {
    margin-top: 0;
  }

  .slider p {
    margin-top: 5px;
  }
  .slider .photo {
    margin: 10px auto;
  }

  .relieves {
    padding: 20px 0;
  }

  .main_cause h3 {
    font-size: 25px;
  }

  .cause {
    padding: 30px 0;
  }

  .slider .photo {
    margin: 20px auto;
  }
}

.bull__info {
  margin-top: 30px;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.bull {
  text-align: center;
  max-width: 980px;
  margin: auto;
}
.bull__item:first-child {
  margin-left: 0;
}
.bull__item:last-child {
  margin-right: 0;
}
.bull__item:last-child .dotted {
  display: none;
}
.bull__item {
  display: inline-block;
  vertical-align: top;
  max-width: 215px;
  width: 100%;
  margin: 0 12px;
}
.bull__index {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  -webkit-box-shadow: 0 0 7px 7px #fef6e4;
  -moz-box-shadow: 0 0 7px 7px #fef6e4;
  box-shadow: 0 0 7px 7px #fef6e4;
  display: inline-block;
  border: 4px solid #fac447;
  padding-top: 8px;
  font-size: 25px;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.dotted {
  position: absolute;
  top: 22px;
  left: 65px;
  font-size: 0;
  width: 160px;
}
.dotted li:last-child {
  margin-right: 0;
}
.dotted li {
  width: 8px;
  height: 1px;
  background: #d9d9d9;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .dotted {
    display: none;
  }
  .bull {
    max-width: 767px;
  }
  .bull__item,
  .bull__item:first-child,
  .bull__item:last-child {
    margin: 0 45px 45px;
  }

  .bull__info {
    margin-top: 15px;
  }

  .order {
    padding: 80px 0 0;
  }
}

@media screen and (max-width: 999px) {
  .order {
    padding: 50px 0 0;
  }
  .header_list {
    padding-top: 0;
  }
  .logo {
    padding-top: 30px;
  }
}

@media screen and (max-width: 600px) {
  .product {
    max-width: 400px;
  }
}
@media screen and (max-width: 410px) {
  .product {
    max-width: 300px;
  }
}
