.main-wrapper .b-content {
  padding: 0;
}
.b-image-top {
  background-image: url("../img/travel/img_travel_top.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 423px;
  width: 100%;
}
.m-block-four {
  background-image: url("../img/travel/2.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 586px;
  width: 100%;
}
.b-head-title {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 70px;
  font-weight: 600;
  margin: 0 0 47px;
  padding: 44px 0 0;
  position: relative;
}
.b-head-title span {
  position: relative;
}
.b-head-title span:before {
  background-color: #ffffff;
  content: "";
  height: 1px;
  left: 4px;
  position: absolute;
  bottom: -21px;
  width: 100%;
}
.b-head-text {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  padding: 0 0 0 6px;
  margin: 0 0 33px;
}
.b-head-color-text {
  color: #FFDCA4;
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding: 0 0 0 6px;
  margin: 0;
}
.b-countdown-container {
  max-width: 400px;
  margin-left: -9px;
}
.countdown {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: "Roboto", sans-serif;
}
.countdown:first-child {
  padding-left: 0;
}
.countdown span {
  color: white;
  font-size: 58px;
  display: block;
  margin-bottom: 3px;
  font-family: "Roboto", sans-serif;
}
.b-head-image {
  position: absolute;
  background-image: url("../img/travel/img_1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 339px;
  width: 354px;
  right: 4px;
  top: 49px;
}
.b-heading {
  color: #2F2F2F;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 22px;
  padding: 39px 0 0;
  text-align: center;
  position: relative;
}
.b-heading span {
  color: #4BAAD9;
}
.b-heading.m-border {
  margin: 0 0 94px;
}
.b-heading.m-border:before {
  background-color: #4baad9;
  bottom: -19px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -75px;
  position: absolute;
  width: 150px;
}
.b-heading.m-color-border {
  color: #2f2f2f;
  padding-top: 32px;
}
.b-heading.m-color-border:before {
  background-color: #4baad9;
  bottom: -12px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -75px;
  position: absolute;
  width: 150px;
}
.b-step-2 {
  position: relative;
}
.b-step-2 p {
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #5E5E5E;
}
.b-step-1,
.b-step-3 {
  position: relative;
}
.b-step-1 p,
.b-step-3 p {
  margin: 0 0 0 56.7%;
  padding: 0;
  position: relative;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #5E5E5E;
}
.b-step-1 {
  margin-bottom: 104px;
}
.b-step-1.m-variable {
  padding-top: 47px;
  margin-bottom: 48px;
}
.b-step-1.m-variable p {
  color: #ffffff;
}
.b-step-1.m-variable p:before,
.b-step-1.m-variable p:after {
  color: #ffffff;
}
.b-step-1.m-variable p:before {
  top: 0;
  opacity: 0.7;
}
.b-step-1.m-variable p:after {
  top: -10px;
}
.b-step-1.m-variable:before {
  background-color: #797979;
  bottom: -71px;
  content: "";
  height: 52px;
  left: 50%;
  position: absolute;
  width: 1px;
}
.b-step-1 p:before {
  background-color: #d9d9d9;
  border-radius: 50%;
  content: "";
  height: 62px;
  left: -101px;
  position: absolute;
  width: 62px;
  top: -10px;
}
.b-step-1 p:after {
  border: 1px solid #d9d9d9;
  color: #797979;
  content: "1";
  text-align: center;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
  font-size: 23px;
  line-height: 82px;
  border-radius: 50%;
  height: 82px;
  left: -111px;
  position: absolute;
  top: -20px;
  width: 82px;
}
.b-step-1:before {
  background-color: #797979;
  bottom: -81px;
  content: "";
  height: 50px;
  left: 50%;
  position: absolute;
  width: 1px;
}
.b-step-2 {
  margin-bottom: 84px;
}
.b-step-2 p {
  padding-left: 15.6%;
}
.b-step-2 p:before {
  background-color: #ff5066;
  border-radius: 50%;
  content: "";
  height: 52px;
  left: 50%;
  margin-left: -26px;
  position: absolute;
  width: 52px;
  top: -7px;
}
.b-step-2 p:after {
  border: 1px solid #ff5066;
  color: #ffffff;
  content: "2";
  text-align: center;
  vertical-align: middle;
  line-height: 68px;
  font-size: 23px;
  border-radius: 50%;
  font-family: "Roboto", sans-serif;
  height: 68px;
  left: 50%;
  margin-left: -34px;
  position: absolute;
  top: -15px;
  width: 68px;
}
.b-step-2.m-variable {
  padding-top: 47px;
  margin-bottom: 53px;
}
.b-step-2.m-variable p {
  color: #ffffff;
  padding-left: 8%;
}
.b-step-2.m-variable p:before,
.b-step-2.m-variable p:after {
  color: #ffffff;
}
.b-step-2.m-variable p:before {
  background-color: #7ed321;
  opacity: 0.7;
}
.b-step-2.m-variable p:after {
  border: 1px solid #7ed321;
}
.b-step-2.m-variable:before {
  background-color: #797979;
  bottom: -72px;
  content: "";
  height: 52px;
  left: 50%;
  position: absolute;
  width: 1px;
}
.b-step-2:before {
  background-color: #797979;
  bottom: -55px;
  content: "";
  height: 32px;
  left: 50%;
  position: absolute;
  width: 1px;
}
.b-step-3 {
  margin-bottom: 25px;
}
.b-step-3 p:before {
  background-color: #f8e71c;
  border-radius: 50%;
  height: 62px;
  left: -101px;
  content: "";
  position: absolute;
  width: 62px;
  top: -10px;
}
.b-step-3 p:after {
  border: 1px solid #f8e71c;
  color: #ffffff;
  content: "3";
  font-size: 23px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  line-height: 82px;
  font-family: "Roboto", sans-serif;
  height: 82px;
  left: -111px;
  position: absolute;
  top: -20px;
  width: 82px;
}
.b-step-3.m-variable {
  padding-top: 47px;
  margin-bottom: 108px;
}
.b-step-3.m-variable p {
  color: #ffffff;
}
.b-step-3.m-variable p:before,
.b-step-3.m-variable p:after {
  color: #ffffff;
}
.b-step-3.m-variable p:before {
  opacity: 0.7;
}
.btn-blue {
  background-color: #23b6f9;
  border: 1px solid #00a6f2;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  font-family: 'Roboto', sans-serif !important;
  height: 34px;
  outline: none;
  padding: 0;
  transition: background-color 0.5s ease 0s;
  width: 208px;
  display: block;
  text-align: center;
  line-height: 31px;
  margin: 0 auto 30px;
}
.btn-blue:hover,
.btn-blue:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #00a6f2;
  border: 1px solid #00a6f2;
}
.m-block-three {
  height: 136px;
  background-color: #eaeaea;
}
